@charset "utf-8";

/* ==============================

    サイト設定　適宜変更箇所

============================== */
html {
    font-size: 62.5%;
    scroll-behavior: smooth;
    overflow-x: hidden;
}

body {
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.75;
    letter-spacing: 0.04em;
    text-align: justify;
    overflow-x: hidden;
    font-family: "Zen Kaku Gothic New", sans-serif;
    /* カラー変数 */
    --basic: #13334E;
    --lightblue: #1F86B7;
    --iceblue: #DDE9EF;
    --white: #ffffff;
    /* 基本カラー */
    color: var(--basic);
}

a,
a img {
    color: var(--basic);
    text-decoration: none;
    transition: all 0.2s ease 0s;
}

/* ==============================

    サイト設定

============================== */

.inner-s {
    max-width: 960px;
    margin: 0 auto;
}

.inner {
    max-width: 1100px;
    margin: 0 auto;
}

.inner-l {
    max-width: 1440px;
    margin: 0 auto;
}

/* カラー */
.red {
    color: #6E0B0B;
    font-weight: bold;
}

.color--lightblue {
    color: var(--lightblue);
    font-weight: 700;
}

.color--orange {
    color: #ffa201;
}

/*画像ホバー時*/

.img-hover {
    transition: .6s;
}

.img-hover:hover {
    opacity: .6;
}

.flex-row {
    flex-direction: row-reverse;
}

/* セクションタイトル */
.section__title {
    margin-bottom: 5.6rem;
}

.section__title--en {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 10.4rem;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    color: var(--iceblue);
}

h3,
.section__title--ja {
    font-size: 3.2rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0;
}

.has-text-align-center.low-section__title--en,
.has-text-align-center.section__title--ja {
    width: fit-content;
}

.section__title--center>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* ボタン */
.button {
    margin-top: 4.8rem;
    transition: transform .5s ease-in-out;
}

.wp-block-buttons>.wp-block-button.button {
    margin-top: 4.8rem !important;
}

.button a {
    background-color: unset;
    font-size: 1.8rem;
    font-weight: 700;
    border-radius: 0;
    padding: 0;
    display: inline;
}

.btn--blue:hover .title-underline {
    color: var(--lightblue);
}

.button:hover .arrow-right {
    transform: scale(1.05);
    transition: transform .5s ease;
}

.button a>.title-underline {
    padding-bottom: .4rem;
}

.btn--blue a>.title-underline {
    color: var(--basic);
    border-bottom: .1rem solid var(--basic);
}

.btn--white a>.title-underline {
    color: var(--white);
    border-bottom: .1rem solid var(--white);
}

.material-icons-outlined.arrow-right {
    position: relative;
    font-size: 1.8rem;
    margin-left: calc(1.6rem + 1.5rem);
    z-index: 0;
}

.btn--blue .material-icons-outlined.arrow-right {
    color: var(--white);
}

.btn--white .material-icons-outlined.arrow-right {
    color: var(--lightblue);
}

.material-icons-outlined.arrow-right::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    z-index: -1;
}

.btn--blue .material-icons-outlined.arrow-right::before {
    background-color: var(--lightblue);
}

.btn--white .material-icons-outlined.arrow-right::before {
    background-color: var(--white);
}

