@charset "UTF-8";
/* ---------------------------------------------------
mixin
---------------------------------------------------- */
/*-------------------------------------------
TOP
-------------------------------------------*/
.kv-wrapper {
  background: var(--blk1);
}
.kv-wrapper .kv-inner .c-kv-img > img {
  width: 100%;
  max-width: 1920px;
}
@media screen and (max-width: 1024px) {
  .kv-wrapper .kv-inner .c-kv-img > img {
    max-width: 100%;
  }
}

.contents-wrapper.c-bg__black {
  background: var(--blk1);
  color: #fff;
}
.contents-wrapper.c-bg__black .c-title__h3 {
  background: #fff;
  color: var(--blk1);
  text-align: center;
}
.contents-wrapper.c-bg__black .c-link-text {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .contents-wrapper.u-noMgn__SP {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .contents-wrapper.u-noMgn__SP .contents-inner {
    width: 100vw;
  }
}
.contents-wrapper.u-brdr-btm {
  border-bottom: #fff 2px solid;
}

.c-title_top {
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 1024px) {
  .c-title_top {
    margin-bottom: 30px;
  }
}
.c-title_top .c-eng01 {
  font-size: clamp(3rem, 2.22vw, 3.2rem);
  font-family: "Inter", sans-serif;
  font-weight: 600;
}
@media screen and (max-width: 768px) {
  .c-title_top .c-eng01 {
    font-size: clamp(2.2rem, 6.15vw, 2.4rem);
  }
}
.c-title_top .c-eng01 .u-txtm {
  font-size: clamp(4.6rem, 3.33vw, 4.8rem);
}
@media screen and (max-width: 768px) {
  .c-title_top .c-eng01 .u-txtm {
    font-size: clamp(3rem, 8.2vw, 3.2rem);
  }
}
.c-title_top .c-jp01 {
  font-size: clamp(2.6rem, 1.94vw, 2.8rem);
  font-weight: 600;
}
@media screen and (max-width: 1024px) {
  .c-title_top .c-jp01 {
    font-size: clamp(2.2rem, 2.34vw, 2.4rem);
  }
}
@media screen and (max-width: 768px) {
  .c-title_top .c-jp01 {
    font-size: clamp(2rem, 5.64vw, 2.2rem);
  }
}

.c-top-column-wrap01 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 40px;
     -moz-column-gap: 40px;
          column-gap: 40px;
  row-gap: 45px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap01 {
    grid-template-columns: repeat(2, 1fr);
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap01 .c-top-column01 {
    grid-column: 1/span 2;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-column01 .c-text p {
    font-size: clamp(1.2rem, 3.5vw, 1.4rem);
  }
}
.c-top-column-wrap01 .c-top-column01 + .c-top-column02 {
  position: relative;
}
.c-top-column-wrap01 .c-top-column01 + .c-top-column02:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: -20px;
  width: 1px;
  height: 100%;
  border-left: var(--gray2) 1px dotted;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap01 .c-top-column01 + .c-top-column02:before {
    display: none;
  }
}
.c-top-column-wrap01 .c-top-column02 + .c-top-column02 {
  position: relative;
}
.c-top-column-wrap01 .c-top-column02 + .c-top-column02:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: -20px;
  width: 1px;
  height: 100%;
  border-left: var(--gray2) 1px dotted;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-column02 + .c-top-column02:before {
    left: -15px;
  }
}
.c-top-column-wrap01 .c-ttl {
  font-size: clamp(1.8rem, 1.38vw, 2rem);
  font-weight: 700;
  text-align: center;
  margin-bottom: 35px;
}
@media screen and (max-width: 1240px) {
  .c-top-column-wrap01 .c-ttl {
    font-size: clamp(1.5rem, 1.37vw, 1.7rem);
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap01 .c-ttl {
    font-size: clamp(1.6rem, 1.75vw, 1.8rem);
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-ttl {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-top-column-wrap01 .c-text p {
  color: var(--gray1);
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-text p {
    font-size: clamp(1.1rem, 3.07vw, 1.2rem);
  }
}
.c-top-column-wrap01 .c-btn {
  text-align: center;
}
.c-top-column-wrap01 .c-btn [class^=c-button--] {
  min-width: 300px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-btn [class^=c-button--] {
    min-width: 100%;
  }
}
.c-top-column-wrap01 .c-top-mbrshp01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 30px;
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow {
  display: grid;
  place-content: center;
  grid-template-columns: 1fr 3fr;
  border-top: #fff 1px solid;
  border-bottom: #fff 1px solid;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding: 5px 0;
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow .year {
  margin-right: 1em;
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow > ul {
  height: 9.2em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-mbrshp01 .c-flow > ul {
    height: 8.6em;
  }
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow > ul > li {
  display: grid;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1.2;
  padding: 0.4em 0;
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow > ul > li .casual {
  display: block;
  font-size: clamp(0.8rem, 0.69vw, 1rem);
  margin-right: 0.3em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-mbrshp01 .c-flow > ul > li .casual {
    font-size: clamp(0.6rem, 2.05vw, 0.8rem);
    padding-top: 0.1em;
  }
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow > ul > li + li {
  border-top: #fff 1px dotted;
  margin-top: 0;
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow.y2024 {
  border-color: var(--gray2);
  color: var(--gray2);
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow.y2024 .year {
  padding-top: 0.2em;
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow.y2024 > ul > li + li {
  border-color: var(--gray2);
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow.y2025 .year {
  padding-top: 0.7em;
}
.c-top-column-wrap01 .c-top-mbrshp01 .c-flow.y2025 > ul > li {
  height: 33.3333333333%;
  font-size: 130%;
}
.c-top-column-wrap01 .c-top-mbrshp01 .triangle {
  height: 12px;
  aspect-ratio: 0.8660254038;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: #fff;
  margin: auto 35px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-mbrshp01 .triangle {
    height: 10px;
    margin: auto 8px;
  }
}
.c-top-column-wrap01 .c-top-mbrshp02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-mbrshp02 .c-ttl {
    -ms-flex-line-pack: center;
        align-content: center;
    min-height: 4.5em;
    margin-bottom: 20px;
  }
}
.c-top-column-wrap01 .c-top-mbrshp02 .c-btn {
  margin-top: auto;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-mbrshp02 .c-btn [class^=c-button--] {
    padding: 8px 30px 8px 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap01 .c-top-mbrshp02 .c-btn [class^=c-button--]:after {
    right: 15px;
  }
}

.c-top-column-wrap02 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
}
@media screen and (max-width: 1250px) {
  .c-top-column-wrap02 {
    -webkit-column-gap: 15px;
       -moz-column-gap: 15px;
            column-gap: 15px;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 {
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 {
    gap: 0;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .c-top-column01 {
    grid-column: 1/span 2;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-top-column01 .c-text p {
    font-size: clamp(1.2rem, 3.5vw, 1.4rem);
  }
}
.c-top-column-wrap02 .c-ttl {
  font-size: clamp(1rem, 0.83vw, 1.2rem);
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 1.5em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-ttl {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
    text-align: center;
  }
}
.c-top-column-wrap02 .c-ttl .c-eng {
  font-size: clamp(2.2rem, 1.66vw, 2.4rem);
  font-family: "Inter", sans-serif;
  font-weight: 900;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-ttl .c-eng {
    font-size: clamp(2.4rem, 6.66vw, 2.6rem);
  }
}
.c-top-column-wrap02 .c-text p {
  color: var(--gray1);
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-text p {
    font-size: clamp(1.1rem, 3.07vw, 1.2rem);
  }
}
.c-top-column-wrap02 .c-bdr {
  width: 80%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border: #fff 1px solid;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-bdr {
    width: 100%;
    padding: 8px 0 8px 25px;
  }
}
.c-top-column-wrap02 .c-bdr:before {
  content: "年会費";
  color: var(--gray2);
  font-size: clamp(0.8rem, 0.69vw, 1rem);
  font-weight: 700;
  margin-right: 1em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-bdr:before {
    content: "年会費";
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.c-top-column-wrap02 .c-bdr > span {
  font-size: clamp(2.2rem, 1.66vw, 2.4rem);
  font-family: "Inter", sans-serif;
  font-weight: 900;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-bdr > span {
    font-size: clamp(1.6rem, 4.61vw, 1.8rem);
  }
}
.c-top-column-wrap02 .c-bdr > span:after {
  content: "(税込)";
  font-size: clamp(0.8rem, 0.69vw, 1rem);
  font-weight: 700;
  margin-left: 0.5em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-bdr > span:after {
    font-size: clamp(0.8rem, 2.56vw, 1rem);
  }
}
.c-top-column-wrap02 .c-btn {
  text-align: center;
}
.c-top-column-wrap02 .c-btn [class^=c-button--] {
  min-width: 100%;
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .c-btn [class^=c-button--] {
    min-width: 290px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-btn [class^=c-button--] {
    min-width: 100%;
  }
}
.c-top-column-wrap02 .c-top-course01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  background: var(--blk1);
  color: #fff;
  padding: 35px 25px 25px;
}
@media screen and (max-width: 1250px) {
  .c-top-column-wrap02 .c-top-course01 {
    padding: 35px 15px 25px;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .c-top-course01 {
    padding: 35px 25px 45px;
  }
}
.c-top-column-wrap02 .c-top-course01 .c-btn {
  margin-top: auto;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .c-top-course01 .c-btn {
    margin-top: 40px;
  }
}
.c-top-column-wrap02 .c-top-course02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 20px 25px;
}
@media screen and (max-width: 1250px) {
  .c-top-column-wrap02 .c-top-course02 {
    padding: 20px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .c-top-course02 {
    padding: 20px 25px;
  }
}
.c-top-column-wrap02 .c-top-course02 .c-text {
  margin-bottom: 15px;
}
.c-top-column-wrap02 .c-top-course02 .c-btn {
  margin-top: 30px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-top-course02 .c-btn [class^=c-button--] {
    padding: 8px 30px 8px 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .c-top-course02 .c-btn [class^=c-button--]:after {
    right: 15px;
  }
}
.c-top-column-wrap02 .black {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .black {
    display: block;
    background: var(--blk1);
  }
}
.c-top-column-wrap02 .black .c-img {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .black .c-img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    text-align: center;
  }
}
.c-top-column-wrap02 .black .c-img > img {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .black .c-img > img {
    max-width: 480px;
    height: auto;
    margin: 40px auto 0;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-img > img {
    max-width: 100%;
    margin: 0;
  }
}
.c-top-column-wrap02 .black .c-top-course01 {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-top-course01 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.c-top-column-wrap02 .black .c-ttl {
  font-size: clamp(1.6rem, 1.25vw, 1.8rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-ttl {
    font-size: clamp(1.6rem, 4.61vw, 1.8rem);
  }
}
.c-top-column-wrap02 .black .c-ttl .u-txts {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-ttl .u-txts {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-top-column-wrap02 .black .c-ttl .c-eng {
  font-size: clamp(4.4rem, 3.19vw, 4.6rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-ttl .c-eng {
    font-size: clamp(4.4rem, 11.7vw, 4.6rem);
  }
}
.c-top-column-wrap02 .black .c-bdr {
  width: 100%;
  padding: 15px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02 .black .c-bdr {
    width: 40%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-bdr {
    width: 100%;
  }
}
.c-top-column-wrap02 .black .c-bdr:before {
  font-size: clamp(1rem, 0.83vw, 1.2rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-bdr:before {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}
.c-top-column-wrap02 .black .c-bdr > span {
  font-size: clamp(3rem, 2.22vw, 3.2rem);
}
@media screen and (max-width: 1250px) {
  .c-top-column-wrap02 .black .c-bdr > span {
    font-size: clamp(2.4rem, 2.08vw, 2.6rem);
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-bdr > span {
    font-size: clamp(3.8rem, 10.25vw, 4rem);
  }
}
.c-top-column-wrap02 .black .c-bdr > span:after {
  font-size: clamp(1rem, 0.83vw, 1.2rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .black .c-bdr > span:after {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}
.c-top-column-wrap02 .white {
  background: #fff;
  border: var(--blk1) 1px solid;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .white {
    border: none;
    border-bottom: var(--blk1) 1px solid;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .white .c-img {
    padding: 30px 15px 0 20px;
  }
}
.c-top-column-wrap02 .white .c-text p {
  color: var(--blk1);
}
.c-top-column-wrap02 .white .c-bdr {
  border-color: var(--blk1);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .white .c-bdr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.c-top-column-wrap02 .white .c-bdr:before {
  color: var(--blk1);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .white .c-top-course02 {
    padding: 20px 15px 25px 20px;
  }
}
.c-top-column-wrap02 .junior {
  background: var(--gray2);
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .junior .c-img {
    padding: 30px 20px 0 15px;
  }
}
.c-top-column-wrap02 .junior .c-text p {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .junior .c-bdr {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.c-top-column-wrap02 .junior .c-bdr:before {
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02 .junior .c-top-course02 {
    padding: 20px 20px 25px 15px;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02.ver2 .c-top-course01 .c-ttl {
    width: 480px;
    margin: 0 auto 1.5em;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02.ver2 .c-top-course01 .c-ttl {
    width: auto;
    margin: 0 0 1.5em;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap02.ver2 .c-top-course01 .c-text {
    width: 480px;
    margin: 0 auto 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap02.ver2 .c-top-course01 .c-text {
    width: auto;
    margin: 0 0 20px;
  }
}

.c-top-column-wrap03 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  margin: 45px 0;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap03 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    margin: 30px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: 1fr 2fr 1fr;
  }
}
.c-top-column-wrap03 .c-top-column03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-top-column-wrap03 .c-top-column03 .c-course {
  width: calc((100% - 80px) / 2);
  display: grid;
  place-content: center;
  aspect-ratio: 1/1;
  margin: 40px 0;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap03 .c-top-column03 .c-course {
    width: calc((100% - 30px) / 2);
    margin: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course {
    aspect-ratio: 5/2;
    margin: 0;
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course .c-course-name {
  color: #fff;
  font-size: clamp(0.8rem, 0.69vw, 1rem);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course .c-course-name {
    font-size: clamp(0.8rem, 2.56vw, 1rem);
    line-height: 1.2;
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course .c-course-name .c-eng {
  font-size: clamp(1.8rem, 1.38vw, 2rem);
  font-family: "Inter", sans-serif;
  font-weight: 900;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap03 .c-top-column03 .c-course .c-course-name .c-eng {
    font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course .c-course-name .c-eng {
    font-size: clamp(1.8rem, 5.12vw, 2rem);
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course .c-course-name .c-eng .c-txts {
  font-size: clamp(0.9rem, 0.76vw, 1.1rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course .c-course-name .c-eng .c-txts {
    font-size: clamp(0.9rem, 2.82vw, 1.1rem);
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course.gold {
  background: #8F8454;
}
.c-top-column-wrap03 .c-top-column03 .c-course.black {
  background: #000;
}
.c-top-column-wrap03 .c-top-column03 .c-course.regular {
  display: block;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course.regular {
    aspect-ratio: 5/4;
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-regular, .c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-csregular {
  display: grid;
  place-content: center;
  width: 100%;
  aspect-ratio: 1/0.5;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-regular, .c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-csregular {
    aspect-ratio: 5/2;
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-regular {
  background: var(--blk1);
}
.c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-csregular {
  background: var(--gray2);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-csregular .c-course-name {
    margin-top: -0.5em;
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-csregular .c-course-name .c-eng {
  line-height: 1;
  margin-bottom: 0.2em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .c-course.regular .c-course-csregular .c-course-name .c-eng {
    margin-bottom: 0.1em;
  }
}
.c-top-column-wrap03 .c-top-column03 .c-course.white {
  background: #fff;
  border: #000 1px solid;
}
.c-top-column-wrap03 .c-top-column03 .c-course.white .c-course-name {
  color: #000;
}
.c-top-column-wrap03 .c-top-column03 .c-course.ex-junior {
  background: #566A76;
}
.c-top-column-wrap03 .c-top-column03 .c-course.junior {
  background: var(--gray2);
}
.c-top-column-wrap03 .c-top-column03 .triangle {
  height: 12px;
  aspect-ratio: 0.8660254038;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: var(--blk1);
  margin: auto 35px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap03 .c-top-column03 .triangle {
    margin: auto 10px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 .triangle {
    height: 10px;
  }
}
.c-top-column-wrap03 .c-top-column03 + .c-top-column03 {
  position: relative;
}
.c-top-column-wrap03 .c-top-column03 + .c-top-column03:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: -25px;
  width: 1px;
  height: 100%;
  border-left: var(--gray2) 1px dotted;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap03 .c-top-column03 + .c-top-column03:before {
    left: -15px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 + .c-top-column03:before {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap03 .c-top-column03 + .c-top-column03 {
    margin-top: 15px;
  }
}

.c-top-column-wrap04 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap04 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap04 {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 70px;
  }
}
.c-top-column-wrap04 .c-top-column-inner04 {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap04 .c-top-column-inner04 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: -40px;
  width: 1px;
  height: 100%;
  border-left: var(--gray2) 1px dotted;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap04 .c-top-column-inner04 .c-top-column04:before {
    left: -15px;
  }
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04.no-bdr:before {
  display: none;
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-img {
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-img {
    margin-bottom: 15px;
  }
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-ttl {
  min-height: 4em;
  border-bottom: #000 1px solid;
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
  font-weight: 700;
  padding-bottom: 0.5em;
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-ttl {
    min-height: auto;
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
    margin-bottom: 15px;
  }
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-txt {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-txt {
    margin-bottom: 15px;
  }
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-txt p {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-btn {
  margin-top: auto;
  text-align: center;
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-btn > a {
  background: #fff;
  display: inline-block;
  border: var(--blk1) 1px solid;
  border-radius: 30px;
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
  font-weight: 700;
  text-align: center;
  line-height: 1;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-btn > a {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.c-top-column-wrap04 .c-top-column-inner04 .c-top-column04 .c-btn > a:hover {
  background: var(--blk1);
  color: #fff;
  opacity: 1;
}
.c-top-column-wrap04 .c-top-column-inner04 + .c-top-column-inner04 {
  position: relative;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap04 .c-top-column-inner04 + .c-top-column-inner04:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: -35px;
    left: 0;
    width: 100%;
    height: 1px;
    border-top: var(--gray2) 1px dotted;
  }
}

.c-top-column-wrap05 {
  display: grid;
  grid-template-columns: 2fr 3fr;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 80px;
     -moz-column-gap: 80px;
          column-gap: 80px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap05 {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 40px;
       -moz-column-gap: 40px;
            column-gap: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap05 {
    grid-template-columns: 1fr;
  }
}
.c-top-column-wrap05 .c-top-column02 .c-title_top {
  text-align: left;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap05 .c-top-column02 .c-title_top {
    text-align: center;
  }
}
.c-top-column-wrap05 .c-top-column02 .c-txt {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap05 .c-top-column02 .c-txt {
    margin-bottom: 30px;
  }
}
.c-top-column-wrap05 .c-top-column02 .c-txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap05 .c-top-column02 .c-txt p {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-top-column-wrap05 .c-top-column02 .c-btn [class^=c-button--] {
  margin-bottom: 0;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap05 .c-top-column02 .c-btn [class^=c-button--] {
    min-width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap05 .c-top-column02 .c-img {
    margin-bottom: 40px;
  }
}
.c-top-column-wrap05.u-reverse {
  grid-template-columns: 3fr 2fr;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap05.u-reverse {
    grid-template-columns: 1fr 1fr;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap05.u-reverse {
    grid-template-columns: 1fr;
  }
}
.c-top-column-wrap05.u-reverse .c-top-column02:nth-child(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.c-top-column-wrap05.u-reverse .c-top-column02:nth-child(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.c-top-table01 {
  margin-bottom: 50px;
}
@media screen and (max-width: 1024px) {
  .c-top-table01 {
    margin-bottom: 40px;
  }
}
.c-top-table01 .c-table-clm-bdr tr > * {
  border: none;
}
.c-top-table01 .c-table-clm-bdr thead > tr > th {
  width: 26.6666666667%;
  font-size: clamp(1.6rem, 1.25vw, 1.8rem);
  font-family: "Inter", sans-serif;
  font-weight: 900;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .c-top-table01 .c-table-clm-bdr thead > tr > th {
    width: 25.6666666667%;
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
    padding: 12px 5px;
  }
}
.c-top-table01 .c-table-clm-bdr thead > tr > th.blank {
  width: 20%;
}
@media screen and (max-width: 768px) {
  .c-top-table01 .c-table-clm-bdr thead > tr > th.blank {
    width: 23%;
  }
}
.c-top-table01 .c-table-clm-bdr thead > tr > th.black {
  background: var(--blk1);
  border: var(--blk1) 1px solid;
}
.c-top-table01 .c-table-clm-bdr thead > tr > th.white {
  background: #fff;
  border: var(--blk1) 1px solid;
  color: var(--blk1);
}
.c-top-table01 .c-table-clm-bdr thead > tr > th.junior {
  background: var(--gray2);
  border: var(--gray2) 1px solid;
}
.c-top-table01 .c-table-clm-bdr tbody {
  border: var(--gray2) 1px solid;
}
@media screen and (max-width: 768px) {
  .c-top-table01 .c-table-clm-bdr tbody > tr > * {
    font-size: clamp(0.9rem, 2.82vw, 1.1rem);
  }
}
.c-top-table01 .c-table-clm-bdr tbody > tr > th {
  text-align: left;
}
.c-top-table01 .c-table-clm-bdr tbody > tr > td {
  border-left: var(--gray2) 1px solid;
  text-align: right;
}
@media screen and (max-width: 768px) {
  .c-top-table01 .c-table-clm-bdr tbody > tr > td {
    padding: 20px 5px;
  }
}
.c-top-table01 .c-table-clm-bdr tbody > tr:nth-child(2n) {
  background: var(--gray3);
}

.c-top-card {
  margin: 40px 0;
}
@media screen and (max-width: 768px) {
  .c-top-card {
    margin: 40px 0 0;
  }
}
.c-top-card .swiper-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 35px;
}
@media screen and (max-width: 1024px) {
  .c-top-card .swiper-wrapper {
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-card .swiper-wrapper {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0;
  }
}
.c-top-card .swiper-wrapper .swiper-slide {
  background: var(--gray3);
  border-radius: 8px;
}
@media screen and (max-width: 768px) {
  .c-top-card .swiper-wrapper .swiper-slide {
    height: auto;
  }
}
.c-top-card .swiper-wrapper .swiper-slide .c-card-img img {
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
}
.c-top-card .swiper-wrapper .swiper-slide .c-card-txt {
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  padding: 25px;
}
@media screen and (max-width: 1024px) {
  .c-top-card .swiper-wrapper .swiper-slide .c-card-txt {
    padding: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-card .swiper-wrapper .swiper-slide .c-card-txt {
    height: auto;
    padding: 15px 10px;
  }
}
.c-top-card .swiper-wrapper .swiper-slide .c-card-txt .c-card-txt__ttl {
  border-bottom: var(--blk1) 1px solid;
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
  font-weight: 700;
  line-height: 1;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .c-top-card .swiper-wrapper .swiper-slide .c-card-txt .c-card-txt__ttl {
    margin-bottom: 15px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-card .swiper-wrapper .swiper-slide .c-card-txt .c-card-txt__ttl {
    font-size: clamp(1.4rem, 3.84vw, 1.6rem);
    padding-bottom: 12px;
  }
}
.c-top-card .swiper-wrapper .swiper-slide .c-card-txt .c-card-txt__txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-card .swiper-wrapper .swiper-slide .c-card-txt .c-card-txt__txt p {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.c-top-card .c-swiper-control {
  display: none;
}
@media screen and (max-width: 768px) {
  .c-top-card .c-swiper-control {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 30px 0 0;
  }
}

.c-top-btn02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-top-btn02 {
    display: block;
  }
}
.c-top-btn02 .c-btn + .c-btn {
  margin-left: 45px;
}
@media screen and (max-width: 1024px) {
  .c-top-btn02 .c-btn + .c-btn {
    margin-left: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-btn02 .c-btn + .c-btn {
    margin-left: 0;
  }
}

.c-top-column-wrap06 {
  display: grid;
  grid-template-columns: 2fr 1fr 1fr;
  -webkit-column-gap: 35px;
     -moz-column-gap: 35px;
          column-gap: 35px;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 {
    grid-template-columns: 1fr 1fr;
    -webkit-column-gap: 50px;
       -moz-column-gap: 50px;
            column-gap: 50px;
    row-gap: 70px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
.c-top-column-wrap06 .c-top-column01 .c-img, .c-top-column-wrap06 .c-top-column02 .c-img {
  margin-bottom: 30px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-img, .c-top-column-wrap06 .c-top-column02 .c-img {
    margin-bottom: 20px;
  }
}
.c-top-column-wrap06 .c-top-column01 .c-ttl, .c-top-column-wrap06 .c-top-column02 .c-ttl {
  border-bottom: var(--blk1) 1px solid;
  font-weight: 700;
  line-height: 1;
  padding-bottom: 15px;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-ttl, .c-top-column-wrap06 .c-top-column02 .c-ttl {
    padding-bottom: 12px;
    margin-bottom: 15px;
  }
}
.c-top-column-wrap06 .c-top-column01 .c-txt, .c-top-column-wrap06 .c-top-column02 .c-txt {
  min-height: 4em;
  margin-bottom: 20px;
}
.c-top-column-wrap06 .c-top-column01 .c-txt p, .c-top-column-wrap06 .c-top-column02 .c-txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-txt p, .c-top-column-wrap06 .c-top-column02 .c-txt p {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-top-column-wrap06 .c-top-column01 .c-btn, .c-top-column-wrap06 .c-top-column02 .c-btn {
  text-align: center;
}
.c-top-column-wrap06 .c-top-column01 .c-btn [class^=c-button--], .c-top-column-wrap06 .c-top-column02 .c-btn [class^=c-button--] {
  min-width: 300px;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-btn [class^=c-button--], .c-top-column-wrap06 .c-top-column02 .c-btn [class^=c-button--] {
    min-width: 130px;
    padding: 10px 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-btn [class^=c-button--]:after, .c-top-column-wrap06 .c-top-column02 .c-btn [class^=c-button--]:after {
    display: none;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 .c-top-column01 {
    grid-column: 1/span 2;
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 .c-top-column01 .c-img {
    max-width: 480px;
    margin: 0 auto 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-img {
    max-width: 100%;
    margin: 0 auto 20px;
  }
}
.c-top-column-wrap06 .c-top-column01 .c-ttl {
  font-size: clamp(2.2rem, 1.66vw, 2.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-ttl {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 .c-top-column01 .c-txt {
    min-height: auto;
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-txt {
    margin-bottom: 20px;
  }
}
.c-top-column-wrap06 .c-top-column01 .c-txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column01 .c-txt p {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 .c-top-column01:after {
    position: absolute;
    content: "";
    display: inline-block;
    bottom: -35px;
    left: 0;
    width: 100%;
    height: 1px;
    border-bottom: var(--gray2) 1px dotted;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column02 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 .c-top-column02 .c-img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column02 .c-img {
    margin-bottom: 15px;
  }
}
.c-top-column-wrap06 .c-top-column02 .c-ttl {
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column02 .c-ttl {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
    min-height: 3.6em;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-top-column-wrap06 .c-top-column02 .c-txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column02 .c-txt p {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 .c-top-column02 + .c-top-column02 {
    position: relative;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06 .c-top-column02 + .c-top-column02:before {
    position: absolute;
    content: "";
    display: inline-block;
    top: 0;
    left: -25px;
    width: 1px;
    height: 100%;
    border-left: var(--gray2) 1px dotted;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column02 + .c-top-column02:before {
    left: -15px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06 .c-top-column02 .c-btn {
    margin-top: auto;
  }
}
.c-top-column-wrap06.column2 {
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
  row-gap: 70px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06.column2 {
    -webkit-column-gap: 30px;
       -moz-column-gap: 30px;
            column-gap: 30px;
  }
}
.c-top-column-wrap06.column2 .c-top-column01 {
  position: relative;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06.column2 .c-top-column01 {
    grid-column: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06.column2 .c-top-column01 .c-img {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06.column2 .c-top-column01 .c-img {
    margin-bottom: 15px;
  }
}
.c-top-column-wrap06.column2 .c-top-column01 .c-ttl {
  font-size: clamp(1.6rem, 1.51vw, 2rem);
  line-height: 1.2;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06.column2 .c-top-column01 .c-ttl {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
    min-height: 3.6em;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.c-top-column-wrap06.column2 .c-top-column01 .c-txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06.column2 .c-top-column01 .c-txt p {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap06.column2 .c-top-column01 .c-btn {
    margin-top: auto;
  }
}
.c-top-column-wrap06.column2 .c-top-column01:nth-child(2n) {
  position: relative;
}
.c-top-column-wrap06.column2 .c-top-column01:nth-child(2n):before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 0;
  left: -25px;
  width: 1px;
  height: 100%;
  border-left: var(--gray2) 1px dotted;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap06.column2 .c-top-column01:nth-child(2n):before {
    left: -15px;
  }
}
.c-top-column-wrap06.column2 .c-top-column01:after {
  position: absolute;
  content: "";
  display: inline-block;
  bottom: -35px;
  left: 0;
  width: 100%;
  height: 1px;
  border-bottom: var(--gray2) 1px dotted;
}

.l-top-join01 {
  max-width: 868px !important;
}
.l-top-join01 .c-ttl {
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
  font-weight: 700;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .l-top-join01 .c-ttl {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}
.l-top-join01 .c-ttl.circle {
  position: relative;
  padding-left: 1.5em;
}
.l-top-join01 .c-ttl.circle:before {
  position: absolute;
  display: inline-block;
  content: "●";
  top: 0;
  left: 0;
  font-size: 95%;
}
.l-top-join01 .c-ttl.border {
  border-bottom: var(--gray2) 1px solid;
  padding-bottom: 0.5em;
}
.l-top-join01 .c-txts, .l-top-join01 .c-txts * {
  color: var(--gray1);
  font-size: clamp(1rem, 0.83vw, 1.2rem);
  line-height: 1.7;
}
@media screen and (max-width: 768px) {
  .l-top-join01 .c-txts, .l-top-join01 .c-txts * {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.l-top-join01 .c-link-text {
  color: var(--gray1) !important;
}

.l-top-join02 {
  max-width: 1094px !important;
}

.c-top-column-wrap07 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  -webkit-column-gap: 94px;
     -moz-column-gap: 94px;
          column-gap: 94px;
  row-gap: 60px;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 {
    grid-template-columns: repeat(1, 1fr);
    row-gap: 100px;
  }
}
.c-top-column-wrap07 .c-ttl {
  border-bottom: var(--gray2) 1px solid;
  font-size: clamp(2rem, 1.52vw, 2.2rem);
  font-family: "Inter", sans-serif;
  font-weight: 700;
  text-align: center;
  padding-bottom: 0.5em;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-ttl {
    font-size: clamp(2rem, 5.64vw, 2.2rem);
  }
}
.c-top-column-wrap07 .c-txt {
  margin-bottom: 20px;
}
.c-top-column-wrap07 .c-txt p {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-txt p {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-top-column-wrap07 .c-img {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-img > img {
    width: 65%;
  }
}
.c-top-column-wrap07 .c-top-column03 .c-txt {
  min-height: 4em;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-top-column03 .c-txt {
    min-height: auto;
  }
}
.c-top-column-wrap07 .c-top-column03 + .c-top-column03 {
  position: relative;
}
.c-top-column-wrap07 .c-top-column03 + .c-top-column03:before {
  position: absolute;
  content: "";
  display: inline-block;
  width: 28px;
  height: 64px;
  bottom: 27.2%;
  left: -60px;
  -webkit-clip-path: polygon(0 100%, 100% 50%, 0 0);
          clip-path: polygon(0 100%, 100% 50%, 0 0);
  background: #fff;
}
@media screen and (max-width: 1024px) {
  .c-top-column-wrap07 .c-top-column03 + .c-top-column03:before {
    width: 18px;
    height: 40px;
    bottom: 24.2%;
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-top-column03 + .c-top-column03:before {
    width: 64px;
    height: 28px;
    left: 40%;
    top: -60px;
    bottom: auto;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-top-column03 + .c-top-column01 {
    position: relative;
  }
  .c-top-column-wrap07 .c-top-column03 + .c-top-column01:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 64px;
    height: 28px;
    left: 40%;
    top: -60px;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: #fff;
  }
}
.c-top-column-wrap07 .c-top-column01 {
  grid-column: 1/span 3;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-top-column01 {
    grid-column: 1/1;
  }
}
.c-top-column-wrap07 .c-top-column01 .c-txt {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-top-column-wrap07 .c-top-column01 .c-txt {
    text-align: left;
  }
}

#membership-comparison.c-top-membership-comparison .comparison-wrapper {
  position: relative;
  padding: 0;
  margin-bottom: 30px;
}
@media screen and (max-width: 1024px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper {
    margin-bottom: 20px;
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .c-title__h1 {
  display: none !important;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table {
  position: relative;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  width: 100%;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tr {
  display: grid;
  grid-template-columns: 15vw 1fr 1fr 1fr;
  place-content: center;
  gap: 20px;
}
@media screen and (max-width: 1024px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tr {
    grid-template-columns: 18vw 1fr 1fr 1fr;
    gap: 10px;
  }
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tr {
    grid-template-columns: 15vw 1fr 1fr 1fr;
    gap: 5px;
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td {
  font-family: "Inter", "ryo-gothic-plusn", sans-serif;
  font-weight: 900;
  vertical-align: middle;
  padding: 15px 0;
}
@media screen and (max-width: 1024px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td {
    padding: 10px 0;
  }
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td {
    padding: 5px 0;
    min-height: 44px;
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th b, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th i, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td b, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td i {
  display: inline-block;
  font-weight: 900;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th b, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td b {
  font-size: clamp(3rem, 2.22vw, 3.2rem);
}
@media screen and (max-width: 1024px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th b, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td b {
    font-size: clamp(2.2rem, 2.34vw, 2.4rem);
  }
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th b, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td b {
    font-size: clamp(1.3rem, 3.84vw, 1.5rem);
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th b + span, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td b + span {
  margin-top: 5px;
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th b + span, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td b + span {
    margin-top: 2px;
    font-size: clamp(0.8rem, 2.56vw, 1rem);
    font-weight: 700;
    line-height: 1.2;
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th i, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td i {
  font-style: normal;
  line-height: 1.3;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th span, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td span {
  display: block;
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(1.1rem, 0.9vw, 1.3rem);
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th span, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td span {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th span br, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td span br {
  display: none;
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table th span br, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table td span br {
    display: block;
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table thead th.black > div {
  color: #fff;
  background: var(--blk1);
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table thead th.white > div {
  background: #fff;
  border: var(--blk1) 1px solid;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table thead th.junior > div {
  background: var(--gray1);
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table thead th > div {
  position: relative;
  aspect-ratio: 3/1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table thead th > div {
    aspect-ratio: 2/1;
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table thead th i {
  display: none !important;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody th, #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td {
  display: grid;
  place-content: center;
  text-align: center;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody th {
  font-family: "ryo-gothic-plusn", sans-serif;
  white-space: nowrap;
  font-size: clamp(1.6rem, 1.66vw, 1.8rem);
  line-height: 1.2;
}
@media screen and (max-width: 1024px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody th {
    font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  }
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody th {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody th br {
  display: none;
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody th br {
    display: block;
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td {
  border-top: 1px solid var(--gray2);
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td b {
  line-height: 1;
  margin-inline: 0.05em;
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td b.jp {
  font-family: "ryo-gothic-plusn", sans-serif;
  font-size: clamp(2.2rem, 1.66vw, 2.4rem);
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td b.jp {
    font-size: clamp(1.1rem, 3.33vw, 1.3rem);
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td i {
  font-size: clamp(2.2rem, 1.66vw, 2.4rem);
  position: relative;
}
@media screen and (max-width: 1024px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td i {
    font-size: clamp(1.8rem, 1.95vw, 2rem);
  }
}
@media screen and (max-width: 768px) {
  #membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td i {
    font-size: clamp(1.1rem, 3.33vw, 1.3rem);
  }
}
#membership-comparison.c-top-membership-comparison .comparison-wrapper .comparison-table tbody td i.v-mdl {
  top: 0;
}

/*-------------------------------------------
2024年度からの変更点について
-------------------------------------------*/
.c-border__gray-change .c-list-memo__number > li {
  font-size: clamp(1.6rem, 1.25vw, 1.8rem);
  font-weight: 700;
}
@media screen and (max-width: 768px) {
  .c-border__gray-change .c-list-memo__number > li {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}
.c-border__gray-change .c-list-memo__number > li + li {
  margin-top: 20px;
}
.c-border__gray-change .c-list-memo__number > li > p {
  font-size: clamp(1.4rem, 0.97vw, 1.6rem);
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .c-border__gray-change .c-list-memo__number > li > p {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}

.c-mbrshp-flow01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 10px;
}
.c-mbrshp-flow01 .c-flow {
  display: grid;
  place-content: center;
  grid-template-columns: 1fr 3fr;
  background: var(--blk1);
  width: 18em;
  height: 8em;
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  padding: 10px 20px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow01 .c-flow {
    display: block;
    place-content: start;
    width: calc((100% - 35px) / 2);
    height: 10.6em;
    padding: 10px;
  }
}
@media screen and (max-width: 320px) {
  .c-mbrshp-flow01 .c-flow {
    width: calc((100% - 28px) / 2);
    padding: 8px;
  }
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow01 .c-flow .year {
    margin-bottom: 5px;
  }
}
.c-mbrshp-flow01 .c-flow > ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  padding: 0.3em;
}
.c-mbrshp-flow01 .c-flow > ul > li .casual {
  margin-right: 0.3em;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow01 .c-flow > ul > li .casual {
    display: block;
    font-size: clamp(1.1rem, 3.07vw, 1.2rem);
    padding-top: 0.1em;
  }
}
.c-mbrshp-flow01 .c-flow > ul > li + li {
  border-top: #fff 1px solid;
  margin-top: 0;
}
.c-mbrshp-flow01 .c-flow.y2024 {
  color: var(--gray2);
}
.c-mbrshp-flow01 .c-flow.y2024 > ul > li + li {
  border-color: var(--gray2);
}
.c-mbrshp-flow01 .c-flow.y2025 > ul > li {
  height: 33.3333333333%;
  font-size: 130%;
}
.c-mbrshp-flow01 .triangle {
  height: 20px;
  aspect-ratio: 0.8660254038;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: var(--blk1);
  margin: auto 20px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow01 .triangle {
    height: 15px;
    margin: auto 10px;
  }
}
@media screen and (max-width: 320px) {
  .c-mbrshp-flow01 .triangle {
    height: 12px;
    margin: auto 8px;
  }
}

.c-mpoint-list01 {
  display: grid;
  place-content: center;
  width: 15em;
  background: var(--blk1);
  padding: 10px 20px;
  margin: 10px 0;
}
@media screen and (max-width: 768px) {
  .c-mpoint-list01 {
    width: 14em;
    padding: 5px 10px;
  }
}
.c-mpoint-list01 > dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-top: #fff 1px solid;
  padding: 0.3em 0.5em;
}
.c-mpoint-list01 > dl:first-child {
  border: none;
}
.c-mpoint-list01 > dl > * {
  color: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 600;
  line-height: 1.2;
}
.c-mpoint-list01 > dl > dt {
  width: 5em;
  font-size: 130%;
}
.c-mpoint-list01 > dl > dd > span {
  font-size: 130%;
  margin-right: 0.1em;
}

.c-bg__gray-change01 {
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-bg__gray-change01 .c-border__gray {
    padding: 20px 10px;
  }
}
.c-bg__gray-change01 .c-txt {
  font-size: clamp(1.6rem, 1.25vw, 1.8rem);
  font-weight: 700;
  margin-bottom: 1em;
}
@media screen and (max-width: 768px) {
  .c-bg__gray-change01 .c-txt {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}
@media screen and (max-width: 768px) {
  .c-bg__gray-change01 .c-txt .c-txts__sp {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.c-bg__gray-change01 .c-btn .c-button--black {
  margin-bottom: 0;
}

.l-tab-change .l-tab-list > ul > li > a {
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
}
@media screen and (max-width: 1024px) {
  .l-tab-change .l-tab-list > ul > li > a {
    font-size: clamp(1.2rem, 1.36vw, 1.4rem);
  }
}
@media screen and (max-width: 768px) {
  .l-tab-change .l-tab-list > ul > li > a {
    display: grid;
    place-content: center;
    font-size: clamp(1rem, 3.07vw, 1.2rem);
    padding: 10px 5px;
  }
}

.c-bg__gray-change02 {
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .c-bg__gray-change02 {
    margin-bottom: 40px;
  }
}
.c-bg__gray-change02 .c-title__h2 {
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0.8em;
}
@media screen and (max-width: 1024px) {
  .c-bg__gray-change02 .c-title__h2 {
    margin-bottom: 0.6em;
  }
}
@media screen and (max-width: 768px) {
  .c-bg__gray-change02 .c-title__h2 {
    margin-bottom: 0.5em;
  }
}
.c-bg__gray-change02 .c-mbrshp-flow02 {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  .c-bg__gray-change02 .c-mbrshp-flow02 {
    margin-bottom: 30px;
  }
}
@media screen and (max-width: 768px) {
  .c-bg__gray-change02 .c-mbrshp-flow02 {
    margin-bottom: 20px;
  }
}
.c-bg__gray-change02 .c-change-list01 {
  margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .c-bg__gray-change02 .c-change-list01 {
    margin-bottom: 0;
  }
}

.c-change-list01 > ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .c-change-list01 > ul {
    display: block;
  }
}
.c-change-list01 > ul > li {
  display: grid;
  place-content: center;
  width: 16em;
  background: var(--gray3);
  border: var(--blk1) 2px solid;
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
  font-weight: 700;
  text-align: center;
  padding: 20px 10px;
}
@media screen and (max-width: 1024px) {
  .c-change-list01 > ul > li {
    width: 12em;
    font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  }
}
@media screen and (max-width: 768px) {
  .c-change-list01 > ul > li {
    width: 100%;
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
    padding: 10px 5px;
  }
}
.c-change-list01 > ul > li + li {
  margin-left: 20px;
}
@media screen and (max-width: 768px) {
  .c-change-list01 > ul > li + li {
    margin-left: 0;
    margin-top: 10px;
  }
}

.c-table-clm-change {
  margin-bottom: 20px;
}
.c-table-clm-change thead tr > th, .c-table-clm-change tbody tr > th {
  width: 22%;
  background: var(--gray2);
  color: #fff;
}
@media screen and (max-width: 1024px) {
  .c-table-clm-change thead tr > th, .c-table-clm-change tbody tr > th {
    width: 20%;
  }
}
@media screen and (max-width: 768px) {
  .c-table-clm-change thead tr > th, .c-table-clm-change tbody tr > th {
    width: auto;
  }
}
.c-table-clm-change thead tr > td, .c-table-clm-change tbody tr > td {
  width: 39%;
}
@media screen and (max-width: 1024px) {
  .c-table-clm-change thead tr > td, .c-table-clm-change tbody tr > td {
    width: 40%;
  }
}
@media screen and (max-width: 768px) {
  .c-table-clm-change thead tr > td, .c-table-clm-change tbody tr > td {
    width: auto;
  }
}
.c-table-clm-change thead tr > th:nth-of-type(3), .c-table-clm-change .u-th-bk {
  background: var(--blk1);
  border: var(--blk1) 2px solid;
}
.c-table-clm-change tbody tr > td:nth-of-type(2), .c-table-clm-change .u-td-bk {
  border: var(--blk1) 2px solid;
  font-size: 150%;
  font-weight: 700;
}
.c-table-clm-change.exchgtk tbody tr > td {
  font-size: clamp(1.2rem, 0.97vw, 1.4rem);
}
@media screen and (max-width: 768px) {
  .c-table-clm-change.exchgtk tbody tr > td {
    width: 100%;
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.c-table-clm-change.exchgtk tbody tr > td:nth-of-type(2), .c-table-clm-change.exchgtk tbody tr > td.u-td-bk {
  font-size: 110%;
}
@media screen and (max-width: 1024px) {
  .c-table-clm-change.exchgtk tbody tr > td:nth-of-type(2), .c-table-clm-change.exchgtk tbody tr > td.u-td-bk {
    font-size: 100%;
  }
}
.c-table-clm-change.exchgtk tbody tr > td .c-list-memo {
  text-align: left;
}
.c-table-clm-change.exchgtk tbody tr > td .c-list-memo .u-txt-or {
  display: inline-block;
  width: 15em;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .c-table-clm-change.exchgtk + .exchgtk {
    position: relative;
    margin-top: 30px;
  }
  .c-table-clm-change.exchgtk + .exchgtk:before {
    position: absolute;
    content: "";
    display: inline-block;
    width: 12px;
    height: 8px;
    aspect-ratio: 0.8660254038;
    -webkit-clip-path: polygon(0 0, 100% 0, 50% 100%);
            clip-path: polygon(0 0, 100% 0, 50% 100%);
    background: var(--blk1);
    top: -20px;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.c-mbrshp-flow02 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 {
    margin-bottom: 10px;
  }
}
.c-mbrshp-flow02 .c-flow {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 .c-flow {
    width: calc((100% - 35px) / 2);
  }
}
.c-mbrshp-flow02 .c-flow .year {
  color: #fff;
  font-size: clamp(1.4rem, 1.1vw, 1.6rem);
  font-weight: 700;
  text-align: center;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 .c-flow .year {
    font-size: clamp(1.3rem, 3.5vw, 1.5rem);
  }
}
.c-mbrshp-flow02 .c-flow > p {
  border: var(--blk1) 1px solid;
  text-align: center;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 .c-flow > p {
    padding: 10px 5px;
  }
}
.c-mbrshp-flow02 .c-flow.y2024 .year {
  background: var(--gray2);
  border: var(--blk1) 1px solid;
  border-bottom: none;
}
.c-mbrshp-flow02 .c-flow.y2024 > p {
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 .c-flow.y2024 > p {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-mbrshp-flow02 .c-flow.y2025 .year {
  background: var(--blk1);
  border: var(--blk1) 2px solid;
  border-bottom: none;
}
.c-mbrshp-flow02 .c-flow.y2025 > p {
  border: var(--blk1) 2px solid;
  font-size: clamp(1.6rem, 1.25vw, 1.8rem);
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 .c-flow.y2025 > p {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}
.c-mbrshp-flow02 .c-flow.y2025 > p .txts {
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 .c-flow.y2025 > p .txts {
    font-size: clamp(1rem, 3.07vw, 1.2rem);
  }
}
.c-mbrshp-flow02 .triangle {
  height: 20px;
  aspect-ratio: 0.8660254038;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: var(--blk1);
  margin: auto 20px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 .triangle {
    height: 15px;
    margin: auto 10px;
  }
}
@media screen and (max-width: 320px) {
  .c-mbrshp-flow02 .triangle {
    height: 12px;
    margin: auto 8px;
  }
}
.c-mbrshp-flow02 + .c-img-white01 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 + .c-img-white01 {
    margin-bottom: 10px;
  }
}
.c-mbrshp-flow02 + .c-img-white01 img {
  width: 480px;
}
@media screen and (max-width: 1024px) {
  .c-mbrshp-flow02 + .c-img-white01 img {
    width: 360px;
  }
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow02 + .c-img-white01 img {
    width: 80%;
  }
}

.c-mbrshp-flow03 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 60px;
}
@media screen and (max-width: 1024px) {
  .c-mbrshp-flow03 {
    margin-bottom: 40px;
  }
}
.c-mbrshp-flow03 .c-flow {
  width: 250px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow03 .c-flow {
    width: calc((100% - 35px) / 2);
  }
}
.c-mbrshp-flow03 .c-flow .year {
  color: #fff;
  font-size: clamp(1.4rem, 1.1vw, 1.6rem);
  font-weight: 700;
  text-align: center;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow03 .c-flow .year {
    font-size: clamp(1.3rem, 3.5vw, 1.5rem);
  }
}
.c-mbrshp-flow03 .c-flow > p {
  border: var(--blk1) 1px solid;
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
  text-align: center;
  padding: 10px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow03 .c-flow > p {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-mbrshp-flow03 .c-flow.y2024 .year {
  background: var(--gray2);
  border: var(--blk1) 1px solid;
  border-bottom: none;
}
.c-mbrshp-flow03 .c-flow.y2025 .year {
  background: var(--blk1);
  border: var(--blk1) 2px solid;
  border-bottom: none;
}
.c-mbrshp-flow03 .c-flow.y2025 > p {
  border: var(--blk1) 2px solid;
  font-size: 150%;
}
.c-mbrshp-flow03 .c-flow.y2025 > p .txts {
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow03 .c-flow.y2025 > p .txts {
    font-size: clamp(1.2rem, 3.58vw, 1.4rem);
  }
}
.c-mbrshp-flow03 .triangle {
  height: 20px;
  aspect-ratio: 0.8660254038;
  -webkit-clip-path: polygon(0 0, 100% 50%, 0 100%);
          clip-path: polygon(0 0, 100% 50%, 0 100%);
  background: var(--blk1);
  margin: auto 20px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow03 .triangle {
    height: 15px;
    margin: auto 10px;
  }
}
@media screen and (max-width: 320px) {
  .c-mbrshp-flow03 .triangle {
    height: 12px;
    margin: auto 8px;
  }
}
.c-mbrshp-flow03 + .c-img-white01 {
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow03 + .c-img-white01 {
    margin-bottom: 10px;
  }
}
.c-mbrshp-flow03 + .c-img-white01 img {
  width: 480px;
}
@media screen and (max-width: 1024px) {
  .c-mbrshp-flow03 + .c-img-white01 img {
    width: 360px;
  }
}
@media screen and (max-width: 768px) {
  .c-mbrshp-flow03 + .c-img-white01 img {
    width: 80%;
  }
}

/*-------------------------------------------
マリーンズID
-------------------------------------------*/
.c-id-read__bdr {
  width: 24em;
  border: 1px solid var(--blk1);
  padding: 15px 30px;
  margin: 0 auto 10px;
}
@media screen and (max-width: 768px) {
  .c-id-read__bdr {
    width: 20em;
  }
}
.c-id-read__bdr .c-stl {
  color: var(--gray2);
  font-size: clamp(1.6rem, 1.25vw, 1.8rem);
  font-weight: 700;
  margin-bottom: 0.3em;
}
@media screen and (max-width: 1024px) {
  .c-id-read__bdr .c-stl {
    font-size: clamp(1.6rem, 1.75vw, 1.8rem);
  }
}
@media screen and (max-width: 768px) {
  .c-id-read__bdr .c-stl {
    font-size: clamp(1.6rem, 4.61vw, 1.8rem);
  }
}
.c-id-read__bdr .c-txt {
  font-size: clamp(1.4rem, 1.11vw, 1.6rem);
}
@media screen and (max-width: 1024px) {
  .c-id-read__bdr .c-txt {
    font-size: clamp(1.4rem, 1.56vw, 1.6rem);
  }
}
@media screen and (max-width: 768px) {
  .c-id-read__bdr .c-txt {
    font-size: clamp(1.4rem, 4.1vw, 1.6rem);
  }
}

.c-id-list01 {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  padding-bottom: 20px;
}
@media screen and (max-width: 1024px) {
  .c-id-list01 {
    gap: 20px;
  }
}
@media screen and (max-width: 768px) {
  .c-id-list01 {
    grid-template-columns: repeat(1, 1fr);
    gap: 8px;
  }
}
.c-id-list01 > dl {
  display: grid;
  grid-template-columns: 100px 1fr;
  grid-template-rows: repeat(auto-fill, 100px);
  place-content: center;
  border: var(--blk1) 1px solid;
}
@media screen and (max-width: 768px) {
  .c-id-list01 > dl {
    grid-template-columns: 80px 1fr;
    grid-template-rows: repeat(auto-fill, 80px);
  }
}
.c-id-list01 > dl > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  font-weight: 700;
  text-align: center;
}
.c-id-list01 > dl > dt {
  background: var(--blk1);
  aspect-ratio: 1/1;
  color: #fff;
}
.c-id-list01 > dl > dd {
  background: #fff;
  font-family: "Inter", sans-serif;
  font-weight: 700;
  line-height: 1;
  font-size: clamp(2rem, 1.6vw, 2.4rem);
  padding: 5px 10px;
}
.c-id-list01 > dl > dd .inter {
  font-size: clamp(6rem, 4.4vw, 6.4rem);
  font-weight: 900;
  margin: 0 0.05em;
}
@media screen and (max-width: 1024px) {
  .c-id-list01 > dl > dd .inter {
    font-size: clamp(4.6rem, 4.68vw, 4.8rem);
  }
}
@media screen and (max-width: 768px) {
  .c-id-list01 > dl > dd .inter {
    font-size: clamp(4.6rem, 12.3vw, 4.8rem);
  }
}
.c-id-list01 > dl > dd .inter-s {
  font-size: clamp(3rem, 2.2vw, 3.2rem);
  font-weight: 900;
  margin: 0 0.05em;
}
@media screen and (max-width: 768px) {
  .c-id-list01 > dl > dd .inter-s {
    font-size: clamp(3rem, 8.2vw, 3.2rem);
  }
}
.c-id-list01 > dl > dd .inter-xs {
  font-size: clamp(2.2rem, 1.66vw, 2.4rem);
  margin: 0 0.05em;
}
@media screen and (max-width: 768px) {
  .c-id-list01 > dl > dd .inter-xs {
    font-size: clamp(2.2rem, 6.15vw, 2.4rem);
  }
}/*# sourceMappingURL=groupA.css.map */