@charset "utf-8";

/* ======================
汎用パーツ
======================* /

/** 横幅とかいい感じに **/
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
dl,dt,dd{
	margin:0;
	padding:0;
}

#main .content{
	padding:0;
}


.pc_ { display:block; }
.sp_ { display:none; }
@media screen and (max-width:768px){
	.pc_ { display:none; }
	.sp_ { display:block; }
}


/*******************************
 自由ヘッダー
*******************************/

#header .content{
	/*background:url(../../jobfind-pc/original/images/background_nav.png) repeat-x left bottom ;*/
	height:110px;}


#headContent .free .top_menu .tel_link1{
	width:45%;}

#headContent .free .top_menu .jfml-language-bar{
	text-align: right;
	width:55%;}

#container{
	}

.headingThirdly, .headingThirdly-b, .headingThirdly-r {
    border-bottom: 1px dashed #00a728;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
    margin-top: 0px !important ;
    position: relative;

}
.headingThirdly::after, .headingThirdly-b::after, .headingThirdly-r::after {
    background: none repeat scroll 0 0 #00a728;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 210px;
}
.headingThirdly > span, .headingThirdly-b > span, .headingThirdly-r > span {
    display: block;
    padding-bottom: 8px;
}
.headingThirdly-b {
    border-color: #6a430a;
}
.headingThirdly-b::after {
    background: none repeat scroll 0 0 #6a430a;
}

.inquiry_rap{
	margin:20px 0;
	}
.inquiry_rap a{
	background:url("/jobfind-multilanguage/images/link.png") no-repeat 0 center;
	padding-left:15px;
	}




/*********
PC用ヘッダ
**********/
#header .background_color{
    background-color: #fff;
    border-top: 4px solid #00a727;
    height: 102px;
}

#header .content .free .pc_header_rap{
	max-width:980px;
	margin:auto;
	width:100%;
	}
#header .content .free .pc_header_rap img{
	float:left;
	margin-top:10px;
	max-width:120px;
  /*max-width:156px;*/
	max-height:72px;
	width:100%;
	height:auto;
	}
#header .content .free .pc_header_rap h1{
	color:#000;
	float:right;
	margin-top:58px;}

#headContent .free .top_menu .tel_link1 span.txtWrap br{
	display:none;}

/*********
SM用ヘッダ
**********/
#header .content .free .sm_headar_rap{
	display:none;
	}




/*******************************
 自由フッター
*******************************/

#footer .content .free {
	width:100%;}


#footer .content .free .footer_rap{
    padding-top: 27px;}

#footer .content .free .footer_rap .rcop{
	    color: #b2b2b2;
    float: left;
    font-size: 10px;
    width: 150px;
	}


#footer .content .free .footer_rap > div {
    background: #fff;
    padding: 19px 0;
}
#footer .content .free .footer_rap > div > div {
    margin: 0 auto;
    position: relative;
    text-align: center;
    width: 100%;
}


#footer .content .free .footer_rap > div > div .navSub {
    margin-bottom: 10px;
}
#footer .content .free .footer_rap > div > div .navSub ul li {
    display: inline-block;
    margin-right: 10px;
}
/* 未使用 */
#footer .content .free .footer_rap > div > div .navSub ul li a {
    background: url("../../jobfind-pc/original/images/link_05.png") no-repeat ;
    color: #4c4c4c;
    font-size: 12px;
}
#footer .content .free .footer_rap > div > div .navSub ul.linkList {
    margin-top: 0;
}
#footer .content .free .footer_rap > div > div .navSub ul.linkList li {
    margin-top: 0;
}
#footer .content .free .footer_rap > div .copyright {
    color: #b2b2b2;
    font-size: 10px;
}
#footer .content .free .footer_rap > div .copyright .logo {
    position: absolute;
    right: 0;
    top: -10px;
}
.footer.plain .stage {
    background: none repeat scroll 0 0 white;
    padding-top: 0;
}
.footer.plain .stage > div {
    background: none repeat scroll 0 0 white;
}

#footer .content .free .sm_footer_rap{
	display:none;}



.button span, .button-l span, .button-xl span, .button-r span, .button-rl span, .button-rxl span {
    background: url("/jobfind-multilanguage/images/button.png") no-repeat scroll right center rgba(0, 0, 0, 0);
    display: block;
    padding-right: 15px;
}
.button:hover, .button-l:hover, .button-xl:hover, .button-r:hover, .button-rl:hover, .button-rxl:hover {
    background: none repeat scroll 0 0 #d9f2df;
    color: #00a728 !important;
    text-decoration: none;
}
.button:hover span, .button-l:hover span, .button-xl:hover span, .button-r:hover span, .button-rl:hover span, .button-rxl:hover span {
    background: url("/jobfind-multilanguage/images/button_on.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}


/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {}
#headContent .free .top_menu{
	padding:30px 0;
	margin:auto;
}

#headContent .free div.top_img_rap{
	clear:both;
	margin: 0 auto 3%;
    max-width: 980px;
	overflow:hidden;}