/* 背景 */
.bg--blue {
    background-image:
        linear-gradient(0deg, #FFFFFF 0%, #ABD8F0 10%, #5EB6E7 40%, #4EA4DB 60%, #004EA1 100%),
        url(../img/tsubu_texture.png);
    background-blend-mode: overlay;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    color: var(--white);
}

.town-img {
    position: absolute;
    opacity: 0.3;
    z-index: -1;
}

/* 投稿・カスタム投稿共通 */
.nofv-wrap {
    margin-top: 15.2rem;
}

/* ==============================

　　固定メニュー

　============================== */

.fix_nav.sp_disp.sp {
    position: fixed;
    z-index: 300;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
    background: black;
    height: 5rem;
}

.wp-block-group.fix_nav.sp_disp-inner {
    gap: 0;
}

.kotei-menu {
    color: #fff;
    padding: 5px 0;
    text-align: center;
    border-right: 0.5px solid #fff;
    position: relative;
    font-size: 1.4rem;
    line-height: 1;
}

.kotei-menu:last-child {
    border-right: none;
}

/*メニュー数*/

.sp_disp-4 .kotei-menu {
    width: 25%;
}

.sp_disp-3 .kotei-menu {
    width: 33.3333333333%;
}

.sp_disp-2 .kotei-menu {
    width: 50%;
}

.sp_disp-1 .kotei-menu {
    width: 100%;
}

/* ==============================

ヘッダーの設定

　============================== */

header {
    width: 100%;
    transition: .6s;
}

.header-inner {
    transition: .6s;
}

/*適宜修正*/

.header-inner {
    position: fixed;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    z-index: 300;
    width: 96%;
    background-color: var(--white);
    border-radius: 0 0 .8rem .8rem;
    padding: 1.4% 3%;
    box-shadow: 0 0 .4rem rgba(51, 51, 51, .08);
}

.wp-block-image.header-logo img {
    height: 6rem;
    width: auto;
}

.header-inner-menu {
    gap: 3.2rem;
    font-weight: 700;
}

.header-inner-menu>.wp-block-navigation-item a {
    text-align: center;
}

.wp-block-navigation-item {
    transition: transform .3s ease-in-out;
}

.wp-block-navigation-item:hover {
    color: var(--lightblue);
}

/* ==============================

フッターの設定

　============================== */
footer {
    position: relative;
    margin-top: 18.4rem;
    overflow: hidden;
}

.footer__inner {
    background-image: url(../img/footer-bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    color: var(--white);
    padding-top: 22rem;
    position: sticky;
    z-index: 10;
}

.footer__inner h3 {
    margin-bottom: 4.8rem;
}

.footer-contact__list {
    margin-bottom: 10.4rem;
}

.footer-contact__list>.wp-block-group__inner-container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.footer-contact__item {
    width: 32rem;
    height: 23rem;
    position: relative;
    background-color: var(--white);
    color: var(--basic);
    border-radius: 1rem;
    padding: 4.8rem 3.2rem 4rem 3.2rem;
}

.footer-contact__title {
    font-weight: 700;
}

.footer-contact-phonenumber {
    font-size: 3.2rem;
    font-weight: 700;
    transition: all .3rem ease-in-out;
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.footer-contact__item>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.footer-contact-phonenumber::before {
    background: var(--basic);
    content: '';
    width: 100%;
    height: .1rem;
    position: absolute;
    left: 0;
    bottom: 0;
    transform-origin: right top;
    transform: scale(0, 1);
    transition: transform .3s;
}

.footer-contact-phonenumber:hover::before {
    transform-origin: left top;
    transform: scale(1, 1);
}

.footer-contact__icon {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -2.8rem;
}

.footer-contact__attention {
    font-size: 1.4rem;
    margin-top: .8rem;
}

.footer-contact__attention>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .4rem;
}

.wp-block-buttons>.wp-block-button.footer-contact-btn {
    margin-top: 1.2rem;
    margin-bottom: .8rem;
    width: 25.6rem;
}

.footer-contact-btn a {
    position: relative;
    background-color: var(--lightblue);
    font-weight: 700;
    font-size: 1.6rem;
    height: 4.8rem;
    padding: 0 0 0 3.2rem;
}

.footer-btn__icon {
    transition: all .2s ease-in-out;
}

.footer-contact-btn a:hover .footer-btn__icon {
    right: 1.2rem;
}

.footer-btn__icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 1.6rem;
    font-size: 1.8rem;
}

.footer-banner {
  display: none;
}

/* バナーはトップページのみ表示 */
body.home .footer-banner {
  display: block;
}

.footer-banner {
    width: 50%;
    min-width: 32rem;
    margin: auto;
}

.footer-banner__lead {
        line-height: 1.25;
    margin-bottom: .8rem;
}

.footer-logo {
    width: 16rem;
}

.footer-info {
    margin-top: 6.4rem;
    margin-bottom: 3.2rem;
}

.footer-info {
    gap: 5.6rem;
}

.footer-address {
    margin-bottom: 1.6rem;
}

.footer-info__title {
    width: 6.8rem;
    text-align-last: justify;
}

.copyright {
    font-size: 1.2rem;
    font-weight: 700;
    padding-bottom: 2.4rem;
}

.footer-moving-text {
    position: absolute;
    top: 2.4rem;
    left: 50%;
    width: 270%;
    opacity: 0.4;
    z-index: -1;
    animation: rotation1 150s linear infinite;
}

@keyframes rotation1 {
    0% {
        transform: translateX(-50%) rotate(0deg);
    }

    100% {
        transform: translateX(-50%) rotate(360deg);
    }
}

/* ==============================
    
    メインビジュアル
    
　============================== */

/*メインビジュアル　relative*/

.mainv {
    z-index: 0;
    position: relative;
}

.slider-01 {
    position: relative;
    width: 100%;
    overflow: hidden;
    background-color: #000;
}

/*メインビジュアル　高さ適宜変更*/
.mainv,
.slider-01,
.slider-01 .slide figure.wp-block-image.size-full,
.slider-01 .slide figure.wp-block-image.size-full img {
    height: 100vh;
}

/*メインビジュアルキャッチコピー*/
.maincopy {
    position: absolute;
    z-index: 20;
    color: var(--white);
    font-weight: 700;
    left: 5%;
    bottom: 10%;
}

.maincopy>.wp-block-group__inner-container,
.mv-catch,
.mv-subcatch {
    width: fit-content;
}

.mv-catch {
    font-size: 6.4rem;
    letter-spacing: 0.08em;
    line-height: 1.25;
    font-weight: 700;
    margin-bottom: 3.2rem;
}

.catch-highlight {
    margin: 0 .4rem;
    background-color: var(--white);
    color: var(--lightblue);
    padding: .2rem .4rem;
}

.slider-01 .slide::after {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom,
            rgba(6, 28, 46, 0) 0%,
            rgba(6, 28, 46, 0.14) 60%,
            rgba(6, 28, 46, 0.1) 100%);

}


/* mvのニュース */
.mv-news {
    position: absolute;
    bottom: 0;
    right: 0;
    border-radius: .2rem 0 0 .2rem;
    background-color: var(--white);
    padding-left: 3.2rem;
    column-gap: 4rem;
    border-bottom: .1rem solid var(--iceblue);
}

.mv-news__inner {
    column-gap: 3.2rem;
}

.mv-news__date {
    font-size: 1.4rem;
    color: #13334E;
}

.mv-news__title {
    font-size: 1.4rem;
    font-weight: 700;
}

.mv-news-btn a {
    background-color: unset;
    color: var(--basic);
    font-size: 1.4rem;
    font-weight: 700;
    padding: 2rem 5rem 2rem 1.8rem;
    border-left: .1rem solid var(--iceblue);
    border-radius: 0;
}


/* ==============================

　　共通

　============================== */
/* パンくずリスト */

.aioseo-breadcrumbs,
.breadcrumbs {
    margin-left: 5%;
    margin-top: 1.2rem;
}

.aioseo-breadcrumb:last-child,
.active-page {
    font-weight: 700;
}

/* トップ・家を買いたい方ページのリード */
.lead-flex>.wp-block-group__inner-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.lead-flex__content {
    width: 52%;
}

.lead-flex__img {
    width: 40%;
}

.lead-flex__img>.wp-block-group__inner-container {
    display: flex;
    column-gap: 1.6rem;
}

.lead-flex__cover {
    width: 50%;
    height: 64rem;
    aspect-ratio: 1/2;
    position: relative;
    overflow: hidden;
}

.lead-flex__cover--left {
    margin-top: 4.8rem;
}

.lead-flex__img--left,
.lead-flex__img--right {
    background-image: url(../img/passion-img.png);
    position: absolute;
    width: 200%;
    height: calc(100% + 4.8rem);
    background-repeat: no-repeat;
    background-size: cover;
}

.lead-flex__img--left {
    top: -4.8rem;
    left: 0;
}

.lead-flex__img--right {
    top: 0;
    left: -100%;
}

.paragraph>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 2.4rem;
}

.bg-white__title {
    position: absolute;
    color: var(--basic);
    font-weight: 700;
}

/* 家を買いたい方・売りたい方ページ */
.triangle-clip {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20rem;
    height: 8.8rem;
    background: white;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
}

.merit {
    margin-top: 4rem;
}

/* 白背景をつけてるテキスト */
.bg-white__title>.wp-block-group__inner-container {
    display: inline-flex;
    flex-direction: column;
}

.bg-white__title--var:first-child {
    margin-bottom: .2rem;
}

.bg-white__title--var {
    display: inline-block;
    background-color: var(--white);
    padding: 0 .4rem;
    width: fit-content;
}

