@charset "UTF-8";
/* リキッドな余白 */
/**************************************/
/* -------------------------------------------
 * intro
 * -------------------------------------------*/
.first-intro {
  padding: clamp(30 * var(--px), 103 / 1680 * 100vw, 103 * var(--px)) 0 clamp(50 * var(--px), 126 / 1680 * 100vw, 126 * var(--px));
  background: var(--ivory);
}

.first-intro__title {
  line-height: 1.625;
  text-align: center;
}

.first-intro__text {
  max-width: 850px;
  margin: clamp(26 * var(--px), 30 / 1680 * 100vw, 30 * var(--px)) auto 0;
}

.first-intro__reserve-buttons {
  margin-top: clamp(30 * var(--px), 50 / 1680 * 100vw, 50 * var(--px));
}
.first-intro__reserve-buttons .reserve-buttons {
  max-width: 520px;
}

.first-intro__required-items {
  margin-top: clamp(40 * var(--px), 68 / 1680 * 100vw, 68 * var(--px));
  padding-block: clamp(44 * var(--px), 60 / 1680 * 100vw, 60 * var(--px)) clamp(36 * var(--px), 50 / 1680 * 100vw, 50 * var(--px));
  padding-inline: 9.6%;
  background: #efeadc;
  border-radius: 20px;
}
@media (max-width: 1100px) {
  .first-intro__required-items {
    padding-inline: 5%;
  }
}

.first-intro__required-title {
  font-size: clamp(20 * var(--px), 28 / 1680 * 100vw, 28 * var(--px));
  font-weight: 500;
  line-height: 1.2;
  letter-spacing: -0.06em;
  text-align: center;
  color: var(--purple);
  font-family: var(--notoserif);
}

