@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;
  }
}

/* ===============================
  体験を探す
=============================== */
.experiences-archive {
  overflow-y: clip;
}

/* experience-card
------------------------------*/
.experience-card {
  border: 1px solid #4b4b4b;
  border-radius: min(calc(23 * var(--scale)), calc(23px * var(--max)));
  box-shadow: 2px 4px 12px rgba(217, 217, 217, 0.3);
  padding: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  position: relative;
  background: #fff;
}
@media (hover: hover) {
  .experience-card:hover a {
    opacity: 1;
  }
  .experience-card:hover .experience-card__thumbnail img {
    transform: scale(1.2);
  }
  .experience-card:hover .experience-card__info > span {
    background: #dba326;
  }
  .experience-card:hover .experience-card__title {
    color: #717171;
  }
}
.experience-card__title {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 700;
  line-height: 1.5555555556;
  transition: color 0.3s;
  height: 2lh;
}
@media (max-width: 767px) {
  .experience-card__title {
    letter-spacing: -0.1em;
  }
}

.experience-card__thumbnail {
  margin-top: 4%;
  overflow: hidden;
  border-radius: min(calc(24 * var(--scale)), calc(24px * var(--max)));
}
.experience-card__thumbnail img {
  aspect-ratio: 300/190;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  transition: transform 0.9s cubic-bezier(0.19, 1, 0.22, 1), opacity 0.6s ease-in-out;
}

.experience-card__guide {
  margin-top: 10%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  position: relative;
}
@media (max-width: 767px) {
  .experience-card__guide {
    margin-top: 10%;
  }
}

.experience-card__guide-image {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 28%;
}
.experience-card__guide-image::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/text_guide.svg) no-repeat center center/100%;
  aspect-ratio: 86/89;
  transform: translate(-79%, -74%);
  width: 100%;
  left: 50%;
  top: 50%;
}
.experience-card__guide-image img {
  border: min(calc(2 * var(--scale)), calc(2px * var(--max))) solid #f6cd5d;
  border-radius: 50%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
     object-fit: cover;
}

.experience-card__guide-body {
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-family: "TsukuARdGothicStd-R";
  text-align: right;
  width: 71.5%;
  border: 1px dashed #00685f;
  border-left: none;
  border-right: none;
  letter-spacing: -0.06em;
  padding: 0.5em 0;
  padding-right: 0.3em;
  width: 70%;
}
@media (max-width: 767px) {
  .experience-card__guide-body {
    width: 71%;
  }
}

.experience-card__guide-message {
  text-align: left;
}

.experience-card__guide-name {
  color: #00685f;
}

.experience-card__info {
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-family: "TsukuARdGothicStd-R";
  margin-top: 1.3em;
  line-height: 1.6;
  position: relative;
  padding-right: 4em;
}
.experience-card__info > span {
  position: absolute;
  background: #f6cd5d;
  -webkit-mask: url(../img/experiences/pickup_icon04.svg) center/100% no-repeat;
          mask: url(../img/experiences/pickup_icon04.svg) center/100% no-repeat;
  aspect-ratio: 1/1;
  transform: translate(0%, -50%);
  width: 20%;
  right: 0%;
  top: 50%;
  transition: background 0.3s;
}
.experience-card__info > span::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/pickup_icon05.svg) no-repeat center center/100%;
  aspect-ratio: 9/14;
  transform: translate(-50%, -50%);
  width: 20%;
  left: 50%;
  top: 50%;
}
@media (max-width: 767px) {
  .experience-card__info {
    margin-top: 1.6em;
  }
}

.experience-card__price {
  padding-left: 1.7em;
  position: relative;
}
.experience-card__price::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/pickup_icon01.svg) no-repeat center center/100%;
  aspect-ratio: 14/13;
  transform: translate(20%, -50%);
  width: 1em;
  left: 0%;
  top: 50%;
}
@media (max-width: 767px) {
  .experience-card__price {
    padding-left: 2em;
  }
  .experience-card__price::before {
    transform: translate(50%, -50%);
  }
}

.experience-card__duration {
  padding-left: 1.7em;
  position: relative;
}
.experience-card__duration::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/pickup_icon02.svg) no-repeat center center/100%;
  aspect-ratio: 14/16;
  transform: translate(20%, -50%);
  width: 1em;
  left: 0%;
  top: 50%;
}
@media (max-width: 767px) {
  .experience-card__duration {
    padding-left: 2em;
  }
  .experience-card__duration::before {
    transform: translate(50%, -50%);
  }
}

/* filter
------------------------------*/
.filter {
  margin-top: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  position: relative;
}
.filter::before {
  pointer-events: none;
  content: "";
  position: absolute;
  background: url(../img/line/10.png) no-repeat center center/100%;
  aspect-ratio: 2065/5405;
  transform: translate(-50%, -3.8%);
  width: min(calc(1440 * var(--scale)), calc(1440px * var(--max)));
  left: 50%;
  top: 0%;
  display: none;
}
@media (max-width: 767px) {
  .filter {
    margin-top: 8%;
  }
  .filter::before {
    background: url(../img/line/11.png) no-repeat center center/100%;
    aspect-ratio: 670/4332;
    width: min(calc(332 * var(--scale)), calc(332px * var(--max)));
    transform: translate(-49%, -2.6%);
  }
}

.filter__inner {
  position: relative;
  z-index: 10;
}
@media (min-width: 768px) {
  .filter__inner {
    width: min(calc(1185 * var(--scale)), calc(1185px * var(--max)));
  }
}

.filter__content {
  background: #fff;
  border-radius: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  box-shadow: 2px 4px 20px rgba(217, 217, 217, 0.3);
  padding: min(calc(35 * var(--scale)), calc(35px * var(--max)));
  padding-bottom: 4%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .filter__content {
    flex-direction: column;
    gap: min(calc(40 * var(--scale)), calc(40px * var(--max))) 0;
    padding: min(calc(24 * var(--scale)), calc(24px * var(--max))) min(calc(7 * var(--scale)), calc(7px * var(--max))) 11%;
  }
}

.filter__featured {
  width: calc(327 / 1113 * 100%);
  margin-left: 3.8%;
  margin-top: 7%;
}
.filter__featured .experience-card {
  border: 1px solid #4b4b4b;
  border-radius: min(calc(23 * var(--scale)), calc(23px * var(--max)));
  box-shadow: 2px 4px 12px rgba(217, 217, 217, 0.3);
  padding: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  padding-bottom: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  position: relative;
  display: block;
}
.filter__featured .experience-card::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/pickup_icon03.png) no-repeat center center/100%;
  aspect-ratio: 680/212;
  transform: translate(-50%, -50%);
  width: 104%;
  left: 20%;
  top: -6%;
}
@media (hover: hover) {
  .filter__featured .experience-card:hover {
    opacity: 1;
  }
}
@media (max-width: 767px) {
  .filter__featured .experience-card {
    padding: min(calc(18 * var(--scale)), calc(18px * var(--max))) 5% min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
  .filter__featured .experience-card::before {
    width: 62%;
    left: 26%;
    top: -2%;
  }
}
@media (max-width: 767px) {
  .filter__featured {
    width: 100%;
    margin: 8% auto 0;
  }
}

.filter__form {
  width: calc(690 / 1113 * 100%);
}
@media (max-width: 767px) {
  .filter__form {
    width: 100%;
  }
}

.filter__form-header {
  position: relative;
  padding-left: min(calc(85 * var(--scale)), calc(85px * var(--max)));
}
.filter__form-header::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  background: url(../img/icon_search.png) no-repeat center center/contain;
  width: min(calc(66 * var(--scale)), calc(66px * var(--max)));
  aspect-ratio: 132/132;
}
@media (max-width: 767px) {
  .filter__form-header {
    padding-left: 0;
    text-align: center;
  }
  .filter__form-header::before {
    display: none;
  }
}

.filter__form-title {
  font-size: min(calc(35 * var(--scale)), calc(35px * var(--max)));
  font-weight: 700;
}
@media (max-width: 767px) {
  .filter__form-title {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin: 0 auto;
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
    position: relative;
    padding-left: 1.6em;
  }
  .filter__form-title::before {
    content: "";
    position: absolute;
    top: 50%;
    left: -0.4em;
    transform: translateY(-50%);
    background: url(../img/icon_search.png) no-repeat center center/contain;
    width: 1.625em;
    aspect-ratio: 1/1;
  }
}

.filter__form-lead {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 700;
  letter-spacing: -0.05em;
}
@media (max-width: 767px) {
  .filter__form-lead {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    margin-top: min(calc(5 * var(--scale)), calc(5px * var(--max)));
  }
}

