@charset "UTF-8";@media screen and (width > 768px){.sp{display:none}}@media screen and (width <= 768px){.pc{display:none}}:root{color:#231815;font-size:100%;font-family:"Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",yugothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;line-height:1.65;letter-spacing:normal;background:url("../img/teaser/bg_pattern.svg") center center #fff;-webkit-font-smoothing:antialiased}@media screen and (width <= 390px){:root{font-size:4.1025641026vw}}@media screen and (width > 1920px){:root{font-size:0.8333333333vw}}*,:after,:before{box-sizing:border-box}:where(body){position:relative;min-height:100dvh;margin:0}:where(h1,h2,h3,h4,h5,h6){margin:0;padding:0;color:inherit;font-weight:inherit;font-size:inherit;letter-spacing:inherit}:where(a){color:inherit}:where(a):link{color:inherit}:where(a):visited{color:inherit}:where(a):hover{color:inherit}:where(a):active{color:inherit}:where(a){text-decoration:none;transition:color 0.3s,opacity 0.3s}@media (hover:hover) and (pointer:fine){:where(a):hover{opacity:0.5}}@media (hover:none) and (pointer:coarse){:where(a):active{opacity:0.5}}:where(img){max-width:100%;height:auto;vertical-align:bottom}:where(table){min-width:100%;border-collapse:collapse}:where(:has(>wbr)){word-break:keep-all;overflow-wrap:anywhere}body{font-size:0.875rem;line-height:1.7142857143;letter-spacing:0.02em;font-weight:700}.content,.content--l,.content--m,.content--max,.content--s,.content--xl,.content--xs,.content--xxl,.content--xxs{box-sizing:content-box;margin:0 auto;padding-right:1.25rem;padding-left:1.25rem}.content--xxl{max-width:120rem}.content--xl{max-width:100rem}.content--l{max-width:80rem}.content,.content--m{max-width:80rem}.content--s{max-width:50rem}.content--xs{max-width:40rem}.content--xxs{max-width:25rem}.header{position:sticky;top:0;z-index:10;height:0}.header__body{display:flex;align-items:stretch;justify-content:flex-end;position:relative;height:2.5rem;background:url("../img/teaser/header_bg_sp.svg") no-repeat left center/22.5rem 2.5rem,linear-gradient(to right,transparent 21.875rem,#da0e2b 21.875rem)}.header .btn--header-purchase{display:flex;align-items:center;justify-content:center;gap:0.5rem;font-size:0.875rem;line-height:1;letter-spacing:0.02em;font-weight:700;position:relative;padding:0rem 3.75rem 0rem 1.375rem;color:#fff}.header .btn--header-purchase *{position:relative;z-index:1}.header .btn--header-purchase .btn__bg{position:absolute;z-index:0;background:#231815;clip-path:polygon(0 0,100% 0,100% 100%,0.625rem 100%);inset:0}.header .btn--header-purchase:before{width:1rem;height:1rem;display:inline-block;vertical-align:top;background:url("../img/teaser/icon_cart.svg") center/contain no-repeat;content:"";position:relative;z-index:1;flex:0 0 auto}.header .btn--header-purchase:after{width:3.25rem;height:4.375rem;display:inline-block;vertical-align:top;background:url("../img/teaser/header_btn_parchase_deco.webp") center/contain no-repeat;content:"";position:absolute;top:0.375rem;right:0.375rem;flex:0 0 auto}@media screen and (width > 768px){.header__body{background:url("../img/teaser/header_bg_pc.svg") no-repeat left center/22.5rem 2.5rem,linear-gradient(to right,transparent 21.875rem,#da0e2b 21.875rem)}.header .btn--header-purchase{font-size:1rem;padding:0rem 5.125rem 0rem 2.125rem}.header .btn--header-purchase:before{width:1.25rem;height:1.25rem}.header .btn--header-purchase:after{width:4.625rem;height:6.25rem;top:0.5rem;right:0.5rem}}.heading--section{padding:0.625rem;text-align:center}.heading--section .heading__main{font-size:2.25rem;line-height:1.1111111111;letter-spacing:0em;font-weight:600;font-family:"Bitter",sans-serif}.heading--section .heading__sub{font-size:0.875rem;line-height:1;letter-spacing:0.02em;font-weight:500;margin-top:0.5rem;color:#da0e2b}.heading--section:after{width:17.5rem;height:0.4375rem;display:inline-block;vertical-align:top;background:url("../img/teaser/h2_line.svg") center/contain no-repeat;content:"";margin-top:1.5rem}@media screen and (width > 768px){.heading--section .heading__main{font-size:2.5rem}.heading--section .heading__sub{margin-top:0.75rem}}.section--mv{height:100vh;height:100dvh;background:url("../img/teaser/mv_bg.webp") no-repeat center center/cover #f3f3f3}.section--mv .mv{display:flex;align-items:center;justify-content:center;position:relative;height:100%}.section--mv .mv__deco{display:none}.section--mv .mv__body{position:relative;width:100%;max-height:100%}.section--mv .mv__body img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.section--mv .mv__logo{display:none}@media screen and (width > 768px){.section--mv{min-height:40.625rem;background:url("../img/teaser/mv_bg_pc.webp") no-repeat center center/cover #f3f3f3}.section--mv .mv__deco{position:absolute;bottom:0;left:0;display:block;height:44.0740740741%;aspect-ratio:450/476}.section--mv .mv__body{max-width:64.5625rem;aspect-ratio:1033/1080}.section--mv .mv__logo{position:absolute;bottom:10.3703703704%;left:clamp(6.25rem,88.5416666667vw - 36.25rem,70rem);display:block;max-width:43.625rem;max-height:25%;aspect-ratio:698/270}}.section--mechanics{padding-top:5rem}.section--mechanics .btn--intro-video-open{font-size:0.875rem;line-height:1.7142857143;letter-spacing:0.02em;font-weight:700;display:flex;align-items:center;justify-content:center;margin:1.5rem auto 0rem;padding:0.75rem 1.5rem;color:#fff;text-align:center;background:#da0e2b;border:0;border-radius:62.4375rem;cursor:pointer;transition:opacity 0.2s,filter 0.2s}@media (hover:hover) and (pointer:fine){.section--mechanics .btn--intro-video-open:hover{opacity:0.9}}.section--mechanics .mechanic--images{margin-top:2.5rem}.section--mechanics .mechanic--images .mechanic__img{position:relative;overflow:hidden;border-radius:1rem}.section--mechanics .mechanic--images .mechanic__img__main,.section--mechanics .mechanic--images .mechanic__img__sub{display:block}.section--mechanics .mechanic--images .mechanic__img__main{position:absolute;top:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;opacity:0;animation:img-fade-in 6s linear alternate infinite}@keyframes img-fade-in{0%{opacity:1}43%{opacity:1}57%{opacity:0}to{opacity:0}}@media screen and (width <= 768px){.section--mechanics .mechanic--images{margin:2.5rem -1.25rem 0rem}.section--mechanics .mechanic--images .swiper{padding:0rem 1.25rem}.section--mechanics .mechanic--images .swiper-slide{width:82.0512820513vw}}.section--mechanics .mechanic--detail{margin-top:2rem}.section--mechanics .mechanic__name{font-size:1.625rem;line-height:1.3846153846;letter-spacing:0.02em;font-weight:700;padding:2rem;color:#fff;font-family:"Bitter","Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",yugothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-align:center;background:#da0e2b;border-radius:0.625rem}.section--mechanics .mechanic__body{margin-top:1.5rem}.section--mechanics .mechanic__body table td,.section--mechanics .mechanic__body table th{padding-top:0.25rem;padding-bottom:0.25rem}.section--mechanics .mechanic__body table th{width:0;padding-right:0.5rem;color:#da0e2b;text-align:right;vertical-align:top;word-break:keep-all}@media screen and (width > 768px){.section--mechanics .mechanic--detail{display:flex;align-items:stretch;justify-content:flex-start;gap:2.5rem;margin-top:2.5rem}.section--mechanics .mechanic__name{font-size:1.625rem;line-height:1.3846153846;letter-spacing:0.02em;font-weight:700;display:flex;align-items:center;justify-content:center;flex-basis:100%;padding:2rem;color:#fff;font-family:"Bitter","Noto Sans JP","游ゴシック Medium","游ゴシック体","Yu Gothic Medium",yugothic,"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;text-align:center;background:#da0e2b;border-radius:0.625rem}.section--mechanics .mechanic__body{flex-basis:100%;margin-top:0rem}}.section--product-info{padding-top:6.25rem}.section--product-info .product-info{font-size:1.125rem;line-height:1.5555555556;letter-spacing:0.02em;font-weight:700;margin-top:2.5rem;text-align:center}.section--product-info .btn--purchase{font-size:0.875rem;line-height:1.7142857143;letter-spacing:0.02em;font-weight:700;display:flex;align-items:center;justify-content:center;gap:0.5rem}.section--product-info .btn--purchase:after{width:0.75rem;height:0.75rem;display:inline-block;vertical-align:top;background:url("../img/teaser/icon_chevron_right.svg") center/contain no-repeat;content:""}.section--product-info .btn--purchase{margin:1.5rem auto 0rem;padding:1rem;color:#fff;text-align:center;background:#da0e2b;border-radius:999px}@media screen and (width > 768px){.section--product-info{padding-top:7.5rem}.section--product-info .product-info{font-size:1.125rem;line-height:1.5555555556;letter-spacing:0.02em;font-weight:700;margin-top:2.5rem;text-align:center}.section--product-info .btn--purchase{max-width:15rem}}.initializing{margin-top:5rem}.initializing__text{font-size:2rem;line-height:1;letter-spacing:0em;font-weight:700;margin-top:2.5rem;font-family:"Bitter",sans-serif;text-align:center}.initializing__dots{display:flex;align-items:stretch;justify-content:center;gap:0.5rem;margin-top:0.75rem}.initializing__dot{width:0.3125rem;height:0.3125rem;background:#231815}.initializing__dot.dot--1{animation:dot-1 2s linear infinite}.initializing__dot.dot--2{animation:dot-1 2s 0.6666666667s linear infinite}.initializing__dot.dot--3{animation:dot-1 2s 1.3333333333s linear infinite}@keyframes dot-1{0%{background:#da0e2b}33.332%{background:#da0e2b}33.333%{background:#231815}}.footer{margin-top:-0.875rem;padding:6.875rem 0rem 6.5rem;color:#fff;text-align:center;background:#231815;clip-path:polygon(0 0,5.75rem 2.875rem,calc(100% - 5.75rem) 2.875rem,100% 0%,100% 100%,0 100%)}.footer__logo{width:67.6923076923vw;margin:0 auto;aspect-ratio:354/138}.footer__logo img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.footer__copyright{font-size:0.75rem;line-height:1;letter-spacing:0em;font-weight:500;margin-top:2.5rem;font-family:"Bitter",sans-serif}@media screen and (width > 768px){.footer{margin-top:-6.25vw;padding:14rem 0rem 6.5rem;clip-path:polygon(0 0,16.6666666667vw 8.3333333333vw,calc(100% - 16.6666666667vw) 8.3333333333vw,100% 0%,100% 100%,0 100%)}.footer__logo{width:22.125rem}}.belt{position:fixed;bottom:0;left:0;z-index:20;width:100%;height:2.5rem;background:url("../img/teaser/belt_text.svg") left center repeat-x,linear-gradient(to right,#da0e2b,#9e0319);animation:loop 10s linear infinite}@keyframes loop{0%{background-position:0 50%,0 0}to{background-position:-12.875rem 50%,0 0}}.intro-video-dialog{position:fixed;width:100%;max-width:none;height:100%;max-height:none;padding:1rem;overflow:visible;background:transparent;border:0;inset:0;opacity:0}.intro-video-dialog[open]::backdrop{animation:backdrop-fade-in 1s forwards}.intro-video-dialog[open]{animation:dialog-fade-in 1s 0.6s forwards}.intro-video-dialog__inner{position:relative;display:flex;align-items:center;justify-content:center;min-height:100%;pointer-events:none}.intro-video-dialog__inner .intro-video{position:relative;width:min(100% - 2 * 1rem,67.5rem,142.2222222222dvh);pointer-events:auto;aspect-ratio:16/9}.intro-video-dialog__inner .intro-video iframe{display:block;width:100%;height:100%;border:0}.intro-video-dialog__close-btn{width:3rem;height:3rem;position:absolute;top:0rem;right:0rem;z-index:20;color:#fff;background:#da0e2b;border:0;border-radius:999px;transform:translate(50%,-120%);cursor:pointer;transition:opacity 0.2s,background-color 0.2s}.intro-video-dialog__close-btn:focus-visible{outline-width:2px;outline-style:solid;outline-offset:2px}.intro-video-dialog__close-btn span{width:2rem;height:0.0625rem;position:absolute;top:50%;left:50%;display:block;background:#fff;transform:translate(-50%,-50%) rotate(45deg)}.intro-video-dialog__close-btn span:nth-child(2){transform:translate(-50%,-50%) rotate(-45deg)}@media (hover:hover) and (pointer:fine){.intro-video-dialog__close-btn:hover{background:rgba(0,0,0,0.75)}}@keyframes backdrop-fade-in{0%{background:rgba(0,0,0,0)}to{background:rgba(0,0,0,0.85)}}@keyframes dialog-fade-in{0%{opacity:0}to{opacity:1}}.loading{display:flex;align-items:center;justify-content:center;gap:1.25rem;position:fixed;top:0;left:0;z-index:9999;flex-direction:column;width:100%;height:100%;color:#fff;background:#da0e2b;opacity:1;transition:opacity 1s}.loading--hidden{opacity:0}.half-circle-spinner,.half-circle-spinner *{box-sizing:border-box}.half-circle-spinner{position:relative;width:3rem;height:3rem;border-radius:100%}.half-circle-spinner .circle{position:absolute;width:100%;height:100%;border:0.3rem solid transparent;border-radius:100%;content:""}.half-circle-spinner .circle.circle-1{border-top-color:#fff;animation:half-circle-spinner-animation 1s infinite}.half-circle-spinner .circle.circle-2{border-bottom-color:#fff;animation:half-circle-spinner-animation 1s infinite alternate}@keyframes half-circle-spinner-animation{0%{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/*# sourceMappingURL=style_teaser.css.map */