@charset "UTF-8";

/* top common
----------------------------------- */

.top-main-title {
  font-size: 9rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--accent-color-orange);
  width: fit-content;
}

.top-main-title.thin {
  opacity: 0.5;
}

.top-sub-title-group {
  text-align: center;
}

.top-sub-title {
  position: relative;
  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  padding-bottom: 0.4em;
}

.top-sub-title::before {
  position: absolute;
  content: '';
  width: 30px;
  height: 4px;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
}

.top-sub-title-en {
  display: block;
  font-size: 2rem;
  font-weight: 500;
  color: var(--text-color);
  margin-top: 0.5em;
}

.top-sub-title.orange {
  color: var(--accent-color-orange);
}

.top-sub-title.orange::before {
  background-color: var(--accent-color-orange);
}

.top-sub-title.white {
  color: #fff;
}

.top-sub-title.white::before {
  background-color: #fff;
}

.articles__area {
  background-image: url(../img/common/bg-left.png), url(../img/common/bg-right.png);
  background-repeat: no-repeat;
  background-position: left top, right bottom;
  background-size: 30% auto, 48% auto;
}


/* mv
----------------------------------- */
.top-mv {
  position: relative;
  overflow: hidden;
}

.top-mv__text {
  font-size: clamp(3rem, 2.5vw, 4.8rem);
  font-weight: 700;
  color: #fff;
  padding: 2.7% 0 0 3.6%;
  width: fit-content;
}

.top-mv__wrap {
  display: flex;
  justify-content: space-between;
  max-width: 1723px;
  padding-right: 40px;
  box-sizing: content-box;
}

.top-mv__area {
  width: 60.95%;
  aspect-ratio: 1050 / 700;
  margin: auto 0 0;
  padding-top: 60px;
}

.top-mv__img {
  position: relative;
  width: 100%;
  height: 100%;
  background: url(../img/top/top-mv.png) no-repeat center center / contain;
}

.top-mv__img .mv-img {
  position: absolute;
  height: auto;
  background-repeat: no-repeat;
  background-position: 0 0;
  background-size: cover;
  animation: sprite 1.5s steps(2) infinite;
}

.top-mv__img .mv-img.img01 {
  width: 13%;
  top: 5%;
  left: 27%;
  aspect-ratio: 264 / 317;
  background-image: url(../img/top/mv-img01.png);
}

.top-mv__img .mv-img.img02 {
  width: 3.5%;
  top: 35.5%;
  left: 28.6%;
  aspect-ratio: 36 / 44;
  background-image: url(../img/top/mv-img02.png);
}

.top-mv__img .mv-img.img03 {
  width: 6.5%;
  top: 8%;
  left: 56.5%;
  aspect-ratio: 70 / 162;
  background-image: url(../img/top/mv-img03.png);
}

.top-mv__img .mv-img.img04 {
  width: 11%;
  top: 25%;
  left: 86.5%;
  aspect-ratio: 105 / 154;
  background-image: url(../img/top/mv-img04.png);
}

.top-mv__img .mv-img.img05 {
  width: 6%;
  top: 53%;
  left: 63%;
  aspect-ratio: 59 / 136;
  background-image: url(../img/top/mv-img05.png);
}

.top-mv__img .mv-img.img06 {
  width: 11.5%;
  top: 52%;
  left: 35%;
  aspect-ratio: 117 / 88;
  background-image: url(../img/top/mv-img06.png);
}

.top-mv__img .mv-img.img07 {
  width: 7%;
  top: 67%;
  left: 10%;
  aspect-ratio: 69 / 125;
  background-image: url(../img/top/mv-img07.png);
}

.top-mv__img .mv-img.img08 {
  width: 5%;
  top: 35%;
  left: 13.5%;
  aspect-ratio: 59 / 99;
  background-image: url(../img/top/mv-img08.png);
}

.top-mv__img .mv-img.img09 {
  width: 4.5%;
  top: 35%;
  left: 49%;
  aspect-ratio: 44 / 89;
  background-image: url(../img/top/mv-img09.png);
}

@keyframes sprite {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 200% 0;
  }
}

