*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }[type=text],input:where(:not([type])),[type=email],[type=url],[type=password],[type=number],[type=date],[type=datetime-local],[type=month],[type=search],[type=tel],[type=time],[type=week],[multiple],textarea,select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:#fff;border-color:#6b7280;border-width:1px;border-radius:0;padding:.5rem .75rem;font-size:1rem;line-height:1.5rem;--tw-shadow: 0 0 #0000}[type=text]:focus,input:where(:not([type])):focus,[type=email]:focus,[type=url]:focus,[type=password]:focus,[type=number]:focus,[type=date]:focus,[type=datetime-local]:focus,[type=month]:focus,[type=search]:focus,[type=tel]:focus,[type=time]:focus,[type=week]:focus,[multiple]:focus,textarea:focus,select:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);border-color:#2563eb}input::-moz-placeholder,textarea::-moz-placeholder{color:#6b7280;opacity:1}input::placeholder,textarea::placeholder{color:#6b7280;opacity:1}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-date-and-time-value{min-height:1.5em;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit,::-webkit-datetime-edit-year-field,::-webkit-datetime-edit-month-field,::-webkit-datetime-edit-day-field,::-webkit-datetime-edit-hour-field,::-webkit-datetime-edit-minute-field,::-webkit-datetime-edit-second-field,::-webkit-datetime-edit-millisecond-field,::-webkit-datetime-edit-meridiem-field{padding-top:0;padding-bottom:0}select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;-webkit-print-color-adjust:exact;print-color-adjust:exact}[multiple],[size]:where(select:not([size="1"])){background-image:initial;background-position:initial;background-repeat:unset;background-size:initial;padding-right:.75rem;-webkit-print-color-adjust:unset;print-color-adjust:unset}[type=checkbox],[type=radio]{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;-webkit-print-color-adjust:exact;print-color-adjust:exact;display:inline-block;vertical-align:middle;background-origin:border-box;-webkit-user-select:none;-moz-user-select:none;user-select:none;flex-shrink:0;height:1rem;width:1rem;color:#2563eb;background-color:#fff;border-color:#6b7280;border-width:1px;--tw-shadow: 0 0 #0000}[type=checkbox]{border-radius:0}[type=radio]{border-radius:100%}[type=checkbox]:focus,[type=radio]:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-inset: var(--tw-empty, );--tw-ring-offset-width: 2px;--tw-ring-offset-color: #fff;--tw-ring-color: #2563eb;--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}[type=checkbox]:checked,[type=radio]:checked{border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}[type=checkbox]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=checkbox]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=radio]:checked{background-image:url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e")}@media (forced-colors: active){[type=radio]:checked{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:checked:hover,[type=checkbox]:checked:focus,[type=radio]:checked:hover,[type=radio]:checked:focus{border-color:transparent;background-color:currentColor}[type=checkbox]:indeterminate{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");border-color:transparent;background-color:currentColor;background-size:100% 100%;background-position:center;background-repeat:no-repeat}@media (forced-colors: active){[type=checkbox]:indeterminate{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}}[type=checkbox]:indeterminate:hover,[type=checkbox]:indeterminate:focus{border-color:transparent;background-color:currentColor}[type=file]{background:unset;border-color:inherit;border-width:0;border-radius:0;padding:0;font-size:unset;line-height:inherit}[type=file]:focus{outline:1px solid ButtonText;outline:1px auto -webkit-focus-ring-color}.container{width:100%}@media (min-width: 640px){.container{max-width:640px}}@media (min-width: 768px){.container{max-width:768px}}@media (min-width: 1024px){.container{max-width:1024px}}@media (min-width: 1280px){.container{max-width:1280px}}@media (min-width: 1536px){.container{max-width:1536px}}*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:currentColor}html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:subpixel-antialiased;text-rendering:optimizeLegibility}body{margin:0}h1,h2,h3,h4,h5,h6{margin:0;font-weight:400;font-size:inherit}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}figure{margin:0}img{border:0;max-width:100%;height:auto;backface-visibility:hidden;vertical-align:bottom}ul,ol,dl,dt,dd{padding:0;margin:0}li,ol{list-style:none}a{text-decoration:none;display:inline-block;color:inherit;cursor:pointer}p{margin-top:0;margin-bottom:0}input[type=submit],input[type=reset],input[type=button],button{background:none;border:0;color:inherit;font:inherit;line-height:normal;overflow:visible;padding:0;-webkit-appearance:button;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus{outline:0}input::-moz-focus-inner,button::-moz-focus-inner{border:0;padding:0}[role=button]{color:inherit;cursor:default;display:inline-block;text-align:center;text-decoration:none;white-space:pre;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}@media all and (min-width: 768px){a[href^=tel]{pointer-events:none}}html{font-size:1.3333333333vw}@media all and (min-width: 768px){html{font-size:.6493506494vw}}body{background:#f0f0f0;color:#333;font-family:Zen Kaku Gothic New,ヒラギノ角ゴシック,ヒラギノ角ゴ Pro,Hiragino Kaku Gothic Pro,游ゴシック,Yu Gothic,游ゴシック体,YuGothic,ＭＳ Ｐゴシック,MS PGothic,sans-serif;font-weight:500;font-feature-settings:"palt"}.container{width:100%;max-width:120rem;margin-left:auto;margin-right:auto;position:relative;padding-left:4rem;padding-right:4rem}@media all and (min-width: 768px){.container{padding-left:4rem;padding-right:4rem}}.intro{background:url(../../assets/img/intro_sp.webp) 50% 100%/cover no-repeat;height:183.8rem;padding-top:7.4rem}@media all and (min-width: 768px){.intro{height:73rem;padding-top:1.8rem;background:url(../../assets/img/intro.webp) 50% 100%/cover no-repeat}}.intro__ttl{text-align:center;margin-bottom:4.6rem}@media all and (min-width: 768px){.intro__ttl{margin-bottom:4rem}}.intro__ttl img{width:62rem}@media all and (min-width: 768px){.intro__ttl img{width:87.6rem}}.intro__subttl{font-size:4.6rem;line-height:1.44;font-weight:700;color:#0072ab;text-align:center;margin:0 -2rem 3.3rem}@media all and (min-width: 768px){.intro__subttl{font-size:3.1rem;line-height:1.5;margin:0 0 2.4rem}}.intro__subttl span{margin:0 -.5em}@media all and (min-width: 768px){.intro__content{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr}}.intro__body{font-size:3.6rem;line-height:1.85}@media all and (min-width: 768px){.intro__body{font-size:2.1rem;line-height:1.7619}}.intro__body p:not(:last-child){margin-bottom:8rem}@media all and (min-width: 768px){.intro__body p:not(:last-child){margin-bottom:3.6rem}.intro__body--start{margin-bottom:3.6rem}}.intro__body--end{grid-column:1/2;grid-row:2/3}.intro__img{padding-top:2.4rem;padding-bottom:2.4rem;margin-right:-1.2rem;text-align:right}@media all and (min-width: 768px){.intro__img{padding-top:0;padding-bottom:0;grid-column:2/3;grid-row:1/3}}.intro__img img{width:68.2rem}@media all and (min-width: 768px){.intro__img img{width:51.5rem}}.recipes{padding-top:4rem;padding-bottom:9.7rem;background:url(../../assets/img/recipe_bg_sp.webp) 50% 0%/100% auto repeat-y}@media all and (min-width: 768px){.recipes{padding-top:8.3rem;padding-bottom:8rem;background:url(../../assets/img/recipe_bg.webp) 50% 0%/100% auto repeat-y}}.recipes__ttl{text-align:center;margin-bottom:6rem}@media all and (min-width: 768px){.recipes__ttl{margin-bottom:5.2rem}}.recipes__ttl img{width:60.5rem}@media all and (min-width: 768px){.recipes__ttl img{width:65.5rem}}.recipes__list{display:grid;gap:2rem}@media all and (min-width: 768px){.recipes__list{gap:4rem}}.recipe{background:#fffffff2;border-radius:4.8rem;padding:18rem 6rem 6.8rem;position:relative}@media all and (min-width: 768px){.recipe{border-radius:3rem;padding:7rem 8rem 7.4rem}}.recipe:before,.recipe:after{content:"";display:block;position:absolute;top:0;width:24.7rem;height:18.6rem}@media all and (min-width: 768px){.recipe:before,.recipe:after{width:21.6rem;height:16.1rem}}.recipe:before{left:0;background:url(../../assets/img/recipes_deco01.webp) 50%/cover no-repeat}.recipe:after{right:-.8rem;background:url(../../assets/img/recipes_deco02.webp) 50%/cover no-repeat}.recipe__tag{position:absolute;top:0;left:6rem}@media all and (min-width: 768px){.recipe__tag{left:6rem}}.recipe__tag img{width:11.5rem}@media all and (min-width: 768px){.recipe__tag img{width:7.2rem}}.recipe__ttl{font-size:5.2rem;line-height:1.3;font-weight:700;text-align:center;margin-bottom:5.6rem}@media all and (min-width: 768px){.recipe__ttl{font-size:3.7rem;line-height:1.5;margin-bottom:3.3rem}}.recipe__products{display:grid;gap:8.4rem;position:relative;margin-bottom:8rem}@media all and (min-width: 768px){.recipe__products{grid-template-columns:1fr 1fr;gap:12rem;margin-bottom:6rem}.recipe__products:after{content:"";display:block;position:absolute;top:50%;left:50%;margin-top:-1.4rem;margin-left:-1.4rem;width:2.8rem;height:2.8rem;background:url(../../assets/img/icon_cross.webp) 50%/cover no-repeat}}.recipe__products .product:first-child{position:relative}.recipe__products .product:first-child:after{content:"";display:block;position:absolute;bottom:-7.5rem;left:50%;margin-left:-2.3rem;width:4.6rem;height:4.6rem;background:url(../../assets/img/icon_cross.webp) 50%/cover no-repeat}@media all and (min-width: 768px){.recipe__products .product:first-child:after{content:none}}.recipe__intro{display:grid;gap:4rem}@media all and (min-width: 768px){.recipe__intro{gap:12rem;grid-template-columns:1fr 1fr}}.recipe__ingredients{font-size:3.1rem;line-height:1.83}@media all and (min-width: 768px){.recipe__ingredients{margin-top:-.5em;font-size:1.8rem;line-height:2}}.recipe__ingredients dl{display:grid;gap:.07em}.recipe__ingredients dl div{display:flex;justify-content:space-between}.recipe__ingredients dt small{font-size:2.8rem}@media all and (min-width: 768px){.recipe__ingredients dt small{font-size:1.5rem}}.recipe__ingredients p:not(:first-child){margin-top:2em}.recipe__img{order:-1}@media all and (min-width: 768px){.recipe__img{order:0}}.recipe__img img{border:1px solid #fff;border-radius:3.2rem}@media all and (min-width: 768px){.recipe__img img{border-radius:2rem}}.recipe__img p{font-size:2.8rem;margin-top:.5em}@media all and (min-width: 768px){.recipe__img p{font-size:1.5rem;margin-top:1em}}.recipe__howto{margin-top:4.8rem;border-top:1px solid #d9d9d9;padding-top:4.3rem;font-size:3.1rem;line-height:1.83}@media all and (min-width: 768px){.recipe__howto{margin-top:5.2rem;padding-top:4.6rem;font-size:1.8rem;line-height:2}}.recipe__howto li{text-indent:-1.25em;margin-left:1.25em}.product{border:5px solid var(--border-color);border-radius:4rem;padding:3.4rem 2.8rem 5rem;background:#fff;display:flex;flex-direction:column}@media all and (min-width: 768px){.product{border:6px solid var(--border-color);border-radius:2rem;padding:3.4rem}}.product__img{margin-bottom:2.2rem}@media all and (min-width: 768px){.product__img{margin-bottom:1.2rem}}.product__name{flex-grow:1;display:flex;align-items:center;justify-content:center;font-size:3.4rem;font-weight:700;line-height:1.37;text-align:center;color:var(--btn-color);margin-bottom:3.6rem}@media all and (min-width: 768px){.product__name{font-size:2.1rem;line-height:1.4231;margin-bottom:1.3rem}}.product__link{display:flex;align-items:center;justify-content:center;width:100%;height:7.6rem;gap:2rem;padding-right:2rem;border-radius:3.8rem;background:var(--btn-color);color:#fff;transition:background-color .2s,color .2s}@media all and (min-width: 768px){.product__link{width:34rem;height:4.8rem;gap:1.2rem;padding-right:1.2rem;border-radius:2.4rem}}.product__link svg{width:5.6rem;height:5.6rem}@media all and (min-width: 768px){.product__link svg{width:3.8rem;height:3.8rem}}.product__link span{font-size:2.9rem;font-weight:700}@media all and (min-width: 768px){.product__link span{font-size:1.8rem}}.product__link:hover{background-color:var(--btn-color-hover);color:var(--btn-color)}.product__link-space{height:7.6rem}@media all and (min-width: 768px){.product__link-space{height:4.8rem}}.product--blue{--border-color: rgba(0, 114, 171, .15);--btn-color: #0072ab;--btn-color-hover: #d4eef8}.product--red{--border-color: rgba(183, 15, 21, .15);--btn-color: #b70f15;--btn-color-hover: #fde0e1}.footer{padding-top:10.4rem;padding-bottom:2.8rem;background:url(../../assets/img/footer_sp.webp) 50% 0%/cover no-repeat;position:relative}@media all and (min-width: 768px){.footer{padding-top:7.4rem;padding-bottom:2.8rem;background:url(../../assets/img/footer.webp) 50% 0%/cover no-repeat}}.footer__ttl{font-size:5.2rem;font-weight:700;color:#0072ab;text-align:center;margin-bottom:4.8rem}@media all and (min-width: 768px){.footer__ttl{font-size:3.1rem;margin-bottom:2.8rem}}.footer__list{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:8rem}@media all and (min-width: 768px){.footer__list{flex-wrap:nowrap;gap:.8rem;margin-bottom:5.8rem}}.footer__list img{width:21.6rem;border-radius:4.8rem;overflow:hidden}@media all and (min-width: 768px){.footer__list img{width:15.3rem;border-radius:3rem}}.footer__copy{font-size:1.9rem;color:#0072ab}@media all and (min-width: 768px){.footer__copy{font-size:1.2rem;text-align:center}}.footer__goup{position:absolute;right:4rem;bottom:3rem}.footer__goup img{width:10.9rem}@media all and (min-width: 768px){.footer__goup img{width:6.8rem}}@media (min-width: 768px){.md\:hidden{display:none}}
