/*
rev. 2025-09-01
copyright © 2025
*/
@layer reset, base, general, component, main-base, main;@layer reset{

/*! kiso.css v1.2.1 | MIT License | https://github.com/tak-dcxi/kiso.css */*,:after,:before{box-sizing:border-box}:where(:root){font-family:sans-serif;line-height:1.5;text-spacing-trim:trim-start;text-autospace:normal;line-break:strict;overflow-wrap:anywhere;-webkit-text-size-adjust:100%;text-size-adjust:100%;scrollbar-gutter:stable;-webkit-tap-highlight-color:transparent}:where(body){min-block-size:100dvb;margin:unset}:where(h1,h2,h3,h4,h5,h6){text-wrap:pretty}:where(h1){margin-block:.67em;font-size:2em}:where(h2,h3,h4,h5,h6){margin-block:unset}:where(search){display:block}:where(p,blockquote,figure,pre,address,ul,ol,dl,menu){margin-block:unset}:where(blockquote,figure){margin-inline:unset}:where(p:lang(en)){text-wrap:pretty}:where(address:lang(ja)){font-style:unset}:where(ul,ol,menu){padding-inline-start:unset;list-style-type:""}:where(dt){font-weight:bolder}:where(dd){margin-inline-start:unset}:where(pre){text-spacing-trim:space-all;text-autospace:no-autospace}:where(em:lang(ja)){font-weight:bolder}:where(:is(i,cite,em,dfn,var):lang(ja)){font-style:unset}:where(code,kbd,samp){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:unset;font-variant-ligatures:none}:where(abbr[title]){text-decoration-line:underline;text-decoration-style:dotted;cursor:help}:where(time){text-autospace:no-autospace}@media (forced-colors:active){:where(mark){background-color:Highlight;color:HighlightText}}@media print{:where(mark){border-width:1px;border-style:dotted}}:where(a:any-link){color:unset;text-decoration-line:unset;text-decoration-thickness:from-font}:where(img,svg,picture,video,canvas,model,audio,iframe,embed,object){block-size:auto;max-inline-size:100%;vertical-align:bottom}:where(iframe){border:unset}:where(table){border-collapse:collapse}:where(caption,th){text-align:unset}:where(caption){text-wrap:pretty}::file-selector-button,:where(button,input,select,textarea){border:1px solid;border-color:unset;border-radius:unset;color:unset;font:unset;letter-spacing:unset;text-align:unset}:where(input:is([type=radio i],[type=checkbox i])){margin:unset}:where(input[type=file i]){border:unset}:where(input[type=search i]){-webkit-appearance:textfield}@supports (-webkit-touch-callout:none){:where(input[type=search i]){background-color:Canvas}}:where(input:is([type=tel i],[type=url i],[type=email i],[type=number i]):not(:placeholder-shown)){direction:ltr}:where(textarea){margin-block:unset;resize:block}:where(input:not([type=button i],[type=submit i],[type=reset i]),textarea,[contenteditable]){text-autospace:no-autospace}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i])){background-color:unset}::file-selector-button,:where(button,input:is([type=button i],[type=submit i],[type=reset i]),[role=tab i],[role=button i],[role=option i]){touch-action:manipulation}:where(:enabled)::file-selector-button,:where(button:enabled,label[for],select:enabled,input:is([type=button i],[type=submit i],[type=reset i],[type=radio i],[type=checkbox i]):enabled,[role=tab i],[role=button i],[role=option i]){cursor:pointer}:where(fieldset){min-inline-size:0;margin-inline:unset;padding:unset;border:unset}:where(legend){padding-inline:unset}:where(progress){vertical-align:unset}::placeholder{opacity:unset}:where(summary){list-style-type:"";cursor:pointer}:where(summary)::-webkit-details-marker{display:none}:where(dialog,[popover]){overscroll-behavior-block:contain;padding:unset;border:unset}:where(dialog:not([open],[popover]),[popover]:not(:popover-open)){display:none!important}:where(dialog){max-inline-size:unset;max-block-size:unset}:where(dialog)::backdrop{background-color:oklch(0 0 0deg/30%)}:where([popover]){margin:unset}:where(:focus-visible){outline-offset:3px}[tabindex="-1"]:focus{outline:none!important}:where(:disabled,[aria-disabled=true i]){cursor:default}[hidden]:not([hidden=until-found i]){display:none!important}@supports selector(::scroll-button(*)){::scroll-button(*){border:1px solid;border-color:unset;border-radius:unset;background-color:unset;color:unset;font:unset;letter-spacing:unset;text-align:unset;touch-action:manipulation}::scroll-button(*):enabled{cursor:pointer}}}@layer base{:root{--bg-blue-color-01:#ecfbff;--bg-red-color-01:#fff1f2;--bg-yellow-color-01:#fffff4;--bg-gray-color-01:#f7f9fa;--base-font-color:#1b303d;--border-color-01:#e9eef0;--lightest-color:#fff;--darkest-color:#000;--text-body-color:#1b303d;--text-note-color:#78868f;--blue-color-01:#0073bd;--blue-color-02:#006aad;--blue-color-03:#cbeafb;--blue-color-04:#4850a3;--blue-color-05:#232675;--blue-darken-color-01:#005288;--red-color-01:#e94709;--red-darken-color-01:#b00006;--note-text-color-01:#78868f;--gray-color:#d9d9d9;--comic-yellow-color-01:#f4e50f;--comic-blue-color-01:#43b7e5;--comic-content-width:1088;--comic-viewport-inline-width:16;--base-font-size:10px;--base-line-height:1.8;--font-body:"Zen Kaku Gothic New",sans-serif;--font-serif:"Noto Sans JP",sans-serif;--font-size-h1:4em;--font-size-h2:2.66667em;--font-size-h3:2em;--font-size-h4:1.6em;--font-size-h5:1.33333em;--font-size-h6:1.14286em}}@layer general{*{&,&:after,&:before{box-sizing:border-box}}}@layer general{html{font-size:var(--base-font-size)}body{padding:0;margin:0;font-family:var(--font-body);line-height:var(--base-line-height);color:var(--base-font-color);&:has(dialog[open]){overflow:hidden}}}@layer general{button{border-radius:0}img{min-inline-size:0;min-block-size:0}}@layer general{}@layer component{@keyframes fade-in-hero{0%{opacity:0}to{opacity:1}}.c-page-home{inline-size:100%;block-size:100%}.c-page-home__header{position:fixed;inset-block-start:0;inset-inline-start:50%;z-index:99;inline-size:100%;max-inline-size:1168px;padding-inline:24px;margin-inline:auto;transform:translateX(-50%);transition:transform .4s;@media (768px <= width <= 1119px){padding-inline:40px}@media (width < 768px){padding-inline:16px 8px;background-color:var(--lightest-color);transform:translate(-50%,-100%)}&[data-hidden=true]{transform:translate(-50%,-100%)}&[data-hidden=false]{transform:translate(-50%)}}.c-page-home__about{position:relative;inline-size:100%;padding-block-start:11.52778vw;margin-block-start:-11.52778vw;@media (768px <= width <= 1119px){padding-block-start:15.19481vw;margin-block-start:-15.19481vw}@media (width < 768px){padding-block-start:92px;margin-block-start:-92px}&:before{position:absolute;inset-block-start:1px;inline-size:100%;block-size:11.52778vw;content:"";background:url(/yoghurppe/img/home/bg-about-top.webp) no-repeat top/cover;@media (768px <= width <= 1119px){block-size:15.19481vw;background:url(/yoghurppe/img/home/bg-about-top-tb.webp) no-repeat top/cover}@media (width < 768px){block-size:92px;background:url(/yoghurppe/img/home/bg-about-top-sp.png) no-repeat top/cover}}}.c-page-home__story{position:relative;z-index:1;inline-size:100%;padding-block-start:9.79167vw;margin-block-start:-9.79167vw;@media (width < 576px){padding-block-start:21.86667vw;margin-block-start:-21.86667vw}&:before{position:absolute;inset-block-start:0;z-index:-1;inline-size:100%;block-size:9.79167vw;content:"";background:url(/yoghurppe/img/home/bg-story-top.png) no-repeat top/cover;filter:drop-shadow(18px 32px 80px rgb(0 82 136/20%));@media (width < 576px){block-size:21.86667vw;background:url(/yoghurppe/img/home/bg-story-top-sp.png) no-repeat top/cover}}&:after{position:absolute;inset-block-end:-9.72222vw;inline-size:100%;block-size:9.72222vw;content:"";background:url(/yoghurppe/img/home/bg-story-bottom.png) no-repeat bottom/cover;@media (width < 576px){inset-block-end:-15.73333vw;block-size:15.73333vw;background-image:url(/yoghurppe/img/home/bg-story-bottom-sp.png)}}}.c-page-home__fanvoice{position:relative;padding-block-start:12.36111vw;margin-block-start:-12.5vw;overflow:hidden;@media (width < 576px){padding-block-start:50px;margin-block-start:-50px}&:before{position:absolute;inset-block-start:0;inline-size:100%;block-size:12.5vw;content:"";background:url(/yoghurppe/img/home/bg-fanvoice-top.webp) no-repeat top/cover;@media (width < 576px){block-size:50px;background-image:url(/yoghurppe/img/home/bg-fanvoice-top-sp.png)}}}.c-page-home__footer{background-color:var(--blue-color-01)}}@layer component{.c-header{padding-block:1.8rem 1rem;@media (width < 768px){padding-block:.8rem .6rem}}.c-header__title{&:hover{opacity:.7}}.c-header__body{display:flex;align-items:center;justify-content:space-between;margin-block:0;margin-inline:auto}.c-header__site-name{margin:0;>a{display:block;color:inherit;text-decoration:none;transition:opacity .2s;@media (any-hover:hover){&:hover{cursor:pointer;opacity:.4}}img{inline-size:100%;block-size:auto;vertical-align:middle}}}.c-header__sns{>ul{display:flex;gap:1rem;padding:.8rem 2.2rem;background-color:var(--lightest-color);border-radius:50rem;@media (width < 768px){gap:1rem;padding-left:1.6rem;padding-bottom:.8rem;padding-right:1.6rem;padding-top:.8rem}>li{display:block;&:hover{opacity:.7}>a{display:block;inline-size:3.8rem;aspect-ratio:1/1;color:inherit;text-decoration:none;transition:opacity .2s;@media (width < 768px){inline-size:3.2rem}@media (any-hover:hover){&:hover{cursor:pointer;opacity:.4}}img{inline-size:100%;block-size:auto;vertical-align:middle}}}}}}@layer component{.c-footer{max-inline-size:calc(var(--comic-content-width)*1px + var(--comic-viewport-inline-width)*2px);padding-block:4rem 1.6rem;padding-inline:calc(var(--comic-viewport-inline-width)*1px);margin-inline:auto;@media (width < 768px){padding-left:1.6rem;padding-bottom:5.5rem;padding-right:1.6rem;padding-top:4rem}}.c-footer__body{margin-block:0;margin-inline:auto;color:var(--lightest-color)}.c-footer__logo{margin-block-end:1.4rem;>a{display:block;max-inline-size:40rem;color:inherit;text-decoration:none;transition:opacity .2s;@media (width < 768px){max-inline-size:32.7rem;margin-inline:auto}@media (any-hover:hover){&:hover{cursor:pointer;opacity:.4}}img{inline-size:100%;block-size:auto;vertical-align:middle}}}.c-footer__info{display:flex;flex-wrap:wrap;gap:1rem;margin-block-end:2.6rem;font-size:1.6rem;font-weight:500;@media (width < 576px){margin-block-end:3rem}@media (width < 576px){justify-content:center}}.c-footer__copyright{display:block;font-size:1.2rem;font-weight:500;text-align:end;@media (width < 576px){text-align:center}}}@layer component{.c-slide{max-inline-size:1168px;padding-block:52px 37px;padding-inline:24px;margin-inline:auto;opacity:0;@media (width < 768px){padding-block:33px 0}&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-slide__wrap{inline-size:fit-content;padding-block-end:32px;margin-inline:auto;overflow:visible!important;@media (768px <= width){margin-block-end:30px}}.c-slide__list{max-inline-size:340px;@media (width >= 1240px){margin-inline-start:-50px!important}@media (width <= 575px){max-inline-size:90vw}}.c-slide__item{box-sizing:border-box;padding:24px 56px 20px;background-color:var(--lightest-color);border-radius:72px;opacity:.3;filter:blur(4px);@media (width < 768px){padding-left:37px;padding-bottom:34px;padding-right:27px;padding-top:37px;border-radius:54px}&:after,&:before{position:absolute;content:"";background-color:var(--lightest-color);border-radius:70px}&:before{inset-block-end:0;inset-inline-end:-14px;inline-size:110px;block-size:70px;content:""}&:after{inset-block-end:-30px;inset-inline-end:-26px;inline-size:38px;block-size:30px;content:""}&[class*=active],&[class*=next],&[class*=prev]{@media (width >= 1150px){opacity:1;filter:blur(0)}}&[class*=active]{@media (width <= 1150px){opacity:1;filter:blur(0)}}>p{position:relative;display:flex;align-items:center;block-size:100%;font-size:1.8rem;font-weight:500;line-height:1.7;color:var(--blue-color-01);letter-spacing:.06em;@media (width < 768px){font-size:1.4rem}&:after,&:before{position:absolute;inline-size:20px;block-size:14px;content:"";background:url(/yoghurppe/img/icon-quotation.svg) 50%/contain no-repeat;@media (width < 768px){inline-size:14px;block-size:10px}}&:before{inset-block-start:4px;inset-inline-end:102%;@media (width < 768px){inset-block-start:-6px}}&:after{inset-block-end:0;inset-inline-start:102%;transform:scale(-1)}}}.c-slide__button{position:relative;display:flex;justify-content:center}.c-slide__button-arrows{display:flex;gap:134px;@media (width <= 1150px){gap:300px}@media (width < 768px){gap:170px}>button{position:relative!important;inset:auto!important;inline-size:44px!important;block-size:44px!important;background:none!important;opacity:1!important;transform:translateY(0)!important;transition:opacity .3s ease;@media (any-hover:hover){&:hover{opacity:.7!important}}&:before{display:inline-block;inline-size:20px;block-size:20px;vertical-align:middle;content:"";background:url(/yoghurppe/img/icon-arrow.svg) no-repeat 50%/100% auto}&:first-child{&:before{transform:scaleX(-1)}}&:disabled{cursor:auto!important;opacity:.4!important}>svg{display:none}}}.c-slide__button-pagination{inset-block:50% auto!important;display:flex;gap:4px;inline-size:fit-content;padding:0!important;margin-inline:auto!important;transform:translateY(-50%);li{display:flex!important;align-items:center;>button{inline-size:26px;block-size:3px;background-color:var(--lightest-color);border:none;border-radius:50rem;opacity:.5;transition:opacity .3s ease;@media (width < 768px){inline-size:12px}@media (any-hover:hover){&:hover{opacity:1}}&[class*=active]{opacity:1}}}}}@layer component{.c-modal{max-inline-size:1168px;padding-inline:24px;margin-inline:auto;opacity:0;@media (768px <= width <= 1119px){padding-inline:40px}&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-modal__list{display:grid;grid-template-columns:repeat(auto-fill,minmax(262px,1fr));gap:40px 24px;justify-content:center;@media (768px <= width <= 1119px){padding-inline:71px}@media (width < 768px){grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:30px 14px}@media (width < 576px){grid-template-columns:repeat(2,1fr)}}.c-modal__item{dialog{display:flex;flex-direction:column;gap:.75rem;align-items:center;justify-content:center;inline-size:100%;max-inline-size:940px;padding-inline:24px;margin:auto;background:#0000}}.c-modal__close{z-index:10;align-self:flex-end;line-height:1;>button{padding:0;margin:0;cursor:pointer;border:none;@media (any-hover:hover){&:hover{>span{background-image:url(/yoghurppe/img/icon-close-hover.svg)}}}&:focus{outline:none;box-shadow:none}}}.c-modal__close-button-text{font-size:0}.c-modal__close-button-icon{display:inline-block;inline-size:64px;block-size:64px;background:url(/yoghurppe/img/icon-close.svg) no-repeat;background-size:contain;transition:background-image .2s ease-out;@media (width < 768px){inline-size:31px;block-size:31px}}.c-modal__movie{inline-size:100%;max-inline-size:900px;iframe{inline-size:100%;block-size:auto;aspect-ratio:2/1}}.c-modal__button{position:relative;padding:0;background:#0000;border:0;@media (any-hover:hover){&:hover{>div{&:before{opacity:0}&:after{opacity:1}}>span{color:var(--blue-color-01)}}}&:focus{outline:none;box-shadow:none}span{display:block;font-size:1.7rem;transition:color .2s ease-out;@media (width < 768px){font-size:1.4rem}}}.c-modal__button-img{position:relative;>img{border-radius:10px}&:before{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:1;inline-size:65px;block-size:65px;content:"";background:url(/yoghurppe/img/icon-play.svg) no-repeat 50%/65px 65px;opacity:1;transform:translate(-50%,-50%);transition:opacity .2s ease-out;@media (width < 768px){inline-size:40px;block-size:40px;background-size:40px 40px}}&:after{position:absolute;inset-block-start:50%;inset-inline-start:50%;z-index:1;inline-size:65px;block-size:65px;content:"";background:url(/yoghurppe/img/icon-play-hover.svg) no-repeat 50%/65px 65px;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s ease-out;@media (width < 768px){inline-size:40px;block-size:40px;background-size:40px 40px}}}.c-modal__button-label{position:absolute;inset-block-start:-14px;inset-inline-end:0;z-index:10;padding-block:6px;padding-inline:9px 8px;background-color:var(--blue-color-01);border:1px solid var(--lightest-color);border-radius:10px;border-end-start-radius:0;span{font-size:1.4rem;line-height:1;color:var(--lightest-color);letter-spacing:.08em}}}@layer component{@keyframes bounds-product{0%{transform:translateY(0)}50%{transform:translateY(10px)}to{transform:translateY(0)}}@keyframes bg-animate{0%{background-position:top}50%{background-position:left 42% top 9%}to{background-position:top}}@keyframes scroll-down{0%{inset-block-end:20px}to{inset-block-end:0}}@keyframes scroll-down-hide{0%{opacity:0}20%{opacity:.1}50%{opacity:1}80%{opacity:.9}to{opacity:0}}.c-hero{position:relative;@media (768px <= width){padding-block-start:82px}}.c-hero__heading{inline-size:100%;max-inline-size:1130px;padding-block:32px 64px;padding-inline:10px;margin-inline:auto;@media (768px <= width <= 1119px){padding-block:32px 44px;padding-inline:40px}@media (width < 768px){padding-block:32px 24px;padding-inline:24px}h1{max-inline-size:324px;margin:0;@media (width < 768px){max-inline-size:160px}}}.c-hero__bg{background:var(--lightest-color);@media (width < 768px){position:sticky;inset-block-start:0;inset-inline-start:0;inline-size:100%;block-size:calc(100vh + 60px);background:var(--lightest-color)}&:before{position:absolute;inset-block-end:0;inset-inline-start:0;z-index:1;display:block;inline-size:100%;block-size:calc(100vh - 80px);background:url(/yoghurppe/img/home/bg-hero-sp.webp) no-repeat center top 0/200%;@media (prefers-reduced-motion:no-preference){animation:bg-animate 20s ease-in-out infinite}@media (width < 768px){content:""}}}.c-hero__bg-arrow{position:absolute;inset-block-end:188px;inset-inline-start:50%;z-index:3;inline-size:3px;block-size:28px;transform:translateX(-50%);@media (768px <= width){display:none}&:before{position:relative;display:inline-block;inline-size:1px;block-size:28px;background:var(--blue-color-01);opacity:.8}&:after,&:before{content:"";border-radius:50rem;transform:translateX(-50%)}&:after{position:absolute;inset-block-end:20px;inset-inline-start:0;inline-size:3px;block-size:8px;background:var(--lightest-color);opacity:0;animation:scroll-down 2s ease-in-out infinite,scroll-down-hide 2s ease-out infinite}}.c-hero__main{@media (768px <= width){padding-block:0 166px;background:url(/yoghurppe/img/home/bg-hero.jpg) no-repeat 50%/cover}@media (width < 768px){display:grid;>div{grid-area:1/1}}}.c-hero__main-container{gap:20px;inline-size:100%;max-inline-size:1130px;padding-block-start:98px;padding-inline:10px;margin-block-end:60px;margin-inline:auto;@media (768px <= width <= 1119px){gap:60px;padding-block:98px 0;padding-inline:40px;margin-block-end:0}@media (768px <= width){display:flex;justify-content:space-between}@media (width < 768px){position:relative;display:grid;gap:0;padding-block:0;padding-inline:0;>div{grid-area:1/1}}}.c-hero__text{max-inline-size:647px;@media (width < 768px){touch-action:none}}.c-hero__text-container{@media (768px <= width){transform:rotate(-3deg);transform-origin:top}@media (width < 768px){block-size:100%}>div:first-child{@media (768px <= width){visibility:visible!important}@media (width < 768px){z-index:3;block-size:100%;padding-inline:25px 0}}p{font-size:1.9rem;line-height:2.9;color:var(--blue-color-02);letter-spacing:.07em;@media (width < 768px){font-size:1.4rem;line-height:2.3;letter-spacing:.08em;transform:rotate(-3deg);transform-origin:top}>span{display:block;>span{@media (width < 768px){display:block}}}}}.c-hero__text-wrap{@media (width < 768px){block-size:100%!important;overflow:visible!important}}.c-hero__text-inner{display:grid!important;block-size:100%!important}.c-hero__text-item{@media (width < 768px){visibility:hidden;grid-area:1/1;max-inline-size:90%;padding-block-start:265px;opacity:0;transform:translateY(20px);transition:opacity 1s ease-in-out,transform 1s ease-in-out}[class*=active] &{visibility:hidden}&[class*=active]{visibility:visible;opacity:1;transform:translateY(0)}&[class*=prev]{opacity:0;transform:translateY(-20px)}}.c-hero__text-title{inline-size:100%;max-inline-size:466px;margin-block-start:28px;margin-inline-start:15px;@media (width < 768px){position:absolute;inset-block-start:38rem;inset-inline-start:0;max-inline-size:26.7rem;padding-block:0 7rem;padding-inline-start:4.2rem;margin-left:0;margin-bottom:0;margin-right:0;margin-top:0;opacity:0;&[data-last=true]{animation:fade-in .8s ease-in-out .8s forwards}}img{inline-size:100%;block-size:auto;vertical-align:middle}}.c-hero__product{inset-block:76px;justify-self:end;inline-size:32vw;max-inline-size:320px;block-size:fit-content;margin-block:-60px 0;@media (width < 768px){margin-block:65px 0;margin-inline-end:30px;@media (prefers-reduced-motion:no-preference){animation:bounds-product 4s infinite}}@media (768px <= width){position:sticky;min-inline-size:240px;margin-block-start:-200px}@media (width < 576px){max-inline-size:140px}img{filter:drop-shadow(18px 32px 80px rgb(0 82 136/20%));transform:translateZ(0);@media (768px <= width){position:sticky;inset-block-start:72px}@media (768px <= width <= 1119px){margin-block-end:40px}}}}@layer component{.c-about{inline-size:100%;max-inline-size:1168px;padding-inline:24px;margin-inline:auto;background-color:var(--lightest-color);@media (768px <= width <= 1119px){padding-inline:40px}h2{padding-inline-start:94px;margin-block-end:32px;@media (768px <= width <= 1119px){padding-inline-start:0;margin-block-start:40px}@media (width < 768px){padding-inline-start:0;margin-block-end:50px}}}.c-about__title{max-inline-size:335px;@media (width < 576px){max-inline-size:234px}}.c-about__section-wrapper{display:grid;gap:70px;padding-block-end:120px;@media (width < 768px){gap:64px}}.c-about__section{display:flex;gap:12px 40px;opacity:0;@media (width < 768px){flex-direction:column}&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-about__section:nth-child(odd){margin-inline-start:94px;@media (width <= 1119px){margin-inline-start:0}}.c-about__section:nth-child(2n){margin-inline-end:94px;@media (width <= 1119px){margin-inline-end:0}@media (width < 768px){flex-direction:column-reverse}}.c-about__text{display:grid;gap:30px;@media (768px <= width){max-inline-size:488px}@media (width < 768px){gap:14px}p{font-size:1.6rem;line-height:1.8;letter-spacing:.05em;@media (width < 768px){font-size:1.5rem}}span{display:block}span.c-about__text-nowrap{display:inline;@media (width < 768px){white-space:nowrap}}}.c-about__text:not(:first-child){padding-block-end:16px}.c-about__text:first-of-type{@media (768px <= width){margin-block:50.5px}}.c-about__text:nth-of-type(3){margin-block:48.5px}.c-about__text-note{padding-block-start:16px;font-size:1.4rem;line-height:1.8;letter-spacing:.01em;@media (width < 768px){display:block;padding-block-start:8px}}.c-about__text-heading{font-size:2.7rem;font-weight:700;line-height:1.65;color:var(--blue-color-01);letter-spacing:.05em;@media (width < 768px){font-size:2.4rem}}.c-about__text-left-margin{@media (768px <= width){margin-inline-start:30px}}.c-about__img{max-inline-size:496px;margin-inline:auto;@media (768px <= width <= 1119px){align-self:center;inline-size:43.47826%}}}@layer component{.c-another{position:relative;z-index:1;box-sizing:initial;inline-size:100%;max-inline-size:1500px;block-size:151px;margin-block:-115px 9.79167vw;margin-inline:auto;@media (width < 576px){margin-block-end:10.93333vw}>dialog{inline-size:100%;max-inline-size:940px;block-size:fit-content;max-block-size:90vh;padding-inline:20px;margin:auto;background:none}&:after{position:absolute;inset-block-end:-9.79167vw;z-index:1;inline-size:100%;block-size:9.79167vw;content:"";background:url(/yoghurppe/img/home/bg-story-top.png) no-repeat top/cover;@media (width < 576px){inset-block-end:-21.86667vw;block-size:21.86667vw;background:url(/yoghurppe/img/home/bg-story-top-sp.png) no-repeat top/cover}}}.c-another__link{position:absolute;inset-block-end:-20px;inset-inline-end:99px;display:flex;align-items:center;inline-size:267px;block-size:151px;@media (1400px <= width){inset-block-end:-30px}@media (width < 768px){inset-inline-end:0;padding-block:50px 40px;&:after{position:absolute;inset-block-end:-50px;inset-inline-end:0;inline-size:267px;block-size:40px;content:"";background-color:var(--bg-yellow-color-01)}}&:focus{outline:none;box-shadow:none}&:before{position:absolute;inset-block-end:-20px;inset-inline-start:23px;z-index:-1;inline-size:180px;block-size:180px;content:"";background-color:var(--lightest-color);border-radius:50%;box-shadow:1px 12px 23px 0 #4b5f6b38;opacity:0;transition:all .2s ease-out}h2{position:relative;inline-size:180px;padding-block:14px;padding-inline:17px;margin-inline-start:23px;font-family:var(--font-serif);font-size:1.6rem;font-weight:700;line-height:1.4;color:var(--blue-color-04);text-align:center;letter-spacing:.01em;@media (width < 768px){font-size:1.4rem}}h2:before{inset-block-start:-60px;inset-inline-start:calc(50% - 20px);inline-size:44px;block-size:72px;content:"";background:url(/yoghurppe/img/home/pict-another-01.png) no-repeat 50%/contain;transform:rotate(90deg) scale(.5);transform-origin:bottom center;transition:all .2s ease-out}h2:after,h2:before{position:absolute;opacity:0}h2:after{inset-block-end:-10px;inset-inline-start:65px;font-size:1.6rem;line-height:1.4;color:var(--blue-color-05);content:"Check!";transition:opacity .2s ease-out}span{display:block;margin-inline:auto}}.c-another__img{inline-size:82px;margin-inline-start:-30px;transition:all .2s ease-out}.c-another__link:hover{z-index:-10;img{transform:rotate(10deg)}&:before{opacity:1}h2:before{opacity:1;transform:rotate(0deg) scale(1)}h2:after{opacity:1}}.c-another__container{flex:1 1 auto;inline-size:100%;max-inline-size:700px;block-size:100%;padding-inline:35px;margin-inline:auto;overflow-y:auto;@media (width < 768px){block-size:fit-content}&::-webkit-scrollbar{inline-size:8px}&::-webkit-scrollbar-thumb{background:var(--gray-color);border-radius:50rem}&::-webkit-scrollbar-track{background:var(--bg-gray-color-01);border-radius:50rem}}.c-another__modal{position:relative;z-index:2;display:flex;flex-direction:column;max-block-size:90vh;padding-block:100px 80px;overflow:hidden;background-color:var(--lightest-color);border-radius:40px;@media (width < 768px){block-size:fit-content;padding-block:50px 40px;border-radius:30px}&:before{position:absolute;inset-block-end:0;inset-inline-start:0;z-index:-1;inline-size:956px;block-size:708px;content:"";background-color:var(--bg-blue-color-01);border-radius:0 500rem 58px 40px;@media (width < 768px){inset-inline:auto -50px;inline-size:794px;block-size:588px}}h3{margin-block:30px 20px;font-size:3.3rem;font-weight:700;line-height:normal;color:var(--blue-color-01);letter-spacing:.05em;@media (width < 768px){margin-block:16px;font-size:2.2rem;text-align:center}span{@media (width < 768px){display:block}>span{display:block}}}p{font-size:1.6rem;font-weight:500;line-height:1.8;letter-spacing:.01em;@media (width < 768px){font-size:1.4rem}}p.c-another__note{margin-block-start:10px;font-size:1.4rem;@media (width < 768px){font-size:1.2rem}}}.c-another__modal-close{position:absolute;inset-block-start:26px;inset-inline-end:26px;z-index:10;align-self:flex-end;line-height:1;@media (width < 768px){inset-block-start:14px;inset-inline-end:16px}&:focus{outline:none;box-shadow:none}>button{padding:0;margin:0;cursor:pointer;border:none;@media (hover:hover){&:hover{>span{background-image:url(/yoghurppe/img/icon-close-hover.svg)}}}}}.c-another__modal-close-button-text{font-size:0}.c-another__modal-close-button-icon{display:inline-block;inline-size:64px;block-size:64px;background:url(/yoghurppe/img/icon-close.svg) no-repeat;background-size:contain;transition:background-image .2s ease-out;@media (width < 768px){inline-size:31px;block-size:31px}}}@layer component{.c-story{background-color:var(--bg-yellow-color-01)}.c-story__container{display:flex;gap:20px 72px;align-items:center;inline-size:100%;max-inline-size:1168px;padding-block:36px 58px;padding-inline:24px;margin-inline:auto;opacity:0;@media (768px <= width <= 1119px){gap:32px;justify-content:center;padding-block:56px;padding-inline:40px}@media (width < 768px){flex-direction:column-reverse;padding-block:44px 30px}&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-story__heading{font-size:3.2rem;font-weight:700;line-height:normal;color:var(--blue-color-01);letter-spacing:.03em;@media (width < 768px){font-size:3rem;text-align:center}}.c-story__text{display:flex;flex-direction:column;gap:32px;max-inline-size:480px;margin-inline-start:96px;@media (width <= 1119px){margin-inline-start:0}@media (width < 768px){gap:22px}p{font-size:1.6rem;line-height:1.8;letter-spacing:.01em;@media (width < 768px){font-size:1.5rem}}}.c-story__img{max-inline-size:340px;@media (768px <= width <= 1119px){max-inline-size:255px}@media (width < 576px){max-inline-size:211px}}.c-story__link{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-block:24px;padding-inline:31px 20px;background-color:var(--blue-color-01);border-radius:50rem;transition:all .4s ease-out;@media (768px <= width){inline-size:fit-content}@media (width < 768px){max-inline-size:327px;padding-block:13px;padding-inline:40px 14px;margin-inline:auto}@media (hover:hover){&:hover{background-color:var(--lightest-color);span{color:var(--blue-color-01)}div{background-color:var(--blue-color-01);transform:translateX(5px)}}}span{flex-grow:1;font-size:1.8rem;font-weight:700;line-height:normal;color:var(--lightest-color);text-align:center;letter-spacing:.05em;transition:all .4s ease-out;@media (width < 768px){font-size:1.6rem}>span{@media (width < 768px){display:block}}}div{transition:all .4s ease-out}}.c-story__link-icon{inline-size:20px;block-size:20px;background-color:var(--lightest-color);mask-image:url(/yoghurppe/img/icon-arrow.svg)}}@layer component{.c-lineup{padding-block:140px 160px;padding-inline:24px;background-image:url(/yoghurppe/img/home/bg-lineup.webp);background-repeat:no-repeat;background-position:top;background-size:cover;@media (768px <= width <= 1119px){padding-inline:40px}@media (width < 768px){padding-block:140px 180px;background-image:url(/yoghurppe/img/home/bg-lineup-sp.webp)}@media (width < 576px){padding-block:60px 100px}}.c-lineup__heading{max-inline-size:930px;padding-block-start:20px;margin-inline:auto;font-size:3.8rem;font-weight:700;line-height:1.3;color:var(--blue-color-01);letter-spacing:.03em;@media (width < 768px){padding-block-start:30px;font-size:3.4rem;text-align:center}}.c-lineup__container{opacity:0;&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-lineup__list{display:flex;flex-wrap:wrap;gap:22px 0;justify-content:center;max-inline-size:1120px;padding-block:46px 64px;margin-inline:auto;@media (768px <= width <= 1119px){flex-flow:row nowrap;gap:0}@media (width < 768px){flex-flow:column;align-items:center;padding-block:30px 40px}}.c-lineup__item{display:flex;flex-direction:column;align-items:center;inline-size:260px;text-align:center}.c-lineup__item>span{inline-size:fit-content;padding-block:3px;padding-inline:20px;font-size:1.6rem;font-weight:700;line-height:normal;color:var(--blue-color-01);background-color:var(--lightest-color);border-radius:30px}}@layer component{.c-fanvoice{position:relative;inline-size:100%;padding-block:62px 83px;background-color:var(--blue-color-01);@media (768px <= width <= 1119px){padding-block-start:48px}@media (width < 768px){padding-block:24px 152px}&:before{position:absolute;inset-block-end:0;inset-inline-start:-120px;inline-size:1000px;block-size:150px;content:"";background:url(/yoghurppe/img/home/bg-fanvoice-left.png) no-repeat top/cover;@media (width < 576px){inset-inline-start:0;inline-size:100%;block-size:100px;background-image:url(/yoghurppe/img/home/bg-fanvoice-left-sp.png)}}&:after{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:274px;block-size:227px;content:"";background:url(/yoghurppe/img/home/bg-fanvoice-right.png) no-repeat top/cover;@media (768px <= width <= 1119px){inset-inline-end:30px}@media (width < 576px){inline-size:141px;block-size:157px;background-image:url(/yoghurppe/img/home/bg-fanvoice-right-sp.png)}}}.c-fanvoice>hgroup{max-inline-size:1168px;padding-inline:24px;margin-inline:auto;@media (768px <= width <= 1119px){padding-inline:40px}p{font-size:1.6rem;line-height:2;color:var(--lightest-color);letter-spacing:.01em;@media (width < 768px){font-size:1.5rem}}}.c-fanvoice__heading{padding-block-end:16px;font-size:3.8rem;font-weight:700;line-height:1.3;color:var(--lightest-color);@media (width < 768px){font-size:3.4rem}>span{@media (width < 768px){display:block}}}.c-fanvoice__note{position:absolute;inset-block-end:160px;margin-inline:auto;font-size:1.3rem;font-weight:500;line-height:2;color:var(--lightest-color);text-align:end;@media (768px <= width){inset-inline-end:238px}@media (width < 768px){inset-block-end:110px;inset-inline-start:24px}}}@layer component{.c-button{display:flex;justify-content:center;@media (width < 768px){max-inline-size:327px;margin-inline:auto}}.c-button__link{display:flex;gap:10px;align-items:center;justify-content:space-between;padding-block:24px;padding-inline:31px 20px;background-color:var(--blue-color-01);border-radius:50rem;transition:all .4s ease-out;@media (width < 768px){inline-size:100%;padding-block:13px;padding-inline:40px 14px}@media (hover:hover){&:hover{background-color:var(--lightest-color);span{color:var(--blue-color-01)}div{background-color:var(--blue-color-01);transform:translateX(5px)}}}div,span{transition:all .4s ease-out}}.c-button__link>span{flex-grow:1;font-size:1.8rem;font-weight:700;line-height:normal;color:var(--lightest-color);text-align:center;letter-spacing:.01em;@media (width < 768px){font-size:1.6rem}>span{@media (width < 768px){display:block}}}.c-button__icon-arrow{inline-size:20px;block-size:20px;background-color:var(--lightest-color);mask-image:url(/yoghurppe/img/icon-arrow.svg)}}@layer component{.c-onlineshop{display:flex;gap:16px 80px;justify-content:center;max-inline-size:930px;padding:40px;margin-block-start:62px;margin-inline:auto;background-color:var(--lightest-color);border-radius:32px;box-shadow:0 4px 34px 0 #28528a1a;opacity:0;@media (768px <= width <= 1119px){gap:40px}@media (width < 768px){flex-direction:column;gap:20px 0;padding-left:26px;padding-bottom:36px;padding-right:26px;padding-top:30px;margin-block-start:42px}&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-onlineshop__heading{display:flex;flex-direction:column;gap:20px;h3{font-size:2.7rem;font-weight:700;line-height:1.6;color:var(--blue-color-01);letter-spacing:.03em;@media (width < 768px){font-size:2.2rem;text-align:center}>span{@media (width < 768px){display:block}}}p{font-size:1.6rem;line-height:1.8;letter-spacing:.01em;@media (768px <= width){max-inline-size:434px}@media (width < 768px){font-size:1.5rem}}}.c-onlineshop__link-wrapper{display:flex;flex-shrink:0;align-items:center;justify-content:center}.c-onlineshop__link{display:flex;gap:10px;align-items:center;padding-block:22px;padding-inline:18px 20px;border:1px solid var(--blue-color-01);border-radius:36px;transition:all .4s ease-out;@media (width < 768px){padding-block:20px}@media (hover:hover){&:hover{background-color:var(--blue-color-01);span{color:var(--lightest-color)}div{background-color:var(--lightest-color)}}}}.c-onlineshop__link>span{font-size:1.8rem;font-weight:700;line-height:normal;color:var(--blue-color-01);@media (width < 768px){font-size:1.6rem}}.c-onlineshop__icon-cart{inline-size:20px;block-size:20px;margin-block-start:2px;background-color:var(--blue-color-01);mask:url(/yoghurppe/img/icon-cart.svg) no-repeat;mask-size:contain}.c-onlineshop__icon-link{inline-size:13px;block-size:13px;background-color:var(--blue-color-01);mask:url(/yoghurppe/img/icon-link.svg) no-repeat;mask-size:contain}}@layer component{.c-gallery{inline-size:100%;margin-block-end:100px;@media (width < 768px){margin-block-end:60px}}.c-gallery__heading-container{margin-block:80px;@media (width < 768px){margin-block:58px 64px}}.c-gallery__heading{display:flex;justify-content:center;font-size:3.8rem;font-weight:700;line-height:1.3;color:var(--blue-color-01);letter-spacing:.03em}}@layer component{.c-introduce{margin-block-end:100px;@media (width < 768px){margin-block-end:58px}}.c-introduce__wrapper{inline-size:100%;max-inline-size:1168px;padding-inline:24px;margin-inline:auto;@media (768px <= width <= 1119px){padding-inline:40px}@media (width < 768px){padding-inline:24px}}.c-introduce__heading{text-align:center;@media (width < 768px){padding-block-end:32px}h3{font-size:2.7rem;font-weight:700;line-height:normal;color:var(--blue-color-01);letter-spacing:.02em;@media (width < 768px){font-size:2.4rem}}span{@media (width < 768px){display:block}}}.c-introduce__heading:after{display:block;inline-size:80px;block-size:5px;margin-block-start:21px;margin-inline:auto;content:"";background-color:var(--blue-color-03);border-radius:20px}.c-introduce__list{display:grid;grid-template-columns:repeat(4,auto);gap:0 24px;opacity:0;@media (width < 1200px){grid-template-columns:repeat(2,auto)}@media (width < 576px){grid-template-columns:1fr}&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-introduce__item{display:flex;flex-direction:column;gap:16px;figure{text-align:center}img{inline-size:162px;block-size:auto;aspect-ratio:162/184}figcaption{padding-block:4px 6px;line-height:1;text-align:center;background-color:var(--blue-color-01);border-radius:43px;@media (width < 1200px){max-inline-size:301px;margin-inline:auto}@media (width < 768px){max-inline-size:295px;margin-inline:auto}}}.c-introduce__item:last-child{@media (width < 1200px){order:-1}img{inline-size:auto;block-size:184px;aspect-ratio:200/184}}.c-introduce__item-caption{font-size:1.8rem;font-weight:700;line-height:1;color:var(--lightest-color)}.c-introduce__item-description{font-size:1.4rem;line-height:2;letter-spacing:.01em;span{display:block}}}@layer component{@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.c-banner{margin-block-end:120px;opacity:0;@media (width < 768px){margin-block-end:80px}&[data-active=true]{animation:fade-in .5s ease-in-out forwards}}.c-banner__wrapper{inline-size:100%;max-inline-size:978px;padding-inline:24px;margin-inline:auto}.c-banner__link{display:block;box-shadow:1px 12px 23px 0 #4b5f6b38;transition:transform .3s ease-in-out}.c-banner__link:hover{transform:scale(.98)}}.splide__container{box-sizing:border-box;position:relative}.splide__list{backface-visibility:hidden;display:flex;height:100%;margin:0!important;padding:0!important}.splide.is-initialized:not(.is-active) .splide__list{display:block}.splide__pagination{align-items:center;display:flex;flex-wrap:wrap;justify-content:center;margin:0;pointer-events:none}.splide__pagination li{display:inline-block;line-height:1;list-style-type:none;margin:0;pointer-events:auto}.splide:not(.is-overflow) .splide__pagination{display:none}.splide__progress__bar{width:0}.splide{position:relative;visibility:hidden}.splide.is-initialized,.splide.is-rendered{visibility:visible}.splide__slide{backface-visibility:hidden;box-sizing:border-box;flex-shrink:0;list-style-type:none!important;margin:0;position:relative}.splide__slide img{vertical-align:bottom}.splide__spinner{animation:splide-loading 1s linear infinite;border:2px solid #999;border-left-color:#0000;border-radius:50%;bottom:0;contain:strict;display:inline-block;height:20px;left:0;margin:auto;position:absolute;right:0;top:0;width:20px}.splide__sr{clip:rect(0 0 0 0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.splide__toggle.is-active .splide__toggle__play,.splide__toggle__pause{display:none}.splide__toggle.is-active .splide__toggle__pause{display:inline}.splide__track{overflow:hidden;position:relative;z-index:0}@keyframes splide-loading{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.splide__track--draggable{-webkit-touch-callout:none;-webkit-user-select:none;user-select:none}.splide__track--fade>.splide__list>.splide__slide{margin:0!important;opacity:0;z-index:0}.splide__track--fade>.splide__list>.splide__slide.is-active{opacity:1;z-index:1}.splide--rtl{direction:rtl}.splide__track--ttb>.splide__list{display:block}.splide__arrow{align-items:center;background:#ccc;border:0;border-radius:50%;cursor:pointer;display:flex;height:2em;justify-content:center;opacity:.7;padding:0;position:absolute;top:50%;transform:translateY(-50%);width:2em;z-index:1}.splide__arrow svg{fill:#000;height:1.2em;width:1.2em}.splide__arrow:hover:not(:disabled){opacity:.9}.splide__arrow:disabled{opacity:.3}.splide__arrow:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__arrow--prev{left:1em}.splide__arrow--prev svg{transform:scaleX(-1)}.splide__arrow--next{right:1em}.splide.is-focus-in .splide__arrow:focus{outline:3px solid #0bf;outline-offset:3px}.splide__pagination{bottom:.5em;left:0;padding:0 1em;position:absolute;right:0;z-index:1}.splide__pagination__page{background:#ccc;border:0;border-radius:50%;display:inline-block;height:8px;margin:3px;opacity:.7;padding:0;position:relative;transition:transform .2s linear;width:8px}.splide__pagination__page.is-active{background:#fff;transform:scale(1.4);z-index:1}.splide__pagination__page:hover{cursor:pointer;opacity:.9}.splide.is-focus-in .splide__pagination__page:focus,.splide__pagination__page:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__progress__bar{background:#ccc;height:3px}.splide__slide{-webkit-tap-highlight-color:rgba(0,0,0,0)}.splide__slide:focus{outline:0}@supports(outline-offset:-3px){.splide__slide:focus-visible{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide__slide:focus-visible{border:3px solid #0bf}}@supports(outline-offset:-3px){.splide.is-focus-in .splide__slide:focus{outline:3px solid #0bf;outline-offset:-3px}}@media screen and (-ms-high-contrast:none){.splide.is-focus-in .splide__slide:focus{border:3px solid #0bf}.splide.is-focus-in .splide__track>.splide__list>.splide__slide:focus{border-color:#0bf}}.splide__toggle{cursor:pointer}.splide.is-focus-in .splide__toggle:focus,.splide__toggle:focus-visible{outline:3px solid #0bf;outline-offset:3px}.splide__track--nav>.splide__list>.splide__slide{border:3px solid #0000;cursor:pointer}.splide__track--nav>.splide__list>.splide__slide.is-active{border:3px solid #000}.splide__arrows--rtl .splide__arrow--prev{left:auto;right:1em}.splide__arrows--rtl .splide__arrow--prev svg{transform:scaleX(1)}.splide__arrows--rtl .splide__arrow--next{left:1em;right:auto}.splide__arrows--rtl .splide__arrow--next svg{transform:scaleX(-1)}.splide__arrows--ttb .splide__arrow{left:50%;transform:translate(-50%)}.splide__arrows--ttb .splide__arrow--prev{top:1em}.splide__arrows--ttb .splide__arrow--prev svg{transform:rotate(-90deg)}.splide__arrows--ttb .splide__arrow--next{bottom:1em;top:auto}.splide__arrows--ttb .splide__arrow--next svg{transform:rotate(90deg)}.splide__pagination--ttb{bottom:0;display:flex;flex-direction:column;left:auto;padding:1em 0;right:.5em;top:0}