.top-mv__slider-area {
  width: 37.73%;
  padding-bottom: 60px;
}

.splide__slide {
  width: 100%;
  height: auto;
}

#top-slider .splide__slide a {
  display: block;
}

#top-slider .splide__slide .image {
  overflow: hidden;
}

#top-slider .splide__slide .image img {
  transition: transform .3s;
}

#top-slider .splide__slide a:hover .image img {
  transform: scale(1.04);
}

#top-slider .splide__controls {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 10px;
}

#top-slider .splide__toggle {
  position: relative;
  flex-shrink: 0;
  display: block;
  width: 35px;
  height: 35px;
  margin-right: 3%;
}

#top-slider .splide__toggle span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #ccc;
  border-radius: 50%;
}

#top-slider .splide__toggle__pause:before,
#top-slider .splide__toggle__pause:after {
  position: absolute;
  content: '';
  top: 50%;
  transform: translateY(-50%);
  width: 11.5%;
  height: 48%;
  background-color: #fff;
}

#top-slider .splide__toggle__pause:before {
  left: 30%;
}

#top-slider .splide__toggle__pause:after {
  left: 55%;
}

#top-slider .splide__toggle__play:before {
  position: absolute;
  content: '';
  top: 50%;
  left: 34%;
  transform: translateY(-50%);
  width: 40%;
  height: 45%;
  clip-path: polygon(100% 50%, 0 0, 0 100%);
  background-color: #fff;
}

#top-slider .splide__arrows {
  display: flex;
  justify-content: center;
  gap: 150px;
  margin-right: calc(35px + 3%);
}

#top-slider .splide__arrow {
  width: 60px;
  height: 60px;
  background-color: #fff;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  border-radius: 50%;
}

#top-slider .splide__arrow.splide__arrow--prev {
  background-image: url(../img/common/prev-green.svg);
}

#top-slider .splide__arrow.splide__arrow--next {
  background-image: url(../img/common/next-green.svg);
}

.splide__pagination {
  position: absolute;
  left: 50%;
  bottom: 26px;
  transform: translateX(-50%);
  gap: 15px;
}

.top-mv-page {
  width: 10px;
  height: 10px;
  background-color: #C8EDE8;
  border-radius: 50%;
}

.top-mv-page.is-active {
  background-color: var(--accent-color-orange);
}

.top-slide__tag {
  width: fit-content;
  font-size: clamp(1.2rem, 0.9375vw, 1.8rem);
  font-weight: 500;
  margin-top: 2%;
  padding: 5px 30px;
  background-color: #F4F4F4;
  border-radius: 18px;
  color: var(--accent-color-orange);
}

.top-slide__tag.seminar {
  color: var(--accent-color-orange);
}

.top-slide__tag.interview {
  color: var(--accent-color-green);
}

.top-slide__tag.report {
  color: var(--accent-color-pink);
}

.top-slide__tag.movie {
  color: var(--accent-color-ygreen);
}


/* about
----------------------------------- */

.guide-btn {
  position: absolute;
  width: 19.8%;
  right: 3.75%;
  top: 0;
  transform: translateY(calc(-50% + 10px));
}

.guide-btn a {
  display: block;
  transition: transform .3s;
}

.guide-btn a:hover {
  transform: translateY(-10px);
}

.guide-btn a::before {
  position: absolute;
  content: '';
  top: 0;
  right: 5%;
  transform: translateY(-52%);
  aspect-ratio: 82 / 158;
  width: 21.6%;
  background: url(../img/top/guide-btn-img.png) no-repeat center center / contain;
}

.about {
  position: relative;
  margin-top: -6.3%;
  padding: 50px 0 min(12%, 230px);
  background-color: #F4F4F4;
}

.about .inner-l {
  position: relative;
}

.about__inner {
  position: relative;
  max-width: 1200px;
  margin: auto;
  z-index: 1;
}

.about__text {
  /* font-size: clamp(1.4rem, 0.94vw, 1.8rem); */
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.2;
  margin-bottom: 45px;
}