.filter__item:nth-child(n+2) {
  margin-top: min(calc(20 * var(--scale)), calc(20px * var(--max)));
}
.filter__item:nth-child(n+3) .filter__item-title {
  position: relative;
}
.filter__item:nth-child(n+3) .filter__item-title::after {
  content: "";
  position: absolute;
  background: url(../img/arrow02.png) no-repeat center center/100%;
  aspect-ratio: 14/12;
  transform: translate(-50%, -50%);
  width: 2%;
  left: 95.6%;
  top: 50%;
  transition: all 0.3s;
}
@media (max-width: 767px) {
  .filter__item:nth-child(n+3) .filter__item-title::after {
    left: 94.5%;
    width: 3%;
  }
}
.filter__item:nth-child(n+3).is-open .filter__item-title::after {
  transform: translate(-50%, -50%) rotate(180deg);
}
@media (max-width: 767px) {
  .filter__item:nth-child(n+2) {
    margin-top: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  }
  .filter__item:nth-child(n+4) {
    margin-top: min(calc(13 * var(--scale)), calc(13px * var(--max)));
  }
  .filter__item:nth-child(3) .filter__options, .filter__item:nth-child(4) .filter__options {
    padding-bottom: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  }
}

.filter__items {
  margin-top: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  display: flex;
  flex-direction: column;
}
@media (max-width: 767px) {
  .filter__items {
    gap: min(calc(15 * var(--scale)), calc(15px * var(--max))) 0;
    gap: 0;
    width: min(calc(300 * var(--scale)), calc(300px * var(--max)));
    margin: 0 auto;
  }
}

.filter__item-title {
  font-size: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  font-weight: 700;
  background: #fbfaf6;
  padding: 0.32em 2.2em;
  position: relative;
}
.filter__item-title::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  background: var(--search-icon) no-repeat center center/cover;
}
.filter__item-title--area::before {
  background: url(../img/search-icon01.png) no-repeat center center/cover;
  aspect-ratio: 46/58;
  width: 0.9em;
}
.filter__item-title--theme::before {
  background: url(../img/search-icon02.png) no-repeat center center/cover;
  aspect-ratio: 60/38;
  width: 1.1em;
}
.filter__item-title--mood::before {
  background: url(../img/search-icon03.png) no-repeat center center/cover;
  aspect-ratio: 58/52;
  width: 1.2em;
}
.filter__item-title--time::before {
  background: url(../img/search-icon04.png) no-repeat center center/cover;
  aspect-ratio: 66/66;
  width: 1.2em;
}
.filter__item-title--duration::before {
  background: url(../img/search-icon05.png) no-repeat center center/cover;
  aspect-ratio: 58/54;
  width: 1.2em;
}
@media (max-width: 767px) {
  .filter__item-title {
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
    padding: 0.23em 2.2em;
  }
  .filter__item-title::before {
    transform: translate(-50%, -50%);
    left: 1.2em;
  }
  .filter__item-title--area::before {
    background: url(../img/search-icon01.png) no-repeat center center/cover;
    aspect-ratio: 46/58;
    width: 0.7em;
  }
  .filter__item-title--theme::before {
    background: url(../img/search-icon02.png) no-repeat center center/cover;
    aspect-ratio: 60/38;
    width: 1.1em;
  }
  .filter__item-title--mood::before {
    background: url(../img/search-icon03.png) no-repeat center center/cover;
    aspect-ratio: 58/52;
    width: 1em;
    left: 1.6em;
  }
  .filter__item-title--time::before {
    background: url(../img/search-icon04.png) no-repeat center center/cover;
    aspect-ratio: 66/66;
    width: 1em;
    left: 1.6em;
  }
  .filter__item-title--duration::before {
    background: url(../img/search-icon05.png) no-repeat center center/cover;
    aspect-ratio: 58/54;
    width: 1em;
    left: 1.6em;
  }
  .filter__item-title--theme + .filter__options {
    gap: min(calc(10 * var(--scale)), calc(10px * var(--max))) min(calc(0 * var(--scale)), calc(0px * var(--max)));
    width: calc(100% + 0.5em);
  }
  .filter__item-title--theme + .filter__options .filter__radio {
    cursor: pointer;
    font-size: min(calc(17 * var(--scale)), calc(17px * var(--max)));
    font-weight: 700;
    padding: 0.3em 1.2em 0.3em 2.9em;
    background: #e9e4da;
    border-radius: 2.9em;
    position: relative;
    box-shadow: none;
    width: calc(50% - min(calc(10 * var(--scale)), calc(10px * var(--max))) / 2);
    width: calc(50% - min(calc(0 * var(--scale)), calc(0px * var(--max))) / 2);
    font-size: min(calc(14.5 * var(--scale)), calc(14.5px * var(--max)));
    background: #fff;
    padding: 0 0 0 1.3em;
    text-align: left;
    border: 0;
  }
  .filter__item-title--theme + .filter__options .filter__radio > span {
    position: absolute;
    top: 50%;
    left: 0.3em;
    width: 1.7em;
    aspect-ratio: 1/1;
    border-radius: 50%;
    background: #fff;
    transform: translateY(-50%);
  }
  .filter__item-title--theme + .filter__options .filter__radio > span::before {
    content: "";
    position: absolute;
    background: url(../img/common/icon_check.svg) no-repeat center center/100%;
    aspect-ratio: 8/6;
    transform: translate(-50%, -50%);
    width: 100%;
    left: 50%;
    top: 50%;
  }
  .filter__item-title--theme + .filter__options .filter__radio:has(input:checked) {
    background: transparent;
  }
  .filter__item-title--theme + .filter__options .filter__radio:has(input:checked) > span {
    background: #DBA326;
  }
  .filter__item-title--theme + .filter__options .filter__radio > span {
    width: 0.7em;
    aspect-ratio: 1/1;
    border: 1px solid #dba326;
    border-radius: unset;
  }
}

.filter__options {
  display: flex;
  flex-wrap: wrap;
  gap: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  margin-top: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  padding: 0 2.7%;
  text-align: center;
}
.filter__options input[type=radio],
.filter__options input[type=checkbox] {
  opacity: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  margin: 0;
  width: 0;
  height: 0;
}
@media (max-width: 767px) {
  .filter__options {
    margin-top: 4%;
    gap: min(calc(8 * var(--scale)), calc(8px * var(--max)));
    padding: 0 0 min(calc(0 * var(--scale)), calc(0px * var(--max)));
  }
}

.filter__time {
  position: relative;
}
.filter__time:has(input:checked) .filter__time__btn {
  background: #F6CD5D;
  border-color: #F6CD5D;
}
.filter__time:has(input:checked) .filter__time__btn::before {
  background: #fff;
}
.filter__time:nth-child(1) .filter__time__btn::before {
  width: 50%;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/experiences/time-icon01.png) center/100% no-repeat;
          mask: url(../img/experiences/time-icon01.png) center/100% no-repeat;
}
.filter__time:nth-child(2) .filter__time__btn::before {
  width: 50%;
  aspect-ratio: 1/1;
  -webkit-mask: url(../img/experiences/time-icon02.png) center/100% no-repeat;
          mask: url(../img/experiences/time-icon02.png) center/100% no-repeat;
}
.filter__time:nth-child(3) .filter__time__btn::before {
  width: 50%;
  aspect-ratio: 84/54;
  -webkit-mask: url(../img/experiences/time-icon03.png) center/100% no-repeat;
          mask: url(../img/experiences/time-icon03.png) center/100% no-repeat;
}
.filter__time:nth-child(4) .filter__time__btn::before {
  width: 40%;
  aspect-ratio: 50/52;
  -webkit-mask: url(../img/experiences/time-icon04.png) center/100% no-repeat;
          mask: url(../img/experiences/time-icon04.png) center/100% no-repeat;
}
.filter__time input {
  position: absolute;
  top: 0;
}

.filter__time__btn {
  cursor: pointer;
  position: relative;
  width: min(calc(67 * var(--scale)), calc(67px * var(--max)));
  aspect-ratio: 1/1;
  border-radius: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  border: 1px solid #dba326;
  display: flex;
  align-items: center;
  justify-content: center;
}
.filter__time__btn::before {
  content: "";
  position: absolute;
  background: #dba326;
  transform: translate(-50%, -50%);
  left: 50%;
  top: 50%;
}

