@charset 'UTF-8';

/* ======================================================
  sp
====================================================== */

html {
  /* 1rem = 10px */
  font-size: calc(100vw * 10 / 375);
}

.inner {
  padding-inline: 1.8rem;
}

/* main
----------------------- */

.main {
  aspect-ratio: 375 / 1223;
  background: url(../img/sp/main_bg.jpg) center top no-repeat;
  background-size: cover;
}

.main .main_title {
  padding-top: 0;
  width: 37.5rem;
  margin-inline: auto;
}

/* present
----------------------- */
.present {
  padding-top: 20rem;
}

/* feature
----------------------- */

.feature {
  background-image: url(../img/sp/feature_bg.jpg);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.feature_title {
  padding-top: 8rem;
  width: 100%;
  margin-inline: auto;
}

.feature_content {
  flex-direction: column;
}

/* safety
----------------------- */

.safety {
  padding: 17rem 0 8rem;
}
/* points
----------------------- */
.points {
  padding: 8rem 0;
}

.points_title {
  width: 100%;
}

.points_list {
  gap: 7rem;
}

.points_item {
  padding: 0;
}

.points_item h3 {
  width: unset;
}

.points_item_btn {
  bottom: 12.6rem;
  width: 31.1rem;
}

.points_item_contents {
  flex-direction: column;
  gap: 2rem;
}
.points_bf_note {
  /* padding-block: 2rem; */
}

.points_title_primewood {
  gap: 2rem;
}

.points_bf .points_item_contents {
  gap: 1.6rem;
}


.points_relief_txt {
  margin-top: 0;
}

.points_relief .points_item_content img {
  height: 100%;
  object-fit: cover;
}

.points_relief .points_item_contents {
  gap: 1.8rem;
}



.points_bf_txt,
.points_bf_note,
.points_relief_txt {
  width: 31.1rem;
}

.points_item_text {
  width: 33rem;
}

.points_item_text_primewood {
  width: 19.5rem;
}

.loan {
  max-width: 112.6rem;
  margin-inline: auto;
}

/* consulting
----------------------- */
.consulting {
  margin-top: 4rem;
  padding: 4rem 0;
  background-size: 100% auto;
}

.consulting_inner {
  padding-inline: 1.8rem;
}



.consulting_list {
  flex-direction: column;
  gap: 4rem;
  margin-top: 4rem;

  padding-inline: 1.5rem;
}

.consulting_item {
  flex-direction: column;
  width: 100%;
}

.consulting_list_txt,
.consulting_list_img {
  width: 100%;
}

/* links
----------------------- */
.links {
  padding: 10rem 0;
}

.links_inner {
  gap: 4rem;
}

.links_item,
.myhomepark {
  padding: 4rem 1.4rem;
}

.links_content p {
  margin-top: 2rem;
  width: 27rem;
}

.links_content a {
  margin-top: 4rem;
}

.links_img {
  width: 100%;
}

.youtube_inner,
.instagram_inner,
.myhomepark_inner {
  flex-direction: column;
  gap: 4rem;
}

/* youtube
----------------------- */
.youtube {
  padding-top: 5rem;
}

.youtube_content,
.youtube_content a {
  width: 100%;
}

/* instagram
----------------------- */
.instagram_content,
.instagram_content a {
  width: 100%;
}

/* myhomepark
----------------------- */
.myhomepark_content {
  padding: 0;
}

.myhomepark_content,
.myhomepark_content a,
.myhomepark_img {
  width: 100%;
}

.myhomepark_txt {
  width: 24rem;
}

.myhomepark_content a {
  margin-top: 2.4rem;
}

.myhomepark_note {
  margin-top: 1.6rem;
}