@charset "UTF-8";
/* SCSSの読み込み */
@import url(all.css);
/*===============================================
  切り替え用
===============================================*/
.pc-none {
  display: none !important;
}

a[href^="tel:"] {
  pointer-events: none;
}

/*===============================================
  ページネーション
===============================================*/
/*===============================================
  詳細ページ前後
===============================================*/
/*===============================================
  wrapper
===============================================*/
#wrapper {
  min-width: 1200px;
}

/*===============================================
  header
===============================================*/
#header .header__inner {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  min-height: clamp(110px, 7.7777777778vw, 140px);
}
#header .header__logo {
  width: clamp(145px, 11.1111111111vw, 200px);
  border-bottom-right-radius: clamp(20px, 1.5625vw, 30px);
}
#header .header__logo img {
  width: 57%;
}
#header .header__right {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
  font-size: clamp(1.4rem, 1.0666666667vw, 1.6rem);
  row-gap: clamp(15px, 1.0416666667vw, 20px);
  padding-right: clamp(20px, 1.5625vw, 30px);
}
#header .header__other {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  -moz-column-gap: 1.25em;
       column-gap: 1.25em;
}
#header .header__btn {
  width: 15.625em;
  height: max(42px, 3.75em);
}
#header .header__link {
  display: flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-size: var(--font-size-base);
  font-family: var(--font-family-kaku);
  font-weight: var(--font-weight-bold);
  color: var(--color-text);
  line-height: 1;
  letter-spacing: 0;
  -moz-column-gap: 1.5rem;
       column-gap: 1.5rem;
  padding-bottom: 0.5rem;
  border-bottom: solid 1px var(--color-border);
  transition: all 0.12s ease-out;
}
#header .header__link > span {
  line-height: 1.5;
  letter-spacing: var(--letter-spacing-base);
  margin-right: calc(var(--letter-spacing-base) * -1);
}
#header .header__link::after {
  content: "\f3dd";
  font-family: var(--font-family-icon);
  font-weight: var(--font-weight-regular);
  color: var(--color-main);
}
#header .header__link:hover {
  color: var(--color-main);
}

/*===============================================
  footer
===============================================*/
#footer {
  padding-block: 8rem;
}
#footer .footer__inner {
  display: grid;
  grid-template: "logo sns link" "logo sns fnav" "info info fnav"/114px auto 1fr;
  align-items: flex-end;
  gap: 3rem 4rem;
  width: 1080px;
}
#footer .footer__logo {
  grid-area: logo;
}
#footer .footer__logo img {
  width: 100%;
  aspect-ratio: 114/105;
  -o-object-fit: contain;
     object-fit: contain;
}
#footer .footer__info {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 3rem;
  grid-area: info;
}
#footer .footer__info .label {
  display: block;
}
#footer .footer__link {
  width: 38rem;
  grid-area: link;
  margin-left: auto;
}
#footer .footer__sns {
  justify-content: flex-start;
  gap: 3rem;
  grid-area: sns;
}
#footer .footer__sns li {
  width: 32px;
}

/*フッターナビ
-----------------------------*/
.footer-nav {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-direction: column;
  row-gap: 5rem;
  grid-area: fnav;
  margin-top: auto;
}
.footer-nav__list {
  display: grid;
  grid-template-rows: repeat(3, 1fr);
  grid-auto-flow: column;
  justify-content: flex-end;
  gap: 54px 70px;
}
.footer-nav__item {
  line-height: var(--line-height-base);
  margin-block: calc((1em - 1lh) / 2);
}
.footer-nav__link {
  letter-spacing: var(--letter-spacing-base);
  margin-right: calc(var(--letter-spacing-base) * -1);
}
.footer-nav__sub-list {
  margin-block: calc((1em - 1lh) / 2);
}

/*コピーライト
-----------------------------*/
/*===============================================
  fixed固定
===============================================*/
/*ページトップ
-----------------------------*/
#pagetop {
  bottom: clamp(20px, 1.5625vw, 30px);
  right: 25px;
}
#pagetop::before {
  width: 9.1rem;
}

