@charset "utf-8";
/*****************************************
	original.css（インタビュー用）
	企業固有のスタイルを指定
******************************************/

/*******************************
 ヘッダー
*******************************/
/* 固定ヘッダ */
#header .content div.regular{
	background-color:#ffffff; /* 背景 */
	color:#000000; /* 文字色 */
	height:69px; /* 高さ */
}
#header .content div.regular div.logo{
	padding-top:10px; /* 企業ロゴ表示開始位置 上 */
	padding-left:20px; /* 企業ロゴ表示開始位置 左 */
}
#header .content div.regular .note{
	bottom:5px; /* フリーコメント開始位置 下 */
	right:10px; /* フリーコメント開始位置 右 */
}
#main .content {
margin: 0 auto;
}
/*******************************
 フッター
*******************************/
/* フッタ関連の高さ指定 */
#footer .content .free{
	height:80px;/* ★1 自由フッタの高さ */
}
#footer .content .regular{
	height:0px; /* ★2 固定フッタの高さ */
}
#footer {
	height: 80px;  /* footerの高さ（ ★1＋★2 ）分指定する*/
}
#main .space{
	padding-bottom:80px; /* footerの高さ（★1＋★2）分指定する */
}
/* 固定フッタ */
#footer .content .regular{
	background-color:#d50000; /* 背景 */
	color: #ffffff; /* 文字色 */
}

/****************************************
 【共通】　width
****************************************/
/* width: 全体*/
#container {
  width: 100% !important;
}
#container #contents {}

/* width: ヘッダー*/
#header .content {
  width: 100%  !important;
}
/* width: メイン*/
#main .content {
	max-width: 980px !important;
	/* background: white none repeat scroll 0 0; */
	padding:30px;
	margin:auto;
	position:relative;
	width:92%;
}
#header .content .free .sm_headar_rap {
	display:none;
}
/* width: フッター*/
#footer .content .free {
  width: 100% !important;
}

/****************************************
 【共通】　その他
****************************************/


/* ==========================================
新規追加
========================================== */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{
margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{
line-height:1}
ol,ul{
list-style:none}
blockquote,q{
quotes:none}
blockquote:before,blockquote:after{
content:"";content:none}
q:before,q:after{
content:"";content:none}
:focus{
outline:0}
ins{
text-decoration:none}
del{
text-decoration:line-through}
table{
border-collapse:collapse;border-spacing:0}
h1,h2,h3,h4,h5,h6{
font-size:100%;font-weight:normal}
li img{
font-size:0;line-height:0;vertical-align:top}
h1,h2,h3,h4,h5,h6,strong{
font-weight:normal}
a{
cursor:pointer}
body{height:100%}
body{min-width:284px;font:14px/1.5 "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;-webkit-text-size-adjust:100%;}
a {
    color: #f60 !important;
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}


#container{
	background-color: #f9f0d9!important; }


.headingSecondly,
.headingSecondly-r {
    background: none repeat scroll 0 0 #00a728;
    border-left: 4px solid #016436;
    border-radius: 4px;
    color: white;
    font-size: 18px;
    font-weight: bold;
    margin-bottom: 20px;
}

.headingSecondly > span,
.headingSecondly-r > span {
    padding: 8px 10px;
}
.headingSecondly > span,
.headingSecondly-r > span {
    display: block;
    padding: 10px;
}


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

#main div.content div#bottomContent,
#headContent div.free div.cont_rap{
	background:#fff;
	border-radius:3px;
	padding:3% 3% 0;}

#header{
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;-webkit-text-size-adjust:100%;
}

#headContent{
	margin-bottom:0;}

#header .content{
	height:98px;}

#header .content .free {}

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



