@charset "UTF-8";
/* CSS Document */


/* ARTICLES */
#articles {padding: 100px 0;}
#articles * {box-sizing: border-box;}
#articles .listItem li {width: 31%; margin: 0 3.5% 3.5% 0; position: relative; padding-bottom: 40px;}
#articles .listItem li:nth-of-type(3n) {margin: 0 0 3.5% 0;}
#articles .listItem li {display: block;}
#articles .listItem li a {color: #223062; text-decoration: none; display: block;}
#articles .listItem li a:hover:not(.thumbImg_noeffect) {opacity: 0.6;}
#articles .listItem li a img {margin-bottom: 20px; border: 2px solid #898989; border-radius: 10px;}
#articles .listItem li a .tit {margin-bottom: 10px; line-height: 1.7;display: flex;align-items: center; font-weight: bold;}
#articles .listItem li a .tit span {font-weight: normal; font-size: 10px;display: inline-block;padding: 0.25em 3em;text-align: center;border-radius: 1.2em;line-height: 1.2;color: #223062;border: #223062 solid 2px;margin-left: 10px;}
#articles .listItem li a .cateTxt {margin-bottom: 10px; color: #223062; }
#articles .listItem li a .noteTxt{font-size: 11px;color: #898989;} 



#articles .page-numbers li {display: inline-block;}
#articles .page-numbers li a {display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; color: #fff; font-size: 14px; line-height: 1; height: 30px; width: 50px; color: #fff; background: #ccc; border-radius: 5px; font-weight: bold; text-decoration: none;}
#articles .page-numbers li a:hover {background: #223062;}
#articles .page-numbers li .current {display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; color: #fff; font-size: 14px; line-height: 1; height: 30px; width: 50px; color: #fff; background: #223062; border-radius: 5px; font-weight: bold; text-decoration: none;}



@media screen and ( max-width:767px ) {
	#articles {padding: 60px 0 100px;}
	#articles .listItem li {width: 100%; margin: 0 0 20px 0 !important; padding: 0;}

	#articles .page-numbers li {margin-bottom: 10px;}
}