/* 横並びコンテンツ(トップのbuy a homeと同レイアウト) */
.flex>.wp-block-group__inner-container {
    max-width: 126rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.flex--right {
    display: flex;
    justify-content: flex-end;
}

.flex__content {
    width: 52%;
}

.flex__img {
    width: 39%;
}

/* 追従ボタン */
.float-button {
    position: fixed !important;
    right: -20rem;
    z-index: 100;
    width: 28rem;
    height: 8rem;
    border-radius: 99rem 0 0 99rem;
    display: flex;
    align-items: center;
    transition: all 0.4s ease;
}

.float-button__inner {
    gap: 3.2rem;
}

.is-layout-flex .float-button__fix {
    width: 4rem;
    margin-left: 2rem;
}

.float-button__fix>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.float-button__fix>.wp-block-group__inner-container figure {
    width: 100%;
    height: auto;
}

.float-button__fix p {
    font-size: 1.2rem;
    font-weight: 700;
}

.float-button__hidden {
    font-size: 1.6rem;
    font-weight: 700;
}

.float-button-line {
    bottom: 4rem;
    background-color: var(--white);
    border: .2rem solid #00B900;
    border-right: unset;
}

.float-button-line .float-button__fix {
    color: #00B900;
}

.float-button-form {
    bottom: 13.6rem;
    background-color: var(--lightblue);
    color: var(--white);
}

.float-button-form .float-button__fix p {
    letter-spacing: -.2rem;
}

.float-button-tel {
    bottom: 23.2rem;
    background-color: #EFA14C;
    color: var(--white);
}

.float-button-tel .float-button__hidden p {
    font-size: 1.4rem;
    line-height: 1;
    margin-bottom: .4rem;
}

.float-button-tel .float-button__hidden .float-button-phonenumber {
    font-size: 2.8rem;
    margin-bottom: 0;
}

.float-button:hover {
    right: 0;
    cursor: pointer;
}

.sp-br {
    display: none;
}

/* ==============================

　　トップページ

　============================== */
/* パッション */
.passion {
    margin-top: 14.4rem;
}

/* ポリシー */
.policy {
    position: relative;
    margin-top: 20rem;
    margin-bottom: 27.6rem;
}

.policy__content {
    max-width: 72rem;
    margin: auto;
}

.top-town-img--left {
    width: 90rem;
    left: -8.8rem;
    top: -30rem;
}

.top-town-img--right {
    width: 96rem;
    right: -10.4rem;
    bottom: -37rem;
}

.policy-item {
    position: relative;
    width: 50rem;
}

.policy-item__inner {
    width: 64%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--white);
    text-shadow: 0 0 1rem rgba(19, 51, 78, .2);
}

.policy-item__title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
    text-align: center;
}

.policy__content>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.policy-item--top {
    margin-left: 18rem;
}

.top-policy__content .policy-item--top {
    width: 38rem;
}

.top-policy__content .policy-item--bl {
    width: 40rem;
}

.top-policy__content .policy-item__inner {
    width: 72%;
}

.policy-item--top .policy-item__inner {
    top: 40%;
}

.policy-item-flex {
    margin-top: -18rem;
}

.policy-item-flex>.wp-block-group__inner-container {
    display: flex;
    align-items: flex-start;
}

.policy-item--br {
    margin-left: -6.4rem;
    margin-top: 6.4rem;
}

/* 家を買いたい方へ */
.buy {
    padding-top: 8rem;
}

.buy>.wp-block-group__inner-container {
    flex-direction: row-reverse;
}

.buy-lead__img {
    position: relative;
}

.buy-lead__img--left,
.buy-lead__img--right {
    background-image: url(../img/buy-lead__img.png);
}

.map-illust {
    position: absolute;
    bottom: -15%;
    left: -22%;
    z-index: 2;
    width: 60%;
    max-width: 40rem;
}

.sp-buy-btn {
    display: none !important;
}



/* 取扱物件へのこだわり */
.commitment {
    padding-top: 14.4rem;
}

.commitment__list>.wp-block-group__inner-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.commitment__item {
    width: 24%;
}

.commitment__item>.wp-block-group__inner-container {
    position: relative;
}

.commitment__item:nth-child(2) {
    margin-top: 6.4rem;
}

.commitment__item:nth-child(4) {
    margin-top: 2.4rem;
}

.commitment__title {
    bottom: 1.6rem;
    left: 1.6rem;
    font-size: 2rem;
}

.commitment .wp-block-buttons {
    justify-content: center;
}

/* 取扱物件 */
.property {
    margin-top: 12rem;
    color: var(--basic);
    position: relative;
    z-index: 1;
}

.property::before {
    content: "";
    display: block;
    position: absolute;
    width: 96%;
    height: 100%;
    background-color: var(--white);
    z-index: -1;
    box-shadow: .2rem .4rem 0.15rem rgba(51, 51, 51, 0.08);
}

.property>.wp-block-group__inner-container {
    padding: 8rem 8% 8rem 0;
}

.short-property__inner {
    margin-left: 5%;
}

.short-property__inner .section__title--ja {
    margin-bottom: 5.6rem;
}

/* 家を売りたい方へ */
.sell {
    padding-top: 16rem;
}

.sell .top-flex {
    display: flex;
    justify-content: flex-end;
}

/* ==============================

　　下層

　============================== */
/* -----------
　　下層共通
　----------- */
/* 下層FV */
.low-fv {
    position: relative;
}

.fv-img {
    height: 80vh;
    overflow: hidden;
    -webkit-mask-image: url(../img/fv-mask.svg);
    mask-image: url(../img/fv-mask.svg);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: top;
    mask-position: top;
    -webkit-mask-size: cover;
    mask-size: cover;
    position: relative;
}

.fv-img::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(to right,
            rgba(255, 255, 255, 0.7) 0%,
            rgba(255, 255, 255, 0.37) 20%,
            rgba(255, 255, 255, 0) 100%);
}

.fv-img img {
    width: 100%;
    height: 100% !important;
    object-fit: cover;
}

.lowpage__title {
    position: absolute;
    bottom: 2.4rem;
    left: 5%;
}

.lowpage__title--en {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4rem;
    letter-spacing: 0.048em;
    line-height: 1;
    color: #7DA1B2;
}

.lowpage__title--ja {
    font-weight: 700;
    font-size: 4.8rem;
}

