@charset "utf-8";

/* news
-----------------------------------------------------------------*/

#Main{
	padding-bottom: 80px;
}

/* #Sec01
-----------------------------------------------------------------*/
.news #Sec01{
	margin-top: 20px;
	padding: 0 115px;
}
.news #Sec01 .inner{
	max-width: 760px;
	margin: 0 auto;
}
.news #Sec01 .top_box{
	border-bottom: solid 1px #707070;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-bottom: 15px;
}
.news #Sec01 .top_box .data{
	color: #00895B;
}
.news #Sec01 .top_box .cat a{
	color: #00895B;
	border: solid 2px #00895B;
	padding: 3px 35px;
	font-size: 1.2rem;
	font-weight: 500;
	display: inline-block;
}
.news #Sec01 h2.ttl{
	font-size: 2rem;
	font-weight: 500;
	margin-top: 30px;
}
.news #Sec01 .article p{
	margin: 30px 0;
}
.news #Sec01 .article img{
	max-width: 100%;
	height: auto;
}
.news #Sec01 .page_arrow{
	border-top: solid 1px #707070;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding-top: 15px;
	margin-top: 60px;
}
.news #Sec01 .page_arrow a{
	color: #00895B;
}

.news #Sec01 .back_list{
	max-width: 380px;
	margin: 20px auto 0;
}
.news #Sec01 .back_list a{
	display: block;
	border: solid 3px #00895B;
	color: #00895B;
	font-weight: 500;
	font-size: 2.4rem;
	text-align: center;
	padding: 10px 0;
	border-radius: 10px;
}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */

/* #Sec01
-----------------------------------------------------------------*/
.news #Sec01{
	margin-top: 0;
	padding: 0 20px;
}
.news #Sec01 .article p{
	margin: 20px 0;
}
.news #Sec01 .page_arrow{
	margin-top: 50px;
}

/* 768pxまでの幅の場合に適応される */
}