@charset "utf-8";

	header div{
		position:relative;
		height:30vw;
		text-align:left;
		background-image:url("../images/recruit/msg/header.png");
		background-position:left bottom;
		background-size:cover;
	}

	header div img{
		position:absolute;
		bottom:20px;
		left:20px;
	}

article{
	background-color:#F6F6F6;
}

article div{
	background-color:#F6F6F6;
	text-align:center;
}

article div HR{
	margin-left:auto;
	margin-right:auto;	
}


article p.title{
	clear:both;
	background-image:url("../images/recruit/interview/title.png");
	background-repeat: no-repeat;
	text-align:left;
	color:#082386;
	font-size:1.6em;
	margin-top:50px;
	margin-left:5%;
	margin-right:5%;
	padding-left:25px;
	padding-top:15px;
	padding-bottom:20px;
}
article p.detail{
	font-size:1.4em;
	text-align:left;
	line-height:1.5;
	margin-left:5%;
	margin-right:5%;
	padding-left:2px;
	padding-top:25px;
	padding-bottom:5px;
}
article p.detail img{
	float:left;
	margin-right:50px;
	margin-bottom:15px;
}

article p.pickup{
	font-size:1.6em;
	text-align:left;
	line-height:1.5;
	margin-left:5%;
	margin-right:5%;
	padding-left:2px;
	padding-top:25px;
	padding-bottom:5px;
	font-weight: bolder;
}
article p.footTitle{
	clear:both;
	color:#082386;
	border-style:solid;
	border-width:2px;
	border-color:#082386;
	font-size:1.6em;
	text-align:center;
	margin-top:70px;
	margin-left:5%;
	margin-right:5%;
	padding-top:5px;
	padding-bottom:5px;
}
article p.footDetail{
	border-style:solid;
	border-width:2px;
	border-color:#082386;
	font-size:1.5em;
	text-align:left;
	line-height:1.5;
	margin-left:5%;
	margin-right:5%;
	padding:30px;
}
article p.footDetail img{
	float:left;
	margin-right:30px;
}

article div.spacer{
	height:100px;
}

article p.txt{
	position: relative;
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 5px;
	background-color:#FFFFFF;
	font-size:x-large;
}
article p.sub{
	padding-left: 15px;
	padding-bottom: 10px;
	background-color:#FFFFFF;
	font-size:"small";
}


article, aside{
	background-color:#FFFFFF;
}


/**********
PC 向け
***********/
@media only screen and (min-width: 1261px){
	
	article p.cat{
		height:273px;
	}
	
	article div.lef,
	article div.rig{
		overflow:hidden;
	}

	article div.lef{
		float:left;
	}
	article div.rig{
		float:right;
	}
	article div.sep{
		margin-top:30px;
		white-space: nowrap;
		height:350px;
		clear:both;
		background-color:#FFFFFF;
	}
	article div.tri{
		width:33.33%;
	}
	
	article div.sep div{
		text-align:left;
	}
	
	article p.cat{
		position: relative;
		background-color:#FFFFFF;
	}
	article p.cat img{
		position: absolute;
		bottom:0px;
	}
	article p.cat img.rimg{
		right:0px;
	}
	article div.tri p.cat img.bg{
		display:inline;
	}
	article div.tri p.cat img.mbcat{
		display:none;
	}
	article p.txt img{
		position: absolute;
		left:0px;
	}
	
}


/**********
モバイル 向け
***********/
@media only screen and (max-width: 1260px){
	
	header div img{
		width:175px;
	}
	
	article div.lef{
		margin-bottom:12px;
	}
	article div.rig{
		margin-bottom:12px;
	}
	article p.cat{
		margin-top:15px;
		position: relative;
	}
	article p.cat img.bg{
		width:100%;
	}
	article p.cat img.ng{
		position: absolute;
		bottom:2px;
		left:0px;
	}
	article p.txt img{
		position: absolute;
		right:20px;
	}
	article p.txt,
	article p.sub
	{
		text-align:left;
	}
	
	article div.tri p.cat img.bg{
		display:none;
	}
	article div.tri p.cat img.mbcat{
		display:inline;
	}
	article div.tri p.cat{
		height:30vw;
		overflow:hidden;
	}

	article p.footDetail{
		margin-bottom:50px;
	}

}