@charset "UTF-8";
/* リキッドレイアウト対応のための設定 */
body {
  color: #333333;
}

body {
  font-family: "Zen Maru Gothic", sans-serif;
}

/*  PCとSPの表示非表示の切り替え */
/*(md)px以上で表示*/
.pc-only {
  display: none;
}

/*モバイルのみ表示*/

/*画像の縦横比設定*/
img {
  display: block;
  width: 100%;
  height: auto;
}

/* aタグのスタイルリセット*/
a {
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
html {
  /* ベースのフォントサイズ */
  font-size: 16px;
  /* スマートフォン 375px以下 */
}
html {
  /* タブレット 376px~inner */
}
html {
  /* PC inner以上 */
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
  padding: 0;
}

/* Set core html defaults */
html {
  scroll-behavior: smooth;
}

/* Set core body defaults */
body {
  min-height: 100vh;
  line-height: 1.5;
  text-rendering: optimizeSpeed;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  -webkit-text-decoration-skip: ink;
          text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  border-radius: 0;
  outline: none;
  background: transparent;
  font: inherit;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  position: absolute;
  opacity: 0;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/*addressタグのフォントリセット*/
address {
  font-style: normal;
}

/*トップページ・顧客の暮らしに〜
***************************************************************/
.about {
  z-index: 10;
  position: relative;
  padding-block: 10.0625rem 2.5rem;
  background-color: #fff;
}

.about::after {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  height: 10.0625rem;
  max-height: 11.25rem;
  background-image: url(../images/top/about-sp.jpg);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.about__main {
  max-width: 21.875rem;
  margin-top: 1.875rem;
  margin-inline: auto;
  background-color: #fff;
}

.about__head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4rem;
}

.about__map {
  aspect-ratio: 81/132;
  width: 3.0625rem;
  max-width: 100%;
}

.about__map img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.about__textbox {
  max-width: 32.875rem;
  margin-top: 1.625rem;
}

.about__text {
  font-size: 0.875rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.15em;
}

.about__text span {
  color: #fe8802;
}

/*共通・アクセスセクション
***************************************************************/
.access {
  z-index: 10;
  position: relative;
  padding-block: 2.5rem;
  background-image: url(../images/common/bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.access__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.5625rem;
}

.access__info {
  margin-top: 0.625rem;
  text-align: center;
}

.access__address p {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.71;
  letter-spacing: 0.05em;
}

.access__textbox {
  margin-top: 0.625rem;
}

.access__text {
  font-size: 0.875rem;
  line-height: 1.33;
  letter-spacing: 0.05em;
}

.address__map {
  aspect-ratio: 353/200;
  width: 100%;
  max-width: 22.0625rem;
  margin-inline: auto;
}

/*ボタン
***************************************************************/
.btn {
  display: inline-block;
  border: 3px solid transparent;
  border-radius: 1.875rem;
  background: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
  background: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
  background-image: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
  background-image: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
  background-origin: border-box;
  background-clip: border-box;
  color: #fff;
  text-align: center;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

/* ===== LINE・お問い合わせ ===== */
.btn.btn__line {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 15.9375rem;
  max-width: 15.9375rem;
  padding-block: 0.625rem 0.6875rem;
  gap: 0.625rem;
  border-radius: 1.875rem;
  -webkit-box-shadow: 0 0.25rem 0.3125rem 0 rgba(164, 88, 1, 0.2);
          box-shadow: 0 0.25rem 0.3125rem 0 rgba(164, 88, 1, 0.2);
  font-weight: 900;
  font-size: 1.25rem;
}

.btn__text {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  background-clip: text;
  transition: -webkit-text-fill-color 0.3s ease, background-image 0.3s ease;
}

.btn__icon {
  display: inline-block;
  aspect-ratio: 42/41;
  width: 2.5625rem;
  background-image: url(../images/icon/icon-line.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transition: background-image 0.3s ease;
  transition: background-image 0.3s ease;
}
/* ===== LINE・お問い合わせSPナビ ===== */
.btn.btn__line.btn__line--spnav {
  min-width: 13.3125rem;
  padding-block: 0.6875rem 0.75rem;
  border-radius: 0.625rem;
  background: #fe8802;
  font-weight: 700;
  font-size: 1rem;
}

.btn.btn__line.btn__line--spnav .btn__icon {
  width: 1.875rem;
}

/* ===== 中央揃え ===== */
.btn__center {
  margin-inline: auto;
}

/* ===== view more ===== */
.btn.btn__more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 14.125rem;
  margin-inline: auto;
  padding-inline: 2.1875rem 1.875rem;
  padding-block: 0.625rem 0.5625rem;
  gap: 0.625rem;
  border-radius: 2.5rem;
  -webkit-box-shadow: 0 0.25rem 0.25rem 0 rgba(164, 88, 1, 0.200000003);
          box-shadow: 0 0.25rem 0.25rem 0 rgba(164, 88, 1, 0.200000003);
  font-weight: 400;
  font-size: 1rem;
  font-family: "Myanmar-Khyay", sans-serif;
  text-transform: uppercase;
}

.btn__more-text {
  display: inline-block;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff));
  background-image: linear-gradient(#fff, #fff);
  letter-spacing: 0.15em;
  -webkit-background-clip: text;
  -webkit-text-fill-color: #fff;
  background-clip: text;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}

.btn.btn__more .btn__arrow {
  aspect-ratio: 20/15;
  width: 1.125rem;
  background-image: url(../images/icon/icon-btn-arrow.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
/* ===== 最新物件ボタン ===== */
.btn.btn__more.btn__more-listing {
  min-width: 14.125rem;
  padding-block: 0.5625rem 0.625rem;
}

/* ===== トップ・各ページへのボタン ===== */

/*空家管理サービス・キャッシュバック
***************************************************************/
.cashback {
  padding-block: 1.875rem;
  background-image: url(../images/cashback/cashback-sp.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.cashback__main {
  padding-inline: 1.75rem;
  padding-block: 1.25rem;
  border-radius: 1.25rem;
  background-color: rgba(255, 255, 255, 0.8500000238);
  -webkit-box-shadow: 0 0 0.9375rem 0 rgba(100, 73, 56, 0.25);
          box-shadow: 0 0 0.9375rem 0 rgba(100, 73, 56, 0.25);
}

.cashback__heading {
  aspect-ratio: 265/44;
  width: 16.5625rem;
  max-width: 100%;
  margin-inline: auto;
}

.cashback__heading img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.cashback__text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
}

.cashback__text span {
  color: #fe8802;
}

/* 共通項目
***************************************************************/
@font-face {
  font-style: normal;
  font-weight: normal;
  src: url("../assets/fonts/Myanmar-Khyay.ttf.woff") format("woff");
  font-family: "Myanmar-Khyay";
  font-display: swap;
}
/* PCでは電話リンクを無効化 */
/*ページ内スクロール位置の指定*/
html {
  scroll-padding-top: 3.75rem;
}

/*共通・お問い合わせへのCTA
***************************************************************/
.contact {
  z-index: 10;
  position: relative;
  padding-block: 2.5rem;
  background-image: url(../images/contact/contact.webp);
  background-position: bottom left;
  background-size: cover;
  background-repeat: no-repeat;
}

.contact__heading-sub,
.contact__heading {
  color: #644938;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
  text-align: center;
  text-shadow: 0 0 0.625rem #ffffff;
}

.contact__text {
  width: 20.0625rem;
  margin-top: 1.25rem;
  margin-inline: auto;
  padding: 0.3125rem 2.5rem;
  border: 0.0625rem solid #ffffff;
  border-radius: 0.625rem;
  background-color: #987F5E;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
}

.contact__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.25rem;
  gap: 1.25rem;
}

.contact__item {
  width: 19.9375rem;
  padding-block: 0.9375rem;
  border-radius: 1.875rem;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0.1875rem 0.25rem 0.125rem rgba(0, 0, 0, 0.1199999973);
          box-shadow: 0 0.1875rem 0.25rem 0.125rem rgba(0, 0, 0, 0.1199999973);
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

.contact__item.contact__item--line {
  padding-block: 1.25rem;
}

.contact__item-text {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.75;
}

.contact__item-tel {
  display: inline-block;
  position: relative;
  margin-top: 0.625rem;
  padding-left: 2.0625rem;
  color: #644938;
  font-size: 1.875rem;
  line-height: 0.93;
  font-family: "Myanmar-Khyay", sans-serif;
}

.contact__item-tel::before {
  display: block;
  position: absolute;
  top: 47%;
  left: 0;
  aspect-ratio: 1/1;
  width: 1.875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../images/icon/icon-tel.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.contact__item-time {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  line-height: 1.71;
}

.contact__item-holiday {
  font-size: 0.875rem;
  line-height: 1.71;
}

.contact__item-btn {
  margin-top: 0.625rem;
}

/*空家管理・イントロ
***************************************************************/
/* ===== 大切な資産を〜セクション ===== */
.emptyhouse-intro {
  padding-block: 2.5rem;
}

/*改正空家対策措置法
***************************************************************/
.emptyhouse-intro02 {
  padding-block: 1.25rem 0.625rem;
  background-color: #FCF9F2;
}

.emptyhouse-intro02__main {
  padding-inline: 0.5rem;
  padding-block: 2.5rem;
  border-radius: 40px 0px 40px 0px;
  background-color: #fff;
}

.emptyhouse-intro02__heading {
  position: relative;
  max-width: 20rem;
  margin-inline: auto;
  padding-block: 0.625rem;
  border-radius: 0.625rem;
  outline: 1px dashed rgb(255, 255, 255); /*outlineでドットの線を追加*/
  outline-offset: -0.3125rem;
  background: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
  background: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}

.emptyhouse-intro02__heading::before {
  display: block;
  position: absolute;
  top: -2.1875rem;
  left: -0.625rem;
  aspect-ratio: 51/50;
  width: 3.125rem;
  background-image: url(../images/emptyhouse/treat-sp.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.emptyhouse-intro02__subheading {
  margin-top: 1.25rem;
  color: #f00000;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.8;
  text-align: center;
}

.emptyhouse-intro02-textbox {
  max-width: 25rem;
  margin-top: 1.25rem;
  margin-inline: auto;
}

.emptyhouse-intro02__text {
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: justify;
  text-justify: inter-ideograph;
}

.emptyhouse-intro02__text span {
  font-weight: 700;
}

.emptyhouse-intro02__note {
  margin-top: 1.25rem;
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
}

.emptyhouse-intro02__img {
  aspect-ratio: 684/381;
  width: 100%;
  max-width: 100%;
  margin-top: 0.625rem;
}

/*
***************************************************************/
.faq {
  width: 100%;
  max-width: 100%;
  padding-block: 2.5rem;
  background-image: url(../images/sale/faq-sp.webp);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.faq__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.875rem;
  gap: 0.9375rem;
}

.faq-item {
  width: 100%;
  max-width: 100%;
  margin-inline: auto;
  border-radius: 0.625rem;
  background-color: #FDB611;
  -webkit-box-shadow: 0px 0px 8px 0px rgba(167, 154, 124, 0.25);
          box-shadow: 0px 0px 8px 0px rgba(167, 154, 124, 0.25);
  font-family: "Noto Sans JP", sans-serif;
}

summary {
  /* display: list-item;以外を指定してデフォルトの三角形アイコンを消します */
  display: block;
}

/*safariで三角を非表示*/
summary::-webkit-details-marker {
  display: none;
}

.faq-item__summary-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding-inline: 3rem 0.625rem;
  padding-block: 0.5625rem;
  color: #fff;
  font-weight: bold;
  font-size: 0.875rem;
  cursor: pointer;
}

.faq-item__icon {
  display: block;
  position: relative;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 12px;
  -webkit-transform-origin: center 43%;
          transform-origin: center 43%;
  -webkit-transition: -webkit-transform 0.4s;
  transition: -webkit-transform 0.4s;
  transition: transform 0.4s;
  transition: transform 0.4s, -webkit-transform 0.4s;
}

/* アイコンのバーのスタイル */
.faq-item__icon::before,
.faq-item__icon::after {
  display: block;
  position: absolute;
  width: 8px;
  height: 2px;
  background-color: #fff;
  content: "";
}

.faq-item__icon::before {
  left: 0;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.faq-item__icon::after {
  right: 0;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*details[open] .icon {*/
/*  transform: rotate(180deg);*/
/*}*/
/* is-openedクラスが付与されたときのスタイル */
details.is-opened .faq-item__icon {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.faq-item__summary-inner {
  position: relative;
}

.faq-item__summary-inner::before {
  position: absolute;
  top: 0.3125rem;
  left: 0.625rem;
  aspect-ratio: 1/1;
  width: 1.75rem;
  padding-top: 0.375rem;
  border: 1px solid #fff;
  border-radius: 9999px;
  background-color: #fe8802;
  content: "Q";
  font-weight: 700;
  font-size: 1rem;
  line-height: 1;
  font-family: "Myanmar-Khyay", sans-serif;
  text-align: center;
}

/* --------アコーディオンの中身のスタイル-------- */
.faq-item__content {
  overflow: hidden;
  border-radius: 0 0 0.625rem 0.625rem;
  background-color: #fff;
  /* details直下のタグにpaddingを設定すると挙動がおかしくなるので、ここには指定しない */
}

.faq-item__content-inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  padding-inline: 3rem 0.9375rem;
  padding-block: 0.625rem;
  gap: 1.3125rem;
  font-size: 0.875rem;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
}

.faq-item__content-inner::before {
  position: absolute;
  top: 0.9375rem;
  left: 0.625rem;
  aspect-ratio: 1/1;
  width: 1.75rem;
  padding-top: 0.4375rem;
  border: 1px solid #FDB611;
  border-radius: 9999px;
  background-color: #fbf9f0;
  content: "A";
  color: #F6C951;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1;
  font-family: "Myanmar-Khyay", sans-serif;
  text-align: center;
}

/*フローティング
***************************************************************/
.floating-contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: none;
  z-index: 9998;
  position: fixed;
  bottom: 0;
  left: 50%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  padding-inline: 0.5625rem;
  padding-block: 0.3125rem;
  gap: 0.3125rem;
  -webkit-transform: translateX(-50%) translateY(1.25rem);
          transform: translateX(-50%) translateY(1.25rem);
  background-color: rgba(255, 255, 255, 0.6);
  opacity: 0;
  -webkit-transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, -webkit-transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease;
  transition: opacity 0.4s ease, transform 0.4s ease, -webkit-transform 0.4s ease;
}

.floating-contact.is-show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-50%) translateY(0);
          transform: translateX(-50%) translateY(0);
  opacity: 1;
}

/* ===== ボタン基本 ===== */
.floating-contact__btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  min-width: 10.625rem;
  max-width: 12.5rem;
  padding-block: 0.625rem;
  gap: 0.625rem;
  border-radius: 0.3125rem;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(164, 88, 1, 0.200000003);
          box-shadow: 0px 4px 4px 0px rgba(164, 88, 1, 0.200000003);
  color: #fff;
  text-decoration: none;
}

.floating-contact__btn:hover {
  opacity: 1;
}

/* ===== 電話 ===== */
.floating-contact__btn--tel {
  padding-inline: 0.625rem;
  background-color: #fe8802;
}

.floating-contact__btn--tel .floating-contact__text {
  font-weight: 700;
  font-size: 1.3125rem;
}

.floating-contact__icon {
  width: 1.4375rem;
  height: 1.4375rem;
  -o-object-fit: contain;
     object-fit: contain;
}

/* ===== LINE ===== */
.floating-contact__btn--line {
  background-color: #FDB611;
}

.floating-contact__btn--line .floating-contact__text {
  font-weight: 700;
  font-size: 1.125rem;
}

.floating-contact__btn--line .floating-contact__icon {
  width: 1.9375rem;
  height: 1.875rem;
  -o-object-fit: contain;
     object-fit: contain;
}

/*販売中物件を探す
***************************************************************/
.flow-purchase {
  z-index: 1;
  position: relative;
  padding-block: 2.5rem;
  background-color: #fff;
}

.flow-purchase__inner.inner {
  padding-right: 0.5625rem;
  padding-left: 0.5625rem;
}

/*販売中物件を探す・おすすめ物件
***************************************************************/
/*販売中物件を探す・不動産購入の流れ・不動産購入チェックポイント
***************************************************************/
.flow-purchase__check {
  padding-top: 1.875rem;
}

.flow-purchase__check-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.25rem;
  padding-inline: 0.6875rem;
  padding-block: 1.25rem;
  gap: 1.25rem;
  border-radius: 1.25rem;
  background-color: #FCF9F2;
}

.flow-purchase__check-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.3125rem;
}

.flow-purchase__check-treat {
  color: #fe8802;
  font-weight: 900;
  font-size: 1rem;
  line-height: 1.2;
  text-transform: uppercase;
}

.flow-purchase__check-title {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.2;
  font-family: "Noto Sans JP", sans-serif;
}

.flow-purchase__check-text {
  margin-top: 0.625rem;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: justify;
  text-justify: inter-ideograph;
}

/*販売中物件を探す・不動産購入の流れ・不動産購入までの基本の8ステップ
***************************************************************/
.flow-purchase__step {
  padding-top: 2.5rem;
}

.flow-purchase__step-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  max-width: 22.0625rem;
  margin-top: 1.25rem;
  margin-inline: auto;
}

.flow-purchase__step-list + .flow-purchase__step-list {
  margin-top: 0.75rem;
}

.flow-purchase__step-img {
  width: 100%;
  max-width: 100%;
}

.flow-purchase__step-img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== 基本の8ステップ詳細 ===== */
.flow-purchase__detail {
  max-width: 22.0625rem;
  margin-top: 2.5rem;
  margin-inline: auto;
}

.flow-purchase__detail-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.25rem;
}

.flow-purchase__detail-item {
  font-family: "Noto Sans JP", sans-serif;
}

.flow-purchase__detail-title {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0.3125rem 1.25rem;
  gap: 1.25rem;
  border-radius: 0.1875rem;
  background-color: #92826f;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
}

.flow-purchase__detail-title span {
  font-weight: 900;
}

.flow-purchase__detail-textbox {
  margin-top: 0.625rem;
}

.flow-purchase__detail-textbox2 {
  margin-top: 0.625rem;
}

.flow-purchase__detail-text {
  font-size: 0.875rem;
  line-height: 1.8;
  text-align: justify;
  text-justify: inter-ideograph;
}

.flow-purchase__detail-text.flow-purchase__detail-text--b {
  font-weight: 700;
}

.flow-purchase__detail-text.flow-purchase__detail-text--m {
  font-weight: 500;
}

.flow-purchase__detail-text span {
  color: #FF0000;
}

.flow-purchase__detail-note {
  padding: 0.625rem;
  border-radius: 0.625rem;
  background-color: rgba(253, 182, 17, 0.1000000015);
}

.flow-purchase__detail-note .flow-purchase__detail-text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.8;
}

.flow-purchase__detail-checkbox {
  margin-top: 0.625rem;
}

/* フッター
***************************************************************/
.footer {
  z-index: 10;
  position: relative;
  padding-block: 1.25rem 5.625rem;
  overflow-x: clip;
  background-image: url(../images/footer/bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  color: #fff;
}

.footer__inner.inner {
  padding-inline: 3.0625rem;
}

.footer__body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 1.875rem;
}

.footer__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.footer__nav-title {
  display: inline-block;
  width: 100%;
  margin-top: 1.25rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.5;
}

.footer__nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 0.5rem;
  gap: 0.5rem;
}

.footer__nav-link {
  display: block;
  width: 100%;
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.5;
}

/* ===== 会社情報 ===== */
.footer__info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  gap: 1rem;
}

