@charset "utf-8";



.hero {
	width: 100%;
	min-width: 320px;
	height: 640px;
	background-image: url(/assets/images/top_bg.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
}
@media(max-width:1280px) { /* 画面幅1280px以下の場合 */
	.hero {
		height: calc( 45vw + 64px + (( 1280px - 100vw ) * 0.05 ));
		background-size: 150%;

	}
}
@media(max-width:320px) { /* 画面幅320px以下の場合 */
	.hero {
		height: 256px;
		background-size: 480px 160px;
	}
}

.hero .title {
	padding: 40px 50px;
}
@media(max-width:768px) { /* 画面幅768px以下の場合 */
	.hero .title {
		padding: 5vw 6vw;
	}
}
@media(max-width:480px) { /* 画面幅480px以下の場合 */
	.hero .title {
	}
}
@media(max-width:320px) { /* 画面幅320px以下の場合 */
	.hero .title {
	}
}

.hero .title img {
	display: inline-block;
	line-height: 1.0em;
	width: 580px;
	max-width: 100%;
}



.news_item {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	justify-content: flex-start;
	align-items: flex-start;
	align-content: flex-start;
	padding-bottom: 1.5em;
}
@media(max-width:640px) { /* 画面幅640px以下の場合 */
	.news_item {
		display: block;
		padding-bottom: 2em;
	}
}

.news_item .date {
	width: 8em;
	font-size: 16px;
	line-height: 1.4em;
	white-space: nowrap;
}
@media(max-width:640px) { /* 画面幅640px以下の場合 */
	.news_item .date {
		width: 100%;
	}
}

.news_item .text {
	width: calc( 100% - 8em );
	font-size: 16px;
	line-height: 1.4em;
}
@media(max-width:640px) { /* 画面幅640px以下の場合 */
	.news_item .text {
		width: 100%;
		padding: 0.5em 0 0 1.5em;
	}
}



.about_text {

}



.about_text p {
	font-size: 16px;
	line-height: 2.0em;
	text-indent: 1.0em;
}