@charset "UTF-8";
/* ------------------------------ ヘッダー
------------------------------ */
.header { position: fixed; background: none; }
@media screen and (max-width: 750px) { .header { position: sticky; background-color: #e5f2fc; } }
.header .header-main { padding-right: 0; }
@media screen and (max-width: 750px) { .header .header-main { padding-left: 4.6666666667%; } }
.header .header-main .header-logo { display: none; }
@media screen and (max-width: 750px) { .header .header-main .header-logo { display: flex; } }
.header .header-main .header-nav .gnav { display: none; }
.header .header-main .header-nav .header-menu { display: block; }
.header.js-fixed { background-color: #e5f2fc; }

.js-menuopen { overflow: hidden; }
.js-menuopen .nav-menu { display: block; }

/* ------------------------------ コンテンツ
------------------------------ */
.home-mainimg { background: linear-gradient(180deg, #66d7fc 0%, #66d7fc 74.7%, #004ba3 74.7%, #004ba3 100%); }
.home-mainimg .mainimg-bg { padding: 90px 0 35px; background: url("../img/home/mainimg_bg001.png") no-repeat center bottom; }
@media screen and (max-width: 1400px) { .home-mainimg .mainimg-bg { background-size: cover; } }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-bg { padding-top: 6.6666666667%; background-color: #004ba3; background-image: url("../img/home/sp/mainimg_bg001.png"); background-position: center top; background-size: 100% auto; } }
.home-mainimg .mainimg-lead { margin-bottom: 25px; text-align: center; animation-delay: 0.2s; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-lead { width: 86%; margin-left: auto; margin-right: auto; } }
.home-mainimg .mainimg-logo { width: 42.6%; margin: 0 auto 30px; animation-delay: 0.4s; text-align: center; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-logo { width: 89.3333333333%; margin-bottom: 0; } }
.home-mainimg .mainimg-icon { position: absolute; top: 0; left: 0; width: 26.2%; margin-top: 7%; animation-delay: 2.6s; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-icon { position: static; width: 79.3333333333%; margin-top: 0; margin-bottom: 3.3333333333%; animation-delay: 0.6s; } }
.home-mainimg .mainimg-list { position: relative; z-index: 10; display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-list { justify-content: space-between; } }
.home-mainimg .mainimg-list li { width: 19.2%; margin-right: 1%; margin-bottom: 1%; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-list li { width: 47.0588235294%; margin-right: 0; margin-bottom: 4.4117647059%; } }
.home-mainimg .mainimg-list li:nth-child(5n) { margin-right: 0; }
.home-mainimg .mainimg-list li:last-child { margin-right: 0; }
.home-mainimg .mainimg-list li:nth-child(1) { animation-delay: 0.6s; }
.home-mainimg .mainimg-list li:nth-child(2) { animation-delay: 0.8s; }
.home-mainimg .mainimg-list li:nth-child(3) { animation-delay: 1s; }
.home-mainimg .mainimg-list li:nth-child(4) { animation-delay: 1.2s; }
.home-mainimg .mainimg-list li:nth-child(5) { animation-delay: 1.4s; }
.home-mainimg .mainimg-list li:nth-child(6) { animation-delay: 1.6s; }
.home-mainimg .mainimg-list li:nth-child(7) { animation-delay: 1.8s; }
.home-mainimg .mainimg-list li:nth-child(8) { animation-delay: 2s; }
.home-mainimg .mainimg-list li:nth-child(9) { animation-delay: 2.2s; }
.home-mainimg .mainimg-list li:nth-child(10) { animation-delay: 2.4s; }

.home-news { padding: 30px 0 90px; background-color: #004ba3; }
@media screen and (max-width: 750px) { .home-news { padding: 0 0 60px; } }
.home-news .news-main { display: flex; align-items: center; justify-content: space-between; padding: 20px 40px 20px 0; background-color: #fff; border-radius: 1.5em; }
@media screen and (max-width: 750px) { .home-news .news-main { display: block; padding: 0 0 20px; } }
.home-news .news-main .news-ttl { width: 10em; padding: 10px; font-size: 2.0rem; font-weight: 400; color: #004ba3; text-align: center; }
@media screen and (max-width: 750px) { .home-news .news-main .news-ttl { padding: 20px; width: 100%; } }
.home-news .news-main .news-box { flex: 1; border-left: 1px solid #004ba3; }
@media screen and (max-width: 750px) { .home-news .news-main .news-box { padding: 20px; border-left: none; border-top: 1px solid #004ba3; } }
.home-news .news-main .news-box ul li { margin-bottom: 25px; }
.home-news .news-main .news-box ul li:last-child { margin-bottom: 0; }
.home-news .news-main .news-box ul li .news-box-item { display: flex; text-decoration: none; padding: 0 20px 0 25px; }
@media screen and (max-width: 960px) { .home-news .news-main .news-box ul li .news-box-item { display: block; margin-bottom: 10px; } }
@media screen and (max-width: 750px) { .home-news .news-main .news-box ul li .news-box-item { padding: 0; } }
.home-news .news-main .news-box ul li .news-box-item:hover .new-txt { text-decoration: underline; }
.home-news .news-main .news-box ul li .new-txt { flex: 1; margin-left: 15px; font-size: 1.6rem; }
@media screen and (max-width: 960px) { .home-news .news-main .news-box ul li .new-txt { margin-top: 10px; margin-left: 0; } }
.home-news .news-main .news-btn { width: 107px; }
@media screen and (max-width: 750px) { .home-news .news-main .news-btn { margin: 0 auto; } }
.home-news .news-main .news-btn a { display: block; text-decoration: none; padding: 10px 5px; background-color: #004ba3; color: #fff; text-align: center; border-radius: 1em; }
@media screen and (max-width: 750px) { .home-news .news-main .news-btn a { padding-top: 5px; } }
.home-news .news-main .news-btn a:focus { outline: 3px solid #953232; }

.home-about { position: relative; background: #e5f2fc url("../img/home/about_bg001.png") no-repeat left top 100px; background-size: 100% auto; }
.home-about .about-bg { background: url("../img/home/about_bg002.png") no-repeat right bottom; }
@media screen and (max-width: 960px) { .home-about .about-bg { background-size: 28.9285714286% auto; } }
@media screen and (max-width: 750px) { .home-about .about-bg { background-size: 46.6666666667% auto; } }
.home-about .about-in { position: relative; padding: 420px 0 50px; }
@media screen and (max-width: 960px) { .home-about .about-in { padding-top: 360px; } }
@media screen and (max-width: 750px) { .home-about .about-in { padding-top: 260px; padding-bottom: 100px; } }
@media screen and (max-width: 480px) { .home-about .about-in { padding-top: 200px; } }
.home-about .about-ttl { position: absolute; top: 0; left: 0; width: 87.75%; margin-top: -3.3333333333%; margin-left: 2.5%; pointer-events: none; }
.home-about dl { widows: 100%; max-width: 540px; margin-bottom: 65px; }
.home-about dl dt { margin-bottom: 10px; font-size: 2.8rem; font-weight: 700; color: #004ba3; text-align: center; }
@media screen and (max-width: 750px) { .home-about dl dt { font-size: 2.4rem; } }
.home-about dl dd { font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .home-about dl dd { font-size: 1.6rem; } }
.home-about dl dd p:first-child { max-width: 24em; margin: 0 auto; }
.home-about .about-arrow { width: 15.3333333333%; margin: 0 auto; }
@media screen and (max-width: 750px) { .home-about .about-arrow { width: 27.0588235294%; } }
.home-about .about-link { position: absolute; bottom: 0; right: 0; margin-right: 80px; margin-bottom: 40px; }
@media screen and (max-width: 960px) { .home-about .about-link { width: 12.4285714286%; margin-right: 5.7142857143%; } }
@media screen and (max-width: 750px) { .home-about .about-link { width: 23.2%; margin-right: 4.6666666667%; margin-bottom: 20px; } }

.home-job { overflow: hidden; padding: 60px 0; background: url("../img/home/job_bg001.png") no-repeat left top; background-size: cover; }
@media screen and (max-width: 750px) { .home-job { padding: 80px 0; } }
.home-job .job-ttl { width: 52.8%; margin-bottom: 20px; }
@media screen and (max-width: 750px) { .home-job .job-ttl { width: 77.6470588235%; } }
.home-job .job-txt { z-index: 9; position: relative; width: 63%; margin-bottom: 20px; padding: 1rem 1rem 1rem 2.5rem; border-radius: 2rem; background-color: #fff; }
@media screen and (max-width: 750px) { .home-job .job-txt { width: 100%; } }
.home-job .job-txt::before { content: ''; position: absolute; bottom: 29px; right: -29px; display: block; width: 30px; height: 20px; background: url("../img/common/fukidashi_top.svg") no-repeat left center; background-size: contain; }
@media screen and (max-width: 750px) { .home-job .job-txt::before { bottom: initial; top: -30px; right: 18%; width: 20px; height: 30px; background-image: url("../img/common/fukidashi_top_sp.svg"); } }
.home-job .job-txt p { max-width: 17em; font-size: 2.8rem; font-weight: 700; color: #004ba3; }
@media screen and (max-width: 750px) { .home-job .job-txt p { font-size: 1.8rem; } }
.home-job .job-icon { position: absolute; top: 0; right: 0; width: 25.4%; margin-top: -1%; margin-right: 10%; }
@media screen and (max-width: 1200px) { .home-job .job-icon { margin-top: -1%; margin-right: 3.5%; } }
@media screen and (max-width: 750px) { .home-job .job-icon { width: 20.5882352941%; margin-top: -4.4117647059%; margin-right: 0; } }
.home-job .swiper-slide { width: 20.8571428571%; margin: 0 1.2142857143%; }
@media screen and (max-width: 750px) { .home-job .swiper-slide { width: 38.9333333333%; margin: 0 2.2666666667%; } }
.home-job .swiper-slide a { display: block; text-decoration: none; }
.home-job .swiper-slide figure { width: 92.4657534247%; margin: 0 auto; border-radius: 50%; overflow: hidden; }
.home-job .swiper-slide .job-cap { position: relative; margin-top: -4rem; padding: 1.5rem 0; border: 3px solid #004ba3; background-color: #dee500; color: #004ba3; font-size: 2.2rem; font-weight: 700; text-align: center; }
@media screen and (max-width: 750px) { .home-job .swiper-slide .job-cap { font-size: 1.6rem; } }
.home-job .slide-tool .slide-tool-con { display: flex; justify-content: space-between; width: 100%; max-width: 550px; margin: 40px auto 0; }
@media screen and (max-width: 750px) { .home-job .slide-tool .slide-tool-con { max-width: 380px; } }
.home-job .slide-tool .slide-btn { display: flex; align-items: center; column-gap: 10px; width: 120px; cursor: pointer; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .home-job .slide-tool .slide-btn { font-size: 1.4rem; } }
.home-job .slide-tool .slide-btn._prev { justify-content: flex-end; }
.home-job .slide-tool .slide-btn img { width: 10px; vertical-align: top; }
.home-job .slide-tool .swiper-pagination-bullets { position: static; }
.home-job .slide-tool .swiper-pagination-bullet { width: 17px !important; height: 17px !important; margin: 0 10px !important; background: #fff; opacity: 1; }
@media screen and (max-width: 750px) { .home-job .slide-tool .swiper-pagination-bullet { width: 1.5rem !important; height: 1.5rem !important; margin: 0 5px !important; } }
.home-job .slide-tool .swiper-pagination-bullet-active { background-color: #004ba3; }
.home-job .autoplay-btn { margin-top: 3rem; }
.home-job .job-btn { width: 100%; width: 31.2rem; margin: 30px auto 0; }
.home-job .job-btn a { display: block; text-decoration: none; padding: 10px 1em; background: #fff url("../img/common/ico_arrow.svg") no-repeat right 15px center; background-size: 40px auto; border: 2px solid #004ba3; font-size: 2.4rem; font-weight: 700; text-align: center; color: #004ba3; border-radius: 2em; }
@media screen and (max-width: 960px) { .home-job .job-btn a { background-size: 30px auto; } }
@media screen and (max-width: 480px) { .home-job .job-btn a { padding-top: 5px; } }

.home-information { padding: 70px 0 85px; background-color: #ffe8f2; }
@media screen and (max-width: 750px) { .home-information { padding: 80px 0; } }
.home-information .information-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .home-information .information-con { display: block; } }
.home-information .information-main { width: 100%; max-width: 312px; margin-right: 20px; }
@media screen and (max-width: 750px) { .home-information .information-main { max-width: 100%; margin: 0 auto 30px; } }
.home-information .information-ttl { margin-bottom: 25px; font-size: 3.2rem; text-align: center; color: #3C3C3C; font-weight: 700; }
.home-information .information-btn { width: 100%; max-width: 312px; margin: 0 auto; }
.home-information .information-btn a { display: block; text-decoration: none; padding: 15px 60px 10px; background: #fff url("../img/common/ico_arrow_pk.svg") no-repeat right 15px center; background-size: 40px auto; border: 2px solid #f26b87; font-size: 2.4rem; font-weight: 700; text-align: center; color: #3C3C3C; border-radius: 2em; }
@media screen and (max-width: 750px) { .home-information .information-btn a { background-size: 30px auto; } }
@media screen and (max-width: 480px) { .home-information .information-btn a { padding-top: 5px; } }
.home-information .information-list { display: flex; justify-content: flex-end; width: 100%; max-width: 788px; }
@media screen and (max-width: 750px) { .home-information .information-list { margin-bottom: 40px; flex-wrap: wrap; justify-content: center; } }
.home-information .information-list li { width: 30.4568527919%; margin-right: 4.3147208122%; }
@media screen and (max-width: 750px) { .home-information .information-list li { width: 48%; margin-right: 4%; margin-bottom: 4%; }
  .home-information .information-list li:nth-child(2) { margin-right: 0; } }
.home-information .information-list li:first-child p { margin-top: 30px; }
.home-information .information-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .home-information .information-list li:last-child { margin-bottom: 0; } }
.home-information .information-list li a { display: block; height: 100%; padding: 15px 15px 30px; background-color: #fff; border-radius: 1em; text-decoration: none; }
.home-information .information-list li p { margin-top: 20px; font-size: 1.6rem; text-align: center; }
@media screen and (max-width: 750px) { .home-information .information-list li p { font-size: 1.4rem; } }

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