@charset "utf-8";
/* 
サイト固有の記述
*/

/* 全体（色系）*/
body {
	
	.txt22 {
		    font-size: clamp(16px, 0.739rem + 0.85vw, 1.375rem);
	}
	
	.ttl08 .jp_ttl {
		font-size: clamp(18px, 0.659rem + 1.45vw, 1.75rem);
	}
	
    &.real-estate-sales {
        .ul_list01 li .list_body {
            background-color: #f8f8f8;
        }
    }

    &.real-estate-brokerage,
    &.real-estate-purchase {
        .infobox01 {
            border: solid 2px #97a1b7;

            .ttl05 {
                border-bottom: solid 2px #97a1b7;
            }
        }

        .infobox01 {
            &.top {
                border-radius: 30px 30px 0 0;
            }
        }

        .infobox01 {
            &.bottom {
                border-radius: 0 0 30px 30px;
            }
        }
    }

    &.real-estate-management {
        .infobox01 {
            border: solid 3px #e7ebf1;

            .chk_list.cul02 li {
                border-bottom: solid 1px #97a1b7;
            }
        }
    }

    &.real-estate-buying {
        .ttl05 {
            border-bottom: solid 2px #97a1b7;
        }
    }

    &.insurance {
        .sec03 .ttl03::before {
            border-bottom: solid 1px #97a1b7;
        }
    }

    .ttl05 {
        border-bottom: solid 2px #97a1b7;
    }
}

/* モニター以上*/
@media screen and (min-width: 1560px) {
    body {
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.company {
            .layout_e .txtbox {
                margin-right: 80px;
            }
        }

        .real-estate-buying {
            .sec02 {
                position: relative;
                padding: 100px 0;

                @include max_scr($bp_tb) {
                    padding: 50px 0;
                }
            }
        }

        &.renovation {
            .sec03 .infobox02 {
                .layout_b .imgbox {
                    width: 295px;
                } 

            }
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        &.company .sec02 .sub_images_ul.cul2 li .basic_dl02 dd .sub_images_ul li {
            width: calc(100% / 3 - 10px);
        }

        .real-estate-buying {
            .sec02 {
                padding: 50px 0;
            }
        }
		
		&.renovation {
			.sec03 .infobox02 .layout_b .imgbox {
				text-align: center;
			}
		}
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        &.company .sec02 .sub_images_ul {
            display: flex;
        }

        &.company .sec02 .sub_images_ul.cul2 li .basic_dl02 dd .sub_images_ul li {
            width: calc(100% / 2 - 10px);
        }

        .add_link .sub_images_ul {
            gap: 15px 20px;
        }

        .footerUpper .footer_flex .f_company .f_company_flex .txtbox {
            margin-top: 15px;
        }

        .tbl_list02 li {
            padding-left: 10px;
        }

        &.real-estate-brokerage {
            .sec05 .ttl11 {
                font-size: 23px;
            }
        }

        &.renovation {
            .sec03 .infobox02 {
                .layout_b .imgbox {
                    width: 100%;
                } 

            }
        }
		
		&.real-estate-leasing .sec03 .layout_c li,
		&.real-estate-buying .sec03 .layout_c li {
			width: 100%;
		}
    }
}