@charset "UTF-8";
/**
 * * Allows you to use retina images at various pixel densities.
 * * Examples:
 * *
 * *   +retina(/images/mypic.jpg, 2);
 * *   +retina(/images/mypic.jpg, 3, 100px 100px, left top no-repeat transparent);
 * *
 * * @param  {Value}  $path               The path to the file name minus extension.
 * * @param  {Number} $cap:    2          The highest pixel density level images exist for.
 * * @param  {Value}  $size:   auto auto  The intended width of the rendered image.
 * * @param  {Value}  $extras: null       Any other `background` values to be added.
 * */
/**
 * * 往上適應
 * * 引用方式: +media-up($breakpoint-value)
 * */
/**
 * * 往上適應
 * * 引用方式: +media-up-num(自訂數值)
 * */
/**
 * * 往下適應
 * * 引用方式: +media-down($breakpoint-value)
 * */
/**
 * * 往下適應
 * * 引用方式: +media-up-num(自訂數值)
 * */
/**
 * * 範圍內適應
 * * 引用方式: +media-between($lower-breakpoint, $upper-breakpoint)
 * */
/**
 * * 引用方式: +lh(15,22) 前面放 line-height 的 px 值, 後面放 font-size 的 px 值（計算）
 * */
/**
 * * 引用方式: +ls(15,22) 前面放 letter-spacing 的 px 值, 後面放 font-size 的 px 值（計算）
 * */
/*  ===== firefox font weight bold 統一設定為 normal (firefox 在小字為粗體的時候會過粗) ===== */
/**
 * * 引用方式: +gradient(180deg,#fff,4%,#eee,92%)
 * */
/**
 * * margin
 * * 引用方式: +mb(15,22) 前面放 margin 的 px 值, 後面放 font-size 的 px 值
 * */
/**
 * * padding
 * * 引用方式: +pb(15,22) 前面放 padding 的 px 值, 後面放 font-size 的 px 值
 * */
.container-fluid {
  padding-left: 24px;
  padding-right: 24px;
}

.container {
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 768px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1400px) {
  .container {
    max-width: 100%;
    padding-right: 14.583vw;
    padding-left: 14.583vw;
  }
}