.filter__radio {
  cursor: pointer;
  font-size: min(calc(17 * var(--scale)), calc(17px * var(--max)));
  font-weight: 700;
  color: #3d3d3d;
  border: 1px solid #f6cd5d;
  border-radius: 1.2em;
  padding: 0.3em 1.4em;
  box-shadow: 2px 4px 4px rgba(217, 217, 217, 0.2);
}
.filter__radio:has(input[type=radio]:checked) {
  background: #f6cd5d;
  color: #000;
}
@media (max-width: 767px) {
  .filter__radio {
    font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  }
}

.filter__checkbox {
  cursor: pointer;
  font-size: min(calc(17 * var(--scale)), calc(17px * var(--max)));
  font-weight: 700;
  padding: 0.3em 1.2em 0.3em 2.9em;
  background: #e9e4da;
  border-radius: 2.9em;
  position: relative;
}
.filter__checkbox::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.3em;
  width: 1.7em;
  aspect-ratio: 1/1;
  border-radius: 50%;
  background: #fff;
  transform: translateY(-50%);
}
.filter__checkbox:has(input:checked) {
  padding: 0.3em 2.9em 0.3em 1.2em;
  background: #f6cd5d;
}
.filter__checkbox:has(input:checked)::after {
  left: unset;
  right: 0.3em;
}
@media (max-width: 767px) {
  .filter__checkbox {
    width: calc(50% - min(calc(12 * var(--scale)), calc(12px * var(--max))) / 2);
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
    background: #fff;
    padding: 0 0 0 1.3em;
    text-align: left;
  }
  .filter__checkbox::after {
    width: 0.7em;
    aspect-ratio: 1/1;
    border: 1px solid #dba326;
    border-radius: unset;
  }
}

.filter__mood {
  cursor: pointer;
  display: flex;
  align-items: center;
  font-size: min(calc(17 * var(--scale)), calc(17px * var(--max)));
  font-weight: 700;
  border: 1px solid #f6cd5d;
  border-radius: 1.2em;
  padding: 0.3em 1.6em;
  box-shadow: 2px 4px 4px rgba(217, 217, 217, 0.2);
}
.filter__mood:has(input[type=radio]:checked) {
  background: #f6cd5d;
  color: #000;
}
.filter__mood img {
  width: auto;
  height: 1em;
  margin-right: 0.5em;
}
@media (max-width: 767px) {
  .filter__mood {
    font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  }
}

.filter__duration {
  width: min(calc(154 * var(--scale)), calc(154px * var(--max)));
  position: relative;
}
.filter__duration::after {
  content: "";
  position: absolute;
  top: 50%;
  right: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  transform: translateY(-50%);
  width: min(calc(15 * var(--scale)), calc(15px * var(--max)));
  pointer-events: none;
  background: url(../img/arrow02.png) no-repeat center center/100%;
  aspect-ratio: 14/12;
}
.filter__duration select {
  border: 1px solid #dba326;
  width: 100%;
  border-radius: min(calc(5 * var(--scale)), calc(5px * var(--max)));
  font-size: min(calc(17 * var(--scale)), calc(17px * var(--max)));
  font-weight: 700;
  padding: 0.3em 3.2em 0.3em 1.2em;
  color: #3d3d3d;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2lh;
  padding: 0 1em;
  font-family: "Zen Maru Gothic", sans-serif;
}
.filter__duration select option {
  font: inherit;
  font-family: "Zen Maru Gothic", sans-serif;
  font-weight: 700;
}

.filter__button {
  text-align: center;
  margin-top: 4%;
}
.filter__button button {
  display: inline-block;
  background: #fff;
  border: 2px solid #00685f;
  border-radius: min(calc(50 * var(--scale)), calc(50px * var(--max)));
  font-size: min(calc(28 * var(--scale)), calc(28px * var(--max)));
  font-weight: 700;
  color: #00685f;
  text-align: center;
  padding: 0.5em 2.6em;
}
@media (max-width: 767px) {
  .filter__button {
    margin: 13% auto 0;
    width: 91%;
  }
  .filter__button button {
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    width: 100%;
    border: 2px solid #00685f;
    padding: 0.5em 0;
  }
}

.results {
  width: calc(1030 / 1120 * 100%);
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  gap: 0 min(calc(13 * var(--scale)), calc(13px * var(--max)));
}
@media (max-width: 767px) {
  .results {
    width: 93%;
    flex-direction: column;
    align-items: flex-start;
    gap: min(calc(0 * var(--scale)), calc(0px * var(--max))) 0;
  }
}

.results__count {
  text-align: center;
  width: min(calc(320 * var(--scale)), calc(320px * var(--max)));
  max-width: 100%;
  aspect-ratio: 1/1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: url(../img/search-label-bg.png) no-repeat center center/cover;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-weight: 700;
  color: #fff;
  margin-left: -1.3%;
  position: relative;
}
.results__count::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/dec01.png) no-repeat center center/100%;
  aspect-ratio: 396/242;
  transform: translate(-50%, -50%);
  width: 62%;
  left: 4%;
  top: 17%;
}
.results__count strong {
  position: relative;
  font-size: min(calc(43 * var(--scale)), calc(43px * var(--max)));
}
.results__count strong span {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, -80%);
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
@media (max-width: 767px) {
  .results__count {
    width: 57%;
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    margin-left: 0;
    padding-top: 1em;
  }
  .results__count::before {
    width: 76%;
    left: 33%;
    top: 13%;
  }
  .results__count strong {
    font-size: min(calc(32 * var(--scale)), calc(32px * var(--max)));
  }
  .results__count strong span {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}

@media (max-width: 767px) {
  .results__count-all strong {
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}

.results__conditions {
  width: calc(707 / 1030 * 100%);
  letter-spacing: -0.05em;
}
@media (min-width: 768px) {
  .results__conditions {
    margin-top: 4.2%;
  }
}
@media (max-width: 767px) {
  .results__conditions {
    width: 100%;
  }
}

@media (max-width: 767px) {
  .results__conditions-all {
    margin-bottom: 8%;
  }
}

.results__condition {
  display: flex;
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 700;
  width: 62%;
}
.results__condition dt,
.results__condition dd {
  padding: 0.8em 0;
  border-bottom: 1px dashed #00685f;
}
.results__condition dt {
  width: min(calc(80 * var(--scale)), calc(80px * var(--max)));
  color: #00685f;
}
.results__condition dd {
  width: calc(100% - min(calc(80 * var(--scale)), calc(80px * var(--max))));
}
@media (max-width: 767px) {
  .results__condition:nth-child(1) {
    width: 100%;
  }
  .results__condition:nth-child(1) dt,
.results__condition:nth-child(1) dd {
    padding-top: 0;
  }
  .results__condition:nth-child(2) {
    width: 85%;
  }
  .results__condition:nth-child(3) {
    width: 73%;
  }
  .results__condition dt,
.results__condition dd {
    padding: 0.8em 0;
    border-bottom: 1px dashed #00685f;
  }
  .results__condition dt {
    width: min(calc(80 * var(--scale)), calc(80px * var(--max)));
    color: #00685f;
    padding-left: 0.5em;
  }
  .results__condition dd {
    width: calc(100% - min(calc(80 * var(--scale)), calc(80px * var(--max))));
    padding-right: 0.5em;
  }
}

.results__conditions__notice {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  color: #000;
  letter-spacing: -0.05em;
  line-height: 2;
}

.sort {
  font-family: "TsukuARdGothicStd-B";
  margin-right: min(calc(50 * var(--scale)), calc(50px * var(--max)));
  margin-top: min(calc(62 * var(--scale)), calc(62px * var(--max)));
  display: flex;
  align-items: center;
  justify-content: flex-end;
  background: #fff;
  padding: min(calc(14 * var(--scale)), calc(14px * var(--max))) min(calc(24 * var(--scale)), calc(24px * var(--max)));
  gap: 0 min(calc(20 * var(--scale)), calc(20px * var(--max)));
  border-radius: min(calc(50 * var(--scale)), calc(50px * var(--max)));
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  position: relative;
  margin-top: 0;
}
.sort::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/dec02.png) no-repeat center top/100%;
  aspect-ratio: 239/274;
  transform: translate(-50%, -100%);
  width: 39%;
  left: 57%;
  top: 0%;
}
@media (max-width: 767px) {
  .sort {
    width: 100%;
    gap: min(calc(32 * var(--scale)), calc(32px * var(--max)));
    margin: 17% 0 0;
  }
  .sort::before {
    width: 27%;
    left: 80%;
    top: 0%;
  }
}