/* 下層セクションタイトル */
.low-section__title--en {
    position: relative;
    padding-left: 2.4rem;
    font-size: 1.8rem;
    font-weight: 700;
    letter-spacing: 0.08em;
    line-height: 1;
    color: var(--lightblue);
    margin-bottom: .8rem;
}

.low-section__title--en::before {
    content: ' ';
    position: absolute;
    top: 50%;
    transform: translateX(-50%);
    left: 1.2rem;
    width: 0.6rem;
    height: .6rem;
    border-radius: 50%;
    background-color: var(--lightblue);
}

/* お悩み */
.problem__list>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: flex-start;
    gap: 4rem;
}

.problem__item {
    width: 30%;
}

.problem__header {
    position: relative;
    margin-bottom: 1.6rem;
}

.problem__title {
    bottom: 1.2rem;
    left: .8rem;
}

.consultation__text {
    font-size: 4rem;
    font-weight: 700;
    margin-bottom: 4.8rem;
}

.title__logo {
    width: 46rem;
}

/* 青グラデーション背景 */
.bg--blue {
    position: relative;
    padding-top: 8rem;
    color: var(--white);
}

.bg--blue .low-section__title--en {
    color: var(--white);
}

.bg--blue .low-section__title--en::before {
    background-color: var(--white);
}

/* メリット */
.merit__item {
    position: relative;
    background-color: var(--white);
    width: 100%;
    color: var(--basic);
    margin-bottom: 6.4rem;
}

.merit__item:last-child {
    margin-bottom: 0;
}

.merit__item>.wp-block-group__inner-container {
    display: flex;
    align-items: center;
    padding: 4rem 1.6rem;
    gap: 3%;
}

.merit__number {
    position: absolute;
    top: -4.9rem;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 5.6rem;
    font-weight: 700;
    color: var(--basic);
}

.merit__item:nth-child(even)>.wp-block-group__inner-container {
    flex-direction: row-reverse;
}

.merit__item:nth-child(odd)>.wp-block-group__inner-container>.merit__number {
    right: 1.6rem;
}

.merit__item:nth-child(even)>.wp-block-group__inner-container>.merit__number {
    left: 1.6rem;
}

.merit__img,
.merit__container {
    width: 50%;
}

.merit__img {
    position: relative;
    aspect-ratio: 3/2;
}

.merit__img img {
    position: absolute;
    top: -6.4rem;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.merit__title {
    margin-bottom: 3.2rem;
}

/* 契約までの流れ */
.contract__list>.wp-block-group__inner-container {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    justify-content: center;
    column-gap: 4rem;
    row-gap: 12rem;
}

.contract__item {
    position: relative;
    width: 30%;
    box-shadow: 0 0 .8rem rgba(51, 51, 51, .18);
}

.contract__inner {
    background-color: var(--white);
    border-radius: .2rem;
    padding: 10.4rem 1.6rem 4rem 1.6rem;
}

.contract-no {
    position: absolute;
    top: -7.7rem;
    left: 0;
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 700;
    font-size: 4rem;
    line-height: 1;
}

.contract-no>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.contact-no-en {
    font-size: 2.4rem;
    letter-spacing: 0;
    line-height: 0.9;
}

.contract__icon {
    position: absolute;
    width: 14.4rem;
    aspect-ratio: 1;
    top: -7.7rem;
    left: 50%;
    transform: translateX(-50%);
    background-color: var(--white);
    box-shadow: 0 0 .8rem rgba(51, 51, 51, .18);
    border-radius: 50%;
}

.contract__title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
}

.contract__list {
    padding-top: 8rem;
}

/* -----------
　　家を買いたい人
　----------- */
/* 悩み */
.buy-problem {
    padding-top: 20rem;
    margin-bottom: 20rem;
}

/* メリット */
.merit-item__button {
    padding-top: 2.4rem;
}

.merit__container .wp-block-buttons>.wp-block-button.button {
    margin-top: 0 !important;
}

.merit__container .wp-block-buttons:first-child {
    margin-bottom: 1.6rem;
}

.merit__container .wp-block-buttons .material-icons-outlined.arrow-right {
    margin-left: 2.4rem;
}

.merit__container .wp-block-buttons .material-icons-outlined.arrow-right::before {
    width: 3.2rem;
    height: 3.2rem;
}

/* ワンストップ */
.onestop {
    margin-top: 20rem;
}

/* リフォーム */
.reform {
    margin-top: 16rem;
}

.reform>.wp-block-group__inner-container {
    flex-direction: row-reverse;
}

/* -----------
　　家を売りたい人
　----------- */
.buy-contract {
    margin-top: 16rem;
}

.sell-problem {
    padding-top: 14.4rem;
    margin-bottom: 20rem;
}

.comparison {
    margin-bottom: 16rem;
}

.comparison__title {
    align-items: center;
    margin-bottom: 4rem;
}

.comparison__title figure {
    width: 3.2rem;
}

.comparison__title p {
    font-size: 3.2rem;
    font-weight: 700;
    padding: 1.2rem;
}

.comparison-lead__text {
    text-align: center;
    margin-bottom: 8rem;
}

.comparison__item {
    position: relative;
    background-color: var(--white);
    color: var(--basic);
    padding: 4rem 2.4rem;
}

.comparison__add {
    position: absolute;
    top: -2.2rem;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    background-color: var(--white);
    box-shadow: 0 0 .8rem rgba(51, 51, 51, .18);
    border-radius: 99rem;
    padding: .8rem 2.4rem;
    white-space: nowrap;
}

.comparison-item__title {
    font-size: 3.2rem;
    font-weight: 700;
    margin-bottom: 3.2rem;
}

.comparison-item__text {
    margin-bottom: 4rem;
}

.comparison-merit__list>.wp-block-group__inner-container {
    display: flex;
    justify-content: center;
    align-items: flex-start;
    gap: 4rem;
}

.comparison-merit__item {
    width: 30%;
}

.comparison-merit__title {
    background-color: var(--lightblue);
    color: var(--white);
    font-weight: 700;
    margin-bottom: .8rem;
}

.comparison-demerit__title {
    background-color: var(--basic);
}

.comparison-merit-item__list {
    list-style-type: disc;
    margin-left: 2.4rem;
}

.comparison__list .comparison__item:first-child {
    margin-bottom: 6.4rem;
}

.sell-contract {
    margin-top: 16rem;
}

.service-area {
    padding-top: 16rem;
}

.service-area>.wp-block-group__inner-container {
    background-color: #eaf2f5;
    padding: 0 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 56rem;
    overflow: hidden;
}

.area-content {
    width: 40%;
}

