@charset "UTF-8";
/***Stylesheet 採用情報ページ***/
.page-information .fv { margin-bottom: 7rem; }
@media only screen and (max-width: 767px) { .page-information .fv { margin-bottom: 3rem; } }
.page-information .fv .inner { position: relative; }
.page-information .fv .img { width: 100%; height: 38rem; overflow: hidden; -webkit-border-radius: 4rem; -moz-border-radius: 4rem; border-radius: 4rem; }
.page-information .fv .img > img, .page-information .fv .img > video { width: 100%; height: 100%; object-fit: cover; }
@media only screen and (max-width: 767px) { .page-information .fv .img { height: 18rem; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; border-radius: 2rem; } }
.page-information .fv .text { width: 100%; color: #ffffff; position: absolute; left: 0; bottom: 40%; z-index: 10; }
.page-information .fv .text h1 { font-size: 5.6rem; font-weight: 700; line-height: 1.428; letter-spacing: 0.01em; text-align: center; }
@media only screen and (max-width: 767px) { .page-information .fv .text h1 { font-size: 2.8rem; letter-spacing: 0; } }
.page-information .fv .text h1 span { margin-bottom: 0.5em; font-size: 1.8rem; font-weight: 500; display: block; }
@media only screen and (max-width: 767px) { .page-information .fv .text h1 span { font-size: 1.2rem; } }
.page-information .information-detail h2, .page-information .information-schedule h2, .page-information .information-faq h2 { margin: 0 0 1.7em 0; font-size: 3.6rem; font-weight: 700; letter-spacing: 0.01em; text-align: center; color: #004da0; }
@media only screen and (max-width: 767px) { .page-information .information-detail h2, .page-information .information-schedule h2, .page-information .information-faq h2 { font-size: 2.3rem; } }
.page-information .information-detail h2:after, .page-information .information-schedule h2:after, .page-information .information-faq h2:after { width: 1.77em; height: 0.6rem; margin: 0.5em auto 0 auto; content: ''; background-color: #004da0; display: block; }
@media only screen and (max-width: 767px) { .page-information .information-detail h2:after, .page-information .information-schedule h2:after, .page-information .information-faq h2:after { height: 0.3rem; } }
.page-information .information-detail .btn a, .page-information .information-schedule .btn a, .page-information .information-faq .btn a { width: 56rem; max-width: 90%; padding: 1.66em; font-size: 1.8rem; font-weight: 500; letter-spacing: 0.01em; text-align: center; color: #ffffff !important; background-color: #004da0; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; display: inline-block; position: relative; }
.page-information .information-detail .btn a:after, .page-information .information-schedule .btn a:after, .page-information .information-faq .btn a:after { width: 2.1rem; height: 2.1rem; margin-left: 1.7rem; content: ''; background-image: url("../images/common/icon_link01.png"); -webkit-background-size: cover; background-size: cover; display: inline-block; vertical-align: -0.2em; }
@media only screen and (max-width: 767px) { .page-information .information-detail .btn a, .page-information .information-schedule .btn a, .page-information .information-faq .btn a { padding: 2.05em; -webkit-border-radius: 0.5rem; -moz-border-radius: 0.5rem; border-radius: 0.5rem; }
  .page-information .information-detail .btn a:after, .page-information .information-schedule .btn a:after, .page-information .information-faq .btn a:after { width: 1.86rem; height: 1.86rem; margin-left: 1rem; } }
@media only screen and (min-width: 768px) { .page-information .information-detail .btn a, .page-information .information-schedule .btn a, .page-information .information-faq .btn a { -webkit-transition: background-color 0.3s; transition: background-color 0.3s; } }
@media only screen and (min-width: 768px) and (min-width: 768px) { .page-information .information-detail .btn a:hover, .page-information .information-schedule .btn a:hover, .page-information .information-faq .btn a:hover { background-color: rgba(0, 77, 160, 0.8); } }

@media only screen and (max-width: 767px) { .page-information .information-detail .btn a, .page-information .information-schedule .btn a, .page-information .information-faq .btn a { font-size: 1.6rem; } }
.page-information .information-detail { margin-bottom: 10rem; }
@media only screen and (max-width: 767px) { .page-information .information-detail { margin-bottom: 5rem; } }
.page-information .information-detail table { width: 100%; border-top: solid 1px #d4d4d4; }
@media only screen and (max-width: 767px) { .page-information .information-detail table { display: block; } }
@media only screen and (max-width: 767px) { .page-information .information-detail table tbody { display: block; } }
@media only screen and (max-width: 767px) { .page-information .information-detail table tbody tr { display: block; } }
.page-information .information-detail table tbody tr th { width: 15rem; padding: 1.4em 0; font-weight: 700; line-height: 2; color: #004da0; vertical-align: top; border-bottom: solid 1px #d4d4d4; }
@media only screen and (max-width: 767px) { .page-information .information-detail table tbody tr th { width: auto; padding: 1em 0 0 0; display: block; border-bottom: none; } }
.page-information .information-detail table tbody tr td { padding: 1.4em 0; line-height: 2; vertical-align: top; border-bottom: solid 1px #d4d4d4; }
@media only screen and (max-width: 767px) { .page-information .information-detail table tbody tr td { padding: 0.5em 0 1em 0; display: block; } }
.page-information .information-detail table tbody tr td .link a { font-weight: 500; color: #004da0; }
.page-information .information-detail table tbody tr td .link a:after { width: 2.1rem; height: 2.1rem; margin-left: 1.7rem; content: ''; background-image: url("../images/common/icon_link02.png"); -webkit-background-size: cover; background-size: cover; display: inline-block; vertical-align: -0.5em; }
@media only screen and (max-width: 767px) { .page-information .information-detail table tbody tr td .link a:after { width: 1.86rem; height: 1.86rem; margin-left: 1rem; } }
.page-information .information-detail table tbody tr td .link a span { padding: 0.2em; border-bottom: solid 1px #004da0; display: inline-block; }
@media only screen and (min-width: 768px) { .page-information .information-detail table tbody tr td .row { margin-bottom: 0.5em; display: -webkit-flex; display: flex; }
  .page-information .information-detail table tbody tr td .row .col { width: 50%; } }
@media only screen and (max-width: 767px) { .page-information .information-detail table tbody tr td .row { margin-bottom: 1rem; } }
.page-information .information-detail .btn { margin-top: 8rem; text-align: center; }
@media only screen and (max-width: 767px) { .page-information .information-detail .btn { margin-top: 4rem; } }
@media only screen and (min-width: 768px) { .page-information .information-schedule { margin-bottom: 8.5rem; } }
@media only screen and (max-width: 767px) { .page-information .information-schedule { margin-bottom: 6.5rem; } }
.page-information .information-schedule dl { padding: 0 3rem; border: solid 1px #d4d4d4; }
@media only screen and (max-width: 767px) { .page-information .information-schedule dl { padding: 0 1.5rem; } }
.page-information .information-schedule dl dt { padding: 1.8rem 0; font-size: 2rem; font-weight: 700; text-align: center; color: #004da0; border-bottom: solid 1px #d4d4d4; }
@media only screen and (max-width: 767px) { .page-information .information-schedule dl dt { padding: 1em 0; font-size: 1.6rem; } }
.page-information .information-schedule dl dd { line-height: 2; text-align: center; }
@media only screen and (min-width: 768px) { .page-information .information-schedule dl dd { min-height: 9.5rem; display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-justify-content: center; justify-content: center; -webkit-align-items: center; align-items: center; } }
@media only screen and (max-width: 767px) { .page-information .information-schedule dl dd { padding: 1em 0; } }
.page-information .information-schedule dl dd .link { margin-left: 1em; display: inline-block; }
@media only screen and (max-width: 767px) { .page-information .information-schedule dl dd .link { margin: 0; display: block; } }
.page-information .information-schedule dl dd .link a { font-weight: 500; color: #004da0; }
.page-information .information-schedule dl dd .link a:after { width: 2.1rem; height: 2.1rem; margin-left: 1.7rem; content: ''; background-image: url("../images/common/icon_link02.png"); -webkit-background-size: cover; background-size: cover; display: inline-block; vertical-align: -0.5em; }
@media only screen and (max-width: 767px) { .page-information .information-schedule dl dd .link a:after { width: 1.86rem; height: 1.86rem; margin-left: 1rem; } }
.page-information .information-schedule dl dd .link a span { padding: 0.2em; border-bottom: solid 1px #004da0; display: inline-block; }
.page-information .information-schedule .arrow { margin: 0.6rem 0; text-align: center; }
.page-information .information-schedule .arrow img { width: 3.6rem; }
.page-information .information-schedule .btn { margin-top: 7rem; text-align: center; }
@media only screen and (max-width: 767px) { .page-information .information-schedule .btn { margin-top: 4rem; } }
@media only screen and (min-width: 768px) { .page-information .information-faq { margin-bottom: 8.5rem; } }
@media only screen and (max-width: 767px) { .page-information .information-faq { margin-bottom: 6.5rem; } }
.page-information .information-faq .faq_list { border-top: solid 1px #d4d4d4; }
.page-information .information-faq .faq_list li { border-bottom: solid 1px #d4d4d4; }
.page-information .information-faq .faq_list li .faq_q { padding: 3rem 4rem 3rem 7rem; font-size: 2rem; font-weight: 700; letter-spacing: 0.02em; color: #004da0; position: relative; cursor: pointer; }
@media only screen and (max-width: 767px) { .page-information .information-faq .faq_list li .faq_q { padding: 2rem 3rem 2rem 4rem; font-size: 1.6rem; } }
.page-information .information-faq .faq_list li .faq_q:before { width: 4.8rem; height: 4.8rem; content: 'Q'; font-size: 2rem; font-weight: 700; text-align: center; line-height: 4.6rem; color: #ffffff; background-color: #004da0; border: solid 0.1rem #004da0; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; position: absolute; top: 2rem; left: 0; }
@media only screen and (max-width: 767px) { .page-information .information-faq .faq_list li .faq_q:before { width: 3rem; height: 3rem; font-size: 1.6rem; line-height: 2.8rem; } }
.page-information .information-faq .faq_list li .faq_q i { width: 2rem; height: 2rem; margin-top: -1rem; position: absolute; top: 50%; right: 1rem; }
@media only screen and (max-width: 767px) { .page-information .information-faq .faq_list li .faq_q i { width: 1.5rem; height: 1.5rem; right: 0.5rem; } }
.page-information .information-faq .faq_list li .faq_q i:before { width: 2rem; height: 0.2rem; margin: -0.1rem 0 0 -1rem; content: ''; background-color: #004da0; position: absolute; top: 1rem; left: 50%; -webkit-transition: transform 0.5s; transition: transform 0.5s; }
@media only screen and (max-width: 767px) { .page-information .information-faq .faq_list li .faq_q i:before { width: 1.5rem; margin: -0.1rem 0 0 -0.75rem; top: 0; } }
.page-information .information-faq .faq_list li .faq_q i:after { width: 2rem; height: 0.2rem; margin: -0.1rem 0 0 -1rem; content: ''; background-color: #004da0; position: absolute; top: 1rem; left: 50%; -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: transform 0.5s; transition: transform 0.5s; }
@media only screen and (max-width: 767px) { .page-information .information-faq .faq_list li .faq_q i:after { width: 1.5rem; margin: -0.1rem 0 0 -0.75rem; top: 0; } }
.page-information .information-faq .faq_list li .faq_q.open i:before { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.page-information .information-faq .faq_list li .faq_q.open i:after { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
.page-information .information-faq .faq_list li .faq_a { padding: 3rem 0 3rem 7rem; letter-spacing: 0.02em; line-height: 2; border-top: solid 1px #d4d4d4; display: none; position: relative; }
@media only screen and (max-width: 767px) { .page-information .information-faq .faq_list li .faq_a { padding: 2rem 0 2rem 5rem; font-size: 1.4rem; } }
.page-information .information-faq .faq_list li .faq_a:before { width: 4.8rem; height: 4.8rem; content: 'A'; font-size: 2rem; font-weight: 700; text-align: center; line-height: 4.6rem; color: #004da0; background-color: #ffffff; border: solid 0.1rem #004da0; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; position: absolute; top: 2rem; left: 0; }
@media only screen and (max-width: 767px) { .page-information .information-faq .faq_list li .faq_a:before { width: 3rem; height: 3rem; font-size: 1.6rem; line-height: 2.8rem; } }
.page-information .information-faq .btn { margin-top: 7rem; text-align: center; }
@media only screen and (max-width: 767px) { .page-information .information-faq .btn { margin-top: 4rem; } }