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

.title{
	background: url(../img/bg_h2.jpg) 50% 50% no-repeat;
	min-height: 153px;
	
}

/*メイン
------------------------------------------------------------------*/
.under .inner h3.index{
	margin-top: -66px;
}

.under .inner h4.index{
	background: url(../img/bg_h4_index.png) no-repeat 50% 50%;
	text-align: center;
	padding-bottom: 0px;
font-size: 2.2rem;
	letter-spacing: 0.2em;
	font-weight: bold;
margin-left: 0px;
margin-top: 20px;
margin-bottom: 10px;
border-bottom: none;
	color: #4F382F;line-height: 70px;
	
}

.background_interview{
	 background: #fff;	
}
#contents .interview{
	padding-bottom: 30px;
	background:repeating-linear-gradient(
-45deg,
#F2F7FA,
#F2F7FA 2px,
#fff 0,
#fff 50px
);
}
#contents .interview>.inner {
    background: none;
	border: none;
	padding: 30px 0px;
}
.interview .inner h2{
	text-align: center;
}


#contents .interview>.interview_h2{
	width: 100%;
}

#contents .interview>.interview_h2 h2{
	width: 100%;
}

#contents .interview>.interview_h2 h2 img{
	width: 100%;
}

#contents .interview h3{
	line-height: 1.0;
text-align: center;
background:none;
padding-top: 0;
margin-top: 0;
}
ul.intervie_index li{
	width: 100%;
	margin: 10px auto;
	
}
ul.intervie_index li img{
	width: 100%;	
}

#contents .interview .member_box{
	background: url("../img/bg_h3_menber.png") repeat-y 50% 50%;
	background-size: cover;
}
#contents .interview .member_box>.inner{
	background: none;
	border: none;
}
#contents .interview .member_box ul{
	overflow: hidden;
	margin: 30px auto 0;
	display: flex;
	justify-content:space-around;
   flex-wrap: wrap;
}
#contents .interview .member_box ul li{
padding-top: 10px;
text-align: left !important;
width: calc(100% / 3 - 10px);
box-sizing: border-box;
font-size: 14px;
font-weight: bold;
margin-bottom: 20px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
margin: 10px 5px;
}

#contents .interview .member_box ul li>div{
display: flex;
flex-wrap: wrap;
align-items: stretch;
	line-height: 1.8;
	letter-spacing: 0;
}
#contents .interview .member_box ul li>div>div{
	width: 100%;
}
#contents .inter_04 .member_box ul li,
#contents .inter_05 .member_box ul li{
width: calc(100% / 2 - 10px);
}
#contents .interview .member_box ul li span{
	font-size: 150%;
	display: inline-block;
}

#contents .inter_02 .interview_box .inner>div.no_01 h5 span,
#contents .inter_02 .member_box ul li.icon_01 span{
	color: #FC93C3;
}

#contents .inter_02 .interview_box .inner>div.no_02 h5 span,
#contents .inter_02 .member_box ul li.icon_02 span{
	color: #9E94F5;
}

