@charset "UTF-8";
/* 共通カラー */
/* ブレイクポイント */
/* メディアクエリ */
.detail-main * {
  margin: 0;
  padding: 0;
  outline: 0;
  vertical-align: baseline;
  background: transparent;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", YuGothic, "Yu Gothic", sans-serif !important;
}
.detail-main img {
  width: 200px;
  max-width: 100%;
  vertical-align: bottom;
}
.detail-main p, .detail-main a {
  line-height: 1.5;
}
.detail-main h2, .detail-main h3, .detail-main h4 {
  line-height: 1.5;
}

@media screen and (min-width: 760px) {
  body {
    min-width: 320px;
  }
  html, body {
    height: 100%;
    min-height: 100%;
  }
}
@media screen and (min-width: 960px) {
  body {
    width: 100%;
  }
}
@media screen and (min-width: 760px) {
  ._pc {
    display: none;
  }
}
@media screen and (min-width: 760px) {
  ._sp {
    display: none;
  }
}
.section__inner {
  width: 94%;
  max-width: 960px;
  margin: 0 auto;
}
.section__inner--keyvisual {
  width: 100%;
}
.section__inner h4 {
  font-size: 1.142857136rem;
  text-align: center;
}
@media screen and (min-width: 960px) {
  .section__inner h4 {
    font-size: 1.42857142rem;
  }
}
.section--breadcrumb {
  width: 100%;
  background: #F7F7F7;
}
.section--keyvisual {
  width: 100%;
  background: #F7F7F7;
}
.section--anchor-link {
  width: 100%;
  background: #F7F7F7;
  padding: 40px 0 15px;
}
.section--lead h4 {
  margin: 30px auto 10px;
}
.section--people {
  width: 100%;
  background: #EDF8F6;
}
.section--course {
  background: #6BBEAB;
  width: 100%;
}
.section--point {
  padding: 40px 0;
}
.section--bottom {
  background-color: #F7F7F7;
  border-bottom: 1px solid #000;
}

.breadcrumb ul {
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 5px 0;
}
.breadcrumb li {
  font-size: 0.71428571rem;
}
.breadcrumb li a {
  font-size: 0.71428571rem;
  color: #de4638;
}
.breadcrumb li a::after {
  content: ">";
  margin: 0 10px;
  color: #000;
  pointer-events: none;
}

.keyvisual {
  position: relative;
  height: 180px;
}
@media screen and (min-width: 760px) {
  .keyvisual {
    height: 280px;
  }
}
.keyvisual__img {
  width: 100%;
  height: 180px;
}
@media screen and (min-width: 760px) {
  .keyvisual__img {
    height: 280px;
  }
}
.keyvisual__img img {
  width: 100%;
  -o-object-fit: cover;
    object-fit: cover;
}
@media screen and (min-width: 760px) {
  .keyvisual__img img {
    height: 280px;
  }
}
.keyvisual h2 {
  font-weight: bold;
  color: #fff;
  background: #de4638;
  padding: 5px 20px;
  display: inline-block;
  position: absolute;
  bottom: -30px;
  border-radius: 0 3px 3px 0;
}