.footer__brand {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.75rem;
}

.footer__logo {
  width: 1.625rem;
  height: 1.625rem;
  border-radius: 0.1875rem;
}

.footer__company {
  color: #fff;
  font-weight: 700;
  font-size: 1.375rem;
  line-height: 1.6;
}

.footer__address {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}

.footer__text {
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.75;
}

.footer__text a {
  color: #fff;
}

.footer__sns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}

.footer__sns-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1/1;
  width: 1.9375rem;
}

.footer__sns-item img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== コピーライト ===== */
.footer__bottom {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 1.875rem;
  margin-inline: calc(50% - 50vw);
  padding-top: 0.9375rem;
  gap: 0.3125rem;
  border-top: 1px solid #fff;
}

.footer__copy small {
  font-size: 0.75rem;
  line-height: 1.83;
}

.footer__privacy {
  color: #fff;
  font-size: 0.75rem;
  line-height: 1.83;
}

/*英字画像の追従設定
***************************************************************/
.fv-side-text {
  height: auto;
  pointer-events: none;
}

.fv-side-text.pc-only {
  z-index: 5;
  position: fixed;
  top: 25.641025641vw;
  left: 3.8461538462vw;
  width: 2.8205128205vw;
}

.top-intro .fv-side-text.sp-only {
  z-index: 2;
  position: absolute;
  top: 1.5rem;
  left: 3.8461538462vw;
  width: 2.8205128205vw;
}

.top-intro .fv-side-text.sp-only.is-fixed-sp {
  z-index: 5;
  position: fixed;
}

.fv-side-text img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ファーストビュー
***************************************************************/
.fv {
  position: relative;
  overflow: hidden;
  background-image: url(../images/common/bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.fv__img {
  position: relative;
  aspect-ratio: 373/649;
  width: 94.9109414758vw;
  max-height: 100svh;
  margin-left: auto;
  overflow: hidden;
  border-radius: 0 0 0 2.5rem;
}

.fv__img img {
  border-radius: 0 0 0 2.5rem;
}

.fv__slide {
  z-index: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  -webkit-transition: opacity 1.5s ease;
  transition: opacity 1.5s ease;
}

.fv__slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  border-radius: 0 0 0 2.5rem;
  -webkit-transition: -webkit-transform 7s ease-in;
  transition: -webkit-transform 7s ease-in;
  transition: transform 7s ease-in;
  transition: transform 7s ease-in, -webkit-transform 7s ease-in;
}

.fv__slide.is-active {
  z-index: 1;
  opacity: 1;
}

.fv__slide.is-active img {
  -webkit-transform: scale(1);
          transform: scale(1);
}

.fv__hgroup {
  z-index: 3;
  position: absolute;
  bottom: 4.25rem;
  left: 5.0890585242vw;
}

.fv__text-line,
.fv__heading {
  margin: 0;
  padding: 0;
  overflow: hidden;
  line-height: 1.4;
  text-shadow: 2px 2px 2px #fff, -2px -2px 2px #fff, -2px 2px 2px #fff, 2px -2px 2px #fff, 2px 0 2px #fff, -2px 0 2px #fff, 0 2px 2px #fff, 0 -2px 2px #fff;
}

.fv__text-line span,
.fv__heading span {
  display: inline-block;
  padding-inline: 0.625rem;
  -webkit-transform: translateX(-101%);
          transform: translateX(-101%);
  border-radius: 0 0.1875rem 0.1875rem 0;
  background-color: rgba(255, 255, 255, 0.8);
  color: #644938;
  white-space: nowrap;
  opacity: 0;
  -webkit-transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  transition: opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease;
  transition: transform 0.8s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.8s ease, -webkit-transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);
}

.fv__text-line .gd,
.fv__heading .gd {
  background: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
  background: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  padding: 0;
  text-shadow: none;
}

.fv__text-line,
.fv__heading .first-line,
.fv__heading .second-line {
  margin-top: 0.3125rem;
}

.fv__text-line span {
  font-weight: 700;
  font-size: 5.1282051282vw;
}

.fv__heading span {
  font-weight: 700;
  font-size: 7.1794871795vw;
}

.fv__heading.sp-only .second-line {
  font-size: 6.6666666667vw;
}

.fv__heading.sp-only .first-line,
.fv__heading.sp-only .second-line {
  width: 78.9743589744vw;
}

/* -------------------------
// Visible State (Modified)
// ------------------------- */
.fv__hgroup .fv__text-line span,
.fv__hgroup .fv__heading span {
  display: inline-block;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px); /* 開始位置を調整 */
  opacity: 0;
  /* 速度制御*/
  -webkit-transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  transition: opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1);
  transition: transform 1.5s cubic-bezier(0.22, 1, 0.36, 1), opacity 1.5s cubic-bezier(0.22, 1, 0.36, 1), -webkit-transform 1.5s cubic-bezier(0.22, 1, 0.36, 1);
}

.fv__hgroup.is-visible .fv__text-line span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.fv__hgroup.is-visible .fv__heading span {
  -webkit-transform: translateX(0);
          transform: translateX(0);
  opacity: 1;
}

/* 遅延時間の調整 */
.fv__hgroup.is-visible .fv__heading .first-line,
.fv__hgroup.is-visible .fv__heading .sp-only span:nth-of-type(1) {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}

.fv__hgroup.is-visible .fv__heading .second-line {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}

/*会社概要ページ・ご挨拶
***************************************************************/
.greeting {
  padding-block: 2.5rem 5.8125rem;
  background-image: url(../images/info/greeting-sp.jpg);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.greeting__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 2.5rem;
}

.greeting__title {
  text-align: center;
}

.greeting__textbox {
  width: 100%;
  max-width: 20.8125rem;
  margin-top: 1.25rem;
  margin-inline: auto;
}

.greeting__name {
  margin-bottom: 1.25rem;
  color: #644938;
  font-weight: 500;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
  text-justify: inter-ideograph;
}

.greeting__text {
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: justify;
  text-justify: inter-ideograph;
}

.greeting__text + .greeting__text {
  margin-top: 1.25rem;
}

.greeting__img img {
  aspect-ratio: 250/300;
  width: 100%;
  max-width: 15.625rem;
  margin-top: 1.25rem;
  margin-inline: auto;
  background-color: #fff;
}

.greeting__img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ハンバーガーメニュー
***************************************************************/
.hamburger {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 9999;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1/1;
  width: 2.5rem;
  height: 2.5rem;
  padding-left: 0.625rem;
  gap: 0.25rem;
  border-radius: 0.375rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8802), to(#fdb611));
  background: linear-gradient(180deg, #fe8802 0%, #fdb611 100%);
}

.hamburger span {
  display: block;
  position: relative;
  width: 1.1875rem;
  height: 0.125rem;
  border-radius: 0.125rem;
  background-color: #fff;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.hamburger span:nth-child(3) {
  width: 0.875rem;
}

/* ===== is-openSP付与 ===== */
.hamburger.is-openSP {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0;
  background: #fff;
}

.hamburger.is-openSP span:nth-child(1) {
  top: 0.4375rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #fe8802;
}

.hamburger.is-openSP span:nth-child(2) {
  opacity: 0;
}

.hamburger.is-openSP span:nth-child(3) {
  top: -0.3125rem;
  width: 1.1875rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #fe8802;
}

body.js-fixed {
  position: fixed;
  width: 100%;
  height: 100%;
}

/* ヘッダー
***************************************************************/
.header {
  z-index: 9999;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 3.75rem;
  background-color: #fff;
}

.header__inner,
.header__logo,
.header__logo-link,
.header__container {
  height: inherit;
}

.header__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.header__logo-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 39/40;
  width: 2.4375rem;
  max-width: 100%;
}

.header__logo-link img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.header__wrap {
  display: none;
}

.header__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.3125rem;
}

/* ===== 電話番号と受付時間 ===== */
.header__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: right;
  -webkit-justify-content: right;
      -ms-flex-pack: right;
          justify-content: right;
  gap: 1.25rem;
}

/* ===== 電話番号 ===== */
.header__tel {
  position: relative;
  padding-right: 1.25rem;
  line-height: 0.65;
}

.header__tel::after {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  width: 2px;
  height: 2.5rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-color: #333333;
  content: "";
}

.header__tel a {
  padding-left: 2.8125rem;
  color: #644938;
  font-size: 2.6875rem;
  font-family: "Myanmar-Khyay", sans-serif;
}

.header__tel a::before {
  display: block;
  position: absolute;
  top: 40%;
  left: 0;
  aspect-ratio: 1/1;
  width: 2.1875rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  background-image: url(../images/icon/icon-tel.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

/* ===== 受付時間 ===== */
.header__text {
  font-size: 0.875rem;
  line-height: 2;
  text-align: center;
}

.header__time {
  color: #111111;
  font-size: 1rem;
  line-height: 1.5;
  font-family: "Myanmar-Khyay", sans-serif;
  text-align: center;
}

/* ===== ヘッダーリンク ===== */
.header__nav {
  display: none;
}

.header__nav-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.875rem;
}

.header__nav-link {
  display: grid;
  position: relative;
  place-items: center;
  margin-block: auto;
  padding-block: 0.3125rem;
  color: #333333;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.5;
  -webkit-transition: all 0.3s 0s ease;
  transition: all 0.3s 0s ease;
}

.header__nav-link::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 0%;
  height: 2px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: #fe8802;
  content: "";
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header__nav-link:hover {
  color: #fe8802;
}

.header__nav-link:hover::after {
  width: 80%;
}

.header__nav-link--current {
  color: #fe8802;
}

.header__nav-link--current::after {
  width: 80%;
}

/* ===== サブメニュー ===== */
.header__nav-item {
  position: relative;
}

.header__subnav {
  visibility: hidden;
  z-index: 10000;
  position: absolute;
  top: 4.125rem;
  left: 50%;
  width: 18.75rem;
  max-width: 26.25rem;
  padding-inline: 1.25rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 0.1875rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.25);
          box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.25);
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.2s ease, visibility 0.2s ease;
  transition: opacity 0.2s ease, visibility 0.2s ease;
}

