@charset "UTF-8";
/* ===============================
  ワンランク上の設備
=============================== */
.equipment__head {
  padding: min(125px, 6.5104166667vw) 0 min(100px, 5.2083333333vw);
}
@media (max-width: 767px) {
  .equipment__head {
    padding: 15% 0 6%;
  }
}

.equipment__head-wrapper {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .equipment__head-wrapper {
    display: block;
  }
}

.equipment__title {
  width: 23.1316725979%;
}
@media (max-width: 767px) {
  .equipment__title {
    width: 100%;
  }
}

.equipment__nav {
  width: 74.7330960854%;
  display: flex;
}
.equipment__nav li {
  width: 31.3952380952%;
  text-align: center;
}
.equipment__nav li:first-child {
  background: url(../img/EQUIPMENT/button1.jpg) no-repeat center center/cover;
}
.equipment__nav li:nth-child(2) {
  background: url(../img/EQUIPMENT/button1.jpg) no-repeat center center/cover;
}
.equipment__nav li:nth-child(3) {
  background: url(../img/EQUIPMENT/button1.jpg) no-repeat center center/cover;
}
.equipment__nav li:nth-child(n+2) {
  margin-left: 2.8571428571%;
}
.equipment__nav li a {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(1.25rem, 1.6014234875vw);
  line-height: 2;
  font-family: "Sawarabi Mincho", serif;
  padding: 1.95em 0;
  color: #fff;
  position: relative;
}
.equipment__nav li a::after {
  display: inline-block;
  content: "";
  position: relative;
  -webkit-mask-image: url(../img/img_arrow.svg);
          mask-image: url(../img/img_arrow.svg);
  -webkit-mask-size: 100%;
          mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-position: center;
          mask-position: center;
  background-color: #fff;
  transform: rotate(180deg);
  width: 0.75em;
  aspect-ratio: 14/8;
  margin-left: 0.35em;
}
@media (max-width: 767px) {
  .equipment__nav {
    width: 100%;
    margin-top: 3%;
  }
  .equipment__nav li {
    width: 31.8102420857%;
  }
  .equipment__nav li:nth-child(n+2) {
    margin-left: 2.2346368715%;
  }
  .equipment__nav li a {
    font-size: 4.1025641026vw;
    flex-direction: column;
    padding: 0.8em 0;
  }
  .equipment__nav li a::after {
    margin-left: 0;
  }
}

.equipment__section {
  color: #fff;
  padding: 80px 0;
  position: relative;
  -webkit-clip-path: inset(0);
          clip-path: inset(0);
}
.equipment__section::before {
  content: "";
  position: fixed;
  width: 100%;
  height: 100vh;
  height: 100svh;
  left: 0;
  top: 0;
  z-index: -1;
}
.equipment__section:first-child::before {
  background: url(../img/EQUIPMENT/F-CON_背景ph仮.jpg) no-repeat center center/cover;
}
.equipment__section:nth-child(2)::before {
  background: url(../img/EQUIPMENT/RILNO_背景ph仮.jpg) no-repeat center center/cover;
}
.equipment__section:nth-child(3)::before {
  background: url(../img/EQUIPMENT/ANOA_背景ph仮.jpg) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .equipment__section {
    padding: 10.2564102564vw 0;
  }
}

.equipment__header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}

.equipment__heading-main {
  display: block;
  font-size: min(2rem, 2.5622775801vw);
  font-weight: 400;
  line-height: 1.1875;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
  .equipment__heading-main {
    font-size: 6.1538461538vw;
  }
}

.equipment__heading-sub {
  display: block;
  font-size: min(1rem, 1.28113879vw);
  font-weight: 400;
  line-height: 3;
  font-family: "Sawarabi Mincho", serif;
}
@media (max-width: 767px) {
  .equipment__heading-sub {
    font-size: 3.5897435897vw;
    line-height: 2.4;
  }
}

.equipment__menu {
  width: 48.9323843416%;
  display: flex;
}
.equipment__menu li {
  width: 32.3303030303%;
  font-size: min(1rem, 1.28113879vw);
  font-weight: 400;
  line-height: 2.6;
  border: 1px solid #fff;
  color: #fff;
  text-align: center;
  font-family: "Sawarabi Mincho", serif;
}
.equipment__menu li:nth-child(n+2) {
  margin-left: 1.4545454545%;
}
.equipment__menu li.current {
  background: #fff;
  color: #4C484F;
}
@media (max-width: 767px) {
  .equipment__menu {
    display: none;
  }
}

.equipment__figure {
  margin-top: 1.6%;
}
@media (max-width: 767px) {
  .equipment__figure {
    margin-top: 4.8%;
    width: 108.9385474861%;
    margin-left: 50%;
    transform: translateX(-50%);
  }
}

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

.features__item {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
}
.features__item:nth-child(n+2) {
  margin-top: 7.1174377224%;
}
.features__item:nth-child(2n) {
  flex-direction: row-reverse;
}
@media (max-width: 767px) {
  .features__item {
    display: block;
  }
  .features__item:nth-child(n+2) {
    margin-top: 12%;
  }
  .features__item:nth-child(2n) .features__image {
    margin-left: auto;
    margin-right: -4.469273743%;
  }
  .features__item:nth-child(2n) .features__body {
    text-align: right;
  }
}

