@import url("font.css");
@import url("style_2025f.css");
html {
  scrollbar-gutter: stable;
}

.spring-2026 .img img {
  width: 100%;
}
.spring-2026 .section-title {
  top: 0;
}

.section02 {
  margin-top: 0;
  padding-top: 0;
}
.section02 .img-top {
  position: relative;
  z-index: 1;
}
.section02 .list-timetable {
  position: relative;
  margin-top: -10px;
  background-image: url("../images/bg.png");
  background-repeat: repeat-y;
  background-size: 100% auto;
  padding-bottom: 10px;
}
.section02 .list-timetable::after {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 10px;
  background: url("../images/img_sec02_bg_repeat.png");
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.section02 .list-timetable > li {
  position: relative;
  margin: 0 auto;
  width: 100%;
  background-image: url("../images/img_sec02_bg_repeat.png");
  background-size: 100% auto;
  background-repeat: repeat-y;
}
.section02 .list-timetable > li > a {
  max-width: calc(100% - 12.5vw);
}
.section02 .list-timetable > li:first-child {
  background-image: none;
}
.section02 .list-timetable > li:has(.btn-toggle.active) {
  background-image: none;
}
.section02 .list-timetable > li .btn-toggle {
  z-index: 2;
}
.section02 .list-timetable > li .btn-toggle img {
  min-height: 55px;
}
.section02 .list-timetable > li .btn-toggle .tit {
  left: calc(26.2% + 1.1vw);
  font-size: clamp(16px, 4vw, 56px);
  color: #000035;
  font-weight: 800;
}
.section02 .list-timetable > li .btn-toggle .date {
  left: 1.1vw;
  font-size: clamp(16px, 4vw, 56px);
  color: #000035;
  letter-spacing: -0.05em;
  font-weight: 800;
}
.section02 ol > li .con {
  position: relative;
  padding: 0 0 146px 0;
  background: none;
  max-width: calc(100% - 12.5vw);
  margin: 0 auto;
}
.section02 .list-program-01 {
  position: relative;
  z-index: 1;
  gap: 1.2%;
}
.section02 .list-program-01 * {
  color: #000035;
  font-family: "kigsans";
}
.section02 .list-program-01 .tit {
  padding: clamp(10px, 1.8vw, 34px) 24px;
  background-color: #e6e9ec;
  font-weight: 800;
  font-size: clamp(16px, 4vw, 34px);
}
.section02 .list-program-01 .tit::before {
  border-color: #000035;
  border-width: 4px;
}
.section02 .list-program-01 .btn {
  padding: clamp(10px, 1.8vw, 34px) 24px;
  font-size: clamp(15px, 4vw, 28px);
  font-weight: 500;
  line-height: 1.3;
}
.section02 .list-program-01 .btn::before {
  border-color: #000035;
}
.section02 .list-program-01 > li:not(:first-child) {
  flex: 1;
}
.section02 .list-program-01 > li:first-child {
  flex: 0 0 25%;
}

@media (min-width: 1921px) {
  .section02 .list-program-01 .tit {
    min-height: 110px;
  }
  .section02 .list-timetable > li > a,
  .section02 ol > li .con {
    max-width: calc(100% - 240px);
  }
}
@media (max-width: 1024px) {
  .section02 .list-timetable {
    margin-top: 0;
    padding-top: 20px;
    background-image: url("../images/bg_mo.png");
  }
  .section02 .list-timetable > li {
    background-image: url("../images/img_sec02_bg_repeat_mo.png");
  }
  .section02 .list-timetable > li > a {
    max-width: calc(100% - 10vw);
  }
  .section02 .list-timetable > li:nth-child(2) {
    background-image: none;
  }
  .section02 .list-timetable > li .btn-toggle .tit {
    left: calc(29.2% + 1.3vw);
  }
  .section02 .list-program-01 > li {
    flex-basis: 100% !important;
  }
  .section02 .list-program-01 .tit {
    width: calc(100% + 12.5vw);
    margin-left: -6.25vw;
    padding: 0 calc(6.24vw + 24px);
    border-top: 2px solid #000035;
  }
  .section02 .list-program-01 > li:first-child .tit {
    border-top: 4px solid #000035;
    margin-top: -2px;
  }
  .section02 .list-program-01 .tit:before {
    border-width: 2px;
  }
  .section02 .list-program-01 .btn:before {
    border-width: 1px;
  }
  .section02 ol > li .con {
    padding: 0 0 80px 0;
  }
}
@media (max-width: 390px) {
  .section02 .list-timetable > li > a {
    max-width: calc(100% - 8.5vw);
  }
}
.section03 {
  margin: 0 auto;
}
.section03 .left,
.section03 .right {
  top: 8vw;
  width: 35.8vw;
}
.section03 .left {
  margin-left: -19vw;
}
.section03 .left .title {
  margin-left: 3.4vw;
}
.section03 .right {
  margin-right: -20vw;
}
.section03 .right .title {
  margin-left: 3.2vw;
}
.section03 .title {
  width: 28vw;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  line-height: 1.3;
}
.section03 .list-program {
  width: 100%;
  margin-top: 5.8vw;
}
.section03 .list-program .btn {
  height: 9.25vw;
  font-weight: 800;
}

@media (min-width: 1921px) {
  .section03 .left,
  .section03 .right {
    top: 148px;
    width: 680px;
  }
  .section03 .left .title,
  .section03 .right .title {
    margin-left: 68px;
  }
  .section03 .left {
    margin-left: -362px;
  }
  .section03 .right {
    margin-right: -380px;
  }
  .section03 .title {
    width: 530px;
  }
  .section03 .list-program {
    margin-top: 90px;
  }
  .section03 .list-program .btn {
    height: 176px;
  }
}
@media (max-width: 1024px) {
  .section03 .left {
    top: 4vw;
    margin-left: 0;
    width: 100%;
  }
  .section03 .right {
    width: 100%;
    top: 255vw;
  }
  .section03 .right .list-program {
    margin-top: 9.2vw;
    padding-left: 13.4vw;
    width: calc(100% - 9vw);
  }
  .section03 .title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 22vw;
    width: 100%;
    margin-left: 0 !important;
  }
  .section03 .list-program {
    margin-top: 8.2vw;
    padding-left: 11.4vw;
    width: calc(100% - 11vw);
  }
  .section03 .list-program .btn {
    height: 20.4vw;
    font-size: clamp(12px, 4vw, 32px);
  }
  .section03 .list-program li {
    padding: 0 1vw;
  }
  .section03 .list-program li + li {
    margin-top: 2.4vw;
  }
}
.section05 {
  margin: 0 auto;
}
.section05 .section-title {
  width: 100%;
  max-width: 44.3vw;
  top: 0;
}
.section05 .section-title span {
  top: 6.25vw;
  font-size: clamp(30px, 4.7vw, 90px);
}
.section05 .list-playbook {
  top: 48.2vw;
}
.section05 .list-playbook .text-01 {
  font-size: clamp(20px, 2.2vw, 42px);
  line-height: 1.2;
  margin: 0 auto;
  max-width: 41.25vw;
  word-break: keep-all;
  font-weight: 800;
}
.section05 .list-playbook .text-01 + a {
  font-weight: 800;
  line-height: 1.2;
  margin: 0 auto;
  max-width: calc(31.25vw - 40px);
  margin-top: 0.7vw;
  height: 7.3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding-right: clamp(10px, 1vw, 20px);
}
.section05 .list-playbook > li {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
}
.section05 .list-playbook > li:nth-child(1) {
  min-height: 20.4vw;
}
.section05 .list-playbook > li:nth-child(2) {
  min-height: 19.8vw;
}
.section05 .list-playbook > li:nth-child(3) {
  min-height: 18.75vw;
}
.section05 .list-playbook > li:nth-child(4) {
  min-height: 18.75vw;
}

