@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap);
body{background-color:#fff}body::-webkit-scrollbar{display:none}.brd-top{position:relative;padding:0 0 220px;margin:-70px 0 0;overflow:hidden}@media(max-width: 600.98px){.brd-top{padding:0 0 100px;margin:-40px 0 0}}.brd-top::after{position:absolute;bottom:0;left:0;z-index:-1;display:none;width:100%;height:0;content:"";background-color:rgba(0,0,0,0);transition:all 2s}@media(max-width: 600.98px){.brd-top::after{display:block}.in-view-logo-scale .brd-top::after{height:600px;background-color:#ed0339}}.brd-top-opening{position:fixed;top:0;left:0;z-index:19001;width:100%;height:100dvh;height:100vh}.brd-top-opening__inner{position:relative;width:100%;height:100%;overflow:hidden}.is-opening-complete .brd-top-opening{display:none}.brd-top-opening-logo{position:absolute;top:50%;left:50%;width:30%;opacity:0;transform:translate(-50%, -50%)}.is-video-start .brd-top-opening-logo{animation:fadeIn 500ms linear 1000ms both}@media(max-width: 600.98px){.brd-top-opening-logo{width:60%}}.brd-top-opening-logo__image{display:block;width:100%;padding-top:75%;background-image:url("/brand/images/top/logo.svg");background-repeat:no-repeat;background-position:center;background-size:contain}.is-video-start .brd-top-opening-logo__image{animation:fadeOut 500ms linear 2704ms both}.brd-top-opening-overlay{position:absolute;top:50%;left:50%;width:100%;height:100%;background-color:#ff0a2a;transform:translate(-50%, -50%)}.brd-top-opening-video{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media(orientation: landscape){.brd-top-opening-video{width:100vw;height:100vw}}@media(orientation: portrait){.brd-top-opening-video{width:100vh;height:100vh}}.brd-top-opening-video video{width:100%;height:100%}.brd-top-language{position:sticky;top:50px;z-index:2;display:flex;justify-content:flex-end;padding-right:50px;margin-top:50px}@media(max-width: 600.98px){.brd-top-language{top:30px;padding-right:30px;margin-top:30px}}.brd-top-language__inner{position:relative;width:54px;height:14px;background-image:url("/brand/images/top/jp-en.svg");background-repeat:no-repeat;background-position:center;background-size:contain}@media(max-width: 600.98px){.brd-top-language__inner{width:39px;height:10px}}.brd-top-language__inner .jp,.brd-top-language__inner .en{position:absolute;display:block;width:50%;height:100%;font-size:0;text-indent:-9999px;white-space:nowrap}.brd-top-language__inner .jp{left:0}.brd-top-language__inner .en{right:0}.brd-top-scroll-icon{position:fixed;bottom:30px;left:50%;z-index:1;width:80px;height:120px;opacity:0;transform:translateX(-50%)}@media(max-width: 600.98px){.brd-top-scroll-icon{width:60px;height:90px}}.brd-top-scroll-icon.is-scroll{opacity:0 !important}.brd-top-scroll-icon.is-hide{opacity:0 !important}.is-opening-complete .brd-top-scroll-icon{animation:fadeIn 1s linear 1.75s both}.brd-top-bg{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100vh}.brd-top-bg__inner{position:relative;width:100%;height:100%}.brd-top-bg__image-wrapper{position:absolute;top:0;left:50%;transform:translateX(-50%)}.brd-top-bg__image{display:block;width:3600px;height:3600px;background-image:url("/brand/images/top/red_circle.webp");background-repeat:no-repeat;background-position:center;background-size:contain;transition:transform 1.75s ease-out;transform:translate(-1000px, 0)}body.webp .brd-top-bg__image{background-image:url("/brand/images/top/red_circle.webp")}body.no-webp .brd-top-bg__image{background-image:url("/brand/images/top/red_circle.png")}@media(max-width: 600.98px){.brd-top-bg__image{width:1800px;height:1800px;transform:translate(-400px, 0) scale(1)}}.brd-top-bg__image.is-opening-complete{transform:translate(-600px, -600px)}@media(max-width: 600.98px){.brd-top-bg__image.is-opening-complete{transform:translate(-400px, -300px) scale(1)}}.brd-top-bg__image.in-view-logo{transform:translate(0, 800px)}@media(max-width: 600.98px){.brd-top-bg__image.in-view-logo{transform:translate(0, 400px) scale(0.7)}}.brd-top-bg__image.in-view-logo-scale{transform:translate(0, 1650px)}@media(max-width: 600.98px){.brd-top-bg__image.in-view-logo-scale{transform:translate(0, 880px) scale(0.7)}}@media(orientation: landscape){.is-mobile .brd-top-bg__image.in-view-logo-scale{transform:translate(0, 880px) scale(0.7)}}.brd-top-section{opacity:0}.brd-top-section.in-view{animation:fadeInUp .75s linear both}.brd-top-text{position:relative;width:calc(100% - 60px);max-width:600px;margin:150px auto 0}@media(orientation: landscape){.is-mobile .brd-top-text{max-width:400px}}@media(max-width: 600.98px){.brd-top-text{width:calc(100% - 30px);margin:75px auto 0}}.brd-top-text span{display:block;overflow:hidden;background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0;text-indent:-9999px;white-space:nowrap}.brd-top-text #scene1,.brd-top-text #scene2,.brd-top-text #scene3,.brd-top-text #scene4{position:absolute;top:50%;display:block;width:50px;height:50px;background-color:rgba(0,0,0,0);transform:translateY(-50%)}.brd-top-section.section0{padding-top:250px}.brd-top-section.section0 .brd-top-text{margin-top:0}@media(max-width: 600.98px){.brd-top-section.section0 .brd-top-text{margin-top:0}}.brd-top-section.section0 .brd-top-text span{padding-top:26.6666666667%;background-image:url("/brand/images/top/text_01.png")}.is-opening-complete .brd-top-section.section0{animation:fadeInScale 1s linear 1s both}.brd-top-section.section1 .brd-top-text span{padding-top:26.3333333333%;background-image:url("/brand/images/top/text_02.png")}.brd-top-section.section2 .brd-top-text span{padding-top:50.3333333333%;background-image:url("/brand/images/top/text_03.png")}.brd-top-section.section3 .brd-top-text span{padding-top:50.3333333333%;background-image:url("/brand/images/top/text_04.png")}.brd-top-section.section4 .brd-top-text{max-width:440px;margin-top:180px}@media(orientation: landscape){.is-mobile .brd-top-section.section4 .brd-top-text{max-width:300px}}@media(max-width: 600.98px){.brd-top-section.section4 .brd-top-text{max-width:240px;margin-top:80px}}.brd-top-section.section4 .brd-top-text .image{position:relative;padding-top:68.5344827586%;background-image:url("/brand/images/top/logo-white.svg")}.brd-top-section.section4 .brd-top-text .image::before{position:absolute;top:0;left:0;z-index:1;display:block;width:100%;height:100%;content:"";background-image:url("/brand/images/top/logo.svg");opacity:0;transition:opacity 1.25s linear;background-repeat:no-repeat;background-position:center;background-size:contain;font-size:0;text-indent:-9999px;white-space:nowrap}.in-view-logo-scale .brd-top-section.section4 .brd-top-text{transform-origin:top center;animation:scaleDownLogo 1s linear both}@media(max-width: 600.98px){.in-view-logo-scale .brd-top-section.section4 .brd-top-text{animation:scaleDownLogoSp 1s linear both}}.in-view-logo-scale .brd-top-section.section4 .brd-top-text .image::before{opacity:1}.brd-top-section.section5{opacity:1}.brd-top-section.section5 .brd-top-text.text1{max-width:240px;margin-top:0}@media(max-width: 600.98px){.brd-top-section.section5 .brd-top-text.text1{max-width:200px;margin-top:80px}}.brd-top-section.section5 .brd-top-text.text1 .text{padding-top:31.25%;background-image:url("/brand/images/top/4visions.svg");opacity:0}.in-view-logo-scale .brd-top-section.section5 .brd-top-text.text1 .text{animation:fadeIn .75s linear 1.25s both}.brd-top-section.section5 .brd-top-text.text2{max-width:700px;margin-top:75px}@media(orientation: landscape){.is-mobile .brd-top-section.section5 .brd-top-text.text2{max-width:400px}}@media(max-width: 600.98px){.brd-top-section.section5 .brd-top-text.text2{padding:0 10px;margin-top:80px}}.brd-top-section.section5 .brd-top-text.text2 .text{padding-top:28.245363766%;background-image:url("/brand/images/top/4visions-txt.png");opacity:0}.in-view-logo-scale .brd-top-section.section5 .brd-top-text.text2 .text{animation:fadeInUp .75s linear 1.5s both}.brd-top-section.section5 .brd-top-text.text3{max-width:750px;margin-top:100px;opacity:0}.brd-top-section.section5 .brd-top-text.text3.in-view{animation:fadeInUp .75s linear both}@media(orientation: landscape){.is-mobile .brd-top-section.section5 .brd-top-text.text3{max-width:400px}}@media(max-width: 600.98px){.brd-top-section.section5 .brd-top-text.text3{padding:0 10px;margin-top:50px}}.brd-top-section.section5 .brd-top-text.text3 .text{padding-top:18.3333333333%;background-image:url("/brand/images/top/4visions-about.png")}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}100%{opacity:1;transform:translateY(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(0.8)}100%{opacity:1;transform:scale(1)}}@keyframes scaleDownLogo{0%{transform:scale(1)}100%{transform:scale(0.55)}}@keyframes scaleDownLogoSp{0%{transform:scale(1)}100%{transform:scale(0.83)}}