@charset "utf-8";
/*-------- 全下層ページのレイアウトcss --------*/

/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {	max-width: 100%;}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {width:100%;}

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

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

#mainImg2{	
	width:100%;
	padding:15% 0;	
	margin:3% 0;
	background-size: cover;
}

#mainImg2 h2{width:95%;	margin:0 auto; text-align:center;}
@media print, screen and (min-width: 736px) {
	#mainImg2 { padding:10% 0;}
}

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

main{ display:block; width:90%; margin:0 auto; }

section{ padding:8% 0 5%;}

section h3{
	width:220px;
	height:52px;
	margin:0 auto;
	background:url(../img/h3_01.png) no-repeat;
	font:normal  18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#211713;
	text-align:center;
	padding:2% 0 0;
}

section h3.long{
	width:250px;
	height:52px;
	margin:0 auto;
	background:url(../img/h3_01.png) no-repeat;
	font:normal  18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#211713;
	text-align:center;
	padding:2% 0 0;
}

section h4{
	height:50px;
	margin:0 auto;
	padding:0.5% 0 0 45px;
	background:url(../img/h4_01.png) no-repeat top left;
	font:normal  18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#663300;
}


section h5{
	display:inline-block;
	font:normal  18px "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#467F2B;
	border-bottom: solid 3px #D0F3A0;
	padding:5% 0 0;
	margin:0;
}

section ul{ padding:0; margin:0;}
section li{ list-style:none;}


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

@media print, screen and (min-width: 768px) {
	
/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	
	padding:5% 0;	
	margin:1% 0;
	max-width:1920px;
}

#mainImg2 h2{	width:445px;}

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

main{ width:1000px; margin:0 auto;}

section{ padding:3% 0; clear:both;}
	section.topSpace{ padding:6% 0 0;}

section h3{	padding:0.5% 0 0;}
section h3.long{	padding:0.5% 0 0;}

section h5{ padding:0; display:inline-block; float:left;}
}


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

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