@font-face{font-family:"Noto Sans JP";src:url("/demo/02/assets/fonts/NotoSansJP-Regular.woff2") format("woff2"),url("/demo/02/assets/fonts/NotoSansJP-Regular.woff") format("woff"),url("/demo/02/assets/fonts/NotoSansJP-Regular.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans JP";src:url("/demo/02/assets/fonts/NotoSansJP-Medium.woff2") format("woff2"),url("/demo/02/assets/fonts/NotoSansJP-Medium.woff") format("woff"),url("/demo/02/assets/fonts/NotoSansJP-Medium.ttf") format("truetype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Noto Sans JP";src:url("/demo/02/assets/fonts/NotoSansJP-Bold.woff2") format("woff2"),url("/demo/02/assets/fonts/NotoSansJP-Bold.woff") format("woff"),url("/demo/02/assets/fonts/NotoSansJP-Bold.ttf") format("truetype");font-weight:700;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:"";content:none}q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}table th,table td{vertical-align:top}hr{height:0;margin:0;padding:0;border:0}input,button,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:rgba(0,0,0,0);border:none;border-radius:0;font:inherit;outline:none}textarea{resize:vertical}input[type=checkbox],input[type=radio]{display:none}input[type=submit],input[type=button],label,button,select{cursor:pointer}button{background-color:rgba(0,0,0,0);border:none;cursor:pointer;outline:none;padding:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}select::-ms-expand{display:none}.mt0{margin-top:0px !important}.mt5{margin-top:5px !important}.mt10{margin-top:10px !important}.mt15{margin-top:15px !important}.mt20{margin-top:20px !important}.mt25{margin-top:25px !important}.mt30{margin-top:30px !important}.mt35{margin-top:35px !important}.mt40{margin-top:40px !important}.mt45{margin-top:45px !important}.mt50{margin-top:50px !important}.mt55{margin-top:55px !important}.mt60{margin-top:60px !important}.mt65{margin-top:65px !important}.mt70{margin-top:70px !important}.mt75{margin-top:75px !important}.mb0{margin-bottom:0px !important}.mb5{margin-bottom:5px !important}.mb10{margin-bottom:10px !important}.mb15{margin-bottom:15px !important}.mb20{margin-bottom:20px !important}.mb25{margin-bottom:25px !important}.mb30{margin-bottom:30px !important}.mb35{margin-bottom:35px !important}.mb40{margin-bottom:40px !important}.mb45{margin-bottom:45px !important}.mb50{margin-bottom:50px !important}.mb55{margin-bottom:55px !important}.mb60{margin-bottom:60px !important}.mb65{margin-bottom:65px !important}.mb70{margin-bottom:70px !important}.mb75{margin-bottom:75px !important}.pt0{padding-top:0px !important}.pt5{padding-top:5px !important}.pt10{padding-top:10px !important}.pt15{padding-top:15px !important}.pt20{padding-top:20px !important}.pt25{padding-top:25px !important}.pt30{padding-top:30px !important}.pt35{padding-top:35px !important}.pt40{padding-top:40px !important}.pt45{padding-top:45px !important}.pt50{padding-top:50px !important}.pt55{padding-top:55px !important}.pt60{padding-top:60px !important}.pt65{padding-top:65px !important}.pt70{padding-top:70px !important}.pt75{padding-top:75px !important}.pb0{padding-bottom:0px !important}.pb5{padding-bottom:5px !important}.pb10{padding-bottom:10px !important}.pb15{padding-bottom:15px !important}.pb20{padding-bottom:20px !important}.pb25{padding-bottom:25px !important}.pb30{padding-bottom:30px !important}.pb35{padding-bottom:35px !important}.pb40{padding-bottom:40px !important}.pb45{padding-bottom:45px !important}.pb50{padding-bottom:50px !important}.pb55{padding-bottom:55px !important}.pb60{padding-bottom:60px !important}.pb65{padding-bottom:65px !important}.pb70{padding-bottom:70px !important}.pb75{padding-bottom:75px !important}html{width:100%;overflow-x:hidden;overflow-y:scroll}body{position:relative;font-family:"Noto Sans JP",sans-serif,"Hiragino Kaku Gothic ProN","Helvetica Neue",Arial,"Hiragino Sans",Meiryo,sans-serif;font-size:16px;letter-spacing:0;line-height:1.6;color:#121212;font-weight:400;background-color:#fff}html,body{height:100%}img{font-size:0;vertical-align:top;max-width:100%}a{outline:none;text-decoration:none;color:inherit}#wrapper{width:100%}.content__inner{width:min(100%,900px);margin:0 auto;padding:80px 20px 10px 20px}.content__title{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;font-size:20px;font-weight:700;text-align:center}@media screen and (min-width: 960px){.content__title{margin-bottom:60px;font-size:clamp(1.4375rem,-6.0625rem + 12.5vw,1.75rem)}}.content__title::before,.content__title::after{content:"";width:18%}@media screen and (min-width: 960px){.content__title::before,.content__title::after{width:28%}}.content__title--white{color:#fff}.content__title--white::before,.content__title--white::after{border-top:1px solid #fff}.content__title--black{color:#121212}.content__title--black::before,.content__title--black::after{border-top:1px solid #121212}#header{position:fixed;width:100%;height:72px;padding:0;z-index:10;background-color:#fff;border-bottom:1px solid #ddd}@media screen and (min-width: 960px){#header{position:fixed;top:0;left:0;width:300px;height:100%;padding:40px 45px 30px 45px;overflow-y:auto}}#header h1{width:180px;margin:5px 0 0 20px}@media screen and (min-width: 960px){#header h1{width:200px;margin:0 0 50px 0}}#header .nav{position:fixed;top:0;left:-300px;width:80%;padding:25px;background-color:#fff;bottom:0;opacity:0;overflow-y:auto;transition:.5s;z-index:20}@media screen and (min-width: 960px){#header .nav{position:relative;top:0;left:0;width:100%;height:auto;padding:0;z-index:0;opacity:1;transition:unset}}#header .nav .nav__gnav{margin-bottom:40px}@media screen and (min-width: 960px){#header .nav .nav__gnav{margin-bottom:50px}}#header .nav .nav__gnav .nav__gnav--list .nav__gnav--item{padding:10px 0}#header .nav .nav__gnav .nav__gnav--list .nav__gnav--item a{font-size:14px}#header .nav .nav__social .nav__social--list .nav__social--item{padding:10px 0}#header .nav .nav__social .nav__social--list .nav__social--item a{font-size:14px}#header.open .nav{left:0;opacity:1}#header .menu-toggle{position:fixed;top:23px;right:18px;width:30px;height:30px;cursor:pointer;transition:.5s;z-index:20}@media screen and (min-width: 960px){#header .menu-toggle{display:none}}#header .menu-toggle .menu-toggle__icon{position:absolute;left:0;display:block;width:30px;height:2px;background-color:#121212;border-radius:4px;transition:.5s}#header .menu-toggle .menu-toggle__icon:nth-child(1){top:4px}#header .menu-toggle .menu-toggle__icon:nth-child(2){top:14px}#header .menu-toggle .menu-toggle__icon:nth-child(3){top:24px}#header.open .menu-toggle .menu-toggle__icon{background-color:#fff}#header.open .menu-toggle .menu-toggle__icon:nth-child(1){transform:translateY(10px) rotate(-315deg)}#header.open .menu-toggle .menu-toggle__icon:nth-child(2){opacity:0;transform:translateY(10px) rotate(-315deg)}#header.open .menu-toggle .menu-toggle__icon:nth-child(3){transform:translateY(-10px) rotate(315deg)}#mask{display:none;transition:.5s}@media screen and (min-width: 960px){#mask{display:none}}.open #mask{width:100%;height:100%;background-color:#000;cursor:pointer;display:block;opacity:.8;position:fixed;top:0;left:0;z-index:10}@media screen and (min-width: 960px){.open #mask{display:none}}#container{width:100%}@media screen and (min-width: 960px){#container{width:calc(100% - 300px);margin-left:300px}}.video{position:relative;width:100vw;height:100vh;overflow:hidden}.video .bg-video{position:fixed;top:50%;left:50%;transform:translateX(-50%) translateY(-50%);z-index:-10;background-color:#373737}@media screen and (min-width: 959px){.video .bg-video{height:100vh}}@media screen and (min-width: 960px){.video .bg-video{left:calc(50% + 150px)}}.works{position:relative;background:linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8))}.works .works__list{display:block}@media screen and (min-width: 960px){.works .works__list{display:flex;flex-wrap:wrap}}.works .works__list .works__item{position:relative;width:100%;margin-bottom:6%;border:1px solid #fff}@media screen and (min-width: 960px){.works .works__list .works__item{width:min(46.512%,400px)}.works .works__list .works__item:nth-of-type(2n){margin-left:6.976%}}.works .works__list .works__item a{display:block}.works .works__list .works__item a::after{content:"";box-shadow:0 -30px 15px 1px #121212 inset;position:absolute;top:0;left:0;right:0;bottom:0}.works .works__list .works__item img{width:100%;height:auto}.works .works__list .works__item .works__name{position:absolute;bottom:0;left:0;padding:0 0 5px 5px;font-size:12px;color:#fff;z-index:1}.feature{position:relative;background-color:rgba(0,0,0,.8)}.feature .feature__inner{padding:60px 20px 120px 20px}@media screen and (min-width: 960px){.feature .feature__inner{padding:80px 20px 160px 20px}}.feature .feature__list{display:flex}.feature .feature__list .feature__item{width:30%;text-align:center}.feature .feature__list .feature__item:not(:last-child){margin-right:5%}.feature .feature__list .feature__item .feature__link{display:block;width:100%;margin-bottom:15px}.feature .feature__list .feature__item .feature__link a{position:relative;display:block;padding:calc(50% - 14px) 0;border-radius:50%;color:#fff;border:1px solid #fff;overflow:hidden}.feature .feature__list .feature__item .feature__link a::before{content:"";width:100%;height:100%;background-color:#fff;position:absolute;top:0;left:-100%;opacity:.3;transition:.5s}@media screen and (min-width: 960px){.feature .feature__list .feature__item .feature__link a:hover::before{left:0}}.feature .feature__list .feature__item .feature__subtitle{font-size:16px;font-weight:700;color:#fff}.feature .feature__list .feature__item .feature__text{font-size:14px;color:#fff}.flow{position:relative;width:100%;padding-bottom:10px;background-color:#fff}@media screen and (min-width: 960px){.flex__box{display:flex}}.flow__steps{margin:30px 30px 0}@media screen and (min-width: 960px){.flow__steps{margin:60px 0 0;width:200px;min-width:200px}}.flow__steps .flow__step-list{position:relative;display:flex;flex-wrap:wrap;flex-direction:column;justify-content:space-between}.flow__steps .flow__step-list::before{content:"";position:absolute;top:0;left:0;right:0;margin:0 auto auto;width:50px;height:calc(100% - 80px);background-color:#fd0;z-index:0}.flow__steps .flow__step-list .flow__step-item{position:relative;font-size:14px;color:#fff;text-align:center;padding:20px 0 50px;margin-bottom:30px;background:url(/demo/03/assets/img/bg_arr.png) no-repeat center top;background-size:100% 100%}@media screen and (min-width: 960px){.flow__details{margin-top:60px;margin-left:40px}}.flow__details .flow__detail{margin-bottom:30px}.flow__details .flow__detail .flow__detail-title{font-size:20px;display:flex;align-items:center}.flow__details .flow__detail .flow__detail-title span{display:inline-block;margin-right:10px;width:35px;height:35px;font-size:16px;color:#fff;text-align:center;padding-top:5px;overflow:hidden;border-radius:50%;background-color:#414141}.flow__details .flow__detail .flow__detail-text{margin-left:45px;padding-top:5px;font-size:16px;border-top:1px solid #121212}.contact{position:relative;width:100%;background-color:#fff}.contact .contact__block .contact__list{margin:50px 0 80px 0}@media screen and (min-width: 960px){.contact .contact__block .contact__list{display:flex;margin:50px 0 100px 0}}.contact .contact__block .contact__list .contact__item{position:relative;margin:0 auto;width:60%}.contact .contact__block .contact__list .contact__item:not(:last-child){margin-bottom:20px}@media screen and (min-width: 960px){.contact .contact__block .contact__list .contact__item{width:30%}.contact .contact__block .contact__list .contact__item:not(:last-child){margin-right:5%;margin-bottom:0px}}.contact .contact__block .contact__list .contact__item a{position:relative;height:180px;display:block;font-size:14px;border:1px solid #121212;transition:all .3s;box-sizing:border-box}.contact .contact__block .contact__list .contact__item a span{text-align:center;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%)}@media screen and (min-width: 960px){.contact .contact__block .contact__list .contact__item a:hover{border:3px solid #121212}}.contact .contact__block .contact__list .contact__item::before{content:"";position:absolute;right:4px;bottom:-3px;transform:rotate(45deg);width:0;height:0;border-style:solid;border-top:15px solid rgba(0,0,0,0);border-bottom:15px solid rgba(0,0,0,0);border-left:15px solid #121212;border-right:0}#footer{position:relative;width:100%;background-color:#121212}#footer .footer__inner{max-width:900px;margin:0 auto;padding:50px 20px 20px 20px}#footer .footer__navi{margin-bottom:60px}#footer .footer__navi .footer__nav-list{display:flex;justify-content:center;flex-wrap:wrap}#footer .footer__navi .footer__nav-list .footer__nav-item{margin-bottom:10px;padding:0 20px 0 20px}#footer .footer__navi .footer__nav-list .footer__nav-item:not(:last-child){border-right:1px solid #fff}#footer .footer__navi .footer__nav-list .footer__nav-item a{color:#fff;font-size:14px;opacity:1;transition:.3s}#footer .footer__navi .footer__nav-list .footer__nav-item a:hover{opacity:.7}#footer .footer__copyright{font-size:12px;color:#fff;text-align:center}.pagetop__button{display:none;position:fixed;right:25px;bottom:25px;width:50px;height:50px;border:solid 1px #fff;border-radius:50%;background-color:#121212}.pagetop__button::after{content:"";position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;width:0;height:0;border-left:7px solid rgba(0,0,0,0);border-right:7px solid rgba(0,0,0,0);border-bottom:7px solid #fff}/*# sourceMappingURL=style.min.css.map */