.sort__button {
  background: #fff;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-weight: 700;
  color: #aca4a4;
  font-family: "TsukuARdGothicStd-B";
}
.sort__button:nth-child(n+2) {
  position: relative;
}
.sort__button:nth-child(n+2) span {
  display: block;
  position: absolute;
  top: 50%;
  left: -0.6em;
  transform: translate(0%, -50%) rotate(25deg) scale(1);
  font-size: min(calc(26 * var(--scale)), calc(26px * var(--max)));
  font-weight: 700;
  color: #000;
}
.sort__button.current {
  color: #00685f;
}
@media (max-width: 767px) {
  .sort__button:nth-child(n+2) {
    position: relative;
  }
  .sort__button:nth-child(n+2) span {
    display: block;
    position: absolute;
    top: 50%;
    left: -0.9em;
    transform: translate(0%, -50%) rotate(25deg) scale(1);
    font-size: min(calc(26 * var(--scale)), calc(26px * var(--max)));
    font-weight: 700;
    color: #000;
  }
  .sort__button.current {
    color: #00685f;
  }
}

/*------------------------------
archive
------------------------------*/
.experiences-archive__content {
  padding-top: min(calc(45 * var(--scale)), calc(45px * var(--max)));
  padding-bottom: min(calc(125 * var(--scale)), calc(125px * var(--max)));
  position: relative;
}
@media (max-width: 767px) {
  .experiences-archive__content {
    padding-top: 22%;
    padding-bottom: 10%;
  }
}

.experiences-archive__body {
  width: calc(1030 / 1120 * 100%);
  margin: 0 auto;
}
@media (max-width: 767px) {
  .experiences-archive__body {
    width: 97%;
  }
}

.experiences-archive_noresult {
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-weight: 700;
  font-family: "TsukuARdGothicStd-B";
  text-align: center;
  margin: 2em auto;
}
@media (max-width: 767px) {
  .experiences-archive_noresult {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}

.experiences-archive__list {
  margin-top: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  display: flex;
  flex-wrap: wrap;
  gap: min(calc(25 * var(--scale)), calc(25px * var(--max)));
}
@media (max-width: 767px) {
  .experiences-archive__list {
    flex-direction: column;
    gap: min(calc(28 * var(--scale)), calc(28px * var(--max))) 0;
  }
}

@media (max-width: 767px) {
  .js .experiences-archive__list .experience-card:nth-child(n+7) {
    display: none;
  }
}
.experiences-archive__item {
  width: calc(33.3% - min(calc(25 * var(--scale)), calc(25px * var(--max))) * 2 / 3);
}
@media (max-width: 767px) {
  .experiences-archive__item {
    width: 100%;
  }
}

.experiences-archive__button {
  margin-top: 3%;
  text-align: center;
}
.experiences-archive__button button {
  border: 1px solid #00685f;
  border-radius: 2.2em;
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  font-weight: 700;
  padding: 0.8em 2.9em;
  background: #fff;
  color: #00685f;
}
@media (max-width: 767px) {
  .experiences-archive__button {
    margin-top: 9%;
  }
  .experiences-archive__button button {
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    padding: 0.5em 2.9em;
    border-width: min(calc(2 * var(--scale)), calc(2px * var(--max)));
  }
}

/*------------------------------
beginner
------------------------------*/
.beginner {
  margin-top: 6.5%;
  display: flex;
  justify-content: space-between;
  width: 95.5%;
}
@media (max-width: 767px) {
  .beginner {
    flex-direction: column;
    gap: min(calc(10 * var(--scale)), calc(10px * var(--max))) 0;
    margin-top: 10.5%;
    width: 100%;
  }
}

.beginner__title {
  width: 29%;
  margin-top: -3%;
  margin-left: -2%;
}
@media (max-width: 767px) {
  .beginner__title {
    margin: 0 auto;
    width: 86%;
  }
}

.beginner__body {
  width: 70%;
  font-family: "Kanata-kanji";
}
@media (max-width: 767px) {
  .beginner__body {
    width: 100%;
  }
}

.beginner__faq {
  display: flex;
  flex-direction: column;
  gap: min(calc(16 * var(--scale)), calc(16px * var(--max)));
}
@media (max-width: 767px) {
  .beginner__faq {
    gap: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  }
}

.beginner__faq-question {
  background: #fff;
  box-shadow: 2px 4px 12px rgba(217, 217, 217, 0.3);
  border-radius: 1.1em;
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 400;
  padding: 1em 5em;
  position: relative;
}
.beginner__faq-question::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.7em;
  transform: translateY(-50%);
  background: url(../img/img-Q.png) no-repeat center center/contain;
  width: 1.5em;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .beginner__faq-question {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    padding: 0.6em 3.1em;
    padding-right: 2em;
    letter-spacing: -0.05em;
    line-height: 1.1;
  }
  .beginner__faq-question::before {
    left: 0.7em;
  }
}

.beginner__faq-icon {
  width: 1em;
  position: absolute;
  right: 1.5em;
  top: 50%;
  transform: translateY(-50%);
}
.beginner__faq-icon.is-open .beginner__faq-bar2 {
  transform: translate(-50%, -50%) rotate(90deg);
}
@media (max-width: 767px) {
  .beginner__faq-icon {
    right: 0.7em;
  }
}

.beginner__faq-bars {
  position: relative;
}

.beginner__faq-bar1,
.beginner__faq-bar2 {
  width: 1.1em;
  aspect-ratio: 18/2;
  background: #209068;
  border-radius: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.beginner__faq-bar2 {
  transform: translate(-50%, -50%) rotate(90deg);
  transition: all 0.3s;
}

.beginner__faq-answer {
  background: #fff;
  box-shadow: 2px 4px 12px rgba(217, 217, 217, 0.3);
  border-radius: 1.1em;
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 400;
  padding: 1.1em 1.7em 1.1em 5em;
  position: relative;
  margin: min(calc(20 * var(--scale)), calc(20px * var(--max))) 0;
}
.beginner__faq-answer span {
  position: relative;
}
.beginner__faq-answer span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.6em;
  left: -3.3em;
  transform: translateY(-50%);
  background: url(../img/img-A.png) no-repeat center center/contain;
  width: 1.5em;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .beginner__faq-answer {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    padding: 1em 1.5em 1em 3.3em;
  }
  .beginner__faq-answer::before {
    left: 1em;
  }
  .beginner__faq-answer span::before {
    top: 1em;
    left: -2.6em;
    transform: translateY(-50%);
    background: url(../img/img-A.png) no-repeat center center/contain;
    width: 1.5em;
  }
}

/*------------------------------
faq
------------------------------*/
.faq {
  /* base archive single */
  padding: min(calc(85 * var(--scale)), calc(85px * var(--max))) 0;
  position: relative;
  z-index: 10;
  background: #fff;
}
.faq::before, .faq::after {
  content: "";
  position: absolute;
  transform: translate(0%, -50%);
  width: min(calc(346 * var(--scale)), calc(346px * var(--max)));
  left: 0%;
  top: 0%;
  pointer-events: none;
  background: url(../img/blur/01.png) no-repeat center center/100%;
  aspect-ratio: 1/1;
}
.faq::before {
  left: 0;
  width: min(calc(1260 * var(--scale)), calc(1260px * var(--max)));
  transform: translate(-48%, -30%);
}
.faq::after {
  left: unset;
  right: 0;
  width: min(calc(1260 * var(--scale)), calc(1260px * var(--max)));
  transform: translate(62%, 15%);
}
@media (max-width: 767px) {
  .faq {
    padding: 25% 0 0;
  }
  .faq::before, .faq::after {
    background: url(../img/experiences/faq_bg_sp.png) no-repeat center center/100%;
    aspect-ratio: 750/1593;
    width: min(calc(250 * var(--scale)), calc(250px * var(--max)));
  }
  .faq::before {
    transform: translate(0%, -50%);
  }
}

