@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Outfit:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200");
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

.cl-red {
  color: #e60012;
}

.is-pc {
  display: block;
}
@media (max-width: 767px) {
  .is-pc {
    display: none;
  }
}

.is-mb {
  display: none;
}
@media (max-width: 767px) {
  .is-mb {
    display: block;
  }
}

.fz-xl {
  font-size: 2.5em;
}

.fz-lg {
  font-size: 1.25em;
}

.fz-sm {
  font-size: 0.75em;
}

.d-ib {
  display: inline-block;
}

.ta-c {
  text-align: center;
}

.strong {
  font-weight: 700;
}

.textlink {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  .textlink:hover {
    color: #e60012;
  }
}

.icon {
  vertical-align: middle;
  font-variation-settings: "FILL" 0, "wght" 400, "GRAD" 0, "opsz" 20;
}
.icon--14 {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .icon--14 {
    font-size: 3.5897435897vw;
  }
}
.icon--16 {
  font-size: clamp(0px, 1.1111111111vw, 16px);
}
@media (max-width: 767px) {
  .icon--16 {
    font-size: 4.1025641026vw;
  }
}
.icon--20 {
  font-size: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .icon--20 {
    font-size: 5.1282051282vw;
  }
}
.icon--24 {
  font-size: clamp(0px, 1.6666666667vw, 24px);
}
@media (max-width: 767px) {
  .icon--24 {
    font-size: 6.1538461538vw;
  }
}
.icon--32 {
  font-size: clamp(0px, 2.2222222222vw, 32px);
}
@media (max-width: 767px) {
  .icon--32 {
    font-size: 8.2051282051vw;
  }
}
.icon--wght300 {
  font-variation-settings: "wght" 300;
}
.icon--wght200 {
  font-variation-settings: "wght" 200;
}

.THEMEICON_default, .THEMEICON_8, .programsDetailMiniInfo__theme--8::before, .programsDetailHeader__theme--8::before, .programsCard__theme--8::before, .aboutThemeCard__icon--8, .themeCard__icon--8, .THEMEICON_7, .programsDetailMiniInfo__theme--7::before, .programsDetailHeader__theme--7::before, .programsCard__theme--7::before, .aboutThemeCard__icon--7, .themeCard__icon--7, .THEMEICON_6, .programsDetailMiniInfo__theme--6::before, .programsDetailHeader__theme--6::before, .programsCard__theme--6::before, .aboutThemeCard__icon--6, .themeCard__icon--6, .THEMEICON_5, .programsDetailMiniInfo__theme--5::before, .programsDetailHeader__theme--5::before, .programsCard__theme--5::before, .aboutThemeCard__icon--5, .themeCard__icon--5, .THEMEICON_4, .programsDetailMiniInfo__theme--4::before, .programsDetailHeader__theme--4::before, .programsCard__theme--4::before, .aboutThemeCard__icon--4, .themeCard__icon--4, .THEMEICON_3, .programsDetailMiniInfo__theme--3::before, .programsDetailHeader__theme--3::before, .programsCard__theme--3::before, .aboutThemeCard__icon--3, .themeCard__icon--3, .THEMEICON_2, .programsDetailMiniInfo__theme--2::before, .programsDetailHeader__theme--2::before, .programsCard__theme--2::before, .aboutThemeCard__icon--2, .themeCard__icon--2, .THEMEICON_1, .programsDetailMiniInfo__theme--1::before, .programsDetailHeader__theme--1::before, .programsCard__theme--1::before, .aboutThemeCard__icon--1, .themeCard__icon--1 {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.THEMEICON_1, .programsDetailMiniInfo__theme--1::before, .programsDetailHeader__theme--1::before, .programsCard__theme--1::before, .aboutThemeCard__icon--1, .themeCard__icon--1 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_1.svg");
}

.THEMEICON_2, .programsDetailMiniInfo__theme--2::before, .programsDetailHeader__theme--2::before, .programsCard__theme--2::before, .aboutThemeCard__icon--2, .themeCard__icon--2 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_2.svg");
}

.THEMEICON_3, .programsDetailMiniInfo__theme--3::before, .programsDetailHeader__theme--3::before, .programsCard__theme--3::before, .aboutThemeCard__icon--3, .themeCard__icon--3 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_3.svg");
}

.THEMEICON_4, .programsDetailMiniInfo__theme--4::before, .programsDetailHeader__theme--4::before, .programsCard__theme--4::before, .aboutThemeCard__icon--4, .themeCard__icon--4 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_4.svg");
}

.THEMEICON_5, .programsDetailMiniInfo__theme--5::before, .programsDetailHeader__theme--5::before, .programsCard__theme--5::before, .aboutThemeCard__icon--5, .themeCard__icon--5 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_5.svg");
}

.THEMEICON_6, .programsDetailMiniInfo__theme--6::before, .programsDetailHeader__theme--6::before, .programsCard__theme--6::before, .aboutThemeCard__icon--6, .themeCard__icon--6 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_6.svg");
}

.THEMEICON_7, .programsDetailMiniInfo__theme--7::before, .programsDetailHeader__theme--7::before, .programsCard__theme--7::before, .aboutThemeCard__icon--7, .themeCard__icon--7 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_7.svg");
}

.THEMEICON_8, .programsDetailMiniInfo__theme--8::before, .programsDetailHeader__theme--8::before, .programsCard__theme--8::before, .aboutThemeCard__icon--8, .themeCard__icon--8 {
  background-image: url("/expo-archive/theme-weeks/images/theme_icon_8.svg");
}

.BOXSHADOW, .programsSearchBtn a, .aboutJoinStyle__btn a, .indexNews__block a, .indexConnectBanner a, .parsonCard, .themeCard a {
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  -webkit-transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, -webkit-box-shadow 0.3s;
  transition: border 0.3s, box-shadow 0.3s;
  transition: border 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .BOXSHADOW:hover, .programsSearchBtn a:hover, .aboutJoinStyle__btn a:hover, .indexNews__block a:hover, .indexConnectBanner a:hover, .parsonCard:hover, .themeCard a:hover {
    border: 1px solid rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.15);
  }
}

[v-cloak] {
  display: none;
}

body {
  font-family: "Open Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 400;
  line-height: 1.6;
  color: #222426;
}
@media (max-width: 767px) {
  body {
    font-size: 3.5897435897vw;
  }
}
body.is-lock {
  overflow: hidden;
}
body.is-lock::before {
  content: "";
  display: block;
  position: fixed;
  inset: 0;
  background-color: #000;
  opacity: 0.75;
  z-index: 2;
}

.container {
  margin: 0 auto;
  padding: 0 clamp(0px, 6.9444444444vw, 100px);
  max-width: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .container {
    padding: 0 7.6923076923vw;
  }
}
.container--tight {
  max-width: 900px;
}

a {
  text-decoration: none;
  color: #0068b7;
}
a img {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
a:hover img {
  opacity: 0.7;
}
a.textlink {
  text-decoration: underline;
  text-underline-offset: 3px;
}
@media (hover: hover) and (pointer: fine) {
  a.textlink:hover {
    color: #e60012;
  }
}

img {
  max-width: 100%;
  display: block;
}

strong {
  font-weight: 700;
}

.alert {
  padding: 10px 20px;
  display: inline-block;
  font-size: 20px;
  background-color: #f00;
  color: #fff;
}

.langSelect {
  position: relative;
}
.langSelect--header {
  --langSelectMenusTop: 100%;
}
.langSelect--footer {
  padding: clamp(0px, 0.2083333333vw, 3px) clamp(0px, 1.0416666667vw, 15px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  color: #828487;
  border: 1px solid #d2d7da;
  border-radius: 10em;
  --showPos: translateY(0);
}
@media (max-width: 767px) {
  .langSelect--footer {
    padding: 0.7692307692vw 5.1282051282vw;
    font-size: 2.8205128205vw;
  }
}
.langSelect__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.3em;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  cursor: pointer;
}
@media (max-width: 767px) {
  .langSelect__btn {
    font-size: 3.0769230769vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .langSelect__btn:hover {
    color: #e60012;
  }
}
.langSelect__menus {
  background-color: #fff;
  width: 140%;
  position: absolute;
  left: -20%;
  top: var(--langSelectMenusTop, 150%);
  border-radius: 5px;
  overflow: hidden;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  opacity: 0;
  -webkit-transform: translateY(-20%);
  transform: translateY(-20%);
  z-index: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, -webkit-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  transition: opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
}
.langSelect__menus.is-show {
  opacity: 1;
  -webkit-transform: var(--showPos);
  transform: var(--showPos);
  z-index: 1;
  pointer-events: all;
}
.langSelect__menu {
  width: 100%;
  font-weight: 600;
  --textColor: $cl-darkGray;
  --bgColor: #fff;
}
.langSelect__menu.is-current {
  --textColor: #e60012;
  --bgColor: #e60012;
}
.langSelect__menu:first-child {
  border-bottom: 1px solid #f1f3f4;
}
.langSelect__menu a {
  padding: clamp(0px, 0.3472222222vw, 5px);
  display: block;
  color: var(--textColor);
  text-align: center;
}
@media (max-width: 767px) {
  .langSelect__menu a {
    padding: 2.5641025641vw 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .langSelect__menu a:hover {
    color: #e60012;
  }
}

.langMenu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.2820512821vw;
}
.langMenu__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7692307692vw;
  font-size: 3.0769230769vw;
}
.langMenu__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.langMenu__btn {
  font-weight: 600;
  line-height: 1.2;
  --color: #828487;
}
.langMenu__btn.is-current {
  --color: #e60012;
}
.langMenu__btn:first-child {
  border-right: 1px solid #d2d7da;
}
.langMenu__btn a {
  padding: 0 2.5641025641vw;
  color: var(--color);
}

.iconBtn {
  border-radius: 5px;
  --color: #222426;
}
@media (hover: hover) and (pointer: fine) {
  .iconBtn:hover {
    --color: #e60012;
  }
}
.iconBtn__inner {
  padding: clamp(0px, 0.5555555556vw, 8px) clamp(0px, 0.6944444444vw, 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.1388888889vw, 2px);
  position: relative;
}
.iconBtn__icon {
  color: var(--color);
}
.iconBtn__name {
  font-size: clamp(0px, 0.7638888889vw, 11px);
  font-weight: 500;
  line-height: 1.2;
  text-align: center;
  color: var(--color);
}
.iconBtn__name a {
  color: currentColor;
}
.iconBtn__name a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
.iconBtn--red {
  background: #e60012;
  --color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .iconBtn--red:hover {
    background: #e60012;
    --color: #fff;
  }
  .iconBtn--red:hover .iconBtn__inner {
    -webkit-animation: 0.3s linear btnWordMoving;
    animation: 0.3s linear btnWordMoving;
  }
}

.btn {
  width: 100%;
  height: 100%;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 10em;
}
@media (hover: hover) and (pointer: fine) {
  .btn:hover .btn__inner {
    -webkit-animation: 0.3s linear btnWordMoving;
    animation: 0.3s linear btnWordMoving;
  }
}
.btn__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.3472222222vw, 5px);
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 767px) {
  .btn__inner {
    gap: 1.2820512821vw;
  }
}
.btn--red {
  background-color: #e60012;
  color: #fff;
}
.btn--white {
  background-color: #fff;
  color: #0068b7;
}
.btn--blue {
  background-color: #0068b7;
  color: #fff;
}
.btn--midGray {
  background-color: #828487;
  color: #fff;
}
.btn--darkGray {
  background-color: #222426;
  color: #fff;
}
.btn--borderGray {
  border: 1px solid #d2d7da;
  color: #828487;
}
.btn--borderBlue {
  border: 1px solid #0068b7;
  color: #0068b7;
}
@-webkit-keyframes btnBlink {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.65;
  }
  100% {
    opacity: 1;
  }
}
@keyframes btnBlink {
  0% {
    opacity: 1;
  }
  40% {
    opacity: 0.65;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes btnWordMoving {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  49% {
    -webkit-transform: translateY(0.5em);
    transform: translateY(0.5em);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-0.5em);
    transform: translateY(-0.5em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes btnWordMoving {
  0% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
  49% {
    -webkit-transform: translateY(0.5em);
    transform: translateY(0.5em);
    opacity: 0;
  }
  50% {
    -webkit-transform: translateY(-0.5em);
    transform: translateY(-0.5em);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
  }
}

.header {
  padding: 0 50px;
  height: clamp(0px, 10.4166666667vw, 150px);
}
@media (max-width: 767px) {
  .header {
    padding: 0;
    height: 15.3846153846vw;
  }
}
.header__inner {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
.header__nav {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .header__nav {
    display: none;
  }
}
.header__otherBlock {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
.header__otherBlock__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.header__otherLink {
  position: relative;
}
.header__otherLink__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.3em;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  color: #222426;
  cursor: pointer;
}
@media (max-width: 767px) {
  .header__otherLink__btn {
    font-size: 3.0769230769vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .header__otherLink__btn:hover {
    color: #e60012;
  }
}
.header__logo {
  width: clamp(0px, 9.375vw, 135px);
}
@media (max-width: 767px) {
  .header__logo {
    margin-left: 5.1282051282vw;
    width: 20.5128205128vw;
  }
}
.header__menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
.header__menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.2083333333vw, 3px);
  color: #222426;
  font-weight: 500;
  line-height: 1.2;
}
.header__menu a:hover {
  color: #e60012;
}
.header__searchProgram {
  width: clamp(0px, 15.2777777778vw, 220px);
  aspect-ratio: 22/5;
}
.header__btns {
  margin-left: auto;
  display: none;
}
@media (max-width: 767px) {
  .header__btns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
.header__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 15.3846153846vw;
  aspect-ratio: 1/1;
}
.header__btn--menu {
  color: #fff;
  background-color: #222426;
}
.header__btn--search {
  color: #fff;
  background-color: #e60012;
}
.header__btn--search a {
  color: inherit;
}

.overlayNavi {
  display: none;
  background: #fff;
  position: fixed;
  top: 15.3846153846vw;
  bottom: 0;
  left: 0;
  right: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
  z-index: 2;
}
@media (max-width: 767px) {
  .overlayNavi {
    display: block;
  }
  .overlayNavi.is-show {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}
.overlayNavi__inner {
  padding: 20.5128205128vw 7.6923076923vw;
  height: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
.overlayNavi__mainMenus {
  margin-bottom: 10.2564102564vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 3.8461538462vw;
}
.overlayNavi__mainMenu a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 2.5641025641vw;
  color: #222426;
  font-weight: 400;
  font-size: 4.6153846154vw;
}
.overlayNavi__mainMenu a::before {
  content: "\e5c8";
  color: #d2d7da;
  font-family: "Material Symbols Outlined";
}
.overlayNavi__subMenus {
  margin-bottom: 10.2564102564vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.5641025641vw;
}
.overlayNavi__subMenu a {
  color: #828487;
}
.overlayNavi__other {
  margin-top: 5.1282051282vw;
}
.overlayNavi__otherLink a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.7692307692vw;
  font-size: 3.0769230769vw;
  color: #222426;
}

.bottomBanners {
  padding: clamp(0px, 6.9444444444vw, 100px) 0;
  background-color: #0068b7;
}
@media (max-width: 767px) {
  .bottomBanners {
    padding: 10.2564102564vw 0;
  }
}
.bottomBanners__blocks {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .bottomBanners__blocks {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}
.bottomBanners__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
  max-width: 33%;
  color: #fff;
  text-align: center;
  position: relative;
}
@media (max-width: 767px) {
  .bottomBanners__block {
    gap: 1.2820512821vw;
    max-width: 100%;
  }
}
.bottomBanners__block a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}

.footer {
  padding: clamp(0px, 5.5555555556vw, 80px) 0;
}
@media (max-width: 767px) {
  .footer {
    padding: 10.2564102564vw 0;
  }
}
.footer__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .footer__inner {
    gap: 10.2564102564vw;
  }
}
.footer__logo {
  margin-bottom: clamp(0px, 2.0833333333vw, 30px);
  width: clamp(0px, 13.8888888889vw, 200px);
}
@media (max-width: 767px) {
  .footer__logo {
    margin-bottom: 5.1282051282vw;
    width: 30.7692307692vw;
  }
}
.footer__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .footer__btns {
    gap: 2.5641025641vw;
  }
}
.footer__btn {
  height: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .footer__btn {
    height: 10.2564102564vw;
  }
}
.footer__columns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer__columns {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.footer__columns--bottom {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .footer__columns--bottom {
    gap: 5.1282051282vw;
  }
}
.footer__column--right {
  width: clamp(0px, 59.3055555556vw, 854px);
}
@media (max-width: 767px) {
  .footer__column--right {
    margin-bottom: 10.2564102564vw;
    width: auto;
  }
}
.footer__menus {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 2.7777777778vw, 40px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
  line-height: 1.2;
}
@media (max-width: 767px) {
  .footer__menus {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 7.6923076923vw;
    font-size: 3.5897435897vw;
  }
}
.footer__menu--contents {
  width: clamp(0px, 19.4444444444vw, 280px);
  --ulColumns: repeat(1, auto);
  --liWidth: 100%;
}
@media (max-width: 767px) {
  .footer__menu--contents {
    width: 100%;
  }
}
.footer__menu--themes {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  --ulColumns: repeat(2, auto);
  --liWidth: 100%;
}
.footer__menu__heading {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  padding-bottom: clamp(0px, 1.0416666667vw, 15px);
  font-family: "Open Sans", sans-serif;
  color: #828487;
  font-weight: 700;
  border-bottom: 1px solid #d2d7da;
}
@media (max-width: 767px) {
  .footer__menu__heading {
    margin-bottom: 3.8461538462vw;
    padding-bottom: 2.5641025641vw;
  }
}
.footer__menu__ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: var(--ulColumns);
  grid-template-columns: var(--ulColumns);
  gap: clamp(0px, 1.0416666667vw, 15px) clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .footer__menu__ul {
    -ms-grid-columns: auto;
    grid-template-columns: auto;
    gap: 3.8461538462vw;
  }
}
.footer__menu__li {
  width: var(--liWidth);
}
.footer__menu__li a {
  color: #222426;
}
@media (hover: hover) and (pointer: fine) {
  .footer__menu__li a:hover {
    color: #e60012;
  }
}
@media (max-width: 767px) {
  .footer__menu__li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 1.2820512821vw;
  }
  .footer__menu__li a::before {
    content: "\e5c8";
    color: #d2d7da;
    font-family: "Material Symbols Outlined";
  }
}
.footer__subMenu {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .footer__subMenu {
    margin-bottom: 2.5641025641vw;
    font-size: 2.5641025641vw;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 2.5641025641vw;
  }
}
.footer__subMenu a {
  color: #828487;
}
@media (hover: hover) and (pointer: fine) {
  .footer__subMenu a:hover {
    color: #222426;
  }
}
.footer__cr {
  font-size: clamp(0px, 0.8333333333vw, 12px);
}
@media (max-width: 767px) {
  .footer__cr {
    font-size: 2.5641025641vw;
  }
}