.header__subnav::after {
  display: block;
  z-index: 9999;
  position: absolute;
  top: -1.875rem;
  left: 0;
  width: 100%;
  height: 2.5rem;
  content: "";
}

.header__subnav::before {
  position: absolute;
  top: -0.625rem;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-right: 0.625rem solid transparent;
  border-bottom: 0.625rem solid #fff;
  border-left: 0.625rem solid transparent;
  content: "";
}

.header__nav-item:hover .header__subnav {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.header__nav-item:focus-within .header__subnav {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.header__subnav-item {
  border-top: 1px solid #c0c0c0;
}

.header__subnav-item:first-child {
  border-top: none;
}

.header__subnav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 1.25rem;
  color: #333333;
  font-weight: 700;
  font-size: 1rem;
}

.header__subnav-link::after {
  display: block;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  width: 1.125rem;
  height: 1.125rem;
  background-image: url(../images/icon/icon-btn-arrowO.webp);
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
  content: "";
}

.header__subnav-link:hover {
  color: #fe8802;
}

/* ===== ヘッダーアニメーション ===== */
.header {
  -webkit-transform: translateY(-6.25rem);
          transform: translateY(-6.25rem);
  opacity: 0;
  -webkit-transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out;
  transition: transform 0.5s ease-out, opacity 0.5s ease-out, -webkit-transform 0.5s ease-out;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.header.is-visible {
  -webkit-transform: translateY(0);
          transform: translateY(0);
  -webkit-box-shadow: 0 0 0.5rem 0 rgba(221, 202, 157, 0.4);
          box-shadow: 0 0 0.5rem 0 rgba(221, 202, 157, 0.4);
  opacity: 1;
}

.header.is-scrolled-sp {
  background-color: rgba(255, 255, 255, 0.35);
}
/* 会社情報
***************************************************************/
.info {
  padding-block: 2.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#f2ebde), to(#fcf9f2));
  background: linear-gradient(180deg, #f2ebde 0%, #fcf9f2 100%);
}

.info__main {
  padding-inline: 1.25rem;
  padding-block: 1.875rem;
  border-radius: 1.25rem;
  background-color: #fff;
}

.info__list {
  margin-top: 1.5rem;
  font-family: "Noto Sans JP", sans-serif;
}

.info__row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.info__row::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 4.6875rem;
  height: 1px;
  background-color: #fe8802;
  content: "";
}

.info__term {
  width: 28%;
  color: #333333;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.6;
}

.info__desc {
  width: 69.465648855vw;
  padding-left: 0.9375rem;
  padding-block: 1.25rem;
  border-bottom: 1px solid #f5f5f5;
  color: #333333;
  font-size: 0.875rem;
  line-height: 1.8;
}

/* inner
***************************************************************/
.inner {
  width: 100%;
  max-width: 31.25rem;
  margin-inline: auto;
  padding-right: 20px;
  padding-left: 20px;
}

/*共通項目・不動産売却の相談/空家管理サービス＞イントロ
***************************************************************/
.intro {
  padding-block: 2.5rem;
  background-image: url(../images/common/bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.intro__img {
  aspect-ratio: 48/17;
  width: 3rem;
  max-width: 100%;
  margin-inline: auto;
}

.intro__img img {
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.intro__heading {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.625rem;
  margin-inline: auto;
  color: #644938;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
  line-height: 1.8;
  text-align: center;
}

.intro__heading span {
  z-index: 1;
  position: relative;
}

.intro__heading span::before {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 105%;
  height: 0.3125rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-radius: 0.1875rem;
  background-color: rgba(253, 182, 17, 0.69);
  content: "";
}

.intro__text {
  margin-top: 1.25rem;
  margin-inline: auto;
  color: #644938;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.8;
  font-family: "Noto Sans JP", sans-serif;
}

.intro__text.intro__text--medi {
  font-weight: 400;
  text-align: center;
}

.intro__text span {
  color: #fe8802;
}

/*お知らせ・ページネーション
***************************************************************/
.list-pagination {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.875rem;
  gap: 1.25rem;
}

.page-numbers {
  display: grid;
  place-items: center;
  width: 2.1875rem;
  border-radius: 0.3125rem;
  background: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
  background: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
  color: #fff;
  font-family: "Myanmar-Khyay", sans-serif;
}

.page-numbers.current {
  display: grid;
  place-items: center;
  aspect-ratio: 1/1;
  width: 1.875rem;
  border: 1px solid #644938;
  border-radius: 0.3125rem;
  background: #fff;
  color: #644938;
}

.page-numbers:has(.list-pagination__img) {
  display: grid;
  place-items: center;
  aspect-ratio: 1/1;
  width: 1.875rem;
  border: 1px solid #644938;
  border-radius: 0.3125rem;
  background: #fff;
}

/* ===== 矢印 ===== */
.list-pagination__img {
  aspect-ratio: 7/11;
  width: 0.4375rem;
  height: 0.6875rem;
}

/* ===== SPでは数字を非表示 ===== */
.list-pagination .page-numbers:not(.prev):not(.next) {
  display: none;
}

/* お知らせ
***************************************************************/
.news {
  padding-block: 2.5rem;
  background-color: #FCF9F1;
}

.news__main {
  padding-inline: 0.625rem;
  padding-block: 0.625rem 1.875rem;
  border-radius: 1.25rem;
  background-color: #fff;
}

.news__list a {
  display: block;
}

.news__item-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
  color: #333333;
}

.news__item-date {
  font-weight: 700;
  font-size: 0.75rem;
}

/* ===== Newのタグ ===== */
.news-card__new {
  display: inline-block;
  padding-inline: 1.25rem 1.3125rem;
  padding-block: 0.1875rem;
  border-radius: 1.25rem;
  background-color: #fe8802;
  color: #fff;
  font-weight: 900;
  font-size: 0.75rem;
  letter-spacing: 0.08em;
}

.news__item {
  font-family: "Noto Sans JP", sans-serif;
}

.news__item-body {
  padding-block: 1.0625rem;
  border-bottom: 1px solid #ddd;
}

.news__item-title {
  margin-top: 0.3125rem;
  color: #333333;
  font-size: 0.875rem;
  line-height: 2;
  overflow-wrap: anywhere;
}

.news__item-detail {
  color: #333333;
  font-size: 0.875rem;
  line-height: 2;
}

.news-card__detail p:last-child {
  margin-bottom: 0;
}

/*空家管理サービス・スマホ用巡回サービスプラン説明
***************************************************************/
.plan-sp {
  width: 100%;
  max-width: 23.3125rem;
  margin-top: 1.875rem;
  margin-inline: auto;
  border-collapse: collapse;
  font-family: "Noto Sans JP", sans-serif;
  text-align: left;
}

.plan-sp thead tr {
  border-bottom: 5px solid white;
  font-size: 0.875rem;
  text-align: center;
}

.plan-sp tbody tr {
  border-bottom: 3px solid #fff;
}

.plan-sp td,
.plan-sp th {
  padding: 0.4375rem 0; /* 余白は上下均等に持たせるのが鉄則だ */
  border: 1px solid #fff;
  vertical-align: middle; /* 上下中央揃え */
}

.plan-sp td {
  background-color: #F9F8F6;
}

.plan-sp thead {
  background-color: #FCF9F2;
  font-weight: bold;
}

/* ===== プランA ===== */
.plan-sp .plan-a .color {
  background-color: #56A088;
}

.plan-sp .plan-a .price,
.plan-sp .plan-a .text {
  color: #56A088;
}

/* ===== プランB ===== */
.plan-sp .plan-b .color {
  background-color: #818FD3;
}

.plan-sp .plan-b .price,
.plan-sp .plan-b .text {
  color: #818FD3;
}

/* ===== プランC ===== */
.plan-sp .plan-c .color {
  background-color: #DC9295;
}

.plan-sp .plan-c .price,
.plan-sp .plan-c .text {
  color: #DC9295;
}

/* ===== プランD ===== */
.plan-sp .plan-d .color {
  background-color: #8F66A3;
}

.plan-sp .plan-d .price,
.plan-sp .plan-d .text {
  color: #8F66A3;
}

/* ===== 見出し ===== */
.plan-sp .color {
  width: 8.25rem;
  color: #fff;
  font-weight: 500;
  font-size: 0.875rem;
  text-align: center;
}

/* ===== 金額 ===== */
.plan-sp .price {
  font-weight: 700;
  font-size: 0.875rem;
  text-align: center;
}

/* ===== テキスト ===== */
.plan-sp .text {
  width: 9.375rem;
  font-weight: 500;
  font-size: 0.75rem;
  text-align: center;
}

/*空家管理サービス・巡回サービス内容
***************************************************************/
.plan-table {
  max-width: 100%;
  margin-top: 3.875rem;
  margin-inline: auto;
}

/* ===== grid ===== */
.plan-table__list {
  display: grid;
  grid-template-columns: minmax(16.25rem, 1.6fr) repeat(4, 1fr);
  gap: 0.0625rem;
  font-family: "Noto Sans JP", sans-serif;
}

/* ===== 左カラム ===== */
.plan-table__item-content-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.0625rem;
}

.plan-table__item-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 3rem;
  padding-left: 0.3125rem;
  border-radius: 0.1875rem;
  background-color: rgba(243, 241, 237, 0.5);
}

.plan-table__item-content:first-of-type {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-left: 0;
  background-color: #fcf9f2;
}

/* text */
.plan-table__item-heading {
  font-weight: 700;
  font-size: 1rem;
}

.plan-table__item-title {
  font-weight: 700;
  font-size: 0.875rem;
}

.plan-table__item-text {
  font-size: 0.75rem;
  letter-spacing: -0.03em;
}

/* ===== プラン列 ===== */
.plan-table__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.0625rem;
}

.plan-table__item-head {
  display: grid;
  place-items: center;
  min-height: 3rem;
}

.plan-table__item-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-height: 3rem;
  background-color: #fafafc;
}

/* ===== カラー ===== */
.plan-table__item.is-plan-a .plan-table__item-head {
  background-color: #56a088;
}

.plan-table__item.is-plan-b .plan-table__item-head {
  background-color: #818fd3;
}

.plan-table__item.is-plan-c .plan-table__item-head {
  background-color: #dc9295;
}

.plan-table__item.is-plan-d .plan-table__item-head {
  border-radius: 0 0.1875rem 0 0;
  background-color: #8f66a3;
}

/* ===== タイトル ===== */
.plan-table__title {
  color: #fff;
  font-weight: 500;
  font-size: 1.25rem;
  text-align: center;
}
.plan-table__title span {
  display: block;
  font-weight: 700;
}

/* ===== ◎ ===== */
.plan-table__item .circle {
  font-weight: 700;
  font-size: 1.5rem;
  font-family: "Zen Maru Gothic", sans-serif;
}

.plan-table__item.is-plan-a .circle {
  color: #56a088;
}

.plan-table__item.is-plan-b .circle {
  color: #818fd3;
}

.plan-table__item.is-plan-c .circle {
  color: #dc9295;
}

.plan-table__item.is-plan-d .circle {
  color: #8f66a3;
}

/* ===== 枠線 ===== */
/* ===== A ===== */
.plan-table__item.is-plan-a {
  position: relative;
}

/* ===== B ===== */
.plan-table__item.is-plan-b {
  z-index: 2;
  position: relative;
  border-radius: 0.1875rem;
  outline: 3px solid #ffd381;
}

/* ===== C ===== */
.plan-table__item.is-plan-c {
  position: relative;
}

/* ===== D ===== */
.plan-table__item.is-plan-d {
  position: relative;
}

/* ===== 表下のイラスト・SP ===== */
.plan-table__recommend-img {
  aspect-ratio: 373/200;
  width: 23.3125rem;
  max-width: 100%;
  margin-top: 1.875rem;
  margin-inline: auto;
}

.plan-table__recommend-img img {
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== 表下のイラスト・PC ===== */

/* ===== 1番人気フラッグ ===== */
.plan-table__item.is-plan-b::before {
  position: absolute;
  top: -2.5rem;
  left: -0.625rem;
  aspect-ratio: 80/39;
  width: 5rem;
  background-image: url(../images/emptyhouse/flag-sp.webp);
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

/* 下層・プライバシーポリシー本文
***************************************************************/
.privacy-policy {
  padding-block: 2.5rem;
  background-color: #f7f4eb;
  font-family: "Noto Sans JP", sans-serif;
}

.privacy-policy__box {
  padding-inline: 0.625rem;
  padding-block: 2.5rem;
  border-radius: 1.25rem;
  background-color: #fff;
}

.privacy-policy__heading {
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
}

.privacy-policy__content {
  max-width: 47.9375rem;
  margin-top: 1.875rem;
  margin-inline: auto;
}

.privacy-policy__lead {
  font-size: 0.875rem;
  line-height: 1.5;
}

.privacy-policy__item {
  margin-top: 2.5rem;
}

.privacy-policy__title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.5;
}

.privacy-policy__text {
  margin-top: 1rem;
  font-size: 0.875rem;
  line-height: 2;
}

.privacy-policy__list {
  padding-left: 1.25rem;
  list-style: disc;
}

.privacy-policy__list--number {
  list-style: decimal;
}

.privacy-policy__list-item {
  font-size: 0.875rem;
  line-height: 1.7;
}

.privacy-policy__note {
  font-size: 0.875rem;
  line-height: 1.7;
}

.privacy-policy__contact {
  margin-top: 1rem;
}

.privacy-policy__add {
  margin-top: 1rem;
}

.privacy-policy__add .privacy-policy__text {
  margin-top: 0;
}

/*販売中物件一覧
***************************************************************/
.property-archive {
  margin-top: 3.75rem;
  padding-block: 2.5rem;
}

/* ===== ナビ ===== */
.property-archive__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: end;
      -ms-flex-align: end;
          align-items: end;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 2.0625rem 2.5rem;
  gap: 1.25rem;
}

