@charset "UTF-8";
/* **************************************


     追加


***************************************/
/*最小値:$value+0.2 → 可変（$value + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px,2560px:12px））→ 最大値:$value + 1.2*/
/*最小値:$value+0.2 → 可変（$value + 0.625vw（画面幅320px:2px, 800px:5px, 1200px:7.5px,2560px:12px））→ 最大値:$value + 1.2*/
/* =============================================================================


     facility


============================================================================= */
.submv {
  background: transparent url(../asset/images/facility/mv.jpg) no-repeat top center/cover;
}

.main {
  background: #202020;
  color: #fff;
}

.pageheader {
  padding-bottom: 0;
}

.pageheader-txt .indent {
  display: block;
  padding-left: 1em;
  text-indent: -1em;
}

.pageheader-tel {
  font-size: 2.4rem;
  font-weight: bold;
  margin-top: 28px;
  text-align: center;
}

.pageheader-tel a {
  font-family: "Oswald", sans-serif;
  font-size: clamp(3rem, calc(2.8rem + (0.625vw * 1)), 4rem);
  font-weight: bold;
  font-weight: bold;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.pageheader-tel a:hover {
  opacity: 0.7;
}

.pageheader-tel a span {
  font-size: clamp(5rem, calc(4.8rem + (0.625vw * 1)), 6rem);
  line-height: 1.2;
  padding-left: 0.5em;
}

.facility-btnlist {
  margin-top: 120px;
}

.facility-map {
  margin: 60px auto 0;
  max-width: 1080px;
}

.facility-map img {
  width: 100%;
}

.facility-ttl {
  color: #b20026;
  font-family: "Oswald", sans-serif;
  font-size: clamp(7.4rem, calc(7.2rem + (0.625vw * 1)), 8.4rem);
  font-weight: bold;
  line-height: 1;
  text-align: center;
}

.facility-contentsbox {
  margin-left: auto;
  margin-right: auto;
  max-width: 1080px;
  padding: 100px 0;
}

.facility-contentsbox + .facility-contentsbox {
  border-top: 1px solid #fff;
}

.facility-ttltxt {
  font-size: 1.8rem;
  margin-top: 60px;
  text-align: center;
}

.facility-contents {
  gap: 30px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 60px;
}

.facility-swiper {
  width: calc(55% - 30px);
}

.facility-info {
  width: 45%;
}

.facility-yen {
  margin-top: 60px;
}

.facility-yen-ttl,
.facility-info-ttl {
  font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  text-align: center;
}

.facility-yen-tablebox,
.facility-info-tablebox {
  margin-top: 24px;
}

.facility-yen-table,
.facility-info-table,
.facility-other-table {
  background: #fff;
  border-collapse: collapse;
  color: #202020;
  font-size: 2rem;
  font-weight: bold;
  position: relative;
}

.facility-yen-table th,
.facility-info-table th,
.facility-other-table th {
  background: #e6e6e6;
  text-align: center;
}

.facility-yen-table th,
.facility-yen-table td,
.facility-info-table th,
.facility-info-table td,
.facility-other-table th,
.facility-other-table td {
  border: 1px solid #202020;
  padding: 0.5em 8px;
  text-align: center;
  vertical-align: middle;
}

.facility-yen-table .yen,
.facility-info-table .yen,
.facility-other-table .yen {
  line-height: 1;
}

.facility-yen-table .yen span,
.facility-info-table .yen span,
.facility-other-table .yen span {
  font-family: "Oswald", sans-serif;
  font-size: 3.2rem;
  margin-left: 5px;
  margin-right: 5px;
}

.facility-yen-table td,
.facility-info-table td,
.facility-other-table td {
  font-size: 1.8rem;
}

.facility-other-table {
  margin: 20px auto;
  max-width: 600px;
}

.facility-info-ttl {
  text-align: left;
}

.facility-info-table td {
  text-align: left;
}

.facility-info-txt {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 24px;
}

.facility-info-txt .indent {
  padding-left: 1em;
  text-indent: -1em;
}

.facility-info-txt a {
  padding-left: 0.5em;
  text-decoration: underline;
  -webkit-text-decoration-color: #fff;
          text-decoration-color: #fff;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.facility-info-txt a:hover {
  opacity: 0.7;
}

.facility-other {
  margin-top: 80px;
}

.facility-other-txt {
  font-size: 1.8rem;
  text-align: center;
}

.facility-challenge-list {
  gap: 32px 25px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-top: 40px;
}

.facility-challenge-item {
  width: calc(25% - ((25px * 3) / 4));
}

.facility-challenge-itemimg {
  border: 1px solid #fff;
  position: relative;
}

.facility-challenge-itemimg span {
  background: #b20026;
  display: inline-block;
  font-size: 1.6rem;
  padding: 0.5em;
  position: absolute;
  right: -1px;
  top: -1px;
}

.facility-challenge-itemttl {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 16px;
  text-align: center;
}

.facility-challenge-itemtxt {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 8px;
  text-align: center;
}

.facility-challenge-itemtxt span {
  font-family: "Oswald", sans-serif;
  font-size: 3rem;
}

/* =============================================================================


     school


============================================================================= */
.facility-series {
  margin-top: 68px;
}

.facility-series-list {
  gap: 0px 40px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}

.facility-series-item {
  display: grid;
  grid-row: span 5;
  grid-template-rows: subgrid;
}

.facility-series-btnbox {
  margin-top: 36px;
}

.facility-series-img {
  margin-top: 28px;
}

.facility-series-img img {
  width: 100%;
}

.facility-series-btn {
  background: #b20026;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  padding: 16px 48px 16px 16px;
  position: relative;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.facility-series-btn + .facility-series-btn {
  margin-top: 20px;
}

.facility-series-btn:hover {
  background: #d5002d;
}

.facility-series-btn:hover img {
  right: 16px;
}

.facility-series-btn img {
  display: block;
  height: 24px;
  position: absolute;
  right: 18px;
  top: 50%;
  -webkit-transform: translateY(-50%) rotate(90deg);
          transform: translateY(-50%) rotate(90deg);
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 24px;
}

.facility-info-time {
  border-bottom: 1px solid #fff;
  border-top: 1px solid #fff;
  font-size: 2rem;
  font-weight: bold;
  margin-top: 0.5em;
  padding: 0.5em 0;
}

.facility-info-course {
  font-size: 2rem;
  font-weight: bold;
  margin-top: 0.5em;
}

@media (max-width: 1228px){
  .facility-btnlist {
    margin-top: 80px;
  }
  .facility-ttl {
    font-size: clamp(5.4rem, calc(5.2rem + (0.625vw * 1)), 6.4rem);
  }
  .facility-yen-ttl,
  .facility-info-ttl {
    font-size: clamp(2rem, calc(1.8rem + (0.625vw * 1)), 3rem);
  }
  .facility-yen-table,
  .facility-info-table,
  .facility-other-table {
    font-size: 1.6rem;
  }
  .facility-yen-table .yen span,
  .facility-info-table .yen span,
  .facility-other-table .yen span {
    font-size: 2.8rem;
  }
  .facility-yen-table td,
  .facility-info-table td,
  .facility-other-table td {
    font-size: 1.5rem;
  }
  .facility-info-txt {
    font-size: 1.4rem;
  }
  .facility-challenge-item {
    width: calc(33.3333% - ((25px * 2) / 3));
  }
  .facility-challenge-itemttl {
    font-size: 1.8rem;
  }
  .facility-series-list {
    gap: 60px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 767px){
  .pageheader-tel {
    font-size: 1.8rem;
  }
  .pageheader-tel a {
    font-size: clamp(2.4rem, calc(2.2rem + (0.625vw * 1)), 3.4rem);
  }
  .pageheader-tel a span {
    font-size: clamp(3.4rem, calc(3.2rem + (0.625vw * 1)), 4.4rem);
  }
  .facility-btnlist {
    margin-top: 60px;
  }
  .facility-ttl {
    font-size: clamp(3.6rem, calc(3.4rem + (0.625vw * 1)), 4.6rem);
  }
  .facility-contentsbox {
    padding: 60px 0;
  }
  .facility-ttltxt {
    font-size: 1.4rem;
    margin-top: 40px;
  }
  .facility-contents {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .facility-swiper {
    width: 100%;
  }
  .facility-info {
    margin: auto;
    max-width: 480px;
    width: 100%;
  }
  .facility-yen-ttl,
  .facility-info-ttl {
    font-size: clamp(1.8rem, calc(1.6rem + (0.625vw * 1)), 2.8rem);
  }
  .facility-yen-table,
  .facility-info-table,
  .facility-other-table {
    font-size: 1.1rem;
  }
  .facility-yen-table th,
  .facility-yen-table td,
  .facility-info-table th,
  .facility-info-table td,
  .facility-other-table th,
  .facility-other-table td {
    letter-spacing: -0.04em;
    padding: 0.5em 4px;
  }
  .facility-yen-table .yen span,
  .facility-info-table .yen span,
  .facility-other-table .yen span {
    font-size: 1.8rem;
    line-height: 1.2;
    margin-left: 2px;
    margin-right: 2px;
  }
  .facility-yen-table td,
  .facility-info-table td,
  .facility-other-table td {
    font-size: 1.2rem;
  }
  .facility-info-txt {
    font-size: 1.2rem;
  }
  .facility-other {
    margin-top: 48px;
  }
  .facility-other-txt {
    font-size: 1.4rem;
  }
  .facility-challenge-item {
    width: calc(50% - ((25px * 1) / 2));
  }
  .facility-challenge-itemimg span {
    font-size: 1.2rem;
  }
  .facility-challenge-itemttl {
    font-size: 1.6rem;
  }
  .facility-challenge-itemtxt {
    font-size: 1.4rem;
  }
  .facility-challenge-itemtxt span {
    font-size: 2.4rem;
  }
  .facility-series-list {
    gap: 40px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .facility-series-btn {
    font-size: 1.5rem;
    padding: 8px 18px;
  }
  .facility-series-btn:hover img {
    right: 8px;
  }
  .facility-info-time {
    font-size: 1.5rem;
  }
  .facility-info-course {
    font-size: 1.5rem;
  }
}


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