.about__img {
  position: absolute;
  width: 40.4%;
  aspect-ratio: 614 / 520;
  top: 8%;
  right: 4%;
  background: url(../img/top/about-img.png) no-repeat 0 0 / cover;
  animation: sprite 2s steps(2) infinite;
}


/* news
----------------------------------- */

.news {
  padding: 60px 0 120px;
}

.top-news {
  max-width: 1200px;
  margin: 15px auto 0;
}

.top-news__item {
  border-bottom: 1px solid #ddd;
}

.top-news__item:first-of-type {
  border-top: 1px solid #ddd;
}

.top-news__item a {
  display: flex;
  font-size: 1.8rem;
  padding: 40px 30px;
  transition: background-color .3s;
}

.top-news__item a:hover {
  background-color: #f9f9f9;
}

.top-news__item .date {
  font-weight: 700;
  color: var(--accent-color-green);
  margin-top: 0.1em;
  width: 130px;
}

.top-news__item .title {
  font-weight: 500;
  color: var(--text-color);
  width: calc(100% - 130px);
}

.news .more-btn {
  margin: 60px auto 0;
}


/* chokotto
----------------------------------- */

/* .chokotto {
  padding: 60px 0 120px;
  background-color: #F4F4F4;
}

.chokotto .top-main-title {
  font-size: 6rem;
}

.chokotto__movie {
  max-width: 1000px;
  margin: 60px auto 0;
}

.chokotto__movie iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

.chokotto .more-btn {
  margin: 60px auto 0;
} */


/* schedule
----------------------------------- */

.schedule {
  margin-top: 60px;
}

.schedule__table {
  font-size: 1.8rem;
  line-height: 1.5;
  width: min(100%, 900px) !important;
  margin: 30px auto 0;
  border-spacing: 4px;
  border-collapse: separate;
}

.schedule__table th,
.schedule__table td {
  padding: 0.8em 1em;
  border: none;
}

.schedule__table tr th:first-child {
  text-align: left;
  /* padding-left: 2em; */
}

.schedule__table tr:first-of-type th:nth-of-type(1) {
  width: 33%;
}

.schedule__table tr:first-of-type th:nth-of-type(2) {
  width: 33%;
}

.schedule__table th {
  position: relative;
  background-color: #bfebe9;
}

.schedule__table td {
  background-color: #fff;
}

.schedule__table .badge {
  position: absolute;
  top: -5px;
  left: -36px;
  display: grid;
  place-items: center;
  font-size: 1.2rem;
  text-align: center;
  line-height: 1.2;
  color: #fff;
  width: 50px;
  height: 50px;
  background-color: #ff0000;
  border-radius: 50%;
}

.schedule__table .ad-badge {
  display: inline-block;
  font-size: 1.2rem;
  color: #fff;
  background-color: #ff0000;
  margin-top: 5px;
  padding: 0.1em 0.4em;
}


/* articles
----------------------------------- */

.articles__area {
  display: flex;
  flex-direction: column;
  gap: 145px;
  padding: 145px 0 135px;
}

.articles .inner-l {
  position: relative;
}

.articles__title {
  position: relative;
  font-size: 3.4rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-left: 35px;
  padding-left: 26px;
}

.articles__title::before {
  position: absolute;
  content: '';
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 10px;
  height: 10px;
  border-radius: 50%;
}

.articles:nth-of-type(1) .articles__title::before {
  background-color: var(--accent-color-orange);
}

.articles:nth-of-type(2) .articles__title::before {
  background-color: var(--accent-color-green);
}

.articles:nth-of-type(3) .articles__title::before {
  background-color: var(--accent-color-pink);
}

.articles:nth-of-type(4) .articles__title::before {
  background-color: var(--accent-color-ygreen);
}

.articles__title-en {
  position: absolute;
  font-size: 9rem;
  font-weight: 700;
  letter-spacing: 0.05em;
  color: var(--accent-color-orange);
  top: 0;
  right: 4%;
  transform: translateY(-55%);
  opacity: 0.5;
}

.movie .articles__title-en {
  transform: translateY(-32%);
}

