@charset "UTF-8";
@font-face {
  font-family: "Kanata-kanji";
  src: url("../font/Kanata-kanji.otf") format("opentype");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
:root {
  --scale: 0.0694444444vw;
  --max: 1;
}
@media screen and (max-width: 767px) {
  :root {
    --scale: 0.2666666667vw;
    --max: 10;
  }
}

/* ===============================
  TOP
=============================== */
/*------------------------------
fv
------------------------------*/
.fv {
  position: relative;
  padding-top: min(calc(250 * var(--scale)), calc(250px * var(--max)));
}
@media (min-width: 768px) {
  .fv::before {
    content: "";
    position: absolute;
    background: url(../img/line/05.png) no-repeat center center/100%;
    aspect-ratio: 2764/1603;
    width: min(calc(1380 * var(--scale)), calc(1380px * var(--max)));
    transform: translate(3%, 0%);
    left: 0%;
    left: calc(min( 0 * var(--scale),0px) +  max(0px, (100vw - 1440px)/2));
    top: 0%;
    pointer-events: none;
  }
}
@media (max-width: 767px) {
  .fv {
    aspect-ratio: 748/1030;
    padding: 26% 0 0;
  }
}

.fv__inner {
  position: relative;
  z-index: 110;
}
@media (min-width: 768px) {
  .fv__inner {
    width: min(calc(1225 * var(--scale)), calc(1225px * var(--max)));
  }
}
@media (max-width: 767px) {
  .fv__inner {
    width: 100%;
  }
}

.fv__content {
  position: relative;
}

@media (min-width: 768px) {
  .fv__copy {
    position: relative;
    top: unset;
    left: 0;
    transform: translateY(0%);
    width: 43.7%;
  }
}

.fv__lead {
  width: calc(358 / 535 * 100%);
  margin-left: 10%;
  margin-top: 9%;
}
@media (max-width: 767px) {
  .fv__lead {
    width: 77%;
    margin: -5% 0 0;
  }
}

.fv__image {
  width: min(calc(790 * var(--scale)), calc(790px * var(--max)));
  margin-left: auto;
  aspect-ratio: 791/527;
  left: min(calc(543 * var(--scale)), calc(543px * var(--max)));
  left: calc(min( 543 * var(--scale),543px) +  max(0px, (100vw - 1440px)/2));
  top: min(calc(145 * var(--scale)), calc(145px * var(--max)));
  position: absolute;
}
@media (max-width: 767px) {
  .fv__image {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    aspect-ratio: unset;
  }
}

#fadeWrap {
  overflow: hidden;
}
#fadeWrap > picture, #fadeWrap > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
  z-index: 0;
}
#fadeWrap > picture:first-child, #fadeWrap > img:first-child {
  opacity: 1;
  z-index: 20;
}
#fadeWrap > picture img, #fadeWrap > img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
#fadeWrap > picture.act, #fadeWrap > img.act {
  opacity: 1;
  transition: transform 7s linear;
  transform: scale(1); /* スケール end */
}
@media (min-width: 768px) {
  #fadeWrap {
    border-radius: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  }
}

[data-switchfadebtn=prev], [data-switchfadebtn=next] {
  content: "";
  position: absolute;
  cursor: pointer;
  background: url(../img/icon_arrow03.svg) no-repeat center center/100%;
  aspect-ratio: 17/34;
  width: 10%;
  top: 50%;
  z-index: 30;
}

[data-switchfadebtn=prev] {
  left: 0;
  transform: translate(0%, -50%) scale(-1, 1);
}

[data-switchfadebtn=next] {
  right: 0;
  transform: translate(0%, -50%);
}

.fade-navi {
  display: flex;
  justify-content: center;
  gap: 0 16px;
}
.fade-navi span {
  cursor: pointer;
  aspect-ratio: 1/1;
  width: 16px;
  border-radius: 50%;
  background: gray;
}
.fade-navi span.act {
  background: red;
}

/*------------------------------
concept
------------------------------*/
.concept {
  padding-top: min(calc(320 * var(--scale)), calc(320px * var(--max)));
  padding-bottom: min(calc(230 * var(--scale)), calc(230px * var(--max)));
  position: relative;
}
.concept::before {
  content: "";
  position: absolute;
  background: url(../img/line/06.png) no-repeat center center/100%;
  aspect-ratio: 1116/485;
  transform: translate(30.4%, 10%);
  width: min(calc(557 * var(--scale)), calc(557px * var(--max)));
  left: 0%;
  left: calc(min( 0 * var(--scale),0px) +  max(0px, (100vw - 1440px)/2));
  bottom: 0%;
  pointer-events: none;
}
.concept > .inner {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .concept {
    overflow: hidden;
    padding-top: 35%;
    padding-bottom: 73%;
  }
  .concept::before {
    content: "";
    position: absolute;
    background: url(../img/line/09.png) no-repeat center center/100%;
    aspect-ratio: 724/1633;
    transform: translate(0%, 0%);
    width: min(calc(360 * var(--scale)), calc(360px * var(--max)));
    right: 0%;
    top: 0%;
  }
}

.concept__content {
  width: calc(1002 / 1120 * 100%);
  margin: 0 auto;
}

.concept__message {
  width: calc(502 / 1002 * 100%);
  aspect-ratio: 502/502;
  margin: 0 auto;
  padding-top: 0%;
  position: relative;
}
.concept__message::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -60%);
  aspect-ratio: 1804/1804;
  background: url(../img/blur/01.png) no-repeat center center/100%;
  width: 100%;
  width: 150%;
}
@media (max-width: 767px) {
  .concept__message {
    width: min(calc(264 * var(--scale)), calc(264px * var(--max)));
    padding-top: min(calc(55 * var(--scale)), calc(55px * var(--max)));
  }
}

