@charset "UTF-8";
.font-nsj { font-family: 'Noto Sans JP', sans-serif; }

.font-en { font-family: 'Anton', sans-serif; }

.font-ttl { font-family: 'Be Vietnam Pro', sans-serif; }

.font-lato { font-family: 'Lato', sans-serif; }

.main { padding: 0; }
@media screen and (max-width: 750px) { .main { padding: 0; } }

/* ------------------------------ ヘッダー
------------------------------ */
.header .gnav ul li::after { background-color: #fff; }
.header .gnav ul li a { color: #fff; }

/* ------------------------------ コンテンツ
------------------------------ */
.home-in { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .home-in { padding: 0 9.3333333333%; } }

.home-heaidng { position: relative; margin-bottom: 150px; font-weight: 400; text-align: center; }
@media screen and (max-width: 750px) { .home-heaidng { margin-bottom: 22.9508196721%; font-size: 1.8rem; } }
.home-heaidng span { font-size: 3rem; color: #00115C; }
.home-heaidng::before { content: ''; position: absolute; bottom: 0; left: 50%; width: 195px; height: 3px; margin-bottom: -35px; margin-left: -98px; background-color: #FF7E44; }

.home-ttl { position: relative; height: 100vh; }
.home-ttl figure { position: relative; width: 100%; height: 100%; }
.home-ttl figure img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; }
.home-ttl .home-ttl-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: flex-start; }
.home-ttl .home-ttl-con { width: 100%; max-width: 1040px; margin: 0 auto; padding: 0 20px; }
@media screen and (max-width: 750px) { .home-ttl .home-ttl-con { padding: 0 9.3333333333%; } }
.home-ttl .home-ttl-txt { margin-bottom: 20px; font-size: 5.5rem; font-weight: 700; color: #fff; }
@media screen and (max-width: 750px) { .home-ttl .home-ttl-txt { font-size: 2.5rem; text-align: center; line-height: 1.6; } }
.home-ttl p { max-width: 367px; margin: 0 auto; padding: 15px 5px; background-color: #00115C; font-size: 3rem; color: #fff; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .home-ttl p { max-width: 283px; font-size: 1.5rem; } }

.message-sec { padding: 190px 0 100px; }
@media screen and (max-width: 750px) { .message-sec { padding: 25.3333333333% 0 26.6666666667%; } }
.message-sec .message-heading { margin-bottom: 40px; font-size: 4rem; font-weight: 700; color: #00115C; text-align: center; }
@media screen and (max-width: 750px) { .message-sec .message-heading { margin-bottom: 16.393442623%; font-size: 2rem; } }
.message-sec .message-txt { text-align: center; line-height: 2.4; }
@media screen and (max-width: 750px) { .message-sec .message-txt { font-size: 1.4rem; } }

.point-sec { padding-bottom: 95px; }
@media screen and (max-width: 750px) { .point-sec { padding-bottom: 24%; } }
.point-sec .point-list { display: flex; }
@media screen and (max-width: 750px) { .point-sec .point-list { display: block; } }
.point-sec .point-list li { width: 33%; margin-right: 5%; }
@media screen and (max-width: 750px) { .point-sec .point-list li { width: 100%; margin-right: 0; margin-bottom: 24.5901639344%; } }
.point-sec .point-list li:last-child { margin-right: 0; }
.point-sec .point-list li .point-list-num { position: relative; width: 28.7878787879%; margin: 0 auto 30px; }
@media screen and (max-width: 750px) { .point-sec .point-list li .point-list-num { width: 31.1475409836%; margin-bottom: 4.9180327869%; } }
.point-sec .point-list li .point-list-num::before { content: ''; display: block; padding-top: 100%; }
.point-sec .point-list li .point-list-num .point-list-num-in { position: absolute; top: 0; left: 0; display: flex; align-items: center; justify-content: center; width: 100%; height: 100%; border: 1px solid #00115C; font-size: 2rem; text-align: center; color: #00115C; line-height: 1.2; border-radius: 50%; }
.point-sec .point-list li dl dt { margin-bottom: 15px; font-size: 2.2rem; text-align: center; color: #00115C; }
@media screen and (max-width: 750px) { .point-sec .point-list li dl dd { font-size: 1.4rem; line-height: 2.4; } }

.interview-sec { padding-bottom: 100px; }
@media screen and (max-width: 750px) { .interview-sec { padding-bottom: 40%; } }
@media screen and (max-width: 750px) { .interview-sec .home-in { padding: 0; } }
.interview-sec .tabmenu { display: flex; column-gap: 0.5%; margin-bottom: 5px; }
.interview-sec .tabmenu li { position: relative; flex: 1; background-color: #F6F6F6; cursor: pointer; }
.interview-sec .tabmenu li:hover::before { content: ''; position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; background: rgba(0, 17, 92, 0.3); }
.interview-sec .tabmenu li figure { position: relative; }
.interview-sec .tabmenu li figure figcaption { position: absolute; bottom: 0; left: 50%; width: 100%; max-width: 190px; margin-left: -95px; padding: 10px; background: rgba(0, 17, 92, 0.6); color: #fff; text-align: center; line-height: 1; }
.interview-sec .tabcontents { background-color: #F6F6F6; }
@media screen and (max-width: 750px) { .interview-sec .interview-list li { margin-bottom: 24%; } }
@media screen and (max-width: 750px) { .interview-sec .interview-list li:last-child { margin-bottom: 0; } }
.interview-sec .interview-list li figure { margin-bottom: 4%; background-color: #F6F6F6; }
.interview-sec .interview-box { display: flex; align-items: center; justify-content: space-between; padding: 0 70px 0 35px; }
@media screen and (max-width: 750px) { .interview-sec .interview-box { display: block; padding: 0 9.3333333333%; } }
.interview-sec .interview-box.reverse { flex-direction: row-reverse; padding: 0 35px 0 70px; }
.interview-sec .interview-box figure { width: 36.8715083799%; }
.interview-sec .interview-box .interview-box-con { width: 63.1284916201%; }
.interview-sec .interview-box .interview-box-heading { margin-bottom: 20px; font-size: 2.5rem; font-weight: 700; }
@media screen and (max-width: 750px) { .interview-sec .interview-box .interview-box-heading { margin-bottom: 6.5573770492%; font-size: 1.8rem; } }
.interview-sec .interview-box .interview-box-txt { margin-bottom: 30px; font-size: 1.4rem; line-height: 2; }
@media screen and (max-width: 750px) { .interview-sec .interview-box .interview-box-txt { margin-bottom: 0; } }
.interview-sec .interview-box .interview-box-name { font-size: 2rem; text-align: right; }
@media screen and (max-width: 750px) { .interview-sec .interview-box .interview-box-name { margin-bottom: 4.9180327869%; font-size: 1.7rem; text-align: left; } }

.flow-sec { padding-bottom: 100px; }
@media screen and (max-width: 750px) { .flow-sec { padding-bottom: 26.6666666667%; } }
.flow-sec .flow-list { max-width: 670px; margin: 0 auto; }
.flow-sec .flow-list li.flow-con { padding: 10px; border: 1px solid #00115C; font-size: 2rem; color: #00115C; text-align: center; font-weight: 700; }
@media screen and (max-width: 750px) { .flow-sec .flow-list li.flow-con { font-size: 1.6rem; } }
@media screen and (max-width: 750px) { .flow-sec .flow-list li.flow-con span { font-size: 1.3rem; } }
.flow-sec .flow-list li.flow-arrow { text-align: center; }

.job-sec { padding-bottom: 200px; }
@media screen and (max-width: 750px) { .job-sec { padding-bottom: 26.6666666667%; } }
.job-sec .job-box { display: flex; justify-content: space-between; margin-bottom: 50px; }
@media screen and (max-width: 750px) { .job-sec .job-box { display: block; margin-bottom: 32.7868852459%; } }
.job-sec .job-box figure { width: 42%; }
@media screen and (max-width: 750px) { .job-sec .job-box figure { width: 100%; margin-bottom: 4.9180327869%; } }
.job-sec .job-box .job-box-con { width: 55%; }
@media screen and (max-width: 750px) { .job-sec .job-box .job-box-con { width: 100%; } }
.job-sec .job-box .job-box-con .job-box-heading { margin-bottom: 20px; padding-bottom: 5px; border-bottom: 1px solid #00115C; font-size: 2.4rem; color: #00115C; }
@media screen and (max-width: 750px) { .job-sec .job-box .job-box-con .job-box-heading { margin-bottom: 6.5573770492%; padding-bottom: 1.6393442623%; font-size: 1.8rem; } }
.job-sec .job-box .job-box-con .job-box-txt { margin-bottom: 10px; font-size: 1.4rem; line-height: 2.4; }
@media screen and (max-width: 750px) { .job-sec .job-box .job-box-con .job-box-txt { margin-bottom: 4.9180327869%; } }
.job-sec .job-box .job-box-con .job-box-detail a { max-width: 95px; margin: 0 0 0 auto; padding: 4px 2px; border: 1px solid #00115C; font-size: 1.1rem; }
.job-sec .job-box .job-box-con .job-box-detail a:hover { background-color: #fff; color: #00115C; opacity: 1; }
.job-sec .job-lead { margin-bottom: 15px; text-align: center; }
@media screen and (max-width: 750px) { .job-sec .job-lead { margin-bottom: 31.1475409836%; } }
.job-sec .job-btn a { max-width: 670px; margin: 0 auto; font-size: 3rem; }
@media screen and (max-width: 750px) { .job-sec .job-btn a { font-size: 2.5rem; } }
.job-sec .cmn-pamphlet { justify-content: center; margin-top: 2em; }

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