@charset "utf-8";


/* ------------------------------
 Fees
------------------------------ */
.main-section{
	margin-bottom:70px;
}
.main-section .inner{
	text-align:center;
}
.main-section p{
	font-size:1.3em;
	line-height:1.9;
	color:#555;
}

#local-navi{
	margin:60px auto auto auto;
	width:600px;
	overflow: hidden;
}
#local-navi dt,
#local-navi dd{
	font-size:1.4em;
	line-height:1.5;
	text-align:left;
	border-top:1px solid #CCC;
	padding:10px 5px;
}
#local-navi dt:first-child,
#local-navi dt:first-child + dd{
	border-top:none;
}
#local-navi dt{
	float:left;
	white-space: nowrap;
	width:140px;
}
#local-navi dd{
	overflow: hidden;
}
#local-navi dd a,
#local-navi dd span{
	display:inline-block;
	white-space: nowrap;
	margin-right:20px;
}
#local-navi dd a{
	color: #a8772f;
}
#local-navi dd h4{
	margin-top:10px;
	font-weight:normal;
	text-indent:-0.4em;
	font-size:85%;
}

#section-header{
	margin-top:60px;
}
#section-header h1 img{
	height:120px;
	width:auto;
}

.main-section .inner.teacher-container {
	width:720px;
	margin:auto;
	padding-top:90px;
	background:url(../img/teachers_border.png) no-repeat 50% 0;
	background-size:auto 16px;
	overflow: hidden;
	text-align:left;
}
.teacher-container .photo{
	width:240px;
	float:left;
}
.teacher-container .photo img{
	width:100%;
	height:auto;
}
.teacher-container .profile{
	width:450px;
	float:right;
}
.teacher-container .profile h3{
	text-align:center;
	margin-bottom:20px;
}
.teacher-container .profile h3 img{
	height:85px;
	width:auto;
}
.teacher-container .profile .profile-ttl{
  font-weight:normal;
  color:#000;
  white-space: nowrap;
}
.teacher-container .profile .profile-ttl .name{
	font-size:32px;
  line-height: 1;
  font-family: 'Noto Serif JP', serif;
  display: inline-block;
  vertical-align: middle;
  padding-right:0.5em;
  margin-right:0.5em;
  letter-spacing: 0.1em;
  border-right:1px solid #cfa972;
  white-space: nowrap;
}
.teacher-container .profile .profile-ttl .in{
	font-size:16px;
  font-family: 'Noto Serif JP', serif;
  display: inline-block;
  vertical-align: middle;
  white-space: nowrap;
  text-align:left;
}
.teacher-container .profile .profile-ttl .in.small{
	font-size:12px;
}
.teacher-container .profile .profile-ttl .en{
	font-size:16px;
  letter-spacing: 0.05em;
  font-family: 'EB Garamond', serif;
  display: block;
  margin-top:1em;
  color:#cfa972;
}
.teacher-container .profile p{
	font-size:1.2em;
	line-height:1.9;
	margin-top:15px;
}



@media (-webkit-min-device-pixel-ratio: 1.5),
(min-resolution: 1.5dppx) {
	.main-section .inner.teacher-container {
		background-image:url(../img/teachers_border@2x.png);
	}
}

@media screen and (max-width: 736px){
	.main-section .inner.teacher-container {
		width:auto;
		margin:auto;
		background:none;
		padding-top:0;
	}
	#local-navi{
		margin:60px 20px auto 20px;
		width:auto;
	}
	#local-navi dd a{
		min-width:5em;
	}
	.teacher-container .photo,
	.teacher-container .profile{
		width:auto;
		float:none;
		margin:auto 20px;
	}
	.teacher-container .photo{
		text-align:center;
	}
	.teacher-container .photo img{
		max-width:240px;
	}
	.teacher-container .profile h3{
		margin-top:20px;
	}
	.teacher-container .profile h3 img{
		height:70px;
	}
  .teacher-container .profile .profile-ttl .name{
    font-size:26px;
  }
  .teacher-container .profile .profile-ttl .in{
    font-size:12px;
  }
  .teacher-container .profile .profile-ttl .in.small{
    font-size:10px;
  }
}