.concept__title {
  width: calc(331 / 502 * 100%);
  margin: 0 auto;
  position: relative;
  padding-bottom: min(calc(199 * var(--scale)), calc(199px * var(--max)));
}
.concept__title::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transform: translate(57%, 6%);
  background: url(../img/concept-illustration.png) no-repeat center center/contain;
  width: min(calc(167 * var(--scale)), calc(167px * var(--max)));
  aspect-ratio: 335/356;
}
@media (max-width: 767px) {
  .concept__title {
    width: min(calc(225 * var(--scale)), calc(225px * var(--max)));
    padding-bottom: min(calc(134 * var(--scale)), calc(134px * var(--max)));
  }
  .concept__title::after {
    width: min(calc(106 * var(--scale)), calc(106px * var(--max)));
  }
}

.concept__links {
  text-align: center;
  margin-top: -9%;
}
@media (max-width: 767px) {
  .concept__links {
    margin-top: 6%;
  }
}

.concept__link:nth-child(n+2) {
  margin-top: 1.8%;
}
.concept__link a {
  display: inline-block;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 1.95;
  color: #00685f;
  margin-left: -1.5em;
  position: relative;
}
.concept__link a:first-child {
  padding-right: 0;
}
.concept__link a:nth-child(2) {
  padding-right: 0;
}
@media (max-width: 767px) {
  .concept__link:nth-child(n+2) {
    margin-top: 5.8%;
  }
  .concept__link a {
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
    width: 73%;
  }
}

.concept__photo {
  position: absolute;
  top: 50%;
  left: 50%;
}
.concept__photo:nth-child(1) {
  width: 84%;
  transform: translate(-145%, -109.6%);
}
@media (max-width: 767px) {
  .concept__photo:nth-child(1) {
    width: 142%;
    transform: translate(14.8%, -57.4%);
    left: unset;
    right: 0;
    top: 0;
  }
}
.concept__photo:nth-child(2) {
  width: 66%;
  transform: translate(63%, -114.6%);
}
@media (max-width: 767px) {
  .concept__photo:nth-child(2) {
    width: 142%;
    transform: translate(-14.9%, 28.4%);
    left: 0;
  }
}
.concept__photo:nth-child(3) {
  width: 62%;
  transform: translate(-143%, -33.6%);
}
@media (max-width: 767px) {
  .concept__photo:nth-child(3) {
    display: none;
  }
}
.concept__photo:nth-child(4) {
  width: 88%;
  transform: translate(33.2%, -25%);
}
@media (max-width: 767px) {
  .concept__photo:nth-child(4) {
    display: none;
  }
}

/*------------------------------
pickups
------------------------------*/
.pickups {
  margin-top: min(calc(0 * var(--scale)), calc(0px * var(--max)));
}