#contents .inter_02 .interview_box .inner>div.no_03 h5 span,
#contents .inter_02 .member_box ul li.icon_03 span{
	color: #96C342;
}
#contents .inter_02 .interview_box .inner>div.no_04 h5 span,
#contents .inter_02 .member_box ul li.icon_04 span{
	color: #74BFFF;
}
#contents .inter_02 .interview_box .inner>div.no_05 h5 span,
#contents .inter_02 .member_box ul li.icon_05 span{
	color: #FCB554;
}
#contents .inter_02 .interview_box .inner>div.no_06 h5 span,
#contents .inter_02 .member_box ul li.icon_06 span{
	color: #FA5A45;
}
#contents .inter_03 .interview_box .inner>div.no_01 h5 span,
#contents .inter_03 .member_box ul li.icon_01 span{
	color: #FC93C3;
}
#contents .inter_03 .interview_box .inner>div.no_02 h5 span,
#contents .inter_03 .member_box ul li.icon_02 span{
	color: #74BFFF;
}
#contents .inter_04 .interview_box .inner>div.no_01 h5 span,
#contents .inter_04 .member_box ul li.icon_01 span{
	color: #FC93C3;
}
#contents .inter_04 .interview_box .inner>div.no_02 h5 span,
#contents .inter_04 .member_box ul li.icon_02 span{
	color: #74BFFF;
}
#contents .inter_04 .interview_box .inner>div.no_03 h5 span,
#contents .inter_04 .member_box ul li.icon_03 span{
	color: #96C342;
}
#contents .inter_04 .interview_box .inner>div.no_04 h5 span,
#contents .inter_04 .member_box ul li.icon_04 span{
	color: #FCB554;
}
#contents .inter_05 .interview_box .inner>div.no_01 h5 span,
#contents .inter_05 .member_box ul li.icon_01 span{
	color: #FC93C3;
}
#contents .inter_05 .interview_box .inner>div.no_02 h5 span,
#contents .inter_05 .member_box ul li.icon_02 span{
	color: #74BFFF;
}
#contents .inter_05 .interview_box .inner>div.no_03 h5 span,
#contents .inter_05 .member_box ul li.icon_03 span{
	color: #96C342;
}
#contents .inter_05 .interview_box .inner>div.no_04 h5 span,
#contents .inter_05 .member_box ul li.icon_04 span{
	color: #FCB554;
}
#contents .interview .member_box ul li img{
margin-bottom: 0.2rem;
box-shadow: 8px 8px 0 #fff;
    font-weight: bold;
    text-align: center;
	width: 80px;
	margin-right: 20px;

}
#contents .inter_02 .member_box ul li.icon_01{
}
#contents .inter_02 .member_box ul li.icon_02{
}
#contents .inter_02 .member_box ul li.icon_03{
}
#contents .inter_02 .member_box ul li.icon_04{
}
#contents .inter_02 .member_box ul li.icon_05{
}
#contents .inter_02 .member_box ul li.icon_06{

}
#contents .inter_03 .member_box ul li.icon_01{

}
#contents .inter_03 .member_box ul li.icon_02{

}
#contents .inter_04 .member_box ul li.icon_01{

}
#contents .inter_04 .member_box ul li.icon_02{

}
#contents .inter_04 .member_box ul li.icon_03{

}
#contents .inter_04 .member_box ul li.icon_04{

}
#contents .inter_05 .member_box ul li.icon_01{

}
#contents .inter_05 .member_box ul li.icon_02{

}
#contents .inter_05 .member_box ul li.icon_03{

}
#contents .inter_05 .member_box ul li.icon_04{

}

#contents .interview_box {
	padding: 80px 0 10px;
}
#contents .interview_box .inner{
	border:1px solid #111;
	position: relative;
	overflow: visible;
	padding: 20px 40px;
}
#contents .interview_box .inner h3{
	background: #fff;
	position: absolute;
	left: -20px;
	margin: auto;
	top:-40px;
}
#contents .interview_box .inner h3 img{
}
#contents .interview_box .inner h4{
	font-size: 18px;
	color: #333333;
	letter-spacing: 0;
	font-weight: bold;
	padding-bottom: 20px;
	margin-left: 120px;
	position: relative;
	text-align: left;
	color: #EF6291;
}
#contents .interview_box .inner h4:after{
	content: "";
	background: url("../img/h4_inter_line.png") 50% 50%;
	position: absolute;
	bottom: 0px;
height: 5px;
width: 100%;
left: 0;
right: 0;
margin: auto;
background-size: cover;
}
#contents .interview_box .inner h4 span{
position: relative;	
}

#contents .interview .float_box{
	overflow: hidden;
}
#contents .interview .floatL,
#contents .interview .floatR{
	width: 48%;
}
#contents .interview .floatL>div,
#contents .interview .floatR>div{
display: flex;
align-items: center;
	justify-content:space-around;
}
#contents .interview .floatL>div p,
#contents .interview .floatR>div p{
width: 285px;
}
#contents .interview .float_box img{
	width: 100%;
	box-shadow: 4px 4px 18px -7px rgba(0,0,0,0.6);
}
#contents .interview .float_box .w60{
	width: 60%;
}
#contents .interview .interview_box .inner>div{
	margin: 0 auto 35px;
	width: 100%;
	display: flex;
	align-items:flex-start;
		justify-content:space-around;

}
#contents .interview .interview_box .inner>div h5{
display: block;
width: 80px;
box-sizing: border-box;
margin: 0px auto;
box-shadow: none !important;
border: none;
	font-weight: bold;
		font-size: 13px;
	position: relative;
	display: flex;
	flex-wrap: wrap;
		background-color: #fff !important;
}
#contents .interview .interview_box .inner>div h5>div{
	width: 100%;
	text-align: center;
	margin-top: 10px;
}
#contents .interview .interview_box .inner>div h5 span{
	color: #111;
	display: inline-block;
	font-size: 130%;
}
#contents .interview .interview_box .inner>div p{
		padding: 30px 20px;
	border-radius: 16px;
	position: relative;
	font-size: 16px;
	box-sizing: border-box;
	width: calc(100% - 120px);
}
#contents .inter_01 .interview_box .inner>div p{
		padding: 0px;
	width: calc(100%);
}

