.products-search { padding: 40px 0 75px; }
@media screen and (max-width: 750px) { .products-search { padding: 8% 0 13.3333333333%; } }
@media screen and (max-width: 750px) { .products-search .inner { padding: 0; } }
.products-search .search-ttl { margin-bottom: 20px; font-size: 2.0rem; font-weight: 400; color: #0d3078; }
@media screen and (max-width: 750px) { .products-search .search-ttl { margin-bottom: 5.9701492537%; font-size: 1.9428571429rem; } }
.products-search .search-key { display: flex; align-items: center; justify-content: space-between; width: 100%; max-width: 666px; margin: 0 auto 60px; }
@media screen and (max-width: 750px) { .products-search .search-key { width: 80%; max-width: 100%; margin-bottom: 10%; padding: 0 5.3333333333%; } }
.products-search .search-key .keyword-btn { width: 60px; margin-left: 10px; }
@media screen and (max-width: 750px) { .products-search .search-key .keyword-btn { width: 14.1666666667%; margin-left: 1.6666666667%; } }
.products-search .search-key .keyword-txt { flex: 1; padding: 10px 20px; background-color: #f1f1f1; border: 1px solid #f1f1f1; border-radius: 0.5em; }
@media screen and (max-width: 750px) { .products-search .search-key .keyword-txt { font-size: 1.2571428571rem; } }
.products-search .search-category { margin-bottom: 70px; }
@media screen and (max-width: 750px) { .products-search .search-category { margin-bottom: 12%; padding: 0 5.3333333333%; } }
.products-search .search-category .category-list { display: flex; flex-wrap: wrap; }
.products-search .search-category .category-list li { width: 23.5%; margin-right: 2%; }
@media screen and (max-width: 960px) { .products-search .search-category .category-list li { width: 48%; margin-right: 4%; margin-bottom: 4%; }
  .products-search .search-category .category-list li:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 750px) { .products-search .search-category .category-list li { width: 47.7611940299%; margin-right: 4.4776119403%; margin-bottom: 4.4776119403%; } }
.products-search .search-category .category-list li:last-child { margin-right: 0; }
.products-search .search-category .category-list li a { position: relative; display: block; text-decoration: none; }
.products-search .search-uses .search-ttl { padding: 0 5.3333333333%; }
.products-search .search-uses .uses-list { display: flex; flex-wrap: wrap; }
.products-search .search-uses .uses-list li { width: 25%; border: 1px solid #cfd6e4; border-right: none; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li { width: 50%; } }
.products-search .search-uses .uses-list li:nth-child(1), .products-search .search-uses .uses-list li:nth-child(2), .products-search .search-uses .uses-list li:nth-child(3), .products-search .search-uses .uses-list li:nth-child(4) { border-bottom: none; }
.products-search .search-uses .uses-list li:nth-child(4n) { border-right: 1px solid #cfd6e4; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li:nth-child(5), .products-search .search-uses .uses-list li:nth-child(6) { border-bottom: none; }
  .products-search .search-uses .uses-list li:nth-child(2n) { border-right: 1px solid #cfd6e4; } }
.products-search .search-uses .uses-list li a { display: flex; align-items: center; justify-content: space-between; text-decoration: none; height: 100%; padding: 20px 45px 20px 20px; }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a { padding: 8% 2.6666666667% 8% 6.6666666667%; } }
.products-search .search-uses .uses-list li a p { flex: 1; font-size: 1.5rem; color: #0d3078; }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a p { font-size: 1.3714285714rem; } }
.products-search .search-uses .uses-list li a .ico2-products-01 { width: 4.2rem; margin-right: 60px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-01 { margin-right: 40px; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-01 { width: 3.8rem; margin-right: 20px; } }
.products-search .search-uses .uses-list li a .ico2-products-02 { width: 4.6rem; margin-right: 55px; margin-left: 10px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-02 { margin-right: 40px; margin-left: 0; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-02 { width: 3.8rem; margin-right: 20px; } }
.products-search .search-uses .uses-list li a .ico2-products-03 { width: 3.9rem; margin-right: 50px; margin-left: 20px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-03 { margin-right: 40px; margin-left: 0; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-03 { width: 3.8rem; margin-right: 20px; } }
.products-search .search-uses .uses-list li a .ico2-products-04 { width: 5.8rem; margin-right: 20px; margin-left: 20px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-04 { margin-right: 40px; margin-left: 0; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-04 { width: 4.8rem; margin-right: 10px; } }
.products-search .search-uses .uses-list li a .ico2-products-05 { width: 1.9rem; margin-right: 80px; margin-left: 10px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-05 { margin-right: 50px; margin-left: 10px; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-05 { width: 1.6rem; margin-right: 32px; } }
.products-search .search-uses .uses-list li a .ico2-products-06 { width: 5.5rem; margin-right: 50px; margin-left: 10px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-06 { margin-right: 40px; margin-left: 0; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-06 { width: 3.8rem; margin-right: 20px; } }
.products-search .search-uses .uses-list li a .ico2-products-07 { width: 1.8rem; margin-right: 60px; margin-left: 30px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-07 { margin-right: 50px; margin-left: 10px; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-07 { width: 1.6rem; margin-right: 32px; } }
.products-search .search-uses .uses-list li a .ico2-products-08 { width: 2.8rem; margin-right: 30px; margin-left: 30px; }
@media screen and (max-width: 960px) { .products-search .search-uses .uses-list li a .ico2-products-08 { margin-right: 50px; margin-left: 10px; } }
@media screen and (max-width: 750px) { .products-search .search-uses .uses-list li a .ico2-products-08 { width: 2.6rem; margin-right: 22px; } }

.products-item { position: relative; padding: 70px 0 80px; }
@media screen and (max-width: 750px) { .products-item { padding: 9.3333333333% 0 13.3333333333%; } }
.products-item .products-ttl { margin-bottom: 40px; font-size: 2.4rem; font-weight: 700; }
@media screen and (max-width: 750px) { .products-item .products-ttl { margin-bottom: 8.9552238806%; font-size: 2.0571428571rem; } }
.products-item .products-ttl a { text-decoration: none; }
.products-item .products-ttl .ico { margin-left: 10px; }
.products-item .item-list { display: flex; flex-wrap: wrap; margin-bottom: 50px; }
@media screen and (max-width: 750px) { .products-item .item-list { margin-bottom: 13.4328358209%; } }
.products-item .item-list > li { position: relative; width: 23.5%; margin-right: 2%; margin-bottom: 2.5%; padding: 15px; background-color: #fff; border-radius: 0.5em; box-shadow: 0px 0px 16px -6px rgba(0, 0, 0, 0.1); }
@media screen and (max-width: 750px) { .products-item .item-list > li { width: 47.7611940299%; margin-right: 4.4776119403%; margin-bottom: 4.4776119403%; }
  .products-item .item-list > li:nth-child(2n) { margin-right: 0; } }
.products-item .item-list > li:nth-child(4n) { margin-right: 0; }
.products-item .item-list > li:last-child { margin-right: 0; }
.products-item .item-list > li .item-list-fig { margin-bottom: 15px; }
.products-item .item-list > li .item-list-txt { padding-right: 15px; background: url("../img/common/ico_arrow02.svg") no-repeat right top 0.3em; background-size: 6px auto; font-size: 1.5rem; }
@media screen and (max-width: 750px) { .products-item .item-list > li .item-list-txt { font-size: 1.3142857143rem; } }
.products-item .item-list > li .item-list-txt small { font-size: 1.3rem; }
@media screen and (max-width: 750px) { .products-item .item-list > li .item-list-txt small { font-size: 1.1428571429rem; } }
.products-item .item-list > li .item-list-txt._txt1 { margin-top: 1.5em; }
@media screen and (max-width: 750px) { .products-item .item-list > li .item-list-txt._txt1 { margin-top: 0; } }
.products-item .item-list > li .popup { z-index: 99999; display: none; position: absolute; width: 460px; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup { position: fixed; top: 0; left: 0; background: rgba(61, 61, 61, 0.8); width: 100%; height: 100%; line-height: 1.6; } }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup .popup-in { position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 6% 5.3333333333% 90px; overflow-y: auto; } }
.products-item .item-list > li .popup .popup-con { position: relative; padding: 30px 30px 10px; background-color: #f0f3f7; border-radius: 0.5em; box-shadow: 2px 3px 16px -6px rgba(0, 0, 0, 0.2); overflow: hidden; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup .popup-con { padding: 20px 0 90px; box-shadow: none; } }
.products-item .item-list > li .popup .popup-close { display: none; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup .popup-close { display: block; width: 11.9402985075%; margin: 0 2.9850746269% 2.9850746269% auto; cursor: pointer; } }
.products-item .item-list > li .popup .popup-close-txt { display: none; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup .popup-close-txt { display: block; width: 40.8955223881%; margin: 5.9701492537% auto 0; padding: 2.9850746269%; border: 1px solid #0d3078; background-color: #fff; text-align: center; border-radius: 2em; line-height: 1; cursor: pointer; }
  .products-item .item-list > li .popup .popup-close-txt .ico { margin-right: 0.5em; } }
.products-item .item-list > li .popup .popup-ttl { display: none; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup .popup-ttl { display: block; padding: 5.9701492537% 7.4626865672% 2.9850746269%; border-top: 1px solid #fff; background: url("../img/common/ico_arrow02.svg") no-repeat right 5.9701492537% center; background-size: 1.7910447761% auto; font-size: 2.1142857143rem; margin-bottom: 20px; font-weight: 700; color: #0d3078; line-height: 1; } }
.products-item .item-list > li .popup .popup-heading { margin-bottom: 20px; font-weight: 700; color: #0d3078; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup .popup-heading { margin-bottom: 5.9701492537%; padding: 0 7.4626865672%; } }
.products-item .item-list > li .popup dl { margin-bottom: 20px; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup dl { margin-bottom: 1.4925373134%; } }
.products-item .item-list > li .popup dl dt { padding: 5px 10px; background-color: #fff; font-size: 1.3rem; color: #0d3078; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup dl dt { padding: 5.9701492537%; background: #fff url("../img/common/ico_toggle_p.svg") no-repeat right 3.7313432836% center; background-size: 5.9701492537% auto; font-size: 1.4857142857rem; }
  .products-item .item-list > li .popup dl dt.active { background-image: url("../img/common/ico_toggle_m.svg"); } }
.products-item .item-list > li .popup dl dd { padding-top: 10px; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup dl dd { display: none; padding-top: 0; } }
.products-item .item-list > li .popup dl dd ul li { margin-bottom: 10px; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup dl dd ul li { margin-bottom: 0; border-bottom: 1px solid #fff; } }
.products-item .item-list > li .popup dl dd ul li a { display: block; text-decoration: none; font-size: 1.3rem; }
@media screen and (max-width: 750px) { .products-item .item-list > li .popup dl dd ul li a { padding: 4.4776119403% 5.9701492537%; background: url("../img/common/ico_arrow02.svg") no-repeat right 3.7313432836% center; background-size: 1.4925373134% auto; font-size: 1.2571428571rem; } }
.products-item .item-list > li .popup dl dd ul li a:hover { text-decoration: underline; }
@media screen and (max-width: 750px) { .products-item .item-list > li.js-open .popup { display: block; } }
.products-item .item-link { display: flex; justify-content: center; align-items: flex-end; }
@media screen and (max-width: 750px) { .products-item .item-link { display: block; } }
.products-item .item-link li { margin-right: 20px; }
@media screen and (max-width: 750px) { .products-item .item-link li { margin: 0 auto 2.9850746269%; } }
.products-item .item-link li:last-child { margin-right: 0; }
@media screen and (max-width: 750px) { .products-item .item-link li:last-child { margin: 0 auto; } }
.products-item .item-link li a:hover .ico2-catalog::before { content: url("../img/common/ico_catalog_w.svg"); }
.products-item .item-link li a:hover .ico2-support::before { content: url("../img/common/ico_support_w.svg"); }
.products-item .item-link li .ico { position: relative; z-index: 3; width: 1.5em; margin-right: 10px; }

._item04 .item-lead { margin-bottom: 40px; }
@media screen and (max-width: 750px) { ._item04 .item-lead { margin-bottom: 5.9701492537%; } }

.js-popupopen { overflow: hidden; }
.js-popupopen .main-2024 { position: relative; z-index: 99999; }

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