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

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

    .gnav .gnav__inr .btn01.type01 a {
        border-radius: 4px;
    } 

    .gnav .h_btn01 {
        display: block;
    }

    header .header-r-area .btn01.type01 a {
        border-radius: 4px;
    }

    .tp_sec06 {
        hr.line05 {
            border-bottom: solid 2px #0e9280;
        }
    }
}

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .add_contact .add_parts_contact_dl dd a.tel_link {
            font-size: 50px;
        }

        .add_contact .add_parts_contact_dl dd a.tel_link::before {
            font-size: 25px;
        }

        .contact_infoarea {
            padding: 0 5%;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        #main_visual .copy_text {
            width: 60%;
            left: 35%;
        }

        .tp_sec06 .lead_box:before {
            top: -30px;
        }

        .tp_sec03,
        .tp_sec05 {
            .infobox01 .txtbox {
                width: 60%;
            }
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {

        #main_visual {
            height: calc(70vh - 60px);
        }

        #main_visual .copy_text {
            top: calc(55% - 50px);
            left: 45%;
            width: 75%;
        }

        .tp_sec06 .lead_box:before {
            top: 0;
        }

        .tp_sec03,
        .tp_sec05 {
            .infobox01 .txtbox {
                width: auto;
            }
        }

        .tp_sec04 {
            .ttl09 .b_ttl {
                font-size: 20px;
                margin-top: 20px;
            }

            .ttl09 .b_ttl span {
                font-size: 23px;
            }
        }
        
        .contact_infoarea .tel_box p {
            text-align: center;
        }

        footer .layout_c li:first-child {
            margin-bottom: 10px;
        }
    }
}