/*サイドボタン
-----------------------------*/
#side {
  flex-direction: column;
  width: 6rem;
  border-radius: clamp(20px, 1.5625vw, 30px) 0 0 clamp(20px, 1.5625vw, 30px);
  padding-block: clamp(40px, 3.125vw, 60px);
  right: 0;
  bottom: calc(10rem + clamp(60px, 4.6875vw, 90px));
}
#side > span {
  writing-mode: vertical-rl;
  max-height: auto;
  text-orientation: mixed;
}
@media screen and (max-width: 767px) {
  #side > span {
    writing-mode: horizontal-tb;
    max-height: inherit;
  }
}

/*===============================================
  visual
===============================================*/
/*メインビジュアル
-----------------------------*/
.visual__main {
  height: clamp(540px, 41.1458333333vw, 790px);
}
.visual__main::before {
  width: calc(100% - clamp(40px, 3.125vw, 60px));
  max-width: 1860px;
  height: calc(100% - clamp(20px, 1.5625vw, 30px));
  border-radius: clamp(20px, 1.5625vw, 30px);
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -2;
}
.visual__main-box {
  width: clamp(490px, 38.0208333333vw, 730px);
  height: clamp(180px, 14.0625vw, 270px);
  left: max(50% - 960px, 0px);
  margin-bottom: clamp(4px, 0.3125vw, 6px);
  row-gap: clamp(15px, 1.0416666667vw, 20px);
  padding-top: clamp(12px, 0.9375vw, 18px);
  border-top-right-radius: clamp(20px, 1.5625vw, 30px);
}
.visual__main-box::before {
  height: clamp(100px, 7.7604166667vw, 149px);
  background-position: left clamp(-8px, -0.4166666667vw, -6px) bottom;
}
.visual__main-box::after {
  width: clamp(102px, 7.9166666667vw, 152px);
  top: -15.186%;
  left: 9.5891%;
}
.visual__main-catch {
  font-size: clamp(3rem, 2.2916666667vw, 4.4rem);
  line-height: 1.36364;
  letter-spacing: var(--letter-spacing-lg);
  margin-right: calc(var(--letter-spacing-lg) * -1 - 0.5em);
}
.visual__main-catch .b {
  font-size: clamp(3.2rem, 2.5vw, 4.8rem);
  line-height: 1;
}
.visual__main-catch::after {
  content: "";
  width: clamp(166px, 12.96875vw, 249px);
  aspect-ratio: 249/183;
  background: url(../img/visual/mv_deco-right.png) no-repeat right top/contain;
  position: absolute;
  top: -36.297%;
  right: 9.3151%;
  z-index: -1;
}
.visual__main-sub {
  font-size: clamp(1.6rem, 1.25vw, 2.4rem);
  line-height: var(--line-height-h4);
  padding: clamp(10px, 0.78125vw, 15px) clamp(22px, 1.6666666667vw, 32px);
}
.visual__main-sub p {
  letter-spacing: var(--letter-spacing-base);
  margin-right: calc(var(--letter-spacing-base) * -1);
}

/*サブビジュアル
-----------------------------*/
.visual__sub::after {
  width: calc(100% - clamp(40px, 3.125vw, 60px));
  max-width: 1860px;
  height: clamp(240px, 19.6354166667vw, 377px);
  border-radius: clamp(20px, 1.5625vw, 30px);
}
.visual__sub-inner {
  width: calc(100% - clamp(40px, 3.125vw, 60px));
  max-width: 1860px;
  padding: clamp(35px, 2.6041666667vw, 50px) clamp(200px, 16.6666666667vw, 320px) clamp(15px, 1.0416666667vw, 20px);
  row-gap: clamp(35px, 2.6041666667vw, 50px);
}
.visual__sub-inner::before {
  width: clamp(490px, 38.0208333333vw, 730px);
  height: clamp(100px, 7.7604166667vw, 149px);
  background-position: left clamp(-8px, -0.4166666667vw, -6px) bottom;
  right: clamp(14px, 1.09375vw, 21px);
  bottom: clamp(-3px, -0.15625vw, -2px);
}
.visual__sub-inner::after {
  width: clamp(81px, 6.3020833333vw, 121px);
  top: clamp(19px, 1.4583333333vw, 28px);
  right: clamp(59px, 4.5833333333vw, 88px);
}
.visual__sub-catch {
  font-size: clamp(2.8rem, 2.0833333333vw, 4rem);
  letter-spacing: var(--letter-spacing-lg);
  padding-left: clamp(20px, 1.5625vw, 30px);
}
.visual__sub-catch::before {
  width: 0.425em;
  height: 1em;
}

