/* ヘッダーの調整*/
header{background: none; box-shadow: none;}
.headerColor{background: #FFF;}

/*==========================================
============================================

			
		#mv


============================================
==========================================*/
#mv {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

#mv h2{
	position: absolute;
	z-index: 2;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

#mv img.pc{width: 100%;}

@media screen and (max-width: 700px) {
	#mv img.pc{display: none;}
	#mv {height: 90vh;}
	#mv h2{width: 95%;}
	#mv h2 img{width: 100%;}
}

/*==========================================
============================================

			
		#cap


============================================
==========================================*/
#cap{
	width: 90%;
	text-align: center;
	margin: 60px auto;
}

#cap h3{
	font-size: 39px;
	line-height: 39px;
}

#cap h3 b{
	font-size: 21px;
	color: #ffa800;
	margin-bottom: 15px;
}

#cap p{
	font-size: 20px;
	line-height: 35px;
	margin-top: 30px;
}

@media screen and (max-width: 700px) {
	#cap h3{font-size: 30px;}
	#cap p{text-align: justify; font-size: 18px ; line-height: 28px;}
	#cap p br{display: none;}
}


/*==========================================
============================================

			
		story部分


============================================
==========================================*/
section{
	width: 1340px;
	margin: 0 auto 120px;
	font-size: 18px;
	line-height: 28px;
	text-align: justify;
	position: relative;
	overflow: hidden;
}

.txt span{
	display: block;
	text-align: center;
	width: 215px;
	background: #330808;
	font-size: 0;
	line-height: 0;
	padding: 15px 0;
}

.txt h4{
	font-size: 22px;
	line-height: 32px;
	font-weight: bold;
	color: #2b2b2b;
	margin: 40px auto 30px;
}


/* 写真横位置 */
.box01 .img{
	width: 100%;
	height: 640px;
	font-size: 0;
}

.box01 .txt{
	width: 1000px;
	margin: -210px auto 0;
	padding: 10px 50px 0;
	background: #FFFFFF;
}

.box01 .txt span{margin: -33px auto 0;}
.box01 .txt h4{text-align: center;}

/* 写真右位置:box02 *//* 写真左位置:box03 */
.box02 .img,.box03 .img{
	position: absolute;
	z-index: 0;
}

.box02 .txt,.box03 .txt{
	position: relative;
	z-index: 1;
	background: #FFFFFF;
	width: 600px;
	padding:0 70px 60px;
}

.box02 .txt span,.box03 .txt span{margin: -23px 0 0;}


.box02 .img{right: 0;}
.box03 .img{left: 0;}

.box02 .txt{
	float: left;
	margin: 80px 0 0 0;
}

.box03 .txt{
	float: right;
	margin: 100px 0 0 0;
}

/* 採用の部分 */
section.box04{margin-bottom: 55px;}
.box04 .txt h4{text-align: center; margin: 20px auto 30px;}
.box04 .txt span{margin: 0 auto;}
.box04 > img{margin-bottom: 50px; width: 100%;}

@media screen and (max-width: 1380px) {
	section{width: 90%;}
	.box01 .txt{
		width: 75%;
		padding: 10px 5% 0;
	}
	.box02 .txt, .box03 .txt{width: 40%;}
}

@media screen and (max-width: 1000px) {
	.box02 .img, .box03 .img{
		width: 100%;
		position: static;
	}
	.box02 .txt, .box03 .txt{
		width: 75%;
		padding: 10px 5% 0;	
		margin: -210px auto 0;
		float: none;
	}
	.box02 .txt span,.box03 .txt span{margin: -33px auto 0;}
	.box02 .txt h4,.box03 .txt h4{text-align: center;}
}

@media screen and (max-width: 700px) {
	section{margin-bottom: 50px; font-size: 16px; line-height: 26px;}
	.txt h4{margin: 30px auto 15px;}
	.box01 .img{height: 250px;}
	.box01 .txt,.box02 .txt, .box03 .txt{width: 90%; margin: -50px auto 0;}
}



/*==========================================
============================================

			
		#interview


============================================
==========================================*/
#interview{
	width: 1200px;
	padding: 90px  calc((100% - 1200px) / 2) 40px;
	background: #fff9ed;
	color: #330808;
	line-height: 28px;
	font-weight: 500;
}

#interview .main_img{
	width: 100%;
	height: 720px;
	font-size: 0;
	line-height: 0;
}

#interview .prof{
	width: 450px;
	padding: 50px 0 40px 65px;	
	margin: -140px 0 65px;
	background: #FFF;
}

#interview article{
	width: 580px;
	display: inline-block;
	vertical-align: top;
}

#interview article div{margin-bottom: 50px;}

#interview article h5{
	font-weight: bold;
	font-size: 22px;
	line-height: 32px;
	margin-bottom: 15px;
}

#interview article img{width: 100%;}
#interview article.right{margin-left: 30px;}

br.sp{display: none;}
@media screen and (max-width: 1380px) {
	#interview{
		width: 90%;
		padding: 90px 5% 40px;
	}
	#interview article{width: 48%;}
	#interview article.right{margin-left: 3%;}
}

@media screen and (max-width: 1000px) {
	#interview .prof{
		width: 300px;
		padding: 40px 0 35px 30px;
		margin: -140px 0 65px;
	}
	#interview .prof img{width: 240px;}
}

@media screen and (max-width: 770px) {
	#interview{padding: 60px 5% 20px;}
	#interview article{width: 100%;}
	#interview article.right{margin-left: 0;}
}

@media screen and (max-width: 600px) {
	br.sp{display: block;}

	#interview{font-size: 16px; line-height: 26px;}
	#interview .main_img{height: 460px;}
	#interview .prof{width: auto; margin: 0 0 30px;padding: 40px 5% 35px; text-align: center;}
	#interview .prof img{width: 85%;}
	
	#interview article h5{font-size: 20px; line-height: 30px; margin-bottom: 7px;}
	#interview article div{margin-bottom: 30px;}
}