/* 体験する
------------------------------*/
.pickup {
  position: relative;
  margin: 0 auto;
}
.pickup:not(:has(.pickup__group)) {
  display: none;
}
@media (min-width: 768px) {
  .pickup {
    width: min(calc(1440 * var(--scale)), calc(1440px * var(--max)));
    max-width: 100%;
  }
  .pickup:nth-last-child(1 of :has(.pickup__group)) {
    /* .pickup__group を持つ .pickup__item のうち最後 */
    margin-bottom: min(calc(240 * var(--scale)), calc(240px * var(--max)));
  }
}
.pickup--experience {
  --pickup-bg: #f9f6e0;
  --pickup-color: #ecae25;
  --pickup-color-area: #dba326;
  --pickup-flag: url("../img/img-flag_orange.png");
  --pickup-label: url("../img/pickup-label-bg_orange.png");
}
.pickup--experience::before {
  content: "";
  position: absolute;
  background: url(../img/line/04.png) no-repeat center center/100%;
  aspect-ratio: 1952/2664;
  transform: translate(18%, 11.7%);
  width: min(calc(973 * var(--scale)), calc(973px * var(--max)));
  left: 0%;
  top: 0%;
  z-index: 5;
  pointer-events: none;
}
@media (max-width: 767px) {
  .pickup--experience::before {
    display: none;
  }
}
.pickup--experience > * {
  position: relative;
}
.pickup--experience .pickup__content {
  width: min(calc(1180 * var(--scale)), calc(1180px * var(--max)));
  border-radius: 0 0 0 min(calc(94 * var(--scale)), calc(94px * var(--max)));
  margin-left: auto;
  padding: 2% min(calc(112 * var(--scale)), calc(112px * var(--max))) 4.1%;
  padding-right: 6.4%;
}
@media (max-width: 767px) {
  .pickup--experience .pickup__content {
    width: 93%;
    padding: 20% 6%;
    padding-right: 13.5%;
    border-radius: 0 0 0 min(calc(48 * var(--scale)), calc(48px * var(--max)));
  }
}
.pickup--experience .pickup__title {
  left: 0;
  transform: translateY(-24%);
}
@media (max-width: 767px) {
  .pickup--experience .pickup__title {
    transform: translateY(-36%);
  }
}
@media (min-width: 768px) {
  .pickup--experience .pickup__group:nth-child(2) .pickup__cards {
    margin-top: -2%;
  }
}
.pickup--experience .pickup__cards {
  width: 90.6%;
}
@media (max-width: 767px) {
  .pickup--experience .pickup__cards {
    width: 100%;
  }
}
.pickup--experience .pickup__heading {
  text-align: right;
}
@media (max-width: 767px) {
  .pickup--experience .pickup__heading {
    text-align: center;
  }
}
.pickup--explore {
  margin-top: min(calc(200 * var(--scale)), calc(200px * var(--max)));
  --pickup-bg: #ebf0e4;
  --pickup-color: #00685f;
  --pickup-color-area: #5aaf7e;
  --pickup-flag: url("../img/img-flag_green.png");
  --pickup-label: url("../img/pickup-label-bg_green.png");
}
.pickup--explore::before {
  content: "";
  position: absolute;
  background: url(../img/line/03.png) no-repeat center center/100%;
  aspect-ratio: 2267/3017;
  width: min(calc(1130 * var(--scale)), calc(1130px * var(--max)));
  pointer-events: none;
  transform: translate(-56.1%, 4.3%);
  left: 50%;
  top: 0%;
  z-index: 5;
}
@media (max-width: 767px) {
  .pickup--explore::before {
    display: none;
  }
}
.pickup--explore > * {
  position: relative;
}
.pickup--explore .pickup__content {
  width: min(calc(1170 * var(--scale)), calc(1170px * var(--max)));
  border-radius: 0px 0px min(calc(93 * var(--scale)), calc(93px * var(--max))) 0px;
  padding: 0 6% 6.3%;
  padding-left: 14.4%;
}
@media (max-width: 767px) {
  .pickup--explore .pickup__content {
    overflow: hidden;
    width: 93%;
    padding: 18% 7%;
    padding-left: 13.8%;
    border-radius: 0px 0px min(calc(48 * var(--scale)), calc(48px * var(--max))) 0px;
  }
}
.pickup--explore .pickup__title {
  right: 0;
  transform: translateY(-54%);
}
@media (max-width: 767px) {
  .pickup--explore .pickup__title {
    transform: translateY(-40%);
  }
}
.pickup--explore .pickup__header {
  flex-direction: row-reverse;
  pointer-events: none;
}
@media (min-width: 768px) {
  .pickup--explore .pickup__header {
    margin-left: -10%;
  }
}
.pickup--explore .pickup__heading {
  text-align: left;
}
@media (max-width: 767px) {
  .pickup--explore .pickup__heading {
    text-align: center;
  }
}
.pickup--explore .pickup__button a {
  margin-right: 0;
  margin-top: 4%;
}
@media (max-width: 767px) {
  .pickup--explore .pickup__button a {
    font-size: min(calc(17 * var(--scale)), calc(17px * var(--max)));
    margin-top: 6%;
    letter-spacing: -0.1em;
    padding: 0.5em 0;
  }
}
.pickup--explore .pickup__group:nth-child(1) {
  z-index: 30;
}
@media (min-width: 768px) {
  .pickup--explore .pickup__group:nth-child(1) {
    margin-top: -7.5%;
  }
}
@media (min-width: 768px) {
  .pickup--explore .pickup__group:nth-child(1) .pickup__header {
    margin-bottom: -1%;
  }
}
.pickup--explore .pickup__group:nth-child(1) .pickup__cards {
  margin-top: 0;
}
@media (max-width: 767px) {
  .pickup--explore .pickup__group:nth-child(1) .pickup__cards {
    margin-top: 8%;
    flex-direction: row;
  }
}
@media (min-width: 768px) {
  .pickup--explore .pickup__group:nth-child(2) {
    margin-top: -7%;
  }
}
@media (min-width: 768px) {
  .pickup--explore .pickup__group:nth-child(2) .pickup__header {
    margin-bottom: -1%;
  }
}
@media (min-width: 768px) {
  .pickup--explore .pickup__group:nth-child(2) .pickup__cards {
    margin-top: -4%;
  }
}
@media (max-width: 767px) {
  .pickup--explore .pickup__group:nth-child(2) .pickup__cards {
    margin-top: 8%;
    flex-direction: row;
  }
}
.pickup--explore .pickup__area {
  position: relative;
  padding-left: 3em;
}
.pickup--explore .pickup__area::before {
  content: "";
  position: absolute;
  top: 0.9em;
  left: 0;
  transform: translate(-50%, -50%);
  background: url(../img/common/icon_book03.png) no-repeat center center/contain;
  width: 3em;
  aspect-ratio: 41/33;
  top: 50%;
  width: auto;
  height: 109%;
}
@media (max-width: 767px) {
  .pickup--explore .pickup__area::before {
    background: url(../img/dec_pickup__area_sp.png) no-repeat center center/100%;
    aspect-ratio: 86/67;
    transform: translate(-56%, -50%);
    left: 0%;
    top: 50%;
    width: auto;
    height: 100%;
  }
}
@media (max-width: 767px) {
  .pickup--explore {
    margin-top: min(calc(112 * var(--scale)), calc(112px * var(--max)));
  }
}

.pickup__title {
  position: absolute;
  top: 0;
  width: min(calc(560 * var(--scale)), calc(560px * var(--max)));
  transform: translateY(-50%);
  z-index: 5;
}
@media (max-width: 767px) {
  .pickup__title {
    width: min(calc(230 * var(--scale)), calc(230px * var(--max)));
  }
}

.pickup__content {
  box-shadow: 0 0 10px rgba(231, 208, 171, 0.2);
  display: flex;
  flex-direction: column;
  gap: min(calc(22 * var(--scale)), calc(22px * var(--max))) 0;
  background: var(--pickup-bg) no-repeat center/cover;
}
@media (max-width: 767px) {
  .pickup__content {
    padding: min(calc(85 * var(--scale)), calc(85px * var(--max))) min(calc(25 * var(--scale)), calc(25px * var(--max)));
    gap: min(calc(55 * var(--scale)), calc(55px * var(--max))) 0;
  }
}

.pickup__content:not(:has(.pickup__group)) {
  display: none;
}

.pickup__group {
  z-index: 20;
}

.pickup__header {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0 min(calc(23 * var(--scale)), calc(23px * var(--max)));
}
@media (max-width: 767px) {
  .pickup__header {
    justify-content: center;
  }
}

.pickup__heading {
  position: relative;
  padding-left: min(calc(100 * var(--scale)), calc(100px * var(--max)));
  margin-top: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}
.pickup__heading::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background: var(--pickup-flag) no-repeat center/cover;
  width: min(calc(100 * var(--scale)), calc(100px * var(--max)));
  aspect-ratio: 201/230;
  transform: translateY(-14%);
}
@media (max-width: 767px) {
  .pickup__heading {
    padding-left: 0;
    width: 100%;
    white-space: nowrap;
  }
  .pickup__heading::before {
    width: 27%;
    transform: translate(-48%, 24%);
  }
}