.area-gallery {
    width: 50%;
}

.area-gallery>.wp-block-group>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

/* -----------
　　理想を叶える、
　　取扱物件へのこだわり
　----------- */
.features-lead {
    margin-top: 8rem;
    margin-bottom: 12rem;
    font-weight: 700;
    text-align: center;
}

.features__list {
    margin-top: 8rem;
}

.features__list>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 12rem;
}

.features__item {
    position: relative;
}

.features-no {
    position: absolute;
    top: -6.4rem;
    width: 18.4rem;
    aspect-ratio: 1;
    z-index: 2;
}

.features-no__text {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-family: "Roboto Condensed", sans-serif;
    font-size: 4rem;
    font-weight: 700;
    line-height: 1;
}

.features__item:nth-child(odd) .features-no {
    right: 6.4rem;
}

.features__item:nth-child(even) .features-no {
    left: 6.4rem;
}

.features__item>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
}

.features__img {
    width: 86%;
    aspect-ratio: 16/9;
}

.features__img.wp-block-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.features__content {
    width: 60%;
    background-color: var(--white);
    color: var(--basic);
    padding: 4rem 4%;
    margin-top: -8rem;
    box-shadow: 0 0 .4rem rgba(51, 51, 51, .08);
    position: sticky;
    z-index: 20;
}

.features__item:nth-child(odd) .features__content,
.features__item:nth-child(even) .features__img {
    align-self: flex-end;
}

.features__item:nth-child(odd) .features__content {
    margin-right: 2%;
}

.features__title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 1.6rem;
}

.features__content .features__text {
    padding-left: 0;
}

/* ダンパーについての詳細 */
.add__item {
    background-color: var(--white);
    color: var(--basic);
    padding: 12rem 5% 8rem 5%;
    position: sticky;
    margin-top: -8rem;
    z-index: 10;
}

.damper__title {
    font-size: 3.2rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 5.6rem;
}

.damper__subtitle {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 1.6rem;
}

.damper__list {
    margin-bottom: 4rem;
}

.damper__list>.wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.damper__item {
    width: calc(100% / 2 - 4rem);
}

.icon-plus {
    width: 4rem;
}

.mer-description {
    width: 80%;
    margin: auto;
    margin-bottom: 8rem;
}

.mer-description>.wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.mer__img {
    width: 40%;
}

.mer__content {
    width: 52%;
}

.mer__title {
    font-size: 2.8rem;
    font-weight: 700;
    margin-bottom: 3.2rem;
    text-align: left;
}

.effect-list>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    row-gap: 5.6rem;
}

.effect-title {
    font-size: 2.8rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: 2.4rem;
}

.effect-item {
    position: relative;
    background-color: #eaf2f5;
    padding: 4rem 3%;
}

.effect-item__title {
    position: absolute;
    top: -1.8rem;
    left: 2.4rem;
    background-color: var(--basic);
    color: var(--white);
    font-size: 1.6rem;
    font-weight: 700;
    display: flex;
    align-items: center;
    padding: .8rem 2.4rem;
    border-radius: 99rem;
}

h5.effect-item__title::before {
    font-size: 1.8rem;
    font-weight: 700;
    font-family: "Roboto Condensed", sans-serif;
    margin-right: .8rem;
}

.effect-item__inner .wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.damper-test {
    width: 60%;
}

