@charset "utf-8";

@media screen and (max-width: 767px) {
	.description {
		width: 85%;
	margin: 0 auto;
	}
}

.news {
  max-width: 960px;
  margin: 0 auto;
	margin-top: 5rem;
	margin-bottom: 4rem;
}
@media screen and (max-width: 767px) {
	.news {
	  width: 85%;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.news {
	  width: 90%;
	}
}
.news--contents{
	height: 300px;
	overflow: auto;
	padding-right: 20px;
	width: 80%;
	margin: 0 auto;
	line-height: 3.5;
}
@media screen and (max-width: 767px) {
	.news--contents{
	line-height: 1.5;
		height: 370px;
	}
}
.news--contents.deco::-webkit-scrollbar {
    width: 15px;
}
.news--contents.deco::-webkit-scrollbar-track {
  border-radius: 10px;
	background: #f2f2f2;
}
.news--contents.deco::-webkit-scrollbar-thumb {
  border-radius: 10px;
	background:#F29B87;
}
.news--contents ul {
	border-bottom: dashed 1px #727171; 
}
@media screen and (max-width: 767px) {
	.news--contents li:nth-child(n+1) {
		margin-top: 0.75rem;
	}
}
@media screen and (max-width: 767px) {
	.news--contents li:nth-child(n+2) {
		margin-bottom: 0.75rem;
		margin-top: -0.15rem;
	}
}
.news--contents li {
	display: inline-block;
}
.contents--new::after  {
	content: 'new!';
	color: #F29B87;
	margin-left: 1rem;
}
.news--contents li+li {
	margin: 0 4rem;
}
@media screen and (max-width: 767px) {
	.news--contents li+li {
		margin: 0 0rem;
	}
}
@media screen and (min-width: 767px) and (max-width: 1280px) {
	.news--contents li+li {
		margin: 0 0 0 2rem;
	}
}