.content h2,.content h3{
	font-family: 'Fjalla One', sans-serif;
	text-align: center;
	font-size: 36px;
}
/*section*/
section{
	padding: 10px;
}
.mv{
	padding: 0;
}
section:nth-child(2){
	background-color: #fff;
	margin:100px 0; 
}
section:nth-child(2) p{
	text-align: center;
	font-size: larger;
}
section:nth-child(3){
	background-color: #ebebf1;
}
.new_content,.article_content{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.article{
	padding:20px; 
	font-size: large;
	width: 32%;
}
.article >a *{
	margin-bottom: 5px;
}
.read_more{
	font-size: x-large;
	font-family: 'Fjalla One', sans-serif;
}
.arrow{
	background-color: #000;
	height: 5px; 
	position: relative;
	width: 0;
}
.arrow span{
	width: 0;
	height: 0;
	position: absolute;
	border-style: solid;
	border-width: 0;
	border-color: transparent transparent #000 #000;
	right:0;
	bottom: 0;
}
.article:hover .arrow{
	width: 100%;
}
.article:hover .arrow span{
	border-width: 10px 0px 0px 40px;
}
section:nth-child(4){
	background-color: #f0f0f8;
}
/*Aritcle*/
@media screen and (max-width:768px){
	/*画面幅が768px以下の時*/
	.article{
		width: 100%;
	}
	.article_content .article a{
		display: flex;
	}
	.article_content .article a div:nth-child(1){
		width: 40%;
		margin-right: 10px; 
	}
	.article_content .article a div:nth-child(2){
		width: 60%;
	}
	.read_more{
		font-size: large;
	}
	.slider{
		width: 80%;
		margin:0 auto;  
	}
  	.sp_footer li:nth-child(1) i{
  		border-bottom:solid 3px #fff;
  	}
  	.article .arrow{
		width: 100%;
	}
	.article .arrow span{
		border-width: 10px 0px 0px 40px;
	}
}