@media (min-width: 1921px) {
  .section05 .section-title {
    max-width: 850px;
  }
  .section05 .section-title span {
    top: 120px;
  }
  .section05 .list-playbook {
    top: 925px;
  }
  .section05 .list-playbook .text-01 {
    max-width: 800px;
  }
  .section05 .list-playbook .text-01 + a {
    max-width: 560px;
    margin-top: 14px;
    height: 140px;
  }
  .section05 .list-playbook > li:nth-child(1) {
    min-height: 392px;
  }
  .section05 .list-playbook > li:nth-child(2) {
    min-height: 380px;
  }
  .section05 .list-playbook > li:nth-child(3) {
    min-height: 360px;
  }
  .section05 .list-playbook > li:nth-child(4) {
    min-height: 360px;
  }
}
@media (max-width: 1024px) {
  .section05 .section-title {
    max-width: 100%;
  }
  .section05 .section-title span {
    top: 20.6vw;
    font-size: 8vw;
  }
  .section05 .list-playbook {
    top: 93vw;
  }
  .section05 .list-playbook .text-01 {
    max-width: 75vw;
    font-size: clamp(14px, 4.2vw, 42px);
  }
  .section05 .list-playbook .text-01 + a {
    max-width: calc(100% - 50vw);
    margin-top: 1.2vw;
    font-size: clamp(12px, 3.7vw, 42px);
    height: 13.3vw;
    padding-right: 0;
  }
  .section05 .list-playbook > li:nth-child(1) {
    min-height: 37.3vw;
  }
  .section05 .list-playbook > li:nth-child(2) {
    min-height: 36.3vw;
  }
  .section05 .list-playbook > li:nth-child(3) {
    min-height: 34.7vw;
  }
  .section05 .list-playbook > li:nth-child(4) {
    min-height: 34.7vw;
  }
}
.section06 {
  margin: 0 auto;
  font-size: clamp(12px, 2.1vw, 40px);
  line-height: 1.4;
  background-image: url(../images/igm_bg_line.png);
  background-repeat: repeat;
}
.section06 .wrapper {
  display: flex;
  position: relative;
  width: 100%;
  gap: clamp(4px, 0.4vw, 8px);
}
.section06 .wrapper::after, .section06 .wrapper::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  width: 100%;
  height: clamp(5px, 1.2vw, 22px);
  background-image: url(../images/igm_bg_dot.png);
  background-repeat: repeat-x;
  background-size: auto 100%;
}
.section06 .wrapper::after {
  top: 0;
}
.section06 .wrapper::before {
  bottom: 0;
}
.section06 .wrapper .left,
.section06 .wrapper .right {
  padding: clamp(20px, 5.2vw, 100px) clamp(8px, 1.2vw, 180px);
  display: flex;
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-weight: 800;
  flex: 1;
  border: 0;
}
.section06 .wrapper .left p,
.section06 .wrapper .right p {
  margin-top: 0;
}
.section06 .wrapper .left a,
.section06 .wrapper .right a {
  margin-top: clamp(20px, 3.1vw, 60px);
}
.section06 .wrapper .left {
  background-color: #c9d4d4;
}
.section06 .wrapper .right {
  background-color: #bcd3d1;
}
.section06 .bottom {
  width: 100%;
  text-align: center;
  border: none;
  font-weight: 800;
  background-color: #f4eee2;
  padding: clamp(32px, 4vw, 78px) clamp(20px, 2vw, 40px) clamp(180px, 20.8vw, 400px);
}
@media (max-width: 1024px) {
  .section06 .bottom {
    padding-bottom: clamp(180px, 31.25vw, 320px);
  }
}

