.single-wrap {
  padding: 50px 0 0; }
  @media (min-width: 992px) {
    .single-wrap {
      padding: 80px 0 0; } }
  .single-wrap .comment-wrap {
    margin: 1.25em 0 2.0em; }
  .single-wrap .comment-title h2 {
    font-size: 2.8rem; }
    @media (min-width: 992px) {
      .single-wrap .comment-title h2 {
        font-size: 4.0rem; } }
  .single-wrap .course-box h3 {
    line-height: 1.6; }
  @media (min-width: 992px) {
    .single-wrap .course-card {
      width: 100%;
      margin: 0 0 30px;
      padding: 50px; }
      .single-wrap .course-card:last-child {
        margin: 0; } }
  .single-wrap .course-card h4 {
    line-height: 1.4;
    position: relative;
    padding: .75em 1.0em .75em 3.25em; }
    @media (min-width: 992px) {
      .single-wrap .course-card h4 {
        font-size: 3.0rem; } }
    .single-wrap .course-card h4:before {
      counter-increment: course;
      content: counter(course);
      position: absolute;
      left: .75em;
      top: 50%;
      transform: translateY(-50%);
      background-color: #F4CB01;
      color: #000;
      width: 40px;
      height: 40px;
      line-height: 40px;
      border-radius: 50%;
      text-align: center;
      font-weight: bold;
      font-size: 2.2rem;
      letter-spacing: normal; }
      @media (min-width: 992px) {
        .single-wrap .course-card h4:before {
          width: 60px;
          height: 60px;
          line-height: 60px;
          font-size: 3.0rem; } }
  @media (min-width: 992px) {
    .single-wrap .course-card .fukidashi {
      font-size: 2.0rem; } }
  .single-wrap .course-card .course-comment {
    align-items: normal; }
    .single-wrap .course-card .course-comment .bg-comment {
      font-weight: 500;
      line-height: 1.8; }
      @media (min-width: 992px) {
        .single-wrap .course-card .course-comment .bg-comment {
          padding: 2.0em; } }
      .single-wrap .course-card .course-comment .bg-comment:before {
        top: 35px;
        transform: none; }
        @media (min-width: 992px) {
          .single-wrap .course-card .course-comment .bg-comment:before {
            top: 35px; } }
  .single-wrap .course-card-wrap {
    display: block;
    counter-reset: course; }
  .single-wrap .seminar-item {
    flex-wrap: wrap; }
  .single-wrap .seminar-movie {
    margin: 0 auto 50px; }
    @media (min-width: 992px) {
      .single-wrap .seminar-movie {
        margin: 0 auto 100px;
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        gap: 20px; } }
    .single-wrap .seminar-movie li {
      margin: 0 auto 20px; }
      @media (min-width: 992px) {
        .single-wrap .seminar-movie li {
          width: calc(50% - 10px);
          margin: 0; } }
  @media (min-width: 992px) {
    .single-wrap .dvd-item {
      display: block; }
      .single-wrap .dvd-item .dvd-left {
        margin: 0 auto; } }

.school-swiper {
  opacity: 0;
  transition: opacity 0.3s ease; }

.school-swiper.swiper-initialized {
  opacity: 1; }

.school-seminar-block {
  padding: 0 0 80px; }
  @media (min-width: 992px) {
    .school-seminar-block {
      padding: 0 0 120px; } }

.school-seminar-img {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 0 auto 30px; }
  @media (min-width: 992px) {
    .school-seminar-img {
      margin: 0 auto 50px; } }
  .school-seminar-img li {
    width: calc(50% - 5px); }
  .school-seminar-img li:nth-child(3) {
    width: 100%; }
    @media (min-width: 992px) {
      .school-seminar-img li:nth-child(3) img {
        object-fit: cover;
        height: 450px; } }

.school-swiper {
  margin: 0 auto 3.0em; }

.school-about {
  margin: 0 auto 50px;
  padding: 50px 0; }
  @media (min-width: 992px) {
    .school-about {
      margin: 0 auto 100px;
      padding: 100px 0; } }

@media (min-width: 992px) {
  .school-about-flex {
    display: flex; } }
.school-about-flex .left {
  max-width: 200px;
  margin: 0 auto 30px; }
  @media (min-width: 992px) {
    .school-about-flex .left {
      max-width: 100%;
      margin: 0;
      width: 20%; } }
.school-about-flex .right {
  padding: 0 1.0em; }
  @media (min-width: 992px) {
    .school-about-flex .right {
      width: 80%;
      padding: 0 30px; } }
  .school-about-flex .right p {
    margin: 0 0 1.5em; }
    .school-about-flex .right p:last-child {
      margin: 0; }
    @media (min-width: 992px) {
      .school-about-flex .right p.pc-mb0 {
        margin: 0; } }
