.inner {
  width: 5.60rem;
  margin: 0 auto;
  font-family:'Roboto Regular';
  overflow: hidden;
}
/*****************************************************************************************************************/
.container{
  background: url('../../../img/top/sp_top_01.png'),url('../../../img/top/sp_top_04.jpg'),url('../../../img/top/top_img_02.png');
  background-position: top 5.1rem left .1rem, top 18rem right -.02rem, top 21.6rem right 0;
  background-repeat: no-repeat;
  background-size: .81rem auto,1.25rem auto,1.86rem auto;
}

/*top*/
.top, .about, .news, .services, .contact{
  width: 100%;
  min-width: 6.02rem;
}
.top{
  text-align: center;
  position: relative;
}
.top h3 {
  position: absolute;
  font-size: .40rem;
  color: white;
  font-weight: 100;
  line-height: .70rem;
  right:5%;
}
.top .topSlider .slider-text{
  top: 12%;
}
header .right .underline:last-child {
    border: 1px solid #fff;
    padding: 0 5px;
}
/*end of top*/
/******************************************************************************************************************/
/*about*/
.about .inner p{
  font-size: .24rem;
  text-align: center;
  line-height: .30rem;
  color: #303030;
  line-height: 0.36rem;
  font-family: 'Roboto-Regular';
  padding-bottom: .80rem;
}
/*end of about*/
/******************************************************************************************************************/
/*about_banner*/
.about_banner{
  padding: .80rem 0 .80rem 0;
}/*kks*/
/*end of about_banner*/
/***************************************************************************************************************/

/*news*/
.news{
  padding: 0 0 .80rem 0;
  display: none;
}
.news h2{
  font-size: .30rem;
  color: #303030;
  font-weight: normal;
  padding-bottom: .50rem;
}
.news ul{
  margin: 0 auto;
  display: block;
}
.news ul li{
  width: 100%;
  margin-bottom: .40rem;
  margin-right: 0 !important;
}
.news ul li div{
  width: 100%;
  margin: 0 auto;
}
.news ul li .new_photo {
  width: 4.2rem;
  margin: 0 auto;
  cursor: pointer;
  border: .01rem solid #ccc;
}
.news ul li .hoverAction{
  width: 3.94rem;
  background: #fff;
  text-align: left;
  color: red;
  position: relative;
  cursor: pointer;
  padding: .172rem .12rem;
  border-top: none;
}
.newSliders .bx-wrapper .bx-viewport{
  height: 3.3rem !important;
}
.newSliders .newSlider li .frame{
  width: 4.2rem !important;
  height: 2.155rem !important;
  overflow: hidden !important;
  position: relative; 
}
.newSliders .bx-wrapper .bx-controls-direction a{
  z-index: 0 !important;
}
.newSliders .newSlider li .frame img {
  width: 100%;
  height: 100%;  
  -moz-transition: all 0.5s;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border: .01rem solid #909090;
}
.newSliders .bx-wrapper img{
   max-width: 4.50rem;
}
.newSliders .newSlider li .frame:hover img {
  -moz-transform: scale(1);
  -webkit-transform: scale(1);
  transform: scale(1);
}
.bx-wrapper .bx-next{
  right: -.55rem;
}
.bx-wrapper .bx-prev{
  left: -.55rem;
}
.news ul li .new_photo span,
.news ul li .new_photo p,
.news ul li .new_photo:hover span,
.news ul li .new_photo:hover p{
  color:#909090;
}
.service .inner li{
  list-style: none;
  width: 100%;
  float: none;
  padding-top: .40rem;
}
.service .inner li div{
  margin: 0 auto;
  padding-left: .30rem;
}
.service .inner li label{
  font-size:.28rem;
  color: #303030;
  font-family: 'Roboto-Regular';
  display: inline-block;
  width: auto;
  margin: .08rem 0rem 0rem .10rem;
  vertical-align: middle;
}
.service .inner li div p{
  font-size: .24rem;
  color: #303030;
  padding: 0.2rem 0 0 0;
  font-family: 'Roboto-Regular', Zawgyi-One;
  line-height: .30rem;
  line-height: .25rem;
  text-indent: -.13rem;
  padding-left: .10rem;
}
.service .inner .text{
  font-size:.24rem;
  color:#303030;
  padding: .40rem 0 .40rem 0;/*kks*/
  font-family: 'Roboto-Regular';
  line-height: .30rem;
  width: 5.60rem;/*kks*/
}
.service .inner .text.description {
    text-align: center;
    width: 80%;
    margin: 0 auto;
}
.service .inner div img{
  width:.7rem;
}
.service .inner div span{
  font-size: .24rem;
}
.service h2,.about h2{
  font-size: .30rem;
  color: #303030;
  font-weight: normal;
  font-family: 'Roboto-Regular';
}
/*end of service*/
/*****************************************************************************************************************/