.section-nav {
  width: 100%;
  bottom: 0;
  padding-bottom: clamp(60px, 6.75vw, 130px);
  background: linear-gradient(to top, #000032 clamp(20px, 2.6vw, 50px), #a99589 clamp(20px, 2.6vw, 50px) clamp(60px, 6.75vw, 130px), transparent clamp(60px, 6.75vw, 130px));
  overflow: hidden;
}
.section-nav ul {
  display: grid;
  width: 100%;
  padding-left: clamp(14px, 2.6vw, 50px);
  grid-template-columns: repeat(auto-fit, minmax(25%, 1fr));
  margin-bottom: -10px;
}
.section-nav ul li {
  max-width: 480px;
  height: clamp(45px, 9.4vw, 180px);
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left bottom;
  flex: 1;
}
.section-nav ul li:nth-child(1) {
  background-image: url(../images/nav_bg01.png);
}
.section-nav ul li:nth-child(2) {
  background-image: url(../images/nav_bg02.png);
}
.section-nav ul li:nth-child(3) {
  background-image: url(../images/nav_bg03.png);
}
.section-nav ul li:nth-child(4) {
  background-image: url(../images/nav_bg04.png);
}
.section-nav ul li a.btn {
  position: relative;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  padding: clamp(12px, 2.2vw, 50px) clamp(10px, 1.2vw, 36px);
  font-size: clamp(12px, 2.4vw, 32px);
  max-width: 23vw;
}
@media (max-width: 1024px) {
  .section-nav ul {
    grid-template-columns: 40% 1fr;
    padding-left: 0;
    margin-left: clamp(14px, 2.6vw, 50px);
  }
  .section-nav ul li {
    background-size: 100% 100%;
  }
  .section-nav ul li:nth-child(1) {
    background-image: url(../images/nav_bg01_mo.png);
  }
  .section-nav ul li:nth-child(2) {
    background-image: url(../images/nav_bg02_mo.png);
  }
  .section-nav ul li:nth-child(3) {
    background-image: url(../images/nav_bg03_mo.png);
  }
  .section-nav ul li:nth-child(4) {
    background-image: url(../images/nav_bg04_mo.png);
  }
  .section-nav ul li a.btn {
    max-width: 35vw;
  }
}

.spring-2026.en .section02 .list-timetable {
  background-image: url("../images/bg_en.png");
}
.spring-2026.en .section03 .left .title {
  font-size: clamp(30px, 3.125vw, 60px);
}
.spring-2026.en .section03 .right .title {
  font-size: clamp(24px, 3.125vw, 60px);
}
@media (max-width: 1024px) {
  .spring-2026.en .section03 .left .title {
    font-size: clamp(24px, 10vw, 40px);
  }
  .spring-2026.en .section03 .right .title {
    font-size: clamp(24px, 7vw, 32px);
  }
}
.spring-2026.en .section05 .section-title span {
  top: 3.65vw;
}
@media (max-width: 1024px) {
  .spring-2026.en .section05 .section-title span {
    top: 16.65vw;
  }
}
@media (min-width: 1921px) {
  .spring-2026.en .section05 .section-title span {
    top: 70px;
  }
}
@media (max-width: 1024px) {
  .spring-2026.en .section05 .list-playbook > li .text-01 {
    font-size: clamp(14px, 4vw, 30px);
  }
  .spring-2026.en .section05 .list-playbook > li .text-01 + a {
    font-size: clamp(12px, 2.5vw, 28px);
  }
}/*# sourceMappingURL=style.css.map */