@charset "utf-8";
/* CSS Document */


.news_main{
	width:73%;
	float: left;
}

/* サイドバー */

aside{
	float: left;
	width:22.5%;
	margin-left: 4.5%;
}


aside section{
	margin-bottom: 54px;
}


aside section h4{
	background: #a90505;
	width: 100%;
	color:#fff;
	font-size: 1.5rem;
	height: 40px;
	line-height: 40px;
	padding-left: 25px;
	border:#eeeeee 1px solid;
}

aside section ul li{
	padding: 14px 0;
	padding-left: 25px;
	padding-right: 15px;
	border:#eeeeee 1px solid;
}

aside section ul li a{
	font-size: 1.4rem;
	color:#444;
}

aside section ul li a:after{
	content:url(../img/news/side_arrow.png);
	display: inline-block;
	margin-left: 10px;
}

aside section ul li a:hover{
	text-decoration: underline;
}

/* メインエリア */

.news_main{
	padding-top: 38px;
}

.news_main .date{
	margin-bottom: 15px;
	font-size: 1.4rem;
}

.news_main article h4{
	font-size: 1.8rem;
	margin-bottom: 16px;
}

.news_main article p:not(.date){
	margin-bottom: 24px;
	font-size: 1.4rem;
}

.news_main article ul{
	margin-bottom: 24px;
}

.news_main article ul li{
	float: left;
	width:30.6%;
	margin-left:3.9%;
}

.news_main article ul li:first-of-type{
	margin-left: 0;
}


@media screen and (max-width: 1200px) {
	.news_main{
		width:100%;
		float: none;
	}
	aside {
    float: none;
    width: 100%;
    margin-left: 0;
	margin-top: 40px;
	}
	.under_content{
	padding:30px 3% 60px;
	}
	
	.news_main article ul li img{
		width:100%;
		max-width:270px;
	}
	
}


@media screen and (max-width: 600px) {
	aside section{
		margin-bottom: 40px;
	}
	.news_main{
		padding-top: 20px;
	}
	.under_content h3{
	margin-bottom: 0;
}

}