/* ===========================================
 * MV
=========================================== */
#NewRecruitMv {
	height: 340px;
	width: 100%;
	background-color: #eef3fb;
}

#NewRecruitMvInner {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	line-height: 0;
}

.rcnew_bg {
	background-image: url("../img/recruit_new/sub_bg.jpg");
}

.anker {
	padding-top: 130px;
	margin-top: -130px;
}


@media screen and (max-width:640px){
	
	#NewRecruitMvInner {
		width: 100%;
	}
	
	#NewRecruitMv {
		height: 225px;
	}
	
	#NewRecruitMv img{
		width: 100%;
	}

	
}


/* ===========================================
 * message
=========================================== */

#NewRecruitMessage {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	padding-top: 20px;
}


#NewRecruitMessageLeft {
	width: 345px;
	float: left;
}

#NewRecruitMessageLeft h3{
	font-weight: normal;
	font-size: 14px;
	padding-top: 15px;
}

#NewRecruitMessageLeft h3 span{
	display: block;
	font-size: 20px;
	font-weight: bold;
	width: 100%;
	padding-top: 2px;
}


#NewRecruitMessageRight {
	width: 535px;
	float: left;
}


#NewRecruitMessageRight h3{
	display: block;
	font-size: 20px;
	font-weight: bold;
	padding-bottom: 15px;
}


#NewRecruitMessageRight p{
	display: block;
	font-size: 16px;
	line-height: 1.8;
	padding-bottom: 50px;
}

#NewRecruitMessageYoutube {
	width: 100%;
	text-align: center;
}

#NewRecruitMessageYoutube img:hover{
	opacity: 0.7;
}

@media screen and (max-width:640px){
	
	#NewRecruitMessage {
		width: 580px;
	}
	
	#NewRecruitMessageLeft {
		width: 345px;
		float: none;
		margin-left: auto;
		margin-right: auto;
		padding-bottom: 30px;
	}

	#NewRecruitMessageLeft h3{
		font-size: 18px;
	}

	#NewRecruitMessageLeft h3 span{
		font-size: 22px;
	}


	#NewRecruitMessageRight {
		width: 580px;
		float: none;
		margin-left: auto;
		margin-right: auto;
	}


	#NewRecruitMessageRight h3{
		font-size: 22px;
	}


	#NewRecruitMessageRight p{
		font-size: 20px;
	}
	
	#NewRecruitMessageYoutube {
		width: 580px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#NewRecruitMessageYoutube img{
		width: 100%;
	}

	
}


/* ===========================================
 * banner
=========================================== */

#NewRecruitBanner {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 80px;
	padding-top: 40px;
}

#NewRecruitBannerInner {
	margin-left: -40px;
}

#NewRecruitBannerInner a{
	display: inline-block;
	margin-left: 40px;
	float: left;
}

#NewRecruitBannerInner a:hover{
	opacity: 0.7;
}

#NewRecruitBannerInnerOneday {
	width: 100%;
	text-align: center;
	padding-top: 40px;
}

#NewRecruitBannerInnerOneday a{
	display: inline-block;
}

#NewRecruitBannerInnerOneday a:hover{
	opacity: 0.7;
}


@media screen and (max-width:640px){
	
	
	#NewRecruitBanner {
		width: 580px;
	}

	#NewRecruitBannerInner {
		margin-left: 0px;
	}
	
	#NewRecruitBannerInner img{
		width: 580px;
	}

	#NewRecruitBannerInner a{
		margin-left: 0px;
		float: none;
		margin-bottom: 40px;
	}

	#NewRecruitBannerInner a:hover{
		opacity: 0.7;
	}

	#NewRecruitBannerInnerOneday {
		width: 100%;
		text-align: center;
		padding-top: 0px;
	}
	
	#NewRecruitBannerInnerOneday img{
		width: 580px;
	}

	#NewRecruitBannerInnerOneday a{
		display: inline-block;
	}

	#NewRecruitBannerInnerOneday a:hover{
		opacity: 0.7;
	}
	
	
}



/* ===========================================
 *  NEWS
=========================================== */

#NewRecruitNews {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	
}


#NewRecruitNews ul li{
	font-size: 16px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px #b7b7b7 solid;
}

#NewRecruitNews ul li:last-child{
	border-bottom: 0px;
}



