@charset "UTF-8";

/* 共通 */
:root{
	--page-main-color:#2985A7;
	--page-sub-color: #FFE100;
	--page-bg-color:#FFF;
	--page-default-font:'Noto Sans JP', sans-serif;
}

/*///////////////////// font-face 読み込み例 ///////////////////////////*/
/*Noto Sans JP 400*/
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Regular.woff);
    font-weight: 400;
    font-display: swap;
}
/*Noto Sans JP 500*/
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Medium.woff);
    font-weight: 500;
    font-display: swap;
}
/*Noto Sans JP 700*/
@font-face {
    font-family: 'Noto Sans JP';
    src: url(/fonts/NotoSansJP-Bold.woff);
    font-weight: 700;
    font-display: swap;
}
/*IBM Plex Sans Devanagari 600（woff2化: 329KB ttf → 約20KB）*/
@font-face {
    font-family: 'IBM Plex Sans Devanagari';
    src: url(/fonts/IBMPlexSansDevanagari-SemiBold.woff2) format('woff2');
    font-weight: 600;
    font-display: swap;
}

/*///////////////////// font-face 読み込み例 ///////////////////////////*/

.l-main * {
	font-family: var(--page-default-font);
}
.l-main {
    width: 100%;
    max-width: 100%;
}
.l-main .section__space {
    padding-block: 38px 60px;
}
.l-main .section__ttl {
    font-size: 48px;
    font-weight: 700;
    margin-bottom: 41px;
    color: #111;
}
.l-main .section__ttl span {
    font-size: 20px;
    font-weight: 600;
    font-family: "IBM Plex Sans Devanagari", sans-serif;
    letter-spacing: 2.8px;
    margin-top: 3px;
}
[class*="section__wrapper--"]{ 
    border-bottom: 1px solid #EDEDED;
}
.section__wrapper--flow--02,
.section__wrapper--contact--03 {
    border-bottom: none;
}
/* メイン画像 */
.main__bg--catch {
    height: 400px;
}
.main__bg--catch img {
    height: 100%;
    object-fit: cover;
}

/* レスト不動産のリノベーション事業 */
.section__wrapper--case--06 .section__ttl {
    margin-bottom: 73px;
}
.section__wrapper--case--06 .content__wrap--case--06 {
    border: none;
    background: #FAF4EC;;
}
.content__subttl--case--06 {
    font-size: 26px;
    font-weight: 700;
    line-height: 150%;
    color: #55493B;
}
.content__description--case--06 {
    font-size: 16px;
    font-weight: 500;
    line-height: 170%;
    color: #111;
}
.content__wrap--case--06--logo {
    margin-bottom: 25px;
}

/* リノベーション事例 */
.l-main .section__wrapper--strong--04 {
    background-color: #fff;
}
.l-main .section__wrapper--strong--04 .section__space {
    padding-block: 38px 69px;
}
.section__wrapper--strong--04 .content__img--strong--04::after {
    border: 1px solid #2951A7;
}
.section__wrapper--strong--04 .content__subttl--strong--04 {
    font-size: 26px;
    font-weight: 700;
    color: #55493B;
}
.section__wrapper--strong--04 .content__description--strong--04 {
    font-size: 16px;
    font-weight: 500;
    line-height: 170%;
    color: #111;
}
.content__items--strong--04:last-of-type .content__wrap--strong--04 {
    margin-top: 72px;
}

/* リフォーム・リノベーションのワンポイント */
.section__wrapper--strong--08 .content__subttl--strong--08 span {
    background-color: #55493B;
    font-size: 16px;
    font-weight: 400;
}
.l-main .section__wrapper--strong--08 .content__items--strong--08 {
    width: 1140px;
    border: none;
    background: #FAF4EC;
}
.section__wrapper--strong--08 .content__subttl--strong--08 {
    font-size: 26px;
    font-weight: 700;
    color: #55493B;
}
.section__wrapper--strong--08 .content__description--strong--08 {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 170%;
}

/* リノベーションの流れ */
.l-main .section__wrapper--flow--02 {
    background-color: #fff;
}
.l-main .section__wrapper--flow--02 .content__items--flow--02::before {
    border: none;
    background-color: #55493B;
    color: #fff;
}
.l-main .section__wrapper--flow--02 .content__items--flow--02::after {
    background: #55493B;
}
.content__subttl--flow--02 {
    font-size: 26px;
    font-weight: 700;
    color: #55493B;
    margin-bottom: 5px;
}

.content__items__inner--flow--02 {
    width: 735px;
}
.section__wrapper--flow--02 .content__description--flow--02 {
    font-size: 16px;
    font-weight: 500;
    color: #111;
    line-height: 1.7
    ;

}
.content__block--flow--02 {
    position: relative;
    width: 1140px;
    margin: 0 auto;
}
.content__block--flow--02:before {
    content: "";
    position: absolute;
    background: url(../images/img_flow.webp) no-repeat center center / cover;
    width: 680px;
    height: 604px;
    display: block;
    left: -389px;
}


/* お問い合わせ */
.l-main .section__wrapper--contact--03 {
    background: url(../images/bg_contact.webp) no-repeat center center / cover;
    height: 407px;
}
.l-main .section__wrapper--contact--03 .section__ttl {
    margin-bottom: 42px;
}
.l-main .section__wrapper--contact--03 .section__ttl span {
    width: 110px;
    margin: 0 auto;
}
.l-main .section__wrapper--contact--03 .content__wrap--contact--03 {
    justify-content: flex-start;
    gap: 30px;
}
.l-main .section__wrapper--contact--03 .content__ttl--contact--03 {
    color: #ABABAB;
}
.l-main .section__wrapper--contact--03 .content__btn--contact--mail a {
    font-size: 16px;
    font-weight: 500;
    background-color: #236CB1;
    justify-content: flex-start;
    padding-left: 63px;
}
.l-main .section__wrapper--contact--03 .content__icon--mail {
    width: 26px;
    height: 22px;
}
.l-main .section__wrapper--contact--03 .content__btn--contact--line a {
    font-size: 16px;
    font-weight: 500;
    justify-content: flex-start;
    padding-left: 62px;
}
.content__ttl--contact--03.tel__ttl {
    margin-bottom: 8px;
}