@media (min-width: 1023px) {
  .section [data-aos=fade-up] {
    transform: translate3d(0, 70px, 0);
  }
}

.section a, .section button, .section .icon {
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-mask-position: center;
          mask-position: center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
  transition: background-color var(--transition-base), background-image var(--transition-base), border var(--transition-base), color var(--transition-base), transform var(--transition-base);
}
.section-title {
  display: block;
  color: #03312A;
  font-family: "title_font";
  font-size: 36px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1279px) {
  .section-title {
    font-size: 30px;
  }
}

@media (max-width: 1023px) {
  html #top_layout::before {
    opacity: 0;
    transition: background-color var(--transition-base), opacity var(--transition-base);
  }
}
@media (max-width: 500px) {
  html #top_layout::before {
    left: 0;
    width: 100%;
  }
}
html #top_layout .mobile-prev {
  display: none;
}
html #top_layout #logo {
  display: block;
}
@media (max-width: 1023px) {
  html.scroll-up #top_layout::before {
    opacity: 1;
  }
}
@media (max-width: 500px) {
  html.scroll-down #top_layout {
    transform: translateY(-100%);
  }
}
html:not(.scroll-up) #top_layout {
  background-color: transparent;
}
html:not(.scroll-up) #top_layout:not(.open)::before {
  background-color: rgba(255, 255, 255, 0.2);
}
html:not(.scroll-up) #top_layout:not(.open) #logo a {
  background-image: url(/images/islands/2026/common/logo-w.png);
}
html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.quick-home > a::before {
  background-color: #FFF;
}
html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.quick-home > a span {
  color: #FFF;
}
html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.quick-home > a .icon.arrow {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_39019' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23FFFFFF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_39019)'%3E%3Cpath d='M10.6663 30.0016L8.33301 27.6683L24.333 11.6683H9.99967V8.33496H29.9997V28.335H26.6663V14.0016L10.6663 30.0016Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
}
html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box > a, html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box button {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='21' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1.25H23.25' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 10.25L23.25 10.25' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 19.25H23.25' stroke='%23FFFFFF' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
  html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box > a, html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box button {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29611_6624' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%23FFFFFF'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29611_6624)'%3E%3Cpath d='M3 21V19H21V21H3ZM3 13V11H21V13H3ZM3 5V3H21V5H3Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box > a:hover, html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box button:hover {
  background-image: url("data:image/svg+xml,%3Csvg width='25' height='21' viewBox='0 0 25 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1.25 1.25H23.25' stroke='%2321F0D1' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 10.25L23.25 10.25' stroke='%2321F0D1' stroke-width='2.5' stroke-linecap='square'/%3E%3Cpath d='M1.25 19.25H23.25' stroke='%2321F0D1' stroke-width='2.5' stroke-linecap='square'/%3E%3C/svg%3E%0A");
}
@media (max-width: 767px) {
  html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box > a:hover, html:not(.scroll-up) #top_layout:not(.open) .utile_wrap li.box button:hover {
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29611_6624' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='24' height='24'%3E%3Crect width='24' height='24' fill='%2321F0D1'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29611_6624)'%3E%3Cpath d='M3 21V19H21V21H3ZM3 13V11H21V13H3ZM3 5V3H21V5H3Z' fill='%2321F0D1'/%3E%3C/g%3E%3C/svg%3E%0A");
  }
}
html:not(.scroll-up) #top_layout:not(.open) #gnb_layout {
  background-color: transparent;
}
html:not(.scroll-up) #top_layout:not(.open) #gnb_layout .depth1_ul > li .th_1st span {
  color: #FFF;
}

#body_layout {
  padding: 0;
}

#foot_layout {
  background-color: #02201C;
}
#foot_layout::before {
  display: none;
}
#foot_layout .footer-list li .link {
  color: #FFF;
}
@media (max-width: 383px) {
  #foot_layout .footer-list li .link {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
#foot_layout .footer-list li.point .link {
  color: #21F0D1;
}
#foot_layout address > span {
  color: #FFF;
}
#foot_layout .copy {
  color: rgba(255, 255, 255, 0.5);
}
#foot_layout .footer-logo {
  background-image: url(/images/islands/2026/common/logo-w.png);
}

