.top__mv {
  margin: 5.71vw auto 0 auto;
  width: 82vw;
}

@media (max-width: 896px) {
  .top__mv {
    width: 89.74vw;
  }
}

.top__mv__box {
  width: 100%;
  position: relative;
}

@media (max-width: 896px) {
  .top__mv__box {
    margin: 25vw 0 0 0;
  }
}

.swiper-button-next,
.swiper-button-prev {
  background: #ff166a;
  border-radius: 50%;
  width: 3.67vw !important;
  height: 3.67vw !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

@media (max-width: 896px) {

  .swiper-button-next,
  .swiper-button-prev {
    top: 44% !important;
    width: 10vw !important;
    height: 10vw !important;
  }
}

.swiper-button-next {
  right: 0 !important;
  transform: translate(0.4vw, 0);
}

@media (max-width: 896px) {
  .swiper-button-next {
    right: -4.5vw !important;
  }
}

.swiper-button-prev {
  left: 0 !important;
  transform: translate(-50%, 0);
}

.swiper-button-next::after,
.swiper-button-prev::after {
  content: none !important;
}

.top__mv__box__next__arrow,
.top__mv__box__prev__arrow {
  width: 1.17vw;
  aspect-ratio: 1;
}

@media (max-width: 896px) {

  .top__mv__box__next__arrow,
  .top__mv__box__prev__arrow {
    width: 4vw;
  }
}

.top__mv__box__prev__arrow {
  transform: rotate(180deg);
}

.swiper-pagination2 {
  display: flex;
  justify-content: center;
}

.swiper-pagination-bullet {
  width: 0.59vw !important;
  height: 0.59vw !important;
  margin: 0 1.46vw !important;
}

@media (max-width: 896px) {
  .swiper-pagination-bullet {
    width: 3vw !important;
    height: 3vw !important;
    margin: 3vw 2.5vw 0 !important;
  }
}

.swiper-pagination-bullet:first-child {
  margin-left: 0 !important;
}

.swiper-pagination-bullet:last-child {
  margin-right: 0 !important;
}

.swiper-pagination-bullet-active {
  background: #ff166a !important;
}

.top__about {
  margin: 2.78vw auto 0 auto;
  width: 82vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.top__about__title {
  font-family: "Climate Crisis", sans-serif;
  font-size: 5.85vw;
  color: #ff166a;
}

@media (max-width: 896px) {
  .top__about__title {
    margin: 10.26vw 0 0 0;
    font-size: 9.23vw;
  }
}

.top__about__caption {
  margin: 1.83vw 0 0 0;
  font-weight: 700;
  font-size: 2.196vw;
}

@media (max-width: 896px) {
  .top__about__caption {
    margin: 5.13vw 0 0 0;
    font-size: 7.69vw;
    text-align: center;
  }
}

.top__about__text {
  margin: 1.46vw 0 0 0;
  font-size: 1.171vw;
  text-align: center;
  line-height: 2em;
}

@media (max-width: 896px) {
  .top__about__text {
    margin: 4.36vw 0 0 0;
    font-size: 4.1vw;
  }
}

.top__daigakusei {
  overflow: hidden;
  position: relative;
  margin: 5.86vw auto 0 auto;
  width: 82vw;
  background: #fff;
  border-radius: 3.67vw;
}

@media (max-width: 896px) {
  .top__daigakusei {
    margin: 7.95vw auto 0 auto;
    width: 89.74vw;
    border-radius: 8vw;
  }
}

.top__daigakusei__01 {
  position: absolute;
  bottom: -2.7vw;
  right: 3.67vw;
  font-family: "Climate Crisis", sans-serif;
  font-size: 10.248vw;
  color: rgba(255, 141, 34, 0.1);
}

@media (max-width: 896px) {
  .top__daigakusei__01 {
    bottom: -9.3vw;
    font-size: 35.91vw;
  }
}

.top__daigakusei__box {
  display: flex;
  gap: 1.39vw;
}

@media (max-width: 896px) {
  .top__daigakusei__box {
    flex-direction: column;
    align-items: center;
  }
}

.top__daigakusei__box__image {
  width: 33.82vw;
}

@media (max-width: 896px) {
  .top__daigakusei__box__image {
    margin: 5.13vw 0 0 0;
    width: 79.49vw;
  }
}

.top__daigakusei__box__column {
  margin: 5.71vw 3.67vw 0 0;
}

@media (max-width: 896px) {
  .top__daigakusei__box__column {
    margin: 5.13vw 0 0 0;
    width: 79.49vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.top__daigakusei__box__column__title {
  font-weight: 700;
  font-size: 2.196vw;
}

@media (max-width: 896px) {
  .top__daigakusei__box__column__title {
    font-size: 5.13vw;
    width: 100%;
  }
}

.top__daigakusei__box__column__text {
  margin: 2.93vw 0 0 0;
  line-height: 2em;
  font-size: 1.171vw;
}

@media (max-width: 896px) {
  .top__daigakusei__box__column__text {
    margin: 4.1vw 0 0 0;
    font-size: 4.1vw;
  }
}

.top__daigakusei__box__column__button {
  margin: 2.93vw 0 0 0;
  width: 22.69vw;
  height: 4.39vw;
  background: #ff8d22;
  border-radius: 8vw;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.47vw;
  cursor: pointer;
}

@media (max-width: 896px) {
  .top__daigakusei__box__column__button {
    margin: 7.69vw 0;
    width: 100%;
    height: 15.38vw;
    gap: 8.64vw;
    z-index: 2;
  }
}

.top__daigakusei__box__column__button__text {
  font-weight: 700;
  font-size: 1.171vw;
  color: #fff;
}

@media (max-width: 896px) {
  .top__daigakusei__box__column__button__text {
    font-size: 4.1vw;
  }
}

.top__daigakusei__box__column__button__arrow {
  width: 0.99vw;
  height: 0.99vw;
}

@media (max-width: 896px) {
  .top__daigakusei__box__column__button__arrow {
    width: 3.46vw;
    height: 3.46vw;
  }
}

.top__freeter {
  overflow: hidden;
  position: relative;
  margin: 3.67vw auto 0 auto;
  width: 82vw;
  background: #fff;
  border-radius: 3.67vw;
}

@media (max-width: 896px) {
  .top__freeter {
    margin: 7.95vw auto 0 auto;
    width: 89.74vw;
    border-radius: 8vw;
  }
}

.top__freeter__02 {
  position: absolute;
  bottom: -2.7vw;
  right: 33.17vw;
  font-family: "Climate Crisis", sans-serif;
  font-size: 10.248vw;
  color: rgba(70, 181, 2, 0.1);
}

@media (max-width: 896px) {
  .top__freeter__02 {
    bottom: -9.3vw;
    font-size: 35.91vw;
    right: -1vw;
  }
}

.top__freeter__box {
  display: flex;
  gap: 1.39vw;
}

@media (max-width: 896px) {
  .top__freeter__box {
    flex-direction: column;
    align-items: center;
  }
}

.top__freeter__box__column {
  margin: 6.88vw 0 0 3.67vw;
  width: 43.186vw;
}

@media (max-width: 896px) {
  .top__freeter__box__column {
    margin: 5.13vw 0 0 0;
    width: 79.49vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.top__freeter__box__column__title {
  font-weight: 700;
  font-size: 2.196vw;
}

@media (max-width: 896px) {
  .top__freeter__box__column__title {
    font-size: 5.13vw;
    width: 100%;
  }
}

.top__freeter__box__column__text {
  margin: 2.93vw 0 0 0;
  line-height: 2em;
  font-size: 1.171vw;
}

@media (max-width: 896px) {
  .top__freeter__box__column__text {
    margin: 4.1vw 0 0 0;
    font-size: 4.1vw;
  }
}

.top__freeter__box__column__button {
  margin: 2.93vw 0 0 0;
  width: 22.69vw;
  height: 4.39vw;
  background: #46b500;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.47vw;
  cursor: pointer;
}

@media (max-width: 896px) {
  .top__freeter__box__column__button {
    margin: 7.69vw 0;
    width: 100%;
    height: 15.38vw;
    gap: 8.64vw;
    z-index: 2;
  }
}

.top__freeter__box__column__button__text {
  font-weight: 700;
  font-size: 1.171vw;
  color: #fff;
}

@media (max-width: 896px) {
  .top__freeter__box__column__button__text {
    font-size: 4.1vw;
  }
}

.top__freeter__box__column__button__arrow {
  width: 0.99vw;
  height: 0.99vw;
}

@media (max-width: 896px) {
  .top__freeter__box__column__button__arrow {
    width: 3.46vw;
    height: 3.46vw;
  }
}

.top__freeter__box__image {
  width: 33.82vw;
}

@media (max-width: 896px) {
  .top__freeter__box__image {
    margin: 5.13vw 0 0 0;
    width: 79.49vw;
  }
}

.top__koukousei {
  padding: 0 0 3.67vw 0;
  position: relative;
  margin: 5.86vw auto 0 auto;
  width: 82vw;
  background: #fff;
  border-radius: 3.67vw;
}

@media (max-width: 896px) {
  .top__koukousei {
    margin: 7.95vw auto 0 auto;
    width: 89.74vw;
    border-radius: 8vw;
  }
}

.top__koukousei__03 {
  position: absolute;
  bottom: 25.6vw;
  right: 1.67vw;
  font-family: "Climate Crisis", sans-serif;
  font-size: 10.248vw;
  color: rgba(5, 130, 242, 0.1);
}

@media (max-width: 896px) {
  .top__koukousei__03 {
    bottom: 208.7vw;
    right: -4.33vw;
    font-size: 35.91vw;
  }
}

.top__koukousei__text-image {
  position: absolute;
  top: 4.17vw;
  right: 6.59vw;
  width: 18.45vw;
  height: 7.54vw;
}

.top__koukousei__text-image--sp {
  margin: 4.36vw auto 0 auto;
  width: 64.62vw;
  height: 26.41vw;
}

.top__koukousei__box {
  display: flex;
  gap: 1.39vw;
}

@media (max-width: 896px) {
  .top__koukousei__box {
    flex-direction: column;
    align-items: center;
  }
}

.top__koukousei__box__image {
  width: 33.82vw;
}

@media (max-width: 896px) {
  .top__koukousei__box__image {
    margin: 5.13vw 0 0 0;
    width: 79.49vw;
  }
}

.top__koukousei__box__column {
  margin: 6.88vw 3.67vw 0 0;
}

@media (max-width: 896px) {
  .top__koukousei__box__column {
    margin: 5.13vw 0 0 0;
    width: 79.49vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
}

.top__koukousei__box__column__title {
  font-weight: 700;
  font-size: 2.196vw;
}

@media (max-width: 896px) {
  .top__koukousei__box__column__title {
    font-size: 5.13vw;
    width: 100%;
  }
}

.top__koukousei__box__column__text {
  margin: 2.93vw 0 0 0;
  line-height: 2em;
  font-size: 1.171vw;
}

@media (max-width: 896px) {
  .top__koukousei__box__column__text {
    margin: 4.1vw 0 0 0;
    font-size: 4.1vw;
  }
}

.top__koukousei__box__column__button {
  margin: 2.93vw 0 0 0;
  width: 22.69vw;
  height: 4.39vw;
  background: #0582f2;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2.47vw;
  cursor: pointer;
}

@media (max-width: 896px) {
  .top__koukousei__box__column__button {
    margin: 7.69vw 0;
    width: 100%;
    height: 15.38vw;
    gap: 8.64vw;
    z-index: 2;
  }
}

.top__koukousei__box__column__button__text {
  font-weight: 700;
  font-size: 1.171vw;
  color: #fff;
}

@media (max-width: 896px) {
  .top__koukousei__box__column__button__text {
    font-size: 4.1vw;
  }
}

.top__koukousei__box__column__button__arrow {
  width: 0.99vw;
  height: 0.99vw;
}

@media (max-width: 896px) {
  .top__koukousei__box__column__button__arrow {
    width: 3.46vw;
    height: 3.46vw;
  }
}

.top__koukousei__info {
  margin: 0 3.67vw;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 896px) {
  .top__koukousei__info {
    margin: 0 3.67vw;
    flex-direction: column;
    gap: 5.13vw;
  }
}

.top__koukousei__info__item {
  width: 36.23vw;
}

@media (max-width: 896px) {
  .top__koukousei__info__item {
    width: auto;
  }
}

.top__koukousei__info__item__caption {
  height: 4.39vw;
  background: #0582f2;
  border-top-left-radius: 3vw;
  border-top-right-radius: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  font-weight: 700;
  font-size: 1.464vw;
}

@media (max-width: 896px) {
  .top__koukousei__info__item__caption {
    height: 16.15vw;
    border-top-left-radius: 8vw;
    border-top-right-radius: 8vw;
    font-size: 5.13vw;
  }
}

.top__koukousei__info__item__text {
  height: 20.57vw;
  background: #f5f5ef;
  font-size: 1.171vw;
  line-height: 2em;
  border-bottom-left-radius: 3vw;
  border-bottom-right-radius: 3vw;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 2.93vw;
}

@media (max-width: 896px) {
  .top__koukousei__info__item__text {
    height: auto;
    border-bottom-left-radius: 8vw;
    border-bottom-right-radius: 8vw;
    font-size: 4.1vw;
    padding: 5.13vw;
  }
}

.top__news {
  margin: 7.32vw 8.99vw 8.9vw 8.99vw;
  width: 82vw;
  display: flex;
  justify-content: space-between;
}

@media (max-width: 896px) {
  .top__news {
    margin: 15.38vw auto 20.51vw;
    width: 89.74vw;
    flex-direction: column;
    align-items: center;
  }
}

.top__news__title {
  font-family: "Climate Crisis", sans-serif;
  font-size: 4.392vw;
  color: #ff166a;
}

@media (max-width: 896px) {
  .top__news__title {
    font-size: 9.23vw;
  }
}

@media (max-width: 896px) {
  .top__news__list {
    margin: 7.7vw 0 0 0;
    width: 100%;
  }
}

.top__news__list__item {
  margin: 2.23vw 0 0 0;
  width: 56.54vw;
  border-bottom: 1px solid #c3c3c3;
}

@media (max-width: 896px) {
  .top__news__list__item {
    margin: 7.7vw 0 0 0;
    width: 100%;
  }
}

.top__news__list__item:first-child {
  margin: 0;
}

.top__news__list__item__date {
  font-size: 1.171vw;
}

@media (max-width: 896px) {
  .top__news__list__item__date {
    font-size: 4.1vw;
  }
}

.top__news__list__item__link {
  margin: 1.025vw 0 2.23vw 0;
  font-size: 1.171vw;
}

@media (max-width: 896px) {
  .top__news__list__item__link {
    margin: 3.33vw 0 7.82vw 0;
    font-size: 4.1vw;
  }
}