.faq__title-ja {
  display: block;
  font-size: min(calc(52 * var(--scale)), calc(52px * var(--max)));
  font-weight: 700;
  color: #dba326;
  text-align: center;
}
@media (max-width: 767px) {
  .faq__title-ja {
    font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}

.faq__title-en {
  display: block;
  font-size: min(calc(30 * var(--scale)), calc(30px * var(--max)));
  font-weight: 700;
  color: #f6cd5d;
  text-align: center;
}
@media (max-width: 767px) {
  .faq__title-en {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    margin-top: 0.7em;
  }
}

.faq__content {
  width: min(calc(696 * var(--scale)), calc(696px * var(--max)));
  max-width: 100%;
  margin: 0 auto;
  margin-top: min(calc(33 * var(--scale)), calc(33px * var(--max)));
}
@media (max-width: 767px) {
  .faq__content {
    width: 100%;
    z-index: 10;
    position: relative;
  }
}

.faq__list {
  font-family: "Kanata-kanji";
  display: flex;
  flex-direction: column;
  gap: min(calc(16 * var(--scale)), calc(16px * var(--max))) 0;
}
@media (max-width: 767px) {
  .faq__list {
    width: min(calc(345 * var(--scale)), calc(345px * var(--max)));
    margin: 0 auto;
  }
}

.faq__item {
  display: flex;
  flex-direction: column;
  gap: min(calc(16 * var(--scale)), calc(16px * var(--max))) 0;
}

.faq__question,
.faq__answer {
  filter: drop-shadow(2px 4px 12px rgba(217, 217, 217, 0.3)); /* figma */
  filter: drop-shadow(6px 10px 12px rgba(217, 217, 217, 0.6)); /* 調整 */
}
.faq__question strong,
.faq__answer strong {
  font-weight: bold;
}

.faq__question {
  cursor: pointer;
  background: #fbfaf6;
  border-radius: 1.1em;
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 400;
  padding: 1.1em 4.5em;
  position: relative;
}
.faq__question::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.6em;
  transform: translateY(-50%);
  background: url(../img/img-Q.png) no-repeat center center/contain;
  width: 1.5em;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .faq__question {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    padding: 1em 3.3em;
  }
  .faq__question::before {
    left: 1.3em;
  }
}

.faq__answer-wrap {
  margin-bottom: min(calc(20 * var(--scale)), calc(20px * var(--max)));
}

.faq__answer {
  background: #fbfaf6;
  border-radius: 1.1em;
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 400;
  padding: 1.4em 3em 1em 4.5em;
  position: relative;
}
.faq__answer span {
  position: relative;
}
.faq__answer span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -3em;
  transform: translateY(-50%);
  background: url(../img/img-A.png) no-repeat center center/contain;
  width: 1.5em;
  aspect-ratio: 1/1;
}
@media (max-width: 767px) {
  .faq__answer {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    padding: 1em 1.5em 1em 3.3em;
  }
  .faq__answer::before {
    left: 1em;
  }
  .faq__answer span::before {
    top: 0.8em;
    left: -2em;
    transform: translateY(-50%);
    width: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}

.faq__button {
  margin-top: 5%;
  text-align: center;
}
.faq__button button,
.faq__button a {
  border: 2px solid #00685f;
  border-radius: 2.2em;
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  font-weight: 700;
  padding: 0.8em 1.8em;
  background: #fff;
  color: #00685f;
}
@media (max-width: 767px) {
  .faq__button {
    margin-top: 4%;
  }
  .faq__button button,
.faq__button a {
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    padding: 0.5em 0.8em;
    background: #fff;
  }
}

.selection-wrap {
  position: relative;
  z-index: 10;
  background: #fff;
}

/*------------------------------
詳細
------------------------------*/
.experiences-detail {
  padding-top: min(calc(180 * var(--scale)), calc(180px * var(--max)));
  position: relative;
  overflow: hidden;
}
.experiences-detail .voices {
  margin-top: 5%;
}
@media (max-width: 767px) {
  .experiences-detail {
    padding-top: min(calc(60 * var(--scale)), calc(60px * var(--max)));
  }
  .experiences-detail .voices {
    margin-top: 17%;
  }
}

.experiences-detail__content {
  padding: min(calc(40 * var(--scale)), calc(40px * var(--max))) 0 min(calc(105 * var(--scale)), calc(105px * var(--max)));
}
@media (max-width: 767px) {
  .experiences-detail__content {
    padding: 10% 0 min(calc(40 * var(--scale)), calc(40px * var(--max)));
  }
}

.experiences-detail__body {
  border: 1px solid #3d3d3d;
  border-radius: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  background: #fff;
  padding: min(calc(90 * var(--scale)), calc(90px * var(--max)));
  padding-top: 0;
  box-shadow: 2px 4px 20px rgba(217, 217, 217, 0.3);
  position: relative;
  width: 92%;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .experiences-detail__body {
    width: 100%;
    padding: 0 4.5% 16%;
  }
}

/* intro
------------------------------*/
.intro {
  margin-top: -1.4%;
}
@media (max-width: 767px) {
  .intro {
    margin-top: -3.6%;
  }
}

.intro__top {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .intro__top {
    padding-left: 3.5%;
  }
}

.intro__area {
  display: inline-block;
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  font-weight: 700;
  color: #fff;
  background: #ecae25;
  padding: 0.77em 5.2em;
  margin-left: -2.7em;
  position: relative;
}
.intro__area::after {
  content: "";
  position: absolute;
  top: 0;
  left: 1px;
  transform: translateX(-100%);
  background: #ecae25;
  -webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
          clip-path: polygon(100% 0, 0% 100%, 100% 100%);
  width: 0.3em;
  height: 0.5em;
}
@media (min-width: 768px) {
  .intro__area {
    max-width: 85%;
  }
}
@media (max-width: 767px) {
  .intro__area {
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    margin-left: 0;
    padding: 0.87em 0.4em;
    width: 74%;
    text-align: center;
  }
}

.intro__number {
  font-family: "TsukuARdGothicStd-R";
  color: #717171;
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  max-width: 10em;
}
@media (max-width: 767px) {
  .intro__number {
    max-width: unset;
    width: 26%;
    text-align: right;
    padding-right: 0.7em;
  }
}

.intro__title {
  font-size: min(calc(34 * var(--scale)), calc(34px * var(--max)));
  font-weight: 700;
  text-align: center;
  margin-top: 1.1em;
}
@media (max-width: 767px) {
  .intro__title {
    font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    letter-spacing: -0.05em;
    color: #00685f;
    text-align: left;
    padding: 0 0.6em;
    line-height: 1.5;
  }
}

@media (min-width: 768px) {
  .gallery {
    aspect-ratio: 1000/330;
    margin-top: 4%;
    position: relative;
  }
}
@media (max-width: 767px) {
  .gallery {
    overflow: hidden;
    margin: 2% auto 0;
    width: 95%;
  }
}

.gallery__image {
  background: #fff;
}
.gallery__image:not(:has(img)) {
  display: none;
}
.gallery__image img {
  aspect-ratio: 327/212;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (min-width: 768px) {
  .gallery__image {
    padding: min(calc(10 * var(--scale)), calc(10px * var(--max)));
    box-shadow: 2px 4px 10px rgba(113, 113, 113, 0.2);
    position: absolute;
    width: 41%;
  }
  .gallery__image:nth-child(1) {
    top: 51%;
    left: 6%;
    transform: translate(-50%, -50%) rotate(-6.5deg);
  }
  .gallery__image:nth-child(2) {
    top: 40%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .gallery__image:nth-child(3) {
    top: 51%;
    left: 94%;
    transform: translate(-50%, -50%) rotate(6.5deg);
  }
}
@media (max-width: 767px) {
  .gallery__image {
    width: 100%;
    box-shadow: 2px 4px 10px rgba(113, 113, 113, 0.2);
    padding: min(calc(9 * var(--scale)), calc(9px * var(--max)));
  }
}

.swiper-pagination-gallery[class][class] {
  /* sp */
  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: 6%;
}
.swiper-pagination-gallery[class][class].swiper-pagination-lock {
  display: none;
}
.swiper-pagination-gallery[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-gallery[class][class] .swiper-pagination-bullet[class][class].swiper-pagination-bullet-active {
  background: #036960;
}

.summary {
  margin-top: 6%;
}
@media (max-width: 767px) {
  .summary {
    display: flex;
    flex-direction: column-reverse;
    margin-top: 5%;
  }
}

.summary__content {
  background: #f8f8f8;
  padding: 4.5% min(calc(60 * var(--scale)), calc(60px * var(--max))) 2%;
  display: flex;
  border-radius: min(calc(5 * var(--scale)), calc(5px * var(--max)));
  position: relative;
  font-family: "TsukuARdGothicStd-R";
}
@media (max-width: 767px) {
  .summary__content {
    padding: 26% 7.5% 8%;
    margin: 11% auto 0;
    width: 96%;
  }
}

.summary__title {
  position: absolute;
  top: 0;
  left: -5%;
  transform: translateY(-40%);
  width: min(calc(220 * var(--scale)), calc(220px * var(--max)));
}
@media (max-width: 767px) {
  .summary__title {
    left: -12%;
    transform: translateY(-15%);
  }
}

.summary__body {
  width: 100%;
  display: flex;
  padding: 3% 0;
  position: relative;
}
@media (min-width: 768px) {
  .summary__body::before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    width: 0.6px;
    height: 100%;
    left: 40%;
    top: 50%;
    background: #aaaaaa;
  }
}
@media (max-width: 767px) {
  .summary__body {
    flex-direction: column;
    gap: min(calc(50 * var(--scale)), calc(50px * var(--max))) 0;
  }
}

.summary__info {
  width: 40%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(calc(16 * var(--scale)), calc(16px * var(--max))) 0;
}
@media (max-width: 767px) {
  .summary__info {
    width: 100%;
    position: relative;
  }
  .summary__info::before {
    content: "";
    position: absolute;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 1px;
    left: 50%;
    bottom: calc(min(calc(25 * var(--scale)), calc(25px * var(--max))) * -1);
    background: #aaaaaa;
  }
}

.summary__guide {
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-weight: 400;
  position: relative;
  padding-left: min(calc(48 * var(--scale)), calc(48px * var(--max)));
  padding-right: 1em;
  line-height: 1.6;
  text-decoration: underline;
}
.summary__guide::before {
  content: "";
  position: absolute;
  top: 0.3em;
  left: 0.5em;
  background: url(../img/experiences-icon_flag.png) no-repeat center center/contain;
  width: 1.25em;
  aspect-ratio: 48/55;
}
@media (max-width: 767px) {
  .summary__guide {
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  }
  .summary__guide a:nth-child(n+2) {
    margin-top: 0.6em;
  }
}

.summary__price {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 400;
  position: relative;
  padding-left: min(calc(48 * var(--scale)), calc(48px * var(--max)));
  padding-right: 1em;
}
.summary__price::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0.5em;
  transform: translateY(-50%);
  background: url(../img/experiences-icon_price.png) no-repeat center center/contain;
  width: 1.5em;
  aspect-ratio: 48/55;
}
@media (max-width: 767px) {
  .summary__price {
    padding-right: 0;
  }
}

.summary__details {
  width: 60%;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(calc(12 * var(--scale)), calc(12px * var(--max)));
  padding-left: 6%;
}
@media (max-width: 767px) {
  .summary__details {
    width: 100%;
    padding-left: 4.2%;
    gap: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  }
}

.summary__detail {
  font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  font-weight: 400;
  line-height: 1.2857142857;
  padding-left: 2.1em;
  position: relative;
}
.summary__detail::before {
  content: "";
  position: absolute;
  left: 0;
  width: 1.1em;
  aspect-ratio: 16/12;
  top: 0.8em;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .summary__detail::before {
    width: 1.2em;
    top: 0.7em;
    transform: translateY(-50%);
  }
}

.summary__detail--theme::before {
  background: url(../img/experiences-icon_mountain.png) no-repeat center center/contain;
}

.summary__detail--mood::before {
  background: url(../img/experiences-icon_heart.png) no-repeat center center/contain;
}

.summary__detail--duration::before {
  background: url(../img/experiences-icon_watch.png) no-repeat center center/contain;
}

.summary__message {
  line-height: 1.5;
  margin-top: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  font-weight: 400;
  font-family: "TsukuARdGothicStd-R";
}
@media (max-width: 767px) {
  .summary__message {
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
    letter-spacing: -0.03em;
    margin-top: 0;
    padding: 0 1em;
  }
}

.summary__recommend {
  margin-top: 2%;
  display: flex;
  align-items: flex-start;
  gap: 0 min(calc(22 * var(--scale)), calc(22px * var(--max)));
}
@media (max-width: 767px) {
  .summary__recommend {
    align-items: flex-start;
    flex-direction: column;
    padding: 0 5%;
    margin-top: 5%;
    gap: min(calc(12 * var(--scale)), calc(12px * var(--max))) 0;
  }
}

.summary__recommend-heading {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  width: min(calc(206 * var(--scale)), calc(206px * var(--max)));
  background: url(../img/experiences/dec03.svg) no-repeat center center/100%;
  aspect-ratio: 206/32;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  color: #eca300;
  padding-left: 3%;
  flex-shrink: 0;
}
@media (max-width: 767px) {
  .summary__recommend-heading {
    width: 68%;
    font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
    padding-left: 7%;
  }
}

.summary__recommend-tag {
  font-family: "TsukuARdGothicStd-R";
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 400;
  padding-top: 0.3em;
  padding-right: 1em;
}
@media (max-width: 767px) {
  .summary__recommend-tag {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  }
}

/*------------------------------
guide
------------------------------*/
.guide {
  margin-top: 9.5%;
}
@media (max-width: 767px) {
  .guide {
    margin-top: 21.5%;
  }
}

.experiences-detail__heaidng {
  width: 16.8em;
  font-size: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  font-weight: 700;
  padding: 0.3em 2.7em;
  padding-right: 1em;
  color: #3a92be;
  background: #fff;
  border: 1px solid #3a92be;
  border-radius: 0 1em 1em 0;
  box-shadow: 0 3px 0 #3a92be;
  position: relative;
  margin-left: -4.4em;
}
.experiences-detail__heaidng::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  background: #3a92be;
  width: 1em;
  height: 100%;
}
@media (max-width: 767px) {
  .experiences-detail__heaidng {
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
    margin-left: -1.4em;
    width: 16.5em;
  }
}

.guide__content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: min(calc(57 * var(--scale)), calc(57px * var(--max)));
}
@media (max-width: 767px) {
  .guide__content {
    flex-direction: column;
    margin-top: 14%;
    gap: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}

.guide__image {
  width: 27.3%;
  margin-left: 0.9%;
  position: relative;
}
.guide__image::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/text_guide.svg) no-repeat center center/100%;
  aspect-ratio: 86/89;
  transform: translate(-50%, -50%);
  width: 94%;
  left: 21%;
  top: 21%;
}
.guide__image img {
  border-radius: 50%;
  aspect-ratio: 1/1;
  border: min(calc(3 * var(--scale)), calc(3px * var(--max))) solid #ecae25;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .guide__image {
    width: 50%;
    margin-left: 0;
    position: relative;
  }
  .guide__image::before {
    left: 23%;
    top: 24%;
  }
}

