@charset "utf-8";

/* 保護者向けセミナーページ */
#single-seminar {
  position: relative;
  padding-bottom: 100px;
  font-size: 20px;
}

.seminar-hero {
  max-width: 800px;
  margin: 0 auto;
  padding-top: 50px;
}

.seminar-text {
  max-width: 914px;
  margin: 0 auto;
  color: #231815;
}

.sousei-logo {
  position: absolute;
  top: 0px;
  right: 30px;
  max-width: 210px;
}

.seminar-about {
  margin-top: 50px;
  font-size: 20px;
}

.seminar-about h2 {
  margin-bottom: 30px;
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 5px;
  text-align: center;
}

.seminar-about figure {
  max-width: 728px;
  margin: 30px auto 140px;
}

.seminar-about figure figcaption {
  text-align: center;
}

.seminar-box {
  margin-bottom: 140px;
}

.seminar-yellow-marker,
.seminar-yellow-under,
.seminar-purple-marker,
.seminar-purple-under {
  text-align: center;
}

.seminar-yellow-marker,
.seminar-purple-marker {
  margin-bottom: 30px;
}

.seminar-yellow-under,
.seminar-purple-under {
  /* margin-top: 30px; */
  margin-bottom: 30px;
  line-height: 1.5;
}

.seminar-yellow-marker span {
  padding: 10px 30px;
  background: #eff0a3;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 2px;
}

.seminar-purple-marker span small {
  font-size: 23px;
}

.seminar-purple-marker span {
  padding: 10px 30px;
  background: #e1cbdf;
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 2px;
}

.seminar-yellow-under span {
  padding: 0 10px;
  background-image: linear-gradient(transparent 60%, #eff0a3 0%);
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 3px;
}

.seminar-purple-under span {
  padding: 0 10px;
  background-image: linear-gradient(transparent 60%, #e1cbdf 0%);
  font-size: 42px;
  font-weight: bold;
  letter-spacing: 3px;
}

.seminar-person {
  align-items: flex-end;
  max-width: 716px;
  margin: 0 auto;
  margin-bottom: 50px;
  gap: 14px;
}

.seminar-person figure {
  width: 50%;
  margin-bottom: 0;
}

.seminar-com-name {
  /* font-size: 25px; */
  font-size: 23px;
  font-weight: bold;
}

.seminar-pname {
  font-size: 36px;
  font-weight: bold;
  letter-spacing: 3px;
  line-height: 1;
}

.seminar-pname span {
  font-size: 25px;
}

.seminar-pname rt {
  font-size: 12px;
}

.seminar-pother {
  margin-top: 10px;
  line-height: 1.3;
}

.seminar-honbun strong {
  background-image: linear-gradient(transparent 60%, #eff0a3 0%);
  font-weight: 400;
}

.seminar-honbun strong.purple {
  background-image: linear-gradient(transparent 60%, #e1cbdf 0%);
}

.seminar-honbun span {
  font-weight: bold;
}

.seminar-honbun p {
  margin-bottom: 15px;
}

.seminar-honbun p.case-txt {
  margin-bottom: 0;
  color: #e46783;
  font-size: 22px;
  font-weight: bold;
}

.seminar-w728 {
  max-width: 728px;
  margin: 0 auto;
  margin-bottom: 65px;
}

.hogosya-voice {
  max-width: 974px;
  margin: 0 auto;
}

.hogosya-voice h3 {
  margin-bottom: 60px;
  font-size: 36px;
  font-weight: bold;
  text-align: center;
}

.hogosya-voice-box {
  align-items: center;
  padding: 30px 50px;
  gap: 40px;
}

.dansei-box {
  margin-bottom: 50px;
  background: #eff0a3;
}

.josei-box {
  background: #e1cbdf;
}

.hogosya-voice-box figure {
  width: 25%;
  margin-bottom: 0;
}

.dansei-box figure img.small,
.josei-box figure img.small {
  max-width: 180px;
}

.hogosya-voice-txt {
  width: 75%;
}

.h-bold {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 2px;
}

.h-bold span {
  font-size: 36px;
}

@media screen and (max-width: 768px) {
  #single-seminar {
    font-size: 14px;
  }

  .sousei-logo {
    top: -20px;
    right: 15px;
    max-width: 120px;
  }

  .seminar-about h2 {
    font-size: 22px;
    letter-spacing: 0;
  }

  .seminar-about {
    font-size: 14px;
  }

  .seminar-about figure {
    margin-bottom: 100px;
  }

  .seminar-yellow-marker,
  .seminar-purple-marker {
    margin-bottom: 15px;
  }

  .seminar-yellow-under,
  .seminar-purple-under {
    /* margin-top: 15px; */
    margin-bottom: 15px;
  }

  .seminar-yellow-marker span {
    padding: 5px 10px;
    font-size: 17px;
  }

  .seminar-yellow-under span {
    font-size: 21px;
  }

  .seminar-purple-marker span {
    padding: 5px 10px;
    font-size: 17px;
  }

  .seminar-purple-under span {
    font-size: 22px;
  }

  .seminar-purple-marker span small {
    font-size: 12px;
  }

  .seminar-com-name {
    font-size: 15px;
    line-height: 1.2;
  }

  .seminar-pname {
    font-size: 18px;
  }

  .seminar-pname span {
    font-size: 15px;
  }

  .seminar-person {
    gap: 10px;
  }

  .seminar-box {
    margin-bottom: 100px;
  }

  .seminar-honbun p.case-txt {
    font-size: 20px;
  }

  .hogosya-voice h3 {
    font-size: 20px;
  }

  .hogosya-voice-box {
    display: block;
    padding: 20px;
  }

  .hogosya-voice-box figure {
    width: 50%;
    margin: 0 auto;
  }

  .hogosya-voice-txt {
    width: 100%;
  }

  .h-bold {
    font-size: 18px;
    text-align: center;
  }

  .h-bold span {
    font-size: 25px;
  }

  .dansei-box figure,
  .josei-box figure {
    text-align: center;
  }

  .dansei-box figure img.small,
  .josei-box figure img.small {
    display: inline-block;
    max-width: 130px;
  }
}