@charset "utf-8";



#contents {
	padding-top: 150px;
	overflow: hidden;
	height: 100%;
}




/*mainブロック*/
#main {
	overflow: hidden;
	width: 65% !important;
	margin: 0 auto;
}


/*h2タグ*/
#main h2 {
	margin-bottom: 30px;
	font-size: 38px;
	border-bottom: 1px solid #000;
	padding: 0 20px 10px;
	line-height: 1.2;
}


/*h3タグ*/
#main h3 {
	margin-bottom: 15px;
	padding-left: 7px;
	font-size: 16px;
}
/*h3タグの左のアクセントライン*/
#main h3::first-letter {
	border-left: 3px solid #000;	/*左側の線の幅、線種、色*/
	padding-left: 10px;		/*ラインと文字との間の余白*/
}


/*段落(p)タグ*/
#main p {
	padding: 0 20px 20px;	/*上、左右、下への余白*/
}

}






/*画面幅900px以下の設定
---------------------------------------------------------------------------------*/
@media screen and (max-width:900px){

	#contents {
		padding: 100px 3% 0;	/*上、左右、下へのコンテンツ内の余白*/
	}

	#main {
		width: 95% !important;
		padding-bottom: 20px;
	}

}


/*画面幅480px以下の設定
---------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

	#main {
		width: 98% !important;
	}
}