.anchor-link ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.anchor-link ul li {
  width: 48%;
  margin-bottom: 10px;
  border: dotted 1px #989898;
  padding: 10px;
}
.anchor-link ul a {
  font-weight: bold;
  position: relative;
  display: block;
  width: 100%;
}
.anchor-link ul a:after {
  content: "";
  background: url("https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/anchorlink_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 50%;
  right: 0;
  position: absolute;
  transform: translateY(-50%);
}

.lead {
  margin-top: 40px;
  margin-bottom: 80px;
}
.lead h4 {
  margin-bottom: 40px;
}

.curriculum__title {
  position: relative;
  text-align: center;
  background: #D55353;
  border-radius: 3px;
  padding: 20px 0;
  margin-bottom: 30px;
}
.curriculum__title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #D55353 transparent transparent transparent;
  border-width: 12px 12px 0 12px;
}
.curriculum__title h4 {
  position: relative;
  color: #fff;
  margin: 0;
}
.curriculum__title h4::after {
  position: absolute;
  right: 20px;
  bottom: -5px;
  content: "";
  background-image: url(https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/curriculum_icon.svg);
  background-repeat: no-repeat;
  background-size: cover;
  width: 60px;
  height: 60px;
  margin-left: 10px;
}
@media screen and (min-width: 520px) {
  .curriculum__title h4::after {
    width: 100px;
    height: 100px;
  }
}
.curriculum .course-list {
  background: #F7F7F7;
  padding: 25px 20px;
  margin-bottom: 40px;
}
.curriculum .course-list ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.curriculum .course-list ul li {
  width: 48%;
  position: relative;
  font-size: 0.999999994rem;
  padding-left: 20px;
  margin-bottom: 5px;
}
@media screen and (min-width: 960px) {
  .curriculum .course-list ul li {
    font-size: 1.142857136rem;
  }
}
.curriculum .course-list ul li:before {
  content: "";
  background: url("https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/circle_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 10px;
  top: 0.5rem;
  left: 0;
  position: absolute;
  margin-left: 5px;
}
.curriculum .course-list h4 {
  margin: 0 0 20px;
  padding: 0 5px 15px 25px;
  background: none;
  text-align: left;
  color: #000;
  position: relative;
  border-bottom: solid 1px #de4638;
}
.curriculum .course-list h4:before {
  content: "";
  background: url("https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/arrow_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 20px;
  height: 20px;
  top: 50%;
  left: 0;
  position: absolute;
  transform: translateY(-85%);
}

.people {
  padding: 30px 0 60px 0;
}
.people h4 {
  color: #6BBEAB;
  font-weight: bold;
  margin: 10px 0 20px 0;
}
.people ul li {
  font-size: 0.999999994rem;
  background: #fff;
  padding: 15px 15px 15px 45px;
  margin: 0 auto 5px;
  position: relative;
  font-weight: bold;
  display: flex;
  align-items: center;
}
@media screen and (min-width: 760px) {
  .people ul li {
    width: 65%;
    font-size: 1.285714278rem;
    margin: 0 auto 10px;
  }
}
.people ul li:before {
  content: "";
  background: url("https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/check_icon.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 22px;
  height: 22px;
  left: 0;
  position: absolute;
  margin-left: 15px;
}

.course {
  padding: 40px 0;
}
.course__title {
  color: #fff;
  position: relative;
  margin-bottom: 20px;
}
.course__title::after {
  position: absolute;
  content: "";
  background: url("https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/icon-title-course.svg");
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 40px;
  height: 30px;
  top: 50%;
  transform: translateY(-50%);
  margin-left: 5px;
}
.course__wrap {
  background: #fff;
  padding: 40px 20px;
  margin: auto;
  margin-bottom: 40px;
  border-radius: 20px;
}
.course__inner h4 {
  font-size: 1.142857136rem;
  text-align: left;
  margin: 10px auto;
}
@media screen and (min-width: 960px) {
  .course__inner h4 {
    font-size: 1.42857142rem;
  }
}
.course__inner .text {
  font-size: 0.999999994rem;
  color: #de4638;
  font-weight: bold;
  margin-bottom: 20px;
}
@media screen and (min-width: 960px) {
  .course__inner .text {
    font-size: 1.142857136rem;
  }
}
.course__inner table {
  width: 100%;
}
.course__inner table td, .course__inner table th {
  border: 1px solid #de4638;
  border-collapse: collapse;
}
@media screen and (min-width: 760px) {
  .course__inner table td, .course__inner table th {
    font-size: 1em;
  }
}
.course__inner table tr td:first-of-type {
  font-size: 1rem;
  background: #FFF4F4;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  padding: 15px;
  word-break: keep-all;
}
.course__inner table tr td:nth-of-type(2) {
  background: #fff;
  padding: 15px;
}
.course__inner table tr td:nth-of-type(2) p {
  font-size: 0.71428571rem;
}
@media screen and (min-width: 960px) {
  .course__inner table tr td:nth-of-type(2) p {
    font-size: 0.857142852rem;
  }
}
@media screen and (min-width: 760px) {
  .course__inner table tr td:nth-of-type(2) p {
    font-size: 1.142857136rem;
  }
}
.course__inner table tr ul li {
  width: 100%;
  position: relative;
  font-size: 0.71428571rem;
  padding-left: 20px;
  margin-bottom: 5px;
}
@media screen and (min-width: 960px) {
  .course__inner table tr ul li {
    font-size: 0.857142852rem;
  }
}
@media screen and (min-width: 760px) {
  .course__inner table tr ul li {
    font-size: 1.142857136rem;
  }
}
.course__inner table tr ul li::before {
  position: absolute;
  top: 4px;
  left: 0;
  content: "";
  background: url(https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/circle_icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-left: 5px;
}
@media screen and (min-width: 760px) {
  .course__inner table tr ul li::before {
    top: 0.5rem;
  }
}
.course__inner table tr span {
  font-size:1em;
}
.course__inner a {
  display: block;
  width: 100%;
  color: #fff;
  margin: auto;
}
.course__flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media screen and (min-width: 760px) {
  .course__flex {
    align-items: flex-start;
  }
}
.course__unit h4 {
  margin-bottom: 20px;
}
.course__unit p {
  font-size: 0.999999994rem;
  color: #D55353;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .course__unit p {
    font-size: 1.142857136rem;
  }
}
.course__img {
  width: 48%;
}
@media screen and (min-width: 760px) {
  .course__img {
    width: auto;
  }
}
.course__btn {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #D55353;
  font-weight: bold;
  border-radius: 40px;
  padding: 10px 0;
  font-size: 1.142857136rem;
  color: #fff !important;
  padding: 20px 0;
  margin-top: 40px;
}
@media screen and (min-width: 960px) {
  .course__btn {
    font-size: 1.285714278rem;
  }
}
@media screen and (min-width: 760px) {
  .course__btn {
    width: 500px;
  }
}
.course__btn::before {
  content: url(https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/mail_icon.svg);
  line-height: 1;
  padding-right: 10px;
}
.course__btn--noimg::before {
  content: none;
}

.point {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 10px;
  margin-bottom: 20px;
}
.point img {
  width: 100%;
}
.point__box {
  position: relative;
  width: 48%;
  background-color: #F7F7F7;
  padding: 8px;
  margin: 20px 0;
}
@media screen and (min-width: 760px) {
  .point__box {
    padding: 20px;
  }
}
.point__number {
  position: absolute;
  top: -15px;
  left: 15px;
}
.point__text {
  font-size: 0.857142852rem;
  text-align: center;
  font-weight: bold;
  padding: 10px 0;
}
@media screen and (min-width: 960px) {
  .point__text {
    font-size: 0.999999994rem;
  }
}
@media screen and (min-width: 760px) {
  .point__text {
    font-size: 1.142857136rem;
    padding: 30px 0 10px 0;
  }
}

.voice__title {
  position: relative;
  text-align: center;
  background: #6BBEAB;
  border-radius: 3px;
  padding: 30px 0;
  margin-bottom: 30px;
}
.voice__title::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: -12px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #6BBEAB transparent transparent transparent;
  border-width: 12px 12px 0 12px;
}
.voice__title h4 {
  position: relative;
  color: #fff;
  margin: 0;
}
.voice__box {
  border: solid 1px #D55353;
  padding: 20px;
  margin-bottom: 30px;
}
.voice__unit {
  display: flex;
  align-items: center;
  border-bottom: 1px dashed #D55353;
  padding-bottom: 20px;
  margin-bottom: 20px;
}
.voice__img {
  width: 20%;
}
@media screen and (min-width: 760px) {
  .voice__img {
    width: 10%;
  }
}
.voice__lead {
  color: #D55353;
  font-weight: bold;
  margin-left: 20px;
}
.voice__lead span {
  display: block;
  font-weight: normal;
  margin-top: 4px;
}

.bottom {
  padding-top: 60px;
  text-align: center;
}
.bottom__text {
  position: relative;
  margin: auto;
  margin-bottom: 40px;
}
@media screen and (min-width: 760px) {
  .bottom__text {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.bottom__text p {
  font-size: 0.857142852rem;
  color: #6BBEAB;
  font-weight: bold;
}
@media screen and (min-width: 960px) {
  .bottom__text p {
    font-size: 0.999999994rem;
  }
}
.bottom__text::before {
  position: absolute;
  content: url(https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/bottom_left.svg);
  left: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.6);
  line-height: 1;
}
@media screen and (min-width: 760px) {
  .bottom__text::before {
    left: -30px;
  }
}
.bottom__text::after {
  position: absolute;
  content: url(https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/bottom_right.svg);
  right: 0;
  top: 50%;
  transform: translateY(-50%) scale(0.6);
  line-height: 1;
}
@media screen and (min-width: 760px) {
  .bottom__text::after {
    right: -30px;
  }
}
.bottom h4 {
  margin-bottom: 40px;
  font-size: 1.142857136rem;
}
@media screen and (min-width: 960px) {
  .bottom h4 {
    font-size: 1.42857142rem;
  }
}
.bottom__btn {
  margin-bottom: 20px;
}
.bottom__btn a {
  display: block;
  width: 100%;
  color: #fff !important;
  margin: auto;
}
@media screen and (min-width: 760px) {
  .bottom__btn a {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.bottom__btn .btn__item {
  width: 100%;
}
.bottom__btn .btn__item::before {
  transform: scale(0.6);
  line-height: 1;
}
@media screen and (min-width: 760px) {
  .bottom__btn .btn__item {
    width: 500px;
  }
}
.bottom__btn .btn__item--red {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #D55353;
  font-weight: bold;
  border-radius: 40px;
  padding: 10px 0;
  font-size: 1.142857136rem;
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
  .bottom__btn .btn__item--red {
    font-size: 1.285714278rem;
  }
}
.bottom__btn .btn__item--red::before {
  content: url(https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/consultation_icon.svg);
}
.bottom__btn .btn__item--green {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: auto;
  background-color: #6BBEAB;
  font-weight: bold;
  border-radius: 40px;
  padding: 10px 0;
  font-size: 1.142857136rem;
  margin-top: 20px;
}
@media screen and (min-width: 960px) {
  .bottom__btn .btn__item--green {
    font-size: 1.285714278rem;
  }
}
.bottom__btn .btn__item--green::before {
  content: url(https://advan-school.jp/wp/wp-content/themes/bones-master/assets/img/detail/application_icon.svg);
}