.pageTit{
    position: absolute;
    top: 15%;
    bottom: 0;
    left:0;
    right: 0;
    text-align: left;
}
.pageTit2{
    position: absolute;
    top: 0;
    bottom: 33%;
    left:0;
    right: 0;
    text-align: left;
    display: flex;
    display: -webkit-flex;
    align-items:flex-end;
    padding-left:3%;
    box-sizing: border-box;
}
.mainTit{
  padding-left: 0;
}
.pageTit2 h1,.pageTit h1{
    font-size:6rem;
    color: #fff;
    font-family: Arial, Helvetica, sans-serif;
}
.ourservice{
    background-image: linear-gradient( to right, #cccccc, #fdfdfd, #cccccc);
}
.Preface{
  text-align: center;
  margin-bottom: 1rem;
  color: #727171;
  width: 100%;
  margin-top: 5rem;
}
.ourservice_sns{
  margin: 3.6rem 0;
  display: flex;
  display: -webkit-flex;
  text-align: center;
  font-size: 1.6rem;
  color: #b5b5b6;
}
.ourservice_sns ul:first-child{
  width:80%;
}
.ourservice_sns ul:last-child{
  width:100%;
}
.ourservice_business{
  display: flex;
  display: -webkit-flex;
  text-align: center;
  font-size: 1.8rem;
  color: #b5b5b6;
  margin-right: -5%;
}
.ourservice_business ul{
  margin-left: 0;
  margin-right: 4%;
}
.ourservice_business ul li img{
  max-height: 100%;
}
.ourservice_video{
  text-align: center;
  color: #b5b5b6;
  font-size: 1.8rem;
  margin-bottom: 6rem;
}
.ourservicemain{
  position: relative;
}
.ourservices_other{
  position: absolute;
  top: 2.5%;
  left: -6%;
  width: 40%;
}
.Txtcolor{
  text-shadow: 0 0 20px #52763b;
}
.client{
  position: relative;
}
.air_things img{
  max-width: 20%;
  position: absolute;
  z-index: 300;
}
.air_things .roll1{
  top: 0;
  right: -2%;
}
.air_things .roll2{
  top: 8%;
  left: 1%;
}
.air_things .roll3{
  top: 15%;
  right: 38%;
}
.air_things .roll4{
  top: 28%;
  left: 3%;
}
.air_things .roll5{
  top: 39%;
  right: 5%;
}
.air_things .roll5{
  top: 53%;
  left: 6%;
}
.air_things .roll6{
  top: 63%;
  right: 6%;
}
.air_things .roll7{
  top: 86%;
  right: 5%;
}
.air_things .roll8{
  bottom:-1%;
  left: 5%;
}
.air_things .roll9{
  top:-11%;
  right: -7%;
}
.air_things .roll10{
  bottom: -17%;
  left: 20%;
}
.air_things .roll11{
  top:-8%;
  left: 8%;
}
.air_things .roll12{
  top:6%;
  right: 12%;
}
.air_things .roll13{
  top: 0;
  right: 8%;
}
.air_things .roll14{
  bottom: -3%;
  right: 15%;
}
.air_things .roll15{
  bottom:15%;
  left: 13%;
}
.air_things .roll16{
  top: 7%;
  left: 3%;
  z-index: -999;
}
.air_things .roll17{
  top: 8%;
  left: 21%;
}
.air_things .roll18{
  top: 22%;
  right: 1%;
}
.air_things .roll19{
  top: 38%;
  right: 3%;
}
.air_things .roll20{
  top: 53%;
  left: 10%;
}
.air_things .roll21{
  top: 66%;
  left: 36%;
}
.air_things .roll22{
  top: 79%;
  right: 0%;
}
.air_things .roll23{
  bottom: -4%;
  left: 5%;
}
.air_things .roll24{
  top: -20%;
  left: 66%;
}
.air_things .roll25{
  top: 36%;
  right: 21%;
}
.air_things .roll26{
  top: 64%;
  right: 14%;
}
.air_things .roll31{
  top: 77%;
  left: 7%;
}
.wordstyle{
  font-family: 'special',serif!important;
  font-size: 3.4rem;
  font-weight: normal;
  color: #898989!important;
}
.serviceBox{
    color: #ffffff;
    display: flex;
    display: -webkit-flex;
    line-height: 0;
  }
  .serviceBox div{
    width: 50%;
  }
  .service-content{
    padding-left: 5.7%;
    padding-right: 2.7%;
    font-family: 'myfont',serif;
    line-height: 1.8;
    background-color:#dcb7e0 ;
    background-size: 100%;
  }
  .service-content h4,.service-content h5,.service-content p,.service-content a{
    font-family:Arial, Helvetica, sans-serif;
    color: #ffffff;
  }
  .service-content h4{
    margin-top: 0;
    font-weight: bold;
    font-size: 2.8rem;
    margin-bottom: 3rem;
  }
  .service-content h5{
    font-family:'myfont',Arial, Helvetica, sans-serif;
  }
  .service-content p{
    font-size: 1.6rem;
    font-family: 'myfont',serif;
  }
  .service_text{
    width: 100%!important;
  }
  .Visual_content{
    background-color:#b2e8ce;
  }
  .Visual_content h4,.Visual_content h5,.Visual_content p,.Visual_content a{
    font-family:Arial, Helvetica, sans-serif;
    color: #1e1e1e;
  }
  .design_content{
    background-color:#6877c8;
  }
  .project_content{
    background-color:#e4c559;
  }
  .project_content h4,.project_content h5,.project_content p,.project_content a{
    font-family:Arial, Helvetica, sans-serif;
    color: #1e1e1e;
  }
  .profile{
    /*padding-top: 4.6rem;*/
    font-family: 'myfont','serif';
    /*padding-right: 10%;*/
    box-sizing: border-box;
    position: relative;
    padding: 0 3%;
  }
  .profile h1{
    font-family:Arial, Helvetica, sans-serif;
    width: 100%;
    margin-bottom: 5rem;
    color: #c9caca;
  }
  .profile h3{
    font-family:Arial, Helvetica, sans-serif;
    width: 100%;
    color: #b5b5b6;
    margin-bottom: 2.8rem;
  }
  .ourservicemain h3{
    font-family:Arial Black, Helvetica, sans-serif;
  }
  .profile p{
      font-size: 1.6rem;
      font-family: 'myfont','serif';
      margin-bottom: 4.2rem;
      color: #727171;
  }
  .profilecon{
    border-bottom: 1px solid #b5b5b6;
  }
  .line_width{
    height: 1px;
    width: 100%;
  }
  .aboutus_slogan{
    position: absolute;
    top: 13%;
    left: 0;
    width: 18%;
    text-align: left;
  }
  .aboutus_slogan img{
    max-width: 20%!important;
  }
  .company{
    width: 100%;
    padding-top: 2.6rem;
    padding-bottom: 4.6rem;
    background-color: #555ba6;
    color: #ffffff;
    position: relative;
  }
  .companySlide{
    width: 100%;
  }
  .company h3{
      color: #fff;
      width: 100%;
      margin-bottom:2.6rem ;
  }
  .companySlide ul{
    margin-left: 0;
    display: flex;
    display: -webkit-flex;
    flex-wrap: nowrap;
  }
  .companySlide ul li{
    font-size: 1.6rem;
    word-break:hyphenate;
  }
  .companySlide ul li:first-child{
    width: 18%;
  }
  .companySlide ul li:last-child{
    width: 82%;
  }
  .companySlide a{
    color: #fff;
  }
  .companySlide a:hover{
    color:aqua;
    text-decoration: underline;
  }
  .ourDomain{
    width: 100%;
    padding-bottom: 0rem;
  }
  .client .row,.ourDomain .row, .company .row, .contact .row{
    padding: 0 3%;
  }
  .ourDomain h3,.client h3,.contact h3{
    font-family: Arial, Helvetica, sans-serif;
    width: 100%;
    color: #c9caca;
    margin-bottom: 3rem;
  }
  .domainBox{
    text-align: center;
    margin-bottom: 8rem;
    background-color: #fff;
    /*box-shadow: #888888 0 0 10px;*/
    padding:0 6rem;
    position: relative;
  }

  .domainBox img{
    max-width: 96%;
  }
  .domainBox ul{
    margin-left: 0;
    display: flex;
    display: -webkit-flex;
    justify-content:space-between;
  }
  .domainBox ul li{
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: #9e9e9f;
  }
  .contact{
    position: relative;
  }
  .contact h4{
    width: 100%;
    font-weight: normal;
    margin-top: 1rem;
    color: #727171;
  }
  .contact img{
    max-width: 100%;
  }
  .contact ul{
    margin-left: 0;
    display: flex;
    display: -webkit-flex;
  }
  .contact ul li:first-child{
    padding-right: 1.6%;
    width: 70%;
    box-sizing: border-box;
  }
  .contact ul li h5{
    margin-top: 0;
    font-weight: normal;
    line-height: 1.5;
    margin-bottom: 2rem;
    font-size: 1.6rem;
    color: #727171;
  }
  .contact ul li p{
    font-size: 1.6rem;
    font-family: Arial, Helvetica, sans-serif;
    color: #727171;
  }
  .policy h4{
    width: 100%;
    text-align: center;
    margin-top: 5rem;
    font-size: 2.4rem;
  }
  .policy h5{
    font-weight: normal;
    margin-bottom: 2.2rem;
    width: 100%;
    margin-top: 0rem;
  }
  .policy h4,.policy h5,.policy p{
    color: #666;
  }
  .Privacy h5{
    font-size: 2.0rem;
    color: #595757;
  }
  .Privacy h4{
    margin-top: 2rem;
    margin-bottom: 3rem;
  }
  .terms_rule{
    margin-bottom: 4.4rem;
  }
.pageTit3{
    bottom: 15%;
    text-align: left;
    /*display: flex;*/
    display: -webkit-flex;
    align-items:flex-end;
    justify-content: flex-end;
}
.pageTit3 h1{
  width: 100%;
  color: #9fa0a0;
  font-family: Arial, Helvetica, sans-serif;
  line-height: 1.22;
  font-size:6rem;
}
.pageTit3 h1 span{
  font-size: 3.2rem;
  font-family: Arial, Helvetica, sans-serif;
}
.pageTit h1 span{
  font-size: 3.2rem;
  font-family: Arial, Helvetica, sans-serif;
}
.pageTit h1 em{
  font-style: normal;
  font-size: 2rem;
  font-family: Arial, Helvetica, sans-serif;
}
.pageTit4{
  line-height: 1.2;
}
.pageTit5{
  line-height: 1.2;
  position: absolute;
  top: 1%;
  right: 0;
  text-align: left;
  display: flex;
  display: -webkit-flex;
  justify-content: flex-end;
}
.pageTit5 h1{
  margin-top: 3rem;
}
.pageTit4 h1,.pageTit4 h1 span,.pageTit4 h1 em{
  color: #000;
}
.casestudy_slogan{
  width: 100%;
  color: #9fa0a0;
  text-align: center;
  font-size: 2.2rem;
  padding-top: 4rem;
}
.caseStudy_tit{
  padding-top: 3%;
  padding-bottom: 3%;
  font-size: 1.8rem;
  line-height: 1.4;
}
.caseStudy_tit .row{
  justify-content: center;
}
.career h3{
  color: #fff;
  margin-top: 0;
}
.career_con{
  display: flex;
  display: -webkit-flex;
  justify-content: center;
  width: 100%;
  text-align: center;
}
.careerTit h1{
  text-shadow: 0 0 10px grey;
}
.caseStudy_Box{
  padding-top: 8rem;
  padding-bottom: 8rem;
  position: relative;
}
.ourworks_other{
  position: absolute;
  top: 0.5%;
  left: -5%;
  width: 40%;
}
.caseStudy_Box .row{
  padding: 0 3%;
  position: relative;
}
.case_etc{
  position: absolute;
  bottom: 1%;
  left: 0;
}
.case_etc img{
  max-width:60%;
}
.caseStudy_list{
  display: flex;
  display: -webkit-flex;
  flex-wrap: wrap;
  margin-right:-11%;
}
.caseStudy_list ul{
  width: 40%;
  margin-right: 10%;
  margin-left: 0;
}
.caseStudy_list ul li img{
  max-width: 100%;
}
.caseStudy_list ul li h3 img{
  max-width:24%;
}
.caseStudy_list ul h3{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: lighter;
  margin-top: 1.2rem;
  font-size: 2.1rem;
}
.caseStudy_list ul h4{
  margin-top: 0;
  font-size: 1.6rem;
  margin-bottom: 1.2rem;
  color: #727171;
}
.caseStudy_list ul p{
  font-size: 1.6rem;
  color: #727171;
}
.teams .row{
  padding: 0 3%;
  box-sizing: border-box;
}
.teams h4{
  width: 100%;
  font-weight: normal;
  margin-bottom: 4rem;
}

.teamList{
  display: flex;
  display: -webkit-flex;
  margin-right: -4%;
}

.teamList ul{
  width: 13.5%;
  margin-left: 0;
  margin-right: 3%;
}
.teamList h4,.teamList h5,.teamList p{
  font-family: Arial, Helvetica, sans-serif;
  width: 100%;
  font-weight: normal;
}
.teamList ul li:last-child{
  display: -webkit-flex;
  display: flex;
  align-items: stretch;
  justify-content: flex-start;
  flex-wrap: wrap;
}
.teamList h4{
  font-size: 2rem;
  margin-top:2rem;
  margin-bottom: 0;
}
.teamList h5{
  font-size: 1.6rem;
  margin-top:2rem;
  height: 4rem;
  display: flex;
  display: -webkit-flex;
  align-items: flex-end;
  color: #727171;
}
.teamList p{
  font-size: 1.6rem;
  color: #727171;
}
.career{
  background-image: linear-gradient( to right, #ffffff, #6f6e6e, #6f6e6e, #727171);
  color: #fff;
}
.career .row{
  justify-content: flex-start;
  line-height: 1.6;
}
.career .row,.careerBox .row,.office .row{
  padding: 0 3%;
}
.careerBox{
  padding-top: 4.6rem;
}
.careerBox h4{
  width: 100%;
}
.partment{
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
}
.partment div{
  width: 20%;
  color: #fff;
  display: flex;
  display: -webkit-flex;
  align-items: center;
  padding: 6rem 2rem;
  box-sizing: border-box;
  font-size: 2.1rem;
  text-align: center;
  justify-content: center;
}
.partment_one{
  background-color: #6776c7;
}
.partment_two{
  background-color: #cb65a2;
}
.partment_three{
  background-color: #69bd8a;
}
.partment_four{
  background-color: #df9b56;
}
.careerList{
  width: 100%;
  padding-top: 4.6rem;
}
.careerList ul,.careerList ul li{
    margin-left: 0;
    padding-left: 0;
    width: 100%;
}
.careerList ul li{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.careerList ul li:hover{
  background-color: #e1e1e1;
  color: #333;
  padding: 0 5px;
  transition: all .5s;
}
.careerList ul li dd,.careerList ul li span,.careerList ul li b{
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
  font-size: 1.6rem;
  line-height: 2.6;
}
.careerList ul li dd{
  width: 40%;
}
.careerList ul li span{
  width: 34%;
}
.careerList ul li b{
  font-weight: normal;
  width: 18%;
}
.office{
  position: relative;
}
.office h4,.office h5{
  font-family:'myfont', Arial, Helvetica, sans-serif;
  width: 100%;
  color: #898989;
}
.office h5{
  font-weight: normal;
  margin-top: 0;
  font-size: 2.1rem;
  border-top: 1px solid #888888;
  padding-top:3.6rem;
  margin-bottom: 2rem;
  color: #727171;
}
.officePhoto{
  margin-bottom: 2rem;
}
.officePhoto ul{
  margin-left: 0;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-right: -4%;
}
.officePhoto ul li{
  padding-right: 4%;
}
.study{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  margin-bottom: 4rem;
  color: #727171;
}
.study ul{
  margin-left: 0;
}
.study ul:first-child{
  width: 70%;
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
  align-items: center;
}
.study ul:first-child li{
  padding-right: 4%;
}
.study ul:last-child{
  width: 30%;
  font-size: 1.4rem;
}
.study b{
  font-family: 'myfont';
}
.pagePosition h4{
  width: 100%;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 2.4rem;
  color: #666666;
}
.pagePosition .goBack{
  font-size: 1.6rem;
  color: #666;
}
.pagePosition .goBack a{
  color: #666;
}
.pagePosition .goBack a:hover{
  color: #000;
  text-decoration: underline;
}
.pagePosition .goBack span{
  color: #000;
}
.designBox{
  padding-top: 5.6rem;
  padding-bottom: 5.6rem;
}
.designTxt{
  font-size: 1.6rem;
  color: #666;
}
.visualTit{
  color: #000;
  font-size: 2.4rem;
  line-height: 1.4;
  padding-top: 5.6rem;
  padding-bottom: 5.6rem;
  font-weight: normal;
}
.designTxt h4{
  font-family: Arial, Helvetica, sans-serif;
  font-weight: normal;
}
.boxBorder{
  border: 1px solid #e1e1e1;
}
.ShowBox{
  text-align: center;
  padding: 5.6rem 0;
}
.ShowBox b{
  display: inline-block;
  width: 10%;
  border: 2px solid #333;
  font-family: Arial, Helvetica, sans-serif;
}
.colorA{
  background-color: #e4007f;
}
.colorB{
  background-color: #1d2088;
}
.colorC{
  background-color: #a4a6a5;
}
.colorD{
  background-color: #37af5c;
}
.colorE{
  background-color: #ff760c;
}
.colorF{
  background-color: #f2f2f2;
}
.DesignSide h4{
  font-weight: lighter;
}
.marketing{
    background-color: #1d2088;
}
.engneering{
  background-color: #e4007f;
}
.txtcolor{
  color: #fff;
  padding-top: 2.8rem;
  line-height: 1.6;
}
.projectBox{
  display: flex;
  display: -webkit-flex;
  justify-content: space-between;
}
.projectBox div{
  width: 50%;
}
.projectBox div:first-child{
  padding-right: 4rem;
}
.projectBox div:last-child{
  padding-left: 4rem;
}
.whitecolor{
  color: #fff;
}
.contactBox{
  font-family: arial Black;
  font-size: 2.8rem;
}
.contactForm{
  padding-top: 4.8rem;
}
.contactForm span{
  color: #333;
}
.contactForm input,.contactForm textarea{
  border: 1px solid #666;
  border-radius: 6px;
  line-height: 1.6;
}
.contactForm input{
  height: 2.8rem;
  width: 30%;
  padding: 5px;
}
.contactForm textarea{
  width: 40%;
  padding: 5px;
}
.designTxt{
  width: 100%;
}
@media screen and (max-width:2560px) {
    .service-content{
        padding-right: 5.7%;
        display: flex;
        display: -webkit-flex;
        align-items: center;
    }
    /*.profile{
        padding-right: 20%;
    }*/
    .designTxt{
      padding-right: 16%;
      padding-left: 4%;
    }
    .company ul{
      margin-left: 0;
      display: flex;
      display: -webkit-flex;
      flex-wrap: nowrap;
    }
    .domainBox img{
      max-width: 96%;
    }
    .contact ul{
    flex-wrap: nowrap;
    }
    .contact ul li:first-child{
      width: 70%;
    }
    .contact ul li:last-child{
      width: 30%;
    }
    .pageTit2 h1,.pageTit h1{
      font-size:6rem;
      line-height: 1.2;
    }
    .pageTit3 h1{
      font-size:6rem;
    }
    .careerList ul li dd{
      width: 40%;
    }
    .careerList ul li span{
      width: 34%;
    }
    .careerList ul li b{
      font-weight: normal;
      width: 18%;
    }
   }
   @media screen and (max-width:1920px) {
    /*.profile{
        padding-right: 20%;
    }*/
  }
  @media screen and (max-width:1700px) {
   /* .profile{
        padding-right: 19%;
    }*/
  }
  
  @media screen and (max-width:1600px) {
   /* .profile{
        padding-right: 18%;
    }*/
    .pageTit2 h1,.pageTit h1{
      font-size:6rem;
    }
    .pageTit3 h1{
      font-size:6rem;
    }
    
  @media screen and (max-width:1400px) {
    /*.profile{
        padding-right: 16%;
    }*/
    .study{
      flex-wrap: wrap;
    }
    .study ul:first-child{
      width: 100%;
    }
    .study ul:first-child li:last-child{
      padding-right: 0;
    }
    .study ul:last-child{
      width: 100%;
    }
    .officePhoto ul{
      margin-right: 0;
    }
    .officePhoto ul li:last-child{
      padding-right: 0;
    }
    .contactForm input{
      width: 50%;
    }
    .contactForm textarea{
      width: 55%;
    }
  }
  
  @media screen and (max-width:1300px) {
 
   /* .profile{
        padding-right: 12%;
    }*/
  }
  
  @media screen and (max-width:1200px) {
   /* .profile{
        padding-right: 6%;
    }*/
    .contact ul li h5{
      margin-top: 0;
      font-weight: normal;
      line-height: 1.5;
      font-size: 1.6rem;
      margin-bottom: 1.4rem;
    }
    .contact ul li p{
      font-size: 1.4rem;
      font-family: Arial, Helvetica, sans-serif;
    }
    .teamList{
      display: flex;
      display: -webkit-flex;
      margin-right: -11%;
      flex-wrap: wrap;
    }
    .teamList ul{
      width: 24%;
      margin-left: 0;
      margin-right: 9%;
    }
    .contactEmpty{
      padding-bottom: 0;
    }
  }
  
  @media screen and (max-width:1000px) {
    .pageTit2 h1,.pageTit h1{
      font-size:5.2rem;
    }
    .pageTit3 h1{
      font-size:5.2rem;
    }
    .profile{
        padding-right: 0%;
    }
    .contact ul{
      flex-wrap: wrap;
    }
    .contact ul li:first-child{
      width: 100%;
      padding-right: 0;
    }
    .contact ul li:last-child{
      width: 100%;
      padding-right: 0;
    }
    .careerList ul li dd{
      width: 40%;
    }
    .careerList ul li span{
      width: 33%;
    }
    .careerList ul li b{
      font-weight: normal;
      width: 22%;
    }
    
    /*contact*/
    .contactEmpty{
      padding-top: 4rem;
      padding-bottom: 4rem;
    }
    .contactForm input{
      width: 70%;
    }
    .contactForm textarea{
      width: 75%;
    }
    .partment div{
      font-size: 1.8rem;
    }
  }
  
  @media screen and (max-width:800px) {
    .company ul{
      margin-left: 0;
      display: flex;
      display: -webkit-flex;
      flex-wrap: wrap;
    }
    .companySlide ul li:first-child{
      width: 100%;
    }
    .companySlide ul li:last-child{
      width: 100%;
    }
    .partment div{
      width: 23%;
      padding: 4rem 2rem;
      font-size: 2rem;
    }
  }
  
  @media screen and (max-width:700px) {
    .domainBox img{
      max-width: 100%;
    }
    .pageTit2{
      padding-left: 6%;
      bottom: 13%;
    }
    .pageTit2 h1,.pageTit h1{
      font-size:2.4rem;
    }
    .profile{
      padding: 0 6%;
    }
    .profile h3{
      font-size:1.6rem;
      margin-bottom: 1rem;
      margin-top: 3.8rem;
    }
    .profile p{
      font-size: 1.2rem;
      margin-bottom: 2.2rem;
    }
    .client .row, .ourDomain .row, .company .row, .contact .row{
      padding: 0 6%;
    }
    .ourDomain h3, .client h3, .contact h3{
      font-size: 1.6rem;
    }
    .domainBox{
      text-align: center;
      margin-bottom: 5rem;
      background-color: #fff;
      padding: 0rem;
    }
    .client_list .row{
      width: 100%;
    }
    .client_list_slide li{
      padding-right: 3%;
    }
    .client_list_slide{
      margin-right: -3%;
    }
    .company h3{
      font-size: 1.8rem;
    }
    .companySlide ul li{
      font-size: 1.2rem;
    }
    .contact h4{
      font-size: 1.6rem;
    }
    .contact ul li h5{
      font-size: 1.2rem;
    }
    .ourservice_business{
      font-size: 1.2rem;
    }
    .ourservice_business ul{
      margin-bottom: 0;
    }
    .ourservice_video{
      font-size: 1.2rem;
    }
    .Preface{
      font-size: 1.4rem;
    }
    .ourservice_sns{
      font-size: 1.2rem;
    }
    .ourservice_sns ul{
      margin-bottom: 1.6rem;
    }
    /*ourworks*/
    .caseStudy_Box{
      padding-top: 5rem;
      padding-bottom: 2rem;
    }
    .caseStudy_Box .row{
      padding: 0 6%;
    }
    .caseStudy_list ul{
      width: 45%;
      margin-right: 5%;
    }
    .caseStudy_list ul li h3 img{
      max-width: 50%;
    }
    .caseStudy_list{
      margin-right: -5%;
    }
    .casestudy_slogan{
      font-size: 2rem;
    }
    .caseStudy_list ul h4{
      font-size: 1.2rem;
    }
    .caseStudy_list ul p{
      font-size: 1.2rem;
      margin-bottom: 1rem;
      line-height: 1.4;
    }
    .caseStudy_tit{
      padding-top: 6.6rem;
      padding-bottom: 6.6rem;
      font-size: 1.6rem;
    }
    .teams h4{
      font-size: 1.6rem;
    }
    .teamList{
      margin-right: -3%;
    }
    .teamList ul{
      width: 28%;
      margin-left: 0;
      margin-right: 4%;
      margin-bottom: 0;
    }
    .teamList h4{
      font-size: 1.4rem;
    }
    .teamList h5,.teamList p{
      font-size: 1.2rem;
    }
    .teamList h5{
      margin-top: 0.6rem;
    }
    /*casestudy*/
    .caseStudy_list ul h3{
      margin-bottom: .6rem;
    }

    /*career*/
    .career {
      background-image: linear-gradient( to right, #999999, #6f6e6e, #727171);
      color: #fff;
    }
    .study ul:first-child{
      width: 100%;
      margin-bottom: 0;
    }
    .study ul:last-child{
      width: 100%;
      font-size: 1.2rem;
    }
    .partment div{
      width: 23%;
      padding: 4rem 2rem;
      font-size: 1.2rem;
      font-weight: bold;
    }
    .careerList ul li dd, .careerList ul li span, .careerList ul li b{
      font-size: 1.2rem;
      line-height: 1.6;
    }
    .career h3{
      font-size: 1.6rem;
    }
    .career{
      padding-top: 2.6rem;
      padding-bottom: .6rem;
      font-size: 1.4rem;
    }
    .careerBox{
      padding-top: 0;
    }
    .careerBox h4{
      font-size: 1.6rem;
    }
    .office h4{
      font-size: 1.6rem;
    }
    .office h5{
      font-size: 1.6rem;
    }
    .career_con p{
      margin-bottom: 2.2rem;
    }
    .study{
      margin-bottom: 1rem;
    }
    .officePhoto ul{
      margin-bottom: 0;
    }
    /*contact*/
    .contactBox{
      font-size: 2rem;
    }
    .contactTXT h3{
      font-size: 1.6rem;
      line-height: 1.5;
    }
    .designTxt{
      padding-right: 4%;
      padding-left: 4%;
      font-size: 1.3rem;
    }
    .designTxt ul{
      margin-left: 0;
    }
    .contactForm input{
      width: 90%;
    }
    .contactForm textarea{
      width: 95%;
    }
    .contactEmpty{
      display: none;
    }
    .visualTit{
      padding-top: 3.5rem;
      padding-bottom: 3.5rem;
      margin-top:1.6rem;
    }
    input[type="email"], input[type="number"], input[type="search"], input[type="text"], input[type="tel"], input[type="url"], input[type="password"], textarea, select{
      font-size: 1.3rem;
    }

    /**/
    .policy{
      padding-top: 0;
    }
    .policy h5{
      font-size: 1.4rem;
    }
    .policy h4{
      font-size: 2rem;
      margin-top:4rem;
      margin-bottom: 3rem;
    }
  }
  
  @media screen and (max-width:600px) {
    
    .air_things .roll1{
      right: 0;
    }
  }
  
  @media screen and (max-width:500px) {
    .domainBox img{
      max-width: 100%;
    }
    .domainBox ul li{
      font-size: 1.4rem;
    }
    .wordstyle{
      font-size: 2.2rem!important;
    }
  }
  @media screen and (max-width:400px) {
    .profile h3{
      font-size: 2.4rem;
    }
    .wordstyle{
      font-size: 2.8rem!important;
    }
    .casestudy_slogan{
      font-size: 2.4rem;
    }
    .teamList h5{
      height: 7rem;
    }
    .contactForm input{
      height: 4.8rem;
    }
    .contactBox{
      font-size: 3rem;
    }
    .policy h4{
      font-size: 3rem;
      margin-top:5rem;
      margin-bottom: 4rem;
    }
    .policy h5{
      font-size: 2.2rem;
    }
  }