#NewRecruitNews ul li span{
	color: #558ed5;
	display: inline-block;
	padding-left: 40px;
	padding-right: 40px;
}

#NewRecruitNews ul li a{
	display: inline-block;
	color: #333333;
}

#NewRecruitNews ul li a:hover{
	opacity: 0.7;
}




#NewRecruitNewsMore {
	width: 100%;
	text-align: right;
	margin-bottom: -22px;
	position: relative;
	top: -40px;
	
}

#NewRecruitNewsMore a{
	width: 50px;
	height: 20px;
	display: inline-block;
	border: 1px #2253a4 solid;
	border-radius: 10px;
	font-size: 12px;
	color: #2253a4;
	line-height: 20px;
	text-align: center;

}

#NewRecruitNewsMore a:hover{
	opacity: 0.7;
}


@media screen and (max-width:640px){
	
	
	#NewRecruitNews {
		width: 580px;

	}


	#NewRecruitNews ul li{
		font-size: 20px;
	}

	#NewRecruitNews ul li:last-child{
		border-bottom: 0px;
	}



	#NewRecruitNews ul li span{
		color: #558ed5;
		display: inline-block;
		padding-left: 40px;
		padding-right: 40px;
	}

	#NewRecruitNews ul li a{
		display: inline-block;
		color: #333333;
	}

	#NewRecruitNews ul li a:hover{
		opacity: 0.7;
	}




	#NewRecruitNewsMore {
		width: 100%;
		text-align: right;
		margin-bottom: -22px;
		position: relative;
		top: -40px;

	}

	#NewRecruitNewsMore a{
		width: 50px;
		height: 20px;
		display: inline-block;
		border: 1px #2253a4 solid;
		border-radius: 10px;
		font-size: 14px;
		color: #2253a4;
		line-height: 18px;
		text-align: center;

	}

	#NewRecruitNewsMore a:hover{
		opacity: 0.7;
	}
	
	
	
}




/* ===========================================
 *  EVENT
=========================================== */


#NewRecruitEvent {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 20px;
}

#NewRecruitEventInner {
	margin-left: -40px;
	 display: -webkit-box; /*Android4.3*/
	  display: -moz-box;    /*Firefox21*/
	  display: -ms-flexbox; /*IE10*/
	  display: -webkit-flex; /*PC-Safari,iOS8.4*/
	  display: flex;
	  flex-wrap: wrap;
}

.NewRecruitEvent {
	width: 266px;
	margin-left: 40px;
	margin-bottom: 40px;
	box-sizing:border-box;
	border: 1px #7c7c7c solid;
	float: left;
	border-radius: 15px;
	background-color: #FFF;
	padding: 15px;
}

.NewRecruitEvent h4{
	text-align: center;
	padding-bottom: 15px;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px #7c7c7c solid;
	margin-bottom: 15px;
}

.NewRecruitEvent table {
	width: 100%;
}

.NewRecruitEvent table tr th{
	width: 46px !important;
}

.NewRecruitEvent table tr th span{
	display: block;
	width: 44px;
	height: 22px;
	border-radius: 11px;
	font-size: 12px;
	font-weight: bold;
	border: 1px #000 solid;
	line-height: 22px;
}

.NewRecruitEvent table tr td {
	padding-left: 10px;
}


.NewRecruitEvent p {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	font-size: 14px;
}


.NewRecruitEvent a {
	width: 128px;
	height: 36px;
	border-radius: 18px;
	background-color: #2253a4;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
	display: block;
	text-align: center;
	margin-bottom: 10px;
}

.NewRecruitEvent a:hover {
	opacity: 0.7;
}

.NewRecruitEvent a span{
	width: 100%;
	height: 100%;
	display: block;
	background-image: url("../img/recruit_new/aroow_in.jpg");
	background-repeat: no-repeat;
	background-position: 103px center;
	box-sizing: border-box;
	padding-top: 4px;
	
}


@media screen and (max-width:640px){
	
	#NewRecruitEvent {
		width: 580px;
	}
	
	
	.NewRecruitEvent h4{
		font-size: 20px;
	}

	.NewRecruitEvent table {
		width: 100%;
	}

	.NewRecruitEvent table tr th{
		width: 46px !important;
	}

	.NewRecruitEvent table tr th span{
		font-size: 16px;
	}




	.NewRecruitEvent p {
		font-size: 18px;
	}


	.NewRecruitEvent a {
		font-size: 18px;

	}
	
	
	.NewRecruitEvent a span{
		padding-top: 3px;

}





	
	
}



