.font-en { font-family: "Montserrat", serif; }

.main { padding-top: 0; }

.job-nav { padding: 100px 0 50px; background-color: #EEF3F6; }
@media screen and (max-width: 750px) { .job-nav { padding: 80px 0; } }
.job-nav .nav-ttl { margin-bottom: 55px; font-size: 2.8rem; font-weight: 700; text-align: center; }
.job-nav .tabmenu { display: flex; flex-wrap: wrap; }
.job-nav .tabmenu li { width: 12.5%; margin-right: 2.0833333333%; margin-bottom: 2.5%; background-color: #006ABC; border-radius: 1em; cursor: pointer; transition: all .6s; }
@media screen and (max-width: 750px) { .job-nav .tabmenu li { width: 21.4285714286%; margin-right: 3.9682539683%; margin-bottom: 4.7619047619%; }
  .job-nav .tabmenu li:nth-child(4n) { margin-right: 0; }
  .job-nav .tabmenu li:nth-child(7) { margin-right: 3.9682539683% !important; } }
.job-nav .tabmenu li:hover { background-color: #0A81DE; }
.job-nav .tabmenu li:nth-child(7n) { margin-right: 0; }
.job-nav .tabmenu li:last-child { margin-right: 0; }

.job-contents { padding: 110px 0 150px; }
@media screen and (max-width: 750px) { .job-contents { padding: 80px 0; } }
.job-contents .contents-ttl { display: flex; align-items: flex-end; margin-bottom: 70px; padding-bottom: 20px; border-bottom: 3px solid #DEDEDE; }
@media screen and (max-width: 750px) { .job-contents .contents-ttl { margin-bottom: 30px; } }
.job-contents .contents-ttl p { width: 120px; }
@media screen and (max-width: 750px) { .job-contents .contents-ttl p { width: 60px; } }
.job-contents .contents-ttl .contents-ttl-h { flex: 1; margin-left: 30px; font-size: 6.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { .job-contents .contents-ttl .contents-ttl-h { font-size: 2.8rem; } }
.job-contents .contents-main { display: flex; flex-direction: row-reverse; }
@media screen and (max-width: 750px) { .job-contents .contents-main { display: block; } }
.job-contents .contents-main figure { width: 50%; margin-left: 3.3333333333%; }
@media screen and (max-width: 750px) { .job-contents .contents-main figure { width: 100%; margin-left: 0; margin-bottom: 20px; } }
.job-contents .contents-main dl { flex: 1; }
.job-contents .contents-main dl dt { margin-bottom: 30px; font-size: 3.2rem; font-weight: 700; color: #006ABC; }
@media screen and (max-width: 750px) { .job-contents .contents-main dl dt { margin-bottom: 20px; font-size: 2.2rem; } }
.job-contents .contents-main dl dd { font-weight: 500; line-height: 2; }
.job-contents .contents-assignment { width: 100%; max-width: 1000px; margin: 100px auto 0; padding: 45px 60px; border: 4px solid #006ABC; background-color: #fff; }
@media screen and (max-width: 750px) { .job-contents .contents-assignment { padding: 30px; } }
.job-contents .contents-assignment dl { max-width: 540px; margin: 0 auto 20px; }
.job-contents .contents-assignment dl dt { margin-bottom: 20px; font-size: 2.6rem; font-weight: 700; color: #006ABC; }
@media screen and (max-width: 750px) { .job-contents .contents-assignment dl dt { font-size: 2.2rem; } }
.job-contents .contents-assignment dl dd { font-weight: 500; line-height: 2; }
.job-contents .contents-assignment p a { display: block; text-decoration: none; width: 100%; max-width: 540px; margin: 0 auto; padding: 30px 20px; background: #006ABC url("../img/common/ico_arrow_w.svg") no-repeat right 20px center; background-size: 16px auto; font-size: 1.8rem; font-weight: 700; color: #fff; text-align: center; line-height: 1.2; border-radius: 4em; transition: all .6s; }
@media screen and (max-width: 750px) { .job-contents .contents-assignment p a { padding: 5.2631578947%; background-position: right 2.6315789474% center; background-size: 2.8070175439% auto; font-size: 1.4545454545rem; } }
.job-contents .contents-assignment p a:hover { opacity: 0.7; }
.job-contents .contents-assignment p a span { display: inline-block; padding-right: 25px; background: url("../img/common/ico_window_w.svg") no-repeat right center; background-size: 16px auto; }

.job-home { width: 260px; margin: 50px auto 0; }
@media screen and (max-width: 750px) { .job-home { width: 79.3650793651%; } }
.job-home a { display: block; text-decoration: none; width: 100%; padding: 20px; background: #006ABC; font-size: 1.8rem; font-weight: 700; color: #fff; text-align: center; line-height: 1; border-radius: 4em; transition: all .6s; }
@media screen and (max-width: 750px) { .job-home a { padding: 6%; font-size: 1.4545454545rem; } }
.job-home a:hover { opacity: 0.7; }

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