@charset "UTF-8";
/* ------------------------------ ページタイトル
------------------------------ */
.pagettl-sec { position: relative; z-index: 10; }
.pagettl-sec .pagettl-swiper .swiper-slide { width: 275.2rem; }
@media screen and (max-width: 750px) { .pagettl-sec .pagettl-swiper .swiper-slide { width: 195.1rem; } }

/* ------------------------------ コンテンツ
------------------------------ */
.job-top { padding-bottom: 65px; background-color: #fff; overflow: hidden; }
.job-top .top-in { width: 100%; max-width: 1000px; margin: 0 auto; }
.job-top .top-main { position: relative; margin-bottom: 35px; }
.job-top .top-main .scroll .top-fig { position: relative; }
@media screen and (max-width: 750px) { .job-top .top-main .scroll .top-fig { width: 100rem; } }
.job-top .top-main .scroll p { position: absolute; top: 0; left: 0; width: 21.2%; }
.job-top .top-main .scroll p ._on { display: none; }
.job-top .top-main .scroll p:hover ._on { display: inline; }
.job-top .top-main .scroll p:hover ._off { display: none; }
.job-top .top-main .scroll p._btn1 { margin: 7.1% 0 0 11.45%; }
.job-top .top-main .scroll p._btn2 { margin: 13.8% 0 0 11.45%; }
.job-top .top-main .scroll p._btn3 { margin: 7.1% 0 0 42.75%; }
.job-top .top-main .scroll p._btn4 { margin: 13.8% 0 0 42.75%; }
.job-top .top-main .scroll p._btn5 { margin: 20.4% 0 0 11.45%; width: 52.3%; }
.job-top .top-main .scroll p._btn6 { margin: 7.1% 0 0 74.05%; }
.job-top .top-main .scroll p._btn7 { margin: 13.8% 0 0 74.05%; }
.job-top .top-main .scroll p._btn8 { margin: 31.5% 0 0 11.45%; }
.job-top .top-main .scroll p._btn9 { margin: 31.5% 0 0 42.75%; }
.job-top .top-main .scroll p._btn10 { margin: 31.5% 0 0 74.05%; }
.job-top .top-main .scroll p._btn11 { margin: 42.7% 0 0 74.05%; }
.job-top .top-main .scroll p._btn12 { margin: 49.7% 0 0 74.05%; }
.job-top .top-main .top-scroll { display: none; }
@media screen and (max-width: 750px) { .job-top .top-main .top-scroll { display: block; position: absolute; top: 0; left: 50%; width: 53.3333333333%; margin-top: 18.6666666667%; margin-left: -26.6666666667%; pointer-events: none; } }
.job-top .top-contents { padding: 0 40px 10px; border: 1px solid #005eaa; border-radius: 1em; }
.job-top .top-contents .top-table { width: 100%; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .job-top .top-contents .top-table { font-size: 1.6rem; } }
.job-top .top-contents .top-table tr { border-bottom: 1px solid #b3cbd1; }
.job-top .top-contents .top-table tr:first-child th:nth-child(2) { width: 15em; }
.job-top .top-contents .top-table tr:last-child { border-bottom: none; }
.job-top .top-contents .top-table tr th, .job-top .top-contents .top-table tr td { padding: 20px; }
.job-top .top-contents .top-table tr th { color: #005eaa; font-weight: 700; text-align: left; }
.job-top .top-contents .top-table tr th:first-child { width: 10em; padding-left: 0; }

.job-box { margin-bottom: 30px; }
.job-box:last-child { margin-bottom: 0; }
.job-box._toggle .box-contents { display: none; }
.job-box._toggle .box-more.active { display: none; }
.job-box._box12 .box-top .box-main .box-item { display: block; margin-bottom: 15px; }
.job-box._box12 .box-top .box-main .box-cate { margin-left: 0; margin-top: 10px; }
.job-box .box-top { display: flex; justify-content: space-between; padding-bottom: 25px; border-bottom: 1px solid #b3cbd1; }
@media screen and (max-width: 750px) { .job-box .box-top { display: block; } }
.job-box .box-top figure { width: 35.8974358974%; margin-right: 5.1282051282%; }
@media screen and (max-width: 750px) { .job-box .box-top figure { width: 100%; margin: 0 auto 30px; } }
.job-box .box-top .box-main { flex: 1; }
.job-box .box-top .box-main .box-item { display: flex; align-items: center; margin-bottom: 30px; }
.job-box .box-top .box-main .box-heading { font-size: 2.8rem; font-weight: 700; }
@media screen and (max-width: 750px) { .job-box .box-top .box-main .box-heading { font-size: 2.2rem; } }
.job-box .box-top .box-main .box-cate { width: 6em; margin-left: 15px; font-size: 1.5rem; padding: 5px; text-align: center; color: #fff; border-radius: 5px; line-height: 1; }
.job-box .box-top .box-main .box-cate._cate01 { background-color: #005eaa; }
.job-box .box-top .box-main .box-cate._cate02 { background-color: #0098aa; }
.job-box .box-place { padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #b3cbd1; }
.job-box .box-place dl { display: flex; color: #005eaa; }
@media screen and (max-width: 750px) { .job-box .box-place dl { display: block; } }
.job-box .box-place dl dt { width: 10em; font-weight: 700; }
@media screen and (max-width: 750px) { .job-box .box-place dl dt { width: 100%; margin-bottom: 15px; } }
.job-box .box-place dl dd ul { display: flex; flex-wrap: wrap; gap: 1em 2em; }
.job-box .box-place dl dd ul li a { color: #005eaa; }
.job-box .box-staff { padding-top: 35px; padding-bottom: 35px; border-bottom: 1px solid #b3cbd1; }
.job-box .box-staff dl dt { margin-bottom: 15px; font-weight: 700; color: #005eaa; }
.job-box .box-staff dl dd ul { display: flex; justify-content: center; column-gap: 7.6923076923%; }
@media screen and (max-width: 750px) { .job-box .box-staff dl dd ul { flex-wrap: wrap; gap: 1em 0; justify-content: space-between; } }
.job-box .box-staff dl dd ul li { width: 25.641025641%; }
@media screen and (max-width: 750px) { .job-box .box-staff dl dd ul li { width: 49%; }
  .job-box .box-staff dl dd ul li:only-child { margin: 0 auto; } }
.job-box .box-staff dl dd ul li figure { width: 100%; max-width: 150px; margin: 0 auto; }
.job-box .box-staff dl dd ul li .staff-txt { margin: 10px 0; font-size: 1.3rem; text-align: center; }
@media screen and (max-width: 750px) { .job-box .box-staff dl dd ul li .staff-txt { font-size: 1rem; } }
.job-box .box-staff dl dd ul li .staff-link { text-align: center; }
@media screen and (max-width: 750px) { .job-box .box-staff dl dd ul li .staff-link .btn { width: 100%; } }
.job-box .box-staff dl dd ul li .staff-link .btn span { padding: 10px 40px 10px 20px; background-position: right 10px center; background-size: 21px auto; font-size: 1.2rem; text-align: left; }
@media screen and (max-width: 750px) { .job-box .box-staff dl dd ul li .staff-link .btn span { padding-left: 1rem; padding-right: 2rem; background-position: right 0.5rem center; background-size: 1.5rem auto; text-align: center; } }
.job-box .box-close { padding-top: 35px; }
.job-box .box-close button { display: block; width: 100%; max-width: 212px; margin: 0 auto; padding: 15px; background: #005eaa url("../img/common/ico_close_w.svg") no-repeat right 15px center; background-size: 17px auto; text-align: center; color: #fff; border-radius: 4em; }
.job-box .box-more p { display: flex; align-items: center; justify-content: center; padding: 35px 0 20px; text-align: center; cursor: pointer; }
.job-box .box-more p span { margin-right: 3rem; font-size: 1.8rem; color: #005eaa; font-weight: 700; }

/*# sourceMappingURL=job.css.map */