@charset "UTF-8";
/**
 * メディアクエリ
 * @param {string} $mode - max または min
 * @param {number} $width - 設定値
 */
/**
 * メディアクエリ PC
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリ SP
 * @param {number} [$width:$breakpoin] - 設定値
 */
/**
 * メディアクエリによるIE11ハック
 */
/**
 * VW計算
 * @param {string} $property  - プロパティ
 * @param {number} $value - 基準となる値
 * @param {number} $basewidth - 基準となるウィンドウ幅
 * @param {number} [$maxwidth:0] - 拡大を停止するウィンドウ幅
 * @param {number} [$minwidth:0] - 縮小を停止するウィンドウ幅
 */
.page-news .news-inner {
  background-color: var(--White);
}
@media screen and (min-width: 768px) {
  .page-news .news-inner {
    padding-bottom: calc(clamp(0px, 5.8565153734vw, 80px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-inner {
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    padding-inline: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news .news-contents {
    width: calc(clamp(0px, 79.5021961933vw, 1086px) * 1);
    margin-inline: auto;
  }
}
.page-news .news-nav {
  display: flex;
  border-bottom: 1px solid;
}
@media screen and (min-width: 768px) {
  .page-news .news-nav {
    gap: calc(clamp(0px, 0.878477306vw, 12px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-nav {
    gap: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.page-news .news-nav:has(.all.current) {
  border-color: var(--Blue);
}
.page-news .news-nav:has(.all.current) .all {
  background-color: var(--Blue);
}
.page-news .news-nav:has(.news.current) {
  border-color: var(--Orange);
}
.page-news .news-nav:has(.news.current) .news {
  background-color: var(--Orange);
}
.page-news .news-nav:has(.event.current) {
  border-color: var(--Green);
}
.page-news .news-nav:has(.event.current) .event {
  background-color: var(--Green);
}
.page-news .news-nav-item {
  width: 100%;
  border-radius: 4px 4px 0 0;
  background-color: var(--PaleBlue);
  color: var(--Blue);
}
.page-news .news-nav-item a {
  width: 100%;
  display: grid;
  place-content: center;
  transition: opacity 0.3s ease;
}
@media screen and (min-width: 768px) {
  .page-news .news-nav-item a {
    height: calc(clamp(0px, 5.1244509517vw, 70px) * 1);
    font-size: calc(clamp(0px, 1.317715959vw, 18px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-nav-item a {
    height: calc(clamp(0px, 12vw, 12vw) * 1);
    font-size: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
@media (hover: hover) and (pointer: fine) {
  .page-news .news-nav-item a:hover {
    opacity: 0.6;
  }
}
.page-news .news-nav-item.current {
  color: var(--White);
}
@media screen and (min-width: 768px) {
  .page-news .news-wrap {
    display: flex;
    align-items: flex-start;
    margin-top: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
    gap: calc(clamp(0px, 3.2942898975vw, 45px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-wrap {
    margin-top: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news .news-category {
    position: sticky;
    top: calc(clamp(0px, 10.2489019034vw, 140px) * 1);
    flex-shrink: 0;
    width: calc(clamp(0px, 17.5695461201vw, 240px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news .news-category-title {
    font-size: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-category-title {
    height: calc(clamp(0px, 12vw, 12vw) * 1);
    font-size: calc(clamp(0px, 4.5333333333vw, 4.5333333333vw) * 1);
    text-align: center;
  }
}
@media screen and (min-width: 768px) {
  .page-news .news-category-list {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-category-list {
    display: flex;
    flex-wrap: wrap;
    gap: calc(clamp(0px, 2vw, 2vw) * 1);
    padding-inline: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news .news-category-item:not(:first-child) {
    margin-top: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
.page-news .news-category-item a, .page-news .news-category-item label span {
  cursor: pointer;
  position: relative;
  display: inline-flex;
  align-items: center;
}
@media screen and (min-width: 768px) {
  .page-news .news-category-item a, .page-news .news-category-item label span {
    gap: calc(clamp(0px, 0.9516837482vw, 13px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-category-item a, .page-news .news-category-item label span {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
    gap: calc(clamp(0px, 1.3333333333vw, 1.3333333333vw) * 1);
  }
}
.page-news .news-category-item a::before, .page-news .news-category-item label span::before {
  content: "";
  background-color: var(--PaleBlue);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .page-news .news-category-item a::before, .page-news .news-category-item label span::before {
    width: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
    height: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-category-item a::before, .page-news .news-category-item label span::before {
    width: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
    height: calc(clamp(0px, 5.8666666667vw, 5.8666666667vw) * 1);
  }
}
.page-news .news-category-item a::after, .page-news .news-category-item label span::after {
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: var(--Blue);
  opacity: 0;
  transition: opacity 0.2s;
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .page-news .news-category-item a::after, .page-news .news-category-item label span::after {
    left: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
    width: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
    height: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-category-item a::after, .page-news .news-category-item label span::after {
    left: calc(clamp(0px, 1.4666666667vw, 1.4666666667vw) * 1);
    width: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
    height: calc(clamp(0px, 2.9333333333vw, 2.9333333333vw) * 1);
  }
}
.page-news .news-category-item input[type=radio] {
  display: none;
}
.page-news .news-category-item.current a::after {
  opacity: 1;
}
.page-news .news-category-item input[type=radio]:checked + span::after {
  opacity: 1;
}
.page-news .news-list {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .page-news .news-list {
    margin-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
    padding-inline: calc(clamp(0px, 8vw, 8vw) * 1);
  }
}
.page-news .news-pagination-wrap {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-news .news-pagination-wrap {
    margin-top: calc(clamp(0px, 6.588579795vw, 90px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-pagination-wrap {
    margin-top: calc(clamp(0px, 16vw, 16vw) * 1);
  }
}
.page-news .news-pagination {
  display: inline-block;
  position: relative;
}
.page-news .news-pagination-numbers {
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  .page-news .news-pagination-numbers {
    gap: calc(clamp(0px, 0.7320644217vw, 10px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-pagination-numbers {
    gap: calc(clamp(0px, 2.6666666667vw, 2.6666666667vw) * 1);
  }
}
.page-news .news-pagination-number {
  min-width: 1.5em;
}
@media screen and (min-width: 768px) {
  .page-news .news-pagination-number {
    font-size: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news .news-pagination-number {
    font-size: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.page-news .news-pagination-number.active {
  color: var(--Blue);
}
@media screen and (max-width: 767px) {
  .page-news .news-pagination-arrows {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    gap: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    display: flex;
    align-items: center;
    justify-content: center;
  }
}
@media screen and (min-width: 768px) {
  .page-news .news-pagination-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
}
.page-news .news-pagination-arrow .pagination-arrow {
  border: 2px solid var(--Blue);
}
.page-news .news-pagination-arrow .pagination-arrow::before {
  color: var(--Blue);
}
@media screen and (min-width: 768px) {
  .page-news .news-pagination-arrow.prev {
    left: calc(clamp(0px, 6.588579795vw, 90px) * -1);
  }
}
@media screen and (min-width: 768px) {
  .page-news .news-pagination-arrow.next {
    right: calc(clamp(0px, 6.588579795vw, 90px) * -1);
  }
}

/**********
お知らせ/イベント詳細
***********/
@media screen and (min-width: 768px) {
  .page-news-details {
    padding-bottom: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details {
    padding-bottom: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
.page-news-details .news-details-keyvisual {
  background-color: var(--Orange);
}
.page-news-details .event-details-keyvisual {
  background-color: var(--Green);
}
.page-news-details .details-link {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-news-details .details-link {
    margin-top: calc(clamp(0px, 9.5168374817vw, 130px) * 1);
  }
}
.page-news-details .details-link a {
  border-color: var(--PaleBlue);
}
@media (hover: hover) and (pointer: fine) {
  .page-news-details .details-link a:hover {
    border-color: var(--Blue);
  }
}
.page-news-details .details-link .details-arrow {
  background-color: var(--Blue);
}
@media screen and (max-width: 767px) {
  .page-news-details .details-container {
    padding-bottom: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-inner {
    width: calc(clamp(0px, 79.7950219619vw, 1090px) * 1);
    margin-inline: auto;
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-inner {
    padding-inline: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-head {
    padding-bottom: calc(clamp(0px, 2.5622254758vw, 35px) * 1);
    margin-bottom: calc(clamp(0px, 3.6603221083vw, 50px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-head {
    border-top: initial;
    padding-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-title {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-tag {
    margin-top: calc(clamp(0px, 0.3660322108vw, 5px) * 1);
  }
}
.page-news-details .details-template-block {
  font-family: var(--baseFontFamily);
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-block {
    font-size: calc(clamp(0px, 3.4666666667vw, 3.4666666667vw) * 1);
  }
}
.page-news-details .details-template-block a {
  display: inline-block;
  color: var(--Blue);
  text-decoration: underline;
  overflow-wrap: anywhere; /* 収まらない場合に折り返す */
  word-break: break-word; /* 単語の分割はデフォルトに依存 */
}
@media (hover: hover) and (pointer: fine) {
  .page-news-details .details-template-block a:hover {
    text-decoration: none;
  }
}
.page-news-details .details-template-block > :first-child {
  margin-top: initial;
}
.page-news-details .details-template-heading {
  border-bottom: 2px solid var(--PaleBlue);
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-heading {
    margin-top: calc(clamp(0px, 8.78477306vw, 120px) * 1);
    font-size: calc(clamp(0px, 1.9033674963vw, 26px) * 1);
    padding-bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    margin-bottom: calc(clamp(0px, 2.9282576867vw, 40px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-heading {
    border-width: 1px;
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    padding-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-image {
    margin-top: calc(clamp(0px, 5.1244509517vw, 70px) * 1);
    margin-bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-image {
    margin-top: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.page-news-details .details-template-image .image-title {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-image .image-title {
    font-size: calc(clamp(0px, 1.9033674963vw, 26px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-image .image-title {
    font-size: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
.page-news-details .details-template-image .image {
  margin-inline: auto;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-image .image {
    margin-top: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-image .image {
    margin-top: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-image .image.large {
    width: calc(clamp(0px, 58.5651537335vw, 800px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-image .image.middle {
    width: calc(clamp(0px, 43.9238653001vw, 600px) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-link {
    margin-block: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-link {
    margin-block: calc(clamp(0px, 4vw, 4vw) * 1);
  }
}
.page-news-details .details-template-movie {
  position: relative;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-movie {
    width: calc(clamp(0px, 58.5651537335vw, 800px) * 1);
    padding-bottom: calc(clamp(0px, 32.9428989751vw, 450px) * 1);
    margin-top: calc(clamp(0px, 5.1244509517vw, 70px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-movie {
    margin-top: calc(clamp(0px, 6.6666666667vw, 6.6666666667vw) * 1);
    padding-bottom: calc(clamp(0px, 44vw, 44vw) * 1);
  }
}
.page-news-details .details-template-movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .page-news-details .details-template-grid {
    margin-top: calc(clamp(0px, 9.5168374817vw, 130px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .details-template-grid {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .template-grid-item {
    display: flex;
    align-items: flex-start;
    gap: calc(clamp(0px, 5.8565153734vw, 80px) * 1);
  }
}
.page-news-details .template-grid-item.template-grid-L {
  flex-direction: row-reverse;
}
@media screen and (min-width: 768px) {
  .page-news-details .template-grid-item:not(:first-child) {
    margin-top: calc(clamp(0px, 7.3206442167vw, 100px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .template-grid-item:not(:first-child) {
    margin-top: calc(clamp(0px, 13.3333333333vw, 13.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .template-grid-image {
    flex-shrink: 0;
    width: calc(clamp(0px, 43.9238653001vw, 600px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .template-grid-image {
    margin-top: calc(clamp(0px, 10.6666666667vw, 10.6666666667vw) * 1);
  }
}
.page-news-details .template-grid-title {
  border-bottom: 2px solid var(--PaleBlue);
}
@media screen and (min-width: 768px) {
  .page-news-details .template-grid-title {
    font-size: calc(clamp(0px, 1.6105417277vw, 22px) * 1);
    padding-bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
    margin-bottom: calc(clamp(0px, 2.196193265vw, 30px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .template-grid-title {
    border-width: 1px;
    font-size: calc(clamp(0px, 4vw, 4vw) * 1);
    padding-bottom: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
    margin-bottom: calc(clamp(0px, 9.3333333333vw, 9.3333333333vw) * 1);
  }
}
@media screen and (min-width: 768px) {
  .page-news-details .template-grid-link {
    margin-top: calc(clamp(0px, 1.4641288433vw, 20px) * 1);
  }
}
@media screen and (max-width: 767px) {
  .page-news-details .template-grid-link {
    margin-top: calc(clamp(0px, 5.3333333333vw, 5.3333333333vw) * 1);
  }
}
.page-news-details .template-grid-link a {
  margin-top: 0.5em;
}