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

/* 全体（色系）*/
body {
    .ttl10 {
        border-left: 6px solid #33ae20;
    }

    .tp_sec03 {
        h3.f24 {
            color: #045314;
        }
    }
}

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        .tp_sec01 {
            .imgbox figure {
                margin-top: 2em;
            }
        }

        .tp_sec03 {
            .ttl10 {
                font-size: 30px;
            }
        }

        .f24 {
            font-size: 24px;
        }

        .add_company {
            .layout_a .imgbox {
                width: 40%;
                margin-top: 2%;
            }
        }
    }
}

@media screen and (max-width: 1580px) {
    body {
        #page_top {
            bottom: 10px;
        }

        #page_top a {
            width: 85px;
            height: 85px;
        }

        #page_top a img {
            width: 80%;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        .h-logo {
            margin-left: 35px;
        }
        .tp_sec01 .layout_a {
            flex-direction: column-reverse;
            display: flex;
        }

        .add_company .layout_a {
            flex-direction: column-reverse;
            display: flex;
        }

        #main_visual .copy_text {
            width: 60%;
            left: 35%;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
        .h-logo {
            margin-left: 30px;
        }

        #main_visual .copy_text {
            width: 80%;
            left: 2%;
        }

        .tp_sec03 {
            .ttl10 {
                font-size: 22px;
            }
        }

        .f24 {
            font-size: 17px;
        }

        .footerUpper .footer_flex .footerUpper_nav_area {
            display: none;
        }

        .footerUpper .footer_flex .f_company {
            width: 100%;
            text-align: center;
        }

        .footerUpper .footer_flex .f_company .sns_flex {
            justify-content: center;
        }

        .footerUpper .footer_flex .f_company .layout_c {
            justify-content: center !important;
            gap: 0px;
        }

        .add_company {
            .layout_a .imgbox {
                margin-top: 5%;
            }
        }

        #page_top a:nth-child(1),
        #page_top a:nth-child(2),
        #page_top a:nth-child(3),
        #page_top a:nth-child(4) {
            display: none;
        }

        #page_top a {
			width: 70px;
			height: 70px;
        }

        #page_top {
            bottom: 80px;
            right: 15px;
        }

        #page_top a img {
			width: 90%;
        }
    }
}