@charset "utf-8";
/* Content Item */
.m-tit{margin-bottom: 60px;}

@media screen and (max-width: 768px){ 
    .m-tit{margin-bottom: 45px;}
}

/* Category */
.category{background: #fff; box-shadow: 0 0 15px 0px rgba(0, 0, 0, 0.2); border-radius: 10px; text-align: center; padding: 30px 3.3% 32px; margin: 0 0 50px;}
.category .m-tit4{margin: 0 0 12px;}

.subnav{display: flex; flex-wrap: wrap; margin: 0 -4px;}
.subnav a{border: 2px solid #4B4594; color: #4B4594; width: calc(25% - 8px); margin: 0 4px 8px; height: 52px; border-radius: 52px; line-height: 1.2; background: #fff; font-weight: bold; text-align: center; display: flex; justify-content: center; align-items: center; transition: .4s ease; cursor: pointer;}
.subnav a.is-active,
.subnav a:hover{background: #4B4594; color: #fff;}

@media screen and (max-width: 1000px){
    .category{padding: 20px min(4vw,20px) 12px;}
    .subnav a{width: calc(50% - 8px); margin-bottom: 8px}
}

@media screen and (max-width: 768px){
    .category{margin: 0 0 40px;}
    .subnav a{height: 46px; font-size: min(3.2vw,1.6rem); }
}

/* Tab */
.tab{display: none;}