@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;
  }
}
/*メインイメージ*/
.mainimg__slide-box {
  background: url("/img/teacher/mainimg_01.jpg") top right/cover no-repeat;
}

/*指導者紹介 詳細*/
.detail .detail__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;
}
.detail .detail__content .detail__content-right {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
  margin-bottom: 36px;
}
.detail .detail__content .detail__content-right .detail__content_right-image {
  max-width: 240px;
  margin: 0 auto;
  text-align: center;
}
.detail .detail__content .detail__content-right .detail__content_right-image img {
  margin: 0 auto;
  width: 100%;
}
.detail .detail__content .detail__content-left {
  flex: 0 1 100%;
  width: 100%;
  max-width: 100%;
}
.detail .detail__content .detail__content-left .detail__content-left--description .left--description---name {
  font-size: 1.6rem;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-left .detail__content-left--description .left--description---name {
    font-size: calc( 1.6rem + ( 1vw - 7.69px ) * 1.1741682975 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-left .detail__content-left--description .left--description---name {
    font-size: 2.2rem;
  }
}
.detail .detail__content .detail__content-left .detail__content-left--description .left--description---furigana {
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-left .detail__content-left--description .left--description---furigana {
    font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-left .detail__content-left--description .left--description---furigana {
    font-size: 1.4rem;
  }
}
.detail .detail__content .detail__content-left .detail__content-left--guidance {
  margin-top: 36px;
}
.detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---title {
  position: relative;
  padding-left: 24px;
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---title {
    font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---title {
    font-size: 1.4rem;
  }
}
.detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---title:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #236C15;
}
.detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---text {
  margin-top: 8px;
  font-size: 1.4rem;
  line-height: 2.6rem;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---text {
    font-size: calc( 1.4rem + ( 1vw - 7.69px ) * 0.3913894325 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---text {
    font-size: 1.6rem;
  }
}
.detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact {
  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;
  font-size: 1.2rem;
  margin-top: 24px;
  text-align: center;
  align-items: center;
  background: #236C15;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact {
    font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact {
    font-size: 1.4rem;
  }
}
.detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact .contact_left {
  flex: 0 1 24%;
  width: 24%;
  max-width: 24%;
  padding: 10px;
  color: #FFF;
  box-sizing: border-box;
}
.detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact .contact_right {
  flex: 0 1 76%;
  width: 76%;
  max-width: 76%;
  padding: 10px 15px;
  background: #FFF;
  text-align: left;
  box-sizing: border-box;
}
.detail .detail__content .detail__content-left .detail__content-left--schedule {
  margin-top: 36px;
}
.detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---title {
  position: relative;
  padding-left: 24px;
  margin-bottom: 16px;
  font-size: 1.2rem;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---title {
    font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---title {
    font-size: 1.4rem;
  }
}
.detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---title:after {
  content: "";
  position: absolute;
  top: 3px;
  left: 0;
  width: 14px;
  height: 14px;
  background-color: #236C15;
}
.detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container {
  margin-bottom: 20px;
}
.detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents {
  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;
  font-size: 1.2rem;
  margin-bottom: 2px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #2E2E2E;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents {
    font-size: calc( 1.2rem + ( 1vw - 7.69px ) * 0.3913894325 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents {
    font-size: 1.4rem;
  }
}
.detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents:last-child {
  margin-bottom: 0;
}
.detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents .contact_left {
  flex: 0 1 24%;
  width: 24%;
  max-width: 24%;
  color: #FFF;
  padding: 10px;
  box-sizing: border-box;
}
.detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents .contact_right {
  flex: 0 1 76%;
  width: 76%;
  max-width: 76%;
  background: #FFF;
  padding: 10px;
  box-sizing: border-box;
}
.detail .detail__content .detail__content-btn {
  margin-top: 60px;
  width: 100%;
  height: 100%;
}
.detail .detail__content .detail__content-btn a {
  display: block;
  position: relative;
  box-sizing: border-box;
  max-width: 280px;
  max-height: 60px;
  font-family: "EB Garamond", garamond, "Times New Roman", Times, "serif";
  font-size: 1.5rem;
  font-weight: bold;
  font-style: normal;
  text-align: center;
  line-height: 1.5rem;
  padding: 20px 0;
  margin: 0 auto;
  border: 2px solid #236C15;
  color: #236C15;
  background: #FFF;
}
@media (min-width: 769px) {
  .detail .detail__content .detail__content-btn a {
    font-size: calc( 1.5rem + ( 1vw - 7.69px ) * 0.5870841487 );
  }
}
@media (min-width: 1280px) {
  .detail .detail__content .detail__content-btn a {
    font-size: 1.8rem;
  }
}
.detail .detail__content .detail__content-btn a:hover {
  background: #236C15;
  color: #FFF;
}

/*------------------------------
		769px以上
------------------------------*/
/*------------------------------
		981px以上
------------------------------*/
@media screen and (min-width: 981px) {
  /*指導者紹介 詳細*/
  .detail .detail__content .detail__content-right {
    flex: 0 1 36%;
    width: 36%;
    max-width: 36%;
    margin-bottom: 36px;
  }
  .detail .detail__content .detail__content-right .detail__content_right-image {
    max-width: 345px;
    margin: 0 auto;
    text-align: center;
  }
  .detail .detail__content .detail__content-right .detail__content_right-image img {
    margin: 0 auto;
    width: 100%;
  }
  .detail .detail__content .detail__content-left {
    flex: 0 1 58%;
    width: 58%;
    max-width: 58%;
  }
  .detail .detail__content .detail__content-left .detail__content-left--description .left--description---furigana {
    margin-top: 4px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--guidance {
    margin-top: 24px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---title:after {
    top: 4px;
    width: 16px;
    height: 16px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---text {
    line-height: 3.2rem;
  }
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact .contact_left {
    flex: 0 1 18%;
    width: 18%;
    max-width: 18%;
  }
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact .contact_right {
    text-align: initial;
    padding: 9.5px 15px 9.5px 32px;
    padding-left: 32px;
    box-sizing: border-box;
    flex: 0 1 82%;
    width: 82%;
    max-width: 82%;
    line-height: 2.5rem;
  }
  .detail .detail__content .detail__content-left .detail__content-left--guidance .left--guidance---contact .contact_right p:nth-child(2) {
    margin-top: 6px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--schedule {
    margin-top: 44px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---title {
    margin-bottom: 21px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---title:after {
    top: 4px;
    width: 16px;
    height: 16px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents .contact_left {
    flex: 0 1 18%;
    width: 18%;
    max-width: 18%;
    padding: 10px 16px;
  }
  .detail .detail__content .detail__content-left .detail__content-left--schedule .left--schedule---container .left--schedule---contents .contact_right {
    flex: 0 1 82%;
    width: 82%;
    max-width: 82%;
    padding: 10px 16px;
  }
  .detail .detail__content .detail__content-btn {
    margin-top: 86px;
  }
  .detail .detail__content .detail__content-btn a {
    max-width: 350px;
    max-height: 70px;
    line-height: 1.8rem;
    padding: 24px 0;
    border: 2px solid #236C15;
  }
}
/*------------------------------
		1181px以上
------------------------------*/
/*------------------------------
		1600px以上
------------------------------*/