/* ===========================================
 *  CONTACT
=========================================== */


#NewRecruitContact {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	
}


#NewRecruitContactInner {
	margin-left: -40px;
}

.NewRecruitContactBox {
	width: 420px;
	margin-left: 40px;
	float: left;
	height: 200px;
	text-align: center;
}

.NewRecruitContactBox p{
	display: block;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	font-size: 14px;
}

.NewRecruitContactBoxLink_line {
	box-sizing: border-box;
	width: 100%;
	height: 100px;
	background-color: #FFF;
	color: #000;
	font-size: 20px;
	font-weight: bold;
	border: 1px #b7b7b7 solid;
	display: block;
	line-height: 100px;
}

.NewRecruitContactBoxLink_line:hover {
	opacity: 0.7;
}

.NewRecruitContactBoxLink_line span::before{
	content: "";
	background-image: url("../img/recruit_new/line_icon.jpg");
	width: 36px;
	height: 39px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 12px;
}


.NewRecruitContactBoxLink_Contanct {
	box-sizing: border-box;
	height: 100px;
	width: 100%;
	background-color: #558ed5;
	font-size: 20px;
	color: #FFF;
	font-weight: bold;
	display: block;
	line-height: 100px;
}

.NewRecruitContactBoxLink_Contanct:hover {
	opacity: 0.7;
}

.NewRecruitContactBoxLink_Contanct span::before{
	
	content: "";
	background-image: url("../img/recruit_new/tel_icon.jpg");
	width: 36px;
	height: 39px;
	display: inline-block;
	margin-right: 10px;
	position: relative;
	top: 12px;
}



#NewRecruitContactTel {
	text-align: center;
	width: 100%;
	padding-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px #b7b7b7 solid;
	border-top: 1px #b7b7b7 solid;
	margin-bottom: 40px;
}

#NewRecruitContactTelLink {
	padding-bottom: 20px;
}


#NewRecruitContactTel a{
	display: inline-block;
	margin-left: 20px;
	margin-right: 20px;
	font-size: 18px;
	font-weight: bold;
	color: #000;
}


@media screen and (max-width:640px){
	
	#NewRecruitContact {
		width: 580px;

	}


	#NewRecruitContactInner {
		margin-left: 0px;
	}

	.NewRecruitContactBox {
		width: 580px;
		margin-left: 0px;
		float: none;
	}
	
	
	.NewRecruitContactBox p{
		font-size: 20px;
	}

	.NewRecruitContactBoxLink_line {
		font-size: 20px;
	}






	.NewRecruitContactBoxLink_Contanct {

		font-size: 20px;

	}





	#NewRecruitContactTel a{
		font-size: 22px;

	}


	
}



/* ===========================================
 *  BANNER
=========================================== */


#NewRecruitFBanner {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}


#NewRecruitFBannerYoutube {
	padding-bottom: 85px;
	width: 100%;
}

#NewRecruitFBannerYoutube img:hover{
	opacity: 0.7;
}



#NewRecruitFBannerInner {
	margin-left: -40px;
}

.NewRecruitFBannerBox {
	width: 420px;
	margin-left: 40px;
	float: left;
	text-align: center;
	margin-bottom: 40px;
}

.NewRecruitFBannerBox img:hover{
	opacity: 0.7;
}


.NewRecruitFBImg img{
	margin-left: -53px;
	margin-top: -52px;
}


@media screen and (max-width:640px){
	
	
	#NewRecruitFBanner {
		width: 580px;
	}
	
	#NewRecruitFBannerYoutube {
		width: 580px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#NewRecruitFBannerYoutube img{
		width: 100%;
	}
	
	.NewRecruitFBannerBox {
		width: 580px;
		margin-left: 0px;
		float: none;
		text-align: center;
		margin-bottom: 40px;
		margin-left: auto;
		margin-right: auto;
	}
	
	.NewRecruitFBannerBox img{
		width: 580px;
		margin-left: 20px;
		
	}
		
	
	.NewRecruitFBImg img{
		width: 654px;
		margin-left: -53px;
	}
	
	
}



/* ===========================================
 *  QA
=========================================== */


