body,html{margin:0 auto;width:100%;color:#fff;height:100%;scroll-behavior:smooth;font-family:"Cormorant",serif;font-family:"Noto Sans",sans-serif;font-family:"Noto Sans JP",sans-serif;background-color:#000}a:hover{cursor:pointer}.drawer-toggle.drawer-hamburger{padding-top:23px;padding-left:15px;position:fixed}.drawer-hamburger-icon,.drawer-hamburger-icon:after,.drawer-hamburger-icon:before{background:#3e3e3e;height:4px;width:26px}.drawer-menu-item{padding:0;text-align:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.drawer-menu{height:inherit;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;gap:2rem}.drawer-menu li{height:auto;color:#707070;line-height:54px}.drawer-menu li a{color:#3e3e3e;font-weight:500;font-size:1.8rem}@media screen and ( max-width: 767px ){.drawer-overlay{background:#000;opacity:.5;z-index:-1}}.drawer-hamburger{z-index:1000}@media screen and ( max-width: 767px ){.drawer-nav{display:initial;width:80vw}}.drawer--right.drawer-open .drawer-hamburger{right:0}.drawer--right .drawer-nav{right:-100%}.drawer-toggle.drawer-hamburger{display:none}@media screen and ( max-width: 767px ){.drawer-toggle.drawer-hamburger{display:initial;z-index:12100;height:auto;margin-right:20px}}.drawer-open .drawer-hamburger-icon:after,.drawer-open .drawer-hamburger-icon:before{background:#3e3e3e}.header-left{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#000;font-size:3rem;font-weight:400;font-family:"Yellowtail",cursive}.header-left p{font-size:2.5rem}@media screen and ( max-width: 767px ){.header-left{display:initial;position:relative;z-index:9996;top:0;left:0;font-size:2.3rem;font-weight:700}}@media screen and ( max-width: 767px ){.header-nav li{display:none}}.toggle{display:none}@media screen and ( max-width: 767px ){.toggle{display:initial;background-color:#fff;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;height:68px;z-index:11000;position:fixed}}.header{height:100%;width:200px;position:fixed;z-index:9999;background:#fff;white-space:nowrap;max-width:100%}@media screen and ( max-width: 767px ){.header{width:100%;height:auto}}.header-inner{height:inherit;z-index:3;padding-top:20px;margin:0 3%}@media screen and ( max-width: 767px ){.header-inner{height:68px;padding:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}}.header-right{margin-top:100px;height:100vh;max-height:960px}.header-right ul{width:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:auto;z-index:2;top:0}@media screen and ( max-width: 767px ){.header-right{position:fixed;z-index:9991;width:100%;display:none}}.header-right li{width:100%;font-size:1rem;line-height:150px;font-weight:400;text-align:center;color:#fff;height:100px;margin-bottom:50px;color:#000}.header-right li a{letter-spacing:.2em;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:100%;height:inherit;position:relative}.top{margin:auto;position:relative;width:100%;height:100vh;margin-right:0}#video-area{height:inherit;position:relative}.top{height:100vh;position:relative;background-size:cover;width:100%;-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:10}.top video{position:absolute;top:0;height:inherit;width:100%;-o-object-fit:cover;object-fit:cover;right:0}.top::after{content:"";display:block;position:absolute;top:0;right:0;width:100%;height:inherit;background-color:rgba(0,0,0,.5);background-size:4px 4px;background-position:0 0,2px 2px}.top p{position:relative;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;z-index:1005;color:#fff;font-size:3rem;top:calc(50% - 106px);left:calc(50% - 386px);text-shadow:2px 3px 4px gray}@media screen and ( max-width: 767px ){.top p{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;left:calc(50% - 109px);padding-top:20px;top:calc(50% - 50px);font-size:2rem}}h1{position:relative;color:#fff;width:70vw;top:0;left:200px;font-size:4rem;z-index:1004;font-weight:700;-webkit-animation-delay:2s;animation-delay:2s;-webkit-animation-duration:4s;animation-duration:4s;font-family:"Kaisei Decol",serif;padding-top:100px;max-width:900px}h1 span{display:inline-block;text-align:right;width:100%;padding-right:20%}@media screen and ( max-width: 767px ){h1 span{padding:0}}@media screen and ( max-width: 767px ){h1{font-size:3rem;top:calc(50% - 50px);left:0;font-size:2.8rem;width:100%}}.start{background:#000;position:fixed;top:0;left:0;right:0;height:100%;width:100%;z-index:11000}.start p{position:fixed;left:calc(50% - 452px);top:calc(50% - 138px);display:none;z-index:9999;font-size:15rem;font-family:"Yellowtail",cursive;color:#fff}@media screen and ( max-width: 767px ){.start p{left:calc(50% - 140px)}}.start p img{width:300%}@media screen and ( max-width: 767px ){.start p img{width:100%}}#splash{position:fixed;width:100%;height:100%;background:#000;z-index:9999999;text-align:center;color:#fff}#splash-logo{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);font-size:12rem;font-family:"Yellowtail",cursive;width:100%;font-weight:300}@media screen and ( max-width: 767px ){#splash-logo{font-size:5rem}}.splashbg{display:none}body.appear .splashbg{display:block;content:"";position:fixed;z-index:999;width:100%;height:100vh;top:0;left:0;-webkit-transform:scaleX(0);transform:scaleX(0);background-color:#fff;-webkit-animation-name:PageAnime;animation-name:PageAnime;-webkit-animation-duration:1.2s;animation-duration:1.2s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}@-webkit-keyframes PageAnime{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}50.001%{-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}@keyframes PageAnime{0%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(0);transform:scaleX(0)}50%{-webkit-transform-origin:left;transform-origin:left;-webkit-transform:scaleX(1);transform:scaleX(1)}50.001%{-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform-origin:right;transform-origin:right;-webkit-transform:scaleX(0);transform:scaleX(0)}}body.appear #container{-webkit-animation-name:PageAnimeAppear;animation-name:PageAnimeAppear;-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-delay:0s;animation-delay:0s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@-webkit-keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}#container{opacity:0}body.appear #container{-webkit-animation-name:PageAnimeAppear;animation-name:PageAnimeAppear;-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-delay:.8s;animation-delay:.8s;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}.inner{padding:0 auto;padding-top:70px;margin:0 auto;margin-left:200px}@media screen and ( max-width: 767px ){.inner{width:95%;margin:0 auto;padding-top:90px}}.inner h2{text-align:center;font-size:5rem;font-weight:500}@media screen and ( max-width: 767px ){.inner h2{font-size:3.4rem}}.btn,a.btn,button.btn{line-height:1.5;position:relative;display:inline-block;padding:1rem 4rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:all .3s;transition:all .3s;text-align:center;vertical-align:middle;text-decoration:none;letter-spacing:.1em;color:#212529;border-radius:.5rem}a.btn-3d-flip{display:block;width:200px;margin:0 auto;padding:0;-webkit-perspective:600px;perspective:600px}a.btn-3d-flip:hover .btn-3d-flip-box{-webkit-transform:translateY(-50%) rotateX(90deg);transform:translateY(-50%) rotateX(90deg)}a.btn-3d-flip.btn-3d-flip2:hover .btn-3d-flip-box2{-webkit-transform:translateX(-50%) rotateY(-90deg);transform:translateX(-50%) rotateY(-90deg)}.btn-3d-flip-box{position:relative;display:block;width:100%;height:100%;margin:auto;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:rotateX(0);transform:rotateX(0);text-decoration:none;text-transform:uppercase;color:#fff;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.btn-3d-flip-box2{position:relative;display:block;width:100%;height:100%;margin:auto;-webkit-transition:all .4s;transition:all .4s;-webkit-transform:rotateY(0);transform:rotateY(0);text-decoration:none;text-transform:uppercase;color:#fff;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.btn-3d-flip-box-face{display:block;position:relative;width:100%;padding:1.5rem 0;-webkit-transition:all .4s;transition:all .4s;color:#fff;-webkit-backface-visibility:hidden;backface-visibility:hidden}.btn-3d-flip-box-face--front{background:#eb6100}.btn-3d-flip-box-face--back{position:absolute;top:100%;left:0;-webkit-transform:translateY(-1px) rotateX(-90deg);transform:translateY(-1px) rotateX(-90deg);-webkit-transform-origin:50% 0;transform-origin:50% 0;background:#dc5b00}.btn-3d-flip-box-face--front2{color:#000;border:1px solid #000;background:#fff}.btn-3d-flip-box-face--back2{position:absolute;top:0;left:100%;-webkit-transform:translateX(-1px) rotateY(90deg);transform:translateX(-1px) rotateY(90deg);-webkit-transform-origin:0 0;transform-origin:0 0;color:#fff;border:2px solid #000;background:#000}.fa-position-right{position:absolute;top:calc(50% - .5em);right:1rem}.company{background-color:#fff;color:#000;text-align:center;position:relative;z-index:-4}.company h3{font-size:2rem;padding-top:140px;padding-bottom:50px}@media screen and ( max-width: 767px ){.company h3{padding-top:3rem}}.company h3 span{font-size:2.5rem}@media screen and ( max-width: 767px ){.company h3 span{font-size:2.2rem}}.company p{line-height:30px}@media screen and ( max-width: 767px ){.company p{font-size:16px}}@media screen and ( max-width: 767px ){.company-wrapper{padding-bottom:8rem}}.loop02{margin-top:50px;padding-top:30px;padding-bottom:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;bottom:5%;width:100%;left:0}.loop02 img{max-height:200px}.service h3{font-size:2rem;padding-top:60px;margin-bottom:30px;line-height:1.6;font-weight:600;border-bottom:2px solid #000}@media screen and ( max-width: 767px ){.service h3{font-size:24px;padding:0}}.service p{font-size:1rem}.service p:first-of-type{margin-bottom:30px}.service .inner{padding-bottom:6rem}p{font-size:1.2rem;margin:0 7%}.service-wrapper{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;padding:20px 30px 50px;position:relative;max-width:900px;margin:0 auto;background-color:#fff;border-radius:12px;gap:2rem;z-index:-1;width:95%}@media screen and ( max-width: 767px ){.service-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding:30px 5% 50px}}.service-right{z-index:20;width:218px;right:20px}@media screen and ( max-width: 767px ){.service-right{width:90%;margin:0 auto}}.service-right img{width:100%;border-radius:12px;-o-object-fit:cover;object-fit:cover;max-height:427px}.service-left{-webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;color:#000;margin-right:auto;position:relative;top:0;z-index:19;overflow:hidden}.service-left p{margin:0}.service-left span{display:inline-block}.particles-js{position:absolute;z-index:-1;width:100%;height:100%;top:0;left:0;background-color:#fff}.wrapper{position:relative;z-index:1;width:100%;height:100%}.about{color:#000;background-color:#fff;text-align:center}@media screen and ( max-width: 767px ){.about{padding-bottom:6rem}}.about h3{font-size:2rem;padding:100px}@media screen and ( max-width: 767px ){.about h3{padding:50px 0 30px}}.about-wrapper{text-align:left;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;line-height:50px;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.about-left{width:20%;text-align:center}.mb-60px{margin-bottom:6rem}@media screen and ( max-width: 767px ){.mb-60px{margin-bottom:4rem}}.service-wrapper+.service-wrapper{margin-top:2rem}#mail_form{color:#000}.service-wrapper__reverse{-webkit-box-orient:horizontal;-webkit-box-direction:reverse;-webkit-flex-direction:row-reverse;-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media screen and ( max-width: 767px ){.service-wrapper__reverse{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}}.about-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;max-width:450px;margin:0 auto;width:90%}.about-list dt{width:21%}@media screen and ( max-width: 767px ){.about-list dt{width:25%}}.about-list dd{width:79%}@media screen and ( max-width: 767px ){.about-list dd{width:75%}}/*# sourceMappingURL=style.css.map */