.damper-test>.wp-block-group__inner-container {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.damper-test>.wp-block-group__inner-container figure {
    width: 48%;
}

.damper-test>.wp-block-group__inner-container p {
    width: 48%;
}

.damper-test__img {
    width: 40%;
}

.effect__text {
    width: 48%;
}

.effect__img {
    width: 48%;
}

/* -----------
　　会社概要
　----------- */
.message {
    margin-top: 8rem;
}

.message>.wp-block-group__inner-container {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.message__content {
    width: 46%;
}

.message-title {
    font-size: 2.4rem;
    font-weight: 700;
    margin-bottom: 2.4rem;
}

.message__text {
    width: 48%;
    margin-top: 18%;
}

.message__text>.wp-block-group__inner-container {
    display: flex;
    flex-direction: column;
    gap: 2.4rem;
}

.company-policy {
    position: relative;
    margin-top: 24rem;
    margin-bottom: 24rem;
}

.low-policy__content {
    max-width: 72rem;
    margin: auto;
}

.company__inner tr {
    border-top: .1rem solid var(--white);
}

.company__inner .wp-block-table td {
    border: unset;
    padding: 2.4rem 1.6rem;
}

.company__inner .wp-block-table td:first-child {
    width: 20%;
    text-align: center;
    font-weight: 700;
    vertical-align: top;
}

.company__inner .wp-block-table td a {
    color: var(--white);
    border-bottom: .1rem solid var(--white);
}

.company__inner .wp-block-table {
    margin-bottom: 8rem;
}

/* お問い合わせフォーム */
.contact {
    margin-top: 12rem;
    color: var(--basic);
    position: relative;
    z-index: 1;
}

.contact>.wp-block-group__inner-container {
    padding: 8rem 8% 8rem 5%;
    padding: 8rem 8% 8rem 5%;
    max-width: 144rem;
    margin: auto;
}

.contact::before {
    content: "";
    display: block;
    position: absolute;
    width: 96%;
    height: 100%;
    background-color: var(--white);
    z-index: -1;
    box-shadow: .2rem .4rem 0.15rem rgba(51, 51, 51, 0.08);
}

.contact .low-section__title--en {
    color: var(--basic);
}

.contact .section__title {
    margin-bottom: 1.6rem;
}


.snow-monkey-form {
    padding-top: 4rem;
}

.wp-block-snow-monkey-forms-item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.smf-form {
    display: flex;
    flex-direction: column;
    gap: 4rem;
    margin-bottom: 5.6rem;
}

.smf-item__col--label {
    width: 26%;
    font-weight: 700;
}

.smf-checkbox-control {
    position: relative;
}

.smf-checkbox-control::before {
    content: "※";
    color: #d80000;
    margin-left: -1.2rem;
}

.smf-checkbox-control__label {
    display: none;
}

.smf-item__col--controls {
    width: 70%;
}

.smf-radio-buttons-control__control {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    column-gap: 6%;
    row-gap: 1.2rem;
}

.wp-block-snow-monkey-forms-item:last-child {
    flex-direction: row-reverse;
    justify-content: center;
    column-gap: 1.6rem;
}

body .smf-form .smf-checkbox-control__control {
    width: 2.4rem;
    height: 2.4rem;
}

.wp-block-snow-monkey-forms-item:last-child .smf-item__col--label {
    width: 64%;
    font-weight: 400;
}

.wp-block-snow-monkey-forms-item:last-child .smf-item__col--controls {
    width: 2.4rem;
}

.smf-item__label__text a:hover {
    opacity: .8;
}

.smf-action {
    text-align: center;
}

body .smf-action .smf-button-control__control {
    position: relative;
    background-color: unset;
    background-image: unset;
    border: unset;
    border-bottom: .1rem solid var(--basic);
    border-radius: 0;
    font-family:  "Zen Kaku Gothic New", sans-serif;
    font-size: 1.6rem;
    font-weight: 700;
    color: var(--basic);
}

.smf-item__label__text a {
    border-bottom: .1rem solid var(--basic);
}

body .smf-action .smf-button-control__control::after {
    content: '→';
    position: absolute;
    display: inline-flex;
    color: var(--white);
    font-size: 2rem;
    line-height: 1;
    width: 4.8rem;
    height: 4.8rem;
    border-radius: 50%;
    background-color: var(--lightblue);
    top: 50%;
    transform: translateY(-50%);
    right: calc(-4.8rem + -.8rem);
    justify-content: center;
    align-items: center;
}

form#snow-monkey-form-933[data-screen="confirm"] .smf-action {
    display: flex;
    justify-content: center;
    gap: 2.4rem;
    flex-direction: column-reverse;
}

body .smf-action .smf-button-control__control[data-action="back"]::after {
    display: none;
}

/* プラポリ */
.privacy__content {
    margin-top: 20rem;
}

.privacy__content h1 {
    font-weight: 700;
    margin-bottom: 4rem;
}

/* ==============================

    スマホ・タブレット縦

============================== */

@media screen and (max-width:1100px) {

    /*ハンバーガーメニュー表示*/
    .nav-wrapper {
        display: block;
    }

    .pc,
    .page-top {
        display: none !important;
    }

    .sp {
        display: block;
    }

    /* ヘッダー */
    .header-inner {
        height: 10rem;
    }

    .header-logo {
        height: 8rem;
        display: flex;
        align-items: center;
    }

    body .header-inner-menu {
        display: none;
    }

    /*メインビジュアルキャッチコピー*/
    .mv-catch {
        font-size: 4rem;
    }

    /* mvのニュース */
    .mv-news {
        width: 48rem;
        column-gap: 1.6rem;
        padding-left: 1.6rem;
    }

    .mv-news .wp-block-query {
        width: 36rem;
    }

    .mv-news .wp-block-buttons {
        width: 10rem;
    }

    .mv-news__title a {
        width: 36rem;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

    body .mv-news__inner {
        flex-direction: column;
        align-items: flex-start;
        gap: .8rem;
        line-height: 1;
    }

    .mv-news-btn a {
        padding: 1.2rem 2.4rem 1.2rem 1.2rem;
    }

    /* 取扱物件 */
    .short-property__inner>.wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    /* ---------------
    　　共通
    　--------------- */
    footer {
        margin-top: 14.4rem;
    }

    .footer__inner {
        padding-top: 16rem;
    }

    .footer-contact__list {
        margin-bottom: 5.6rem;
    }

    .footer-contact__list>.wp-block-group__inner-container {
        flex-direction: column;
        gap: 5.6rem;
        align-items: center;
    }

    .footer-banner {
        width: 100%;
        max-width: 40rem;
        min-width: unset;
    }

    .footer-info {
        flex-direction: column;
        gap: 3.2rem;
        margin-top: 5.6rem;
        margin-bottom: 2.4rem;
    }

    .copyright {
        padding-bottom: 8.6rem;
    }

    /* ---------------
    　　共通
    　--------------- */
    /* セクションタイトル */
    .section__title {
        margin-bottom: 4rem;
    }

    .section__title--en {
        font-size: 8rem;
    }

    h3,
    .section__title--ja {
        font-size: 2.4rem;
    }

    .nofv-wrap {
        margin-top: 12rem;
    }

    /* ボタン */
    .wp-block-buttons>.wp-block-button.button {
        margin-top: 3.2rem !important;
    }

    .button a {
        font-size: 1.6rem;
    }

    .material-icons-outlined.arrow-right {
        margin-left: 2.4rem;
    }

    .material-icons-outlined.arrow-right::before {
        width: 4rem;
        height: 4rem;
    }

    /* トップ・家を買いたい方ページのリード */
    .lead-flex>.wp-block-group__inner-container {
        flex-direction: column;
        gap: 5.6rem;
    }

    .lead-flex__content {
        width: 100%;
    }

    .lead-flex__img {
        width: 100%;
        max-width: 64rem;
    }

    .paragraph>.wp-block-group__inner-container {
        gap: 1.6rem;
    }

    /* 横並びコンテンツ(トップのbuy a homeと同レイアウト) */
    .flex>.wp-block-group__inner-container {
        flex-direction: column;
        align-items: flex-start;
        gap: 4rem;
    }

    .flex--right {
        display: block;
    }

    .flex__content {
        width: 100%;
    }

    .flex__img {
        width: 100%;
        max-width: 64rem;
    }


    /* ---------------
    　　トップページ
    　--------------- */
    /* パッション */
    .passion {
        margin-top: 8rem;
    }

    /* ポリシー */
    .policy {
        margin-top: 16rem;
        margin-bottom: 20rem;
    }

    .top-town-img--left {
        width: 80%;
        top: -24rem;
    }

    .top-town-img--right {
        width: 80%;
        bottom: -26rem;
    }

    .policy-item__title {
        font-size: 1.8rem;
        margin-bottom: 1.6rem;
    }

    .policy-item__text {
        font-size: 1.4rem;
    }

    .policy-item--top {
        width: 42rem;
    }

    .policy-item-flex {
        margin-top: -14rem;
    }

    .policy-item--bl {
        width: 44rem;
        margin-left: -1.4rem;
    }

    .policy-item--br {
        width: 38rem;
        margin-top: 3.2rem;
        margin-left: -7.2rem;
    }

    /* 家を買いたい方へ */
    .buy {
        padding-top: 0;
    }

    .pc-buy-btn {
        display: none !important;
    }

    .sp-buy-btn {
        display: block !important;
        margin-top: -4rem;
    }

    .sell .sp-buy-btn {
        margin-top: 0;
    }

    /* 取扱物件へのこだわり */
    .commitment {
        margin-top: 8rem;
    }

    .commitment__list>.wp-block-group__inner-container {
        flex-wrap: wrap;
    }

    .commitment__item {
        width: 49%;
    }

    /* 家を売りたい方へ */
    .sell {
        padding-top: 8rem;
    }

    /* -----------
    　　下層共通
    　----------- */
    /* 下層FV */
    .fv-img {
        height: 40vh;
    }

    .lowpage__title {
        font-size: 3.2rem;
    }

    .lowpage__title--ja {
        font-size: 3.2rem;
    }

    .lowpage__title--en {
        font-size: 2.8rem;
    }

    /* お悩み */
    .problem__item {
        width: 46%;
    }

    .consultation__text {
        font-size: 3.2rem;
    }

    .title__logo {
        width: 26rem;
    }

    /* 青グラデーション背景 */
    .bg--blue {
        padding-top: 5.6rem;
        /* shorthand 上書きされても大丈夫なように強制 */
        background-image: linear-gradient(0deg, #FFFFFF 0%, #ABD8F0 10%, #5EB6E7 40%, #4EA4DB 60%, #004EA1 100%),
            url(../img/tsubu_texture.png) !important;
        background-blend-mode: overlay !important;
        background-size: cover !important;
        background-repeat: no-repeat !important;
        background-position: center !important;
    }

    /* メリット */
    .merit__item>.wp-block-group__inner-container {
        flex-direction: column-reverse;
        gap: 4rem;
        padding: 4rem 4%;
    }

    .merit__number {
        font-size: 4rem;
        top: -3.5rem;
    }

    .merit__item:nth-child(even)>.wp-block-group__inner-container {
        flex-direction: column-reverse;
    }

    .merit__img,
    .merit__container {
        width: 100%;
    }

    .merit__img {
        max-width: 64rem;
        overflow: hidden;
    }

    .merit__img img {
        position: sticky;
    }

    .merit__title {
        text-align: center;
        white-space: nowrap;
    }

    /* 契約までの流れ */
    .contract__item {
        width: 100%;
        max-width: 64rem;
    }

    /* -----------
    　　家を買いたい人
    　----------- */
    /* リード */
    .map-illust {
        width: 45%;
        left: -5%;
    }

    /* 悩み */
    .buy-problem {
        padding-top: 16rem;
        margin-bottom: 16rem;
    }

    /* ワンストップ */
    .onestop {
        margin-top: 16rem;
    }

    /* リフォーム */
    .reform {
        margin-top: 12rem;
    }


    /* -----------
    　　家を売りたい人
    　----------- */
    .buy-contract {
        margin-top: 12rem;
    }

    .sell-problem {
        padding-top: 8rem;
        margin-bottom: 16rem;
    }

    .comparison {
        margin-bottom: 12rem;
    }

    .comparison__title p {
        font-size: 2.4rem;
    }

    .comparison-merit__item {
        width: 50%;
    }

    .service-area>.wp-block-group__inner-container {
        flex-direction: column;
        padding: 4rem 0;
        height: auto;
        gap: 5.6rem;
    }

    .area-content {
        width: 90%;
    }

    .area-gallery {
        width: calc(100% + 10%);
    }

    .sp-area-gallery {
        width: 130%;
    }

    .sp-area-gallery>.wp-block-group__inner-container {
        display: flex;
        flex-direction: column;
        gap: 1.6rem;
    }

    .sp-area-gallery--top {
        justify-content: flex-end;
    }

    .sp-area-gallery--bottom {
        justify-content: center;
    }

    .sp-area-gallery--top figure,
    .sp-area-gallery--bottom figure {
        width: 30%;
        aspect-ratio: 3/2;
        overflow: hidden;
    }

    .sp-area-gallery--top figure img,
    .sp-area-gallery--bottom figure img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
    }

    /* -----------
    　　理想を叶える、
    　　取扱物件へのこだわり
    　----------- */
    .features-lead {
        margin-top: 5.6rem;
        margin-bottom: 8rem;
        text-align: left;
    }

    .features-no {
        width: 12rem;
    }

    .features-no__text {
        font-size: 3.2rem;
    }

    .features__img {
        width: 90%;
    }

    .features__content {
        width: 80%;
    }

    /* ダンパーについての詳細 */
    .damper__title {
        font-size: 2.4rem;
        margin-bottom: 4rem;
    }

    .damper__subtitle {
        font-size: 1.8rem;
    }

    .damper__list>.wp-block-group__inner-container {
        flex-direction: column;
        gap: .8rem;
    }

    .damper__item {
        width: 100%;
    }

    .mer-description {
        margin-top: 5.6rem;
    }

    .mer-description>.wp-block-group__inner-container {
        flex-direction: column;
        gap: 3.2rem;
    }

    .mer__img {
        width: 100%;
        max-width: 32rem;
    }

    .mer__content {
        width: 100%;
    }

    .effect-title {
        margin-top: 4rem;
    }

    .effect-item {
        padding: 6.4rem 3% 4rem 3%;
    }

    .effect-item__inner .wp-block-group__inner-container {
        flex-direction: column;
        gap: 4rem;
    }

    .damper-test {
        width: 100%;
    }

    .damper-test>.wp-block-group__inner-container {
        flex-direction: column;
        gap: 1.6rem;
    }

    .damper-test>.wp-block-group__inner-container figure,
    .damper-test>.wp-block-group__inner-container p,
    .damper-test__img,
    .effect__text,
    .effect__img {
        width: 100%;
        max-width: 56rem;
    }

    /* -----------
    　　会社概要
    　----------- */
    .message>.wp-block-group__inner-container {
        flex-direction: column;
        gap: 4rem;
    }

    .message__content {
        width: 100%;
    }

    .message__text {
        width: 100%;
        margin-top: 0;
    }

    .message__text>.wp-block-group__inner-container {
        gap: 1.6rem;
    }

    .company-policy {
        margin-top: 16rem;
        margin-bottom: 16rem;
    }

    .company__inner .wp-block-table {
        margin-top: 4rem;
        margin-bottom: 4rem;
    }

    .company__inner iframe {
        aspect-ratio: 3/2 !important;
    }

    .wp-block-snow-monkey-forms-item {
        flex-direction: column;
        gap: 1.2rem;
    }

    .smf-item__col--label {
        width: 100%;
    }

    .smf-item__col--controls {
        width: 100%;
    }

    body .smf-action .smf-button-control__control::after {
        width: 4rem;
        height: 4rem;
        font-size: 1.6rem;
    }

    /* -----------
    　プライバシーポリシー
    　----------- */
    .privacy__content {
        margin-top: 12rem;
    }

    .privacy__content h1 {
        font-size: 2.4rem;
        margin-bottom: 2.4rem;

    }
}


/* ==============================

    PC・タブレット横 

============================== */

@media only screen and (min-width:1100px) {

    .fix_nav.sp_disp.sp {
        display: none;
    }

    .pc {
        display: block;
    }

    .sp {
        display: none;
    }

}

/* ==============================

    タブレット縦横

============================== */

@media (max-width: 1650px) and (min-width: 710px) {

    .inner-s,
    .inner,
    .inner-l {
        width: 90%;
    }

}


/* ==============================

    タブレット縦のみ

============================== */

@media screen and (max-width: 1100px) {

    /*MVの高さ適宜変更*/
    .mainv,
    .slider-01,
    .slider-01 .slide figure.wp-block-image.size-full,
    .slider-01 .slide figure.wp-block-image.size-full img {
        height: calc(100vh - 5rem);
    }

    .inner-s,
    .inner,
    .inner-l {
        width: 90%;
    }


    .tel-menu-flex {
        max-width: 374px;
    }

}

/* ==============================

    フッターのみ調整

============================== */
@media screen and (max-width: 710px) {
    .footer__inner {
        background-image: url(../img/sp-footer-bg.png);
        padding-top: 12rem;
    }

    .footer-moving-text {
        width: 760%;
    }
}


/* ==============================

    スマホ　

============================== */

@media screen and (max-width: 560px) {
    .header-inner {
        height: 8.5rem;
    }

    .header-logo {
        height: 7.5rem;
    }

    .wp-block-image.header-logo img {
        height: 5rem;
    }

    .sp-br {
        display: block;
    }

    .fv-img {
    -webkit-mask-image: url(../img/sp-fv-mask.svg);
    mask-image: url(../img/sp-fv-mask.svg);
}


    /* トップ・家を買いたい方ページのリード */
    .lead-flex__cover {
        height: 40rem;
    }

    /* 家を買いたい方・売りたい方ページ */
    .triangle-clip {
        width: 12rem;
        height: 5.6rem;
    }

    .merit {
        margin-top: 2.4rem;
    }


    /* -----------
    　　トップページ
    　----------- */
    /* MVニュース */
    .mv-news {
        width: 34rem;
        max-width: 100%;
    }

    .mv-news .wp-block-query {
        width: 24rem;
    }

    .mv-news .wp-block-buttons {
        width: 8rem;
    }

    .mv-news__title a {
        width: 24rem;
    }

    /* ポリシー */
    .top-policy__content .policy-item-flex {
        margin-top: -11rem;
        max-width: 44rem;
    }

    .top-policy__content .policy-item--top {
        width: 30rem;
        right: -4rem;
    }

    .top-policy__content .policy-item--bl {
        margin-left: -4.4rem;
        width: 32rem;
    }

    .top-policy__content .policy-item--br {
        width: 32rem;
        margin-top: -10rem;
        margin-right: -4.8rem;
    }

    .top-policy__content .policy-item__inner {
        width: 72%;
    }

    .top-policy__content .policy-item--br .policy-item__inner {
        left: 46%;
    }


    .policy-item--top {
        width: 38rem;
        margin-left: 8rem;
    }

    .policy-item-flex {
        width: 110%;
        margin-top: -9rem;
    }

    .policy-item-flex>.wp-block-group__inner-container {
        flex-direction: column;
    }

    .policy-item--bl {
        margin-left: -3rem;
    }

    .policy-item--br {
        margin-top: -4rem;
        margin-left: unset;
        align-self: flex-end;
        margin-right: -1.6rem;
    }


    /* 取扱物件へのこだわり */
    .commitment__list>.wp-block-group__inner-container {
        gap: 4rem;
    }

    .commitment__item {
        width: 100%;
    }

    .commitment__item:nth-child(2),
    .commitment__item:nth-child(4) {
        margin-top: 0;
    }

    .commitment__item>.wp-block-group__inner-container {
        height: 54rem;
    }

    .commitment__item>.wp-block-group__inner-container figure {
        width: 100%;
        height: 100%;
        overflow: hidden;
    }

    /* 取り扱い物件 */
    .short-property__inner .wp-block-buttons {
        justify-content: center;
    }

    /* -----------
    　　下層共通
    　----------- */
    /* お悩み */
    .problem__item {
        width: 100%;
    }

    /* セクションタイトル */
    .section__title .is-layout-flex {
        flex-direction: column;
    }

    .has-text-align-center.comparison-item__text {
        text-align: left;
    }

    .comparison-merit__list>.wp-block-group__inner-container {
        flex-direction: column;
    }

    .comparison-merit__item {
        width: 100%;
    }

    .features__img {
        width: 96%;
    }

    .features__content {
        width: 94%;
        margin-top: -2.4rem;
        padding: 2.4rem 4%;
    }

    .features__item:nth-child(odd) .features-no {
        right: -1.6rem;
    }

    .features__item:nth-child(even) .features-no {
        left: -1.6rem;
    }

    .add__item {
        margin-top: -4rem;
        padding: 6.4rem 5% 4rem 5%;
    }

    .damper__title {
        text-align: left;
    }

    .mer-description {
        width: 100%;
    }

    /* 家を買いたい方ページ */
    .rowbutton {
        line-height: 2.4;
    }

    /* 家を売りたい方ページ */
    .comparison-lead__text {
        text-align: justify;
    }

    /* 理想を叶える取り扱い物件ページ */
    .effect-item__title {
        left: 50%;
        transform: translateX(-50%);
        white-space: nowrap;
    }

    /* 会社概要ページ */
    .company__inner .wp-block-table td {
        padding: 2.4rem 0.8rem;
    }

    .company__inner .wp-block-table td:first-child {
        width: 26%;
    }

    /* 問合せフォーム */
    .smf-placeholder[data-name="family-name"],
    .smf-placeholder[data-name="first-name"],
    .smf-placeholder[data-name="family-name-kana"],
    .smf-placeholder[data-name="first-name-kana"] {
        width: 50%;
    }

    input[name="email"],
    input[name="property"] {
        width: 100%;
    }

    .wp-block-snow-monkey-forms-item:last-child .smf-item__col--label {
        width: 80%;
    }

}


/* ==============================

  その他適宜追加する場合は下記に記述

============================== */