@charset "UTF-8";


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

  instructor

========================================*/
main #com_ttl_page {
	padding:0;
	background:rgb(255,255,220);
	background:linear-gradient(130deg, rgba(255,255,220,1) 0%, rgba(211,233,255,1) 100%);
}
main #com_ttl_page .bg_alpha {
	padding:30px 0;
	background:url(/img/bg_alpha.svg) no-repeat;
	background-position:right -100px center;
}


main #com_ttl_page .innr {
	display:flex;
	justify-content:space-between;
	padding:20px 0;
}


main #com_ttl_page h1 {
	display:block;
	color:#333;
}
main #com_ttl_page .imgbox {
	width:300px;
	margin-left:50px;
}
main #com_ttl_page .imgbox img {
	width:100%;
	border-radius:10px;
}
main #com_ttl_page .txtbox {
	display:flex;
	align-items:center;
	text-align:left;
	width:800px;
}
main #com_ttl_page .txtbox span {
	display:block;
	font-weight:bold;
	margin-top:.5em;
}
main #com_ttl_page .txtbox span::before {
	content:"";
	height:2px;
	width:20px;
	background-color:#333;
	display:inline-block;
	margin-right:.4em;
}



main ul.mrk_school {
	margin-top:1.5em;
}
main ul.mrk_school li {
	font-size:16px;
}
main ul.mrk_sns {
	margin-top:1em;
}
main ul.mrk_sns li {
	font-size:24px;
}


@media screen and (max-width: 767px) {
	main #com_ttl_page .innr {
		display:block;
		box-sizing:border-box;
		width:70%;
		margin:0 auto;
	}
	main #com_ttl_page .bg_alpha {
		padding:10vw 0;
		background-size:250vw auto;
		background-position:-60vw -50vw;
	}
	main #com_ttl_page h1 {
		font-size:6vw;
	}
	main #com_ttl_page .imgbox {
		width:100%;
		margin-left:0;
	}
	main #com_ttl_page .imgbox img {
		width:100%;
	}
	main #com_ttl_page .txtbox {
		display:block;
		width:100%;
		margin-top:5vw;
	}
	main #com_ttl_page .txtbox span {
		font-size:3.8vw;
	}
	main #com_ttl_page .txtbox span::before {
	}
	main ul.mrk_school {
		margin-top:1em;
	}
	main ul.mrk_school li {
		font-size:3.8vw;
	}
	main ul.mrk_sns {
		margin-top:.6em;
	}
	main ul.mrk_sns li {
		font-size:6vw;
	}
}


.single .bg_alpha {
	position:relative;
}

.single .for {
	text-align:center;
}

.single .for {
	position:absolute;
	top:90px;
	left:690px;
	display:inline-block;
	margin:0;
	padding:1.5em;
	max-width:100%;
	color:#fff;
	font-size:16px;
	background:rgba(0,0,0,.7);
	border-radius:15px;
	font-size:15px;
}

.single .for:before {
	content:"";
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-15px;
	border:15px solid transparent;
	border-top:15px solid rgba(0,0,0,.7);
}

.single .for.wowm {
	background:rgba(255,60,60,.7);
}
.single .for.wowm:before {
	border-top:15px solid rgba(255,60,60,.7);
}


.single .for dt {
	font-weight:bold;
	font-size:17px;
	padding-bottom:.4em;
	display:flex;
	align-items:center;
}
.single .for dt:before,
.single .for dt:after {
	content:"";
	margin:0 auto;
	height:2px;
	width:70px;
	background:#fff;
	display:block;
}
.single .for dt:before {
	margin-right:1em;
}
.single .for dt:after {
	margin-left:1em;
}

.single .for dd {
	margin-top:.3em;
	line-height:1.6em;
}

@media screen and (max-width: 767px) {
	.single .for {
		position:relative;
		top:auto;
		left:auto;
		max-width:80vw;
		width:80vw;
		display:block;
		margin:0;
		margin-left:-10vw;
		color:#fff;
		font-size:3.4vw;
		margin-top:2.5em;
	}

	.single .for dt {
		font-size:4vw;
	}
	.single .for dt:before,
	.single .for dt:after {
		width:10vw;
	}
	.single .for dd {
		text-align:left;
	}
}





.single section.detail {
	position:relative;
	display:block;
	padding:0;
	border:none;
}

.single section.detail {
	text-align:left;
}

.single section.detail h2 {
	margin-top:2em;
	font-size:22px;
	border-top:1px solid #eee;
	text-align:center;
	padding:.6em 0;
}

.single section.detail h2::after {
	content:"";
	display:block;
	height:5px;
	width:100%;
	margin-top:.6em;
	background:rgb(255,255,220);
	background:linear-gradient(130deg, rgba(255,255,220,1) 0%, rgba(211,233,255,1) 100%);
}

.single section.detail h3 {
	font-size:18px;
	padding:.3em 0;
	padding-left:1em;
	margin-top:2em;
	border-left:3px solid #009d47;
	border-bottom:1px solid #ddd;
	color:#009d47;
}

.single section.detail p,
.single section.detail ul {
	margin:1em;
	line-height:1.8em;
}
.single section.detail ul {
	padding-left:1.5em;
}
.single section.detail ul li {
	margin-bottom:.3em;
}
.single section.detail p a {
	color:#0061b2;
}
#instructor_slide {
	padding-top:0;
	margin-top:80px;
}
.single section.detail strong {
	display:block;
	font-size:15px;
	margin-top:2em;
}
@media screen and (max-width: 767px) {
	.single section.detail  .main_innr {
		width:90%;
		margin:0 auto;
	}
	.single section.detail h2 {
		margin-top:1.5em;
		font-size:4.8vw;
	}

	.single section.detail p,
	.single section.detail ul {
		font-size:3.6vw;
	}
	#instructor_slide {
		margin-top:10vw;
		padding-top:10vw;
	}
}