@charset "UTF-8";
/* CSS Document */

#interview #pankuzu{
	max-width: 966px;
    width: 94%;
    margin: 40px auto 130px;
}
img{max-width: 100%;}
.sp{display: none;}
@media screen and (max-width: 750px){
	.pc{display: none;}
	.sp{display: block;}
	#interview #pankuzu{
		margin-bottom: 50px;
	}
}
/*=====================================================================================
***************************************************************************************

fv
		
***************************************************************************************
=====================================================================================*/
.interview01 #interview_mv{background:url("../img/01/fv.jpg") no-repeat center;}

#interview_mv{
	background-size: cover!important;
	height: 679px;
}
#interview_mv div{
	max-width: 1360px;
	width: 90%;
	height: 679px;
	margin: 0 auto;
	position: relative;
}
#interview_mv div img{position: absolute;}
#interview_mv div .text{
	left: 0;
	bottom: 170px;
}
#interview_mv div .name{
	right: 0;
	bottom: -100px;
}
@media screen and (min-width: 1500px){
	#interview_mv div .name{
		right: 160px;
	}
}
@media screen and (max-width: 750px){
	#interview_mv,
	#interview_mv div{height: 560px;}
	#interview_mv div .text{width: 340px;}
	#interview_mv div .name{
		width: 160px;
		bottom: -25px;
	}
}
/*=====================================================================================
***************************************************************************************

timeschedule
		
***************************************************************************************
=====================================================================================*/

.timeschedule{
	max-width: 1600px;
	margin: 0 auto;
	background-size: contain!important;
}
.timeschedule img{
	display: block;
}
.timeschedule .text{
	max-width: 956px;
	width: 95%;
	margin:0 auto 180px;
	display: flex;
	align-items: flex-start;
    justify-content: space-between;
}
.timeschedule .text p{
	max-width: 540px;
	width: 60%;
	text-align: justify;
	margin-left: 2%;
}
.timeschedule h2{
	width: 40%;
	font-size: 30px;
	font-weight: bold;
	color: #c51a1f;
	text-align: left;
}
.timeschedule h2 span{
	font-size: 20px;
	display: block;
}
.contents01 img{margin: 0 0 0 auto;}
.contents02 img{margin: 0 auto 0 0;}

@media screen and (max-width: 750px){
	.timeschedule{
		padding: 0;
		background-image: none!important;
	}
	.timeschedule.contents01,
	.timeschedule.contents02{padding: 0!important;}
	.timeschedule .text{
		flex-direction: column;
		margin-bottom: 30px;
	}
	.timeschedule .text p{width: 100%;}
	.timeschedule h2{
		width: 100%;
		font-size: 25px;
		margin-bottom: 20px;
	}
	.timeschedule h2 span{
		font-size: 18px;
	}
}
/*=====================================================================================
***************************************************************************************

interviewtext
		
***************************************************************************************
=====================================================================================*/

.interviewtext{
	max-width: 1290px;
	width: 90%;
	margin: 200px auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.interviewtext .textbox{
	text-align: justify;
}
.interviewtext .textbox p{	
	max-width: 668px;
	width: 90%;
	margin-top: 50px;
}
@media screen and (max-width: 850px){
	.interviewtext{
		flex-direction: column;
		margin:60px auto;
	}
	.interviewtext .textbox p{
		width: 100%;
		margin: 25px auto;
	}
}

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

oneweekschedule
		
***************************************************************************************
=====================================================================================*/
.oneweekschedule{
	margin-bottom: 120px;
	overflow: hidden;
}
.oneweekschedule h4{
	position: relative;
	height: 144px;
}
.oneweekschedule h4 img{
	position: absolute;
	 top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.oneweekschedule h4 .bg{
	max-width: 104%;
	top: 35%;
}
.oneweekschedule .inner{
	max-width: 1494px;
	margin: 0 auto;
	width: 95%;
	background: url("../img/common/oneweekschedule.png")top center no-repeat;
	padding: 160px 0 120px;
}
.oneweekschedule ul{
	width: 90%;
	margin: 0 auto 40px;
	display: flex;
	justify-content: center;
}
.oneweekschedule ul li{
	border-radius: 8px;
    font-size: 18px;
    line-height: 1.2;
    padding: 6px 1.5% 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 2%;
}
.oneweekschedule ul li:nth-child(1){
	background-color: #c51a1f;
	color:#FFFFFF;
	border: solid 3px #c51a1f;
	margin-left: 0;
}
.oneweekschedule ul li:nth-child(2){
	background-color: #FFFFFF;
	color:#c51a1f;
}
.oneweekschedule ul li:nth-child(3){
	background-color: #05903e;
	color:#FFFFFF;
}
.oneweekschedule ul li:nth-child(4){
	background-color: #FFFFFF;
	color:#c51a1f;
	border:dotted 3px #c51a1f;
}
.oneweekschedule ul li:nth-child(5){
	background-color: #a8a7a7;
	color:#FFFFFF;
}
.oneweekschedule .inner .table_container{
	width: 95%;
    margin: 0 auto;
}

@media screen and (max-width: 1000px){
	.oneweekschedule h4 .h4img{	width: 60%;}
	.oneweekschedule h4 .bg {top: 47%;}
	.oneweekschedule .inner .table_container{
		max-width: 1369px;
		margin: 0 0 0 auto;
		overflow: auto;
	}
	.oneweekschedule .inner .table_container img{max-width: 250%;}
}
@media screen and (max-width: 850px){
	.oneweekschedule ul{
		flex-wrap: wrap;
		justify-content: space-evenly;
		margin: 0 auto 30px;
	}
	.oneweekschedule ul li{
		width: 30%;
		border-radius: 3px;
		font-size: 14px;
		letter-spacing:inherit;
	}
	.oneweekschedule ul li:nth-child(-n+3){margin-bottom: 10px;}
}

@media screen and (max-width: 750px){
	.oneweekschedule {margin-bottom: 60px;}
	.oneweekschedule h4 {height: 55px;}
	.oneweekschedule h4 .h4img{	width: 90%;}
	.oneweekschedule .inner{
		padding: 120px 0 50px;
		background-size: cover;
	}	
}
/*=====================================================================================
***************************************************************************************

interviewtext
		
***************************************************************************************
=====================================================================================*/

.message{
	background-color: #c51a1f;
	padding: 60px 0;
}
.message dl{
	max-width: 956px;
	width: 90%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #FFFFFF;
	text-align: justify;
}
.message dl dd{
	width: 72%;
	margin-left: 5%;
} 
.message dl dd h5{
	font-size: 25px;
	font-weight: bold;
	margin-bottom: 30px;
}
@media screen and (max-width: 750px){
	.message dl{flex-direction: column;	}
	.message dl dd{
		width: 100%;
		margin-top: 20px;
		margin-left: 0;
	}
	.message dl dd h5{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.message{padding: 50px 0;}
}