@charset "UTF-8";
@font-face {
    font-family: 'Cormorant';
    src: url(/fonts/Cormorant-SemiBold.ttf);
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Regular.woff2);
    font-weight: 400;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Medium.woff2);
    font-weight: 500;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-SemiBold.woff2);
    font-weight: 600;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Bold.woff2);
    font-weight: 700;
    font-display: swap;
}
.l-main * {
    font-family: "Noto Sans JP";
}

/* 共通 */
:root{
	--page-main-color:#EC6D34;
	--page-sub-color: #EC6D34;
    --page-font-color: #291401;
	--page-bg-color:#FAF3E8;
}

/* カスタムスタイル */
.l-main {
    width: 100%;
    max-width: 100%;
    background-color: #FAF3E8;
}

.l-main .section__ttl {
    color: #000;
    font-size: 26px;
    font-weight: 500;
    line-height: 1.4;
}
.l-main .section__ttl span {
    font-size: 14px;
    color: var(--page-main-color);
    text-align: center;
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    letter-spacing: 3.08px;
    margin-top: 10px;
}

/* メイン画像 */
.main__bg--catch img {
    width: 100%;
}

/* お悩み */
.content__items--worry--01 {
    border: 1px solid #242424;
    background-color: #fff;
}
.content__description--worry--01 {
    font-size: 16px;
    line-height: 1.8;
    text-align: center;
    color: #291401;
}

/* 原因 */
.section__wrapper--case--09 .content__subttl--case--09 {
    font-weight: 600;
    color: #291401;
}
.content__description--case--09 {
    font-size: 16px;
    line-height: 1.8;
    color: #291401;
}

/* 空室対策 */
.section__wrapper--flow--05 .content__items--flow--05 {
    border-color: #291401;
    background-color: #fff;
}
.section__wrapper--flow--05 .content__list--vertical .content__items--flow--05::before {
    background: #291401;
    color: #fff;
    font-size: 50px;
    font-family: "Cormorant", serif;
    padding-bottom: 10px;
}
.section__wrapper--flow--05 .content__subttl--flow--05 {
    display: block;
    color: #291401;
    border-bottom-color: #E6E6E6;
}
.section__wrapper--flow--05 .content__subttl--flow--05 span {
    color: var(--page-main-color);
}

/* お問い合わせ */
.section__wrapper--contact--02 {
    background-color: #E8DCC8;
    border-top: 1px solid #291401;
    border-bottom: 1px solid #291401;
}
.section__wrapper--contact--02 {
    color: #291401;
    padding-block: 80px 85px;
}
.l-page .section__wrapper--contact--02 {
    background: #E8DCC8;
    padding-block: 80px;
}
.section__wrapper--contact--02 .section__ttl,
.section__wrapper--contact--02 .section__ttl span {
    color: #000;
}
.section__wrapper--contact--02 .section__ttl span {
    color: var(--page-main-color);
}
.l-main .section__wrapper--contact--02 .content__txt--tel {
    color: #291401;
}
.l-main .section__wrapper--contact--02 .content__btn--contact--mail a {
    background-color: #242424 !important;
    color: #fff !important;
    border: 1px solid #242424;
    transition: background-color 0.3s, color 0.3s;
}
.section__wrapper--contact--02 .content__btn--contact--mail .content__icon--mail,
.section__wrapper--contact--02 .content__btn--contact--mail .content__icon--mail use,
.section__wrapper--contact--02 .content__btn--contact--mail [class*="content__icon--btn--"],
.section__wrapper--contact--02 .content__btn--contact--mail [class*="content__icon--btn--"] use {
    color: #fff;
    transition: color 0.3s;
}
.l-main .section__wrapper--contact--02 .content__btn--contact--line a {
    background: #EC6D34;
    color: #fff;
    border: 1px solid #EC6D34;
    transition: background-color 0.3s, color 0.3s;
}
.section__wrapper--contact--02 .content__icon--line {
    width: 30px;
    height: 26px;
    color: #fff;
    transition: color 0.3s;
}
.section__wrapper--contact--02 .content__btn--contact--line [class*="content__icon--btn--"],
.section__wrapper--contact--02 .content__btn--contact--line [class*="content__icon--btn--"] use {
    color: #fff;
    transition: color 0.3s;
}
@media (hover: hover) and (pointer: fine) {
    .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover {
        background-color: #fff !important;
        color: #242424 !important;
    }
    .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover .content__icon--mail,
    .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover .content__icon--mail use,
    .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover [class*="content__icon--btn--"],
    .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover [class*="content__icon--btn--"] use {
        color: #242424;
    }
    .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover {
        background: #fff;
        color: #EC6D34;
    }
    .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover .content__icon--line,
    .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover .content__icon--line use,
    .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover [class*="content__icon--btn--"],
    .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover [class*="content__icon--btn--"] use {
        color: #EC6D34;
    }
}
.l-main .section__wrapper--contact--02 .content__txt--contact--02 {
    color: #291401;
}

