*,*::before,*::after{box-sizing:border-box}body,h1,h2 h3,h4,h5,p,figure,blockquote,ul,ol,li,dl,dd{margin:0;padding:0}ul[role=list],ol[role=list]{list-style:none}li{list-style-type:none}body{min-height:100vh;line-height:1.5}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit}@media(prefers-reduced-motion: reduce){html:focus-within{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms !important;animation-iteration-count:1 !important;transition-duration:.01ms !important;scroll-behavior:auto !important}}.header{height:10%;width:100%;position:fixed;top:0;left:0;display:flex;justify-content:space-between;align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 20px;z-index:100}@media screen and (min-width: 1024px){.header{height:8%}}.header__ttl{width:120px}@media screen and (min-width: 1024px){.header__ttl{display:none}}.btn{position:relative;display:flex;justify-content:center;align-items:center;width:48px;height:48px;cursor:pointer;z-index:1}@media screen and (min-width: 1024px){.btn{display:none}}.btn__top,.btn__middle,.btn__bottom{position:absolute;display:block;width:65%;height:2px;transition:.3s}.btn__top{transform:translateY(-10px);background:#555}.btn__middle{background:#555}.btn__bottom{transform:translateY(10px);background:#555}.gnav{position:absolute;top:0;right:0;display:flex;justify-content:center;align-items:center;width:75%;height:100vh;background:rgba(34,34,34,.9607843137);transform:translateX(100%);transition:.4s;font-family:"din-2014",sans-serif}@media screen and (min-width: 1024px){.gnav{font-weight:900}}@media screen and (min-width: 1024px){.gnav{position:unset;display:flex;justify-content:center;width:100%;height:0;background-color:none;transform:none}}@media screen and (min-width: 1024px){.gnav__nav{display:flex;align-items:center}}.gnav__logo{display:none}@media screen and (min-width: 1024px){.gnav__logo{display:contents}}.gnav__logoimg{display:block;padding:0 50px}.gnav__list{display:block;padding:20px 20px;transition:.4s}@media screen and (min-width: 1024px){.gnav__list{padding:0 50px}}.gnav__list:nth-of-type(3){display:none}@media screen and (min-width: 1024px){.gnav__list:nth-of-type(3){display:contents}}.gnav__link{color:#fff;text-decoration:none}@media screen and (min-width: 1024px){.gnav__link{color:#333}}.gnav__link:hover{color:#999;border-bottom:2px solid #333}.gnav__pic{margin-top:50px;margin-left:20px}.gnav__img{display:block;width:75%}@media screen and (min-width: 1024px){.gnav__img{display:none}}.gnav__txt::before{content:"";display:block;height:1px;width:100%;background:#fff;margin-bottom:10px}@media screen and (min-width: 1024px){.gnav__txt::before{display:none}}.gnav__txt{padding:20px;color:#fff}@media screen and (min-width: 1024px){.gnav__txt{display:none}}.footer{position:relative;padding:80px 5vw 50px;background:#333;color:#fff;border-radius:20px 20px 0 0;margin-top:-10%;font-size:14px}@media screen and (min-width: 1024px){.footer__box{padding:80px 6vw 20px;display:flex;justify-content:space-between}}.footer__pic{width:165px;margin-bottom:10px}.footer__txt::before{content:"";display:block;width:50%;height:1px;background:#fff}.footer__txtbox{margin-bottom:10%}@media screen and (min-width: 1024px){.footer__txtbox{width:100%;margin-bottom:0}}.footer__img{display:block;width:100%;height:100%}.footer__ttl{margin-bottom:10px}.footer__txt{letter-spacing:.05em;line-height:2}@media screen and (min-width: 1024px){.footer__btnwrap{width:80%}}.footer__btn{position:relative;border-radius:24px;font-size:14px;border:2px solid #fff;margin-bottom:10px;letter-spacing:.1em}.footer__link{display:block;padding:30px 5%;font-size:24px;color:#fff;text-decoration:none;font-family:"din-2014",sans-serif;font-weight:600}.footer .footer__btn a::after{content:"";position:absolute;top:0;bottom:0;right:27px;width:9px;height:9px;margin:auto;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(45deg);box-sizing:border-box}.footer__sm{font-size:14px;margin-left:5px;font-weight:400}.footer__txtsm{font-size:12px;color:#fff;margin-left:5px;font-weight:200}.footer__small{margin-left:10px;font-size:14px;font-weight:400;color:#fff;text-decoration:none;letter-spacing:.05em}.footer__copy{background:#333;color:#fff;display:flex;justify-content:flex-start}@media screen and (min-width: 1024px){.footer__copy{padding:0 6.5%}}.footer__topbtn{display:flex;padding:10px 0;justify-content:flex-end}.footer__top::before{content:"";position:absolute;top:0;bottom:-605px;right:55px;width:9px;height:9px;margin:auto;border-top:2px solid #fff;border-right:2px solid #fff;transform:rotate(-45deg);box-sizing:border-box}@media screen and (min-width: 1024px){.footer__top::before{bottom:-64%;right:6.6%;width:9px;height:9px}}.footer__top{display:block;padding:30px 20px 15px;border-radius:10px;border:1px solid #fff;color:#fff;text-decoration:none;transition:.5s}.footer__top:hover{background:hsla(0,0%,100%,.3764705882)}#top{font-family:"Noto Sans JP",sans-serif}#top .mv{position:relative;display:flex;justify-content:center}#top .mv__pc{display:none;width:76vw;margin-top:5%}#top .mv__sp{display:block;padding-top:15%;width:100%}@media screen and (min-width: 1024px){#top .mv__pc{display:block}#top .mv__sp{display:none}}#top .mv__logo{position:absolute;top:94%;width:100%;display:flex;justify-content:center;mix-blend-mode:hard-light;pointer-events:none}@media screen and (min-width: 1024px){#top .mv__logo{top:80%}}#top .mv__img{display:block;width:95%;height:auto;pointer-events:none}@media screen and (min-width: 1024px){#top .mv__img{width:84%}}#top .bn{margin-bottom:20%}#top .sec1{padding-top:20%}#top .sec1__box{display:flex;justify-content:center;flex-wrap:wrap;width:100%;margin:0 auto}#top .sec1__ttlbox{padding-bottom:5%;text-align:center}#top .sec1__ttl{font-size:24px;font-weight:900;font-family:"din-2014",sans-serif;letter-spacing:1.5px;margin:0}@media screen and (min-width: 1024px){#top .sec1__ttl{font-size:36px;font-weight:600}}#top .sec1__subttl{font-size:10px;color:#999;letter-spacing:1.5px}#top .sec1__container{border:.5px solid #eee;padding:5%;width:50%}@media screen and (min-width: 1024px){#top .sec1__container{padding:5%;border:.5px solid #eee;width:25%}}#top .sec1__btn{box-shadow:2px 4px 12px rgba(0,0,0,.14);border-radius:10%;width:64%;margin:0 auto}@media screen and (min-width: 1024px){#top .sec1__btn{position:relative;width:200px;height:200px;margin:0 auto;display:block;overflow:hidden;cursor:pointer;transition:.4s ease-in-out;transition-delay:.4s}#top .sec1__btn:hover{box-shadow:none;transition:none}}@media screen and (min-width: 1024px){#top .sec1__btn .sec1__img{position:absolute;top:50%;left:50%;display:block;width:100%;transform:translate(-50%, -50%);transition:.4s ease-in-out;z-index:1;opacity:1}}#top .sec1__btn .sec1__img:nth-of-type(2){display:none}@media screen and (min-width: 1024px){#top .sec1__btn .sec1__img:nth-of-type(2){display:block;z-index:2;opacity:0}}@media screen and (min-width: 1024px){#top .sec1__btn:hover .sec1__img:nth-of-type(1){opacity:0;transform:translate(-50%, -50%) scale(0.8)}}@media screen and (min-width: 1024px){#top .sec1__btn:hover .sec1__img:nth-of-type(2){opacity:1}}#top__img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;display:block;transition:.4s ease-in-out}.sec2__wrap{background:#f5f5f5}@media screen and (min-width: 1024px){.sec2__wrap{position:sticky;align-content:center;top:0;background-size:contain;background-position:right;background-repeat:no-repeat}}.sec2__wrap--gu-gu{background-image:url("../images/sec2_bg01.webp")}.sec2__wrap--ai-store{background-image:url("../images/sec2_bg02.webp");background-color:#fafafa}.sec2__wrap--ap{background-image:url("../images/sec2_bg03.webp")}.sec2__box{padding:40px 20px}@media screen and (min-width: 1024px){.sec2__box{height:100vh;display:flex;flex-direction:column;justify-content:center;padding:0 200px}}.sec2__ttlbox{padding:40px 0}.sec2__ttl::before{content:"";display:block;height:20px;width:2px;background:#000;margin-right:8px}.sec2__ttl{display:flex;align-items:center;font-size:18px;font-weight:600;margin-bottom:10px}@media screen and (min-width: 1024px){.sec2__ttl{font-size:24px;font-weight:600}}.sec2__small{font-size:12px}@media screen and (min-width: 1024px){.sec2__pic{position:absolute;right:0%;width:50%;padding-right:10%}}.sec2__img{display:block;height:auto;margin-bottom:40px}@media screen and (min-width: 1024px){.sec2__img{margin-bottom:0}}.sec2__txt{font-size:14px;letter-spacing:.05em;line-height:1.5;margin-bottom:50px}@media screen and (min-width: 1024px){.sec2__txt{width:50%}}.sec2__link{position:relative;display:block;width:80%;padding:20px 5%;margin:0 auto;font-size:18px;border:1px solid #ccc;color:#333;text-decoration:none;font-family:"din-2014",sans-serif;font-weight:600;border-radius:10px;text-align:center;transition:.5s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (min-width: 1024px){.sec2__link{width:16%;margin:0;padding:18px 5%}}.sec2__link::after{content:"";position:absolute;top:0;bottom:0;right:27px;width:9px;height:9px;margin:auto;border-top:2px solid #333;border-right:2px solid #333;transform:rotate(45deg);box-sizing:border-box}.sec2__link:hover{background:#fff;border:1px solid #f5f5f5}.sec3{display:flex;flex-direction:column;align-items:center;padding:10% 5% 12%}.sec3__ttlbox{padding-bottom:10%;text-align:center}@media screen and (min-width: 1024px){.sec3__ttlbox{padding:0;margin-bottom:5%}}.sec3__ttl{font-size:24px;font-weight:900;font-family:"din-2014",sans-serif;letter-spacing:1.5px;margin:0}@media screen and (min-width: 1024px){.sec3__ttl{font-size:36px;font-weight:600}}.sec3__container{display:flex;flex-direction:column}@media screen and (min-width: 1024px){.sec3__container{flex-wrap:wrap;flex-direction:row;width:85%;gap:.5%}}.sec3__subttl{font-size:10px;color:#999;letter-spacing:1.5px}.sec3__box{display:flex;box-shadow:2px 4px 12px rgba(0,0,0,.14);background:#fff;padding:5%;border-radius:10px;margin-bottom:10px;align-items:flex-start}@media screen and (min-width: 1024px){.sec3__box{position:relative;flex-direction:column;flex-wrap:wrap;padding:4.4% 0;width:24%;align-items:center;justify-content:center;transition:.5s ease}.sec3__box:hover .sec3__txtbox{opacity:1}}.sec3__boxttl{display:none}@media screen and (min-width: 1024px){.sec3__boxttl{display:block;font-size:24px;font-weight:600;font-family:"din-2014",sans-serif}}.sec3__txtbox{position:relative;margin-left:20px}@media screen and (min-width: 1024px){.sec3__txtbox{margin:0;width:80%;position:absolute;display:flex;flex-direction:column-reverse;justify-content:center;background:hsla(0,0%,100%,.8117647059);width:100%;height:100%;opacity:0;transition:.5s}}.sec3__iconttl{font-size:18px;font-weight:600;margin-bottom:10px}@media screen and (min-width: 1024px){.sec3__iconttl{display:none}}.sec3__txt{font-size:14px;letter-spacing:.05em;line-height:1.5}@media screen and (min-width: 1024px){.sec3__txt{padding:30px}}.sec3__pic{width:100%;height:auto;max-width:50px}@media screen and (min-width: 1024px){.sec3__pic{width:50%;height:auto;max-width:168px}}.sec3__img{display:block;width:100%;height:100%}@media screen and (min-width: 1024px){.sec3__img{margin-bottom:15px}}.sec4{position:relative;display:flex;justify-content:center;padding:10% 5% 20%}@media screen and (min-width: 1024px){.sec4{padding:10% 10% 10%}}.sec4::before{position:absolute;top:0;z-index:-1;content:"";display:block;width:100%;height:500px;background:#000;background-image:url(../images/w01_sv.webp);background-size:cover}@media screen and (min-width: 1024px){.sec4::before::before{height:250px}}.sec4__wrap{width:100%;background:hsla(0,0%,100%,.8);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:10px;padding:10%;box-shadow:2px 4px 12px rgba(0,0,0,.14)}@media screen and (min-width: 1024px){.sec4__wrap{padding:5% 0;width:75%;margin:0 auto}}.sec4__ttlbox{text-align:center;margin-bottom:10%}@media screen and (min-width: 1024px){.sec4__ttlbox{margin-bottom:2%}}.sec4__ttl{font-size:24px;font-weight:900;font-family:"din-2014",sans-serif;letter-spacing:1.5px;margin:0}@media screen and (min-width: 1024px){.sec4__ttl{font-size:36px;font-weight:600}}.sec4__subttl{font-size:10px;color:#999;letter-spacing:1.5px}@media screen and (min-width: 1024px){.sec4__container{display:flex;flex-direction:row-reverse;align-items:center;padding:0px 10%;gap:5%}}.sec4__pic{width:100%;margin:0 auto;margin-bottom:40px}@media screen and (min-width: 1024px){.sec4__pic{width:75%}}.sec4__img{display:block;border-radius:20px;width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.sec4__txtbox{margin:0 auto}@media screen and (min-width: 1024px){.sec4__txtbox{padding:0}}.sec4__txtttl{font-size:18px;font-weight:600;margin-bottom:10px}@media screen and (min-width: 1024px){.sec4__txtttl{margin-bottom:5%}}.sec4__txt{font-size:14px;letter-spacing:.05em;line-height:1.5}.sec5{padding:10% 5% 25%;background:#eee}@media screen and (min-width: 1024px){.sec5{padding:10% 10% 20%}}.sec5__ttlbox{padding-bottom:5%;text-align:center}.sec5__ttl{font-size:24px;font-weight:900;font-family:"din-2014",sans-serif;letter-spacing:1.5px;margin:0}@media screen and (min-width: 1024px){.sec5__ttl{font-size:36px;font-weight:600}}.sec5__subttl{font-size:10px;color:#999;letter-spacing:1.5px}.sec5 .form__container{background:#fff;border-radius:10px;padding:10% 10%}.sec5 .form__labelbox{gap:20px}@media screen and (min-width: 1024px){.sec5 .form__labelbox{display:flex;justify-content:space-between}}.sec5 .form__label{font-size:14px;letter-spacing:.1em}.sec5 .form__box{display:flex;flex-direction:column;gap:10px;margin-bottom:10%}@media screen and (min-width: 1024px){.sec5 .form__box{margin-bottom:2%;width:100%}}.sec5 .form__input{width:100%;height:60px;background:#fafafa;border-radius:10px;border:none;margin:0 auto;padding:0 20px}.sec5 .form__message{width:100%;height:300px;background:#fafafa;border-radius:10px;border:none;margin:0 auto;padding:20px 20px}@media screen and (min-width: 1024px){.sec5 .form__message{margin-bottom:50px}}.sec5 .form__btn{position:relative;display:flex;align-items:center;justify-content:center;margin:0 auto}@media screen and (min-width: 1024px){.sec5 .form__btn{width:320px}}.sec5 .form__submit{background:#fff;color:#333;width:100%;height:60px;text-decoration:none;font-size:14px;letter-spacing:.1em;border:none;cursor:pointer;border-radius:50px;border:1px solid #f5f5f5;transition:.5s}.sec5 .form__submit:hover{background:#eee}.sec5 .form__arrow{position:absolute;font-weight:900;right:8%;color:#333}#works{font-family:"Noto Sans JP",sans-serif}#works .mv{position:relative;display:flex;justify-content:center;height:25vh;width:100%;margin-top:20%;margin-bottom:10%;background-image:url("../images/w01_sv.webp");background-size:cover;background-position:center center}@media screen and (min-width: 1024px){#works .mv{display:block;height:25vh;width:100%;margin:4% auto 5%}}#works .mv__logo{position:absolute;top:85%;width:100%;display:flex;justify-content:center;mix-blend-mode:hard-light;pointer-events:none}@media screen and (min-width: 1024px){#works .mv__logo{top:50%}}#works .mv__img{display:block;width:95%;height:auto;pointer-events:none}@media screen and (min-width: 1024px){#works .mv__img{width:84%}}#works .work1{padding:10% 5% 20%}@media screen and (min-width: 1024px){#works .work1{padding:10% 10% 10%}}#works .work1__container{display:flex;flex-direction:column}@media screen and (min-width: 1024px){#works .work1__container{flex-direction:row}}#works .work1__ttl{text-align:center;margin-bottom:10%}#works .work1__pic{margin-bottom:5%;margin-right:5%}@media screen and (min-width: 1024px){#works .work1__pic{margin-bottom:5%}}#works .work1__img{display:block;width:100%}#works .work1__txtbox{display:flex;flex-direction:column;gap:30px;width:100%;margin-bottom:15%;line-height:1.5rem;letter-spacing:.01em}@media screen and (min-width: 1024px){#works .work1__txtbox{width:50%;margin-bottom:1%}}#works .work1__txtttl{display:flex;align-items:center;font-size:18px;font-weight:600;margin-bottom:1%}#works .work1__txtttl::before{content:"";display:block;height:20px;width:2px;background:#000;margin-right:8px}#works .work2{background:#fafafa;display:flex;flex-direction:column;align-items:center;padding:20% 5% 30%}@media screen and (min-width: 1024px){#works .work2{padding:10% 5% 20%}}#works .work2__ttl2{font-size:30px;text-align:center;margin:0}#works .work2__ttl3{margin-bottom:50px}#works .work2__box{display:flex;flex-direction:column;align-items:center}@media screen and (min-width: 1024px){#works .work2__box{align-items:flex-start;flex-direction:row;gap:20px;width:75%}}#works .work2__pic{margin-bottom:20%}@media screen and (min-width: 1024px){#works .work2__pic{margin-bottom:5%}}#works .page__btnbox{display:flex;justify-content:space-between;width:100%;padding:0px 5%}@media screen and (min-width: 1024px){#works .page__btnbox{padding:0px 5%}}#works .page__btn{width:165px}#works .page__link{display:block;border-radius:50px;padding:10% 0 13% 0;text-align:center;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#333;border:1px solid #999;transition:.5s}#works .page__link:hover{color:#333;background:#fff;border:none}#works .fa-angle-left:before{position:relative;right:40px}#works .fa-angle-right:before{position:relative;left:40px}#thanks .thanks{padding:200px 20px 120px}@media screen and (min-width: 1024px){#thanks .thanks{padding:200px 20px 200px}}#thanks .thanks__ttl{text-align:center}#thanks .thanks__btn{border:1px solid #999;width:165px;border-radius:50px;margin:50px auto;background:#fafafa}#thanks .thanks__txt{text-align:center;display:block;text-decoration:none;padding:20px;color:#333}#thanks .thanks__txt:hover{background:#fff;color:#333;border-radius:50px}.rotateTop{transform:rotate(45deg)}.hideMiddle{transform:translateX(100%);opacity:0;pointer-events:none}.rotateBottom{transform:rotate(-45deg)}.translateNav{transform:translateX(0)}/*# sourceMappingURL=style.css.map */