@charset "UTF-8";
/*//////////////////////////////////////////////////

	指導者紹介ページ設定

//////////////////////////////////////////////////*/
/* Scss Document */ /* Scss Document */ /* アニメーション記述用 */
@keyframes headerFixed {
  0% {
    transform: translateY(-80px);
  }
  100% {
    transform: translateY(0px);
  }
}
@keyframes load5 {
  0%, 100% {
    box-shadow: 0em -2.6em 0em 0em #ffffff, 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.5), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7);
  }
  12.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.7), 1.8em -1.8em 0 0em #ffffff, 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5);
  }
  25% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.5), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.7), 2.5em 0em 0 0em #ffffff, 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  37.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.5), 2.5em 0em 0 0em rgba(0, 0, 0, 0.7), 1.75em 1.75em 0 0em #ffffff, 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  50% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.5), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.7), 0em 2.5em 0 0em #ffffff, -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.2), -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  62.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.5), 0em 2.5em 0 0em rgba(0, 0, 0, 0.7), -1.8em 1.8em 0 0em #ffffff, -2.6em 0em 0 0em rgba(0, 0, 0, 0.2), -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  75% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.5), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.7), -2.6em 0em 0 0em #ffffff, -1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2);
  }
  87.5% {
    box-shadow: 0em -2.6em 0em 0em rgba(0, 0, 0, 0.2), 1.8em -1.8em 0 0em rgba(0, 0, 0, 0.2), 2.5em 0em 0 0em rgba(0, 0, 0, 0.2), 1.75em 1.75em 0 0em rgba(0, 0, 0, 0.2), 0em 2.5em 0 0em rgba(0, 0, 0, 0.2), -1.8em 1.8em 0 0em rgba(0, 0, 0, 0.5), -2.6em 0em 0 0em rgba(0, 0, 0, 0.7), -1.8em -1.8em 0 0em #ffffff;
  }
}
/*タイトル共通*/
.home__title {
  margin: 0% 0% 5.2% 0%;
}
.home__title-en {
  font-size: 1.3rem;
  letter-spacing: 0.2em;
  text-align: center;
}
@media (min-width: 769px) {
  .home__title-en {
    font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.9784735812 );
  }
}
@media (min-width: 1280px) {
  .home__title-en {
    font-size: 1.8rem;
  }
}

/*メインイメージ*/
.mainimg__slide-box {
  background: url("/img/teacher/mainimg_01.jpg") top right/cover no-repeat;
}

/*指導者紹介*/
.teacher .normal_content {
  margin-bottom: 120px;
}
.teacher .white_content {
  background: #FFF;
  padding: 9% 5%;
  border-bottom: 7px solid #2E2E2E;
}
.teacher .teacher__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-align-content: flex-start;
  -ms-flex-line-pack: start;
  align-content: flex-start;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 60px;
}
.teacher .teacher__content:first-child {
  margin-top: 0;
}
.teacher .teacher__content .teacher__content-right {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
  margin-bottom: 36px;
}
.teacher .teacher__content .teacher__content-right .teacher__content_right-image {
  max-width: 173px;
  margin: 0 auto;
  text-align: center;
}
.teacher .teacher__content .teacher__content-right .teacher__content_right-image img {
  margin: 0 auto;
  width: 173px;
  height: 230px;
  object-fit: cover;
}
.teacher .teacher__content .teacher__content-left {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
}
.teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---name {
  font-size: 1.8rem;
}
.teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---furigana {
  font-size: 1.3rem;
}
@media (min-width: 769px) {
  .teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---furigana {
    font-size: calc( 1.3rem + ( 1vw - 7.69px ) * 0.1956947162 );
  }
}
@media (min-width: 1280px) {
  .teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---furigana {
    font-size: 1.4rem;
  }
}
.teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---greeting {
  line-height: 2.6rem;
  margin-top: 17.8px;
  font-size: 1.4rem;
}
@media (min-width: 769px) {
  .teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---greeting {
    font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 );
  }
}
@media (min-width: 1280px) {
  .teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---greeting {
    font-size: 1.6rem;
  }
}
.teacher .teacher__content .teacher__content-left .teacher__content-left--btn {
  margin: 30px auto 0 auto;
  max-width: 200px;
}
.teacher .teacher__content .teacher__content-left .teacher__content-left--btn a {
  font-weight: bold;
  display: block;
  position: relative;
  box-sizing: border-box;
  height: 50px;
  font-family: "EB Garamond", garamond, "Times New Roman", Times, "serif";
  font-size: 1.5rem;
  font-style: normal;
  text-align: center;
  line-height: 2.8rem;
  padding: 10px 0;
  border-bottom: 3px solid #17460E;
  color: #FFF;
  background: #236C15;
}
@media (min-width: 769px) {
  .teacher .teacher__content .teacher__content-left .teacher__content-left--btn a {
    font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0 );
  }
}
@media (min-width: 1280px) {
  .teacher .teacher__content .teacher__content-left .teacher__content-left--btn a {
    font-size: 1.5rem;
  }
}
.teacher .teacher__content .teacher__content-left .teacher__content-left--btn a:hover {
  background: #236C15;
  color: #FFF;
}
.teacher .teacher__content .teacher__content-left .teacher__content-left--btn a i {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
}

/*------------------------------
		769px以上
------------------------------*/
@media screen and (min-width: 769px) {
  /*指導者紹介*/
  .teacher .normal_content {
    margin-bottom: 160px;
  }
  .teacher .white_content {
    padding: 57px 56px 57px 64px;
  }
  .teacher .teacher__content .teacher__content-right {
    flex: 0 1 25%;
    width: 25%;
    max-width: 25%;
    max-width: 173px;
    margin-bottom: 0;
  }
  .teacher .teacher__content .teacher__content-left {
    flex: 0 1 71%;
    width: 71%;
    max-width: 71%;
  }
  .teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---name {
    padding-bottom: 5.2px;
  }
  .teacher .teacher__content .teacher__content-left .teacher__content-left--description .left--description---greeting {
    line-height: 3.4rem;
  }
  .teacher .teacher__content .teacher__content-left .teacher__content-left--btn {
    margin: 16px 0 0 auto;
    max-width: 160px;
  }
  .teacher .teacher__content .teacher__content-left .teacher__content-left--btn a {
    max-height: 40px;
    line-height: 2rem;
  }
}
/*------------------------------
		981px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*タイトル共通*/
  .home__title {
    margin-bottom: 50px;
  }
  .home__title h2 {
    margin-bottom: 10px;
  }
  .teacher .teacher__content .teacher__content-right {
    flex: 0 1 18%;
    width: 18%;
    max-width: 18%;
  }
  .teacher .teacher__content .teacher__content-left {
    flex: 0 1 78%;
    width: 78%;
    max-width: 78%;
  }
}
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/