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

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        

        .tp_sec01 {
            .layout_a .imgbox {
                width: 40%;
            }
        }

        .tp_sec04 {
            .layout_a .imgbox {
                margin-left: 80px;
            }

            .layout_b .imgbox {
                margin-right: 80px;
            }
        }

        .tp_sec08 {
            .layout_b .imgbox {
                width: 54%;
                margin-right: 70px;
            }

            .dl_tbl01 dt {
                width: 25%;
            }

            .dl_tbl01 dd {
                width: 75%;
            }
        }

        footer .menu li a {
            padding: 0 20px;
            border-left: dashed 1px #fff;
            /* border-right: dashed 1px #fff; */
        }

        footer .menu li:first-child a {
            border-left: none;
        }

        footer .menu li:last-child a {
            border-right: none;
        }

        footer .menu {
            gap: 0;
        }
    }
}

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

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        #main_visual {
            height: 60vh;
        }

        .tp_sec08 {
            .dl_tbl01 {
                display: flex;
            }
        }

        .tp_sec06 .sec06_flex .box:nth-child(1) {
            padding: 15% 5%;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .tp_sec06 .sec06_flex .box:nth-child(1) {
            padding: 40px 5%;
        }

        .h-logo {
            margin-left: 20px;
        }
    }
}