@charset "UTF-8";
/* =====================
	選ばれる理由
 ======================= */
.why-choose-us {
  margin: 0;
}

.why-choose-us .sec-ttl2 {
  margin-bottom: 9.80392%;
}

.why-choose-us .why-choose-us-list {
  width: 87.2549%;
  margin: 0 auto 13.72549%;
  display: flex;
  flex-direction: column;
  row-gap: 3.5em;
}

.why-choose-us .why-choose-us-item {
  border: 4px solid #0dabff;
  border-radius: 40px;
  box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.16);
  position: relative;
}

.why-choose-us .reason-bubble-img {
  width: 16.17978%;
  position: absolute;
  top: -1.5em;
  left: -7%;
}

.why-choose-us .reason-container {
  padding: 11.33787% 6.80272% 5.66893%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  gap: 1em;
}

.why-choose-us .reason-img {
  width: 40%;
}

.why-choose-us .reason {
  flex: 1;
}

.why-choose-us .reason-ttl {
  font-size: 175%;
  font-weight: 900;
  color: #0dabff;
  margin-bottom: 0.85714em;
}

.why-choose-us .reason-ttl strong {
  display: block;
  font-size: 285.71429%;
  line-height: 1.25;
  color: var(--c_text_red);
}

.why-choose-us .reason-ttl span {
  color: var(--c_text_red);
}

.why-choose-us .reason-txt span {
  color: var(--c_text_red);
}

.why-choose-us .maker-list {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 1em;
}

.why-choose-us .maker-item img {
  width: 100%;
}

.why-choose-us .panasonic-img {
  width: 58.68852%;
}

.why-choose-us .lixil-img {
  width: 38.03279%;
}

.why-choose-us .takara-standard-img {
  width: 73.11475%;
}

.why-choose-us .reason-description {
  color: var(--c_wht);
  background-color: #0dabff;
  padding: 2.83447% 7.93651%;
  border-bottom-left-radius: 30px;
  border-bottom-right-radius: 30px;
}

.why-choose-us .kurahau-group {
  background-color: #fffbc7;
  border-radius: 38px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 3.92157% 0 6.37255%;
  padding: 4.41176% 1em 2.94118%;
}

.why-choose-us .kurahau-group-ttl {
  font-size: 250%;
  font-weight: 900;
  text-align: center;
  color: var(--c_blue);
  background-image: url(../img/product/kurahau-group-ttl.png);
  background-repeat: no-repeat;
  background-size: 13em;
  background-position: center bottom;
}

.why-choose-us .kurahau-group-txt {
  font-size: 125%;
  font-weight: bold;
  text-align: center;
  color: var(--c_blue);
  margin-bottom: 2.04082%;
}

.why-choose-us .kurahau-group-img {
  width: 93.87756%;
  margin: 0 auto;
}

.why-choose-us .renovation-process {
  width: 74.01961%;
  margin: 1.96078% auto 4.90196%;
}

.why-choose-us .renovation-process-ttl {
  font-size: 150%;
  font-weight: bold;
  text-align: center;
  color: #f76002;
  margin-bottom: 2.64901%;
}

.why-choose-us .renovation-process-list {
  display: flex;
  flex-direction: column;
  row-gap: 1em;
}

.why-choose-us .renovation-process-item {
  font-family: var(--font_title);
  font-size: 125%;
  font-weight: 800;
  color: var(--c_wht);
  background-color: #ff7f00;
  padding: 1% 2% 1% calc(2% + 1.3em);
  text-indent: -1.3em;
  border-radius: 17px;
  position: relative;
}

.why-choose-us .renovation-process-item:nth-child(n + 2)::after {
  content: "";
  width: 5px;
  height: 0.8em;
  background-color: #ff7f00;
  position: absolute;
  bottom: 100%;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.why-choose-us .renovation-process span {
  font-weight: 600;
}

.why-choose-us .staff-img {
  width: 100%;
  margin: 5.39216% auto 14.70588%;
}

.why-choose-us .concept-img01 {
  width: 100%;
  margin-bottom: 8.33333%;
}

.why-choose-us .concept-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
}

.why-choose-us .concept-txt {
  width: 56%;
  line-height: 2;
}

.why-choose-us .concept-img02 {
  width: 40%;
}

/** -------------------- タブレット -------------------- **/
@media (max-width: 1280px) {
}

/** -------------------- スマホ -------------------- **/
@media (max-width: 699px) {
  .why-choose-us .sec-ttl2 {
    margin-bottom: 50px;
  }

  .why-choose-us .why-choose-us-list {
    width: 90%;
    margin: 0 auto 50px;
  }

  .why-choose-us .reason-bubble-img {
    width: 80px;
    top: -30px;
  }

  .why-choose-us .reason-img {
    width: 100%;
  }

  .why-choose-us .reason-ttl {
    width: fit-content;
    margin: 0 auto 20px;
    font-size: 20px;
  }

  .why-choose-us .reason-ttl strong {
    font-size: 50px;
  }

  .why-choose-us .reason-txt {
    width: fit-content;
    margin: 0 auto;
  }

  .why-choose-us .kurahau-group {
    margin: 20px 0;
  }

  .why-choose-us .kurahau-group-ttl {
    font-size: 20px;
  }

  .why-choose-us .kurahau-group-txt {
    font-size: 14px;
    margin-bottom: 20px;
  }

  .why-choose-us .renovation-process {
    width: 100%;
    margin: 20px 0;
  }

  .why-choose-us .renovation-process-ttl {
    font-size: 20px;
  }

  .why-choose-us .renovation-process-item {
    font-size: 16px;
  }

  .why-choose-us .staff-img {
    margin: 20px 0 50px;
  }

  .why-choose-us .concept-img01 {
    margin-bottom: 20px;
  }

  .why-choose-us .concept-container {
    row-gap: 20px;
  }

  .why-choose-us .concept-txt,
  .why-choose-us .concept-img02 {
    width: 100%;
  }
}