#headContent .free div.top_img_rap img {
	max-width: 980px;
	width:100%;
	max-height: 100%;
	height:auto;
}

/* ============================
 スタッフインタビュー
============================ */
#bottomContent div.freeHead div.stf_itv_rap{
	margin-bottom:2%;}

#bottomContent div.freeHead div.stf_itv_rap div.st_name{
	font-size:16px;
	font-weight:bold;
	color:#006436;
	margin:2% 2% 2.5%;}

#bottomContent div.freeHead div.stf_itv_rap dl{
	margin:0 2% 0}

#bottomContent div.freeHead div.stf_itv_rap dl dt{
    border-bottom: 1px dashed #00a728;
    font-size: 18px;
    font-weight: bold;
	margin-bottom:1%;
	position:relative;
	}

#bottomContent div.freeHead div.stf_itv_rap dl dt:nth-of-type(2){
	margin-top:2%;
	}

#bottomContent div.freeHead div.stf_itv_rap dl dt:after{
    background: #00a728 none repeat scroll 0 0;
    bottom: -1px;
    content: "";
    display: block;
    height: 2px;
    left: 0;
    position: absolute;
    width: 210px;	}

#bottomContent div.freeHead div.stf_itv_rap dl dt span{
	display: block;
    padding-bottom: 4px;}

#bottomContent div.freeHead div.stf_itv_rap dl dd{}

#bottomContent div.freeHead div.stf_itv_rap dl dd:nth-of-type(3){
	margin-bottom:3%;}


#bottomContent div.freeHead div.stf_itv_rap dl dd p{
	padding-bottom:3%;}

#bottomContent div.freeHead div.stf_itv_rap dl dd div{
	overflow:hidden;
    margin-bottom: 10px;}

#bottomContent div.freeHead div.stf_itv_rap dl dd div div.right_img{
	float:right;
	margin-left:1.5%;
	max-width:426px;
	width:100%;
	height:auto;}
#bottomContent div.freeHead div.stf_itv_rap dl dd div.left_img img,
#bottomContent div.freeHead div.stf_itv_rap dl dd div div.right_img img{
	max-width:426px;
	width:100%;
	height:auto;}


#bottomContent div.freeHead div.stf_itv_rap dl dd div.left_img{
	float:left;
	margin-right:1.5%;
	max-width:426px;
	width:100%;
	height:auto;
	}

/* #bottomContent div.freeHead div.stf_itv_rap div.itv_btm_img{
	max-width:855px;
	width:100%;
	height:auto;
	margin:auto;}

#bottomContent div.freeHead div.stf_itv_rap div.itv_btm_img img{
	width:100%;
	height:auto;}
 */

/****************************************
インタビューリンク
****************************************/

#bottomContent div.freeHead div.itv_rap{
	border-top: 1px dashed #b38658;
    padding-top: 3%;
    width: 100%;}



/********* 戻るボタン  ***************/

#scroll_pagetop{
	position:absolute;
	right:2%;
	}


/******************************************* レスポンシブ *****************************************************************/


/*******************************
 自由ヘッダー
*******************************/

@media screen and (max-width: 768px) {
div#container{
	width:100%;}
#main .content {
    width: 94% !important;
	padding:10px;
}
	#header .content{
	height:63px;}

#headContent .free .top_menu{
	text-align:center;
}

#headContent .free .top_menu, #header .content .free .top_menu{
	padding:10px 0 15px;}


#headContent .free .pc_map{
	display:none;}

.button, .button-l, .button-xl, .button-r, .button-rl, .button-rxl {
	width:100%;}


#headContent .free .top_menu .jfml-language-bar{
	text-align:center;
	width:100%;
	margin:auto;}


#headContent .free .top_menu .tel_link1{
	float:none;
	margin:0 auto 10px;
	width:100%;}

#headContent .free .top_menu .tel_link1 span.tel_link1-2{
	display:block;}

/*********
PC用ヘッダ
**********/
#header .content .free .pc_header_rap h1{
	display:none;}



