@charset "UTF-8";
/*!
global > color
------------------------------
*/
:root {
  --cl-main: #243D5F;
  --cl-border: #DDE1E5;
  --cl-bg-gray: #F6F6F6;
  --cl-text-dark: #333;
}

/*!
global > content-width
------------------------------
*/
/*!
global > font
------------------------------
*/
:root {
  --base-font-ja: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック",
      "Yu Gothic", "メイリオ", sans-serif;
  --font-en: "Inter", sans-serif;
  --font-en02: "Afacad", sans-serif;
  --font-en03: "Plus Jakarta Sans", sans-serif;
  --font-mplus: "M PLUS 1", sans-serif;
  --base-font-weight: 500;
  --base-color-txt: #243d5f;
  --header-height-pc: 107px;
  --space-component: 24px;
  --space-h1-content: 60px;
  --space-h2-top: 48px;
  --space-title-text: 20px;
  --space-text: 16px;
  --space-title-title: 32px;
  --space-image-text: 12px;
}
@media screen and (min-width: 768px) {
  :root {
    --space-component: 40px;
    --space-h1-content: 100px;
    --space-h2-top: 80px;
    --space-title-text: 32px;
    --space-text: 24px;
    --space-title-title: 48px;
    --space-image-text: 20px;
  }
}

/*!
global > mixin
------------------------------
*/
.p_estate_links .btn_child_link, .p_estate_next a {
  font-size: 0.9375rem;
}
@media screen and (min-width: 768px) {
  .p_estate_links .btn_child_link, .p_estate_next a {
    font-size: 1.0625rem;
  }
}

.h2,
.h3,
.h4,
.h5,
.h6 {
  margin-block: 0;
}

.p_estate_nav {
  background-color: var(--cl-main);
  z-index: 1;
  position: relative;
  padding-block: 32px;
  margin-top: 47px;
  margin-bottom: 0;
}
@media screen and (min-width: 768px) {
  .p_estate_nav {
    padding-block: 54px;
    margin-top: 62px;
  }
}
.p_estate_nav::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.2;
  background: url("../images/common/img_bg_pattern.webp");
  z-index: -1;
}
.p_estate_nav .row {
  gap: 14px;
}
@media screen and (min-width: 768px) {
  .p_estate_nav .row {
    gap: 12px;
  }
}
.p_estate_sec {
  padding-top: 50px;
}
@media screen and (min-width: 768px) {
  .p_estate_sec {
    padding-block: 50px;
  }
}
.p_estate_sec__mttl {
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .p_estate_sec__mttl {
    margin-bottom: 25px;
  }
}
.p_estate_sec__sttl {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .p_estate_sec__sttl {
    margin-top: 19px;
  }
}
.p_estate_sec__text {
  margin-top: 15px;
}
.p_estate_links {
  background: var(--cl-bg-gray);
  margin-top: 15px;
  margin-bottom: 0;
  padding-inline: 18px;
  padding-top: 19px;
  padding-bottom: 24px;
}
@media screen and (min-width: 768px) {
  .p_estate_links {
    margin-top: 32px;
    padding: 23px 4.1666666667% 38px;
  }
}
.p_estate_links .h5 {
  letter-spacing: 0em;
}
@media screen and (min-width: 768px) {
  .p_estate_links .h5 {
    padding-bottom: 19px;
  }
}
.p_estate_links .btn_child_link {
  border: 0;
  line-height: 1.5;
}
@media screen and (min-width: 768px) {
  .p_estate_links .btn_child_link {
    min-height: 72px;
    padding-top: 7px;
    padding-left: 20px;
    padding-right: clamp(1.25rem, 1.1075949367vw + 0.7183544304rem, 1.6875rem);
  }
}
@media screen and (min-width: 768px) {
  .p_estate_links .btn_child_link::after {
    width: 14px;
  }
}
.p_estate_links__list {
  display: grid;
  gap: 12px;
  margin-top: 16px;
}
@media screen and (min-width: 768px) {
  .p_estate_links__list {
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    margin-top: 17px;
  }
}
.p_estate_next {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  background: var(--cl-bg-gray);
  padding-inline: 20px;
  padding-block: 50px;
}
@media screen and (min-width: 768px) {
  .p_estate_next {
    padding-block: 67px;
  }
}
.p_estate_next a {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 100%;
  max-width: 403px;
  letter-spacing: 0.02em;
  background-color: var(--cl-main);
  color: #fff;
  border-radius: 999px;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  gap: 10px;
  padding: 15px 30px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .p_estate_next a {
    padding-block: 20px;
    padding-left: 40px;
    padding-right: 60px;
  }
}
.p_estate_next a::after {
  position: absolute;
  right: 20px;
  content: "";
  background: url("../images/common/icon_arrow_circle.svg");
  background-size: contain;
  background-repeat: no-repeat;
  aspect-ratio: 1;
  width: 18px;
}
@media screen and (min-width: 768px) {
  .p_estate_next a::after {
    width: 22px;
  }
}
.p_estate_related {
  padding-bottom: 40px;
  background: var(--cl-bg-gray);
}
@media screen and (min-width: 768px) {
  .p_estate_related {
    padding-bottom: 88px;
  }
}
.p_estate_related .c_related_links {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .p_estate_related .c_related_links:nth-of-type(1) {
    padding-top: 50px;
  }
}
@media screen and (min-width: 768px) {
  .p_estate_related .c_related_links:nth-of-type(2) {
    padding-top: 5px;
  }
}
@media screen and (min-width: 768px) {
  .p_estate_related .c_related_links:nth-of-type(3) {
    padding-top: 17px;
  }
}
.p_estate_thumb {
  margin-top: 60px;
}
.p_estate_thumb:nth-child(1) {
  margin-top: 0;
}