@charset 'utf-8';

/*====================
{{スマホを基本設計にする}}
 - 〜479px：SP縦
 - 480px〜599px：SP横
 - 600px〜959px：タブレット
 - 960px〜1279px：小型PC
 - 1280px〜：大型PC
====================*/

.news_wrap {
	width: 90%;
	max-width: 750px;
	margin: auto;
}

h2 {
	margin-top: 10rem;
	margin-bottom: 4rem;
	font-size: 2.8rem;
	text-align: center;
}

.news_box {
	margin-bottom: 5rem;
}

.news_date {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2rem
}

.news_date p span {
	padding: .1rem 2em;
	margin-right: .5em;
	font-size: 1.4rem;
	color: #fff;
	background-color: #118B45;
}

.news_date p {
	font-size: 1.5rem;
}

.news_date img {
	width: 20px;
	vertical-align: top;
}

.news_title {
	padding-bottom: 1.5rem;
	border-bottom: 1px solid #999;
	margin-bottom: 1.5rem;
	font-size: 2rem;
}

.news_img a:hover {
	opacity: .7;
}

.article {
	font-size: 1.5rem;
	margin-bottom: 1rem;
}

.news_title a,
.article a {
	color: #118B45;
	text-decoration: underline;
}

.news_box video {
	width: 100%;
}

.instagram-media {
	width: 30% !important;
	margin-bottom: 30px !important;
}

@media screen and (min-width:600px) {
	h2 {
		margin-top: 13rem;
		margin-bottom: 8rem;
		font-size: 3.6rem;
	}

	.news_box {
		margin-bottom: 10rem;
	}

	.news_date {
		margin-bottom: 3rem;
	}

	.news_title {
		padding-bottom: 3rem;
		margin-bottom: 3rem;
		font-size: 2.5rem;
	}

	.article {
		margin-bottom: 3rem;
	}

	.news_box video {
		width: 75%;
	}

}