@charset "utf-8";


/*600ˆÈ‰º*/
@media screen and (max-width:600px){
html{
  font-size: 72.5%;
}
.navigation body {
  width:100vw;
  min-width: 1px;
}
.top{
  height: 85%;
}
.toptitle{
  font-size: 4.5em;
  padding-bottom: 55%;
  margin-top: 1%;
}
.text{
  height: 100%;
}
.whatsimg{
  float: none;
  text-align: center;
}
.whats{
  width: 85%;
  height: 87%;
  margin-top: 5%;
}
.introtop{
  margin-top: 2%;
}
.intro_detail{
  margin-left: auto;
  margin-right: auto;
}
.logotop{
  width: 100%;
  margin-top: 2em;
}
/*main-area*/
.service_title{
  width: 80%;
}
.introtext_title_u{
  width: 100%;
  padding-left: .2em;
}
.introduce{
  width: 100%;
  height: 100%;
}
.service{
  width: 100%;
  height: 100%;
}
.service_nav,.s_nav{
  display: block;

}
.infoadd{
  float: none;
}
.info_detail{
  float: none;
  margin-left: auto;
  margin-right: auto;
  width: 80%;
}
.s_details{
  padding-bottom: 1em;
}
/*footer*/
.footer{
  width: 100%;
}
.f_wrap{
  width: 100%;
}
.bottom-logo{
  margin-left: auto;
  margin-right: auto;
  width: 30%;
}
.bottomadzip{
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  text-align: left;
}
.f_add{
  width: 100%;
}
.arvoad{
  
}
/*contact us*/
.informattention{
  width: 75%;
  margin: 80px auto 40px 2em;
}
.form-form{
  width: 90%;
}
.name,.email,.tel{
  width: 75%;
  margin: 15px auto 10px 2em;
}
.message{
  width: 75%;
  padding-left: 20px;
  padding-top: 10px;
  margin: 15px auto 10px 2em;
}
.informtext-a{
  text-align: left;
  width: 75%;
  margin-left: 2em;
  font-size: 1.2em;
}
.btn-c{
  font-size: 1.3em;
  padding: .8em 1.5em;
  margin-left: 10%;
}
/*Company details*/
#content{
  width: 100%
}
.wrap-detail{
  width: 80%;
  margin: 63px auto 100px auto;
}
.detail-title{
  width: 80%;
}
.name_th{
  padding: 1.5em .2em 1.5em .2em;
}
}