@charset "utf-8";

#wpEvent{padding:40px 0;background:#eff1f4}
#wpEvent .inner{max-width:var(--mainsize);margin:0 auto}
#wpEvent .box_event{display:flex;justify-content:space-between;align-items:center;width:100%}
#wpEvent .event{display:flex;align-items:center}
#wpEvent .event .tit{width:70%}
#wpEvent .event .tit span{font-size:20px;font-weight:700;color:#888}
#wpEvent .event .tit h2{margin:5px 0 20px;font-size:30px;font-weight:700;color:#111}
#wpEvent .event .tit a{display:inline-flex;align-items:center;gap:3px;border:1px solid #e1e1e1;border-radius:50px;padding:5px 20px;transition:all .3s}
#wpEvent .event .tit a svg{width:15px}
#wpEvent .event ul{display:grid;grid-template-columns:repeat(4, 1fr);gap:15px;row-gap:30px}
#wpEvent .event ul li a{display:block;font-size:13px;font-weight:500;color:#aaa;text-align:center;cursor:pointer}
#wpEvent .event ul li .img{overflow:hidden;margin-bottom:12px;border-radius:12px}
#wpEvent .event ul li .img img{width:100%}
#wpEvent .event ul li .info{text-align:center}
#wpEvent .event ul li .subj{width:100%;font-size:17px;font-weight:700;letter-spacing:-.3px;color:#222;line-height:1.55;word-break:keep-all}
#wpEvent .event .tit a:hover{border:1px solid #111}

@media(max-width:1340px){
#wpEvent{padding:40px 15px}
#wpEvent .event{gap:100px}
#wpEvent .event .tit{width:80%}
}
@media(max-width:768px){
#wpEvent{padding:30px 15px}
#wpEvent .event{flex-direction:column;gap:20px}
#wpEvent .event .tit{width:100%;text-align:center}
#wpEvent .event .tit h2{margin:5px 0 10px;font-size:24px}
#wpEvent .event .tit a{gap:15px;font-size:15px}
#wpEvent .event .tit span{font-size:15px}
#wpEvent .event ul li .subj{font-size:15px}
#wpEvent .event ul li .img{margin-bottom:8px}
#wpEvent .event ul{grid-template-columns:repeat(2, 1fr)}
}
@media(max-width:480px){
#wpEvent .event .tit h2{font-size:19px}
#wpEvent .event .tit a{padding:3px 15px;font-size:13px}
#wpEvent .event ul li .subj{font-size:13px}
#wpEvent .event .tit a svg{width:12px}
}