.main {
  --pageHeaderMarginBottom: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .main {
    padding-top: 10.2564102564vw;
    --pageHeaderMarginBottom: 10.2564102564vw;
  }
}
.main__inner {
  margin-bottom: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .main__inner {
    margin-bottom: 20.5128205128vw;
  }
}

.section {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .section {
    margin-bottom: 15.3846153846vw;
  }
}
.section__heading {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  font-size: clamp(0px, 1.6666666667vw, 24px);
  font-weight: 600;
}
@media (max-width: 767px) {
  .section__heading {
    margin-bottom: 5.1282051282vw;
    font-size: 4.6153846154vw;
  }
}

.pt {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
}
.pt__ja {
  color: #e60012;
  font-size: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 600;
}
@media (max-width: 767px) {
  .pt__ja {
    font-size: 3.0769230769vw;
  }
}
.pt__en {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 6.6666666667vw, 96px);
  font-weight: 100;
  line-height: 1;
}
@media (max-width: 767px) {
  .pt__en {
    font-size: 10.7692307692vw;
  }
}
.pt__desc {
  margin-top: clamp(0px, 2.7777777778vw, 40px);
}

.heading_1 {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .heading_1 {
    margin-bottom: 2.5641025641vw;
    gap: 1.2820512821vw;
  }
}
.heading_1::before {
  content: "";
  display: block;
  width: clamp(0px, 0.6944444444vw, 10px);
  height: 1px;
  background: #e60012;
}
@media (max-width: 767px) {
  .heading_1::before {
    width: 2.5641025641vw;
  }
}

.pageHeader {
  position: relative;
  margin-bottom: var(--pageHeaderMarginBottom);
}
.pageHeader__main {
  width: var(--pageHeaderWidth);
}
.pageHeader--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.anchorNavi {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .anchorNavi {
    margin-bottom: 15.3846153846vw;
  }
}
.anchorNavi__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .anchorNavi__ul {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.anchorNavi__li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: clamp(0px, 0.3472222222vw, 5px);
}
.anchorNavi__li::before {
  content: "\f181";
  color: #0068b7;
  font-family: "Material Symbols Outlined";
  font-variation-settings: "FILL" 1, "wght" 400, "GRAD" 0, "opsz" 20;
}
.anchorNavi a {
  color: #222426;
  font-weight: 500;
}
@media (hover: hover) and (pointer: fine) {
  .anchorNavi a:hover {
    color: #e60012;
  }
}

.themeCards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 1.3888888889vw, 20px) 1fr clamp(0px, 1.3888888889vw, 20px) 1fr clamp(0px, 1.3888888889vw, 20px) 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: clamp(0px, 1.3888888889vw, 20px);
}

.themeCards > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.themeCards > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.themeCards > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.themeCards > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media (max-width: 767px) {
  .themeCards {
    -ms-grid-columns: 1fr 2.5641025641vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 2.5641025641vw;
  }
  .themeCards > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .themeCards > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .themeCards:lang(en) {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
}

.themeCard a {
  padding: clamp(0px, 2.7777777778vw, 40px) clamp(0px, 2.0833333333vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.0416666667vw, 15px);
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  color: #222426;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  .themeCard a {
    padding: 5.1282051282vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .themeCard a:hover .themeCard__btn {
    border: 1px solid #e60012;
    background-color: #e60012;
    color: #fff;
  }
}
.themeCard__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .themeCard__info {
    height: 100%;
  }
}
.themeCard__cate {
  font-size: clamp(0px, 0.8333333333vw, 12px);
  font-weight: 700;
  color: #828487;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  letter-spacing: 0.15em;
  line-height: 1;
  position: absolute;
  top: clamp(0px, 1.0416666667vw, 15px);
  right: clamp(0px, 1.0416666667vw, 15px);
}
.themeCard__cate:lang(en) {
  font-family: "Outfit", sans-serif;
  font-weight: 600;
}
@media (max-width: 767px) {
  .themeCard__cate {
    font-size: 2.0512820513vw;
    top: 2.5641025641vw;
    right: 2.5641025641vw;
  }
}
.themeCard__icon {
  margin: 0 auto;
  width: clamp(0px, 4.1666666667vw, 60px);
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .themeCard__icon {
    width: 10.2564102564vw;
  }
  .themeCard__icon:lang(en) {
    width: 12.8205128205vw;
  }
}
.themeCard__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 3em;
  font-size: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 700;
  line-height: 1.4;
  text-align: center;
}
.themeCard__name:lang(en) {
  height: 4em;
}
@media (max-width: 767px) {
  .themeCard__name {
    font-size: 3.5897435897vw;
    height: 4em;
  }
  .themeCard__name:lang(en) {
    height: 3em;
  }
}
.themeCard__date {
  color: #0068b7;
  font-weight: 600;
  text-align: center;
}
@media (max-width: 767px) {
  .themeCard__date {
    line-height: 1.4;
  }
  .themeCard__date:lang(en) br {
    display: none;
  }
}
.themeCard__text {
  text-align: center;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  line-height: 2;
}
@media (max-width: 767px) {
  .themeCard__text {
    font-size: 2.5641025641vw;
    text-align: left;
  }
  .themeCard__text br {
    display: none;
  }
}
.themeCard__btn {
  margin: auto auto 0;
  width: clamp(0px, 9.0277777778vw, 130px);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 0.8333333333vw, 12px);
  color: #828487;
  text-align: center;
  border: 1px solid #d2d7da;
  border-radius: 10em;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .themeCard__btn {
    width: 25.641025641vw;
    font-size: 2.5641025641vw;
  }
}

.parsonCards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 0.6944444444vw, 10px) 1fr clamp(0px, 0.6944444444vw, 10px) 1fr clamp(0px, 0.6944444444vw, 10px) 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: clamp(0px, 0.6944444444vw, 10px);
}

.parsonCards > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.parsonCards > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.parsonCards > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.parsonCards > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media (max-width: 767px) {
  .parsonCards {
    -ms-grid-columns: 1fr 2.5641025641vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 2.5641025641vw;
  }
  .parsonCards > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .parsonCards > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

.parsonCard {
  padding: clamp(0px, 1.3888888889vw, 20px);
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: subgrid;
  grid-template-rows: subgrid;
  -ms-grid-row-span: 3;
  grid-row: span 3;
  gap: clamp(0px, 0.6944444444vw, 10px);
  width: 100%;
  height: 100%;
  border-radius: 10px;
  color: #222426;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  --profile: none;
  --btn-view: block;
  --btn-close: none;
  --photoWidth: clamp(0px, 6.9444444444vw, 100px);
  --nameHeight: 3em;
  --nameFontSize: clamp(0px, 0.9722222222vw, 14px);
  --affiliationFontSize: clamp(0px, 0.6944444444vw, 10px);
  --crFontSize: clamp(0px, 0.6944444444vw, 10px);
  --btnFontSize: clamp(0px, 0.8333333333vw, 12px);
}
@media (max-width: 767px) {
  .parsonCard {
    padding: 5.1282051282vw 3.8461538462vw;
    gap: 2.5641025641vw;
    --photoWidth: 15.3846153846vw;
    --nameFontSize: 3.5897435897vw;
    --affiliationFontSize: 2.5641025641vw;
    --crFontSize: 2.5641025641vw;
    --btnFontSize: 2.5641025641vw;
  }
}
.parsonCard__photoWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.3472222222vw, 5px);
}
@media (max-width: 767px) {
  .parsonCard__photoWrap {
    gap: 1.2820512821vw;
  }
}
.parsonCard__photo {
  margin: 0 auto;
  width: var(--photoWidth);
  height: var(--photoWidth);
  border-radius: 100em;
  overflow: hidden;
}
.parsonCard__photo img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
}
.parsonCard__cr {
  font-size: var(--crFontSize);
  color: #828487;
  text-align: right;
  line-height: 1.2;
}
.parsonCard__nameWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.3472222222vw, 5px);
}
.parsonCard__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: var(--nameFontSize);
  font-weight: 600;
  line-height: 1.4;
  text-align: center;
  min-height: var(--nameHeight);
}
.parsonCard__affiliation {
  font-size: var(--affiliationFontSize);
  color: #828487;
  text-align: center;
}
.parsonCard__btn {
  font-family: "Outfit", sans-serif;
  font-weight: 400;
  font-size: var(--btnFontSize);
  text-align: center;
  color: #828487;
  border: 1px solid #d2d7da;
  border-radius: 10em;
}
.parsonCard__btn--view {
  display: var(--btn-view);
}
.parsonCard__btn--close {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: 0 auto;
  padding: clamp(0px, 0.3472222222vw, 5px);
  width: clamp(0px, 13.8888888889vw, 200px);
  display: var(--btn-close);
  cursor: pointer;
}
@media (max-width: 767px) {
  .parsonCard__btn--close {
    padding: 0.7692307692vw;
    width: 100%;
  }
}
.parsonCard__profile {
  line-height: 2;
  display: var(--profile);
}
.parsonCard__closeMark {
  display: var(--btn-close);
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: clamp(0px, 2.7777777778vw, 40px);
  aspect-ratio: 1/1;
  color: #222426;
  position: absolute;
  top: clamp(0px, 0.6944444444vw, 10px);
  right: clamp(0px, 0.6944444444vw, 10px);
  cursor: pointer;
}
@media (max-width: 767px) {
  .parsonCard__closeMark {
    width: 10.2564102564vw;
    border-radius: 10.2564102564vw;
  }
}

.parsonCardZoom {
  padding: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: fixed;
  inset: 0;
  overflow-y: scroll;
  z-index: 1;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  --profile: block;
  --btn-view: none;
  --btn-close: flex;
  --photoWidth: clamp(0px, 11.1111111111vw, 160px);
  --nameHeight: auto;
  --nameFontSize: clamp(0px, 1.3888888889vw, 20px);
  --affiliationFontSize: clamp(0px, 0.9722222222vw, 14px);
  --crFontSize: clamp(0px, 0.8333333333vw, 12px);
  --btnFontSize: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .parsonCardZoom {
    padding: 0;
    --photoWidth: 30.7692307692vw;
    --nameFontSize: 4.6153846154vw;
    --affiliationFontSize: 3.0769230769vw;
    --crFontSize: 2.5641025641vw;
    --btnFontSize: 3.0769230769vw;
  }
}
.parsonCardZoom.is-show {
  z-index: 9;
  opacity: 1;
  pointer-events: all;
}
.parsonCardZoom__inner {
  margin: auto;
  padding: clamp(0px, 2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.3888888889vw, 20px);
  max-width: 600px;
  background-color: #fff;
  -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
  border-radius: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .parsonCardZoom__inner {
    margin: 0 10.2564102564vw;
    padding: 7.6923076923vw;
    gap: 5.1282051282vw;
    max-width: auto;
    max-height: 80%;
    overflow-y: scroll;
    overflow-x: hidden;
  }
}