#contents .interview .interview_box .inner>div p:before {
content: "";
position: absolute;
top: 20px;
left: -15px;
margin: auto;
margin-left: -15px;
border-top: 15px solid transparent;
border-left: 15px solid transparent;
border-bottom: 15px solid transparent;
height: 0px;
}

#contents .interview .interview_box h5:before{
	content: "";
	width: 80px;
	height: 80px;
background-size: contain !important;
}
#contents .inter_02 .interview_box .no_01 h5:before{
background: url("../img/icon_inter_02_01.jpg") no-repeat 0% 50%;
}


#contents .inter_02 .interview_box .no_01 p{
background: #FFEBF7;
}
#contents .inter_02 .interview_box .no_01 p:before {
	  border-right: 15px solid #FFEBF7;

}
#contents .inter_02 .interview_box .no_02 h5:before{
background: url("../img/icon_inter_02_02.jpg") no-repeat 0% 50%;
}

#contents .inter_02 .interview_box .no_02 p{
background: #F1E5FF;
}
#contents .inter_02 .interview_box .no_02 p:before {
	  border-right: 15px solid #F1E5FF;

}
#contents .inter_02 .interview_box .no_03 h5:before{
background: url("../img/icon_inter_02_03.jpg") no-repeat 0% 50%;
}

#contents .inter_02 .interview_box .no_03 p{
background: #EEF8DA;
}

#contents .inter_02 .interview_box .no_03 p:before {
	  border-right: 15px solid #EEF8DA;

}
#contents .inter_02 .interview_box .no_04 h5:before{
background: url("../img/icon_inter_02_04.jpg") no-repeat 0% 50%;
}

#contents .inter_02 .interview_box .no_04 p{
background:#DEF0FF;
}
#contents .inter_02 .interview_box .no_04 p:before {
	  border-right: 15px solid #DEF0FF;

}
#contents .inter_02 .interview_box .no_05 h5:before{
background: url("../img/icon_inter_02_05.jpg") no-repeat 0% 50%;
}

#contents .inter_02 .interview_box .no_05 p{
background: #FFF0D8;
}
#contents .inter_02 .interview_box .no_05 p:before {
	  border-right: 15px solid #FFF0D8;

}
#contents .inter_02 .interview_box .no_06 h5:before{
background: url("../img/icon_inter_02_06.jpg") no-repeat 0% 50%;
}