.container-nav {
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 768px) {
  .container-nav {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1400px) {
  .container-nav {
    max-width: 100%;
    padding-right: 96px;
    padding-left: 96px;
  }
}

.container-nav-layer {
  padding-left: 24px;
  padding-right: 24px;
}
@media (min-width: 768px) {
  .container-nav-layer {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 1400px) {
  .container-nav-layer {
    max-width: 100%;
    padding-right: 136px;
    padding-left: 136px;
  }
}

.row {
  margin-left: -6px;
  margin-right: -6px;
}
@media (min-width: 768px) {
  .row {
    margin-left: -15px;
    margin-right: -15px;
  }
}
.row > * {
  padding-right: 6px;
  padding-left: 6px;
}
@media (min-width: 768px) {
  .row > * {
    padding-right: 15px;
    padding-left: 15px;
  }
}

:root {
  scroll-behavior: initial;
}

*:focus, *:active, *:visited,
*::before:focus,
*::before:active,
*::before:visited,
*::after:focus,
*::after:active,
*::after:visited {
  outline: none !important;
  box-shadow: none !important;
}

noscript {
  position: absolute;
  top: 0;
  z-index: 9999;
}

body {
  color: #1E1E1E;
  line-height: normal;
  font-family: "Noto Sans TC", sans-serif;
  letter-spacing: 0.04em;
  overflow-x: hidden;
  word-break: break-word;
  -webkit-font-smoothing: antialiased;
  image-rendering: auto;
  touch-action: manipulation;
  -moz-osx-font-smoothing: grayscale;
}
body.is-hidden {
  overflow: hidden;
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
}

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

a {
  color: #1E1E1E;
  text-decoration: none;
  transition: all linear 300ms;
}
a:hover {
  color: currentColor;
}
a:active, a:hover, a:visited, a:focus {
  text-decoration: none;
  outline: 0;
  transition: all linear 300ms;
}

button {
  background-color: transparent;
  border: none;
  padding: 0;
  outline: 0;
  cursor: pointer;
  transition: all linear 300ms;
}
button:active, button:hover, button:visited, button:focus {
  outline: 0;
  transition: all linear 300ms;
}

ul, ol {
  padding: 0;
  margin-bottom: 0;
}

ul {
  list-style: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-size: 1rem;
  font-weight: 400;
  line-height: normal;
  margin-bottom: 0;
}

p, label {
  margin-bottom: 0;
}

input, select, textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  background-color: transparent;
  border: none;
  outline: 0;
}
input:active, input:hover, input:visited, input:focus, select:active, select:hover, select:visited, select:focus, textarea:active, textarea:hover, textarea:visited, textarea:focus {
  outline: 0;
}

input[type=submit], [type=date], [type=checkbox] {
  cursor: pointer;
  transition: all linear 300ms;
}

::placeholder {
  color: #999999;
}

input[type=search]::-webkit-search-cancel-button {
  -webkit-appearance: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

input[type=number] {
  -moz-appearance: textfield;
}

[fade-in] {
  opacity: 0;
  transition: all ease 400ms;
}
[fade-in].has-animate {
  opacity: 1;
  transition: all ease 400ms;
}

.u-link-range {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.u-pointer {
  cursor: pointer;
}

.u-pointer-none {
  pointer-events: none;
}

.u-hidden {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}

.u-img-cover {
  object-fit: cover;
  object-position: center center;
}

.u-img-contain {
  object-fit: contain;
  object-position: center center;
}

.u-bg-cover {
  width: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}

.u-16x9 {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.25%;
}
.u-16x9 > * {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}

.u-flex-1 {
  flex: 1;
}

[data-page=index] section.title-section .title .en {
  font-size: 6.5rem;
  line-height: 1.2;
  letter-spacing: 0.13rem;
  font-weight: 400;
  font-family: "Libre Baskerville", sans-serif;
}

[data-page=index] section.title-section .title .zh {
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: 0.125rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

.c-card-legacy .c-card-body .title-wrap .title {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

[data-page=index] section.banner-section .program-list {
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: 0.035rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

[data-page=download-list] .page-content .info-group .title, [data-page=congratulations-list] .page-content .info-group .title, [data-page=traffic-page] .page-content .info-group .title, [data-page=history-page] .page-content .info-group .title, [data-page=article-page] .page-content .info-group .title, [data-page=anni-event-list] .page-content .info-group .title, [data-page=event-list] .page-content .info-group .title, [data-page=news-list] .page-content .info-group .title {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.03rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
}

[data-page=traffic-page] .section-content .info-item .title {
  font-size: 1.3125rem;
  line-height: 1.4;
  letter-spacing: 0.065625rem;
  font-weight: 500;
  font-family: "Noto Sans JP", sans-serif;
}

[data-page=download-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=download-list] .page-head.-article- .head-attribute .attribute-item .content, [data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item .content, [data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item .title, [data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item .content, [data-page=history-page] .page-head.-article- .head-attribute .attribute-item .title, [data-page=history-page] .page-head.-article- .head-attribute .attribute-item .content, [data-page=article-page] .page-head.-article- .head-attribute .attribute-item .title, [data-page=article-page] .page-head.-article- .head-attribute .attribute-item .content, [data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item .content, [data-page=event-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=event-list] .page-head.-article- .head-attribute .attribute-item .content, [data-page=news-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=news-list] .page-head.-article- .head-attribute .attribute-item .content, .l-footer__header .event .text, .c-card-legacy .c-card-body .title-wrap .sub-title, .c-btn-link .text {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.05rem;
  font-weight: 500;
}

[data-page=download-list] .page-head.-article- .head-tag .date, [data-page=congratulations-list] .page-head.-article- .head-tag .date, [data-page=traffic-page] .page-head.-article- .head-tag .date, [data-page=history-page] .page-head.-article- .head-tag .date, [data-page=article-page] .page-head.-article- .head-tag .date, [data-page=anni-event-list] .page-head.-article- .head-tag .date, [data-page=event-list] .page-head.-article- .head-tag .date, [data-page=news-list] .page-head.-article- .head-tag .date, .c-card-news .content .content-head .date, .c-card-event .content .content-head .date, .c-card-download .content .content-head .date {
  font-size: 1.125rem;
  line-height: 1.4;
  font-weight: 700;
  font-family: "Lato", sans-serif;
}

[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-pagination {
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.0225rem;
  font-weight: 400;
}

[data-page=traffic-page] .section-content .info-item .content .text, [data-page=traffic-page] .section-content .info-item .content .inline-bordered-span, [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__start .text, [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .item, [data-page=anni-event-list] .page-list__table .table-body .-td-, .l-footer__body .info .info-wrap .each-info .content, .pop-menu__body .menu-list .menu-item .menu-accordion .accordion__content .layer-list .layer-item .layer-link, .c-card-legacy .c-card-body .content, .c-card-download .desc .text, .c-tag.-large- .text, .c-input input, .c-input.-date- input::placeholder, .select2-container .select2-selection--single .select2-selection__rendered, .select2-results__option {
  font-size: 1rem;
  line-height: 1.8;
  letter-spacing: 0.03rem;
  font-weight: 400;
}

[data-page=download-list] .page-head.-article- .head-page-share .title, [data-page=download-list] .page-content .content-page-share .title, [data-page=congratulations-list] .page-head.-article- .head-page-share .title, [data-page=congratulations-list] .page-content .content-page-share .title, [data-page=traffic-page] .page-head.-article- .head-page-share .title, [data-page=traffic-page] .page-content .content-page-share .title, [data-page=history-page] .page-head.-article- .head-page-share .title, [data-page=history-page] .page-content .content-page-share .title, [data-page=article-page] .page-head.-article- .head-page-share .title, [data-page=article-page] .page-content .content-page-share .title, [data-page=anni-event-list] .page-head.-article- .head-page-share .title, [data-page=anni-event-list] .page-content .content-page-share .title, [data-page=event-list] .page-head.-article- .head-page-share .title, [data-page=event-list] .page-content .content-page-share .title, [data-page=news-list] .page-head.-article- .head-page-share .title, [data-page=news-list] .page-content .content-page-share .title {
  font-size: 0.875rem;
  line-height: 1.8;
  letter-spacing: 0.0175rem;
  font-weight: 400;
}

.l-footer__body .copyright span, .l-footer__body .copyright a, .c-tag .text {
  font-size: 0.75rem;
  line-height: 1.8;
  letter-spacing: 0.015rem;
  font-weight: 400;
}

.l-nav__menu .menu-list .menu-item .menu-link, .l-nav__layer .layer-list .layer-item .layer-link {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.0225rem;
  font-weight: 500;
}

.pop-menu__body .menu-list .menu-item .menu-link, .pop-menu__body .menu-list .menu-item .menu-accordion .accordion__title .text {
  font-size: 1.5rem;
  line-height: 1.4;
  letter-spacing: 0.03rem;
  font-weight: 500;
}

.nas-article h1 {
  font-size: 2.5rem;
  line-height: 1.4;
  letter-spacing: 0.125rem;
}

.nas-article h2 {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.1rem;
}

.nas-article h3 {
  font-size: 1.75rem;
  line-height: 1.4;
  letter-spacing: 0.035rem;
}

.nas-article h4 {
  font-size: 1.5rem;
  line-height: 1.6;
  letter-spacing: 0.03rem;
}

.nas-article h5 {
  font-size: 1.3125rem;
  line-height: 1.4;
  letter-spacing: 0.065625rem;
}

.c-input > *, .c-input-file > *, .select2-container--default .select2-selection--single > *, .selectric > *, .nas-article h6 {
  font-size: 1.125rem;
  line-height: 1.4;
  letter-spacing: 0.05625rem;
}

.nas-article p {
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.02rem;
}

.nas-article {
  margin-top: 20px;
}
@media (min-width: 768px) {
  .nas-article {
    margin-top: 0;
  }
}
.nas-article h1, .nas-article h2, .nas-article h3, .nas-article h4, .nas-article h5, .nas-article h6 {
  font-weight: 700;
  margin-bottom: 10px;
}
@media (min-width: 768px) {
  .nas-article h1, .nas-article h2, .nas-article h3, .nas-article h4, .nas-article h5, .nas-article h6 {
    margin-bottom: 24px;
  }
}
.nas-article a {
  color: #7F908F;
}
.nas-article img {
  width: 100%;
}
.nas-article ul, .nas-article ol {
  padding-left: 1.5rem;
}
.nas-article ul {
  list-style: revert;
}
.nas-article table {
  caption-side: initial;
  border-collapse: initial;
}
.nas-article tbody, .nas-article td, .nas-article tfoot, .nas-article th, .nas-article thead, .nas-article tr {
  border-style: inherit;
  border-width: inherit;
}

.k-accordion {
  width: 100%;
}
.k-accordion .accordion__title {
  cursor: pointer;
}
.k-accordion .accordion__content {
  display: grid;
  grid-template-rows: 0fr;
  transition: all ease 400ms;
}
.k-accordion .accordion__content > * {
  overflow: hidden;
}
.k-accordion.is-active .accordion__content {
  grid-template-rows: 1fr;
}
.k-accordion.is-active .accordion__content > * {
  animation: overflowModify 0.5s ease forwards;
}

@keyframes overflowModify {
  0%, 99.9% {
    overflow: hidden;
  }
  100% {
    overflow: visible;
  }
}
.g-bg {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: -1;
}
.g-bg .nav-2-bg {
  position: relative;
  width: 100%;
  height: 552px;
  background: linear-gradient(180deg, #F6F6F6 0%, rgba(246, 246, 246, 0) 100%);
}
.g-bg .bg-wrap {
  position: relative;
  width: 100%;
  height: 4608px;
  overflow: hidden;
}
.g-bg .bg-decorate {
  position: absolute;
}
.g-bg .bg-decorate.bg-1 {
  animation: breath-1 32s ease-in-out 0s infinite;
}
@keyframes breath-1 {
  50% {
    transform: scale(0.9612787455) rotate(calc(16.2081198574 * 1deg));
  }
}
.g-bg .bg-decorate.bg-2 {
  animation: breath-2 32s ease-in-out 0s infinite;
}
@keyframes breath-2 {
  50% {
    transform: scale(0.9878104553) rotate(calc(-31.3641520749 * 1deg));
  }
}
.g-bg .bg-decorate.bg-3 {
  animation: breath-3 32s ease-in-out 0s infinite;
}
@keyframes breath-3 {
  50% {
    transform: scale(0.9720687265) rotate(calc(-29.3445360146 * 1deg));
  }
}
.g-bg .bg-decorate.bg-4 {
  animation: breath-4 32s ease-in-out 0s infinite;
}
@keyframes breath-4 {
  50% {
    transform: scale(1.0089794101) rotate(calc(-15.8571929957 * 1deg));
  }
}
.g-bg .bg-decorate.bg-5 {
  animation: breath-5 32s ease-in-out 0s infinite;
}
@keyframes breath-5 {
  50% {
    transform: scale(0.9668384079) rotate(calc(17.874396537 * 1deg));
  }
}
.g-bg .bg-decorate.bg-6 {
  animation: breath-6 32s ease-in-out 0s infinite;
}
@keyframes breath-6 {
  50% {
    transform: scale(1.0294401723) rotate(calc(-30.8468974198 * 1deg));
  }
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate:not(.-mobile-) {
    display: none;
  }
}
.g-bg .bg-decorate.-mobile- {
  display: none;
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate.-mobile- {
    display: block;
  }
}
.g-bg .bg-decorate.bg-1 {
  top: -1139px;
  right: 61.7708333333vw;
  width: 2193px;
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate.bg-1 {
    width: 1645px;
    top: -901px;
    right: 1.3794871795vw;
  }
}
.g-bg .bg-decorate.bg-2 {
  top: -428px;
  left: 79.5833333333vw;
  width: 1820px;
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate.bg-2 {
    width: 1139px;
    top: -191px;
    left: 59.4871794872vw;
  }
}
.g-bg .bg-decorate.bg-3 {
  top: 801px;
  right: 78.2291666667vw;
  width: 1645px;
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate.bg-3 {
    width: 1128px;
    top: 820px;
    right: 36.6666666667vw;
  }
}
.g-bg .bg-decorate.bg-4 {
  top: 1353px;
  left: 58.8020833333vw;
  width: 1504px;
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate.bg-4 {
    width: 1128px;
    top: 1509px;
    left: 0vw;
  }
}
.g-bg .bg-decorate.bg-5 {
  top: 2420px;
  right: 61.9791666667vw;
  width: 1504px;
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate.bg-5 {
    width: 1235px;
    top: 2576px;
    right: 39.4871794872vw;
  }
}
.g-bg .bg-decorate.bg-6 {
  top: 3252px;
  left: 61.7708333333vw;
  width: 1519px;
}
@media (max-width: 991.98px) {
  .g-bg .bg-decorate.bg-6 {
    width: 1365px;
    top: 3457px;
    left: 48.7179487179vw;
  }
}
.g-bg .bg-white-group {
  position: absolute;
  top: 528px;
  width: 100%;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 280px;
}
.g-bg .bg-white-group .bg-rect {
  position: relative;
  width: 100%;
  height: 640px;
}
.g-bg .bg-white-group .bg-rect::before {
  content: "";
  position: relative;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: 1;
}
.g-bg .bg-white-group .bg-rect:nth-child(odd) {
  padding-left: calc(52px + calc(0.1333333333 * 100vw + -52px));
}
.g-bg .bg-white-group .bg-rect:nth-child(even) {
  padding-right: calc(52px + calc(0.1333333333 * 100vw + -52px));
}

.swiper .swiper-button-next::after,
.swiper .swiper-button-prev::after {
  display: none;
}
.swiper .swiper-button-next:hover,
.swiper .swiper-button-prev:hover {
  transition: all linear 300ms;
}
.swiper .swiper-button-next:focus, .swiper .swiper-button-next:focus-visible,
.swiper .swiper-button-prev:focus,
.swiper .swiper-button-prev:focus-visible {
  outline: none;
  border: none;
}
.swiper .swiper-button-next .icon,
.swiper .swiper-button-prev .icon {
  color: #7F908F;
}
.swiper .swiper-pagination-bullet:focus, .swiper .swiper-pagination-bullet:focus-visible {
  outline: none;
  border: none;
}

.c-input, .c-input-file, .select2-container--default .select2-selection--single, .selectric {
  border-radius: 100px !important;
  border: 1px solid #6d6d6d;
  padding: 12px 18px;
  transition: all ease 400ms;
}
@media (hover: hover) {
  .c-input:hover, .c-input-file:hover, .select2-container--default .select2-selection--single:hover, .selectric:hover {
    background-color: #F0F0F0;
    transition: all ease 400ms;
  }
  .c-input:hover .icon, .c-input-file:hover .icon, .select2-container--default .select2-selection--single:hover .icon, .selectric:hover .icon {
    transition: all ease 400ms;
  }
}

.selectric-wrapper {
  width: 100%;
  cursor: pointer;
}

.selectric {
  position: relative;
  height: initial;
  background: transparent;
  transition: all ease 400ms;
}
.selectric::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 22px;
  transform: translateY(-50%);
  border: 1px solid #1FA809;
  transition: all ease 400ms;
}
.selectric .button {
  background-color: transparent;
  display: none;
}
.selectric .label {
  color: #999999;
  height: inhert;
  margin: 0;
}
.selectric .label.is-selected {
  color: #1E1E1E;
}

.selectric-items {
  width: 100% !important;
  background-color: #ffffff;
  border: 1px solid #999999;
  box-shadow: none;
  border-radius: 24px;
  overflow: hidden;
  cursor: auto;
  margin-top: 6px;
}

.selectric-items li {
  position: relative;
  font-size: 1rem;
  color: #1E1E1E;
  line-height: 145%;
  font-weight: 300;
  padding: 10px 22px;
  transition: all ease 400ms;
}
.selectric-items li:last-child {
  margin-bottom: 0;
}
.selectric-items li.selected, .selectric-items li.highlighted {
  background-color: transparent;
}
.selectric-items li:hover {
  background: #7F908F;
  color: #ffffff;
  transition: all ease 400ms;
}

.selectric-scroll {
  overflow: hidden;
  border-radius: 24px;
  max-height: 250px;
}

.selectric-open {
  z-index: 1020;
}
.selectric-open .selectric {
  border-color: #7F908F;
}
.selectric-open .selectric::after {
  transform: rotate(180deg);
  transition: all ease 400ms;
}
.selectric-open .selectric-items {
  z-index: 1030;
}

.select2-container {
  width: 100% !important;
}

.select2-container--default .select2-selection--single {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  padding: 12.6px 24px;
  transition-duration: 0s !important;
  background: transparent;
}
.select2-container--default .select2-selection--single:hover {
  background: #ffffff;
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
  border-top-color: transparent !important;
  background: #ffffff;
}

.select2-container--default.select2-container--open:not(.select2-container--above) .select2-selection--single {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-color: transparent !important;
  background: #ffffff;
}

.select2-container .select2-selection--single .select2-selection__rendered {
  width: 100%;
  padding: 0 24px 0 8px;
  color: #030303;
  transition: all ease 400ms;
  transition-duration: 0s !important;
}
.select2-container .select2-selection--single .select2-selection__rendered.is-selected {
  color: #1E1E1E;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__rendered {
  padding: 0 8px;
  text-align: center;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  position: relative;
  width: auto;
  height: auto;
}
.select2-container--default .select2-selection--single .select2-selection__arrow::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  background-image: url("../images/icon/SVG/_arrow-down.svg");
  transition: all ease 400ms;
}
.select2-container--default .select2-selection--single .select2-selection__arrow b {
  display: none;
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow::after {
  right: -12px;
  transform: translateY(-50%) rotate(180deg);
}

.select2-container--default.select2-container--open .select2-dropdown--above {
  border: 1px solid #999999 !important;
  border-radius: 24px !important;
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
  border-bottom-color: transparent !important;
  transform: translateY(1px);
}

.select2-container--open {
  z-index: 1020;
}

.select2-container--default.select2-container--open .select2-dropdown--above .select2-results__option::before {
  top: unset;
  bottom: 0;
}

.select2-dropdown:not(.select2-dropdown--above) {
  border: 1px solid #999999 !important;
  border-radius: 24px !important;
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
  border-top-color: transparent !important;
  top: -1px;
}

.select2-search--dropdown {
  padding: 12px 18px;
  display: none;
}

.select2-container--default .select2-search--dropdown .select2-search__field {
  border-color: #999999;
  border-radius: 24px;
  padding: 12px 18px;
}

.select2-results__options {
  cursor: pointer;
  max-height: 250px !important;
}
.select2-results__options::-webkit-scrollbar {
  width: 6px;
}
.select2-results__options::-webkit-scrollbar-button {
  width: 6px;
  height: 5px;
}
.select2-results__options::-webkit-scrollbar-track {
  background-color: #F0F0F0;
  border: 0;
  border-radius: 50px;
}
.select2-results__options::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, 0.7);
  border: 0;
  border-radius: 50px;
}
.select2-results__options::-webkit-scrollbar-thumb:hover {
  background-color: rgba(0, 0, 0, 0.7);
}

.select2-results__option {
  position: relative;
  text-align: center;
  color: #030303;
  padding: 10px 8px;
  transition: all ease 400ms;
}
.select2-results__option::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 44px);
  height: 1px;
  background-color: #d1d1d1;
}

.select2-results__option--selectable {
  color: #030303;
}

.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable {
  background: transparent;
  color: #030303;
  transition: all ease 400ms;
}

.select2-container--default .select2-results__option--selected {
  display: none;
}

.os-custom > .os-scrollbar-vertical {
  width: 6px;
}

.os-custom > .os-scrollbar-corner {
  width: 6px;
  background-color: transparent;
}

.os-custom > .os-scrollbar > .os-scrollbar-track {
  background: transparent;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track:before {
  content: "";
  display: block;
  position: absolute;
  background: #F0F0F0;
  border-radius: 50px;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track:before,
.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  height: 100%;
  left: 0;
  right: 0;
  top: 0;
}

.os-custom > .os-scrollbar-vertical > .os-scrollbar-track:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  width: 100%;
  top: 0;
  bottom: 0;
  left: 0;
}

.os-custom > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle:before {
  content: "";
  display: block;
  position: absolute;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 50px;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:hover:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:hover:before {
  background: rgba(0, 0, 0, 0.7);
  cursor: pointer;
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle.active:before,
.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle.active:before {
  background: rgba(0, 0, 0, 0.7);
}

.os-custom > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {
  height: 100%;
}

.os-custom > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {
  width: 100%;
}

.os-custom.os-host-transition > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: height 0.3s, margin-top 0.3s, background 0.2s;
}

.os-custom.os-host-transition > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle:before {
  transition: width 0.3s, margin-left 0.3s, background 0.2s;
}

.air-datepicker-global-container {
  z-index: 1055;
}

.air-datepicker {
  box-shadow: 0px 5px 8px rgba(0, 0, 0, 0.1);
}

.air-datepicker-nav--action path {
  stroke: #7F908F;
  stroke-width: 1px;
}

.air-datepicker-nav--action:hover {
  background-color: transparent;
}

.air-datepicker-nav--title {
  color: #7F908F;
}
.air-datepicker-nav--title i {
  color: #7F908F;
}
.air-datepicker-nav--title:hover {
  background-color: transparent;
}

.air-datepicker-body--day-names,
.air-datepicker-body--cells {
  justify-items: center;
  align-items: center;
}

.air-datepicker-body--day-name {
  color: #7F908F;
  width: 30px;
  height: 30px;
}

.air-datepicker-cell {
  transition: all ease 400ms;
}
.air-datepicker-cell.-focus- {
  transition: all ease 400ms;
}

.air-datepicker-body.-days- .air-datepicker-cell {
  width: 30px;
  height: 30px;
  border-radius: 50px;
}
.air-datepicker-body.-days- .air-datepicker-cell.-focus- {
  background-color: #7F908F;
  color: #ffffff;
}
.air-datepicker-body.-days- .air-datepicker-cell.-current- {
  color: #7F908F;
}
.air-datepicker-body.-days- .air-datepicker-cell.-current-.-focus- {
  color: #ffffff;
}
.air-datepicker-body.-days- .air-datepicker-cell.-selected- {
  background-color: #7F908F;
  color: #ffffff;
}

.air-datepicker-body--cells.-months- .air-datepicker-cell.-focus- {
  background-color: transparent;
}
.air-datepicker-body--cells.-months- .air-datepicker-cell.-current- {
  color: #7F908F;
}
.air-datepicker-body--cells.-months- .air-datepicker-cell.-selected- {
  background-color: transparent;
  color: #7F908F;
}

.air-datepicker-body--cells.-years- .air-datepicker-cell.-focus- {
  background-color: transparent;
}
.air-datepicker-body--cells.-years- .air-datepicker-cell.-current- {
  color: #7F908F;
}
.air-datepicker-body--cells.-years- .air-datepicker-cell.-selected {
  background-color: transparent;
  color: #7F908F;
}

.modal {
  overflow-y: hidden;
}

.modal-dialog {
  max-width: 100%;
}
@media (min-width: 414px) {
  .modal-dialog {
    max-width: 650px;
  }
}

.modal-dialog-scrollable .modal-content {
  overflow: initial;
}
.modal-dialog-scrollable .os-host {
  overflow: hidden !important;
}

.modal-body {
  position: relative;
}

.modal-title {
  font-size: 1.25rem;
  font-weight: 500;
  text-align: center;
}
@media (min-width: 768px) {
  .modal-title {
    font-size: 1.5rem;
  }
}

.btn-close:focus {
  box-shadow: none;
}

.c-modal {
  padding: 12px;
}
.c-modal .modal-content {
  height: 100%;
  max-height: 800px;
}

.c-spinner {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(0, 0, 0, 0.5);
  opacity: 0;
  z-index: -1;
  transition: opacity 300ms;
}
.c-spinner.is-active {
  opacity: 1;
  z-index: 9999;
  transition: opacity 300ms;
}

.c-inner-spinner {
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 0;
  z-index: -1;
  transition: opacity 300ms;
}
.c-inner-spinner.is-active {
  opacity: 1;
  z-index: 9999;
  transition: opacity 300ms;
}

.accordion-button:focus {
  box-shadow: none;
  border: none;
}

.accordion-button:not(.collapsed) {
  color: currentColor;
  background-color: transparent;
  box-shadow: none;
}

.accordion-button {
  background-color: transparent;
  padding: 0;
}
.accordion-button::after {
  display: none;
}

.accordion-body {
  padding: 0;
}

.accordion-item {
  background-color: transparent;
  border: none;
}

.c-accordion * {
  line-height: normal;
}
.c-accordion-num {
  color: #b45e0e;
  font-weight: 700;
  font-family: "Lato", sans-serif;
  flex-shrink: 0;
  margin-right: 20px;
}
@media (min-width: 576px) {
  .c-accordion-num {
    margin-right: 40px;
  }
}
@media (min-width: 1200px) {
  .c-accordion-num {
    margin-right: 80px;
  }
}
.c-accordion-title {
  width: 100%;
  font-weight: 700;
}
.c-accordion-icon {
  width: 20px;
  height: 20px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("../images/icon/symbol-defs.svg#icon-open");
  flex-shrink: 0;
  margin-left: 20px;
  transition: all linear 300ms;
}
@media (min-width: 576px) {
  .c-accordion-icon {
    margin-left: 40px;
  }
}
@media (min-width: 1200px) {
  .c-accordion-icon {
    margin-left: 80px;
  }
}
.c-accordion .accordion-button {
  display: flex;
  justify-content: space-between;
  border-bottom: 1px dotted #b45e0e;
  padding: 20px 0;
}
@media (min-width: 576px) {
  .c-accordion .accordion-button {
    padding: 20px 22px;
  }
}
@media (min-width: 1200px) {
  .c-accordion .accordion-button {
    padding: 20px 44px;
  }
}
.c-accordion .accordion-button:not(.collapsed) .c-accordion-icon {
  background-image: url("../images/icon/symbol-defs.svg#icon-close");
  transform: rotate(180deg);
  transition: all ease 400ms;
}
.c-accordion .accordion-body {
  padding: 26px 44px;
}

.c-breadcrumb {
  position: relative;
  z-index: 1030;
}
.c-breadcrumb .c-breadcrumb-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
.c-breadcrumb .c-breadcrumb-item {
  display: flex;
  justify-content: center;
  align-items: center;
  line-height: 140%;
  font-size: 0.75rem;
  font-weight: 400;
  color: #4f4f4f;
}
.c-breadcrumb .c-breadcrumb-item .c-breadcrumb-link {
  display: block;
  color: inherit;
}
.c-breadcrumb .c-breadcrumb-item.-blank- {
  margin: 0 8px;
}

.c-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}
.c-pagination .c-pagination-item.is-active {
  width: 32px;
  height: 32px;
}
.c-pagination .c-pagination-item.is-active .c-pagination-link {
  background-color: #00517d;
  color: #ffffff;
}
.c-pagination .c-pagination-item.-prev- {
  margin-right: 24px;
}
.c-pagination .c-pagination-item.-next- {
  margin-left: 24px;
}
.c-pagination .c-pagination-link {
  font-family: Roboto;
  color: #030303;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50px;
  border: none;
  font-size: 1rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.03em;
}
@media (hover: hover) {
  .c-pagination .c-pagination-link:hover {
    color: #1E1E1E;
    background-color: transparent;
  }
}

.c-gotop {
  width: 44px;
  height: 44px;
  border-radius: 50px;
  background-color: #F0F0F0;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all ease 400ms;
}
@media (min-width: 768px) {
  .c-gotop {
    right: 30px;
  }
}

.c-btn-pill, .c-btn {
  border-radius: 24px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 10px 14px;
  transition: all ease 400ms;
}
@media (hover: hover) {
  .c-btn-pill:hover, .c-btn:hover {
    color: #7F908F;
  }
}
.-search-.c-btn-pill, .-search-.c-btn {
  padding: 16px 40px;
  background-color: #00517d;
  color: #ffffff;
  border: none;
  transition: all ease 400ms;
}
.-search-.c-btn-pill:hover, .-search-.c-btn:hover {
  color: #ffffff;
}

.c-btn-pill {
  border-radius: 50px;
  border: 1px solid #7F908F;
}

.c-btn-link {
  border-radius: 10px;
  padding: 24px 32px;
  border: 1px solid #030303;
  width: 216px;
  min-width: 216px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .c-btn-link {
    padding: 18px 24px;
  }
}
.c-btn-link .text {
  color: #030303;
  margin-right: 8px;
  transition: all ease 400ms;
}
.c-btn-link .icon svg path:not(.-stroke-) {
  fill: #030303;
  transition: all ease 400ms;
}
.c-btn-link .icon svg path.-stroke- {
  stroke: #030303;
  transition: all ease 400ms;
}
.c-btn-link:hover {
  padding: 24px 24px 24px 32px;
  background-color: #00517d;
  border: 1px solid transparent;
}
@media (max-width: 991.98px) {
  .c-btn-link:hover {
    padding: 18px 24px;
  }
}
.c-btn-link:hover .text {
  color: #ffffff;
}
.c-btn-link:hover .icon svg path:not(.-stroke-) {
  fill: #ffffff;
}
.c-btn-link:hover .icon svg path.-stroke- {
  stroke: #ffffff;
}
.c-btn-link.-anime-reverse- .text {
  margin-right: 0;
  margin-left: 8px;
}
@media (max-width: 991.98px) {
  .c-btn-link.-anime-reverse- {
    padding: 20px 16px 20px 8px;
  }
}
.c-btn-link.-anime-reverse-:hover {
  padding: 24px 32px 24px 24px;
}
@media (max-width: 991.98px) {
  .c-btn-link.-anime-reverse-:hover {
    padding: 18px 24px;
  }
}

.c-title {
  display: inline-flex;
  flex-direction: column;
}
.c-title > * {
  display: block;
}

.c-title-en {
  font-size: 2rem;
  color: #7F908F;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .c-title-en {
    font-size: 4.6875rem;
  }
}

.c-title-cn {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: normal;
}
@media (min-width: 768px) {
  .c-title-cn {
    font-size: 2.375rem;
  }
}

.c-tag {
  position: relative;
  padding: 2px 16px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: fit-content;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  background-color: #b1915e;
  transition: all ease 400ms;
}
.c-tag .text {
  color: #ffffff;
}
.c-tag.-large- {
  padding: 4px 24px;
}
.c-tag.-inactive- {
  background-color: transparent;
  border: 1px solid #5d5d5d;
}
.c-tag.-inactive- .text {
  color: #5d5d5d;
}
.c-tag.-inactive-:hover {
  border-color: transparent;
  background-color: #d1d1d1;
}

.c-card {
  position: relative;
  cursor: pointer;
  transition: all ease 400ms;
}
@media (hover: hover) {
  .c-card:hover {
    transition: all ease 400ms;
  }
  .c-card:hover .c-card-img img {
    transform: translate(-50%, -50%) scale(1.1);
    transition: all ease 400ms;
  }
}
.c-card .c-card-head {
  position: relative;
  overflow: hidden;
  margin-bottom: 14px;
}
@media (min-width: 768px) {
  .c-card .c-card-head {
    margin-bottom: 16px;
  }
}
.c-card .c-card-body {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1px;
}
.c-card .c-card-footer {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.c-card .c-card-img {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 56.2162162162%;
}
.c-card .c-card-img img, .c-card .c-card-img video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  transition: all ease 400ms;
}
.c-card .c-card-img video {
  z-index: -1;
}
.c-card .c-card-img .c-tag {
  position: absolute;
  top: 9px;
  right: 9px;
  z-index: 10;
}
.c-card .c-card-title {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
  font-weight: 700;
}
.c-card .c-card-text {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
.c-card .c-card-text-sm {
  font-size: 0.875rem;
}
.c-card .c-card-icon-group {
  display: flex;
  align-items: center;
}
.c-card .c-card-icon-group .icon {
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center center;
  margin-right: 6px;
}

.c-card-legacy {
  position: relative;
  display: block;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  border: 1px solid #E8E8E8;
  overflow: hidden;
  width: 100%;
  background-color: #ffffff;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .c-card-legacy {
    box-shadow: 0px 110px 31px 0px rgba(0, 0, 0, 0), 0px 70px 28px 0px rgba(0, 0, 0, 0.01), 0px 39px 24px 0px rgba(0, 0, 0, 0.03), 0px 18px 18px 0px rgba(0, 0, 0, 0.04), 0px 4px 10px 0px rgba(0, 0, 0, 0.05);
  }
}
.c-card-legacy .c-card-head {
  display: block;
  overflow: hidden;
}
.c-card-legacy .c-card-head .img-wrap {
  display: block;
  overflow: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 72.4137931034%;
}
@media (max-width: 991.98px) {
  .c-card-legacy .c-card-head .img-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 68.2926829268%;
  }
}
.c-card-legacy .c-card-head .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-user-drag: none;
}
.c-card-legacy .c-card-body {
  display: block;
  margin: auto;
  width: 100%;
  padding: 40px 32px 32px;
}
@media (max-width: 991.98px) {
  .c-card-legacy .c-card-body {
    padding: 32px 16px;
  }
}
.c-card-legacy .c-card-body .title-wrap {
  display: block;
  margin-bottom: 18px;
}
.c-card-legacy .c-card-body .title-wrap .title {
  margin-bottom: 8px;
  display: block;
  color: #b1915e;
  text-align: center;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .c-card-legacy .c-card-body .title-wrap .title {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.03rem;
  }
}
.c-card-legacy .c-card-body .title-wrap .sub-title {
  display: block;
  color: #b1915e;
  text-align: center;
  transition: all ease 400ms;
}
.c-card-legacy .c-card-body .content {
  text-align: center;
}
.c-card-legacy .c-card-circle {
  position: absolute;
  left: 56px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 80px;
  height: 80px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #00517d;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .c-card-legacy .c-card-circle {
    left: 24px;
  }
}
.c-card-legacy .c-card-circle .text-wrap {
  display: flex;
  align-items: center;
  color: #ffffff;
  font-family: "Poppins", sans-serif;
}
.c-card-legacy .c-card-circle .text-wrap .month {
  font-size: 2rem;
  line-height: 1.2;
  font-weight: 500;
  margin-right: 4px;
}
.c-card-legacy .c-card-circle .text-wrap .unit {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 600;
}

.c-card-news {
  position: relative;
  display: flex;
  width: 100%;
}
@media (max-width: 991.98px) {
  .c-card-news {
    flex-direction: column;
  }
}
.c-card-news::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: -40px;
  left: -64px;
  width: calc(100% + 128px);
  height: calc(100% + 80px);
  background-color: #ffffff;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  box-shadow: 0px 171px 48px 0px rgba(128, 128, 128, 0), 0px 109px 44px 0px rgba(128, 128, 128, 0.02), 0px 61px 37px 0px rgba(128, 128, 128, 0.08), 0px 27px 27px 0px rgba(128, 128, 128, 0.13), 0px 7px 15px 0px rgba(128, 128, 128, 0.15);
  opacity: 0;
  visibility: hidden;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .c-card-news::before {
    display: none;
  }
}
.c-card-news .img {
  margin-right: 24px;
  width: 136px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .c-card-news .img {
    order: 2;
    width: 100%;
  }
}
.c-card-news .img .img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 77.9411764706%;
}
@media (max-width: 991.98px) {
  .c-card-news .img .img-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 30.9941520468%;
  }
}
.c-card-news .img .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 991.98px) {
  .c-card-news .content {
    order: 1;
    margin-bottom: 16px;
  }
}
.c-card-news .content .content-head {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
}
@media (max-width: 991.98px) {
  .c-card-news .content .content-head {
    margin-bottom: 16px;
  }
}
.c-card-news .content .content-head .date {
  margin-right: 24px;
  color: #000000;
}
@media (max-width: 991.98px) {
  .c-card-news .content .content-head .date {
    margin-right: 16px;
  }
}
.c-card-news .content .content-body .text {
  font-size: 1.25rem;
  line-height: 1.68;
  letter-spacing: 0.065625rem;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
@media (max-width: 991.98px) {
  .c-card-news .content .content-body .text {
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
}
.c-card-news:hover::before {
  opacity: 1;
  visibility: visible;
}
.c-card-news:hover .content .content-head .c-tag {
  background-color: #b71a39;
}

.c-card-event {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
}
.c-card-event .img {
  margin-bottom: 24px;
  overflow: hidden;
}
.c-card-event .img .img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 57.4468085106%;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .c-card-event .img .img-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 63.1578947368%;
  }
}
.c-card-event .img .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-card-event .content .content-head {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  row-gap: 4px;
  margin-bottom: 9px;
}
.c-card-event .content .content-head .date {
  margin-right: 24px;
  color: #000000;
}
@media (max-width: 991.98px) {
  .c-card-event .content .content-head .date {
    margin-right: 16px;
  }
}
.c-card-event .content .content-body .text {
  font-size: 1.25rem;
  line-height: 1.68;
  letter-spacing: 0.065625rem;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-align: left;
}
@media (max-width: 991.98px) {
  .c-card-event .content .content-body .text {
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
}
.c-card-event .content .content-body .caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1rem;
  line-height: 1.8;
  color: #5d5d5d;
  letter-spacing: 0.03em;
}
@media (max-width: 991.98px) {
  .c-card-event .content .content-body .caption {
    font-size: 0.75rem;
    line-height: 1.6;
  }
}
.c-card-event:hover .img .img-wrap {
  transform: scale(1.1);
}
.c-card-event:hover .content .content-head .c-tag {
  background-color: #b71a39;
}

.c-card-download {
  position: relative;
  display: flex;
  align-items: center;
  gap: 24px;
  width: 100%;
  flex-wrap: wrap;
}
.c-card-download .img {
  width: 136px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .c-card-download .img {
    width: 50%;
  }
}
.c-card-download .img .img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 78.0487804878%;
}
.c-card-download .img .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-card-download .content {
  flex: 1;
}
@media (max-width: 991.98px) {
  .c-card-download .content {
    margin-bottom: 16px;
  }
}
.c-card-download .content .content-head {
  display: flex;
  align-items: center;
  margin-bottom: 9px;
}
@media (max-width: 991.98px) {
  .c-card-download .content .content-head {
    margin-bottom: 16px;
  }
}
.c-card-download .content .content-head .date {
  margin-right: 24px;
  color: #000000;
}
@media (max-width: 991.98px) {
  .c-card-download .content .content-head .date {
    margin-right: 16px;
  }
}
.c-card-download .content .content-body .text {
  font-size: 1.3125rem;
  line-height: 1.6;
  letter-spacing: 0.05rem;
  color: #000000;
}
@media (max-width: 991.98px) {
  .c-card-download .content .content-body .text {
    font-size: 1rem;
    line-height: 1.6;
    letter-spacing: 0.05rem;
  }
}
@media (min-width: 992px) {
  .c-card-download .desc {
    order: 4;
    width: 100%;
    flex: 0 0 100%;
  }
}
.c-card-download .desc .text {
  color: #5d5d5d;
}
@media (max-width: 991.98px) {
  .c-card-download .desc .text {
    font-size: 0.875rem;
    line-height: 1.6;
  }
}
.c-card-download .btn-group {
  display: flex;
  align-items: center;
  gap: 24px;
}
@media (max-width: 991.98px) {
  .c-card-download .btn-group {
    width: 100%;
    flex-direction: column;
  }
}
.c-card-download .btn-group .btn-item {
  width: 240px;
}
@media (max-width: 991.98px) {
  .c-card-download .btn-group .btn-item {
    width: 100%;
  }
}
.c-card-download .btn-group .btn-item .c-btn-link {
  width: 100%;
}