.property-archive__nav-item:hover {
  opacity: 1;
}

/* ===== 共通・モバイル表示（円形） ===== */
.property-archive__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.9375rem;
}

.property-archive__nav-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 1/1;
  width: 5.25rem;
  border: 2px solid transparent;
  border-radius: 9999px;
  background: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611)) border-box;
  background: linear-gradient(90deg, #fe8802 0%, #fdb611 100%) border-box;
  text-decoration: none;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.property-archive__nav-item .property-archive__nav-label {
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
  line-height: 1.4;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  text-align: center;
  -webkit-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.property-archive__nav-item .icon {
  display: block;
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
.property-archive__nav-item .icon.land {
  margin-top: 0.625rem;
}
.property-archive__nav-item .icon.house {
  margin-top: 0.4375rem;
}
.property-archive__nav-item {
  /* ホバー設定（共通） */
}
.property-archive__nav-item:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)) padding-box, -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611)) border-box;
  background: linear-gradient(#fff, #fff) padding-box, linear-gradient(90deg, #fe8802 0%, #fdb611 100%) border-box;
}
.property-archive__nav-item:hover .property-archive__nav-label {
  background: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
  background: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.property-archive__nav-item {
  /* ===== PC表示（横長ピル型） ===== */
}

/* ===== 各アイコンの個別調整（PC突き出し対応） ===== */
.property-archive__nav-item .land {
  width: 2.6875rem;
  height: 1.4375rem;
  background-image: url(../images/icon/icon-land.png);
}
.property-archive__nav-item .apartment {
  width: 1.625rem;
  height: 2.125rem;
  background-image: url(../images/icon/icon-apartment.png);
}
.property-archive__nav-item .house {
  width: 2.1875rem;
  height: 2rem;
  background-image: url(../images/icon/icon-house.png);
}

/* ===== 記事一覧 ===== */
.property-section {
  padding-bottom: 2.5rem;
}

/* ===== タイトル ===== */
.property-section__heading {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 1.5625rem;
  margin-bottom: 1.25rem;
  padding-left: 1.25rem;
  border-radius: 0.3125rem;
  background-color: #fe8802;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
}

/* ===== 各カードリスト ===== */
.property-section__list {
  display: grid;
  row-gap: 1.25rem;
}

.property-section__empty {
  color: #535250;
  font-size: 0.875rem;
  text-align: center;
}

/*販売中物件一覧・カード
***************************************************************/
.property-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
  color: #333333;
}

.property-card__img {
  width: 8.4375rem;
  height: 5.4375rem;
  overflow: hidden;
  border-radius: 0.1875rem;
}

.property-card__img-src {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}

.property-card__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 8.4375rem;
  height: 5.4375rem;
  overflow: hidden;
  border-radius: 0.1875rem;
  background-color: #f7f4eb;
  font-size: 0.875rem;
}