/*contact*/
.contact h2{
  font-size: .30rem;
  color: #303030;
  font-weight: normal;
  padding-top: .40rem;
  font-family: 'Roboto-Regular';
}
.contact{
  padding: 0rem 0 0 0;
  color: #fff;
  background: url('../../../img/top/top_img_03.jpg'),url('../../../img/top/sp_top_03.jpg');
  background-position: top 2.16rem left 0rem,bottom 0 left 0;
  background-repeat: no-repeat !important;
  background-size: 1rem,1.43rem;
}
.contact ul{
  width: 5.6rem;
  margin: 0 auto;
}
.contact ul label {
  margin: 0 0 0 .20rem;
  font-size:.16rem;
  color:#e1e1e1;
}
.contact li{
  width: 100%;
  float: none;
}
.contact li div h3{
  font-size: .2rem;
  line-height: .20rem;
  font-weight: 500;
  color: #303030;
  font-family: 'Roboto';
}
.contact li:nth-child(1) .form input,
.contact li:nth-child(1) .form textarea,
.contact li:nth-child(1) .button{
  border-radius: 0;
  box-shadow: none;
}
textarea, input[type="text"], 
input[type="email"], 
input[type="button"] {
  border-radius: 0;
  box-shadow: none;
-webkit-appearance: none;
}
.contact li:nth-child(1) .form{
  width: 4.05rem;/*kks*/
  margin: 0 auto;
  padding: .40rem 0 0 0;
}
.contact li:nth-child(1) .form input{
  width: 4.00rem;/*kks*/
  background: transparent;
  border: .01rem solid #c2c2c2;/*kks*/
  color: #909090;
  padding: .1rem 0 .1rem .05rem;
  resize: none;
  margin: 0 0 .50rem 0;/*kks*/
  font-family: 'Roboto-Regular';
  font-size: .14rem;
}
::-moz-placeholder { 
  color: #909090;
}
.contact li:nth-child(1) .form textarea{
  width: 4.00rem;/*kks*/
  height: 1.40rem;
  background: transparent;
  border: .01rem solid #c2c2c2;/*kks*/
  color: #909090;
  padding: .1rem 0 0 .05rem;
  resize: none;
  font-family: 'Roboto-Regular';
  font-size: .14rem;
}
#search-text-input{
  width: 2.70rem;
  height: .30rem;
  background: transparent;
  border: .01rem solid #818181;
  color: #f9f9f9;
  padding: 0 0 0 .05rem;
  resize: none;
  margin: .15rem 0 .15rem .10rem;
  font-family: 'Roboto-Regular';
  font-size: .14rem;
}
.newsletter img{
  width: .23rem;
  margin: 0rem 0 -.04rem -.35rem;
}
#button-holder img{
  margin:.04rem;
  width:.20rem; 
}
.newsletter {
  padding-left: .10rem;
}
.contact li .btn {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding-top: .50rem !important;
    padding-bottom: .40rem !important;
}
.contact li:nth-child(1) .button{
  resize: none;
  color: #fff;
  background-color: #7e7e7e;
  padding-bottom: .02rem;
  border-color: #7e7e7e;
  border-style: none;
  padding: .10rem .25rem;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-family: 'Roboto-Regular';
  font-size: .14rem;
  margin-right: .40rem;
}
.contact li:nth-child(1) .reset_button{
  resize: none;
  color: #fff;
  background-color: #7e7e7e;
  padding-bottom: .02rem;
  border-color: #7e7e7e;
  border-style: none;
  padding: .10rem .25rem;
  cursor: pointer;
  -webkit-transition: all 0.5s ease-out;
  -moz-transition: all 0.5s ease-out;
  -ms-transition: all 0.5s ease-out;
  transition: all 0.5s ease-out;
  font-family: 'Roboto-Regular';
  font-size: .14rem;
}/*kks*/
.contact li:nth-child(1) .button:hover,
.contact li:nth-child(1) .reset_button:hover{
  background: #000;
  color: #fff;
}
.contact li:nth-child(2) .address .detail_address p{
  line-height:.30rem;
  font-size:.18rem;
  padding: 0 0 0 .05rem;
  color: #909090;
}
.logoImg{
  padding: .5rem 0 .3rem 1.13rem;/*kks*/
  width: 3.17rem;
  margin: 0 auto;
}
.address .locationImg{
  width: .38rem;
  padding: .50rem 0 0 0;
  vertical-align: middle;
}
.address .detailaddress p {
  color: #909090;
  font-size: 0.18rem;
  line-height: 0.30rem;/*kks*/
  text-align: center;
  font-family: 'Roboto-Regular';
}
.contact li:nth-child(2) .address .social img{
  width: .33rem;
  clear: both;
  padding: 1.58rem 0 0 0;
}
span {
  vertical-align: bottom;
  color: #303030;
  font-size: 0.2rem;
  font-weight: 500;
  font-family: 'Roboto-Regular';
}
.address{
  padding-bottom:1rem; 
}
.google{
  padding: 0.5rem 0 0 0;
  width: 5.60rem;
}
#googleMap{
  width:4.00rem;
  height: 2.20rem;
  margin: 0 auto;
}
/*end of contact*/
/****************************************************************************************************************/