.section {
  position: relative;
  display: block;
  width: 100%;
  overflow: hidden;
}
.section.visual {
  height: 980px;
}
@media (max-width: 1279px) {
  .section.visual {
    height: clamp(820px, 177.4902px + 62.7451vw, 980px);
  }
}
@media (max-width: 1023px) {
  .section.visual {
    height: clamp(800px, 739.76471px + 7.84314vw, 820px);
  }
}
@media (max-width: 767px) {
  .section.visual {
    height: clamp(720px, 570.18727px + 29.96255vw, 800px);
  }
}
@media (max-width: 499px) {
  .section.visual {
    height: clamp(560px, 273.96648px + 89.38547vw, 720px);
  }
}
.section.visual .visual-control {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 10;
  pointer-events: none;
}
.section.visual .visual-control a, .section.visual .visual-control button {
  pointer-events: auto;
}
.section.visual .visual-control > .layout {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 56px;
}
@media (max-width: 1279px) {
  .section.visual .visual-control > .layout {
    padding-bottom: 40px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-control > .layout {
    justify-content: flex-start;
    padding-bottom: 28px;
  }
}
.section.visual .visual-control .swiper-btn {
  flex-shrink: 0;
  width: 48px;
  height: 48px;
  border-radius: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  backdrop-filter: blur(2px);
}
@media (max-width: 1279px) {
  .section.visual .visual-control .swiper-btn {
    width: 45px;
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-control .swiper-btn {
    width: 42px;
    height: 42px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-control .swiper-btn {
    width: 36px;
    height: 36px;
  }
}
.section.visual .visual-control .swiper-btn.prev {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29863_117_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29863_117' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29863_117)'%3E%3Cpath d='M28 34L18 24L28 14L29.775 15.775L21.55 24L29.775 32.225L28 34Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29863_117_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .swiper-btn.prev:hover, .section.visual .visual-control .swiper-btn.prev:active {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29863_117_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29863_117' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29863_117)'%3E%3Cpath d='M28 34L18 24L28 14L29.775 15.775L21.55 24L29.775 32.225L28 34Z' fill='%2321F0D1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29863_117_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .swiper-btn.next {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29863_121_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29863_121' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29863_121)'%3E%3Cpath d='M20.025 34L18.25 32.225L26.475 24L18.25 15.775L20.025 14L30.025 24L20.025 34Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29863_121_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .swiper-btn.next:hover, .section.visual .visual-control .swiper-btn.next:active {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29863_121_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29863_121' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29863_121)'%3E%3Cpath d='M20.025 34L18.25 32.225L26.475 24L18.25 15.775L20.025 14L30.025 24L20.025 34Z' fill='%2321F0D1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29863_121_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .swiper-btn.auto {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29763_36_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29763_36' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29763_36)'%3E%3Cpath d='M26 31V17H30V31H26ZM18 31V17H22V31H18Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29763_36_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .swiper-btn.auto:hover, .section.visual .visual-control .swiper-btn.auto:active {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29763_36_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29763_36' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29763_36)'%3E%3Cpath d='M26 31V17H30V31H26ZM18 31V17H22V31H18Z' fill='%2321F0D1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29763_36_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .swiper-btn.paused {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29763_40_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29763_40' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29763_40)'%3E%3Cpath d='M20 31V17L31 24L20 31Z' fill='%23FFFFFF'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29763_40_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .swiper-btn.paused:hover, .section.visual .visual-control .swiper-btn.paused:active {
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3CforeignObject x='-4' y='-4' width='56' height='56'%3E%3Cdiv xmlns='http://www.w3.org/1999/xhtml' style='backdrop-filter:blur(2px);clip-path:url(%23bgblur_0_29763_40_clip_path);height:100%25;width:100%25'%3E%3C/div%3E%3C/foreignObject%3E%3Cg data-figma-bg-blur-radius='4'%3E%3Cmask id='mask0_29763_40' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='12' y='12' width='24' height='24'%3E%3Crect x='12' y='12' width='24' height='24' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29763_40)'%3E%3Cpath d='M20 31V17L31 24L20 31Z' fill='%2321F0D1'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='bgblur_0_29763_40_clip_path' transform='translate(4 4)'%3E%3Crect width='48' height='48' rx='24'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.section.visual .visual-control .flex-box {
  display: flex;
  align-items: center;
  gap: 8px;
}
@media (max-width: 1279px) {
  .section.visual .visual-control .flex-box {
    gap: 6px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-control .flex-box {
    gap: 2px;
  }
}
.section.visual .visual-control .tab-select-title {
  display: none;
}
@media (max-width: 499px) {
  .section.visual .visual-control .tab-select {
    display: none;
  }
}
.section.visual .visual-control .tab-ul {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
  width: 100%;
}
@media (max-width: 1279px) {
  .section.visual .visual-control .tab-ul {
    gap: 6px;
  }
}
.section.visual .visual-control .tab-ul-li.on .visual-tab,
.section.visual .visual-control .tab-ul-li .visual-tab:hover {
  background-color: rgba(0, 0, 0, 0.5);
}
.section.visual .visual-control .tab-ul-li.on .visual-tab {
  grid-template-columns: auto 1fr;
  gap: 8px;
}
.section.visual .visual-control .tab-ul-li:nth-child(2), .section.visual .visual-control .tab-ul-li:nth-child(3) {
  display: none;
}
.section.visual .visual-tab {
  display: inline-grid;
  grid-template-columns: auto 0fr;
  align-items: center;
  gap: 0;
  height: 48px;
  padding: 0 20px;
  border-radius: 30px;
  background-color: rgba(0, 0, 0, 0.2);
  backdrop-filter: blur(2px);
  transition: grid-template-columns var(--transition-base);
}
@media (max-width: 1279px) {
  .section.visual .visual-tab {
    height: 45px;
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-tab {
    height: 42px;
  }
}
.section.visual .visual-name {
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  white-space: nowrap;
}
@media (max-width: 1279px) {
  .section.visual .visual-name {
    font-size: 18px;
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-name {
    font-size: 16px;
  }
}
.section.visual .visual-dots {
  display: flex;
  align-items: center;
  gap: 6px;
  min-width: 0;
  overflow: hidden;
}
.section.visual .visual-dots .dot {
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: rgba(255, 255, 255, 0.8);
  transition: background-color var(--transition-base);
}
@media (max-width: 1279px) {
  .section.visual .visual-dots .dot {
    width: 6px;
    height: 6px;
  }
}
.section.visual .visual-dots .dot.active {
  background-color: #21F0D1;
}
.section.visual .visual-box {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
}
.section.visual .visual-panel {
  position: relative;
  z-index: 0;
  display: block;
  min-width: 0;
  width: 100%;
  height: 100%;
  grid-column: 1;
  grid-row: 1;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0s var(--transition-base), visibility 0s var(--transition-base);
}
.section.visual .visual-panel.on {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--transition-base) 0s, visibility 0s 0s;
}
.section.visual .visual-panel#season2 {
  display: none;
}
.section.visual .visual-panel#season3 {
  display: none;
}
.section.visual .visual-swiper {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.section.visual .visual-swiper .link {
  display: block;
  width: 100%;
  height: 100%;
}
.section.visual .visual-swiper .swiper-pagination {
  position: absolute;
  left: 0;
  bottom: 0;
  right: auto;
  top: auto;
  display: block;
  width: 100%;
  height: 8px;
  background-color: transparent;
}
@media (max-width: 1023px) {
  .section.visual .visual-swiper .swiper-pagination {
    height: 6px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-swiper .swiper-pagination {
    height: 4px;
  }
}
.section.visual .visual-swiper .swiper-pagination .swiper-pagination-progressbar-fill {
  background-color: #21F0D1;
}
.section.visual .visual-thumb {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.section.visual .visual-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.section.visual .visual-text {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.section.visual .visual-text > .layout {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  height: 100%;
  padding-bottom: 120px;
}
@media (max-width: 1023px) {
  .section.visual .visual-text > .layout {
    padding-bottom: 110px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-text > .layout {
    padding-bottom: 80px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-select {
    display: none;
  }
}
.section.visual .visual-ul {
  display: flex;
  gap: 8px;
  margin: 0 0 24px;
}
@media (max-width: 1279px) {
  .section.visual .visual-ul {
    margin: 0 0 16px;
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-ul {
    margin: 0 0 12px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-ul {
    gap: 4px;
  }
}
.section.visual .visual-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  border: 1px solid #FFF;
  background-color: rgba(255, 255, 255, 0.01);
  backdrop-filter: blur(2px);
  color: #FFF;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.2;
  padding: 7px 10px;
}
@media (max-width: 1023px) {
  .section.visual .visual-badge {
    font-size: 16px;
    padding: 5px 8px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-badge {
    font-size: 15px;
    padding: 3px 6px;
  }
}
.section.visual .visual-badge.point {
  background-color: #FFF;
  color: #186FB4;
}
.section.visual .visual-group {
  display: flex;
  align-items: center;
}
.section.visual .visual-title {
  display: block;
  font-size: 56px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "title_font";
  color: #FFF;
}
@media (max-width: 1279px) {
  .section.visual .visual-title {
    font-size: clamp(52px, 35.93725px + 1.56863vw, 56px);
  }
}
@media (max-width: 1023px) {
  .section.visual .visual-title {
    font-size: clamp(48px, 35.95294px + 1.56863vw, 52px);
  }
}
@media (max-width: 767px) {
  .section.visual .visual-title {
    font-size: clamp(40px, 25.01873px + 2.99625vw, 48px);
  }
}
@media (max-width: 499px) {
  .section.visual .visual-title {
    font-size: clamp(28px, 6.54749px + 6.70391vw, 40px);
  }
}
.section.visual .visual-title .point {
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
  font-family: inherit;
  color: #21F0D1;
}
.section.visual .visual-sub {
  display: block;
  margin: 16px 0 0;
  color: #FFF;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 1279px) {
  .section.visual .visual-sub {
    margin: 8px 0 0;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .section.visual .visual-sub {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .section.visual .visual-sub {
    margin: 6px 0 0;
    font-size: 15px;
  }
}
.section.tour {
  height: 720px;
}
@media (max-width: 1919px) {
  .section.tour {
    height: clamp(634px, 461.73083px + 13.45853vw, 720px);
  }
}
@media (max-width: 1279px) {
  .section.tour {
    height: clamp(510px, 12.0549px + 48.62745vw, 634px);
  }
}
@media (max-width: 1023px) {
  .section.tour {
    height: clamp(416px, 132.89412px + 36.86275vw, 510px);
  }
}
@media (max-width: 767px) {
  .section.tour {
    height: clamp(390px, 341.31086px + 9.73783vw, 416px);
  }
}
@media (max-width: 499px) {
  .section.tour {
    height: clamp(306px, 155.8324px + 46.92737vw, 390px);
  }
}
.section.tour > .layout {
  height: 100%;
  padding-top: 160px;
}
@media (max-width: 1279px) {
  .section.tour > .layout {
    padding-top: clamp(100px, -140.94118px + 23.52941vw, 160px);
  }
}
@media (max-width: 1023px) {
  .section.tour > .layout {
    padding-top: clamp(80px, 19.76471px + 7.84314vw, 100px);
  }
}
@media (max-width: 767px) {
  .section.tour > .layout {
    padding-top: clamp(72px, 57.01873px + 2.99625vw, 80px);
  }
}
@media (max-width: 499px) {
  .section.tour > .layout {
    padding-top: clamp(56px, 27.39665px + 8.93855vw, 72px);
  }
}
.section.tour .tour-object {
  position: absolute;
  display: block;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  pointer-events: none;
}
.section.tour .tour-object.bird-left {
  left: calc((100% - 1920px) / 2 + 283px);
  top: 109px;
  width: 203px;
  background-image: url(/images/islands/2026/main/tour-obj01.png);
}
@media (max-width: 1539px) {
  .section.tour .tour-object.bird-left {
    left: 60px;
  }
}
@media (max-width: 1279px) {
  .section.tour .tour-object.bird-left {
    left: 48px;
    top: 70px;
    width: clamp(163px, 2.37255px + 15.68627vw, 203px);
  }
}
@media (max-width: 1023px) {
  .section.tour .tour-object.bird-left {
    left: 54px;
    top: 40px;
    width: clamp(130px, 30.61176px + 12.94118vw, 163px);
  }
}
@media (max-width: 767px) {
  .section.tour .tour-object.bird-left {
    left: -6px;
    top: 49px;
    width: clamp(104px, 55.31086px + 9.73783vw, 130px);
  }
}
@media (max-width: 499px) {
  .section.tour .tour-object.bird-left {
    left: 20px;
    top: 40px;
    width: clamp(62px, -13.0838px + 23.46369vw, 104px);
  }
}
.section.tour .tour-object.bird-left::before {
  display: block;
  padding-top: 66.0098522167%;
  content: "";
}
.section.tour .tour-object.bird-right {
  right: calc((100% - 1920px) / 2 + 140px);
  top: 203px;
  width: 277px;
  background-image: url(/images/islands/2026/main/tour-obj02.png);
}
@media (max-width: 1539px) {
  .section.tour .tour-object.bird-right {
    right: -80px;
  }
}
@media (max-width: 1279px) {
  .section.tour .tour-object.bird-right {
    right: -15px;
    top: 213px;
    width: clamp(216px, -28.95686px + 23.92157vw, 277px);
  }
}
@media (max-width: 1023px) {
  .section.tour .tour-object.bird-right {
    right: -56px;
    top: 156px;
    width: clamp(170px, 31.45882px + 18.03922vw, 216px);
  }
}
@media (max-width: 767px) {
  .section.tour .tour-object.bird-right {
    right: -39px;
    top: 186px;
    width: clamp(136px, 72.32959px + 12.73408vw, 170px);
  }
}
@media (max-width: 499px) {
  .section.tour .tour-object.bird-right {
    right: -26px;
    top: 164px;
    width: clamp(82px, -14.53631px + 30.1676vw, 136px);
  }
}
.section.tour .tour-object.bird-right::before {
  display: block;
  padding-top: 58.1227436823%;
  content: "";
}
.section.tour .tour-object.flow {
  left: 0;
  bottom: 0;
  width: 100%;
  background-image: url(/images/islands/2026/main/tour-bg.png);
}
.section.tour .tour-object.flow::before {
  display: block;
  padding-top: 18.59375%;
  content: "";
}
.section.tour .tour-name {
  display: block;
  width: 100%;
  text-align: center;
  color: #07927D;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 12px;
}
@media (max-width: 1279px) {
  .section.tour .tour-name {
    font-size: 18px;
    margin: 0 0 8px;
  }
}
@media (max-width: 1023px) {
  .section.tour .tour-name {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .section.tour .tour-name {
    font-size: 15px;
    margin: 0 0 6px;
  }
}
@media (max-width: 499px) {
  .section.tour .tour-name {
    font-size: 14px;
  }
}
.section.tour .tour-group {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.section.tour .tour-title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  gap: 8px;
  width: 100%;
  text-align: center;
  color: #03312A;
  font-family: "title_font";
  font-size: 48px;
  font-weight: 700;
  line-height: 1.2;
}
@media (max-width: 1279px) {
  .section.tour .tour-title {
    font-size: clamp(40px, 7.87451px + 3.13725vw, 48px);
  }
}
@media (max-width: 1023px) {
  .section.tour .tour-title {
    font-size: clamp(36px, 23.95294px + 1.56863vw, 40px);
  }
}
@media (max-width: 767px) {
  .section.tour .tour-title {
    font-size: clamp(32px, 24.50936px + 1.49813vw, 36px);
  }
}
@media (max-width: 499px) {
  .section.tour .tour-title {
    font-size: clamp(22px, 4.12291px + 5.58659vw, 32px);
    gap: 4px;
  }
}
.section.tour .tour-title .icon {
  width: 62px;
  height: 72px;
}
@media (max-width: 1279px) {
  .section.tour .tour-title .icon {
    width: clamp(48px, -8.21961px + 5.4902vw, 62px);
    height: clamp(56px, -8.25098px + 6.27451vw, 72px);
  }
}
@media (max-width: 1023px) {
  .section.tour .tour-title .icon {
    width: clamp(43px, 27.94118px + 1.96078vw, 48px);
    height: clamp(50px, 31.92941px + 2.35294vw, 56px);
  }
}
@media (max-width: 767px) {
  .section.tour .tour-title .icon {
    width: clamp(38px, 28.6367px + 1.87266vw, 43px);
    height: clamp(44px, 32.76404px + 2.24719vw, 50px);
  }
}
@media (max-width: 499px) {
  .section.tour .tour-title .icon {
    width: clamp(27px, 7.3352px + 6.14525vw, 38px);
    height: clamp(32px, 10.54749px + 6.70391vw, 44px);
  }
}
.section.tour .tour-title .icon.stamp {
  background-image: url(/images/islands/2026/main/tour-stamp.png);
}
.section.tour .tour-title .point {
  position: relative;
  color: inherit;
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
  line-height: inherit;
}
.section.tour .tour-title .point::before {
  position: absolute;
  left: -6px;
  bottom: -3px;
  display: block;
  width: calc(100% + 12px);
  height: 0.66em;
  background-color: #D0F5F2;
  content: "";
  z-index: -1;
}
@media (max-width: 767px) {
  .section.tour .tour-title .point::before {
    left: -2px;
    bottom: -2px;
    width: calc(100% + 4px);
  }
}
.section.tour .tour-sub {
  display: block;
  color: #444;
  text-align: center;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
  margin: 8px 0 0;
}
@media (max-width: 1279px) {
  .section.tour .tour-sub {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .section.tour .tour-sub {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .section.tour .tour-sub {
    font-size: 15px;
  }
}
.section.tour .tour-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 48px auto 0;
  padding: 0 24px;
  width: 209px;
  height: 49px;
  border-radius: 4px;
  border: 1px solid #222;
  color: #222222;
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  background-color: #FFF;
}
@media (max-width: 1279px) {
  .section.tour .tour-link {
    margin: 40px auto 0;
  }
}
@media (max-width: 1023px) {
  .section.tour .tour-link {
    margin: 32px auto 0;
    padding: 0 18px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .section.tour .tour-link {
    margin: 24px auto 0;
    padding: 0 14px;
    width: 189px;
    height: 41px;
  }
}
@media (max-width: 499px) {
  .section.tour .tour-link {
    padding: 0 12px;
    width: 174px;
    height: 35px;
    font-size: 15px;
  }
}
.section.tour .tour-link .icon {
  flex-shrink: 0;
  width: 16px;
  height: 16px;
}
@media (max-width: 499px) {
  .section.tour .tour-link .icon {
    width: 14px;
    height: 14px;
  }
}
.section.tour .tour-link .icon.upper {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_39019' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%2303312A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_39019)'%3E%3Cpath d='M10.6663 30.0016L8.33301 27.6683L24.333 11.6683H9.99967V8.33496H29.9997V28.335H26.6663V14.0016L10.6663 30.0016Z' fill='%2303312A'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section.tour .tour-link:hover, .section.tour .tour-link:active {
  border-color: #07927D;
  color: #07927D;
}
.section.tour .tour-link:hover .icon.upper, .section.tour .tour-link:active .icon.upper {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_39019' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%2307927D'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_39019)'%3E%3Cpath d='M10.6663 30.0016L8.33301 27.6683L24.333 11.6683H9.99967V8.33496H29.9997V28.335H26.6663V14.0016L10.6663 30.0016Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section.season {
  padding: 40px 0 clamp(100px, -140px + 12.5vw, 180px);
  background-color: #E5F6FF;
}
@media (max-width: 1920px) {
  .section.season {
    padding: 40px 0 100px;
  }
}
@media (max-width: 1539px) {
  .section.season {
    padding: 40px 0 80px;
  }
}
@media (max-width: 1279px) {
  .section.season {
    padding: 40px 0 70px;
  }
}
@media (max-width: 1023px) {
  .section.season {
    padding: 60px 0;
  }
}
@media (max-width: 767px) {
  .section.season {
    padding: 60px 0 48px;
  }
}
@media (max-width: 499px) {
  .section.season {
    padding: 60px 0 40px;
  }
}
.section.season > .layout {
  max-width: 1780px;
}
@media (max-width: 1023px) {
  .section.season > .layout {
    padding-left: 80px;
    padding-right: 80px;
  }
}
@media (max-width: 767px) {
  .section.season > .layout {
    padding-left: clamp(24px, -80.86891px + 20.97378vw, 80px);
    padding-right: clamp(24px, -80.86891px + 20.97378vw, 80px);
  }
}
@media (max-width: 499px) {
  .section.season > .layout {
    padding-left: clamp(10px, -15.02793px + 7.82123vw, 24px);
    padding-right: clamp(10px, -15.02793px + 7.82123vw, 24px);
  }
}
.section.season .season-title-box {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 0 80px;
}
@media (max-width: 1279px) {
  .section.season .season-title-box {
    margin: 0 0 60px;
  }
}
@media (max-width: 1023px) {
  .section.season .season-title-box {
    margin: 0 0 48px;
  }
}
@media (max-width: 767px) {
  .section.season .season-title-box {
    margin: 0 0 40px;
  }
}
@media (max-width: 499px) {
  .section.season .season-title-box {
    margin: 0 0 28px;
  }
}
.section.season .season-title {
  position: relative;
  padding: 0 26px;
  color: #03312A;
  text-align: center;
  font-family: "title_font";
  font-size: 48px;
  font-weight: 900;
  line-height: 1.2;
}
@media (max-width: 1279px) {
  .section.season .season-title {
    font-size: clamp(40px, 7.87451px + 3.13725vw, 48px);
    padding: 0 24px;
  }
}
@media (max-width: 1023px) {
  .section.season .season-title {
    font-size: clamp(36px, 23.95294px + 1.56863vw, 40px);
  }
}
@media (max-width: 767px) {
  .section.season .season-title {
    font-size: clamp(32px, 24.50936px + 1.49813vw, 36px);
    padding: 0 18px;
  }
}
@media (max-width: 499px) {
  .section.season .season-title {
    font-size: clamp(22px, 4.12291px + 5.58659vw, 32px);
    padding: 0 12px;
  }
}
.section.season .season-title::before, .section.season .season-title::after {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 100%;
  background-color: #07927D;
  content: "";
}
@media (max-width: 1279px) {
  .section.season .season-title::before, .section.season .season-title::after {
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 499px) {
  .section.season .season-title::before, .section.season .season-title::after {
    width: 6px;
    height: 6px;
  }
}
.section.season .season-title::before {
  left: 0;
}
.section.season .season-title::after {
  right: 0;
}
@media (max-width: 1023px) {
  .section.season .season-swiper {
    overflow: visible;
  }
}
@media (min-width: 1024px) {
  .section.season .season-swiper.swiper-autoheight .swiper-wrapper {
    align-items: stretch;
    height: auto !important;
  }
}
.section.season .season-swiper .swiper-wrapper {
  flex-direction: column;
  gap: 120px;
}
@media (max-width: 1539px) {
  .section.season .season-swiper .swiper-wrapper {
    gap: 100px;
  }
}
@media (max-width: 1279px) {
  .section.season .season-swiper .swiper-wrapper {
    gap: 80px;
  }
}
@media (max-width: 1023px) {
  .section.season .season-swiper .swiper-wrapper {
    flex-direction: row;
    gap: 0;
  }
}
@media (max-width: 1023px) {
  .section.season .season-swiper .swiper-slide {
    display: flex;
    height: auto;
  }
}
.section.season .season-swiper .swiper-slide.color1 {
  --point-color: #0C95DA;
  --point-bg-color: #EAF8FF;
}
.section.season .season-swiper .swiper-slide.color2 {
  --point-color: #0694A6;
  --point-bg-color: #EAF5F7;
}
.section.season .season-swiper .swiper-slide.color2 .link {
  flex-direction: row-reverse;
}
@media (max-width: 1023px) {
  .section.season .season-swiper .swiper-slide.color2 .link {
    flex-direction: column;
  }
}
.section.season .season-swiper .swiper-slide.color2 .season-text {
  padding: 0 0 0 141px;
}
@media (max-width: 1919px) {
  .section.season .season-swiper .swiper-slide.color2 .season-text {
    padding: 0 0 0 calc(-234.39124px + 19.56182vw);
  }
}
@media (max-width: 1280px) {
  .section.season .season-swiper .swiper-slide.color2 .season-text {
    padding: 0 0 0 16px;
  }
}
@media (max-width: 1023px) {
  .section.season .season-swiper .swiper-slide.color2 .season-text {
    padding: 32px 40px;
  }
}
@media (max-width: 767px) {
  .section.season .season-swiper .swiper-slide.color2 .season-text {
    padding: 24px 28px;
  }
}
@media (max-width: 499px) {
  .section.season .season-swiper .swiper-slide.color2 .season-text {
    padding: 18px 16px;
  }
}
.section.season .season-swiper .swiper-slide.color3 {
  --point-color: #166CA6;
  --point-bg-color: #ECF3F8;
}
.section.season .season-swiper .swiper-slide.color3 .link {
  align-items: flex-start;
}
.section.season .season-swiper .swiper-pagination {
  position: relative;
  left: auto;
  top: auto;
  bottom: auto;
  display: none;
  align-items: center;
  justify-content: center;
  gap: 6px;
  margin: 0 0 24px;
}
@media (max-width: 1023px) {
  .section.season .season-swiper .swiper-pagination {
    display: flex;
  }
}
@media (max-width: 767px) {
  .section.season .season-swiper .swiper-pagination {
    margin: 0 0 20px;
  }
}
@media (max-width: 499px) {
  .section.season .season-swiper .swiper-pagination {
    margin: 0 0 18px;
  }
}
.section.season .season-swiper .swiper-pagination-bullet {
  width: auto;
  height: auto;
  padding: 8px 16px;
  margin: 0;
  border-radius: 30px;
  background-color: rgba(3, 49, 42, 0.2);
  color: #FFF;
  font-size: 24px;
  font-weight: 700;
  line-height: 1.4;
  transition: background-color var(--transition-base);
  opacity: 1;
}
@media (max-width: 767px) {
  .section.season .season-swiper .swiper-pagination-bullet {
    font-size: 18px;
  }
}
@media (max-width: 499px) {
  .section.season .season-swiper .swiper-pagination-bullet {
    font-size: 16px;
  }
}
.section.season .season-swiper .swiper-pagination-bullet-active {
  background-color: #03312A;
}
.section.season .season-swiper .link {
  display: flex;
  align-items: center;
  gap: 80px;
  width: 100%;
}
@media (max-width: 1539px) {
  .section.season .season-swiper .link {
    gap: 60px;
  }
}
@media (max-width: 1279px) {
  .section.season .season-swiper .link {
    gap: 40px;
  }
}
@media (max-width: 1023px) {
  .section.season .season-swiper .link {
    flex-direction: column;
    gap: 0;
    height: auto;
  }
}
.section.season .season-swiper .link:hover .season-name::after, .section.season .season-swiper .link:active .season-name::after {
  width: calc(100% + 12px);
}
.section.season .season-thumb {
  position: relative;
  width: 800px;
  height: 460px;
  border-radius: 1000px;
  overflow: hidden;
}
@media (max-width: 1919px) {
  .section.season .season-thumb {
    width: clamp(460px, -221.06416px + 53.20814vw, 800px);
  }
}
@media (max-width: 1279px) {
  .section.season .season-thumb {
    width: clamp(320px, -242.19608px + 54.90196vw, 460px);
    height: auto;
  }
}
@media (max-width: 1023px) {
  .section.season .season-thumb {
    width: 100%;
    border-radius: 0;
  }
}
.section.season .season-thumb::before {
  display: none;
  padding-top: 100%;
  content: "";
}
@media (max-width: 1279px) {
  .section.season .season-thumb::before {
    display: block;
  }
}
@media (max-width: 1023px) {
  .section.season .season-thumb::before {
    padding-top: 52.6315789474%;
  }
}
.section.season .season-thumb img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 1279px) {
  .section.season .season-thumb img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: auto;
  }
}
@media (max-width: 1023px) {
  .section.season .season-thumb img {
    width: 100%;
  }
}
.section.season .season-text {
  padding: 0 0 0 16px;
  flex: 1;
}
@media (max-width: 1023px) {
  .section.season .season-text {
    width: 100%;
    padding: 32px 40px;
    background-color: #FFF;
    flex: auto;
  }
}
@media (max-width: 767px) {
  .section.season .season-text {
    padding: 24px 28px;
  }
}
@media (max-width: 499px) {
  .section.season .season-text {
    padding: 18px 16px;
  }
}
.section.season .season-text-box {
  display: flex;
  align-items: center;
  gap: 16px;
  width: 100%;
}
.section.season .season-text-box .icon {
  width: 24px;
  height: 24px;
}
@media (max-width: 767px) {
  .section.season .season-text-box .icon {
    width: 20px;
    height: 20px;
  }
}
@media (max-width: 499px) {
  .section.season .season-text-box .icon {
    width: 16px;
    height: 16px;
  }
}
.section.season .season-text-box .icon.upper {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_39019' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%2303312A'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_39019)'%3E%3Cpath d='M10.6663 30.0016L8.33301 27.6683L24.333 11.6683H9.99967V8.33496H29.9997V28.335H26.6663V14.0016L10.6663 30.0016Z' fill='%2303312A'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section.season .season-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 10px;
  color: var(--point-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  background-color: #FFF;
  border-radius: 4px;
}
@media (max-width: 1023px) {
  .section.season .season-badge {
    background-color: var(--point-bg-color);
  }
}
@media (max-width: 767px) {
  .section.season .season-badge {
    padding: 6px 8px;
    font-size: 15px;
  }
}
@media (max-width: 499px) {
  .section.season .season-badge {
    padding: 4px 6px;
  }
}
.section.season .season-badge.large {
  flex-shrink: 0;
  padding: 8px 14px;
  color: #FFF;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.2;
  font-family: "title_font";
  background-color: var(--point-color);
  border-radius: 8px;
}
@media (max-width: 1279px) {
  .section.season .season-badge.large {
    font-size: clamp(28px, 11.93725px + 1.56863vw, 32px);
  }
}
@media (max-width: 1023px) {
  .section.season .season-badge.large {
    display: none;
  }
}
.section.season .season-group {
  display: flex;
  align-items: flex-start;
  gap: 16px;
}
@media (max-width: 767px) {
  .section.season .season-group {
    gap: 12px;
  }
}
@media (max-width: 499px) {
  .section.season .season-group {
    gap: 8px;
  }
}
.section.season .season-name {
  position: relative;
  display: flex;
  align-items: flex-start;
  color: #03312A;
  font-family: "title_font";
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  z-index: 0;
}
@media (max-width: 1279px) {
  .section.season .season-name {
    font-size: clamp(32px, -0.12549px + 3.13725vw, 40px);
  }
}
@media (max-width: 767px) {
  .section.season .season-name {
    font-size: clamp(28px, 20.50936px + 1.49813vw, 32px);
  }
}
@media (max-width: 499px) {
  .section.season .season-name {
    font-size: clamp(20px, 5.69832px + 4.46927vw, 28px);
  }
}
.section.season .season-name::after {
  position: absolute;
  left: -6px;
  bottom: 2px;
  display: block;
  width: 0;
  height: 0.4em;
  background-color: #98DBFF;
  content: "";
  transition: width var(--transition-base);
  z-index: -1;
}
.section.season .season-sub {
  display: block;
  margin: 12px 0 0;
  color: #444;
  font-size: 20px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 1279px) {
  .section.season .season-sub {
    margin: 8px 0 0;
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .section.season .season-sub {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .section.season .season-sub {
    font-size: 14px;
  }
}
.section.season .season-ul {
  display: flex;
  gap: 8px;
  margin: 16px 0 0;
}
@media (max-width: 1279px) {
  .section.season .season-ul {
    margin: 12px 0 0;
  }
}
@media (max-width: 499px) {
  .section.season .season-ul {
    gap: 4px;
  }
}
.section.season .season-part {
  display: block;
  width: 100%;
  margin: 40px 0 0;
}
@media (max-width: 1279px) {
  .section.season .season-part {
    margin: 28px 0 0;
  }
}
@media (max-width: 767px) {
  .section.season .season-part {
    margin: 24px 0 0;
  }
}
@media (max-width: 499px) {
  .section.season .season-part {
    margin: 20px 0 0;
  }
}
.section.season .season-part + .season-part {
  margin: 48px 0 0;
}
@media (max-width: 1279px) {
  .section.season .season-part + .season-part {
    margin: 36px 0 0;
  }
}
@media (max-width: 767px) {
  .section.season .season-part + .season-part {
    margin: 32px 0 0;
  }
}
@media (max-width: 499px) {
  .section.season .season-part + .season-part {
    margin: 24px 0 0;
  }
}
.section.season .season-second {
  display: block;
  max-width: 577px;
  width: 100%;
  color: #166CA6;
  font-family: "title_font";
  font-size: 24px;
  font-weight: 900;
  line-height: 1.2;
  padding: 0 0 16px;
  border-bottom: 1px solid #166CA6;
}
@media (max-width: 1023px) {
  .section.season .season-second {
    max-width: none;
  }
}
@media (max-width: 767px) {
  .section.season .season-second {
    font-size: 22px;
  }
}
.section.season .season-third {
  display: block;
  color: #444;
  font-size: 20px;
  font-weight: 700;
  line-height: 1.2;
  margin: 24px 0 16px;
}
@media (max-width: 1279px) {
  .section.season .season-third {
    margin: 20px 0 16px;
  }
}
@media (max-width: 767px) {
  .section.season .season-third {
    margin: 20px 0 12px;
    font-size: 18px;
  }
}
@media (max-width: 499px) {
  .section.season .season-third {
    margin: 20px 0 8px;
    font-size: 16px;
  }
}
.section.season .season-third:first-child {
  margin-top: 0;
}
.section.season .season-ol {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
  counter-reset: season-step;
}
@media (max-width: 767px) {
  .section.season .season-ol {
    gap: 6px;
  }
}
.section.season .season-ol-li {
  position: relative;
  padding: 0 0 0 32px;
  width: 100%;
  color: #444;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
  counter-increment: season-step;
}
@media (max-width: 767px) {
  .section.season .season-ol-li {
    padding: 0 0 0 28px;
    font-size: 15px;
    line-height: 20px;
  }
}
@media (max-width: 499px) {
  .section.season .season-ol-li {
    padding: 0 0 0 22px;
    font-size: 14px;
    line-height: 18px;
  }
}
.section.season .season-ol-li::before {
  position: absolute;
  left: 0;
  top: 0;
  display: block;
  width: 24px;
  height: 24px;
  border-radius: 100%;
  background-color: var(--point-color);
  color: #FFF;
  font-size: 15px;
  font-weight: 500;
  line-height: 24px;
  text-align: center;
  content: counter(season-step);
}
@media (max-width: 767px) {
  .section.season .season-ol-li::before {
    width: 20px;
    height: 20px;
    font-size: 14px;
    line-height: 20px;
  }
}
@media (max-width: 499px) {
  .section.season .season-ol-li::before {
    width: 18px;
    height: 18px;
    font-size: 12px;
    line-height: 18px;
  }
}
.section.season .season-gift {
  display: inline-flex;
  align-items: flex-start;
  gap: 4px;
  padding: 8px 14px;
  background-color: #FFF;
  border-radius: 4px;
}
@media (max-width: 1023px) {
  .section.season .season-gift {
    background-color: var(--point-bg-color);
  }
}
@media (max-width: 767px) {
  .section.season .season-gift {
    padding: 6px 12px;
  }
}
@media (max-width: 499px) {
  .section.season .season-gift {
    align-items: flex-start;
    padding: 0;
    background-color: transparent;
  }
}
.section.season .season-gift .icon {
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  margin: 1px 0 0;
}
@media (max-width: 767px) {
  .section.season .season-gift .icon {
    width: 18px;
    height: 18px;
  }
}
@media (max-width: 499px) {
  .section.season .season-gift .icon {
    width: 16px;
    margin: 0;
  }
}
.section.season .season-gift .icon.gift {
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_37220' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_37220)'%3E%3Cpath d='M3.42975 17.9162V8.84562H2.0835V4.50292H6.39287C6.27537 4.36722 6.19551 4.21438 6.15329 4.04437C6.11107 3.87451 6.08995 3.69611 6.08995 3.50917C6.08995 2.88597 6.30808 2.35625 6.74433 1.92C7.18058 1.48375 7.7103 1.26562 8.3335 1.26562C8.65294 1.26562 8.94891 1.33264 9.22141 1.46667C9.49377 1.60083 9.73732 1.78007 9.95204 2.00437C10.1668 1.77146 10.4104 1.59014 10.6829 1.46042C10.9552 1.33056 11.2511 1.26562 11.5706 1.26562C12.1939 1.26562 12.7237 1.48375 13.16 1.92C13.5962 2.35625 13.8143 2.88597 13.8143 3.50917C13.8143 3.69403 13.7911 3.86979 13.7445 4.03646C13.698 4.20312 13.6203 4.35861 13.5114 4.50292H17.9168V8.84562H16.5706V17.9162H3.42975ZM10.8647 2.80125C10.6729 2.99167 10.577 3.22764 10.577 3.50917C10.577 3.79069 10.6722 4.02667 10.8627 4.21708C11.0531 4.40764 11.2891 4.50292 11.5706 4.50292C11.8521 4.50292 12.0881 4.40764 12.2787 4.21708C12.4691 4.02667 12.5643 3.79069 12.5643 3.50917C12.5643 3.22764 12.4684 2.99167 12.2766 2.80125C12.0848 2.61083 11.8495 2.51562 11.5706 2.51562C11.2918 2.51562 11.0566 2.61083 10.8647 2.80125ZM7.33995 3.50917C7.33995 3.79069 7.43579 4.02667 7.62745 4.21708C7.81926 4.40764 8.05461 4.50292 8.3335 4.50292C8.61238 4.50292 8.84773 4.40764 9.03954 4.21708C9.2312 4.02667 9.32704 3.79069 9.32704 3.50917C9.32704 3.22764 9.23183 2.99167 9.04141 2.80125C8.851 2.61083 8.61502 2.51562 8.3335 2.51562C8.05197 2.51562 7.816 2.61083 7.62558 2.80125C7.43516 2.99167 7.33995 3.22764 7.33995 3.50917ZM3.3335 5.75271V7.59583H9.37516V5.75271H3.3335ZM9.37516 16.6662V8.84562H4.67954V16.6662H9.37516ZM10.6252 16.6662H15.3208V8.84562H10.6252V16.6662ZM16.6668 7.59583V5.75271H10.6252V7.59583H16.6668Z' fill='%230C95DA'/%3E%3C/g%3E%3C/svg%3E%0A");
          mask-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_37220' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Crect width='20' height='20' fill='%23D9D9D9'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_37220)'%3E%3Cpath d='M3.42975 17.9162V8.84562H2.0835V4.50292H6.39287C6.27537 4.36722 6.19551 4.21438 6.15329 4.04437C6.11107 3.87451 6.08995 3.69611 6.08995 3.50917C6.08995 2.88597 6.30808 2.35625 6.74433 1.92C7.18058 1.48375 7.7103 1.26562 8.3335 1.26562C8.65294 1.26562 8.94891 1.33264 9.22141 1.46667C9.49377 1.60083 9.73732 1.78007 9.95204 2.00437C10.1668 1.77146 10.4104 1.59014 10.6829 1.46042C10.9552 1.33056 11.2511 1.26562 11.5706 1.26562C12.1939 1.26562 12.7237 1.48375 13.16 1.92C13.5962 2.35625 13.8143 2.88597 13.8143 3.50917C13.8143 3.69403 13.7911 3.86979 13.7445 4.03646C13.698 4.20312 13.6203 4.35861 13.5114 4.50292H17.9168V8.84562H16.5706V17.9162H3.42975ZM10.8647 2.80125C10.6729 2.99167 10.577 3.22764 10.577 3.50917C10.577 3.79069 10.6722 4.02667 10.8627 4.21708C11.0531 4.40764 11.2891 4.50292 11.5706 4.50292C11.8521 4.50292 12.0881 4.40764 12.2787 4.21708C12.4691 4.02667 12.5643 3.79069 12.5643 3.50917C12.5643 3.22764 12.4684 2.99167 12.2766 2.80125C12.0848 2.61083 11.8495 2.51562 11.5706 2.51562C11.2918 2.51562 11.0566 2.61083 10.8647 2.80125ZM7.33995 3.50917C7.33995 3.79069 7.43579 4.02667 7.62745 4.21708C7.81926 4.40764 8.05461 4.50292 8.3335 4.50292C8.61238 4.50292 8.84773 4.40764 9.03954 4.21708C9.2312 4.02667 9.32704 3.79069 9.32704 3.50917C9.32704 3.22764 9.23183 2.99167 9.04141 2.80125C8.851 2.61083 8.61502 2.51562 8.3335 2.51562C8.05197 2.51562 7.816 2.61083 7.62558 2.80125C7.43516 2.99167 7.33995 3.22764 7.33995 3.50917ZM3.3335 5.75271V7.59583H9.37516V5.75271H3.3335ZM9.37516 16.6662V8.84562H4.67954V16.6662H9.37516ZM10.6252 16.6662H15.3208V8.84562H10.6252V16.6662ZM16.6668 7.59583V5.75271H10.6252V7.59583H16.6668Z' fill='%230C95DA'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-color: var(--point-color);
}
.section.season .season-gift-title {
  color: var(--point-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .section.season .season-gift-title {
    font-size: 15px;
  }
}
@media (max-width: 499px) {
  .section.season .season-gift-title {
    font-size: 14px;
    line-height: 1.3;
  }
}
.section.season .season-gift + .season-gift {
  margin: 10px 0 0;
}
.section.notice {
  padding: 0 0 76px;
}
@media (max-width: 1279px) {
  .section.notice {
    padding: 0 0 56px;
  }
}
@media (max-width: 499px) {
  .section.notice {
    padding: 0 0 48px;
  }
}
.section.notice .section-title {
  line-height: 48px;
  margin: 0 0 32px;
}
@media (max-width: 1279px) {
  .section.notice .section-title {
    line-height: 41px;
    margin: 0 0 24px;
  }
}
@media (max-width: 1023px) {
  .section.notice .section-title {
    margin: 0 0 20px;
  }
}
@media (max-width: 499px) {
  .section.notice .section-title {
    line-height: 36px;
    margin: 0 0 18px;
    text-align: center;
    padding: 0 36px 0 0;
  }
}
.section.notice .notice-object.flow {
  display: block;
  width: 100%;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  background-image: url(/images/islands/2026/main/notice-bg.png);
  pointer-events: none;
  margin: 0 0 80px;
}
@media (max-width: 1279px) {
  .section.notice .notice-object.flow {
    margin: 0 0 60px;
  }
}
@media (max-width: 1023px) {
  .section.notice .notice-object.flow {
    margin: 0 0 48px;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-object.flow {
    margin: 0 0 40px;
  }
}
.section.notice .notice-object.flow::before {
  display: block;
  padding-top: 8.7109375%;
  content: "";
}
.section.notice .notice-tab {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 48px;
  padding: 0 20px;
  border-radius: 30px;
  background-color: rgba(3, 49, 42, 0.2);
  backdrop-filter: blur(2px);
  color: #FFF;
  font-size: 20px;
  font-weight: 700;
}
@media (max-width: 1279px) {
  .section.notice .notice-tab {
    height: 41px;
    padding: 0 16px;
    font-size: 18px;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-tab {
    height: 38px;
    font-size: 16px;
  }
}
.section.notice .notice-box {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
  height: 100%;
}
.section.notice .notice-panel {
  display: block;
  min-width: 0;
  width: 100%;
  height: 100%;
  grid-column: 1;
  grid-row: 1;
  background-color: #FFF;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: opacity 0s var(--transition-base), visibility 0s var(--transition-base);
}
.section.notice .notice-panel.on {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
  transition: opacity var(--transition-base) 0s, visibility 0s 0s;
}
.section.notice .notice-group {
  display: flex;
  align-items: stretch;
  width: 100%;
  height: 100%;
  gap: 40px;
}
@media (max-width: 1539px) {
  .section.notice .notice-group {
    gap: 32px;
  }
}
@media (max-width: 1279px) {
  .section.notice .notice-group {
    gap: 24px;
  }
}
@media (max-width: 1023px) {
  .section.notice .notice-group {
    gap: 20px;
  }
}
@media (max-width: 767px) {
  .section.notice .notice-group {
    gap: 12px;
    flex-direction: column;
  }
}
.section.notice .notice-item {
  flex: 0 0 calc((100% - 80px) / 3);
}
@media (max-width: 1539px) {
  .section.notice .notice-item {
    flex: 0 0 calc((100% - 64px) / 3);
  }
}
@media (max-width: 1279px) {
  .section.notice .notice-item {
    flex: 0 0 calc((100% - 24px) / 2);
  }
}
@media (max-width: 1023px) {
  .section.notice .notice-item {
    flex: 0 0 calc((100% - 20px) / 2);
  }
}
@media (max-width: 767px) {
  .section.notice .notice-item {
    flex: 0;
  }
}
.section.notice .notice-item .link {
  position: relative;
  display: block;
  width: 100%;
  padding: 40px 48px;
  border-radius: 4px;
  border: 1px solid #EEE;
  background-color: #FFF;
}
@media (max-width: 1539px) {
  .section.notice .notice-item .link {
    padding: 36px 40px;
  }
}
@media (max-width: 1023px) {
  .section.notice .notice-item .link {
    padding: 30px 32px;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-item .link {
    padding: 20px 24px;
  }
}
.section.notice .notice-item .link:hover, .section.notice .notice-item .link:active {
  border-color: #07927D;
}
@media (max-width: 1279px) {
  .section.notice .notice-item:nth-of-type(3) {
    display: none;
  }
}
@media (max-width: 767px) {
  .section.notice .notice-item:nth-of-type(3) {
    display: block;
  }
}
.section.notice .notice-item.nodata {
  flex: 0 0 100%;
}
@media (max-width: 767px) {
  .section.notice .notice-item.nodata {
    height: 100%;
  }
}
.section.notice .notice-item.nodata .link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
}
.section.notice .notice-item.nodata .link .icon {
  width: 140px;
  margin: 0 0 20px;
}
@media (max-width: 767px) {
  .section.notice .notice-item.nodata .link .icon {
    width: 240px;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-item.nodata .link .icon {
    width: 200px;
  }
}
@media (max-width: 383px) {
  .section.notice .notice-item.nodata .link .icon {
    width: 180px;
  }
}
.section.notice .notice-item.nodata .link .icon.nodata {
  background-image: url(/images/islands/2026/common/nodata.png);
}
.section.notice .notice-item.nodata .link .icon::before {
  display: block;
  padding-top: 84.6666666667%;
  content: "";
}
.section.notice .notice-item.nodata .link .notice-title {
  height: auto;
  display: block;
}
@media (max-width: 767px) {
  .section.notice .notice-item.nodata .link .notice-title {
    font-size: 28px;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-item.nodata .link .notice-title {
    font-size: 24px;
  }
}
@media (max-width: 383px) {
  .section.notice .notice-item.nodata .link .notice-title {
    font-size: 22px;
  }
}
.section.notice .notice-item.nodata .link .notice-contents {
  height: auto;
  display: block;
  text-align: center;
}
@media (max-width: 767px) {
  .section.notice .notice-item.nodata .link .notice-contents {
    font-size: 16px;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-item.nodata .link .notice-contents {
    font-size: 15px;
  }
}
.section.notice .notice-item.nodata .link:hover, .section.notice .notice-item.nodata .link:active {
  border-color: #EEE;
}
.section.notice .notice-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 4px;
  padding: 7px 10px;
  border: 1px solid var(--point-color);
  color: var(--point-color);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  margin: 0 0 16px;
  display: none;
}
@media (max-width: 1023px) {
  .section.notice .notice-badge {
    padding: 5px 8px;
    margin: 0 0 12px;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-badge {
    padding: 3px 6px;
    margin: 0 0 8px;
    font-size: 15px;
  }
}
.section.notice .notice-badge.color1 {
  --point-color: #07927D;
}
.section.notice .notice-badge.color2 {
  --point-color: #D36D0E;
}
.section.notice .notice-title {
  overflow: hidden;
  max-width: 100%;
  line-height: 1.4;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #444;
  font-size: 26px;
  font-weight: 700;
  height: 72px;
}
@media (max-width: 1279px) {
  .section.notice .notice-title {
    font-size: 24px;
    height: 67px;
  }
}
@media (max-width: 1023px) {
  .section.notice .notice-title {
    font-size: 22px;
    height: 62px;
  }
}
@media (max-width: 767px) {
  .section.notice .notice-title {
    font-size: 20px;
    height: auto;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-title {
    font-size: 18px;
  }
}
.section.notice .notice-contents {
  overflow: hidden;
  max-width: 100%;
  line-height: 1.4;
  text-overflow: ellipsis;
  display: -webkit-box !important;
  word-wrap: break-word;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  color: #666;
  font-size: 18px;
  font-weight: 400;
  height: 50px;
  margin: 8px 0 0;
}
@media (max-width: 1279px) {
  .section.notice .notice-contents {
    font-size: 17px;
    height: 48px;
  }
}
@media (max-width: 1023px) {
  .section.notice .notice-contents {
    font-size: 16px;
    height: 45px;
  }
}
@media (max-width: 767px) {
  .section.notice .notice-contents {
    font-size: 15px;
    height: auto;
  }
}
.section.notice .notice-date {
  display: block;
  color: #767676;
  font-size: 15px;
  font-weight: 400;
  line-height: 1.2;
  margin: 40px 0 0;
}
@media (max-width: 1539px) {
  .section.notice .notice-date {
    margin: 32px 0 0;
  }
}
@media (max-width: 1023px) {
  .section.notice .notice-date {
    margin: 28px 0 0;
  }
}
@media (max-width: 767px) {
  .section.notice .notice-date {
    margin: 16px 0 0;
  }
}
@media (max-width: 499px) {
  .section.notice .notice-date {
    font-size: 14px;
  }
}
.section.notice .tab-select {
  display: none;
}
.section.notice .tab-select-title {
  display: none;
}
.section.notice .tab-ul {
  position: absolute;
  left: calc(var(--layout-padding) + 161px);
  top: 0;
  display: inline-flex;
  gap: 6px;
}
@media (max-width: 1279px) {
  .section.notice .tab-ul {
    left: calc(var(--layout-padding) + 139px);
  }
}
@media (max-width: 499px) {
  .section.notice .tab-ul {
    position: relative;
    left: auto;
    top: auto;
    width: 100%;
    justify-content: center;
    gap: 4px;
    margin: 0 0 18px;
  }
}
.section.notice .tab-ul-li .notice-tab:hover {
  background-color: rgba(3, 49, 42, 0.4);
}
.section.notice .tab-ul-li.on .notice-tab, .section.notice .tab-ul-li.on .notice-tab:hover {
  background-color: #03312A;
}
.section.notice .more-link {
  position: absolute;
  right: var(--layout-padding);
  top: 0;
  display: flex;
}
@media (max-width: 499px) {
  .section.notice .more-link {
    right: calc(50% - 88px);
    top: 4px;
    transform: translateX(-50%);
  }
}
.section.notice .more-link .icon {
  width: 40px;
  height: 48px;
}
@media (max-width: 1279px) {
  .section.notice .more-link .icon {
    width: 32px;
    height: 41px;
  }
}
@media (max-width: 499px) {
  .section.notice .more-link .icon {
    width: 28px;
    height: 28px;
  }
}
.section.notice .more-link .icon.upper {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_39019' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%23849996'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_39019)'%3E%3Cpath d='M10.6663 30.0016L8.33301 27.6683L24.333 11.6683H9.99967V8.33496H29.9997V28.335H26.6663V14.0016L10.6663 30.0016Z' fill='%23849996'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section.notice .more-link:hover .icon.upper {
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_29502_39019' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='40' height='40'%3E%3Crect width='40' height='40' fill='%2307927D'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_29502_39019)'%3E%3Cpath d='M10.6663 30.0016L8.33301 27.6683L24.333 11.6683H9.99967V8.33496H29.9997V28.335H26.6663V14.0016L10.6663 30.0016Z' fill='%2307927D'/%3E%3C/g%3E%3C/svg%3E%0A");
}
.section.mobile {
  padding: 0 0 120px;
}
@media (max-width: 1279px) {
  .section.mobile {
    padding: 0 0 100px;
  }
}
@media (max-width: 1023px) {
  .section.mobile {
    padding: 0 0 80px;
  }
}
@media (max-width: 767px) {
  .section.mobile {
    padding: 0 0 72px;
  }
}
@media (max-width: 499px) {
  .section.mobile {
    padding: 0 0 64px;
  }
}
.section.mobile .link {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
.section.mobile .link picture {
  display: block;
  width: 100%;
  height: 100%;
}
.section.mobile .link picture source, .section.mobile .link picture img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.visual-pop-box {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 20;
  pointer-events: auto;
}
.visual-pop-box .visual-pop-close {
  position: absolute;
  right: 0;
  top: 43px;
  width: 48px;
  height: 96px;
  background-color: #1555AE;
  overflow: hidden;
  transition: all var(--transition-base);
  border-radius: 10px 0px 0px 10px;
  pointer-events: auto;
}
@media (max-width: 767px) {
  .visual-pop-box .visual-pop-close {
    top: 58px;
  }
}
.visual-pop-box .visual-pop-close::after {
  position: absolute;
  left: -47px;
  bottom: 0;
  display: block;
  width: 235px;
  height: 57px;
  background-image: url("data:image/svg+xml,%3Csvg width='48' height='57' viewBox='0 0 48 57' fill='none' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Crect x='-123.5' width='235' height='57' fill='url(%23pattern0_4082_874)'/%3E%3Cdefs%3E%3Cpattern id='pattern0_4082_874' patternContentUnits='objectBoundingBox' width='1' height='1'%3E%3Cuse xlink:href='%23image0_4082_874' transform='scale(0.00425532 0.0175439)'/%3E%3C/pattern%3E%3Cimage id='image0_4082_874' width='235' height='57' xlink:href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAOsAAAA5CAMAAADgIizDAAAAM1BMVEUAAAD///////////////////////////////////////////////////////////////+3leKCAAAAEXRSTlMASBozFgoFEkICOw42LSImHQN0sA4AAAGnSURBVGje7dgNboMwDIbh2tj5IRC4/2nXbNKyUeFubZJSh/cGjz43qricnZ2dnb0yc+klb/HSSUzYidVbxE6sTNiJNY3aiZUJO7GmUTuxGsJerAFRu9VwsNbSOg+p+doS46rL6tliXJIwNcKmi5J8oHhF5iYHGq0+4DJsGh3osxrKzjzqCKDNuoXm+9VmtVtofpR0WQ3OWbcZVZeVY8bdUFVZ96XpfjVZBenkQJPVxEEaVZOVBmlUTVaexVEVWf067OdAk1Uc1YEm651fqiKrWcRRNVl5FkfVZLXi86vKStKouqyrJNVljeL5trd6b77yzaijg7ZWbzhYIvwRkQ3MxdBRkDaz+qREoWQ2daiTgwd62LlhVhJHYdMWVrPjlMXMvsQLLEvlKkKfn5iED78PVAcqi//6cIUbqANoYvV8C31m4rtiM/863QytbTUWy0dWuGr/TZ2ys4GVLVaMPs3bneMwTUnpoFTPHW8FNiU5Ec1QvPvSgK9ogfIdU4qrg/IdUoo4QYUOKc0X3Mj6nxfpHS4Y4IDSdMFVKvLP4S0ueMca8KU5qNMHpbQmRV2SvwgAAAAASUVORK5CYII='/%3E%3C/defs%3E%3C/svg%3E%0A");
  content: "";
}
.visual-pop-box .visual-pop-close > span {
  font-size: 15px;
  color: #FFF;
  font-weight: 400;
}
.visual-pop-box .visual-pop-close > span::after {
  display: block;
  width: 18px;
  height: 18px;
  margin: 5px auto 0;
  background-position: center;
  background-repeat: no-repeat;
  content: "";
}
.visual-pop-box .visual-pop-close > span.close-text {
  display: none;
}
.visual-pop-box .visual-pop-close > span.close-text::after {
  background-image: url("data:image/svg+xml,%3Csvg width='22' height='22' viewBox='0 0 22 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.3047 5.30322L5.69809 15.9098' stroke='white'/%3E%3Cpath d='M5.69531 5.30322L16.3019 15.9098' stroke='white'/%3E%3C/svg%3E%0A");
}
.visual-pop-box .visual-pop-close > span.open-text::after {
  background-image: url("data:image/svg+xml,%3Csvg width='16' height='15' viewBox='0 0 16 15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 0V15' stroke='white'/%3E%3Cpath d='M0.5 7.5L15.5 7.5' stroke='white'/%3E%3C/svg%3E%0A");
}
.visual-pop-box .visual-pop {
  position: relative;
  display: block;
  width: 400px;
  height: 500px;
  border-radius: 10px 0px 0px 10px;
  box-shadow: 0px 4px 24px 0px rgba(0, 0, 0, 0.56);
  overflow: hidden;
  transition: transform var(--transition-base);
}
@media (max-width: 767px) {
  .visual-pop-box .visual-pop {
    top: 15px;
    width: 300px;
    height: 388px;
  }
}
@media (max-width: 499px) {
  .visual-pop-box .visual-pop {
    width: 270px;
    height: 355px;
  }
}
.visual-pop-box .visual-pop-tab {
  display: flex;
  width: 100%;
  text-align: center;
}
.visual-pop-box .visual-pop-tab > button {
  position: relative;
  width: 50%;
  height: 43px;
  font-size: 15px;
  font-weight: 500;
  background-color: rgba(255, 255, 255, 0.75);
  color: #6B6B6B;
}
.visual-pop-box .visual-pop-tab > button.active {
  background-color: #FFF;
  color: #333;
}
.visual-pop-box .visual-pop-swiper {
  position: absolute;
  left: -100%;
  top: -100%;
  width: 100%;
  height: 100%;
  opacity: 0;
}
.visual-pop-box .visual-pop-swiper + .visual-pop-swiper {
  display: none;
}
.visual-pop-box .visual-pop-swiper .slick-list,
.visual-pop-box .visual-pop-swiper .slick-track,
.visual-pop-box .visual-pop-swiper .slick-slide {
  height: 100%;
}
.visual-pop-box .visual-pop-swiper .slick-slide > div {
  height: 100%;
}
.visual-pop-box .visual-pop-swiper .item {
  width: 100%;
  height: 100%;
}
.visual-pop-box .visual-pop-swiper .item a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.visual-pop-box .visual-pop-swiper .item a img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.visual-pop-box .visual-pop-swiper.active {
  position: relative;
  left: 0;
  top: 0;
  opacity: 1;
}
.visual-pop-box .button_box {
  position: absolute;
  bottom: 0;
  left: 0;
  display: flex;
  z-index: 1000;
}
.visual-pop-box .button_box .control {
  display: flex;
  gap: 2px;
  margin-left: -2px;
}
.visual-pop-box .button_box .control .button {
  position: relative;
  width: 36px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.6);
  font-size: 0;
}
.visual-pop-box .button_box .control .button::before {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  display: block;
  margin: auto;
  content: "";
}
.visual-pop-box .button_box .control .button.prev::before, .visual-pop-box .button_box .control .button.next::before {
  width: 6px;
  height: 6px;
  border: 2px solid #FFF;
  transform: rotate(45deg);
}
.visual-pop-box .button_box .control .button.prev::before {
  right: -4px;
  border-width: 0 0 2px 2px;
}
.visual-pop-box .button_box .control .button.next::before {
  left: -4px;
  border-width: 2px 2px 0 0;
}
.visual-pop-box .button_box .control .button.pause::before {
  width: 2px;
  height: 10px;
  box-shadow: -3px 0 #FFF, 3px 0 #FFF;
}
.visual-pop-box .button_box .control .button.play {
  display: none;
}
.visual-pop-box .button_box .control .button.play::before {
  width: 0;
  height: 0;
  border-width: 6px 0 6px 7px;
  border-style: solid;
  border-color: transparent transparent transparent #FFF;
}
.visual-pop-box .button_box .slide_control .total {
  display: flex;
  align-items: center;
  padding: 0 13px;
  background-color: rgba(0, 0, 0, 0.6);
  height: 100%;
}
.visual-pop-box .button_box .slide_control .total > span {
  font-size: 15px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1;
}
.visual-pop-box .button_box .slide_control .total > span.current {
  font-weight: 700;
  color: #FFF;
}
.visual-pop-box .button_box .slide_control .total > span.line {
  padding: 0 3px;
}
.visual-pop-box.closed {
  pointer-events: none;
}
.visual-pop-box.closed .visual-pop {
  transform: translateX(100%);
}/*# sourceMappingURL=main.css.map */