.NewRecruitQA {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	padding-top: 20px;
}

.NewRecruitQAin {
	margin-bottom: 20px;
	border-bottom: 1px #b7b7b7 solid;
}

.NewRecruitQAbox {
	width: 100%;
	padding-bottom: 20px;
}
.NewRecruitQAbox table {
	width: 100%;
}

.NewRecruitQAbox table tr th{
	width: 40px !important;
	font-size: 20px;
	vertical-align: top;
}

.NewRecruitQAbox table tr td{
	font-size: 16px;
	vertical-align: top;
}

.NewRecruitQAbox_tit {
	display: block;
	padding-top: 4px;
}



.NewRecruitQAboxColorQ {
	color: #2253a4;
}

.NewRecruitQAboxColorA {
	color: #558ed5;
}

@media screen and (max-width:640px){
	

	.NewRecruitQA {
		width: 580px;
		padding-top: 22px;
	}


	.NewRecruitQAbox {
		width: 100%;
		padding-bottom: 20px;
	}
	.NewRecruitQAbox table {
		width: 100%;
	}

	.NewRecruitQAbox table tr th{
		font-size: 22px;
	}

	.NewRecruitQAbox table tr td{
		font-size: 20px;
	}


	
}

/* ===========================================
 *  LLIST
=========================================== */


.NewRecruitList {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	padding-top: 20px;
}

.NewRecruitList ul li{
	width: 100%;
	box-sizing: border-box;
	border: 4px #2253a4 solid;
	border-radius: 15px;
	padding: 30px;
	margin-bottom: 40px;
	background-color: #FFF;
}

.NewRecruitListLeft {
	width: 380px;
	float: left; 
}

.NewRecruitListRight {
	width: 380px;
	float: right; 
}


.NewRecruitListRight img{
	width: 100%;
}


.NewRecruitListTit01 {
	width: 100%;
	padding-bottom: 15px;
	color: #333333;
	font-size: 18px;
	font-weight: bold;
}


.NewRecruitListTit01 span{
	display: inline-block;
	text-align: center;
	height: 36px;
	border-radius: 18px;
	line-height: 36px;
	background-color: #333333;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
	padding-left: 15px;
	padding-right: 15px;
	margin-right: 20px;
}


.NewRecruitListTit02 {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px #b7b7b7 solid;
	font-size: 16px;
	font-weight: bold;
}


.NewRecruitListText {
	min-height: 80px;
	padding-bottom: 20px;
	line-height: 1.8;
}


.NewRecruitListLink {
	width: 100%;
}

.NewRecruitListLink a{
	color: #2253a4;
	font-size: 18px;
	font-weight: bold;
}

.NewRecruitListLink a:hover{
	opacity: 0.7;
}

.NewRecruitListLink a span::after{
	content: "";
	background-image: url("../img/recruit_new/aroow_icon.jpg");
	background-repeat: no-repeat;
	width: 22px;
	height: 22px;
	display: inline-block;
	position: relative;
	top: 5px;
	margin-left: 10px;
}


@media screen and (max-width:640px){
	
	
	.NewRecruitList {
		width: 580px;
	}

	.NewRecruitList ul li{
		padding: 20px;
	}

	.NewRecruitListLeft {
		width: 100%;
		float: none;
		padding-bottom: 30px;
	}

	.NewRecruitListRight {
		width: 100%;
		float: none;
	}


	.NewRecruitListRight img{
		width: 100%;
	}


	.NewRecruitListTit01 {
		font-size: 22px;
	}


	.NewRecruitListTit01 span{
		font-size: 20px;

	}


	.NewRecruitListTit02 {
		font-size: 20px;
	}

	.NewRecruitListLink {
		width: 100%;
	}

	.NewRecruitListLink a{
		font-size: 22px;
	}

	
	
	
	
}


/* ===========================================
 *  ENTRY
=========================================== */

.NewRecruitEntryH4 {
	text-align: center;
	height: 45px;
	display: block;
	width: 100%;
	background-color: #2253a4;
	color: #FFF;
	margin-bottom: -1px;
	line-height: 45px;
	font-size: 16px;
}

#NewRecruitFlow {
	width: 100%;
	padding-bottom: 60px;
}

#NewRecruitFlowInner {
	box-sizing: border-box;
	width: 100%;
	border: 1px #b8b8b8 solid;
	padding: 30px;
}