/*banner*/
.banner{
  background: url('../../../img/SP_jobpostbanner.jpg');
  background-repeat: no-repeat;
  background-size: cover;
  border: .02rem solid #303030;
  padding: .60rem 0;
  text-align: center;
  width: 5.50rem;/*kks*/
  margin: 0 auto;/*kks*/
}
.inner .banner h2 {
  font-size: .40rem;
  line-height: .50rem;
  position: relative;
  font-weight: bold;
  color: #fff;
  font-family: 'Roboto-Regular';
  text-shadow: .02rem .02rem .04rem #303030;/*kks*/
}
.inner .banner h2::before {
  content: "";
  position: absolute;
  width: 4.25rem;
  height: .02rem;
  bottom: 0;
  background: #fff;
  left: 50%;
  margin-left: -2.13rem;
}
.inner .banner label{
  font-size: .30rem;
  line-height: .50rem;
  display: block;
  padding: 0 0 .30rem 0;
  color: #fff;
  font-family: 'Roboto-Regular';
  text-shadow: .02rem .02rem .04rem #303030;/*kks*/
}
.inner .banner a span{
  /*border-radius: .25rem;*/
  font-size: .30rem;
  line-height: .40rem;
  /*background: rgba(48,48,48,0.7);*/
  padding: .04rem .45rem;
  color: #fff;
  font-family: 'Roboto-Regular';/*kks*/
}
.about h2{
  text-align: center;
  padding: .30rem 0 .50rem 0;
}


/*onestopsolution*/
.onestopsolution{
  background: url('../../../img/top/sp_onestopsolution_bg.jpg');
  background-repeat: no-repeat;
  margin-top: .5rem;
  background-size: cover;
}
.onestopsolution .inner{
  padding: .96rem 0;
}
.onestopsolution .onestop_sub{
  border: .01rem solid #ccc;
  text-align: center;
  width: 99%;
}
.onestopsolution .onestop_sub .heading{
  font-size: .30rem;
  color: #fff;
  padding-top: .50rem;
  font-family:'Roboto-Regular';
  width: 4.60rem;
  margin: 0 auto;
  position: relative;
  text-align: center;
}
.onestopsolution .onestop_sub .heading:before{
  position: absolute;
  content: "";
  width: .85rem;
  height: .02rem;
  bottom: .14rem;
  background: white;
  left: -.08rem;
}
.onestopsolution.jp .onestop_sub .heading:before{
  width: .5rem;
  left: -.15rem;
}

.onestopsolution .onestop_sub .heading:after{
  position: absolute;
  content: "";
  width: .85rem;
  height: .02rem;
  bottom:.14rem;
  background: white;
  right: -.08rem;
}

.onestopsolution.jp .onestop_sub .heading:after{
  width: .5rem;
  right: -.15rem;
}

.onestopsolution .onestop_sub .heading span{
  background: transparent;
  display: inline-block;
  padding: 0 .10rem;
  position: relative;
  z-index: 5;
  color: white;
  font-family: 'Roboto-Regular';
  font-size: .30rem;
}
.onestopsolution .onestop_sub .body{
  font-size: .24rem;
  color: #fff;
  width: 4.30rem;
  margin: 0 auto;
  padding: .70rem 0 .50rem 0;
  font-family: 'Roboto-Regular';
  line-height: .38rem;
}

.getInTouch .inner .headingTouch{
  text-align: center;
  padding-bottom: .50rem;
  font-family:'Roboto-Regular';
  font-size: .24rem;
  color: #303030;
}
.getInTouch .inner .buttonTouch{
  text-align: center;
  padding:.15rem 1.00rem;
  font-family:'Roboto-Thin';
  font-size: .24rem;
  color: #303030;
  border: .01rem solid #909090;
  /*width: 191rem;*/
  margin: 0 auto;
  border-radius: .10rem;
  background: white;
  display: inline-block;
  font-weight: bold;
  cursor: pointer;
}
.getInTouch .inner a{
   cursor: pointer;
}
.getInTouch .inner .buttonTouch:hover{
  color: #fff;
}
.getInTouch{
  padding: .95rem 0;
  background: #fff;
}
.getInTouch .touch{
  text-align: center;
}
/*end of onestopsolution*/

/*end of banner*/
/*****************************************************************************************************************/


.newSliders .bx-wrapper .bx-prev{
     left: -.7rem !important;
     width: .4rem !important;
     margin-left: .18rem !important;
     background-size: .44rem;
}

.newSliders .bx-wrapper .bx-next{
     right: -.7rem !important;
     width: .4rem !important;
     margin-right: .18rem !important;
     background-size: .44rem;
}

.bx-wrapper .bx-controls-direction a{
  width: .5rem;
}
.bannerad_div{
  text-align: center;
  padding: 0 0 .3rem 0;
}
}
.bannerad_div a{
  display: block;
}
.bannerad_div img{
  width:5rem;
  margin: 0 0 .3rem 0;
}
.bannerad_div img:hover{
  opacity: 0.9;
}
.bannerad_div .thankyouimg{
  margin: 0;
}