/* 教員紹介 詳細ページ */

.p-course-teacher {
  background-color: var(--light);
  padding: 4vw 6vw;
}
@media only screen and (max-width: 767px) {
  .p-course-teacher {
    padding: 6vw 6vw 10vw;
  }  
}

.p-course-teacher h2.teacher_ttl{
  padding: 1.5rem;
  text-align: center;
  color: var(--light);
  font-size: 1.6rem;
  letter-spacing: 0.03em;
  margin-bottom: 5rem;
}
#rigaku h2.teacher_ttl{ background: var(--cat01); }
#Judo h2.teacher_ttl{ background: var(--cat02); }
#Shinkyu h2.teacher_ttl{ background: var(--cat03); }
#Oral h2.teacher_ttl{ background: var(--cat04); }
#Rehad_rigaku h2.teacher_ttl{ background: var(--cat05); }
#Sagyou h2.teacher_ttl{ background: var(--cat06); }
#Kango h2.teacher_ttl{ background: var(--cat07); }
#Tourism h2.teacher_ttl{ background: var(--cat08); }


@media only screen and (max-width: 767px) {
  .p-course-teacher h2.teacher_ttl{
    margin-bottom: 3rem;
  }
}

.teacher_prof {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin: 3rem auto;
}
@media only screen and (max-width: 480px) {
  .teacher_prof {
    flex-direction: column;
    margin-bottom: 1rem;
  }
}

.teacher_prof .photoArea img {
  max-width: 300px;
  width: 100%;
}

@media only screen and (max-width: 767px) {
  .teacher_prof .photoArea img {
    max-width: 140px;
    width: 100%;
    height: auto;
  }
}

.teacher_prof .teacher_name {
  padding: 6rem
}
@media only screen and (max-width: 767px) {
  .teacher_prof .teacher_name {
    padding: 3vw;
  }  
}
@media only screen and (max-width: 480px) {
  .teacher_prof .teacher_name {
    text-align: center;
  }
}

.teacher_prof .teacher_name span {
  display: block;
}

.teacher_prof .teacher_name span.n1 {
  color: #000;
  font-size: 1.1rem;
  line-height: 1.6rem;
}

@media screen and (min-width: 1025px) {
  .teacher_prof .teacher_name span.n1 {
    font-size: 1.3rem;
  }
}

.teacher_prof .teacher_name span.n2 {
  font-size: 2.5rem;
  color: #000;
  margin: 0.5rem 0 0.1rem;
  line-height: 1.4;
}

@media screen and (min-width: 1025px) {
  .teacher_prof .teacher_name span.n2 {
    font-size: 3rem;
    margin: 0 0 0.05em;
  }
}

.teacher_prof .teacher_name span.n3 {
  font-size: 1.3rem;
}
#rigaku .teacher_prof .teacher_name span.n3{ color: var(--cat01); }
#Judo .teacher_prof .teacher_name span.n3{ color: var(--cat02); }
#Shinkyu .teacher_prof .teacher_name span.n3{ color: var(--cat03); }
#Oral .teacher_prof .teacher_name span.n3{ color: var(--cat04); }
#Rehad_rigaku .teacher_prof .teacher_name span.n3{ color: var(--cat05); }
#Sagyou .teacher_prof .teacher_name span.n3{ color: var(--cat06); }
#Kango .teacher_prof .teacher_name span.n3{ color: var(--cat07); }
#Tourism .teacher_prof .teacher_name span.n3{ color: var(--cat08); }

.profile_details a{
  color:#7cb9b9;
  text-decoration: underline;
  word-break: break-word;
}
.profile_details dt {
  padding: 0.2rem 0.6rem;
  color: var(--light);
  display: inline-block;
  margin-top: 3rem;
  text-align: center;
  letter-spacing: 0.2rem;
  font-weight: 500;
}
@media only screen and (max-width: 767px) {
  .profile_details dt {
    margin-top: 2rem;
  }
}
#rigaku .profile_details dt{ background: var(--cat01); }
#Judo .profile_details dt{ background: var(--cat02); }
#Shinkyu .profile_details dt{ background: var(--cat03); }
#Oral .profile_details dt{ background: var(--cat04); }
#Rehad_rigaku .profile_details dt{ background: var(--cat05); }
#Sagyou .profile_details dt{ background: var(--cat06); }
#Kango .profile_details dt{ background: var(--cat07); }
#Tourism .profile_details dt{ background: var(--cat08); }