/* --- 文字サイズ変更 --- */
.fontsize-box {
	margin: auto;
	text-align: right;
	display: block;
	position: absolute;
	top: 12px;
	right: 0;
  padding-right: 30px;
}
.fontsize-box ol {
	display: inline-block;
	font-size: 0;
}
.fontsize-box ol li {
	display: inline-block;
	font-size: 14px;
	margin-left: 5px;
	vertical-align: middle;
}
.fontsize-box ol li a {
	background-color: #fff;
	display: block;
	padding: 2px 10px;
  border-radius: 5px;
    -o-border-radius: 5px;
    -ms-border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.fontsize-box ol li a#cgSmall {
	padding: 8px 14px;
  border: 1px solid #080;
}
.fontsize-box ol li a#cgMedium {
	font-size: 18px;
	padding: 5px 12px;
  border: 1px solid #080;
}
.fontsize-box ol li a#cglarge {
	font-size: 22px;
  border: 1px solid #080;
}
.fontsize-box ol li a.active {
	background-color: #e5ffe5;
}
.fontsize-box ol li a:link,
.fontsize-box ol li a:visited,
.fontsize-box ol li a:active,
.fontsize-box ol li a:hover {
  color: #008000 !important;
}

@media screen and (max-width: 768px) {
	.fontsize-box {
		display: none;
	}
}
/* */



/*******************************
 自由ヘッダ内
*******************************/
#headContent .free .top_menu,
#header .content .free .top_menu{
	/*margin-bottom:0; */
    max-width: 980px !important;
    /*padding: 30px 0 0;*/
    padding: 30px 30px 0;
	position: relative;
    /*width: 100%;*/
    width: 92%;
	margin:10px auto 0;
}

#headContent .free .top_menu .tel_link1,
#header .content .free .top_menu .tel_link1{
	max-width:480px;
	width:50%;
	float:left;
}

#headContent .free .top_menu .tel_link1 p,
#header .content .free .top_menu .tel_link1 p{
	color:#f60 !important;
	max-width:170px;
	width:100%;
	display:inline-block;}

#headContent .free .top_menu .tel_link1-2 a,
#header .content .free .top_menu .tel_link1-2 a{
	color:#f00 !important;
	font-size:20px;
	font-weight:bold;}



#headContent .free .top_menu .txtWrap,
#header .content .free .top_menu .txtWrap{
	display:block;
	font-size:12px;}

#headContent .free .top_menu .txtWrap br,
#header .content .free .txtWrap br{
	display:none;}

#headContent .free .top_menu .txtWrap br.brblock,
#header .content .free .txtWrap br.brblock{
	display:block !important;}

#headContent .free .top_menu .jfml-language-bar,
#header .content .free .top_menu .jfml-language-bar{
	display:block;
	float:right;
	width:50%;
	text-align:right;
	}

#header .content .free .top_menu .jfml-language-bar ul{}

#headContent .free .top_menu .jfml-language-bar ul li,
#header .content .free .top_menu .jfml-language-bar ul li{
display: inline-block;
    font-size: 17px;
    list-style: outside none none;
    padding: 0 6px;
	}

#headContent .free .top_menu .jfml-language-bar ul li + li,
#header .content .free .top_menu .jfml-language-bar ul li + li {
    border-left: 1px solid #00a728;
}


/*******************************
 自由コンテンツ上
*******************************/
#headContent .free {}

#headContent .free .top_img_rap{
	margin-bottom:20px;
	vertical-align:top;}

#headContent .free .top_img_rap img{
	float:left;
	max-width:980px;
	max-height:350px;
	vertical-align:top;
	width:100%;
	height:auto;}

#headContent .free .top_img_rap_text{
	margin:2% auto;
	text-align:center;
	font-size:120%;
	}


/**************
エリアで探す
**************/
/***
PC
***/
#headContent .free .pc_map{
	position:relative;
	display:inline-block;
	width:100%;
	max-width:920px;
	max-height:640px;
	}

#headContent .free .pc_map .freeWordObj_ms{
	position:absolute;
	top:0;
	left:30px;
	width:450px;
	}

#headContent .free .pc_map .freeWordObj_ms .freeWordInput{
	width:337px;
}


#headContent .free .pc_map .freeWordObj_ms .freeWordInput #freeword{
    height: 42px;
    padding-left: 1%;
    width: 98%;
	float:left;
	font-size:16px;
		}

#headContent .free .pc_map .freeWordObj_ms .freeWordButton input#freewordsearch{
    display: inline-block;
    width: 100px;
	float:right;
	}

#headContent .free .pc_map .map_img_rap{
	margin:0 auto 45px;
	padding-top:70px;
	max-width:600px;
	max-height:330px;
	}

#headContent .free .pc_map .map_img_rap img{
	/*max-width:600px;
	max-height:330px;
	width:100%;
	height:auto;*/
}

