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

/* 全体（色系）*/
body {
    footer .footer_flex .f_company p {
        font-weight: 500;
    }

    &.page-template-tmpl_staff_post,
    &.tax-staff_c,
    &.page-template-tmpl_recruit_post,
    &.tax-recruit_c {
        .category-list li a {
            border: solid 2px #f59e2d;
        }

        .category-list li a:hover {
            background-color: #f59e2d;
        }
    }

    &.page-template-tmpl_news,
    &.category {
        .category-list li a {
            border: solid 2px #31a890;
        }
    }

    &.single-recruit_post {
        .single_ttl {
            border-bottom: solid 2px #ed7700;
        }

        .dl_tbl01 dt .box,
        .dl_tbl01 dd .box {
            padding: 25px 20px;
        }

        .dl_tbl01 dt {
            border-bottom: solid 2px #ed7700;
        }

        .dl_tbl01 dd {
            border-bottom: solid 1px #ed7700;
        }
    }
}

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

/* パソコン以上*/
@media screen and (min-width: 1281px) {
    body {
        &.message {
            .layout_b .txtbox {
                margin-left: 80px;
            }
        }

        .contact_infoarea {
            padding: 0 5%;
        }

        &.data .sec02 .data_area .rank_list {
            display: flex;
            flex-wrap: wrap;
            gap: 0 40px;
        }

        &.data .sec02 .data_area .rank_list li {
            width: calc(100% / 2 - 20px);
        }

        &.data .sec02 .data_area .rank_list li:last-child {
            width: 100%;
        }
    }
}

/* タブレット*/
@media screen and (max-width: 1024px) {
    body {
        footer .footer_flex .footerUpper_nav_area {
            display: none;
        }

        footer .footer_flex .f_company {
            width: auto;
        }

        footer .footer_flex {
            justify-content: center;
        }
    }
}

/* 携帯*/
@media screen and (max-width: 767px) {
    body {
		main section .page_head{
			height: 75dvw;
		}
        .recruit_list li {
            padding: 30px 20px;
        }

        .thum_list li {
            margin-bottom: 10px;
        }

        &.contact {
            .ttl04 .sub_txt {
                font-size: 18px;
            }
        }

        &.data .sec01 .h2 {
            font-size: 25px;
        }
    }
}