/*===============================================
  グローバルナビ
===============================================*/
.gnav {
  line-height: 1.5;
}
.gnav__list {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gnav__item {
  display: flex;
  justify-content: center;
  align-items: center;
}
.gnav__item::after {
  content: "";
  display: block;
  width: 1em;
  aspect-ratio: 16/24;
  background: url(../img/common/nav_deco.png) no-repeat center/contain;
  margin-inline: 1em;
}
.gnav__item:last-of-type::after {
  display: none;
}
.gnav__link {
  display: block;
  letter-spacing: var(--letter-spacing-base);
  margin-right: calc(var(--letter-spacing-base) * -1);
}
.gnav__link:hover, .gnav__link.current {
  color: var(--color-main);
}

/*===============================================
  main#container
===============================================*/
/*===============================================
  パンくずリスト
===============================================*/
/*===============================================
  main共通
===============================================*/
.section {
  padding-block: 10rem;
}

.inbox {
  width: 1080px;
}

/*電話番号
-----------------------------*/
/*ボタン
-----------------------------*/
.com-btn--line, .com-btn--mail {
  height: 60px;
}
.com-btn--line {
  -moz-column-gap: 11px;
       column-gap: 11px;
}
.com-btn--line::before {
  width: 21px;
}

/*テーブル
-----------------------------*/
.com-table tr th {
  width: 13rem;
  padding-block: 2rem;
}
.com-table tr td {
  padding-block: 2rem;
}

/*テキストボックス
-----------------------------*/
.com-text p {
  margin-right: calc(var(--letter-spacing-base) * -1);
}

/* 背景
-----------------------------*/
.com-bg::before {
  min-width: 1920px;
  height: 181px;
}
.com-bg::after {
  width: 96.875%;
  max-width: 1860px;
  min-width: 1560px;
  height: clamp(125px, 9.0625vw, 174px);
  left: calc(50% - 1.3rem);
}

/*お知らせ
-----------------------------*/
.com-post__list {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4rem;
}
.com-post__inner {
  padding-top: 2rem;
}
.com-post__date {
  width: 11rem;
  text-align: center;
  line-height: var(--line-height-base);
  background: var(--color-white);
  margin-block: 0 !important;
  border-radius: 0.8rem 0;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

/*===============================================
  タイトル
===============================================*/
/*大タイトル
-----------------------------*/
/*中タイトル
-----------------------------*/
.com-title02 {
  border-radius: 100vh;
}

/*小タイトル
-----------------------------*/
/*===============================================
  共通セクション
===============================================*/
/*お問い合わせ
-----------------------------*/
.com-contact {
  padding-block: 8rem;
  background-size: max(1917px, 100%) 342px;
}
.com-contact::before {
  height: 149px;
}
.com-contact::after {
  width: 1088px;
  height: 66px;
  top: 23px;
}
.com-contact__list {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 2rem;
}
.com-contact__list::before {
  width: 920px;
  height: 150px;
  left: calc(50% + 1px);
  bottom: -8rem;
}
.com-contact__list:has(.com-contact__item:nth-child(3))::before {
  width: 844px;
  bottom: 100%;
}
.com-contact__item {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 28rem;
  padding-block: 3rem;
  position: relative;
}
.com-contact__item:last-of-type::after {
  content: "";
  width: 52px;
  aspect-ratio: 52/31;
  background: url(../img/common/contact_deco-box.png) no-repeat left top/contain;
  position: absolute;
  top: -29px;
  left: 6px;
}
.com-contact__item:last-of-type:nth-child(2)::after {
  left: inherit;
  right: 6px;
}
.com-contact__item:last-of-type:nth-of-type(1) {
  width: 50rem;
}
.com-contact__item:last-of-type:nth-of-type(1)::after {
  left: inherit;
  right: 6px;
}

/*空き家をお持ちの方へ
-----------------------------*/
.com-bnr.section {
  padding-block: 5rem;
}
.com-bnr__box {
  display: grid;
  grid-template-columns: 1fr 42rem;
  border-radius: 3rem;
  overflow: hidden;
}
.com-bnr__inner {
  padding: 5rem 5rem 4rem;
}
.com-bnr__inner::after {
  width: 12.5rem;
  top: 1.9rem;
  right: 1rem;
}
.com-bnr__text {
  max-width: 50rem;
}
.com-bnr__text p {
  display: inline;
}
.com-bnr__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.com-bnr__image::after {
  width: 16rem;
  right: 1rem;
}
.com-bnr__btn {
  height: 6rem;
  -moz-column-gap: 9.5rem;
       column-gap: 9.5rem;
  grid-column: span 2;
}

/*===============================================
  トップページ
===============================================*/
/*お知らせ
-----------------------------*/
.top-news__box {
  display: grid;
  grid-template: auto 1fr/auto 750px;
}
.top-news__list {
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
  grid-row: span 2;
}
.top-news__btn {
  margin-top: auto;
}

/*ご挨拶
-----------------------------*/
.top-greeting {
  padding: clamp(135px, 10.4166666667vw, 200px) 0 0;
}
.top-greeting::before {
  height: clamp(400px, 31.25vw, 600px);
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
.top-greeting__inner {
  display: grid;
  grid-template-columns: auto 650px;
  align-items: flex-start;
  gap: 6rem 4rem;
  padding: 10rem 2rem;
}
.top-greeting__inner::before {
  content: "";
  width: calc(100vw - 50px);
  max-width: 1280px;
  min-width: 1150px;
  height: 100%;
  background: var(--color-white);
  border-radius: 3rem;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  z-index: -2;
}
.top-greeting__text {
  grid-row: span 2;
}
.top-greeting__text p:last-of-type {
  letter-spacing: 0.08em;
}
.top-greeting__btn {
  margin-top: auto;
}
.top-greeting__box {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  -moz-column-gap: 6rem;
       column-gap: 6rem;
  padding: 0 4rem 4rem;
  border-radius: 0 0 3rem 3rem;
  grid-column: span 2;
}
.top-greeting__box::before {
  height: calc(100% - 25px);
  border-radius: 3rem;
}
.top-greeting__box::after {
  height: 149px;
  border-radius: 0 0 3rem 3rem;
}
.top-greeting__heading {
  width: calc(100% + 8rem);
  margin-inline: -4rem;
}
.top-greeting__heading::before {
  width: 594px;
  height: 56px;
  top: -42px;
}
.top-greeting__heading::after {
  width: calc(100% - 46px);
  height: 81px;
  bottom: -35px;
}
.top-greeting__image {
  width: 210px;
  flex-shrink: 0;
}
.top-greeting__body {
  min-width: 55rem;
}
.top-greeting + .top-movie::before,
.top-greeting + .top-service::before {
  min-width: 1920px;
  height: 181px;
}

/*動画で『すずめ不動産』を
わかりやすく紹介！
-----------------------------*/
.top-movie::after {
  width: calc(100% - 20px);
  max-width: 1834px;
  height: calc(100% - clamp(60px, 4.6875vw, 90px));
  background-position: left max(0px, 50vw - 811px) top, right bottom;
  background-size: clamp(130px, 25vw - 212px, 268px), clamp(250px, 30vw - 150px, 426px);
  bottom: -5px;
}
.top-movie__title {
  margin-bottom: 5rem;
}
.top-movie__box {
  height: 506px;
}

/*事業内容
-----------------------------*/
.top-service::before {
  content: "";
  width: calc(100% - 20px);
  max-width: 1700px;
  height: calc(100% - 10rem);
  background: var(--color-white);
  border-radius: 3rem 0 0 3rem;
  position: absolute;
  top: 0;
  right: 0;
  z-index: 0;
}
.top-service__inner {
  display: grid;
  grid-template-columns: 1fr auto;
  justify-content: space-between;
  align-items: flex-end;
  gap: 3rem;
  padding-bottom: 8rem;
}
.top-service__title {
  margin-bottom: 0;
  order: 0;
}
.top-service__list {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(500px, 1fr));
  gap: 6rem 8rem;
  grid-column: span 2;
  order: 2;
}
.top-service__image {
  margin-bottom: 3rem;
}
.top-service__image img {
  width: 100%;
  height: 500px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 3rem;
}
.top-service__image figcaption {
  width: 32rem;
  border-top-right-radius: 3rem;
  padding-block: 2rem;
}
.top-service__image figcaption::after {
  width: 100%;
  height: 126px;
  left: 0;
}
.top-service__text p {
  display: inline;
}
.top-service__btn {
  order: 1;
  margin-right: 2rem;
}

/*売却実績
-----------------------------*/
.top-achievements::before {
  height: clamp(76px, 5.8854166667vw, 113px);
  top: clamp(20px, 1.5625vw, 30px);
}
.top-achievements__title::before {
  width: 1090px;
  height: 17.6rem;
  bottom: -5rem;
}
.top-achievements__slider {
  font-size: clamp(1.2rem, 0.8333333333vw, 1.6rem);
}
.top-achievements__slider .swiper-button-prev,
.top-achievements__slider .swiper-button-next {
  top: clamp(138px, 10.8333333333vw, 208px);
}
.top-achievements__slider .swiper-button-prev::before,
.top-achievements__slider .swiper-button-next::before {
  font-size: 1.875em;
}
.top-achievements__slider .swiper-button-prev {
  left: clamp(20px, 6.6666666667vw, 30px);
}
.top-achievements__slider .swiper-button-next {
  right: clamp(20px, 6.6666666667vw, 30px);
}
.top-achievements__slider:not(.swiper-initialized) .top-achievements__list {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 1.25em;
}
.top-achievements__slider:not(.swiper-initialized) .top-achievements__item {
  width: clamp(245px, 18.9583333333vw, 364px);
}
.top-achievements__link {
  row-gap: 0.625em;
}
.top-achievements__image {
  margin-bottom: 0.625em;
}
.top-achievements__tags {
  font-size: 0.75em;
}
.top-achievements__btn {
  margin: 5rem auto 0;
}

/*各種ご案内
-----------------------------*/
.top-info {
  display: flex;
  justify-content: flex-end;
  align-items: flex-start;
  flex-direction: row-reverse;
  -moz-column-gap: 8rem;
       column-gap: 8rem;
}
.top-info__inner {
  width: 57rem;
  margin-inline: 0;
}
.top-info__image {
  width: calc(50% - 11rem);
  height: 48rem;
}
.top-info__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 0 3rem 3rem 0;
}
.top-info__image::after {
  width: 11.7rem;
  right: 4rem;
  bottom: 2rem;
}

/*===============================================
  すずめ不動産について
===============================================*/
/*代表挨拶
-----------------------------*/
.about-greeting__inner {
  display: grid;
  grid-template-columns: 50rem 1fr;
  align-items: flex-start;
  gap: 3rem;
  background: var(--color-white);
  padding-bottom: 3rem;
}
.about-greeting__image {
  grid-row: span 4;
}
.about-greeting__image img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.about-greeting__image img {
  border-radius: 3rem;
}
.about-greeting__image figcaption {
  width: 64%;
  padding-block: 2.8rem;
  border-top-right-radius: 3rem;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 1;
}
.about-greeting__image figcaption::after {
  width: 16rem;
  left: -0.3rem;
  bottom: 100%;
}
.about-greeting__box {
  margin-bottom: 1rem;
}
.about-greeting__box:last-of-type {
  margin-bottom: 0;
}
.about-greeting__box--comment {
  grid-column: span 2;
}

/*すずめ不動産が選ばれる3つの理由
-----------------------------*/
.about-reason__item {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  min-height: 450px;
  padding-block: 5rem;
}
.about-reason__item:nth-of-type(2n + 1) {
  padding-right: 480px;
}
.about-reason__item:nth-of-type(2n + 1) .about-reason__image {
  left: calc(50% + 110px);
  border-radius: 3rem 0 0 3rem;
}
.about-reason__item:nth-of-type(2n) {
  padding-left: 480px;
}
.about-reason__item:nth-of-type(2n) .about-reason__image {
  right: calc(50% + 110px);
  border-radius: 0 3rem 3rem 0;
}
.about-reason__image {
  width: calc(50vw - 110px);
  min-width: 490px;
  height: 450px;
  position: absolute;
  top: 0;
  z-index: -1;
  overflow: hidden;
}
.about-reason__image::after {
  width: 295px;
}
.about-reason__inner {
  position: relative;
  z-index: 0;
}
.about-reason__inner::after {
  width: 125px;
  top: -5rem;
  left: -0.5rem;
}

/*店舗案内
-----------------------------*/
.about-info {
  padding-block: 8rem;
  background: var(--pattern-bg);
}
.about-info::before {
  width: calc(100% - 5rem);
  max-width: calc(50% + 74rem);
  border-radius: 3rem 0 0 3rem;
}
.about-info__map {
  height: 40rem;
}

/*===============================================
  事業内容
===============================================*/
/*不動産売却・買取 / 不動産販売
-----------------------------*/
.service__inner {
  display: grid;
  grid-template-columns: 50rem 1fr;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  align-items: flex-start;
}
.service__title {
  grid-column: span 2;
  order: 0;
}
.service__text {
  order: 2;
}
.service__image {
  order: 1;
}
.service__image img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.service__image img {
  border-radius: 3rem;
}
.service__image::after {
  width: 26.4rem;
}
.service__point::before {
  height: clamp(400px, 31.25vw, 600px);
  border-radius: clamp(20px, 1.5625vw, 30px) clamp(20px, 1.5625vw, 30px) 0 0;
}
.service__box {
  width: calc(100vw - 6rem);
  max-width: 1280px;
  min-width: 1140px;
  padding: 8rem clamp(5rem, 50vw - 52rem, 12rem);
  border-radius: 3rem;
}
.service__box::before {
  width: calc(100% - 3rem);
  height: 56px;
  top: -4.5rem;
}
.service__box::after {
  width: calc(100% + 3.8rem);
  height: 81px;
  top: -1.3rem;
}
.service__heading::before {
  height: 157px;
  bottom: calc(100% + 2rem);
}
.service__list {
  padding-inline: 4.5rem;
}
.service__btn {
  margin: 5rem auto 0;
}

/*===============================================
  空き家をお持ちの方へ
===============================================*/
/*このようなお悩みはございませんか？
-----------------------------*/
.support-worries__inner {
  display: grid;
  grid-template-columns: 60rem 1fr;
  -moz-column-gap: 3.2rem;
       column-gap: 3.2rem;
  align-items: flex-end;
}
.support-worries__list {
  padding: 3rem;
  border-radius: 3rem;
}

/*そのお悩み、
すずめ不動産にご相談ください！
-----------------------------*/
.support-about {
  padding-block: 5rem;
}
.support-about .inbox {
  padding-inline: 2rem;
}
.support-about__title {
  padding: 2.8rem 4rem;
  margin-bottom: 5rem;
}
.support-about__title::after {
  width: 3.7rem;
}
.support-about__inner {
  display: grid;
  grid-template-columns: 40rem 1fr;
  gap: 3rem;
  padding-inline: 3rem;
}
.support-about__text {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  order: 1;
}
.support-about__image {
  order: 0;
}
.support-about__image img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.support-about__image img {
  border-radius: 3rem;
  -o-object-position: right center;
     object-position: right center;
}

/*すずめ不動産の空き家売却の強み
-----------------------------*/
.support-feature__title::before {
  width: 27.3rem;
  position: absolute;
  top: -6rem;
  right: 19.8rem;
}
.support-feature__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 3rem;
}
.support-feature__item {
  padding-top: 2.5rem;
}
.support-feature__image {
  margin-bottom: 2rem;
}
.support-feature__image img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.support-feature__image--right img {
  -o-object-position: right center;
     object-position: right center;
}
.support-feature__body {
  text-align: justify;
}
.support-feature__body p {
  display: inline;
  line-break: anywhere;
}

