@charset "utf-8";

/* フォント
------------------------------------- */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+Antique:wght@300&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Pinyon+Script&display=swap'); */

/* リンク
------------------------------------- */
a,
a:hover {
	color: #333;
	text-decoration: none;
}

/* テキスト
------------------------------------- */

/* ヘッダー
------------------------------------- */
header {
	border-bottom: solid 2px #ddd;
}
	header .discription {
		padding: 6px 10px;
		font-size: 0.8em;
		background: #f7f6f6;
	}
	header .logo_area {
		padding: 10px 0;
	}
	header h1.logo {
		padding: 10px 0;
		font-size: 1.8em;
		margin: 0;
		font-family: 'Noto Sans JP', sans-serif;
	}

/* ナビゲーション
------------------------------------- */
nav {
	padding: 6px 10px;
}
	nav ul.nav {
		padding: 0;
		margin: 0;
		display:flex;
		flex-wrap: nowrap;
	}
		nav ul.nav li {
			padding: 8px 10px;
			margin: 0 8px;
			width: 100%;
			text-align :center;
		}

/* メインイメージ（index.php）
------------------------------------- */
.main_img {
	background: #eee;
	padding:0;
	margin:0;
	background: url(./img/sample_img.jpg) no-repeat center center;
	background-size: cover;
	height: 500px;
	position: relative;
}
	.main_img .main_img_text {
		background: rgba(255, 255, 255, 0.6);
		color: #32332f;
		padding: 24px;
		position: absolute;
		top: 25%;
		left: 20%;
		width: 60%;
		font-family: 'Zen Maru Gothic', sans-serif;
		font-weight: bold;
	}
		.main_img .main_img_text span.main {
			font-size:2em;
			color: #24926f;
			display: block;
			padding: 0 0 10px 0;
		}

/* コンテンツ（index.php）
------------------------------------- */
.contents_wrap {
border:solid 1px #333;
}
	.contents_wrap section {
border:solid 1px #333;
		padding: 0 0 20px 0;
	}
		.contents_wrap section h2.index_headline {
			background: #9FD819;
			padding: 20px 10px;
			text-align: center;
			font-size: 1.6em;
			color: #fff;
			font-family: 'Noto Sans JP', sans-serif;
			font-weight: bold;
		}
	.contents_wrap section.news_area {
	}
		.contents_wrap section.news_area dl.news {
			padding: 20px 0;
		}
			.contents_wrap section.news_area dl.news dt {
				padding: 0;
			}
			.contents_wrap section.news_area dl.news dd {
				border-bottom: solid 1px #ddd;
				padding: 4px 0 10px 0;
			}




/* フッター
------------------------------------- */



/* レスポンシブ 
----------------------------------------------- */
/* スマホ非表示 */
@media only screen and (max-width:480px){
}
/* モバイル（xs） iPhone6 Plus 縦 */
@media (max-width: 539px) {
}
/* モバイル（sm） iPhone6 Plus 横 */
@media (min-width: 540px) and (max-width: 719px) {
}
/* モバイル（md）iPad mini 縦 */
@media (min-width: 720px) and (max-width: 959px) {
}
/* タブレット（lg） iPad mini 横 */
@media (min-width: 960px) and (max-width: 1139px) {
}
/* PC（xl） */
@media (min-width: 1140px) {
}

/* 
------------------------------------- */
/* 
------------------------------------- */