.articles__notes {
  font-size: 1.4rem;
  margin-left: 35px;
  margin-bottom: 8px;
  padding-left: 1em;
  text-indent: -1em;
}

.articles__sliders {
  padding: 80px 6% 60px;
  background-color: #F4F4F4;
  border-radius: 40px;
}

.articles__sliders .articles-items {
  padding: 20px 10px;
}

.articles__sliders .splide__arrow {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100px;
  height: 100px;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
}

.articles__sliders .splide__arrow.splide__arrow--prev {
  left: -10.3%;
  background-image: url(../img/common/prev-black.svg);
}

.articles__sliders .splide__arrow.splide__arrow--next {
  right: -10.3%;
  background-image: url(../img/common/next-black.svg);
}

.articles__sliders .more-btn {
  margin: 30px auto 0;
}


/* infos
----------------------------------- */

.top-infos {
  position: relative;
  padding-top: 90px;
}

.top-infos::before {
  position: absolute;
  content: '';
  top: 0;
  left: 0;
  width: 100%;
  height: 396px;
  background-color: #FFE4D2;
  z-index: -1;
}

.top-infos__content {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px 3.32%;
  margin: 40px 0 60px;
}

.top-infos__items {
  position: relative;
  width: 48.34%;
  height: 250px;
  box-sizing: border-box;
  overflow: hidden;
  transition: transform .3s;
}

.top-infos__items:hover {
  transform: translateY(-10px);
}

.top-infos__items a {
  display: block;
  width: 100%;
  height: 100%;
  padding: 5px 25px 25px 25px;
  border-radius: 10px;
  background: var(--accent-color-orange) url(../img/top/triangle-orange.png) no-repeat left top / 150px auto;
}

.top-infos__items a::before {
  position: absolute;
  content: '';
  bottom: -2px;
  right: -1px;
  width: 45%;
  aspect-ratio: 260 / 180;
}

.top-infos__items.shien a::before {
  background: url(../img/top/top-infos-img03.png) no-repeat right bottom / contain;
}

.top-infos__items.others a::before {
  background: url(../img/top/top-infos-img04.png) no-repeat right bottom / contain;
}

.top-infos__items.koubo a::before {
  background: url(../img/top/top-infos-img01.png) no-repeat right bottom / contain;
}

.top-infos__items.kanren a::before {
  background: url(../img/top/top-infos-img02.png) no-repeat right bottom / contain;
}

.top-infos__title {
  display: flex;
  align-items: center;
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.5;
  color: #fff;
}

.top-infos__title span {
  display: inline-block;
  font-size: 5rem;
  font-weight: 500;
  margin-right: 30px;
}

.top-infos__text {
  font-size: 1.8rem;
  color: #fff;
  width: 49%;
  margin-left: 5px;
}

.top-infos .more-btn {
  margin: auto;
}


/* column
----------------------------------- */

.top-column {
  padding: 100px 0 70px;
}

.top-column__contents {
  width: 100%;
  height: 300px;
  background: #00B0A8 url(../img/top/triangle-green.png) no-repeat left top / 254px auto;
  border-radius: 10px;
}