.pickup__heading-title {
  font-size: min(calc(32 * var(--scale)), calc(32px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .pickup__heading-title {
    position: relative;
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
    color: var(--pickup-color);
    letter-spacing: normal;
    white-space: nowrap;
  }
}

.pickup__heading-lead {
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
}
@media (max-width: 767px) {
  .pickup__heading-lead {
    position: relative;
    font-size: min(calc(13 * var(--scale)), calc(13px * var(--max)));
  }
}

.pickup__label {
  width: min(calc(226 * var(--scale)), calc(226px * var(--max)));
  aspect-ratio: 452/458;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: var(--pickup-label) no-repeat center/cover;
}
@media (max-width: 767px) {
  .pickup__label {
    display: none;
  }
}

.pickup__label-ja {
  display: block;
  font-size: min(calc(31 * var(--scale)), calc(31px * var(--max)));
  line-height: 1.2258064516;
  font-family: "TsukuARdGothicStd-B";
  color: #fff;
  position: relative;
}

.pickup__label-en {
  display: block;
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 1.5;
  color: #fff;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}

.pickup__cards {
  display: flex;
  gap: 0 min(calc(31 * var(--scale)), calc(31px * var(--max)));
  margin-top: 0.7%;
}
@media (max-width: 767px) {
  .pickup__cards {
    flex-direction: column;
    gap: min(calc(32 * var(--scale)), calc(32px * var(--max))) 0;
    margin-top: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  }
}

.pickup__card {
  width: calc(33.3% - min(calc(31 * var(--scale)), calc(31px * var(--max))) * 2 / 3);
  background: #fff;
  box-shadow: 2px 4px 12px rgba(223, 203, 158, 0.3);
  border-radius: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  position: relative;
}
.pickup__card a {
  display: inline-block;
  padding: 9% min(calc(14 * var(--scale)), calc(14px * var(--max))) 5%;
  background: url(../img/dec_bg01.png) no-repeat center center/min(calc(500 * var(--scale)), calc(500px * var(--max))) auto;
  border-radius: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  height: 100%;
}
@media (min-width: 768px) {
  .pickup__card {
    aspect-ratio: 273/351; /* 装飾　ラインのつながりのため高さを確保 */
  }
}
@media (max-width: 767px) {
  .pickup__card {
    width: 100%;
  }
}

.pickup__rank {
  position: absolute;
  top: calc(min(calc(14 * var(--scale)), calc(14px * var(--max))) * -1);
  right: min(calc(17 * var(--scale)), calc(17px * var(--max)));
  width: min(calc(44 * var(--scale)), calc(44px * var(--max)));
  z-index: 10;
}

.pickup__thumbnail img {
  aspect-ratio: 245/148;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: min(calc(10 * var(--scale)), calc(10px * var(--max)));
}

.pickup__body {
  padding: 3% min(calc(10 * var(--scale)), calc(10px * var(--max))) 0;
}

.pickup__area {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
  position: relative;
  background: var(--pickup-color-area);
  color: #fff;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  letter-spacing: -0.05em;
  margin-top: -1.2em;
  margin-left: -1em;
  padding: 0.4em 1.7em;
  padding-right: 1em;
  min-width: 11em;
  line-height: 1.8666666667;
  text-align: center;
  padding: 0.2em 2em;
  padding-right: 2em;
}

.pickup__headline {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 1.2222222222;
  text-align: center;
  padding-bottom: 0.9em;
  position: relative;
  letter-spacing: 0.04em;
  height: calc(2lh + 0.9em);
}
.pickup__headline::after {
  content: "";
  position: absolute;
  bottom: 0.16em;
  left: 0;
  border-bottom: min(calc(1 * var(--scale)), calc(1px * var(--max))) solid #3d3d3d;
  border-top: min(calc(1 * var(--scale)), calc(1px * var(--max))) solid #3d3d3d;
  width: 100%;
  aspect-ratio: 227/3;
}
.pickup__excerpt {
  margin-top: 0.4em;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-weight: 400;
  line-height: 1.5714285714;
  padding-left: 2.2em;
  position: relative;
}
.pickup__excerpt::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0.2em;
  background: url(../img/img-speech-bubble.png) no-repeat center center/contain;
  width: 1.1em;
  aspect-ratio: 32/32;
}

.pickup__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 2.4;
  color: var(--pickup-color);
  letter-spacing: -0.03em;
}
.pickup__link::after {
  display: inline-block;
  content: "";
  position: relative;
  background: var(--pickup-color);
  -webkit-mask: url(../img/img-arrow.png) center/100% no-repeat;
          mask: url(../img/img-arrow.png) center/100% no-repeat;
  width: 0.4em;
  aspect-ratio: 12/18;
  margin-left: 0.4em;
}

.pickup__button a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 1.95;
  color: var(--pickup-color);
  margin-left: auto;
  margin-top: 1.5%;
  margin-right: 9.8%;
}
@media (max-width: 767px) {
  .pickup__button a {
    background: var(--pickup-color);
    border-radius: min(calc(50 * var(--scale)), calc(50px * var(--max)));
    color: #fff;
    justify-content: center;
    position: relative;
    margin: -0.7em auto 0;
    padding: 0.3em 0;
  }
  .pickup__button a::before {
    display: none;
  }
  .pickup__button a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0.5em;
    transform: translateY(-50%);
    background: url(../img/img-arrow_white.png) no-repeat center center/contain;
    width: 0.35em;
    aspect-ratio: 15/24;
  }
}