/*空き家がもたらすリスク
-----------------------------*/
.support-risk__inner {
  display: grid;
  grid-template-columns: 50rem 1fr;
  -moz-column-gap: 3rem;
       column-gap: 3rem;
  align-items: flex-start;
}
.support-risk__title {
  grid-column: span 2;
  order: 0;
}
.support-risk__text {
  order: 2;
}
.support-risk__image {
  order: 1;
}
.support-risk__image img {
  aspect-ratio: 1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.support-risk__image img {
  border-radius: 3rem;
}
.support-risk__image::after {
  width: 25.7rem;
}
.support-risk__list {
  padding-inline: 4.5rem;
}

/*放置せず、今できる対策を！
-----------------------------*/
.support-summary__inner {
  display: grid;
  grid-template-columns: 1fr 65rem;
  -moz-column-gap: 5rem;
       column-gap: 5rem;
  align-items: flex-start;
}

/*ボタンリンクセクション
-----------------------------*/
.support-links {
  padding-block: 5rem;
}
.support-links__items {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 3rem;
}
.support-links__item {
  height: 6rem;
}

/*===============================================
  売却実績
===============================================*/
/*一覧
-----------------------------*/
.results-list__links {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 2rem 2.6666666667rem;
}
.results-list__items {
  margin-top: 5rem;
}
.results-list__item {
  display: grid;
  grid-template-columns: 36.4rem 1fr;
  -moz-column-gap: 4rem;
       column-gap: 4rem;
}
.results-list__inner {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  row-gap: 2rem;
  padding-block: 1rem;
}
.results-list__inner > *:not(.com-btn) {
  width: 100%;
}
.results-list__heading {
  margin-bottom: 0;
}
.results-list__status {
  margin-top: calc(1rem + (1em - 1lh) / 2);
}
.results-list__btn {
  margin: 6rem 0 0 auto;
}

/*詳細
-----------------------------*/
.results-detail__inner {
  max-width: 675px;
  margin-inline: auto;
  padding-top: 3rem;
}
.results-detail__image {
  margin-bottom: 3rem;
}

/*===============================================
  取扱い不動産
===============================================*/
/*一覧
-----------------------------*/
.catalog-list__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem;
}
.catalog-list__items::before {
  grid-column: span 2;
  margin-bottom: 0;
}
.catalog-list__image {
  max-width: 36.4rem;
  margin: 0 auto 3rem;
}
.catalog-list__btn {
  margin: 6rem auto 0;
}