.features__image {
  width: 74.4661921708%;
}
@media (max-width: 767px) {
  .features__image {
    width: 100%;
    margin-left: -4.469273743%;
  }
}

.features__body {
  width: 23.3985765125%;
}
@media (max-width: 767px) {
  .features__body {
    width: 100%;
    margin-top: 6%;
  }
}

.features__heading {
  font-size: min(1.25rem, 1.6014234875vw);
  font-weight: 400;
  line-height: 2;
  font-family: "Sawarabi Mincho", serif;
}
@media (max-width: 767px) {
  .features__heading {
    font-size: 4.6153846154vw;
  }
}

.features__description {
  margin-top: 1.6em;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 2;
  margin-bottom: calc((1lh - 1em) / -2);
}
@media (max-width: 767px) {
  .features__description {
    margin-top: 1em;
    font-size: 3.8461538462vw;
  }
}

/* concept
------------------------------*/
.concept {
  margin-top: 7.3%;
  text-align: center;
}
@media (max-width: 767px) {
  .concept {
    margin-top: 19.5530726257%;
  }
}

.concept__heading {
  font-size: min(1.25rem, 1.6014234875vw);
  font-weight: 400;
  line-height: 2;
  font-family: "Sawarabi Mincho", serif;
}
@media (max-width: 767px) {
  .concept__heading {
    font-size: 4.6153846154vw;
    line-height: 1.6;
  }
}

.concept__message {
  margin-top: 1.4em;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 2;
}
.concept__message.type2 {
  font-size: min(1.25rem, 1.6014234875vw);
  font-family: "Sawarabi Mincho", serif;
}
@media (max-width: 767px) {
  .concept__message {
    font-size: 3.8461538462vw;
  }
  .concept__message.type2 {
    font-size: 3.8461538462vw;
  }
}

/* 施工事例
------------------------------*/
.works h2 {
  margin: 5em 0 2em;
}
@media (max-width: 767px) {
  .works h2 {
    margin: 2.5em 0 1.6em;
  }
}

/* バナー
------------------------------*/
.banner {
  width: 57.384341637%;
  margin: 0 auto;
  margin-top: 8.6%;
}
.banner a {
  display: block;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .banner {
    width: 100%;
    margin-top: 11.1731843575%;
  }
}

/* about
------------------------------*/
.about {
  margin-top: 1.6%;
}
@media (max-width: 767px) {
  .about {
    margin-top: 5.6%;
  }
}

.about__title {
  font-size: min(1.25rem, 1.6014234875vw);
  font-weight: 400;
  line-height: 2;
  font-family: "Sawarabi Mincho", serif;
  text-align: center;
}
@media (max-width: 767px) {
  .about__title {
    font-size: 4.6153846154vw;
  }
}

.about__lead {
  margin-top: 1.4em;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 2;
  text-align: center;
}
@media (max-width: 767px) {
  .about__lead {
    font-size: 3.8461538462vw;
    margin-top: 0.5em;
  }
}

.about__list {
  display: flex;
  align-items: flex-start;
  margin-top: 0.5%;
}
@media (max-width: 767px) {
  .about__list {
    gap: 10.2564102564vw 4.1025641026vw;
    flex-wrap: wrap;
    margin-top: 4%;
  }
}

.about__item {
  width: 23.3985765125%;
  aspect-ratio: 1/1;
}
@media (min-width: 768px) {
  .about__item:nth-child(n+2) {
    margin-left: 2.1352313167%;
  }
}
@media (max-width: 767px) {
  .about__item {
    width: calc((100% - 4.1025641026vw) / 2);
  }
}

.about__text {
  font-size: min(1rem, 1.28113879vw);
  font-weight: 400;
  line-height: 2.5;
  font-family: "Sawarabi Mincho", serif;
  width: 100%;
  white-space: nowrap;
  margin-top: 1.8em;
}
@media (max-width: 767px) {
  .about__text {
    font-size: 4.1025641026vw;
    margin-top: 2.8em;
  }
}

.about__figure {
  position: relative;
}

.about__number {
  position: absolute;
  top: 6.0836501901%;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(1.5rem, 1.9217081851vw);
  font-weight: 400;
  line-height: 1.2083333333;
}
@media (max-width: 767px) {
  .about__number {
    font-size: 5.1282051282vw;
    top: 11%;
  }
}

.about__heading {
  position: absolute;
  bottom: 7.5%;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(1rem, 1.28113879vw);
  font-weight: 400;
  line-height: 1.5;
  font-family: "Sawarabi Mincho", serif;
  text-align: center;
}
@media (max-width: 767px) {
  .about__heading {
    font-size: 4.1025641026vw;
    width: 100%;
  }
}

.about__desctiption {
  margin-top: 0.9em;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 767px) {
  .about__desctiption {
    font-size: 3.8461538462vw;
    line-height: 1.6;
  }
}

/*------------------------------
qa
------------------------------*/
.qa {
  padding-bottom: 80px;
}
.qa .faq-part:not(#qa3) {
  display: none;
}
@media (max-width: 767px) {
  .qa {
    padding-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .faq__section-wrapper {
    padding: 0 7.3%;
  }
}
/*# sourceMappingURL=equipment.css.map */