.pickup--ranking {
  counter-reset: number 0;
}
.pickup--ranking .pickup__card {
  position: relative;
}
.pickup--ranking .pickup__card::before {
  counter-increment: number 1; /* number カウンタの増加数をセット */
  content: counter(number) " "; /* 表示形式を指定 */
  position: absolute;
  font-family: Arial, sans-serif;
  color: #DBA326;
  text-align: center;
  font-weight: 700;
  font-size: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  padding-top: 1.1em;
  background: url(../img/common/rank.png) no-repeat center center/100%;
  aspect-ratio: 91/136;
  transform: translate(-37%, -24%);
  top: 0;
  right: 0;
  width: min(calc(44 * var(--scale)), calc(44px * var(--max)));
  z-index: 10;
}

@media (max-width: 767px) {
  .pickupSwiper {
    position: relative;
    width: min(calc(348.7 * var(--scale)), calc(348.7px * var(--max)));
    margin-left: calc(min(calc(50 * var(--scale)), calc(50px * var(--max))) * -1);
  }
  .pickupSwiper .swiper-slide {
    padding: 0 8%;
    padding-left: 14%;
  }
  .pickupSwiper .swiper-button-next-pickup,
.pickupSwiper .swiper-button-prev-pickup {
    top: unset;
    bottom: unset;
    left: unset;
    right: unset;
    margin: 0;
    height: auto;
    width: auto;
    position: absolute;
    background: url(../img/icon_arrow02.svg) no-repeat center center/100%;
    aspect-ratio: 9/15;
    width: 2.4%;
    top: min(calc(200 * var(--scale)), calc(200px * var(--max)));
    z-index: 10;
  }
  .pickupSwiper .swiper-button-next-pickup::after,
.pickupSwiper .swiper-button-prev-pickup::after {
    display: none;
  }
  .pickupSwiper .swiper-button-prev-pickup {
    transform: translate(-50%, -50%) scale(-1, 1);
    left: 9.3%;
  }
  .pickupSwiper .swiper-button-next-pickup {
    transform: translate(50%, -50%);
    right: 2.3%;
  }
}

.swiper-pagination-pickup[class][class] {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  display: flex;
  justify-content: center;
  gap: 0 min(calc(15 * var(--scale)), calc(15px * var(--max)));
  margin-top: 9%;
}
.swiper-pagination-pickup[class][class].swiper-pagination-lock {
  display: none;
}
.swiper-pagination-pickup[class][class] .swiper-pagination-bullet[class][class] {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  width: unset;
  height: unset;
  margin: 0;
  opacity: 1;
  width: min(calc(6 * var(--scale)), calc(6px * var(--max)));
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #d9d9d9;
}
.swiper-pagination-pickup[class][class] .swiper-pagination-bullet[class][class].swiper-pagination-bullet-active {
  background: #036960;
}

/*------------------------------
feature
------------------------------*/
.feature {
  padding: min(calc(48 * var(--scale)), calc(48px * var(--max))) 0 min(calc(175 * var(--scale)), calc(175px * var(--max)));
  background: #fff;
  overflow: hidden;
  position: relative;
  z-index: 10;
}
.feature::before {
  content: "";
  position: absolute;
  background: url(../img/line/01.png) no-repeat center center/100%;
  aspect-ratio: 2276/1589;
  transform: translate(-49%, 0%);
  width: 78.9%;
  width: min(calc(1136.16 * var(--scale)), calc(1136.16px * var(--max)));
  left: 50%;
  bottom: 0%;
  pointer-events: none;
}
.feature::after {
  content: "";
  position: absolute;
  background: url(../img/line/08.png) no-repeat center center/100%;
  aspect-ratio: 261/292;
  width: min(calc(128.8 * var(--scale)), calc(128.8px * var(--max)));
  top: 0%;
  pointer-events: none;
  left: 50%;
  transform: translate(-83.8%, 0%);
}
.feature > .inner {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .feature {
    padding: min(calc(130 * var(--scale)), calc(130px * var(--max))) 0 46%;
    margin-top: 22%;
    background: transparent;
    overflow: unset;
  }
  .feature::before, .feature::after {
    content: "";
    position: absolute;
    background: url(../img/dec_bg02.png) no-repeat center center/100%;
    aspect-ratio: 375/328;
    transform: translate(-50%, 0%);
    width: 100%;
    left: 50%;
  }
  .feature::before {
    top: 0%;
  }
  .feature::after {
    top: unset;
    bottom: 0%;
  }
  .feature > .inner {
    background: #fff;
    position: relative;
    z-index: 10;
    width: 100%;
  }
}

.features__title {
  width: 51%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .features__title {
    width: 93%;
  }
}

.feature__heading {
  font-size: min(calc(32 * var(--scale)), calc(32px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  text-align: center;
  line-height: 1.4;
  margin-top: 0.7em;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .feature__heading {
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
    margin-top: 1.3em;
  }
}

.feature__lead {
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 2.25;
  text-align: center;
}
@media (max-width: 767px) {
  .feature__lead {
    font-size: min(calc(13 * var(--scale)), calc(13px * var(--max)));
  }
}

.feature__cards {
  width: calc(980 / 1120 * 100%);
  margin: 0 auto;
  margin-top: 4%;
  display: flex;
  justify-content: space-between;
  position: relative;
}
.feature__cards::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: url(../img/feature-decoration01.webp) no-repeat center center/contain;
  transform: translate(-57%, -61%);
  width: 53%;
  aspect-ratio: 1/1;
}
.feature__cards::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  background: url(../img/feature-decoration02.webp) no-repeat center center/contain;
  transform: translate(48%, 37%);
  width: 48%;
  aspect-ratio: 950/1114;
}
@media (max-width: 767px) {
  .feature__cards {
    flex-direction: column;
    gap: min(calc(14 * var(--scale)), calc(14px * var(--max))) 0;
    width: 73%;
    margin-top: 7%;
  }
  .feature__cards::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: url(../img/feature-decoration03.png) no-repeat center center/contain;
    aspect-ratio: 180/148;
    transform: translate(242%, -483%);
    width: 34%;
  }
  .feature__cards::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: unset;
    background: url(../img/feature-decoration03.png) no-repeat center center/contain;
    aspect-ratio: 180/148;
    transform: translate(-32%, 237%) scale(-1, 1);
    width: 34%;
  }
}