.noticeList {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  text-align: right;
  font-size: clamp(0px, 0.8333333333vw, 12px);
}
@media (max-width: 767px) {
  .noticeList {
    margin-top: 2.5641025641vw;
    margin-bottom: 5.1282051282vw;
    font-size: 3.0769230769vw;
    text-align: left;
  }
}
.noticeList--programDetail {
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 1em;
  text-indent: -1em;
  text-align: left;
}
.noticeList--programDetail:lang(en) {
  margin-left: 0.5em;
  text-indent: -0.5em;
}

.indexHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media (max-width: 767px) {
  .indexHeader {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 12.8205128205vw;
  }
}

.indexMainTitle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  width: 38.1944444444%;
}
@media (max-width: 767px) {
  .indexMainTitle {
    margin: 0 auto;
    width: 80%;
  }
}
.indexMainTitle__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 2.0833333333vw, 30px);
  width: clamp(0px, 20.8333333333vw, 300px);
}
@media (max-width: 767px) {
  .indexMainTitle__inner {
    padding-top: 0;
    width: 100%;
    gap: 5.1282051282vw;
  }
}
.indexMainTitle__logo {
  margin: 0 auto;
  width: clamp(0px, 13.8888888889vw, 200px);
}
@media (max-width: 767px) {
  .indexMainTitle__logo {
    width: 25.641025641vw;
  }
}
.indexMainTitle__text {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .indexMainTitle__text {
    font-size: 3.0769230769vw;
  }
}
.indexMainTitle__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .indexMainTitle__btns {
    gap: 2.5641025641vw;
  }
}
.indexMainTitle__btn {
  margin: 0 auto;
  width: clamp(0px, 16.6666666667vw, 240px);
  height: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .indexMainTitle__btn {
    width: 51.2820512821vw;
    height: 7.6923076923vw;
  }
}

