@charset "UTF-8";
main {
  margin-bottom: 0;
}
/* ハンバーガーメニューは固定（fixed）の1組だけにする（スクロールする absolute と2組重なって見えるため） */
aside.jsOpenMenu.absolute {
  display: none;
}
main img {
  display: block;
  max-width: 100%;
}

.tabContent {
  display: none;
}
.tabContent.active {
  display: block;
}

/* ---------- Hero ---------- */
.campusHero {
  position: relative;
  padding-top: 17.95vw; /* 70px */
  z-index: 11; /* 追従フッター(10)より上、ヘッダー(12〜)より下 */
}
.campusLogo {
  position: absolute;
  top: 6.41vw;
  left: 5.51vw;
  z-index: 2;
}
.campusLogo img {
  width: 22.82vw;
  height: auto;
}
.campusHeroVisual {
  position: relative;
  height: 198.72vw;
  overflow: hidden;
  background: #222;
}
.campusHeroVisual::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 167, 255, .15);
  mix-blend-mode: multiply;
}
.campusHeroPhoto {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  max-width: none;
  object-fit: cover;
  filter: brightness(.72);
}
.campusHeroInner {
  position: absolute;
  top: calc(21.79vw + 79.49vw - 3.85vw);
  left: 10.26vw;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  pointer-events: none;
  z-index: 1;
}
.campusHeroTitle img {
  width: 57.71vw; /* 225.1px（title_sp.svg） */
  height: auto;
}
.campusHeroCatch {
  margin-top: 4.56vw; /* 17.8px */
  font-size: 3.85vw; /* 15px */
  line-height: 8.21vw; /* 32px */
  letter-spacing: .02em;
  font-weight: 400;
}

/* ---------- Intro ---------- */
.campusIntro {
  padding: 0 10.26vw;
  margin-top: 10.77vw;
  color: #333;
}
.campusIntro h2 {
  font-size: 4.62vw;
  font-weight: 600;
  line-height: 9.23vw;
}
.campusIntro p {
  margin-top: 9.74vw;
  font-size: 3.85vw;
  line-height: 7.18vw;
  font-weight: 400;
}

/* ---------- REAL / VIRTUAL ---------- */
.campusMain {
  margin-top: 11.03vw;
}
ul.campusTabs {
  display: flex;
  justify-content: center;
  gap: 2.56vw;
}
ul.campusTabs li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 38.46vw;
  height: 20.51vw;
  padding-top: 5.13vw;
  border-radius: 1.28vw 1.28vw 0 0;
  background: #3499CE;
  color: #fff;
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 500;
  font-size: 6.41vw; /* 25px */
  line-height: 1;
  cursor: pointer;
  transition: opacity .2s;
}
ul.campusTabs li small {
  margin-top: .51vw;
  font-size: 4.62vw; /* 18px */
  line-height: 1.1;
}
ul.campusTabs li:not(.active):hover {
  opacity: .8;
}
/* 選択中のタブはグレー面と一体化する */
ul.campusTabs li.active {
  background: #EDEDED;
  color: #000;
  cursor: default;
}

/* グレー面 */
.campusBody {
  position: relative;
  padding: 12.82vw 0 25.64vw;
  color: #333;
  z-index: 0;
}
.campusBody::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #EDEDED;
  z-index: -1;
}

.campusLead {
  padding: 0 10.26vw;
}
.campusLeadPhoto {
  width: 100%;
  height: 52.99vw; /* 3:2（幅79.49vw） */
  object-fit: cover;
}
.campusLead h3 {
  margin-top: 11.03vw;
  font-size: 4.62vw; /* 18px */
  font-weight: 600;
  line-height: 9.23vw; /* 36px */
}
.campusLead p {
  margin-top: 9.74vw;
  font-size: 3.85vw;
  line-height: 7.18vw;
  font-weight: 400;
}
/* ---------- 施設タブ / サブタブ ---------- */
ul.campusSubTabs {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  margin-top: 19.23vw;
}
/* 下線 */
ul.campusSubTabs::after {
  content: "";
  position: absolute;
  left: 10.26vw;
  right: 10.26vw;
  bottom: 0;
  height: 1px;
  background: #333;
}
ul.campusSubTabs li {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  flex: 0 0 50%;
  height: 15.38vw;
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 400;
  font-size: 5.13vw; /* 20px */
  line-height: 1.1;
  cursor: pointer;
  transition: color .2s;
}
/* 1段目は3列、2段目は2列 */
ul.facilityTabs li:nth-child(-n+3) {
  flex-basis: 33.333%;
}
ul.campusSubTabs li small {
  font-size: 3.33vw;
  line-height: 1.3;
}
/* 縦の区切り線（各段の先頭以外） */
ul.campusSubTabs li + li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 50%;
  width: 1px;
  height: 4.36vw;
  transform: translateY(-50%);
  background: #333;
}
ul.facilityTabs li:nth-child(4)::before {
  content: none;
}
ul.campusSubTabs li:not(.active):hover {
  color: #3499CE;
}
ul.campusSubTabs li.active {
  background: #3699CE;
  color: #fff;
  font-weight: 500;
  cursor: default;
}

