@charset "utf-8";
/*-------- about css --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2 {	 background:url(../img/bg_03_sp.png) no-repeat;}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

section h3{ padding:2% 0 0 3%;}
@media screen and (min-width: 736px) {
	section h3{ padding:1% 0 0  2%;}
}

#news{ padding:5% 0;}
	#news hr{background-color: #fff;	border-top: 2px dashed #D0F3A0;}
	#news nav.pagination{
		display: block;
	}

section h4{
	width:100%;
	height:auto;
	margin:0 auto;
	padding: 0.5% 0 0;
	background:none;
	font:normal  18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:left;
	text-decoration:none;
}
	section h4 a{ color: #467F2B; }

/*single*/
a.news{ color:#3E3939;}


/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	 background:url(../img/bg_03.png);}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

section h3{ padding:0.5% 0 0 1%; margin: 3% auto 0;}

#news{ width:900px; margin:0 auto;}
#news a:hover{
	color:#030;
	-webkit-transition: 0.8s;/*ゆっくりと変わる*/
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

/*お知らせ一覧リンク*/
a.news:hover{
	color:#42912B;
	-webkit-transition: 0.8s;/*ゆっくりと変わる*/
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}
}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {}