.p-course-teacher .profile_details dd {
  margin-top: 1rem;
}

.p-course-teacher .prof_box {
  margin: 2rem auto;
  padding: 5rem;
}
@media only screen and (max-width: 767px) {
  .p-course-teacher .prof_box {
    padding: 3rem;
  }
}
#rigaku .prof_box { background: #e4f3eb; }
#Judo .prof_box { background: #edf4fc; }
#Shinkyu .prof_box { background: #f8eee6; }
#Oral .prof_box { background: #ebf5f7; }
#Rehad_rigaku .prof_box { background: #e7f5fc; }
#Sagyou .prof_box { background: #f2f8eb; }
#Kango .prof_box { background: #faeef0; }
#Tourism .prof_box { background: #e7f3f8; }


.prof_box .ttl_s,
.prof_box .ttl_b {
  font-size: 1.6rem;
  margin: 0 auto 2rem;
  text-align: center;
  vertical-align: middle;
}
#rigaku .prof_box .ttl_s,
#rigaku .prof_box .ttl_b{ color: var(--cat01); }
#Judo .prof_box .ttl_s,
#Judo .prof_box .ttl_b{ color: var(--cat02); }
#Shinkyu .prof_box .ttl_s,
#Shinkyu .prof_box .ttl_b{ color: var(--cat03); }
#Oral .prof_box .ttl_s,
#Oral .prof_box .ttl_b{ color: var(--cat04); }
#Rehad_rigaku .prof_box .ttl_s,
#Rehad_rigaku .prof_box .ttl_b{ color: var(--cat05); }
#Sagyou .prof_box .ttl_s,
#Sagyou .prof_box .ttl_b{ color: var(--cat06); }
#Kango .prof_box .ttl_s,
#Kango .prof_box .ttl_b{ color: var(--cat07); }
#Tourism .prof_box .ttl_s,
#Tourism .prof_box .ttl_b{ color: var(--cat08); }


.prof_box ol li {
  list-style: decimal inside !important;
  word-break: break-word;
}
.prof_box .ttl_s svg,
.prof_box .ttl_b svg {
  display: inline-block;
  vertical-align: middle;
}
#rigaku .prof_box .ttl_s svg,
#rigaku .prof_box .ttl_b svg { fill: var(--cat01); }
#Judo .prof_box .ttl_s svg,
#Judo .prof_box .ttl_b svg { fill: var(--cat02); }
#Shinkyu .prof_box .ttl_s svg,
#Shinkyu .prof_box .ttl_b svg { fill: var(--cat03); }
#Oral .prof_box .ttl_s svg,
#Oral .prof_box .ttl_b svg { fill: var(--cat04); }
#Rehad_rigaku .prof_box .ttl_s svg,
#Rehad_rigaku .prof_box .ttl_b svg { fill: var(--cat05); }
#Sagyou .prof_box .ttl_s svg,
#Sagyou .prof_box .ttl_b svg { fill: var(--cat06); }
#Kango .prof_box .ttl_s svg,
#Kango .prof_box .ttl_b svg { fill: var(--cat07); }
#Tourism .prof_box .ttl_s svg,
#Tourism .prof_box .ttl_b svg { fill: var(--cat08); }



.prof_box .ttl_s svg {
  width: 29.691px;
  height: 27.276px;
}

.prof_box .ttl_b svg {
  width: 30.863px;
  height: 22.407px;
  margin-right: 10px;
}

.prof_box span {
  vertical-align: middle;
  letter-spacing: 0.25em;
  display: inline-block;
}

.btn-view-more{ margin: 6rem auto 0; }