.c-field {
  display: flex;
  flex-direction: column;
  margin-bottom: 17px;
}
@media (min-width: 992px) {
  .c-field {
    flex-direction: row;
    margin-bottom: 30px;
  }
}
.c-field:last-child {
  margin-bottom: 0;
}
@media (min-width: 992px) {
  .c-field.c-field-column {
    flex-direction: column;
  }
}
.c-field.c-field-column .c-field-start {
  margin-bottom: 8px;
}

.c-field-start {
  width: 30%;
  margin-bottom: 8px;
}
@media (min-width: 992px) {
  .c-field-start {
    margin-bottom: 0;
  }
}

.c-field-end {
  width: 100%;
}

.c-label {
  width: 100%;
  display: flex;
  align-items: center;
  flex-shrink: 0;
  font-weight: 500;
  line-height: 100%;
  transition: all ease 400ms;
}

.c-input-group {
  width: 100%;
  display: flex;
}
.c-input-group > * {
  width: 100%;
  display: flex;
  flex-direction: column;
  margin-right: 10px;
}
.c-input-group > *:last-child {
  margin-right: 0;
}

.c-input {
  width: 100%;
  display: flex;
  align-items: center;
}
.c-input input {
  width: 100%;
  transition: all ease 400ms;
  color: #030303;
}
.c-input input::placeholder {
  font-size: 1rem;
  font-weight: 400;
  line-height: 150%;
  color: #6d6d6d;
}
.c-input input:-webkit-autofill {
  box-shadow: inset 0 0 0 2000px #ffffff;
}
.c-input input:autofill {
  box-shadow: inset 0 0 0 2000px #ffffff;
}
.c-input.-search-, .c-input.-date- {
  padding: 11.6px 22px 11.6px 24px;
  gap: 8px;
  align-items: center;
  border: 1px solid #6d6d6d;
}
.c-input.-date- input::placeholder {
  color: #030303;
}

