@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700&subset=japanese);
:root{--leading-trim: calc((1em - 1lh) / 2);--leading-trim-en: calc((1cap - 1lh) / 2)}body{background-color:#fff;color:#222;font-family:"Noto Sans JP","BIZ UDPGothic",Meiryo,sans-serif;font-size:16px;font-weight:400;line-height:1.5;overflow-x:clip;overscroll-behavior-y:none;min-height:100dvh}a{color:#095ca8;text-decoration:none}a:focus-visible{text-decoration:none}@media(any-hover: hover){a:hover{text-decoration:none}}b,strong,.-bold{font-weight:600}sup{display:inline-block;-webkit-transform:scale(0.8) translateX(-0.2em);transform:scale(0.8) translateX(-0.2em);margin-right:-0.2em}.svg-spacer{fill:rgba(0,0,0,0)}@media(768px <= width){.-sm{display:none !important}}@media(width < 768px){.-md{display:none !important}}@media(980px <= width){.-md{display:none !important}}@media(980px <= width){.-smd{display:none !important}}@media(width < 980px){.-lg{display:none !important}}@media(width < 1280px){.-xl{display:none !important}}.jb-container{background-color:#f7f2ec}.kv{background:url(../img/kv_bg_sm.jpg) center no-repeat;background-size:cover;margin-top:70px}@media(980px <= width){.kv{background:url(../img/kv_bg_lg.jpg) center no-repeat;background-size:cover}}.kv__inner{position:relative;width:100vw;height:100vw}@media(980px <= width){.kv__inner{margin-inline:auto;width:76.5625vw;height:43vw}}.kv__catch{position:absolute;top:8vw;right:14.4vw;width:72.2666666667vw}@media(980px <= width){.kv__catch{top:7.421875vw;right:7.265625vw;width:36.40625vw}}.kv__catch .-catch1{display:block;width:45.8666666667vw}@media(980px <= width){.kv__catch .-catch1{width:23.4375vw}}.kv__catch .-catch2{position:absolute;top:10.6666666667vw;left:22.6666666667vw;width:49.8666666667vw}@media(980px <= width){.kv__catch .-catch2{top:5.46875vw;left:11.25vw;width:25.15625vw}}.kv__jetbrew{position:absolute;bottom:3.2vw;left:0;width:48vw}@media(980px <= width){.kv__jetbrew{bottom:2.03125vw;left:2.8125vw;width:26.5625vw}}.kv__jetbrew .-jetbrew{display:block;margin-inline:auto;margin-bottom:3.2vw;width:38.6666666667vw}@media(980px <= width){.kv__jetbrew .-jetbrew{margin-bottom:1.40625vw;width:17.109375vw}}.kv__jetbrew .-products{display:block;margin-inline:auto;width:43.2vw}@media(980px <= width){.kv__jetbrew .-products{width:26.5625vw}}.kv__cs{position:absolute;bottom:0;right:0;width:60.8vw}@media(980px <= width){.kv__cs{bottom:1.25vw;right:18.59375vw;width:32.96875vw}}.about{background:url(../img/about_bg_sm.jpg) center no-repeat;background-size:cover;padding-top:10.6666666667vw;padding-bottom:13.3333333333vw}@media(980px <= width){.about{background:url(../img/about_bg_lg.jpg) center no-repeat;background-size:cover;padding-top:4.921875vw;padding-bottom:5.78125vw}}.about__catch{margin-inline:auto;margin-bottom:-5.0666666667vw;position:relative;width:72.2666666667vw}@media(980px <= width){.about__catch{margin-bottom:-2.734375vw;translate:1.5625vw;width:29.53125vw}}.about__catch .-catch1{display:block;width:45.8666666667vw}@media(980px <= width){.about__catch .-catch1{width:19.296875vw}}.about__catch .-catch2{position:relative;top:-14.6666666667vw;left:21.3333333333vw;width:49.8666666667vw}@media(980px <= width){.about__catch .-catch2{top:-6.25vw;left:9.0625vw;width:20.625vw}}.about__text img{margin-inline:auto;width:81.3333333333vw}@media(980px <= width){.about__text img{width:58.75vw}}.howto{background-color:#fff;padding-top:21.3333333333vw;position:relative}@media(980px <= width){.howto{padding-top:180px;padding-bottom:88px}}.howto::before,.howto::after{background:#095ca8 url(../img/border.png) center repeat-x;background-size:contain;content:"";position:absolute;left:0;width:100%;height:3.2vw}@media(980px <= width){.howto::before,.howto::after{height:10px}}.howto::before{top:0}.howto::after{bottom:0}.howto__title{align-items:center;display:flex;gap:5.3333333333vw;justify-content:center;margin-bottom:9.3333333333vw}@media(980px <= width){.howto__title{gap:20px;margin-bottom:45px}}.howto__title img{width:29.3333333333vw}@media(980px <= width){.howto__title img{width:360px}}.howto__title::before,.howto__title::after{background-color:#222;content:"";display:block;position:relative;width:15.7333333333vw;height:.2666666667vw}@media(980px <= width){.howto__title::before,.howto__title::after{width:116px;height:1px}}.howtoDetail{display:-ms-grid;display:grid;margin-inline:auto;width:95.4666666667vw}@media(980px <= width){.howtoDetail{-ms-grid-columns:481px auto;grid-template-columns:481px auto;-ms-grid-rows:auto 58px 234px;grid-template-rows:auto 58px 234px;width:980px}.howtoDetail > *:nth-child(1){-ms-grid-row: 1;-ms-grid-column: 1}.howtoDetail > *:nth-child(2){-ms-grid-row: 1;-ms-grid-column: 2}.howtoDetail > *:nth-child(3){-ms-grid-row: 2;-ms-grid-column: 1}.howtoDetail > *:nth-child(4){-ms-grid-row: 2;-ms-grid-column: 2}.howtoDetail > *:nth-child(5){-ms-grid-row: 3;-ms-grid-column: 1}.howtoDetail > *:nth-child(6){-ms-grid-row: 3;-ms-grid-column: 2}.howtoDetail .howtoDetail__time{-ms-grid-row:1;-ms-grid-row-span:1;-ms-grid-column:1;-ms-grid-column-span:2;grid-area:1/1/2/3}.howtoDetail .howtoDetail__photo{-ms-grid-row:2;-ms-grid-row-span:2;-ms-grid-column:1;-ms-grid-column-span:1;grid-area:2/1/4/2}.howtoDetail .howtoDetail__num{-ms-grid-row:2;-ms-grid-row-span:1;-ms-grid-column:2;-ms-grid-column-span:1;grid-area:2/2/3/3}.howtoDetail .howtoDetail__img{-ms-grid-row:3;-ms-grid-row-span:1;-ms-grid-column:2;-ms-grid-column-span:1;grid-area:3/2/4/3}}.howtoDetail__time{background-color:#222;border-radius:3.3333333333vw;border:.8vw solid #f1cf00;margin-inline:auto;margin-bottom:5.3333333333vw;overflow:hidden;position:relative;width:53.3333333333vw;height:15.0666666667vw}@media(980px <= width){.howtoDetail__time{border-width:4px;border-radius:16px;margin-bottom:42px;width:254px;height:72px}}.howtoDetail__time .-clip{background-color:#222;display:-ms-grid;display:grid;place-content:center;position:absolute;top:0;left:0;width:51.7333333333vw;height:13.4666666667vw}@media(980px <= width){.howtoDetail__time .-clip{width:246px;height:64px}}.howtoDetail__time .-clip img{width:25.0666666667vw}@media(980px <= width){.howtoDetail__time .-clip img{width:120px}}.howtoDetail__time .-clip.-item05 img{width:29.3333333333vw}@media(980px <= width){.howtoDetail__time .-clip.-item05 img{width:139px}}.howtoDetail__photo{margin-inline:auto;margin-bottom:1.6vw;overflow:hidden;position:relative;width:77.3333333333vw;height:48vw;z-index:1}@media(980px <= width){.howtoDetail__photo{margin-bottom:10px;width:481px;height:292px}}.howtoDetail__photo .-clip{background-color:#fff;position:absolute;top:0;left:0;width:77.3333333333vw;height:48vw}@media(980px <= width){.howtoDetail__photo .-clip{width:481px;height:292px}}.howtoDetail__num{border-bottom:.5333333333vw solid #222;margin-inline:auto;overflow:hidden;position:relative;width:95.4666666667vw;height:16vw}@media(980px <= width){.howtoDetail__num{border-width:1px;translate:-6px;left:-50px;width:386px;height:58px}}.howtoDetail__num .-clip{align-items:center;background-color:#fff;display:flex;gap:5.3333333333vw;padding-left:3.7333333333vw;position:absolute;top:0;left:0;width:95.4666666667vw;height:15.4666666667vw}@media(980px <= width){.howtoDetail__num .-clip{gap:35px;padding-left:33px;width:517px;height:57px}}.howtoDetail__num img{height:9.0666666667vw}@media(980px <= width){.howtoDetail__num img{height:34px}}.howtoDetail__text{font-size:4.2666666667vw;line-height:1.28}@media(980px <= width){.howtoDetail__text{font-size:14px}}.howtoDetail__img{margin-inline:auto;overflow:hidden;position:relative;width:89.3333333333vw;height:46vw}@media(980px <= width){.howtoDetail__img{width:454px;height:234px}}.howtoDetail__img .-clip{background-color:#fff;position:absolute;top:0;left:0;width:89.3333333333vw;height:46vw}@media(980px <= width){.howtoDetail__img .-clip{width:454px;height:234px}}.howtoDetail .howtoDetail__time .-clip,.howtoDetail .howtoDetail__img .-clip{transition:all .4s cubic-bezier(0.19, 1, 0.22, 1);opacity:0}.howtoDetail .howtoDetail__time .-clip.is-active,.howtoDetail .howtoDetail__img .-clip.is-active{opacity:1}.howtoDetail .howtoDetail__photo .-clip{clip-path:polygon(0 100%, 100% 100%, 100% 100%, 0 100%);transition:all 1s cubic-bezier(0.19, 1, 0.22, 1)}.howtoDetail .howtoDetail__photo .-clip.is-active{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.howtoDetail .howtoDetail__num .-clip{clip-path:polygon(0 0, 0 0, 0 100%, 0 100%);transition:all 2s cubic-bezier(0.19, 1, 0.22, 1)}.howtoDetail .howtoDetail__num .-clip.is-active{clip-path:polygon(0 0, 100% 0, 100% 100%, 0 100%)}.howtoNav{align-items:center;display:flex;justify-content:space-between;position:absolute;top:82.6666666667vw;left:5vw;width:90vw;height:6.4vw;z-index:2}@media(980px <= width){.howtoNav{top:380px;left:calc((100% - 1040px)/2);width:1040px}}.howtoNav.is-item01 .howtoNav__prev{cursor:default;opacity:0}.howtoNav.is-item05 .howtoNav__next{cursor:default;opacity:0}.howtoNav__prev,.howtoNav__next{width:6.4vw;height:6.4vw}@media(980px <= width){.howtoNav__prev,.howtoNav__next{width:32px;height:32px}}.howtoNav__prev:hover,.howtoNav__next:hover{background-position:0 -6.4vw}@media(980px <= width){.howtoNav__prev:hover,.howtoNav__next:hover{background-position:0 -32px}}.howtoNav__prev{background:url(../img/btn_prev.png) top no-repeat;background-size:6.4vw}@media(980px <= width){.howtoNav__prev{background-size:32px}}.howtoNav__next{background:url(../img/btn_next.png) top no-repeat;background-size:6.4vw}@media(980px <= width){.howtoNav__next{background-size:32px}}.lineup{background-color:#f7f2ec;padding-top:17.0666666667vw;padding-bottom:22.4vw}@media(980px <= width){.lineup{padding-top:90px;padding-bottom:94px}}.lineup__title{align-items:center;display:flex;gap:5.3333333333vw;justify-content:center;margin-bottom:14.4vw}@media(980px <= width){.lineup__title{gap:20px;margin-bottom:85px}}.lineup__title img{width:19.4666666667vw}@media(980px <= width){.lineup__title img{width:127px}}.lineup__title::before,.lineup__title::after{background-color:#222;content:"";display:block;position:relative;width:15.7333333333vw;height:.2666666667vw}@media(980px <= width){.lineup__title::before,.lineup__title::after{width:116px;height:1px}}.lineup__items{display:-ms-grid;display:grid;gap:9.3333333333vw;margin-inline:auto;width:66.1333333333vw}@media(980px <= width){.lineup__items{gap:40px;-ms-grid-columns:auto 40px auto 40px auto;grid-template-columns:repeat(3, auto);width:824px}}.lineup__item{position:relative;width:66.1333333333vw}@media(980px <= width){.lineup__item{width:248px}}.lineup__item.-new::before{background:url(../img/icon_new.png);background-size:contain;content:"";position:absolute;top:-2.6666666667vw;left:-2.6666666667vw;width:16.5333333333vw;height:13.3333333333vw}@media(980px <= width){.lineup__item.-new::before{top:-10px;left:-10px;width:62px;height:50px}}.lineup__text{color:#222;font-size:3.7333333333vw;line-height:1.4;padding-inline:8vw;position:absolute;text-align:justify;top:81.0666666667vw}@media(980px <= width){.lineup__text{font-size:14px;padding-inline:30px;top:304px}}.lineup__btn{align-items:center;background-color:#fff;border-radius:100vmax;color:#222;display:-ms-grid;display:grid;font-size:3.7333333333vw;place-content:center;position:absolute;bottom:5.3333333333vw;left:8.5333333333vw;width:49.0666666667vw;height:8.5333333333vw}@media(980px <= width){.lineup__btn{font-size:14px;bottom:20px;left:32px;width:184px;height:32px}}.lineup__btn::after{border-top:1px solid #222;border-right:1px solid #222;content:"";position:absolute;rotate:45deg;right:4.2666666667vw;width:1.3333333333vw;height:1.3333333333vw}@media(980px <= width){.lineup__btn::after{right:16px;width:5px;height:5px}}.lineup__btn:hover{background-color:#fcf5cc;-webkit-filter:drop-shadow(0 0 10px rgba(34, 34, 34, 0.2));filter:drop-shadow(0 0 10px rgba(34, 34, 34, 0.2))}.voice{padding-top:17.0666666667vw;padding-bottom:22.4vw}@media(980px <= width){.voice{padding-top:7.03125vw;padding-bottom:7.34375vw}}.voice__visumo{margin-inline:auto}.hacobune-univideo{margin:0 auto;width:100%}@media(980px <= width){.hacobune-univideo{overflow-y:hidden;width:790px;height:454px}}.hacobune-app-container{padding:0 !important}.hacobune-unit-video-outline{display:none}