/*********
SM用ヘッダ
**********/



  #header .content{
	  background:none;
	  }
  #header .content .free .pc_header_rap{
	  display:none;
	  }
  /****
  TOP スマ用メニュー
  ****/
  #header .content .free .sm_headar_rap{
	  display:block;
	  /*background:url(../../jobfind-pc/original/images/sm_background_nav.png) repeat-x scroll 0 0 / 1px 61px ;*/
	  /*height:56px;*/
    height:62px;
	  /*border-top: 1px solid #b5b1b0;*/
	  /*box-shadow: 0 0 10px rgba(100, 62, 17, 0.2);*/
	  position: relative;}

  #header .content .free .sm_headar_rap .sm_logo_rap{
	  position:absolute;
	  top:7px;
  }

  #header .content .free .sm_headar_rap .sm_logo_rap img{
	  max-width:142px;
	  max-height:47px;
	  /*width:100%;
	  height:auto;*/}

  #header .content .free .sm_headar_rap .sm_menu_btn{
	  position:absolute;
	  top:0;
	  right:0;
	  }

  #header .content .free .sm_headar_rap .sm_menu_btn img{
    max-width: 65px;
    max-height: 62px;
}

  #header .content .free .sm_headar_rap .sm_menu_btn.active{
	  background: url("/jobfind-multilanguage/images/close.png") no-repeat center center / 100% ;
	  display: block;
    max-width: 65px;
    max-height: 62px;
	  }
  #header .content .free .sm_headar_rap .sm_menu_btn.active img{
	  display:none;}


  /****
  プルダウンで出るメニュー
  ****/
  #header .content .free .sm_menu_rap{
	  background: none repeat scroll 0 0 #00a728;
	  box-sizing: border-box;
	  display: none;
	  padding: 10px;
	  position: absolute;
	  width: 100%;
	  z-index: 99;
	  /*top:64%;*/
	  /*top:100%;*/
	  right:0;}

  #header .content .free .sm_menu_rap ul{
		  font-size: 18px;
	  margin-bottom: 10px;}

  #header .content .free .sm_menu_rap ul li{
	  margin-bottom: 5px;}

  #header .content .free .sm_menu_rap ul li a
  {    background: none repeat scroll 0 0 white;
	  border-radius: 4px;
	  display: block;
	  padding: 10px;}

  #header .content .free .sm_menu_rap ul li a strong{
  background: url("/jobfind-multilanguage/images/arrow.png") no-repeat scroll right center / 5px 10px rgba(0, 0, 0, 0);
	  display: block;	}

#main div.content div#headContent div.free div.top_menu div.tel_link1{
	float:none;
	margin:0 auto 10px;}
#headContent .free .top_menu .tel_link1 span.txtWrap br{
	display:block;}

/*******************************
スタッフインタビュー
*******************************/
#bottomContent div.freeHead div.stf_itv_rap dl dd div.left_img,
#bottomContent div.freeHead div.stf_itv_rap dl dd div div.right_img{
	float:none;
	margin:0 auto 2%;}
/*--  170330修正--*/
  #bottomContent .freeHead .itv_rap{
  	width:100%;
  	max-width: 920px;
  	margin: 0 auto;
  	zoom: 1;
  	}
  #bottomContent .freeHead .itv_rap:after {
  	visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
  }
  #bottomContent .freeHead .itv_rap .itv_box{
  	box-sizing: border-box;
  	background:#fffcf1;
      border: 1px solid #b2e4be;
      border-radius: 3px;
      display: block;
      height: auto;
      margin-bottom: 20px;
      overflow: hidden;
      padding: 20px;
      width: 32%;
  		float: left;
  	}

  #bottomContent .freeHead .itv_rap .itv_box:nth-of-type(5),
  #bottomContent .freeHead .itv_rap .itv_box:nth-of-type(2){
  	margin:0 2% 20px;
  	}

  #bottomContent .freeHead .itv_rap .itv_box img{
  	/*max-width:252px;*/
  	max-width:450px;
  	margin:auto;
  	width:100%;
  	height:auto;}

  #bottomContent .freeHead .itv_rap .itv_box .text_rap{
  	max-width:252px;
  	margin:auto;
  	width:100%;
  	/*float:left;

  	margin-left:20px;	*/
  	}

  #bottomContent .freeHead .itv_rap .itv_box .text_rap h3 /** ここだけ例外 **/
  {
  	height:70px;
  	font-weight:bold;
  	margin:15px 0;
  	}

  #bottomContent .freeHead .itv_rap .itv_box .text_rap dl{

  	}
  #bottomContent .freeHead .itv_rap .itv_box .text_rap dl dt{
  	height:60px;
  	margin-bottom:10px;}

  #bottomContent .freeHead .itv_rap .itv_box .text_rap dl dd{}

  #bottomContent .freeHead .itv_rap .itv_box .text_rap dl dd p{
  	margin-top:30px;}

  #bottomContent .freeHead .itv_rap .itv_box .text_rap dl dd a{
  	background:url("/imfo/images/link.png") no-repeat 0 40%;
  	padding-left:15px;
  	}

  #bottomContent .freeHead div.welcome_rap{
  	margin:40px auto;
  	text-align:center;
  	}

  #bottomContent .freeHead div.welcome_rap span{
  	font-size:16px;}