.c-input-file {
  cursor: pointer;
}
.c-input-file * {
  cursor: pointer;
}
.c-input-file input[type=file] {
  width: 0;
  height: 0;
  display: inline-block;
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.c-input-file .c-input-text {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.c-input-file .c-input-text .icon {
  width: 16px;
  height: 16px;
  border: 1px solid #1FA809;
  margin-left: 8px;
}

.c-file-group {
  display: flex;
  flex-direction: column;
  margin-top: 20px;
  margin-left: -20px;
  margin-right: -20px;
}
.c-file-group > * {
  margin-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
}
.c-file-group > *:last-child {
  margin-bottom: 0;
}
.c-file-group .icon-clear {
  cursor: pointer;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -10px;
  right: -10px;
  border: 1px solid #1FA809;
}

.c-file-img {
  height: 360px;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff;
  border: 1px solid #F0F0F0;
  border-radius: 24px;
  position: relative;
  padding: 30px;
}
.c-file-img img {
  width: auto;
  height: 100%;
  object-fit: contain;
  object-position: center center;
}

.c-file-text {
  position: relative;
  display: inline-flex;
  font-size: 0.875rem;
  margin-top: 4px;
}

.c-textarea {
  position: relative;
  width: 100%;
  border-radius: 24px;
  border: 1px solid #999999;
  transition: all ease 400ms;
}
.c-textarea textarea {
  width: 100%;
  height: 100%;
  height: 128px !important;
  padding: 12px 22px !important;
}
.c-textarea .os-custom {
  height: 100%;
}

.c-checkbox-group {
  display: flex;
  flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
  margin-bottom: -20px;
}
.c-checkbox-group > * {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 20px;
}

.c-checkbox, .c-radio {
  display: flex;
  align-items: center;
}
.c-checkbox label, .c-radio label {
  cursor: pointer;
}
.c-checkbox input[type=checkbox], .c-checkbox input[type=radio], .c-radio input[type=checkbox], .c-radio input[type=radio] {
  position: relative;
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  cursor: pointer;
  margin-right: 10px;
  border: 1px solid #1FA809;
}
.c-checkbox input[type=checkbox]::before, .c-checkbox input[type=radio]::before, .c-radio input[type=checkbox]::before, .c-radio input[type=radio]::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
.c-checkbox input[type=checkbox]:checked::before, .c-checkbox input[type=radio]:checked::before, .c-radio input[type=checkbox]:checked::before, .c-radio input[type=radio]:checked::before {
  content: "";
}

.c-input-clear {
  width: 24px;
  height: 24px;
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  transition: all ease 400ms;
}

.c-select {
  width: 100%;
  transition: all ease 400ms;
}

.c-hint {
  font-size: 0.75rem;
  color: #999999;
  margin-top: 0px;
  transition: all ease 400ms;
}
@media (min-width: 992px) {
  .c-hint {
    font-size: 0.875rem;
  }
}
.c-hint.is-error {
  color: #FE2828;
}

[field-state] {
  transition: all ease 400ms;
}
[field-state] .c-hint.is-error {
  display: none;
}
[field-state].is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
[field-state].is-hidden {
  display: none;
}
[field-state].is-error .c-label {
  color: #FE2828;
}
[field-state].is-error .c-hint.is-error {
  display: block;
}

[input-state] {
  transition: all ease 400ms;
}
[input-state].is-disabled {
  opacity: 0.5;
  pointer-events: none;
}
[input-state].is-hidden {
  display: none;
}
[input-state].is-focus .c-input {
  border-color: #7F908F;
}
[input-state].is-typing .c-input-clear {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transition: all ease 400ms;
}
[input-state].is-error .c-input, [input-state].is-error .c-textarea {
  border: 1px solid #FE2828;
}
[input-state].is-error .c-input-clear {
  background-image: url(../images/icon/SVG/icon-cancel-error.svg);
  transition: all ease 400ms;
}
[input-state].is-error .c-select .selectric, [input-state].is-error .c-select .select2-container--default .select2-selection--single {
  border-color: #FE2828;
}
[input-state].is-error .c-hint.is-error {
  display: block;
}

.c-toast {
  min-width: 214px;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -40%);
  border-radius: 24px;
  line-height: 145%;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  align-items: center;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
  padding: 27px 42px;
  opacity: 0;
  pointer-events: none;
  z-index: 1080;
  transition: all ease 400ms;
}
.c-toast.is-show {
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%);
  transition: all ease 400ms;
}
.c-toast .c-toast-icon {
  width: 56px;
  height: 56px;
  border-radius: 50px;
  background-color: #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 8px;
}
.c-toast .c-toast-icon .icon {
  width: 28px;
  height: 28px;
  color: #7F908F;
}
.c-toast .c-toast-text {
  text-align: center;
}

.c-share {
  display: flex;
  align-items: center;
}
.c-share .c-share-item {
  margin-right: 8px;
  padding: 16px;
  border-radius: 200px;
  border: 1px solid #d1d1d1;
}
.c-share .c-share-item:last-child {
  margin-right: 0;
}
@media (min-width: 992px) {
  .c-share .c-share-item:last-child {
    margin-right: 0;
  }
}
.c-share .c-share-icon {
  display: block;
  width: 24px;
  height: 24px;
  object-fit: contain;
  object-position: center center;
}
.c-share .c-share-icon svg {
  display: block;
}

.c-tab.swiper {
  position: relative;
  width: fit-content;
  margin-bottom: 40px;
}
.c-tab.swiper::before, .c-tab.swiper::after {
  content: "";
  width: 105px;
  height: 100%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
  display: none;
}
.c-tab.swiper::after {
  right: 0;
  background: linear-gradient(270deg, #ffffff 0%, rgba(255, 255, 255, 0.68) 63.55%, rgba(255, 255, 255, 0) 100%);
  transform: translateY(-50%);
}
.c-tab .swiper-wrapper {
  width: fit-content;
}
.c-tab .swiper-slide {
  width: auto;
}
.c-tab .swiper-slide:last-child {
  margin-right: 0 !important;
}
.c-tab .swiper-button-next {
  width: 10px;
  height: 10px;
}
@media (min-width: 992px) {
  .c-tab .swiper-button-next {
    display: none;
  }
}
.c-tab .swiper-button-next.swiper-button-disabled {
  opacity: 0;
  pointer-events: none;
}
.c-tab .c-btn-rounded {
  color: #999999;
  padding: 16px;
  min-width: 147px;
}
@media (max-width: 767.98px) {
  .c-tab .c-btn-rounded {
    border: 1px solid #999999;
  }
}
.c-tab .c-btn-rounded.is-active {
  color: #ffffff;
  border: none;
}

.not-touch .myCustomCursor {
  position: fixed;
  top: var(--y, -10000px);
  left: var(--x, -10000px);
  transform: translate(-50%, -50%);
  pointer-events: none;
  z-index: 99999;
}
.not-touch .myCustomCursor.-hidden- {
  opacity: 0;
}

.is-touch .myCustomCursor {
  display: none;
}

.m-editor .article-system-wrap {
  padding-bottom: 30px;
}
@media (min-width: 768px) {
  .m-editor .article-system-wrap {
    padding-top: 80px;
    padding-bottom: 100px;
  }
}
.m-editor .nsdi-article-system {
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .m-editor .nsdi-article-system {
    margin-bottom: 96px;
  }
}
.m-editor .nsdi-article-system .row {
  align-items: center;
}
.m-editor .nas-image-wrapper img {
  width: 100%;
}
.m-editor #T6 {
  margin-bottom: 0px;
}
.m-editor #T6 .nas-image-wrapper {
  margin-bottom: 96px;
}
.m-editor .row {
  margin-left: -20px;
  margin-right: -20px;
}
@media (max-width: 991.98px) {
  .m-editor .row {
    --bs-gutter-y: 40px;
  }
}
.m-editor .row > * {
  padding-right: 20px;
  padding-left: 20px;
}
.m-editor > div:last-child .nsdi-article-system {
  margin-bottom: 0;
}

.m-header {
  position: relative;
  overflow: hidden;
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 29.1666666667%;
}
.m-header img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: -1;
}

.m-tabs {
  position: relative;
}

.m-cards {
  margin-bottom: -36px;
}
@media (min-width: 1200px) {
  .m-cards {
    margin-bottom: -96px;
  }
}
.m-cards > * {
  margin-bottom: 36px;
}
@media (min-width: 1200px) {
  .m-cards > * {
    margin-bottom: 96px;
  }
}

.m-popup {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  transition: all ease 400ms;
  opacity: 0;
  pointer-events: none;
}
.m-popup__backdrop {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  background: rgba(0, 0, 0, 0.5);
}
.m-popup__content {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, calc(-50% + var(--content-offset-y, -20px)));
  background: #ffffff;
  padding-bottom: 20px;
  transition: all ease 400ms;
  max-height: calc(100% - 80px);
  overflow-y: auto;
}
.m-popup__content::-webkit-scrollbar {
  width: 0px;
  padding-right: 0px;
}
.m-popup__content::-webkit-scrollbar-button {
  background: transparent;
}
.m-popup__content::-webkit-scrollbar-corner {
  background: transparent;
}
.m-popup__content::-webkit-scrollbar-thumb {
  background: transparent;
  border-radius: 5px;
}
.m-popup__content::-webkit-scrollbar-track {
  background: transparent;
}
.m-popup__head {
  position: sticky;
  top: -1px;
  background: #ffffff;
  padding-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}
.m-popup__body {
  padding-left: 20px;
  padding-right: 20px;
}
.m-popup__foot {
  padding-left: 20px;
  padding-right: 20px;
}
.m-popup.-active- {
  opacity: 1;
  pointer-events: all;
}
.m-popup.-active- .m-popup__content {
  --content-offset-y: 0px;
}

.m-popup.-tip- .m-popup__backdrop {
  background: transparent;
}
.m-popup.-tip- .m-popup__content {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.m-timeline {
  position: relative;
  display: flex;
  justify-content: space-between;
  gap: 40px;
  padding-bottom: 144px;
}
@media (max-width: 991.98px) {
  .m-timeline {
    padding-left: 16px;
    padding-bottom: 80px;
    flex-direction: column;
    gap: 16px;
  }
}
@media (min-width: 992px) {
  .m-timeline__start {
    flex: 0 0 106px;
    max-width: 106px;
  }
}
@media (max-width: 991.98px) {
  .m-timeline__start {
    padding-left: 24px;
  }
}
.m-timeline__start .big-time {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 2.5rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #bea679;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  .m-timeline__start .big-time {
    font-size: 2rem;
  }
}
.m-timeline__end {
  position: relative;
  padding-left: calc(80px - (-0.0646551724 * 100vw + 124.1379310345px));
  padding-right: calc(85px - (-0.0700431034 * 100vw + 134.4827586207px));
  flex: 1;
}
@media (max-width: 991.98px) {
  .m-timeline__end {
    padding-left: 24px;
    padding-right: 0;
  }
}
.m-timeline__breakline {
  position: absolute;
  top: 24px;
  left: -8px;
  width: 1px;
  height: calc(100% + 144px + var(--breakline-height-correction, 0px));
  background: #6d6d6d;
}
@media (max-width: 991.98px) {
  .m-timeline__breakline {
    top: -46px;
    height: calc(100% + 80px + 60px + var(--breakline-height-correction, 0px));
  }
}
.m-timeline:last-child .m-timeline__breakline {
  height: calc(100% + var(--breakline-height-correction, 0px));
}
@media (max-width: 991.98px) {
  .m-timeline:last-child .m-timeline__breakline {
    height: calc(100% + 60px + var(--breakline-height-correction, 0px));
  }
}

