main {
  @media (width <= 768px) {
    padding-bottom: calc(121.5px * var(--global-fit-size));
  }
}

.globalNavWrap.nav {
  a[href] {
    color: var(--black);
    @media screen and (width <= 768px) {
      color: #fff;
    }
  }
}

.mainVisual {
  min-height: 55vw;
  @media (width <= 768px) {
    min-height: 135vw;
  }
  .mainVisualLogo {
    @media (width <= 768px) {
      top: 34%;
      transform: translateY(-50%);
      color: var(--black);
    }
  }
  .titleText {
    left: var(--global-margin);
    bottom: min(calc(39px * var(--global-fit-size)), 46.09px);
    @media (width <= 768px) {
      left: var(--global-margin);
      bottom: calc(209px * var(--global-fit-size));
    }
    > span {
      display: flex;
      overflow: hidden;
      &:has(.pageTitle) {
        margin-top: min(calc(15px * var(--global-fit-size)), 14.615px);
      }
    }
    .pageTitle,
    .minTitle {
      display: inline-block;
      transform: translateY(-100%);
    }
    .pageTitle {
      font-size: min(calc(60px * var(--global-fit-size)), 67.45px);
      letter-spacing: -0.02em;
      line-height: 1;
      @media (width <= 768px) {
        font-size: calc(38px * var(--global-fit-size));
        letter-spacing: 0.05em;
      }
    }
  }
  .image {
    position: absolute;
    top: 49.25%;
    right: calc(125px * var(--global-fit-size));
    width: calc(323px * var(--global-fit-size));
    height: auto;
    transform: translateY(-50%);
    @media (width <= 768px) {
      top: initial;
      bottom: calc(22px * var(--global-fit-size));
      right: initial;
      left: var(--global-margin);
      width: calc(100% - var(--global-margin) * 2);
      margin: 0 auto;
      transform: none;
    }
  }
}

.loaded .mainVisual .titleText {
  .pageTitle,
  .minTitle {
    animation: slideUpIn 1.1s var(--slide-up-in);
    animation-delay: 0.25s;
  }
  .pageTitle {
    animation-delay: 0.4s;
  }
}

.pagination {
  margin-top: min(calc(185px * var(--global-fit-size)),208.125px);
  @media (width <= 768px) {
    margin-top: calc(50px * var(--global-fit-size));
  }
}

.nav-links {
  display: flex;
  justify-content: space-between;
  align-items: center;
  .pagination-prev,
  .pagination-next {
    padding: min(calc(7px * var(--global-fit-size)),7.875px) min(calc(30px * var(--global-fit-size)),33.75px);
    border: 1px solid var(--black);
    border-radius: 50px;
    font-size: min(calc(14px * var(--global-fit-size)),var(--scale-cap-14));
    @media (width <= 768px) {
      width: calc(70px * var(--global-fit-size));
      height: calc(40px * var(--global-fit-size));
      padding: 0;
    }
    a[href] {
      display: block;
      height: 100%;
      color: var(--black);
      @media (width <= 768px) {
        padding: 0;
      }
    }
    &:has(.disabled) {
      border-color: var(--light-gray);
      color: var(--light-gray);
    }
  }
  .pagination-prev {
    .moveArrow {
      right: inherit;
      left: min(calc(26px * var(--global-fit-size)),29.25px);
      transform: rotate(180deg);
      @media (width <= 768px) {
        left: inherit;
      }
      svg {
        padding-right: calc(3px * var(--global-fit-size));
        padding-left: calc(0px * var(--global-fit-size));
      }
    }

  }
  .prev {
    padding-left: min(calc(21px * var(--global-fit-size)),23.625px);
    span {
      @media (width <= 768px) {
        display: none;
      }
    }
  }
  .next {
    padding-right: min(calc(21px * var(--global-fit-size)),23.625px);
    span {
      @media (width <= 768px) {
        display: none;
      }
    }
  }
  .pagination-numbers {
    font-size: min(calc(20px * var(--global-fit-size)),22.5px);
    letter-spacing: 0.03em;
    @media (width <= 768px) {
      font-size: calc(17px * var(--global-fit-size));
    }
    a[href] {
      color: var(--gray);
      &:hover {
        opacity: 0.6;
      }
    }
    .current {
      position: relative;
      color: var(--black);
      &::after {
        content: '';
        position: absolute;
        bottom: calc(-5px * var(--global-fit-size));
        left: 50%;
        width: 82%;
        height: 1px;
        background-color: var(--black);
        transform: translateX(-50%);
      }
    }
  }
  .page-numbers + .page-numbers {
    margin-left: min(calc(19px * var(--global-fit-size)),21.375px);
    @media (width <= 768px) {
      margin-left: calc(21px * var(--global-fit-size));
    }
  }
  .linkButton:has(.disabled) {
    .moveArrow:before,
    .moveArrow:after {
      background-image: url(../image/news-arrow-disabled.svg);
    }
    &:hover {
      .moveArrow:before,
      .moveArrow:after {
        animation: none;
      }
    }
    &:not(:hover) {
      .moveArrow:before,
      .moveArrow:after {
        animation: none;
      }
    }
  }
}

.newsList {
  width: calc(100% - var(--global-margin) * 2);
  margin: min(calc(11px * var(--global-fit-size)),13.9px) auto min(calc(73.5px * var(--global-fit-size)),92.8px);
  padding-top: min(calc(28px * var(--global-fit-size)),35.35px);
  border-top: 1px solid var(--light-gray);
  @media (width <= 768px) {
    margin-top: calc(71px * var(--global-fit-size));
    margin-bottom: 0;
    padding-top: 0;
    border-top: 0;
  }
  .borderButton .moveArrow {
    @media (width <= 768px){
      right: calc(28px * var(--global-fit-size));
      width: calc(16px * var(--global-fit-size));
      height: calc(13px * var(--global-fit-size));
    }
    .arrow {
      @media (width <= 768px) {
        width: calc(16px * var(--global-fit-size));
        height: calc(13px * var(--global-fit-size));
      }
    }
  }
  .borderButton:hover .moveArrow .arrowContainer {
    transform: translateX(min(calc(16px * var(--global-fit-size)), var(--scale-cap-16)));
    @media (width <= 768px){
      transform: translateX(calc(16px * var(--global-fit-size)));
    }
  }
}