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

/**下層h3**/
.under > .inner {
    background: none;
    width: 96%;
    padding: 30px 2% 60px;
    margin: 0 auto;
}

.under .profile{
	width: 100%;
	overflow: hidden;
	position: relative;
	z-index: 111;
	min-width: 930px;
}
.under .profile>img{
	width: 100%;
}
.under .profile dl{
	float: left;
	width: 208px;
	padding: 10px;
	margin: 20px 12px;
		background: #fff;
	font-size: 1.0rem;
	height: 910px;
	position: relative;
	z-index: 112;
}

.under .profile dl dt{
	position: absolute;
	z-index: 999;
	top: -120px;
}
.under .profile dl dd{
	padding-bottom: 10px;
	border-bottom:1px dotted #ccc;
	margin-top: 20px;
	
}

.under .profile dl.p_01{
	color: #bea4f7;
}

.under .profile dl.p_02{
	color: #fd94a7;
}
.under .profile dl.p_02 dt{
	top: -100px;
}

.under .profile dl.p_03{
	color: #60b8ff;
}
.under .profile dl.p_03 dt{
	top: -100px;
}
.under .profile dl.p_04{
	color: #edbb00;
}


.under > .inner .interview_box h3{
	background: #e8f5ff;
	padding: 10px 15px;
	border-radius: 15px;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif;
	color: #552C0B;
	position: relative;
}
.under > .inner .interview_box h3:before{
	display: none;
	
}
.under > .inner .interview_box h3:after{
	content: url(../img/h3_arrow.png) ;
	position: absolute;
	width: 32px;
	height: 16px;
	bottom: -10px;
	margin: auto;
	left: 0;
	right: 0;
}
.under .interview_box{
	background: #fff;
	margin: 20px 0;
	padding: 20px 20px 50px;
	min-width: 930px;
}
.under .interview_box img.floatL,
.under .interview_box img.floatR{
	width: 433px;
}
.under .interview_box .one{
	overflow: hidden;
	margin: 20px 0;

}

.under .interview_box .one>img{
float: left;
	width: 124px;
}

.under .interview_box .one>p{
float: right;
	width: 750px;
}

@media (max-width: 768px) {
.under .profile{
	min-width: 100%;
}

.under .profile dl{
	float: none;
	width: 100%;
padding: 10px 2%;
	margin: 20px 0px;
	height: auto;
}

.under .profile dl dt{
	position: relative;
	text-align: center;
	top: 0px;
}
.under .profile dl.p_02 dt,
.under .profile dl.p_03 dt{
	top: 0px;
}


.under > .inner .interview_box h3{
	padding: 10px 15px;
}
.under .interview_box{
	width: 100%;
	padding: 20px 2% 50px;
	min-width: 100%;
}
.under .interview_box img.floatL,
.under .interview_box img.floatR{
	width: 100%;
}

.under .interview_box .one{
text-align: center;
	}
.under .interview_box .one>img{
float: none;
}

.under .interview_box .one>p{
float: none;
	width: 100%;
	text-align: left;
}
	
	
	
	
	
	
	
	
	
}