/*詳細
-----------------------------*/
.catalog-detail__inner {
  max-width: 675px;
  margin-inline: auto;
}
.catalog-detail__images {
  margin-bottom: 2rem;
}
.catalog-detail__point {
  margin-top: 3rem;
}
.catalog-detail__list {
  padding-top: 1rem;
}
.catalog-detail__list-wrap {
  margin-top: 5rem;
}

/*===============================================
  お知らせ
===============================================*/
/* お知らせ 一覧
-----------------------------*/
/* お知らせ 詳細
-----------------------------*/
/*タグリスト
-----------------------------*/
/*===============================================
  お問い合わせ
===============================================*/
.contact-form__title {
  margin-bottom: 6rem;
}
.contact-form__table {
  margin-bottom: 56px;
}
.contact-form__table tr th {
  width: 350px;
  text-align: left;
  line-height: 2.375;
  padding-right: 4rem;
}
.contact-form__table tr td {
  vertical-align: middle;
  line-height: 2.375;
}
.contact-form .contact-submits-wrap > * {
  width: 320px;
  height: 60px;
  margin: 20px 15px 0;
}

/*===============================================
  お問い合わせ完了
===============================================*/
/*===============================================
  プライバシーポリシー
===============================================*/
.privacy-policy__title {
  margin-bottom: 6rem;
}
/*===============================================
  サイトマップ
===============================================*/
.sitemap-list__items {
  display: grid;
  grid-template-rows: repeat(5, 1fr);
  grid-auto-flow: column;
  gap: 20px 80px;
}
.sitemap-list__link {
  font-size: var(--font-size-h6);
  line-height: var(--line-height-h6);
  padding: 15px 20px;
}

/*===============================================
  404エラー
===============================================*/