@charset "UTF-8";
/* ===============================
  リフォームのご提案
=============================== */
/*------------------------------
menu
------------------------------*/
.menu__header {
  margin-top: 3.5714285714%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .menu__header {
    display: block;
  }
}

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

.menu__message {
  width: 65.4761904762%;
  font-size: min(0.9375rem, 1.2010676157vw);
  line-height: 2;
  font-weight: 400;
}
@media (max-width: 767px) {
  .menu__message {
    width: 100%;
    margin-top: 6.9832402235%;
    font-size: 3.8461538462vw;
  }
}

.menu__list {
  margin-top: 10%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (max-width: 767px) {
  .menu__list {
    justify-content: flex-start;
  }
}

.menu__item {
  width: 31.3952380952%;
  display: flex;
  flex-direction: column;
}
@media (min-width: 768px) {
  .menu__item:not(:nth-child(3n)):not(:last-child) {
    margin-right: 2.8571428571%;
  }
  .menu__item:nth-child(n+4) {
    margin-top: 3.7%;
  }
}
@media (max-width: 767px) {
  .menu__item {
    background: #F6ECE9;
    padding: 2.2346368715%;
    width: 47.7653631285%;
  }
  .menu__item:nth-child(2n) {
    margin-left: 4.469273743%;
  }
  .menu__item:nth-child(n+3) {
    margin-top: 4.469273743%;
  }
}

.menu__item-header {
  display: flex;
  align-items: center;
  flex-grow: 0;
}

.menu__number {
  font-size: min(1.25rem, 1.6014234875vw);
  font-weight: 400;
  line-height: 1.2;
  font-family: "Roboto", sans-serif;
  color: #C2734E;
}
@media (max-width: 767px) {
  .menu__number {
    font-size: 4.1025641026vw;
  }
}

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

.menu__item-content {
  flex-grow: 1;
  background: #F6ECE9;
  padding: 9.1254752852% 6.0836501901%;
  margin-top: 3%;
}
@media (max-width: 767px) {
  .menu__item-content {
    padding: 0;
    margin-top: 5.1612903226%;
  }
}

.menu__description {
  margin-top: 8px;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .menu__description {
    margin-top: 5.1612903226%;
    font-size: 3.8461538462vw;
  }
}

/* attention
------------------------------*/
.attention {
  margin-top: 9.5238095238%;
  background: #F6ECE9;
  padding: 3.5714285714% 2.8571428571%;
}
@media (max-width: 767px) {
  .attention {
    margin-top: 15.6424581006%;
    padding: 4.469273743%;
  }
}

.attention__en {
  display: block;
  font-size: min(0.75rem, 0.9608540925vw);
  font-weight: 400;
  line-height: 1.1666666667;
  color: #C2734E;
  font-family: "Roboto", sans-serif;
  text-align: center;
}
@media (max-width: 767px) {
  .attention__en {
    font-size: 3.0769230769vw;
  }
}

.attention__message {
  margin-top: 7px;
  font-size: min(1.25rem, 1.6014234875vw);
  font-weight: 400;
  line-height: 1.5;
  text-align: center;
  font-family: "Sawarabi Mincho", serif;
}
@media (max-width: 767px) {
  .attention__message {
    font-size: 4.1025641026vw;
  }
}

.attention__buttons {
  margin-top: 2.5%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .attention__buttons {
    margin-top: 3.9106145251%;
  }
}

.attention__button {
  width: 48.2323232323%;
  background: url(../img/attention_button_ph.png) no-repeat center center/cover;
  padding: 3% 5%;
  text-align: center;
}
@media (max-width: 767px) {
  .attention__button {
    width: 46.3190184049%;
  }
}

.attention__label-ja {
  display: block;
  font-size: min(1rem, 1.28113879vw);
  font-weight: 400;
  font-family: "Sawarabi Mincho", serif;
  padding-bottom: 9px;
  position: relative;
}
.attention__label-ja::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  background: #F6ECE9;
  width: 8.125em;
  height: 1px;
}
@media (max-width: 767px) {
  .attention__label-ja {
    font-size: 4.1025641026vw;
  }
}

.attention__label-en {
  display: block;
  margin-top: 10px;
  font-size: min(0.75rem, 0.9608540925vw);
  font-weight: 400;
  line-height: 1.1666666667;
  font-family: "Roboto", sans-serif;
  color: #C2734E;
}
@media (max-width: 767px) {
  .attention__label-en {
    font-size: 3.0769230769vw;
  }
}