/*******************************
 自由フッター
*******************************/
#footer .content .free .footer_rap > div > div {
    width: 100%;
}

#footer .content .free .footer_rap .rcop,
#footer .content .free .footer_rap .copyright
{
	display:none;}

#footer .content .free .sm_footer_rap{
	display:block;
  padding-left: 10px;
}

#footer .content .free .sm_footer_rap .copyright{
	display:block;
	font-size:14px;
	line-height:1em;
	text-align:left;}


}


@media screen and (max-width: 650px) {
#bottomContent .freeHead .work_intr_rap .work_dscp{}

#bottomContent .freeHead .work_intr_rap div.work_dscp .left_cont{
	float:none;
	margin: auto;
    width: 100%;}


#bottomContent .freeHead .work_intr_rap div.work_dscp .left_cont img{
	height: auto;
    margin: auto;
    max-width: 300px;
    width: 100%;}

#bottomContent .freeHead .work_intr_rap div.work_dscp .right_cont{
	float:none;
	width:95%;	}

#bottomContent div.freeHead div.day_flow div.day_flow_entry .left_cont{
	float:none;
	width:80%;
	margin:0 auto 3%;}

#bottomContent div.freeHead div.day_flow div.day_flow_entry .right_cont{
	float:none;
	width:80%;
	margin:0 auto 3.5%;}

#bottomContent div.freeHead div.day_flow dl dd{
	margin: 3% 0 3% 3%;}

}


@media screen and (max-width: 830px) {
	/* ----------------------------------------------------------------
	    スタッフインタビュー
	----------------------------------------------------------------*/
	#bottomContent .freeHead .itv_rap{
		width:94%;
		margin:auto;
		padding: 0 3%;
	}

	#bottomContent .freeHead .itv_rap .itv_box{
		width:48%;
		height:auto;
	}

		#bottomContent .freeHead .itv_rap .itv_box:nth-of-type(5),
		#bottomContent .freeHead .itv_rap .itv_box:nth-of-type(2) {
			margin:0;
			margin-bottom: 15px;
		}
	#bottomContent .freeHead .itv_rap .itv_box:nth-child(1) ,
	#bottomContent .freeHead .itv_rap .itv_box:nth-child(3) ,
	#bottomContent .freeHead .itv_rap .itv_box:nth-child(5) {
		margin: 0 4% 20px 0;
	}
	#bottomContent .freeHead .itv_rap .itv_box img{
		float:none;
		width:100%;
		margin:auto;
		}

	#bottomContent .freeHead .itv_rap .itv_box .text_rap h3 {
		margin-top:20px;}


	#bottomContent .freeBottom .retop{
			position:absolute;
		right:30px;
		bottom:2px;
		}


	#bottomContent .freeBottom .retop img{
		width:25px;
		height:auto;
		}
}
@media screen and (max-width:710px){
/* ----------------------------------------------------------------
    スタッフインタビュー
----------------------------------------------------------------*/
#bottomContent .freeHead .itv_rap{
	width:100%;
	margin:auto;
	padding: 0;
}

#bottomContent .freeHead .itv_rap .itv_box{
	max-width: 710px;
	padding:2%;
	width: 100%;
	margin: 0 auto 20px !important;
	float: none;
}

#bottomContent .freeHead .itv_rap .itv_box img{
	float:none;
	width:90%;
	margin:4% auto 0;
	}

#bottomContent .freeHead .itv_rap .itv_box .text_rap{
	margin:0 auto 2%;
	width:100%;
	}

#bottomContent .freeHead .itv_rap .itv_box .text_rap h3 {
	margin:20px auto 0;}

#bottomContent .freeHead .itv_rap .itv_box:nth-of-type(5),
#bottomContent .freeHead .itv_rap .itv_box:nth-of-type(2) {
	margin:0 0 20px;
}

#bottomContent .freeHead .itv_rap .itv_box .text_rap dl{
	max-width:250px;}

#bottomContent .freeHead .itv_rap .itv_box .text_rap dl dd a{
	font-size:110%;}


#bottomContent .freeHead div.welcome_rap{
	font-size:110%;
	font-weight:bold;
	}

#bottomContent .freeHead div.welcome_rap span{
	display:block;}

}