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

/* 全体（色系）*/
body {
    .add_bnr {
        .btn03 p {
            font-size: clamp(16px, 0.83rem + 0.73vw, 22px);
            font-weight: bold;
        }
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec01 {
            .tp_sec01_flex .ttl_box {
                margin-right: 15%;
            }
        }

        .parts_service {
            .hf01 .txtbox {
                padding: 60px;
            }

            .sub_images_ul.cul2 .li {
                width: 280px;
            }
        }

        .add_bnr {
            .layout_b .imgbox {
                margin-right: 60px;
            }
        }

        &.tenohira {
            .sec01 {
                h2.ttl05 {
                    padding-right: 5%;
                    padding-left: 5%;
                }
            }

            .sec03 {
                .layout_a .imgbox {
                    width: 55%;
                }
            }
        }

        .sec00 {
            h2.ttl05 {
                padding-right: 5%;
                padding-left: 5%;
            }
        }

        &.recruit {
            .sec03 {
                .layout_b .imgbox {
                    width: 55%;
                }
            }
        }
    }
}

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        #main_visual .copy_text {
            inset: 30% 0 0 10%;
            width: 85%;
        }

        .hf01.rev .imgbox {
            margin-left: 5%;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
            #main_visual .copy_text {
        width: 80%;
        inset: 0 0 0 0;
    }
    }
}