.h-ttl { font-size: 1.8rem; font-weight: 400; color: #0d3078; }
@media screen and (max-width: 750px) { .h-ttl { font-size: 1.4857142857rem; } }
.h-ttl span { font-size: 4.2rem; }
@media screen and (max-width: 750px) { .h-ttl span { font-size: 3.5428571429rem; } }

.h-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 40px; }
@media screen and (max-width: 750px) { .h-top { display: block; margin-bottom: 4.4776119403%; } }
.h-top .h-ttl { flex: 1; margin-right: 2em; }
@media screen and (max-width: 750px) { .h-top .h-ttl { margin-right: 0; } }

.mainimg-sec .mainimg-swiper { position: relative; overflow: hidden; }
.mainimg-sec .mainimg-box { position: relative; }
.mainimg-sec .mainimg-box .mainimg-item { position: absolute; bottom: 0; left: 0; margin-left: 5%; margin-bottom: 3.5714285714%; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-box .mainimg-item { width: 100%; margin: 0; padding-left: 6.6666666667%; padding-bottom: 6.6666666667%; } }
.mainimg-sec .mainimg-box .mainimg-ttl { margin-bottom: 50px; font-size: 3.0rem; font-weight: 700; color: #fff; line-height: 1.6; }
@media screen and (max-width: 960px) { .mainimg-sec .mainimg-box .mainimg-ttl { margin-bottom: 10px; font-size: 2.6rem; } }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-box .mainimg-ttl { margin-bottom: 10.7692307692%; font-size: 1.7142857143rem; } }
.mainimg-sec .mainimg-box .cmn-btn._mainimg { min-width: 290px; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-box .cmn-btn._mainimg { width: 61.5384615385%; min-width: initial; margin: initial; } }
.mainimg-sec .mainimg-box .cmn-btn._mainimg a { border-radius: 4em; background-color: rgba(255, 255, 255, 0.7); font-size: 1.6rem; }
@media screen and (max-width: 750px) { .mainimg-sec .mainimg-box .cmn-btn._mainimg a { font-size: 1.3714285714rem; } }
.mainimg-sec .slider-tool { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.mainimg-sec .slider-tool img { vertical-align: middle; }
.mainimg-sec .slider-tool .slide-btn { display: block; width: 10px; margin: 0 30px; cursor: pointer; }
.mainimg-sec .slider-tool .tool-pause { display: block; width: 3rem; height: 3rem; margin-left: 5px; background: url("../img/common/ico_pause.svg") no-repeat center center; background-size: 100% auto; cursor: pointer; }
.mainimg-sec .slider-tool .tool-pause._pause { background-image: url("../img/common/ico_play.svg"); }
.mainimg-sec .slider-tool .mainimg-pagination { display: flex; align-items: center; }
.mainimg-sec .slider-tool .mainimg-pagination li { display: flex; margin: 0 5px; }
.mainimg-sec .slider-tool .mainimg-pagination li a { display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #9eacc9; cursor: pointer; }
.mainimg-sec .slider-tool .mainimg-pagination li .mainimg-progressbar { width: 0; height: 6px; border-radius: 3px; background-color: #e9ebf7; overflow: hidden; transition: all .5s; }
.mainimg-sec .slider-tool .mainimg-pagination li .mainimg-progressbar p { width: 0; height: 6px; border-radius: 3px; background-color: #0d3078; transition: all .5s; }
.mainimg-sec .slider-tool .mainimg-pagination li._active a { display: none; background-color: #0d3078; }
.mainimg-sec .slider-tool .mainimg-pagination li._active .mainimg-progressbar { width: 110px; }
.mainimg-sec .slider-tool .swiper-pagination { position: static; display: flex; align-items: center; width: auto !important; }
.mainimg-sec .slider-tool .swiper-pagination-bullet { width: 6px !important; height: 6px !important; margin: 0 5px !important; background: #9eacc9; opacity: 1; }
.mainimg-sec .slider-tool .swiper-pagination-bullet-active { background-color: #0d3078; }
.mainimg-sec .swiper-notification { display: none; }

.slidenav-sec { padding: 60px 0 50px; }
.slidenav-sec .c-swiper .c-swiper-box p::before { content: ''; margin-right: 0; }

.important-sec { padding: 50px 0 80px; }
.important-sec .important-ttl { font-size: 2.8rem; font-weight: 400; color: #0d3078; }
@media screen and (max-width: 750px) { .important-sec .important-ttl { font-size: 2.5142857143rem; } }
@media screen and (max-width: 750px) { .important-sec .c-list { margin-bottom: 8.9552238806%; } }

.sustainability-sec { padding: 50px 0; border-top: 2px solid #f1f1f1; }
@media screen and (max-width: 750px) { .sustainability-sec { padding: 10.6666666667% 0 12%; } }
.sustainability-sec .sustainability-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .sustainability-sec .sustainability-con { display: block; } }
.sustainability-sec .sustainability-fig { width: 53.3333333333%; transition: all .6s; }
@media screen and (max-width: 750px) { .sustainability-sec .sustainability-fig { width: 100%; margin-bottom: 7.4626865672%; } }
.sustainability-sec .sustainability-fig:hover { opacity: 0.8; }
.sustainability-sec .sustainability-box { flex: 1; margin-right: 10%; }
@media screen and (max-width: 750px) { .sustainability-sec .sustainability-box { margin-right: 0; } }
.sustainability-sec .sustainability-box .h-ttl { margin-bottom: 20px; }
.sustainability-sec .sustainability-box .sustainability-txt { margin-bottom: 20px; font-size: 1.8rem; }
@media screen and (max-width: 750px) { .sustainability-sec .sustainability-box .sustainability-txt { margin-bottom: 5.9701492537%; } }

.homenav-sec { padding: 90px 0 80px; background: url("../img/home/bg_nav.webp") no-repeat left bottom; background-size: cover; }
@media screen and (max-width: 750px) { .homenav-sec { padding: 13.3333333333% 0 16%; background: url("../img/home/sp/bg_nav.webp") no-repeat left bottom; background-size: cover; } }
.homenav-sec .homenav-list { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list { display: block; width: 80.5970149254%; margin: 0 auto; } }
.homenav-sec .homenav-list li { width: 44.1666666667%; margin-right: 11.6666666667%; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li { width: 100%; margin-right: 0; margin-bottom: 18.5185185185%; } }
.homenav-sec .homenav-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li:last-child { margin-bottom: 0; } }
.homenav-sec .homenav-list li .h-ttl { margin-bottom: 10px; color: #fff; }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li .h-ttl { font-size: 1.3714285714rem; } }
@media screen and (max-width: 750px) { .homenav-sec .homenav-list li .h-ttl span { font-size: 2.9714285714rem; } }

.news-sec { padding: 60px 0 70px; }
@media screen and (max-width: 750px) { .news-sec { padding: 12% 0 10.6666666667%; } }
@media screen and (max-width: 750px) { .news-sec .c-list { margin-bottom: 8.9552238806%; } }
.news-sec .c-list .list-cate { background-color: #e8efff !important; color: #0d3078 !important; }

.exhibition-sec { margin-bottom: 50px; padding: 60px 0 90px; }
@media screen and (max-width: 750px) { .exhibition-sec { margin-bottom: 12%; padding: 12% 0; } }
@media screen and (max-width: 750px) { .exhibition-sec .c-list { margin-bottom: 8.9552238806%; } }

.recruit-sec { padding: 0 0 100px; }
@media screen and (max-width: 750px) { .recruit-sec { padding: 0 0 16%; } }
.recruit-sec .h-ttl { margin-bottom: 20px; }
.recruit-sec .h-ttl span { font-size: 5.0rem; }
@media screen and (max-width: 750px) { .recruit-sec .h-ttl span { font-size: 4.5714285714rem; } }
.recruit-sec .recruit-in { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .recruit-sec .recruit-in { display: block; } }
.recruit-sec .recruit-box { width: 44.1666666667%; }
@media screen and (max-width: 750px) { .recruit-sec .recruit-box { width: 100%; margin-bottom: 50px; }
  .recruit-sec .recruit-box:last-child { margin-bottom: 0; } }
.recruit-sec .recruit-box a { display: block; text-decoration: none; }
.recruit-sec .recruit-box p { margin-bottom: 10px; color: #0d3078; font-size: 1.8rem; font-weight: 700; }
.recruit-sec .recruit-box p .ico { margin-left: 0.5em; }

.related-sec { margin-bottom: 60px; padding: 60px 0 100px; border-top: 2px solid #f1f1f1; border-bottom: 2px solid #f1f1f1; }
@media screen and (max-width: 750px) { .related-sec { margin-bottom: 8%; padding: 9.3333333333% 0; } }
.related-sec .h-ttl span { font-size: 5.0rem; }
@media screen and (max-width: 750px) { .related-sec .h-ttl span { font-size: 3.5428571429rem; } }
.related-sec .related-list { display: flex; flex-wrap: wrap; }
@media screen and (max-width: 750px) { .related-sec .related-list { display: block; margin-bottom: 5.9701492537%; } }
.related-sec .related-list li { width: 32.5%; margin-right: 1.25%; margin-bottom: 2.5%; border-radius: 0.5em; overflow: hidden; }
@media screen and (max-width: 750px) { .related-sec .related-list li { width: 100%; margin-right: 0; margin-bottom: 2.9850746269%; } }
.related-sec .related-list li:nth-child(3n) { margin-right: 0; }
.related-sec .related-list li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .related-sec .related-list li:last-child { margin-bottom: 0; } }
.related-sec .related-list li a { display: flex; text-decoration: none; height: 100%; background-color: #fff; }
.related-sec .related-list li figure { width: 43.5897435897%; }
@media screen and (max-width: 750px) { .related-sec .related-list li figure { width: 43.2835820896%; } }
.related-sec .related-list li .related-list-box { flex: 1; padding: 15px 20px; }
.related-sec .related-list li .related-list-box dl dt { margin-bottom: 5px; color: #0d3078; line-height: 1.4; }
.related-sec .related-list li .related-list-box dl dd { font-size: 1.2rem; }
@media screen and (max-width: 750px) { .related-sec .related-list li .related-list-box dl dd { font-size: 1.1428571429rem; } }

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