@charset "UTF-8";
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.0/dist/css/yakuhanmp.css");
@import url("https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Cinzel:wght@400;500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://cdn.jsdelivr.net/npm/yakuhanjp@4.0.1/dist/css/yakuhanjp.css");
.c-button.--main {
  background-color: #0072bc;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

.c-button.--sub {
  background-color: #f7d2d7;
  color: #fff;
  padding: 10px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
}

/*=======================================================================

 完成物件を選ぶ5つのメリット

========================================================================*/
.page-kansei_merit .copy {
  font-size: clamp(15px, 2vw, 20px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.08em;
  padding-block: 50px;
}
@media screen and (max-width: 767.98px) {
  .page-kansei_merit .copy {
    line-height: 1.75;
    padding-block: 30px;
  }
}

.merit-main {
  position: relative;
}
.merit-main__ttl {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  width: min(500px, 60%);
  margin-inline: auto;
}
.merit__check {
  width: min(950px, 100%);
  margin-inline: auto;
}

.sec-kansei_merit {
  background-color: #f4eae4;
}

.merit-card {
  background-color: #fff;
  position: relative;
  padding: 30px 30px 30px 40px;
  width: 95%;
  margin: 4% auto;
  -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
          box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767.98px) {
  .merit-card {
    padding: 5%;
    margin: 8% auto;
  }
}
.merit-card + .merit-card {
  margin-top: 50px;
}
@media screen and (min-width: 768px), print {
  .merit-card + .merit-card {
    margin-top: 60px;
  }
}

.merit__label {
  position: absolute;
  left: -2.3%;
  top: 5%;
  width: 20.8421052632%;
  max-width: 198px;
}
@media screen and (max-width: 767.98px) {
  .merit__label {
    left: -3.3%;
    top: -1.5%;
    width: 100px;
    width: 26.6666666667vw;
  }
}

.merit-card__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 767.98px) {
  .merit-card__inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.card__body {
  width: 53%;
  padding-top: 6%;
  line-height: normal;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: justify;
  word-break: break-all;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  word-wrap: break-word;
  overflow-wrap: break-word;
  hanging-punctuation: last allow-end;
}
@media screen and (max-width: 767.98px) {
  .card__body {
    width: 100%;
  }
}
.card__body > * + * {
  margin-top: 1em;
}
@media screen and (max-width: 767.98px) {
  .card__body > * + * {
    margin-top: 0.7em;
  }
}

.card__body .ttl {
  font-size: clamp(20px, 3.2vw, 32px);
  font-weight: 600;
  line-height: 1.4;
  color: #0b305c;
}

.card__body .txt {
  font-size: clamp(13px, 1.701vw, 17px);
  line-height: 1.75;
}
@media screen and (max-width: 767.98px) {
  .card__body .txt {
    line-height: 1.6;
  }
}

.card__img {
  width: 44%;
  max-width: 380px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 767.98px) {
  .card__img {
    width: 100%;
    max-width: 100%;
    margin-top: 5%;
  }
}

.merit__btn__wrap {
  width: 85%;
  margin-inline: auto;
  margin-top: 50px;
}
@media screen and (max-width: 767.98px) {
  .merit__btn__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 20px;
  }
}
@media screen and (min-width: 768px), print {
  .merit__btn__wrap {
    width: min(780px, 100%);
    margin-top: 60px;
  }
}

@media screen and (min-width: 768px), print {
  .merit__btn {
    width: 48.0769230769%;
  }
}
.merit__btn a {
  display: block;
}
@media (any-hover: hover) {
  .merit__btn a {
    -webkit-transition: opacity 0.3s;
    transition: opacity 0.3s;
  }
  .merit__btn a:hover {
    opacity: 0.5;
  }
}

.merit-capt {
  width: 95%;
  margin-inline: auto;
  text-align: left;
  margin-top: 50px;
}
@media screen and (min-width: 768px), print {
  .merit-capt {
    margin-top: 60px;
  }
}/*# sourceMappingURL=page-kansei_merit.css.map */