@charset "utf-8";

/** |READ ME| **********************************************************************************************************

特集コンテンツ08

Cascading Style Sheet Setting File

Ver.20161121

------------------------------------------------------------------------------------------------------------------------

01. Special Common
02. Foreign

********************************************************************************************************** |READ ME| **/

/** |01. Reset | >> ********************************************************************************* >> START **/

*{
	margin:0;
	padding:0;
	list-style:none;
}

table {
	border-collapse:collapse;
	border-spacing:0;
	border:0;
}

fieldset,img {
	border:0;
}

address,caption,cite,code,dfn,em,th,var {
	font-style:normal;
	font-weight:normal;
}

em{
	font-style:normal;
	font-weight:bold;
}

ol,ul {
	list-style:none;
}

caption,th {
	text-align:left;
}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}

q:before,q:after {
	content:'';
}

abbr,acronym {
	border:0;
}

a img {
	border: none;
	outline:none;
}

a.blank:before{
	content:" ";
	display: inline-block;
	margin:0 15px 0 0;
	width:16px;
	height:15px;
	background-image: url(/recruit/img/common/ico_cmn_blank.png);
	background-size: 16px 15px;
	background-repeat: no-repeat;
}

img {
	border:none;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

iframe{margin:0px;padding:0px;border:none;}

html{
	width: 100%;
	height: 100%;
}

body{
	width: 100%;
  height: 100%;
	text-align:center;
	letter-spacing:0em;
	font-size:14px;
	line-height:150%;
	color:#333333;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ,"游ゴシック体", "Yu Gothic",arial, helvetica, sans-serif;
}

/** |01. Reset | << ********************************************************************************* << END **/

/** |02. Common | >> ********************************************************************************* >> START **/

a{
	color:#333333;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
  opacity: 0.7;
  filter: alpha(opacity=70);
	transition: 0.3s ease-in-out;
}

.frame{
	position:relative;
	margin:0 auto;
	padding:0;
	text-align:left;
}

.frame:after{
	content: ".";
	display: block;
	height: 0;
	font-size:0;
	clear: both;
	visibility:hidden;
}

.frame.full{
	padding:0 20px;
	width:1140px;
}

.bgClr{
	min-width:1180px;
}

.pcBlock{
	display:block !important;
}

.spBlock{
	display:none !important;
}

.pcInline{
	display:inline !important;
}

.spInline{
	display:none !important;
}

#Analytics{
	width:0;
	height:0;
	overflow:hidden;
	visibility:hidden;
}
.subcatch{
	letter-spacing:0.1em;
}

@media  (max-width: 640px) {

.frame.full{
	padding:0;
	width:auto;
}

.bgClr{
	min-width:0;
}

.pcBlock{
	display:none !important;
}

.spBlock{
	display:block !important;
}

.pcInline{
	display:none !important;
}

.spInline{
	display:inline !important;
}

}

/** |02. Common | << ********************************************************************************* << END **/

/** |01. Special Common | >> ********************************************************************************* >> START **/

.pcimage {
	display:block;
}

.spimage {
	display:none;
}

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

img {
	display:block;
	max-width:100%; height:auto;
}

.height_auto,
.height_auto .inner {
	height:auto !important;
}

.pcimage {
	display:none;
}

.spimage {
	display:block;
}

}

/** |01. Special Common | << ********************************************************************************* << END **/

/** |02. Foreign | >> ********************************************************************************* >> START **/

.foreign{
	width:100%;
	min-width:1180px;
}
.en_font{
	font-family:Verdana, Geneva, sans-serif;
}

.foreign .content_wrapper{
	padding:0;
}

.foreign .mainArea{
	position:relative;
	background-color:#f8f8f8;
	min-width:1180px;
}

.foreign .mainVisual{
	position:relative;
	margin:auto;
	height:920px;
	width:1180px;
	background:url("../../recruit/img/foreign/hinomaru-foreign_sp.jpg")top center;
	background-size:100% auto;
}

.foreign .mainVisual .language{
	position:absolute;
	top:20px;
	left:50%;
	margin:0 0 0 410px;
	width:160px;
	display:inline-block;
	text-align:center;
	color:#fff;
	font-weight:normal;
}

.foreign .mainVisual .language .jp{
	float:left;
	width:50%;
}

.foreign .mainVisual .language .en{
	float:right;
	width:50%;
}