.top-column__contents a {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.top-column__contents a::before,
.top-column__contents a::after {
  position: absolute;
  content: '';
}

.top-column__contents a::before {
  width: max(23.3%, 200px);
  left: -2%;
  bottom: -30%;
  aspect-ratio: 1;
  background: url(../img/top/top-column-img01.png) no-repeat center center / contain;
}

.top-column__contents a::after {
  width: max(23.3%, 190px);
  right: -3%;
  top: -28%;
  aspect-ratio: 1;
  background: url(../img/top/top-column-img02.png) no-repeat center center / contain;
}

.top-column .top-sub-title-group {
  position: relative;
}

.top-column .top-sub-title-group::before {
  position: absolute;
  content: '';
  top: 50%;
  right: 0;
  transform: translate(160%,-50%);
  width: 80px;
  height: 80px;
  border-radius: 50%;
  background: #fff url(../img/common/arrow-green.svg) no-repeat center center / 15px auto;
  transition: transform .3s;
}

.top-column__contents a:hover .top-sub-title-group::before {
  transform: translate(172%,-50%);
}


/* links
----------------------------------- */

.top-links {
  padding: 60px 0 100px;
}

.top-links__contents {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 45px 5%;
  margin-top: 50px;
}

.top-links__item {
  width: 24.7%;
}

.top-links__item a {
  display: block;
  transition: transform .3s;
}

.top-links__item a:hover {
  transform: scale(1.04);
}


.commission {
  padding-bottom: 50px;
}

.commission-text {
  font-size: 1.5rem;
  text-align: center;
}

.commission-text strong {
  font-size: 1.2em;
}



/* -------------------------------------
  responsive
------------------------------------- */

@media (width < 1200px) {
  .top-mv__slider-area {
    padding-bottom: 130px;
  }
  .guide-btn {
    width: 250px;
    right: 2%;
    transform: translateY(-20%);
  }
  .guide-btn a::before {
    width: 17%;
  }
}

@media (width < 1000px) {
  #top-slider .splide__arrow {
    width: 40px;
    height: 40px;
  }
  .splide__pagination {
    bottom: 15px;
  }
}