.guide__body {
  padding-left: 0;
  width: 67%;
}
@media (max-width: 767px) {
  .guide__body {
    width: 100%;
  }
}

.guide__name {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 700;
  line-height: 1.6;
}
.guide__name span {
  display: block;
}
.guide__name strong {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: min(calc(28 * var(--scale)), calc(28px * var(--max)));
  display: inline;
  background: linear-gradient(transparent 60%, #ffe08a 60%);
  -webkit-box-decoration-break: clone;
  box-decoration-break: clone;
}
@media (max-width: 767px) {
  .guide__name {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
    text-align: center;
  }
  .guide__name strong {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    letter-spacing: -0.05em;
  }
}

.guide__company {
  margin-top: min(calc(8 * var(--scale)), calc(8px * var(--max)));
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-weight: 700;
  display: inline-block;
  text-decoration: underline;
}
@media (max-width: 767px) {
  .guide__company {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
  }
}

.guide__message {
  font-family: "TsukuARdGothicStd-R";
  margin-top: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  font-weight: 400;
  line-height: 1.3636363636;
  padding: 1em 1.7em;
  background: #fbfaf6;
  border: 1px solid #3d3d3d;
  border-radius: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  transform: translateX(-2%);
  position: relative;
}
.guide__message::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/dec04.svg) no-repeat center left/cover;
  aspect-ratio: 20/23;
  transform: translate(-100%, -50%);
  width: 1em;
  left: 1px;
  top: 50%;
}
@media (max-width: 767px) {
  .guide__message {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
    transform: translateX(0%);
    margin-top: 7%;
    padding: 4% 6%;
    line-height: 1.3;
    border-radius: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  }
  .guide__message::before {
    transform: translate(-50%, -90%) rotate(90deg);
    width: 1em;
    left: 50%;
    top: 0%;
    aspect-ratio: 20/23;
  }
}