.indexMV {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  width: 61.8055555556%;
  aspect-ratio: 890/800;
  max-height: 800px;
  background-color: #ccc;
}
@media (max-width: 767px) {
  .indexMV {
    margin-bottom: 10.2564102564vw;
    width: 90%;
    aspect-ratio: 1/1.2;
  }
}
.indexMV__slide {
  position: relative;
  width: 100%;
  aspect-ratio: 890/800;
  max-height: 800px;
}
@media (max-width: 767px) {
  .indexMV__slide {
    aspect-ratio: 1/1.2;
  }
}
.indexMV__slide--1 {
  background-image: url("/expo-archive/theme-weeks/images/mv_1@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__slide--2 {
  background-image: url("/expo-archive/theme-weeks/images/mv_2@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__slide--3 {
  background-image: url("/expo-archive/theme-weeks/images/mv_3@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__slide--4 {
  background-image: url("/expo-archive/theme-weeks/images/mv_4@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__slide--5 {
  background-image: url("/expo-archive/theme-weeks/images/mv_5@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__slide--6 {
  background-image: url("/expo-archive/theme-weeks/images/mv_6@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__slide--7 {
  background-image: url("/expo-archive/theme-weeks/images/mv_7@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__slide--8 {
  background-image: url("/expo-archive/theme-weeks/images/mv_8@2x.webp");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
}
.indexMV__words {
  position: absolute;
  left: clamp(0px, 4.1666666667vw, 60px);
  bottom: clamp(0px, 3.4722222222vw, 50px);
  text-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.indexMV__word {
  color: #fff;
}
.indexMV__word--en {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 5.5555555556vw, 80px);
  font-weight: 100;
  line-height: 1;
  color: #fff;
}
@media (max-width: 767px) {
  .indexMV__word--en {
    font-size: 8.7179487179vw;
    line-height: 1.2;
  }
}
.indexMV__word--ja {
  font-weight: 700;
}
@media (max-width: 767px) {
  .indexMV__word--ja {
    font-size: 3.0769230769vw;
  }
}
.indexMV .splide__slide {
  width: 100%;
  height: 100%;
}
.indexMV .splide__pagination {
  left: auto;
  gap: 3px;
}
.indexMV .splide__pagination__page {
  margin: 0;
  width: 30px;
  height: 2px;
  background-color: #fff;
  border-radius: 0;
}
@media (max-width: 767px) {
  .indexMV .splide__pagination__page {
    width: 10px;
  }
}
.indexMV .splide__pagination__page.is-active {
  -webkit-transform: none;
  transform: none;
  width: 40px;
  background-color: #e60012;
}
@media (max-width: 767px) {
  .indexMV .splide__pagination__page.is-active {
    width: 20px;
  }
}

.indexThemesLead {
  margin-left: auto;
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  position: relative;
}
@media (max-width: 767px) {
  .indexThemesLead {
    margin-bottom: 10.2564102564vw;
  }
}
.indexThemesLead::before {
  content: "";
  display: block;
  aspect-ratio: 1160/600;
  background-color: #e60012;
  width: 80.5555555556%;
  max-height: 600px;
  position: absolute;
  top: clamp(-160px, -11.1111111111vw, -160px);
  right: 0;
  z-index: -1;
}
@media (max-width: 767px) {
  .indexThemesLead::before {
    width: 80%;
    aspect-ratio: auto;
    bottom: -40%;
  }
}
.indexThemesLead__inner {
  margin-left: auto;
  width: 63.5714285714%;
}
@media (max-width: 767px) {
  .indexThemesLead__inner {
    width: 75%;
  }
}
.indexThemesLead__heading {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  font-size: clamp(0px, 2.7777777778vw, 40px);
  font-weight: 700;
  color: #fff;
}
@media (max-width: 767px) {
  .indexThemesLead__heading {
    font-size: 5.1282051282vw;
  }
}
.indexThemesLead__text {
  line-height: 2;
  color: #fff;
}

.indexThemes {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .indexThemes {
    margin-bottom: 10.2564102564vw;
  }
}

.indexRow {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .indexRow {
    margin-bottom: 10.2564102564vw;
  }
}

.indexConnectBanner {
  position: relative;
}
.indexConnectBanner::before {
  content: "";
  display: block;
  border: 1px solid #d2d7da;
  position: absolute;
  inset: 3px;
  border-radius: 2px;
}
.indexConnectBanner a {
  padding: clamp(0px, 2.0833333333vw, 30px) clamp(0px, 2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 2.7777777778vw, 40px);
  color: #222426;
  border-radius: 3px;
  overflow: hidden;
  position: relative;
}
@media (hover: hover) and (pointer: fine) {
  .indexConnectBanner a:hover .indexConnectBanner__arrow {
    color: #e60012;
  }
  .indexConnectBanner a:hover .indexConnectBanner__arrow::after {
    color: inherit;
  }
}
@media (max-width: 767px) {
  .indexConnectBanner a {
    padding: 6.4102564103vw 5.1282051282vw 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.indexConnectBanner__logo {
  width: clamp(0px, 13.0555555556vw, 188px);
}
@media (max-width: 767px) {
  .indexConnectBanner__logo {
    width: 35.8974358974vw;
  }
}
.indexConnectBanner__text {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 700;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .indexConnectBanner__text {
    font-size: 2.8205128205vw;
  }
}
.indexConnectBanner__arrow {
  margin-left: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.3472222222vw, 5px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  color: #828487;
}
@media (max-width: 767px) {
  .indexConnectBanner__arrow {
    font-size: 2.5641025641vw;
  }
}
.indexConnectBanner__arrow::after {
  content: "\e5c8";
  color: #222426;
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 2.7777777778vw, 40px);
  font-weight: 200;
  line-height: 1;
}
@media (max-width: 767px) {
  .indexConnectBanner__arrow::after {
    font-size: 6.1538461538vw;
  }
}

.indexPrograms {
  padding: clamp(0px, 5.5555555556vw, 80px) 0;
  background-color: #d2d7da;
}
@media (max-width: 767px) {
  .indexPrograms {
    padding: 10.2564102564vw 0;
  }
}
.indexPrograms__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .indexPrograms__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}
.indexPrograms__header {
  padding-top: clamp(0px, 3.125vw, 45px);
  width: clamp(0px, 25.6944444444vw, 370px);
  position: relative;
}
@media (max-width: 767px) {
  .indexPrograms__header {
    padding-top: 6.4102564103vw;
    width: 100%;
  }
}
.indexPrograms__header::before {
  content: "";
  display: block;
  width: clamp(0px, 3.4722222222vw, 50px);
  aspect-ratio: 10/1;
  background-color: #e60012;
  position: absolute;
  top: 0;
}
@media (max-width: 767px) {
  .indexPrograms__header::before {
    width: 7.6923076923vw;
  }
}
.indexPrograms__title {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 4.1666666667vw, 60px);
  font-weight: 100;
  line-height: 1;
}
@media (max-width: 767px) {
  .indexPrograms__title {
    margin-bottom: 2.5641025641vw;
    font-size: 7.6923076923vw;
    font-weight: 200;
  }
}
.indexPrograms__desc {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .indexPrograms__desc {
    margin-bottom: 5.1282051282vw;
    font-size: 3.0769230769vw;
  }
}
.indexPrograms__btn {
  margin-bottom: clamp(0px, 1.0416666667vw, 15px);
  width: clamp(0px, 22.2222222222vw, 320px);
  height: clamp(0px, 3.4722222222vw, 50px);
}
@media (max-width: 767px) {
  .indexPrograms__btn {
    margin-bottom: 2.5641025641vw;
    width: 74.358974359vw;
    height: 11.5384615385vw;
  }
}
.indexPrograms__btn a {
  padding: 0 clamp(0px, 1.7361111111vw, 25px);
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .indexPrograms__btn a {
    padding: 0 5.1282051282vw;
  }
}
.indexPrograms__main {
  width: clamp(0px, 86.4583333333vw, 1245px);
}
@media (max-width: 1780px) {
  .indexPrograms__main {
    width: clamp(0px, 57.6388888889vw, 830px);
  }
}
@media (max-width: 767px) {
  .indexPrograms__main {
    margin: 0 -7.6923076923vw;
    width: auto;
    overflow: hidden;
  }
}
.indexPrograms__slides .programsCard {
  margin: clamp(0px, 1.3888888889vw, 20px);
  width: clamp(0px, 26.0416666667vw, 375px);
  height: calc(100% - 20px);
}
@media (max-width: 767px) {
  .indexPrograms__slides .programsCard {
    margin: 2.5641025641vw;
    width: 83.3333333333vw;
  }
}
.indexPrograms__slides .programsCard a {
  padding: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .indexPrograms__slides .programsCard a {
    padding: 3.8461538462vw;
  }
}
.indexPrograms__slides .programsCard a::before {
  content: none;
}
.indexPrograms__calender a {
  padding: clamp(0px, 1.0416666667vw, 15px) clamp(0px, 0.6944444444vw, 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: clamp(0px, 0.6944444444vw, 10px);
  -moz-column-gap: clamp(0px, 0.6944444444vw, 10px);
  column-gap: clamp(0px, 0.6944444444vw, 10px);
  border-top: 1px solid rgba(0, 0, 0, 0.15);
  border-bottom: 1px solid rgba(0, 0, 0, 0.15);
  -webkit-transition: color 0.2s, border-color 0.2s;
  transition: color 0.2s, border-color 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .indexPrograms__calender a:hover {
    border-top: 1px solid rgba(0, 0, 0, 0.3);
    border-bottom: 1px solid rgba(0, 0, 0, 0.3);
    color: #e60012;
  }
}
@media (max-width: 767px) {
  .indexPrograms__calender a {
    padding: 2.5641025641vw 1.2820512821vw;
    -webkit-box-pack: var(--justifyContent);
    -ms-flex-pack: var(--justifyContent);
    justify-content: var(--justifyContent);
  }
}
@media (max-width: 767px) {
  .indexPrograms__calender--inner {
    --justifyContent: center;
  }
}
.indexPrograms__calender__name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 700;
  gap: clamp(0px, 0.2083333333vw, 3px);
}
@media (max-width: 767px) {
  .indexPrograms__calender__name {
    font-size: 3.0769230769vw;
  }
}
.indexPrograms__calender__text {
  font-size: clamp(0px, 0.8333333333vw, 12px);
  color: #222426;
}
@media (max-width: 767px) {
  .indexPrograms__calender__text {
    font-size: 2.5641025641vw;
  }
}
.indexPrograms .splide {
  padding-bottom: 2.5em;
}
.indexPrograms .splide__arrow {
  background: #fff;
  opacity: 1;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.indexPrograms .splide__arrow svg {
  fill: #828487;
}
.indexPrograms .splide__arrow--prev {
  left: -2em;
}
@media (max-width: 767px) {
  .indexPrograms .splide__arrow--prev {
    left: 1em;
  }
}
.indexPrograms .splide__arrow--next {
  right: -2em;
}
@media (max-width: 767px) {
  .indexPrograms .splide__arrow--next {
    right: 1em;
  }
}
.indexPrograms .splide__pagination__page {
  background: #fff;
  opacity: 1;
}
.indexPrograms .splide__pagination__page.is-active {
  background: #e60012;
}

.indexPickup {
  padding: clamp(0px, 5.5555555556vw, 80px) 0;
  background-color: #0068b7;
}
@media (max-width: 767px) {
  .indexPickup {
    padding: 10.2564102564vw 0;
  }
}
.indexPickup__header {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}
@media (max-width: 767px) {
  .indexPickup__header {
    margin-bottom: 5.1282051282vw;
  }
}
.indexPickup__title {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 2.7777777778vw, 40px);
  font-weight: 200;
  color: #fff;
}
@media (max-width: 767px) {
  .indexPickup__title {
    font-size: 6.1538461538vw;
  }
}
.indexPickup__btn {
  width: clamp(0px, 13.8888888889vw, 200px);
  height: clamp(0px, 2.3611111111vw, 34px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .indexPickup__btn {
    width: 41.0256410256vw;
    height: 6.1538461538vw;
    font-size: 2.5641025641vw;
  }
}
.indexPickup__inner {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 2.7777777778vw, 40px) 1fr clamp(0px, 2.7777777778vw, 40px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .indexPickup__inner {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 5.1282051282vw;
  }
}

.indexNews {
  padding: clamp(0px, 5.5555555556vw, 80px) 0;
}
@media (max-width: 767px) {
  .indexNews {
    padding: 10.2564102564vw 0;
  }
}
.indexNews__header {
  margin-bottom: clamp(0px, 2.0833333333vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1;
}
@media (max-width: 767px) {
  .indexNews__header {
    margin-bottom: 2.5641025641vw;
  }
}
.indexNews__title {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 2.7777777778vw, 40px);
  font-weight: 200;
}
@media (max-width: 767px) {
  .indexNews__title {
    font-size: 6.1538461538vw;
  }
}
.indexNews__btn {
  width: clamp(0px, 13.8888888889vw, 200px);
  height: clamp(0px, 2.3611111111vw, 34px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .indexNews__btn {
    width: 41.0256410256vw;
    height: 6.1538461538vw;
    font-size: 2.5641025641vw;
  }
}
.indexNews__block {
  padding: clamp(0px, 0.6944444444vw, 10px) 0;
  width: clamp(0px, 32.6388888889vw, 470px);
}
@media (max-width: 767px) {
  .indexNews__block {
    padding: 2.5641025641vw 0;
    width: 83.3333333333vw;
  }
}
.indexNews__block a {
  padding: clamp(0px, 1.3888888889vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-radius: 5px;
  color: #222426;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .indexNews__block a {
    padding: 5.1282051282vw;
  }
}
.indexNews__date {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .indexNews__date {
    font-size: 3.5897435897vw;
  }
}
.indexNews__cate {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 700;
  color: #0068b7;
}
@media (max-width: 767px) {
  .indexNews__cate {
    font-size: 3.5897435897vw;
  }
}

.about {
  --pageHeaderWidth: clamp(0px, 54.8611111111vw, 790px);
}
@media (max-width: 767px) {
  .about .pt__en {
    white-space: nowrap;
  }
}

.aboutPageHeaderImage {
  margin-top: clamp(0px, 2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: clamp(0px, 31.25vw, 450px);
}
@media (max-width: 767px) {
  .aboutPageHeaderImage {
    width: 23.0769230769vw;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}
.aboutPageHeaderImage__logo {
  width: clamp(0px, 13.8888888889vw, 200px);
}
@media (max-width: 767px) {
  .aboutPageHeaderImage__logo {
    margin-bottom: -12.8205128205vw;
    width: 100%;
  }
}

.aboutSection {
  margin-bottom: clamp(0px, 6.9444444444vw, 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  position: relative;
}
@media (max-width: 767px) {
  .aboutSection {
    margin-bottom: 25.641025641vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .aboutSection::before {
    content: "";
    margin-left: -7.6923076923vw;
    display: var(--bgDisplay, none);
    position: sticky;
    top: 0;
    left: 0;
    width: 90%;
    height: 153.8461538462vw;
    background-color: var(--bgColor);
  }
}
.aboutSection--theme {
  --bgColor: #e60012;
  --bgDisplay: block;
}
.aboutSection--join {
  --bgColor: #0068b7;
  --bgDisplay: block;
}
.aboutSection--connect {
  margin: 0 clamp(-100px, -6.9444444444vw, -6.9444444444vw);
  padding: clamp(0px, 5.5555555556vw, 80px);
  background-color: #d2d7da;
}
@media (max-width: 767px) {
  .aboutSection--connect {
    padding: 10.2564102564vw;
    margin: 0 -7.6923076923vw;
  }
}
.aboutSection__inner {
  width: 100%;
}
.aboutSection__heading {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  font-size: clamp(0px, 2.2222222222vw, 32px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .aboutSection__heading {
    font-size: 5.1282051282vw;
  }
}

.aboutSectionHeader {
  padding-top: clamp(0px, 6.9444444444vw, 100px);
  padding-right: clamp(0px, 5.5555555556vw, 80px);
  position: sticky;
  top: 0;
  left: 0;
  width: 29.8387096774%;
  min-height: 600px;
  color: #fff;
}
@media (max-width: 767px) {
  .aboutSectionHeader {
    margin-top: -153.8461538462vw;
    padding-top: 20.5128205128vw;
    padding-right: 7.6923076923vw;
    width: 70%;
    min-height: auto;
    position: relative;
  }
}
.aboutSectionHeader__title {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  font-size: clamp(0px, 2.2222222222vw, 32px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .aboutSectionHeader__title {
    font-size: 6.1538461538vw;
  }
}
.aboutSectionHeader__text {
  line-height: 2;
}
.aboutSectionHeader::before {
  content: "";
  display: block;
  background-color: var(--bgColor);
  position: absolute;
  top: 0;
  left: -100px;
  right: -91.8918918919%;
  bottom: clamp(0px, 2.7777777778vw, 40px);
  z-index: -1;
}
@media (max-width: 767px) {
  .aboutSectionHeader::before {
    content: none;
  }
}

.aboutSectionContents {
  margin-top: clamp(0px, 6.9444444444vw, 100px);
  width: 63.7096774194%;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .aboutSectionContents {
    margin-top: 10.2564102564vw;
    margin-left: auto;
    width: 90%;
  }
}

.aboutThemeCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .aboutThemeCards {
    gap: 5.1282051282vw;
  }
}

.aboutThemeCard {
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
@media (max-width: 767px) {
  .aboutThemeCard {
    border-radius: 5px;
  }
}
.aboutThemeCard__content {
  padding: clamp(0px, 2.7777777778vw, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .aboutThemeCard__content {
    padding: 5.1282051282vw;
  }
}
.aboutThemeCard__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: clamp(0px, 36.8055555556vw, 530px);
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .aboutThemeCard__inner {
    width: 100%;
    gap: 2.5641025641vw;
  }
}
.aboutThemeCard__heading {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
.aboutThemeCard__icon {
  display: block;
  width: clamp(0px, 4.1666666667vw, 60px);
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .aboutThemeCard__icon {
    width: 10.2564102564vw;
  }
}
.aboutThemeCard__cate {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  color: #828487;
}
@media (max-width: 767px) {
  .aboutThemeCard__cate {
    margin-bottom: 1.2820512821vw;
    font-size: 2.5641025641vw;
  }
}
.aboutThemeCard__name {
  font-size: clamp(0px, 1.6666666667vw, 24px);
}
@media (max-width: 767px) {
  .aboutThemeCard__name {
    font-size: 4.6153846154vw;
    line-height: 1.3;
  }
}
.aboutThemeCard__date {
  color: #0068b7;
  font-weight: 600;
}
@media (max-width: 767px) {
  .aboutThemeCard__date {
    line-height: 1.4;
  }
  .aboutThemeCard__date:lang(en) br {
    display: none;
  }
}
.aboutThemeCard__text {
  line-height: 2;
}
.aboutThemeCard__domain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(0px, 0.8333333333vw, 12px);
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .aboutThemeCard__domain {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 2.5641025641vw;
  }
}
.aboutThemeCard__domain__dt {
  font-weight: 700;
  color: #828487;
}
.aboutThemeCard__domain__dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.aboutThemeCard__domain__li {
  display: inline-block;
}
.aboutThemeCard__domain__li::after {
  content: "、";
}
.aboutThemeCard__domain__li:lang(en)::after {
  content: ", ";
}
.aboutThemeCard__domain__li:last-child::after {
  content: none;
}
.aboutThemeCard__btn {
  width: clamp(0px, 10.4166666667vw, 150px);
  height: clamp(0px, 2.0833333333vw, 30px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  position: absolute;
  top: clamp(0px, 2.7777777778vw, 40px);
  right: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .aboutThemeCard__btn {
    margin-top: 5.1282051282vw;
    position: static;
    width: 100%;
    height: auto;
    aspect-ratio: 20/2;
    font-size: 2.5641025641vw;
  }
}
.aboutThemeCard__btn a {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
@media (hover: hover) and (pointer: fine) {
  .aboutThemeCard__btn a:hover {
    background-color: #e60012;
    border-color: #e60012;
    color: #fff;
  }
}

.aboutJoinCards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .aboutJoinCards {
    gap: 5.1282051282vw;
  }
}

.aboutJoinCard {
  padding: clamp(0px, 4.1666666667vw, 60px);
  border-radius: 10px;
  overflow: hidden;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05);
  background-color: #fff;
}
@media (max-width: 767px) {
  .aboutJoinCard {
    padding: 7.6923076923vw;
    border-radius: 5px;
  }
}
.aboutJoinCard__header {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .aboutJoinCard__header {
    margin-bottom: 5.1282051282vw;
  }
}
.aboutJoinCard__header__label {
  color: #e60012;
  font-family: "Outfit", sans-serif;
}
@media (max-width: 767px) {
  .aboutJoinCard__header__label {
    font-size: 3.0769230769vw;
  }
}
.aboutJoinCard__header__name {
  color: #828487;
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 2.7777777778vw, 40px);
  font-weight: 100;
  line-height: 1;
}
@media (max-width: 767px) {
  .aboutJoinCard__header__name {
    font-size: 8.2051282051vw;
  }
}
.aboutJoinCard__heading {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  font-size: clamp(0px, 1.6666666667vw, 24px);
}
@media (max-width: 767px) {
  .aboutJoinCard__heading {
    margin-bottom: 3.8461538462vw;
    font-size: 4.6153846154vw;
  }
}
.aboutJoinCard__text {
  margin-bottom: clamp(0px, 2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .aboutJoinCard__text {
    margin-bottom: 3.8461538462vw;
  }
}
.aboutJoinCard__btn {
  width: clamp(0px, 15.2777777778vw, 220px);
  aspect-ratio: 220/50;
}
@media (max-width: 767px) {
  .aboutJoinCard__btn {
    width: 100%;
  }
}

.aboutJoinStyle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .aboutJoinStyle {
    gap: 5.1282051282vw;
  }
}
.aboutJoinStyle__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .aboutJoinStyle__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}
.aboutJoinStyle__icon {
  width: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .aboutJoinStyle__icon {
    width: auto;
  }
}
.aboutJoinStyle__icon span {
  font-size: clamp(0px, 6.9444444444vw, 100px);
  color: #0068b7;
  font-variation-settings: "wght" 100;
}
@media (max-width: 767px) {
  .aboutJoinStyle__icon span {
    font-size: 12.8205128205vw;
  }
}
.aboutJoinStyle__heading {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
  color: #0068b7;
  font-size: clamp(0px, 1.25vw, 18px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .aboutJoinStyle__heading {
    margin-bottom: 2.5641025641vw;
    font-size: 4.1025641026vw;
  }
}
.aboutJoinStyle__btn {
  margin-top: clamp(0px, 1.3888888889vw, 20px);
  width: 100%;
  aspect-ratio: 540/80;
}
@media (max-width: 767px) {
  .aboutJoinStyle__btn {
    margin-top: 2.5641025641vw;
    aspect-ratio: auto;
    height: 20.5128205128vw;
  }
}
.aboutJoinStyle__btn a {
  padding: 0 clamp(0px, 2.0833333333vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 5px;
  position: relative;
  color: #222426;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .aboutJoinStyle__btn a {
    padding: 3.8461538462vw;
  }
}
.aboutJoinStyle__btn a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 2px;
  border: 1px solid #d2d7da;
  border-radius: 3px;
}
.aboutJoinStyle__btn a::after {
  margin-left: auto;
  content: "\e89e";
  color: #828487;
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.3888888889vw, 20px);
  line-height: 1;
}
@media (max-width: 767px) {
  .aboutJoinStyle__btn a::after {
    font-size: 4.1025641026vw;
  }
}
.aboutJoinStyle__btn a span {
  margin-right: clamp(0px, 0.3472222222vw, 5px);
  color: #e60012;
}
.aboutJoinStyle__btn a:hover {
  color: #e60012;
}

.aboutTrackTable {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .aboutTrackTable {
    margin-bottom: 10.2564102564vw;
    overflow-x: scroll;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 5px;
  }
}
.aboutTrackTable__table {
  width: 100%;
}
@media (max-width: 767px) {
  .aboutTrackTable__table {
    width: 300%;
  }
}
.aboutTrackTable__table th,
.aboutTrackTable__table td {
  border: 1px solid rgba(0, 0, 0, 0.1);
  text-align: center;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .aboutTrackTable__table th,
  .aboutTrackTable__table td {
    border-top: none;
    border-left: none;
  }
}
.aboutTrackTable__table th {
  background-color: #0068b7;
  color: #fff;
  font-weight: 700;
}
@media (max-width: 767px) {
  .aboutTrackTable__table th {
    position: sticky;
    left: 0;
    z-index: 1;
  }
}
.aboutTrackTable__table th span {
  white-space: pre;
  display: inline-block;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.aboutTrackTable__table td {
  padding: clamp(0px, 1.0416666667vw, 15px);
  width: 19.03%;
  height: clamp(0px, 13.8888888889vw, 200px);
  max-height: 200px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .aboutTrackTable__table td {
    height: 38.4615384615vw;
  }
  .aboutTrackTable__table td:last-child {
    border-right: none;
  }
}
@media (max-width: 767px) {
  .aboutTrackTable__table tr:last-child th,
  .aboutTrackTable__table tr:last-child td {
    border-bottom: none;
  }
}

.aboutTrackTInfo__row {
  margin-bottom: clamp(0px, 4.1666666667vw, 60px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__row {
    margin-bottom: 7.6923076923vw;
  }
}
.aboutTrackTInfo__heading {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
  font-size: clamp(0px, 1.6666666667vw, 24px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .aboutTrackTInfo__heading {
    gap: 2.5641025641vw;
    margin-bottom: 1.2820512821vw;
    font-size: 4.1025641026vw;
  }
}
.aboutTrackTInfo__heading::before {
  content: "";
  display: block;
  width: clamp(0px, 1.0416666667vw, 15px);
  height: 2px;
  background-color: #e60012;
}
@media (max-width: 767px) {
  .aboutTrackTInfo__heading::before {
    width: 2.5641025641vw;
  }
}
.aboutTrackTInfo__content {
  margin-left: clamp(0px, 1.7361111111vw, 25px);
}
.aboutTrackTInfo__content--connect {
  width: clamp(0px, 69.4444444444vw, 1000px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__content--connect {
    margin-top: 2.5641025641vw;
    width: auto;
  }
}
@media (max-width: 767px) {
  .aboutTrackTInfo__content {
    margin-left: 5.1282051282vw;
  }
}
.aboutTrackTInfo__text {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__text {
    margin-bottom: 2.5641025641vw;
  }
}
.aboutTrackTInfo__dl {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  row-gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__dl {
    display: block;
  }
}
.aboutTrackTInfo__dl dt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
  width: clamp(0px, 11.1111111111vw, 160px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__dl dt {
    margin-bottom: 1.2820512821vw;
    width: 100%;
  }
}
.aboutTrackTInfo__dl dt:lang(en) {
  width: clamp(0px, 15.9722222222vw, 230px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__dl dt:lang(en) {
    width: 100%;
  }
}
.aboutTrackTInfo__dl dt::after {
  content: "";
  margin: 0 clamp(0px, 0.3472222222vw, 5px);
  display: inline-block;
  width: 100%;
  height: 1px;
  border-bottom: 2px dotted #d2d7da;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .aboutTrackTInfo__dl dt::after {
    content: none;
  }
}
@media (max-width: 767px) {
  .aboutTrackTInfo__dl dd {
    margin-left: 1em;
    margin-bottom: 2.5641025641vw;
  }
}
.aboutTrackTInfo__flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 2.7777777778vw, 40px);
  position: relative;
}
@media (max-width: 767px) {
  .aboutTrackTInfo__flex {
    display: block;
  }
}
.aboutTrackTInfo__agendaLogo {
  width: clamp(0px, 4.1666666667vw, 60px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__agendaLogo {
    margin: 0 auto 2.5641025641vw;
    width: 15.3846153846vw;
  }
}
.aboutTrackTInfo__connectLogo {
  width: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__connectLogo {
    margin: 0 auto 2.5641025641vw;
    width: 20.5128205128vw;
  }
}
.aboutTrackTInfo__connectContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: clamp(0px, 27.7777777778vw, 400px);
}
@media (max-width: 767px) {
  .aboutTrackTInfo__connectContent {
    padding-right: 0;
  }
}
.aboutTrackTInfo__connectImage {
  width: clamp(0px, 27.7777777778vw, 400px);
  position: absolute;
  top: -2.5vw;
  right: 0;
}
@media (max-width: 767px) {
  .aboutTrackTInfo__connectImage {
    margin-top: 2.5641025641vw;
    position: static;
    width: 100%;
  }
}

.aboutConnect {
  margin: 0 auto;
  padding: clamp(0px, 4.1666666667vw, 60px) clamp(0px, 6.9444444444vw, 100px);
  background-color: #fff;
  border-radius: 20px;
  max-width: clamp(0px, 69.4444444444vw, 1000px);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .aboutConnect {
    padding: 7.6923076923vw 10.2564102564vw;
    max-width: 100%;
  }
}
.aboutConnect__heading {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  text-align: center;
}
@media (max-width: 767px) {
  .aboutConnect__heading {
    margin-bottom: 5.1282051282vw;
  }
}
.aboutConnect__logo {
  margin: 0 auto clamp(0px, 2.7777777778vw, 40px);
  width: clamp(0px, 10.4166666667vw, 150px);
}
@media (max-width: 767px) {
  .aboutConnect__logo {
    margin-bottom: 5.1282051282vw;
    width: 25.641025641vw;
  }
}
.aboutConnect__text {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .aboutConnect__text {
    margin-bottom: 5.1282051282vw;
  }
}
.aboutConnect__img {
  margin: 0 auto;
  width: clamp(0px, 41.6666666667vw, 600px);
}
@media (max-width: 767px) {
  .aboutConnect__img {
    width: 100%;
  }
}

.aboutPromotion__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 8.3333333333vw, 120px);
}
@media (max-width: 767px) {
  .aboutPromotion__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}
.aboutPromotion__column {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .aboutPromotion__column {
    gap: 5.1282051282vw;
  }
}
.aboutPromotion__block h3 {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 700;
}
.aboutPromotion__block ul {
  margin-left: 1em;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.5em;
}

.aboutNotice__subheading {
  font-weight: 700;
}
.aboutNotice__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .aboutNotice__container {
    gap: 10.2564102564vw;
  }
}
.aboutNotice__section {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .aboutNotice__section {
    gap: 5.1282051282vw;
  }
}
.aboutNotice__content {
  padding: clamp(0px, 2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  gap: clamp(0px, 2.7777777778vw, 40px);
  border: 1px solid #d2d7da;
  border-radius: 10px;
}
@media (max-width: 767px) {
  .aboutNotice__content {
    padding: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}
.aboutNotice__block {
  padding-right: clamp(0px, 2.7777777778vw, 40px);
  width: clamp(0px, 20.8333333333vw, 300px);
  border-right: 1px solid #d2d7da;
}
@media (max-width: 767px) {
  .aboutNotice__block {
    padding-bottom: 3.8461538462vw;
    padding-right: 0;
    width: 100%;
    border-right: none;
    border-bottom: 1px solid #d2d7da;
  }
}
.aboutNotice__title {
  font-weight: 700;
  font-size: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 400;
  color: #0068b7;
}
@media (max-width: 767px) {
  .aboutNotice__title {
    font-size: 4.1025641026vw;
  }
}
.aboutNotice__text {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .aboutNotice__text {
    font-size: 3.0769230769vw;
  }
}
.aboutNotice__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(0px, 1.3888888889vw, 20px);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .aboutNotice__items {
    gap: 5.1282051282vw;
  }
}
.aboutNotice__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .aboutNotice__item {
    gap: 2.5641025641vw;
  }
}
.aboutNotice__icon {
  width: clamp(0px, 3.6111111111vw, 52px);
  aspect-ratio: 1/1;
  background-color: #e60012;
  border-radius: 50%;
  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;
  color: #fff;
}
@media (max-width: 767px) {
  .aboutNotice__icon {
    width: 12.3076923077vw;
  }
}
.aboutNotice__itemContent {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.aboutNotice__itemTitle {
  color: #e60012;
  font-weight: 700;
}
@media (max-width: 767px) {
  .aboutNotice__itemTitle {
    font-size: 3.5897435897vw;
    line-height: 1.4;
  }
}
.aboutNotice__itemText {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .aboutNotice__itemText {
    font-size: 3.0769230769vw;
  }
}
.aboutNotice__access {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 2.7777777778vw, 40px) 30%;
  grid-template-columns: 1fr 30%;
  gap: clamp(0px, 2.7777777778vw, 40px);
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .aboutNotice__access {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5641025641vw;
  }
}
.aboutNotice__mapFrame {
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .aboutNotice__mapFrame {
    aspect-ratio: 1/1;
  }
}
.aboutNotice__mapFrame iframe {
  width: 100%;
  height: 100%;
  border: none;
}
.aboutNotice__image {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
.aboutNotice__image img {
  margin-bottom: clamp(0px, 0.3472222222vw, 5px);
}

.programsIndex {
  --pageHeaderWidth: clamp(0px, 54.8611111111vw, 790px);
}
@media (max-width: 767px) {
  .programsIndex {
    --pageHeaderWidth: 100%;
  }
}

.programsResult {
  --pageHeaderWidth: 100%;
}

.programsPt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .programsPt {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}
.programsPt__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
  width: var(--pageHeaderWidth, clamp(0px, 49.3055555556vw, 710px));
}
@media (max-width: 767px) {
  .programsPt__main {
    gap: 7.6923076923vw;
    width: 100%;
  }
}
.programsPt__title {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 1.3888888889vw, 20px);
  color: #e60012;
}
@media (max-width: 767px) {
  .programsPt__title {
    font-size: 3.5897435897vw;
  }
}
.programsPt__name {
  font-size: clamp(0px, 4.4444444444vw, 64px);
  font-weight: 300;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .programsPt__name {
    font-size: 8.2051282051vw;
  }
}
.programsPt__nameWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
.programsPt__desc {
  color: #828487;
}
@media (max-width: 767px) {
  .programsPt__desc {
    font-size: 3.0769230769vw;
  }
}
.programsPt__text {
  line-height: 2;
}
.programsPt__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .programsPt__info {
    gap: 2.5641025641vw;
  }
}
.programsPt__info dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsPt__info dl {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 3.0769230769vw;
  }
}
.programsPt__info dt {
  color: #0068b7;
  font-weight: 700;
  width: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .programsPt__info dt {
    width: 100%;
  }
}
.programsPt__info dd {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.programsPt__image {
  width: clamp(0px, 31.25vw, 450px);
}
@media (max-width: 767px) {
  .programsPt__image {
    width: 100%;
  }
}

.programsPageHeaderImage {
  position: absolute;
}
@media (max-width: 767px) {
  .programsPageHeaderImage {
    display: none;
  }
}
.programsPageHeaderImage--1 {
  width: clamp(0px, 17.3611111111vw, 250px);
  aspect-ratio: 25/40;
  background: url(/expo-archive/theme-weeks/images/program/header_img_1.webp) no-repeat center center;
  background-size: cover;
  top: clamp(-35px, -2.4305555556vw, -35px);
  right: 0;
}
.programsPageHeaderImage--2 {
  width: clamp(0px, 17.3611111111vw, 250px);
  aspect-ratio: 1.4/1;
  background: url(/expo-archive/theme-weeks/images/program/header_img_2.webp) no-repeat center center;
  background-size: cover;
  bottom: clamp(-20px, -1.3888888889vw, -20px);
  right: clamp(0px, 8.3333333333vw, 120px);
}

.programsContents {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .programsContents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.programsContents__side {
  padding-right: clamp(0px, 2.7777777778vw, 40px);
  width: 22.5806451613%;
  border-right: 1px solid #f1f3f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .programsContents__side {
    padding-right: 0;
    width: 100%;
    border-right: none;
  }
}
.programsContents__main {
  width: 74.1935483871%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .programsContents__main {
    width: 100%;
  }
}
.programsContents__main--full {
  width: 100%;
}

.programsFilter {
  top: clamp(0px, 1.3888888889vw, 20px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .programsFilter {
    position: static;
    font-size: 3.5897435897vw;
    background-color: #fff;
    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    position: fixed;
    inset: 7.6923076923vw;
    z-index: 1;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .programsFilter.is-show {
    z-index: 9;
    opacity: 1;
    pointer-events: all;
  }
}
@media (max-width: 767px) {
  .programsFilter__inner {
    padding: 7.6923076923vw 5.1282051282vw;
    overflow-y: scroll;
    height: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
.programsFilter__section {
  margin-bottom: clamp(0px, 2.0833333333vw, 30px);
}
@media (max-width: 767px) {
  .programsFilter__section {
    margin-bottom: 5.1282051282vw;
  }
}
.programsFilter__title {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  font-weight: 600;
  color: #828487;
}
@media (max-width: 767px) {
  .programsFilter__title {
    margin-bottom: 5.1282051282vw;
  }
}
.programsFilter__heading {
  margin-bottom: clamp(0px, 1.3888888889vw, 20px);
  font-weight: 600;
  color: #0068b7;
}
@media (max-width: 767px) {
  .programsFilter__heading {
    margin-bottom: 2.5641025641vw;
  }
}
.programsFilter__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .programsFilter__ul {
    gap: 2.5641025641vw;
  }
}
.programsFilter__ul--tag {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(0px, 0.3472222222vw, 5px);
}
@media (max-width: 767px) {
  .programsFilter__ul--tag {
    gap: 1.2820512821vw;
  }
}
.programsFilter__li input {
  display: none;
  --checkboxStatus: "";
}
.programsFilter__li input:checked + label {
  color: #e60012;
}
.programsFilter__li input:checked + label::before {
  content: "\e834";
  color: #e60012;
}
.programsFilter__li input:checked + .label-tag {
  border: 1px solid #e60012;
}
.programsFilter__li input:checked + .label-tag::before {
  content: none;
}
.programsFilter__li label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3px;
  cursor: pointer;
}
.programsFilter__li label::before {
  content: "\e835";
  color: #d2d7da;
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.5277777778vw, 22px);
  line-height: 1;
}
@media (max-width: 767px) {
  .programsFilter__li label::before {
    font-size: 5.1282051282vw;
  }
}
.programsFilter__li label:hover {
  color: #e60012;
}
.programsFilter__li label.label-tag {
  padding: clamp(0px, 0.2083333333vw, 3px) clamp(0px, 1.3888888889vw, 20px);
  display: inline-block;
  border: 1px solid #d2d7da;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .programsFilter__li label.label-tag {
    padding: 0.5128205128vw 5.1282051282vw;
  }
}
.programsFilter__li label.label-tag::before {
  content: none;
}
.programsFilter__submit {
  margin-top: clamp(0px, 2.0833333333vw, 30px);
  display: block;
  height: 40px;
}
@media (max-width: 767px) {
  .programsFilter__submit {
    margin-top: 7.6923076923vw;
  }
}
.programsFilter__close {
  display: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 10.2564102564vw;
  aspect-ratio: 1/1;
  background-color: #d2d7da;
  color: #222426;
  border-radius: 10.2564102564vw;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  position: fixed;
  top: 3.8461538462vw;
  right: 3.8461538462vw;
}
@media (max-width: 767px) {
  .programsFilter__close {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.programsFilterToggleBtn {
  margin-bottom: 5.1282051282vw;
  display: none;
  width: 100%;
  aspect-ratio: 10/1;
}
@media (max-width: 767px) {
  .programsFilterToggleBtn {
    display: block;
  }
}

.programsHeader {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
@media (max-width: 767px) {
  .programsHeader {
    margin-bottom: 7.6923076923vw;
  }
}

.programsNum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  line-height: 1.2;
}
.programsNum__total {
  font-size: clamp(0px, 1.25vw, 18px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .programsNum__total {
    font-size: 4.6153846154vw;
  }
}
.programsNum__perPage {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsNum__perPage {
    font-size: 3.0769230769vw;
  }
}

.programsSort {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 1.3888888889vw, 20px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsSort {
    font-size: 3.0769230769vw;
  }
}
.programsSort__heading {
  color: #828487;
}
@media (max-width: 767px) {
  .programsSort__heading {
    display: none;
  }
}
.programsSort__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-left: 1px solid #d2d7da;
}
.programsSort__li {
  padding: 0 clamp(0px, 1.3888888889vw, 20px);
  font-weight: 600;
  border-right: 1px solid #d2d7da;
  cursor: pointer;
}
@media (max-width: 767px) {
  .programsSort__li {
    padding: 0 2.5641025641vw;
  }
}
.programsSort__li--current {
  color: #e60012;
}
.programsSort__li:hover {
  text-decoration: underline;
  text-underline-offset: 4px;
}

.programsArticles {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 2.7777777778vw, 40px) 1fr clamp(0px, 2.7777777778vw, 40px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: clamp(0px, 2.7777777778vw, 40px);
}

.programsArticles > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.programsArticles > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.programsArticles > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}
@media (max-width: 767px) {
  .programsArticles {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 10.2564102564vw;
  }
}
.programsArticles.is-list {
  display: block;
}

.programsCard a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
  height: 100%;
  background-color: #fff;
  border-radius: 10px;
  color: #222426;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative;
}
@media (max-width: 767px) {
  .programsCard a {
    gap: 1.7948717949vw;
  }
}
.programsCard a::before {
  content: "";
  position: absolute;
  inset: -15px;
  background-color: #fff;
  z-index: -1;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  border: 1px solid #f1f3f4;
  border-radius: 10px;
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media (hover: hover) and (pointer: fine) {
  .programsCard a:hover::before {
    opacity: 1;
  }
}
.programsCard__thumb {
  width: 100%;
  aspect-ratio: 16/9;
  border-radius: 5px;
  overflow: hidden;
  position: relative;
  background-color: #f1f3f4;
  z-index: 1;
}
.programsCard__thumb img {
  width: 100%;
  aspect-ratio: 16/9;
  -o-object-fit: contain;
  object-fit: contain;
  position: relative;
  z-index: -1;
}
.programsCard__photo {
  -webkit-box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.15);
}
.programsCard__theme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.3472222222vw, 5px);
  font-size: clamp(0px, 0.6944444444vw, 10px);
  font-weight: 600;
  line-height: 1;
  background-color: #fff;
}
@media (max-width: 767px) {
  .programsCard__theme {
    gap: 1.2820512821vw;
    font-size: 3.0769230769vw;
  }
}
.programsCard__theme::before {
  content: "";
  display: inline-block;
  width: clamp(0px, 1.1111111111vw, 16px);
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .programsCard__theme::before {
    width: 5.1282051282vw;
  }
}
.programsCard__theme--mb {
  display: none;
}
.programsCard__themeOnPhoto {
  padding: clamp(0px, 0.3472222222vw, 5px) clamp(0px, 0.6944444444vw, 10px);
  position: absolute;
  right: 0;
  bottom: 0;
  border-radius: 5px 0 0 0;
  background: #fff;
  -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
}
@media (max-width: 767px) {
  .programsCard__themeOnPhoto {
    padding: 1.2820512821vw 2.5641025641vw;
  }
}
.programsCard__themeOnPhoto::before, .programsCard__themeOnPhoto::after {
  content: "";
  display: block;
  width: 5px;
  aspect-ratio: 1/1;
  background-image: url(/expo-archive/theme-weeks/images/round_out.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
  position: absolute;
}
.programsCard__themeOnPhoto::before {
  left: -5px;
  bottom: 0;
  -webkit-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.programsCard__themeOnPhoto::after {
  top: -5px;
  right: 0;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.programsCard__labelOnPhoto {
  padding: clamp(0px, 0.4861111111vw, 7px) clamp(0px, 0.6944444444vw, 10px);
  background-color: #222426;
  height: clamp(0px, 1.6666666667vw, 24px);
  color: #fff;
  font-size: clamp(0px, 0.6944444444vw, 10px);
  font-weight: 600;
  line-height: 1;
  border-radius: 0 0 5px 0;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .programsCard__labelOnPhoto {
    padding: 1.7948717949vw 2.5641025641vw;
    height: 6.1538461538vw;
    font-size: 2.5641025641vw;
  }
}
.programsCard__labelOnPhoto.--archive {
  width: clamp(0px, 3.4722222222vw, 50px);
  background-image: url(/expo-archive/theme-weeks/images/icon_archive.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: clamp(0px, 1.5277777778vw, 22px);
}
@media (max-width: 767px) {
  .programsCard__labelOnPhoto.--archive {
    width: 16.6666666667vw;
    background-size: 5.641025641vw;
  }
}
.programsCard__sche__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: clamp(0px, 0.9vw, 15px);
  font-weight: 600;
  color: #0068b7;
}
@media (max-width: 767px) {
  .programsCard__sche__row {
    gap: 0.7692307692vw;
    font-size: 3.5897435897vw;
  }
}
.programsCard__sche__row::before {
  content: "\e8b5";
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsCard__sche__row::before {
    font-size: 4.1025641026vw;
  }
}
.programsCard__sche__date--end::before {
  content: "~";
}
.programsCard__sche__time {
  margin-left: clamp(0px, 0.2083333333vw, 3px);
}
.programsCard__sche__caution {
  margin-left: clamp(0px, 1.3194444444vw, 19px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  color: #828487;
}
@media (max-width: 767px) {
  .programsCard__sche__caution {
    margin-left: 4.8717948718vw;
    font-size: 3.0769230769vw;
  }
}
.programsCard__title {
  font-weight: 700;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
@media (max-width: 767px) {
  .programsCard__title {
    font-size: 4.1025641026vw;
  }
}
.programsCard__labels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 0.3em;
}
.programsCard__label {
  padding: 0.2em 0.5em;
  display: inline-block;
  font-size: clamp(0px, 0.7638888889vw, 11px);
  font-weight: 600;
  color: #fff;
  text-align: center;
  border-radius: 3px;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
  box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.3);
}
@media (max-width: 767px) {
  .programsCard__label {
    font-size: 3.0769230769vw;
  }
}
.programsCard__label--style {
  background-color: #0068b7;
}
.programsCard__label--procate {
  background-color: #f1f3f4;
  color: #0068b7;
}
.programsCard__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  line-height: 1.2;
  position: relative;
}
@media (max-width: 767px) {
  .programsCard__item {
    font-size: 3.5897435897vw;
  }
}
.programsCard__item--venue {
  --icon: "";
}
.programsCard__item--organiser {
  --icon: "";
}
.programsCard__item::before {
  content: var(--icon);
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.3888888889vw, 20px);
  position: relative;
  top: -0.15em;
}
@media (max-width: 767px) {
  .programsCard__item::before {
    font-size: 5.1282051282vw;
  }
}
.programsCard__today {
  --f: 0em; /* control the folded part*/
  --r: 0.5em; /* control the ribbon shape */
  position: absolute;
  left: clamp(0px, 0.6944444444vw, 10px);
  top: calc(-1 * var(--f));
  padding: 0.2em;
  background: #e60012;
  border-left: var(--f) solid rgba(0, 0, 0, 0.3333333333);
  border-bottom: var(--r) solid rgba(0, 0, 0, 0);
  clip-path: polygon(var(--f) 0, 100% 0, 100% 100%, calc(50% + var(--f) / 2) calc(100% - var(--r)), var(--f) 100%, var(--f) var(--f), 0 var(--f));
  z-index: 1;
  padding: clamp(0px, 0.6944444444vw, 10px);
  color: #fff;
  font-size: clamp(0px, 0.9027777778vw, 13px);
  font-weight: 600;
  line-height: 1.1;
  text-align: center;
}
@media (max-width: 767px) {
  .programsCard__today {
    left: 2.5641025641vw;
    padding: 2.5641025641vw;
    font-size: 3.3333333333vw;
  }
}

@media (max-width: 767px) {
  .programsList {
    margin: 0 -7.6923076923vw;
    padding: 0 7.6923076923vw;
    overflow-x: scroll;
  }
}
.programsList__table {
  width: 100%;
}
@media (max-width: 767px) {
  .programsList__table {
    width: 380%;
  }
}
.programsList__table thead {
  --padding: clamp(0px, 0.6944444444vw, 10px);
  --bgColor: #222426;
  --fontSize: clamp(0px, 0.8333333333vw, 12px);
  --color: #fff;
  --lineHeight: 1.2;
}
@media (max-width: 767px) {
  .programsList__table thead {
    --padding: 2.5641025641vw;
    --fontSize: 2.5641025641vw;
  }
}
.programsList__table tbody {
  --padding: clamp(0px, 1.0416666667vw, 15px);
  --fontSize: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsList__table tbody {
    --padding: 3.8461538462vw;
    --fontSize: 3.0769230769vw;
  }
}
.programsList__table th,
.programsList__table td {
  padding: var(--padding);
  font-size: var(--fontSize);
  color: var(--color);
  line-height: var(--lineHeight);
  background-color: var(--bgColor);
  vertical-align: middle;
  border: 1px solid rgba(0, 0, 0, 0.08);
}
.programsList__table th.length-date,
.programsList__table td.length-date {
  width: 10em;
}
.programsList__table th.length-time,
.programsList__table td.length-time {
  width: 10em;
}
.programsList__table th.length-name,
.programsList__table td.length-name {
  width: auto;
}
.programsList__table th.length-theme,
.programsList__table td.length-theme {
  width: 13em;
}
.programsList__table th.length-style,
.programsList__table td.length-style {
  width: 7em;
}
.programsList__table th.length-venue,
.programsList__table td.length-venue {
  width: 15em;
}
.programsList__table th.length-organiser,
.programsList__table td.length-organiser {
  width: 15em;
}

.programsPagenation {
  margin: clamp(0px, 5.5555555556vw, 80px) 0;
  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;
  line-height: 1;
}
@media (max-width: 767px) {
  .programsPagenation {
    margin: 10.2564102564vw 0;
  }
}
.programsPagenation__inner {
  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;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .programsPagenation__inner {
    gap: 2.5641025641vw;
  }
}
.programsPagenation__arrow {
  width: clamp(0px, 2.7777777778vw, 40px);
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .programsPagenation__arrow {
    width: 7.6923076923vw;
  }
}
.programsPagenation__arrow span {
  font-size: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .programsPagenation__arrow span {
    font-size: 7.6923076923vw;
  }
}
.programsPagenation__arrow a {
  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;
  color: #828487;
}
.programsPagenation__arrow a:hover {
  color: #222426;
}
.programsPagenation__pages {
  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;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .programsPagenation__pages {
    gap: 2.5641025641vw;
  }
}
.programsPagenation__page {
  width: clamp(0px, 2.7777777778vw, 40px);
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .programsPagenation__page {
    width: 7.6923076923vw;
  }
}
.programsPagenation__page a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border: 1px solid #d2d7da;
  border-radius: 20em;
  color: #828487;
}
.programsPagenation__page a:hover {
  border: 1px solid #e60012;
  color: #e60012;
}
.programsPagenation__page--current a {
  border: 1px solid #e60012;
  background: #e60012;
  color: #fff;
}
.programsPagenation__page--current a:hover {
  color: #fff;
}

.programsSearchKeyword {
  padding: clamp(0px, 2.7777777778vw, 40px);
  background-color: #f1f3f4;
  border-radius: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .programsSearchKeyword {
    padding: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.programsSearchKeyword__input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .programsSearchKeyword__input {
    width: 100%;
  }
}

.programsSearchThemes .themeCard__text, .programsSearchThemes .themeCard__btn {
  display: none;
}

.programsSearchBtns {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 1.3888888889vw, 20px) 1fr clamp(0px, 1.3888888889vw, 20px) 1fr clamp(0px, 1.3888888889vw, 20px) 1fr;
  grid-template-columns: repeat(4, 1fr);
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  gap: clamp(0px, 1.3888888889vw, 20px);
}

.programsSearchBtns > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.programsSearchBtns > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 3;
}

.programsSearchBtns > *:nth-child(3) {
  -ms-grid-row: 1;
  -ms-grid-column: 5;
}

.programsSearchBtns > *:nth-child(4) {
  -ms-grid-row: 1;
  -ms-grid-column: 7;
}
@media (max-width: 767px) {
  .programsSearchBtns {
    -ms-grid-columns: 1fr 2.5641025641vw 1fr;
    grid-template-columns: repeat(2, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    gap: 2.5641025641vw;
  }
  .programsSearchBtns > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .programsSearchBtns > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
}

.programsSearchBtn {
  aspect-ratio: 3/1;
}
@media (max-width: 767px) {
  .programsSearchBtn {
    aspect-ratio: 2/1;
  }
}
.programsSearchBtn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: clamp(0px, 1.25vw, 18px);
  font-weight: 500;
  color: #222426;
  text-align: center;
  line-height: 1.4;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .programsSearchBtn a {
    font-size: 3.5897435897vw;
  }
}

.bnr-searchPrograms {
  padding: clamp(0px, 1.3888888889vw, 20px);
  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;
  background-color: #222426;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .bnr-searchPrograms {
    padding: 2.5641025641vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.7948717949vw;
  }
}
.bnr-searchPrograms__text {
  color: #fff;
  font-weight: 600;
}
@media (max-width: 767px) {
  .bnr-searchPrograms__text {
    font-size: 2.8205128205vw;
  }
}
.bnr-searchPrograms__btn {
  width: clamp(0px, 15.2777777778vw, 220px);
  aspect-ratio: 22/5;
}
@media (max-width: 767px) {
  .bnr-searchPrograms__btn {
    width: 100%;
    aspect-ratio: 22/2.5;
  }
}

.bnr-tablePrograms {
  margin-bottom: clamp(0px, 0.6944444444vw, 10px);
  padding: clamp(0px, 1.3888888889vw, 20px);
  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;
  background-color: #0068b7;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .bnr-tablePrograms {
    margin-bottom: 2.5641025641vw;
    padding: 2.5641025641vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.7948717949vw;
  }
}
.bnr-tablePrograms__text {
  color: #fff;
  font-weight: 600;
}
@media (max-width: 767px) {
  .bnr-tablePrograms__text {
    font-size: 2.8205128205vw;
  }
}
.bnr-tablePrograms__btn {
  width: clamp(0px, 15.2777777778vw, 220px);
  aspect-ratio: 22/5;
}
@media (max-width: 767px) {
  .bnr-tablePrograms__btn {
    width: 100%;
    aspect-ratio: 22/2.5;
  }
}
.bnr-tablePrograms__btn a {
  background-color: #fff;
  color: #0068b7;
}

.input-text {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: clamp(0px, 4.1666666667vw, 60px);
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .input-text {
    height: 10.2564102564vw;
    gap: 1.2820512821vw;
  }
}
.input-text input {
  padding: 0 clamp(0px, 1.3888888889vw, 20px);
  width: 100%;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  border: 1px solid #d2d7da;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .input-text input {
    font-size: 16px;
  }
}
.input-text button {
  width: clamp(0px, 8.3333333333vw, 120px);
  background: #0068b7;
  border: none;
  font-family: "Noto Sans JP", sans-serif;
  font-size: clamp(0px, 1.1111111111vw, 16px);
  font-weight: 600;
  color: #fff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .input-text button {
    width: 20.5128205128vw;
    font-size: 3.0769230769vw;
  }
}

.alertBox {
  background-color: var(--bgColor, #f1f3f4);
  border-radius: 10px;
}
.alertBox--warning {
  --bgColor: #fde6e6;
}
.alertBox__inner {
  padding: clamp(0px, 1.3888888889vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .alertBox__inner {
    padding: 3.8461538462vw;
    gap: 2.5641025641vw;
  }
}
.alertBox__btn {
  aspect-ratio: 22/5;
  width: 100%;
  max-height: clamp(0px, 4.1666666667vw, 60px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .alertBox__btn {
    aspect-ratio: 22/4;
    max-height: none;
  }
}
.alertBox__btnSupple {
  margin-bottom: clamp(0px, 0.4861111111vw, 7px);
  line-height: 1.4;
  text-align: center;
}
@media (max-width: 767px) {
  .alertBox__btnSupple {
    margin-bottom: 2.5641025641vw;
  }
}

.programsDetail__text {
  line-height: 2;
}
.programsDetail__casts {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .programsDetail__casts {
    gap: 5.1282051282vw;
  }
}

.programsDetailHeader {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .programsDetailHeader {
    gap: 7.6923076923vw;
  }
}
.programsDetailHeader__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .programsDetailHeader__row {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 5.1282051282vw;
  }
}
.programsDetailHeader__main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 2.7777777778vw, 40px);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .programsDetailHeader__main {
    gap: 7.6923076923vw;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.programsDetailHeader__sub {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.3888888889vw, 20px);
  width: 25.8064516129%;
}
@media (max-width: 767px) {
  .programsDetailHeader__sub {
    width: 100%;
    gap: 5.1282051282vw;
  }
}
.programsDetailHeader__theme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
  font-weight: 700;
  position: relative;
}
.programsDetailHeader__theme::before {
  content: "";
  display: inline-block;
  width: clamp(0px, 1.6666666667vw, 24px);
  aspect-ratio: 1/1;
  position: relative;
  top: -0.05em;
}
@media (max-width: 767px) {
  .programsDetailHeader__theme::before {
    width: 5.1282051282vw;
  }
}
.programsDetailHeader__titleWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.2083333333vw, 3px);
}
@media (max-width: 767px) {
  .programsDetailHeader__titleWrap {
    gap: 1.2820512821vw;
  }
}
.programsDetailHeader__title {
  font-size: clamp(0px, 2.7777777778vw, 40px);
  color: #0068b7;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .programsDetailHeader__title {
    font-size: 7.1794871795vw;
  }
}
.programsDetailHeader__organiser {
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsDetailHeader__organiser {
    font-size: 3.0769230769vw;
  }
}
.programsDetailHeader__intro {
  line-height: 2;
}
.programsDetailHeader__styleWrap {
  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;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .programsDetailHeader__styleWrap {
    gap: 2.5641025641vw;
  }
}
.programsDetailHeader__style {
  padding: clamp(0px, 0.3472222222vw, 5px) clamp(0px, 1.0416666667vw, 15px);
  display: inline-block;
  background-color: #0068b7;
  font-size: clamp(0px, 0.8333333333vw, 12px);
  font-weight: 700;
  color: #fff;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .programsDetailHeader__style {
    padding: 1.2820512821vw 3.8461538462vw;
    font-size: 2.5641025641vw;
  }
}
.programsDetailHeader__style.--archive {
  background-color: #222426;
}
.programsDetailHeader__domain {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: clamp(0px, 0.6944444444vw, 10px) clamp(0px, 1.3888888889vw, 20px);
  color: #828487;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  line-height: 1.2;
}
@media (max-width: 767px) {
  .programsDetailHeader__domain {
    gap: 1.2820512821vw 2.5641025641vw;
    font-size: 3.0769230769vw;
  }
}
.programsDetailHeader__domain li::before {
  content: "#";
}
.programsDetailHeader__si {
  border-radius: 5px;
  overflow: hidden;
  border-collapse: collapse;
  border: 1px solid #fff;
  -webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.15);
  width: 50%;
}
@media (max-width: 767px) {
  .programsDetailHeader__si {
    width: 100%;
  }
}
.programsDetailHeader__si th, .programsDetailHeader__si td {
  padding: clamp(0px, 1.0416666667vw, 15px);
  border: 1px solid #d2d7da;
  font-size: clamp(0px, 0.8333333333vw, 12px);
  line-height: 1.4;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .programsDetailHeader__si th, .programsDetailHeader__si td {
    padding: 2.5641025641vw;
    font-size: 2.5641025641vw;
  }
}
.programsDetailHeader__si th {
  width: 40%;
  font-weight: 600;
  background-color: #f1f3f4;
}
.programsDetailHeader__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border: 1px solid #d2d7da;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.1);
}
@media (max-width: 767px) {
  .programsDetailHeader__info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.programsDetailHeader__info__block {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #d2d7da;
  max-width: var(--maxWidth);
}
@media (max-width: 767px) {
  .programsDetailHeader__info__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    font-size: 3.0769230769vw;
    border-right: none;
    max-width: 100%;
  }
  .programsDetailHeader__info__block + dl {
    border-top: 1px solid #d2d7da;
  }
}
.programsDetailHeader__info__block--date {
  --maxWidth: 60%;
}
.programsDetailHeader__info__block--venue {
  --maxWidth: 40%;
}
.programsDetailHeader__info__block dt,
.programsDetailHeader__info__block dd {
  padding: clamp(0px, 1.0416666667vw, 15px) clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .programsDetailHeader__info__block dt,
  .programsDetailHeader__info__block dd {
    padding: 2.5641025641vw;
  }
}
.programsDetailHeader__info__block dt {
  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;
  color: #e60012;
  border-right: 1px solid #d2d7da;
  max-width: clamp(0px, 10.4166666667vw, 150px);
}
@media (max-width: 767px) {
  .programsDetailHeader__info__block dt {
    padding: 1.2820512821vw 2.5641025641vw;
    width: auto;
    max-width: 100%;
    border-right: none;
    background-color: #f1f3f4;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
  }
}
.programsDetailHeader__info__block dd {
  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;
  -ms-flex-line-pack: center;
  align-content: center;
  gap: clamp(0px, 0.4166666667vw, 6px);
  font-weight: 600;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media (max-width: 767px) {
  .programsDetailHeader__info__block dd {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
  }
}
.programsDetailHeader__info__block dd a {
  display: inline-block;
  color: #222426;
  border-bottom: 1px dotted #828487;
}
.programsDetailHeader__info__block dd a:hover {
  color: #e60012;
  border-bottom: 1px solid #e60012;
}
.programsDetailHeader__info__block dd a[target=_blank]::after {
  content: "\e89e";
  font-family: "Material Symbols Outlined";
  vertical-align: bottom;
}
.programsDetailHeader__info__block .multiList {
  margin-left: 1.5em;
  list-style: disc;
}
@media (max-width: 767px) {
  .programsDetailHeader__info__block .multiList li + li {
    margin-top: 0.5em;
  }
}
.programsDetailHeader__info__block .date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 0.6944444444vw, 10px);
  font-size: clamp(0px, 1.25vw, 18px);
}
@media (max-width: 767px) {
  .programsDetailHeader__info__block .date {
    font-size: 3.8461538462vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.4;
    gap: 0;
  }
  .programsDetailHeader__info__block .date__day {
    width: 100%;
  }
}
.programsDetailHeader__info__block .date__day {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.programsDetailHeader__info__block .date__day--end::before {
  content: "~";
}
.programsDetailHeader__info__block .notice {
  font-weight: 400;
  margin-top: clamp(0px, 0.3472222222vw, 5px);
  width: 100%;
}
@media (max-width: 767px) {
  .programsDetailHeader__info__block .notice {
    margin-top: 1.2820512821vw;
  }
}
.programsDetailHeader__info__block .subinfo {
  font-weight: 400;
}
.programsDetailHeader__reserv {
  padding: clamp(0px, 1.3888888889vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 1.0416666667vw, 15px);
  -ms-grid-column: 2;
  grid-column: 2;
  -ms-grid-row: 1;
  -ms-grid-row-span: 4;
  grid-row: 1/5;
  background-color: #f1f3f4;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .programsDetailHeader__reserv {
    margin-top: 7.6923076923vw;
    padding: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 2.5641025641vw;
  }
}
.programsDetailHeader__reserv--alert {
  background-color: #fde6e6;
}
.programsDetailHeader__reserv__btn {
  aspect-ratio: 22/5;
  width: 100%;
  max-height: clamp(0px, 4.1666666667vw, 60px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .programsDetailHeader__reserv__btn {
    width: 100%;
    max-height: 12.8205128205vw;
  }
}

.programsDetailTracks__ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .programsDetailTracks__ul {
    gap: 5.1282051282vw;
  }
}
.programsDetailTracks__li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsDetailTracks__li {
    gap: 2.5641025641vw;
    font-size: 3.5897435897vw;
  }
}
.programsDetailTracks__li img {
  height: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .programsDetailTracks__li img {
    height: 25.641025641vw;
  }
}

