@charset "UTF-8";

.contact-sec-bk01 { padding:2.22em 0px 3.7755em; }
.contact-sec-bk01 ul li .ico { width:80%; max-width:9.22em; margin:0px auto; height:9.22em; background:#f6a026; border-radius:0px 4.61em 0px 4.61em; position:relative; /*-webkit-transition: all 0s;
  -moz-transition: all 0s; -ms-transition: all 0s;  transition: all 0s;*/  }
.contact-sec-bk01 ul li .ico img { width:auto; opacity:0.35; height:auto; max-width:50%; max-height:50%; }
.contact-sec-bk01 ul li a { color:#555; }
.contact-sec-bk01 ul li a:hover  { color:#f6a026; }
.contact-sec-bk01 ul li { width:25%; padding:2em 1%; }
.contact-sec-bk01 ul li dl { padding-top:2.44em; }
.contact-sec-bk01 ul li:hover .ico {/*-webkit-transition: all 0.5s;
  -moz-transition: all 0.5s; -ms-transition: all 0.5s;  transition: all 0.5s;transform:rotate(360deg); -webkit-transform:rotate(360deg);}*/}
.contact-sec-bk01 ul li:hover .ico img { opacity:1; }

.contact-sec-bk02 { padding-bottom:6.833em; }
.contact-sec-bk02 .list ul li { width:48.58%; }
.contact-sec-bk02 .list ul li .img { overflow:hidden; }
.contact-sec-bk02 .list ul li .img span { padding-bottom:42.61%;  display:block; }
.contact-sec-bk02 .list ul li dl { padding:0.778em 1.778em 2.2224em 0px; }
.contact-sec-bk02 .list ul li dl dd { line-height:1.778; margin-top:1em; }

.contact-recruit-sec-bk01 { padding:3.875em 0px 6em; }
.contact-recruit-sec-bk01 .content {  width:100%;  max-width:65em; margin:0px auto; }
.contact-recruit-sec-bk01 .con { line-height:2; margin-top:1.5em; }
.contact-recruit-sec-bk01 .sub-tit { margin-top:2.8125em; }
.contact-recruit-sec-bk01 .btn { padding-top:3.4375em; }
.contact-recruit-sec-bk01 .btn a { display:inline-block; margin:0px 2.75em; width:10em; border-radius:0px 1.4375em 0px 1.4375em; background:#f6a026; line-height:2.875; color:#fff; }
.contact-recruit-sec-bk01 .btn a:hover { background:#dd8a14; } 


.contact-recruit-sec-bk02 { padding:2.0625em 0px 2.0625em 2.3125em; margin-bottom:9.75em; }
.contact-recruit-sec-bk02 .contact-video { width:55.3%; position:relative;  }
.contact-recruit-sec-bk02 .contact-video  video { position:absolute; left:0px; opacity:0; background:#000; top:0px; width:100%; height:100%; }
.contact-recruit-sec-bk02 .contact-video .video-wrap { padding-bottom:39.61%; }
.contact-recruit-sec-bk02 .contact-video .img { position:absolute; left:0px; top:0px; right:0px; width:100%; height:100%; bottom:0px; z-index:2; }
.contact-recruit-sec-bk02 .contact-video .play { position:absolute; cursor:pointer; z-index:3; left:0px; top:0px; width:100%; right:0px; bottom:0px; background:url(../images/play01.png) no-repeat center center rgba(0,0,0,0.55); background-size:3.3125em 3.3125em; }
.contact-recruit-sec-bk02 .contact-video.on .play { display:none; }
.contact-recruit-sec-bk02 .contact-video.on .img { display:none; }
.contact-recruit-sec-bk02 .contact-video.on video { opacity:1; }
.contact-recruit-sec-bk02 .text { width:43.6%; padding:0px 2%; }
.contact-recruit-sec-bk02 .text h4 { padding-bottom:1em; font-weight:bold;  }



@media only screen and (max-width: 1200px){


.contact-sec-bk01 ul li { width:50%; }


}
@media only screen and (max-width: 1100px){


.contact-recruit-sec-bk02 { padding:2.0625em 2.3125em; margin-bottom:6em; }
.contact-recruit-sec-bk02 .contact-video { width:100%;  }
.contact-recruit-sec-bk02 .text { width:100%; padding:3em 0px 2em;  }


}


@media only screen and (max-width: 980px){

.contact-sec-bk02 { padding-bottom:4em; }

}

@media only screen and (max-width: 900px){

}


@media only screen and (max-width: 767px){

.contact-sec-bk01 { padding:2em 0px; }
.contact-sec-bk01 ul li { width:100%; }
.contact-sec-bk01 ul li .ico { width:6.91667em; height:6.91667em; border-radius:0px 3.458335em 0px 3.458335em;  }
.contact-sec-bk01 ul li dl { padding-top:1.5em; }
.contact-sec-bk01 ul li dl dt { font-weight:bold; }

.contact-sec-bk02 .list ul li { width:100%; }
.contact-sec-bk02 .list ul li dl { padding:1em 1em 2em; }
.contact-sec-bk02 .list ul li dl dt { font-weight:bold; }
.contact-sec-bk02 { padding-bottom:2em; }


.contact-recruit-sec-bk01 { padding:2em 0px 3em; }
.contact-recruit-sec-bk01 .sub-tit { margin-top:1em; }
.contact-recruit-sec-bk01 .btn { padding-top:2em; }
.contact-recruit-sec-bk01 .btn a { margin:0px 0.5em; width:45%;  }
  
.contact-recruit-sec-bk02  { margin-bottom:3em; padding:1.5em;  }  
.contact-recruit-sec-bk02 .contact-video .video-wrap { padding-bottom:50%; }  
.contact-recruit-sec-bk02 .contact-video .play { background-size:2.2083em 2.2083em; }

}


@media only screen and (max-width: 375px){
 


}

@media only screen and (max-width: 374px){
 

}