@charset "UTF-8";
.font-en { font-family: "Montserrat", serif; }

/* ------------------------------ コンテンツ
------------------------------ */
.main { padding: 0; }

.home-heading-en { margin-bottom: 5px; font-weight: 700; color: #006ABC; line-height: 1; }
@media screen and (max-width: 750px) { .home-heading-en { font-size: 1.1636363636rem; } }

.home-heading { font-size: 4.2rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-heading { font-size: 3.0545454545rem; } }

.homebtn { display: block; text-decoration: none; width: 100%; max-width: 260px; padding: 20px 40px; 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; border-radius: 4em; transition: all .6s; }
@media screen and (max-width: 750px) { .homebtn { padding: 9%; background-position: right 5.7692307692% center; background-size: 6.1538461538% auto; font-size: 1.4545454545rem; } }
.homebtn:hover { opacity: 0.7; }

.home-mainimg { position: relative; }
.home-mainimg .mainimg-heading { position: absolute; top: 0; left: 0; width: 26.5625%; margin: 8.8541666667% 0 0 10.9375%; }
@media screen and (max-width: 750px) { .home-mainimg .mainimg-heading { top: inherit; bottom: 0; width: 49.3333333333%; margin: 0% 0 12% 8%; } }

.js-size-2 .home-mainimg, .js-size-3 .home-mainimg, .js-size-4 .home-mainimg, .js-size-5 .home-mainimg { background-color: #006ABC; }
.js-size-2 .home-mainimg .mainimg-box, .js-size-3 .home-mainimg .mainimg-box, .js-size-4 .home-mainimg .mainimg-box, .js-size-5 .home-mainimg .mainimg-box { position: relative; }
.js-size-2 .home-mainimg .mainimg-box .mainimg-box-in, .js-size-3 .home-mainimg .mainimg-box .mainimg-box-in, .js-size-4 .home-mainimg .mainimg-box .mainimg-box-in, .js-size-5 .home-mainimg .mainimg-box .mainimg-box-in { max-width: initial; }

.home-news { z-index: 1000; position: relative; padding: 100px 0 125px; }
@media screen and (max-width: 750px) { .home-news { padding: 10.6666666667% 0; } }
.home-news .news-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 980px) { .home-news .news-con { display: block; } }
.home-news .news-ttl { width: 20.7142857143%; margin-top: 25px; margin-right: 3.5714285714%; }
@media screen and (max-width: 980px) { .home-news .news-ttl { width: 100%; margin-top: 0; margin-bottom: 20px; } }
@media screen and (max-width: 750px) { .home-news .news-ttl { margin-bottom: 3.1746031746%; } }
.home-news .news-ttl .home-heading { margin-bottom: 30px; }
@media screen and (max-width: 750px) { .home-news .news-ttl .home-heading { margin-bottom: 0; } }
.home-news .news-main { flex: 1; padding-right: 100px; line-height: 1.6; }
@media screen and (max-width: 750px) { .home-news .news-main { padding-right: 0; } }
@media screen and (max-width: 750px) { .home-news .news-btn { width: 41.2698412698%; margin: 9.5238095238% auto 0; } }
.home-news .news-btn .homebtn { max-width: 290px; }
@media screen and (max-width: 750px) { .home-news .news-btn .homebtn { max-width: 100%; } }

.home-about { background-color: #EEF3F6; }
.home-about .about-con { display: flex; align-items: flex-end; justify-content: space-between; }
@media screen and (max-width: 1200px) { .home-about .about-con { display: block; } }
.home-about figure { z-index: 999; position: relative; width: 63.5416666667%; }
@media screen and (max-width: 1200px) { .home-about figure { width: 100%; } }
.home-about .about-main { flex: 1; padding: 80px 80px 160px; background-color: #fff; line-height: 1.6; }
@media screen and (max-width: 1600px) { .home-about .about-main { padding-bottom: 80px; } }
@media screen and (max-width: 1200px) { .home-about .about-main { padding: 60px; } }
@media screen and (max-width: 750px) { .home-about .about-main { padding: 10.6666666667% 8% 13.3333333333%; } }
.home-about .about-main .home-heading { margin-bottom: 10px; }
.home-about .about-main .txt { width: 100%; max-width: 410px; margin-bottom: 20px; }
@media screen and (max-width: 1200px) { .home-about .about-main .txt { max-width: 100%; } }
@media screen and (max-width: 750px) { .home-about .about-main .txt { font-size: 1.6rem; } }
@media screen and (max-width: 750px) { .home-about .about-main .about-btn { width: 50.9803921569%; } }
@media screen and (max-width: 750px) { .home-about .about-main .about-btn .homebtn { max-width: 100%; } }

.members-sec { background: #EEF3F6 url("../img/home/members_bg001.png") no-repeat left bottom; background-size: 100% auto; }
@media screen and (max-width: 750px) { .members-sec { background: #EEF3F6 url("../img/home/sp/members_bg001.png") no-repeat right bottom; background-size: 100% auto; } }

.home-story { background: #006ABC url("../img/home/story_bg001.png") no-repeat left top; background-size: 100% auto; }
@media screen and (max-width: 750px) { .home-story { background: #006ABC url("../img/home/sp/story_bg001.png") no-repeat right top; background-size: 100% auto; } }
.home-story .home-story-fig { padding: 150px 0 280px; background: url("../img/home/story_ph001.png") no-repeat right top; }
@media screen and (max-width: 1840px) { .home-story .home-story-fig { background-size: 65.3125% auto; } }
@media screen and (max-width: 1500px) { .home-story .home-story-fig { background-size: 52.0833333333% auto; padding-bottom: 150px; } }
@media screen and (max-width: 980px) { .home-story .home-story-fig { background-image: none; } }
@media screen and (max-width: 750px) { .home-story .home-story-fig { padding: 16% 0 10.6666666667%; } }
.home-story .story-main { color: #fff; line-height: 1.6; }
@media screen and (max-width: 980px) { .home-story .story-main { padding: 0 60px; } }
@media screen and (max-width: 750px) { .home-story .story-main { padding: 0 9.5238095238%; } }
.home-story .story-main .home-heading-en { color: #fff; }
.home-story .story-main .home-heading { width: 100%; max-width: 450px; margin-bottom: 10px; }
@media screen and (max-width: 750px) { .home-story .story-main .home-heading { font-size: 2.4727272727rem; } }
@media screen and (max-width: 480px) { .home-story .story-main .home-heading { font-size: 2.6181818182rem; } }
.home-story .story-main .txt { width: 100%; max-width: 380px; margin-bottom: 60px; }
@media screen and (max-width: 750px) { .home-story .story-main .txt { font-size: 1.4545454545rem; } }
@media screen and (max-width: 480px) { .home-story .story-main .txt { font-size: 1.3090909091rem; } }
@media screen and (max-width: 750px) { .home-story .story-main .story-btn { width: 50.9803921569%; } }
.home-story .story-main .story-btn .homebtn { background: #fff url("../img/common/ico_arrow.svg") no-repeat right 20px center; background-size: 16px auto; color: #006ABC; }
@media screen and (max-width: 750px) { .home-story .story-main .story-btn .homebtn { max-width: 100%; background-position: right 5.7692307692% center; background-size: 6.1538461538% auto; } }
.home-story figure { display: none; }
@media screen and (max-width: 980px) { .home-story figure { display: block; margin-top: 100px; } }
@media screen and (max-width: 750px) { .home-story figure { margin-top: 13.3333333333%; } }

.home-nav { padding-top: 80px; background-color: #ECF6FF; }
@media screen and (max-width: 1500px) { .home-nav { padding-top: 40px; } }
@media screen and (max-width: 750px) { .home-nav { padding-top: 8%; } }
.home-nav ul { display: flex; }
@media screen and (max-width: 980px) { .home-nav ul { display: block; } }
.home-nav ul li { width: 33.3333333333%; }
@media screen and (max-width: 980px) { .home-nav ul li { width: 100%; } }
.home-nav ul li a { display: flex; flex-direction: column; width: 100%; height: 100%; text-decoration: none; }
.home-nav ul li .nav-box { flex: 1; display: flex; align-items: center; padding: 20px 80px; background: #ECF6FF url("../img/common/ico_next02.svg") no-repeat right 25px center; background-size: 50px auto; }
@media screen and (max-width: 1500px) { .home-nav ul li .nav-box { padding-left: 20px; padding-right: 80px; } }
@media screen and (max-width: 1200px) { .home-nav ul li .nav-box { background-size: 30px auto; } }
@media screen and (max-width: 750px) { .home-nav ul li .nav-box { padding: 4% 8%; background-size: 8% auto; } }
.home-nav ul li .nav-box .nav-heading { font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 1200px) { .home-nav ul li .nav-box .nav-heading { font-size: 2.0rem; } }
@media screen and (max-width: 750px) { .home-nav ul li .nav-box .nav-heading { font-size: 2.1090909091rem; } }
.home-nav ul li .nav-box .nav-heading span { margin-left: 10px; font-size: 1.4rem; color: #006ABC; }
@media screen and (max-width: 750px) { .home-nav ul li .nav-box .nav-heading span { font-size: 1.3090909091rem; } }

.home-recruit { padding: 100px 0; background-color: #D2ECF9; }
@media screen and (max-width: 750px) { .home-recruit { padding: 13.3333333333% 0; } }
.home-recruit .recruit-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 980px) { .home-recruit .recruit-con { display: block; } }
.home-recruit figure { width: 58.3333333333%; }
@media screen and (max-width: 1100px) { .home-recruit figure { width: 62.5%; } }
@media screen and (max-width: 980px) { .home-recruit figure { width: 100%; } }
.home-recruit .recruit-main { flex: 1; display: flex; align-items: center; padding: 20px 60px; background-color: #fff; }
@media screen and (max-width: 1100px) { .home-recruit .recruit-main { padding: 20px 40px; } }
@media screen and (max-width: 750px) { .home-recruit .recruit-main { padding: 4.7619047619% 9.5238095238%; } }
.home-recruit .recruit-main .home-heading { margin-bottom: 10px; }
.home-recruit .recruit-main .txt { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .home-recruit .recruit-main .txt { font-size: 1.7454545455rem; } }
@media screen and (max-width: 750px) { .home-recruit .recruit-main .recruit-btn { width: 50.9803921569%; } }
.home-recruit .recruit-main .recruit-btn .homebtn { max-width: 290px; }
@media screen and (max-width: 750px) { .home-recruit .recruit-main .recruit-btn .homebtn { max-width: 100%; } }

.home-banner { padding: 100px 0 60px; }
@media screen and (max-width: 750px) { .home-banner { padding: 8% 0; } }
.home-banner .banner-top { margin-bottom: 60px; text-align: center; }
@media screen and (max-width: 750px) { .home-banner .banner-top { margin-bottom: 6.3492063492%; } }
.home-banner .banner-main ul { display: flex; flex-wrap: wrap; column-gap: 1.7857142857%; row-gap: 1em; }
@media screen and (max-width: 980px) { .home-banner .banner-main ul { column-gap: 2.7173913043%; } }
@media screen and (max-width: 750px) { .home-banner .banner-main ul { justify-content: space-between; column-gap: 0; } }
.home-banner .banner-main ul li { width: 18.5714285714%; }
@media screen and (max-width: 980px) { .home-banner .banner-main ul li { width: 31.5217391304%; } }
@media screen and (max-width: 750px) { .home-banner .banner-main ul li { width: 47.619047619%; } }
.home-banner .slide-btn { z-index: 99; position: absolute; top: 50%; width: 60px; margin-top: -30px; cursor: pointer; }
@media screen and (max-width: 750px) { .home-banner .slide-btn { width: 9.5238095238%; margin-top: -4.7619047619%; } }
.home-banner .slide-btn._prev { left: 0; margin-left: -130px; }
@media screen and (max-width: 1500px) { .home-banner .slide-btn._prev { margin-left: -10px; } }
@media screen and (max-width: 750px) { .home-banner .slide-btn._prev { margin-left: -4.7619047619%; } }
.home-banner .slide-btn._next { right: 0; margin-right: -130px; }
@media screen and (max-width: 1500px) { .home-banner .slide-btn._next { margin-right: -10px; } }
@media screen and (max-width: 750px) { .home-banner .slide-btn._next { margin-right: -4.7619047619%; } }
.home-banner .banner-con { overflow: hidden; }
@media screen and (max-width: 750px) { .home-banner .banner-con { width: 85.873015873%; margin: 0 auto; } }
.home-banner .banner-swiper .swiper-slide a { display: block; }
@media screen and (max-width: 750px) { .home-banner .banner-swiper .swiper-slide a { padding: 5px 0; } }

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