.programsDetailImage {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
}
@media (max-width: 767px) {
  .programsDetailImage {
    margin-bottom: 10.2564102564vw;
  }
}
.programsDetailImage__img {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #f1f3f4;
}
.programsDetailImage__img iframe {
  width: 100%;
  height: 100%;
  max-width: 1240px;
  aspect-ratio: 16/9;
}
.programsDetailImage__cr {
  margin-top: clamp(0px, 0.6944444444vw, 10px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  color: #828487;
  text-align: right;
}
@media (max-width: 767px) {
  .programsDetailImage__cr {
    font-size: 2.5641025641vw;
  }
}

.programsDetailHighLight {
  margin-top: clamp(0px, 0.6944444444vw, 10px);
}
.programsDetailHighLight__blocks {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 1.3888888889vw, 20px) 1fr clamp(0px, 1.3888888889vw, 20px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0px, 1.3888888889vw, 20px);
}
.programsDetailHighLight__block {
  position: relative;
  --thumOpacity: 1;
  --textColor: #0068b7;
}
@media (hover: hover) and (pointer: fine) {
  .programsDetailHighLight__block:hover {
    --thumOpacity: 0.85;
    --textColor: #e60012;
  }
}
.programsDetailHighLight__thumb {
  opacity: var(--thumOpacity);
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.programsDetailHighLight__text {
  margin-top: clamp(0px, 0.6944444444vw, 10px);
  text-align: center;
}
@media (max-width: 767px) {
  .programsDetailHighLight__text {
    font-size: 3.0769230769vw;
  }
}
.programsDetailHighLight__text a {
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  color: var(--textColor);
}
@media (max-width: 767px) {
  .programsDetailHighLight__text a {
    display: block;
  }
}
.programsDetailHighLight__text a::before {
  content: "";
  display: block;
  position: absolute;
  inset: 0;
}
.programsDetailHighLight__text a::after {
  content: "-";
  display: inline-block;
  margin: 0 0.25em;
  -webkit-transform: translateY(-0.1em);
  transform: translateY(-0.1em);
}
@media (max-width: 767px) {
  .programsDetailHighLight__text a::after {
    content: none;
  }
}

.programsDetailSubPhoto__ul {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 1.3888888889vw, 20px) 1fr clamp(0px, 1.3888888889vw, 20px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .programsDetailSubPhoto__ul {
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
}
.programsDetailSubPhoto__li a {
  position: relative;
}
.programsDetailSubPhoto__li a::before {
  content: "";
  width: clamp(0px, 1.3888888889vw, 20px);
  aspect-ratio: 1;
  background: url(/expo-archive/theme-weeks/images/program/icon_zoom.png) no-repeat center center;
  background-size: contain;
  position: absolute;
  right: clamp(0px, 0.3472222222vw, 5px);
  bottom: clamp(0px, 0.3472222222vw, 5px);
  z-index: 1;
}

.programsDetailContents {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .programsDetailContents {
    margin-bottom: 15.3846153846vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.programsDetailContents__sub {
  padding-left: clamp(0px, 5.5555555556vw, 80px);
  width: 32.2580645161%;
  border-left: 1px solid #f1f3f4;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media (max-width: 767px) {
  .programsDetailContents__sub {
    padding-right: 0;
    width: 100%;
    border-right: none;
  }
}
.programsDetailContents__main {
  width: 61.2903225806%;
}
@media (max-width: 767px) {
  .programsDetailContents__main {
    width: 100%;
  }
}

.programsDetailpublish {
  padding: clamp(0px, 2.0833333333vw, 30px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: clamp(0px, 2.7777777778vw, 40px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
  background-color: #f1f3f4;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .programsDetailpublish {
    padding: 5.1282051282vw;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 1.2820512821vw;
    font-size: 3.5897435897vw;
  }
}
@media (hover: hover) and (pointer: fine) {
  .programsDetailpublish a:hover {
    color: #e60012;
  }
}
.programsDetailpublish__heading {
  color: #828487;
}
.programsDetailpublish__ul {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.programsDetailpublish--2 {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}

.programsDetailMiniInfo {
  position: sticky;
  top: clamp(0px, 2.7777777778vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 1.3888888889vw, 20px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .programsDetailMiniInfo {
    display: none;
  }
}
.programsDetailMiniInfo__theme {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.3472222222vw, 5px);
  font-weight: 700;
  position: relative;
}
.programsDetailMiniInfo__theme::before {
  content: "";
  display: inline-block;
  width: clamp(0px, 1.6666666667vw, 24px);
  aspect-ratio: 1/1;
  position: relative;
  top: -0.05em;
}
@media (max-width: 767px) {
  .programsDetailMiniInfo__theme::before {
    width: 5.1282051282vw;
  }
}
.programsDetailMiniInfo__title {
  font-size: clamp(0px, 1.25vw, 18px);
  color: #0068b7;
}
.programsDetailMiniInfo__intro {
  line-height: 2;
}
.programsDetailMiniInfo__info {
  font-weight: 600;
  line-height: 1.2;
}
.programsDetailMiniInfo__info ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.programsDetailMiniInfo__info li {
  padding-left: clamp(0px, 1.5277777778vw, 22px);
  position: relative;
}
.programsDetailMiniInfo__info li::before {
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 1.25vw, 18px);
  color: #e60012;
  position: absolute;
  top: 0;
  left: 0;
}
.programsDetailMiniInfo__info li.date {
  font-size: 1.1em;
}
.programsDetailMiniInfo__info li.date::before {
  content: "\e8b5";
  top: -0.1em;
}
@media (max-width: 767px) {
  .programsDetailMiniInfo__info li.date::before {
    font-size: 3.5897435897vw;
  }
}
@media (max-width: 767px) {
  .programsDetailMiniInfo__info li.date {
    font-size: 3.8461538462vw;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    line-height: 1.4;
    gap: 0;
  }
  .programsDetailMiniInfo__info li.date__day {
    width: 100%;
  }
}
.programsDetailMiniInfo__info li + li.date {
  margin-top: clamp(0px, 0.4861111111vw, 7px);
}
.programsDetailMiniInfo__info li + li.date::before {
  visibility: hidden;
}
.programsDetailMiniInfo__info li.vanue {
  margin-top: clamp(0px, 0.6944444444vw, 10px);
}
.programsDetailMiniInfo__info li.vanue::before {
  content: "\e0c8";
  -webkit-transform: translateY(-0.15em);
  transform: translateY(-0.15em);
}
@media (max-width: 767px) {
  .programsDetailMiniInfo__info li.vanue::before {
    font-size: 3.5897435897vw;
  }
}
.programsDetailMiniInfo__info li p {
  display: inline-block;
}
.programsDetailMiniInfo__info .notice {
  margin-top: clamp(0px, 0.3472222222vw, 5px);
  font-size: clamp(0px, 0.8333333333vw, 12px);
  font-weight: 400;
}
.programsDetailMiniInfo__reserv {
  padding: clamp(0px, 1.3888888889vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: clamp(0px, 0.6944444444vw, 10px);
  background-color: #f1f3f4;
  border-radius: 5px;
}
@media (max-width: 767px) {
  .programsDetailMiniInfo__reserv {
    padding: 5.1282051282vw;
    gap: 2.5641025641vw;
  }
}
.programsDetailMiniInfo__reserv__btn {
  aspect-ratio: 22/5;
  width: 100%;
  max-height: clamp(0px, 3.4722222222vw, 50px);
  font-weight: 700;
}

.programsDetailMiniImage__cr {
  margin-top: clamp(0px, 0.3472222222vw, 5px);
  font-size: clamp(0px, 0.6944444444vw, 10px);
  color: #828487;
  text-align: right;
}

.programsDetailThemes {
  padding: clamp(0px, 5.5555555556vw, 80px) 0;
}
.programsDetailThemes .themeCard__text, .programsDetailThemes .themeCard__btn {
  display: none;
}
@media (max-width: 767px) {
  .programsDetailThemes {
    padding: 15.3846153846vw 0;
  }
}

.otherPrograms {
  padding: clamp(0px, 4.1666666667vw, 60px) 0;
  background-color: #d2d7da;
}
@media (max-width: 767px) {
  .otherPrograms {
    padding: 10.2564102564vw 0;
  }
}
.otherPrograms__heading {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  margin-left: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .otherPrograms__heading {
    margin-bottom: 5.1282051282vw;
    margin-left: 7.6923076923vw;
  }
}
.otherPrograms__heading__en {
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 2.2222222222vw, 32px);
  font-weight: 200;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .otherPrograms__heading__en {
    font-size: 7.6923076923vw;
  }
}
.otherPrograms__inner {
  width: 100%;
  overflow: hidden;
}
.otherPrograms__slides .programsCard {
  margin: clamp(0px, 0.3472222222vw, 5px);
  width: clamp(0px, 25.6944444444vw, 370px);
  height: calc(100% - clamp(0px, 0.3472222222vw, 5px));
}
@media (max-width: 767px) {
  .otherPrograms__slides .programsCard {
    margin: 2.5641025641vw;
    width: 83.3333333333vw;
    height: calc(100% - 2.5641025641vw);
  }
}
.otherPrograms__slides .programsCard a {
  padding: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .otherPrograms__slides .programsCard a {
    padding: 3.8461538462vw;
  }
}
.otherPrograms__slides .programsCard a::before {
  content: none;
}
.otherPrograms .splide {
  padding-bottom: 2.5em;
}
.otherPrograms .splide__arrow {
  background: #fff;
  opacity: 1;
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}
.otherPrograms .splide__arrow svg {
  fill: #828487;
}
.otherPrograms .splide__pagination__page {
  background: #fff;
  opacity: 1;
}
.otherPrograms .splide__pagination__page.is-active {
  background: #e60012;
}

.newsContents {
  margin-bottom: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .newsContents {
    margin-bottom: 20.5128205128vw;
  }
}

.newsLists {
  margin-bottom: clamp(0px, 5.5555555556vw, 80px);
  border-top: 1px solid #f1f3f4;
}

.newsList a {
  padding: clamp(0px, 2.7777777778vw, 40px) clamp(0px, 1.3888888889vw, 20px);
  padding-right: clamp(0px, 4.8611111111vw, 70px);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto 1fr;
  grid-template-columns: auto 1fr;
  -ms-grid-rows: auto;
  grid-template-rows: auto;
  color: #222426;
  border-bottom: 1px solid #f1f3f4;
  position: relative;
}

.newsList a > *:nth-child(1) {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
}

.newsList a > *:nth-child(2) {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
}
@media (max-width: 767px) {
  .newsList a {
    padding: 5.1282051282vw 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}
.newsList a::before {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #d2d7da;
  position: absolute;
  top: -1px;
  opacity: 0;
}
.newsList a::after {
  content: "\e5c8";
  color: #d2d7da;
  font-family: "Material Symbols Outlined";
  font-size: clamp(0px, 2.7777777778vw, 40px);
  font-weight: 100;
  position: absolute;
  top: 50%;
  right: clamp(0px, 1.3888888889vw, 20px);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media (hover: hover) and (pointer: fine) {
  .newsList a:hover {
    border-bottom: 1px solid #d2d7da;
    background-color: #f1f3f4;
  }
  .newsList a:hover::before {
    opacity: 1;
  }
  .newsList a:hover::after {
    color: #e60012;
  }
}
.newsList__date {
  -ms-grid-column: 1;
  grid-column: 1;
  -ms-grid-row: 1;
  -ms-grid-row-span: 2;
  grid-row: 1/3;
  font-weight: 600;
  width: clamp(0px, 9.7222222222vw, 140px);
}
@media (max-width: 767px) {
  .newsList__date {
    margin-bottom: 2.5641025641vw;
    font-size: 4.1025641026vw;
    width: 100%;
  }
}
.newsList__cate {
  margin-bottom: clamp(0px, 0.3472222222vw, 5px);
  color: #0068b7;
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 700;
}
@media (max-width: 767px) {
  .newsList__cate {
    margin-bottom: 2.5641025641vw;
    font-size: 3.0769230769vw;
  }
}

.newsDetail {
  margin-bottom: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .newsDetail {
    margin-bottom: 10.2564102564vw;
  }
}

.newsPt__title {
  margin-bottom: clamp(0px, 2.7777777778vw, 40px);
  font-family: "Outfit", sans-serif;
  font-size: clamp(0px, 1.3888888889vw, 20px);
  color: #e60012;
}
@media (max-width: 767px) {
  .newsPt__title {
    font-size: 3.5897435897vw;
  }
}
.newsPt__name {
  margin-bottom: clamp(0px, 3.6363636364vw, 40px);
  font-size: clamp(0px, 3.6363636364vw, 40px);
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .newsPt__name {
    font-size: 6.1538461538vw;
  }
}
.newsPt__date {
  font-weight: 600;
  color: #0068b7;
}

.newsDetailContents {
  margin-bottom: clamp(0px, 6.9444444444vw, 100px);
}
@media (max-width: 767px) {
  .newsDetailContents {
    margin-bottom: 10.2564102564vw;
  }
}
.newsDetailContents p {
  font-size: clamp(0px, 1.4545454545vw, 16px);
  line-height: 2;
}
@media (max-width: 767px) {
  .newsDetailContents p {
    font-size: 3.5897435897vw;
  }
}
.newsDetailContents a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.newsDetailContents a[target=_blank]::after {
  content: "\e89e";
  font-family: "Material Symbols Outlined";
  vertical-align: bottom;
}
@media (hover: hover) and (pointer: fine) {
  .newsDetailContents a:hover {
    color: #e60012;
  }
}

.newsDetailBackBtn {
  margin: 0 auto;
  width: clamp(0px, 13.8888888889vw, 200px);
  height: clamp(0px, 2.3611111111vw, 34px);
  font-size: clamp(0px, 0.9722222222vw, 14px);
}
@media (max-width: 767px) {
  .newsDetailBackBtn {
    width: 41.0256410256vw;
    height: 6.1538461538vw;
    font-size: 2.5641025641vw;
  }
}

.doc__row h2 {
  margin-top: 4em;
  margin-bottom: 2em;
  font-size: clamp(0px, 2.2222222222vw, 32px);
}
@media (max-width: 767px) {
  .doc__row h2 {
    font-size: 6.6666666667vw;
  }
}
.doc__row h3 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: clamp(0px, 1.6666666667vw, 24px);
}
@media (max-width: 767px) {
  .doc__row h3 {
    font-size: 5.641025641vw;
  }
}
.doc__row h4 {
  margin-top: 2em;
  margin-bottom: 1em;
  font-size: clamp(0px, 1.3888888889vw, 20px);
}
@media (max-width: 767px) {
  .doc__row h4 {
    font-size: 4.6153846154vw;
  }
}
.doc__row p {
  margin-bottom: 1em;
}
.doc__row ul {
  margin-bottom: 1em;
  margin-left: 2em;
  list-style: disc;
}
.doc__div {
  margin-left: 1em;
}

.pickupCards {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr clamp(0px, 2.7777777778vw, 40px) 1fr clamp(0px, 2.7777777778vw, 40px) 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(0px, 2.7777777778vw, 40px);
}
@media (max-width: 767px) {
  .pickupCards {
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: 5.1282051282vw;
  }
}

.pickupCard a {
  display: block;
  border-radius: clamp(0px, 0.6944444444vw, 10px);
  border: 1px solid rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
  background-color: #fff;
  color: currentColor;
  overflow: hidden;
}
@media (max-width: 767px) {
  .pickupCard a {
    border-radius: 1.2820512821vw;
  }
}
.pickupCard__thumb {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  background-color: #f1f3f4;
  -webkit-box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.03);
  box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.03);
}
.pickupCard__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.pickupCard__inner {
  padding: clamp(0px, 1.3888888889vw, 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: clamp(0px, 0.6944444444vw, 10px);
}
@media (max-width: 767px) {
  .pickupCard__inner {
    padding: 5.1282051282vw;
  }
}
.pickupCard__cate {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  font-weight: 700;
  color: #e60012;
}
@media (max-width: 767px) {
  .pickupCard__cate {
    font-size: 3.0769230769vw;
  }
}
.pickupCard__date {
  font-size: clamp(0px, 0.9722222222vw, 14px);
  color: #828487;
}
@media (max-width: 767px) {
  .pickupCard__date {
    font-size: 3.0769230769vw;
  }
}

.pickupDetail {
  padding-bottom: 80px;
  position: relative;
}
@media (max-width: 767px) {
  .pickupDetail {
    padding-bottom: 10.2564102564vw;
  }
}
.pickupDetail::before {
  content: "";
  display: block;
  width: 100%;
  background-color: #f1f3f4;
  position: absolute;
  top: 280px;
  bottom: 0;
}
.pickupDetail__thumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
  background-color: #fff;
  -webkit-box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, 0.1);
}
.pickupDetail__thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.pickupDetail__inner {
  margin: 0 auto;
  margin-bottom: clamp(0px, 6.25vw, 90px);
  max-width: 900px;
  width: 100%;
  -webkit-box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  box-shadow: 0px 0px 4px 0px rgba(0, 0, 0, 0.1);
  border-radius: clamp(0px, 0.6944444444vw, 10px);
  overflow: hidden;
  position: relative;
}
@media (max-width: 767px) {
  .pickupDetail__inner {
    margin-bottom: 10.2564102564vw;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
  }
}
.pickupDetail__content {
  padding: clamp(0px, 5.5555555556vw, 80px) clamp(0px, 4.1666666667vw, 60px);
  background-color: #fff;
}
@media (max-width: 767px) {
  .pickupDetail__content {
    padding: 10.2564102564vw 7.6923076923vw;
  }
}
.pickupDetail__header {
  margin-bottom: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 767px) {
  .pickupDetail__header {
    margin-bottom: 10.2564102564vw;
    gap: 5.1282051282vw;
  }
}
.pickupDetail__cate {
  color: #e60012;
  font-size: 16px;
  font-weight: 700;
}
@media (max-width: 767px) {
  .pickupDetail__cate {
    font-size: 3.5897435897vw;
  }
}
.pickupDetail__title {
  font-size: 40px;
  font-weight: 400;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .pickupDetail__title {
    font-size: 7.1794871795vw;
  }
}
.pickupDetail__date {
  color: #828487;
  font-size: 16px;
}
@media (max-width: 767px) {
  .pickupDetail__date {
    font-size: 3.5897435897vw;
  }
}
.pickupDetail__backBtn {
  margin: 0 auto;
  width: 232px;
  height: 43px;
  font-size: 16px;
  position: relative;
}
@media (max-width: 767px) {
  .pickupDetail__backBtn {
    width: 59.4871794872vw;
    height: 11.0256410256vw;
    font-size: 3.5897435897vw;
  }
}

.pickupDetailBody h1 {
  margin-top: 60px;
  margin-bottom: 40px;
  padding-bottom: 25px;
  font-size: 32px;
  line-height: 1.4;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media (max-width: 767px) {
  .pickupDetailBody h1 {
    margin-top: 10.2564102564vw;
    margin-bottom: 5.1282051282vw;
    padding-bottom: 3.8461538462vw;
    font-size: 6.1538461538vw;
  }
}
.pickupDetailBody h2 {
  margin-top: 40px;
  margin-bottom: 20px;
  font-size: 20px;
  font-weight: 500;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .pickupDetailBody h2 {
    margin-top: 5.1282051282vw;
    margin-bottom: 2.5641025641vw;
    font-size: 4.6153846154vw;
  }
}
.pickupDetailBody h3 {
  margin-top: 40px;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .pickupDetailBody h3 {
    margin-top: 5.1282051282vw;
    margin-bottom: 1.2820512821vw;
    font-size: 3.5897435897vw;
  }
}
.pickupDetailBody p {
  margin: 0.5em 0;
  font-size: 16px;
  line-height: 2;
}
@media (max-width: 767px) {
  .pickupDetailBody p {
    font-size: 3.5897435897vw;
  }
}
.pickupDetailBody img {
  width: 100%;
}
.pickupDetailBody iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}
.pickupDetailBody a {
  text-decoration: underline;
}
.pickupDetailBody a:hover {
  color: #e60012;
}
.pickupDetailBody a[target=_blank]::after {
  content: "\e89e";
  font-family: "Material Symbols Outlined";
  vertical-align: bottom;
}
.pickupDetailBody a[target=_blank]:has(> img)::after {
  content: none;
}

/* 追加CSS */
.font-sans {
  font-family: "Noto Sans", "Open Sans", "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif !important;
}

.parsonCard__name {
  display: block !important;
}

.guidebookContainer {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: start;
  gap: 60px;
  max-width: 860px;
  margin-bottom: 200px;
}

.guidebookContainer div {
  max-width: 400px;
} 

@media (max-width: 767px) {
  .guidebookContainer {
    gap: 20px;
  }
}


/* テーブル全体を囲むコンテナ（横スクロール用） */
.table-container {
    width: 100%;
    max-width: 1200px;
    overflow-x: auto; /* 画面が狭い時に横スクロールさせる */
    background-color: white;
    padding: 20px;
}

/* テーブル本体のスタイル */
.custom-table {
    width: 100%;
    border-collapse: collapse; /* セルの隙間をなくす */
    min-width: 800px; /* スマホでも見やすくするための最小幅 */
    font-size: 14px;
}

/* 全セルの共通スタイル */
.custom-table th {
    border-top: 1px solid #333; /* 枠線 */
    border-left: 1px solid #333; /* 枠線 */
    border-right: 1px solid #fff; /* 枠線 */
    border-bottom: 1px solid #fff; /* 枠線 */
    padding: 15px 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6;
}
.custom-table td {
    border: 1px solid #333; /* 枠線 */
    padding: 15px 10px;
    text-align: center;
    vertical-align: middle;
    line-height: 1.6;
}

/* ヘッダー（青背景・白文字）の共通スタイル */
.header-blue {
    background-color: #003a75; /* 画像に近い濃い青 */
    color: white;
    font-weight: bold;
}

/* 上部のトラック番号ヘッダー */
.custom-table thead th {
    padding: 12px;
}

/* 左側の見出し列（実施団体・場所） */
.custom-table tbody th {
    width: 120px; /* 見出し列の幅固定 */
    white-space: nowrap;
}

/* 左上の空白セル */
.custom-table .corner-empty {
    border: none;
    background-color: transparent;
}

/* セル内のテキスト調整 */
.custom-table td {
    color: #333;
    background-color: #fff;
}

/* 特定の列幅調整（必要に応じて） */
.custom-table th:not(.corner-empty) {
    min-width: 100px;
}

/* レスポンシブ対応: 非常に小さい画面での微調整 */
@media (max-width: 600px) {
    .table-container {
        padding: 10px;
    }
}