:root{
  --pageX: clamp(16px, 2vw, 28px);
}

/* fixed header 分 */
.admission-page{
  padding-top: var(--headerH);
}

/* ===== TOP 50/50 ===== */
.admission-hero{ padding: 0; }

.admission-hero__grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  min-height: calc(100svh - var(--headerH));
}

.admission-hero__img{
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  min-height: 1px;
}

.admission-hero__panel{
  background: #1437c7;
  color: #fff;
  display: flex;
  align-items: center;
}

.admission-hero__text{
  padding: clamp(24px, 4vw, 56px);
  max-width: 760px;
}

.admission-hero__title {
  margin: 0 0 22px;
  line-height: 1.2;
  letter-spacing: 0.01em;
  font-weight: 800;
  display: flex;          /* 縦並びにする */
  flex-direction: column; /* 縦並びにする */
}

/* 1行目：Admission */
.admission-hero__title span:first-child {
  font-size: clamp(28px, 4.2vw, 56px); /* メインの大きさ */
  margin-bottom: 10px;                /* ★ここで間をあける */
  display: block;
}

/* 2行目：入学までのプロセス・手続き */
.admission-hero__title span:last-child {
  font-size: 0.7em;      /* ★1行目より小さく調整 */
  font-weight: 800;      /* 少しだけ細く（でもタイトルらしく） */
  line-height: 1.3;
  color: #fff;
  display: block;
}

/* ===== groups ===== */
.help-groups{
  display: grid;
  gap: clamp(18px, 3vw, 28px);
}

.help-group__title{
  margin: 0 0 10px;
  font-size: clamp(18px, 2vw, 24px);
  font-weight: 400;
  letter-spacing: 0.02em;
}

.help-links{
  display: grid;
  gap: 10px;
}

.help-link{
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 10px;

  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.22);
  border-radius: 14px;

  color: #fff;
  text-decoration: none;
  background: rgba(255,255,255,0.06);
}

.help-link:hover{
  background: rgba(255,255,255,0.12);
  border-color: rgba(255,255,255,0.34);
}

.help-link__label{
  opacity: 0.95;
  line-height: 1.4;
}

.help-link__cta{
  font-weight: 800;
  white-space: nowrap;
}

/* ===== responsive ===== */
@media (max-width: 900px){
  .admission-hero__grid{
    grid-template-columns: 1fr;
    min-height: auto;
  }
  .admission-hero__img{
    min-height: 42vh;
  }
}

/* ===== About（3カード / 2列→1列） ===== */
.admission-about{
  padding: clamp(34px, 4vw, 56px) var(--pageX);
}

.admission-about__grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr)); /* 幅広いと2列 */
  gap: clamp(14px, 2.6vw, 28px);
}

/* 3枚目が下段に来ても自然に見えるように */
.ad-card{
  border: 1px solid #e6e6e6;
  background: #fff;
  border-radius: 16px;
  overflow: hidden;
}

.ad-card__title{
  margin: 0;
  padding: 12px 14px;
  background: #2e44d6;
  color: #fff;
  font-weight: 800;
  letter-spacing: 0.02em;
  font-size: 16px;
}

/* 入学申し込み：サブタイトル＋本文 */
.ad-subset{
  padding: 14px;
  border-top: 1px solid #eee;
}

.ad-subset__title{
  margin: 0 0 6px;
  font-size: 14px;
  font-weight: 800;
  color: #111;
}

.ad-subset__body{
  margin: 0;
  line-height: 1.75;
  color: #222;
  font-size: 14px;
}

/* 入学手続き：本文3つ＋▼ */
.ad-steps{
  padding: 14px;
  display: grid;
  gap: 10px;
}

.ad-steps__item{
  margin: 0;
  line-height: 1.75;
  color: #222;
  font-size: 14px;
}

.ad-steps__arrow{
  text-align: center;  /* 真ん中ぞろえ */
  font-size: 16px;
  line-height: 1;
  color: #666;
}

/* オリエンテーション：本文 */
.ad-card__body{
  margin: 0;
  padding: 14px;
  line-height: 1.75;
  color: #222;
  font-size: 14px;
}

/* レスポンシブ：1列 */
@media (max-width: 900px){
  .admission-about__grid{
    grid-template-columns: 1fr;
  }
}