@charset "UTF-8";

#plusc_blog {
 padding: 2.25rem 0 2rem 0;
}
@media (min-width:768px) {
 #plusc_blog {
  padding: 3rem 0 2.5rem 0;
 }
}
@media (min-width:768px) {
 #plusc_blog {
  padding: 4.25rem 0 4.25rem 0;
 }
}

#plusc_blog h1 {
 text-align: center;
	color: #00b09d;
	font-size: 18px;
	line-height: 1.2;
	margin-bottom: 0.25em;
}
#plusc_blog h2 {
	text-align: center;
	font-weight: bold;
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 2rem;
}
@media (min-width:768px) {
 #plusc_blog h1 {
 	font-size: 22px;
 	line-height: 1.2;
 	margin-bottom: 0.25em;
 }
 #plusc_blog h2 {
 	font-size: 36px;
 	line-height: 1.2;
 }
}

#plusc_blog_banner {
 position: relative;
 overflow: hidden;
	margin-bottom: 2rem;
}
#plusc_blog_banner .group {
 display: -ms-flexbox !important;
 display: flex !important;
 position: relative;
}
#plusc_blog_banner .group > .item {
 display: block;
 -ms-flex: 0 0 100%;
 flex: 0 0 100%;
 background-color: #DDD;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 position: relative;
}
#plusc_blog_banner .group > .item:nth-child(2n) {
 background-color: #EEE;
}
#plusc_blog_banner .group > .item > .item-title {
 display: block;
 background-color: rgba(0,0,0,0.8);
 font-size: 16px;
 line-height: 1.2;
 color: #FFF;
 width: 100%;
 padding: 0.75rem 1rem;
 position: absolute;
 left: 0;
 bottom: 0;
 z-index: 2;
}
@media (min-width:768px) {
 #plusc_blog_banner .group > .item > .item-title {
  font-size: 20px;
  padding: 1.5rem 1.5rem;
 }
}

#plusc_blog_banner .arw-l, #plusc_blog_banner .arw-r {
 display: block;
 width: 30px;
 height: 30px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
 position: absolute;
 /* top: calc(50% - 15px); */
 z-index: 1;
 cursor: pointer;
 transition: background-color 0.15s ease-in-out;
}
#plusc_blog_banner .arw-l {
 background-image: url('../images/arw01l.png');
 left: 0;
}
#plusc_blog_banner .arw-l:hover {
 background-color: #FFF;
}
#plusc_blog_banner .arw-r {
 background-image: url('../images/arw01r.png');
 right: 0;
}
#plusc_blog_banner .arw-r:hover {
 background-color: #FFF;
}
#plusc_blog_banner .pnt-group {
 font-size: 0;
 line-height: 0;
 text-align: center;
 margin-top: 30px;
}
#plusc_blog_banner .pnt-group .pnt {
 display: inline-block;
 width: 10px;
 height: 10px;
 background-color: #b2e7e1;
 border-radius: 5px;
 margin: 0 4px;
 cursor: pointer;
}
#plusc_blog_banner .pnt-group .pnt.act {
 background-color: #00b09d;
}

@media (min-width:992px) {
	#plusc_blog_banner {
		margin-bottom: 0;
	}
 #plusc_blog_banner .pnt-group {
  margin-top: 35px;
 }
}



#plusc_blog_list .item {
 display: -ms-flexbox !important;
 display: flex !important;
 -ms-flex-wrap: wrap !important;
 flex-wrap: wrap !important;
 color: inherit;
 text-decoration: none;
 margin-bottom: 1.5rem;
}
#plusc_blog_list .item h5 {
 display: block;
 font-size: 16px;
 line-height: 1.3;
 font-weight: bold;
 position: relative;
 padding-left: 10px;
 -ms-flex: 0 0 100%;
 flex: 0 0 100%;
 margin-bottom: 0.75rem;
}
#plusc_blog_list .item h5::before {
 display: block;
 content: '';
 width: 5px;
 height: 94%;
 background-color: #00b09d;
 position: absolute;
 top: 0;
 left: 0;
}
#plusc_blog_list .item .item-img {
 display: block;
 width: 100px;
 height: 100px;
 -ms-flex: 0 0 100px;
 flex: 0 0 100px;
 background-repeat: no-repeat;
 background-position: center;
 background-size: cover;
}
#plusc_blog_list .item p {
 display: block;
 font-size: 15px;
 line-height: 1.4;
 padding-left: 10px;
 margin-top: -0.14em;
 margin-bottom: 0;
 -ms-flex: 1 1 calc(100% - 100px);
 flex: 0 1 calc(100% - 100px);
}
#plusc_blog_list .item p > span.link {
 color: #00b09d !important;
}
#plusc_blog_list .item:hover p > span.link {
 text-decoration: underline !important;
}

/* @media (min-width:992px) and (max-width:1199.98px) {
 #plusc_blog_list [class*="col-"]:nth-child(3), #plusc_blog_list [class*="col-"]:nth-child(4) {
  display: none !important;
 }
} */