.school-about-flex .school-about-maker {
  margin: 0 auto 1.5em;
  padding: 2.0em;
  background: #FBFAEE; }
  .school-about-flex .school-about-maker:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 15px 0 15px;
    border-color: #ffffff transparent transparent transparent;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .school-about-flex .school-about-maker li {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0 0 0 1.0em;
    line-height: 1.8em; }
    @media (min-width: 992px) {
      .school-about-flex .school-about-maker li {
        margin: 0 0 .7em; } }
  .school-about-flex .school-about-maker li::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 8px;
    height: 12px;
    background-color: #46725C;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%); }
  .school-about-flex .school-about-maker li:last-child {
    margin-bottom: 0; }

@media (min-width: 992px) {
  .school-about-under > .about-flex {
    display: flex; } }
@media (min-width: 992px) {
  .school-about-under > .about-flex:nth-child(2) {
    flex-direction: row-reverse; } }

.school-about-list {
  counter-reset: list-counter;
  list-style: none;
  margin: 3.0em 0;
  padding: 2.25em 2.0em;
  background: #fff;
  border-radius: 6px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  @media (min-width: 992px) {
    .school-about-list {
      margin: 3.0em 0 4.0em;
      padding: 3.0em 3.0em; } }
  .school-about-list li {
    font-weight: bold;
    position: relative;
    margin: 0 0 2.0em;
    padding-left: 2.5em;
    counter-increment: list-counter;
    font-size: 2.0rem;
    line-height: 1.6; }
    @media (min-width: 992px) {
      .school-about-list li {
        margin: 0 0 1.5em;
        font-size: 2.4rem; } }
    .school-about-list li:last-child {
      margin: 0; }
    .school-about-list li::before {
      content: counter(list-counter);
      display: inline-block;
      width: 2em;
      height: 2em;
      line-height: 2em;
      text-align: center;
      border-radius: 50%;
      position: absolute;
      letter-spacing: normal;
      left: 0;
      top: 0;
      background: #F4CB01;
      color: #000;
      font-weight: bold; }
      @media (min-width: 992px) {
        .school-about-list li::before {
          top: -4px; } }
    .school-about-list li .mini {
      font-size: 1.6rem;
      display: block; }
      @media (min-width: 992px) {
        .school-about-list li .mini {
          display: inline-block;
          font-size: 1.8rem;
          margin: 0 1.0em 0 0; } }

.school-about-under p {
  margin: 0 0 2.0em; }
  .school-about-under p:last-child {
    margin: 0; }
.school-about-under .about-flex {
  margin: 0 auto 3.0em; }
  @media (min-width: 992px) {
    .school-about-under .about-flex {
      display: flex;
      align-items: center;
      gap: 40px; } }
  .school-about-under .about-flex .left {
    margin: 0 0 2.0em; }
    @media (min-width: 992px) {
      .school-about-under .about-flex .left {
        width: 50%;
        margin: 0; }
        .school-about-under .about-flex .left img {
          object-fit: cover;
          height: 330px; } }
  @media (min-width: 992px) {
    .school-about-under .about-flex .right {
      width: 50%; } }

.course-price-table {
  margin: 0 auto 30px;
  display: table;
  width: 100%; }
  .course-price-table dl {
    margin: 0 0 2px;
    padding: 0;
    display: table;
    font-size: 1.6rem;
    line-height: 1.4;
    width: 100%; }
    @media (min-width: 992px) {
      .course-price-table dl {
        font-size: 2.0rem; } }
  .course-price-table dt,
  .course-price-table dd {
    margin: 0;
    padding: 1.0em;
    display: table-cell;
    text-align: center;
    vertical-align: middle; }
  .course-price-table dt {
    background: #46725C;
    color: #fff;
    width: 55%; }
  .course-price-table dd {
    background: #F0F4F5;
    width: 45%;
    text-align: left; }
  .course-price-table .num {
    font-size: 1.8rem;
    font-weight: bold; }
    @media (min-width: 992px) {
      .course-price-table .num {
        font-size: 2.6rem; } }
  .course-price-table .block {
    margin: .5em 0 0;
    font-size: 1.4rem;
    line-height: 1.6;
    display: block; }
    @media (min-width: 992px) {
      .course-price-table .block {
        margin: 0;
        font-size: 1.8rem; } }
  .course-price-table .yen {
    font-size: 1.4rem; }
    @media (min-width: 992px) {
      .course-price-table .yen {
        font-size: 1.8rem; } }

.course-curriculum {
  margin: 0 auto;
  font-size: 1.4rem; }
  @media (min-width: 992px) {
    .course-curriculum {
      font-size: 1.6rem; } }

.course-curriculum-lead {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 2.0em auto 1.0em;
  padding: 0 0 .5em;
  position: relative; }
  @media (min-width: 992px) {
    .course-curriculum-lead {
      font-size: 2.4rem; } }
  .course-curriculum-lead:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: linear-gradient(to right, #46725C 0%, #598570 50%, #6B9984 100%); }

.course-curriculum-list {
  position: relative;
  background: #FBFAEE;
  font-size: 1.6rem;
  list-style: none;
  padding: 2.25em 2.0em 2.0em;
  margin: 0 0 1.5em; }
  @media (min-width: 992px) {
    .course-curriculum-list {
      padding: 3.5em; } }
  .course-curriculum-list:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 25px 15px 0 15px;
    border-color: #ffffff transparent transparent transparent;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto; }
  .course-curriculum-list li {
    position: relative;
    margin: 0 0 1.5em;
    padding: 0 0 0 1.0em;
    line-height: 1.8em; }
  .course-curriculum-list li::before {
    content: "";
    position: absolute;
    top: 0.5em;
    left: 0;
    width: 8px;
    height: 12px;
    background-color: #574D46;
    clip-path: polygon(0% 0%, 100% 50%, 0% 100%); }
  .course-curriculum-list li:last-child {
    margin-bottom: 0; }
  .course-curriculum-list .block {
    margin: .5em 0 0;
    display: block;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #555; }

.course-attention {
  font-size: 1.4rem;
  background: #fff;
  border-radius: 6px;
  margin: 0 auto 50px;
  padding: 2.25em 2.0em;
  border: 2px solid #46725C; }
  @media (min-width: 992px) {
    .course-attention {
      font-size: 1.6rem;
      padding: 3.0em; } }
  .course-attention li {
    margin: 0 0 1.5em;
    padding: 0 0 0 1.15em;
    text-indent: -1.15em; }
    .course-attention li:last-child {
      margin: 0; }

.course-box-lead {
  font-size: 1.4rem;
  margin: 0 0 2.0em;
  padding: 0 1.0em; }
  @media (min-width: 992px) {
    .course-box-lead {
      text-align: center;
      font-size: 1.8rem; } }

.school-summary {
  position: relative;
  margin: 50px auto 0;
  padding: 50px 0; }
  @media (min-width: 992px) {
    .school-summary {
      padding: 80px 0; } }
  .school-summary:before {
    content: "";
    position: absolute;
    width: 300px;
    height: 50px;
    background: #46725C;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
    left: 50%;
    top: -20px;
    transform: translateX(-50%); }
    @media (min-width: 992px) {
      .school-summary:before {
        width: 400px;
        height: 70px; } }
  .school-summary p {
    margin: 0 0 2.0em; }
    .school-summary p:last-child {
      margin: 0; }

.school-summary-flex {
  margin: 50px auto 0; }
  @media (min-width: 992px) {
    .school-summary-flex {
      margin: 100px auto 0;
      display: flex;
      flex-direction: row-reverse;
      gap: 30px; } }
  .school-summary-flex .left {
    max-width: 200px;
    margin: 0 auto 20px; }
    @media (min-width: 992px) {
      .school-summary-flex .left {
        width: 30%;
        max-width: 100%;
        margin: 0; } }
  .school-summary-flex .right {
    padding: 2.0em;
    background: #FBFAEE; }
    @media (min-width: 992px) {
      .school-summary-flex .right {
        width: 70%;
        padding: 3.0em; } }
  .school-summary-flex .mbm {
    margin: 0 0 4.0em; }
  .school-summary-flex .name {
    color: #46725C;
    font-size: 2.6rem;
    font-family: "Zen Old Mincho", serif;
    text-align: right;
    line-height: 1.6;
    font-weight: bold; }
    @media (min-width: 992px) {
      .school-summary-flex .name {
        font-size: 3.0rem; } }
    .school-summary-flex .name .mid {
      font-size: 1.8rem; }
      @media (min-width: 992px) {
        .school-summary-flex .name .mid {
          font-size: 2.4rem; } }
    .school-summary-flex .name .mini {
      color: #000;
      font-size: 1.5rem;
      display: block; }
      @media (min-width: 992px) {
        .school-summary-flex .name .mini {
          font-size: 2.0rem; } }

/*# sourceMappingURL=page.css.map */