@charset "UTF-8";


#page_header {
	width:100%;
	height:284px;
	background-image:url(./image/page_header.png);
	background-repeat:no-repeat;
	background-position:center;
	}

.back_red02{
	background-color:#C30D23;
	
	}

.v_arign img{
	vertical-align:top;
	margin:0px;
	padding:0px;
	}
	
.w900{
	width:900px;
	margin:0 auto;
	padding:30px 0px;
	}
h3 {
	margin-bottom:0.25em;
	font-size:24px;
	margin-top:30px;
}	
.h2_30 {
	padding-top:30px;
	font-size:30px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:left;
	padding-bottom:20px;
	}
	
.p_rl30{
	padding:0px 50px;
	}	
.mb50{
	margin-bottom:50px;
	}	
.text_recruit{
	font-size:14px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	line-height:1.4;
	}
.text_recruit02{
	font-size:18px;
	}
.border_bottom{
	border-bottom:#999999 dotted 2px;
	}
#image-btn {
    border: 0px;
    width: 656px;
    height: 93px;
    background: url(image/contact.png) center top no-repeat;
}


table.work{
	background-color:#FFF;
	border:#999 2px solid;
	}
td.left_b{
	border-left:#999 2px solid;}
	
.font_up{
	font-size:150%;
	margin-bottom:0px;
	}
dt {
	margin-bottom:0em;
	border-bottom:none;
}

/*================================================
 *  タブレット向けデザイン
 ================================================*/
/* スクロールバーを考慮して20px大きいサイズで切り替え */
@media screen and (max-width:979px) {
	#page_wrap{
	height:0;
	padding-top:34%;
	background-image:url(images/header_img_sp.png);
	background-repeat:no-repeat;
	background-position:0 0;
	background-size:contain;
	margin-top:130px;
	}
	h1{
		display:none;
		}
	
.w900{
	width:90%;
	margin:0 auto;
	padding:10px;
	}
	#image-btn {
    border: 0px;
    width: 300px;
    height: 45px;
    background: url(images/contact_sp.png) center top no-repeat;
}
#page_header {
	margin-top:220px;
	height:0;
	padding-top: 28.28%;
	background:url(./image/page_header_sp.png) 0 0 no-repeat;
	background-size:contain;
	
}
.pb30p{
	padding-bottom:30px;
	}
	

}

/*================================================
 *  スマートフォン向けデザイン
 ================================================*/
@media screen and (max-width:767px) {
	
#page_header {
	margin-top:80px;
	height:0;
	padding-top: 28.28%;
	background:url(./image/page_header_sp.png) 0 0 no-repeat;
	background-size:contain;
	
}


.w900{
	width:90%;
	margin:0 auto;
	padding:10px;
	}
h2{
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		width: 100%;
		margin: 0px auto 0px;
		font-size: 18px;
		font-weight:normal;
		padding-bottom:0em;
		text-align: left;
		line-height:1.2;
		
		}
.font_up_250{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:120%;
	padding:5px;
	}
.text_recruit02{
	font-size:13px;
	}
#image-btn {
    border: 0px;
    width: 300px;
    height: 45px;
    background: url(image/contact_sp.png) center top no-repeat;
}
.h2_30 {
	padding-top:1.5em;
	font-size:18px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:left;
	padding-bottom:1em;
	line-height:1.2;
	}
h3 {
		margin-bottom:0.5em;
		font-size:14px;
		margin-top:0;
		text-align:left;
		font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
		}
.center img{
	vertical-align:top;
	width:100%;
	}
	
.sp_image img{
	display:none;
	}
.sp_w80 img{
	width:80%;
	}
}


