@charset "utf-8";


/*==========================================
 見出しスタイル
===========================================*/
#mainLeft h3 {
	width: 943px;
	padding: 3px 0 6px 37px;
	font-size: 26px;
	font-weight: normal;
	color: #0C102D;
	border-bottom: solid 2px #0C102D;
	background: url(../img/h_icon_01.jpg) 0 0 no-repeat;
}
#mainLeft h4 {
	width: 100%;
	margin: 35px 0 20px;
	padding: 10px 0 9px 5px;
	box-sizing: border-box;
	font-size: 18px;
	font-weight: normal;
	color: #0C102D;
	background: #E6E7EA;
	border-left: solid 10px #0C102D;
}
#mainLeft h5 {
	width: 100%;
	margin: 0 0 10px 5px;
	padding: 8px 0 6px 5px;
	box-sizing: border-box;
	font-size: 16px;
	font-weight: bold;
	color: #0C102D;
	line-height: 1.4;
	border-bottom: solid 1px #0C102D;
}
@media only screen and (max-width: 767px) {
	#mainLeft h3 {
		width: 100%;
		padding: 3px 0 13px 37px;
		font-size: 18px;
		box-sizing: border-box;
	}
	#mainLeft h4 {
		width: 100%;
		margin: 25px 0 20px;
		padding: 10px 0 11px 5px;
		font-size: 16px;
		box-sizing: border-box;
	}
	#mainLeft h5 {
		width: 100%;
		margin: 0;
		padding: 8px 0 6px 5px;
		font-size: 16px;
		box-sizing: border-box;
	}
}

/*==========================================
 P スタイル
===========================================*/
p {
	margin: 0 10px 20px 10px;
	line-height: 1.6;
}
p.text_B {
	margin: 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #0C102D;
}
p.text_rB {
	margin: 20px 10px 0;
	font-size: 18px;
	font-weight: bold;
	color: #0C102D;
}
p.text_S {
	font-size: 12px;
}
@media only screen and (max-width: 767px) {
	p {
		margin: 0 0 20px;
	}
	p.text_B {
		margin: 0 0 5px;
		font-size: 16px;
	}
	p.text_rB {
		margin: 20px 0 0;
		font-size: 16px;
	}
}

/*==========================================
 table スタイル
===========================================*/
#mainLeft table {
	width: 950px;
	margin: 0 10px 5px;
	border: solid 1px #9A9EAB;
}
#mainLeft table tr {
	border-bottom: solid 1px #9A9EAB;
}
#mainLeft table td {
	padding: 13px 5px;
	border-left: solid 1px #9A9EAB;
	text-align: center;
	vertical-align: middle;
	line-height: 1.4;
}
#mainLeft table td.left {
	text-align:left;
	padding: 0 0 0 13px; 
}
#mainLeft table td.relaxTime {
	width: 100px;
}
#mainLeft table td.relax {
	padding: 13px;
	text-align: left;
}
@media only screen and (max-width: 767px) {
	#mainLeft table {
		width: 100%;
		margin: 0 0 5px;
		box-sizing: border-box;
	}

	/* 横スクロール対応 */
	#mainLeft .scrollArea {
		width: 100%;
		margin: 0 0 40px;
		overflow-x: scroll;
	}
	#mainLeft .scrollArea table {
		width: 950px;
	}
}


/*==========================================
 img スタイル
===========================================*/
#mainLeft img {
	margin: 0 0 20px 10px;
}
@media only screen and (max-width: 767px) {
	#mainLeft img {
		max-width: 100%;
		height: auto;
		margin: 0 0 20px 0;
	}
}

/*==========================================
 iframe スタイル
===========================================*/
#mainLeft iframe {
	width: 950px;
	height: 500px;
	margin: 0 0 20px 5px;
	border: solid 1px #E6E7EA;
}
@media only screen and (max-width: 767px) {
	#mainLeft iframe {
		width: 100%;
		height: 500px;
		margin: 0 0 20px 0;
	}
}