.font-en { font-family: "Roboto", serif; }

.slider-tool { display: flex; justify-content: center; align-items: center; margin-top: 30px; }
.slider-tool img { vertical-align: middle; }
.slider-tool .slide-btn { display: block; width: 10px; margin: 0 30px; cursor: pointer; }
.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; }
.slider-tool .mainimg-pagination { display: flex; align-items: center; }
.slider-tool .mainimg-pagination li { display: flex; margin: 0 5px; }
.slider-tool .mainimg-pagination li a { display: block; width: 6px; height: 6px; border-radius: 50%; background-color: #9eacc9; cursor: pointer; }
.slider-tool .mainimg-pagination li .mainimg-progressbar { width: 0; height: 6px; border-radius: 3px; background-color: #e9ebf7; overflow: hidden; transition: all .5s; }
.slider-tool .mainimg-pagination li .mainimg-progressbar p { width: 0; height: 6px; border-radius: 3px; background-color: #282E89; transition: all .5s; }
.slider-tool .mainimg-pagination li._active a { display: none; background-color: #282E89; }
.slider-tool .mainimg-pagination li._active .mainimg-progressbar { width: 110px; }
.slider-tool .swiper-pagination { position: static; display: flex; align-items: center; width: auto !important; }
.slider-tool .swiper-pagination-bullet { width: 6px !important; height: 6px !important; margin: 0 5px !important; background: #9eacc9; opacity: 1; }
.slider-tool .swiper-pagination-bullet-active { background-color: #282E89; }

.swiper-notification { display: none; }

.home-heading { font-size: 2.0rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-heading { font-size: 2.1333333333rem; line-height: 1.4; } }
.home-heading span { font-size: 6.0rem; }
@media screen and (max-width: 750px) { .home-heading span { font-size: 4.8rem; } }

.home-mainimg .mainimg-swiper { position: relative; overflow: hidden; }

.home-products { padding: 45px 0 70px; }
@media screen and (max-width: 750px) { .home-products { padding: 5.3333333333% 0 18.6666666667%; } }
.home-products .products-tab { display: none; }
@media screen and (max-width: 980px) { .home-products .products-tab { display: block; } }
.home-products .products-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; }
@media screen and (max-width: 980px) { .home-products .products-top .products-search { display: none; } }
.home-products .home-heading { flex: 1; }
.home-products .products-search { display: flex; justify-content: flex-end; width: 60.4166666667%; }
@media screen and (max-width: 980px) { .home-products .products-search { display: block; width: 79.7101449275%; margin: 0 auto; } }
.home-products .products-search li { margin-right: 2.0833333333%; }
@media screen and (max-width: 980px) { .home-products .products-search li { margin-right: 0; margin-bottom: 5.4545454545%; } }
.home-products .products-search li:first-child { width: 27.5862068966%; }
@media screen and (max-width: 980px) { .home-products .products-search li:first-child { width: 100%; } }
.home-products .products-search li:nth-child(2) { width: 31.724137931%; }
@media screen and (max-width: 980px) { .home-products .products-search li:nth-child(2) { width: 100%; } }
.home-products .products-search li:last-child { width: 35.8620689655%; margin-right: 0; }
@media screen and (max-width: 980px) { .home-products .products-search li:last-child { width: 100%; margin-bottom: 0; } }
.home-products .products-search li a { display: block; text-decoration: none; padding: 10px 5px; border: 1px solid #6B7387; background: #fff url("../img/common/ico_arrow_bk.svg") no-repeat right 20px center; background-size: 18px auto; text-align: center; font-size: 1.9rem; border-radius: 2em; }
@media screen and (max-width: 750px) { .home-products .products-search li a { font-size: 1.6rem; } }
.home-products .products-list { display: flex; flex-wrap: wrap; gap: 30px 2.0833333333%; }
@media screen and (max-width: 980px) { .home-products .products-list { margin-bottom: 60px; } }
@media screen and (max-width: 750px) { .home-products .products-list { margin-bottom: 8.6956521739%; padding: 0 2.1739130435%; gap: 30px 5.7971014493%; } }
.home-products .products-list li { width: 18.3333333333%; }
@media screen and (max-width: 750px) { .home-products .products-list li { width: 46.9696969697%; } }
.home-products .products-list li a { display: block; text-decoration: none; }
.home-products .products-list li p { margin-top: 15px; padding-left: 20px; background: url("../img/common/ico_arrow02.svg") no-repeat left top 0.3em; background-size: 7px auto; }
@media screen and (max-width: 750px) { .home-products .products-list li p { background-position: left top 0.4em; } }

.home-solution { padding: 70px 0; background-color: #F2F5F8; }
@media screen and (max-width: 750px) { .home-solution { padding: 13.3333333333% 0; } }
.home-solution .solution-top { margin-bottom: 20px; }
.home-solution .solution-top .home-heading { margin-bottom: 20px; }
.home-solution .solution-main .solution-in { width: 100%; max-width: 1390px; margin: 0 auto; padding: 0 20px; line-height: 1.6; }
@media screen and (max-width: 750px) { .home-solution .solution-main .solution-in { padding: 0; } }
.home-solution .solution-main .solution-swiper { overflow: hidden; }
.home-solution .solution-main .solution-swiper a { display: block; text-decoration: none; }
.home-solution .solution-main .solution-swiper a img { border-radius: 1em; }
.home-solution .solution-main .solution-swiper p { margin-top: 10px; font-size: 1.4rem; text-align: center; font-weight: 700; }
.home-solution .solution-main .solution-swiper .swiper-slide { transform: scale(0.9); transition: .7s; }
@media screen and (max-width: 750px) { .home-solution .solution-main .solution-swiper .swiper-slide { width: 64%; margin: 0 1.3333333333%; } }
.home-solution .solution-main .solution-swiper .swiper-slide-active { transform: scale(1); z-index: 1; }
.home-solution .solution-main .solution-swiper .swiper-slide-active p { font-size: 1.8rem; }
.home-solution .solution-btn { width: 79.7101449275%; margin: 13.0434782609% auto 0; }
.home-solution .solution-btn a { display: block; text-decoration: none; padding: 10px; background: #282E89 url("../img/common/ico_arrow_w.svg") no-repeat right 10px center; background-size: 14px auto; text-align: center; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .home-solution .solution-btn a { background-size: 4.8148148148% auto; } }

.home-casestudy { z-index: 99; position: relative; padding: 100px 0 90px; }
@media screen and (max-width: 750px) { .home-casestudy { padding: 13.3333333333% 0 18.6666666667%; } }
.home-casestudy .casestudy-top { display: flex; justify-content: space-between; margin-bottom: 20px; }
.home-casestudy .casestudy-top .casestudy-top-box { flex: 1; }
.home-casestudy .casestudy-top .casestudy-top-box .home-heading { margin-bottom: 20px; }
.home-casestudy .casestudy-top .casestudy-top-search { display: flex; justify-content: space-between; width: 40%; margin-left: 20px; }
@media screen and (max-width: 980px) { .home-casestudy .casestudy-top .casestudy-top-search { display: block; } }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-top .casestudy-top-search { display: none; } }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box dl { position: relative; }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box dl dt { padding: 10px 10px 10px 0; background: #6B7387 url("../img/common/ico_toggle_w_o.svg") no-repeat right 15px center; background-size: 24px auto; font-size: 1.8rem; font-weight: 700; color: #fff; text-align: left; border-radius: 2em; cursor: pointer; }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box dl dt.active { border-top-left-radius: 1.5em; border-top-right-radius: 1.5em; border-bottom-left-radius: 0; border-bottom-right-radius: 0; background-image: url("../img/common/ico_toggle_w_c.svg"); }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box dl dd { z-index: 9999; position: absolute; left: 0; width: 100%; background-color: #fff; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.5); display: none; }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box dl dd ul { padding: 8px; }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box dl dd ul li a { display: block; padding: 8px 8px 8px 20px; text-decoration: none; }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box dl dd ul li a:hover { background-color: #5358A1; color: #fff; }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box._field { width: 44.7916666667%; }
@media screen and (max-width: 980px) { .home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box._field { width: 100%; margin-bottom: 20px; } }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box._field dl dt { padding-left: 30px; }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box._worries { width: 51.0416666667%; }
@media screen and (max-width: 980px) { .home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box._worries { width: 100%; } }
.home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box._worries dl dt { padding-left: 40px; }
@media screen and (max-width: 980px) { .home-casestudy .casestudy-top .casestudy-top-search .casestudy-top-search-box._worries dl dt { padding-left: 40px; } }
.home-casestudy .casestudy-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; gap: 0 5%; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-list { display: block; } }
.home-casestudy .casestudy-list li { width: 47.5%; border-bottom: 1px solid #CED4E3; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-list li { width: 100%; } }
.home-casestudy .casestudy-list li a { display: flex; text-decoration: none; padding: 7.0175438596% 0; }
.home-casestudy .casestudy-list li figure { width: 42.1052631579%; margin-right: 4.3859649123%; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-list li figure { width: 42.0289855072%; margin-right: 3.6231884058%; } }
.home-casestudy .casestudy-list li .casestudy-list-box { flex: 1; }
.home-casestudy .casestudy-list li .casestudy-list-box .type { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-list li .casestudy-list-box .type span { font-size: 0.8533333333rem; } }
.home-casestudy .casestudy-list li .casestudy-list-box .casestudy-list-ttl { margin-bottom: 10px; font-size: 1.7rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-list li .casestudy-list-box .casestudy-list-ttl { font-size: 1.12rem; } }
.home-casestudy .casestudy-list li .casestudy-list-box .casestudy-list-name { margin-bottom: 10px; font-size: 1.4rem; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-list li .casestudy-list-box .casestudy-list-name { font-size: 0.9066666667rem; } }
.home-casestudy .casestudy-list li .casestudy-list-box .casestudy-list-tag { display: flex; flex-wrap: wrap; gap: 0.5em; }
.home-casestudy .casestudy-list li .casestudy-list-box .casestudy-list-tag span { display: block; padding: 2px 1em; border: 1px solid #282E89; font-size: 1.3rem; color: #282E89; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-list li .casestudy-list-box .casestudy-list-tag span { font-size: 0.8533333333rem; } }
.home-casestudy .casestudy-search-btn { display: none; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-search-btn { display: block; width: 79.7101449275%; margin: 0 auto 6.5217391304%; } }
.home-casestudy .casestudy-search-btn li { margin-bottom: 4.347826087%; }
.home-casestudy .casestudy-search-btn li:last-child { margin-bottom: 0; }
.home-casestudy .casestudy-search-btn li a { display: block; text-decoration: none; padding: 10px; background: #6B7387 url("../img/common/ico_arrow_w.svg") no-repeat right 10px center; background-size: 6.8518518519% auto; text-align: center; color: #fff; font-weight: 700; border-radius: 2em; }
.home-casestudy .casestudy-btn { width: 100%; max-width: 300px; margin: 0 auto; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-btn { width: 79.7101449275%; max-width: 100%; } }
.home-casestudy .casestudy-btn a { display: block; text-decoration: none; padding: 10px; background: #282E89 url("../img/common/ico_arrow_w.svg") no-repeat right 10px center; background-size: 14px auto; text-align: center; color: #fff; font-weight: 700; }
@media screen and (max-width: 750px) { .home-casestudy .casestudy-btn a { background-size: 4.8148148148% auto; } }

.home-news { padding: 80px 0 70px; background-color: #F2F5F8; }
@media screen and (max-width: 750px) { .home-news { padding: 14.6666666667% 0; } }
.home-news .news-con { display: flex; justify-content: space-between; }
@media screen and (max-width: 750px) { .home-news .news-con { display: block; } }
@media screen and (max-width: 750px) { .home-news .home-heading { margin-bottom: 14.4927536232%; } }
.home-news .news-top { flex: 1; }
.home-news .news-main { width: 75.8333333333%; margin-left: 8.3333333333%; }
@media screen and (max-width: 750px) { .home-news .news-main { width: 100%; margin: 0 auto; } }
.home-news .news-main .news-box .news-box-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px; }
@media screen and (max-width: 750px) { .home-news .news-main .news-box .news-box-top { display: block; margin-bottom: 9.4202898551%; } }
.home-news .news-main .news-box .news-box-top .news-ttl { flex: 1; font-size: 2.6rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-news .news-main .news-box .news-box-top .news-ttl { font-size: 2.56rem; } }
@media screen and (max-width: 750px) { .home-news .news-main .news-box .news-box-top .news-btn { display: none; } }
.home-news .news-main .news-box .news-btn { width: 100%; margin-left: 10px; }
@media screen and (max-width: 750px) { .home-news .news-main .news-box .news-btn { width: 85.5072463768%; margin: 0 auto; } }
.home-news .news-main .news-box .news-btn a { display: block; text-decoration: none; padding: 10px; background: #fff url("../img/common/ico_arrow_bk.svg") no-repeat right 20px center; background-size: 17px auto; border: 1px solid #6B7387; font-size: 1.8rem; text-align: center; border-radius: 2em; }
@media screen and (max-width: 750px) { .home-news .news-main .news-box .news-btn a { padding: 4.2372881356%; font-size: 1.6rem; background-position: right 4.2372881356% center; background-size: 6.7796610169% auto; } }
.home-news .news-main ._event { margin-bottom: 70px; }
@media screen and (max-width: 750px) { .home-news .news-main ._event { margin-bottom: 21.0144927536%; } }
.home-news .news-main ._event .news-btn { max-width: 295px; }
@media screen and (max-width: 750px) { .home-news .news-main ._event .news-btn { max-width: 100%; } }
.home-news .news-main ._event .event-list { display: flex; flex-wrap: wrap; gap: 5.4945054945%; }
@media screen and (max-width: 750px) { .home-news .news-main ._event .event-list { display: block; margin-bottom: 8.6956521739%; } }
.home-news .news-main ._event .event-list li { width: 47.2527472527%; }
@media screen and (max-width: 750px) { .home-news .news-main ._event .event-list li { width: 100%; margin-bottom: 8.6956521739%; }
  .home-news .news-main ._event .event-list li:last-child { margin-bottom: 0; } }
.home-news .news-main ._event .event-list li a { display: block; text-decoration: none; background-color: #fff; }
.home-news .news-main ._event .event-list li a .event-list-box { padding: 20px 20px 30px; }
.home-news .news-main ._event .event-list li a .event-list-date { margin-bottom: 10px; font-size: 1.3rem; }
@media screen and (max-width: 750px) { .home-news .news-main ._event .event-list li a .event-list-date { font-size: 1.12rem; } }
.home-news .news-main ._event .event-list li a .event-list-heading { font-size: 1.5rem; font-weight: 700; }
@media screen and (max-width: 750px) { .home-news .news-main ._event .event-list li a .event-list-heading { font-size: 1.28rem; } }
.home-news .news-main ._event .event-list li a .event-list-period { margin-top: 20px; padding-top: 20px; border-top: 2px solid #CED4E3; font-size: 1.4rem; color: #282E89; }
@media screen and (max-width: 750px) { .home-news .news-main ._event .event-list li a .event-list-period { font-size: 1.2266666667rem; } }
.home-news .news-main ._news .news-btn { max-width: 255px; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-btn { max-width: 100%; } }
.home-news .news-main ._news .news-list { border-top: 1px solid #CED4E3; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list { margin-bottom: 8.6956521739%; } }
.home-news .news-main ._news .news-list li { border-bottom: 1px solid #CED4E3; }
.home-news .news-main ._news .news-list li a, .home-news .news-main ._news .news-list li .nolink { display: block; text-decoration: none; padding: 20px 0; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list li a, .home-news .news-main ._news .news-list li .nolink { display: flex; justify-content: flex-start; } }
.home-news .news-main ._news .news-list li a:hover .news-list-heading { text-decoration: underline; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list li figure { width: 28.9855072464%; margin: 0 2.8985507246%; } }
.home-news .news-main ._news .news-list li .news-list-sp { width: 100%; display: flex; align-items: flex-start; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list li .news-list-sp { flex: 1; display: block; } }
.home-news .news-main ._news .news-list li .news-list-top { display: flex; align-items: center; margin-right: 2em; }
@media screen and (max-width: 980px) { .home-news .news-main ._news .news-list li .news-list-top { display: block; } }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list li .news-list-top { margin-right: 0; } }
.home-news .news-main ._news .news-list li .news-list-date { flex: 1; margin-right: 2em; font-size: 1.3rem; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list li .news-list-date { margin-bottom: 10px; margin-right: 0; font-size: 1.3866666667rem; } }
.home-news .news-main ._news .news-list li .news-list-cate { width: 10em; padding: 5px; border: 1px solid #6B7387; background-color: #fff; font-size: 1.4rem; text-align: center; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list li .news-list-cate { margin-bottom: 10px; font-size: 1.3866666667rem; } }
.home-news .news-main ._news .news-list li .news-list-heading { flex: 1; margin-left: 2em; font-size: 1.5rem; }
@media screen and (max-width: 750px) { .home-news .news-main ._news .news-list li .news-list-heading { margin-left: 0; font-size: 1.4933333333rem; } }

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