/*------------------------------
flow
------------------------------*/
.flow {
  padding-top: 9.5238095238%;
}
@media (max-width: 767px) {
  .flow {
    padding-top: 14.1025641026vw;
  }
}

.flow__step {
  margin-top: 2.8%;
}
@media (max-width: 767px) {
  .flow__step {
    margin-top: 6.7039106145%;
  }
}

.flow__item:nth-child(n+2) {
  margin-top: 4.5%;
  position: relative;
}
.flow__item:nth-child(n+2)::before {
  content: "";
  position: absolute;
  background: url(../img/icon2.png) no-repeat center center/100%;
  aspect-ratio: 48/24;
  transform: translate(-50%, -50%);
  left: 50%;
  width: 3%;
  top: -8%;
}

.flow__header {
  display: flex;
  align-items: center;
}

.flow__number {
  font-size: min(0.75rem, 0.9608540925vw);
  font-weight: 400;
  line-height: 1.1666666667;
  font-family: "Roboto", sans-serif;
  color: #C2734E;
}
.flow__number strong {
  font-size: min(1.25rem, 1.6014234875vw);
  font-weight: 400;
  line-height: 1.2;
  margin-left: 4px;
}
@media (max-width: 767px) {
  .flow__number {
    font-size: 3.0769230769vw;
  }
  .flow__number strong {
    font-size: 4.1025641026vw;
  }
}

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

.flow__content {
  background: #F6ECE9;
  padding: 2.8571428571%;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .flow__content {
    padding: 4.469273743%;
  }
}

.flow__image {
  width: 30.303030303%;
}
@media (max-width: 767px) {
  .flow__image {
    width: 45.0920245399%;
  }
}

.flow__description {
  width: 66.4141414141%;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 767px) {
  .flow__description {
    width: 47.5460122699%;
    font-size: 3.8461538462vw;
  }
}

/*------------------------------
guarantee
------------------------------*/
.guarantee {
  padding-top: 9.5238095238%;
}

.guarantee__container {
  margin-top: 3.8095238095%;
  border-top: 1px solid #F6ECE9;
}

.guarantee__block {
  padding: 3.5714285714% 0;
}
.guarantee__block:nth-child(n+2) {
  border-top: 1px solid #F6ECE9;
}
@media (max-width: 767px) {
  .guarantee__block {
    padding: 6.7039106145% 0;
  }
}

.guarantee__header {
  display: flex;
  align-items: center;
  position: relative;
}
.guarantee__header::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.380952381%;
  transform: translateY(-50%) rotate(180deg);
  background: url(../img/img_arrow.svg) no-repeat center center/contain;
  width: 1.6666666667%;
  aspect-ratio: 14/8;
  transition: all 0.3s;
}
.guarantee__header.is-open::after {
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .guarantee__header {
    padding-right: 15.0837988827%;
  }
  .guarantee__header::after {
    width: 3.9106145251%;
  }
}

.guarantee__label {
  width: 26.1904761905%;
  display: flex;
  align-items: center;
  font-size: min(1.25rem, 1.6014234875vw);
  font-weight: 400;
  line-height: 1.2;
}
@media (max-width: 767px) {
  .guarantee__label {
    width: 49.3421052632%;
  }
}

.guarantee__number {
  color: #C2734E;
  font-family: "Roboto", sans-serif;
}
@media (max-width: 767px) {
  .guarantee__number {
    font-size: 4.1025641026vw;
  }
}

.guarantee__title {
  font-family: "Sawarabi Mincho", serif;
  margin-left: 1.2em;
}
@media (max-width: 767px) {
  .guarantee__title {
    font-size: 4.1025641026vw;
  }
}

.guarantee__subtitle {
  width: 73.8095238095%;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 767px) {
  .guarantee__subtitle {
    width: 49.3421052632%;
    font-size: 3.8461538462vw;
  }
}

.guarantee__body {
  display: none;
  padding: 4.7619047619% 0 5.9523809524%;
  font-size: min(0.9375rem, 1.2010676157vw);
  font-weight: 400;
  line-height: 2;
}
@media (max-width: 767px) {
  .guarantee__body {
    margin-top: 8.938547486%;
    font-size: 3.8461538462vw;
    padding: 0;
  }
}

/*------------------------------

------------------------------*/
.works {
  padding-top: 9%;
}
.works h2 {
  margin: 0em 0 2em;
}
@media (max-width: 767px) {
  .works {
    padding-top: 24.0223463687%;
  }
}

/*------------------------------
faq
------------------------------*/
.qa .faq-part:not(#qa2) {
  display: none;
}
/*# sourceMappingURL=reform.css.map */