@charset "utf-8";


@media only screen and (min-width: 768px), print {


/* recruit setting
=========================================*/

.recruit .colWrap .col{
	float: left;
}
.recruit .colWrap .col.textBox{
	width: 480px;
	padding: 35px 20px 25px 40px;
}
.recruit .colWrap .col.imgBox{
	width: 660px;
}

.recruit .topTitle{
	margin-top: 0;
	font-size: 26px;
	font-weight: bold;
}
.recruit .colWrap .subTitle{
	font-size: 20px;
	font-weight: bold;
}
.recruit .colWrap .subTitle.recruitMt{
	margin-top:0.7em;
}

.recruit .iconList01.colStyle2{
	margin-top: 0;
}
.recruit .iconList01.colStyle2 > li{
	width: auto;
}
.recruit .colWrap.bgcolor01{
	background-color: #f0f8f8;
}
.recruit .colWrap.bgcolor02{
	padding: 50px 40px;
	margin-top: 40px;
	background-color: #fff7e7;
}
.recruit .colWrap.bgcolor02.bgcolorType2{
	background-color: #f0f8f8;

	background-repeat:no-repeat;
	background-position:center bottom;
	padding-bottom:100px;
}
.recruit .colWrap.bgcolor03{
	margin-top: 40px;
	background-color: #eaf5f0;
}
.recruit .colWrap.bgcolor02 .col{
	padding: 0;
	width: 50%;
}
.recruit .colWrap.bgcolor02 .col.textBox02{
}
.recruit .colWrap.bgcolor02 .topTitle{
	background: url(/hc/recruit/img/index_bg01.png) repeat-x 0 bottom;
}
.recruit .colWrap.bgcolor02 .iconList01.colStyle2 > li{
	width: auto;
	margin-left: 0;
	margin-right: 10px;
}
.recruit .colWrap.bgcolor02 .textLinkList{
	margin-top: 0;
}
.recruit .colWrap.bgcolor02 .textLinkList .textLink{
	margin-top: 5px;
	margin-right: 0;
	width: 50%;
}
.recruit .colWrap.bgcolor02 .noteList01{
	margin-top: 5px;
}

.recruit .colWrap.bgcolor04{
	background-color: #ffe7e7;
}
.recruit .colWrap.recruit_colWrap_bgcolor{
	margin-top: 40px;
}
.recruit_colWrap_bgcolor > .topTitle{
	margin: 0 40px;
	padding-top: 25px;
}
.recruit .colWrap.recruit_colWrap_bgcolor .col.textBox {
	padding: 0 15px 0 40px;
}


.recruit .cornerDoorBtnList ul{
	margin-top: 0;
}
.recruit .cornerDoorBtnList ul li{
	margin-top: 10px;
}

/*recruitGroupLink*/
.recruitGroupLink{
	background: url(/hc/recruit/img/index_bg01.png) repeat-x 0 bottom;
	padding-bottom:8px;
	padding-top:8px;
}
.recruit .colWrap.bgcolor02 .textLinkList.recruitGroupLink .textLink{
	margin-top:0px;
}



.pcW590{
	width:590px !important;
	float:right !important;
}
.pcW380{
	width:380px !important;
}




/*=================================

	clearfix

=================================*/
.recruit .colWrap:after {
	content: "";
	display: block;
	clear: both;
}

}