@charset "UTF-8";

#mv div.cover-img { height:280px; background-image: url(../common/img/pagetitle_bg.jpg);}
section#instructors img{margin: 0;padding: 0;line-height: 1.0em;vertical-align: bottom;}
section#instructors .inner div   { margin:0 auto; padding: 0 60px; width:960px; box-sizing: border-box; display: flex; justify-content: space-between; align-items:start; 
	background:url(./img/title00.png);background-size: 100% auto;

}
section#instructors .inner div ul { width: 42%; list-style: none; position: relative; }
section#instructors .inner div ul li{width: 60%;}
section#instructors .inner div ul li img{width: 100%;}

section#instructors .inner div ul li:first-child{position: absolute;z-index: 10;}
section#instructors .inner div ul li:nth-child(2){position: absolute; right: 0; top:200px;z-index: 0;}


section#instructors .inner div dl  { width: /*480px*/55%; }
section#instructors .inner div dl dt {padding: 10px 20px; margin: 0 0 30px 0; background: #b373c8; font-size: 1.875em /*30px*/; font-family:"Noto Serif JP",serif; color: #fff; }
section#instructors .inner div dl dt span{margin-left:15px; font-size:0.75em/*12px*/;}

section#instructors .inner:first-child{margin-bottom: 30px;}




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

	#mv div.cover-img { height:150px; padding: 0 15px;}


	section#instructors .inner {width: 90%;padding: 0;}
	section#instructors .inner div{width:100%;  padding: 0 5%; }
	section#instructors .inner div img { width: 40%;}

	section#instructors .inner div ul li{width: 100%;margin-bottom: 10px;}

	section#instructors .inner div ul li:first-child{position: relative;z-index: initial;}
	section#instructors .inner div ul li:nth-child(2){ position: relative;right: initial; top: initial; z-index: initial;}





	section#instructors .inner div dl  { width: 55%; }
	section#instructors .inner div dl dt{font-size: 1.25em/*20px*/;}
	section#instructors#instructors .inner div dl dt span{display: block;margin: 0;font-size: 0.75em;}
	section#instructors .inner div dl dd{ font-size: 0.75em /*12px*/; }
}