#NewRecruitFlowInner ul li{
	border-bottom: 1px #b8b8b8 solid;
	padding-top: 40px;
	padding-bottom: 40px;
	background-image: url("../img/recruit_new/flow_arrow.jpg");
	background-position: top center;
	background-repeat: no-repeat;
}

#NewRecruitFlowInner ul li:first-child{
	padding-top: 10px;
	background-image: url("");
}

#NewRecruitFlowInner ul li:last-child{
	border-bottom: 0px;
	padding-bottom: 10px;
}


#NewRecruitFlowInner ul li table tr th{
	width: 140px;
	text-align: center;
	vertical-align:middle;
}

#NewRecruitFlowInner ul li table tr td{
	vertical-align:middle;
	font-size: 16px;
}

#NewRecruitFlowInner ul li table tr td strong{
	color: #2253a4;
	display: block;
	width: 100%;
	padding-bottom: 10px;
}


@media screen and (max-width:640px){
	
	
	.NewRecruitEntryH4 {
		font-size: 20px;
	}


	#NewRecruitFlowInner ul li table tr td{
		vertical-align:middle;
		font-size: 20px;
	}

	
}


/* ===========================================
 *  ONEDAY
=========================================== */

#NewRecruitOneday {
	width: 100%;
	background-repeat: repeat-y;
	background-image: url("../img/recruit_new/timeline_bar.jpg");
	background-position: left top;
	margin-bottom: 80px;
}


.NewRecruitOnedayBox{
	width: 100%;
	padding-bottom: 35px;
	
	display: -webkit-box; /*Android4.3*/
	display: -moz-box;    /*Firefox21*/
	display: -ms-flexbox; /*IE10*/
	display: -webkit-flex; /*PC-Safari,iOS8.4*/
	display: flex;
	flex-wrap: wrap;
	
}

.NewRecruitOnedayBoxTit {
	width: 240px;
	padding-right: 30px;
	padding-left: 60px;
	background-image: url("../img/recruit_new/timeline_point.jpg");
	background-position: 28px top;
	background-repeat: no-repeat;
	vertical-align: top;
	box-sizing: border-box;
	text-align: left;
	font-size: 18px;
	line-height: 1.6;
	font-weight: bold;
	
}

.NewRecruitOnedayBoxTit span{
	display: block;
	position: relative;
	top: -2px;
}


.NewRecruitOnedayBoxTit a {
	display: block;
	width: 90px;
	height: 30px;
	border-radius: 5px;
	color: #FFF;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	box-sizing: border-box;
	padding-top: 1px;
}


.NewRecruitOnedayBoxBgco01 {
	background-color: #0077cf;
}

.NewRecruitOnedayBoxBgco02 {
	background-color: #20639b;
} 

.NewRecruitOnedayBoxBgco03 {
	background-color: #f6c15c;
}

.NewRecruitOnedayBoxBgco04 {
	background-color: #1ca3b0;
}

.NewRecruitOnedayBoxBgco05 {
	background-color: #f66a5c;
} 




.NewRecruitOnedayBoxText {
	width: 655px;
	vertical-align: top;
	line-height: 1.6;
	font-size: 15px;
}


.NewRecruitOnedayBoxMin {
	float: left;
}

.NewRecruitOnedayBoxMin p{
	display: block;
	padding-bottom: 30px;
}


.NewRecruitOnedayImg {
	width: 100%;
}

.NewRecruitOnedayImg img{
	width: 45%;
	margin-right: 4%;
	display: inline-block;
	vertical-align: top;
}


.NewRecruitOnedayImgIcon {
	width: 100%;
}

.NewRecruitOnedayImgIcon img{
	max-width: 140px;
	width: 100%;
}