.foreign .mainVisual .language li{
	background:#cbcbcb;
	background:-moz-linear-gradient(top,  #cbcbcb 0%, #ffffff 100%);
	background:-webkit-linear-gradient(top,  #cbcbcb 0%,#ffffff 100%);
	background:linear-gradient(to bottom,  #cbcbcb 0%,#ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#ffffff',GradientType=0 );
}

.foreign .mainVisual .language li .btn{
	background:#eaeaea;
	background:-moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%);
	background:-webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%);
	background:linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
}

.foreign .mainVisual .language li.act{
	background:#ce0101;
	background:-moz-linear-gradient(top,  #ce0101 0%, #c00000 100%);
	background:-webkit-linear-gradient(top,  #ce0101 0%,#c00000 100%);
	background:linear-gradient(to bottom,  #ce0101 0%,#c00000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0101', endColorstr='#c00000',GradientType=0 );
}

.foreign .mainVisual .language li.act .btn{
	color:#fff;
	background:#e00101;
	background:-moz-linear-gradient(top,  #e00101 0%, #c10000 100%);
	background:-webkit-linear-gradient(top,  #e00101 0%,#c10000 100%);
	background:linear-gradient(to bottom,  #e00101 0%,#c10000 100%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00101', endColorstr='#c10000',GradientType=0 );
}

.foreign .mainVisual .language .btn{
	padding:8px 0;
	display:block;
	font-size:12px;
	line-height:1;
}

.foreign .mainVisual .hinomaru{
	position: absolute;
	top:20px;
	left:80px;
}

.foreign .mainVisual .hinomaru img{
	width:180px;
	height:auto;
}

.foreign .mainVisual .logo{font-size:11px;white-space:nowrap;width:400px;text-align: center;transition:0.3s ease-in-out;line-height: 1.5;}
.foreign .mainVisual .logo img{width:100%;height:auto;display: block;margin: auto;}
.foreign .mainVisual .logo a{color:#333;position: relative;display: block;}
.foreign .mainVisual .logo a .log {
padding: 0px 30px 0 0;
height: auto;
width: 130px;
border-right: 1px #ccc solid;
display: block;
box-sizing: border-box;
float: left;
}
.foreign .mainVisual .logo a .jp {
height: auto;
display: block;
font-size: 16px;
font-weight: bold;    
display: block;
float: left;
padding: 10px 0 0 30px;
box-sizing: border-box;
}

.foreign .mainVisual .language .jp {
	border-radius:5px 0 0 5px;
}

.foreign .mainVisual .language .jp .btn{
	border-radius:4px 0 0 4px;
	margin:1px 0 1px 1px;
}

.foreign .mainVisual .language .en {
	border-radius:0 5px 5px 0;
}

.foreign .mainVisual .language .en .btn{
	border-radius:0 4px 4px 0;
	margin:1px 1px 1px 0;
}

.foreign .mainVisual .imageList{

}

.foreign .mainVisual .imageList li{
	display:block;
	position:absolute;
}

.foreign .mainVisual .imageList li img{
	display:block;
	position:absolute;
	top:0;
	left:0;
}

.foreign .mainVisual .imageList .white{
	position:absolute;
	top:0;
	left:0;
	display:block;
	width:100%;
	height:101%;
	background:#f8f8f8;
}

.foreign .mainVisual .imageList .image01{
	top:40px;
	left:505px;
	width:270px;
	height:270px;
}

.foreign .mainVisual .imageList .image01 img{
	display:block;
	width:270px;
	height:270px;
}

.foreign .mainVisual .imageList .image02{
	top:90px;
	left:830px;
	width:300px;
	height:300px;
}

.foreign .mainVisual .imageList .image02 img{
	display:block;
	width:300px;
	height:300px;
}

.foreign .mainVisual .imageList .image03{
	top:430px;
	left:940px;
	width:225px;
	height:225px;
}

.foreign .mainVisual .imageList .image03 img{
	display:block;
	width:225px;
	height:225px;
}

.foreign .mainVisual .imageList .image04{
	top:450px;
	left:545px;
	width:300px;
	height:300px;
}

.foreign .mainVisual .imageList .image04 img{
	display:block;
	width:300px;
	height:300px;
}

.foreign .mainVisual .imageList .image05{
	top:595px;
	left:290px;
	width:175px;
	height:175px;
}

.foreign .mainVisual .imageList .image05 img{
	display:block;
	width:175px;
	height:175px;
}

.foreign .mainVisual .title{
	position:absolute;
	top:140px;
	left:80px;
	text-align:left;
}

.foreign .mainVisual .titleJp{
	padding:10px 0 0;
	font-size:24px;
	font-weight:bold;
	display:block;
}

.foreign .mainVisual .titleTxt{
	padding:30px 0 0;
	display:block;
	font-size:15px;
	line-height:1.8;
}

.foreign .worldMap{
	margin:auto;
	padding:0 0 100px;
	width:1180px;
	background:url("../../recruit/img/foreign/bg_for_map.png")no-repeat top center;
}

.foreign .worldMap::after {
  clear:both;
  content:".";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

.foreign .worldMap .flag{
	float:left;
	padding:0 0 0 80px;
	width:720px;
	text-align:left;
	box-sizing:border-box;
}

.foreign .worldMap h3{
	padding:60px 0 40px;
	display:block;
	text-align:center;
	font-size:24px;
	font-weight:bold;
}

.foreign .worldMap h3 br{
	display:none;
}

.foreign .worldMap .flags{
	padding:0 0 40px;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	overflow:hidden;
}

.foreign .worldMap .flags li{
	padding:0 15px 20px;
	letter-spacing:0;
	text-align:center;
    font-size: 11px;
}

.foreign .worldMap .country{
	padding:5px 0 0 0;
	display:block;
	font-size:13px;
}

.foreign .worldMap .number{
	line-height:1;
}

.foreign .worldMap .number .title{
	padding:0 0 20px;
	display:block;
	font-weight:bold;
	font-size:24px;
	line-height:1.1;
}

.foreign .worldMap .number .title br{
	display: none;
}

.foreign .worldMap .number b{
	display:block;
	font-weight:bold;
	font-size:45px;
}

.foreign .worldMap .number small{
	padding:10px 0 0;
	display:block;
	font-size:12px;
}

.foreign .megaTitle {
  color:#000000;
  font-size:24px;
  font-weight:bold;
  letter-spacing:0.1em;
  line-height:1;
  padding:50px 0;
  text-align:center;
}

.foreign .megaTitle br{
	display:none;
}

.foreign .megaTitle .ico {
  display:block;
  margin:0 auto 20px;
}

.foreign .staff{
	margin:0 auto;
	padding:0 0 60px;
	width:1000px;
}

.foreign .staffMv{
	padding:100px 0 10px;
}

.foreign .staffMvInner{
	text-align: center;
}

.foreign .staffMv iframe{
	width:600px;
}

.foreign .stfList{
	margin:0 -25px;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-box-direction:normal;
	-moz-box-direction:normal;
	-ms-flex-direction:row;
	-webkit-flex-direction:row;
	flex-direction:row;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-ms-flex-wrap:wrap;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	overflow:hidden;
}

.foreign .staff li{
	box-sizing: border-box;
	margin:0 25px;
	padding:0 0 60px;
	width:300px;
	text-align:left;
}

.foreign .staff li img{
	display: block;
	width:300px;
	height:auto;
	transition:0.3s ease-in-out;
}

.foreign .staff li img:hover{
opacity:0.7;
filter:alpha(opacity=70);
}

.foreign .staff li b{
	display:block;
	padding:10px 0 35px;
	font-size:15px;
	font-weight:bold;
}

.foreign .staff li strong{
	display:block;
	padding:15px 0;
	min-height:50px;
	font-size:15px;
	line-height:1.5;
	font-weight:bold;
}

.foreign .staff li .name{
	display:block;
	font-size:12px;
	padding:0 0 15px;
	min-height:45px;
}

.foreign .staff li .btn{
	display:block;
	padding:8px;
	text-align:center;
	border:1px #000 solid;
	border-radius:3px;
	font-weight:bold;
	cursor:pointer;
	transition:0.3s ease-in-out;
}

.foreign .staff li .btn:hover{
	opacity:0.7;
	filter:alpha(opacity=70);
}

.foreign .shift{
	min-width:1180px;
	background-color:#f0fbfd;
    padding: 0 0 120px;
}

.foreign .sftList{
	margin:0 auto;
	padding:0 0 120px;
	width:1000px;
}

.foreign .sftList::after {
  clear:both;
  content:".";
  display:block;
  font-size:0;
  height:0;
  visibility:hidden;
}

.foreign .sftList .img{
  float:none;
  margin:0 50px 40px 0;
}

.foreign .sftList .txt {
  font-size:15px;
  line-height:2;
  text-align:left;
}

.foreign .sftList b{
	color:#e62e2e;
	display:block;
	padding:0 0 20px;
	font-size:24px;
	line-height:1.5;
	font-weight:bold;
}

.foreign .flow .flowList{
	margin:0 auto;
	padding:0 0 120px;
	width:1000px;
}

.foreign .flow .flowList li{
	margin:0 0 30px 0;
	padding:0 0 0 350px;
	position:relative;
	text-align:left;
	min-height:160px;
}

.foreign .flow .flowList li .img{
	position:absolute;
	top:0;
	left:0;
}

.foreign .flow .flowList li strong{
	color:#e62e2e;
	display:block;
	padding:0 0 15px;
	font-size:18px;
	line-height:1;
	font-weight:bold;
}

.foreign .flow .flowList li .date{
	padding:0 20px 0 0;
}

.foreign .training{
	padding:0 0 120px;
	min-width:1180px;
	background-color:#f0fbfd;
}

.foreign .training .traList{
	margin:0 auto;
	padding:0 0 60px;
	width:1000px;
}

.foreign .training .traList li{
	padding:0 0 0 270px;
	position:relative;
	text-align:left;
	min-height:460px;
}

.foreign .training .traList li .img{
	position:absolute;
	top:0;
	left:0;
}

.foreign .training .traList li .img img{
	display:block;
	margin:0 0 10px 0;
}

.foreign .training .traList li strong{
	color:#e62e2e;
	display:block;
	padding:0 0 15px;
	font-size:22px;
	line-height:1.4;
	font-weight:bold;
}

.foreign .training .traList li span{
	font-size:15px;
	line-height:1.8;
}

.foreign .training .traList li .date{
	padding:0 20px 0 0;

}

.foreign .training .tokuList{
	margin:0 auto ;
	padding:40px 0;
	width:1000px;
	border-top:1px #ccc solid;
	border-bottom:1px #ccc solid;
}

.foreign .training .tokuList::after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}

.foreign .training .tokuList .left{
	position:relative;
	float:left;
	padding:0 20px 0 220px;
	width:260px;
	min-height:150px;
	text-align:left;
}

.foreign .training .tokuList .right{
	position:relative;
	float:right;
	padding:0 20px 0 220px;
	width:260px;
	min-height:150px;
	text-align:left;
}

.foreign .training .tokuList .img{
	position:absolute;
	top:0;
	left:0;
}

.foreign .training .tokuList strong{
	color:#e62e2e;
	display:block;
	padding:0 0 10px;
	font-size:18px;
	line-height:1.4;
	font-weight:bold;
}

.foreign .salary .megaTitle.over{
	margin:0 0 -40px 0;
	padding:50px 0 0;
}

.foreign .salary .megaTitle.over .ico{
	margin:0 auto;
}

.foreign .salary .megaTitle.over span{
	display:inline-block;
	padding:20px 20px 0;
	background-color:#fff;
}

.foreign .salary .salList{
	margin:0 auto;
	padding:80px 50px 50px;
	width:898px;
	border:1px #000 solid;
	border-radius:5px;
	text-align:left;
}

.foreign .salary .salList::after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}

.foreign .salary .salList .left{
	float:left;
	width:560px;
}

.foreign .salary .salList .left .ttl{
	padding:0 0 5px 0;
	font-size:18px;
	color:#e62e2e;
	display:block;
	border-bottom:1px #ddd solid;
}

.foreign .salary .salList .left .chart{
	padding:20px 0 50px;
	letter-spacing:-0.4em;
}

.foreign .salary .salList .left .chart:last-child{
	padding:20px 0 0;
}

.foreign .salary .salList .left .ico{
	display:inline-block;
	vertical-align:middle;
	width:110px;
	letter-spacing:0;
}

.foreign .salary .salList .left strong{
	display:inline-block;
	vertical-align:middle;
	width:170px;
	letter-spacing:0;
	font-size:16px;
	line-height:1.5;
	font-weight:normal;
}

.foreign .salary .salList .left strong.price{
	font-size:18px;
}

.foreign .salary .salList .right{
	padding:30px 30px 0 30px;
	width:210px;
	float:right;
	background-color:#f5f5f5;
}

.foreign .salary .salList .right .ttl{
	padding:0 0 10px 0;
	display:block;
	font-size:18px;
	line-height:1.3;
}

.foreign .salary .salList .right small{
	padding:0 0 40px 0;
	display:block;
	font-size:14px;
	line-height:1.3;
}

.foreign .salary .salList .right img{
	margin:0 auto;
	display:block;
}

.foreign .condition{
	margin:0 0 120px 0;
}

.foreign .condition .megaTitle.over{
	margin:0 0 -40px 0;
	padding:50px 0 0;

}

.foreign .condition .megaTitle.over .ico{
	margin:0 auto;
}

.foreign .condition .megaTitle.over span{
	display:inline-block;
	padding:20px 20px 0;
	background-color:#fff;
}

.foreign .condition .detail{
	margin:0 auto;
	padding:80px;
	width:838px;
	border:1px #000 solid;
	border-radius:5px;
	text-align:left;
}

.foreign .condition .ttl{
	position:relative;
	padding:0 0 15px 100px;
	font-size:24px;
	color:#333333;
	display:block;
	line-height:1.2;
}

.foreign .condition .ttl .ico{
	position:absolute;
	top:0;
	left:10px;
}

.foreign .condition .text{
	position:relative;
	padding:0 0 20px 100px;
	font-size:14px;
	display:block;
}

.foreign .inquiry{
	margin:auto;
	text-align:center;
	padding: 0 0 120px;
}

.foreign .inquiry .conList {
    border:1px solid #ddd;
    border-radius:10px;
    height:198px;
    margin:0 auto;
    position:relative;
    width:858px;
		background-color:#fff;
}

.foreign .inquiry .conList::after {
    clear:both;
    content:".";
    display:block;
    font-size:0;
    height:0;
    visibility:hidden;
}

.foreign .inquiry .conList .ope {
    bottom:0;
    position:absolute;
    right:10px;
}

.foreign .inquiry .conList .tel {
    float:left;
    margin:0 0 0 45px;
    text-align:left;
    width:290px;
}

.foreign .inquiry .conList .tel .ttl,
.foreign .inquiry .conList .mail .ttl {
    display:block;
    font-size:18px;
    line-height:1;
    padding:50px 0 20px;
}

.foreign .inquiry .conList .mail .btn a {
    background-color:#e62e2e;
    border-radius:5px;
    color:#fff;
    display:block;
    font-size:17px;
    font-weight:bold;
    line-height:60px;
    min-height:60px;
    text-align:center;
}

.foreign .inquiry .conList .mail {
  float:left;
  margin:0 0 0 45px;
  text-align:left;
  width:250px;
}

.driverModal{
	position:fixed;
	opacity:0;
	top:0;
	left:0;
	background:#fff;
	width:100vw;
	height:100vh;
	z-index:2000;
	overflow:auto;
	display:none;
	font-family: Verdana, Geneva, sans-serif;
}

.driverModal .image{
	position:fixed;
	top:0;
	left:0;
	width:43%;
	height:100vh;
}

.driverModal .image li{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100vh;
	transition:opacity 0.6s ease-in-out;
  opacity:0;
}

.driverModal .image li.view{
	opacity:1;
}

.driverModal .information{
	position:absolute;
	top:0;
	right:0;
	width:57%;
	box-sizing:border-box;
	padding:5% 10% 0;
	text-align:left;
}

.driverModal .catch{
	padding:0 0 40px;
	color:#e62e2e;
	font-size:26px;
	font-weight:bold;
	line-height:1.5;
}

.driverModal .name{
	padding:20px 0;
	border-top:#ccc solid 1px;
	border-bottom:#ccc solid 1px;
}

.driverModal .interview{
	padding:0;
}

.driverModal .interview dt{
	padding:90px 0 10px 0;
	font-size:22px;
	font-weight:bold;
	line-height:1.5;
}

.driverModal .interview dd{
	font-size:14px;
	line-height:2;
}

.driverModal .interviewBtm{
	padding: 90px 0;
}

.driverModal .interviewClose{
	display: block;
	margin:auto;
	position: relative;
	width:190px;
	padding:9px 0 0;
	height:36px;
	line-height:1;
	text-align: center;
	border-radius:3px;
	border:1px #333 solid;
	box-sizing: border-box;
	text-indent:10px;
}

.driverModal .interviewIcoClose{
	position: absolute;
	left:20px;
	top:50%;
	width:12px;
	height:12px;
	margin:-6px 0 0 0;
}

.driverModal .interviewIcoClose::before{
	position:absolute;
	content:" ";
	display:block;
	top: 5px;
	right: -1px;
	width: 14px;
	height:1px;
	background:#333333;
	transform:rotate(45deg);
}

.driverModal .interviewIcoClose::after{
	position:absolute;
	content:" ";
	display:block;
	top: 5px;
	right: -1px;
	width: 14px;
	height:1px;
	background:#333333;
	transform:rotate(135deg);
}

.driverModal .close{
	width:30px;
	height:30px;
	position:fixed;
	top:30px;
	right:30px;
	box-sizing:border-box;
	cursor:pointer;
	transition:0.3s ease-in-out;
}

.driverModal .close:hover{
	opacity:0.7;
}

.driverModal .close::before{
	position:absolute;
	content:" ";
	display:block;
	top:15px;
	right:-6px;
	width:42px;
	height:2px;
	background:#333333;
	transform:rotate(45deg);
}

.driverModal .close::after{
	position:absolute;
	content:" ";
	display:block;
	top:15px;
	right:-6px;
	width:42px;
	height:2px;
	background:#333333;
	transform:rotate(135deg);
}

.foreign .copy{
	padding:0 0 20px;
	font-size:12px;
}

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

	.foreign{
		width:auto;
		min-width:0;
	}

	.foreign .content_wrapper{
		padding:0;
	}

	.foreign .mainArea{
		min-width:0;
	}

	.foreign .mainVisual{
		height:auto;
		width:auto;
		background:url("../../recruit/img/foreign/hinomaru-foreign_sp.jpg")top center;
		background-size:100% auto;
        padding-top: 60px;
	}
.foreign .mainVisual .logo a{display: table;margin: auto;}
.foreign .mainVisual .logo a .log {
padding: 0px 20px 0 0;
width: 110px;
}
.foreign .mainVisual .logo a .jp {
font-size: 12px;
padding: 10px 0 0 20px;
}
	.foreign .mainVisual .language{
		top: 70px;
        left: 0;
        right: 0;
        width: 160px;
        z-index: 999;
        margin: auto;
	}

	.foreign .mainVisual .language .jp{
		float:left;
		width:50%;
	}

	.foreign .mainVisual .language .en{
		float:right;
		width:50%;
	}

	.foreign .mainVisual .language li{
		background:#cbcbcb;
		background:-moz-linear-gradient(top,  #cbcbcb 0%, #ffffff 100%);
		background:-webkit-linear-gradient(top,  #cbcbcb 0%,#ffffff 100%);
		background:linear-gradient(to bottom,  #cbcbcb 0%,#ffffff 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcbcb', endColorstr='#ffffff',GradientType=0 );
	}

	.foreign .mainVisual .language li .btn{
		background:#eaeaea;
		background:-moz-linear-gradient(top,  #eaeaea 0%, #ffffff 100%);
		background:-webkit-linear-gradient(top,  #eaeaea 0%,#ffffff 100%);
		background:linear-gradient(to bottom,  #eaeaea 0%,#ffffff 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#ffffff',GradientType=0 );
	}

	.foreign .mainVisual .language li.act{
		background:#ce0101;
		background:-moz-linear-gradient(top,  #ce0101 0%, #c00000 100%);
		background:-webkit-linear-gradient(top,  #ce0101 0%,#c00000 100%);
		background:linear-gradient(to bottom,  #ce0101 0%,#c00000 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ce0101', endColorstr='#c00000',GradientType=0 );
	}

	.foreign .mainVisual .language li.act .btn{
		color:#fff;
		background:#e00101;
		background:-moz-linear-gradient(top,  #e00101 0%, #c10000 100%);
		background:-webkit-linear-gradient(top,  #e00101 0%,#c10000 100%);
		background:linear-gradient(to bottom,  #e00101 0%,#c10000 100%);
		filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e00101', endColorstr='#c10000',GradientType=0 );
	}

	.foreign .mainVisual .language .btn{
		padding:8px 0;
		display:block;
		font-size:12px;
		line-height:1;
	}

	.foreign .mainVisual .hinomaru{
		position: absolute;
		top:15px;
		left:0;
		z-index: 100;
        width: 100%;
	}

	.foreign .mainVisual .hinomaru img{
		width:160px;
		height:auto;
	}

	.foreign .mainVisual .language .jp {
		border-radius:5px 0 0 5px;
	}

	.foreign .mainVisual .language .jp .btn{
		border-radius:4px 0 0 4px;
		margin:1px 0 1px 1px;
	}

	.foreign .mainVisual .language .en {
		border-radius:0 5px 5px 0;
	}

	.foreign .mainVisual .language .en .btn{
		border-radius:0 4px 4px 0;
		margin:1px 1px 1px 0;
	}

	.foreign .mainVisual .imageListWrap{
		position: relative;
		padding:100% 0 0 0;
	}
	.foreign .mainVisual .imageList{

	}

	.foreign .mainVisual .imageList li{
		display:block;
		position:absolute;
	}

	.foreign .mainVisual .imageList .white{
		position:absolute;
		top:0;
		left:0;
		display:block;
		width:0;
		height:101%;
		background:#f8f8f8;
	}

	.foreign .mainVisual .imageList .image01{
		top:18%;
		left:0;
		width:37.8%;
		height:auto;
		padding:37.8% 0 0 0;
	}

	.foreign .mainVisual .imageList .image01 img{
		width:100%;
		height:auto;
	}

	.foreign .mainVisual .imageList .image02{
		top:24%;
		left:auto;
		width:28%;
		height:auto;
		right:13%;
		padding:28% 0 0 0;
	}

	.foreign .mainVisual .imageList .image02 img{
		width:100%;
		height:auto;
	}

	.foreign .mainVisual .imageList .image03{
		top:57%;
		left:44%;
		width:50%;
		height:auto;
		padding:50% 0 0 0;
	}

	.foreign .mainVisual .imageList .image03 img{
		width:100%;
		height:auto;
	}

	.foreign .mainVisual .imageList .image04{
		top:61%;
		left:6%;
		width:32%;
		height:auto;
		padding:32% 0 0 0;
	}

	.foreign .mainVisual .imageList .image04 img{
		width:100%;
		height:auto;
	}

	.foreign .mainVisual .imageList .image05{
		display:none;
		top:52%;
		left:auto;
		padding:36% 0 0 0;
		width:36%;
		height:auto;
		right:0;
	}

	.foreign .mainVisual .imageList .image05 img{
		width:100%;
		height:auto;
	}

	.foreign .mainVisual .title{
		position: relative;
		top:auto;
		left:0;
		bottom:0;
		padding:0 15px 30px;
	}

	.foreign .mainVisual .title img{
		width:100%;
		max-width:100%;
	}

	.foreign .mainVisual .titleJp{
		padding:5px 0 0;
		font-size:15px;
	}

	.foreign .mainVisual .titleTxt{
		padding:10px 0 0;
		font-size:13px;
		line-height:1.8;
	}

	.foreign .worldMap{
		margin:auto;
		padding:0 0 60px;
		width:auto;
		background:url("../../recruit/img/foreign/bg_for_map.png")no-repeat center center;
		background-size:90% auto;
	}

	.foreign .worldMap h3{
		padding:40px 0 30px;
		display:block;
		text-align:center;
		font-size:18px;
		font-weight:bold;
	}

	.foreign .worldMap h3 br{
		display:inline;
	}

	.foreign .worldMap .flags{
		padding:0 25px;
	}

	.foreign .worldMap .flags li{
		width:20%;
		margin:0;
		padding:0 5px 20px;
		box-sizing:border-box;
	}

	.foreign .worldMap .flags li img{
		width:100%;
		height:auto;
	}
    .foreign .worldMap .flags .flag_name {
        font-size: 10px;
        line-height: 1.4;
        margin-top: 5px;
    }
	.foreign .worldMap .country{
		padding:5px 0 0 0;
		font-size:11px;
	}

	.foreign .worldMap .number .title{
		padding:20px 0 5px;
		font-size:18px;
	}

	.foreign .worldMap .number .title br{
		display:inline
	}

	.foreign .worldMap .number b{
		font-size:30px;
	}

	.foreign .worldMap .number small{
		padding:5px 0 0;
		font-size:11px;
	}

	.foreign .megaTitle {
	  font-size:18px;
	  letter-spacing:0.1em;
	  line-height:1.1;
	  padding:30px 0;
	}

	.foreign .megaTitle br{
		display:inline;
	}

	.foreign .megaTitle .ico {
	  display:block;
	  margin:0 auto 10px;
		width:40px;
		height:40px;
	}

	.foreign .staff{
		margin:0 auto;
		padding:0;
		width:auto;
	}

  .foreign .staffMv{
		padding:60px 0 30px;
		margin:0 30px;
	}

	.foreign .staffMvInner{
		position:relative;
		width:100%;
		padding-top:56.25%;
	}

	.foreign .staffMv iframe{
		position:absolute;
		top:0;
		right:0;
		width:100%;
		height:100%;
	}

	.foreign .stfList{
		padding:0 0 30px;
		margin:auto;
	}

	.foreign .stfList:after{
		content:".";
		display:block;
		height:0;
		font-size:0;
		clear:both;
		visibility:hidden;
	}

	.foreign .staff li{
		margin:auto;
		padding:0 30px 60px;
		float:none;
		width:100%;
	}

	.foreign .staff .left{
		margin:0 0 30px;
	}

	.foreign .staff .center{
		margin:0 0 30px;
	}

	.foreign .staff li img{
		width:100%;
		height:auto;
	}

	.foreign .staff li b{
		padding:10px 0 5px;
	}

	.foreign .staff li strong{
		font-size:15px;
		min-height:0;
	}

	.foreign .staff li .name{
		min-height:0;
	}

	.foreign .staff li .name br{
		display:none;
	}

	.foreign .staff li .btn{
		padding:5px;
		font-size:13px;
	}

	.foreign .shift{
		min-width:0;
	}

	.foreign .sftList{
		padding:0 15px 30px;
		width:auto;
	}

	.foreign .sftList .img{
	  float:none;
	  margin:0 0 15px 0;;
	}

	.foreign .sftList .img img{
		width:100%;
		height:auto;
	}

	.foreign .sftList .txt {
	    line-height:1.5;
	}

	.foreign .sftList b{
		padding:0 0 5px;
		font-size:18px;
		line-height:1.5;
	}

	.foreign .flow .flowList{
		padding:0 15px 30px;
		width:auto;
	}

	.foreign .flow .flowList li{
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		min-height:0;
		border-bottom:1px #dddddd solid;
	}

	.foreign .flow .flowList li .img{
		position:absolute;
		top:0;
		left:0;
		height:80px;
		width:150px;
	}

	.foreign .flow .flowList li strong{
		padding:30px 0 50px 165px;;
		font-size:15px;
		line-height:1;
	}

	.foreign .flow .flowList li .date{
		padding:0 10px 0 0;
	}

	.foreign .training{
		padding:0 0 30px;
		min-width:0;
	}

	.foreign .training .traList{
		padding:0 15px 30px;
		width:auto;
	}

	.foreign .training .traList li{
		padding:0 0 0 0;
		min-height:0;
	}

	.foreign .training .traList li .img{
		position:relative;
		top:auto;
		left:auto;
		letter-spacing:-0.4em;
	}

	.foreign .training .traList li .img img{
		display:inline-block;
		width:49%;
		height:auto;
		margin:0 1% 0 0;
	}

	.foreign .training .traList li .img img:last-child{
		margin:0  0 0 1%;
	}

	.foreign .training .traList li strong{
		padding:15px 0 5px;
		font-size:18px;
	}

	.foreign .training .traList li span{
		font-size:14px;
	}

	.foreign .training .traList li .date{
		padding:0 20px 0 0;

	}

	.foreign .training .tokuList{
		margin:0 15px 30px;
		padding:20px 0;
		width:auto;
	}

	.foreign .training .tokuList .left{
		float:none;
		padding:0 0 0 110px;
		width:auto;
		min-height:0;
        margin-bottom: 20px;
        min-height: 75px;
	}

	.foreign .training .tokuList .right{
		float:none;
		padding:0 0 0 110px;
		width:auto;
		min-height:0;
	}

	.foreign .training .tokuList .img{
		width:100px;
		height:75px;
	}

	.foreign .training .tokuList strong{
		padding:0 0 5px;
		font-size:15px;
	}

	.foreign .salary .megaTitle.over{
		margin:0 0 -25px 0;
		padding:30px 0 0;
	}

	.foreign .salary .megaTitle.over .ico{
		margin:0 auto;
	}

	.foreign .salary .megaTitle.over span{
		padding:10px 20px 0;
	}

	.foreign .salary .salList{
		margin:0 15px;
		padding:50px 20px 20px;
		width:auto;
	}

	.foreign .salary .salList .left{
		float:none;
		width:auto;
	}

	.foreign .salary .salList .left .ttl{
		font-size:15px;
	}

	.foreign .salary .salList .left .chart{
		padding:20px 0 20px;
	}

	.foreign .salary .salList .left .chart:last-child{
		padding:20px 0 20px;
	}

	.foreign .salary .salList .left .ico{
		padding:0 0 10px 0;
		width:25%;
		letter-spacing:0;
		text-align:center;
	}

	.foreign .salary .salList .left .ico img{
		margin:0 auto;
	}

	.foreign .salary .salList .left strong{
		padding:0 0 10px 3%;
		width:72%;
	}

	.foreign .salary .salList .right{
		padding:20px;
		width:auto;
		float:none;
	}

	.foreign .salary .salList .right .ttl{
		font-size:16px;
		padding:0 0 5px 0;
	}

	.foreign .salary .salList .right small{
		padding:0 0 20px 0;
	}

	.foreign .condition{
		margin:0 0 30px 0;
	}

	.foreign .condition .megaTitle.over{
		margin:0 0 -30px 0;
		padding:30px 0 0;

	}

	.foreign .condition .megaTitle.over .ico{
		margin:0 auto;
	}

	.foreign .condition .megaTitle.over span{
		padding:10px 20px 0;
	}

	.foreign .condition .detail{
		margin:0 15px;
		padding:50px 20px 0;
		width:auto;
	}

	.foreign .condition .ttl{
		padding:0 0 10px 30px;
		font-size:16px;
		display:block;
	}

	.foreign .condition .ttl .ico{
		left:0;
		width:20px;
		height:20px;
	}

	.foreign .condition .text{
		position:relative;
		padding:0 0 30px 0;
		font-size:14px;
		display:block;
	}

	.foreign .inquiry{
		margin:0 20px 20px;
		padding:0;
	}

	.foreign .inquiry .bnr{
		margin:0 auto;
		text-align:center;
	}

	.foreign .inquiry .bnr img{
		width:100%;
		height:auto;
	}

	.foreign .inquiry .conList{
		position:relative;
		margin:0;
		padding:20px 20px;
		width:auto;
		height:auto;
		border-radius:5px;
	}

	.foreign .inquiry .conList .ope{
		position:absolute;
		bottom:0;
		right:10px;
	}

	.foreign .inquiry .conList .tel{
		position:relative;
		float:none;
		margin:0 0 20px 0;
		padding:0 0 20px 0;
		width:auto;
		border-bottom:1px solid #ddd;
	}

	.foreign .inquiry .conList .tel .ttl,
	.foreign .inquiry .conList .mail .ttl{
		display:block;
		padding:0 0 15px 0;
		text-align:center;
		font-size:15px;
		line-height:1;
	}

	.foreign .inquiry .conList .tel img,
	.foreign .inquiry .conList .mail img{
		width:100%;
		height:auto;
	}

	.foreign .inquiry .conList .tel img.ope{
		display:none;
	}

	.foreign .inquiry .conList .mail .btn a{
		min-height:50px;
		font-size:15px;
		line-height:50px;
		border-radius:5px;
	}

	.foreign .inquiry .conList .mail{
		float:none;
		margin:0;
		width:auto;
		text-align:left;
	}

	.driverModal .image{
		position:relative;
		top:auto;
		left:auto;
		width:auto;
		height:auto;
		padding:100% 0 0 0;
	}

	.driverModal .image li{
		height:auto;
		padding:100% 0 0 0;
	}

	.driverModal .information{
		position:relative;
		top:auto;
		right:auto;
		width:auto;
		padding:5% 5% 30%;
	}

	.driverModal .catch{
		padding:0 0 20px;
		font-size:18px;
	}

	.driverModal .name{
		padding:15px 0;
	}

	.driverModal .interview{
		padding:0;
	}

	.driverModal .interview dt{
		padding:12% 0 5px 0;
		font-size:16px;
	}

	.driverModal .interviewBtm{
		padding:12% 0 15%;
	}

	.driverModal .close{
		width:24px;
		height:24px;
		top:15px;
		right:15px;
	}

	.driverModal .close:hover{
		opacity:0.7;
	}

	.driverModal .close::before{
		top:11px;
		right:-5px;
		width:35px;
	}

	.driverModal .close::after{
		top:11px;
		right:-5px;
		width:35px;
	}

	.foreign .copy{
		font-size:10px;
	}

}
/** |01. Foreign | << ********************************************************************************* << END **/
.tab-list {max-width: 1000px;margin: auto;width:100%;box-sizing: border-box;display: flex;justify-content: space-between;flex-wrap: wrap;}
.tab-list li {width: 32%;box-sizing: border-box;}
.tab-wrap{padding:0 0 60px;max-width: 1100px;margin: 0 auto 0;width:100%;box-sizing: border-box;display: flex;flex-wrap: wrap;padding: 60px 50px;background: #fff;border: 1px solid #E5E5E5}
.foreign .tab-wrap .sftList {padding: 0 0 0;display: flex;}
.foreign .tab-wrap .sftList .img {margin: 0 50px 0px 0;}
.tab-ttl{line-height:80px;position:relative;background:#EFEFEF;color:#C9C9C9;font-size: 18px;font-weight: bold;border-radius: 5px 5px 0 0;}
.act.tab-ttl{background:#E21414;color:#fff;}
.tab-wrap .tab{display: none;}
.tab-wrap .tab.act{display: block;}
@media(max-width:640px){
.foreign .shift {padding: 0 15px 60px;}
.tab-list {width: calc(100% - 30px);}
.tab-list li {width: 32%;}
.tab-wrap{padding: 30px 15px 20px;}
.foreign .tab-wrap .sftList {padding: 0 0 0;flex-wrap: wrap;}
.foreign .tab-wrap .sftList .img {float: none;margin: 0 0 15px 0;}
.tab-ttl{line-height:38px;position:relative;font-size: 13px;}
    .tab-ttl.tab-ttl-long {line-height: 1.2;padding: 4px 3px 0;height:38px;}
.act.tab-ttl{}
.schedule-legend-wrap{padding:0 10vw 10vw;}
.tab-wrap .tab{display: none;}
.tab-wrap .tab.act{display: block;}
}


.check {padding: 160px 0;}
.checkTitle {font-weight: bold;text-align: center;color: #000;font-size: 24px;}
.checkText {text-align: center;color: #ff0000;font-size: 14px;line-height: 2;margin: 50px 0;}
.checkBox {border: 1px solid #dddddd;border-radius: 5px;max-width: 1000px;margin: auto;}
.checkBox + .checkBox {margin-top: 30px;}
.checkBox dt {position: relative;border-bottom: 1px solid #dddddd;background: #ededed;padding: 10px 90px 10px 58px;text-align: left;display: flex;align-items: center;}
.checkBox dt lable {font-size: 20px;text-align: left;line-height: 27px;font-weight: bold;}
.checkBox dt span {display:block;background: #fb0e1b;min-width: 50px;text-align: center;color: #fff;font-size: 13px;line-height: 27px;position: absolute;right: 20px;top: 10px;padding: 0 5px;}
.checkBox dt input {position: absolute;top: 0;left: 0;display: block;width: 100%;height: 100%;z-index: 1;padding: 0;margin: 0;border: 0;cursor: pointer;appearance: none;background: transparent;}
.checkBox dt input::before {height: 16px;top: 50%;width: 16px;background: #fff;border: 1px solid #aaa;content: " ";display: block;left: 20px;position: absolute;transform: translateY(-50%);}
.checkBox dt input:checked::after {content: " ";display: block;left: 29px;margin: 0px 0 0 -3px;position: absolute;top: 50%;border-bottom: 3px solid #000;border-right: 3px solid #000;height: 9px;transform: translateY(-60%) rotate(45deg);width: 4px;}

.checkBox dd {font-size: 14px;padding: 30px 50px;text-align: left;}
.checkBox .checkflx {display: flex;}
.checkBox .checkflx span:first-child {white-space: nowrap;}
.checkAttention {color: #f00;text-align: center;font-size: 14px;margin: 60px 0 30px;}
.checkBtn {pointer-events: none;display: block; background: #c5c5c5;color: #fff;text-align: center;line-height: 87px;max-width: 540px;margin: auto;font-size: 20px;}
.checkBtn.active {pointer-events: auto;background: #e40013;}
.checkFot {display: flex;justify-content: center;gap:0 40px;margin-top: 50px;}
.checkFot li{}
.checkFot li b{display: block;font-size: 20px;text-align: left;}
.checkFot li small{display: block;font-size: 14px;text-align: left;margin-top: 5px;}
.checkFot li a {display: block;font-size: 30px;text-align: left;font-weight: bold;}
.checkFot li p {font-size: 30px;text-align: left;font-weight: bold;}

@media(max-width:640px){
    .check {padding: 15% 15px;}
    .checkTitle {font-size: 18px;}
    .checkText {font-size: 14px;margin: 7% 0;}
    .checkBox {margin: auto;}
    .checkBox + .checkBox {margin-top: 5%;}
    .checkBox dt {padding: 10px 50px 10px 38px;}
    .checkBox dt lable {font-size: 18px;}
    .checkBox dt span {width: auto;min-width: 25px;font-size: 10px;position: absolute;right: 10px;top: 10px;}
    .checkBox dt input::before {left: 10px;top: 13px;transform: translateY(0);}
    .checkBox dt input:checked::after {left: 19px;top: 15px;transform: translateY(0) rotate(45deg);}
    .checkBox dd {font-size: 14px;padding: 20px 15px;}
    .checkBox .checkflx {font-size: 13px;display: block;}
    .checkBox .checkflx span{display: block;width: 100%;}
    .checkAttention {font-size: 14px;margin: 7% 0 5%;}
    .checkBtn {display: block;line-height: 80px;margin: auto;font-size: 18px;}
    .checkBtn.active {}
    .checkFot {display: block;margin-top: 7%;}
    .checkFot li{}
    .checkFot li b{display: block;font-size: 18px;text-align: center;}
    .checkFot li small{display: block;font-size: 14px;text-align: center;}
    .checkFot li a {display: block;font-size: 26px;text-align: center;margin-top: 5%;}
}