@charset "UTF-8";

/* 
------------------------------------*/
.resultLayout .h2_wrap {
    background-image: url("../img/recruit/h2.png");
}



            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 760px) {
            }
            /* 【PC用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }


/* resultAllLayout
------------------------------------*/
.resultAllLayout #c01 .scr_table {
    overflow-x: scroll;
}
.resultAllLayout #c01 .scr_table th, .resultAllLayout #c01 .scr_table td {
    display: table-cell;
}
.resultAllLayout #c01 .scr_table table {
    width: 850px;
    background-color: #fff;
    border: 1px solid #b7b7b7;
}
.resultAllLayout #c01 .scr_table:not(:last-of-type) {
    margin-bottom: 40px;
}
.resultAllLayout #c01 .scr_table .s {
    font-size: 14px;
}
.resultAllLayout #c01 .scr_table th:nth-child(1) {
    width: 30%;
}
.resultAllLayout #c01 .scr_table th:nth-child(2) {
    width: 50%;
}
.resultAllLayout #c01 .scr_table th:nth-child(3) {
    width: 20%;
}
.resultAllLayout #c01 .scr_table td {
    width: auto;
}
.resultAllLayout #c01 .scr_table th, .resultAllLayout #c01 .scr_table td {
    padding: 20px 15px;
}
.resultAllLayout #c01 .scr_table th {
    background-color: #e7ebf0;
    color: #000;
}
.resultAllLayout #c01 .scr_table th:not(:last-child),
.resultAllLayout #c01 .scr_table td:not(:last-child) {
    border-right: 1px solid #b7b7b7;
}
.resultAllLayout #c01 h4 {
    background-color: #bbcadd;
    color: #000;
    padding: 12px 15px;
    margin-bottom: 20px;
}
.resultAllLayout #c01 {
    padding-bottom: 0;
}
.resultAllLayout #c02 .imgBox {
    height: 300px;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    margin-bottom: 20px;
}
.resultAllLayout #c02 time {
    display: block;
    margin-bottom: 5px;
}
.resultAllLayout #c02 .wp-paginate {
	clear: both;
	margin: 60px auto 0;
	text-align: center;
    display: flex;
    justify-content: center;
    list-style-type: none;
}
.resultAllLayout #c02 .wp-paginate li a, .resultAllLayout #c02 .wp-paginate li span.current {
	text-decoration: none;
	padding: 8px 15px;
	margin: 0 5px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	display: inline-block;
    line-height: 1.8;
    border: 1px solid #1f2b62;
}
.resultAllLayout #c02 .wp-paginate li a {
	color: #1f2b62;
    background-color: #fff;
}
.resultAllLayout #c02 .wp-paginate li a:hover {
    opacity: 0.6;
}
.resultAllLayout #c02 .wp-paginate li span.current {
	color: #fff;
	background: none;
    background-color: #1f2b62;
    border: 1px solid #1f2b62;
}
.resultAllLayout #c02 .wp-paginate > li {
    margin-left: 0px;
}
.resultAllLayout #c02 time, .resultSingleLayout time {
    color: #1f2b62;
}
.resultAllLayout #c02 .btn {
    margin-left: auto;
    margin-right: auto;
}

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .resultAllLayout #c01 .scr_table {
                    overflow-x: inherit;
                }
                .resultAllLayout #c01 .scr_table table {
                    width: 100%;
                }
                .resultAllLayout #c02 .resultLi {
                    display: flex;
                    flex-wrap: wrap;
                }
                .resultAllLayout #c02 .flex_box02:nth-child(3n) {
                    margin-right: 0;
                    margin-bottom: 30px;
                }
                .resultAllLayout #c02 h3, .resultSingleLayout h3 {
                    margin-bottom: 60px;
                }
            }
            /* 【PC用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }




/* resultSingleLayout
------------------------------------*/
.resultSingleLayout .main_img p {
    height: 240px;
}
.resultSingleLayout .multiple p {
    height: 70px;
}
.resultSingleLayout .main_img p, .resultSingleLayout .multiple p {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
}
.resultSingleLayout .multiple {
    display: flex;
    margin-top: 20px;
}
.resultSingleLayout .multiple li {
    width: 23%;
}
.resultSingleLayout .multiple li:not(:last-child) {
    margin-right: 2%;
}
.resultSingleLayout .btn {
    margin-left: auto;
    margin-right: auto;
}

            /* 【タブレット用のスタイル記述】 */
            @media screen and (min-width: 760px) {
                .resultSingleLayout .main_img p {
                    height: 450px;
                }
                .resultSingleLayout .multiple p {
                    height: 110px;
                }
            }
            /* 【PC用のスタイル記述】 */
            @media screen and (min-width: 960px) {
            }