@charset "UTF-8";

.green {
	color: #6A8767;
}

/*--------------------------------------------------------------
.bg-fixed
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	.bg-fixed {
		background: url("../img/mainimage_news.jpg");
		background-size: cover;
		background-position: center top;
		background-repeat: no-repeat;
	}
	.scrolldown2{
		display: none;
	}
}

/* Small than tablet */
@media (min-width: 768px) {

}

/* Larger than tablet */
@media (min-width: 992px) {
	.scrolldown2{
		display: inherit;
	}
}



/*--------------------------------------------------------------
#news-list-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#news-list-area {
		margin: 0;
		padding: 5vw 10% 30vw 10%;
		background: url("../img/bg_wall.png");
		-webkit-background-size: 385px 288px;
		background-size: 385px 288px;
	}

	#news-list-area ul {
		margin: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	
	#news-list-area ul li {
		margin: 0;
		padding: 0;
		width: 100%;
		list-style-type: none;
	}
	
	#news-list-area ul li dl {
		margin: 0 0 40px 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: flex-start;
		flex-wrap: wrap;
		border-bottom: 1px solid #CECECE;
	}
	
	#news-list-area ul li dt {
		margin: 0 0 10px 0;
		padding: 0;
		width: 100%;
	}

	#news-list-area ul li dd {
		margin: 0;
		padding: 0;
		font-size: 16px;
		font-weight: 700;
		flex-grow: 1;
		min-width: 0;
	}
	
	#news-list-area ul li:last-child {
		margin: 0;
		padding: 20px 0 0 0;
		width: 100%;
		font-size: 16px;
		line-height: 1.3;
		font-weight: 700;
		color: #6A8767;
	}
	
	#news-list-area ul li:last-child i {
		margin: 0 15px 0 0;
		vertical-align: -5px;
	}
	
	#news-list-area ul li:last-child img {
		width: 25px;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {

}


/* Larger than tablet */
@media (min-width: 992px) {

	#news-list-area {
		margin: 0;
		padding: 5vw 0 30vw 0;
		background: url("../img/bg_wall.png");
		-webkit-background-size: 385px 288px;
		background-size: 385px 288px;
	}

	#news-list-area ul {
		margin: 0 auto;
		display: -webkit-flex;
		-webkit-justify-content: center;
		justify-content: center;
		flex-wrap: wrap;
		width: 61vw;
	}

	#news-list-area ul li {
		margin: 0 1%;
		padding: 0;
		width: 48%;
	}

	#news-list-area ul li dl {
		margin: 0 0 4vw 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: flex-start;
		border-bottom: 1px solid #CECECE;
	}

	#news-list-area ul li dt {
		margin: 0;
		padding: 0 1.562vw 0 0;
		font-size: 1.1vw;
		width: 10vw;
		flex-shrink: 0;
	}

	#news-list-area ul li dd {
		margin: 0;
		padding: 0;
		font-size: 1.6vw;
		font-weight: 700;
		flex-grow: 1;
		min-width: 0;
	}

	#news-list-area ul li:last-child {
		margin: 0;
		padding: 1.042vw 0 0 0;
		width: 100%;
		text-align: center;
		font-size: 0.938vw;
		font-weight: 700;
		color: #6A8767;
	}

	#news-list-area ul li:last-child i {
		margin: 0 0.781vw 0 0;
		vertical-align: -0.26vw;
	}

	#news-list-area ul li:last-child img {
		width: 1.302vw;
	}
}

/*--------------------------------------------------------------
#news-detail-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#news-detail-area {
		margin: 0;
		padding: 5vw 10% 30vw 10%;
		background: url("../img/bg_wall.png");
		-webkit-background-size: 385px 288px;
		background-size: 385px 288px;
	}

	#news-detail-area h2 {
		margin: 0 0 20px 0;
		padding: 0;
		text-align: center;
		font-size: 25px;
		font-weight: 900;
		line-height: 1;
	}

	#news-detail-area h2 span {
		font-size: 16px;
		margin-top: 10px;
		display: block;
	}
}

/* Small than tablet */
@media (min-width: 768px) {

}


/* Larger than tablet */
@media (min-width: 992px) {

	#news-detail-area {
		margin: 0;
		padding: 5vw 0 30vw 0;
		background: url("../img/bg_wall.png");
		-webkit-background-size: 385px 288px;
		background-size: 385px 288px;
	}

	#news-detail-area .post-content {
		padding: 0 10% 0 10%;
		text-align: center;
	}

	#news-detail-area h2 {
		margin: 0 0 1.56vw 0;
		padding: 0;
		text-align: center;
		font-size: 3.125vw;
		font-weight: 900;
		line-height: 1;
	}

	#news-detail-area h2 span {
		font-size: 1.042vw;
		margin-top: 0.781;
		display: block;
	}
}