@charset "utf-8";
/*-------------------インポート-------------------*/
@import url("./second.css");
/*-----------------------------------------------*/
.news_rapper{
	max-width: 800px;
	margin: 50px auto 100px;
}
.newsTitle{
	font-size: 2.2rem;
	font-weight: 700;
	letter-spacing: 0.075em;
	margin-bottom: 25px;
}
.newsBox{
	display: flex;
	flex-wrap:wrap;
	font-size: 1.5rem;
	letter-spacing: 0.05em;
	margin-bottom: 12px;
}
.newsBox .leftbox{width: 15%;}
.newsBox .rightbox{width: 85%;}
/*----------------------------------------------------------------------------------
PCのみ
----------------------------------------------------------------------------------*/
@media screen and (min-width:1001px){
	.newsBox a:hover{opacity: .7;}
}
/*----------------------------------------------------------------------------------
タブレット・SP
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px){
	.news_rapper{width: 90%;}
}
/*----------------------------------------------------------------------------------
タブレット
----------------------------------------------------------------------------------*/
@media screen and (max-width:1000px) and (min-width:641px){
}
/*----------------------------------------------------------------------------------
SP
----------------------------------------------------------------------------------*/
@media screen and (max-width: 640px){
	.news_rapper{
		margin: 6vw auto 10vw;
	}
	.newsTitle{
		font-size: 1.6rem;
		margin-bottom: 3vw;
	}
	.newsBox{
		font-size: 1rem;
		letter-spacing: 0.025em;
		margin-bottom: .85em;
	}
	.newsBox .leftbox{width: 20%;}
	.newsBox .rightbox{width: 80%;}

}