/*main */


/*mainここまで */

#sec_intro h3{
	margin-bottom:0;
}


#sec_intro .bg_img{
	background-image: url("../images/recruit/sec_intro-bg.png");
    background-position: top center;
	padding-bottom:100px;
	overflow: hidden;
}

#sec_intro .bg_img:before{
	background-color: #171a6f;
}

#sec_intro .bg_img .content_inner {
    padding-top: 30%;
    padding-bottom: 0%;
}

#sec_intro .flex_center {
    align-items: normal;
}

#sec_intro .flex_center .box_left,
#sec_intro .flex_center .box_right{
	width: 50%;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
	flex-direction: column;
}

#sec_intro .flex_center .box_left{
	background-color: #1D2086;
	
}

#sec_intro .flex_center .box_left .content,
#sec_intro .flex_center .box_right .content{
	max-width: 600px;
	padding:10% 0;
}

#sec_intro .box_top{
	background-color: #1D2086;
	padding:20px;
}

#sec_intro .box_bottom{
	padding:40px;
}

#sec_description .bg_dark .content{
	padding:100px 0;
}
#sec_description .bg_dark h2{
	line-height: 0.8;
	margin-bottom: 0;
}

#sec_description .bg_dark h2 span{
	font-size: 0.5em;
}

#sec_description .blk_description{
	padding-top:50px;
}

#sec_description .blk_description h4{
	margin-bottom:0;
}

#sec_description .area_description{
	padding-bottom: 50px;
}

#sec_contact .blk_ttl{
	background-color: #1D2086;
    padding: 20px;
	margin-bottom: 50px;
}

#sec_contact .blk_ttl h3{
	margin-bottom: 0;
}

#sec_contact .page_nav p{
	width: 100%;
}


/*===============================================
●smart.css  画面の横幅が768pxから
===============================================*/

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

}


/*===============================================
●smart.css  画面の横幅が767pxまで
===============================================*/
@media screen and (max-width:767px){	
			
}

/*===============================================
●smart.css  画面の横幅が481pxから
===============================================*/

@media screen and (min-width: 481px) {
	#sec_intro .flex_center .box_left .content{
		margin-right: 0;
	}

	#sec_intro .flex_center .box_right .content{
		margin-left: 0;
	}

	#sec_intro .flex_center .box_left .content_inner{
		padding-left:16.66%;
	}

	#sec_intro .flex_center .box_right .content_inner{
		padding-right:16.66%;
	}
}

/*===============================================
●smart.css  画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
	#sec_intro .flex_center .box_left,
	#sec_intro .flex_center .box_right{
		width: 100%;
	}
}