#contents .inter_02 .interview_box .no_06 p{
background: #FFE5E6;
}
#contents .inter_02 .interview_box .no_06 p:before {
	  border-right: 15px solid #FFE5E6;

}
#contents .inter_03 .interview_box .no_01 h5:before{
background: url("../img/icon_inter_03_01.jpg") no-repeat 0% 50%;
}
#contents .inter_03 .interview_box .no_01 p{
background: #FFEBF7;
}
#contents .inter_03 .interview_box .no_01 p:before {
	  border-right: 15px solid #FFEBF7;

}
#contents .inter_03 .interview_box .no_02 h5:before{
background: url("../img/icon_inter_03_02.jpg") no-repeat 0% 50%;
}
#contents .inter_03 .interview_box .no_02 p{
background: #DEF0FF;
}
#contents .inter_03 .interview_box .no_02 p:before {
	  border-right: 15px solid #DEF0FF;

}
#contents .inter_04 .interview_box .no_01 h5:before{
background: url("../img/icon_inter_04_01.jpg") no-repeat 0% 50%;
}
#contents .inter_04 .interview_box .no_01 p{
background: #FFEBF7;
}
#contents .inter_04 .interview_box .no_01 p:before {
	  border-right: 15px solid #FFEBF7;

}
#contents .inter_04 .interview_box .no_02 h5:before{
background: url("../img/icon_inter_04_02.jpg") no-repeat 0% 50%;
}
#contents .inter_04 .interview_box .no_02 p{
background: #DEF0FF;
}
#contents .inter_04 .interview_box .no_02 p:before {
	  border-right: 15px solid #DEF0FF;

}
#contents .inter_04 .interview_box .no_03 h5:before{
background: url("../img/icon_inter_04_03.jpg") no-repeat 0% 50%;
}
#contents .inter_04 .interview_box .no_03 p{
background: #EEF8DA;
}
#contents .inter_04 .interview_box .no_03 p:before {
	  border-right: 15px solid #EEF8DA;

}
#contents .inter_04 .interview_box .no_04 h5:before{
background: url("../img/icon_inter_04_04.jpg") no-repeat 0% 50%;
}
#contents .inter_04 .interview_box .no_04 p{
background: #FFF0D8;
}
#contents .inter_04 .interview_box .no_04 p:before {
	  border-right: 15px solid #FFF0D8;

}

#contents .inter_05 .interview_box .no_01 h5:before{
background: url("../img/icon_inter_05_01.jpg") no-repeat 0% 50%;
}
#contents .inter_05 .interview_box .no_01 p{
background: #FFEBF7;
}
#contents .inter_05 .interview_box .no_01 p:before {
	  border-right: 15px solid #FFEBF7;

}
#contents .inter_05 .interview_box .no_02 h5:before{
background: url("../img/icon_inter_05_02.jpg") no-repeat 0% 50%;
}
#contents .inter_05 .interview_box .no_02 p{
background: #DEF0FF;
}
#contents .inter_05 .interview_box .no_02 p:before {
	  border-right: 15px solid #DEF0FF;

}
#contents .inter_05 .interview_box .no_03 h5:before{
background: url("../img/icon_inter_05_03.jpg") no-repeat 0% 50%;
}
#contents .inter_05 .interview_box .no_03 p{
background: #EEF8DA;
}
#contents .inter_05 .interview_box .no_03 p:before {
	  border-right: 15px solid #EEF8DA;

}
#contents .inter_05 .interview_box .no_04 h5:before{
background: url("../img/icon_inter_05_04.jpg") no-repeat 0% 50%;
}
#contents .inter_05 .interview_box .no_04 p{
background: #FFF0D8;
}
#contents .inter_05 .interview_box .no_04 p:before {
	  border-right: 15px solid #FFF0D8;

}
.interview_nav ul{
	overflow: hidden;
	width: 504px;
	margin: 15px auto;
	
	
}
.interview_nav ul li{
	font-weight: bold;
	float: left;
	height: 43px;
	min-width: 43px;
	line-height: 43px;
	box-sizing: border-box;
	background: #fff;
	text-align: center;
	font-size: 12px;
	margin: 0 8px;
	padding: 0 10px;
	
}
.interview_nav ul li:first-child:before{
	content: "＜＜";

}
.interview_nav ul li:first-child:before{
	content: "＜＜";

}
.interview_nav ul li:last-child:after{
content: "＞＞";
}
.interview_nav ul li.active{
	background: #222; 

}
.interview_nav ul li.active a{
	color: #fff;
}