/* ---------- タブの中身 ---------- */
.campusContent {
  padding: 0 10.26vw;
  margin-top: 9.74vw;
}
.campusContentTitle {
  display: inline;
  font-family: "Oswald", "Bebas Neue", "Bebas", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-weight: 300;
  font-size: 10.26vw; /* 40px */
  line-height: 1.1;
}
.campusContentSub {
  display: inline;
  margin-left: 3.08vw;
  font-size: 3.59vw; /* 14px */
  font-weight: 300;
}

.campusBlock {
  margin-top: 28.21vw;
}
.campusContentSub + .campusBlock {
  margin-top: 11.54vw;
}
/* Global：SLDの本文からProject Retrievalまで */
#global .campusBlock:nth-of-type(2) {
  margin-top: 24.1vw;
}
/* Global：Project Retrievalの本文からApprentice Programまで */
#global .campusBlock:nth-of-type(3) {
  margin-top: 30.51vw;
}
.campusBlock h4 {
  font-size: 4.87vw; /* 19px */
  font-weight: 600;
  line-height: 7.18vw; /* 28px */
}
/* 英字のみの見出しはXDでもNoto Sans Boldで表示されるため700 */
#global .campusBlock h4 {
  font-weight: 700;
}
.campusBlock h4 small {
  font-size: 3.85vw; /* 15px */
  line-height: 1;
}
.campusBlock h4 + * {
  margin-top: 7.69vw;
}
.campusBlock h4 + .campusBlockText {
  margin-top: 6.67vw;
}

/* 画像は画面幅いっぱい */
.campusBlockImg {
  width: 100vw;
  max-width: none;
  margin-left: -10.26vw;
}
main .campusBlockImg {
  max-width: none;
  height: auto;
  aspect-ratio: 3 / 2;
  object-fit: cover;
}
.campusBlockImg.wide {
  aspect-ratio: 600 / 217;
}
.campusBlockImg.library {
  aspect-ratio: 600 / 294;
}
.campusBlockImg.after {
  margin-top: 11.54vw;
}
/* 文章と同じ左右余白 */
.campusBlockImg.inset {
  width: 100%;
  margin-left: 0;
}

.campusBlockText {
  font-size: 3.59vw;
  line-height: 6.67vw;
  font-weight: 400;
}
.campusBlockImg + .campusBlockText {
  margin-top: 11.54vw;
}
.campusBlockText p.gap {
  margin-top: 6.67vw; /* 空行1行分 */
}

/* ---------- 下部バナー：非表示 ---------- */
.commonFootContent {
  display: none;
}

/* ---------- フッター背景：白 ---------- */
footer.commonFooter,
footer.commonFooter .footer-links,
footer.commonFooter .bottomLinksWrap,
footer.commonFooter .bottomLinksWrap small {
  background: #fff;
}

/* ---------- 追従フッター：白背景・黒文字・黒アイコン ---------- */
footer.commonFooter .Followfooter {
  background-color: #fff;
  color: #000;
}
footer.commonFooter .Followfooter td a {
  color: #000;
}
footer.commonFooter .Followfooter td img {
  filter: brightness(0);
}

/* ---------- フッター背景：SPは#EDEDED ---------- */
@media (max-width: 767px) {
  footer.commonFooter,
  footer.commonFooter .footer-links,
  footer.commonFooter .bottomLinksWrap,
  footer.commonFooter .bottomLinksWrap small {
    background: #EDEDED;
  }
}