@charset "UTF-8";

/* -------------------------------------------------------
*  index
* ------------------------------------------------------*/

/*-----interview----------------------------------*/

main.index{
	background: #e9f7fd;
}
.index #interview{
	background: none;
}
.index #interview .wrap{
	padding: 0;
	max-width: 1000px;
}
.index #interview  .list{
	letter-spacing: -4px;
	text-align: center;
	margin: 0;
}
.index #interview .list li{
	display: inline-block;
	letter-spacing: 0;
	margin: 0 35px 0 0;
}
.index #interview .list li:nth-child(n + 4){
	margin-top: 35px;
}
.index #interview .list li:nth-child(3),
.index #interview .list li:nth-child(6),
.index #interview .list li:nth-child(8){
	margin-right: 0;
}
.index #interview .list li a .box p .name{
	font-size: 2.4rem;
	letter-spacing: 0.08em;
}

/*-----greeting_bnr----------------------------------*/

#greeting_bnr .wrap{
	max-width: 1000px;
	padding: 60px 0 75px;
}
#greeting_bnr .wrap .bg{
	padding: 70px 0 60px;
	background: url(../img/interview/greeting_bg01.jpg) no-repeat center;
}
#greeting_bnr .txtbox{
	max-width: 420px;
	margin-left: 100px;
}
#greeting_bnr .txt{
	font-size: 1.9rem;
	line-height: 1.79;
	text-align: center;
	letter-spacing: 0.12em;
}
#greeting_bnr .btn{
	width: 300px;
	margin: 30px auto 0;
}
#greeting_bnr .btn a{
	font-size: 2rem;
	font-weight: bold;
	color: #15abce;
	letter-spacing: 0.2em;
	text-align: center;
	display: block;
	background: #fff;
	border-radius: 50px;
	padding: 23px 0 23px;
	transition: 0.2s;
}
#greeting_bnr .btn a:hover{
	color: #fff;
	background: #15abce;
}
#greeting_bnr .btn a:hover:before {
    border-top-color: #fff;
    border-right-color: #fff;
}
#greeting_bnr .w_arrow.small a:before, #greeting_bnr .b_arrow.small a:before{
	border-top-width: 2px;
	border-right-width: 2px;
	width: 10px;
	height: 10px;
	margin-top: -5px;
}



/* -------------------------------------------------------
*  下層
* ------------------------------------------------------*/


/*-----interview_mv----------------------------------*/

#interview_mv .wrap{
	width: 100%;
}
#interview_mv .img{
	max-width: 1200px;
	margin-left: auto;
}


/*-----interview_detail ----------------------------------*/

#interview_detail .wrap{
	padding: 100px 0 140px;
	width: 100%;
}
#interview_detail .box p .y_line{
	background: #fff6a8;
}
#interview_detail .box01 .txtbox{
	max-width: 1000px;
	width: 96%;
	margin: 55px auto 0;
	display: flex;
	justify-content: space-between;
}
#interview_detail .box01 .txtbox > div{
	max-width: 465px;
	width: 46.5%;
}
#interview_detail .box01 .txtbox p{
	color: #666;
	font-size: 1.4rem;
	line-height: 1.9;
}
#interview_detail .box01 .txtbox p + p{
	margin-top: 30px;
}
#interview_detail .box02{
	margin-top: 80px;
}
#interview_detail .box02 .imgtxt{
	max-width: 1200px;
	width: 96%;
	margin-top: 60px;
	display: flex;
	justify-content: space-between;
}
#interview_detail .box02 .imgtxt .left{
	max-width: 680px;
	width: 56.67%;
}
#interview_detail .box02 .imgtxt .right{
	max-width: 465px;
	width: 38.75%;
}
#interview_detail .box02 .imgtxt .right p{
	color: #666;
	font-size: 1.4rem;
	line-height: 1.8;
	letter-spacing: 0.06em;
}
#interview_detail .box02 .imgtxt .right p + p{
	margin-top: 30px;
}


/*-----joy----------------------------------*/

#joy{
	background: -moz-linear-gradient(left, #49dbcc, #16acce);
	background: -webkit-linear-gradient(left, #49dbcc, #16acce);
	background: linear-gradient(to right, #49dbcc, #16acce);
}
#joy .wrap{
	padding: 0 0 58px;
	max-width: 1000px;
}
#joy .img{
	position: relative;
	top: -40px;
}
#joy .s_midashi{
	font-size: 1.5rem;
	line-height: 1;
	font-weight: bold;
	letter-spacing: 0.1em;
	color: #fff;
	text-align: center;
}
#joy h4{
	font-size: 3.4rem;
	line-height: 1.5;
	color: #fff;
	letter-spacing: 0.14em;
	font-weight: bold;
	text-align: center;
	margin-top: 15px;
}
#joy h4 .ul{
	border-bottom: 2px solid #fff;
	padding-bottom: 2px;
}
#joy .txt{
	font-size: 1.5rem;
	line-height: 1.8;
	color: #fff;
	text-align: center;
	margin-top: 38px;
	letter-spacing: 0.06em;
}



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

	.index #interview .list li{
		width: 32%;
		margin: 0 2% 0 0;
	}
	.index #interview .list li:nth-child(n + 4){
		margin-top: 3%;
	}

}


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