@media screen and (max-width:640px){
	



	.NewRecruitOnedayBoxTit {
		width: 440px;
		padding-left: 60px;
		font-size: 22px;


	}
	
	.NewRecruitOnedayBoxTit span{
		top: -8px;
	}



	.NewRecruitOnedayBoxTit a {
		display: block;
		width: 120px;
		height: 40px;
		border-radius: 5px;
		color: #FFF;
		font-weight: bold;
		text-align: center;
		margin-bottom: 10px;
		box-sizing: border-box;
		padding-top: 1px;
	}


	.NewRecruitOnedayBoxBgco01 {
		background-color: #0077cf;
	}

	.NewRecruitOnedayBoxBgco02 {
		background-color: #20639b;
	} 

	.NewRecruitOnedayBoxBgco03 {
		background-color: #f6c15c;
	}

	.NewRecruitOnedayBoxBgco04 {
		background-color: #1ca3b0;
	}

	.NewRecruitOnedayBoxBgco05 {
		background-color: #f66a5c;
	} 




	.NewRecruitOnedayBoxText {
		width: 600px;
		vertical-align: top;
		line-height: 1.6;
		font-size: 20px;
		margin-left: 60px;
	}


	.NewRecruitOnedayBoxMin {
		float: none;
	}



	
	
	
}


/* ===========================================
 *  SURVEY
=========================================== */

.surveyContents {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 20px;
	

	
}

.surveyContentsInner {
		display: -webkit-box; /*Android4.3*/
	  display: -moz-box;    /*Firefox21*/
	  display: -ms-flexbox; /*IE10*/
	  display: -webkit-flex; /*PC-Safari,iOS8.4*/
	  display: flex;
	  flex-wrap: wrap;
	margin-left: -5%;
}


.surveyContentsInner2 {
		display: -webkit-box; /*Android4.3*/
	  display: -moz-box;    /*Firefox21*/
	  display: -ms-flexbox; /*IE10*/
	  display: -webkit-flex; /*PC-Safari,iOS8.4*/
	  display: flex;
	  flex-wrap: wrap;
}



.surveyContentsBox {
	width: 45%;
	margin-left: 5%;
	padding-bottom: 30px;
	display: block;
	float: left;
}

.surveyContentsBox img{
	width: 100%;
}

.surveyContentsBox p {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.6;
	font-size: 16px;
}



.surveyContentsBox_ce {
	width: 100%;
	padding-bottom: 30px;
	display: block;
	padding-left: 5%;
    box-sizing: border-box;
}

.surveyContentsBox_ce img{
	width: 100%;
}

.surveyContentsBox_ce p {
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
	line-height: 1.6;
	font-size: 16px;
}


@media screen and (max-width:640px){
.surveyContents {
		width: 580px;



	}

	.surveyContentsInner {
		margin-left: 0;
	}
	
	.surveyContentsInner2 {
		margin-left: 0;
	}



	.surveyContentsBox {
		width: 100%;
		margin-left: 0;
		padding-bottom: 30px;
		display: block;
		float: none;
		padding-bottom: 30px;
	}

	.surveyContentsBox img{
		width: 100%;
	}

	.surveyContentsBox p {
		font-size: 20px;
	}
	
	

	.surveyContentsBox_ce {
		width: 100%;
		margin-left: 0;
		padding-bottom: 30px;
		display: block;
		float: none;
		padding-bottom: 30px;
		padding-left: 0%;
	}

	.surveyContentsBox_ce img{
		width: 100%;
	}

	.surveyContentsBox_ce p {
		font-size: 20px;
	}
	
	
}



/* ===========================================
 *  INTERAVIEW
=========================================== */

.NewRecruitIntContents {
	width: 880px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
	padding-top: 20px;
}


.NewRecruitIntContentsBox {
	width: 100%;
	background-color: #FFF;
	padding-top: 30px;
	padding-bottom: 30px;
	margin-bottom: 40px;
}

.NewRecruitIntContentsBoxTit {
	display: block;
	width: 100%;
	margin-bottom: -13px;
}

.NewRecruitIntContentsBox h4{
	height: 34px;
	border-bottom-right-radius: 17px;
	border-top-right-radius: 17px;
	background-color: #2253a4;
	font-size: 18px;
	font-weight: bold;
	padding-left: 23px;
	padding-right: 30px;
	display: inline-block;
	color: #FFF;
	box-sizing: border-box;
	padding-top: 2px;
}

.NewRecruitIntContentsBox h4 span{
	display: inline-block;
	font-size: 16px;
	margin-right: 30px;
}


.NewRecruitIntContentsBoxImg01 {
	width: 350px;
	height: 220px;
	float: left;
	overflow: hidden;
	border-bottom-right-radius: 10px;
	border-top-right-radius: 10px;
}

.NewRecruitIntContentsBoxImg01 img{
	max-width: 100%;
	min-width: 350px;
	max-height: 220px;
}

