@charset "utf-8";

/*------------------------------------*\
カテゴリー
\*------------------------------------*/

.category_box {
	max-width: 900px;
	margin: auto;
}


/*-- カテゴリーアイコン --*/

.h-contents_body {
	padding: 35px 0px 20px;
}

.c_list_img img {
	width: 100%;
}

.blogList {
	display: flex;
	flex-wrap: wrap;
	/*4記事以上ある場合、折り返しできるように指定*/
	gap: 30px 1.4%;
}

.cat_b {
	gap: 0px 1.4%;
}

@media screen and (max-width:720px) {

	/*-- カテゴリーアイコン --*/
	.v_list li {
		width: 100%;
	}
}

.head_visual {
	padding-top: 76px;
	width: 100%;
	background: #00B900;
	text-align: center;
}

.head_visual_2 {
	padding-top: 0.5em;
	width: 100%;
	background: #1da1f2;
	text-align: center;
}

.head_visual img {
	width: 100%;
	max-width: 700px;
}

.head_visual_2 img {
	width: 100%;
	max-width: 700px;
}

.head_visual_2-news {
	padding-top: 0.5em;
	width: 100%;
	text-align: center;
}

.head_visual_2-news img {
	width: 100%;
	max-width: 700px;
}

/*========= 現在地表示のためのCSS ===============*/