@charset "utf-8";


/**************************************************50
 * recruit
 **************************************************/
#recruit{
	background-color: #F1F1F1;
}
#recruit figure{
}
#recruit figure figcaption{
}
#recruit figure figcaption h3{
	color: #234792;
	font-weight: normal;
	line-height: 1.4;
}
#recruit figure figcaption p{
	font-size: 87.5%;
}
#recruit figure picture{
}
#recruit figure picture img{
}
#recruit .tbl_com{
}
@media screen and (max-width:767px){
	#recruit{
		margin-bottom: 6.25%;
		padding-top: 3.125%;
		padding-bottom: 6.25%;
	}
	#recruit .title_section span{
		font-size: 112.5%;
	}
	#recruit figure{
		margin-bottom: 6.25%;
	}
	#recruit figure picture{
		margin-bottom: 3.125%;
		text-align: center;
	}
	#recruit figure picture img{
		width: 93.75%;
	}
	#recruit figure figcaption{
	}
	#recruit figure figcaption h3{
		font-size: 125%;
		margin-bottom: 1.5625%;
		padding: 0 3.125%;
	}
	#recruit figure figcaption p{
		padding: 0 3.125%;
	}
	#recruit .tbl_com{
		margin-bottom: 6.25%;
	}
}
@media screen and (min-width:768px){
	#recruit{
		margin-bottom: 100px;
		padding-top: 50px;
		padding-bottom: 100px;
	}
	#recruit .title_section span{
		width: 480px;
	}
	#recruit figure{
		display: table;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 100px;
		width: -webkit-calc(100% - (20px * 2));
		width: calc(100% - (20px * 2));
		max-width: 1050px;
	}
	#recruit figure figcaption{
		display: table-cell;
		vertical-align: top;
	}
	#recruit figure figcaption h3{
		font-size: 150%;
		margin-bottom: 10px;
	}
	#recruit figure figcaption p{
	}
	#recruit figure picture{
		display: table-cell;
		vertical-align: top;
	}
	#recruit figure picture img{
		width: 100%;
	}
	#recruit .tbl_com{
		margin-bottom: 100px;
	}
}
@media screen and (min-width:768px) and (max-width:939px){
	#recruit figure figcaption{
		padding-right: 20px;
	}
	#recruit figure picture{
		width: 254px;
	}
}
@media screen and (min-width:940px) and (max-width:1023px){
	#recruit figure figcaption{
		padding-right: 25px;
	}
	#recruit figure picture{
		width: 308px;
	}
}
@media screen and (min-width:1024px) and (max-width:1199px){
	#recruit figure figcaption{
		padding-right: 30px;
	}
	#recruit figure picture{
		width: 337px;
	}
}
@media screen and (min-width:1200px) and (max-width:1279px){
	#recruit figure figcaption{
		padding-right: 40px;
	}
	#recruit figure picture{
		width: 392px;
	}
}
@media screen and (min-width:1280px){
	#recruit figure figcaption{
		padding-right: 50px;
	}
	#recruit figure picture{
		width: 420px;
	}
}


/**************************************************50
 * application
 **************************************************/
#application{
	background-color: #F1F1F1;
}
#application_note{
	background-color: #FFFFFF;
	border: 1px solid #29AAE1;
	font-size: 87.5%;
	margin-left: auto;
	margin-right: auto;
}
@media screen and (max-width:767px){
	#application{
		padding-top: 3.125%;
		padding-bottom: 3.125%;
	}
	#application_note{
		padding: 3.125%;
		width: -webkit-calc(93.75% + (1px * 2));
		width: calc(93.75% + (1px * 2));
	}
}
@media screen and (min-width:768px){
	#application{
		padding-top: 50px;
		padding-bottom: 50px;
	}
	#application_note{
		padding: 1em;
		text-align: center;
		width: -webkit-calc(100% - (20px * 2));
		width: calc(100% - (20px * 2));
		max-width: 792px;
	}
}