.feature__card {
  position: relative;
  z-index: 10;
  width: 47%;
  padding: 3% 2.4%;
  background: url(../img/dec_bg01.png) repeat center center/400px auto;
  box-shadow: 0 0 10px rgba(154, 154, 154, 0.1);
  border-radius: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}
@media (min-width: 768px) {
  .feature__card {
    aspect-ratio: 464/403;
  }
}
@media (max-width: 767px) {
  .feature__card {
    width: 100%;
    padding: 10% 5.4% 7%;
    box-shadow: 2px 4px 12px rgba(204, 204, 204, 0.3);
  }
}

.feature__thumbnail {
  width: 96%;
  margin: 0 auto;
}
.feature__thumbnail img {
  aspect-ratio: 404/206;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}
@media (max-width: 767px) {
  .feature__thumbnail {
    width: 100%;
  }
  .feature__thumbnail img {
    aspect-ratio: 245/148;
  }
}

.feature__area {
  background: #3a92be;
  color: #fff;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  z-index: 10;
  position: relative;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  letter-spacing: -0.05em;
  margin-top: -0.9em;
  margin-left: -1.5em;
  padding: 0.4em 1.7em;
  padding-right: 1em;
  min-width: 11em;
  line-height: 1.8666666667;
  text-align: center;
  padding: 0.2em 2em;
}
@media (max-width: 767px) {
  .feature__area {
    margin-top: -1em;
    margin-left: -1.1em;
    letter-spacing: normal;
  }
}

.feature__headline {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 1.2222222222;
  text-align: center;
  padding-bottom: 0.7em;
  border-bottom: 1px solid #3d3d3d;
  position: relative;
  margin-top: 0.5em;
}
.feature__headline::after {
  content: "";
  position: absolute;
  bottom: 0.16em;
  left: 0;
  background: #3d3d3d;
  width: 100%;
  height: 1px;
}
@media (max-width: 767px) {
  .feature__headline {
    margin: 0.5em auto 0;
    width: 92%;
  }
}

.feature__excerpt {
  margin-top: 1em;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-weight: 400;
  line-height: 1.5714285714;
  padding-left: 2.8em;
  letter-spacing: -0.05em;
  position: relative;
}
.feature__excerpt::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 1em;
  background: url(../img/img-speech-bubble.png) no-repeat center center/contain;
  width: 1.1em;
  aspect-ratio: 32/32;
}
@media (max-width: 767px) {
  .feature__excerpt {
    margin-top: 0.5em;
  }
}

.feature__link {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-family: "TsukuARdGothicStd-B";
  line-height: 2.7857142857;
  color: #3a92be;
  letter-spacing: -0.03em;
  margin-right: 0.7em;
}
.feature__link::after {
  display: inline-block;
  content: "";
  position: relative;
  background: url(../img/img-arrow_blue.png) no-repeat center center/contain;
  width: 0.4em;
  aspect-ratio: 12/18;
  margin-left: 0.4em;
}
@media (max-width: 767px) {
  .feature__link {
    line-height: 2;
  }
}

/*------------------------------
news
------------------------------*/
.news {
  padding: min(calc(200 * var(--scale)), calc(200px * var(--max))) 0 min(calc(210 * var(--scale)), calc(210px * var(--max)));
  position: relative;
}
.news::before {
  content: "";
  position: absolute;
  background: url(../img/line/02.png) no-repeat center center/100%;
  aspect-ratio: 2167/1529;
  transform: translate(-51%, 0%);
  width: 75%;
  width: min(calc(1080 * var(--scale)), calc(1080px * var(--max)));
  left: 50%;
  top: 0%;
  pointer-events: none;
}
@media (max-width: 767px) {
  .news::before {
    display: none;
  }
}
.news > .inner {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .news {
    background-size: min(calc(1400 * var(--scale)), calc(1400px * var(--max)));
    background-repeat: repeat;
    background: url(../img/dec_bg01.png) repeat center center/min(calc(800 * var(--scale)), calc(800px * var(--max))) auto;
  }
}
@media (max-width: 767px) {
  .news {
    padding: 16.6% 0 min(calc(167 * var(--scale)), calc(167px * var(--max)));
    background: url(../img/dec_bg01.png) repeat center center/min(calc(800 * var(--scale)), calc(800px * var(--max))) auto;
  }
}

.news__content {
  position: relative;
}
.news__content::before {
  content: "";
  position: absolute;
  background: url(../img/news01.webp) no-repeat center center/100%;
  aspect-ratio: 1/1;
  transform: translate(-27.4%, -39.7%);
  width: 28.5%;
  left: 100%;
  top: 0%;
}
.news__content::after {
  content: "";
  position: absolute;
  background: url(../img/news02.png) no-repeat center center/100%;
  aspect-ratio: 580/456;
  transform: translate(-6.4%, -12.7%);
  width: 30.4%;
  left: 0%;
  bottom: 0%;
}
@media (min-width: 768px) {
  .news__content {
    width: 85.4%;
    margin-left: 1.7%;
    background: #fff;
    box-shadow: 0 0 10px rgba(231, 208, 171, 0.2);
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-radius: min(calc(30 * var(--scale)), calc(30px * var(--max)));
    padding: 5.4% min(calc(40 * var(--scale)), calc(40px * var(--max))) 9.3%;
    padding-bottom: 0;
    padding-left: 6.6%;
    aspect-ratio: 956/428;
  }
}
@media (max-width: 767px) {
  .news__content::before {
    transform: translate(1.6%, -23.7%);
    width: 48.5%;
    left: 50%;
    top: 100%;
    z-index: 20;
  }
  .news__content::after {
    display: none;
  }
}

@media (max-width: 767px) {
  .news__title {
    padding-left: 3%;
  }
}