.first-intro__required-list {
  display: grid;
  margin-top: clamp(28 * var(--px), 40 / 1680 * 100vw, 40 * var(--px));
  grid-template-columns: repeat(4, minmax(0, 1fr));
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-inline: auto;
  gap: calc(30 * var(--px)) 4.7%;
  max-width: calc(970 * var(--px));
}
@media (max-width: 834px) {
  .first-intro__required-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: calc(30 * var(--px)) 6%;
  }
}
.first-intro__required-list > li {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.first-intro__required-list > li:nth-child(1) .first-intro__required-item-icon img {
  width: 55%;
}
.first-intro__required-list > li:nth-child(2) .first-intro__required-item-icon img {
  width: 36.5%;
}
.first-intro__required-list > li:nth-child(3) .first-intro__required-item-icon img {
  width: 34.5%;
}
.first-intro__required-list > li:nth-child(4) .first-intro__required-item-icon img {
  width: 45%;
}

.first-intro__required-item {
  text-align: center;
}

.first-intro__required-item-text {
  font-size: clamp(16 * var(--px), 21 / 1680 * 100vw, 21 * var(--px));
  line-height: 1.2;
  text-align: center;
  margin-top: 1em;
}
.first-intro__required-item-text span {
  display: block;
  margin-top: clamp(4 * var(--px), 6 / 1680 * 100vw, 6 * var(--px));
  font-size: var(--f14);
}

.first-intro__required-item-icon {
  background: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 100vmax;
  width: 100%;
  height: auto;
  aspect-ratio: 1;
}

/* -------------------------------------------
 * flow
 * -------------------------------------------*/
.first-flow {
  padding: clamp(50 * var(--px), 162 / 1680 * 100vw, 162 * var(--px)) 0 clamp(70 * var(--px), 174 / 1680 * 100vw, 174 * var(--px));
}

.first-flow__title {
  line-height: 1.4;
}

.first-flow__list {
  margin-top: clamp(40 * var(--px), 44 / 1680 * 100vw, 44 * var(--px));
  counter-reset: first-flow-step;
}

.first-flow__item {
  position: relative;
  counter-increment: first-flow-step;
}
.first-flow__item:not(:last-child)::after {
  background: #d6d7d8;
  background-size: contain;
  content: "";
  display: inline-block;
  position: absolute;
  width: 1px;
  height: calc(100% + clamp(30 * var(--px), 3.75vw, 63 * var(--px)));
  top: 0;
  left: calc(clamp(58 * var(--px), 5.0595238095vw, 85 * var(--px)) / 2);
  z-index: -1;
  pointer-events: none;
}
.first-flow__item + .first-flow__item {
  margin-top: clamp(40 * var(--px), 63 / 1680 * 100vw, 63 * var(--px));
}

.first-flow__item-content {
  display: grid;
  grid-template-columns: 610fr 480fr;
  gap: calc(24 * var(--px)) 10%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 834px) {
  .first-flow__item-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.first-flow__item-inner {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 2.8%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.first-flow__item-number {
  display: grid;
  place-items: center;
  width: clamp(58 * var(--px), 85 / 1680 * 100vw, 85 * var(--px));
  height: clamp(58 * var(--px), 85 / 1680 * 100vw, 85 * var(--px));
  background: center/contain no-repeat url("../img/first/flow_number-bg.webp");
  margin-top: -0.6em;
}
.first-flow__item-number::before {
  content: counter(first-flow-step, decimal-leading-zero);
  font-family: var(--inter);
  font-size: clamp(19 * var(--px), 24 / 1680 * 100vw, 24 * var(--px));
  font-weight: 500;
  line-height: 1;
  color: #fff;
}

.first-flow__item-title {
  font-size: var(--f28);
  font-weight: 500;
  font-family: var(--notoserif);
}

.first-flow__item-text {
  margin-top: clamp(12 * var(--px), 20 / 1680 * 100vw, 20 * var(--px));
  line-height: 1.76;
}

.first-flow__button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  min-height: 60px;
  margin-top: clamp(16 * var(--px), 38 / 1680 * 100vw, 38 * var(--px));
  padding: 1em 2em;
  border-radius: 100vmax;
  font-size: var(--f18);
  line-height: 1.2;
  color: #fff;
  background: #6a5c4f;
  gap: 0.5em;
}
.first-flow__button::after {
  font-family: "Material Symbols Outlined";
  content: "picture_as_pdf";
  font-weight: 300;
  color: #fff;
  font-size: var(--f19);
  font-variation-settings: "FILL" 1;
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
}
@media (max-width: 834px) {
  .first-flow__button {
    width: 100%;
    max-width: calc(265 * var(--px));
    line-height: 1.4;
  }
}

.first-flow__item-image {
  margin-left: auto;
}

.first-flow__item-price-area {
  border-radius: 15px;
  border: solid 1px #e5e5e5;
  padding: clamp(20 * var(--px), 30 / 1680 * 100vw, 30 * var(--px)) 6%;
  margin-top: clamp(30 * var(--px), 46 / 1680 * 100vw, 46 * var(--px));
}

.first-flow__item-price {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 0 0.8em;
}
@media (max-width: 834px) {
  .first-flow__item-price {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

@media (max-width: 834px) {
  .first-flow__item-price-label {
    text-align: center;
    line-height: 1.4;
    font-size: calc(17 * var(--px));
  }
}
.first-flow__item-price-label .small {
  font-size: var(--f14);
}

.first-flow__item-price-line {
  -webkit-box-flex: 1;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 2px;
  background-image: radial-gradient(circle, #e5e5e5 1px, transparent 1px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 4px 2px;
}
@media (max-width: 834px) {
  .first-flow__item-price-line {
    display: none;
  }
}

.first-flow__item-price-value {
  font-size: calc(20 * var(--px));
  color: var(--purple);
}
.first-flow__item-price-value .number {
  font-family: var(--inter);
}
.first-flow__item-price-value .small {
  font-size: calc(17 * var(--px));
  line-height: 1.4;
}

.first-flow__item-price-note {
  text-align: right;
  font-size: var(--f12);
  color: #999;
  margin-top: 0.5em;
}
@media (max-width: 834px) {
  .first-flow__item-price-note {
    text-align: center;
    line-height: 1.4;
  }
}
@media (max-width: 499px) {
  .first-flow__item-price-note {
    text-align: left;
  }
}

.first-flow__second-counseling {
  margin-top: clamp(40 * var(--px), 31 / 1680 * 100vw, 31 * var(--px));
  border-radius: 20px;
  background-color: #edf4f8;
  padding: clamp(30 * var(--px), 71 / 1680 * 100vw, 71 * var(--px)) 13.3%;
}
@media (max-width: 834px) {
  .first-flow__second-counseling {
    padding-inline: 5%;
    line-height: 1.8;
  }
}

.first-flow__second-counseling-title {
  font-size: var(--f21);
  font-weight: 500;
  font-family: var(--notoserif);
  text-align: center;
  text-decoration: underline;
  text-decoration-color: var(--base-text);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.5em;
  margin-bottom: 1.8em;
}
@media (max-width: 834px) {
  .first-flow__second-counseling-title {
    margin-bottom: 1em;
  }
}

.first-flow__second-counseling-note {
  margin-top: 0.5em;
  text-indent: -1em;
  padding-left: 1em;
}

/* -------------------------------------------
 * facility
 * -------------------------------------------*/
.first-facility {
  padding: clamp(70 * var(--px), 120 / 1680 * 100vw, 120 * var(--px)) 0 clamp(90 * var(--px), 150 / 1680 * 100vw, 150 * var(--px));
  background: var(--ivory);
}

.first-facility__head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: calc(30 * var(--px)) 10%;
  margin-top: clamp(12 * var(--px), 20 / 1680 * 100vw, 20 * var(--px));
}
@media (max-width: 834px) {
  .first-facility__head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.first-facility__title {
  line-height: 1.625;
}

.first-facility__lead {
  line-height: 1.88;
}

.first-facility__tags {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: calc(10 * var(--px));
  margin-top: clamp(14 * var(--px), 24 / 1680 * 100vw, 24 * var(--px));
}
@media (max-width: 834px) {
  .first-facility__tags {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.first-facility__tags li {
  padding: 0.5em 1em;
  border-radius: 10px;
  background: var(--blue-green);
  color: #fff;
  font-weight: 400;
  font-size: var(--f14);
  line-height: 1.2;
}

.first-facility__map-area {
  display: grid;
  grid-template-columns: 1fr calc(530 * var(--px));
  gap: calc(40 * var(--px)) 6%;
  margin-top: clamp(50 * var(--px), 70 / 1680 * 100vw, 70 * var(--px));
}
@media (max-width: 1240px) {
  .first-facility__map-area {
    grid-template-columns: 1fr;
  }
}

.first-facility__map-images {
  display: grid;
  gap: clamp(30 * var(--px), 34 / 1680 * 100vw, 34 * var(--px));
}

.first-facility__map-floor-img {
  width: 100%;
}

.first-facility__map-floor-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: calc(62 * var(--px));
  height: calc(30 * var(--px));
  background: var(--brown);
  color: #fff;
  font-family: var(--inter);
  font-size: var(--f18);
  margin-bottom: 0.5em;
}

.first-facility__map-floor-with-floor-list {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: calc(24 * var(--px)) 4%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media (max-width: 834px) {
  .first-facility__map-floor-with-floor-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.first-facility__map-floor-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.6em;
}
.first-facility__map-floor-list li {
  font-size: var(--f12);
  line-height: 1.2;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.6em;
}
.first-facility__map-floor-list li::before {
  content: "";
  display: inline-block;
  width: calc(11 * var(--px));
  aspect-ratio: 1;
  z-index: 1;
  pointer-events: none;
  border: 1px solid #b0b0b0;
}
.first-facility__map-floor-list li:nth-child(1)::before {
  background: #dcf4f7;
}
.first-facility__map-floor-list li:nth-child(2)::before {
  background: #e3d3ed;
}
.first-facility__map-floor-list li:nth-child(3)::before {
  background: #ffedde;
}
.first-facility__map-floor-list li:nth-child(4)::before {
  background: #fcdeef;
}

.first-facility__spot {
  width: 100%;
}

.first-facility__spot-label {
  background: var(--purple);
  color: #fff;
  font-size: var(--f18);
  line-height: 1.2;
  width: clamp(26 * var(--px), 30 / 1680 * 100vw, 30 * var(--px));
  height: clamp(26 * var(--px), 30 / 1680 * 100vw, 30 * var(--px));
  display: inline-grid;
  place-items: center;
  border-radius: 100vmax;
  font-weight: 400;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}

.first-facility__spot-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.5em;
  margin-top: 0.8em;
  font-size: var(--f24);
  font-weight: 500;
}
@media (max-width: 1240px) {
  .first-facility__spot-title {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.first-facility__spot-text {
  margin-top: 0.5em;
  line-height: 1.88;
}

.first-facility__google-map {
  margin-top: clamp(40 * var(--px), 118 / 1680 * 100vw, 118 * var(--px));
}

.first-facility__google-map iframe {
  display: block;
  width: 100%;
  aspect-ratio: 1200/677;
  height: auto;
}
@media (max-width: 834px) {
  .first-facility__google-map iframe {
    aspect-ratio: 4/3;
  }
}

/* -------------------------------------------
 * 施設詳細
 * -------------------------------------------*/
.first-facility-detail {
  margin-top: clamp(50 * var(--px), 131 / 1680 * 100vw, 131 * var(--px));
}

.first-facility-detail__body {
  background: #fff;
  border-radius: 30px;
  padding-block: clamp(30 * var(--px), 127 / 1680 * 100vw, 127 * var(--px)) clamp(30 * var(--px), 113 / 1680 * 100vw, 113 * var(--px));
  padding-inline: 7.3%;
}

.first-facility-detail__title {
  background: -webkit-gradient(linear, left top, right top, from(#f6cec1), color-stop(52%, #e7a7cb), to(#ded3ed));
  background: linear-gradient(90deg, #f6cec1 0%, #e7a7cb 52%, #ded3ed 100%);
}

.first-facility-detail__lead {
  margin-top: 2.5em;
  line-height: 1.88;
}
@media (max-width: 834px) {
  .first-facility-detail__lead {
    margin-top: 1.5em;
  }
}

.first-facility-detail__text {
  margin-top: clamp(16 * var(--px), 24 / 1680 * 100vw, 24 * var(--px));
  line-height: 1.88;
}

.first-facility-detail__sub-title {
  margin-top: clamp(18 * var(--px), 26 / 1680 * 100vw, 26 * var(--px));
  font-size: var(--f24);
  color: var(--purple);
}

.first-facility-detail__grid {
  margin-top: clamp(40 * var(--px), 66 / 1680 * 100vw, 66 * var(--px));
}

.first-facility-detail__grid--1 {
  display: grid;
  grid-template-columns: 240fr 584fr;
  gap: 0 5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 834px) {
  .first-facility-detail__grid--1 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.first-facility-detail__grid--2 {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(30 * var(--px), 66 / 1680 * 100vw, 66 * var(--px)) 6.8%;
}
@media (max-width: 834px) {
  .first-facility-detail__grid--2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.first-facility-detail__item-title {
  color: var(--purple);
  font-size: var(--f24);
  margin-block: 0.8em 0.4em;
  font-weight: 500;
}
@media (max-width: 834px) {
  .first-facility-detail__item-title {
    line-height: 1.4;
    text-align: center;
  }
}
.first-facility-detail__item-title .small {
  font-size: var(--f14);
}

.first-facility-detail__item-text {
  font-size: var(--f15);
}

.first-facility-detail__icons {
  margin-top: clamp(16 * var(--px), 20 / 1680 * 100vw, 20 * var(--px));
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
}
.first-facility-detail__icons img {
  display: block;
  width: min(100%, 130px);
  margin-inline: auto;
  height: auto;
}

@media (max-width: 834px) {
  .first-facility-detail__grid--4,
  .first-facility-detail__icons {
    grid-template-columns: repeat(2, 1fr);
  }
  .first-facility-detail__grid--3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 499px) {
  .first-facility-detail__grid--4,
  .first-facility-detail__grid--3,
  .first-facility-detail__icons {
    grid-template-columns: 1fr;
  }
}
.first-facility-clean__item {
  padding-top: clamp(30 * var(--px), 51 / 1680 * 100vw, 51 * var(--px));
  margin-top: clamp(40 * var(--px), 77 / 1680 * 100vw, 77 * var(--px));
  background-image: radial-gradient(circle, #cccccc 1px, transparent 1px);
  background-position: left top;
  background-repeat: repeat-x;
  background-size: 6px 2px;
}
.first-facility-clean__item:nth-child(1) .first-facility-clean__label {
  background: var(--purple-light);
}
.first-facility-clean__item:nth-child(2) .first-facility-clean__label {
  background: var(--pink);
}
.first-facility-clean__item:nth-child(3) .first-facility-clean__label {
  background: var(--blue-green);
}

.first-facility-clean__head {
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 5.5%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media (max-width: 834px) {
  .first-facility-clean__head {
    grid-template-columns: auto 1fr;
    grid-template-areas: "label title" "lead lead";
  }
}

.first-facility-clean__label {
  color: #fff;
  font-size: clamp(13 * var(--px), 20 / 1680 * 100vw, 20 * var(--px));
  width: clamp(80 * var(--px), 150 / 1680 * 100vw, 150 * var(--px));
  height: clamp(80 * var(--px), 150 / 1680 * 100vw, 150 * var(--px));
  border-radius: 15px;
  line-height: 1.5;
  text-align: center;
  display: grid;
  place-items: center;
  font-weight: 500;
  font-family: var(--notoserif);
}
@media (max-width: 834px) {
  .first-facility-clean__label {
    grid-area: label;
  }
}

@media (max-width: 834px) {
  .first-facility-clean__head-content {
    display: contents;
  }
}

.first-facility-clean__title {
  font-size: var(--f28);
  font-weight: 500;
}
@media (max-width: 834px) {
  .first-facility-clean__title {
    grid-area: title;
    line-height: 1.4;
  }
}

.first-facility-clean__lead {
  margin-top: 0.4em;
}
@media (max-width: 834px) {
  .first-facility-clean__lead {
    grid-area: lead;
  }
}

.first-facility-clean__icons-area {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-right: 2em;
}
@media (max-width: 1240px) {
  .first-facility-clean__icons-area {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin-right: 0;
  }
}
@media (max-width: 834px) {
  .first-facility-clean__icons-area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.first-facility-clean__icons {
  max-width: calc(690 * var(--px));
  width: 100%;
  margin-top: clamp(30 * var(--px), 56 / 1680 * 100vw, 56 * var(--px));
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 3rem 2%;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 1240px) {
  .first-facility-clean__icons {
    width: 100%;
    max-width: calc(450 * var(--px));
    gap: calc(24 * var(--px)) 1.5%;
  }
}
@media (max-width: 834px) {
  .first-facility-clean__icons {
    width: 80%;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7%;
    max-width: calc(320 * var(--px));
  }
}
.first-facility-clean__icons > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1em;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 834px) {
  .first-facility-clean__icons > li {
    width: 100%;
    gap: 0.2em;
  }
}
.first-facility-clean__icons > li:nth-child(1) .first-facility-clean__icon-img img {
  width: 38.6%;
}
.first-facility-clean__icons > li:nth-child(2) .first-facility-clean__icon-img img {
  width: 43.3%;
}
.first-facility-clean__icons > li:nth-child(3) .first-facility-clean__icon-img img {
  width: 34%;
}
.first-facility-clean__icons > li:nth-child(4) .first-facility-clean__icon-img img {
  width: 39.3%;
}

.first-facility-clean__icon-img {
  width: clamp(60 * var(--px), 150 / 1680 * 100vw, 150 * var(--px));
  height: clamp(60 * var(--px), 150 / 1680 * 100vw, 150 * var(--px));
  border-radius: 100vmax;
  border: 1px solid rgba(55, 48, 48, 0.5019607843);
  display: grid;
  place-items: center;
}
@media (max-width: 834px) {
  .first-facility-clean__icon-img {
    width: 100%;
    aspect-ratio: 1/1;
    height: auto;
  }
}
.first-facility-clean__icon-img img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.first-facility-clean__icon-text {
  color: var(--purple);
  font-size: var(--f18);
  font-weight: 500;
  text-align: center;
  white-space: nowrap;
}

.first-facility-clean__icons-area-text {
  white-space: nowrap;
}/*# sourceMappingURL=first.css.map */