@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*/
/* =============================================================================


     service


============================================================================= */
.main {
  background: #202020;
  color: #fff;
}

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

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


     .recommend


============================================================================= */
.recommend.gray {
  padding-bottom: 0;
}

.recommend.gray:before {
  height: calc(100% - 100px);
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.recommend-content {
  margin-top: 68px;
}

.recommend-item {
  gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.recommend-item + .recommend-item {
  margin-top: 30px;
}

.recommend-item-img {
  width: 50%;
}

.recommend-item-img img {
  width: 100%;
}

.recommend-item-txtbox {
  width: calc(50% - 40px);
}

.recommend-item-num {
  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;
}

.recoomend-item-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  font-weight: bold;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 8px;
  position: relative;
}

.recoomend-item-ttl span {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #fff;
  border-radius: 50%;
  color: #b20026;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  height: 100px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  right: 0;
  text-align: center;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 100px;
}

.recoomend-item-txt {
  font-size: 1.8rem;
  font-weight: 400;
  margin-top: 10px;
}

.recommend-first {
  background: #fff;
  border-radius: 30px;
  margin: 100px auto 0;
  max-width: 1080px;
  padding: 60px;
  position: relative;
}

.recommend-first-ttl {
  color: #b20026;
  font-size: clamp(2.8rem, calc(2.6rem + (0.625vw * 1)), 3.8rem);
  font-weight: bold;
}

.recommend-first-txt {
  color: #202020;
  font-size: 2rem;
  position: relative;
  z-index: 1;
}

.recommend-first-txt span {
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(40%, #f5efc8));
  background: linear-gradient(transparent calc(100% - 40%), #f5efc8 40%);
  color: #b20026;
  font-weight: bold;
}

.recommend-first-img {
  bottom: 0;
  position: absolute;
  right: 20px;
  width: 490px;
}

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


     school


============================================================================= */
.school-contents {
  gap: 60px;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: auto;
  max-width: 1080px;
}

.school-contents:nth-of-type(2n) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.school-contents + .school-contents {
  margin-top: 120px;
}

.school-txtbox {
  width: 40%;
}

.school-imgs {
  width: calc(60% - 60px);
}

.school-ttl {
  color: #8b8b8b;
  font-family: "Oswald", sans-serif;
  font-size: clamp(8.4rem, calc(8.2rem + (0.625vw * 1)), 9.4rem);
  font-weight: bold;
  line-height: 1;
}

.school-imgs {
  position: relative;
}

.school-head {
  font-size: clamp(2.8rem, calc(2.6rem + (0.625vw * 1)), 3.8rem);
  font-weight: bold;
}

.school-sechead {
  border: 1px solid #fff;
  font-size: 2.4rem;
  font-weight: bold;
  margin: 16px 0;
  padding: 0.25em;
}

.school-sectxt {
  border: 1px solid #fff;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0.25em;
}

.school-txt {
  font-size: 1.8rem;
}

.school-btns {
  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: nowrap;
      flex-wrap: nowrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin: auto;
  margin-bottom: 100px;
  max-width: 1080px;
}

.school-btn {
  width: calc(25% - 20px);
}

.school-link {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #b20026;
  border-radius: 30px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2rem;
  font-weight: bold;
  height: 100%;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 1em 1em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
  width: 100%;
}

.school-link:hover {
  background: #d5002d;
}

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


     voice


============================================================================= */
.voice-contents {
  margin-top: 68px;
}

.voice-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.voice-item + .voice-item {
  margin-top: 100px;
}

.voice-item:nth-of-type(2) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.voice-item-img {
  margin-left: 0;
  margin-right: -7.5vw;
  position: relative;
  width: 75%;
}

.voice-item-img img {
  width: 100%;
}

.voice-item:nth-of-type(2) .voice-item-img {
  margin-left: -7.5vw;
  margin-right: 0;
}

.voice-item-txtbox {
  background: #fff;
  -webkit-clip-path: polygon(0 120px, 100% 0%, 100% calc(100% - 120px), 0% 100%);
          clip-path: polygon(0 120px, 100% 0%, 100% calc(100% - 120px), 0% 100%);
  color: #202020;
  margin-right: -7.5vw;
  overflow: visible;
  padding: 200px 100px;
  text-align: center;
  width: clamp(520px, 40vw, 40vw);
  z-index: 2;
}

.voice-item:nth-of-type(2) .voice-item-txtbox {
  margin-left: -7.5vw;
  margin-right: 0;
  margin-top: -50px;
}

.main_content-headbox {
  display: inline-block;
}

.voice-item-type,
.voice-item-ttl {
  font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  font-weight: bold;
  text-align: left;
}

.voice-item-ttl {
  margin-top: 14px;
}

.voice-item-txt {
  font-size: 1.6rem;
  font-weight: 400;
  margin-top: 1em;
  text-align: left;
}

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


     pay


============================================================================= */
.pay-contents {
  margin-top: 68px;
}

.pay-item-ttl {
  font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  font-weight: bold;
}

.pay-item-txt {
  font-size: 1.8rem;
  margin-top: 0.25em;
}

.pay-item-txt span {
  color: #b20026;
  font-weight: bold;
}

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

.coupon-ttlbox {
  font-size: 2.8rem;
  font-weight: bold;
}

.coupon-ttlbox .yen span {
  font-family: "Oswald", sans-serif;
  font-size: clamp(4.2rem, calc(4rem + (0.625vw * 1)), 5.2rem);
}

.coupon-img {
  border-radius: 5%;
  -webkit-box-shadow: 5px 5px 0px #00000029;
          box-shadow: 5px 5px 0px #00000029;
  max-width: 400px;
  -webkit-transform: rotate(-4deg);
          transform: rotate(-4deg);
  width: calc(50% - 60px);
}

.coupon-img img {
  width: 100%;
}

.coupon-items {
  margin-top: 20px;
}

.coupon-txtbox {
  width: 50%;
}

.coupon-item {
  font-size: 1.6rem;
  font-weight: normal;
  padding-left: 1em;
  text-indent: -1em;
}

.mon-headbox {
  margin-top: 48px;
}

.mon-head {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #e6e6e6;
  border-bottom: 1px solid #202020;
  border-top: 1px solid #202020;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
  font-weight: bold;
  padding: 0.5em 0.5em;
  white-space: keep-all;
}

.mon-head span {
  color: #b20026;
  font-size: 2rem;
  margin-left: 20px;
}

.mon-txt {
  border-bottom: 1px solid #202020;
  font-size: 1.6rem;
  font-weight: 400;
  padding: 20px 0;
}

.mon-txt span {
  font-weight: bold;
}

.mon-table {
  border-collapse: collapse;
  font-size: 1.8rem;
  font-weight: bold;
}

.mon-table th,
.mon-table td {
  padding: 0.5em 0;
  vertical-align: middle;
}

.mon-table th {
  width: 7em;
}

.mon-table .ticket {
  font-size: 2.4rem;
}

.mon-table .ticket span {
  font-size: 1.8rem;
  margin-left: 1em;
}

.mon-table tr {
  border-bottom: 1px solid #202020;
  padding: 1em 0;
}

.mon-table tr.b {
  border-bottom: none;
}

.mon-table .yen {
  font-family: "Oswald", sans-serif;
  font-size: clamp(2.4rem, calc(2.2rem + (0.625vw * 1)), 3.4rem);
  font-weight: bold;
}

.mon-table .yen.mu {
  margin-left: 20px;
}

.mon-table .yen span {
  font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", sans-serif;
  font-size: 1.8rem;
}

.mon-hogureru {
  font-size: 1.8rem;
  margin-top: 68px;
}

.mon-btnbox {
  margin-top: 28px;
  text-align: left;
}

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


     inst


============================================================================= */
.inst-list {
  gap: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 68px auto 0;
  max-width: 1180px;
}

.inst-item {
  width: calc(50% - 30px);
}

.inst-item-name {
  font-size: clamp(2.8rem, calc(2.6rem + (0.625vw * 1)), 3.8rem);
  font-weight: bold;
}

.inst-item-info {
  font-size: 1.8rem;
}

.inst-item-img {
  margin-top: 24px;
}

.inst-item-img img {
  width: 100%;
}

.inst-item-txt {
  font-size: 1.8rem;
  margin-top: 24px;
}

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


     schedule


============================================================================= */
.schedule-tablebox {
  margin: 68px auto 0;
  max-width: 1080px;
}

.schedule-table {
  background: #fff;
  border-collapse: collapse;
  color: #202020;
  font-size: 2rem;
  font-weight: 400;
  position: relative;
}

.schedule-table td,
.schedule-table th {
  border: 1px solid #202020;
  position: relative;
  text-align: center;
  vertical-align: middle;
}

.schedule-table th {
  background: #e6e6e6;
}

.schedule-table .p01 {
  background: #f5efc8;
}

.schedule-table .p02 {
  background: #b0e4f2;
}

.schedule-table-span {
  font-size: 1.8rem;
  margin-top: 10px;
}

.schedule-btn {
  -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;
  padding: 18px 25px;
}

.schedule-btntxtbox {
  font-size: 1.8rem;
  font-weight: bold;
  margin-top: 60px;
  text-align: center;
}

.schedule-btnbox {
  margin-top: 20px;
}

.schedule-btn-tel {
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: "Oswald", sans-serif;
  font-size: clamp(1.6rem, calc(1.4rem + (0.625vw * 1)), 2.6rem);
  font-weight: bold;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}

.schedule-btn-tel span {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: clamp(2.4rem, calc(2.2rem + (0.625vw * 1)), 3.4rem);
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  line-height: 1.2;
  padding-left: 0.5em;
}

.faq-cotnents {
  margin-top: 68px;
}

@media (max-width: 1228px){
  .recommend-item + .recommend-item {
    margin-top: 50px;
  }
  .recommend-item {
    gap: 40px 20px;
  }
  .recommend-item-img {
    width: 40%;
  }
  .recommend-item-txtbox {
    width: calc(60% - 20px);
  }
  .recommend-item-num {
    font-size: clamp(5.4rem, calc(5.2rem + (0.625vw * 1)), 6.4rem);
  }
  .recoomend-item-ttl {
    font-size: clamp(1.8rem, calc(1.6rem + (0.625vw * 1)), 2.8rem);
  }
  .recoomend-item-ttl span {
    font-size: 1.8rem;
    height: 70px;
    width: 70px;
  }
  .recoomend-item-txt {
    font-size: 1.6rem;
  }
  .recommend-first {
    border-radius: 20px;
    padding: 40px;
  }
  .recommend-first-ttl {
    font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  }
  .recommend-first-img {
    right: -60px;
    width: 300px;
  }
  .school-ttl {
    font-size: clamp(6.4rem, calc(6.2rem + (0.625vw * 1)), 7.4rem);
  }
  .school-head {
    font-size: clamp(2.4rem, calc(2.2rem + (0.625vw * 1)), 3.4rem);
  }
  .school-sechead {
    font-size: 2rem;
  }
  .school-sectxt {
    font-size: 2rem;
  }
  .school-txt {
    font-size: 1.6rem;
  }
  .school-btns {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .school-link {
    font-size: 1.8rem;
    padding: 1em 0.5em;
  }
  .voice-item-img {
    margin-right: -15vw;
  }
  .voice-item:nth-of-type(2) .voice-item-img {
    margin-left: -15vw;
  }
  .voice-item-txtbox {
    -webkit-clip-path: polygon(0 100px, 100% 0%, 100% calc(100% - 100px), 0% 100%);
            clip-path: polygon(0 100px, 100% 0%, 100% calc(100% - 100px), 0% 100%);
    margin-right: -24px;
    padding: 150px 50px;
    width: clamp(120px, 45vw, 45vw);
  }
  .voice-item:nth-of-type(2) .voice-item-txtbox {
    margin-left: -24px;
    margin-top: -70px;
  }
  .pay-item-ttl {
    font-size: clamp(2rem, calc(1.8rem + (0.625vw * 1)), 3rem);
  }
  .coupon-ttlbox .yen span {
    font-size: clamp(3.4rem, calc(3.2rem + (0.625vw * 1)), 4.4rem);
  }
  .coupon-ttlbox {
    font-size: 2.6rem;
  }
  .mon-head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .mon-head span {
    margin-left: 0;
  }
  .mon-table .yen {
    font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  }
  .inst-item-name {
    font-size: clamp(2.4rem, calc(2.2rem + (0.625vw * 1)), 3.4rem);
  }
}

@media (max-width: 767px){
  .recommend-content {
    margin-top: 40px;
  }
  .recommend-item + .recommend-item {
    margin-top: 40px;
  }
  .recommend-item {
    gap: 20px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .recommend-item-img {
    width: 100%;
  }
  .recommend-item-txtbox {
    width: 100%;
  }
  .recommend-item-num {
    font-size: clamp(3.4rem, calc(3.2rem + (0.625vw * 1)), 4.4rem);
  }
  .recoomend-item-ttl {
    font-size: clamp(1.6rem, calc(1.4rem + (0.625vw * 1)), 2.6rem);
  }
  .recoomend-item-txt {
    font-size: 1.4rem;
  }
  .recommend-first {
    margin-top: 60px;
    padding: 24px;
  }
  .recommend-first-ttl {
    font-size: clamp(1.8rem, calc(1.6rem + (0.625vw * 1)), 2.8rem);
  }
  .recommend-first-txt {
    font-size: 1.5rem;
  }
  .recommend-first-img {
    display: none;
    width: 240px;
  }
  .school-contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .school-contents:nth-of-type(2n) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .school-contents + .school-contents {
    margin-top: 80px;
  }
  .school-txtbox {
    width: 100%;
  }
  .school-imgs {
    width: 100%;
  }
  .school-ttl {
    font-size: clamp(4.4rem, calc(4.2rem + (0.625vw * 1)), 5.4rem);
  }
  .school-head {
    font-size: clamp(2rem, calc(1.8rem + (0.625vw * 1)), 3rem);
  }
  .school-sechead {
    font-size: 1.8rem;
  }
  .school-sectxt {
    font-size: 1.8rem;
  }
  .school-txt {
    font-size: 1.4rem;
  }
  .school-btns {
    gap: 20px;
    margin-bottom: 60px;
    max-width: 600px;
  }
  .school-btn {
    width: calc(50% - 20px);
  }
  .voice-item + .voice-item {
    margin-top: 70px;
  }
  .voice-item:nth-of-type(2) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .voice-item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
  .voice-item-img {
    width: 80vw;
  }
  .voice-item:nth-of-type(2) .voice-item-img {
    margin-left: 0;
    margin-left: auto;
  }
  .voice-item-txtbox {
    -webkit-clip-path: polygon(0 70px, 100% 0%, 100% calc(100% - 70px), 0% 100%);
            clip-path: polygon(0 70px, 100% 0%, 100% calc(100% - 70px), 0% 100%);
    margin-left: auto;
    margin-right: -16px;
    margin-top: -60px;
    padding: 100px 20px;
    width: 80vw;
  }
  .voice-item-type,
  .voice-item-ttl {
    font-size: clamp(1.8rem, calc(1.6rem + (0.625vw * 1)), 2.8rem);
  }
  .voice-item-txt {
    font-size: 1.4rem;
  }
  .pay-contents {
    margin-top: 40px;
  }
  .pay-item-ttl {
    font-size: clamp(1.8rem, calc(1.6rem + (0.625vw * 1)), 2.8rem);
  }
  .pay-item-txt {
    font-size: 1.4rem;
  }
  .coupon {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .coupon-ttlbox .yen span {
    font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  }
  .coupon-ttlbox {
    font-size: 2.2rem;
  }
  .coupon-img {
    margin: auto;
    width: 80%;
  }
  .coupon-txtbox {
    margin: auto;
    width: 100%;
  }
  .coupon-item {
    font-size: 1.4rem;
  }
  .mon-headbox {
    margin-top: 28px;
  }
  .mon-head {
    font-size: 1.8rem;
  }
  .mon-head span {
    font-size: 1.4rem;
  }
  .mon-txt {
    font-size: 1.4rem;
  }
  .mon-table {
    font-size: 1.4rem;
  }
  .mon-table .ticket {
    font-size: 1.8rem;
  }
  .mon-table .ticket span {
    font-size: 1.4rem;
  }
  .mon-table .yen span {
    font-size: 1.4rem;
  }
  .mon-table .yen {
    font-size: clamp(2rem, calc(1.8rem + (0.625vw * 1)), 3rem);
  }
  .mon-hogureru {
    font-size: 1.4rem;
    margin-top: 32px;
  }
  .inst-list {
    gap: 40px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-top: 40px;
  }
  .inst-item {
    width: 100%;
  }
  .inst-item-name {
    font-size: clamp(2rem, calc(1.8rem + (0.625vw * 1)), 3rem);
  }
  .inst-item-info {
    font-size: 1.4rem;
  }
  .inst-item-txt {
    font-size: 1.4rem;
  }
  .schedule-tablebox {
    margin-top: 40px;
  }
  .schedule-table {
    font-size: 1.2rem;
  }
  .schedule-table-span {
    font-size: 1.2rem;
  }
  .schedule-btntxtbox {
    font-size: 1.4rem;
    margin-top: 40px;
  }
  .schedule-btn-tel {
    font-size: clamp(1.4rem, calc(1.2rem + (0.625vw * 1)), 2.4rem);
  }
  .schedule-btn-tel span {
    font-size: clamp(2.2rem, calc(2rem + (0.625vw * 1)), 3.2rem);
  }
  .faq-cotnents {
    margin-top: 40px;
  }
}


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