@charset 'UTF-8';

/* ======================================================
  pc
====================================================== */

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

  scroll-behavior: smooth;
}

img {
  max-width: 100%;
}

.inner {
  max-width: 112.6rem;

  margin-inline: auto;
}

/* main
----------------------- */
.main {
  position: relative;
  aspect-ratio: 1366 / 863;
  background: url(../img/pc/main_bg.jpg) center top no-repeat;
  background-size: cover;
}

.main .main_title {
  padding-top: 8rem;
  width: 82.1rem;
  margin-inline: auto;
}


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

.present {
  position: relative;
  z-index: 1;
  aspect-ratio: 1366 / 1517;
  background: url(../img/pc/present_bg.png) center top no-repeat;
  background-size: cover;
  margin-top: -12.2rem;
}

.present_txt {
  padding-top: 16.2rem;
  padding-left: 53.2rem;
}

.present_form {
  margin-top: 13.1rem;
  filter: drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.1));
}

/* primesleep
----------------------- */
.primesleep {
  position: relative;
  z-index: 10;
  aspect-ratio: 1366 / 907;
  background: url(../img/pc/primesleep_bg.jpg) center top no-repeat;
  background-size: cover;
}

.primesleep_top {
  padding-top: 10rem;
  display: flex;
}

.primesleep_title {
  padding-left: 7.7rem;
  padding-right: 10rem;
}

.primesleep_list {
  padding-top: 6rem;
  display: flex;
  justify-content: center;
  gap: 2.3rem;
}

.primesleep_bottom {
  padding-top: 6rem;
  width: 87.2rem;
  margin-inline: auto;
}

.deco {
  position: absolute;
  z-index: 1;
}

.deco.deco_left {
  top: -18.3rem;
  left: 0;
  width: 20.1rem;
}

.deco.deco_right {
  top: 20.4rem;
  right: 0;
  width: 17.9rem;
}


/* about
----------------------- */
.about {
  background: url(../img/pc/about_bg01.jpg) center top no-repeat, url(../img/pc/about_bg02.jpg) center bottom no-repeat;
  background-size: contain;
  padding: 9.6rem 0 10.3rem;
}

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

.about-wrap {
  margin-top: 4.7rem;
  display: flex;
  justify-content: space-between;
  gap: 11rem;
}

.about-content {
  position: relative;
  width: 49rem;
}

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

  position: relative;
  line-height: 1;
}

.slick-dotted.slick-slider {
  margin-bottom: 0;
}

/* Arrows */
.slick-prev,
.slick-next {
  z-index: 1;
  width: 3rem;
  height: 3rem;
  top: 14.5rem;
  transition: .4s;
}

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

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

@media (hover: hover) and (pointer: fine) {

  .slick-prev:hover,
  .slick-next:hover {
    opacity: .8;
  }
}

.slick-prev:before,
.slick-next:before {
  opacity: 1;
  display: block;
  content: '';
  position: absolute;
  width: 3rem;
  height: 3rem;
  top: 0;
  left: 0;
  background: url(../img/pc/arrow-gray.png) center center no-repeat;
  background-size: contain;

}

.slick-prev::before {
  transform: rotate(180deg);
  left: 0;
}

.slick-next::before {
  right: 0;
}

/* Dots */
.dots-wrap {
  display: flex;
  justify-content: center;
  margin-top: 1.5rem;
}


.dots-wrap li {
  width: .8rem;
  height: .8rem;
  margin: 0 .8rem;
  background: #D9D9D9;
  border-radius: 50%;
  cursor: pointer;
  box-shadow: none;
  transition: .4s;
}

.dots-wrap li:hover,
.dots-wrap li.slick-active {
  background: #284B7D;
}

.dots-wrap li button {
  display: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  outline: none;
  padding: 0;
  border: none;
  background-color: transparent;
}

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

.primewood {
  padding-top: 8.7rem;
  aspect-ratio: 1366 / 771;
  background: url(../img/pc/primewood_bg.jpg) center top no-repeat;
  background-size: cover;
}

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

  display: flex;
  justify-content: space-between;
}

