:root{--left-bar-width:30px}@media (min-width:768px){:root{--left-bar-width:50px}}html{background-color:#003a5f;overflow-x:hidden}body{background:#003a5f;max-width:100vw;font-family:Noto Sans JP,sans-serif;position:relative;overflow-x:hidden}body.page-body{max-width:100vw;font-family:Noto Sans JP,sans-serif;position:relative;overflow-x:hidden}body.page-body.overflow-hidden{overflow:hidden}body.page-body.bg-gray-50{background:#f9fafb}#loader-container{z-index:50;opacity:1;background:#003a5f;justify-content:center;align-items:center;transition:opacity .5s ease-in;display:flex;position:fixed;inset:0}#loader-container.hidden{pointer-events:none}#loader{letter-spacing:.2em;color:#0000;font-size:28px;font-weight:300;display:inline-block}#loader span{opacity:0;color:#fff;display:inline-block;transform:scaleY(.1)scaleX(.8)}.slide{opacity:0;transform-origin:50%;backface-visibility:hidden;transition:opacity 1.5s ease-in-out;transform:scale(1)}.slide.show{opacity:1}.slide.zooming{animation:6.5s linear forwards zoomIn}@keyframes zoomIn{0%{transform:scale(1)}to{transform:scale(1.15)}}@keyframes scrollLine{0%{height:0;top:0}50%{height:100%;top:0}to{height:0;top:100%}}.scroll-line{background-color:#fff;width:1px;height:0;animation:2s ease-in-out infinite scrollLine;position:absolute;top:0;left:50%;transform:translate(-50%)}.scroll-line:after{content:"";border-top:6px solid #fff;border-left:4px solid #0000;border-right:4px solid #0000;width:0;height:0;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-content-wrapper{right:var(--left-bar-width)!important}.hero-content-container{left:0;right:var(--left-bar-width);top:8vh;bottom:35vh}@media (max-width:767px){.hero-content-container{top:5vh;bottom:38vh}}@media (min-width:768px) and (max-width:1023px) and (min-height:900px){.hero-content-container{top:8vh;bottom:25vh}}@media (min-width:1024px) and (min-height:800px){.hero-content-container{top:8vh;bottom:22vh}}@media (max-height:800px) and (min-width:768px){.hero-content-container{top:10vh;bottom:24vh}.hero-title{margin-bottom:.875rem!important;font-size:2.25rem!important;line-height:1.6!important}.hero-logo img{height:8rem!important}.hero-buttons{margin-bottom:1.75rem!important}.hero-buttons img{height:3.5rem!important}}@media (max-height:600px){.hero-content-container{top:5vh;bottom:35vh}.hero-title{margin-bottom:.25rem!important;font-size:1.25rem!important}.hero-logo img{height:3.5rem!important}.hero-buttons{margin-bottom:.5rem!important}.hero-buttons img{height:2.5rem!important}}.message-carousel{align-items:center;transition:transform .8s ease-out;display:flex}.message-box{opacity:.5;flex-shrink:0;width:80%;margin:0 2.5%;transition:all .8s ease-out;transform:scale(.85)}@media (min-width:768px){.message-box{width:50%}}.message-box.active{opacity:1;transform:scale(1)}.carousel-arrow{cursor:pointer;z-index:30;pointer-events:auto;background:0 0;border:none;justify-content:center;align-items:center;width:40px;height:40px;transition:all .3s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.carousel-arrow:hover:before{border-color:#333;transform:scale(1.2)}.carousel-arrow.prev{left:5%}.carousel-arrow.next{right:5%}@media (min-width:768px){.carousel-arrow.prev{left:20%}.carousel-arrow.next{right:20%}}.carousel-arrow:before{content:"";border-top:3px solid #555;border-right:3px solid #555;width:16px;height:16px;transition:all .3s}.carousel-arrow.prev:before{transform:rotate(-135deg)}.carousel-arrow.next:before{transform:rotate(45deg)}.carousel-arrow.prev:hover:before{transform:rotate(-135deg)scale(1.2)}.carousel-arrow.next:hover:before{transform:rotate(45deg)scale(1.2)}.scroll-fade-in{opacity:0;transition:opacity 1s ease-out,transform 1s ease-out;transform:translateY(30px)}.scroll-fade-in.visible{opacity:1;transform:translateY(0)}.pop-in{opacity:0;transform:scale(0)}.pop-in.visible{animation:1.8s cubic-bezier(.25,.46,.45,.94) forwards popIn}@keyframes popIn{0%{opacity:0;transform:scale(0)}45%{opacity:1;transform:scale(1.15)}to{opacity:1;transform:scale(1)}}.pop-in-with-topline{padding-top:20px;position:relative}.pop-in-with-topline:before{content:"";background-color:#06c;width:0;height:0;transition:width .6s cubic-bezier(.785,.135,.15,.86),height .1s;display:block;position:absolute;top:0;left:50%;transform:translate(-50%)}.pop-in-with-topline.visible:before{width:120px;height:3px;transition-delay:.6s}.chat-message{opacity:0;transition:opacity .5s ease-out,transform .5s ease-out;transform:translateY(10px)}.chat-message.show{opacity:1;transform:translateY(0)}#chat-area{scrollbar-width:none;-ms-overflow-style:none;scroll-behavior:smooth}#chat-area::-webkit-scrollbar{display:none}.animated-title{--underline-color:#8b5cf6;--underline-width:200px;--animation-duration:.5s;--animation-delay-step:.1s;--animation-initial-delay:.1s;display:inline-block;position:relative}.animated-title span{opacity:0;filter:blur(3px);display:inline-block;transform:scale(3)}.animated-title span.in-view{filter:blur();opacity:1;transition:var(--animation-duration) cubic-bezier(.25, .1, .25, 1) var(--animation-initial-delay);transform:scale(1)}.animated-title span.in-view:first-of-type{transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 0)}.animated-title span.in-view:nth-of-type(2){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 1)}.animated-title span.in-view:nth-of-type(3){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 2)}.animated-title span.in-view:nth-of-type(4){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 3)}.animated-title span.in-view:nth-of-type(5){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 4)}.animated-title span.in-view:nth-of-type(6){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 5)}.animated-title span.in-view:nth-of-type(7){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 6)}.animated-title span.in-view:nth-of-type(8){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 7)}.animated-title span.in-view:nth-of-type(9){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 8)}.animated-title span.in-view:nth-of-type(10){transition-delay:calc(var(--animation-initial-delay) + var(--animation-delay-step) * 9)}.animated-title:after{content:" ";background-color:var(--underline-color);width:0;height:0;transition:all .4s cubic-bezier(.785,.135,.15,.86) .5s;display:block;position:absolute;bottom:-8px;left:0}.animated-title.in-view:after{width:var(--underline-width);height:3px}.animated-title-center:after{left:50%;transform:translate(-50%)}.recommend-card{transition:all .8s ease-out}.recommend-left{transform:translate(-100px)}.recommend-right{transform:translate(100px)}.recommend-card.visible{transform:translate(0);opacity:1!important}.cb_design_carousel{background:#fff;padding:40px 0 80px}.cb_design_carousel .desc .mobile{display:none}.cb_image_slider_wrap{height:580px;position:relative;overflow:hidden}.cb_image_slider_wrap::-webkit-scrollbar{display:none}.cb_image_slider{white-space:nowrap;font-size:0;animation-name:carousel_slide;animation-timing-function:linear;animation-iteration-count:infinite;animation-fill-mode:forwards;transform:translate(0,0)}@keyframes carousel_slide{0%{transform:translate(0,0)}to{transform:translate(-100%)}}.cb_image_slider .item{vertical-align:top;white-space:normal;width:310px;height:580px;margin:0 50px 0 0;font-size:16px;display:inline-block;position:relative;overflow:hidden}.cb_image_slider .image{border-radius:15px;width:100%;height:440px;display:block;position:relative;overflow:hidden}.cb_image_slider .item:nth-child(2n) .image{margin-top:180px}.cb_image_slider .image img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;left:0}.cb_image_slider .title{text-align:center;visibility:visible;width:100%;max-height:3.6em;font-size:18px;line-height:1.8;display:block;position:absolute;top:470px;overflow:hidden}.cb_image_slider .title span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-inline-box}.cb_image_slider .item:nth-child(2n) .title{top:20px;bottom:auto}@media screen and (max-width:1180px){.cb_design_carousel .desc .pc{display:none}.cb_design_carousel .desc .mobile{display:block}.cb_image_slider_wrap{height:470px}.cb_image_slider .item{width:250px;height:470px;margin:0 30px 0 0;overflow:hidden}.cb_image_slider .image{height:300px}.cb_image_slider .title{font-size:16px;top:310px}.cb_image_slider .item:nth-child(2n) .title{top:15px;bottom:auto}.cb_image_slider .item:nth-child(2n) .image{margin-top:130px}.cb_image_slider .item:nth-child(2n) .gallery-button{top:60px}.gallery-button{top:380px}}.gallery-button{text-align:center;z-index:10;width:100%;position:absolute;top:535px}.cb_image_slider .item:nth-child(2n) .gallery-button{top:85px;bottom:auto}.interview-button:hover{background-color:#00608f!important}.image-reveal{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;position:relative;transform:translateY(100%)}.image-reveal.slide-in{opacity:1;transform:translateY(0)}.image-overlay{z-index:10;transform-origin:0;background-color:#1a1a1a;width:100%;height:100%;transition:transform .6s cubic-bezier(.77,0,.175,1);position:absolute;top:0;left:0}.image-reveal.revealed .image-overlay{transform:translate(-100%)}.feature-overlay-right{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(50%)}.feature-overlay-right.visible{opacity:1;transform:translate(0)}.feature-overlay-left{opacity:0;transition:opacity .8s ease-out,transform .8s ease-out;transform:translate(-50%)}.feature-overlay-left.visible{opacity:1;transform:translate(0)}.supporters-carousel-container{overflow:hidden}.supporters-carousel-track{width:100%;transition:transform .5s ease-in-out;display:flex}.supporters-carousel-item{box-sizing:border-box;flex:0 0 33.333%;padding:0 10px}@media (max-width:768px){.supporters-carousel-item{flex:0 0 60%;padding:0 10px}}.supporters-carousel-prev,.supporters-carousel-next{cursor:pointer;border:none;outline:none}.supporters-carousel-prev:hover,.supporters-carousel-next:hover{transform:translateY(-50%)scale(1.1)}.supporters-carousel-indicator{cursor:pointer;background-color:#d1d5db;border:none;border-radius:50%;width:12px;height:12px;padding:0;transition:all .3s}.supporters-carousel-indicator:hover{background-color:#9ca3af;transform:scale(1.2)}.supporters-carousel-indicator.active{background-color:#003a5f;border-radius:6px;width:32px}@media (max-width:768px){.supporters-carousel-prev,.supporters-carousel-next{width:36px;height:36px;padding:2px}.supporters-carousel-prev{left:8px}.supporters-carousel-next{right:8px}}.slide-in-bg{transform:translate(-100%)}.slide-in-bg.animate{animation:.7s ease-out forwards slideInBg}.slide-in-text{opacity:0;transform:translate(-100%)}.slide-in-text.animate,.slide-in-text-delayed.animate{animation:.7s ease-out forwards slideInText}@keyframes slideInBg{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInText{0%{opacity:0;transform:translate(-100%)}to{opacity:1;transform:translate(0)}}.wiggle-intermittent{animation:3s ease-in-out infinite wiggleIntermittent}@keyframes wiggleIntermittent{0%,12%,88%,to{transform:rotate(12deg)scale(1)}2%{transform:rotate(9deg)scale(1.02)}4%{transform:rotate(15deg)scale(.98)}6%{transform:rotate(8deg)scale(1.03)}8%{transform:rotate(16deg)scale(.97)}10%{transform:rotate(12deg)scale(1.01)}}
