@charset "UTF-8";
/* CSS Document */

#contents header:nth-of-type(1) h3:nth-of-type(1) { margin-top:24px; }


/* contents
------------------------------------------------------------------------------------*/
@media(min-width:768px) {
	#contents { width:100%; padding:46px 0px 0px;}
	
	#contents header:nth-of-type(1) {
		width:1008px;
		margin:0px auto;
		padding:0px 16px;
	}
			
	#contents h3.readText {
		background:url(../img/readTextBack.gif) repeat;
		background-size:6px;
		color:#0f295d;
		font-size:22px;
		font-size:2.2rem;
		line-height:30px;
		line-height:3rem;
		font-weight:bold;
		text-align:center;
		text-shadow:0 2px 0 #ffffff , 2px 0 0 #ffffff , 0 -2px 0 #ffffff , -2px 0 0 #ffffff , -2px -2px 0 #ffffff , 2px -2px 0 #ffffff , -2px 2px 0 #ffffff , 2px 2px 0 #ffffff;
		margin-bottom:72px;
		padding:28px 0px;
	}
	#contents h3.readText:nth-of-type(1) { margin-top:56px; }
	
	/* sectionBOX
	---------------------------*/
	.sectionBOX {
		width: 908px;
		margin: 0px auto 96px;
	}
	
	.sectionBOX p {
		line-height:26px;
		line-height:2.6rem;
		margin: calc(( 14px - 26px ) / 2 )  0px;
	}
	.sectionBOX p + p { margin-top: calc( 32px + (( 14px - 26px ) / 2) ); }	
	
	.sectionBOX .textR { text-align: right; }
}

/* スマホ */
@media(max-width:767px) {
	#contents { width:100%; padding: 24px 0px 0px;}
	
	#contents header:nth-of-type(1) {
		padding:0px 8px;
	}
		
	#contents h3.readText {
		background:url(../img/readTextBack.gif) repeat;
		background-size:6px;
		color:#0f295d;
		font-size:14px;
		font-size:1.4rem;
		line-height:20px;
		line-height:2rem;
		font-weight:bold;
		text-align:center;
		text-shadow:0 2px 0 #ffffff , 2px 0 0 #ffffff , 0 -2px 0 #ffffff , -2px 0 0 #ffffff , -2px -2px 0 #ffffff , 2px -2px 0 #ffffff , -2px 2px 0 #ffffff , 2px 2px 0 #ffffff;
		margin-bottom:24px;
		padding:13px 8px;
	}
	#contents h3.readText:nth-of-type(1) { margin-top:0px; }
	
	/* sectionBOX
	---------------------------*/
	.sectionBOX { margin-bottom:40px; }
		
	 .sectionBOX p {
		line-height:22px;
		line-height:2.2rerm;
		margin: calc(( 14px - 22px ) / 2 )  0px;
		padding:0px 8px;
	}
	 .sectionBOX p + p { margin-top: calc( 32px + (( 14px - 22px ) / 2) ); }	
	
	.sectionBOX .textR { text-align: right; }
}