@charset "utf-8";
/* ================================================

SUPPORT用

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

#sub_pict .bg01 {
	background:url(../img/sub_pict01.jpg) center top no-repeat;
}
#sub_pict .bg02 {
	background:url(../img/sub_pict02.jpg) center top no-repeat;
}
#sub_pict .bg03 {
	background:url(../img/sub_pict03.jpg) center top no-repeat;
}
#sub_pict .bg04 {
	background:url(../img/sub_pict04.jpg) center top no-repeat;
}
#sub_pict .bg05 {
	background:url(../img/sub_pict05.jpg) center top no-repeat;
}
#sub_pict .bg06 {
	background:url(../img/sub_pict06.jpg) center top no-repeat;
}

#sub_pict .config .one_team {
	z-index:2;
}

#sub_pict .config .switch {
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:0;
}

#sub_pict .config .switch div {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}

#sub_pict .config .switch #s_next {
	opacity:0;
	z-index:2;
}

@media screen and (max-width: 800px) {
	
	article .variable {
		width:700px;
		margin:0 auto;
	}
	
}

@media screen and (max-width: 767px) {
	
	article .variable {
		width:90%;
		margin:0 auto;
	}
	
}


h2, .sub_lead {
	width:90%;
	margin:0 auto 100px auto;
}

h2 {
	border-bottom:1px solid #fff;
	padding-bottom:3%;
}

.m_btn {
	width:90%;
	margin:15% auto;
}

.m_btn li {
	float:left;
	margin-right:50px;
}

.m_btn li:nth-child(3n) {
	margin-right:0;
}

.m_btn li a {
	display:block;
	width:169px;
	height:199px;
}

.m_btn li a img {
	display:none;
}

.m_btn li.m01,
.m_btn li.m02,
.m_btn li.m03 {
	margin-bottom:60px;
}

.m_btn li.m01 a {
	background:url(../img/btn_m01.png) 0 0 no-repeat;
}
.m_btn li.m02 a {
	background:url(../img/btn_m02.png) 0 0 no-repeat;
}
.m_btn li.m03 a {
	background:url(../img/btn_m03.png) 0 0 no-repeat;
}
.m_btn li.m04 a {
	background:url(../img/btn_m04.png) 0 0 no-repeat;
}
.m_btn li.m05 a {
	background:url(../img/btn_m05.png) 0 0 no-repeat;
}
.m_btn li.m06 a {
	background:url(../img/btn_m06.png) 0 0 no-repeat;
}

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

	h2 {
		margin-bottom:15%;
	}
	
	p.sub_lead {
		font-size:80%;
		margin-bottom:15%;
	}
	
	.m_btn {
		width:80%;
		max-width:583px;
		margin:15% auto 0 auto;
	}
	
	.m_btn li {
		width:30%;
		margin-right:5%;
	}
	
	
	
	.m_btn li a {
		display:inline;
		background:none;
	}
	
	.m_btn li a img {
		display:block;
	}
	
}

article .prof {
	background:#fff;
	padding:10% 0 0 0;
	margin:15% auto 0 auto;
}

article .prof .inner {
	width:660px;
	margin:0 auto;
	padding-bottom:10%;
}

article .prof .anchor {
	background:#E8233B;
	padding-top:5%;
	font-size:0;
	text-align:center;
}

article .prof .anchor li {
	width:32%;
	margin:0.5%;
	display:inline-block;
	border:1px solid #E8233B;
}

article #m01.prof .anchor li:nth-child(1),
article #m02.prof .anchor li:nth-child(2),
article #m03.prof .anchor li:nth-child(3),
article #m04.prof .anchor li:nth-child(4),
article #m05.prof .anchor li:nth-child(5),
article #m06.prof .anchor li:nth-child(6) {
	border:1px solid #fff;
}

article .prof .name {
	margin-top:10%;
	padding-left:138px;
	padding-bottom:10%;
}

article .prof .name .kana img {
	height:15px;
	display:block;
}

article .prof .name p {
	margin-top:1.3em;
	font-size:85%;
}

#m01 .name {
	background:url(../img/num01.png) 0 0 no-repeat;
	background-size:115px auto;
}

#m02 .name {
	background:url(../img/num02.png) 0 0 no-repeat;
	background-size:115px auto;
}

#m03 .name {
	background:url(../img/num03.png) 0 0 no-repeat;
	background-size:115px auto;
}

#m04 .name {
	background:url(../img/num04.png) 0 0 no-repeat;
	background-size:115px auto;
}

#m05 .name {
	background:url(../img/num05.png) 0 0 no-repeat;
	background-size:115px auto;
}

#m06 .name {
	background:url(../img/num06.png) 0 0 no-repeat;
	background-size:115px auto;
}

article .prof .interview dl {
	margin-bottom:5%;
}

article .prof .interview dt {
	font-weight:bold;
	margin-bottom:2%;
}

article .prof .interview dd {
	padding:3%;
	position:relative;
	font-size:90%;
}

article .prof .interview dd:after {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(255, 240, 238, 0);
	border-width: 10px;
	margin-top: -10px;
}

article .prof .interview .bag dd {
	padding:0;
}

article .prof .interview .bag dd .cf div {
	width:50%;
	height:360px;
	float:left;
}

article .prof .interview .bag dd .cf .text {
	display:table;
}

article .prof .interview .bag dd .cf .text p {
	display:table-cell;
	padding:0 20px;
	vertical-align:middle;
}

article .prof .interview .bag dd:after {
	border:0;
}

article .prof .interview .hobby dd {
	padding:0;
}

article .prof .interview .hobby dd:after {
	border:0;
}

article .prof .interview .hobby dd .cf {
	display:table;
}

article .prof .interview .hobby dd .cf div {
	display:table-cell;
	width:50%;
	vertical-align:top;
}

article .prof .interview .hobby dd .cf .text {
	padding:0 20px;
	vertical-align:middle;
}

#m01 .interview dd,
#m04 .interview dd {
	background:#FFF0EE;
}

#m01 .interview dd:after,
#m04 .interview dd:after {
	border-left-color: #FFF0EE;
}

#m02 .interview dd,
#m05 .interview dd {
	background:#FFF7DE;
}

#m02 .interview dd:after,
#m05 .interview dd:after {
	border-left-color: #FFF7DE;
}

#m03 .interview dd,
#m06 .interview dd {
	background:#E6F0FF;
}

#m03 .interview dd:after,
#m06 .interview dd:after {
	border-left-color: #E6F0FF;
}

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

	article .prof .photo {
		margin-top:10%;
	}
	
	article .prof .interview dd:after {
		border:0;
	}

}


@media screen and (max-width: 800px) {
	
	article .prof {
		width:620px;
	}
	
	article .prof .inner {
		width:560px;
		margin:0 auto;
	}
	
	article .prof .interview .bag dd .cf div {
		height:305px;
	}
	
}


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

	article .prof {
		width:96%;
	}
	
	article .prof .inner {
		width:90%;
		margin:0 auto;
	}
	
	article .prof .name {
		padding-left:20%;
	}
	
	article .prof .name .kana img {
		height:auto;
	}
	
	#m01 .name,
	#m02 .name,
	#m03 .name,
	#m04 .name,
	#m05 .name,
	#m06 .name {
		background-size:15% auto;
	}
	
	article .prof .name p {
		margin-top:0.5em;
	}
	
	article .prof .interview .bag dd {
		padding-top:3%;
	}
	
	article .prof .interview .bag dd .cf div {
		width:100%;
		height:auto;
		float:none;
	}
	
	article .prof .interview .bag dd .img01 {
		display:none;
	}
	
	article .prof .interview .bag dd .cf .text {
		display:block;
		padding:0 3%;
	}
	
	article .prof .interview .bag dd .cf .text p {
		display:inline;
		width:100%;
		padding:0;
	}
	
	article .prof .interview .hobby dd .cf .text {
		padding:3%;
	}
	
	article .prof .interview .bag dd .img02 {
		padding-top:3%;
	}
	
	article .prof .anchor li {
		width:48%;
	}

}

@media screen and (max-width: 470px) {
	
	article .prof .name p {
		font-size:75%;
	}
	
}

@media screen and (max-width: 390px) {
	
	article .prof .name p {
		font-size:65%;
	}
}