@charset 'UTF-8';

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

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

.inner {
  padding-inline: 1.8rem;
}

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

.main .main_title {
  padding-top: 3rem;
  width: 100%;
}


/* present
----------------------- */

.present {
  position: relative;
  z-index: 10;
  aspect-ratio: 375 / 2020;
  background: url(../img/sp/present_bg.png) center top no-repeat;
  background-size: cover;
  margin-top: -5rem;
}

.present_txt {
  padding-top: 43.5rem;
  padding-left: 0;
}

.present_form {
  margin-top: 4rem;
}

/* primesleep
----------------------- */
.primesleep {
  aspect-ratio: 375 / 1477;
  background: url(../img/sp/primesleep_bg.jpg) center top no-repeat;
  background-size: cover;
}

.primesleep_top {
  padding-top: 8rem;
  flex-direction: column;
}

.primesleep_title {
  padding: 0;
}

.primesleep_image {
  width: 100vw;
  margin: 4rem -1.8rem 0;
}

.primesleep_list {
  padding-top: 4rem;
  flex-wrap: wrap;
}

.primesleep_list_item {
  flex: 0 0 15rem;
}

.primesleep_bottom {
  padding-top: 4rem;
  width: 32.4rem;
}

.deco.deco_left {
  top: -6rem;
  width: 8.5rem;
}

.deco.deco_right {
  top: 111.4rem;
  width: 7.7rem;
}


/* about
----------------------- */
.about {
  padding: 8rem 0;
}

.about_title {
  width: 31.3rem;
  margin-inline: auto;
}

.about-wrap {
  margin-top: 3rem;
  flex-direction: column;
  gap: 4rem;
}

.about-content {
  position: relative;
  width: 31.7rem;
  margin-inline: auto;
}

.about-slider__wrap {
  margin-top: 1.5rem;
  width: 100%;

  position: relative;
  line-height: 1;
}

/* Arrows */
.slick-prev,
.slick-next {
  width: 2rem;
  height: 2rem;
  top: 9.5rem;
}

.slick-prev {
  left: -1rem;
}

.slick-next {
  right: -1rem;
}

.slick-prev:before,
.slick-next:before {
  width: 2rem;
  height: 2rem;
}

/* Dots */
.dots-wrap li {
  width: .5rem;
  height: .5rem;
  margin: 0 .5rem;
}


/* primewood
----------------------- */

.primewood {
  padding-top: 8.3rem;
  aspect-ratio: 375 / 901;
}

.primewood_top {
  flex-direction: column;
  padding-inline: 1.8rem;
}

.primewood_title {
  margin-top: 0;
}

.primewood_right {
  margin-top: 4rem;
  max-width: 100%;
  aspect-ratio: 339 / 230;
}

.primewood_movie {
  max-width: 100%;
}

.primewood_btn {
  margin-top: .7rem;
}

.primewood_list_slide {
  width: 116.7rem;
  margin: 2rem auto 0;
}

.primewood_list_slide_image {
  padding-inline: .6rem;
}


/* germoglio
----------------------- */

.germoglio_title {
  width: 31.1rem;
}

.germoglio_top_title {
  width: 33.1rem;
}

.germoglio_top {
  margin-top: 2rem;
  flex-direction: column;
  gap: 4rem;
}

.germoglio_bottom_title {
  width: 31.3rem;
  margin-top: 8rem;
}

.germoglio_list {
  margin-top: 4rem;
  flex-direction: column;
  gap: 3.9rem;
}

.germoglio .deco.deco_left,
.germoglio .deco.deco_right {
  display: none;
}

/* consulting
----------------------- */
.consulting {
  aspect-ratio: 375 / 1384;
  background: url(../img/sp/consulting_bg.jpg) center top no-repeat;
  background-size: cover;
}

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

.consulting_list_txt {
  margin-top: 1rem;
}


/* 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;
}