.guide__strory {
  border-top: 1px dashed #00685f;
  border-bottom: 1px dashed #00685f;
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 400;
  padding: 1.25em 0 1.5em;
  position: relative;
  padding-left: 8.75em;
  margin-top: 3.2em;
  font-family: "TsukuARdGothicStd-R";
}
.guide__strory::before {
  content: "";
  position: absolute;
  top: -2em;
  left: 0;
  background: url(../img/experiences/img-story.png) no-repeat center center/contain;
  width: 9.9em;
  aspect-ratio: 320/348;
}
@media (min-width: 768px) {
  .guide__strory {
    width: 98%;
    min-height: 4lh;
  }
}
@media (max-width: 767px) {
  .guide__strory {
    margin-top: 10.5%;
    padding: 1em 1em 1.3em;
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
    line-height: 1.5;
    letter-spacing: 0.03em;
    text-align: justify;
    text-justify: inter-character;
  }
  .guide__strory::before {
    top: -2em;
    left: -2em;
    width: 5.4em;
  }
}

.guide__button {
  text-align: center;
  margin-top: 3.7%;
}
.guide__button a {
  padding: 0.8em 3em;
}
@media (max-width: 767px) {
  .guide__button {
    margin-top: 6.7%;
  }
  .guide__button a {
    padding: 0.6em 1.8em;
  }
}

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

.appeal__points {
  display: flex;
  flex-direction: column;
  gap: min(calc(30 * var(--scale)), calc(30px * var(--max))) 0;
  width: 94%;
  margin: 4.5% auto 0;
  counter-reset: number 0;
}
@media (max-width: 767px) {
  .appeal__points {
    margin-top: 31.5%;
    gap: min(calc(102 * var(--scale)), calc(102px * var(--max)));
  }
}

.appeal__point {
  background: #faf1dc;
  position: relative;
  margin-left: min(calc(38 * var(--scale)), calc(38px * var(--max)));
  padding: min(calc(25 * var(--scale)), calc(25px * var(--max))) min(calc(84 * var(--scale)), calc(84px * var(--max))) min(calc(32 * var(--scale)), calc(32px * var(--max)));
  padding-left: 6%;
  box-shadow: 2px 4px 5px rgba(217, 217, 217, 0.2);
}
.appeal__point::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  transform: translateX(-100%);
  background: #faf1dc;
  -webkit-clip-path: polygon(0 calc(50% - min(calc(30 * var(--scale)), calc(30px * var(--max)))), 100% 0, 100% 100%, 0 calc(50% + min(calc(30 * var(--scale)), calc(30px * var(--max)))));
          clip-path: polygon(0 calc(50% - min(calc(30 * var(--scale)), calc(30px * var(--max)))), 100% 0, 100% 100%, 0 calc(50% + min(calc(30 * var(--scale)), calc(30px * var(--max)))));
  width: min(calc(38 * var(--scale)), calc(38px * var(--max)));
  height: 100%;
}
.appeal__point::after {
  content: "";
  position: absolute;
  background: url(../img/experiences/dec05.png) no-repeat center center/100%;
  aspect-ratio: 136/30;
  transform: translate(-90%, -50%);
  width: 9%;
  left: 0%;
  top: 50%;
}
@media (max-width: 767px) {
  .appeal__point {
    margin: 0;
    padding: 19% 11% 17%;
  }
  .appeal__point::before {
    left: 50%;
    top: 0;
    transform: translate(-50%, -99%);
    width: 100%;
    height: auto;
    aspect-ratio: 293/74;
    -webkit-clip-path: polygon(23% 0%, 0% 100%, 100% 100%, 77% 0%);
            clip-path: polygon(23% 0%, 0% 100%, 100% 100%, 77% 0%);
  }
  .appeal__point::after {
    transform: translate(-50%, 0) rotate(90deg);
    width: 18%;
    left: 49%;
    top: calc(min(calc(64 * var(--scale)), calc(64px * var(--max))) * -1);
  }
}

.appeal__point__body {
  position: relative;
}
.appeal__point__body::before {
  counter-increment: number 1; /* number カウンタの増加数をセット */
  content: counter(number) " "; /* 表示形式を指定 */
  position: absolute;
  transform: translate(-50%, -50%);
  left: 104.5%;
  top: 50%;
  color: #f7e4bb;
  font-size: min(calc(83 * var(--scale)), calc(83px * var(--max)));
  font-family: "Caveat", cursive;
}
@media (max-width: 767px) {
  .appeal__point__body::before {
    transform: translate(-50%, -50%);
    left: 47%;
    top: calc(min(calc(50 * var(--scale)), calc(50px * var(--max))) * -1);
    font-size: min(calc(75 * var(--scale)), calc(75px * var(--max)));
  }
}

.appeal__headline {
  font-size: min(calc(25 * var(--scale)), calc(25px * var(--max)));
  font-weight: 700;
  color: #dba326;
  padding-bottom: min(calc(8 * var(--scale)), calc(8px * var(--max)));
  position: relative;
}
.appeal__headline::before {
  content: "";
  position: absolute;
  background: #d9d9d9;
  width: 106%;
  height: min(calc(1 * var(--scale)), calc(1px * var(--max)));
  left: 0%;
  bottom: 0%;
}
@media (max-width: 767px) {
  .appeal__headline {
    font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
    padding-bottom: 0.9em;
  }
  .appeal__headline::before {
    width: 100%;
  }
}

.appeal__description {
  margin-top: min(calc(10 * var(--scale)), calc(10px * var(--max)));
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-weight: 400;
  font-family: "TsukuARdGothicStd-R";
}
@media (max-width: 767px) {
  .appeal__description {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    margin-top: 1em;
  }
}

/*------------------------------
schedule
------------------------------*/
.schedule {
  margin-top: min(calc(117 * var(--scale)), calc(117px * var(--max)));
}
@media (max-width: 767px) {
  .schedule {
    margin-top: 31%;
  }
}

.schedule__content {
  background: url(../img/dec_bg01.png) repeat top left/auto;
  padding: min(calc(56 * var(--scale)), calc(56px * var(--max))) min(calc(114 * var(--scale)), calc(114px * var(--max)));
  padding-right: 9%;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  position: relative;
  margin: min(calc(33 * var(--scale)), calc(33px * var(--max))) auto 0;
  width: 94%;
  font-family: "TsukuARdGothicStd-R";
  line-height: 1.5;
}
.schedule__content::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/dec06.png) no-repeat center center/100%, #fff;
  aspect-ratio: 94/92;
  transform: translate(0%, 0%);
  width: 6%;
  left: 0%;
  top: 0%;
}
.schedule__content::after {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  transform: translate(27%, 20%);
  background: url(../img/experiences/schedule-img.png) no-repeat center center/contain;
  width: min(calc(146 * var(--scale)), calc(146px * var(--max)));
  aspect-ratio: 294/328;
}
.schedule__content strong {
  font-family: "TsukuARdGothicStd-B";
}
.schedule__content .underline {
  text-decoration: underline;
}
.schedule__content > p:nth-child(n+2) {
  margin-top: 1.4em;
}
@media (max-width: 767px) {
  .schedule__content {
    margin-top: 9%;
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    padding: 18% 6% 12%;
  }
  .schedule__content::before {
    width: 15%;
  }
  .schedule__content::after {
    display: none;
  }
}

.schedule__button {
  margin-top: min(calc(33 * var(--scale)), calc(33px * var(--max)));
  text-align: center;
}
.schedule__button a {
  padding: 0.8em 3em;
}
@media (max-width: 767px) {
  .schedule__button {
    margin-top: 6.7%;
  }
  .schedule__button a {
    padding: 0.6em 1.8em;
  }
}

/*------------------------------
guideline
------------------------------*/
.guideline {
  margin-top: min(calc(90 * var(--scale)), calc(90px * var(--max)));
}
@media (max-width: 767px) {
  .guideline {
    margin-top: 38.2%;
  }
}

.guideline__list {
  width: min(calc(796 * var(--scale)), calc(796px * var(--max)));
  margin: 0 auto;
  margin-top: min(calc(42 * var(--scale)), calc(42px * var(--max)));
  display: flex;
  flex-direction: column;
  gap: min(calc(24 * var(--scale)), calc(24px * var(--max))) 0;
}
@media (max-width: 767px) {
  .guideline__list {
    margin-top: 8%;
    width: 100%;
    gap: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  }
}

.guideline__item {
  border: 1px solid #dba326;
  border-radius: min(calc(3 * var(--scale)), calc(3px * var(--max)));
  overflow: hidden;
}
@media (max-width: 767px) {
  .guideline__item .faq__icon {
    right: 0.8em;
  }
}

