@charset "UTF-8";
/* Guide Teacher01 */
.mv:before{background: url("../img/guide/mv_summary.jpg") no-repeat center center/cover;}

@media only screen and (max-width: 480px) {
  .mv:before{background: url("../img/guide/mv_summary_sp.jpg") no-repeat center center/cover;}
}

/* Info */
.info{border-bottom: 2px solid #0d8080; padding: 0 0 25px; margin: 0 0 45px;}

.infoTop{min-height: 155px; padding-bottom: 1em;}
.infoTop ul{display: flex; align-items: flex-end; width: 100%;}
.infoTop li:nth-of-type(1){max-width: calc(100% - 190px);}
.infoTop li:not(:last-of-type){margin-right: 45px;}

.info .position{font-size: 20px; line-height: 1.4; margin-bottom: 0.5em;}
.info .nameJp{font-size: 50px; line-height: 1;}
.info .nameEn{font-size: 70px; line-height: 0.8; color: #0d8080; opacity: .15;}
.info .exsite{display: flex; justify-content: flex-end; align-items: center; margin-bottom: 0.1em;}
.info .exsite:hover{color: #0d8080; text-decoration: underline;}
.info .exsite:after{content: ''; background: url("../img/guide/teacher/ic_exsite.png") no-repeat top left/100% auto; width: 28px; height: 27px; margin-left: 10px;}

.info .img{position: absolute; top: 0; right: 0; width: 17.83%; overflow: hidden;}
.info .img:after{content: ''; display: block; padding-bottom: 115.56%;}
.info .img img{position: absolute; top: 0; left: 0; width: 100%;}

@media only screen and (min-width: 768px) {
	.infoImg{position: relative; padding-right: 20%;}
}

@media only screen and (max-width: 1023px) and (min-width: 768px) {
  .infoTop{min-height: 14.5vw;}
	.info .position{font-size: 2vw;}
  .info .nameJp{font-size: 5vw;}
  .info .nameEn{font-size: 6.8vw;}
}

@media only screen and (max-width: 767px) {
  .info{padding: 0 0 10px; margin: 0 0 30px;}
  .info .img{position: relative; width: 180px; margin: 0 auto 30px;}
  
  .infoTop{min-height: 1px; padding: 0 0 25px;}
  .infoTop ul{justify-content: space-between; flex-wrap: wrap;}
  .infoTop li:nth-of-type(1){max-width: 100%;}
  
	.info .position{font-size: 16px; margin-bottom: 10px;}
  .info .nameJp{font-size: 30px;}
  .info .nameEn{font-size: 7.7vw;}
  .info .exsite{margin: 10px 0 0.1em;}
  .info .exsite:after{width: 20px; height: 20px;}
}

@media only screen and (max-width: 480px) {
  .infoTop li:nth-of-type(2){width: 100%;}
}

/* Voice */
.voice{margin: 0 0 110px;}
.voiceTit{font-size: 20px; line-height: 1.4; display: flex; align-items: center; margin: 0 0 10px;}
.voiceTit:before{content: ''; width: 16px; height: 26px; background: url("../img/guide/teacher/ic_voice.png") no-repeat top left/100% auto; margin-right: 14px;}

@media only screen and (min-width: 768px) {
	
}

@media only screen and (max-width: 767px) {
	.voice{margin: 0 0 60px;}
}

/* Profile */
.profile{padding-bottom: 70px;}
.profile table{width: 100%; border-collapse: collapse; border-spacing: 0;}
.profile th,
.profile td{padding-bottom: 50px; vertical-align: top;}
.profile th{width: 130px; font-size: 20px; line-height: 1.4; color: #009333; text-align: left; font-weight: bold;}
.profile li{text-indent: -1em; margin-left: 1em;}

.profile dl{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.profile dt{width: 8em;}
.profile dd{width: calc(100% - 8em);}

/* 講義動画style */
.movieList{ display: flex; align-items: center;}
.a_link { color: #0D8080; text-decoration: underline; vertical-align: middle;}
p.outLink { margin-left: 10px;}
.outLink::after{ display: inline-block; content: ''; background: url(../img/guide/teacher/ic_exsite.png) no-repeat top left / 100% auto; width: 28px; height: 27px; margin-left: 10px; vertical-align: middle;}

/* bnr */
.bnrAria { padding-bottom: 80px;}

@media only screen and (max-width: 767px) {
  .profile{padding-bottom: 20px;}
	.profile table,
  .profile tbody,
  .profile tr,
  .profile th,
  .profile td{width: 100%; display: block;}
  .profile th{padding-bottom: 5px; font-size: 18px;}
  .profile td{padding-bottom: 30px;}

  .bnrAria { padding-bottom: 50px;}
}

/* List Btn */
.listBtnF{max-width: 350px; margin: 0 auto;}