.m-player {
  position: relative;
}
.m-player svg {
  display: block;
}
.m-player__wrapper {
  display: flex;
  align-items: center;
  padding: 2px 16px;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 1000px;
  width: fit-content;
}
.m-player__item {
  position: relative;
}
.m-player__item.-play-btn- {
  margin-right: 4px;
}
.m-player__item.-stop-btn- {
  margin-right: 12px;
}
.m-player__item.-progress-bar- {
  margin-right: 12px;
}
.m-player__item .player-progress {
  display: flex;
  align-items: center;
  gap: 8px;
  font-family: "Lato", sans-serif;
  color: #ffffff;
  font-size: 0.875rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  white-space: nowrap;
}
.m-player__item .player-progress .bar {
  position: relative;
  width: var(--bar-width, 92px);
  height: 4px;
  background: rgba(255, 255, 255, 0.5);
  border-radius: 1000px;
}
@media (max-width: 575.98px) {
  .m-player__item .player-progress .bar {
    --bar-width: 72px;
  }
}
.m-player__item .player-progress .bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: calc(var(--percent, 0) * 1%);
  height: 100%;
  background: #ffffff;
  border-radius: 1000px;
}
.m-player__item .player-progress .bar .bar-dot {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate(calc(-50% + var(--percent, 0) / 100 * var(--bar-width, 92px)), -50%);
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #ffffff;
}
.m-player__item .player-progress .bar.-drag-::after {
  width: calc((var(--drag-start-x) + var(--drag-x, 0)) * 1%);
}
.m-player__item .player-progress .bar.-drag- .bar-dot {
  transform: translate(calc(-50% + (var(--drag-start-x) + var(--drag-x, 0)) * 1px), -50%);
}
.m-player__item .player-btn {
  position: relative;
}
.m-player__item .player-btn .u-link-range {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.m-player__item .state-change-btn {
  position: relative;
  display: grid;
}
.m-player__item .state-change-btn > * {
  grid-area: 1/1;
  transition: all ease 400ms;
  transition-duration: inherit;
}
.m-player__item .state-change-btn .-idle- {
  opacity: 1;
}
.m-player__item .state-change-btn .-active-, .m-player__item .state-change-btn .-loading- {
  opacity: 0;
}
.m-player__item .state-change-btn .-loading- {
  animation: loading 1s infinite;
}
@keyframes loading {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.m-player__item .state-change-btn.-active- .-idle-, .m-player__item .state-change-btn.-active- .-loading- {
  opacity: 0;
}
.m-player__item .state-change-btn.-active- .-active- {
  opacity: 1;
}
.m-player__item .state-change-btn.-loading- .-idle-, .m-player__item .state-change-btn.-loading- .-active- {
  opacity: 0;
}
.m-player__item .state-change-btn.-loading- .-loading- {
  opacity: 1;
}

body {
  --nav-height: 105px;
}
@media (max-width: 991.98px) {
  body {
    --nav-height: 75px;
  }
}

.l-nav {
  position: sticky;
  background-color: #f6f6f6;
  top: 0;
  left: 0;
  z-index: 1040;
  transition: all ease 400ms;
}
.l-nav__wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #f6f6f6;
  height: 105px;
}
@media (max-width: 991.98px) {
  .l-nav__wrap {
    height: 75px;
  }
}
.l-nav__logo {
  white-space: nowrap;
  overflow: hidden;
  text-indent: 101%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 238.053px;
  height: 72px;
  background-image: url("../images/logo/logo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  .l-nav__logo {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 101%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 238.053px;
    height: 72px;
    background-image: url("../images/logo/logo@2x.png");
  }
}
@media (max-width: 991.98px) {
  .l-nav__logo {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 101%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 142.83px;
    height: 43.2px;
    background-image: url("../images/logo/logo.png");
  }
}
@media only screen and (max-width: 991.98px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (max-width: 991.98px) and (min--moz-device-pixel-ratio: 1.25), only screen and (max-width: 991.98px) and (-o-min-device-pixel-ratio: 1.25/1), only screen and (max-width: 991.98px) and (min-device-pixel-ratio: 1.25), only screen and (max-width: 991.98px) and (min-resolution: 200dpi), only screen and (max-width: 991.98px) and (min-resolution: 1.25dppx) {
  .l-nav__logo {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 101%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 142.83px;
    height: 43.2px;
    background-image: url("../images/logo/logo@2x.png");
  }
}
.l-nav__logo__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
@media (max-width: 1199.98px) {
  .l-nav__menu {
    display: none;
  }
}
.l-nav__menu .menu-list {
  display: flex;
  align-items: center;
}
.l-nav__menu .menu-list .menu-item {
  padding: 40px 0;
  margin-right: 48px;
}
.l-nav__menu .menu-list .menu-item:last-of-type {
  margin-right: 0;
}
.l-nav__menu .menu-list .menu-item::before {
  content: "";
  position: relative;
  display: block;
  top: -41px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: transparent;
  transition: all ease 400ms;
}
.l-nav__menu .menu-list .menu-item .menu-link {
  padding: 40px 0;
  transition: all ease 400ms;
}
.l-nav__menu .menu-list .menu-item:hover::before {
  top: -38px;
  background-color: #00517d;
}
.l-nav__menu .menu-list .menu-item:hover .menu-link {
  color: #00517d;
}
.l-nav__menu .menu-list .menu-item:hover .l-nav__layer {
  top: 105px;
  box-shadow: 0px 8px 8px 0px rgba(157, 157, 157, 0.1);
  opacity: 1;
  visibility: visible;
}
.l-nav__layer {
  position: absolute;
  z-index: -1;
  width: 100%;
  left: 0;
  top: 0;
  height: 93px;
  background-color: #f6f6f6;
  opacity: 0;
  visibility: hidden;
  transition: all ease 400ms;
}
.l-nav__layer .layer-list {
  display: flex;
  justify-content: flex-end;
  padding-top: 24px;
  padding-bottom: 36px;
}
@media (min-width: 1200px) {
  .l-nav__layer .layer-list {
    position: relative;
    width: 694px;
    margin-left: auto;
    justify-content: flex-start;
  }
}
@media (min-width: 1400px) {
  .l-nav__layer .layer-list {
    width: 652px;
  }
}
.l-nav__layer .layer-list .layer-item {
  padding: 4px 24px;
  box-shadow: -1px 0px 0px 0px rgba(98, 98, 98, 0.1) inset;
}
.l-nav__layer .layer-list .layer-item .layer-link:hover {
  color: #00517d;
}
.l-nav__hamburger {
  display: block;
}
@media (min-width: 1200px) {
  .l-nav__hamburger {
    display: none;
  }
}

.pop-menu {
  position: fixed;
  z-index: 1080;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #ffffff;
  opacity: 0;
  visibility: hidden;
  transition: all ease 400ms;
}
.pop-menu.active {
  opacity: 1;
  visibility: visible;
}
.pop-menu__logo {
  white-space: nowrap;
  overflow: hidden;
  text-indent: 101%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 238.053px;
  height: 72px;
  background-image: url("../images/logo/logo.png");
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.25), only screen and (min--moz-device-pixel-ratio: 1.25), only screen and (-o-min-device-pixel-ratio: 1.25/1), only screen and (min-device-pixel-ratio: 1.25), only screen and (min-resolution: 200dpi), only screen and (min-resolution: 1.25dppx) {
  .pop-menu__logo {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 101%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 238.053px;
    height: 72px;
    background-image: url("../images/logo/logo@2x.png");
  }
}
@media (max-width: 991.98px) {
  .pop-menu__logo {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 101%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 142.83px;
    height: 43.2px;
    background-image: url("../images/logo/logo.png");
  }
}
@media only screen and (max-width: 991.98px) and (-webkit-min-device-pixel-ratio: 1.25), only screen and (max-width: 991.98px) and (min--moz-device-pixel-ratio: 1.25), only screen and (max-width: 991.98px) and (-o-min-device-pixel-ratio: 1.25/1), only screen and (max-width: 991.98px) and (min-device-pixel-ratio: 1.25), only screen and (max-width: 991.98px) and (min-resolution: 200dpi), only screen and (max-width: 991.98px) and (min-resolution: 1.25dppx) {
  .pop-menu__logo {
    white-space: nowrap;
    overflow: hidden;
    text-indent: 101%;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    width: 142.83px;
    height: 43.2px;
    background-image: url("../images/logo/logo@2x.png");
  }
}
.pop-menu__logo__inner {
  width: 100%;
  height: 100%;
  position: relative;
}
.pop-menu__head {
  margin-bottom: 40px;
  position: relative;
  z-index: 2;
}
.pop-menu__head-wrap {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 105px;
}
@media (max-width: 991.98px) {
  .pop-menu__head-wrap {
    height: 75px;
  }
}
.pop-menu__body {
  position: relative;
  z-index: 2;
  height: calc(var(--vh, 1vh) * 100 - 105px - 40px - 40px);
  overflow-y: auto;
  -ms-overflow-style: none;
  scrollbar-width: 0;
}
.pop-menu__body::-webkit-scrollbar {
  background-color: transparent;
  display: none;
}
.pop-menu__body::-webkit-scrollbar-track {
  background-color: transparent;
}
.pop-menu__body::-webkit-scrollbar-thumb {
  background-color: transparent;
}
.pop-menu__body::-webkit-scrollbar-thumb:hover {
  background-color: transparent;
}
@media (max-width: 991.98px) {
  .pop-menu__body {
    height: calc(var(--vh, 1vh) * 100 - 75px - 40px - 40px);
  }
}
.pop-menu__body .menu-list {
  padding: 0 12px;
  margin-bottom: 40px;
}
.pop-menu__body .menu-list .menu-item {
  margin-bottom: 32px;
}
.pop-menu__body .menu-list .menu-item:last-of-type {
  margin-bottom: 0;
}
.pop-menu__body .menu-list .menu-item .menu-link {
  color: #000000;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__title {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__title .text {
  color: #000000;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__title .icon {
  width: 24px;
  height: 24px;
  position: relative;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__title .icon::before, .pop-menu__body .menu-list .menu-item .menu-accordion .accordion__title .icon::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 13px;
  height: 2px;
  background-color: #030303;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__title .icon::after {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all ease 400ms;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__content .layer-list {
  padding-top: 16px;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__content .layer-list .layer-item {
  margin-bottom: 16px;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__content .layer-list .layer-item:last-of-type {
  margin-bottom: 0;
}
.pop-menu__body .menu-list .menu-item .menu-accordion .accordion__content .layer-list .layer-item .layer-link {
  color: #4f4f4f;
}
.pop-menu__body .menu-list .menu-item .menu-accordion.is-active .accordion__title .icon::after {
  transform: translate(-50%, -50%) rotate(0deg);
}
.pop-menu__body .social-wrap {
  padding: 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-menu__body .social-wrap .each-social {
  width: 56px;
  height: 56px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid rgba(182, 182, 182, 0.5);
  margin-right: 24px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.pop-menu__body .social-wrap .each-social:last-of-type {
  margin-right: 0;
}
.pop-menu__body .social-wrap .each-social svg path {
  fill: #030303;
}
.pop-menu .white-block-1, .pop-menu .white-block-2 {
  position: absolute;
  z-index: 1;
  background-color: #ffffff;
  width: 86%;
  height: 240px;
}
.pop-menu .white-block-1 {
  top: 210px;
  right: 0;
}
@media (max-width: 991.98px) {
  .pop-menu .white-block-1 {
    top: 180px;
  }
}
.pop-menu .white-block-2 {
  bottom: -120px;
  left: 0;
}
@media (max-width: 575.98px) {
  .pop-menu .white-block-2 {
    bottom: -170px;
  }
}
.pop-menu .pop-menu__bg-1, .pop-menu .pop-menu__bg-2 {
  position: absolute;
  z-index: 1;
}
.pop-menu .pop-menu__bg-1 {
  top: -40px;
  left: -400px;
}
@media (max-width: 991.98px) {
  .pop-menu .pop-menu__bg-1 {
    top: -60px;
    left: -420px;
  }
}
@media (max-width: 767.98px) {
  .pop-menu .pop-menu__bg-1 {
    top: -100px;
    left: -460px;
  }
}
@media (max-width: 575.98px) {
  .pop-menu .pop-menu__bg-1 {
    top: -160px;
    left: -600px;
  }
}
.pop-menu .pop-menu__bg-2 {
  bottom: -100px;
  right: -400px;
}
@media (max-width: 991.98px) {
  .pop-menu .pop-menu__bg-2 {
    bottom: -120px;
    right: -440px;
  }
}
@media (max-width: 767.98px) {
  .pop-menu .pop-menu__bg-2 {
    bottom: -150px;
  }
}
@media (max-width: 767.98px) {
  .pop-menu .pop-menu__bg-2 {
    bottom: -250px;
    right: -500px;
  }
}

.l-footer {
  padding: 104px 0;
  background-color: #00517d;
  position: relative;
  z-index: 1020;
}
@media (max-width: 991.98px) {
  .l-footer {
    padding: 104px 0 70px 0;
  }
}
.l-footer__wrap {
  display: flex;
  flex-direction: column;
}
.l-footer__header {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .l-footer__header {
    flex-direction: column;
    margin-bottom: 40px;
  }
}
@media (max-width: 991.98px) {
  .l-footer__header .logo {
    display: block;
    margin-bottom: 38px;
    width: 171px;
  }
}
@media (max-width: 991.98px) {
  .l-footer__header .logo .img-wrap {
    display: block;
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 30.4093567251%;
  }
}
@media (max-width: 991.98px) {
  .l-footer__header .logo .img-wrap img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
.l-footer__header .event {
  padding: 24px 32px;
  width: 490px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  border: 1px solid #ffffff;
  background-color: #00517d;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  .l-footer__header .event {
    width: 100%;
  }
}
.l-footer__header .event .text {
  margin-right: 8px;
  color: #ffffff;
  transition: all ease 400ms;
}
.l-footer__header .event .icon svg path {
  transition: all ease 400ms;
}
.l-footer__header .event:hover {
  background-color: #ffffff;
}
.l-footer__header .event:hover .text {
  color: #454545;
}
.l-footer__header .event:hover .icon svg path {
  fill: #454545;
}
.l-footer__body {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .l-footer__body {
    flex-direction: column;
    justify-content: flex-start;
  }
}
.l-footer__body .info {
  display: flex;
}
@media (max-width: 991.98px) {
  .l-footer__body .info {
    flex-direction: column;
    margin-bottom: 32px;
  }
}
.l-footer__body .info .info-wrap {
  margin-right: 64px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .l-footer__body .info .info-wrap {
    flex-direction: column;
    margin-right: 0;
  }
}
.l-footer__body .info .info-wrap .each-info {
  display: flex;
  align-items: center;
  margin-bottom: 0;
}
.l-footer__body .info .info-wrap .each-info:last-of-type {
  margin-right: 0;
  margin-bottom: 0;
}
@media (max-width: 991.98px) {
  .l-footer__body .info .info-wrap .each-info {
    margin-right: 0;
    margin-bottom: 24px;
    flex-direction: column;
    align-items: flex-start;
  }
  .l-footer__body .info .info-wrap .each-info:last-of-type {
    margin-bottom: 0;
  }
}
.l-footer__body .info .info-wrap .each-info .title {
  margin-right: 16px;
  font-size: 1rem;
  line-height: 1.4;
  font-weight: 700;
  letter-spacing: 0.02rem;
  font-family: "Libre Baskerville", sans-serif;
  color: #ffffff;
  min-width: 70px;
}
.l-footer__body .info .info-wrap .each-info .content {
  color: #ffffff;
}
.l-footer__body .social-wrap {
  display: flex;
}
@media (max-width: 991.98px) {
  .l-footer__body .social-wrap {
    margin-bottom: 32px;
    justify-content: center;
  }
}
.l-footer__body .social-wrap .each-social {
  padding: 16px;
  border: 1px solid #ffffff;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 56px;
  height: 56px;
  margin-right: 16px;
}
.l-footer__body .social-wrap .each-social:last-of-type {
  margin-right: 0;
}
.l-footer__body .social-wrap .each-social svg path {
  fill: #ffffff;
}
.l-footer__body .copyright {
  margin-left: 64px;
}
@media (max-width: 991.98px) {
  .l-footer__body .copyright {
    margin-left: 0;
    text-align: center;
  }
}
.l-footer__body .copyright span, .l-footer__body .copyright a {
  color: #ffffff;
}

.l-loading {
  background-color: #ffffff;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 9999;
}
.l-loading.is-hidden {
  opacity: 0;
  z-index: -99;
  transition: all ease 400ms;
}

[data-page=index] main {
  position: relative;
  background-color: #f6f6f6;
}
[data-page=index] .section-title span {
  display: block;
}
[data-page=index] .section-title .en {
  margin-bottom: 12px;
  font-size: 4rem;
  line-height: 1.2;
  font-family: "Libre Baskerville", sans-serif;
  color: #00517d;
}
@media (max-width: 991.98px) {
  [data-page=index] .section-title .en {
    font-size: 2.75rem;
    line-height: 1.2;
  }
}
[data-page=index] .section-title .zh {
  font-size: 2rem;
  line-height: 1.4;
  letter-spacing: 0.1rem;
  font-weight: 700;
  font-family: "Noto Sans JP", sans-serif;
  color: #00517d;
  white-space: nowrap;
}
@media (max-width: 991.98px) {
  [data-page=index] .section-title .zh {
    font-size: 1.375rem;
    line-height: 1.4;
    letter-spacing: 0.06875rem;
    white-space: unset;
  }
}
@keyframes bgScale {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
[data-page=index] section.title-section {
  padding-top: 100px;
  padding-bottom: 46px;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  [data-page=index] section.title-section {
    padding-top: 48px;
  }
}
[data-page=index] section.title-section .title span {
  display: block;
}
[data-page=index] section.title-section .title .en {
  margin-bottom: 16px;
  color: #00517d;
}
@media (max-width: 991.98px) {
  [data-page=index] section.title-section .title .en {
    margin-bottom: 8px;
    font-size: 3.5rem;
    line-height: 1.2;
    letter-spacing: 0.07rem;
    font-weight: 400;
  }
}
[data-page=index] section.title-section .title .zh {
  color: #00517d;
}
@media (max-width: 991.98px) {
  [data-page=index] section.title-section .title .zh {
    font-size: 1.75rem;
    line-height: 1.4;
    letter-spacing: 0.0875rem;
  }
}
[data-page=index] section.banner-section {
  position: relative;
  overflow: hidden;
  z-index: 3;
}
[data-page=index] section.banner-section .marquee {
  padding: 16px;
  width: 100%;
  overflow: hidden;
  display: flex;
  background-color: #f6f6f6;
}
@media (max-width: 991.98px) {
  [data-page=index] section.banner-section .marquee {
    padding: 10px;
  }
}
[data-page=index] section.banner-section .marquee-content {
  display: inline-block;
  white-space: nowrap;
  font-size: 3rem;
  line-height: 1.2;
  letter-spacing: 0.15rem;
  color: rgba(209, 209, 209, 0.4);
  font-family: "Libre Baskerville", sans-serif;
  animation: marquee 20s linear infinite;
}
@keyframes marquee {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.banner-section .marquee-content {
    font-size: 1.882375rem;
    line-height: 1.1999800784;
    letter-spacing: 0.094125rem;
  }
}
[data-page=index] section.banner-section .banner {
  position: relative;
  padding-left: 13vw;
}
@media (max-width: 991.98px) {
  [data-page=index] section.banner-section .banner {
    padding-left: 24px;
  }
}
[data-page=index] section.banner-section .banner .swiper {
  position: relative;
  z-index: 2;
}
[data-page=index] section.banner-section .banner .swiper .swiper-wrapper .swiper-slide .img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 36.0576923077%;
}
@media (max-width: 991.98px) {
  [data-page=index] section.banner-section .banner .swiper .swiper-wrapper .swiper-slide .img-wrap {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 125.1396648045%;
  }
}
[data-page=index] section.banner-section .banner .swiper .swiper-wrapper .swiper-slide .img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
}
[data-page=index] section.banner-section .banner .banner-swiper-pagination {
  position: absolute;
  left: calc(13vw - 28px);
  top: 0;
  width: fit-content;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  [data-page=index] section.banner-section .banner .banner-swiper-pagination {
    display: none;
  }
}
[data-page=index] section.banner-section .banner .banner-swiper-pagination .swiper-pagination-bullet {
  position: relative;
  margin: 0 0 8px 0;
  width: 4px;
  height: 40px;
  background-color: #d1d1d1;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  opacity: 1;
}
[data-page=index] section.banner-section .banner .banner-swiper-pagination .swiper-pagination-bullet .pagination-progress {
  position: absolute;
  width: 4px;
  background-color: #00517d;
}
[data-page=index] section.banner-section .banner .banner-swiper-pagination .swiper-pagination-bullet-active {
  height: 80px;
}
[data-page=index] section.banner-section .banner .banner-swiper-pagination .swiper-pagination-bullet-active .pagination-progress {
  animation: banner-progress 8s linear forwards;
}
@keyframes banner-progress {
  0% {
    height: 0;
  }
  100% {
    height: 80px;
  }
}
[data-page=index] section.banner-section .program-list {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  width: 280px;
  padding: 21px 40px;
  background-image: url(../images/icon/SVG/program-list.svg);
  background-color: #b1915e;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  transition: all ease 400ms;
}
@media (max-width: 991.98px) {
  [data-page=index] section.banner-section .program-list {
    padding: 12px 24px;
    font-size: 1.25rem;
    line-height: 1.4;
    letter-spacing: 0.025rem;
    width: 168px;
  }
}
[data-page=index] section.banner-section .program-list:hover {
  background-color: #b71a39;
}
[data-page=index] section.banner-section .program-list span {
  display: flex;
  align-items: center;
}
[data-page=index] section.legacy-section {
  padding-top: 176px;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section {
    margin-bottom: -80px;
  }
}
[data-page=index] section.legacy-section .section-head {
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section .section-head {
    margin-bottom: 32px;
  }
}
[data-page=index] section.legacy-section .section-head .head-wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section .section-head .head-wrap {
    flex-direction: column;
    align-items: flex-start;
  }
}
[data-page=index] section.legacy-section .section-head .head-wrap .section-title {
  width: 470px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section .section-head .head-wrap .section-title {
    width: 100%;
    margin-bottom: 56px;
  }
}
[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-button-wrap {
  display: flex;
  align-items: center;
  height: fit-content;
}
[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-button-prev {
  margin-right: 40px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-button-prev svg {
    width: 15px;
  }
}
[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-button-next {
  margin-left: 40px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-button-next svg {
    width: 15px;
  }
}
[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-pagination {
  display: flex;
  align-items: center;
  color: #030303;
}
[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-pagination.swiper-pagination-lock {
  opacity: 0;
  visibility: hidden;
}
[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-pagination .swiper-progress {
  position: relative;
  margin: 0 16px;
  width: 80px;
  height: 1px;
  background-color: #d1d1d1;
  opacity: 0.5;
}
[data-page=index] section.legacy-section .section-head .head-wrap .legacy-swiper-pagination .swiper-progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #00517d;
}
@keyframes progress {
  0% {
    width: 0;
  }
  100% {
    width: 80px;
  }
}
[data-page=index] section.legacy-section .section-body .swiper {
  padding-left: 9.5vw;
  padding-right: 82px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section .section-body .swiper {
    padding-bottom: 80px;
    padding-right: 0;
    overflow: unset;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] section.legacy-section .section-body .swiper {
    padding-left: 24px;
  }
}
[data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper {
  width: calc(100% + 32px);
}
@media (max-width: 991.98px) {
  [data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper {
    width: calc(100% + 24px);
  }
}
[data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide {
  transition: all ease 400ms;
}
@media (min-width: 992px) {
  [data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(40% - 32px);
  }
  [data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide:hover {
    flex: 0 0 calc(40% + 50px);
  }
}
@media (min-width: 1400px) {
  [data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide {
    flex: 0 0 calc(28.5714285714% - 32px);
  }
  [data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide:hover {
    flex: 0 0 calc(28.5714285714% + 50px);
  }
}
[data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide .c-card-legacy {
  cursor: none;
}
[data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide .c-card-legacy .c-card-body {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
}
[data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide .c-card-legacy .c-card-body .content {
  flex: 1 0 auto;
  margin-bottom: 16px;
}
[data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide .c-card-legacy .more {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}
[data-page=index] section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide .c-card-legacy .more .c-btn-link {
  padding: 16px 24px;
  width: 160px;
  min-width: 160px;
}
[data-page=index].not-touch section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide:hover .c-card-body .title-wrap .title, [data-page=index].not-touch section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide:hover .c-card-body .title-wrap .sub-title {
  color: #b71a39;
}
[data-page=index].not-touch section.legacy-section .section-body .swiper .swiper-wrapper .swiper-slide:hover .c-card-circle {
  width: 90px;
  height: 90px;
  background-color: #b71a39;
}
[data-page=index] section.news-section {
  padding: 240px 0;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=index] section.news-section {
    padding: 240px 0 120px 0;
  }
}
[data-page=index] section.news-section .title-wrap .section-title {
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.news-section .title-wrap .section-title {
    margin-bottom: 56px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.news-section .title-wrap .c-btn-link {
    display: none;
  }
}
[data-page=index] section.news-section .news-wrap .each-news::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(3, 3, 3, 0.1);
  margin: 40px 0;
}
[data-page=index] section.news-section .news-wrap .each-news:last-of-type::after {
  display: none;
}
[data-page=index] section.news-section .button-wrap-mobile {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 56px;
}
@media (min-width: 992px) {
  [data-page=index] section.news-section .button-wrap-mobile {
    display: none;
  }
}
[data-page=index] section.event-section {
  position: relative;
  z-index: 3;
  padding: 120px 0;
  overflow: hidden;
}
[data-page=index] section.event-section::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  display: block;
  width: calc(100% - 14.583vw + 96px);
  height: 100%;
  background-color: rgba(231, 231, 231, 0.6);
  background-image: url(../images/icon/SVG/index-event-bg.svg);
  background-position: top right;
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 991.98px) {
  [data-page=index] section.event-section::before {
    width: calc(100% - 40px);
  }
}
[data-page=index] section.event-section .section-title {
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.event-section .section-title {
    margin-bottom: 72px;
  }
}
[data-page=index] section.event-section .event-wrap {
  padding: 0 76px;
  margin-bottom: 80px;
  display: flex;
  flex-wrap: wrap;
}
@media (max-width: 1199.98px) {
  [data-page=index] section.event-section .event-wrap {
    padding: 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.event-section .event-wrap {
    margin-bottom: 8px;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] section.event-section .event-wrap {
    margin-bottom: 72px;
  }
}
[data-page=index] section.event-section .event-wrap .each-event {
  width: calc((100% - 80px) / 3);
  margin-right: 40px;
  margin-bottom: 64px;
}
[data-page=index] section.event-section .event-wrap .each-event:nth-child(3n) {
  margin-right: 0;
}
@media (max-width: 991.98px) {
  [data-page=index] section.event-section .event-wrap .each-event {
    width: calc((100% - 20px) / 2);
    margin-right: 20px;
  }
  [data-page=index] section.event-section .event-wrap .each-event:nth-child(3n) {
    margin-right: 20px;
  }
  [data-page=index] section.event-section .event-wrap .each-event:nth-child(2n) {
    margin-right: 0;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] section.event-section .event-wrap .each-event {
    width: 100%;
    margin-right: 0;
    margin-bottom: 80px;
  }
  [data-page=index] section.event-section .event-wrap .each-event:nth-child(3n) {
    margin-right: 0;
  }
  [data-page=index] section.event-section .event-wrap .each-event:last-of-type {
    margin-bottom: 0;
  }
}
[data-page=index] section.event-section .button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-page=index] section.history-section {
  padding: 160px 0;
  position: relative;
  z-index: 3;
  overflow: hidden;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section {
    padding: 120px 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .container {
    margin: 0;
    max-width: 100%;
    padding: 0;
  }
}
[data-page=index] section.history-section .section-title {
  margin-bottom: 45px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .section-title {
    margin: auto;
    margin-bottom: 45px;
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] section.history-section .section-title {
    max-width: 540px;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] section.history-section .section-title {
    max-width: 100%;
    padding: 0 20px;
  }
}
[data-page=index] section.history-section .history-wrap {
  display: flex;
  align-items: center;
  margin-bottom: 28px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap {
    display: block;
    margin-bottom: 56px;
  }
}
[data-page=index] section.history-section .history-wrap .timeline {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
[data-page=index] section.history-section .history-wrap .timeline::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  background-color: #6d6d6d;
  right: 8px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline {
    width: 200px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 32px;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  [data-page=index] section.history-section .history-wrap .timeline::before {
    display: none;
  }
}
[data-page=index] section.history-section .history-wrap .timeline .swiper {
  max-height: 265px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline .swiper {
    max-height: unset;
    max-width: 70px;
  }
}
[data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide {
  width: fit-content;
  height: fit-content;
  display: flex;
  align-items: center;
  cursor: pointer;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide {
    display: block;
    width: unset;
    height: unset;
  }
}
[data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide .year {
  font-size: 1.5rem;
  line-height: 1.2;
  font-family: "Libre Baskerville", sans-serif;
  color: #6d6d6d;
  margin-right: 24px;
  width: 70px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide .year {
    margin-right: 0;
  }
}
[data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide .icon {
  width: 16px;
  height: 16px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  border: 1px solid #6d6d6d;
  background-color: #ffffff;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide .icon {
    display: none;
  }
}
[data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide-active .year {
  color: #bea679;
}
[data-page=index] section.history-section .history-wrap .timeline .swiper .swiper-wrapper .swiper-slide-active .icon {
  border: 1px solid #bea679;
  background-color: #bea679;
}
[data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-next, [data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-prev {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background-color: #bea679;
  transform: translateX(11px);
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-next, [data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-prev {
    flex-shrink: 0;
  }
}
[data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-prev {
  margin-bottom: 48px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-prev {
    margin-bottom: 0;
    transform: rotate(-90deg);
  }
}
[data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-next {
  margin-top: 48px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .timeline .timeline-swiper-button-next {
    margin-top: 0;
    transform: rotate(-90deg);
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia {
  margin-left: 88px;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia {
    margin-left: 0;
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap {
  max-width: calc(70.834vw - 110px - 88px);
  display: flex;
  align-items: center;
}
@media (max-width: 1399.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap {
    max-width: calc(85.417vw - 110px - 88px);
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap {
    max-width: 100%;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper {
    padding-left: 9.5vw;
    width: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper {
    padding-left: 24px;
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper {
  align-items: center;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide {
    flex-direction: column;
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .img {
  width: 480px;
  margin-right: 40px;
  flex-shrink: 0;
}
@media (max-width: 1619.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .img {
    width: 390px;
  }
}
@media (max-width: 1199.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .img {
    width: 300px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .img {
    width: 100%;
    margin-right: 0;
    margin-bottom: 24px;
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .img .img-wrap {
  position: relative;
  width: 100%;
  overflow: hidden;
  padding-top: 75%;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .img .img-wrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
  object-position: center;
  width: 100%;
  height: 100%;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .month {
  margin-bottom: 24px;
  font-size: 2.5rem;
  line-height: 1.2;
  font-family: "Libre Baskerville", sans-serif;
  color: #030303;
  text-indent: 6px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .month {
    font-size: 1.75rem;
    line-height: 1.2;
    margin-bottom: 8px;
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .text {
  font-size: 1.25rem;
  line-height: 1.89;
  letter-spacing: 0.065625rem;
  color: #000000;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-align: left;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .text {
    font-size: 1rem;
    line-height: 1.8;
    letter-spacing: 0.05rem;
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .voice-player {
  margin-top: 20px;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .link {
  margin-top: 20px;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .link .external-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #030303;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .link .external-link .text {
  text-decoration: underline;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper .swiper-wrapper .swiper-slide .content .link .external-link .icon svg path {
  fill: #030303;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .memorabilia-swiper-button-prev, [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .memorabilia-swiper-button-next {
  display: flex;
  align-items: center;
}
@media (max-width: 991.98px) {
  [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .memorabilia-swiper-button-prev, [data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .memorabilia-swiper-button-next {
    display: none;
  }
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .memorabilia-swiper-button-prev {
  margin-right: 40px;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .memorabilia-swiper-button-next {
  margin-left: 40px;
}
[data-page=index] section.history-section .history-wrap .memorabilia .memorabilia-wrap .swiper-button-lock {
  opacity: 0;
}
[data-page=index] section.history-section .button-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
[data-page=index] section.video-section {
  padding: 120px 0;
  position: relative;
  z-index: 2;
  overflow: hidden;
}
[data-page=index] section.video-section::after {
  content: "";
  position: absolute;
  display: block;
  width: calc(100% - 14.583vw - 92px);
  height: 300px;
  background-color: #ffffff;
  bottom: -70px;
  right: 0;
  z-index: -1;
}
@media (max-width: 991.98px) {
  [data-page=index] section.video-section::after {
    width: calc(100% - 60px);
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.video-section .container {
    margin: 0;
    max-width: 100%;
    padding: 0;
  }
}
[data-page=index] section.video-section .bg {
  position: absolute;
  width: calc(100% - 14.583vw - 36px);
  top: -330px;
  background-color: #ffffff;
  z-index: -1;
  background-image: url(../images/icon/SVG/index-video-bg.svg);
  background-repeat: no-repeat;
  background-position: bottom left;
}
@keyframes bgSize {
  0% {
    background-size: 100%;
  }
  50% {
    background-size: 150%;
  }
  100% {
    background-size: 100%;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] section.video-section .bg {
    top: unset;
    bottom: 0;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] section.video-section .section-title {
    margin: auto;
    margin-bottom: 40px;
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] section.video-section .section-title {
    max-width: 540px;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] section.video-section .section-title {
    max-width: 100%;
    padding: 0 20px;
  }
}
[data-page=index] section.video-section .video-slider {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.video-section .video-slider {
    margin-top: 40px;
    margin: auto;
    margin-bottom: 40px;
    max-width: 720px;
  }
}
@media (max-width: 767.98px) {
  [data-page=index] section.video-section .video-slider {
    max-width: 540px;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] section.video-section .video-slider {
    max-width: 100%;
    padding: 0 20px;
  }
}
[data-page=index] section.video-section .video-slider .swiper {
  overflow: visible;
}
[data-page=index] section.video-section .video-slider .swiper .swiper-slide {
  width: 576px;
}
@media (max-width: 991.98px) {
  [data-page=index] section.video-section .video-slider .swiper .swiper-slide {
    width: 320px;
  }
}
[data-page=index] section.video-section .video-slider .video-item {
  position: relative;
  display: grid;
  align-items: center;
  justify-content: center;
  justify-items: center;
}
[data-page=index] section.video-section .video-slider .video-item > * {
  grid-area: 1/1;
  transition: all ease 400ms;
  transition-duration: inherit;
}
[data-page=index] section.video-section .video-slider .video-item::after {
  content: "";
  position: relative;
  display: block;
  width: 80px;
  height: 80px;
  background-image: url(../images/icon/SVG/_video-play.svg);
  z-index: 1;
  pointer-events: none;
  grid-area: 1/1;
}
[data-page=index] section.video-section .video-slider .video-item .video-preview {
  position: relative;
  width: 100%;
  aspect-ratio: 576/324;
  object-fit: cover;
}
@media (max-width: 991.98px) {
  [data-page=index] section.video-section .video-slider .video-item .video-preview {
    aspect-ratio: 320/180;
  }
}
[data-page=index] .page-bg {
  position: absolute;
  width: 100%;
  background-color: #ffffff;
  overflow: hidden;
}
[data-page=index] .page-bg .bg-wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
[data-page=index] .page-bg .bg-wrap .bg-decorate {
  position: absolute;
}
[data-page=index] .page-bg .bg-wrap .banner-bg-1 {
  top: -905px;
  left: -870px;
}
@media (max-width: 575.98px) {
  [data-page=index] .page-bg .bg-wrap .banner-bg-1 {
    left: -1258px;
  }
}
[data-page=index] .page-bg .bg-wrap .banner-bg-2 {
  top: -184px;
  right: -386px;
}
@media (max-width: 1399.98px) {
  [data-page=index] .page-bg .bg-wrap .banner-bg-2 {
    right: -700px;
  }
}
@media (max-width: 991.98px) {
  [data-page=index] .page-bg .bg-wrap .banner-bg-2 {
    right: -1100px;
  }
}
@media (max-width: 575.98px) {
  [data-page=index] .page-bg .bg-wrap .banner-bg-2 {
    right: -1290px;
  }
}
[data-page=index] .page-bg .bg-wrap .news-bg-1 {
  right: -1220px;
}
@media (max-width: 575.98px) {
  [data-page=index] .page-bg .bg-wrap .news-bg-1 {
    right: -1315px;
  }
}
[data-page=index] .page-bg .bg-wrap .news-bg-2 {
  right: -594px;
}
@media (max-width: 575.98px) {
  [data-page=index] .page-bg .bg-wrap .news-bg-2 {
    right: -760px;
  }
}
[data-page=index] .page-bg .bg-wrap .history-bg-1 {
  left: -1064px;
}
@media (max-width: 575.98px) {
  [data-page=index] .page-bg .bg-wrap .history-bg-1 {
    left: -1300px;
  }
}
[data-page=index] .page-bg .bg-wrap .history-bg-2 {
  right: -605px;
}
@media (max-width: 575.98px) {
  [data-page=index] .page-bg .bg-wrap .history-bg-2 {
    right: -850px;
  }
}

.not-touch .page-bg .bg-wrap .bg-decorate img {
  animation: bgSize 10s linear infinite;
}
@keyframes bgSize {
  0% {
    transform: scale(1);
  }
  50% {
    transform: scale(1.7);
  }
  100% {
    transform: scale(1);
  }
}
.not-touch .page-bg .bg-wrap .banner-bg-1 img {
  animation: bg1X 10s 3s linear infinite;
}
@keyframes bg1X {
  0% {
    transform: translateX(0) scale(1);
  }
  50% {
    transform: translateX(-45%) scale(1.7);
  }
  100% {
    transform: translateX(0) scale(1);
  }
}
.not-touch .page-bg .bg-wrap .banner-bg-2 img {
  animation: bg2X 10s linear infinite;
}
@keyframes bg2X {
  0% {
    transform: translateX(3%) scale(1.1);
  }
  50% {
    transform: translateX(60%) scale(1.5);
  }
  100% {
    transform: translateX(3%) scale(1.1);
  }
}

[data-page=news-list] main {
  position: relative;
}
[data-page=news-list] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=news-list] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=news-list] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=news-list] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=news-list] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=news-list] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=news-list] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=news-list] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=news-list] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=news-list] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=news-list] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=news-list] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=news-list] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=news-list] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=news-list] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=news-list] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=news-list] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=news-list] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=news-list] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=news-list] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=news-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=news-list] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=news-list] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=news-list] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=news-list] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=news-list] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=news-list] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=news-list] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=news-list] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=news-list] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=news-list] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=news-list] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=news-list] .page-content {
  padding: 96px 0;
}
[data-page=news-list] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=news-list] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=news-list] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=news-list] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=news-list] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=news-list] .page-content .content-page-share {
    display: none;
  }
}
[data-page=news-list] .page-content .content-page-share .title {
  color: #000;
}
[data-page=news-list] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=news-list] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=news-list] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=news-list] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=news-list] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=news-list] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=news-list] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=news-list] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=news-list] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}
[data-page=news-list] .group-wrap .each-news::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(3, 3, 3, 0.1);
  margin: 40px 0;
}
[data-page=news-list] .page-list {
  position: relative;
  z-index: 2;
}

[data-page=event-list] main {
  position: relative;
}
[data-page=event-list] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=event-list] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=event-list] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=event-list] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=event-list] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=event-list] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=event-list] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=event-list] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=event-list] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=event-list] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=event-list] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=event-list] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=event-list] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=event-list] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=event-list] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=event-list] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=event-list] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=event-list] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=event-list] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=event-list] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=event-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=event-list] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=event-list] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=event-list] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=event-list] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=event-list] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=event-list] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=event-list] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=event-list] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=event-list] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=event-list] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=event-list] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=event-list] .page-content {
  padding: 96px 0;
}
[data-page=event-list] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=event-list] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=event-list] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=event-list] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=event-list] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=event-list] .page-content .content-page-share {
    display: none;
  }
}
[data-page=event-list] .page-content .content-page-share .title {
  color: #000;
}
[data-page=event-list] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=event-list] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=event-list] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=event-list] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=event-list] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=event-list] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=event-list] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=event-list] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}
[data-page=event-list] .page-list .row {
  margin-left: -12px;
  margin-right: -12px;
  --bs-gutter-y: 96px;
}
@media (max-width: 991.98px) {
  [data-page=event-list] .page-list .row {
    --bs-gutter-y: 80px;
  }
}
[data-page=event-list] .page-list .row > * {
  padding-left: 12px;
  padding-right: 12px;
}
[data-page=event-list] .page-list__pagination {
  margin-top: 80px;
}