.ta-c{
	text-align:center;
	display:block !important;}
.ta-c a{
	color:#fff !important;}


.ta-c .button,
.ta-c .button-l,
.ta-c .button-xl,
.ta-c .button-r,
.ta-c button-rl,
.ta-c .button-rxl {
    background: none repeat scroll 0 0 #00a728;
    border: 2px solid #00a728;
    border-radius: 4px;
    box-sizing: border-box;
    color: white;
    display: inline-block;
    margin:20px 0;
    padding: 10px;
    text-align: center;
    width: 295px;
}


.ta-c a.button-l span,
.ta-c .button span, .ta-c .button-l span, .ta-c .button-xl span, .ta-c .button-r span, .ta-c .button-rl span, .ta-c .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;
}
.ta-c a.button-l:hover,
.ta-c .button:hover, .ta-c .button-l:hover, .ta-c .button-xl:hover, .ta-c .button-r:hover, .ta-c .button-rl:hover, .ta-c .button-rxl:hover {
    background: none repeat scroll 0 0 #d9f2df;
    color: #00a728 !important;
    text-decoration: none;
}
.ta-c .button-l:hover span,
.ta-c .button:hover span, .ta-c .button-l:hover span, .ta-c .button-xl:hover span, .ta-c .button-r:hover span, .ta-c .button-rl:hover span, .ta-c .button-rxl:hover span {
    background: url("/jobfind-multilanguage/images/button_on.png") no-repeat scroll right center rgba(0, 0, 0, 0);
}


/*******************************
 自由サイドコンテンツ
*******************************/
#sideContent .free {
}

/*******************************
 自由コンテンツ中
*******************************/
#bottomContent .freeHead {
	margin-bottom:15px;
	padding-bottom:15px;
	position:relative;}



/****
スタッフインタビュー
****/
#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;
    width: 32%;
		float: left;
	}

.itv_box a {
    display: block;
    padding: 20px;
}
.itv_box.activeLink a, .itv_box a:hover {
    border: 3px solid #b2e4be;
    padding: 17px;
}
.itv_box a:hover {
	text-decoration: none!important;
}

#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%;
    color: #000;
	/*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{
    color: #f60;
    background: url(/jobfind-multilanguage/images/link.png) no-repeat 0 40%;
    padding-left: 15px;}

#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(/jobfind-multilanguage/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;}

#bottomContent .is_pc {
	display: block;
}
#bottomContent .is_sp {
	display: none;
}

.mt30{
	margin-top:30px !important;}
.mt40{
	margin-top:40px !important;}
.mb30{
	margin-bottom:30px !important;}
.mb40{
	margin-bottom:40px !important;}


/*******************************
 自由コンテンツ下
*******************************/

#main div.content div#bottomContent{
	padding:3%;}
#bottomContent .freeBottom {}


#bottomContent div.freeHead div#scroll_pagetop{
	position:absolute;
	right:12%;	}

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

#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 .rcop a{
	color: #b2b2b2 !important; }


#footer .content .free .footer_rap > div {
    background: #fff;
    padding: 46px 0 19px;
    /*padding: 19px 0;*/
}
#footer .content .free .footer_rap > div > div {
    margin: 0 auto;
    position: relative;
    text-align: center;
    max-width: 980px;
		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-multilanguage/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;
     font-family: "Verdana", "Droid Sans", sans-serif;
}
#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;}



/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
    ■clear.css
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/* ----------------------------------------------------------------
    Float Clearing
----------------------------------------------------------------- */
#bottomContent div.freeHead div.stf_itv_rap dl dd div,
#bottomContent div.freeHead div.itro_rap,
#bottomContent .freeHead .job_ctg ul
{
zoom:1;
}
#bottomContent div.freeHead div.stf_itv_rap dl dd div:after,
#bottomContent div.freeHead div.itro_rap:after,
#bottomContent .freeHead .job_ctg ul:after,
#bottomContent .freeHead .brd_ctg ul:after
{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/* ----------------------------------------------------------------
    clearfix
----------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

/********************************************
インラインで書いてあった要素
********************************************/

#footer .content .free .footer_rap .rcop {
    left: 0;
    position: absolute;
    top: 0;
}
#footer .footer_rap a {
    color: #b2b2b2 !important;
}