.guideline__headline {
  border-left: min(calc(17 * var(--scale)), calc(17px * var(--max))) solid #dba326;
  font-size: min(calc(22 * var(--scale)), calc(22px * var(--max)));
  font-weight: 700;
  line-height: normal;
  padding: min(calc(18 * var(--scale)), calc(18px * var(--max))) 4.5%;
  position: relative;
}
.guideline__headline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #fbe7b2;
  width: 32em;
  height: 1px;
}
@media (max-width: 767px) {
  .guideline__headline {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    border-width: min(calc(9 * var(--scale)), calc(9px * var(--max)));
    padding: 0.85em 0.7em;
  }
}

.guideline__body {
  font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
  font-weight: 400;
  line-height: 1.6875;
  padding: min(calc(32 * var(--scale)), calc(32px * var(--max))) min(calc(55 * var(--scale)), calc(55px * var(--max)));
  border-left: min(calc(17 * var(--scale)), calc(17px * var(--max))) solid #fbe7b2;
  font-family: "TsukuARdGothicStd-R";
}
@media (max-width: 767px) {
  .guideline__body {
    font-size: min(calc(15 * var(--scale)), calc(15px * var(--max)));
    letter-spacing: -0.03em;
    border-width: min(calc(9 * var(--scale)), calc(9px * var(--max)));
    padding: min(calc(13 * var(--scale)), calc(13px * var(--max))) 0.8em;
  }
}

.guideline__guide {
  margin: min(calc(70 * var(--scale)), calc(70px * var(--max))) auto 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0 min(calc(30 * var(--scale)), calc(30px * var(--max)));
  width: 92%;
}
@media (max-width: 767px) {
  .guideline__guide {
    flex-direction: column;
    margin-top: 8%;
    width: 100%;
  }
}

.guideline__guide-image {
  width: 29%;
  border: 2px solid #dba326;
  border-radius: 50%;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.guideline__guide-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 767px) {
  .guideline__guide-image {
    width: 50%;
  }
}

.guideline__guide-body {
  width: 67%;
}
@media (max-width: 767px) {
  .guideline__guide-body {
    width: 100%;
    margin-top: 6%;
  }
}

.guideline__guide-name {
  font-size: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  font-weight: 700;
  padding-left: 2%;
}
@media (max-width: 767px) {
  .guideline__guide-name {
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    padding-left: 0;
    letter-spacing: -0.05em;
  }
}

.guideline__guide-company {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  font-weight: 700;
  padding-left: 2%;
}
@media (max-width: 767px) {
  .guideline__guide-company {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
    padding-left: 0;
    margin-top: 0.5em;
  }
}

.guideline__guide-message {
  font-family: "TsukuARdGothicStd-R";
  margin-top: 0.7em;
  font-size: min(calc(20 * var(--scale)), calc(20px * var(--max)));
  font-weight: 400;
  padding: 1.6em 2.2em;
  border-radius: 1em;
  background: #fae591;
  border: 1px solid #3d3d3d;
  box-shadow: 2px 4px rgba(217, 217, 217, 0.3);
  position: relative;
}
.guideline__guide-message::before {
  content: "";
  position: absolute;
  background: url(../img/experiences/dec04-02.svg) no-repeat center left/cover;
  aspect-ratio: 20/33;
  transform: translate(-100%, -50%);
  width: 1em;
  left: 0%;
  top: 50%;
}
@media (max-width: 767px) {
  .guideline__guide-message {
    font-size: min(calc(14 * var(--scale)), calc(14px * var(--max)));
    margin-top: 1.3em;
    padding: 3% 6%;
    line-height: 1.2;
  }
  .guideline__guide-message::before {
    transform: translate(-50%, -81%) rotate(90deg);
    transform: translate(-50%, -74%) rotate(90deg);
    aspect-ratio: 18/33;
    width: min(calc(10.5 * var(--scale)), calc(10.5px * var(--max)));
    left: 50%;
    top: 0%;
  }
}

.guideline__guide__button {
  margin-top: min(calc(33 * var(--scale)), calc(33px * var(--max)));
  text-align: center;
}
.guideline__guide__button a {
  padding: 0.8em 4.2em;
}
@media (max-width: 767px) {
  .guideline__guide__button a {
    padding: 0.5em 3.2em;
  }
}

.guideline__more {
  font-size: min(calc(18 * var(--scale)), calc(18px * var(--max)));
  margin: 1.2em auto 0;
}

.faq.faq--single {
  padding: 0;
  margin-top: 9%;
}
.faq.faq--single::before, .faq.faq--single::after {
  display: none;
}
@media (max-width: 767px) {
  .faq.faq--single {
    padding: 0;
    margin-top: 19%;
  }
}
.faq.faq--single .faq__list {
  font-family: "TsukuARdGothicStd-R";
  margin: 5% auto 0;
  width: 82%;
}
@media (max-width: 767px) {
  .faq.faq--single .faq__list {
    margin-top: 10%;
    width: 100%;
    gap: 0;
  }
}
.faq.faq--single .faq__answer-wrap {
  margin-bottom: min(calc(24 * var(--scale)), calc(24px * var(--max)));
}
.faq.faq--single .faq__answer {
  padding: 2.4em 3em 2em 4.5em;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .faq.faq--single .faq__answer {
    padding: 6% 17%;
    padding-right: 5%;
    font-size: 18px;
  }
  .faq.faq--single .faq__answer span::before {
    top: 0.8em;
    left: -2em;
    transform: translateY(-50%);
    width: min(calc(24 * var(--scale)), calc(24px * var(--max)));
  }
}
@media (max-width: 767px) {
  .faq.faq--single .faq__question {
    border-radius: min(calc(20 * var(--scale)), calc(20px * var(--max)));
    letter-spacing: -0.05em;
    padding: 1.2em 3.3em;
    padding-right: 2.1em;
  }
}
@media (max-width: 767px) {
  .faq.faq--single .faq__icon {
    right: 1em;
  }
}

.experiences-archive .selection {
  background: #fff;
  padding: min(calc(230 * var(--scale)), calc(230px * var(--max))) 0;
}
@media (max-width: 767px) {
  .experiences-archive .selection {
    padding-bottom: min(calc(40 * var(--scale)), calc(40px * var(--max)));
  }
}

/*------------------------------
selection -exp single
------------------------------*/
.experiences-detail .selection {
  overflow: clip;
  background: #fff;
  padding: min(calc(250 * var(--scale)), calc(250px * var(--max))) 0 min(calc(120 * var(--scale)), calc(120px * var(--max)));
  position: relative;
}
@media (max-width: 767px) {
  .experiences-detail .selection {
    padding: 47% 0 min(calc(100 * var(--scale)), calc(100px * var(--max)));
  }
}
.experiences-detail .selection::before, .experiences-detail .selection::after {
  content: "";
  position: absolute;
  aspect-ratio: 1/1;
  background: url(../img/blur/01.png) no-repeat center center/100%;
  pointer-events: none;
  width: min(calc(1038 * var(--scale)), calc(1038px * var(--max)));
}
@media (max-width: 767px) {
  .experiences-detail .selection::before, .experiences-detail .selection::after {
    width: min(calc(447 * var(--scale)), calc(447px * var(--max)));
  }
}
.experiences-detail .selection::before {
  left: 0;
  top: 0;
  transform: translate(-40%, -20%);
}
@media (max-width: 767px) {
  .experiences-detail .selection::before {
    transform: translate(-40%, -40%);
  }
}
.experiences-detail .selection::after {
  right: 0;
  bottom: 0;
  transform: translate(40%, 30%);
}
.experiences-detail .selection > .inner {
  position: relative;
  z-index: 10;
}
@media (max-width: 767px) {
  .experiences-detail .selection .selection__content {
    gap: min(calc(270 * var(--scale)), calc(270px * var(--max)));
  }
}
@media (max-width: 767px) {
  .experiences-detail .selection .selection__group:nth-child(2) .pickup__button a::after {
    right: 2em;
  }
}
.experiences-detail .selection .selection__card-area {
  padding: 0.2em 2em;
}
.experiences-detail .selection .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;
  margin-left: auto;
  margin-top: 4.1%;
}
@media (max-width: 767px) {
  .experiences-detail .selection .pickup__button a {
    border-radius: min(calc(50 * var(--scale)), calc(50px * var(--max)));
    justify-content: center;
    position: relative;
    padding: 0.6em 1.3em;
    font-size: min(calc(16 * var(--scale)), calc(16px * var(--max)));
    margin: 2.3em auto 0;
    margin-left: 50%;
    transform: translateX(-50%);
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    min-width: 17em;
    background: #ECAE25;
    color: #fff;
  }
  .experiences-detail .selection .pickup__button a::before {
    display: none;
  }
  .experiences-detail .selection .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;
  }
}
/*# sourceMappingURL=experiences.css.map */