.property-card__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.property-card__title {
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
  background: linear-gradient(180deg, #333333 0%, #333333 100%);
  font-weight: 700;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.property-card__price {
  margin-top: 0.375rem;
  margin-top: 0.1875rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
  background: linear-gradient(180deg, #333333 0%, #333333 100%);
  font-weight: 700;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.property-card__text {
  margin-top: 0.375rem;
  margin-top: 0.1875rem;
  font-size: 0.75rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
}

.property-card__img-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 8.4375rem;
  height: 5.4375rem;
  border-radius: 0.1875rem;
  background-color: #eee6d5;
  font-size: 0.75rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

/* ===== カードホバーした時 ===== */
.property-card:hover {
  opacity: 1;
}

.property-card:hover .property-card__img-src {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.property-card:hover .property-card__title,
.property-card:hover .property-card__price {
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8802), to(#fdb611));
  background: linear-gradient(180deg, #fe8802 0%, #fdb611 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/*販売中物件一覧（カスタム投稿）・カテゴリーナビ
***************************************************************/
.property-category__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1.25rem;
}

.property-category__link {
  display: block;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

.property-category__img {
  aspect-ratio: 1/1;
  width: 5.25rem;
  max-width: 100%;
}

.property-category__img img {
  display: block;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== ホバー ===== */
.property-category__link:hover,
.property-category__link:hover .property-category__img {
  opacity: 1;
}

/*販売物件を探す・おすすめ物件・カード
***************************************************************/
.recommend-card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  max-width: 18.75rem;
  margin-inline: auto;
  gap: 0.625rem;
  color: #333333;
}

.recommend-card__img {
  overflow: hidden;
  border-radius: 0.625rem;
}

.recommend-card__img-src {
  aspect-ratio: 3/2;
  width: 18.75rem;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
  -webkit-transition: -webkit-transform 1.2s ease;
  transition: -webkit-transform 1.2s ease;
  transition: transform 1.2s ease;
  transition: transform 1.2s ease, -webkit-transform 1.2s ease;
}

.recommend-card__placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 3/2;
  width: 18.75rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
  background-color: #eee6d5;
}

.recommend-card__placeholder-text {
  font-size: 0.875rem;
}

.recommend-card__body {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  padding-top: 0.625rem;
  text-align: center;
}

.recommend-card__title {
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
  background: linear-gradient(180deg, #333333 0%, #333333 100%);
  font-weight: 700;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.recommend-card__term {
  display: inline-block;
  margin-top: 0.3125rem;
  padding: 0.3125rem 0.9375rem;
  padding-inline: 0.9375rem;
  padding-block: 0.3125rem;
  border: 0.0625rem solid #fe8802;
  border-radius: 1.625rem;
  color: #fe8802;
  font-size: 0.75rem;
}

.recommend-card__price {
  margin-top: 0.375rem;
  margin-top: 0.1875rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
  background: linear-gradient(180deg, #333333 0%, #333333 100%);
  font-weight: 700;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.recommend-card__text {
  margin-top: 0.375rem;
  margin-top: 0.1875rem;
  font-size: 0.75rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
}

.recommend-card__img-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 3/2;
  width: 18.75rem;
  max-width: 100%;
  border-radius: 0.625rem;
  background-color: #eee6d5;
  font-size: 0.75rem;
  line-height: 1.6;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

/* ===== カードホバーした時 ===== */
.recommend-card:hover {
  opacity: 1;
}

.recommend-card:hover .recommend-card__img-src {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.recommend-card:hover .recommend-card__title,
.recommend-card:hover .recommend-card__price {
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8802), to(#fdb611));
  background: linear-gradient(180deg, #fe8802 0%, #fdb611 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/*販売中物件一覧・おすすめ物件セクション
***************************************************************/
.recommend {
  z-index: 1;
  position: relative;
  padding-block: 2.5rem 6.3125rem;
  overflow: clip;
}

.recommend::before {
  display: block;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 785/195;
  width: 100%;
  max-width: 100%;
  background-image: url(../images/purchase/bg-top-sp.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.recommend::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 1.875rem;
  left: 0;
  aspect-ratio: 786/698;
  width: 100%;
  max-width: 100%;
  background-image: url(../images/purchase/bg-bottom-sp.webp);
  background-position: top;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.recommend__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.875rem;
  gap: 1.25rem;
}

.recommend__btn {
  aspect-ratio: 1112/392;
  width: 100%;
  max-width: 21.875rem;
  margin-top: 1.5625rem;
  margin-inline: auto;
  background-image: url(../images/purchase/btn-bg.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-filter: drop-shadow(0px 4px 4px rgba(85, 48, 0, 0.25));
          filter: drop-shadow(0px 4px 4px rgba(85, 48, 0, 0.25));
}

.recommend__btn-search.sp-only {
  margin-top: 3.75rem;
}

.recommend__btn-link {
  display: block;
  position: relative;
  aspect-ratio: 231/52;
  width: 14.4375rem;
  max-width: 100%;
  margin-inline: auto;
  color: #644938;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.3;
  letter-spacing: 0.05em;
}

.recommend__btn-link span {
  position: absolute;
  top: 50%;
  left: 2.3125rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.recommend__btn-img {
  aspect-ratio: 352/79;
  width: 14.5rem;
  max-width: 100%;
}

/*不動産売却の相談について
***************************************************************/
.sale__intro {
  position: relative;
  padding-top: 1.875rem 3.3125rem;
}

.sale__intro::after {
  display: block;
  z-index: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  aspect-ratio: 786/280;
  width: 100%;
  max-width: 100%;
  background-image: url(../images/sale/intro-bg-sp.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.sale__intro-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  z-index: 1;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 3rem;
  gap: 1.25rem;
}

.sale__intro-item {
  width: 18.75rem;
  border-radius: 0.3125rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0.125rem 0.125rem 0 rgba(164, 88, 1, 0.2);
          box-shadow: 0 0.125rem 0.125rem 0 rgba(164, 88, 1, 0.2);
  font-family: "Noto Sans JP", sans-serif;
}

/* ===== PC時の位置調整 ===== */

.sale__intro-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 0.9375rem;
  gap: 0.625rem;
  border-radius: 0.3125rem 0.3125rem 0 0;
  background-color: #fe8802;
}

.sale__intro-head::after {
  display: block;
  position: absolute;
  bottom: -0.9375rem;
  left: 50%;
  width: 0;
  height: 0;
  -webkit-transform: translateX(-50);
          transform: translateX(-50);
  border-top: 16px solid #fe8802;
  border-right: 12px solid transparent;
  border-bottom: 0;
  border-left: 12px solid transparent;
  border-style: solid;
  content: "";
}

.sale__intro-item:nth-of-type(2) .sale__intro-head {
  padding-block: 0.5625rem;
}

.sale__intro-title {
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
  letter-spacing: 0.05em;
  text-align: center;
}

.sale__intro-body {
  padding-inline: 1.0625rem;
  padding-block: 0.8125rem 1.0625rem;
}

.sale__intro-img {
  aspect-ratio: 300/170;
  width: 18.75rem;
  max-width: 100%;
}

.sale__intro-img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.sale__intro-text {
  font-size: 0.875rem;
  line-height: 2;
}

.sale__intro-text span {
  color: #fe8802;
  font-weight: 700;
}

/*不動産売却の相談について・ご相談から売却までの流れ
***************************************************************/
.sale__flow {
  padding-block: 2.5rem;
  background-color: #EEE6D5;
}

.sale__flow-inner.inner {
  padding-right: 0.625rem;
  padding-left: 0.625rem;
}

.sale__flow-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-inline: 0.625rem;
  padding-block: 1.25rem;
  gap: 1.25rem;
  border-radius: 1.25rem;
  background-color: #fff;
}

.sale__flow-title {
  margin-bottom: 1.875rem;
}

.sale__flow-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0.625rem;
}

.sale__flow-item-head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0.625rem;
}

.sale__flow-item-head .step {
  color: #fe8802;
  font-size: 0.875rem;
  line-height: 1.4;
  font-family: "Myanmar-Khyay", sans-serif;
}

.sale__flow-item-img {
  aspect-ratio: 1/1;
  width: 4.0625rem;
}

.sale__flow-item-img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.sale__flow-item-head span {
  display: block;
  aspect-ratio: 11/67;
  width: 0.375rem;
  background-image: url(../images/sale/arrow.webp);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.sale__flow-item-body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 17.375rem;
  gap: 0.3125rem;
}

.sale__flow-item-title {
  color: #644938;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
}

.sale__flow-item-textbox {
  padding: 0.625rem 0.9375rem;
  border-radius: 0.625rem;
  background-color: #fcf9f2;
  -webkit-box-shadow: 0.25rem 0.25rem 0.5rem 0 rgba(167, 154, 124, 0.25);
          box-shadow: 0.25rem 0.25rem 0.5rem 0 rgba(167, 154, 124, 0.25);
}

.sale__flow-item-text {
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
}

/*共通・セクションタイトル
***************************************************************/
.section-title--center {
  text-align: center;
}

.section-title__sub {
  color: #fe8802;
  font-size: 0.75rem;
  font-family: "Myanmar-Khyay", sans-serif;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.section-title__heading {
  margin-top: 0.625rem;
  color: #644938;
  font-weight: 700;
  font-size: 1.125rem;
  line-height: 1.2;
  letter-spacing: 0.05em;
}

/* ===== aboutのタイトル ===== */

/* ===== ステッチ装飾ありのタイトル ===== */
.section-title__heading.section-title__heading--stitch {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  padding-inline: 2.3125rem;
  padding-block: 1rem;
  border-radius: 3.75rem;
  outline: 2px dashed #a9a292; /*outlineでドットの線を追加*/
  outline-offset: -0.4375rem; /*outline-offsetの値を-15pxにして内側に調整*/
  background-color: #fff;
}

.section-title__text {
  margin-top: 0.9375rem;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
}

/* ===== アクセスセクション・タイトル ===== */
.section-title.access__title {
  margin-inline: auto;
  text-align: center;
}

/*空家管理サービス・サービスの流れ
***************************************************************/
.service-flow {
  padding-block: 2.5rem 3.75rem;
  background-image: url(../images/emptyhouse/flow-sp.jpg);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
}

.service-flow__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 1.25rem;
     -moz-column-gap: 1.25rem;
          column-gap: 1.25rem;
  row-gap: 0.3125rem;
  max-width: 18.5rem;
  margin-top: 1.25rem;
  margin-inline: auto;
}

.service-flow__item {
  position: relative;
}

.service-flow__img {
  aspect-ratio: 198/283;
  width: 100%;
  max-width: 8.625rem;
}

.service-flow__img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.service-flowtext {
  position: absolute;
  top: 40%;
  left: 50%;
  width: 100%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  font-weight: 500;
  font-size: 0.75rem;
  line-height: 1.3;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

.service-flowtext.service-flowtext--tel {
  top: 32%;
}

.service-flow__note {
  margin-top: 1.25rem;
  color: #644938;
  font-weight: 500;
  font-size: 1rem;
  line-height: 1.4;
  letter-spacing: 0.05em;
  text-align: center;
}

/*空家管理サービス・サービス概要
***************************************************************/
.service-info {
  background-color: #FCF9F2;
}
.service-info__wrap {
  border-radius: 6.25rem 0 0 0;
  background-color: #fff;
}

.service-info__inner {
  padding-block: 2.5rem;
}

.service-info__table {
  margin-top: 1.875rem;
}

.service-info__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1875rem 0.3125rem;
  border-radius: 0.1875rem;
  background-color: #FDB611;
  color: #fff;
  font-weight: 700;
  font-size: 0.875rem;
}

.service-info__body {
  padding: 0.3125rem 0.3125rem 0.625rem;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
}

.service-info__list {
  margin: 0;
  padding-left: 1.25rem;
  list-style: disc;
}

/*空家空地管理・サービスオプション
***************************************************************/
.service-option {
  padding-block: 2.5rem;
  background-color: #FCF9F2;
}

/* ===== SP表 ===== */
.service-option__list.sp-only {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: grid;
  grid-template-columns: 1fr 7rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  width: 100%;
  margin-top: 1.875rem;
  margin-inline: auto;
  gap: 0.3125rem;
}

.service-option__item-tag {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.1875rem;
}

.service-option__item-detail {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.1875rem;
}

.service-option__item-text.service-option__item-text--sp {
  display: grid;
  place-items: center;
  height: 10.625rem;
}

.service-option__note {
  margin-top: 0.9375rem;
  color: #644938;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.43;
  text-align: center;
}

/* ===== PC表 ===== */
.service-option__list.pc-only {
  display: none;
}

.service-option__item.last {
  display: grid;
  place-items: center;
  aspect-ratio: 256/177;
  margin-top: 0.3125rem;
  padding: 0;
  border: 2px solid #91816f;
  background: #fff;
}

.service-option__item.last::before {
  content: none;
}

/* ===== 共通項目 ===== */
.service-option__item-heading {
  padding-left: 0.625rem;
  padding-block: 0.1875rem;
  background-color: #fff;
  color: #644938;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.43;
}

.service-option__item-text {
  padding-block: 0.1875rem;
  background-color: #fff;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

/*空家管理サービス・巡回サービスプラン
***************************************************************/
.service-plan {
  padding-block: 6.25rem 6.25rem;
  background-image: url(../images/emptyhouse/plan-bg.png);
  background-position: 30%;
  background-size: cover;
  background-repeat: no-repeat;
}

.service-plan__inner.inner {
  padding-right: 0.3125rem;
  padding-left: 0.3125rem;
}

/* スマホメニュー
***************************************************************/
.sp-nav {
  z-index: 9998;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  padding-inline: 2.875rem;
  padding-block: 5rem;
  overflow-x: auto;
  -webkit-transform: translateX(100%);
          transform: translateX(100%);
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8802), to(#fdb611));
  background: linear-gradient(180deg, #fe8802 0%, #fdb611 100%);
  -webkit-transition: -webkit-transform 0.5s 0s ease;
  transition: -webkit-transform 0.5s 0s ease;
  transition: transform 0.5s 0s ease;
  transition: transform 0.5s 0s ease, -webkit-transform 0.5s 0s ease;
}

.sp-nav.is-openSP {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}

.sp-nav__items {
  display: grid;
  grid-template-columns: 1fr;
  max-width: 31.25rem;
  margin-inline: auto;
  gap: 0;
}

.sp-nav__item {
  padding-top: 1.5625rem;
  padding-bottom: 1.5625rem;
}

.sp-nav__item:not(:last-of-type) {
  border-bottom: 1px solid #fff;
}

.sp-nav__link {
  display: block;
  color: #fff;
  font-weight: 700;
  font-size: 1rem;
}

.sp-nav__link {
  position: relative;
  padding-right: 1.25rem;
}

.sp-nav__sublist {
  display: grid;
  margin-top: 0.9375rem;
  gap: 0.9375rem;
}

.sp-nav__sublink {
  display: block;
  position: relative;
  padding-left: 0.9375rem;
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
}

.sp-nav__sublink::before {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.5rem;
  height: 0.5rem;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
  border-right: 1px solid #fff;
  border-bottom: 1px solid #fff;
  content: "";
}

/* ===== アコーディオン・ベース ===== */
.sp-nav__item {
  position: relative;
}

/* 見出しリンクは右側に余白（矢印と重ならないように） */
.sp-nav__link {
  padding-right: 2.75rem;
}

/* 矢印ボタン */
.sp-nav__toggle {
  position: absolute;
  top: 1.5625rem;
  right: 0;
  width: 1.5rem;
  height: 1.5rem;
  padding: 0;
  border: 0;
  background: transparent;
  cursor: pointer;
}

/* アコーディオン開閉アイコン・閉 */
.sp-nav__toggle::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 0.5rem;
  height: 0.5rem;
  -webkit-transform: translate(-50%, -50%) rotate(45deg);
          transform: translate(-50%, -50%) rotate(45deg); /* 下向き */
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: "";
  -webkit-transition: -webkit-transform 0.6s ease;
  transition: -webkit-transform 0.6s ease;
  transition: transform 0.6s ease;
  transition: transform 0.6s ease, -webkit-transform 0.6s ease;
}

/* アコーディオン開閉アイコン・展開 */
.sp-nav__item.is-open > .sp-nav__toggle::before {
  -webkit-transform: translate(-50%, -50%) rotate(-135deg);
          transform: translate(-50%, -50%) rotate(-135deg);
}

/* アコーディオン本体（前回のまま） */
.sp-nav__sublist {
  max-height: 0;
  margin-top: 0;
  overflow: hidden;
  opacity: 0;
  -webkit-transition: max-height 0.6s ease, opacity 0.6s ease, margin-top 0.6s ease;
  transition: max-height 0.6s ease, opacity 0.6s ease, margin-top 0.6s ease;
}

.sp-nav__item.is-open .sp-nav__sublist {
  margin-top: 0.9375rem;
  opacity: 1;
}

/* ===== お問い合わせ ===== */
.sp-nav__contact {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 0.625rem;
  padding-block: 1.25rem;
  border-radius: 0.625rem;
  background-color: #ffffff;
  color: #fe8802;
}

.sp-nav__contact-name {
  font-weight: 700;
  font-size: 1rem;
}

.sp-nav__contact-tel {
  position: relative;
  margin-top: 0.375rem;
  padding-left: 1.5rem;
  color: #fe8802;
  font-weight: 400;
  font-size: 1.4375rem;
  line-height: 1.22;
  font-family: "Myanmar-Khyay", sans-serif;
  letter-spacing: 0.05em;
}

.sp-nav__contact-tel::before {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  aspect-ratio: 1/1;
  width: 1.3125rem;
  background-image: url(../images/icon/icon-tel-sp.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.sp-nav__contact-time {
  margin-top: 0.1875rem;
  font-size: 0.75rem;
  font-family: "Noto Sans JP", sans-serif;
}

.sp-nav__contact-time span {
  font-family: "Myanmar-Khyay", sans-serif;
}

.sp-nav__contact-btn {
  margin-top: 0.1875rem;
}

/* 店舗写真
***************************************************************/
.store-photo {
  padding-block: 2.5rem 4.375rem;
  overflow-x: clip;
}

.store-photo__title {
  text-align: left;
}

.store-photo__slider {
  position: relative;
  margin-top: 1.875rem;
  margin-right: calc(50% - 50vw);
  padding-bottom: 3.25rem;
}

.store-photo__slide {
  overflow: hidden;
  background-color: #e6e6e6;
}

.store-photo__image {
  aspect-ratio: 200/130;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== ページネーション ===== */
.store-photo__slider .splide__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}

.store-photo__slider .splide__pagination__page {
  width: 0.5rem;
  height: 0.5rem;
  -webkit-transform: none;
          transform: none;
  background-color: #cfcfcf;
  opacity: 1;
}

.store-photo__slider .splide__pagination__page.is-active {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #FDB611;
}

.splide__pagination li {
  display: grid;
  place-content: center;
}

/* ===== 矢印 ===== */
.store-photo__slider .splide__arrows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 1.875rem;
  bottom: -17%;
  gap: 1rem;
}

.store-photo__slider .splide__arrow {
  position: static;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border: none;
  background-color: transparent;
  opacity: 1;
}

.store-photo__arrow-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.store-photo__slider .splide__arrow:disabled {
  opacity: 0.4;
}

.store-photo__img {
  margin-top: 1.875rem;
}

.store-photo__img img {
  aspect-ratio: 200/130;
  width: 100%;
  max-width: 25rem;
  height: auto;
  margin-inline: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.3125rem;
}

/*トップページ・アートプラスの強み
***************************************************************/
.strengths {
  z-index: 10;
  position: relative;
  padding-block: 3.0625rem 2.5rem;
  background-color: #fff;
}

.strengths::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 94.9109414758vw;
  height: 100%;
  border-radius: 0 1.25rem 1.25rem 0;
  background-color: #EDE5D3;
  content: "";
}

.strengths__list {
  display: grid;
  grid-template-columns: 18.75rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 2.1875rem;
  gap: 1.25rem;
  counter-reset: strengths;
}

.strengths__item {
  z-index: 1;
  position: relative;
  border-radius: 1.25rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.625rem 0.25rem rgba(0, 0, 0, 0.05);
          box-shadow: 0 0 0.625rem 0.25rem rgba(0, 0, 0, 0.05);
  counter-increment: strengths;
}

.strengths__item::before {
  position: absolute;
  top: 50%;
  right: 0.625rem;
  content: counter(strengths, decimal-leading-zero);
  color: rgba(116, 116, 116, 0.129);
  font-size: 5rem;
  line-height: 0.35;
  font-family: "Myanmar-Khyay", sans-serif;
  letter-spacing: -0.05em;
}
.strengths__item-img {
  aspect-ratio: 15/8;
  width: 18.75rem;
  max-width: 100%;
}

.strengths__item-img img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 1.25rem 1.25rem 0 0;
}

.strengths__item-body {
  padding-inline: 1.25rem;
  padding-block: 1.25rem 1.5625rem;
}

.strengths__item-title {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-inline: auto;
  color: #644938;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.4;
}

.strengths__item-title span {
  color: #fe8802;
}

.strengths__item-text {
  margin-top: 1.25rem;
  font-size: 0.875rem;
  font-family: "Noto Sans JP", sans-serif;
}

/*共通項目・小見出し
***************************************************************/
.sub-heading {
  position: relative;
}

.sub-heading::after {
  display: block;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 3.125rem;
  height: 0.0625rem;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #FDB611;
  content: "";
}

.sub-heading.sub-heading--center {
  text-align: center;
}

.sub-heading__title {
  padding-bottom: 1.25rem;
  color: #644938;
  font-weight: 700;
  font-size: 1rem;
  line-height: 1.8;
}

/*トップページ・イントロ
***************************************************************/
.top-intro {
  z-index: 1;
  position: relative;
  padding-block: 1.5625rem 2.625rem;
  background-image: url(../images/common/bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.top-intro__text {
  color: #644938;
  font-weight: 500;
  font-size: 0.875rem;
  line-height: 1.8;
  text-align: center;
}

.top-intro__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 1.6875rem;
  gap: 0.9375rem;
}

.top-intro__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 19.5rem;
  min-height: 5rem;
  margin-inline: auto;
  padding-inline: 1.625rem;
  padding-block: 0.625rem;
  border-radius: 1.25rem;
  background-color: #fff;
  -webkit-box-shadow: 0 0 0.625rem 0 rgba(88, 48, 2, 0.2);
          box-shadow: 0 0 0.625rem 0 rgba(88, 48, 2, 0.2);
}

.top-intro__item:hover {
  opacity: 1;
}

.top-intro__item-icon {
  aspect-ratio: 64/60;
  width: 4rem;
  max-width: 100%;
}

.top-intro__item-icon.empty {
  aspect-ratio: 66/53;
  width: 4.125rem;
  max-width: 100%;
}

.top-intro__item-icon img {
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

/* ===== SP時の矢印 ===== */
.top-intro__item .intro-arrow {
  display: inline-block;
  aspect-ratio: 8/17;
  width: 0.5rem;
  background-image: url(../images/icon/icon-intro-arrow.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.top-intro__item-title {
  color: #644938;
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.2;
  text-align: center;
}

.top-intro__item-text {
  margin-top: 0.3125rem;
  color: #333333;
  font-size: 0.625rem;
  font-family: "Noto Sans JP", sans-serif;
}

/*トップページ・お知らせ
***************************************************************/
.top-news {
  z-index: 10;
  position: relative;
  padding-block: 2.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#f9f5ec), to(#fcf9f2));
  background: linear-gradient(180deg, #f9f5ec 0%, #fcf9f2 100%);
}

.top-news__list {
  margin-top: 1.875rem;
}

.top-news__item {
  display: block;
  padding-block: 0.625rem;
  border-bottom: 0.0625rem solid #cbcbcb;
}

.top-news__item:first-of-type {
  border-top: 0.0625rem solid #cbcbcb;
}

.top-news__item-body {
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
}

.top-news__item-meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 1.25rem;
}

.top-news__item-date {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.71;
}

.top-news-card__new {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 4.4375rem;
  height: 1.5rem;
  border-radius: 1.25rem;
  background-color: #fe8802;
  color: #fff;
  font-weight: 700;
  font-size: 0.75rem;
}

.top-news__item-title {
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 2;
}

.top-news__empty {
  font-size: 0.875rem;
}

.top-news__btn {
  margin-top: 1.875rem;
}

/*トップページ・最新物件
***************************************************************/
.top-property {
  z-index: 10;
  position: relative;
  padding-block: 2.5rem 7.6875rem;
  background-color: #fff;
}

.top-property::after {
  display: block;
  z-index: -1;
  position: absolute;
  bottom: 0;
  left: 0;
  aspect-ratio: 393/58;
  width: 100%;
  max-width: 100%;
  background-image: url(../images/top/treat-home.webp);
  background-position: bottom;
  background-size: cover;
  background-repeat: no-repeat;
  content: "";
}

.top-property__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 1.875rem;
  gap: 1.25rem;
}

.top-property__card {
  width: 18.75rem;
  max-width: 100%;
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  text-align: center;
}

.top-property__card:hover {
  opacity: 1;
}

.top-property__card-img {
  overflow: hidden;
  border-radius: 0.625rem;
}

.top-property__card-img-src {
  aspect-ratio: 3/2;
  width: 18.75rem;
  max-width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0.625rem;
}

.top-property__card-placeholder {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  aspect-ratio: 3/2;
  width: 18.75rem;
  max-width: 100%;
  height: auto;
  border-radius: 0.625rem;
  background-color: #eee6d5;
  text-align: center;
}

.top-property__card-placeholder-text {
  font-size: 0.875rem;
}

.top-property__card-body {
  padding-top: 0.625rem;
}

.top-property__card-title {
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
  background: linear-gradient(180deg, #333333 0%, #333333 100%);
  font-size: 0.875rem;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.top-property__card-term {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 0.3125rem;
  margin-inline: auto;
  border: 1px solid #fe8802;
  border-radius: 1.625rem;
  color: #fe8802;
  font-size: 0.75rem;
  text-align: center;
}

.top-property__card-term {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-inline: 0.875rem;
  padding-block: 0.25rem;
  border: 0.0625rem solid #fe8802;
  border-radius: 1.625rem;
  color: #fe8802;
  font-size: 0.75rem;
  text-align: center;
}

.top-property__card-price {
  background: -webkit-gradient(linear, left top, left bottom, from(#333333), to(#333333));
  background: linear-gradient(180deg, #333333 0%, #333333 100%);
  font-weight: 700;
  font-size: 1rem;
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.top-property__card-text {
  margin-top: 0.1875rem;
  font-size: 0.875rem;
}

.top-property__card-empty {
  font-size: 0.875rem;
}

.top-property__card-btn {
  margin-top: 1.875rem;
}

/* ===== カードホバーした時 ===== */
.to-property__card:hover {
  opacity: 1;
}

.top-property__card:hover .top-property__card-img-src {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}

.top-property__card:hover .top-property__card-title,
.top-property__card:hover .top-property__card-price {
  background: -webkit-gradient(linear, left top, left bottom, from(#fe8802), to(#fdb611));
  background: linear-gradient(180deg, #fe8802 0%, #fdb611 100%);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
}

/*下層・プライバシーポリシーFV
***************************************************************/
.under-fv {
  display: grid;
  place-items: center;
  aspect-ratio: 393/150;
  width: 100%;
  margin-top: 3.75rem;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

/* ===== 売りたい人へ ===== */
.under-fv.under-fv--sale {
  background-image: url(../images/sale/fv.webp);
}

/* ===== 買いたい人へ ===== */
.under-fv.under-fv--purchase {
  background-image: url(../images/purchase/fv.webp);
}

/* ===== 空家・空地管理 ===== */
.under-fv.under-fv--emptyhouse {
  background-image: url(../images/emptyhouse/fv.webp);
}

/* ===== 会社概要 ===== */
.under-fv.under-fv--info {
  background-image: url(../images/info/fv-sp.webp);
}

/* ===== 販売中物件一覧 ===== */
.under-fv.under-fv--property {
  background-image: url(../images/property/fv.webp);
}

/* ===== お知らせ ===== */
.under-fv.under-fv--news {
  background-image: url(../images/news/fv.webp);
}

/* ===== プライバシーポリシー ===== */
.under-fv.under-fv--privacy {
  background-image: url(../images/privacy/fv.webp);
}

/*下層タイトル
***************************************************************/
.under-title {
  color: #644938;
  font-weight: 900;
  font-size: 1.125rem;
  text-align: center;
  text-shadow: 0 0 0.625rem #ffffff;
}

/* トップページ・お客様の声
***************************************************************/
.voice {
  z-index: 10;
  position: relative;
  padding-block: 3.25rem;
  overflow-x: clip;
  background-color: #ECE3D3;
}

.voice::before,
.voice::after {
  position: absolute;
  left: 0;
  width: 100%;
  max-width: 100%;
  border: 0.125rem solid #fff;
  content: "";
}

.voice::before {
  top: 1.375rem;
}

.voice::after {
  bottom: 1.375rem;
}

.voice__slider {
  position: relative;
  margin-top: 2.5rem;
  margin-right: calc(50% - 50vw);
  padding-bottom: 3.25rem;
}

/* リスト（SP：スライダー / PC：グリッド） */
.voice__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; /* SP: Splide用 */
}

/* ===== ページネーション（SPのみ） ===== */
.voice__slider .splide__pagination {
  position: absolute;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0;
}

.voice__slider .splide__pagination li {
  display: grid;
  place-content: center;
}

.voice__slider .splide__pagination__page {
  width: 0.5rem;
  height: 0.5rem;
  -webkit-transform: none;
          transform: none;
  background-color: #cfcfcf;
  opacity: 1;
}

.voice__slider .splide__pagination__page.is-active {
  width: 0.75rem;
  height: 0.75rem;
  background-color: #FDB611;
}

/* ===== 矢印（SPのみ） ===== */
.voice__slider .splide__arrows {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  right: 1.875rem;
  bottom: -1.25rem;
  gap: 1rem;
}

.voice__slider .splide__arrow {
  position: static;
  width: 1.875rem;
  height: 1.875rem;
  padding: 0;
  border: none;
  background-color: transparent;
  opacity: 1;
}

.voice__slider .splide__arrow:disabled {
  opacity: 0.4;
}

.voice__arrow-img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

/* スライド自体の高さを維持し、子要素（カード）を高さ100%にする */
.voice__slider .splide__slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex; /* スライド自体をflexコンテナにする */
  height: auto; /* Splideのレイアウト崩れを防ぐ */
}

/* PCでカードが切れる場合の対策 */

.voice__card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  max-width: 100%;
  height: 100%;
  padding-inline: 0.625rem;
  padding-block: 1.25rem;
  border-radius: 1.25rem;
  background-color: #ffffff;
  font-family: "Noto Sans JP", sans-serif;
}

.voice__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
}

.voice__rating .star-icon {
  aspect-ratio: 20/18;
  width: 0.9375rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}

.voice__body {
  padding-block: 0.625rem 1.25rem;
}

.voice__body p {
  font-size: 0.875rem;
}

.voice__profile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: auto;
  gap: 1rem;
}

.voice__avatar-img {
  aspect-ratio: 1/1;
  width: 3.25rem;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 9999px;
}

.voice__info {
  color: #644938;
}

.voice__name {
  font-weight: 700;
  font-size: 0.875rem;
  line-height: 1.5;
}

.voice__meta {
  font-weight: 500;
  font-size: 0.875rem;
}

@media screen and (any-hover: hover) and (min-width: 780px) {
  .header__tel a,
  .footer__tel a,
  .contact__item-tel {
    text-decoration: none;
    cursor: default;
    pointer-events: none;
  }
}

@media screen and (min-width: 780px) {
  .pc-only {
    display: block;
  }
  .sp-only {
    display: none;
  }
  html {
    font-size: 1.2903225806vw;
  }
  .about {
    padding-block: 4.5rem;
    background-image: url(../images/top/about.jpg);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .about::after {
    display: none;
  }
  .about__main {
    max-width: 37.875rem;
    margin-top: 0;
    margin-inline: 0;
    padding-inline: 2.5rem;
    padding-block: 2.5rem 4.375rem;
    border-radius: 2.5rem;
    background-color: rgba(255, 255, 255, 0.85);
  }
  .about__head {
    gap: 1.625rem;
  }
  .about__map {
    width: 5.0625rem;
  }
  .about__textbox {
    margin-top: 1.5rem;
  }
  .about__text {
    font-weight: 700;
    font-size: 1rem;
  }
  .access {
    padding-block: 6.875rem;
  }
  .access__inner.inner {
    max-width: 64.125rem;
  }
  .access__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .access__info {
    margin-top: 2.5rem;
    text-align: left;
  }
  .access__address p {
    font-weight: 700;
    font-size: 1.25rem;
  }
  .access__textbox {
    margin-top: 1.25rem;
  }
  .access__text {
    font-weight: 500;
    font-size: 1.125rem;
  }
  .address__map {
    aspect-ratio: 127/75;
    width: 31.75rem;
    max-width: 100%;
    margin-top: 0;
  }
  .btn.btn__more {
    min-width: 12.75rem;
    padding-inline: 1.4375rem 0.9375rem;
    padding-block: 0.4375rem 0.375rem;
    gap: 0.9375rem;
    font-size: 1.125rem;
  }
  .btn.btn__more .btn__arrow {
    width: 1.25rem;
  }
  .btn.btn__more.btn__more-listing {
    min-width: 14.75rem;
    padding-block: 0.5rem;
  }
  .btn.btn__more.btn__more-intro {
    min-width: 14.5625rem;
    padding-block: 0.5625rem;
  }
  .btn__intro-text {
    font-size: 0.875rem;
  }
  .cashback {
    padding-block: 6.25rem;
    background-image: url(../images/cashback/cashback.jpg);
  }
  .cashback__main {
    max-width: 53.5rem;
    margin-inline: auto;
    padding-block: 2.5rem 3.75rem;
  }
  .cashback__heading {
    aspect-ratio: 536/90;
    width: 33.5rem;
  }
  .cashback__text {
    width: 100%;
    max-width: 45.25rem;
    margin-top: 1.5625rem;
    margin-inline: auto;
    font-size: 1.25rem;
    line-height: 2;
    text-align: center;
  }
  html {
    scroll-padding-top: 8.1875rem;
  }
  .contact {
    padding-block: 7rem;
    background-position: center;
  }
  .contact__heading-sub,
  .contact__heading {
    font-size: 3rem;
  }
  .contact__text {
    width: 45.375rem;
    margin-top: 1.875rem;
    padding: 0.53125rem 2.5rem;
    border-radius: 2.5rem;
    font-size: 1.75rem;
  }
  .contact__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3.75rem;
    gap: 3.5rem;
  }
  .contact__item {
    width: 28.25rem;
    padding-block: 1.5625rem;
    border-radius: 3.75rem 0 3.75rem 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .contact__item.contact__item--line {
    padding-block: 1.5rem;
  }
  .contact__item-tel {
    margin-top: 1.25rem;
    padding-left: 2.8125rem;
    font-size: 2.6875rem;
  }
  .contact__item-tel::before {
    width: 2.1875rem;
  }
  .contact__item-holiday {
    margin-top: 0.3125rem;
  }
  .contact__item-btn {
    margin-top: 1.5rem;
  }
  .emptyhouse-intro {
    padding-block: 5.5rem 5rem;
  }
  .emptyhouse-intro02 {
    padding-block: 5rem;
  }
  .emptyhouse-intro02__main {
    padding-block: 4.5625rem 3.1875rem;
    -webkit-box-shadow: 0 0 0.5rem 0 rgba(221, 202, 157, 0.4);
            box-shadow: 0 0 0.5rem 0 rgba(221, 202, 157, 0.4);
  }
  .emptyhouse-intro02__heading {
    max-width: 41.625rem;
    font-size: 1.5rem;
  }
  .emptyhouse-intro02__heading::before {
    top: -3.4375rem;
    left: -3.75rem;
    width: 5.25rem;
    background-image: url(../images/emptyhouse/treat.png);
  }
  .emptyhouse-intro02__subheading {
    font-size: 1.25rem;
  }
  .emptyhouse-intro02-textbox {
    max-width: 55rem;
  }
  .emptyhouse-intro02__text {
    font-size: 1.125rem;
  }
  .emptyhouse-intro02__note {
    font-size: 0.875rem;
  }
  .emptyhouse-intro02__img {
    max-width: 42.75rem;
    margin-top: 3.125rem;
    margin-inline: auto;
  }
  .faq {
    padding-block: 7rem 11.375rem;
    background-image: url(../images/sale/faq.webp);
  }
  .faq__list {
    margin-top: 3.75rem;
    gap: 0.9375rem;
  }
  .faq-item {
    max-width: 57.875rem;
  }
  .faq-item__summary-inner {
    padding-inline: 6.25rem 1.875rem;
    padding-block: 1.3125rem;
    font-size: 1.125rem;
  }
  .faq-item__icon {
    width: 24px;
  }
  .faq-item__icon::before,
  .faq-item__icon::after {
    width: 15px;
    height: 3px;
  }
  .faq-item__summary-inner::before {
    top: 0.9375rem;
    left: 2.5rem;
    width: 2.5rem;
    padding-top: 0.5rem;
    font-size: 1.5rem;
  }
  .faq-item__content-inner {
    padding-inline: 6.25rem 2.5rem;
    padding-block: 0.9375rem 1.25rem;
    font-size: 1rem;
  }
  .faq-item__content-inner::before {
    top: 0.9375rem;
    left: 2.5rem;
    width: 2.5rem;
    padding-top: 0.5625rem;
    font-size: 1.5rem;
  }
  .floating-contact {
    display: none;
  }
  .floating-contact.is-show {
    display: none;
  }
  .flow-purchase {
    padding-block: 3.125rem 7.3125rem;
  }
  .flow-purchase__inner.inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
  .flow-purchase__check {
    padding-top: 4.375rem;
  }
  .flow-purchase__check-list {
    margin-top: 1.875rem;
    padding-inline: 6.25rem;
    padding-block: 3.125rem;
    gap: 1.875rem;
    border-radius: 2.5rem;
  }
  .flow-purchase__check-meta {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 0.9375rem;
  }
  .flow-purchase__check-treat {
    font-size: 1.5rem;
  }
  .flow-purchase__check-title {
    font-size: 1.25rem;
  }
  .flow-purchase__check-text {
    margin-top: 0.9375rem;
    font-weight: 500;
    font-size: 1rem;
    letter-spacing: 0.08em;
  }
  .flow-purchase__step {
    padding-top: 6.25rem;
  }
  .flow-purchase__step-list {
    max-width: 68.625rem;
    margin-top: 3.125rem;
    gap: 1.3125rem;
  }
  .flow-purchase__step-list + .flow-purchase__step-list {
    margin-top: 1.25rem;
  }
  .flow-purchase__detail {
    max-width: 75rem;
    padding-top: 5rem;
  }
  .flow-purchase__detail-list {
    gap: 3.75rem;
  }
  .flow-purchase__detail-title {
    padding: 0.75rem 2.5rem;
    gap: 2.5rem;
    border-radius: 0.3125rem;
    font-size: 1.25rem;
  }
  .flow-purchase__detail-textbox {
    margin-top: 2.5rem;
    padding-inline: 1.4375rem;
  }
  .flow-purchase__detail-textbox2 {
    margin-top: 1.25rem;
    padding-inline: 1.4375rem;
  }
  .flow-purchase__detail-text {
    font-size: 1rem;
  }
  .flow-purchase__detail-note {
    padding: 1.25rem 1.4375rem;
    border-radius: 1.25rem;
  }
  .flow-purchase__detail-note .flow-purchase__detail-text {
    font-size: 1.125rem;
  }
  .flow-purchase__detail-checkbox {
    margin-top: 1.25rem;
  }
  .footer {
    padding-block: 7.5rem 5rem;
  }
  .footer__inner.inner {
    padding-inline: 1.25rem;
  }
  .footer__body {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -webkit-flex-direction: row-reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 3.75rem;
  }
  .footer__nav {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    max-width: 32.5rem;
    gap: 3.125rem;
  }
  .footer__nav-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 2.1875rem;
  }
  .footer__nav-col {
    max-width: 8.8125rem;
  }
  .footer__nav-title {
    margin-top: 0;
    font-size: 1rem;
  }
  .footer__nav-list {
    margin-top: 0.625rem;
    gap: 0.625rem;
  }
  .footer__nav-link {
    font-size: 0.875rem;
  }
  .footer__info {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 18.4375rem;
        -ms-flex: 0 0 18.4375rem;
            flex: 0 0 18.4375rem;
    -webkit-box-ordinal-group: 1;
    -webkit-order: 0;
        -ms-flex-order: 0;
            order: 0;
    gap: 1.875rem;
  }
  .footer__logo {
    width: 1.625rem;
    height: 1.625rem;
  }
  .footer__text {
    font-size: 1rem;
  }
  .footer__sns {
    gap: 1.5625rem;
  }
  .footer__bottom {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 5.625rem;
    margin-inline: 0;
    padding-top: 1.875rem;
  }
  .footer__privacy {
    margin-top: 0;
  }
  .fv-side-text.pc-only {
    top: 11.1111111111vw;
    left: 0;
    width: 8.75rem;
  }
  .fv {
    margin-top: 8.1875rem;
  }
  .fv__img {
    aspect-ratio: 1243/710;
    width: 86.3194444444vw;
    border-radius: 0 0 0 3.75rem;
  }
  .fv__slide img {
    border-radius: 0 0 0 3.75rem;
  }
  .fv__hgroup {
    right: 4.5138888889vw;
    bottom: 6.25rem;
    left: auto;
  }
  .fv__text-line,
  .fv__heading {
    text-align: right;
  }
  .fv__text-line span,
  .fv__heading span {
    border-radius: 0.625rem;
  }
  .fv__text-line,
  .fv__heading .first-line,
  .fv__heading .second-line {
    margin-top: 0.625rem;
  }
  .fv__text-line span {
    font-size: 2.7777777778vw;
  }
  .fv__heading span {
    font-size: 2.7777777778vw;
  }
  .greeting {
    aspect-ratio: 1440/840;
    padding-block: 8.5rem;
    background-image: url(../images/info/greeting.jpg);
  }
  .greeting__inner.inner {
    max-width: 65.1875rem;
  }
  .greeting__main {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: 65.1875rem;
  }
  .greeting__title {
    text-align: left;
  }
  .greeting__textbox {
    width: 38.125rem;
    max-width: 100%;
    margin-top: 1.5rem;
  }
  .greeting__name {
    margin-bottom: 1.5rem;
    font-size: 1rem;
    text-align: left;
  }
  .greeting__text {
    font-size: 1rem;
  }
  .greeting__text + .greeting__text {
    margin-top: 1.6875rem;
  }
  .greeting__img img {
    aspect-ratio: 353/494;
    max-width: 22.0625rem;
    margin-top: 0;
  }
  .header {
    height: 8.1875rem;
  }
  .header__logo-link {
    aspect-ratio: 111/115;
    width: 6.9375rem;
  }
  .header__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.1875rem;
  }
  .header__nav {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 2.5rem;
  }
  .header.is-scrolled-sp {
    background-color: #fff;
  }
  .info {
    padding-block: 3.75rem;
  }
  .info__inner.inner {
    max-width: 75.8125rem;
  }
  .info__main {
    max-width: 75.8125rem;
    padding-block: 3.75rem;
    border-radius: 0.625rem;
  }
  .info__list {
    width: 100%;
    max-width: 66.3125rem;
    margin-top: 2.5rem;
    margin-inline: auto;
  }
  .info__row {
    gap: 0.25rem;
  }
  .info__row::after {
    display: none;
  }
  .info__term {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    width: 14.6875rem;
    height: 4.25rem;
    padding-left: 1.875rem;
    border-bottom: 1px solid #fe8802;
    font-size: 1rem;
  }
  .info__term--time {
    height: 6rem;
  }
  .info__desc {
    width: 100%;
    margin-top: 0;
    padding-left: 3.125rem;
    padding-block: 1.25rem;
    font-size: 1rem;
  }
  .inner {
    max-width: 1290px;
    padding-right: 25px;
    padding-left: 25px;
  }
  .intro {
    padding-block: 5.5rem 5rem;
  }
  .intro__img {
    aspect-ratio: 149/53;
    width: 9.3125rem;
  }
  .intro__heading {
    margin-top: 1.25rem;
    font-size: 2.5rem;
    line-height: 1.5;
  }
  .intro__heading span::before {
    height: 0.9375rem;
  }
  .intro__text {
    max-width: 55rem;
    margin-top: 3.75rem;
    font-size: 1.25rem;
  }
  .intro__text.intro__text--medi {
    font-weight: 500;
    font-size: 1.125rem;
  }
  .list-pagination {
    margin-top: 5rem;
    gap: 0.3125rem;
  }
  .page-numbers {
    font-size: 1.25rem;
  }
  .page-numbers.current {
    width: 2.1875rem;
  }
  .page-numbers:has(.list-pagination__img) {
    width: 2.1875rem;
  }
  .list-pagination .page-numbers:not(.prev):not(.next) {
    display: grid;
  }
  .news {
    padding-block: 7rem;
  }
  .news__main {
    max-width: 73.125rem;
    margin-inline: auto;
    padding-inline: 6.25rem;
    padding-block: 3.75rem;
    border-radius: 2.5rem;
  }
  .news__item-meta {
    gap: 1.875rem;
  }
  .news__item-date {
    font-size: 0.875rem;
  }
  .news-card__new {
    padding-inline: 1.75rem;
    padding-block: 0.25rem 0.3125rem;
    font-size: 0.875rem;
  }
  .news__item-title {
    font-size: 1rem;
  }
  .news__item-detail {
    font-size: 1rem;
  }
  .plan-sp {
    display: none;
  }
  .plan-table {
    margin-top: 7.6875rem;
  }
  .plan-table__list {
    gap: 0.3125rem;
  }
  .plan-table__item-content-wrap {
    gap: 0.3125rem;
  }
  .plan-table__item-content {
    min-height: 4.4375rem;
    padding-left: 1.25rem;
    border-radius: 0.625rem;
  }
  .plan-table__item-heading {
    font-size: 1.25rem;
  }
  .plan-table__item-title {
    font-size: 1.125rem;
  }
  .plan-table__item-text {
    font-size: 0.875rem;
  }
  .plan-table__item {
    gap: 0.3125rem;
  }
  .plan-table__item-head {
    min-height: 4.4375rem;
    border-radius: 1.25rem 1.25rem 0 0;
  }
  .plan-table__item-body {
    min-height: 4.4375rem;
  }
  .plan-table__item.is-plan-d .plan-table__item-head {
    border-radius: 1.25rem 1.25rem 0 0;
  }
  .plan-table__item.is-plan-a {
    border-radius: 1.25rem;
    outline: 1px solid #56a088;
  }
  .plan-table__item.is-plan-b {
    margin-inline: 0.375rem;
    border-radius: 1.25rem;
    outline: 8px solid #ffd381;
  }
  .plan-table__item.is-plan-c {
    border-radius: 1.25rem;
    outline: 1px solid #dc9295;
  }
  .plan-table__item.is-plan-d {
    border-radius: 1.25rem;
    outline: 1px solid #8f66a3;
  }
  .plan-table__recommend-img {
    display: none;
  }
  .plan-table__item-content-wrap::after {
    position: absolute;
    right: 0;
    bottom: -9.1875rem;
    aspect-ratio: 168/138;
    width: 10.5rem;
    background-image: url(../images/emptyhouse/treat-recommend.webp);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
  .plan-table__item.is-plan-a::after {
    position: absolute;
    bottom: -14.875rem;
    left: 50%;
    aspect-ratio: 164/194;
    width: 10.25rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(../images/emptyhouse/recommend01.webp);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
  .plan-table__item.is-plan-b::after {
    position: absolute;
    bottom: -14.875rem;
    left: 50%;
    aspect-ratio: 174/194;
    width: 10.875rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(../images/emptyhouse/recommend02.webp);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
  .plan-table__item.is-plan-c::after {
    position: absolute;
    bottom: -14.875rem;
    left: 50%;
    aspect-ratio: 180/194;
    width: 11.25rem;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    background-image: url(../images/emptyhouse/recommend03.webp);
    background-size: contain;
    background-repeat: no-repeat;
    content: "";
  }
  .plan-table__item.is-plan-b::before {
    top: -5rem;
    left: 1.25rem;
    aspect-ratio: 151/73;
    width: 9.4375rem;
    background-image: url(../images/emptyhouse/flag.webp);
  }
  .privacy-policy {
    padding-block: 7rem;
  }
  .privacy-policy__inner.inner {
    max-width: 73.125rem;
  }
  .privacy-policy__box {
    padding-inline: 0;
    padding-block: 3.75rem;
    border-radius: 2.5rem;
  }
  .privacy-policy__heading {
    font-size: 1.125rem;
  }
  .privacy-policy__content {
    margin-top: 2.5rem;
  }
  .privacy-policy__lead {
    font-size: 1rem;
  }
  .privacy-policy__item {
    margin-top: 3.125rem;
  }
  .privacy-policy__title {
    font-size: 1rem;
  }
  .privacy-policy__text {
    font-size: 1rem;
  }
  .privacy-policy__list-item {
    font-size: 1rem;
  }
  .privacy-policy__note {
    font-size: 1rem;
  }
  .privacy-policy__contact {
    margin-top: 1.25rem;
  }
  .privacy-policy__add {
    margin-top: 1.25rem;
  }
  .property-archive {
    margin-top: 8.1875rem;
    padding-block: 7rem 11.25rem;
  }
  .property-archive__nav {
    padding-block: 3.9375rem 5rem;
    gap: 2.5rem;
  }
  .property-archive__nav-item .icon.land {
    margin-top: 0;
  }
  .property-archive__nav-item .icon.house {
    margin-top: 0;
  }
  .property-archive__nav-item {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    aspect-ratio: auto;
    width: 19.3125rem;
    height: 5.875rem;
    padding-left: 3.125rem;
    overflow: visible;
    border: 4px solid transparent;
    border-radius: 3.75rem;
  }
  .property-archive__nav-item .property-archive__nav-label {
    font-size: 1.5rem;
  }
  .property-archive__nav-item .icon {
    z-index: 1;
    position: absolute;
    right: 2.1875rem;
    bottom: 0.8125rem;
    width: 7.5rem;
    height: 6.25rem;
  }
  .property-archive__nav-item .land {
    width: 8.1875rem;
    height: 4.3125rem;
  }
  .property-archive__nav-item .apartment {
    right: 2.8125rem;
    width: 5.125rem;
    height: 6.5rem;
  }
  .property-archive__nav-item .house {
    width: 7.125rem;
    height: 6.4375rem;
  }
  .property-section {
    max-width: 69.5rem;
    margin-inline: auto;
    padding-bottom: 5rem;
  }
  .property-section__heading {
    height: 3.0625rem;
    margin-bottom: 4rem;
    padding-left: 1.875rem;
    font-size: 1.5rem;
  }
  .property-section__list {
    grid-template-columns: repeat(4, 1fr);
    -webkit-column-gap: 1.25rem;
       -moz-column-gap: 1.25rem;
            column-gap: 1.25rem;
    row-gap: 1.875rem;
  }
  .property-section__empty {
    font-size: 1rem;
  }
  .property-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .property-card__img {
    width: 16.25rem;
    height: 10.625rem;
    margin: 0 auto;
    border-radius: 0.25rem;
  }
  .property-card__placeholder {
    width: 16.25rem;
    height: 10.625rem;
    margin: 0 auto;
    border-radius: 0.25rem;
    font-size: 1rem;
  }
  .property-card__body {
    text-align: center;
  }
  .property-card__title {
    margin-top: 1rem;
    font-size: 1rem;
  }
  .property-card__price {
    margin-top: 0.5rem;
    font-size: 1rem;
  }
  .property-card__text {
    margin-top: 0.5rem;
    font-size: 1rem;
  }
  .property-card__img-text {
    width: 16.25rem;
    height: 10.625rem;
    border-radius: 0.25rem;
    font-size: 1rem;
  }
  .property-category__list {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    gap: 1.875rem;
  }
  .property-category__img.land {
    aspect-ratio: 309/94;
    width: 19.3125rem;
  }
  .property-category__img.apartment {
    aspect-ratio: 326/124;
    width: 20.375rem;
  }
  .property-category__img.house {
    aspect-ratio: 294/116;
    width: 18.375rem;
  }
  .property-category__link:hover .property-category__img.land img {
    content: url("../images/property/nav-land-hover.webp");
  }
  .property-category__link:hover .property-category__img.apartment img {
    content: url("../images/property/nav-apartment-hover.webp");
  }
  .property-category__link:hover .property-category__img.house img {
    content: url("../images/property/nav-house-hover.webp");
  }
  .recommend-card {
    width: 100%;
    max-width: 24.625rem;
    gap: 1rem;
  }
  .recommend-card__img-src {
    aspect-ratio: 79/56;
    width: 100%;
  }
  .recommend-card__placeholder {
    aspect-ratio: 79/56;
    width: 100%;
  }
  .recommend-card__placeholder-text {
    font-size: 1rem;
  }
  .recommend-card__body {
    padding-top: 1rem;
  }
  .recommend-card__title {
    font-size: 1.125rem;
  }
  .recommend-card__term {
    font-size: 0.875rem;
  }
  .recommend-card__price {
    margin-top: 0.625rem;
    font-size: 1.25rem;
  }
  .recommend-card__text {
    margin-top: 0.625rem;
    font-size: 1rem;
  }
  .recommend-card__img-text {
    aspect-ratio: 79/56;
    width: 24.6875rem;
    font-size: 1rem;
  }
  .recommend {
    padding-block: 7rem 18.875rem;
  }
  .recommend::before {
    aspect-ratio: 2876/778;
    background-image: url(../images/purchase/bg-top.webp);
    background-position: top;
  }
  .recommend::after {
    bottom: 0;
    aspect-ratio: 2875/1858;
    max-height: 59.375rem;
    background-image: url(../images/purchase/bg-bottom.webp);
    background-position: top;
  }
  .recommend__inner.inner {
    max-width: 83.125rem;
  }
  .recommend__list {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 3.125rem;
    gap: 3rem;
  }
  .recommend__btn {
    width: 69.5rem;
    max-width: 100%;
    margin-top: 10.25rem;
    padding-top: 5.3125rem;
  }
  .recommend__btn-link {
    width: 22rem;
    font-size: 2rem;
  }
  .recommend__btn-link span {
    left: 1.875rem;
  }
  .recommend__btn-img {
    width: 22rem;
  }
  .sale__intro {
    padding-block: 5.5rem 5.3125rem;
  }
  .sale__intro::after {
    aspect-ratio: 1440/281;
    background-image: url(../images/sale/intro-bg.webp);
  }
  .sale__intro-list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 5.0625rem;
  }
  .sale__intro-item {
    -webkit-box-shadow: 0 0.25rem 0.25rem 0 rgba(164, 88, 1, 0.2);
            box-shadow: 0 0.25rem 0.25rem 0 rgba(164, 88, 1, 0.2);
  }
  .sale__intro-item:nth-of-type(2) {
    margin-top: 3.125rem;
  }
  .sale__intro-item:nth-of-type(3) {
    margin-top: 6.25rem;
  }
  .sale__intro-head {
    padding-block: 0.75rem;
  }
  .sale__intro-item:nth-of-type(2) .sale__intro-head {
    padding-block: 0.75rem;
  }
  .sale__intro-title {
    font-size: 1.25rem;
    line-height: 1.5;
  }
  .sale__intro-body {
    padding-inline: 1.3125rem;
    padding-block: 1.25rem 1.5rem;
  }
  .sale__intro-text {
    font-size: 1rem;
    line-height: 1.75;
  }
  .sale__flow {
    padding-block: 4.375rem 6.25rem;
  }
  .sale__flow-inner.inner {
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;
  }
  .sale__flow-list {
    padding-block: 3.75rem 4.0625rem;
    gap: 1.6875rem;
    border-radius: 2.5rem;
  }
  .sale__flow-title {
    margin-bottom: 5.625rem;
  }
  .sale__flow-item {
    gap: 2.5rem;
  }
  .sale__flow-item-head {
    gap: 0;
  }
  .sale__flow-item-head .step {
    font-size: 1.5rem;
  }
  .sale__flow-item-img {
    width: 6.25rem;
    margin-top: 0.3125rem;
  }
  .sale__flow-item-head span {
    margin-top: 0.625rem;
  }
  .sale__flow-item-body {
    width: 58.0625rem;
    gap: 0.9375rem;
  }
  .sale__flow-item-title {
    font-size: 1.5rem;
    text-align: left;
  }
  .sale__flow-item-textbox {
    padding: 1.5625rem;
    border-radius: 1.875rem;
  }
  .sale__flow-item-text {
    font-size: 1rem;
  }
  .section-title__sub {
    font-size: 1.125rem;
  }
  .section-title__heading {
    margin-top: 1.5rem;
    font-size: 2.5rem;
  }
  .section-title__heading.section-title__heading--about {
    font-size: 2.25rem;
    line-height: 1.5;
  }
  .section-title__heading.section-title__heading--stitch {
    padding-inline: 3.625rem;
    padding-block: 1.25rem;
    outline: 5px dashed #a9a292;
    outline-offset: -0.8125rem;
  }
  .section-title__text {
    margin-top: 1.5rem;
    font-weight: 500;
    font-size: 1.125rem;
  }
  .section-title__text span {
    display: inline-block;
  }
  .section-title.access__title {
    margin-inline: 0;
  }
  .service-flow {
    padding-block: 5rem 8.75rem;
    background-image: url(../images/emptyhouse/flow.jpg);
  }
  .service-flow__list {
    grid-template-columns: repeat(4, 1fr);
    max-width: 55.125rem;
    margin-top: 2.5rem;
    margin-inline: auto;
    gap: 1.875rem;
  }
  .service-flow__img {
    max-width: 12.375rem;
  }
  .service-flowtext {
    width: 12.375rem;
    font-size: 1rem;
  }
  .service-flow__note {
    margin-top: 2.5rem;
    font-size: 1.25rem;
  }
  .service-info__inner {
    padding-block: 6.25rem;
  }
  .service-info__table {
    max-width: 70.3125rem;
    margin-top: 3.75rem;
    margin-inline: auto;
  }
  .service-info__row {
    display: grid;
    position: relative;
    grid-template-columns: 16.375rem 1fr;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    width: 100%;
    border-bottom: 1px solid #fff;
  }
  .service-info__label {
    padding: 1.25rem 0.625rem;
    border-radius: 0;
    font-size: 1.25rem;
  }
  .service-info__row:first-child .service-info__label {
    border-radius: 0.3125rem 0 0 0;
  }
  .service-info__row:last-child .service-info__label {
    border-radius: 0 0 0 0.3125rem;
  }
  .service-info__body {
    padding: 1.25rem;
    border-bottom: 1px solid #D8D4CA;
    font-size: 1.25rem;
  }
  .service-option {
    padding-block: 7rem;
  }
  .service-option__list.sp-only {
    display: none;
  }
  .service-option__list.pc-only {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    max-width: 67.8125rem;
    margin-top: 3.75rem;
    margin-inline: auto;
    gap: 1.25rem;
    counter-reset: service-option-item;
  }
  .service-option__item {
    display: grid;
    position: relative;
    place-content: center;
    aspect-ratio: 256/187;
    background-image: url(../images/emptyhouse/option-card.png);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    counter-increment: service-option-item;
  }
  .service-option__item::before {
    display: block;
    position: absolute;
    top: 1.25rem;
    left: 1.8125rem;
    content: "";
    content: counter(service-option-item, decimal-leading-zero);
    color: #fff;
    font-weight: 700;
    font-size: 1.875rem;
    line-height: 1;
    font-family: "Noto Sans JP", sans-serif;
  }
  .service-option__item-heading {
    width: 100%;
    padding-left: 0;
    padding-block: 0;
    background-color: transparent;
    font-size: 1.125rem;
    line-height: 1.78;
    text-align: center;
  }
  .service-option__item-text {
    width: 100%;
    margin-top: 0.625rem;
    padding-block: 0;
    background-color: transparent;
  }
  .service-plan {
    padding-block: 9.375rem 24.25rem;
    background-position: center;
    background-size: cover;
  }
  .service-plan__inner.inner {
    max-width: 80.6875rem;
    margin-inline: auto;
    padding-right: 1.25rem;
    padding-left: 1.25rem;
  }
  .sp-nav {
    display: none;
  }
  .store-photo {
    padding-block: 7rem;
  }
  .store-photo__slider {
    margin-top: 5rem;
    padding-bottom: 4rem;
  }
  .store-photo__image {
    aspect-ratio: 320/200;
  }
  .store-photo__slider .splide__arrows {
    right: 5rem;
  }
  .store-photo__slider .splide__arrow {
    width: 3rem;
    height: 3rem;
  }
  .store-photo__arrow-img {
    width: 100%;
    height: 100%;
  }
  .store-photo__img {
    margin-top: 5rem;
  }
  .store-photo__img img {
    aspect-ratio: 320/200;
    max-width: 31.25rem;
  }
  .strengths {
    padding-block: 6.875rem;
  }
  .strengths::after {
    width: 85.5555555556vw;
    height: 25.1875rem;
    border-radius: 0 5rem 5rem 0;
  }
  .strengths__list {
    grid-template-columns: repeat(3, 1fr);
    margin-top: 6.25rem;
    gap: 3.125rem;
  }
  .strengths__item-img {
    aspect-ratio: 190/111;
    width: 100%;
    max-width: 23.75rem;
  }
  .strengths__item-body {
    padding-inline: 1.875rem;
    padding-block: 1rem 1.9375rem;
  }
  .strengths__item-title {
    margin-inline: 0;
    font-size: 1.375rem;
  }
  .strengths__item-text {
    font-size: 1rem;
  }
  .strengths__item:first-of-type .strengths__item-text {
    margin-top: 3rem;
  }
  .sub-heading::after {
    width: 6.25rem;
    height: 0.1875rem;
  }
  .sub-heading__title {
    padding-bottom: 1.875rem;
    font-size: 1.75rem;
  }
  .top-intro {
    padding-block: 3.25rem;
  }
  .top-intro__text {
    font-weight: 700;
    font-size: 1.5rem;
  }
  .top-intro__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 62.875rem;
    margin-top: 3.75rem;
    margin-inline: auto;
  }
  .top-intro__item {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 1.25rem;
    background-color: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    pointer-events: none;
  }
  .top-intro__item-icon {
    aspect-ratio: 110/103;
    width: 6.875rem;
  }
  .top-intro__item-icon.empty {
    width: 7.8125rem;
  }
  .top-intro__item .intro-arrow {
    display: none;
  }
  .top-intro__item-title {
    margin-top: 1.25rem;
    font-size: 2rem;
  }
  .top-intro__item-text {
    margin-top: 0.9375rem;
    font-weight: 700;
    font-size: 1rem;
  }
  .top-intro__item-btn {
    margin-top: auto;
    pointer-events: auto;
  }
  .top-news {
    padding-block: 4rem;
  }
  .top-news__wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 5rem 3.75rem;
    gap: 6.25rem;
    border-radius: 3.75rem 0 3.75rem 0;
    background-color: #fff;
  }
  .top-news__heading {
    width: 27%;
    min-width: 146px;
  }
  .top-news__list {
    width: 89%;
    max-width: 48.8125rem;
    margin-top: 0;
  }
  .top-news__item {
    padding-block: 1.5625rem 1.25rem;
  }
  .top-news__item:first-of-type {
    border-top: none;
  }
  .top-news__item-body {
    display: grid;
    grid-template-columns: 12.5rem 1fr;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 4.375rem;
  }
  .top-news__item-meta {
    gap: 0.625rem;
  }
  .top-news__item-title {
    font-size: 1rem;
    line-height: 1.75;
  }
  .top-news__empty {
    font-size: 1rem;
  }
  .top-news__btn {
    margin-top: 2.5rem;
  }
  .top-property {
    padding-block: 6.25rem 12.5625rem;
  }
  .top-property::after {
    background-image: url(../images/top/bg.webp);
    background-position: bottom;
  }
  .top-property__list {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 3.75rem;
    gap: 3rem;
  }
  .top-property__card {
    width: 23.8125rem;
  }
  .top-property__card-img-src {
    aspect-ratio: 381/280;
    width: 23.8125rem;
    -webkit-transition: -webkit-transform 0.5s ease;
    transition: -webkit-transform 0.5s ease;
    transition: transform 0.5s ease;
    transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  }
  .top-property__card-placeholder {
    aspect-ratio: 381/280;
    width: 100%;
  }
  .top-property__card-placeholder-text {
    font-size: 1rem;
  }
  .top-property__card-body {
    padding-top: 1rem;
  }
  .top-property__card-title {
    font-size: 1.125rem;
  }
  .top-property__card-term {
    margin-top: 0.625rem;
    padding-inline: 0.9375rem;
    padding-block: 0.3125rem;
    font-size: 0.875rem;
  }
  .top-property__card-term {
    padding-inline: 0.875rem;
    padding-block: 0.3125rem;
    font-size: 0.875rem;
  }
  .top-property__card-price {
    margin-top: 0.625rem;
    font-size: 1.25rem;
  }
  .top-property__card-text {
    margin-top: 0.625rem;
    font-size: 1rem;
  }
  .top-property__card-empty {
    font-size: 1rem;
  }
  .top-property__card-btn {
    margin-top: 3.75rem;
  }
  .under-fv {
    aspect-ratio: 1440/400;
    margin-top: 8.1875rem;
  }
  .under-fv.under-fv--info {
    background-image: url(../images/info/fv.webp);
  }
  .under-title {
    font-size: 2.5rem;
    letter-spacing: 0.15em;
  }
  .voice {
    padding-block: 5.5625rem 6.4375rem;
  }
  .voice::before,
  .voice::after {
    border: 0.1875rem solid #fff;
  }
  .voice::before {
    top: 2.75rem;
  }
  .voice::after {
    bottom: 2.75rem;
  }
  .voice__slider {
    max-width: 67.0625rem;
    margin-top: 3.75rem;
    margin-right: 0;
    margin-inline: auto;
    padding-bottom: 0;
  }
  .voice__list {
    /* Splide破棄後のグリッド表示 */
    display: grid !important;
    grid-template-columns: repeat(3, 1fr);
    /* Splide由来のスタイルをリセット */
    width: 100% !important;
    gap: 1.875rem;
    -webkit-transform: none !important;
            transform: none !important;
  }
  .voice__slider .splide__pagination {
    display: none;
  }
  .voice__slider .splide__arrows {
    display: none;
  }
  .voice__slider .splide__track {
    overflow: visible; /* trackのoverflow:hiddenを緩和 */
  }
  .voice__card {
    max-width: none; /* グリッドに追従 */
    padding-inline: 1.875rem;
    padding-block: 1.875rem;
  }
  .voice__rating .star-icon {
    width: 1.25rem;
  }
  .voice__body {
    padding-block: 1.25rem 1.5625rem;
  }
  .voice__body p {
    font-size: 1rem;
  }
  .voice__name {
    font-size: 1rem;
  }
  .voice__meta {
    font-size: 1rem;
  }
}

@media (min-width: 1240px) {
  html {
    font-size: 16px;
  }
}

@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}

@media (any-hover: hover) {
  a:hover {
    opacity: 0.6;
  }
  .btn.btn__line:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
    background-clip: padding-box, border-box;
    opacity: 1;
  }
  .btn.btn__line:hover .btn__icon {
    background-image: url(../images/icon/icon-lineO.webp);
  }
  .btn.btn__line:hover .btn__text {
    -webkit-text-fill-color: transparent;
    background-image: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
    background-image: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
  }
  .btn.btn__more:hover {
    background: #ffffff;
  }
  .btn.btn__more:hover {
    background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
    background-image: linear-gradient(#fff, #fff), linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
    background-clip: padding-box, border-box;
    color: #fe8802;
    opacity: 1;
  }
  .btn.btn__more:hover .btn__arrow {
    background-image: url(../images/icon/icon-btn-arrowO.webp);
  }
  .btn.btn__more:hover .btn__more-text {
    background-image: -webkit-gradient(linear, left top, right top, from(#fe8802), to(#fdb611));
    background-image: linear-gradient(90deg, #fe8802 0%, #fdb611 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: transparent;
  }
}
/*# sourceMappingURL=map/styles.css.map */