@charset "UTF-8";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,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,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}table{border-collapse:collapse;border-spacing:0}input[type=submit]{-webkit-appearance:none;border-radius:0}html{height:100%;font-size:62.5%}body{overflow-x:hidden;height:100%;-webkit-text-size-adjust:100%;font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-size:1.35rem;line-height:1.5;margin:0}body *{-webkit-box-sizing:border-box;box-sizing:border-box}a{text-decoration:none;color:inherit}img{max-width:100%;height:auto;vertical-align:bottom}.br{display:none}@media screen and (max-width:568px){.br{display:inline-block}}.logo{padding:5.0rem 0 3.0rem 6.0rem;background-color:#ffffff}.logo img{width:35%}@media screen and (max-width:1024px){.logo img{width:50%}}@media screen and (max-width:414px){.logo img{width:70%}}@media screen and (max-width:1024px){.logo{padding:5.0rem 0 3.0rem 3.0rem}}@media screen and (max-width:414px){.logo{padding:3.0rem 0 2.0rem 1.3rem}}.mv{background-image:url(../images/bg.jpg);height:90vh;width:100%;background-position:center;background-size:cover;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative}.mv__title{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}h1{font-family:'Alegreya Sans SC', sans-serif;font-weight:500;letter-spacing:1.1rem;line-height:7.6rem;font-size:2.3rem;text-align:center}@media screen and (max-width:1024px){h1{font-size:3.0rem}}@media screen and (max-width:414px){h1{font-size:2.0rem;line-height:6.0rem}}.sec{max-width:980px;margin:0 auto;padding:5.0rem 0 10rem;font-size:1.4rem;line-height:3.0rem}@media screen and (max-width:320px){.sec{font-size:1.2rem}}.title-box{width:70rem;height:auto;background-color:#000000;color:#ffffff;text-align:center;padding:4.0rem 0}@media screen and (max-width:768px){.title-box{width:50rem}}@media screen and (max-width:414px){.title-box{width:30rem}}@media screen and (max-width:320px){.title-box{width:24rem;padding:2.0rem 0}}.title-box__title{font-size:3.0rem;letter-spacing:1.1rem}@media screen and (max-width:414px){.title-box__title{font-size:2.0rem;padding-left:2.0rem}}@media screen and (max-width:414px) and (max-width:414px){.title-box__title{font-size:1.6rem}}.title-box__subtitle{font-size:1.6rem;letter-spacing:0.6rem}@media screen and (max-width:414px){.title-box__subtitle{font-size:1.0rem}}.title-box--1{background-image:url(../images/news.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;left:0;bottom:-70px;-webkit-animation-name:fade-in2;animation-name:fade-in2;-webkit-animation-duration:2s;animation-duration:2s;-webkit-animation-timing-function:ease-out;animation-timing-function:ease-out;-webkit-animation-delay:1s;animation-delay:1s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards}.title-box--2{background-image:url(../images/service.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;bottom:-4.0rem}.title-box--3{background-image:url(../images/company.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;bottom:-4.0rem}.title-box--4{background-image:url(../images/contact.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;bottom:-4.0rem}.title-box--5{background-image:url(../images/policy.png);background-position:center;background-repeat:no-repeat;background-size:contain;position:absolute;right:0;bottom:-4.0rem}.button{border:solid 1px #000000;text-align:center;width:60%;margin:0 auto;position:relative}.button__first{margin-bottom:2.0rem}.button:hover{-webkit-transition:all .8s;transition:all .8s;background-color:#000000;color:#ffffff;-webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.25);box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.25)}.button:hover:after{-webkit-transition:all .8s;transition:all .8s;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff}.button:focus{outline:0}@media screen and (max-width:568px){.button{width:80%}}.button:after{content:"";display:inline-block;width:100px;height:3px;border-bottom:1px solid #000000;border-right:1px solid #000000;-webkit-transform:skew(45deg);transform:skew(45deg);position:absolute;right:4rem;top:50%}@media screen and (max-width:568px){.button:after{width:30px}}.button a{display:inline-block;width:100%;padding:2.0rem}@media screen and (max-width:568px){.button a{padding:2.0rem 1.0rem}}footer{margin-top:3.0rem}.footer__nav{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;color:#ffffff;background-color:#000000}.footer__nav p{margin:1.0rem 2.0rem}.topics{margin-top:100px}@media screen and (max-width:414px){.topics{margin-top:50px}}.topics__list{border-bottom:solid 1px #333333;display:-webkit-box;display:-ms-flexbox;display:flex;padding:4.0rem 0 2.0rem;margin:0 auto;width:80%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:414px){.topics__list{width:90%}}.topics__item{width:20%;text-align:center;letter-spacing:0.5rem;margin-left:2.0rem}@media screen and (max-width:414px){.topics__item{margin-left:0.5rem}}.topics__data{font-size:4.2rem;font-family:'Quicksand',"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;font-weight:300;text-align:center}@media screen and (max-width:414px){.topics__data{font-size:2.5rem}}.topics__month{font-size:1.7rem}@media screen and (max-width:414px){.topics__month{font-size:1.2rem;font-size:1.2rem;letter-spacing:0.1rem}}.topics__img{width:20%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:414px){.topics__img{max-width:20%}}.topics__img img{width:20%}@media screen and (max-width:414px){.topics__img img{width:30%}}.topics__lead{width:60%;font-size:2.0rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;display:inline-block}@media screen and (max-width:768px){.topics__lead{max-width:45%}}@media screen and (max-width:414px){.topics__lead{max-width:65%}}@media screen and (max-width:414px){.topics__lead .main{font-size:1.6rem}}.topics__lead .sub{font-size:1.6rem;display:inline-block}@media screen and (max-width:414px){.topics__lead .sub{font-size:1.3rem}}.service__mv{background-image:url(../images/service-bg.jpg);background-position:center;background-size:cover;width:100%;height:400px;margin-bottom:3.0rem;position:relative}@media screen and (max-width:414px){.service__mv{height:300px}}.contents{width:80%;margin:0 auto;margin-top:8.0rem;margin-bottom:12rem}@media screen and (max-width:414px){.contents{width:90%}}.contents__title{width:70%;height:auto;font-size:2.8rem;text-align:center;margin:0 auto;background-position:center;background-size:contain;background-repeat:no-repeat;padding:6rem;position:relative}@media screen and (max-width:768px){.contents__title{width:90%}}@media screen and (max-width:414px){.contents__title{font-size:2.0rem;padding:3.0rem 1.0rem}}.contents__title--1{background-image:url(../images/toolsupport.png)}.contents__title--2{background-image:url(../images/marketing%20support.png)}.contents__title--3{background-image:url(../images/project%20management.png)}.contents__number{width:140px;height:140px;border-top:solid 1px #333333;-webkit-transform:rotate(140deg);transform:rotate(140deg);position:absolute;padding-top:2.0rem;top:-8rem;left:-8rem}@media screen and (max-width:414px){.contents__number{width:120px;height:120px;top:-10rem;left:-5rem}}.contents__number p{-webkit-transform:rotate(-140deg);transform:rotate(-140deg);font-family:Century Gothic}.contents__lead{margin:0 auto}.contents__tool{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:distribute;justify-content:space-around;margin-top:4.0rem}.contents__img{width:20%;display:inline-block;margin:1.0rem}@media screen and (max-width:414px){.contents__img{width:27%;display:inline-block;margin:0.5rem}}.contents__contact{margin-top:3.0rem}.company__mv{background-image:url(../images/company-bg.jpg);background-position:center;background-size:cover;width:100%;height:400px;margin-bottom:3.0rem;position:relative}@media screen and (max-width:414px){.company__mv{height:300px}}.company__list{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:solid 1px #cecece;padding:2.5rem;width:80%;margin:0 auto}@media screen and (max-width:414px){.company__list{width:90%;padding:2.0rem}}.company__list:first-of-type{margin-top:80px}@media screen and (max-width:414px){.company__list:first-of-type{margin-top:50px}}.company__list-title{width:25%;margin-right:1.0rem}.company__list-copy{width:75%}.company__list-copy li a{text-decoration:underline}.contact__mv{background-image:url(../images/contact-bg.jpg);background-position:center;background-size:cover;width:100%;height:400px;margin-bottom:3.0rem;position:relative}@media screen and (max-width:414px){.contact__mv{height:300px}}.contact__form{display:-webkit-box;display:-ms-flexbox;display:flex;border-bottom:solid 1px #cecece;padding:3.2rem 2.5rem;width:80%;margin:0 auto;-webkit-box-align:center;-ms-flex-align:center;align-items:center}@media screen and (max-width:414px){.contact__form{padding:3.2rem 0rem;display:block}}.contact__form:first-child{margin-top:80px}@media screen and (max-width:414px){.contact__form:first-child{margin-top:50px}}.contact__label{width:30%}@media screen and (max-width:768px){.contact__label{width:40%}}@media screen and (max-width:414px){.contact__label{display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.contact__label--note{display:block;background-color:#000000;color:#ffffff;padding:0.2rem 2rem;font-size:1.0rem;text-align:center;width:34%;margin-top:0.8rem}@media screen and (max-width:414px){.contact__label--note{margin-top:0;margin-left:1.0rem;padding:0;width:20%}}.contact__label--long{width:60%}@media screen and (max-width:768px){.contact__label--long{width:70%}}@media screen and (max-width:414px){.contact__label--long{width:100%}}.contact__input{width:70%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:414px){.contact__input{width:100%}}.contact__element{width:100%;height:5rem;background-color:#f1f2f6;border:none}@media screen and (max-width:414px){.contact__element{margin-top:1.0rem}}.contact__element--tel{width:calc(100%/3);height:4rem;margin-right:1rem;background-color:#f1f2f6;border:none}.contact__element--big{height:10rem}.contact__note{margin:5.0rem auto 4.0rem;width:80%;font-size:1.2rem}.contact__mailmag{display:-webkit-box;display:-ms-flexbox;display:flex;margin-top:1.0rem}.contact__mailmag div{margin-left:1.0rem}@media screen and (max-width:414px){.contact__mailmag div{margin-left:0}}@media screen and (max-width:768px){.contact__mailmag{display:block}}input{font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}input::-webkit-input-placeholder{color:#bfbfbf;padding-left:1.0rem}input:-ms-input-placeholder{color:#bfbfbf;padding-left:1.0rem}input::-ms-input-placeholder{color:#bfbfbf;padding-left:1.0rem}input::placeholder{color:#bfbfbf;padding-left:1.0rem}textarea{font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}textarea::-webkit-input-placeholder{color:#bfbfbf;padding-left:1.0rem}textarea:-ms-input-placeholder{color:#bfbfbf;padding-left:1.0rem}textarea::-ms-input-placeholder{color:#bfbfbf;padding-left:1.0rem}textarea::placeholder{color:#bfbfbf;padding-left:1.0rem}.sent-button{width:100%;background-color:#ffffff;border:none;cursor:pointer;padding:2.0rem;font-size:1.6rem}.sent-button:hover{-webkit-transition:all .8s;transition:all .8s;background-color:#000000;color:#ffffff;-webkit-box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.25);box-shadow:0 3px 6px 0 rgba(0, 0, 0, 0.25)}.sent-button:hover:after{-webkit-transition:all .8s;transition:all .8s;border-bottom:1px solid #ffffff;border-right:1px solid #ffffff}.sent-button:focus{outline:0}.privacy__mv{background-image:url(../images/policy-bg.jpg);background-position:center;background-size:cover;width:100%;height:400px;margin-bottom:3.0rem;position:relative}@media screen and (max-width:414px){.privacy__mv{height:300px}}.privacy__copy{width:80%;margin:80px auto}@media screen and (max-width:414px){.privacy__copy{width:90%;margin:50px auto}}.privacy__regulation{margin-bottom:4.0rem}.privacy__list{padding-left:2.0rem}.privacy__list li{list-style-type:circle}.privacy__enactment{width:80%;margin:0 auto;text-align:right}@media screen and (max-width:414px){.privacy__enactment{margin-top:2.0rem;width:90%;margin:0 auto;text-align:center}}.privacy__enactment p:nth-child(3){margin-top:3.5rem}.labo__concept{background-color:#000000;color:#ffffff;padding-bottom:10rem}@media screen and (max-width:768px){.labo__concept{padding-bottom:5.0rem}}.labo h2{text-align:center;border-bottom:solid 1px #ffffff;padding:2rem 0;font-size:2.0rem;letter-spacing:0.6rem;margin-bottom:10rem}@media screen and (max-width:414px){.labo h2{margin-bottom:3rem}}.labo__theme{display:-webkit-box;display:-ms-flexbox;display:flex;max-width:700px;margin:0 auto;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}@media screen and (max-width:768px){.labo__theme{width:70%}}@media screen and (max-width:414px){.labo__theme{width:90%}}@media screen and (max-width:320px){.labo__theme{width:80%}}.labo__theme li{display:block;width:240px;margin-bottom:2.0rem;font-size:6.0rem;letter-spacing:1.0rem;text-align:center;font-family:"Tauri","游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif}@media screen and (max-width:414px){.labo__theme li{font-size:3.0rem;width:150px}}@media screen and (max-width:320px){.labo__theme li{font-size:2.0rem;width:120px}}.labo__copy{width:80%;margin:0 auto;margin-bottom:5.0rem}@media screen and (max-width:568px){.pc__display{display:none!important}}.sp__display{display:none}@media screen and (max-width:568px){.sp__display{display:block!important}}#nav-toggle{position:fixed;top:5.5rem;right:2rem;height:32px;cursor:pointer}@media screen and (max-width:414px){#nav-toggle{top:2.5rem;right:2rem}}#nav-toggle>div{position:relative;width:36px}#nav-toggle span{width:100%;height:1px;left:0;display:block;background:#a7a7a7;position:absolute;-webkit-transition:top .5s ease, -webkit-transform .6s ease-in-out;transition:top .5s ease, -webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out, top .5s ease;transition:transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out}#nav-toggle span:first-child{top:0}#nav-toggle span:nth-child(2){top:14px}#nav-toggle span:nth-child(3){top:28px}#nav-toggle:hover span:first-child{top:4px}#nav-toggle:hover span:nth-child(3){top:23px}.open #nav-toggle span{background:#fff}.open #nav-toggle span:first-child{top:15px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.open #nav-toggle span:nth-child(2){top:15px;width:0;left:50%}.open #nav-toggle span:nth-child(3){top:15px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#nav-toggle{z-index:1000}#container{z-index:900}#gloval-nav{background:#000;color:#fff;position:fixed;top:0;left:0;right:0;bottom:0;z-index:990;text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex;visibility:hidden;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:29px;opacity:0;-webkit-transition:opacity .6s ease, visibility .6s ease;transition:opacity .6s ease, visibility .6s ease}#gloval-nav a{display:block;color:#fff;letter-spacing:0.4rem;text-decoration:none;padding:2rem 0;-webkit-transition:color .6s ease;transition:color .6s ease}#gloval-nav a:hover{color:#666}#gloval-nav ul{list-style:none}@media screen and (max-width:414px){#gloval-nav ul{font-size:1.6rem}}#gloval-nav ul li{opacity:0;-webkit-transform:translateX(200px);transform:translateX(200px);-webkit-transition:opacity .2s ease, -webkit-transform .6s ease;transition:opacity .2s ease, -webkit-transform .6s ease;transition:transform .6s ease, opacity .2s ease;transition:transform .6s ease, opacity .2s ease, -webkit-transform .6s ease}#gloval-nav ul li:nth-child(2){-webkit-transition-delay:.15s;transition-delay:.15s}#gloval-nav ul li:nth-child(3){-webkit-transition-delay:.3s;transition-delay:.3s}#gloval-nav ul li:nth-child(4){-webkit-transition-delay:.45s;transition-delay:.45s}#gloval-nav ul li:nth-child(5){-webkit-transition-delay:.6s;transition-delay:.6s}#gloval-nav ul li:nth-child(6){-webkit-transition-delay:.75s;transition-delay:.75s}#gloval-nav ul li:nth-child(7){-webkit-transition-delay:.9s;transition-delay:.9s}#gloval-nav .jap{font-size:1.6rem}@media screen and (max-width:414px){#gloval-nav .jap{font-size:1.0rem}}.open{overflow:hidden}.open #gloval-nav{visibility:visible;opacity:1}.open #gloval-nav li{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:opacity .9s ease, -webkit-transform 1s ease;transition:opacity .9s ease, -webkit-transform 1s ease;transition:transform 1s ease, opacity .9s ease;transition:transform 1s ease, opacity .9s ease, -webkit-transform 1s ease}.shutter{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#1e1e1e;z-index:9999;-webkit-animation:byeShutter 1.4s forwards;animation:byeShutter 1.4s forwards}.shutter:before{content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;background-color:#fff;width:0;height:1px;-webkit-animation:shutterOpen 1.4s forwards;animation:shutterOpen 1.4s forwards}head{-webkit-animation:contentScale .4s forwards;animation:contentScale .4s forwards}@-webkit-keyframes byeShutter{60%{opacity:1}to{opacity:0;display:none;z-index:-1}}@keyframes byeShutter{60%{opacity:1}to{opacity:0;display:none;z-index:-1}}@-webkit-keyframes shutterOpen{0%{width:0;height:1px}50%{width:100%;height:1px}90%{width:100%;height:100%}to{width:100%;height:100%}}@keyframes shutterOpen{0%{width:0;height:1px}50%{width:100%;height:1px}90%{width:100%;height:100%}to{width:100%;height:100%}}70%{opacity:1}@-webkit-keyframes contentScale{70%{-webkit-transform:perspective(800px) scale(0.9) rotateX(15deg);transform:perspective(800px) scale(0.9) rotateX(15deg)}to{-webkit-transform:perspective(800px) scale(1) rotateX(0);transform:perspective(800px) scale(1) rotateX(0)}}@keyframes contentScale{70%{-webkit-transform:perspective(800px) scale(0.9) rotateX(15deg);transform:perspective(800px) scale(0.9) rotateX(15deg)}to{-webkit-transform:perspective(800px) scale(1) rotateX(0);transform:perspective(800px) scale(1) rotateX(0)}}.bg{-webkit-animation:slide 3s ease-in-out infinite alternate;animation:slide 3s ease-in-out infinite alternate;background-image:linear-gradient(-60deg, #efefef 50%, #ffffff 50%);bottom:0;left:-50%;opacity:.5;position:fixed;right:-50%;top:0%;z-index:-100}.bg2{animation-direction:alternate-reverse;-webkit-animation-duration:4s;animation-duration:4s}.bg3{-webkit-animation-duration:5s;animation-duration:5s}@-webkit-keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}@keyframes slide{0%{-webkit-transform:translateX(-25%);transform:translateX(-25%)}to{-webkit-transform:translateX(25%);transform:translateX(25%)}}
/*# sourceMappingURL=style.css.map */