@charset "UTF-8";
/* ======================================================
  5hands.world license lp_pizza 2026-07-31
====================================================== */
@import url("https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@300;400;500;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20,400,0,0&display=swap");
:where(*, *::before, *::after) { box-sizing: border-box;}
:where(html) { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-behavior: smooth;}
:root { --side-menu-width: clamp(180px,14vw,200px);}
:where(body) { min-height: 100vh; margin: 0; line-height: 1.5; font-family: "Zen Maru Gothic", sans-serif;}
:where(h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd) { margin: 0;}
:where(ul, ol) { margin: 0; padding: 0;}
:where(ul[role="list"], ol[role="list"]) { list-style: none;}
:where(img, picture, video, canvas, svg) { display: block; max-width: 100%;}
:where(img, picture, video) { height: auto;}
:where(input, button, textarea, select) { font: inherit; color: inherit;}
:where(button, [type="button"], [type="reset"], [type="submit"]) { cursor: pointer;}
:where(table) { border-collapse: collapse; border-spacing: 0;}
:where(a) { color: inherit;}
:where([hidden]) { display: none !important;}
:where(:focus-visible) { outline: 2px solid currentColor; outline-offset: 3px;}
._txtl{text-align:left;}._txtr{text-align:right;}._txtc{text-align:center;}
@media screen and (min-width:768px){
  ._pc_bg_skyblue{background-color: #479df5;}
}
@media screen and (max-width:767px){
._sp_txtl{text-align:left;}._sp_txtr{text-align:right;}._sp_txtc{text-align:center;}
._sp_fs200 {font-size: 200% !important; }._sp_fs190 {font-size: 190% !important; }._sp_fs180 {font-size: 180% !important; }._sp_fs170 {font-size: 170% !important; }._sp_fs160 {font-size: 160% !important; }._sp_fs150 {font-size: 150% !important; }._sp_fs145 {font-size: 145% !important; }._sp_fs140 {font-size: 140% !important; }._sp_fs135 {font-size: 135% !important; }._sp_fs130 {font-size: 130% !important; }._sp_fs125 {font-size: 125% !important; }._sp_fs120 {font-size: 120% !important; }._sp_fs115 {font-size: 115% !important; }._sp_fs110 {font-size: 110% !important; }._sp_fs105 {font-size: 105% !important; }._sp_fs100 {font-size: 100% !important; }._sp_fs95 {font-size: 95% !important; }._sp_fs90 {font-size: 90% !important; }._sp_fs85 {font-size: 85% !important; }._sp_fs80 {font-size: 80% !important; }._sp_fs75 {font-size: 75% !important; }._sp_fs70 {font-size: 70% !important; }._sp_fs65 {font-size: 65% !important; }._sp_fs60 {font-size: 60% !important; }._sp_fs55 {font-size: 55% !important; }._sp_fs50 {font-size: 50% !important; }._sp_fs45 {font-size: 45% !important; }._sp_fs40 {font-size: 40% !important; }._sp_fs35 {font-size: 35% !important; }._sp_fs30 {font-size: 30% !important; }._sp_fs25 {font-size: 25% !important; }._sp_fs20 {font-size: 20% !important;}._sp_gcg01{column-gap:1%;}._sp_gcg02{column-gap:2%;}._sp_gcg03{column-gap:3%;}._sp_gcg04{column-gap:4%;}._sp_gcg05{column-gap:5%;}._sp_gcg06{column-gap:6%;}._sp_gcg07{column-gap:7%;}._sp_gcg08{column-gap:8%;}._sp_gcg09{column-gap:9%;}._sp_gcg010{column-gap:10%;}._sp_a_fbox{display:flex;flex-flow:row wrap;}
._sp_fd_row{flex-direction:row;}._sp_fd_r_reverse{flex-direction:row-reverse;}._sp_fd_column{flex-direction:column;}._sp_fd_c_reverse{flex-direction:column-reverse;}
._sp_jcc{justify-content:center;}._sp_jcsb{justify-content:space-between;}._sp_jcfs{justify-content:flex-start;}._sp_jcfe{justify-content:flex-end;}
._sp_faic{align-items:center;}._sp_fais{align-items:flex-start;}._sp_faie{align-items:flex-end;}._sp_faist{align-items:stretch;}._sp_pt0{padding-top: 0 !important}._sp_pb0{padding-bottom: 0 !important}}
@media screen and (max-width:767px){._sp_mt0{margin-top:0!important;}._sp_mt5{margin-top:5px!important;}._sp_mt10{margin-top:10px!important;}._sp_mt15{margin-top:15px!important;}._sp_mt20{margin-top:20px!important;}._sp_mt25{margin-top:25px!important;}._sp_mt30{margin-top:30px!important;}._sp_mt35{margin-top:35px!important;}._sp_mt40{margin-top:40px!important;}._sp_mt45{margin-top:45px!important;}._sp_mt50{margin-top:50px!important;}._sp_mt55{margin-top:55px!important;}._sp_mt60{margin-top:60px!important;}._sp_mt65{margin-top:65px!important;}._sp_mt70{margin-top:70px!important;}._sp_mt75{margin-top:75px!important;}._sp_mt80{margin-top:80px!important;}._sp_mt85{margin-top:85px!important;}._sp_mt90{margin-top:90px!important;}._sp_mt95{margin-top:95px!important;}._sp_mt100{margin-top:100px!important;}._sp_mt110{margin-top:110px!important;}._sp_mt120{margin-top:120px!important;}._sp_mt150{margin-top:150px!important;}
._sp_mb0{margin-bottom:0!important;}._sp_mb5{margin-bottom:5px!important;}._sp_mb10{margin-bottom:10px!important;}._sp_mb15{margin-bottom:15px!important;}._sp_mb20{margin-bottom:20px!important;}._sp_mb25{margin-bottom:25px!important;}._sp_mb30{margin-bottom:30px!important;}._sp_mb35{margin-bottom:35px!important;}._sp_mb40{margin-bottom:40px!important;}._sp_mb45{margin-bottom:45px!important;}._sp_mb50{margin-bottom:50px!important;}._sp_mb55{margin-bottom:55px!important;}._sp_mb60{margin-bottom:60px!important;}._sp_mb65{margin-bottom:65px!important;}._sp_mb70{margin-bottom:70px!important;}._sp_mb75{margin-bottom:75px!important;}._sp_mb80{margin-bottom:80px!important;}._sp_mb85{margin-bottom:85px!important;}._sp_mb90{margin-bottom:90px!important;}._sp_mb95{margin-bottom:95px!important;}._sp_mb100{margin-bottom:100px!important;}._sp_mb110{margin-bottom:110px!important;}._sp_mb120{margin-bottom:120px!important;}._sp_w0 {width: 0; }._sp_w1 {width: 1%; }._sp_w2 {width: 2%; }._sp_w3 {width: 3%; }._sp_w4 {width: 4%; }._sp_w5 {width: 5%; }._sp_w6 {width: 6%; }._sp_w7 {width: 7%; }._sp_w8 {width: 8%; }._sp_w9 {width: 9%; }._sp_w10 {width: 10%; }._sp_w11 {width: 11%; }._sp_w12 {width: 12%; }._sp_w13 {width: 13%; }._sp_w14 {width: 14%; }._sp_w15 {width: 15%; }._sp_w16 {width: 16%; }._sp_w17 {width: 17%; }._sp_w18 {width: 18%; }._sp_w19 {width: 19%; }._sp_w20 {width: 20%; }._sp_w21 {width: 21%; }._sp_w22 {width: 22%; }._sp_w23 {width: 23%; }._sp_w24 {width: 24%; }._sp_w25 {width: 25%; }._sp_w26 {width: 26%; }._sp_w27 {width: 27%; }._sp_w28 {width: 28%; }._sp_w29 {width: 29%; }._sp_w30 {width: 30%; }._sp_w31 {width: 31%; }._sp_w32 {width: 32%; }._sp_w33 {width: 33%; }._sp_w34 {width: 34%; }._sp_w35 {width: 35%; }._sp_w36 {width: 36%; }._sp_w37 {width: 37%; }._sp_w38 {width: 38%; }._sp_w39 {width: 39%; }._sp_w40 {width: 40%; }._sp_w41 {width: 41%; }._sp_w42 {width: 42%; }._sp_w43 {width: 43%; }._sp_w44 {width: 44%; }._sp_w45 {width: 45%; }._sp_w46 {width: 46%; }._sp_w47 {width: 47%; }._sp_w48 {width: 48%; }._sp_w49 {width: 49%; }._sp_w50 {width: 50%; }._sp_w51 {width: 51%; }._sp_w52 {width: 52%; }._sp_w53 {width: 53%; }._sp_w54 {width: 54%; }._sp_w55 {width: 55%; }._sp_w56 {width: 56%; }._sp_w57 {width: 57%; }._sp_w58 {width: 58%; }._sp_w59 {width: 59%; }._sp_w60 {width: 60%; }._sp_w61 {width: 61%; }._sp_w62 {width: 62%; }._sp_w63 {width: 63%; }._sp_w64 {width: 64%; }._sp_w65 {width: 65%; }._sp_w66 {width: 66%; }._sp_w67 {width: 67%; }._sp_w68 {width: 68%; }._sp_w69 {width: 69%; }._sp_w70 {width: 70%; }._sp_w71 {width: 71%; }._sp_w72 {width: 72%; }._sp_w73 {width: 73%; }._sp_w74 {width: 74%; }._sp_w75 {width: 75%; }._sp_w76 {width: 76%; }._sp_w77 {width: 77%; }._sp_w78 {width: 78%; }._sp_w79 {width: 79%; }._sp_w80 {width: 80%; }._sp_w81 {width: 81%; }._sp_w82 {width: 82%; }._sp_w83 {width: 83%; }._sp_w84 {width: 84%; }._sp_w85 {width: 85%; }._sp_w86 {width: 86%; }._sp_w87 {width: 87%; }._sp_w88 {width: 88%; }._sp_w89 {width: 89%; }._sp_w90 {width: 90%; }._sp_w91 {width: 91%; }._sp_w92 {width: 92%; }._sp_w93 {width: 93%; }._sp_w94 {width: 94%; }._sp_w95 {width: 95%; }._sp_w96 {width: 96%; }._sp_w97 {width: 97%; }._sp_w98 {width: 98%; }._sp_w99 {width: 99%; }._sp_w100 {width: 100%; }}
._txt_underline{text-decoration:underline;}
.icon-text-link{display:inline-flex;align-items:center;column-gap:4px;padding-bottom:2px;border-bottom:1px solid currentColor;color:#b21808;text-decoration:none;line-height:1.5;vertical-align:baseline;}
.icon-text-link .material-symbols-outlined{flex:0 0 auto;margin:0;font-size:1.2em;line-height:1;vertical-align:middle;text-decoration:none;}
._gcg01{column-gap:1%;}._gcg02{column-gap:2%;}._gcg03{column-gap:3%;}._gcg04{column-gap:4%;}._gcg05{column-gap:5%;}._gcg06{column-gap:6%;}._gcg07{column-gap:7%;}._gcg08{column-gap:8%;}._gcg09{column-gap:9%;}._gcg010{column-gap:10%;}
._a_fbox{display:flex;flex-flow:row wrap;}
._fd_row{flex-direction:row;}._fd_r_reverse{flex-direction:row-reverse;}._fd_column{flex-direction:column;}._fd_c_reverse{flex-direction:column-reverse;}
._jcc{justify-content:center;}._jcsb{justify-content:space-between;}._jcfs{justify-content:flex-start;}._jcfe{justify-content:flex-end;}
._faic{align-items:center;}._fais{align-items:flex-start;}._faie{align-items:flex-end;}._faist{align-items:stretch;}
._hyphen-list { padding: 0; list-style: none;}
._hyphen-list > li { position: relative; padding-left: 1em;}
._hyphen-list > li::before { position: absolute; top: 0; left: 0; content: '-';}
._colorwhite { color: #F0ECE7;}
._colorbrown { color: #3a211a;}
._bgcolor-red { background-color: #b21808;}
._bgcolor-gray { background-color: rgb(247, 248, 248);}
._bgcolor-cream { background-color: rgb(248, 237, 220);}
._bgcolor-white { background-color: #fff;}
.pc { display: block;}
.site-header { position: sticky; top: 0; display: flex; justify-content: center; align-items: center; min-height: 72px; padding: 0 24px; background-color: rgba(255, 255, 255, .9); box-shadow: 0 4px 8px rgba(58, 33, 26, .08); color: #3F1B13; z-index: 50;}
.page-copy { color: #3F1B13; font-size: clamp(12px, 1.04vw, 15px); font-weight: 700; line-height: 1.45; letter-spacing: .2em; text-align: center;}
.page-copy span { font-size: .85em;}
/*.main-visual { padding: 0 24px clamp(64px, 8vw, 120px);}*/
.main-visual__logo { display: none; width: 136px; margin: 0;}
.main-visual__logo img { width: 100%; height: auto;}
.main-visual__image {width: min(100%, 900px); margin: 12px auto 0; opacity: 0; animation: mainVisualReveal 1s ease-out .15s forwards;}
.main-visual__image img { width: 100%; height: auto;}
#sec_02 { overflow: hidden; padding-top: 64px; background-image: url("../images/bg_sec_02.jpg"); background-position: center top; background-repeat: repeat-y; background-size: 100% auto;}
.sec-02__inner { width: 100%;}
.variety-banner { width: min(100%, 900px); height: auto; margin: 0 auto; overflow: hidden; opacity: 0; transform: translateX(-100vw); transition: opacity .8s ease, transform 1s cubic-bezier(.22, 1, .36, 1); will-change: opacity, transform;}
.variety-banner.is-visible { opacity: 1; transform: translateX(0);}
.variety-banner img { width: 100%; height: auto;}
.trial-menu { width: min(100% - 48px, 900px); margin: 0 auto; padding: 64px 0 80px; scroll-margin-top: 80px;}
.trial-menu__title { color: #3a211a; font-size: clamp(20px, 2vw, 28px); line-height: 1.6; text-align: center;}
.trial-menu__list {columns: 2; column-gap: 40px; margin-top: 40px; padding: 24px 32px; border: 1px solid rgba(58, 33, 26, .15); list-style: none;}
.trial-menu__list li { break-inside: avoid; padding: 8px 0; border-bottom: 1px solid rgba(58, 33, 26, .12); color: #3a211a; font-size: 16px; font-weight: 500; line-height: 1.7;display: flex;flex-flow: nowrap;grid-column-gap: 1%;}
.trial-menu__list li span {display: inline-block;}
.trial-application { margin-top: 40px; color: #3a211a; text-align: center;}
.trial-application__title { font-size: 22px; line-height: 1.5;}
.trial-application__text { margin-top: 16px; font-size: 16px; font-weight: 500; line-height: 1.9;}
.trial-application__text._hyphen-list { width: fit-content; margin-right: auto; margin-left: auto; text-align: left;}
.btn-white { display: flex; justify-content: center; align-items: center; width: min(100%, 320px); margin: 40px auto 0; padding: 15px 10px; border: 2px solid #b21808; border-radius: 5em; background-color: #fff; color: #b21808; font-size: 16px; font-weight: 700; text-align: center; text-decoration: none; transition: background-color .3s ease, color .3s ease;}
.btn-white__icon { margin-left: 8px; font-size: 20px; font-weight: 400;}
.btn-white:hover { background-color: #b21808; color: #fff;}
.trial-menu__note { margin-top: 24px; color: #3a211a; font-size: 16px; font-weight: 700; line-height: 1.7; text-align: center;}
#sec_03 { padding: 64px 0; background-color: rgb(248, 237, 220);}
.feature-grid { flex-flow: row nowrap; gap: clamp(24px, 3vw, 48px); width: min(92%, 1200px); margin: 0 auto;}
.feature-grid__video { flex: 1 1 58%; min-width: 0; aspect-ratio: 16 / 9; overflow: hidden;}
.feature-grid__video iframe { display: block; width: 100%; height: 100%; border: 0;}
.youtube-lite { position: relative; display: block; width: 100%; height: 100%; padding: 0; border: 0; border-radius: 0; background-color: #3a211a; color: #fff; -webkit-appearance: none; appearance: none; touch-action: manipulation; opacity: 0; visibility: hidden; transform: translateX(-100vw); transition: opacity .8s ease,visibility .8s ease,transform 1s cubic-bezier(.22,1,.36,1); overflow: hidden;}
.youtube-lite.is-visible { opacity: 1; visibility: visible; transform: translateX(0);}
.youtube-lite img { width: 100%; height: 100%; object-fit: cover;}
.youtube-lite__play { position: absolute; top: 50%; left: 50%; display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; border: 2px solid #fff; border-radius: 50%; background-color: rgba(178,24,8,.9); box-shadow: 0 4px 14px rgba(58,33,26,.25); color: #fff; font-size: 38px; line-height: 1; transform: translate(-50%,-50%); transition: background-color .3s ease,transform .3s ease;}
.youtube-lite:hover .youtube-lite__play { background-color: #b21808; transform: translate(-50%,-50%) scale(1.08);}
.feature-grid__details { flex: 1 1 42%; min-width: 0;}
.feature-grid__content { padding: 24px 0;}
.feature-grid__title { color: #fff; font-size: clamp(22px, 2vw, 30px); line-height: 1.4; text-align: left;}
.feature-grid__title span { display: inline-block; padding: 6px 14px; background-color: #b21808;}
.feature-grid__text { margin-top: 24px; color: #3a211a; font-size: clamp(14px, 1.05vw, 17px); font-weight: 500; line-height: 1.9;}
.feature-grid__text strong { background: linear-gradient(transparent 60%, #fffb95 60%); font-weight: 700;}
.license-flex { gap: clamp(32px, 5vw, 80px); width: min(92%, 1200px); margin: 64px auto 0;}
.license-copy { flex: 1 1 calc(50% - clamp(16px, 2.5vw, 40px)); min-width: 0; color: #3a211a;}
.feature-carousel { flex: 1 1 calc(50% - clamp(16px, 2.5vw, 40px)); min-width: 0; overflow: visible;}
.feature-carousel .slick-list { overflow: hidden;}
.feature-carousel .slick-dots { position: static; display: block; width: 100%; margin: 18px 0 0; padding: 0 0 2px; list-style: none; line-height: 1; text-align: center; overflow: visible;}
.feature-carousel .slick-dots li { position: relative; display: inline-block; width: 18px; height: 20px; margin: 0 10px; padding: 0; line-height: 20px; vertical-align: middle; overflow: visible;}
.feature-carousel .slick-dots li button { display: block; width: 18px; height: 20px; padding: 0; border: 0; background: transparent; color: transparent; font-size: 0; line-height: 20px; overflow: visible;}
.feature-carousel .slick-dots li button::before { top: 0; left: 0; width: 18px; height: 18px; border: 1px solid #fff; border-radius: 5rem; background: #fff; content: ''; line-height: 18px; opacity: 1;}
.feature-carousel .slick-dots li.slick-active button::before { background: #b21808;}
.feature-carousel .slick-prev, .feature-carousel .slick-next { z-index: 2; width: 36px; height: 48px; color: #fff; font-family: sans-serif; font-size: 28px; line-height: 48px; text-align: center;}
.feature-carousel .slick-prev { left: 4px;}
.feature-carousel .slick-next { right: 4px;}
.feature-carousel .slick-prev::before, .feature-carousel .slick-next::before { display: none;}
.feature-carousel__item { padding: 0;}
.feature-carousel__item img { display: block; width: 100%; height: auto;}
#sec_04 { background-color: #fff;}
.brand-section__block { padding: 64px 0;}
.brand-section__inner { width: min(92%, 960px); margin: 0 auto;}
.brand-section__flow { display: grid; gap: 0;}
.brand-section__medium { width: 78%; margin: 0 auto;}
.brand-section__title { width: min(62%, 460px); margin: 0 auto 48px;}
.brand-section__cream-panel { margin-bottom: 48px; padding: 40px 48px;}
.brand-section__subtitle { width: min(54%, 420px); margin: 56px auto 32px;}
.brand-section__picture { display: block; margin-top: 40px;}
.brand-section__picture:first-of-type { margin-top: 0;}
.brand-section__points { column-gap: 16px; row-gap: 0;}
.brand-section__points img { width: calc((100% - 32px) / 3);}
#sec_05 { position: relative; background-color: #f1f1f1; background-image: url("../images/jirei/bg.jpg"); background-position: center; background-size: 100% auto; background-repeat: repeat-y; overflow: hidden;}
#sec_05::before { position: absolute; right: 0; left: 0; height: 44px; background-position: center bottom; background-size: cover; background-repeat: repeat-x; content: ''; z-index: 1;}
#sec_05::before { top: 0; background-image: url("../images/jirei/wave-bottom-sd.png");}
.case-section__inner { position: relative; z-index: 1; width: min(92%, 960px); margin: 0 auto; padding: 80px 0;}
.case-section__title { padding-top: 3.8vw; text-align: center;}
.case-section__images { margin-top: 64px; column-gap: 2%;}
.case-section__images img { width: 32%;}
.case-section__videos { margin-top: 48px; column-gap: 2%;}
.case-section__videos > div { width: 32%; aspect-ratio: 16 / 9; overflow: hidden;}
.case-section__videos iframe { display: block; width: 100%; height: 100%; border: 0;}
.case-section__lead { margin-top: 56px; color: #3a211a; font-size: clamp(16px, 1.3vw, 20px); font-weight: 500; line-height: 2; text-align: center;}
.case-section__link { margin-top: 24px; text-align: center;}
.case-section__link a { display: inline-flex; align-items: center; padding-bottom: 2px; border-bottom: 1px solid currentColor; color: #b21808; font-size: 17px; font-weight: 700; text-decoration: none;}
.case-section__link-icon { margin-left: 4px; font-size: 22px;}
.conveyor-slider { width: 100%; padding-bottom: 80px;}
.conveyor-slider .slick-list { overflow: visible;}
.conveyor-slider .slick-track { display: flex; align-items: stretch;}
.conveyor-slider__item { padding: 0;}
.conveyor-slider__item img { display: block; width: 100%; height: auto;}
.case-section__wave-bottom { width: 100%; height: 44px; background-color: #fff; background-image: url("../images/jirei/wave-bottom.png"); background-position: center bottom; background-size: cover; background-repeat: repeat-x;}
#sec_06 { background-color: #fff;}
.after-trial { width: min(92%, 960px); margin: 0 auto; padding: 80px 0; color: #3a211a;}
.after-trial__title, .after-trial__order-title { font-size: clamp(24px, 2.4vw, 34px); line-height: 1.5; text-align: center;}
.after-trial__text { width: min(100%, 850px); margin: 32px auto 0; font-size: clamp(15px, 1.15vw, 18px); font-weight: 500; line-height: 2;}
.after-trial__steps { width: min(100%, 760px); margin: 56px auto 0; column-gap: 2%;}
.after-trial__steps figure { width: 32%; margin: 0;}
.after-trial__order-title { margin-top: 56px;}
.after-trial__factory { margin-top: 104px;}
.after-trial__factory-title { text-align: center;}
.after-trial__factory-content { flex-flow: row nowrap; gap: 40px; margin-top: 56px;}
.after-trial__factory-image { flex: 0 1 46%; min-width: 0;}
.fadeLeftTrigger { clip-path: inset(0 100% 0 0); transition: clip-path .8s ease-in;}
.fadeLeftTrigger.is-visible { clip-path: inset(0);}
.after-trial__factory-text { flex: 1 1 54%; min-width: 0; font-size: 15px; font-weight: 500; line-height: 1.9;}
.after-trial__factory-list { margin: 0 0 12px; padding: 0; list-style: none;}
.after-trial__factory-list li { position: relative; padding-left: 1em;}
.after-trial__factory-list li::before { position: absolute; top: 0; left: 0; content: '・';}
.after-trial__factory-text a { display: inline-flex; align-items: center; color: #b21808; font-weight: 700; text-decoration: underline; text-underline-offset: .2em;}
.after-trial__factory-text a.icon-text-link { border-bottom: 1px solid currentColor; text-decoration: none; line-height: 1.5;}
.after-trial__external-icon { margin-left: 5px; font-size: 19px; text-decoration: none;}
#sec_07 { background-color: #f1f1f1; background-image: url("../images/jirei/bg.jpg"); background-position: center; background-size: 100% auto; background-repeat: repeat-y;}
.faq-section__wave { width: 100%; height: 44px; background-position: center bottom; background-size: cover; background-repeat: repeat-x;}
.faq-section__wave--top { background-color: #fff; background-image: none; -webkit-mask: url("../images/jirei/wave-bottom-wh.png") center bottom / cover repeat-x; mask: url("../images/jirei/wave-bottom-wh.png") center bottom / cover repeat-x;}
.faq-section__wave--bottom { background-color: #fff; background-image: url("../images/jirei/wave-bottom.png");}
.faq-section__inner { width: min(92%, 720px); margin: 0 auto; padding: 80px 0; color: #3a211a;}
.faq-section__title { font-size: clamp(26px, 2.6vw, 38px); line-height: 1.5; text-align: center;}
.faq-section__list { width: min(100%, 700px); margin: 56px auto 0;}
.faq-section__list dl { margin: 0; padding: 20px 24px; border: 1px solid #3a211a;}
.faq-section__list dl:not(:last-child) { margin-bottom: 20px;}
.faq-section__list dt, .faq-section__list dd { margin: 0; font-size: clamp(16px, 1.35vw, 20px); font-weight: 500; line-height: 1.7;padding-left: 1em;text-indent: -1em;}
.faq-section__list dt { margin-bottom: 10px; font-weight: 700;}
#sec_08 { background-color: #fff;}
.closing-section { width: min(92%, 960px); margin: 0 auto; padding: 88px 0; color: #3a211a;}
.closing-section__title, .closing-section__flow-title { font-size: clamp(26px, 2.5vw, 36px); line-height: 1.55; text-align: center;}
.closing-section__text { width: min(100%, 720px); margin: 40px auto 0; font-size: clamp(16px, 1.25vw, 19px); font-weight: 500; line-height: 2;}
.closing-section__flow-title { margin-top: 88px;}
.closing-section__flow-text { width: min(100%, 720px); margin: 32px auto 0; font-size: clamp(15px, 1.15vw, 18px); font-weight: 500; line-height: 1.9;}
.closing-section__flow-image { width: min(100%, 800px); margin: 40px auto 0;}
.closing-section__limited { margin-top: 56px; font-size: clamp(17px, 1.35vw, 21px); font-weight: 700; line-height: 1.8; text-align: center;}
.closing-section__link { margin-top: 28px;}
.site-header__logo { position: fixed; top: 16px; left: 24px; width: 136px; height: auto; padding: 8px; border: 1px solid #e5e5e5; background-color: #fff; opacity: 1; visibility: visible; transition: opacity .3s ease, visibility .3s ease; z-index: 2;}
.site-header__logo.is-visible { opacity: 1; visibility: visible;}
.site-header__logo img { width: 100%; height: auto;}
.site-header__right { position: absolute; top: 0; right: 0; height: 100%; z-index: 2;}
.site-header__menu-button { display: flex; align-items: center; height: 100%; gap: 16px; padding: 0 24px; border: 0; border-left: 1px solid currentColor; background: transparent; color: inherit;}
.site-header__menu-label { font-size: clamp(11px, .833vw, 13px); font-weight: 500; letter-spacing: .2em;}
.site-header__menu-icon { display: block; width: 28px;}
.site-header__menu-icon span { display: block; width: 100%; height: 3px; background-color: currentColor; transition: transform .3s ease, margin .3s ease;}
.site-header__menu-icon span:last-child { margin-top: 8px;}
.side-menu { position: fixed; inset: 0; width: 100%; height: 100dvh; background-color: rgba(58, 33, 26, .85); opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .3s ease, visibility .3s ease; z-index: 1;}
.side-menu__links { display: flex; flex-direction: column; align-items: flex-start; width: fit-content; margin: clamp(110px, 11vw, 180px) clamp(40px, 5.5vw, 90px) 0 auto; gap: 4px;}
.side-menu__links a { color: #F0ECE7; font-size: clamp(13px, .94vw, 16px); font-weight: 400; line-height: 2.5; letter-spacing: .2em; text-decoration: none;}
.side-menu__links a:hover { text-decoration: underline;}
.side-menu__instagram { width: 22px; margin-top: 6px;}
.side-menu__instagram img { width: 100%; height: auto;}
.site-header.is-menu-open { background-color: transparent; color: #F0ECE7;}
.site-header.is-menu-open .site-header__menu-icon span:first-child { transform: translateY(5.5px) rotate(25deg);}
.site-header.is-menu-open .site-header__menu-icon span:last-child { margin-top: 0; transform: translateY(2.5px) rotate(-25deg);}
.site-header.is-menu-open .side-menu { opacity: 1; visibility: visible; pointer-events: auto;}
body.is-menu-open { overflow: hidden;}
@keyframes mainVisualReveal { from { opacity: 0; transform: translateY(14px);} to { opacity: 1; transform: translateY(0);}}
@media screen and (min-width: 768px) { #wrapper,.site-header,.site-footer { width: 100%; margin-right: 0; transition: width .3s ease,margin-right .3s ease;} body.is-menu-open { overflow-x: hidden; overflow-y: auto;} body.is-menu-open #wrapper,body.is-menu-open .site-footer { width: calc(100% - var(--side-menu-width)); margin-right: var(--side-menu-width);} .site-header.is-menu-open { width: calc(100% - var(--side-menu-width)); margin-right: var(--side-menu-width); background-color: rgba(255,255,255,.9); color: #3F1B13;} .site-header.is-menu-open .site-header__right { position: fixed; top: 0; right: 0; width: var(--side-menu-width); height: 72px; background-color: #3a211a; color: #F0ECE7;} .site-header.is-menu-open .site-header__menu-button { margin-left: auto; border-left: 0;} .side-menu { right: 0; left: auto; width: var(--side-menu-width); background-color: #3a211a;} .side-menu__links { margin: 88px 24px 0; gap: 2px;} .side-menu__links a { padding: 4px 0; font-size: 13px; line-height: 2.4;} .side-menu__links .side-menu__legal-link { font-size: 10px; letter-spacing: .08em; white-space: nowrap;}}
@media screen and (min-width: 768px) { .license-copy { flex: 1 1 0;} .feature-carousel { flex: 0 1 40%; max-width: 420px;} .brand-section__cream-panel { margin-top: 155px; padding-top: 0;} .brand-section__cream-panel > .brand-section__picture:first-child { position: relative; top: -90px; margin-bottom: -90px;}}
@media screen and (max-width: 767px) { .pc { display: none !important;} .site-header { justify-content: flex-end; min-height: 56px; padding: 0 7vw; border-bottom: 1px solid rgb(247, 248, 248);} .main-visual { display: grid; grid-template-columns: 90px auto; justify-content: center; align-items: center; column-gap: 16px; padding: 16px 4vw 64px;} .page-copy { grid-column: 2; grid-row: 1; padding: 0; font-size: 16px; text-align: center;} .main-visual__logo { display: block; grid-column: 1; grid-row: 1; width: 90px;} .main-visual__image { grid-column: 1 / -1; grid-row: 2; justify-self: center; width: calc(100vw - 8vw); margin-top: 20px;} .variety-banner { height: auto;} .variety-banner img { height: auto; object-fit: fill;} .trial-menu { width: calc(100% - 32px); padding: 40px 0 56px;} .trial-menu__title { font-size: 20px; text-align: left;} .trial-menu__list { columns: 1; margin-top: 28px; padding: 16px 20px;} .trial-menu__list li { font-size: 15px;} .btn-white { margin-top: 32px;} .trial-menu__note { font-size: 12px; text-align: left;} .site-header__logo { top: 10px; left: 7vw; width: 36px; height: auto; padding: 0; border: 0; background-color: transparent; opacity: 1; visibility: visible;} .site-header__right { position: static; height: 56px;} .site-header__menu-button { gap: 8px; padding: 0; border-left: 0;} .site-header__menu-label { font-size: 11px;} .site-header__menu-icon { width: 27px;} .site-header__menu-icon span { height: 2px;} .site-header__menu-icon span:last-child { margin-top: 8px;} .side-menu__links { margin: 112px auto 0 12vw; gap: 5px;} .side-menu__links a { font-size: 14px; line-height: 2.7;} .side-menu__instagram { width: 20px;} .site-header.is-menu-open .site-header__logo { opacity: 0; visibility: hidden;} .site-header.is-menu-open .site-header__menu-icon span:first-child { transform: translateY(5px) rotate(25deg);} .site-header.is-menu-open .site-header__menu-icon span:last-child { margin-top: 0; transform: translateY(3px) rotate(-25deg);}}
@media screen and (max-width: 767px) { .trial-menu__note { font-size: 14px;}}
@media screen and (max-width: 767px) { #sec_02 { padding-top: 0;}}
@media screen and (max-width: 767px) { .feature-grid { flex-direction: column; gap: 16px; width: 96%;} .feature-grid__video, .feature-grid__details { flex: none; width: 100%;} .youtube-lite__play { width: 52px; height: 52px; font-size: 32px;} .feature-grid__content { padding: 20px;} .feature-grid__title { font-size: 22px; text-align: center;} .feature-grid__text { margin-top: 20px; font-size: 15px;} .license-flex { flex-direction: column; align-items: stretch; gap: 40px; width: calc(100% - 40px); margin-top: 40px;} .feature-carousel { order: 1; width: 100%; padding: 0 40px; overflow: visible;} .feature-carousel .slick-list { overflow: hidden;} .feature-carousel .slick-prev { left: 8px;} .feature-carousel .slick-next { right: 8px;} .feature-carousel .slick-prev, .feature-carousel .slick-next { top: calc(50% - 20px); width: 14px; height: 36px; color: transparent; font-size: 0; line-height: 0;} .feature-carousel .slick-prev::before, .feature-carousel .slick-next::before { display: block; width: 12px; height: 12px; border-top: 1.5px solid #b21808; border-right: 1.5px solid #b21808; content: ''; opacity: 1;} .feature-carousel .slick-prev::before { transform: rotate(-135deg);} .feature-carousel .slick-next::before { transform: rotate(45deg);} .feature-carousel .slick-dots { margin-top: 16px;} .feature-carousel .slick-dots li, .feature-carousel .slick-dots li button { width: 14px; height: 16px; line-height: 16px;} .feature-carousel .slick-dots li button::before { width: 14px; height: 14px; line-height: 14px;} .feature-carousel .slick-dots li { margin: 0 8px;} .license-copy { order: 2; width: 100%;}}
@media screen and (max-width: 767px) { #sec_03 { padding: 40px 0;}}
@media screen and (max-width: 767px) { .brand-section__block { padding: 40px 0;} .brand-section__inner { width: calc(100% - 32px);} .brand-section__medium { width: 88%;} .brand-section__title { width: min(88%, 460px); margin-bottom: 28px;} .brand-section__cream-panel { margin-bottom: 28px; padding: 24px 20px;} .brand-section__subtitle { width: min(88%, 420px); margin: 36px auto 24px;} .brand-section__picture { margin-top: 28px;} .brand-section__points { flex-direction: column; column-gap: 0; row-gap: 20px;} .brand-section__points img { width: 100%;}}
@media screen and (max-width: 767px) { #sec_05 { background-image: url("../images/jirei/bg_sp.jpg");} #sec_05::before { height: 5.64vw; background-image: url("../images/jirei/wave-bottom-sd_sp.png");} .case-section__wave-bottom { height: 5.64vw; background-image: url("../images/jirei/wave-bottom_sp.png");} .case-section__inner { width: calc(100% - 40px); padding: 60px 0;} .case-section__images, .case-section__videos { flex-direction: column; margin-top: 40px; row-gap: 32px;} .case-section__images img, .case-section__videos > div { width: 100%;} .case-section__lead { margin-top: 40px; font-size: 16px; line-height: 1.9; text-align: left;} .trial-application { text-align: left;} .trial-application__title { font-size: 20px;} .trial-application__text { font-size: 15px;} .trial-application__text._hyphen-list { margin-left: 0;}}
@media screen and (max-width: 767px) { .conveyor-slider { padding-bottom: 56px;} .after-trial { width: calc(100% - 40px); padding: 60px 0;} .after-trial__title, .after-trial__order-title { font-size: 24px;} .after-trial__text { margin-top: 24px; font-size: 15px;} .after-trial__steps { flex-direction: column; align-items: center; margin-top: 40px; row-gap: 24px;} .after-trial__steps figure { width: 52%;} .after-trial__order-title { margin-top: 40px;} .after-trial__factory { margin-top: 72px;} .after-trial__factory-title._SPblock { line-height: 1.4;} .after-trial__factory-title._SPblock span { line-height: inherit;} .after-trial__factory-content { flex-direction: column; gap: 32px; margin-top: 40px;} .after-trial__factory-image, .after-trial__factory-text { flex: none; width: 100%;} .after-trial__factory-text { font-size: 15px;}}
@media screen and (max-width: 767px) { #sec_07 { background-image: url("../images/jirei/bg_sp.jpg");} .faq-section__wave { height: 5.64vw;} .faq-section__wave--top { -webkit-mask-image: url("../images/jirei/wave-bottom-wh_sp.png"); mask-image: url("../images/jirei/wave-bottom-wh_sp.png");} .faq-section__wave--bottom { background-image: url("../images/jirei/wave-bottom_sp.png");} .faq-section__inner { width: calc(100% - 40px); padding: 60px 0;} .faq-section__title { font-size: 27px;} .faq-section__list { margin-top: 40px;} .faq-section__list dl { padding: 14px 16px;} .faq-section__list dl:not(:last-child) { margin-bottom: 16px;} .faq-section__list dt, .faq-section__list dd { font-size: 16px;}}
@media screen and (max-width: 767px) { .closing-section { width: calc(100% - 40px); padding: 60px 0;} .closing-section__title, .closing-section__flow-title { font-size: 24px;} .closing-section__text { margin-top: 32px; font-size: 16px;} .closing-section__flow-title { margin-top: 64px;} .closing-section__flow-text { margin-top: 24px; font-size: 15px;} .closing-section__flow-image { margin-top: 32px;} .closing-section__limited { margin-top: 40px; font-size: 17px;} .closing-section__link { margin-top: 24px;}}
.legal-document { width: min(88%,840px); margin: 0 auto; padding: 48px 0; color: #3a211a;}
.legal-document__title { font-size: clamp(20px,1.8vw,26px); line-height: 1.4; text-align: center;}
.legal-document__body { margin-top: 28px;}
.legal-document__body h3 { margin-top: 22px; font-size: clamp(15px,1.1vw,18px); line-height: 1.5;}
.legal-document__body h3:first-child { margin-top: 0;}
.legal-document__body p { margin-top: 6px; font-size: 12px; font-weight: 400; line-height: 1.65;}
#sec_09 { background-color: #fff;}
#sec_10 { background-color: #fff;}
#sec_09 .legal-document__body { max-height: 300px; padding: 22px 26px; border: 1px solid #d8d8d8; border-radius: 6px; background-color: #fff; overflow-y: auto; overscroll-behavior: contain; scrollbar-color: #b21808 #f1f1f1; scrollbar-width: thin;}
#sec_09 .legal-document__body::-webkit-scrollbar { width: 8px;}
#sec_09 .legal-document__body::-webkit-scrollbar-track { background-color: #f1f1f1;}
#sec_09 .legal-document__body::-webkit-scrollbar-thumb { border-radius: 4px; background-color: #b21808;}
#sec_10 .legal-document__body h3 { margin-top: 0; padding: 13px 0 4px;}
#sec_10 .legal-document__body p { margin-top: 0; padding: 4px 0 13px; border-bottom: 1px solid #ddd;}
:where(section[id],#campaign-content,#pizza-features,#license-sales,#trial-sample) { scroll-margin-top: 88px;}
.floating-apply { position: fixed; right: 24px; bottom: 24px; left: auto; width: 230px; min-height: 54px; margin: 0; padding: 12px 20px; border-color: #b21808; background-color: #fff; box-shadow: 0 4px 14px rgba(58,33,26,.2); opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); transition: right .3s ease,background-color .3s ease,color .3s ease,opacity .3s ease,visibility .3s ease,transform .3s ease; z-index: 45;}
#scroll-to-top-btn { position: fixed; right: 24px; bottom: 100px; left: auto; display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; padding: 0; border: 2px solid #b21808; border-radius: 50%; background-color: rgba(255,255,255,.94); box-shadow: 0 4px 12px rgba(58,33,26,.14); color: #b21808; cursor: pointer; opacity: 0; visibility: hidden; pointer-events: none; transform: translateY(12px); transition: right .3s ease,background-color .3s ease,color .3s ease,opacity .3s ease,visibility .3s ease,transform .3s ease; z-index: 45;}
.floating-apply.is-visible,#scroll-to-top-btn.is-visible { opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);}
@media screen and (min-width:768px){body.is-menu-open .floating-apply,body.is-menu-open #scroll-to-top-btn{right:calc(var(--side-menu-width) + 24px);}}
#scroll-to-top-btn.is-visible:hover { background-color: #b21808; color: #fff; transform: translateY(-2px);}
#scroll-to-top-btn .material-symbols-outlined { font-size: 23px;}
.site-footer { padding: 40px 20px; background-color: #f7f8f8; color: #3a211a; text-align: center;}
.site-footer__info { display: none;}
.site-footer__instagram { display: block; width: 114px; margin: 0 auto 32px;}
.site-footer__instagram img { width: 100%; height: auto;}
.site-footer__copyright { font-size: 11px; line-height: 1.6;}
@media screen and (max-width: 767px) { .legal-document { width: calc(100% - 32px); padding: 36px 0;} .legal-document__title { font-size: 20px;} .legal-document__body { margin-top: 24px;} .legal-document__body h3 { margin-top: 18px; font-size: 15px;} .legal-document__body p { margin-top: 5px; font-size: 12px; line-height: 1.6;} #sec_09 .legal-document__body { max-height: 260px; padding: 16px;} #sec_10 .legal-document__body h3 { margin-top: 0; padding: 11px 0 3px;} #sec_10 .legal-document__body p { margin-top: 0; padding: 3px 0 11px;} :where(section[id],#campaign-content,#pizza-features,#license-sales,#trial-sample) { scroll-margin-top: 68px;} .floating-apply { right: 0; bottom: 10px; left: 0; width: calc(100% - 20px); max-width: 350px; min-height: 0; margin: auto; padding: 10px 15px; font-size: 16px;} #scroll-to-top-btn { right: 10px; bottom: 100px; left: auto; width: 34px; height: 34px;} #scroll-to-top-btn .material-symbols-outlined { font-size: 20px;} .site-footer { padding: 5vw 20px 22vw;} .site-footer__instagram { width: 94px; margin-bottom: 5vw;} .site-footer__copyright { font-size: 10px;}}
._PCblock{display:block!important;}
._SPblock{display:none!important;}
._SPbreak{display:none!important;}
@media screen and (max-width:767px){._PCblock{display:none!important;}._SPblock{display:block!important;}._SPbreak{display:initial!important;}}










/*end*/