@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;
  z-index: 10;
  aspect-ratio: 1366 / 1201;
  background: url(../img/pc/main_bg.jpg) center top no-repeat;
  background-size: cover;
}

.main .main_title {
  padding-top: 1rem;
  width: 60rem;

  margin-inline: auto;
}


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

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

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

.feature_title {
  padding-top: 12rem;
  width: 81.1rem;
  margin-inline: auto;
}

.feature_content {
  display: flex;
  gap: 4rem;
  margin-top: 4rem;
}

.feature_note {
  margin-top: 14.9rem;
}

/* points
----------------------- */
.points {
  padding: 12rem 0;
  background-image: url(../img/pc/points_bg.jpg);
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.points_title {
  width: 53rem;
  margin-inline: auto;
}

.points_list {
  display: flex;
  flex-direction: column;
  gap: 12rem;
}

.points_item {
  position: relative;
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 4rem 2.3rem;
}

.points_title_bf {
  gap: 2.7rem 2.3rem;
}

.points_title_primewood {
  gap: 5rem 2rem;
}

.points_item h3 {
  width: 80.3rem;
}

.points_item_contents {
  display: flex;
  gap: 1.88rem;
}

.points_item_content {
  display: flex;
  flex-direction: column;
  gap: 2.4rem;
}

.points_item_btn {
  width: 34.8rem;

  margin-inline: auto;
}


.points_item_text {
  width: 84.2rem;
}

.points_item_text_primewood {
  width: 56.3rem;
}

/* 各リストアイテムごとの設定 */
.points_warmth_content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 2.4rem;
}

.points_bf_txt {
  width: 75.1rem;

  margin-inline: auto;
}

.points_bf_note {
  width: 48.3rem;

  margin-inline: auto;
}

.points_germoglio_txt {
  margin-top: -1rem;
  width: 24.9rem;

  margin-inline: auto;
}

.safety {
  padding: 18rem 0 12rem;
}

.points_safety {
  padding-top: 3rem;
}

.points_safety_figure {
  max-width: 76rem;
  width: 100%;

  margin-inline: auto;
}

/* money_consulting
----------------------- */
.money_consulting {
  padding: 10.5rem 0 12rem;
  background-image: url(../img/pc/money_consulting_bg.jpg);
  background-size: cover;
  background-repeat: no-repeat;
}
.loan {
  max-width: 112.6rem;
  margin-inline: auto;
}

/* consulting
----------------------- */
.consulting {
  margin-top: 10rem;
  padding: 4rem 0;
  background-color: rgba(255, 255, 255);
  box-shadow: 0 0 14px 0 rgba(0, 0, 0, .20);
}


.consulting_title {
  max-width: 1015px;
  width: 100%;

  margin-inline: auto;
}

.consulting_list {
  display: flex;
  justify-content: space-between;
  gap: 2.7rem;
  margin-top: 3.2rem;

  padding-inline: 4rem;
}

.consulting_item {
  display: flex;
  flex: 1;
  gap: 2rem;
  /* width: calc((100% - 2.7rem * 2) / 3);  */
}

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

.consulting_list_txt img,
.consulting_list_img img {
  display: block;
  width: 100%;
  height: auto;
}

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