#footer .footer_rap a:link, #footer .footer_rap a:active
{
	color: #b2b2b2!important;
	text-decoration: none!important;
}

#footer .footer_rap a:visited {
	color: #b2b2b2!important;
	text-decoration: none!important;
}

#footer .footer_rap a:hover {
	color: #b2b2b2 !important;
	text-decoration: underline!important;
}


#header .content {
    height: 190px;
}
#header .background_color{
    background-color: #fff;
    border-top: 4px solid #00a727;
    height: 98px;
}
#header .content .free .pc_header_rap {
    padding-top: 12px;
    padding-left: 30px;
    padding-right: 30px;
    position: relative;
    max-width: 980px;
    width: 92%;
}
#header .content .free .pc_header_rap h1 {
    float: none;
    right: 0;
    position: absolute;
    top: 14px;
    padding-right: 30px;
}

@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: 768px) {

div#container{
	width:100%;}
#main .content {
    width: 92.4% !important;
	padding:10px;
}

	#header .content{
	height:auto;}

#header .content .free .top_menu .jfml-language-bar{
	width:100%;
	margin-bottom:15px;}

#headContent .free .top_img_rap_text{
	text-align:left;
	}
#header div.content div.free div.top_menu div.jfml-language-bar{
	text-align:center;}

#header .background_color{
  display: none;
}

/*********
SM用ヘッダ
**********/
#header .content .free .top_menu{
	text-align:center;
	margin-bottom:0; /** 多言語メニュー復活後は削除！！！！ **/
	padding:0;
  font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif!important;
	}


#header .content .free .top_menu .tel_link1{
	max-width:480px;
	margin: 10px auto 20px;
	width:100%;
	float:none;
}


  #header .content{
	  background:none;
	  }
  #header .content .free .pc_header_rap{
	  display:none;
	  }
  /****
  TOP スマ用メニュー
  ****/


  #header .content .free .sm_headar_rap{
	  position: relative;
	  background-attachment:scroll 0 0;
	  display:block;
	  height:62px;
    background-color: #fff;
    padding-left: 10px;
	}


  #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:58px;
	  max-height:61px;*/
    max-width:65px;
    max-height:62px;
	  /*width:100%;
	  height:auto;*/}

  #header .content .free .sm_headar_rap .sm_menu_btn.active{
	  background: url(/jobfind-multilanguage/images/close.png) no-repeat center center;
	  -webkit-background-size:100% 100%;
	  background-size:100%;
	  display: block;
	  /*height: 61px;
	  width: 58px;*/
    width:65px;
    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;	}


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

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


/********
電話のところ
********/

#header .content .free .top_menu .tel_link1 p {
	display:block;
	margin: auto;
    text-align: center;
}

#header .content .free .top_menu .txtWrap br{
	display:block;}




/* ----------------------------------------------------------------
  フッター
----------------------------------------------------------------*/
#footer .content .free .footer_rap > div {
    padding: 15px 0 19px;
}

#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;}
.ta-job .button-job {
    width: 100%;
    margin:  20px 0 0;
}
}

@media screen and (max-width:840px){
	/*--  「マザーリーフブランドについて」  --*/
#bottomContent .freeHead .heading_3 {
	font-size: 16px;
  margin-bottom: 15px;
	text-indent: 20px;
}
#bottomContent .heading_3:before {
	margin-top: -7.5px;
	width: 15px;
	height: 15px;
	background-size: cover;
}
.brand_text {
	width: 84%;
	padding: 15px 8%;
	padding-bottom: 15px;
	float: none;
}
#bottomContent .is_pc {
	display: none;
}
#bottomContent .is_sp {
	display: block;
}
.brand_img_wrap {
	float: none;
	width: 84%;
	margin: 0 auto;
	padding: 0 8%;
	padding-bottom: 15px;
}
.brand_img {
	width: 48%;
	max-width: 234px;
	margin-right: 0;
}
.brand_img_space {
	margin-left: 4%;
}
.brand_box:before {
	top: 50%;
  right: 5px;
	margin-top: -4.5px;
}
.brand_box:after {
	top: 50%;
  right: 5px;
	margin-top: 4.5px;
}
}



@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;}

}
@media screen and (max-width:420px){
#bottomContent .is_sp {
	display: none;
}
}