.kosen-title {
  display: grid;
  grid-template-rows: 1fr;
  gap: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-title {
    gap: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-title span {
  font-weight: 500;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.25;
  font-feature-settings: "palt" on;
  /* Green/Gradation */
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media only screen and (max-width: 48em) {
  .kosen-title span {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-title b {
  font-weight: 700;
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-title b {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-upper {
  background: url(../images/kosen/mv.jpg) no-repeat left top/cover;
  padding-bottom: min(120px, 120 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-upper {
    background-image: url(../images/kosen/mv-sp.jpg);
    padding-bottom: calc(64 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-upper::before {
  content: "";
  display: block;
  height: 100vh;
  height: 100dvh;
  background: url(../images/kosen/mv-bg.svg) no-repeat center top/cover;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
@media only screen and (max-width: 48em) {
  .kosen-upper::before {
    background-image: url(../images/kosen/mv-bg-sp.svg);
    background-size: 100% auto;
  }
}

.kosen-mv {
  margin-top: -100vh;
  margin-top: -100dvh;
  height: calc(800 / 1440 * var(--inner-width) * 1px);
  width: min(520px, 520 / 1440 * var(--inner-width) * 1px);
  padding-top: calc(268 / 1440 * var(--inner-width) * 1px);
  margin-left: min(120px, 120 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-direction: column;
}
@media only screen and (max-width: 48em) {
  .kosen-mv {
    height: auto;
    width: auto;
    padding-top: calc(494 / 400 * var(--inner-width) * 1px);
    margin-left: 0;
    margin-bottom: calc(80 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-mv__copy {
  width: 100%;
  margin-bottom: min(24px, 24 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-mv__copy {
    width: calc(360 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-mv__caption {
  font-weight: 700;
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  text-align: center;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  color: #ffffff;
  margin-bottom: min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-mv__caption {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(24 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-mv__title {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: min(64px, 64 / 1440 * var(--inner-width) * 1px);
  background: rgba(255, 255, 255, 0.2);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  font-weight: 700;
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  color: #ffffff;
}
@media only screen and (max-width: 48em) {
  .kosen-mv__title {
    width: calc(360 / 400 * var(--inner-width) * 1px);
    height: calc(64 / 400 * var(--inner-width) * 1px);
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.main-contents.index .index-contents-list .contents-inner .index-contents {
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 min(20px, 20 / 1440 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
  -webkit-backdrop-filter: blur(10px);
          backdrop-filter: blur(10px);
  overflow: visible;
}
.main-contents.index .index-contents-list .contents-inner .index-contents:first-of-type {
  margin-bottom: min(152px, 152 / 1440 * var(--inner-width) * 1px);
}

.main-contents.index .index-contents-list .contents-inner .index-contents .text-area .contents-lead {
  font-weight: 400;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .main-contents.index .index-contents-list .contents-inner .index-contents .text-area .contents-lead {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-index__heading {
  height: min(48px, 48 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  font-weight: 700;
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  color: #ffffff;
}
@media only screen and (max-width: 48em) {
  .kosen-index__heading {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
    text-align: center;
    margin-bottom: calc(120 / 400 * var(--inner-width) * 1px);
    height: calc(48 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-index__caption {
  position: absolute;
  bottom: calc(100% + min(40px, 40 / 1440 * var(--inner-width) * 1px));
  display: flex;
  justify-content: center;
  align-items: center;
  padding: min(16px, 16 / 1440 * var(--inner-width) * 1px) min(24px, 24 / 1440 * var(--inner-width) * 1px);
  background: #fff;
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  font-weight: 700;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  color: #193c37;
}
@media only screen and (max-width: 48em) {
  .kosen-index__caption {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    bottom: calc(100% + 24 / 400 * var(--inner-width) * 1px);
    right: calc(20 / 400 * var(--inner-width) * 1px);
    width: calc(207 / 400 * var(--inner-width) * 1px);
    height: calc(80 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-index__caption::before {
  content: "";
  display: block;
  position: absolute;
  z-index: 3;
  width: min(167px, 167 / 1440 * var(--inner-width) * 1px);
  height: min(144px, 144 / 1440 * var(--inner-width) * 1px);
  background: url(../images/kosen/copper.png) no-repeat center center/contain;
  top: max(-16px, -16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-index__caption::before {
    width: calc(121 / 400 * var(--inner-width) * 1px);
    height: calc(104 / 400 * var(--inner-width) * 1px);
    top: calc(24 / 400 * var(--inner-width) * 1px);
    left: calc(-113 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-index__caption::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 1;
  width: min(23px, 23 / 1440 * var(--inner-width) * 1px);
  height: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  top: calc(100% - 1px);
  background: #fff;
}
@media only screen and (max-width: 48em) {
  .kosen-index__caption::after {
    width: calc(23 / 400 * var(--inner-width) * 1px);
    height: calc(16 / 400 * var(--inner-width) * 1px);
    top: calc(100% - 1px);
    left: calc(24 / 400 * var(--inner-width) * 1px);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  }
}

@media only screen and (min-width: 48.0625em) {
  .kosen-index__caption--1 {
    left: min(360px, 360 / 1440 * var(--inner-width) * 1px);
  }
  .kosen-index__caption--1::before {
    right: calc(100% + min(8px, 8 / 1440 * var(--inner-width) * 1px));
  }
  .kosen-index__caption--1::after {
    left: min(24px, 24 / 1440 * var(--inner-width) * 1px);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 0% 100%);
  }
}

@media only screen and (min-width: 48.0625em) {
  .kosen-index__caption--2 {
    right: min(240px, 240 / 1440 * var(--inner-width) * 1px);
  }
  .kosen-index__caption--2::before {
    left: min(311px, 311 / 1440 * var(--inner-width) * 1px);
  }
  .kosen-index__caption--2::after {
    right: min(24px, 24 / 1440 * var(--inner-width) * 1px);
    -webkit-clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
            clip-path: polygon(0% 0%, 100% 0%, 100% 100%);
  }
}

.kosen-index__coming-soon {
  position: absolute;
  z-index: 2;
  inset: 0;
  background: rgba(255, 255, 255, 0.8);
  box-shadow: 0 0 min(20px, 20 / 1440 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  display: grid;
  place-content: center;
  cursor: default;
}
@media only screen and (max-width: 48em) {
  .kosen-index__coming-soon {
    box-shadow: 0 0 calc(20 / 400 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-index__coming-soon span {
  font-weight: 700;
  font-size: min(48px, 48 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  /* Green/Gradation */
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media only screen and (max-width: 48em) {
  .kosen-index__coming-soon span {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-people {
  margin: min(120px, 120 / 1440 * var(--inner-width) * 1px) auto min(96px, 96 / 1440 * var(--inner-width) * 1px);
  width: min(1328px, 1328 / 1440 * var(--inner-width) * 1px);
  background: #e7efee;
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  padding: min(64px, 64 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people {
    margin: 0;
    width: auto;
    border-radius: 0;
    padding: calc(64 / 400 * var(--inner-width) * 1px) calc(20 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-people .kosen-title {
  place-content: center center;
  margin-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  text-align: center;
}
@media only screen and (max-width: 48em) {
  .kosen-people .kosen-title {
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-people__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people__list {
    grid-template-columns: 1fr;
    gap: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-people__item {
  display: grid;
  grid-template-columns: 1fr;
  gap: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people__item {
    gap: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-people__link {
  background: #ffffff url(../images/common/button-plus.svg) no-repeat right min(8px, 8 / 1440 * var(--inner-width) * 1px) bottom min(8px, 8 / 1440 * var(--inner-width) * 1px)/min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
  box-shadow: 0 0 min(20px, 20 / 1440 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
  border-radius: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  overflow: hidden;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-direction: column;
  padding-bottom: min(18px, 18 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people__link {
    box-shadow: 0 0 calc(20 / 400 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    align-items: flex-start;
    padding: calc(48 / 400 * var(--inner-width) * 1px) calc(32 / 400 * var(--inner-width) * 1px);
    background-position: right calc(32 / 400 * var(--inner-width) * 1px) top calc(82 / 400 * var(--inner-width) * 1px);
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
  }
}

.kosen-people__image {
  height: min(200px, 200 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(19px, 19 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people__image {
    width: calc(296 / 400 * var(--inner-width) * 1px);
    height: calc(184 / 400 * var(--inner-width) * 1px);
    order: 4;
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    overflow: hidden;
  }
}
.kosen-people__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.kosen-people__title {
  font-weight: 700;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  /* Green/Gradation */
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin: 0 0 min(32px, 32 / 1440 * var(--inner-width) * 1px) min(34px, 34 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people__title {
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
    margin: 0 0 calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-people__position {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  margin: 0 min(32px, 32 / 1440 * var(--inner-width) * 1px) min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people__position {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    margin: 0 0 calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-people__profile {
  font-size: min(14px, 14 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  margin: 0 min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-people__profile {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    color: #737f7d;
    margin: 0 0 calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-people__other {
  height: min(98px, 98 / 1440 * var(--inner-width) * 1px);
  background: #ffffff url(../images/common/icon_box.svg) no-repeat right min(15px, 15 / 1440 * var(--inner-width) * 1px) center/min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
  box-shadow: 0 0 min(20px, 20 / 1440 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
  border-radius: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-right: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  font-weight: 700;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-people__other {
    height: calc(98 / 400 * var(--inner-width) * 1px);
    box-shadow: 0 0 calc(20 / 400 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
    background-position: right calc(32 / 400 * var(--inner-width) * 1px) center;
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    text-align: left;
    justify-content: flex-start;
    padding-left: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-link {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: min(24px, 24 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-link {
    gap: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-link__title {
  font-weight: 700;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  text-align: center;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  color: #221815;
}
@media only screen and (max-width: 48em) {
  .kosen-link__title {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-link__button {
  width: min(592px, 592 / 1440 * var(--inner-width) * 1px);
  height: min(82px, 82 / 1440 * var(--inner-width) * 1px);
  background: #ffffff url(../images/kosen/icon_box.svg) no-repeat right min(21px, 21 / 1440 * var(--inner-width) * 1px) center/min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
  box-shadow: 0 0 min(20px, 20 / 1440 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
  border-radius: min(10px, 10 / 1440 * var(--inner-width) * 1px);
  font-weight: 700;
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-link__button {
    width: calc(360 / 400 * var(--inner-width) * 1px);
    height: calc(82 / 400 * var(--inner-width) * 1px);
    background-position: right calc(29 / 400 * var(--inner-width) * 1px) center;
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
    border-radius: calc(10 / 400 * var(--inner-width) * 1px);
    justify-content: flex-start;
    padding-left: calc(29 / 400 * var(--inner-width) * 1px);
  }
}

@media only screen and (max-width: 48em) {
  .kosen-link--plus {
    margin-top: calc(64 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-link--mypage {
  position: relative;
  margin-top: min(168px, 168 / 1440 * var(--inner-width) * 1px);
  padding: min(56px, 56 / 1440 * var(--inner-width) * 1px) 0;
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
}
@media only screen and (max-width: 48em) {
  .kosen-link--mypage {
    margin-top: calc(144 / 400 * var(--inner-width) * 1px);
    padding: calc(40 / 400 * var(--inner-width) * 1px) 0;
  }
}
.kosen-link--mypage::before {
  content: "";
  display: block;
  position: absolute;
  top: max(-112px, -112 / 1440 * var(--inner-width) * 1px);
  left: 0;
  right: 0;
  width: min(167px, 167 / 1440 * var(--inner-width) * 1px);
  height: min(144px, 144 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto;
  background: url(../images/kosen/copper.png) no-repeat center center/contain;
}
@media only screen and (max-width: 48em) {
  .kosen-link--mypage::before {
    width: calc(167 / 400 * var(--inner-width) * 1px);
    height: calc(144 / 400 * var(--inner-width) * 1px);
    top: calc(-112 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-link--mypage .kosen-link__title {
  color: #fff;
}

.kosen-other {
  background: #e7efee;
  padding: min(96px, 96 / 1440 * var(--inner-width) * 1px) 0;
}

.kosen-other__inner {
  width: min(1200px, 1200 / 1440 * var(--inner-width) * 1px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: auto min(896px, 896 / 1440 * var(--inner-width) * 1px);
  row-gap: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-other__inner {
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
  }
}
@media only screen and (max-width: 48em) {
  .kosen-other__inner .kosen-title {
    margin-bottom: calc(40 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-other__links {
  grid-column: 1/3;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: min(16px, 16 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-other__links {
    grid-template-columns: repeat(2, 1fr);
    gap: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-other__link {
  box-shadow: 0 0 min(20px, 20 / 1440 * var(--inner-width) * 1px) rgba(25, 60, 55, 0.1);
  background: #fff url(../images/common/icon_box.svg) no-repeat right min(16px, 16 / 1440 * var(--inner-width) * 1px) bottom min(16px, 16 / 1440 * var(--inner-width) * 1px)/min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  overflow: hidden;
  display: grid;
  grid-template-columns: 1fr;
}
@media only screen and (max-width: 48em) {
  .kosen-other__link {
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    background-position: right calc(4 / 400 * var(--inner-width) * 1px) bottom calc(4 / 400 * var(--inner-width) * 1px);
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
  }
}

.kosen-other__image {
  height: min(168px, 168 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-other__image {
    height: calc(100 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-other__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.kosen-other__label {
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
  border-radius: min(4px, 4 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: min(4px, 4 / 1440 * var(--inner-width) * 1px) min(12px, 12 / 1440 * var(--inner-width) * 1px);
  font-weight: 500;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  color: #ffffff;
}
@media only screen and (max-width: 48em) {
  .kosen-other__label {
    border-radius: calc(4 / 400 * var(--inner-width) * 1px);
    padding: calc(4 / 400 * var(--inner-width) * 1px) calc(12 / 400 * var(--inner-width) * 1px);
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-other__title {
  height: min(72px, 72 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding-left: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  font-weight: 700;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-other__title {
    height: calc(94 / 400 * var(--inner-width) * 1px);
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
    padding: calc(16 / 400 * var(--inner-width) * 1px) 0 0 calc(12 / 400 * var(--inner-width) * 1px);
    align-items: flex-start;
    font-weight: 500;
  }
}

.kosen-other__link--large {
  height: min(200px, 200 / 1440 * var(--inner-width) * 1px);
  grid-template-columns: min(448px, 448 / 1440 * var(--inner-width) * 1px) auto;
  grid-template-rows: 1fr 1fr;
  gap: min(8px, 8 / 1440 * var(--inner-width) * 1px) min(64px, 64 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-other__link--large {
    height: calc(316 / 400 * var(--inner-width) * 1px);
    display: flex;
    justify-content: flex-start;
    align-items: stretch;
    flex-direction: column;
    gap: 0;
    margin-bottom: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-other__link--large .kosen-other__image {
  grid-row: 1/3;
  height: auto;
}
@media only screen and (max-width: 48em) {
  .kosen-other__link--large .kosen-other__image {
    height: calc(160 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-other__link--large .kosen-other__label {
  place-self: end start;
}
@media only screen and (max-width: 48em) {
  .kosen-other__link--large .kosen-other__label {
    place-self: start start;
    margin-left: calc(32 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(8 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-other__link--large .kosen-other__title {
  place-self: start start;
  height: auto;
  padding: 0;
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-other__link--large .kosen-other__title {
    height: auto;
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
    margin-left: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.interview-modal-wrapper {
  padding: 0;
}
.interview-modal-wrapper .simplebar-content-wrapper {
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .interview-modal-wrapper .simplebar-content-wrapper {
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
  }
}

@media only screen and (max-width: 48em) {
  .interview-modal-wrapper .simplebar-track.simplebar-vertical {
    right: calc(4 / 400 * var(--inner-width) * 1px);
  }
}

.interview-modal-wrapper .mfp-close::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
  background: url(../images/common/modal-close-white.svg) no-repeat center center/contain;
  transition: opacity 0.2s ease-in-out;
}

.interview-modal-wrapper.is-scrolled .mfp-close::before {
  opacity: 0;
}

.interview-modal-inner {
  padding-left: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  padding-right: min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .interview-modal-inner {
    padding-left: calc(24 / 400 * var(--inner-width) * 1px);
    padding-right: calc(24 / 400 * var(--inner-width) * 1px);
  }
}

.interview-modal-wrapper .interview-modal-inner .interview-contents:first-child {
  border-top: 0;
}

.interview-modal-wrapper .interview-modal-inner .interview-contents h3 {
  flex-shrink: 0;
}

.kosen-modal-header {
  background: url(../images/kosen/modal-bg.svg) no-repeat center top/cover;
  color: #fff;
  padding: min(40px, 40 / 1440 * var(--inner-width) * 1px) min(40px, 40 / 1440 * var(--inner-width) * 1px) 0;
  display: grid;
  grid-template-columns: min(520px, 520 / 1440 * var(--inner-width) * 1px) 1fr;
  gap: min(47px, 47 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal-header {
    background-image: url(../images/kosen/modal-bg-sp.svg);
    grid-template-columns: 1fr;
    gap: 0;
    padding: calc(80 / 400 * var(--inner-width) * 1px) calc(24 / 400 * var(--inner-width) * 1px) calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal-header__image {
  height: min(324px, 324 / 1440 * var(--inner-width) * 1px);
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px) min(8px, 8 / 1440 * var(--inner-width) * 1px) 0 0;
  overflow: hidden;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-header__image {
    height: calc(195 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(26 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-header__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.kosen-modal-header__body {
  place-self: center stretch;
}

.kosen-modal-header__title {
  font-weight: 700;
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  margin-bottom: min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal-header__title {
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal-header__data {
  position: relative;
  font-size: min(14px, 14 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  line-height: 1.75;
  font-feature-settings: "palt" on;
  padding: min(24px, 24 / 1440 * var(--inner-width) * 1px) min(40px, 40 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal-header__data {
    font-size: calc(14 / 400 * var(--inner-width) * 1px);
    padding: calc(24 / 400 * var(--inner-width) * 1px) calc(16 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-header__data::before, .kosen-modal-header__data::after {
  content: "";
  display: block;
  position: absolute;
  width: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  height: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  border-color: #fff;
  border-style: solid;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-header__data::before, .kosen-modal-header__data::after {
    width: calc(14 / 400 * var(--inner-width) * 1px);
    height: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-header__data::before {
  right: 0;
  top: 0;
  border-width: 1px 1px 0 0;
}
.kosen-modal-header__data::after {
  left: 0;
  bottom: 0;
  border-width: 0 0 1px 1px;
}

.kosen-modal-header__profile::before, .kosen-modal-header__profile::after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  opacity: 0.25;
  border-top: 1px solid #ffffff;
}
.kosen-modal-header__profile::before {
  left: 0;
  right: min(42px, 42 / 1440 * var(--inner-width) * 1px);
  top: 0;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-header__profile::before {
    right: calc(23 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-header__profile::after {
  left: min(42px, 42 / 1440 * var(--inner-width) * 1px);
  right: 0;
  bottom: 0;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-header__profile::after {
    left: calc(23 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal-header__name {
  margin-top: 1.75em;
}

.kosen-modal-profile {
  margin: min(40px, 40 / 1440 * var(--inner-width) * 1px) min(40px, 40 / 1440 * var(--inner-width) * 1px) 0;
  padding: min(40px, 40 / 1440 * var(--inner-width) * 1px) min(64px, 64 / 1440 * var(--inner-width) * 1px);
  background: #e7efee;
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
  display: grid;
  grid-template-columns: min(158px, 158 / 1440 * var(--inner-width) * 1px) 1fr;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-profile {
    margin: calc(32 / 400 * var(--inner-width) * 1px) calc(24 / 400 * var(--inner-width) * 1px);
    padding: calc(24 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-direction: column;
    gap: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal-profile__title {
  place-self: center start;
  font-weight: 500;
  font-size: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  font-feature-settings: "palt" on;
  /* Green/Gradation */
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-profile__title {
    font-size: calc(24 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal-profile__text {
  font-weight: 400;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-profile__text {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal-schedule {
  margin-right: max(-110px, -110 / 1440 * var(--inner-width) * 1px);
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: min(24px, 24 / 1440 * var(--inner-width) * 1px);
  flex-grow: 1;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule {
    margin-right: 0;
    grid-template-columns: 1fr;
    gap: calc(20 / 400 * var(--inner-width) * 1px);
  }
}

.interview-modal-wrapper .interview-modal-inner .interview-contents .kosen-modal-schedule__title {
  width: min(306px, 306 / 1440 * var(--inner-width) * 1px);
  flex-shrink: 0;
}
@media only screen and (max-width: 48em) {
  .interview-modal-wrapper .interview-modal-inner .interview-contents .kosen-modal-schedule__title {
    width: auto;
  }
}
.interview-modal-wrapper .interview-modal-inner .interview-contents .kosen-modal-schedule__title strong {
  font-weight: 700;
  font-size: min(32px, 32 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .interview-modal-wrapper .interview-modal-inner .interview-contents .kosen-modal-schedule__title strong {
    font-size: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal-schedule__list {
  display: grid;
  grid-template-columns: min(56px, 56 / 1440 * var(--inner-width) * 1px) 1fr;
  place-content: center center;
  gap: min(20px, 20 / 1440 * var(--inner-width) * 1px) min(64px, 64 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule__list {
    grid-template-columns: calc(56 / 400 * var(--inner-width) * 1px) 1fr;
    gap: calc(20 / 400 * var(--inner-width) * 1px) calc(40 / 400 * var(--inner-width) * 1px);
    padding-right: calc(24 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-schedule__list > dt {
  position: relative;
  display: grid;
  place-content: center;
  width: min(56px, 56 / 1440 * var(--inner-width) * 1px);
  height: min(56px, 56 / 1440 * var(--inner-width) * 1px);
  border-radius: min(56px, 56 / 1440 * var(--inner-width) * 1px);
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
  color: #fff;
  font-weight: 500;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  text-align: center;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule__list > dt {
    width: calc(56 / 400 * var(--inner-width) * 1px);
    height: calc(56 / 400 * var(--inner-width) * 1px);
    border-radius: calc(56 / 400 * var(--inner-width) * 1px);
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-schedule__list > dt::before, .kosen-modal-schedule__list > dt::after {
  content: "";
  display: block;
  position: absolute;
}
.kosen-modal-schedule__list > dt::before {
  left: min(28px, 28 / 1440 * var(--inner-width) * 1px);
  top: max(-16px, -16 / 1440 * var(--inner-width) * 1px);
  height: min(12px, 12 / 1440 * var(--inner-width) * 1px);
  width: 1px;
  background: #00a4a0;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule__list > dt::before {
    left: calc(28 / 400 * var(--inner-width) * 1px);
    top: calc(-16 / 400 * var(--inner-width) * 1px);
    height: calc(12 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-schedule__list > dt::after {
  height: 1px;
  width: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  left: min(68px, 68 / 1440 * var(--inner-width) * 1px);
  top: min(28px, 28 / 1440 * var(--inner-width) * 1px);
  background: repeating-linear-gradient(90deg, #c5d4d2, #c5d4d2 3px, transparent 3px, transparent 4px, #c5d4d2 4px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule__list > dt::after {
    width: calc(16 / 400 * var(--inner-width) * 1px);
    left: calc(68 / 400 * var(--inner-width) * 1px);
    top: calc(28 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal-schedule__list > dt:first-child::before {
  display: none;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule__list > dt:first-child::before {
    display: block;
  }
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule__list:first-child > dt:first-child::before {
    display: none;
  }
}
.kosen-modal-schedule__list > dd {
  min-height: min(56px, 56 / 1440 * var(--inner-width) * 1px);
  display: grid;
  place-content: center start;
  font-weight: 700;
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-modal-schedule__list > dd {
    min-height: calc(56 / 400 * var(--inner-width) * 1px);
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal__images {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  height: min(400px, 400 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(80px, 80 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal__images {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(2, 1fr);
    height: calc(448 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(32 / 400 * var(--inner-width) * 1px);
  }
}
.kosen-modal__images img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.kosen-modal__sections {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  padding: min(56px, 56 / 1440 * var(--inner-width) * 1px) min(80px, 80 / 1440 * var(--inner-width) * 1px);
  gap: min(80px, 80 / 1440 * var(--inner-width) * 1px);
  background: #e7efee;
  border-radius: min(8px, 8 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal__sections {
    grid-template-columns: 1fr;
    padding: calc(24 / 400 * var(--inner-width) * 1px);
    border-radius: calc(8 / 400 * var(--inner-width) * 1px);
    gap: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal__title {
  font-weight: 700;
  font-size: min(20px, 20 / 1440 * var(--inner-width) * 1px);
  text-align: center;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  /* Green/Gradation */
  background: linear-gradient(75.27deg, #00a4a0 0%, #34d0b6 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  margin-bottom: min(12px, 12 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal__title {
    font-size: calc(20 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(20 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal__text {
  font-size: min(16px, 16 / 1440 * var(--inner-width) * 1px);
  line-height: 1.75;
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
}
@media only screen and (max-width: 48em) {
  .kosen-modal__text {
    font-size: calc(16 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal__controls {
  margin-top: min(80px, 80 / 1440 * var(--inner-width) * 1px);
  margin-bottom: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  gap: min(32px, 32 / 1440 * var(--inner-width) * 1px);
}
@media only screen and (max-width: 48em) {
  .kosen-modal__controls {
    margin-top: calc(32 / 400 * var(--inner-width) * 1px);
    margin-bottom: calc(80 / 400 * var(--inner-width) * 1px);
    gap: calc(32 / 400 * var(--inner-width) * 1px);
  }
}

.kosen-modal__prev,
.kosen-modal__next {
  height: min(40px, 40 / 1440 * var(--inner-width) * 1px);
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400;
  font-size: min(14px, 14 / 1440 * var(--inner-width) * 1px);
  letter-spacing: 0.04em;
  font-feature-settings: "palt" on;
  color: #00a4a0;
}
@media only screen and (max-width: 48em) {
  .kosen-modal__prev,
  .kosen-modal__next {
    height: calc(40 / 400 * var(--inner-width) * 1px);
    font-size: calc(14 / 400 * var(--inner-width) * 1px);
    white-space: nowrap;
  }
}

.kosen-modal__prev {
  padding-right: min(72px, 72 / 1440 * var(--inner-width) * 1px);
  background: url(../images/common/modal-prev.svg) no-repeat right top/min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
}
@media only screen and (max-width: 48em) {
  .kosen-modal__prev {
    padding-right: calc(56 / 400 * var(--inner-width) * 1px);
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
  }
}

.kosen-modal__next {
  padding-left: min(72px, 72 / 1440 * var(--inner-width) * 1px);
  background: url(../images/common/modal-next.svg) no-repeat left top/min(40px, 40 / 1440 * var(--inner-width) * 1px) auto;
}
@media only screen and (max-width: 48em) {
  .kosen-modal__next {
    padding-left: calc(56 / 400 * var(--inner-width) * 1px);
    background-size: calc(40 / 400 * var(--inner-width) * 1px) auto;
  }
}/*# sourceMappingURL=kosen.css.map */