@charset "utf-8";
/* product */
.category {padding: 200px 20px 100px;}
.category_list ul {list-style: none; max-width: 1360px; margin: 0 auto 50px; display: flex; flex-wrap: wrap; gap: 2vw; justify-content: center;}
.category_list ul li {width: 140px; height: 25px; display: flex; align-items: center; justify-content: center; border: 1px solid #002060; border-radius: 99px; color: #002060; cursor: pointer;}
.category_list li.is-active {background-color: #002060; color: #fff; cursor: default;}
.category_list p {text-align: center; font-size: 20px; font-weight: bold;}
.product_list {padding: 0 20px 200px;}
.product_list ul {list-style: none; max-width: 1360px; margin: 0 auto; display: flex; flex-wrap: wrap; gap: 5vw}
.product_list ul li {width: calc(100% / 3 - 10vw / 3);}
.product_list ul li .item {position: relative;}
.product_list ul li .item .img img {border-radius: 20px;}
.product_list ul li .item .ttl {position: absolute; bottom: 0; left: 0; width: 100%; background-color: rgba(0, 32, 96, 0.7); border-radius: 0 0 20px 20px;}
.product_list ul li .item .ttl h3 {color: #fff; text-align: center; line-height: 2.5;}
@media screen and (max-width:768px) {
    .category {padding: 150px 20px 70px;}
    .category_list p {font-size: 18px;}
    .product_list {padding: 0 20px 150px;}
    .product_list ul li {width: calc(100% / 2 - 5vw / 2);}
    .product_list ul li .item .img img {border-radius: 10px;}
    .product_list ul li .item .ttl {border-radius: 0 0 10px 10px;}
    .product_list ul li .item .ttl h3 {line-height: 1.75;}
}
@media screen and (max-width:590px) {
    .product_list ul li {width: 100%;}
}