.NewRecruitIntContentsBoxBody01 {
	width: 450px;
	margin-right: 40px;
	float: right;
}

.NewRecruitIntContentsBoxBody01 br {
display: block;
content: "";
margin: 10px 0;
}


.NewRecruitIntContentsBoxBody01 p{
	display: block;
	line-height: 1.6;
	font-size: 16px;
}

.NewRecruitIntContentsBoxBody01 h5{
	padding-bottom: 10px;
	color: #2253a4;
	font-size: 16px;
}



.NewRecruitIntContentsBoxBar {
	margin-left: 30px;
	margin-right: 30px;
	display: block;
	padding-bottom: 35px;
	margin-bottom: 35px;
	border-bottom: 1px #b8b8b8 solid;
}


.NewRecruitIntContentsBoxImg02 {
	width: 350px;
	height: 220px;
	float: right;
	overflow: hidden;
	border-bottom-left-radius: 10px;
	border-top-left-radius: 10px;
}

.NewRecruitIntContentsBoxImg02 img{
	max-width: 100%;
	min-width: 350px;
	max-height: 220px;
}


.NewRecruitIntContentsBoxBody02 {
	width: 450px;
	float: left;
	margin-left: 40px;
}


.NewRecruitIntContentsBoxBody02 br {
display: block;
content: "";
margin: 10px 0;
}


.NewRecruitIntContentsBoxBody02 p{
	display: block;
	line-height: 1.6;
	font-size: 16px;
}




.NewRecruitIntContentsBoxBody02 h5{
	padding-bottom: 10px;
	color: #2253a4;
	font-size: 16px;
}


@media screen and (max-width:640px){
	
	
	.NewRecruitIntContents {
		width: 580px;
		margin-left: auto;
		margin-right: auto;
	}



	.NewRecruitIntContentsBoxTit {
		display: block;
		width: 100%;
		margin-bottom: -13px;
	}

	.NewRecruitIntContentsBox h4{
		height: 40px;
		border-bottom-right-radius: 20px;
		border-top-right-radius: 20px;
		background-color: #2253a4;
		font-size: 22px;
		font-weight: bold;
		padding-left: 23px;
		padding-right: 30px;
		display: inline-block;
		color: #FFF;
		box-sizing: border-box;
		padding-top: 2px;
	}

	.NewRecruitIntContentsBox h4 span{
		display: inline-block;
		font-size: 20px;
		margin-right: 30px;
	}


	.NewRecruitIntContentsBoxImg01 {
		width: 500px;
		height: 310px;
		float: left;
		overflow: hidden;
		border-bottom-right-radius: 10px;
		border-top-right-radius: 10px;
		margin-bottom: 40px;
	}
	
	.NewRecruitIntContentsBoxImg01 img{
		width: 100%;
		max-height: none;
	}
	
	


	.NewRecruitIntContentsBoxBody01 {
		width: 500px;
		margin-right: 40px;
		float: right;
	}

	.NewRecruitIntContentsBoxBody01 p{
		display: block;
		line-height: 1.6;
		font-size: 20px;
	}

	.NewRecruitIntContentsBoxBody01 h5{
		padding-bottom: 10px;
		color: #2253a4;
		font-size: 20px;
	}



	.NewRecruitIntContentsBoxBar {
		margin-left: 30px;
		margin-right: 30px;
		display: block;
		padding-bottom: 5px;
		margin-bottom: 45px;
		border-bottom: 1px #b8b8b8 solid;
	}


	.NewRecruitIntContentsBoxImg02 {
		width: 500px;
		height: 310px;
		float: right;
		overflow: hidden;
		border-bottom-left-radius: 10px;
		border-top-left-radius: 10px;
		margin-bottom: 40px;
	}
	
	.NewRecruitIntContentsBoxImg02 img{
		width: 100%;
		max-height: none;
	}
	

	.NewRecruitIntContentsBoxBody02 {
		width: 500px;
		float: left;
		margin-left: 40px;
	}

	.NewRecruitIntContentsBoxBody02 p{
		display: block;
		line-height: 1.6;
		font-size: 20px;
	}

	.NewRecruitIntContentsBoxBody02 h5{
		padding-bottom: 10px;
		color: #2253a4;
		font-size: 20px;
	}

	
	
}