[data-page=anni-event-list] main {
  position: relative;
}
[data-page=anni-event-list] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=anni-event-list] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=anni-event-list] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=anni-event-list] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=anni-event-list] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=anni-event-list] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=anni-event-list] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=anni-event-list] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=anni-event-list] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=anni-event-list] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=anni-event-list] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=anni-event-list] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=anni-event-list] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=anni-event-list] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=anni-event-list] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=anni-event-list] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=anni-event-list] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=anni-event-list] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=anni-event-list] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=anni-event-list] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=anni-event-list] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=anni-event-list] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=anni-event-list] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=anni-event-list] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=anni-event-list] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=anni-event-list] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=anni-event-list] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=anni-event-list] .page-content {
  padding: 96px 0;
}
[data-page=anni-event-list] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=anni-event-list] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=anni-event-list] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=anni-event-list] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=anni-event-list] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=anni-event-list] .page-content .content-page-share {
    display: none;
  }
}
[data-page=anni-event-list] .page-content .content-page-share .title {
  color: #000;
}
[data-page=anni-event-list] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=anni-event-list] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=anni-event-list] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=anni-event-list] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=anni-event-list] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=anni-event-list] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=anni-event-list] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=anni-event-list] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}
[data-page=anni-event-list] .page-list__toolbar {
  display: flex;
  flex-wrap: wrap;
  column-gap: 8px;
  row-gap: 16px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  [data-page=anni-event-list] .page-list__toolbar {
    column-gap: 16px;
    margin-bottom: 56px;
  }
}
[data-page=anni-event-list] .page-list__toolbar .category-dropdown {
  width: calc(50% - 4px);
}
@media (min-width: 992px) {
  [data-page=anni-event-list] .page-list__toolbar .category-dropdown {
    width: 163px;
  }
}
[data-page=anni-event-list] .page-list__toolbar .start-date-dropdown {
  width: calc(50% - 4px);
}
@media (min-width: 992px) {
  [data-page=anni-event-list] .page-list__toolbar .start-date-dropdown {
    width: auto;
    min-width: 163px;
    max-width: 184px;
  }
}
[data-page=anni-event-list] .page-list__toolbar .search-bar {
  width: 100%;
  display: flex;
  gap: 8px;
}
[data-page=anni-event-list] .page-list__toolbar .search-bar .c-field {
  margin-bottom: 0;
  flex: 1;
}
@media (min-width: 992px) {
  [data-page=anni-event-list] .page-list__toolbar .search-bar {
    gap: 16px;
    width: 400px;
  }
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-list__toolbar .search-bar .c-btn-pill {
    display: none;
  }
}
@media (max-width: 991.98px) {
  [data-page=anni-event-list] .page-list__table {
    display: none;
  }
}
[data-page=anni-event-list] .page-list__table .statistics {
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.02em;
  text-align: end;
  color: #6d6d6d;
  margin-bottom: 16px;
}
[data-page=anni-event-list] .page-list__table .-tr- {
  display: flex;
  align-items: center;
}
[data-page=anni-event-list] .page-list__table .-td- {
  padding: 24px 11px;
}
[data-page=anni-event-list] .page-list__table .-td-.-order- {
  flex: 0 0 58px;
  text-align: center;
}
[data-page=anni-event-list] .page-list__table .-td-.-item-name- {
  flex: 1 1 458px;
}
[data-page=anni-event-list] .page-list__table .-td-.-item-name- .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}
@media (max-width: 1199.98px) {
  [data-page=anni-event-list] .page-list__table .-td-.-item-name- .ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-align: left;
  }
}
[data-page=anni-event-list] .page-list__table .-td-.-item-category- {
  flex: 0 0 94px;
  text-align: center;
}
[data-page=anni-event-list] .page-list__table .-td-.-duration- {
  flex: 0 0 128px;
}
[data-page=anni-event-list] .page-list__table .-td-.-place- {
  flex: 0 0 156px;
  text-align: center;
}
[data-page=anni-event-list] .page-list__table .-td-.-org- {
  flex: 0 0 123px;
  text-align: center;
}
[data-page=anni-event-list] .page-list__table .-td-.-info- {
  flex: 0 0 161px;
  text-align: center;
}
[data-page=anni-event-list] .page-list__table .table-head {
  background: #00517d;
  min-height: 71px;
}
[data-page=anni-event-list] .page-list__table .table-head .-td- {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.12em;
  color: #ffffff;
  text-align: center;
}
[data-page=anni-event-list] .page-list__table .table-body .-td- {
  color: #030303;
}
[data-page=anni-event-list] .page-list__table .item-group .item {
  border-bottom: 1px solid rgba(3, 3, 3, 0.1);
  transition: all ease 400ms;
  min-height: 112px;
}
[data-page=anni-event-list] .page-list__table .item-group .item:hover {
  background-color: #e7e7e7;
}
@media (min-width: 992px) {
  [data-page=anni-event-list] .page-list__mobile-table {
    display: none;
  }
}
[data-page=anni-event-list] .page-list__mobile-table .item-group .item + .item {
  margin-top: 32px;
}
[data-page=anni-event-list] .page-list__mobile-table .item .more {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8px;
  padding: 8px 12px;
}
[data-page=anni-event-list] .page-list__mobile-table .item .more svg path {
  fill: #030303;
}
[data-page=anni-event-list] .page-list__mobile-table .info {
  display: flex;
}
[data-page=anni-event-list] .page-list__mobile-table .info .title, [data-page=anni-event-list] .page-list__mobile-table .info .content {
  font-size: 1rem;
  font-weight: 400;
  letter-spacing: 0.03em;
}
[data-page=anni-event-list] .page-list__mobile-table .info .title {
  color: #00517d;
  font-weight: 500;
  text-align: center;
  flex: 0 0 78px;
  padding: 12px 4px;
  padding-bottom: 11px;
  border-bottom: 2px solid #00517d;
}
[data-page=anni-event-list] .page-list__mobile-table .info .content {
  flex: 1 1 auto;
  padding: 12px;
  border-bottom: 1px solid rgba(3, 3, 3, 0.1);
}
[data-page=anni-event-list] .page-list__mobile-table .info .content .ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-align: left;
}

