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

/* 全体（色系）*/
body {
    
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
		.txt_cr01 {
			color: #f88017;
		}
		
		.thum_list li .category_c a {
			background-color: #f88017;
		}
	
		
        header ul.links_sns {
            margin-left: 0;
        }

        &.reason {
            .sec01 {
                .layout_a .imgbox,
                .layout_b .imgbox {
                    width: 55%;
                }
            }
        }

        &.water_pipe_repair {
            .sec03 {
                .layout_b .imgbox {
                    width: 45%;
                }
            }
        }

        &.area {
            .sec01 {
                .layout_a .imgbox {
                    width: 55%;
                }
            }
        }

        .faq_title {
            font-size: 18px;
        }

        .flow_list .li.flow_in_flex .imgbox {
            width: 15%;
        }
    }
}

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        main section .page_title {
            width: 100%;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .tp_sec02 .lead .layout_c {
            flex-wrap: nowrap;
            gap: 0px;
        }

        .faq_box dd:before,
        .faq_box dt:before {
            width: 20px;
            height: 20px;
        }

        .faq_box dt {
            padding: 10px 10px 10px 3rem;
        }
    }
}