@charset "UTF-8";*,:after,:before{box-sizing:border-box}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;border:0;outline:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}li,ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{text-decoration:none}ins,mark{color:#000;background-color:#ff9}mark{font-weight:700}i,mark{font-style:italic}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;margin:1em 0;padding:0;border:0;border-top:1px solid #ccc}input,select{vertical-align:middle}sup{font-size:x-small;vertical-align:super}address{font-style:normal}html{font-size:62.5%;line-height:1.15;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,html{-webkit-text-size-adjust:100%}body{width:100%;font-family:ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,メイリオ,Meiryo,ＭＳ\ Ｐゴシック,sans-serif;font-weight:400;color:#000;line-height:1.8;word-wrap:break-word;text-size-adjust:100%;letter-spacing:.1em;font-size:2.6666666667vw}@media (min-width:769px){body{font-size:1.4285714286vw}}@media (min-width:1261px){body{font-size:18px;font-size:1.8rem}}h1,h2,h3,h4,h5,h6{font-weight:400;line-height:1.5}a{color:#000;text-decoration:none;transition:color .3s ease,background-color .3s ease}a img{overflow:hidden;outline:none;transition:opacity .3s ease}a.pcmo:hover{color:#4eddc4}a.pcmo:hover img{opacity:.8}a:active,a:focus,a:hover,a:link,a:visited,img{outline:none}img{width:100%;max-width:100%;height:auto;vertical-align:middle;border-style:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-touch-callout:none;-moz-user-select:none;touch-callout:none;user-select:none;pointer-events:none}button{display:block;background:transparent;border:none;outline:none;border-radius:0;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.pc{display:none}.width-01{width:94.6666%;margin:0 auto}.width-02{width:89.3333%;margin:0 auto}@media (min-width:769px){.sp{display:none}.pc{display:block}.width-01,.width-02{width:100%;max-width:1260px;padding:0 40px}}.progress{background-color:#000;width:100%;height:100%;position:fixed;z-index:9}.progress-bar{border-top:1px solid #fff;z-index:1;transform:translateX(-100%)}.progress-bar,.progress-bar-bg{display:block;width:100%;position:absolute;top:50%;left:0}.progress-bar-bg{border-top:1px solid #444;z-index:0}.progress-logo{display:block;position:absolute;top:50%;left:50%;transform:translate(-50%,-220%);width:110px;height:28px}.progress-logo svg{width:110px;height:28px;fill:#f2f2f2}.wrapper{height:100dvh;overflow-y:hidden;background-color:#fff}.wrapper.show{height:auto;overflow-y:auto}@media (min-width:769px){.progress-logo,.progress-logo svg{width:150px;height:38px}}@keyframes a{0%{transform:rotate(0)}to{transform:rotate(1turn)}}.header{width:100%}.header-sticky{position:fixed;top:0;left:0;z-index:7;width:100%;height:60px;background-color:#fff}.header-inner{position:relative;width:89.3333%;height:100%;margin:0 auto}.header-logo{position:absolute;top:50%;left:0;transform:translateY(-50%);width:81px;height:21px}.header-logo a{display:block;width:100%;height:100%}.header-logo a svg{fill:#000;transition:fill .3s ease}.header-logo a.pcmo:hover svg{fill:#4eddc4}.drawer-menu-btn{width:40px;height:40px;position:absolute;top:50%;right:0;transform:translateY(-50%)}.drawer-menu-btn button{display:block;width:100%;height:100%}.drawer-menu-btn span{width:34px;height:2px;position:absolute;top:50%;left:50%;background-color:#000;pointer-events:none}.drawer-menu-btn span:first-child{transform:translate(-50%,-9px)}.drawer-menu-btn span:nth-child(2){width:18px;right:3px;left:auto;transform:translateY(-50%)}.drawer-menu-btn span:nth-child(3){transform:translate(-50%,7px)}.drawer-menu{width:100%;height:100%;background-color:rgba(0,0,0,.9);position:fixed;top:0;right:0;z-index:8;opacity:0;visibility:hidden;transform:translateY(-100%);transition:transform .4s cubic-bezier(1,0,1,1),opacity .4s cubic-bezier(1,0,1,1),visibility .4s cubic-bezier(1,0,1,1)}.drawer-menu .header-sticky{position:absolute;background-color:transparent;border-bottom:1px solid #777}.drawer-menu .header-logo a svg{fill:#fff}.drawer-menu .drawer-menu-btn span{background-color:#fff}.drawer-menu .drawer-menu-btn span:first-child{transform:translate(-50%,-50%) rotate(45deg)}.drawer-menu .drawer-menu-btn span:nth-child(2){display:none}.drawer-menu .drawer-menu-btn span:nth-child(3){transform:translate(-50%,-50%) rotate(-45deg)}.drawer-menu-inner{position:relative;z-index:1;height:100%;overflow-y:auto;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;padding:100px 0}.drawer-menu-inner::-webkit-scrollbar{display:none}.drawer-menu-inner:before{content:"";position:absolute;top:90px;left:8%;opacity:0;transform:translateX(60px);transition:transform 0s cubic-bezier(0,0,0,1),opacity 0s cubic-bezier(0,0,0,1);transition-delay:.4s;aspect-ratio:143/523;width:20%;background-image:url(../images/menu_logo_02.png);background-repeat:no-repeat;background-position:50%;background-size:100%}.drawer-menu-list{width:84%;margin:0 auto}.drawer-menu-list li{opacity:0;transform:translateX(60px);transition:transform 0s cubic-bezier(0,0,0,1),opacity 0s cubic-bezier(0,0,0,1);transition-delay:.4s;margin-bottom:5.3em;text-align:right}.drawer-menu-list li a{font-size:4vw;color:#fff}.drawer-menu-contact-btn{opacity:0;transform:translateX(60px);transition:transform 0s cubic-bezier(0,0,0,1),opacity 0s cubic-bezier(0,0,0,1);transition-delay:.4s;width:74%;margin:0 auto}.drawer-menu-contact-btn a{display:block;aspect-ratio:9/2;background:#38ebba;background:linear-gradient(349deg,#38ebba,#6fb1d2);border-radius:100px;font-size:3.6vw;color:#fff;text-align:center;line-height:4.5em}.js-drawer-menu-open{position:fixed!important;width:100%}.js-drawer-menu-open .drawer-menu{opacity:1;visibility:visible;transform:translateY(0);transition:transform .3s cubic-bezier(0,0,0,1),opacity .3s cubic-bezier(0,0,0,1),visibility .3s cubic-bezier(0,0,0,1)}.js-drawer-menu-open .drawer-menu-contact-btn,.js-drawer-menu-open .drawer-menu-inner:before,.js-drawer-menu-open .drawer-menu-list li{opacity:1;transform:translateX(0);transition:transform .3s cubic-bezier(0,0,0,1),opacity .3s cubic-bezier(0,0,0,1);transition-delay:.5s}.header-menu-list{display:none}@media (min-width:769px){.header-sticky{height:76px;border-bottom:1px solid #dbdbdb}.header-inner{width:94%;max-width:1260px}.header-logo{position:absolute;left:0;width:130px;height:33px}.drawer-menu-inner{padding:125px 0}.drawer-menu-inner:before{top:90px;left:8%;width:70px}.drawer-menu-list li{margin-bottom:40px}.drawer-menu-list li a{font-size:15px;font-size:1.5rem}.drawer-menu-contact-btn{width:270px}.drawer-menu-contact-btn a{font-size:14px;font-size:1.4rem}}@media (min-width:947px){.drawer-menu,.drawer-menu-btn{display:none}.header-menu-list{display:flex;justify-content:flex-end;align-items:center;position:absolute;top:50%;right:0;transform:translateY(-50%)}.header-menu-list li{margin-left:10%}.header-menu-list li a{display:inline-block;position:relative;font-size:14px;font-size:1.4rem;white-space:nowrap}.header-menu-list li a:before{content:"";position:absolute;top:50%;left:-17px;transform:translateY(-70%) rotate(45deg);transition:border-color .3s ease;width:7px;height:7px;border-right:1px solid #777;border-bottom:1px solid #777}.header-menu-list li a.pcmo:hover:before{border-color:#4eddc4}.header-menu-list li.contact-btn{margin-left:5%}.header-menu-list li.contact-btn a{padding:0 38px;background-color:#000;border-radius:100px;color:#fff;line-height:3em}.header-menu-list li.contact-btn a:before{display:none}.header-menu-list li.contact-btn a.pcmo:hover{background:#4eddc4}}.footer{padding:.5em 0;background-color:#000}.footer .copyright{font-size:1.8666666667vw;color:#fff;text-align:center}.sticky-btn{display:none;position:fixed;bottom:0;left:0;z-index:7;width:100%;background:#38ebba;background:linear-gradient(349deg,#38ebba,#6fb1d2)}.sticky-btn-item{width:72%;margin:0 auto;padding:1.2em 0}.sticky-btn-item a{display:block;aspect-ratio:27/4;background-color:#000;border-radius:100px;font-size:2.6666666667vw;color:#fff;text-align:center;line-height:4em}@media (min-width:769px){.footer{padding:5px 0}.footer .copyright{font-size:14px;font-size:1.4rem}.sticky-btn{display:none!important}}.container{padding:60px 0 0}.kv{position:relative;z-index:6;aspect-ratio:75/135;background-image:url(../images/kv_bg_sp.png);background-repeat:no-repeat;background-position:top;background-size:100%}.kv .inner{width:92.1333%;margin:0 auto}.kv .img{width:55%;margin:0 auto 3em;aspect-ratio:443/814;border-radius:1.5em;position:relative;overflow:hidden}.kv .img video{position:absolute;left:0;top:0;height:100%;width:100%}.kv .text-01{position:relative;margin-bottom:2.1em}.kv .text-01 span{display:block;position:absolute;top:27%;left:1.4%;animation:10s linear infinite a;width:20.4%}.kv .text-02{font-size:3.4666666667vw;color:#fff;text-align:right;line-height:2}.content-about{position:relative;z-index:5;margin-top:-60px;padding:calc(6em + 60px) 0 4em;background-color:#fff}.content-about .content-title{width:88%;margin:0 auto 5em}.content-about .about{margin-bottom:3em}.content-about .about-item:first-of-type{position:relative;margin-bottom:5.5em}.content-about .about-item:first-of-type::after{content:"";position:absolute;bottom:-4.6em;left:50%;transform:translate(-50%);z-index:1;aspect-ratio:1/1;width:16.5%;background-image:url(../images/about_img_03.png);background-repeat:no-repeat;background-position:50%;background-size:100%}.content-about .about-item-title{position:relative;z-index:1;width:41%;margin:0 auto -2.5em}.content-about .about-item-inner{position:relative;z-index:0;aspect-ratio:67/22;border:2px solid #e0e0e0;border-radius:100px}.content-about .about-item-list,.content-about .about-item-text{position:absolute;top:50%;left:50%;font-size:3.0666666667vw;white-space:nowrap}.content-about .about-item-list{transform:translate(-50%,-40%)}.content-about .about-item-list li{position:relative;padding-left:1.8em}.content-about .about-item-list li:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);aspect-ratio:1/1;width:5.5%;background-image:url(../images/about_img_04.png);background-repeat:no-repeat;background-position:50%;background-size:100%}.content-about .about-item-text{transform:translate(-50%,-45%);text-align:center}.content-about .check-title{position:relative;z-index:1;width:77.2%;margin:0 auto -2em}.content-about .check-list{position:relative;z-index:0;aspect-ratio:42/25;width:93.5%;margin:0 auto;border:2px solid #4eddc4;border-radius:1.7em}.content-about .check-list ul{position:absolute;top:50%;left:50%;transform:translate(-50%,-42%)}.content-about .check-list ul li{position:relative;margin-bottom:1.3em;padding-left:3em;font-size:3.0666666667vw;white-space:nowrap}.content-about .check-list ul li:before{content:"";position:absolute;top:50%;left:0;transform:translateY(-50%);aspect-ratio:1/1;width:10.5%;background-repeat:no-repeat;background-position:50%;background-size:100%}.content-about .check-list ul li:first-of-type::before{background-image:url(../images/about_check_01.png)}.content-about .check-list ul li:nth-of-type(2):before{background-image:url(../images/about_check_02.png)}.content-about .check-list ul li:nth-of-type(3):before{background-image:url(../images/about_check_03.png)}.content-about .check-list ul li:nth-of-type(4):before{background-image:url(../images/about_check_04.png)}.content-casestudy{position:relative;z-index:4;margin-top:-60px;padding:calc(3.5em + 60px) 0 3.5em;background-color:#f2f2f2}.content-casestudy .content-title{width:43%;margin:0 auto 3em}.content-casestudy .casestudy-list{display:flex;flex-wrap:wrap}.content-casestudy .casestudy-list li{width:47.5%;margin:0 5% 1.8em 0}.content-casestudy .casestudy-list li:nth-of-type(2n){margin-right:0}.content-howtouse{position:relative;z-index:3;margin-top:-60px;padding:calc(5em + 60px) 0 8em;background-color:#fff}.content-howtouse .content-title{width:67%;margin:0 auto 3.5em}.content-howtouse .howtouse-slider{position:relative}.content-howtouse .howtouse-slider .swiper:after,.content-howtouse .howtouse-slider .swiper:before{display:block;content:"";position:absolute;top:40%;left:50%;transform:translate(-50%);z-index:0;aspect-ratio:1/1;width:5.5%;background-image:url(../images/howtouse_arrow.png);background-repeat:no-repeat;background-position:50%;background-size:100%}.content-howtouse .howtouse-slider .swiper:after{display:none}.content-howtouse .howtouse-slider .slider-pagination{position:absolute;bottom:-3em;text-align:center}.content-howtouse .howtouse-slider .swiper-pagination-bullet{margin:0 10px;width:9px;height:9px;background-color:silver;opacity:1}.content-howtouse .howtouse-slider .swiper-pagination-bullet-active{background-color:#4eddc4}.content-howtouse .howtouse-slider .slider-button-next,.content-howtouse .howtouse-slider .slider-button-prev{display:none}.content-howtouse .howtouse-slider-item{position:relative;text-align:center;font-size:2.9333333333vw;line-height:1.5}.content-howtouse .howtouse-slider-item img{position:relative;z-index:0;margin-bottom:.5em}.content-howtouse .howtouse-slider-item span{display:block;font-size:2.6666666667vw}.content-period{position:relative;z-index:2;aspect-ratio:375/289;background-image:url(../images/period_bg_sp.png);background-repeat:no-repeat;background-position:top;background-size:100%}.content-period .inner{position:relative;height:100%}.content-period .text-box{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:79.7%}.content-period .title{width:59.7%;margin:0 auto 2em}.content-scene{position:relative;z-index:1;margin-top:-60px;padding:calc(4.8em + 60px) 0 4.8em;background-color:#f2f2f2}.content-scene .content-title{width:88%;margin-bottom:2.5em}.content-scene .content-text{width:91.8%;margin:0 auto 4em}.content-scene .scene-list{width:94.366%;margin:0 auto}.content-scene .scene-list-item{margin-bottom:3.5em}.content-scene .scene-list-item:last-child{margin-bottom:0}.content-scene .scene-list-item .wrap{display:flex;justify-content:space-between;margin-bottom:2em}.content-scene .scene-list-item .img,.content-scene .scene-list-item .text-box{width:48%}.content-scene .scene-list-item .title{width:87.3%;margin-bottom:1em}.content-scene .scene-list-item .text{letter-spacing:0;text-align:justify}.content-scene .scene-list-item .btn{width:44.8%;margin:0 auto}.content-scene .scene-list-item .btn a{display:block;aspect-ratio:5/1;background-color:#fff;border:1px solid #000;border-radius:100px;font-size:2.6666666667vw;text-align:center;line-height:2.7em}.content-contact{padding:4em 0}.content-contact .content-title{width:67%;margin:0 auto 2.5em}.content-contact .text{width:90%;margin:0 auto 2.5em}.content-contact .btn{width:72%;margin:0 auto}.content-contact .btn a{display:block;aspect-ratio:27/4;background-color:#ed2e2e;border-radius:100px;font-size:2.6666666667vw;color:#fff;text-align:center;line-height:4em}@media (min-width:769px){.container{padding:76px 0 0}.kv{aspect-ratio:42/23;background-image:url(../images/kv_bg_pc_01.png)}.kv .inner{position:relative;width:100%;max-width:1260px;padding:0 40px;height:100%}.kv .img{position:absolute;top:6%;left:13.8%;width:24.8%;margin:0}.kv .text-box{position:absolute;top:50%;right:3%;transform:translateY(-34%);width:53.8888%}.kv .text-01{width:100%;margin:0 0 1.4em auto}.kv .text-01 span{top:29%;left:0}.kv .text-02{font-size:1.5873015873vw}.content-about{margin-top:-75px;padding:calc(5.3em + 75px) 0 5.5em}.content-about .content-title{width:72.3728%;margin:0 auto 5em}.content-about .about{display:flex;justify-content:center;margin-bottom:4.2em}.content-about .about-item{width:43.2%;margin:0 2.5%}.content-about .about-item:first-of-type{margin-bottom:0}.content-about .about-item:first-of-type::after{top:58%;bottom:auto;left:96.7%;transform:translate(0);width:18.235%}.content-about .about-item-title{width:43.5%;margin:0 auto -2em}.content-about .about-item-inner{aspect-ratio:85/28;border:4px solid #e0e0e0}.content-about .about-item-list,.content-about .about-item-text{font-size:1.4285714286vw}.content-about .about-item-list{transform:translate(-50%,-46%)}.content-about .about-item-list li{padding-left:1.6em}.content-about .check-title{width:37.3%}.content-about .check-list{aspect-ratio:215/47;width:72.88%;border:4px solid #4eddc4;border-radius:1.7em}.content-about .check-list ul{display:flex;flex-wrap:wrap;justify-content:space-between;transform:translate(-50%,-32%);width:87.2%}.content-about .check-list ul li{width:50%;margin-bottom:1.5em;padding-left:2.8em;font-size:1.4285714286vw;font-feature-settings:"palt"}.content-about .check-list ul li:nth-of-type(1n){width:50%}.content-about .check-list ul li:nth-of-type(2n){width:46%}.content-casestudy{margin-top:-75px;padding:calc(2.8em + 75px) 0 2.8em}.content-casestudy .inner{display:flex;justify-content:space-between;align-items:center}.content-casestudy .content-title{width:17.45%;margin:0}.content-casestudy .casestudy-list{width:77%}.content-casestudy .casestudy-list li{width:23%;margin:0 2.6666% 0 0}.content-casestudy .casestudy-list li:nth-of-type(2n){margin-right:2.6666%}.content-casestudy .casestudy-list li:nth-of-type(4){margin-right:0}.content-howtouse{margin-top:-75px;padding:calc(6.6em + 75px) 0 8em}.content-howtouse .content-title{width:33.5%;margin:0 auto 3em}.content-howtouse .howtouse-slider{width:70%;margin:0 auto}.content-howtouse .howtouse-slider .swiper:after,.content-howtouse .howtouse-slider .swiper:before{top:35%;left:50%;width:3.6%}.content-howtouse .howtouse-slider .swiper:before{transform:translate(-530%)}.content-howtouse .howtouse-slider .swiper:after{display:block;transform:translate(440%)}.content-howtouse .howtouse-slider .slider-pagination{bottom:-3.5em}.content-howtouse .howtouse-slider .swiper-pagination-bullet{margin:0 20px;width:14px;height:14px}.content-howtouse .howtouse-slider .slider-button-next,.content-howtouse .howtouse-slider .slider-button-prev{display:block;position:absolute;top:32.5%;aspect-ratio:11/19;width:4%;cursor:pointer;transition:opacity .3s ease}.content-howtouse .howtouse-slider .slider-button-next.swiper-button-disabled,.content-howtouse .howtouse-slider .slider-button-prev.swiper-button-disabled{opacity:0}.content-howtouse .howtouse-slider .slider-button-prev{left:-6%}.content-howtouse .howtouse-slider .slider-button-next{right:-6%}.content-howtouse .howtouse-slider-item{font-size:1.4285714286vw}.content-howtouse .howtouse-slider-item img{margin-bottom:1em}.content-howtouse .howtouse-slider-item span{font-size:1.2698412698vw}.content-period{aspect-ratio:63/19;background-image:url(../images/period_bg_pc.png);background-size:cover}.content-period .text-box{width:66.5%;transform:translate(-50%,-45%)}.content-period .title{width:38%;margin:0 auto 2em}.content-scene{margin-top:-75px;padding:calc(4.8em + 75px) 0 4.8em}.content-scene .content-title{width:63.2%;margin-bottom:2.5em}.content-scene .content-text{width:65.3%;margin:0 auto 4em}.content-scene .scene-list{display:flex;justify-content:space-between;width:92.37%}.content-scene .scene-list-item{width:31%;margin-bottom:0}.content-scene .scene-list-item .wrap{display:block;margin-bottom:2em}.content-scene .scene-list-item .img{width:100%;margin-bottom:1.5em}.content-scene .scene-list-item .text-box{width:94%;margin:0 auto}.content-scene .scene-list-item .title{width:100%}.content-scene .scene-list-item .btn{width:70%;margin:0 auto}.content-scene .scene-list-item .btn a{border:2px solid #000;font-size:1.2698412698vw}.content-scene .scene-list-item .btn a.pcmo:hover{background-color:#000}.content-contact{padding:5.5em 0 4.7em}.content-contact .content-title{width:36%;margin:0 auto 2em}.content-contact .text{width:48%;margin:0 auto 2.5em}.content-contact .btn{width:35.6%;margin:0 auto}.content-contact .btn a{aspect-ratio:5.2/1;font-size:1.4285714286vw;line-height:4.5em}.content-contact .btn a.pcmo:hover{background-color:rgba(237,46,46,.7)}}@media (min-width:1261px){.kv{aspect-ratio:auto;background-image:url(../images/kv_bg_pc_02.png);background-size:cover;max-width:1700px;height:690px;margin:0 auto}.kv .text-02{font-size:20px;font-size:2rem}.content-about .about-item-list,.content-about .about-item-text,.content-about .check-list ul li,.content-howtouse .howtouse-slider-item{font-size:18px;font-size:1.8rem}.content-howtouse .howtouse-slider-item span{font-size:16px;font-size:1.6rem}.content-period{aspect-ratio:auto;height:380px}.content-scene .scene-list-item .btn a{font-size:16px;font-size:1.6rem}.content-contact .btn a{font-size:18px;font-size:1.8rem}}