.section__wrapper--strong--04 {
    border-bottom: 1px solid #291401;
    padding-block: 120px 130px;
}
.content__description--flow--05 {
    line-height: 1.8;
    color: #291401;
    font-size: 16px;
}
/* 客付け */
.section__wrapper--strong--04 .content__subttl--strong--04,
.section__wrapper--strong--04 .content__description--strong--04 {
    color: #291401;
}

/* 会社概要 */
.section__wrapper--company--01 .content__subttl--company--01 {
    color: #291401;
}

/*---------worry01--------*/
.section__wrapper--worry--01 {
    border-bottom: 1px solid #242424;
}





/*-----------case09--------*/
.section__wrapper--case--09 {
    border-bottom: 1px solid #242424;
    padding-block: 120px 126px;
}


@media screen and (max-width: 1080px){
    .l-page .section__wrapper--contact--02 {
        background: #E8DCC8;
    }
    .section__wrapper--contact--02[class*="section__wrapper--"] {
        background: #E8DCC8;
        padding-block: 0;
    }
    .section__wrapper--contact--02 .section__space {
        background: none;
    }
    .section__wrapper--contact--02 .section__ttl,
    .section__wrapper--contact--02 .section__ttl span {
        color: #000;
    }
    .section__wrapper--contact--02 .section__ttl span {
        color: var(--page-main-color);
    }
    .section__wrapper--contact--02 .content__block--contact--02 {
        background: transparent;
        height: auto;
    }
    .section__wrapper--contact--02 .content__block--contact--02 .content__txt--tel {
        color: #291401;
    }
    .section__wrapper--contact--02 .content__icon--tel use {
        color: #291401;
    }
    .section__wrapper--contact--02 .content__btn--contact--mail a {
        background: #242424 !important;
        color: #fff !important;
        border: 1px solid #242424;
    }
    .section__wrapper--contact--02 .content__btn--contact--mail [class*="content__icon--btn--"],
    .section__wrapper--contact--02 .content__btn--contact--mail .content__icon--mail,
    .section__wrapper--contact--02 .content__btn--contact--mail .content__icon--mail use {
        color: #fff;
    }
    .section__wrapper--contact--02 .content__btn--contact--line a {
        background: #EC6D34;
        color: #fff;
        border: 1px solid #EC6D34;
    }
    @media (hover: hover) and (pointer: fine) {
        .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover,
        .section__wrapper--contact--02 .content__btn--contact--mail a:hover,
        .section__wrapper--contact--02 .content__btn--contact--mail a:active {
            background: #fff !important;
            color: #242424 !important;
        }
        .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover .content__icon--mail,
        .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover .content__icon--mail use,
        .l-main .section__wrapper--contact--02 .content__btn--contact--mail a:hover [class*="content__icon--btn--"],
        .section__wrapper--contact--02 .content__btn--contact--mail a:hover [class*="content__icon--btn--"] {
            color: #242424;
        }
        .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover,
        .section__wrapper--contact--02 .content__btn--contact--line a:hover,
        .section__wrapper--contact--02 .content__btn--contact--line a:active {
            background: #fff;
            color: #EC6D34;
        }
        .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover .content__icon--line,
        .l-main .section__wrapper--contact--02 .content__btn--contact--line a:hover [class*="content__icon--btn--"] {
            color: #EC6D34;
        }
    }
    .section__wrapper--contact--02 .content__txt--contact--02 {
        color: #291401;
    }
    .section__wrapper--flow--05 .content__subttl--flow--05 {
        display: block;
        text-align: center;
    }
}