[data-page=article-page] main {
  position: relative;
}
[data-page=article-page] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=article-page] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=article-page] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=article-page] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=article-page] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=article-page] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=article-page] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=article-page] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=article-page] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=article-page] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=article-page] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=article-page] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=article-page] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=article-page] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=article-page] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=article-page] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=article-page] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=article-page] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=article-page] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=article-page] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=article-page] .page-head.-article- .head-attribute .attribute-item .title, [data-page=article-page] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=article-page] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=article-page] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=article-page] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=article-page] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=article-page] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=article-page] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=article-page] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=article-page] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=article-page] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=article-page] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=article-page] .page-content {
  padding: 96px 0;
}
[data-page=article-page] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=article-page] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=article-page] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=article-page] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=article-page] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=article-page] .page-content .content-page-share {
    display: none;
  }
}
[data-page=article-page] .page-content .content-page-share .title {
  color: #000;
}
[data-page=article-page] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=article-page] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=article-page] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=article-page] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=article-page] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=article-page] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=article-page] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=article-page] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=article-page] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}

[data-page=history-page] main {
  position: relative;
}
[data-page=history-page] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=history-page] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=history-page] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=history-page] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=history-page] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=history-page] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=history-page] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=history-page] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=history-page] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=history-page] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=history-page] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=history-page] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=history-page] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=history-page] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=history-page] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=history-page] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=history-page] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=history-page] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=history-page] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=history-page] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=history-page] .page-head.-article- .head-attribute .attribute-item .title, [data-page=history-page] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=history-page] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=history-page] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=history-page] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=history-page] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=history-page] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=history-page] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=history-page] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=history-page] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=history-page] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=history-page] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=history-page] .page-content {
  padding: 96px 0;
}
[data-page=history-page] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=history-page] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=history-page] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=history-page] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=history-page] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=history-page] .page-content .content-page-share {
    display: none;
  }
}
[data-page=history-page] .page-content .content-page-share .title {
  color: #000;
}
[data-page=history-page] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=history-page] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=history-page] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=history-page] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=history-page] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=history-page] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=history-page] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=history-page] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}
[data-page=history-page] .page-list .row {
  margin-left: 0;
  margin-right: 0;
}
[data-page=history-page] .page-list .row > * {
  padding-left: 0;
  padding-right: 0;
}
[data-page=history-page] .event-group .event-item + .event-item {
  margin-top: 80px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .event-group .event-item + .event-item {
    margin-top: 40px;
  }
}
[data-page=history-page] .event-item {
  position: relative;
  display: flex;
  gap: 40px;
}
[data-page=history-page] .event-item .dot {
  position: absolute;
  top: 16px;
  right: calc(100% + 80px - (-0.0646551724 * 100vw + 124.1379310345px));
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #bea679;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .event-item .dot {
    top: 8px;
    right: calc(100% + 24px);
  }
}
[data-page=history-page] .event-item__start .event-month {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 2rem;
  font-weight: 400;
  line-height: 120%;
  color: #030303;
  margin-bottom: 20px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .event-item__start .event-month {
    margin-bottom: 8px;
  }
}
[data-page=history-page] .event-item__start .event-content {
  font-size: 1rem;
  font-weight: 400;
  line-height: 180%;
  letter-spacing: 0.05em;
  text-align: justify;
  color: #000000;
}
[data-page=history-page] .event-item__start .event-voice-player {
  margin-top: 20px;
}
[data-page=history-page] .event-item__start .event-link {
  margin-top: 20px;
}
[data-page=history-page] .event-item__start .event-link .external-link {
  position: relative;
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: 1.125rem;
  font-weight: 500;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #030303;
}
[data-page=history-page] .event-item__start .event-link .external-link .text {
  text-decoration: underline;
}
[data-page=history-page] .event-item__start .event-link .external-link .icon svg path {
  fill: #030303;
}
[data-page=history-page] .event-item__end {
  flex: 0 0 49.504950495%;
}
[data-page=history-page] .event-item__end img {
  width: 100%;
  height: auto;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .event-item {
    flex-direction: column-reverse;
    gap: 16px;
  }
}
[data-page=history-page] .event-item:first-child .dot {
  top: 16px;
}
@media (max-width: 991.98px) {
  [data-page=history-page] .event-item:first-child .dot {
    top: -46px;
  }
}
[data-page=history-page] .filter-tag-dropdown {
  width: 190px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  [data-page=history-page] .filter-tag-dropdown {
    display: none;
  }
}
[data-page=history-page] .filter-sidebar {
  position: sticky;
  top: calc(var(--nav-height, 0px) + 30px);
}
@media (max-width: 991.98px) {
  [data-page=history-page] .filter-sidebar {
    display: none;
  }
}
[data-page=history-page] .filter-sidebar .item-group .item + .item {
  margin-top: 16px;
}
[data-page=history-page] .filter-sidebar .item-group .item {
  display: flex;
  align-items: center;
  gap: 16px;
}
[data-page=history-page] .filter-sidebar .item-group .item .text {
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #3d3d3d;
  white-space: nowrap;
}
[data-page=history-page] .filter-sidebar .item-group .item:not(.-active-) .icon {
  visibility: hidden;
}

