@font-face{font-family:"Shippori Mincho";font-style:normal;src:url("../font/ShipporiMincho-Medium.ttf") format("truetype")}header{opacity:0}.top_flex{display:flex}.top_flex .top_wrap{position:relative;width:100%;height:100vh}.top_flex .top_wrap .background{position:absolute;top:0;right:0;bottom:0;width:65%;background-size:cover;background-repeat:no-repeat;background-position:center;filter:brightness(1.25);background-color:rgba(255,255,255,.1)}@media(min-width: 600px){.top_flex .top_wrap .background{width:70%}}.top_flex .top_wrap .background::before{background-color:rgba(0,0,0,.1);position:absolute;top:0;right:0;bottom:0;left:0;content:""}.top_flex .top_wrap .background .background_img{position:absolute;top:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;opacity:0}.top_flex .top_wrap .background .img1{-webkit-animation:image_anime_to_right 28s infinite;animation:image_anime_to_right 28s infinite}.top_flex .top_wrap .background .img2{-webkit-animation:image_anime_to_left 28s infinite 7s;animation:image_anime_to_left 28s infinite 7s}.top_flex .top_wrap .background .img3{-webkit-animation:image_anime_to_right 28s infinite 14s;animation:image_anime_to_right 28s infinite 14s}.top_flex .top_wrap .background .img4{-webkit-animation:image_anime_to_left 28s infinite 21s;animation:image_anime_to_left 28s infinite 21s}@-webkit-keyframes image_anime_to_right{0%{opacity:0;object-position:left}10%{opacity:1}25%{opacity:1}35%{opacity:0;object-position:right}}@keyframes image_anime_to_right{0%{opacity:0;-o-object-position:left;object-position:left}10%{opacity:1}25%{opacity:1}35%{opacity:0;-o-object-position:right;object-position:right}}@-webkit-keyframes image_anime_to_left{0%{opacity:0;object-position:right}10%{opacity:1}25%{opacity:1}35%{opacity:0;object-position:left}}@keyframes image_anime_to_left{0%{opacity:0;-o-object-position:right;object-position:right}10%{opacity:1}25%{opacity:1}35%{opacity:0;-o-object-position:left;object-position:left}}.top_flex .top_wrap .box{position:absolute;top:50%;left:35%;transform:translate(-50%, -50%);display:flex;flex-direction:column;justify-content:center}@media(min-width: 600px){.top_flex .top_wrap .box{align-items:center;left:22%;transform:translate(-50%, -50%)}}.top_flex .top_wrap .box :root{--delay: 0;--duration: 800ms;--iterations: 1}.top_flex .top_wrap .box .logo_img{width:100%;max-width:220px;transform:translateX(-10%)}@media(min-width: 400px){.top_flex .top_wrap .box .logo_img{max-width:230px}}@media(min-width: 600px){.top_flex .top_wrap .box .logo_img{transform:translateX(0%);max-width:300px}}@media(min-width: 1000px){.top_flex .top_wrap .box .logo_img{max-width:400px}}.top_flex .top_wrap .box .reveal-text,.top_flex .top_wrap .box .reveal-text::after{-webkit-animation-delay:var(--animation-delay, 2s);animation-delay:var(--animation-delay, 2s);-webkit-animation-iteration-count:var(--iterations, 1);animation-iteration-count:var(--iterations, 1);-webkit-animation-duration:var(--duration, 800ms);animation-duration:var(--duration, 800ms);-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-timing-function:cubic-bezier(0, 0, 0.2, 1);animation-timing-function:cubic-bezier(0, 0, 0.2, 1)}.top_flex .top_wrap .box .reveal-text{margin-top:24px;font-family:"Shippori Mincho",sans-serif;--animation-delay: var(--delay, 0);--animation-duration: var(--duration, 800ms);--animation-iterations: var(--iterations, 1);padding:2px 10px;position:relative;font-size:26px;line-height:45px;-webkit-animation-name:clip-text;animation-name:clip-text;color:#fff;background-color:#171f4a;white-space:nowrap;text-shadow:rgba(0,0,0,.9294117647) 1px 1px 10px}@media(min-width: 600px){.top_flex .top_wrap .box .reveal-text{margin-top:36px;padding:4px 20px;font-size:40px;line-height:55px}}.top_flex .top_wrap .box .reveal-text::after{content:"";position:absolute;z-index:999;top:0;left:0;right:0;bottom:0;background-color:#fafafa;transform:scaleX(0);transform-origin:0 50%;pointer-events:none;-webkit-animation-name:text-revealer;animation-name:text-revealer}@-webkit-keyframes clip-text{from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@keyframes clip-text{from{-webkit-clip-path:inset(0 100% 0 0);clip-path:inset(0 100% 0 0)}to{-webkit-clip-path:inset(0 0 0 0);clip-path:inset(0 0 0 0)}}@-webkit-keyframes text-revealer{0%,50%{transform-origin:0 50%}60%,100%{transform-origin:100% 50%}60%{transform:scaleX(1)}100%{transform:scaleX(0)}}@keyframes text-revealer{0%,50%{transform-origin:0 50%}60%,100%{transform-origin:100% 50%}60%{transform:scaleX(1)}100%{transform:scaleX(0)}}@media(min-width: 500px){.top_flex .top_wrap .box .br{display:none}}.top_flex .top_wrap .box .reveal-text_2{font-size:14px;line-height:23px;--animation-delay: var(--delay, 0.3s)}@media(min-width: 500px){.top_flex .top_wrap .box .reveal-text_2{font-size:16px;line-height:25px}}@media(min-width: 850px){.top_flex .top_wrap .box .reveal-text_2{font-size:20px;line-height:35px}}.top_flex .top_wrap .scroll{position:relative;top:80%;left:calc(90% - 170px);width:300px;height:100px;transform:rotate(90deg)}.top_flex .top_wrap .scroll .scroll_text{position:absolute;color:#fff;top:0;left:0}.top_flex .top_wrap .scroll .vector{position:relative;top:5px;left:0}.top_flex .top_wrap .scroll .vector .line_0{position:absolute;width:200px;height:4.5px;left:0;top:18px;border-bottom:2px solid #fff}.top_flex .top_wrap .scroll .vector .line_1{position:absolute;left:190px;top:17.5px;width:12px;height:1px;border-bottom:2px solid #fff;transform:rotate(40deg)}.button_link{display:block;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:120px}.button_link .button{position:relative;max-width:384px;width:250px;height:46px;background:#fff;border:1px solid #d0d0d0;border-radius:120px}@media(min-width: 500px){.button_link .button{width:300px}}@media(min-width: 1100px){.button_link .button{margin:40px 0 0 0}}.button_link .button .button_p{position:absolute;top:50%;left:50%;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;font-weight:400;font-size:14px;line-height:20px;color:#444;transform:translate(-50%, -50%)}.button_link .button .vector{position:absolute;left:84%}.button_link .button .vector .line_0{position:absolute;width:32.5px;height:4.5px;left:0;top:18px;border-bottom:1px solid #333}.button_link .button .vector .line_1{position:absolute;left:26px;top:19.5px;width:8px;height:1px;border-bottom:.3px solid #333;transform:rotate(40deg)}.button_link .button:hover{background-color:#21357a;border:1px solid #333}.button_link .button:hover .button_p{color:#fff}.button_link .button:hover .line{border-bottom:.3px solid #fff}.concept{margin-top:50px}@media(min-width: 1100px){.concept{margin-top:90px}}.concept .inner{margin:0 auto;width:90%;align-items:center;text-align:center}@media(min-width: 1100px){.concept .inner{max-width:1100px;width:90%}}.concept .inner .h2{display:inline;text-align:center}.concept .inner .h2::after{content:"";display:none}.concept .inner .p{margin-top:15px;text-align:center}@media(min-width: 1100px){.concept .inner .p{margin-top:20px}}.shop{margin-top:60px}@media(min-width: 1100px){.shop{background:linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 50%, #171f4a 50%, #171f4a 100%);padding:0 80px;margin-top:90px}}.shop .inner{margin:0 auto;width:90%;align-items:center}@media(min-width: 1100px){.shop .inner{display:flex;height:600px;max-width:1100px;width:90%}}.shop .inner .img{display:block;margin:0 auto;aspect-ratio:5/3;width:100%;z-index:5}@media(min-width: 1100px){.shop .inner .img{margin:0;height:auto;width:50%;max-width:604px;height:391px}}.shop .inner .textarea{margin:0px;padding:30px 5%;width:100%;background-color:#171f4a}@media(min-width: 750px){.shop .inner .textarea{padding:40px 5%}}@media(min-width: 1100px){.shop .inner .textarea{padding-top:40px;padding-right:0;padding-left:40px;margin-top:0;width:50%}}.shop .inner .textarea .h2{color:#fff}.shop .inner .textarea .p{padding-top:20px;color:#fff}@media(min-width: 750px){.shop .inner .textarea .p{padding-top:40px}}@media(min-width: 1100px){.shop .inner .textarea .p{padding-top:30px}}.shop .inner .textarea .button{margin:30px auto 0}.item{margin-top:60px}@media(min-width: 1100px){.item{margin-top:0;background:linear-gradient(90deg, #171f4a 0%, #171f4a 50%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%);padding:0 80px}}.item .inner{margin:0 auto;width:90%;align-items:center}@media(min-width: 1100px){.item .inner{display:flex;flex-direction:row-reverse;height:600px;max-width:1100px;width:90%}}.item .inner .img{display:block;margin:0 auto;width:100%;z-index:5;aspect-ratio:5/3}@media(min-width: 1100px){.item .inner .img{margin:0;height:auto;width:50%;max-width:604px;height:391px}}.item .inner .textarea{margin:0px;padding:30px 5%;width:100%;background-color:#171f4a}@media(min-width: 750px){.item .inner .textarea{padding:40px 5%}}@media(min-width: 1100px){.item .inner .textarea{padding-top:40px;padding-left:0;padding-right:40px;margin-top:0;width:50%}}.item .inner .textarea .h2{color:#fff}.item .inner .textarea .p{padding-top:20px;color:#fff}@media(min-width: 750px){.item .inner .textarea .p{padding-top:40px}}@media(min-width: 1100px){.item .inner .textarea .p{padding-top:30px}}.item .inner .textarea .button{margin:30px auto 0}