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

/* 全体（色系）*/
body {
    .gallery-photo {
        margin-bottom: 50px;
    }

    img.line02 {
        border: solid 2px #02428c;
    }

    .pc_on2 {
        display: block;
    }

    .sp_on2 {
        display: none;
    }

    .bg_btm01:before {
        content: "";
        display: inline-block;
        background-image: url(../images/home/sec01/bg_btm_fixed01.png);
        background-size: cover;
        height: 185px;
        width: 100%;
        position: absolute;
        bottom: -1px;
        left: 0;
        aspect-ratio: 1920 / 187;
    }
}

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_news .btn01_a a {
            width: 100%;
        }

        #menu-footer02 .menu-item-type-post_type a {
            padding-left: 0;
        }

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

        &.company {
            .sec01 {
                .layout_a .imgbox {
                    margin-left: 6rem;
                }
            }
        }

        &.reason {
            .sec01,
            .sec02,
            .sec03,
            .sec04 {
                .layout_b .imgbox {
                    width: 55%;
                }
            }
        }

        .sub_images_ul .li img.width_50 {
            width: 50%;
        }
    }
}

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

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

        .bg_btm01:before {
            height: 80px;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        main section .page_title .sv_ttl .eng_ttl {
            font-size: 30px;
        }

        main section .page_title {
            top: 65%;
        }

        .pc_on2 {
            display: none;
        }

        .sp_on2 {
            display: block;
        }

        .layout_dl01 dt {
            display: block;
        }

        .layout_dl01 {
            padding: 20px 0;
        }

        .layout_dl01 dd {
            padding: 0;
        }

        .flow_dl01 dt figure img {
            margin: 0;
        }

        .flow_dl01 dt figure figcaption {
            left: 10px;
        }

        &.company {
            .sec01 {
                .layout_a .txtbox img {
                    width: 60%;
                }
            }
        }
    }
}