.primewood_title {
  margin-top: 6.5rem;
  max-width: 56.4rem;
}

.primewood_right {
  max-width: 52rem;
  aspect-ratio: 490 / 333;
}

.primewood_movie {
  max-width: 52rem;
  aspect-ratio: 16 / 9;
}

.primewood_movie iframe {
  width: 100%;
  height: 100%;
}

.primewood_btn {
  margin-top: 1.6rem;
}

.primewood_slider {
  margin-top: 6rem;
  overflow: hidden;
}

.primewood_slider_item {
  padding-inline: .5rem;

  /* slickのバグ解消 */
  transition: none;
}


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

.germoglio {
  position: relative;
  background: url(../img/pc/germoglio_bg.png) center bottom no-repeat;
  background-size: contain;
  padding: 8rem 0;
}

.germoglio_title {
  width: 31.8rem;
  margin-inline: auto;
}

.germoglio_top_title {
  width: 65.4rem;
  margin-top: 4rem;
  margin-inline: auto;
}

.germoglio_top {
  margin-top: 2rem;
  display: flex;
  justify-content: space-between;
  gap: 2.2rem;
}

.germoglio_bottom_title {
  width: 59.3rem;
  margin-top: 8rem;
  margin-inline: auto;
}

.germoglio_list {
  margin-top: 4rem;
  display: flex;
  justify-content: space-between;
  gap: 3.9rem;
}

.germoglio .deco.deco_left {
  top: 5.8rem;
  left: 0;
}

.germoglio .deco.deco_right {
  top: 49.9rem;
  right: 0;
}


/* consulting
----------------------- */
.consulting {
  padding-top: 8rem;
  aspect-ratio: 1366 / 627;
  background: url(../img/pc/consulting_bg.jpg) center top no-repeat;
  background-size: cover;
}


.consulting_title {
  max-width: 69.1rem;
  margin-inline: auto;
}

.consulting_list {
  display: flex;
  justify-content: space-between;
  gap: 4rem;
  margin-top: 4.2rem;
}

.consulting_item {
  width: 100%;
}

.consulting_list_txt {
  display: block;
  margin-top: 2rem;
}


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

.links_inner {
  display: flex;
  flex-direction: column;
  gap: 6rem;
}

.links_item {
  padding: 4rem;
  border: 1px solid #000;
}

.links_content p {
  margin-top: 2.4rem;
  width: 33rem;

  margin-inline: auto;
}


.links_content a {
  display: block;
  margin-top: 2rem;
}

.links_img {
  width: 51rem;
}

/* youtube
----------------------- */
.youtube_inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 9.8rem;
}

.youtube_content {
  width: 37.8rem;
}

.youtube_content a {
  width: 34.9rem;

  margin-inline: auto;
}

/* instagram
----------------------- */
.instagram_inner {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 8.7rem;
}

.instagram_content {
  width: 40.2rem;
}

.instagram_content a {
  margin: 2rem auto 0;
  width: 34.7rem;
}

/* myhomepark
----------------------- */
.myhomepark {
  padding: 0 4rem 0 0;
}

.myhomepark_inner {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 6.3rem;
}

.myhomepark_content {
  width: 42.4rem;
}

.myhomepark_img {
  width: 57.6rem;
}

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

.myhomepark_content a {
  display: block;
  margin-top: 2rem;
  width: 34.8rem;

  margin-inline: auto;
}


.myhomepark_txt {
  margin-top: 1rem;
  width: 32rem;

  margin-inline: auto;
}

.myhomepark_note {
  margin-top: 2rem;
}

/* green
----------------------- */
.green {
  padding: 8rem 12rem 12rem;
  background-color: #dcfcc6;
}

.green_inner {
  padding: 8rem;
  background-color: #fff;
}

.green_main {
  max-width: 65.7rem;

  margin-inline: auto;
}

.green01 {
  margin: 6rem auto 0;
}

.green02 {
  margin: 8rem auto 0;
}

.green_btn {
  margin: 6rem auto 0;
  max-width: 61.5rem;
}