@charset "UTF-8";
.main::before { background: linear-gradient(to right, #C8F8E3, #7CB6F7); }

.staff-item { display: flex; align-items: center; column-gap: 20px; margin-bottom: 20px; }
.staff-item p { padding: 10px 1em; font-size: 2.0rem; font-weight: 500; text-align: center; border-radius: 5px; }
@media screen and (max-width: 980px) { .staff-item p { font-size: 1.6rem; } }
.staff-item ._type { background-color: #157B3A; color: #fff; }
.staff-item ._conditions { border: 1px solid #0E376D; background-color: #fff; }

._stafflist ul li a { display: block; text-decoration: none; background-color: #fff; border-radius: 30px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); }
._stafflist ul li .staff-box { padding: 30px 40px 40px; }
@media screen and (max-width: 750px) { ._stafflist ul li .staff-box { padding: 40px 20px; } }
._stafflist ul li .staff-box .staff-txt { padding-bottom: 10px; padding-right: 40px; background: url("../img/common/ico_arrow.svg") no-repeat right center; background-size: 30px auto; border-bottom: 1px solid #C4C4C4; font-size: 2.0rem; font-weight: 500; line-height: 1.6; }

/* ------------------------------ TOP
------------------------------ */
._idx .job-staff { margin-bottom: 90px; }
@media screen and (max-width: 750px) { ._idx .job-staff { margin-bottom: 80px; } }
._idx .job-staff .staff-top { margin-bottom: 80px; }
@media screen and (max-width: 750px) { ._idx .job-staff .staff-top { margin-bottom: 40px; } }
._idx .job-staff .staff-top .staff-heading { font-size: 5.0rem; font-weight: 800; }
@media screen and (max-width: 750px) { ._idx .job-staff .staff-top .staff-heading { font-size: 4.0rem; } }
._idx .job-staff .staff-slide { padding-bottom: 50px; overflow: hidden; }
._idx .job-staff .staff-slide .staff-swiper { width: 100%; padding: 10px 0 50px; overflow: visible; }
@media screen and (max-width: 750px) { ._idx .job-staff .staff-slide .staff-swiper { overflow: hidden; margin: 0 auto; padding-block: 10px; } }
._idx .job-staff .staff-slide .staff-swiper .swiper-slide { width: 23.9583333333%; transition: all .5s; transform-origin: center top; }
@media screen and (max-width: 980px) { ._idx .job-staff .staff-slide .staff-swiper .swiper-slide { width: 44.7916666667%; } }
@media screen and (max-width: 750px) { ._idx .job-staff .staff-slide .staff-swiper .swiper-slide { width: 100%; } }
._idx .job-staff .staff-slide .staff-swiper._active .swiper-slide-active { transform: scale(1.1); }
@media screen and (max-width: 750px) { ._idx .job-staff .staff-slide .staff-swiper._active .swiper-slide-active { transform: scale(1); } }
._idx .job-staff .staff-slide .staff-swiper._next .swiper-slide-next { transform: scale(1.1); }
@media screen and (max-width: 750px) { ._idx .job-staff .staff-slide .staff-swiper._next .swiper-slide-next { transform: scale(1); } }
._idx .job-staff .staff-tool .tool-main { display: flex; align-items: center; column-gap: 30px; }
._idx .job-staff .staff-tool .swiper-pagination-bullets { position: static; width: auto; }
._idx .job-staff .staff-tool .swiper-pagination-bullet { width: 20px !important; height: 20px !important; margin: 0 10px !important; background: #fff !important; border: 1px solid #161616; opacity: 1; }
._idx .job-staff .staff-tool .swiper-pagination-bullet-active { background: #161616 !important; }
._idx .job-staff .staff-tool .slide-btn { display: flex; align-items: center; justify-content: space-between; column-gap: 30px; width: 90px; }
._idx .job-staff .staff-tool .slide-btn button { display: block; width: 30px; }
._idx .job-staff .staff-tool .slide-stop { display: block; width: 30px; aspect-ratio: 1 / 1; background: url("../img/common/btn_stop.svg") no-repeat center center/contain; }
._idx .job-staff .staff-tool .slide-stop._stop { background-image: url("../img/common/btn_play.svg"); }
._idx .job-nav .nav-main { display: flex; justify-content: space-between; gap: 50px 6.7796610169%; margin-bottom: 100px; }
@media screen and (max-width: 980px) { ._idx .job-nav .nav-main { flex-direction: column; } }
._idx .job-nav .nav-main a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; }
@media screen and (max-width: 750px) { ._idx .job-nav .nav-main a { flex-direction: column; } }
._idx .job-nav .nav-main a dl { flex: 1; }
._idx .job-nav .nav-main a dl dt { margin-bottom: 20px; padding-bottom: 20px; padding-right: 40px; background: url("../img/common/ico_arrow.svg") no-repeat right center; background-size: 20px auto; border-bottom: 1px solid #C4C4C4; font-size: 3.0rem; font-weight: 700; }
._idx .job-nav .nav-main .nav-box { width: 46.3559322034%; }
@media screen and (max-width: 980px) { ._idx .job-nav .nav-main .nav-box { width: 100%; } }
._idx .job-nav .nav-main .nav-box a { flex-direction: column-reverse; row-gap: 50px; }
@media screen and (max-width: 980px) { ._idx .job-nav .nav-main .nav-box a { flex-direction: row; gap: 30px 7.2727272727%; } }
@media screen and (max-width: 980px) and (max-width: 750px) { ._idx .job-nav .nav-main .nav-box a { flex-direction: column; } }
@media screen and (max-width: 980px) { ._idx .job-nav .nav-main .nav-box a figure { width: 36.3636363636%; } }
@media screen and (max-width: 980px) and (max-width: 750px) { ._idx .job-nav .nav-main .nav-box a figure { width: 100%; } }

._idx .job-nav .nav-main ul { flex: 1; }
._idx .job-nav .nav-main ul li { margin-bottom: 65px; }
@media screen and (max-width: 750px) { ._idx .job-nav .nav-main ul li { margin-bottom: 40px; } }
._idx .job-nav .nav-main ul li:last-child { margin-bottom: 0; }
._idx .job-nav .nav-main ul li a { gap: 20px 7.2727272727%; }
._idx .job-nav .nav-main ul li figure { width: 36.3636363636%; }
@media screen and (max-width: 750px) { ._idx .job-nav .nav-main ul li figure { width: 100%; } }
._idx .job-new .new-heading { margin-bottom: 80px; font-size: 5.0rem; font-weight: 600; }
@media screen and (max-width: 750px) { ._idx .job-new .new-heading { margin-bottom: 40px; font-size: 2.8rem; } }
._idx .job-new .new-main { display: flex; gap: 40px 6.3492063492%; }
@media screen and (max-width: 980px) { ._idx .job-new .new-main { flex-direction: column; } }
._idx .job-new .new-main .new-box { width: 46.8253968254%; }
@media screen and (max-width: 980px) { ._idx .job-new .new-main .new-box { width: 100%; } }
._idx .job-new .new-main .new-box a { display: flex; text-decoration: none; background-color: #fff; border-radius: 30px; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); }
._idx .job-new .new-main .new-box figure { width: 49.1525423729%; }
._idx .job-new .new-main .new-box .new-box-item { flex: 1; padding: 40px 30px; background: url("../img/common/ico_arrow.svg") no-repeat right 30px bottom 40px; background-size: 30px auto; }
@media screen and (max-width: 750px) { ._idx .job-new .new-main .new-box .new-box-item { padding: 20px; background-position: right 30px bottom 20px; } }
._idx .job-new .new-main .new-box .new-box-item p { padding-bottom: 20px; border-bottom: 1px solid #C4C4C4; font-size: 2.0rem; font-weight: 500; }
@media screen and (max-width: 750px) { ._idx .job-new .new-main .new-box .new-box-item p { font-size: 1.4rem; } }

/* ------------------------------ 先輩職員紹介
------------------------------ */
._staff .staff-search { display: flex; align-items: center; gap: 20px 40px; margin-bottom: 50px; padding-bottom: 50px; border-bottom: 1px solid #C4C4C4; }
@media screen and (max-width: 980px) { ._staff .staff-search { flex-direction: column; } }
@media screen and (max-width: 750px) { ._staff .staff-search { align-items: flex-start; } }
._staff .staff-search .staff-search-con { display: flex; align-items: center; gap: 20px 40px; }
@media screen and (max-width: 750px) { ._staff .staff-search .staff-search-con { flex-direction: column; } }
._staff .staff-search dl { display: flex; align-items: center; }
._staff .staff-search dl:first-child { width: 100%; max-width: 260px; }
@media screen and (max-width: 750px) { ._staff .staff-search dl:first-child { max-width: 100%; } }
._staff .staff-search dl:last-child { width: 100%; max-width: 280px; }
@media screen and (max-width: 750px) { ._staff .staff-search dl:last-child { max-width: 100%; } }
._staff .staff-search dl dt { padding-right: 1em; font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._staff .staff-search dl dt { width: 4em; } }
._staff .staff-search dl dd { width: 200px; }
._staff .staff-search dl dd select { -webkit-appearance: none; appearance: none; width: 100%; padding: 10px 15px; border: 1px solid #C4C4C4; background: #fff url("../img/common/ico_select.svg") no-repeat right 15px center; background-size: 10px auto; border-radius: 5px; }
._staff .staff-search .search-btn { display: flex; justify-content: center; align-items: center; width: 100%; max-width: 180px; padding: 10px; background-color: #0E376D; font-size: 2.0rem; font-weight: 700; text-align: center; color: #fff; border-radius: 5px; text-align: center; line-height: 1; }
@media screen and (max-width: 980px) { ._staff .staff-search .search-btn { margin: 0 auto; } }
._staff .staff-search .search-btn .ico { width: 2.1rem; margin-right: 10px; }
._staff .staff-list { margin-bottom: 80px; }
._staff .staff-list ._stafflist { margin-bottom: 80px; }
._staff .staff-list ._stafflist ul { display: flex; flex-wrap: wrap; gap: 50px 3.5714285714%; }
@media screen and (max-width: 980px) { ._staff .staff-list ._stafflist ul { gap: 50px 4%; } }
@media screen and (max-width: 750px) { ._staff .staff-list ._stafflist ul { flex-direction: column; } }
._staff .staff-list ._stafflist ul li { width: 30.9523809524%; }
@media screen and (max-width: 980px) { ._staff .staff-list ._stafflist ul li { width: 48%; } }
@media screen and (max-width: 750px) { ._staff .staff-list ._stafflist ul li { width: 100%; } }
._staff .staff-system .system-box { margin-bottom: 50px; }
._staff .staff-system .system-box:last-child { margin-bottom: 0; }

/* ------------------------------ インタビュー
------------------------------ */
._interview .int-staff { display: flex; justify-content: space-between; gap: 30px 9.5238095238%; margin-bottom: 80px; }
@media screen and (max-width: 750px) { ._interview .int-staff { flex-direction: column; } }
._interview .int-staff figure { width: 40.4761904762%; }
@media screen and (max-width: 750px) { ._interview .int-staff figure { width: 100%; } }
._interview .int-staff .staff-box { flex: 1; }
._interview .int-staff .staff-box .staff-ttl { margin-bottom: 30px; font-size: 5.0rem; font-weight: 800; }
@media screen and (max-width: 750px) { ._interview .int-staff .staff-box .staff-ttl { font-size: 3.0rem; } }
._interview .int-staff .staff-box .staff-txt { margin-bottom: 15px; font-size: 3.0rem; font-weight: 700; color: #0E376D; }
@media screen and (max-width: 750px) { ._interview .int-staff .staff-box .staff-txt { font-size: 2.2rem; } }
._interview .int-staff .staff-box .staff-name { font-size: 2.2rem; font-weight: 500; }
@media screen and (max-width: 750px) { ._interview .int-staff .staff-box .staff-name { font-size: 2.0rem; } }
._interview .int-main .int-faq { margin-bottom: 30px; }
._interview .int-main .int-faq .faq-q { position: relative; margin-bottom: 40px; text-align: right; }
._interview .int-main .int-faq .faq-q::after { content: ""; position: absolute; bottom: 0; right: 0; width: 0; height: 0; margin-right: 5px; margin-bottom: -20px; border-top: 40px solid #C8F8E3; border-left: 15px solid transparent; border-right: 15px solid transparent; transform: rotate(-30deg); }
._interview .int-main .int-faq .faq-q span { display: inline-block; padding: 10px 15px; background-color: #C8F8E3; font-size: 2.2rem; font-weight: 700; border-radius: 5px; }
@media screen and (max-width: 750px) { ._interview .int-main .int-faq .faq-q span { font-size: 1.8rem; } }
._interview .int-main .int-faq .faq-a { display: flex; align-items: flex-start; column-gap: 2.5423728814%; }
._interview .int-main .int-faq .faq-a figure { width: 80px; }
._interview .int-main .int-faq .faq-a .a-box { flex: 1; position: relative; padding: 20px 25px; background-color: #F6F6F6; font-size: 2.0rem; border-radius: 5px; }
@media screen and (max-width: 750px) { ._interview .int-main .int-faq .faq-a .a-box { font-size: 1.6rem; } }
._interview .int-main .int-faq .faq-a .a-box::after { content: ""; position: absolute; top: 0; left: 0; width: 0; height: 0; margin-left: -15px; margin-top: 15px; border-top: 40px solid #F6F6F6; border-left: 15px solid transparent; border-right: 15px solid transparent; transform: rotate(120deg); }
._interview .int-main .int-faq .faq-a .a-box._time { width: 100%; max-width: 560px; }
._interview .int-main .int-fig { width: 100%; max-width: 510px; margin: 0 auto 40px; }
._interview .int-main .int-movie { width: 100%; max-width: 560px; margin: 0 auto 40px; aspect-ratio: 560 / 315; }
._interview .int-main .int-movie iframe { width: 100%; height: 100%; }
._interview .int-career { display: flex; justify-content: space-between; background-color: #fff; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, 0.1); border-radius: 30px; overflow: hidden; }
@media screen and (max-width: 980px) { ._interview .int-career { display: block; } }
._interview .int-career .career-main { flex: 1; padding: 45px 40px; }
@media screen and (max-width: 750px) { ._interview .int-career .career-main { padding: 30px; } }
._interview .int-career .career-main .c-subheading { margin-bottom: 0; }
._interview .int-career .career-main table { width: 100%; margin-bottom: 20px; }
._interview .int-career .career-main table thead th { padding-block: 15px; }
._interview .int-career .career-main table thead th:first-child { width: 10em; padding-right: 20px; }
._interview .int-career .career-main table thead th p { display: flex; align-items: center; font-size: 2.4rem; font-weight: 700; text-align: left; }
@media screen and (max-width: 750px) { ._interview .int-career .career-main table thead th p { font-size: 1.8rem; } }
._interview .int-career .career-main table thead th p::before { content: '●'; margin-right: 0.5em; font-size: 60%; color: #157B3A; }
._interview .int-career .career-main table tbody tr { border-bottom: 1px solid #C4C4C4; }
@media screen and (max-width: 750px) { ._interview .int-career .career-main table tbody tr { font-size: 1.6rem; } }
._interview .int-career .career-main table tbody tr th, ._interview .int-career .career-main table tbody tr td { padding-block: 15px; padding-right: 20px; text-align: left; }
._interview .int-career .career-main table tbody tr th { font-weight: 500; }
._interview .int-career .career-main .career-txt { text-align: right; }
._interview .int-career figure { width: 37.6984126984%; }
@media screen and (max-width: 980px) { ._interview .int-career figure { width: 100%; } }

.int-other { padding-bottom: 120px; }
.int-other .other-top { margin-bottom: 120px; }
.int-other .other-top .other-top-con { padding-left: 20px; border-left: 4px solid #157B3A; }
.int-other .other-top .other-en { margin-bottom: 20px; font-size: 2.4rem; font-weight: 700; color: #157B3A; line-height: 1; }
@media screen and (max-width: 750px) { .int-other .other-top .other-en { font-size: 1.6rem; } }
.int-other .other-top .other-h { font-size: 5.0rem; font-weight: 800; line-height: 1; }
@media screen and (max-width: 750px) { .int-other .other-top .other-h { font-size: 3.0rem; } }
.int-other .other-slide { margin-bottom: 50px; overflow: hidden; }
.int-other .other-tool .tool-main { display: flex; align-items: center; column-gap: 30px; }
.int-other .other-tool .swiper-pagination-bullets { position: static; width: auto; }
.int-other .other-tool .swiper-pagination-bullet { width: 20px !important; height: 20px !important; margin: 0 10px !important; background: #fff !important; border: 1px solid #161616; opacity: 1; }
.int-other .other-tool .swiper-pagination-bullet-active { background: #161616 !important; }
.int-other .other-tool .slide-btn { display: flex; align-items: center; justify-content: space-between; column-gap: 30px; width: 90px; }
.int-other .other-tool .slide-btn button { display: block; width: 30px; }

/* ------------------------------ 職種紹介
------------------------------ */
._type .type-nav { margin-bottom: 80px; }
._type .type-nav .c-section { margin-bottom: 0; }
._type .type-nav ul { display: flex; flex-wrap: wrap; column-gap: 5.5084745763%; }
@media screen and (max-width: 980px) { ._type .type-nav ul { column-gap: 4%; } }
._type .type-nav ul li { width: 29.6610169492%; border-bottom: 1px solid #C4C4C4; }
@media screen and (max-width: 980px) { ._type .type-nav ul li { width: 48%; } }
._type .type-nav ul li a { display: flex; align-items: center; text-decoration: none; height: 100%; padding: 20px 30px 20px 0; background: url("../img/common/ico_arrow_b.svg") no-repeat right center; background-size: 25px auto; font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { ._type .type-nav ul li a { font-size: 1.4rem; padding-right: 20px; background-size: 15px auto; } }
._type .type-nav .nav-txt { margin-top: 15px; text-align: right; font-weight: 700; }
@media screen and (max-width: 750px) { ._type .type-nav .nav-txt { font-size: 1.2rem; } }
._type .type-main .type-box .type-item { display: flex; gap: 20px 3.3898305085%; margin-bottom: 40px; }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-item { flex-direction: column; } }
._type .type-main .type-box .type-item figure { width: 150px; }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-item figure { width: 100px; margin: 0 auto; } }
._type .type-main .type-box .type-item p { flex: 1; font-size: 1.6rem; }
._type .type-main .type-box .type-con { display: flex; justify-content: space-between; align-items: center; gap: 40px 3.3898305085%; }
@media screen and (max-width: 980px) { ._type .type-main .type-box .type-con { display: block; } }
._type .type-main .type-box .type-con dl { flex: 1; display: flex; align-items: center; justify-content: space-between; padding-block: 30px; background-color: #F3F3F3; }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-con dl { flex-direction: column; padding: 30px; } }
._type .type-main .type-box .type-con dl dt { width: 8em; padding-inline: 10px; font-size: 2.4rem; font-weight: 700; color: #157B3A; text-align: center; }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-con dl dt { width: 100%; margin-bottom: 20px; padding: 0; } }
._type .type-main .type-box .type-con dl dd { flex: 1; padding-right: 15px; font-size: 1.6rem; }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-con dl dd { padding-right: 0; } }
@media screen and (max-width: 980px) { ._type .type-main .type-box .type-con .c-btn { max-width: 330px; margin: 30px auto 0; } }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-con .c-btn { max-width: 100%; } }
._type .type-main .type-box .type-link { display: flex; column-gap: 30px; margin-top: 20px; }
@media screen and (max-width: 980px) { ._type .type-main .type-box .type-link { justify-content: center; } }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-link { display: block; } }
._type .type-main .type-box .type-link li { width: 33.4745762712%; }
@media screen and (max-width: 980px) { ._type .type-main .type-box .type-link li { width: 100%; } }
@media screen and (max-width: 750px) { ._type .type-main .type-box .type-link li { margin-bottom: 20px; }
  ._type .type-main .type-box .type-link li:last-child { margin-bottom: 0; } }
._type .type-main .type-box .type-link li .c-btn { display: block; padding-block: 20px; }
._type .type-main .type-box .type-link li .c-btn .ico { width: 1.6rem; margin-left: 10px; }
._type .type-main .type-other .c-btn { max-width: 535px; margin: 80px auto; }

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