[data-page=traffic-page] main {
  position: relative;
}
[data-page=traffic-page] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=traffic-page] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=traffic-page] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=traffic-page] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=traffic-page] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=traffic-page] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=traffic-page] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=traffic-page] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=traffic-page] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=traffic-page] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=traffic-page] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=traffic-page] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=traffic-page] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=traffic-page] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=traffic-page] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=traffic-page] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=traffic-page] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=traffic-page] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item .title, [data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=traffic-page] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=traffic-page] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=traffic-page] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=traffic-page] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=traffic-page] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=traffic-page] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=traffic-page] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=traffic-page] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=traffic-page] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=traffic-page] .page-content {
  padding: 96px 0;
}
[data-page=traffic-page] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=traffic-page] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=traffic-page] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=traffic-page] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=traffic-page] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=traffic-page] .page-content .content-page-share {
    display: none;
  }
}
[data-page=traffic-page] .page-content .content-page-share .title {
  color: #000;
}
[data-page=traffic-page] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=traffic-page] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=traffic-page] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=traffic-page] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=traffic-page] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=traffic-page] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=traffic-page] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=traffic-page] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}
[data-page=traffic-page] .section-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .section-title {
    margin-bottom: 40px;
  }
}
[data-page=traffic-page] .section-content {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .section-content {
    margin-top: 40px;
  }
}
[data-page=traffic-page] .section-content .info-item {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .section-content .info-item {
    flex-direction: column;
    gap: 12px;
  }
}
[data-page=traffic-page] .section-content .info-item .title {
  font-family: "Noto Sans JP", sans-serif;
  color: #00517d;
}
@media (min-width: 992px) {
  [data-page=traffic-page] .section-content .info-item .title {
    flex: 0 0 136px;
  }
}
[data-page=traffic-page] .section-content .info-item .content .text {
  color: #000;
}
[data-page=traffic-page] .section-content .info-item .content .text + .text {
  margin-top: 24px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .section-content .info-item .content .text + .text {
    margin-top: 12px;
  }
}
[data-page=traffic-page] .section-content .info-item .content .inline-bordered-span {
  color: #030303;
  padding: 3px 15px;
  border: 1px solid #454545;
  margin-inline-end: 16px;
}
[data-page=traffic-page] .section-content .info-map {
  width: 100%;
  aspect-ratio: 1130/448;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .section-content .info-map {
    width: calc(100% + var(--container-inner-push, 0) * 2px);
    margin-left: calc(var(--container-inner-push, 0) * -1px);
    aspect-ratio: 390/205;
  }
}
[data-page=traffic-page] .section-content .info-map iframe {
  width: 100%;
  height: 100%;
}
[data-page=traffic-page] .section-content .info-item + .info-map {
  margin-top: 24px;
}
[data-page=traffic-page] .section-content .info-item + .info-item {
  margin-top: 40px;
  border-top: 1px solid rgba(3, 3, 3, 0.15);
  padding-top: 40px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .section-content .info-item + .info-item {
    margin-top: 32px;
    padding-top: 32px;
  }
}
[data-page=traffic-page] .page-info {
  margin-top: 120px;
}
[data-page=traffic-page] .page-info + .page-table {
  margin-top: 160px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-info {
    margin-top: 80px;
  }
  [data-page=traffic-page] .page-info + .page-table {
    margin-top: 120px;
  }
}
[data-page=traffic-page] .page-table {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table {
    padding-bottom: 120px;
  }
  [data-page=traffic-page] .page-table .section-title {
    margin-bottom: 24px;
  }
}
[data-page=traffic-page] .page-table .section-table .-tr- {
  display: flex;
  gap: 2px;
}
[data-page=traffic-page] .page-table .section-table .-td-.-MRT- {
  flex: 0 0 160px;
  background: #888888;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table .section-table .-td-.-MRT- {
    flex: 0 0 56px;
  }
}
[data-page=traffic-page] .page-table .section-table .-td-.-transfer-2-bus- {
  flex: 1 1 auto;
  background: #888888;
}
[data-page=traffic-page] .page-table .section-table .thead {
  border-bottom: 2px solid transparent;
}
[data-page=traffic-page] .page-table .section-table .thead .-td- {
  padding: 16px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table .section-table .thead .-td- {
    padding: 16px 0;
  }
}
[data-page=traffic-page] .page-table .section-table .thead .content {
  text-align: center;
  color: #ffffff;
  white-space: nowrap;
}
[data-page=traffic-page] .page-table .section-table .tbody .-tr- + .-tr- {
  margin-top: 2px;
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-MRT- {
  position: relative;
  background: #00517d;
  padding: 16px;
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-MRT- .content {
  width: 100%;
  position: relative;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding: 0;
  color: #ffffff;
  text-align: center;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-MRT- .content {
    writing-mode: tb;
  }
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- {
  background: #ffffff;
  border-bottom: 1px solid #d1d1d1;
}
@media (min-width: 992px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content {
    display: flex;
  }
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__start {
  position: relative;
  flex: 0 0 144px;
  padding: 8px;
  background: #d1d1d1;
  border-bottom: 1px solid #ffffff;
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__start .text {
  width: 100%;
  color: #000;
  text-align: center;
}
@media (min-width: 992px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__start .text {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    padding: inherit;
  }
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__start .text {
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 180%;
    letter-spacing: 0.05em;
  }
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end {
  flex: 1 1 auto;
  padding: 24px 48px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end {
    height: 100%;
    padding: 16px;
  }
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .item-group {
  display: grid;
  grid-template-areas: "col1 col2";
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto;
  grid-auto-flow: column;
  column-gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .item-group {
    grid-template-areas: "col1";
    grid-template-columns: 1fr;
  }
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .item-group + .item-group {
  margin-top: 24px;
  border-top: 1px solid #d1d1d1;
  padding-top: 24px;
}
@media (max-width: 991.98px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .item-group + .item-group {
    margin-top: 16px;
    padding-top: 16px;
  }
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .item {
  color: #000;
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .-group-1- {
  grid-column-start: col1;
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .-group-2- {
  grid-column-start: col1;
}
@media (min-width: 992px) {
  [data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content__end .-group-2- {
    grid-column-start: col2;
  }
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content:not(:last-child) .content__end {
  border-bottom: 1px solid #d1d1d1;
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content:last-child .content__start {
  position: relative;
  border-bottom: 0;
}
[data-page=traffic-page] .page-table .section-table .tbody .-td-.-transfer-2-bus- .content:last-child .content__start::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 1px;
  background: #ffffff;
}

[data-page=congratulations-list] main {
  position: relative;
}
[data-page=congratulations-list] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=congratulations-list] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=congratulations-list] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=congratulations-list] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=congratulations-list] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=congratulations-list] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=congratulations-list] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=congratulations-list] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=congratulations-list] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=congratulations-list] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=congratulations-list] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=congratulations-list] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=congratulations-list] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=congratulations-list] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=congratulations-list] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=congratulations-list] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=congratulations-list] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=congratulations-list] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=congratulations-list] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=congratulations-list] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=congratulations-list] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=congratulations-list] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=congratulations-list] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=congratulations-list] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=congratulations-list] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=congratulations-list] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=congratulations-list] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=congratulations-list] .page-content {
  padding: 96px 0;
}
[data-page=congratulations-list] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=congratulations-list] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=congratulations-list] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=congratulations-list] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=congratulations-list] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=congratulations-list] .page-content .content-page-share {
    display: none;
  }
}
[data-page=congratulations-list] .page-content .content-page-share .title {
  color: #000;
}
[data-page=congratulations-list] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=congratulations-list] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=congratulations-list] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=congratulations-list] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=congratulations-list] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=congratulations-list] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=congratulations-list] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=congratulations-list] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}
[data-page=congratulations-list] .page-list .row {
  margin-left: -12px;
  margin-right: -12px;
  --bs-gutter-y: 96px;
}
@media (max-width: 991.98px) {
  [data-page=congratulations-list] .page-list .row {
    --bs-gutter-y: 80px;
  }
}
[data-page=congratulations-list] .page-list .row > * {
  padding-left: 12px;
  padding-right: 12px;
}
[data-page=congratulations-list] .page-list .c-card-event .date {
  margin-left: 16px;
}
[data-page=congratulations-list] .page-list__pagination {
  margin-top: 80px;
}

[data-page=download-list] main {
  position: relative;
}
[data-page=download-list] .page-head.-banner- {
  padding-top: 98px;
  padding-bottom: 120px;
  --break-rule-right-offset: 0.025862069 * 100vw + -25.6551724138px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-banner- {
    padding-top: 72.8px;
    padding-bottom: 80px;
  }
}
[data-page=download-list] .page-head.-banner- .head-title {
  font-family: "Libre Baskerville", sans-serif;
  font-size: 4rem;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: normal;
  color: #00517d;
}
[data-page=download-list] .page-head.-banner- .head-title + .head-subtitle {
  margin-top: 12px;
}
[data-page=download-list] .page-head.-banner- .head-title + .head-caption {
  margin-top: 4px;
}
[data-page=download-list] .page-head.-banner- .head-subtitle {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
}
[data-page=download-list] .page-head.-banner- .head-caption {
  font-family: "Noto Sans TC", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  letter-spacing: 0.03em;
  color: #5d5d5d;
}
[data-page=download-list] .page-head.-banner- .head-breadcrumb {
  position: relative;
  margin-top: 8px;
  transform: translateX(calc(var(--break-rule-right-offset, 0px)));
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-banner- .head-breadcrumb {
    transform: translateX(0);
    margin-top: 57px;
  }
}
[data-page=download-list] .page-head.-banner- .head-breadcrumb .c-breadcrumb-list {
  justify-content: flex-end;
}
[data-page=download-list] .page-head.-banner- .head-banner {
  position: relative;
  width: calc(100% + 0.025862069 * 100vw + -25.6551724138px + var(--container-inner-push, 0) * 1px);
  margin-top: 24px;
  margin-left: calc(var(--container-inner-push, 0) * -1px);
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-banner- .head-banner {
    width: calc(100% + var(--container-inner-push, 0) * 1px);
    margin-top: 12px;
  }
}
[data-page=download-list] .page-head.-banner- .head-banner .img-container {
  position: relative;
  width: 100%;
  height: 320px;
  overflow: hidden;
}
[data-page=download-list] .page-head.-banner- .head-banner .img-container img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
[data-page=download-list] .page-head.-article- {
  padding-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-article- {
    padding-top: 72.8px;
  }
}
[data-page=download-list] .page-head.-article- .head-breadcrumb {
  margin-bottom: 64px;
}
[data-page=download-list] .page-head.-article- .head-tag {
  display: flex;
  flex-wrap: wrap;
  gap: 24px;
  margin-bottom: 20.5px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-article- .head-tag {
    flex-direction: row-reverse;
    justify-content: flex-end;
    margin-bottom: 28.5px;
  }
}
[data-page=download-list] .page-head.-article- .head-title {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 140%;
  letter-spacing: 0.05em;
  color: #00517d;
  margin-bottom: 24px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-article- .head-title {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: 0.05em;
    margin-bottom: 32px;
  }
}
[data-page=download-list] .page-head.-article- .head-attribute {
  padding: 24px 32px;
  margin-bottom: 24px;
  background-color: #e7e7e7;
}
[data-page=download-list] .page-head.-article- .head-attribute .item-group {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
[data-page=download-list] .page-head.-article- .head-attribute .item-group > * {
  flex: 0 0 calc(50% - 4px);
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-article- .head-attribute .item-group > * {
    flex: 0 0 100%;
  }
}
[data-page=download-list] .page-head.-article- .head-attribute .attribute-item {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  gap: 0px;
}
[data-page=download-list] .page-head.-article- .head-attribute .attribute-item .title {
  flex: 0 0 auto;
}
[data-page=download-list] .page-head.-article- .head-attribute .attribute-item .title, [data-page=download-list] .page-head.-article- .head-attribute .attribute-item .content {
  color: #454545;
}
[data-page=download-list] .page-head.-article- .head-attribute .attribute-item .title + .content {
  padding-left: 18.8px;
}
[data-page=download-list] .page-head.-article- .head-attribute .attribute-item .title + .content::before {
  content: "｜";
  margin-inline-start: -18.81px;
  margin-inline-end: 0px;
}
[data-page=download-list] .page-head.-article- .head-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-head.-article- .head-page-share {
    display: none;
  }
}
[data-page=download-list] .page-head.-article- .head-page-share .title {
  color: #000;
}
[data-page=download-list] .page-head.-article- .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 64px;
}
[data-page=download-list] .page-list {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-list {
    padding-bottom: 120px;
  }
}
[data-page=download-list] .page-list__toolbar .filter-tag-group {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  gap: 16px;
  margin-bottom: 56px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-list__toolbar .filter-tag-group {
    display: none;
  }
}
[data-page=download-list] .page-list__toolbar .filter-tag-dropdown {
  display: none;
  width: 167px;
  margin-bottom: 40px;
}
[data-page=download-list] .page-list__toolbar .filter-tag-dropdown.-open-dropdown- {
  width: 240px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-list__toolbar .filter-tag-dropdown {
    display: block;
  }
}
[data-page=download-list] .page-list__pagination {
  margin-top: 56px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-list__pagination {
    margin-top: 40px;
  }
}
[data-page=download-list] .page-content {
  padding: 96px 0;
}
[data-page=download-list] .page-content .info-group {
  margin-top: 96px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-content .info-group {
    margin-top: 80px;
  }
}
[data-page=download-list] .page-content .info-group .title {
  color: #000;
  margin-bottom: 40px;
}
[data-page=download-list] .page-content .info-group .info-item > * {
  width: 100%;
}
[data-page=download-list] .page-content .info-group .row {
  --bs-gutter-y: 32px;
}
[data-page=download-list] .page-content .content-page-share {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 16px;
  margin-top: 80px;
}
@media (min-width: 992px) {
  [data-page=download-list] .page-content .content-page-share {
    display: none;
  }
}
[data-page=download-list] .page-content .content-page-share .title {
  color: #000;
}
[data-page=download-list] .page-content .breakline {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  margin: 0px 0;
  background-color: rgba(0, 11, 23, 0.2);
  margin-top: 96px;
}
[data-page=download-list] .page-navigation {
  padding-bottom: 160px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-navigation {
    padding-bottom: 120px;
  }
}
[data-page=download-list] .page-navigation .btn-group {
  display: grid;
  grid-template-areas: "prev back next";
  justify-content: space-between;
  align-items: center;
  justify-items: center;
  row-gap: 56px;
}
@media (max-width: 991.98px) {
  [data-page=download-list] .page-navigation .btn-group {
    grid-template-areas: "prev next" "back back";
  }
}
[data-page=download-list] .page-navigation .btn-group .item {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 24px;
}
[data-page=download-list] .page-navigation .btn-group .item > .text {
  font-size: 1rem;
  font-weight: 400;
  line-height: 170%;
  letter-spacing: 0.03em;
  text-align: center;
  color: #000;
}
[data-page=download-list] .page-navigation .btn-group .item.-prev- {
  grid-area: prev;
}
[data-page=download-list] .page-navigation .btn-group .item.-back- {
  grid-area: back;
}
[data-page=download-list] .page-navigation .btn-group .item.-next- {
  grid-area: next;
}
[data-page=download-list] .group-wrap .each-download::after {
  content: "";
  position: relative;
  display: block;
  width: 100%;
  height: 1px;
  background: rgba(3, 3, 3, 0.1);
  margin: 40px 0;
}
[data-page=download-list] .page-list {
  position: relative;
  z-index: 2;
}

.body-lock {
  height: 100vh;
  height: calc(var(--vh, 1vh) * 100);
  overflow: hidden;
}

img.lazy {
  width: 100%;
  display: block;
  opacity: 0;
  transition: opacity 0.5s ease;
}
img.lazy.loaded {
  opacity: 1;
}