.interview_nav p{
	border-radius: 20px;
	padding: 8px 15px;
	background:#fff;
	width: 270px;
	margin: 20px auto;
	text-align: center;
	border:2px solid #FD22A1;
	border-radius: 20px;
}
.interview_nav p a{
	color: #FD22A1;
	
}
ul.interview_index{
	display: flex;
	justify-content: flex-start;
	align-content: flex-end;
	flex-wrap: wrap;
}
ul.interview_index>li{
	width: 50%;
	display: flex;
align-items: flex-end;
	justify-content: flex-end;
}
ul.interview_index>li img{
	width: 100%;
}
ul.interview_index>li.logo img{
	width: 80%;
}
@media screen and (max-width:767px) { 

#contents .interview_box .inner {
    padding: 20px 10px;
    box-sizing: border-box;
}	
	#contents .interview h3 {
  width: 200px;
  margin: 0 auto;
}
	#contents .interview .member_box ul li {
  width: calc(100% / 2 - 10px);
  font-size: 10px;
	}
	#contents .interview_box .inner h3 {
  left: -10px;
  top: -20px;
  width: 100px;
}
	#contents .interview_box .inner h3 img {
    width: 100%;
}
	#contents .interview_box .inner h4{
		padding-top: 50px;
		margin-left: 0;
	}
	#contents .interview_box .inner h4 span::before {
    left: 0;
    top: -60px;
    right: 0;
    margin: auto;
}
	#contents .interview .floatL, #contents .interview .floatL,
	#contents .interview .floatL, #contents .interview .floatR {
    width: 100%;
		
		margin: 20px auto;
}
	#contents .interview .floatL>div,
#contents .interview .floatR>div{
display: block;
}
#contents .interview .floatL>div p,
#contents .interview .floatR>div p{
width: 100%;
}
	#contents .interview .interview_box .inner > div p{
		width: 100%;
	}
	.interview_nav ul {
    width: 100%;
		    display: flex;
-webkit-flex-wrap: wrap;
   flex-wrap: wrap;
justify-content: space-around;
}
	
	.interview_nav ul li{
	float: none;
		margin: 0;
		width: 20%;
	}
	.interview_nav ul li:nth-child(1){
		order: 1;

}
	.interview_nav ul li:nth-child(7){
		order: 2;

}
	.interview_nav ul li:nth-child(2),
	.interview_nav ul li:nth-child(3),
	.interview_nav ul li:nth-child(4),
	.interview_nav ul li:nth-child(5),
	.interview_nav ul li:nth-child(6){
		order: 3;

}
		.interview_nav ul li:nth-child(1),
	.interview_nav ul li:nth-child(7){
		width: 50%;

}
#contents .interview .interview_box .inner>div{
display: block;
}

	#contents .interview .interview_box .inner>div p{
	}
#contents .interview .interview_box .inner>div p:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
	border-top:15px solid transparent;
	border-left:15px solid transparent;
	border-right:15px solid transparent;
	bottom: auto;
margin: 0 0 0 -15px;
}
#contents .inter_02 .interview_box .no_01 p:before {
	  border-bottom: 15px solid #FFEBF7;

}
#contents .inter_02 .interview_box .no_02 p:before {
	  border-bottom: 15px solid #f1e5ff;

}
#contents .inter_02 .interview_box .no_03 p:before {
	  border-bottom: 15px solid #eef8da;

}

#contents .inter_02 .interview_box .no_04 p:before {
	  border-bottom: 15px solid #def0ff;

}
#contents .inter_02 .interview_box .no_05 p:before {
	  border-bottom: 15px solid #fff0d8;

}
#contents .inter_02 .interview_box .no_06 p:before {
	  border-bottom: 15px solid #FFE5E6;

}
#contents .inter_03 .interview_box .no_01 p:before {
	  border-bottom: 15px solid #FFEBF7;

}
#contents .inter_03 .interview_box .no_02 p:before {
	  border-bottom: 15px solid #DEF0FF;

}
#contents .inter_04 .interview_box .no_01 p:before {
	  border-bottom: 15px solid #EEF8DA;

}
#contents .inter_04 .interview_box .no_02 p:before {
	  border-bottom: 15px solid #DEF0FF;

}
#contents .inter_04 .interview_box .no_03 p:before {
	  border-bottom: 15px solid #FFF0D8;

}
#contents .inter_04 .interview_box .no_04 p:before {
	  border-bottom: 15px solid #FFEBF7;

}
#contents .inter_05 .interview_box .no_01 p:before {
	  border-bottom: 15px solid #F1E5FF;

}
#contents .inter_05 .interview_box .no_02 p:before {
	  border-bottom: 15px solid #FFE5E6;

}
#contents .inter_05 .interview_box .no_03 p:before {
	  border-bottom: 15px solid #EEF8DA;

}
#contents .inter_05 .interview_box .no_04 p:before {
	  border-bottom: 15px solid #DEF0FF;

}

#contents .interview .float_box .w60{
	width: 100%;
}
}