/* CSS Document */

/* recruit
------------------------------------------------------------------------------------ */
.recruit_list .title{
	font-size: 1.375em;
	padding-bottom: 30px;
	font-weight: bold;
}
.recruit_list .text .lead{
	padding-bottom: 25px;
	font-size: 1.125em;
	color: #F40000;
	font-weight: bold;
}
.recruit_list .text p{
	padding-bottom: 16px;
}
@media screen and (min-width:768px) {
.recruit_list .text p{
	font-size: 0.875em;
}
}
.recruit_list img{
	display: block;
}
.inner_title_box .inner_title{
	font-size: 1.125em;
	font-weight: bold;
}
.inner_title_box .inner_title span{
	display: block;
	margin-top: -1.18em;
	padding-left: 10px;
}
.inner_title_box .inner_title:before{
	display: block;
	content: "";
	width: 4px;
	height: 1em;
	background-color: #000;
}
.table_list li{
	padding-bottom: 30px;
}
.table_list li table{
	width: 100%;
	border: 1px solid #000;
	font-size:0.875em;
}
.table_list li table th{
	width: 22%;
	background-color: #E3E3E3;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	padding: 10px 20px;
}
.table_list li table td{
	width: 78%;
	border-bottom: 1px solid #000;
	padding: 10px 20px;
}
.table_list li table tr:last-child th,
.table_list li table tr:last-child td{
	border-bottom: none;
}
.form_list dt{
	padding-bottom: 2px;
}
@media screen and (min-width:768px) {
.form_list dt{
	font-size: 0.875em;
}
}
.form_list dt span{
	color: #FF0000;
}
.form_list dd{
	padding-bottom: 20px;
}
.form_list dd span{
	display: inline-block;
	padding-left: 10px;
	vertical-align: bottom;
}
.form_list dd input,
.form_list dd select,
.form_list dd textarea{
	box-sizing:border-box;
	border: 1px solid #CCCCCC;
	padding: 10px;	
	font-size: 0.875em;
}
.maincont .btn_normal{
	position:relative;
}
.maincont .btn_normal input[type="submit"]{
	position:relative;
	display: block;
	width: 100%;
	background:#F40000 url(../images/bg_border.png);
	padding:10px 15px;
	background-size:5px auto;
	font-weight:bold;
	color:#FFF;
	line-height: 1.2;
	text-align:center;
	cursor: pointer;
	border-radius:0;
}
.maincont form .btn_normal:after {
	position:absolute;
	top:8px;
	right:15px;
	content:"\f105";
	font-family: FontAwesome;
	font-weight:normal;
	color: #fff;
	cursor: pointer;
}

@media screen and (max-width:767px) {
.recruit_list > li{
	padding-bottom: 30px;
}
.recruit_list .title{
	padding-bottom: 15px;
}
.recruit_list .text .lead{
	padding-bottom: 12.5px;
}
.recruit_list .text p{
	padding-bottom: 8px;
}
.recruit_list .detaile > img{
	display: none;
}
.inner_title_box{
	padding-top: 0;
}
.inner_title_box .inner_title{
	padding-bottom: 9px;
}
.table_list li table th{
	padding: 5px 10px;
}
.table_list li table td{
	padding: 5px 10px;
}
.maincont .btn_normal{
	width: 100%;
}
.form_list{
	padding: 5px 0 20px 0;
}
.form_list dd input,
.form_list dd select,
.form_list dd textarea{
	padding: 10px;
	font-size:16px;
	border-radius:0;
}
.form_list dd textarea{
	width: 100%;
	resize: none;
}
.maincont .btn_normal input[type="submit"]{
	-webkit-appearance : none;
}

.size01{ width: 100%;}
.size02{ width: 100%;}
.size03{ width: 100%;}
.age{ width: 30%;}
}
@media print, screen and (max-width:480px) {
.table_list li table th{
	width: 34%;
	padding: 5px 10px;
}
.table_list li table td{
	width: 66%;
	padding: 5px 10px;
}
}
@media screen and (min-width:768px) {
.recruit_list > li{
	padding-bottom: 40px;
}
.recruit_list .title{
	padding-bottom: 30px;
}
.recruit_list .text .lead{
	padding-bottom: 25px;
}
.recruit_list .text p{
	padding-bottom: 16px;
}
.recruit_list .text .gray .last{
	padding-bottom: 0px !important;
}
.recruit_list .text{
	width: 67%;
	float: left;
	box-sizing: border-box;
}
.recruit_list img{
	width: 30%;
	float: right;
}
.inner_title_box{
	padding-top: 15px;
}
.inner_title_box .inner_title{
	padding-bottom: 8px;
}
.form_list{
	padding: 20px 0 10px 0;
}
.form_list dd textarea{
	width: 580px;
	resize: none;
}
.size01{ width: 300px;}
.size02{ width: 350px;}
.size03{ width: 150px;}
.maincont .btn_normal{
	width: 400px;
}
.maincont .btn_normal{
	font-size:1.125em;
}
.maincont .btn_normal:hover input[type="submit"] {
	background:#FF4646 url(../images/bg_border.png);
	background-size:5px auto;
}
}


/* gnavi current */

@media print, screen and (min-width:768px) {
.area_gnavi .nav_recruit a:after {
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	height:2px;
	content:"";
	background:#F40000;
}
}