@charset "UTF-8";

/* index.css
=========================================== */



/* common 
***************** */

.entryBlock{
	display: none;	
}

.ttl_top .topTtl{
	display: none;
}


@media screen and (max-width:768px){
  
	.ttl_top img{
		display: none;
	}
	#main .topTtl{
		display: block;
		position: relative;
		padding: 12px 10px 7px 20px;
		background: #0088d1;
		color: #fff;
		font-size: 18px;
		font-weight: bold;
		border-bottom: 2px solid #026ba9;		
	}
	#mainContents #main .ttl_top {
		margin-bottom: 0;
	}
	
	#main .topTtl:before {
		content: '';
		display: block;
		width: 3px;
		height: 14px;
		background: #61abee;
		position: absolute;
		top: 50%;
		left: 10px;
		margin-top: -7px;
	}
	
	#main .subTtl_bl{
		background: #007fc9;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 12px 15px;
		line-height: 1.2!important;
		width: 100%;
	}
	
	#main .ttl_bl{
		background: #007fc9;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		padding: 12px 15px;
		line-height: 1.2;
		width: 100%;
	}
	
	.entryBlock{
		display: block;	
	}
	
	.entryBlock .contentBlock{
		width: 100%;
	}
	.entryBlock .contentBlock .item{
		border: 1px solid #00a0e9;
		width: 49%;
    	float: left;
    	margin: 0 0.5%;		
	}
	.entryBlock .contentBlock .item .fL{float: left;}
	.entryBlock .contentBlock .item .fR{float: right;}
	
	.fullBlock {
		width: 100%!important;
		display: block;
	}
	.entryBlock .subTtl{
		font-weight: bold;
		font-size: 18px;
		text-align: center;
		line-height: 1.2;
	}
}



/* トップメッセージ
***************** */

#mainContents #main .article .section p.pic {
	margin-left: 10px;
	float: right;
	width: 245px;
}

.subTtlBlock img{
	display: block;
}

.subTtlBlock .txt{
	display: none;
}



/* 応募する
=========================================== */
.aplBtn{
	width: 448px;
	margin: 40px auto 0;
}
.aplBtn a{
	padding: 37px;
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f80101',EndColorStr='#cc0000',GradientType=1)";

	background:-webkit-linear-gradient(135deg, #f80101, #cc0000);
	background:-moz-linear-gradient(135deg, #f80101, #cc0000);
	background:-o-linear-gradient(135deg, #f80101, #cc0000);
	background:linear-gradient(135deg, #f80101, #cc0000);

	font-size: 128.571%;
	line-height: 1;
	text-align: center;
	display: block;
	position: relative;
}
#mainContents .aplBtn a:link,
#mainContents .aplBtn a:active,
#mainContents .aplBtn a:visited{
	color: #fff;
	text-decoration: none;
}

.aplBtn a:hover{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorStr='#f80101',EndColorStr='#cc0000',GradientType=1)";

	background:-webkit-linear-gradient(135deg, #f80101, #cc0000);
	background:-moz-linear-gradient(135deg, #f80101, #cc0000);
	background:-o-linear-gradient(135deg, #f80101, #cc0000);
	background:linear-gradient(135deg, #f80101, #cc0000);
}
.aplBtn a:after{
	content: "";
	display: block;
	width: 11px;
	height: 100%;
	background: url(/recruit/employee/images/employee/aplbtn_arw.png) center center no-repeat;
	position: absolute;
	top: 0;
	right: 30px;
}
.ie9 .aplBtn a{
	width: 100%;
	box-sizing: border-box;
	display: table;
}


@media screen and (max-width:768px){
	
	
	.subTtlBlock img{
		display: none;
	}

	.subTtlBlock .txt{
		display: block;
	}
	
	#mainContents #main .wbox {
		width: 100%;
	}
	
	#mainContents #main .article .wbox {
		margin: 0;
	}
	
	#mainContents #main .article .msg_nav {
		width: 100%;
	}
	
	#mainContents #main .article .section {
		width: 100%;
		margin: 0;
	}
	
	#mainContents .itemText {
		display: table-cell;
		vertical-align: middle;
		width: 75%;
		color: #333;
		padding: 5px 5px 4px 8px;
	}
	#mainContents .itemImage {
		display: table-cell;
		vertical-align: middle;
		width: 25%;
	}
	
	#mainContents .itemText .top_msg_txt{
		font-weight: bold;
		font-size: 17px;
		line-height: 1.6;
		padding-left: 15px;
	}
	
	#mainContents .itemText span {
		font-size: 13px;
		line-height: 1.3;
		display: block;
   	 	padding-left: 15px;
	}
	
	#mainContents #main .article .section p.pic {
		float: initial;
		max-width: 200px;
		margin: 0 auto 20px auto;
	}
	
	#mainContents #ceoMsg{
		padding: 20px 15px 10px 15px;
    	box-sizing: border-box;
		font-size: 13px!important;
	}
	#mainContents #ceoMsg .ttl{
		position: relative;
		font-size: 16px;
		font-weight: bold;
		line-height: 1;
		border-bottom: 2px solid #ccc;
		padding-bottom: 10px;
		margin-bottom: 15px!important;
	}
	#mainContents #ceoMsg .ttl:after {
		content: '';
		position: absolute;
		display: block;
		left: 0;
		bottom: -2px;
		width: 50px;
		height: 2px;
		background: #00a0e9;
	}
	#mainContents #ceoMsg p{
		line-height: 1.4!important;
	}
	
	#mainContents .articleWrap{
		padding: 0px 15px;
    	box-sizing: border-box;
		font-size: 13px!important;
	}
	
	#mainContents .articleWrap p{
		line-height: 1.4!important;
	}
	
	
	/* 応募する */	
	#mainContents .aplBtn{
		display: none;
	}
}