@charset "UTF-8";

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

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

.inner {
  padding-inline: 1.8rem;
}

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

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

.main .main_title {
  width: 37.5rem;
  /* padding-top: 19svh; */
  padding-top: 2.1rem;
  margin-inline: auto;
}

/* present
----------------------- */
.present {
  margin-top: -8rem;
}

.present_bg {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
}

.present_title {
  width: 33.9rem;
  margin-top: 37.5rem;
  margin-inline: auto;
}

/* 先着順 */
.present_first_come {
  background-image: url(../img/sp/present_first_come_bg.png);
  aspect-ratio: 339/705;
}

.present_first_come h2 {
  width: 25rem;
  padding-top: 3.6rem;
  margin-left: 3rem;
}

.present_first_come p {
  width: 31.1rem;
}

/* 抽選 */
.present_lottery {
  background-image: url(../img/sp/present_lottery_bg.png);
  aspect-ratio: 339/1397;
  margin-top: 4rem;
}

.present_lottery h2 {
  width: 26rem;
  padding-top: 3.6rem;
  margin-inline: auto;
}

.present_lottery_content {
  flex-direction: column;
  gap: 4.4rem;
}

/* points
----------------------- */
.points {
  padding: 10rem 0;
  background-image: url(../img/sp/points_bg.png);
}


.points_title {
  width: 24.8rem;
}

.points_list {
  gap: 7rem;
  margin-top: 3rem;
}

.points_item {
  padding: 6rem 1.4rem 4rem;
}

.points_item h3 {
  width: unset;
}

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

.points_item_contents {
  flex-direction: column;
  gap: 4rem;
}

.points_item_deco {
  width: 11.6rem;
  top: -3rem;
  left: -1.8rem;
}

.points_clean .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_clean_txt,
.points_clean_note,
.points_relief_txt {
  width: 31.1rem;
}

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

.consulting_inner {
  padding-inline: 1.8rem;
}

.consulting_title {}

.consulting_list {
  margin-top: 4rem;
  flex-direction: column;
  gap: 4rem;
  padding-inline: 1.5rem;
}

.consulting_item {
  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;
}