@charset "utf-8";
/* news.css */

#news {
	padding: 115px 0 0;
}

@media screen and (max-width:1000px) {
#news {
	padding: 75px 0 0;
}	
}


.page_ttl {
	padding: 70px 0;
}

@media screen and (max-width:1000px) {
.page_ttl {
	padding: 50px 0 40px;
}	 
}

.page_ttl h2 {
	font-size: 40px;
	text-align: center;
	color: #9B9B9B;
	margin: 0 0 15px;
}

@media screen and (max-width:1000px) {
.page_ttl h2 {
	font-size: 24px;
	margin: 0 0 10px;
}	
}

@media screen and (max-width:500px) {
.page_ttl h2 {
	font-size: 21px;
	margin: 0 0 10px;
}	
}


.page_ttl h2 span {
	font-size: 20px;

}

@media screen and (max-width:1000px) {
.page_ttl h2 span {
	font-size: 13px;	
}	
}

@media screen and (max-width:500px) {
.page_ttl h2 span {
	font-size: 11px;	
}	
}


.page_ttl p {
	display: flex;
	justify-content: space-between;
	width: 62px;
	margin: 0 auto;
}

@media screen and (max-width:768px) {
.page_ttl p {
	width: 50px;
	margin: 0 auto 20px;
}	
}

.page_ttl p span {
	width: 12px;
	height: 12px;
	border-radius: 50%;
}

@media screen and (max-width:768px) {
.page_ttl p span {
	width: 9px;
	height: 9px;
}	
}

.page_ttl p span:first-child {
	background-color: #F6B83A;
}

.page_ttl p span:nth-child(2) {
	background-color: #81AF2D;
}

.page_ttl p span:nth-child(3) {
	background-color: #DD606D;
}

#news_container {
	width: 95%;
	margin: 0 auto 60px;
}


#news_container #news_list {
	width: 100%;
	max-width: 1400px;
	margin: 0 auto 30px;
}

#news_container #news_list li {
	width: 100%;
	margin: 0 0 20px;
}

#news_container #news_list li a {
	display: inline-block;
	width: 100%;
	padding: 40px;
	border-radius: 30px;
	background-color: #F9F9F9;
	color: #999999;
}

@media screen and (max-width:1000px) {
#news_container #news_list li a {
	padding: 17px 25px;
	border-radius: 15px;
}	
}

#news_container #news_list li a span {
	color: #896018;
	margin: 0 40px 0 0; 
}

@media screen and (max-width:1000px) {
#news_container #news_list li a span {
	display: block;
}	
}

#pagination  {
    display: flex;
    align-items: center;
	justify-content: center;
}

.pagination button.active, .pagination button.active:hover {
    background-color: #E67780 !important;
    color: #fff !important;
}

.pagination button {
    padding: 10px 10px 8px;
	margin: 0 5px;
    cursor: pointer;
	background-color: #C6C6C6;
	border-radius: 10px;
	line-height: 1;
	color: #FFF;
}


#news_box {
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 100px 0 50px;
}

@media screen and (max-width:1000px) {
#news_box {
	padding: 40px 0;
}	
}

#news_box h2 {
	color: #999999;
	font-size: 30px;
	padding: 15px 0 18px;
	background-image: radial-gradient(circle, #707070 2px, transparent 2px);
  background-position: left bottom;
  background-repeat: repeat-x;
  background-size: 16px 4px;
}

@media screen and (max-width:1000px) {
#news_box h2 {
	font-size: 18px;
}
	
}

#news_date {
	color: #896018;
}

#news_text_box {
	padding: 25px 0;
	
}

#news_text_box p {
	color: #8E8E8E;
    line-height: 1.9;
    margin: 0 0 25px;
	font-size: 16px;
}

#news_text_box img {
	display: block;
	width: 100%;
	max-width: 560px;
	margin: 40px auto 40px;
	border-radius: 20px;
	overflow: hidden;
}

#ichiran_back {
	display: block;
	background-color: #C6C6C6;
	border-radius: 30px;
	width: 240px;
	padding: 15px 0;
	margin: 0 auto;
	text-align: center;
	color: #FFF;
}

#news_text_box a {
	display: inline-block;
	width: 100%;
	color: #E67780;
    text-decoration: underline;
}