.news__title-ja {
  display: block;
  font-size: min(calc(37 * var(--scale)), calc(37px * var(--max)));
  font-family: "DNPShueiGoGinStd-B";
  line-height: 1.9;
}
@media (max-width: 767px) {
  .news__title-ja {
    font-size: min(calc(28 * var(--scale)), calc(28px * var(--max)));
    line-height: 1.5;
  }
}

.news__title-en {
  display: block;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-family: "DNPShueiGoGinStd-B";
  line-height: 1.4;
  color: #dba326;
  margin-top: 0em;
  text-indent: 0.2em;
}
@media (max-width: 767px) {
  .news__title-en {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}

.news__list {
  width: 73.3%;
  position: relative;
}
@media (max-width: 767px) {
  .news__list {
    width: 100%;
    box-shadow: 0 0 10px rgba(231, 208, 171, 0.2);
    background: #fff;
    border-radius: min(calc(30 * var(--scale)), calc(30px * var(--max)));
    padding: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    margin-top: 3%;
  }
}

.news__list__button {
  font-family: "DNPShueiGoGinStd-B";
}
@media (min-width: 768px) {
  .news__list__button {
    position: absolute;
    right: 0%;
    top: 100%;
    transform: translate(0%, min(calc(20 * var(--scale)), calc(20px * var(--max))));
  }
  .news__list__button span {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}
@media (max-width: 767px) {
  .news__list__button {
    margin-top: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    position: relative;
  }
  .news__list__button::after {
    display: inline-block;
    content: "";
    position: relative;
    background: #3d3d3d;
    -webkit-mask: url(../img/icon_arrow.svg) center/100% no-repeat;
            mask: url(../img/icon_arrow.svg) center/100% no-repeat;
    width: 0.4em;
    aspect-ratio: 8/12;
    margin-left: 0.4em;
  }
  .news__list__button span {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  }
}

.news__item {
  font-family: "DNPShueiGoGinStd-B";
}
.news__item a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  border-bottom: 1px solid #aaa;
}
@media (max-width: 767px) {
  .news__item:last-child a {
    border: none;
  }
  .news__item a {
    flex-direction: column;
    gap: min(calc(15 * var(--scale)), calc(15px * var(--max))) 0;
    padding: min(calc(10 * var(--scale)), calc(10px * var(--max))) 0 min(calc(18 * var(--scale)), calc(18px * var(--max)));
  }
}

.news__date {
  width: calc(154 / 836 * 100%);
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  line-height: 2.8125;
  flex-shrink: 0;
  padding: 0.15em 0;
}
@media (max-width: 767px) {
  .news__date {
    width: 100%;
    line-height: 1;
    color: #00685f;
  }
}

.news__headline {
  width: calc(100% - (154 / 836 * 100%));
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  line-height: 2.8125;
  padding-left: 2.4em;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .news__headline {
    width: 100%;
    line-height: 1;
    padding-left: 0;
  }
}

/*------------------------------
partners
------------------------------*/
.partners {
  background: #fff;
  padding: min(calc(164 * var(--scale)), calc(164px * var(--max))) 0 min(calc(174 * var(--scale)), calc(174px * var(--max)));
  overflow: clip;
  position: relative;
}
.partners::before {
  pointer-events: none;
  content: "";
  position: absolute;
  border-radius: 50%;
  transform: translate(-53%, -27%);
  width: min(calc(670 * var(--scale)), calc(670px * var(--max)));
  left: 0%;
  top: 0%;
  aspect-ratio: 1/1;
  background: url(../img/blur/03_3CAAC8.png) no-repeat center center/100%;
  opacity: 0.5;
}
.partners::after {
  pointer-events: none;
  content: "";
  position: absolute;
  width: min(calc(900 * var(--scale)), calc(900px * var(--max)));
  aspect-ratio: 871/398;
  left: 0%;
  bottom: 0%;
  background: url(../img/blur/06_C8DF9E.png) no-repeat center center/100%;
}
@media (max-width: 767px) {
  .partners {
    padding: min(calc(60 * var(--scale)), calc(60px * var(--max))) 0 min(calc(92 * var(--scale)), calc(92px * var(--max)));
  }
  .partners::before, .partners::after {
    display: none;
  }
}

.partners__header {
  position: relative;
  pointer-events: none;
}
.partners__header::before {
  pointer-events: none;
  content: "";
  position: absolute;
  border-radius: 50%;
  transform: translate(70%, 20%);
  right: 0%;
  top: 0%;
  aspect-ratio: 1/1;
  background: url(../img/blur/01.png) no-repeat center center/100%;
  width: min(calc(500 * var(--scale)), calc(500px * var(--max)));
  width: min(calc(750 * var(--scale)), calc(750px * var(--max)));
  opacity: 0.7;
}
@media (max-width: 767px) {
  .partners__header::before {
    display: none;
  }
}

.partners__laed {
  width: calc(490 / 1120 * 100%);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .partners__laed {
    width: 100%;
  }
}

.partners__heading {
  width: calc(413 / 1120 * 100%);
  margin: -4% auto 0;
  position: relative;
}
.partners__heading::before {
  content: "";
  position: absolute;
  background: url(../img/blur/05_FFEDC1.png) no-repeat center center/100%;
  width: 200%;
  aspect-ratio: 1/1;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .partners__heading {
    width: min(calc(250 * var(--scale)), calc(250px * var(--max)));
    margin: -10% auto 0;
  }
}

/*------------------------------
partners
------------------------------*/
.partners__items {
  display: flex;
}
.partners__items--main {
  justify-content: space-between;
  margin: -31% auto 0;
  width: 95%;
}
.partners__items--support {
  width: calc(800 / 1120 * 100%);
  margin: 3% auto 0;
  display: flex;
  justify-content: center;
  gap: 0 min(calc(100 * var(--scale)), calc(100px * var(--max)));
}
@media (min-width: 768px) {
  .partners__items--support {
    gap: 0 min(calc(380 * var(--scale)), calc(380px * var(--max)));
    width: 100%;
    flex-wrap: wrap;
  }
  .partners__items--support:not(:has(.partners__logo)) {
    display: none;
  }
  .partners__items--support li:last-child {
    margin-top: -12.5%;
  }
}
@media (max-width: 767px) {
  .partners__items {
    flex-wrap: wrap;
    gap: min(calc(60 * var(--scale)), calc(60px * var(--max))) min(calc(26 * var(--scale)), calc(26px * var(--max)));
    margin: 5% auto 0;
  }
  .partners__items--support {
    justify-content: center;
    width: 95%;
    margin-top: 13%;
  }
  .partners__items--support li:not(:has(.partners__logo)) {
    display: none;
  }
}

@media (min-width: 768px) {
  .partners__item {
    width: min(calc(243 * var(--scale)), calc(243px * var(--max)));
    aspect-ratio: 1/1;
  }
}
@media (max-width: 767px) {
  .partners__item {
    width: calc(50% - min(calc(26 * var(--scale)), calc(26px * var(--max))) / 2);
  }
}

.partners__logo {
  width: min(calc(170 * var(--scale)), calc(170px * var(--max)));
  margin: 0 auto;
  transition: transform 0.3s;
}
.partners__logo img {
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
@media (hover: hover) {
  .partners__logo:hover {
    transform: scale(1.05);
  }
}
@media (max-width: 767px) {
  .partners__logo {
    width: min(calc(120 * var(--scale)), calc(120px * var(--max)));
    width: 85%;
  }
}

.partners__name {
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  color: #01685f;
  text-align: center;
}
@media (max-width: 767px) {
  .partners__name {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    margin-top: 0.5em;
  }
}

.partners__description {
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-weight: 400;
  color: #000;
  text-align: left;
  font-family: "TsukuARdGothicStd-R";
  margin-top: 0.5em;
}
@media (max-width: 767px) {
  .partners__description {
    letter-spacing: -0.03em;
  }
  .partners__description br {
    display: none;
  }
}

.partners__slider {
  margin: 15% auto 0;
  width: 87%;
  position: relative;
}
.partners__slider .swiper-button-next-partners,
.partners__slider .swiper-button-prev-partners {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  margin: 0;
  height: auto;
  width: auto;
  position: absolute;
  background: #ECAE25;
  -webkit-mask: url(../img/icon_arrow02.svg) center/100% no-repeat;
          mask: url(../img/icon_arrow02.svg) center/100% no-repeat;
  aspect-ratio: 9/15;
  width: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  top: min(calc(57 * var(--scale)), calc(57px * var(--max)));
  z-index: 10;
  cursor: pointer;
}
.partners__slider .swiper-button-next-partners::after,
.partners__slider .swiper-button-prev-partners::after {
  display: none;
}
.partners__slider .swiper-button-prev-partners {
  transform: translate(0%, -50%) scale(-1, 1);
  left: -1.3%;
}
.partners__slider .swiper-button-next-partners {
  transform: translate(0, -50%);
  right: -1.5%;
}
@media (min-width: 768px) {
  .partners__slider.pc__none .swiper-button-prev-partners,
.partners__slider.pc__none .swiper-button-next-partners {
    display: none;
  }
}
@media (max-width: 767px) {
  .partners__slider {
    margin-top: 21%;
  }
  .partners__slider .swiper-button-next-partners,
.partners__slider .swiper-button-prev-partners {
    top: min(calc(40 * var(--scale)), calc(40px * var(--max)));
  }
  .partners__slider .swiper-button-prev-partners {
    left: -7.5%;
  }
  .partners__slider .swiper-button-next-partners {
    transform: translate(0, -50%);
    right: -7.5%;
  }
  .partners__slider.sp__none .swiper-button-prev-partners,
.partners__slider.sp__none .swiper-button-next-partners {
    display: none;
  }
}

.partnersSwiper {
  overflow-x: clip;
}
.partnersSwiper .swiper-slide {
  width: auto;
  padding: 0 min(calc(40 * var(--scale)), calc(40px * var(--max)));
}
.partnersSwiper .swiper-slide .partners__item {
  width: 100%;
}
.partnersSwiper .swiper-slide .partners__logo {
  width: 100%;
}
@media (max-width: 767px) {
  .partnersSwiper .swiper-slide {
    width: auto;
    padding: 0 min(calc(10 * var(--scale)), calc(10px * var(--max)));
  }
  .partnersSwiper .swiper-slide .partners__item {
    width: 100%;
  }
  .partnersSwiper .swiper-slide .partners__logo {
    width: 100%;
  }
}

.swiper-pagination-partners[class][class] {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  display: flex;
  justify-content: center;
  gap: 0 min(calc(23 * var(--scale)), calc(23px * var(--max)));
  margin-top: 4%;
}
.swiper-pagination-partners[class][class].swiper-pagination-lock {
  display: none;
}
.swiper-pagination-partners[class][class] .swiper-pagination-bullet[class][class] {
  top: unset;
  bottom: unset;
  left: unset;
  right: unset;
  width: unset;
  height: unset;
  margin: 0;
  opacity: 1;
  width: min(calc(9 * var(--scale)), calc(9px * var(--max)));
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #d9d9d9;
}
.swiper-pagination-partners[class][class] .swiper-pagination-bullet[class][class].swiper-pagination-bullet-active {
  background: #036960;
}
@media (max-width: 767px) {
  .swiper-pagination-partners[class][class] {
    gap: min(calc(15 * var(--scale)), calc(15px * var(--max)));
    margin-top: 8%;
  }
  .swiper-pagination-partners[class][class] .swiper-pagination-bullet[class][class] {
    width: min(calc(6 * var(--scale)), calc(6px * var(--max)));
  }
}
/*# sourceMappingURL=top.css.map */