.surutto-how-to-choose{--font-sans: "Noto Sans JP", sans-serif;--color-white: var(--su-white);--color-body-bg: var(--su-bg);--color-text: var(--su-text);--color-heading: var(--su-text);--color-muted: var(--su-text-sub);--color-sub: var(--su-text-sub);--color-band: var(--su-bg-sub);--color-border: var(--su-border);--color-placeholder: var(--su-greige);--header-height: 64px;background-color:var(--color-body-bg);color:var(--color-text);font-family:var(--font-sans)}.surutto-how-to-choose,.surutto-how-to-choose *{box-sizing:border-box}html{scroll-behavior:smooth}.surutto-how-to-choose br.br-pc{display:none}.surutto-how-to-choose br.br-sp{display:inline}@media(min-width:768px){.surutto-how-to-choose br.br-pc{display:inline}.surutto-how-to-choose br.br-sp{display:none}.surutto-how-to-choose{--header-height: 64px}}@media(max-width:767px){.surutto-how-to-choose{--header-height: 56px}}.surutto-how-to-choose .menu-title{font-size:clamp(28px,3.5vw,38px);font-weight:700;color:var(--su-dark);line-height:1.2;letter-spacing:.02em}.surutto-how-to-choose .lp-concept__subheading{margin:10px 0 0;font-family:var(--font-sans);font-size:14px;font-weight:400;color:var(--su-text-sub);letter-spacing:.08em}.sg-section{padding:clamp(56px,8vw,96px) 0;scroll-margin-top:calc(var(--header-height) + 12px)}.sg-section--band{background:var(--color-band)}.sg-inner{width:100%;max-width:720px;margin:0 auto;padding:0 clamp(24px,5vw,40px)}.sg-inner--wide{max-width:960px}.sg-inner--xl{max-width:1100px}.sg-section-header{display:flex;flex-direction:column;align-items:center;text-align:center}.sg-section-header__title{margin:0;width:100%;font-size:clamp(28px,3.5vw,38px);font-weight:700;color:var(--su-dark);line-height:1.2;letter-spacing:.02em}.sg-section-header__sub{margin:10px 0 0;width:100%;font-size:14px;font-weight:400;color:var(--su-text-sub);letter-spacing:.08em}.sg-heading{margin:0;font-size:clamp(22px,3.2vw,32px);font-weight:700;color:var(--color-heading);line-height:1.35;letter-spacing:.02em;text-align:center}.sg-heading--mark{display:flex;flex-direction:column;align-items:center;gap:14px}.sg-heading--mark:after{content:"";display:block;width:40px;height:2px;background:var(--su-text-sub)}.sg-text{margin:clamp(20px,3vw,28px) 0 0;font-size:clamp(13px,1.5vw,15px);font-weight:400;color:var(--color-muted);line-height:2;letter-spacing:.02em}.sg-text p{margin:0}.sg-text p+p{margin-top:1em}.sg-text strong{font-weight:700;color:var(--color-text)}.sg-list{margin:12px 0 0;padding-left:1.2em;font-size:clamp(13px,1.5vw,15px);color:var(--color-muted);line-height:2}.sg-list li+li{margin-top:.15em}.sg-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin:clamp(28px,4vw,40px) 0 0}.sg-actions--start{justify-content:flex-start}.sg-btn:hover{box-shadow:0 4px 12px #4a45401f}.sg-btn--primary:hover{box-shadow:0 4px 12px #5c565047}.sg-btn--accent:hover{box-shadow:0 4px 12px #b8965a59}.sg-placeholder{display:block;width:100%;background:var(--color-placeholder);color:var(--su-text-sub);font-size:12px;letter-spacing:.04em}.sg-placeholder--square{aspect-ratio:1 / 1}.sg-placeholder--wide{aspect-ratio:16 / 10}.sg-placeholder--hero{position:absolute;top:0;right:0;bottom:0;left:0}.sg-note{margin:12px 0 0;font-size:12px;color:var(--color-sub);line-height:1.7}@media(max-width:767px){.sg-inner{padding:0 32px}.sg-heading{font-size:clamp(20px,5.8vw,26px);line-height:1.45}.sg-btn{width:100%;min-width:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sg-btn:hover{transform:none}}.sg-section-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:0}.sg-section-header .menu-title{margin:0;width:100%;text-align:center}.sg-section-header .lp-concept__subheading{margin:10px 0 0;width:100%;text-align:center}.sg-fv{position:relative;display:flex;align-items:center;justify-content:center;width:100%;height:50svh;height:50vh;min-height:50svh;min-height:50vh;overflow:hidden;isolation:isolate;background:linear-gradient(180deg,var(--su-bg-sub) 0%,#ffffff 72%)}.sg-fv__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;background:var(--su-greige);pointer-events:none}.sg-fv__image{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.sg-fv__image--pc{display:block}.sg-fv__image--sp{display:none}.sg-fv__image[hidden]{display:none!important}.sg-fv__ph{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,#dedede 0%,var(--su-greige) 100%);color:var(--su-text-sub);font-size:13px;letter-spacing:.04em}.sg-fv__content{position:relative;z-index:2;width:100%;padding:clamp(32px,5vw,56px) 0}.sg-fv__eyebrow{margin:0 0 12px;font-size:14px;font-weight:400;color:var(--su-on-media-text);letter-spacing:.08em;text-align:center}.sg-fv__title{margin:0;font-size:clamp(28px,3.5vw,38px);font-weight:700;color:var(--su-on-media-title);line-height:1.35;letter-spacing:.02em;text-align:center}.sg-fv__lead{margin:clamp(24px,4vw,36px) 0 0;font-size:clamp(13px,1.5vw,15px);color:var(--su-on-media-text);line-height:2;letter-spacing:.02em;text-align:center}.sg-fv__lead p{margin:0}.sg-fv__lead p+p{margin-top:1em}.sg-fv__lead strong{font-weight:700;color:var(--su-on-media-title)}@media(max-width:767px){.sg-fv__image--pc{display:none}.sg-fv__image--sp:not([hidden]){display:block}}.sg-shortcut__grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:clamp(32px,5vw,48px) 0 0}.sg-shortcut-card{display:flex;flex-direction:column;justify-content:center;gap:6px;min-height:88px;padding:20px 18px;background:var(--su-bg);border:1px solid var(--color-border);text-decoration:none;color:inherit;transition:border-color .2s ease,box-shadow .2s ease}.sg-shortcut-card:hover{border-color:var(--su-greige);box-shadow:0 4px 12px #0000000f}.sg-shortcut-card__q{margin:0;font-size:14px;font-weight:700;color:var(--color-text);line-height:1.55}.sg-shortcut-card__a{margin:0;font-size:12px;font-weight:400;color:var(--color-sub);line-height:1.5;letter-spacing:.04em}@media(max-width:767px){.sg-shortcut__grid{grid-template-columns:1fr}}.sg-series__grid{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,40px);margin:clamp(36px,5vw,56px) 0 0}.sg-series-card{background:var(--su-bg);border:1px solid var(--color-border);overflow:hidden}.sg-series-card__media{position:relative;width:100%;aspect-ratio:16 / 10;background:transparent;overflow:hidden}.sg-series-card__media img,.sg-series-card__ph{display:block;width:100%;height:100%;object-fit:cover}.sg-series-card__ph{display:flex;align-items:center;justify-content:center;color:var(--su-text-sub);font-size:13px;letter-spacing:.04em}.sg-series-card__body{padding:clamp(24px,3.5vw,36px) clamp(20px,3vw,32px)}.sg-series-card__name{margin:0;font-size:clamp(18px,2.2vw,22px);font-weight:700;color:var(--color-text);line-height:1.4;text-align:center}.sg-series-card__catch{margin:12px 0 0;font-size:clamp(14px,1.6vw,16px);font-weight:700;color:var(--color-heading);line-height:1.7;text-align:center}.sg-series-card .sg-list{margin-top:clamp(20px,3vw,28px)}.sg-series-card .sg-actions{margin-top:28px}@media(min-width:900px){.sg-series__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}.sg-series-card{display:flex;flex-direction:column}.sg-series-card__body{display:flex;flex-direction:column;flex:1}.sg-series-card .sg-actions{margin-top:auto;padding-top:28px}}.sg-size-block{margin-top:clamp(40px,6vw,64px)}.sg-size-block:first-of-type{margin-top:clamp(36px,5vw,52px)}.sg-size-block__title{margin:0;font-size:clamp(18px,2.2vw,22px);font-weight:700;color:var(--color-text);line-height:1.4;text-align:center}.sg-size-block__lead{margin:14px 0 0;font-size:clamp(13px,1.5vw,15px);color:var(--color-muted);line-height:2;text-align:center}.sg-size-block__lead strong{font-weight:700;color:var(--color-text)}.sg-size__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:clamp(28px,4vw,40px) 0 0}.sg-size-card{text-align:center}.sg-size-card__media{position:relative;width:100%;max-width:220px;margin:0 auto;aspect-ratio:1 / 1;background:transparent;overflow:hidden}.sg-size-card__media img,.sg-size-card__ph{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.sg-size-card__ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--su-bg-sub) 0%,var(--su-border) 100%);border:1px solid var(--color-border);color:var(--su-text-sub);font-size:12px;letter-spacing:.04em}.sg-size-card__name{margin:14px 0 0;font-size:clamp(15px,1.7vw,17px);font-weight:700;color:var(--color-text);line-height:1.4}.sg-size-card__cap{margin:6px 0 0;font-size:13px;color:var(--color-muted);line-height:1.6}@media(min-width:768px){.sg-size__grid--4{grid-template-columns:repeat(4,minmax(0,1fr))}.sg-size__grid--2{grid-template-columns:repeat(2,minmax(0,1fr));max-width:480px;margin-left:auto;margin-right:auto}.sg-size__grid--1{grid-template-columns:minmax(0,240px);justify-content:center}}.sg-cook__grid{display:grid;grid-template-columns:1fr;gap:clamp(40px,6vw,64px);margin:clamp(36px,5vw,56px) 0 0}.sg-cook-card__num{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--color-sub);text-align:center}.sg-cook-card__title{margin:8px 0 0;font-size:clamp(18px,2.2vw,24px);font-weight:700;color:var(--color-text);line-height:1.4;text-align:center}.sg-cook-card__catch{margin:10px 0 0;font-size:clamp(14px,1.6vw,16px);font-weight:700;color:var(--color-heading);line-height:1.6;text-align:center}.sg-cook-card__media{margin:clamp(20px,3vw,28px) 0 0;width:100%;aspect-ratio:16 / 10;background:var(--color-placeholder);overflow:hidden}.sg-cook-card__media img,.sg-cook-card__ph{display:block;width:100%;height:100%;object-fit:cover}.sg-cook-card__ph{display:flex;align-items:center;justify-content:center;color:var(--su-text-sub);font-size:13px;letter-spacing:.04em;text-align:center;padding:16px}.sg-cook-card__body{display:grid;grid-template-columns:1fr;gap:20px;margin-top:clamp(20px,3vw,28px);align-items:start}.sg-cook-card__product{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}.sg-cook-card__product-name{margin:0;font-size:14px;font-weight:700;color:var(--color-text);line-height:1.5}.sg-cook-card__product-icon{width:88px;height:88px;background:transparent;overflow:hidden}.sg-cook-card__product-icon img,.sg-cook-card__product-ph{display:block;width:100%;height:100%;object-fit:contain}.sg-cook-card__product-ph{display:flex;align-items:center;justify-content:center;background:var(--su-bg-sub);border:1px solid var(--color-border);font-size:11px;color:var(--su-text-sub)}.sg-cook-card__detail .sg-text{margin-top:0}.sg-cook-card__detail .sg-actions{margin-top:20px}@media(min-width:900px){.sg-cook__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.sg-cook-card__body{grid-template-columns:25% 75%;gap:20px;align-items:start}.sg-cook-card__product{align-items:center}.sg-cook-card__detail .sg-actions{justify-content:flex-start}.sg-cook-card__detail .sg-btn{width:auto;min-width:200px}}@media(max-width:899px){.sg-cook-card__body{text-align:left}.sg-cook-card__product{flex-direction:row;justify-content:flex-start;text-align:left;gap:16px}.sg-cook-card__product-icon{width:72px;height:72px;flex:0 0 72px}}.sg-scene__list{display:grid;grid-template-columns:1fr;gap:clamp(28px,4vw,40px);margin:clamp(36px,5vw,56px) 0 0}@media(min-width:900px){.sg-scene__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.sg-scene-card{display:flex;flex-direction:column}}.sg-scene-card{padding:clamp(28px,4vw,40px) clamp(20px,3vw,32px);background:var(--su-bg);border:1px solid var(--color-border)}.sg-scene-card__label{margin:0;font-size:12px;font-weight:700;letter-spacing:.1em;color:var(--color-sub)}.sg-scene-card__title{margin:8px 0 0;font-size:clamp(18px,2.2vw,22px);font-weight:700;color:var(--color-text);line-height:1.4}.sg-scene-card__visual{margin:clamp(20px,3vw,28px) auto 0;width:100%;max-width:640px;aspect-ratio:21 / 9;background:transparent;overflow:hidden}.sg-scene-card__visual img,.sg-scene-card__visual-ph{display:block;width:100%;height:100%;object-fit:contain;object-position:center}.sg-scene-card__visual-ph{display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,var(--su-bg-sub) 0%,var(--su-border) 100%);border:1px dashed var(--su-greige);color:var(--su-text-sub);font-size:13px;letter-spacing:.04em;text-align:center;padding:16px}.sg-scene-card .sg-text{margin-top:clamp(16px,2.5vw,20px)}.sg-scene-card .sg-actions{margin-top:clamp(24px,3.5vw,32px)}@media(min-width:900px){.sg-scene-card .sg-actions{margin-top:auto;padding-top:clamp(24px,3.5vw,32px)}}.sg-compare__table-wrap{margin:clamp(36px,5vw,52px) 0 0;overflow-x:auto;-webkit-overflow-scrolling:touch}.sg-compare__table{width:100%;min-width:520px;border-collapse:collapse;background:var(--su-bg)}.sg-compare__table th,.sg-compare__table td{padding:16px 14px;border:1px solid var(--color-border);font-size:13px;line-height:1.7;vertical-align:top;text-align:left}.sg-compare__table thead th{background:var(--su-dark);color:#fff;font-weight:700;text-align:center}.sg-compare__table thead th:first-child{background:var(--su-dark);width:28%}.sg-compare__table tbody th{background:var(--su-bg-sub);font-weight:700;color:var(--color-text);white-space:nowrap}.sg-compare__table td{color:var(--color-muted)}.sg-compare__note{margin:16px 0 0;font-size:12px;color:var(--color-sub);line-height:1.7;text-align:center}.sg-faq{margin:clamp(32px,5vw,48px) auto 0;max-width:800px}.sg-faq__item{border:none;margin-bottom:1rem}.sg-faq__question{display:block;position:relative;list-style:none;padding:1.35rem 3.5rem 1.35rem 1.35rem;background-color:var(--su-bg-sub);border-radius:8px;cursor:pointer;font-size:clamp(14px,1.6vw,16px);font-weight:500;color:var(--color-text);line-height:1.6}.sg-faq__question::-webkit-details-marker{display:none}.sg-faq__icon{position:absolute;top:50%;right:1.25rem;transform:translateY(-50%);font-size:1.5rem;color:var(--su-text-sub);line-height:1}.sg-faq__item[open] .sg-faq__icon{transform:translateY(-50%) rotate(90deg)}.sg-faq__answer{padding:1.1rem 1.35rem 1.35rem;font-size:clamp(13px,1.5vw,15px);color:var(--color-muted);line-height:2}.sg-faq__answer p{margin:0}.sg-faq__answer p+p{margin-top:1em}.sg-faq-preview-note{margin:20px 0 0;font-size:12px;color:var(--color-sub);text-align:center;letter-spacing:.04em}.sg-final{text-align:center}.sg-final .sg-actions{margin-top:0}.sg-attention{background:var(--su-dark);padding:clamp(56px,8vw,96px) 0;color:#fff}.sg-attention__header{text-align:center}.sg-attention__title{margin:0;font-family:inherit;font-size:clamp(28px,3.5vw,38px);font-weight:700;line-height:1.2;letter-spacing:.02em;color:#fff}.sg-attention__sub{margin:10px 0 0;font-family:inherit;font-size:14px;font-weight:400;letter-spacing:.08em;color:#fff}.sg-attention .sg-actions{margin-top:clamp(28px,4vw,40px)}@media(max-width:767px){.sg-attention{padding:48px 0}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/surutto-how-to-choose.css.map */