/* -------------------------------------------------------
*  index
* ------------------------------------------------------*/

	/*-----interview----------------------------------*/

	.index #interview .list{
		display: flex;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.index #interview .list li{
		display: block;
		width: 49%;
		max-width: 49%;
		margin-right: 0!important;
		margin-top: 0!important;
	}
	.index #interview .list li:nth-child(n + 3){
		margin-top: 2%!important;
	}
	.index #interview .list li a .box p .name{
		font-size: 1.5rem;
	}


	/*-----greeting_bnr----------------------------------*/

	#greeting_bnr .wrap{
		padding: 5% 0 9%;
	}
	#greeting_bnr .wrap .bg {
		padding: 7% 0 6%;
		background-position: center top;
	}
	#greeting_bnr .txtbox {
		max-width: 420px;
		margin-left: 2%;
	}


/* -------------------------------------------------------
*  下層
* ------------------------------------------------------*/

	/*-----interview_mv----------------------------------*/

	#interview_mv .wrap {
		width: 100%;
	}
	#interview_detail .wrap {
		padding: 8% 0 calc(10% + 20px);
		width: 100%;
	}
	#interview_detail .box01 .txtbox {
		max-width: 88%;
		margin: 5% auto 0;
		display: block;
	}
	#interview_detail .box01 .txtbox > div{
		max-width: 100%;
		width: 100%;
	}
	#interview_detail .box01 .txtbox .right{
		margin-top: 3%;
	}
	#interview_detail .box01 .txtbox p + p{
		margin-top: 3%;
	}
	#interview_detail .box01 .txtbox p{
		font-size: 1.3rem;
		letter-spacing: 0.08em;
		line-height: 1.9;
	}
	#interview_detail .box02{
		margin-top: 8%;
	}
	#interview_detail .box02 .imgtxt{
		display: block;
		margin-top: 5%;
		width: 100%;
	}
	#interview_detail .box02 .imgtxt .left{
		display: none;
	}
	#interview_detail .box02 .imgtxt .right{
		max-width: 100%;
		width: 88%;
		margin: auto;
	}
	#interview_detail .box02 .imgtxt .right p + p{
		margin-top: 3%;
	}
	#interview_detail .box02 .imgtxt .right p{
		font-size: 1.3rem;
		letter-spacing: 0.08em;
		line-height: 1.9;
	}



	/*-----interview_mv----------------------------------*/
	

	#joy .wrap{
		padding-bottom: 8%;
	}
	#joy .img{
		top: -20px;
	}
	#joy .s_midashi{
		font-size: 1.2rem;
	}
	#joy h4{
		font-size: 2rem;
		line-height: 1.7;
		margin-top: 2%;
	}
	#joy .txt{
		font-size: 1.3rem;
		margin-top: 5%;
		text-align: left;
		line-height: 1.9;
	}


}



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

/* -------------------------------------------------------
*  index
* ------------------------------------------------------*/

	/*-----interview----------------------------------*/

	.index #interview .list{
		display: block;
	}
	.index #interview .list li{
		display: block;
		width: 100%;
		max-width: 100%;
	}
	.index #interview .list li:nth-child(n + 2){
		margin-top: 3.5%!important;
	}
	.index #interview .list li a .box p{
		margin: 0;
	}

	/*-----greeting_bnr----------------------------------*/

	#greeting_bnr .wrap .bg{
		background: url(../img/interview/greeting_bg01_sp.jpg) no-repeat center;
		background-size: 100%;
		padding: 68% 0 5%;
	}
	#greeting_bnr .txtbox{
		max-width: 100%;
		margin-left: 0;
	}
	#greeting_bnr .txt{
		display: none;
	}
	#greeting_bnr .btn{
		width: 90%;
		margin: auto;
	}
	#greeting_bnr .btn a{
		font-size: 1.5rem;
		padding: 4.5% 0 4.5%;
	}
	#greeting_bnr .w_arrow.small a:before, 
	#greeting_bnr .b_arrow.small a:before {
	    width: 8px;
	    height: 8px;
	    margin-top: -4px;
	}


/* -------------------------------------------------------
*  下層
* ------------------------------------------------------*/






}