@media (width < 768px) {
  /* top common
  ----------------------------------- */
  .top-main-title {
    font-size: 5rem;
  }
  .top-sub-title {
    font-size: 2.8rem;
  }
  .top-sub-title-en {
    font-size: 1.8rem;
  }

  /* mv
  ----------------------------------- */
  .top-mv__text {
    font-size: clamp(1.8rem, 4.8vw, 3.2rem);
    padding-top: 22px;
    padding-right: 3.6%;
  }
  .top-mv__wrap {
    flex-direction: column;
    padding-right: 0;
  }
  .top-mv__area {
    width: 100%;
    padding-top: 25px;
  }
  .top-mv__slider-area {
    width: 80%;
    margin: 15px auto 0;
    padding-bottom: 90px;
  }
  .top-slide__tag {
    font-size: 0.9rem;
    margin-top: 8px;
    padding: 2px 15px;
  }
  #top-slider .splide__arrow {
    width: 40px;
    height: 40px;
  }
  #top-slider .splide__toggle {
    width: 25px;
    height: 25px;
    margin-right: 10px;
  }
  #top-slider .splide__toggle__pause:before,
  #top-slider .splide__toggle__pause:after {
    width: 12%;  
  }

  /* about
  ----------------------------------- */
  .guide-btn {
    width: 230px;
    right: 4%;
    transform: translateY(-40%);
  }
  .about {
    margin-top: 0;
    padding: 40px 0;
  }
  .about__text {
    font-size: 1.6rem;
    line-height: 1.8;
    margin-bottom: 25px;
  }
  .about__img {
    position: static;
    width: 74%;
    margin: 45px auto 0;
  }
  .about .more-btn {
    margin: auto;
  }

  /* news
  ----------------------------------- */
  .news {
    padding: 35px 0 65px;
  }
  .top-news {
    margin-top: 10px;
  }
  .top-news__item a {
    font-size: 1.6rem;
    padding: 15px 10px;
    flex-wrap: wrap;
  }
  .top-news__item .title {
    width: 100%;
  }
  .news .more-btn {
    margin-top: 30px;
  }
  .news .more-btn a {
    padding: 0 20px 0 0;
  }

  /* chokotto
  ----------------------------------- */
  /* .chokotto {
    padding: 40px 0 65px;
  }
  .chokotto .top-main-title {
    font-size: 3rem;
  }
  .chokotto__movie,
  .chokotto .more-btn {
    margin-top: 30px;
  } */

  /* schedule
  ----------------------------------- */
  .schedule {
    margin-top: 40px;
  }
  .schedule .top-sub-title {
    font-size: 2.2rem;
  }
  .schedule .top-sub-title-en {
    font-size: 1.4rem;
  }
  .schedule__table {
    font-size: 1.2rem;
    margin-top: 20px;
    border-spacing: 2px;
  }
  /* .schedule__table tr th:first-child {
    padding-left: 0.5em;
  } */
  .schedule__table th,
  .schedule__table td {
    padding: 0.5em;
  }
  .schedule__table .badge {
    font-size: 0.9rem;
    left: -30px;
    width: 35px;
    height: 35px;
  }
  .schedule__table .ad-badge {
    font-size: 0.9rem;
  }

  /* articles
  ----------------------------------- */
  .articles__area {
    gap: 40px;
    padding: 70px 0 80px;
    background-image: url(../img/common/bg-left-sp.png), url(../img/common/bg-right-sp.png);
    background-size: 75% auto, 95% auto;
  }
  .articles__title {
    font-size: 2.2rem;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-left: 18px;
  }
  .articles__title-en {
    position: static;
    font-size: 5rem;
    text-align: right;
    line-height: 1.2;
    transform: translate(0);
  }
  .movie .articles__title-en {
    transform: translate(0);
  }
  .articles__notes {
    font-size: 1.2rem;
    margin-left: 10px;
    margin-right: 10px;
  }
  .articles-items__info dt {
    font-size: 1.2rem;
  }
  .articles-items__info dd {
    font-size: 1.4rem;
  }
  .articles__sliders {
    margin: 0 3%;
    padding: 20px 20px 40px;
    border-radius: 30px;
  }
  .articles__sliders .splide__arrow {
    width: max(14%,40px);
    height: max(14%,40px);
  }
  .articles__sliders .splide__arrow.splide__arrow--next {
    right: 0;
    transform: translateX(100%);
    background-image: url(../img/common/next-black-sp.svg);
  }
  .articles__sliders .splide__arrow.splide__arrow--prev {
    left: 0;
    transform: translateX(-100%);
    background-image: url(../img/common/prev-black-sp.svg);
  }
  .articles__sliders .more-btn {
    margin-top: 10px;
  }

  /* infos
  ----------------------------------- */
  .top-infos {
    padding-top: 50px;
  }
  .top-infos::before {
    height: 72%;
  }
  .top-infos__content {
    flex-direction: column;
    gap: 20px;
    margin: 25px 0 40px;
  }
  .top-infos__items {
    width: 100%;
    height: auto;
  }
  .top-infos__items a {
    padding: 5px 20px 45% 20px;
  }
  .top-infos__title {
    font-size: 2.2rem;
  }
  .top-infos__title span {
    margin-right: 18px;
  }
  .top-infos__text {
    font-size: 1.6rem;
    width: 100%;
  }
  .top-infos__items a::before {
    aspect-ratio: 455 / 240;
    right: auto;
    left: 50%;
    width: 68%;
    transform: translateX(-50%);
  }
  .top-infos__items.shien a::before {
    background-image: url(../img/top/top-infos-img03-sp.png);
  }
  .top-infos__items.others a::before {
    background-image: url(../img/top/top-infos-img04-sp.png);
  }
  .top-infos__items.koubo a::before {
    background-image: url(../img/top/top-infos-img01-sp.png);
  }
  .top-infos__items.kanren a::before {
    background-image: url(../img/top/top-infos-img02-sp.png);
  }


  /* column
  ----------------------------------- */
  .top-column {
    overflow: hidden;
    padding-top: 120px;
  }
  .top-column__contents {
    background-size: 150px auto;
  }
  .top-column__contents a::before {
    width: min(45.5%, 180px);
    left: -10%;
    bottom: -17%;
  }
  .top-column__contents a::after {
    width: min(47%, 200px);
    right: -9%;
    top: -25%;
  }
  .top-column .top-sub-title-group::before {
    left: 50%;
    top: 120px;
    transform: translateX(-50%);
    width: 50px;
    height: 50px;
    background-size: 10px auto;
  }

  .top-column__contents a:hover .top-sub-title-group::before {
    transform: translateX(-30%);
  }

  /* links
  ----------------------------------- */
  .top-links {
    padding: 30px 0 60px;
  }
  .top-links__contents {
    justify-content: space-between;
    gap: 15px 0;
    margin-top: 25px;
  }
  .top-links__item {
    width: 47.8%;
  }

  .commission {
    padding-bottom: 30px;
  }
  .commission-text {
    font-size: 1.2rem;
    text-align: center;
  }
}