*{box-sizing:border-box;margin:0;padding:0}body{background-color:#fff}@media screen and (max-width:768px){body{overflow-x:clip;width:100%}}.on-slider{margin-top:18px}.on-slider__in{display:flex;gap:14px;overflow-x:auto;padding:4px 2px 12px;scrollbar-width:thin}.on-pc{flex:0 0 300px;min-width:0;border:1px solid #e2e2e2;background:#fff}.on-pc__img{height:225px;position:relative;overflow:hidden;background:#d9d9d9}.on-pc__img img{display:block;width:100%;height:100%;object-fit:cover}.on-pc__img.on-badge::after{content:"";position:absolute;top:0;right:0;width:30%;aspect-ratio:1/1;background:url('/images/static/preminum_seller/onaga/on_badge_emblem.png') no-repeat top right/contain;pointer-events:none;z-index:1;filter:drop-shadow(0 1px 0 rgba(0, 0, 0, .5))}.on-pc__b{padding:14px 16px 16px;font-size:14px;line-height:1.6}.on-pc__cat{display:block;font-size:13px;color:#888}.on-pc__name{display:block;margin:2px 0 4px;font-size:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.on-pc__price{display:block;font-size:22px;font-weight:800;color:#c33}.on-pc__sp{display:block;margin-top:4px;font-size:12px;color:#777}@media screen and (max-width:767px){.on-pc{flex-basis:240px}.on-pc__img{height:180px}.on-pc__name{font-size:15px}.on-pc__price{font-size:18px}}.on-lp{--on-k:#111;--on-k2:#1b1b1b;--on-y:#FFE100;--on-ink:#1d1d1d;--on-line:#e2e2e2;--on-paper:#f4f4f2;--on-gutter:max(18px, calc((100% - 1200px) / 2));width:100%;font-family:"Noto Sans JP",-apple-system,"Hiragino Sans","Yu Gothic","メイリオ",Meiryo,sans-serif;font-size:14px;line-height:1.6;color:var(--on-ink);background:#fff;-webkit-font-smoothing:antialiased}.on-lp a{color:inherit;text-decoration:none}.on-lp img{max-width:100%}.on-lp .on-about__lead,.on-lp .on-hv__catch,.on-lp h2,.on-lp h3,.on-lp summary{word-break:auto-phrase}.on-nb{display:inline-block}.on-lbl{display:flex;align-items:center;gap:10px;margin:0 0 6px;font-family:Inter,"Helvetica Neue",Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.2em;color:var(--on-k)}.on-lbl::before{content:"";display:inline-block;width:28px;height:3px;background:var(--on-y)}.on-h{margin:0 0 10px;font-size:32px;font-weight:900;line-height:1.5}.on-mv{position:relative;max-width:1460px;height:480px;margin:0 auto;color:#fff;background-position:center top;background-size:cover;background-repeat:no-repeat}.on-mv::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.62) 0,rgba(0,0,0,.25) 45%,rgba(0,0,0,0) 62%),linear-gradient(180deg,rgba(0,0,0,0) 45%,rgba(0,0,0,.88) 100%)}.on-mv__inner{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:30px 56px 44px max(40px,calc((100% - 1200px)/ 2))}.on-hv{position:relative;z-index:2;max-width:760px;text-shadow:0 2px 14px rgba(0,0,0,.55)}.on-hv__brand{display:flex;align-items:center;gap:20px;margin-bottom:14px}.on-hv__logo{display:flex;align-items:center;justify-content:center;flex:0 0 132px;width:132px;height:96px}.on-hv__logo img{width:84%}.on-hv__co{margin:0;font-size:46px;font-weight:900;line-height:1.2;letter-spacing:.04em}.on-hv__catch{margin:0 0 8px;font-size:32px;font-weight:900;line-height:1.45;letter-spacing:.01em}.on-hv__sub{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0 0 10px;font-size:16px;font-weight:700}.on-hv__sub span{padding-left:10px;border-left:3px solid var(--on-y)}.on-hv__name{margin:0 0 2px;font-size:16px;font-weight:700;letter-spacing:.06em}.on-hv__name em{font-style:normal}.on-hv__tl{margin:0;font-size:13px;color:#d0d0d0;letter-spacing:.04em}.on-mv__scroll{position:absolute;right:56px;bottom:40px;padding-bottom:50px;font-family:Inter,Arial,sans-serif;font-size:11px;letter-spacing:.3em;writing-mode:vertical-rl;opacity:.85}.on-mv__scroll::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:42px;background:#fff;animation:on-scroll-line 2s ease-in-out infinite}@keyframes on-scroll-line{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}@keyframes on-hv-in{0%{opacity:0;transform:translateY(22px)}100%{opacity:1;transform:none}}.on-lp.is-js .on-hv>*{animation:on-hv-in 1.2s cubic-bezier(.22,.9,.24,1) both}.on-lp.is-js .on-hv>:nth-child(2){animation-delay:.2s}.on-lp.is-js .on-hv>:nth-child(3){animation-delay:.35s}.on-lp.is-js .on-hv>:nth-child(4){animation-delay:.5s}.on-tnav{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:center;gap:2px;width:100%;padding:6px 18px;background:rgba(17,17,17,.96);color:#fff;transition:box-shadow .3s}.on-tnav.is-stuck{box-shadow:0 6px 20px rgba(0,0,0,.22)}.on-tnav__logo{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:0;height:40px;margin-right:0;overflow:hidden;opacity:0;transition:width .3s,opacity .3s,margin .3s}.on-tnav__logo img{width:50px;max-width:none}.on-tnav.is-stuck .on-tnav__logo{width:62px;margin-right:12px;opacity:1}.on-tnav__links{display:contents}.on-lp .on-tnav__link{padding:12px 16px;font-size:16px;font-weight:700;color:#ccc;white-space:nowrap;border-bottom:3px solid transparent;transition:color .2s,border-color .2s}.on-lp .on-tnav__link:hover{color:#fff}.on-lp .on-tnav__link[aria-current=true]{color:#fff;border-bottom-color:var(--on-y)}.on-lp .on-tnav__cta{flex:0 0 auto;margin-left:22px;padding:11px 40px;font-size:15px;font-weight:800;letter-spacing:.04em;color:var(--on-k);background:var(--on-y);border-radius:3px}@keyframes on-cta-blink{0%,100%{box-shadow:0 0 0 0 rgba(255,225,0,0);filter:none}50%{box-shadow:0 0 0 6px rgba(255,225,0,.35),0 0 18px 4px rgba(255,225,0,.55);filter:brightness(1.08)}}.on-tnav__cta.is-blink{animation:on-cta-blink 1.1s ease-in-out 2}.on-about{padding:84px var(--on-gutter) 50px}.on-about__tl{margin:4px 0 6px;font-size:22px;font-weight:900;line-height:1.7;letter-spacing:.02em}.on-about .on-h{margin:22px 0 10px}.on-about__lead{max-width:800px;margin:0;font-size:18px;line-height:1.9}.on-sec{padding:52px var(--on-gutter)}.on-cats{margin-top:22px}.on-cats__h{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-size:15px;font-weight:800}.on-cats__h::before{content:"";width:4px;height:18px;background:var(--on-y)}.on-cats__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.on-cc{display:flex;align-items:center;gap:12px;min-height:92px;padding:14px 12px 14px 14px;background:#fff;border:1px solid #9a9a9a;border-radius:4px;box-shadow:0 1px 4px rgba(0,0,0,.07);transition:border-color .2s,box-shadow .2s,transform .2s}.on-cc:hover{border-color:var(--on-k);box-shadow:0 8px 20px rgba(0,0,0,.12);transform:translateY(-2px)}.on-cc__ic{flex:0 0 72px;height:72px}.on-cc__ic img{width:100%;height:100%;object-fit:contain}.on-cc__t{display:flex;flex:1;flex-direction:column;gap:4px;min-width:0}.on-cc__t b{font-size:15px;line-height:1.35;word-break:keep-all;overflow-wrap:anywhere}.on-cc__t small{font-size:12px;color:#777}.on-cc__t em{font-family:Inter,Arial,sans-serif;font-size:16px;font-style:normal;font-weight:800;color:var(--on-k)}.on-cc__ar{display:inline-flex;align-items:center;justify-content:center;flex:0 0 30px;width:30px;height:30px;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:800;color:#333;border-radius:50%;transition:background .2s,color .2s,transform .2s}.on-cc:hover .on-cc__ar{color:var(--on-k);background:var(--on-y);transform:translateX(2px)}.on-cats__all{display:flex;align-items:center;justify-content:center;gap:14px;width:480px;max-width:100%;min-height:64px;margin:22px auto 0;padding:12px 28px;font-size:21px;font-weight:800;color:var(--on-k);background:var(--on-y);border-radius:3px;box-shadow:0 3px 0 #c9b100;transition:transform .15s}.on-cats__all:hover{transform:translateY(-2px)}.on-cats__all-t{display:inline-flex;flex-wrap:wrap;align-items:baseline;justify-content:center;gap:10px}.on-cats__all-t small{font-size:16px;font-weight:800;color:#4a4000}.on-cats__all-ar{font-family:Inter,Arial,sans-serif}.on-str{padding:72px var(--on-gutter);background:var(--on-paper)}.on-steps{position:relative;margin:30px 0 0;padding:0;list-style:none}.on-steps::before{content:"";position:absolute;left:38px;top:10px;bottom:10px;width:2px;background:var(--on-k)}.on-steps>li{position:relative;display:grid;grid-template-columns:78px 1fr;gap:26px;margin-bottom:44px}.on-steps>li:last-child{margin-bottom:0}.on-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;width:78px;height:78px;font-family:Inter,Arial,sans-serif;font-size:26px;font-weight:900;line-height:1;color:var(--on-y);background:var(--on-k)}.on-step span{margin-bottom:5px;font-size:10px;letter-spacing:.2em;color:#fff}.on-step__body{display:grid;grid-template-columns:48% 52%;background:#fff;box-shadow:0 4px 18px rgba(0,0,0,.06)}.on-step__ph{position:relative;min-height:260px}.on-step__ph img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.on-step__tx{padding:30px 34px}.on-step__tx h3{margin-bottom:10px;font-size:22px;font-weight:900;line-height:1.5}.on-step__tx p{margin:0;font-size:14px;line-height:2}.on-qua{padding:72px var(--on-gutter);color:#fff;background:var(--on-k)}.on-qua .on-lbl{color:#fff}.on-qua__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:22px}.on-qc{background:var(--on-k2);border:1px solid #2e2e2e}.on-qc:nth-child(2){transition-delay:.15s}.on-qc:nth-child(3){transition-delay:.3s}.on-qc__ph img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.on-qc__b{padding:20px 22px 24px}.on-qc__n{margin:0 0 6px;font-family:Inter,Arial,sans-serif;font-size:14px;font-weight:800;letter-spacing:.18em;color:var(--on-y)}.on-qc h3{margin-bottom:8px;font-size:18px;font-weight:700}.on-qc p{margin:0 0 10px;font-size:14px;line-height:1.95;color:#d6d6d6}.on-qc .on-ck-h{margin:10px 0 2px;font-size:13px;font-weight:700;line-height:1.8;color:#fff}.on-ck{margin:4px 0 0;padding:0;list-style:none;font-size:13px;line-height:1.8}.on-ck li{position:relative;margin-bottom:2px;padding-left:22px}.on-ck li::before{content:"";position:absolute;left:2px;top:.45em;width:11px;height:6px;border-left:2.5px solid var(--on-y);border-bottom:2.5px solid var(--on-y);transform:rotate(-45deg)}.on-faq{max-width:960px;margin-top:6px}.on-faq details{border-bottom:1px solid var(--on-line)}.on-faq summary{position:relative;display:flex;align-items:flex-start;gap:14px;padding:20px 40px 20px 0;font-size:22px;font-weight:700;line-height:1.6;list-style:none;cursor:pointer}.on-faq summary::-webkit-details-marker{display:none}.on-faq summary::after{content:"+";position:absolute;right:6px;top:18px;font-size:22px;font-weight:400}.on-faq details[open] summary::after{content:"−"}.on-faq__aa,.on-faq__q{display:inline-flex;align-items:center;justify-content:center;flex:0 0 36px;height:36px;font-family:Inter,Arial,sans-serif;font-size:18px;font-weight:800;border-radius:2px}.on-faq__q{color:var(--on-y);background:var(--on-k)}.on-faq__aa{color:var(--on-k);background:#fff;border:1px solid var(--on-k)}.on-faq__a{display:flex;gap:14px;padding:0 0 20px}.on-faq__a p{margin:6px 0 0;font-size:16px;line-height:1.9;color:#333}.on-cta{padding:72px var(--on-gutter) 76px;color:#fff;text-align:center;background:var(--on-k)}.on-cta__logo{margin:0 0 14px;line-height:0}.on-cta__logo span{display:inline-flex;align-items:center;justify-content:center;width:196px;height:120px}.on-cta__logo img{width:78%}.on-cta__lb{margin:6px 0 20px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800;letter-spacing:.3em;color:#bdbdbd}.on-lp .on-cta__btn{display:inline-flex;align-items:center;gap:14px;padding:22px 52px;font-size:21px;font-weight:800;color:var(--on-k);background:var(--on-y);border-radius:3px;box-shadow:0 3px 0 #c9b100;transition:transform .15s}.on-cta__btn:hover{transform:translateY(-2px)}.on-cta__btn span{font-family:Inter,Arial,sans-serif}.on-lp.is-js .on-rv{opacity:0;transform:translateY(46px);transition:opacity 1.1s cubic-bezier(.22, .9, .24, 1),transform 1.2s cubic-bezier(.22, .9, .24, 1)}.on-lp.is-js .on-rv.is-shown{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.on-lp.is-js .on-hv>*,.on-mv__scroll::after,.on-tnav__cta.is-blink{animation:none}.on-lp.is-js .on-rv{opacity:1;transform:none;transition:none}}@media screen and (max-width:767px){.on-about__tl,.on-hv__tl,.on-lp h2,.on-lp h3,.on-lp summary{word-break:keep-all;overflow-wrap:anywhere}.on-h{font-size:24px}.on-mv{height:auto;background-position:right top}.on-mv__inner{position:relative;padding:120px 16px 24px}.on-mv__scroll{display:none}.on-hv__brand{gap:12px}.on-hv__logo{flex-basis:80px;width:80px;height:58px}.on-hv__co{font-size:min(26px, 7vw)}.on-hv__catch{font-size:19px}.on-hv__sub{flex-direction:column;gap:4px;font-size:14px}.on-hv__name{font-size:13px}.on-tnav{justify-content:flex-start;flex-wrap:nowrap;padding:4px 10px}.on-tnav__links{display:flex;flex:1 1 auto;min-width:0;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 24px),transparent)}.on-tnav__links::-webkit-scrollbar{display:none}.on-tnav.is-stuck .on-tnav__logo,.on-tnav__logo{display:none}.on-lp .on-tnav__link{padding:10px 10px;font-size:13px}.on-lp .on-tnav__cta{margin-left:8px;padding:8px 16px;font-size:12px}.on-about{padding:44px 18px 30px}.on-about__tl{font-size:17px}.on-about__lead{font-size:15px}.on-sec{padding:40px 18px}.on-slider{margin-right:-18px;margin-left:-18px}.on-slider__in{padding-right:18px;padding-left:18px;scroll-padding-left:18px;scroll-snap-type:x mandatory;scrollbar-width:none}.on-slider__in::-webkit-scrollbar{display:none}.on-pc{scroll-snap-align:start}.on-cats__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.on-cc{gap:4px;min-height:76px;padding:8px 6px}.on-cc__ic{flex-basis:clamp(40px,50vw - 138px,54px);height:clamp(40px,50vw - 138px,54px)}.on-cc__t b{font-size:12px}.on-cc__ar{display:none}.on-cats__all{width:100%;min-height:56px;padding:10px 16px;font-size:16px}.on-cats__all-t small{font-size:14px}.on-str{padding:48px 18px}.on-steps::before{display:none}.on-steps>li{display:block;margin-bottom:24px}.on-step{position:absolute;top:0;left:0;z-index:2;width:52px;height:52px;font-size:18px}.on-step span{margin-bottom:4px;font-size:8px}.on-step__body{grid-template-columns:1fr}.on-step__ph{height:200px;min-height:0}.on-step__tx{padding:20px 20px 24px}.on-step__tx h3{font-size:20px}.on-qua{padding:48px 18px}.on-qua__grid{grid-template-columns:1fr}.on-faq summary{padding:16px 32px 16px 0;font-size:16px}.on-faq summary::after{top:14px}.on-faq__aa,.on-faq__q{flex-basis:30px;height:30px;font-size:15px}.on-faq__a p{font-size:14px}.on-cta{padding:48px 18px 52px}.on-cta__logo span{width:150px;height:92px}.on-lp .on-cta__btn{padding:16px 26px;font-size:16px}}