@charset "utf-8";
/*##########################################################*/
/*  Page For Common Use Style  															*/
/*    Ver:1.00/001           																*/
/*    Date:2018/02/28        																*/
/*##########################################################*/
/*###################### Main PC sec #######################*/
/*################### 配下ページ共通 ###################*/
/* メインコンテンツ上下マージン */
#main #main-content {
	margin-top: 40px;
	margin-bottom: 80px;
}

/* h2セクションタイトル */
#main-content .cp-sec02 .h2-title {
	text-align: center;
}
#main-content .cp-sec02 .h2-title h2 {
	position: relative;
	margin-top: 30px;
	font-size: 40px;
	color: #1f67ab;
}
#main-content .cp-sec02 .h2-title h2:after {
	position: absolute;
	content: '';
	width: 40px;
	height: 3px;
	left: 50%;
	margin: 30px 0 0 -20px;
	display: block;
	background: #1f67ab;
}

/* h2セクションコンテンツ域 */
#main-content .cp-sec02 .h2-content {
	margin-top:80px;
}

/* h3セクション上マージン */
#main-content .cp-sec03 {
	margin-top: 40px;
}
#main-content .cp-sec03:first-child {
	margin-top: 0;
}
/* h3セクションタイトル */
#main-content .cp-sec03 h3 {
	font-size:30px;
	color: #1f67ab;
}
/* h3セクションコンテンツ域 */
#main-content .cp-sec03 .h3-content {
	margin-top:40px;
}

/* h4セクション上マージン */
#main-content .cp-sec04 {
	margin-top: 60px;
}
#main-content  .cp-sec03 .cp-sec04 {
	margin-top: 0;
}
/* h4セクションタイトル */
#main-content #top-content h4,
#main-content .cp-sec04 h4 {
	position: relative;
	font-size: 24px;
	color: #1f67ab;
	padding-left: 20px;
	line-height: 1.2;
	vertical-align: middle;
}
#main-content #top-content h4:before,
#main-content .cp-sec04 h4:before {
	position: absolute;
	top:50%;
	left: 0;
	content: url(../img/com00-ic31.png);
	display: block;
	height: 42px;
	transform: translateY(-50%);
}
/* h4セクションコンテンツ域 */
#main-content #top-content .h4-content,
#main-content .cp-sec04 .h4-content {
	margin-top:30px;
}

/*###################### Small PC sec #######################*/
@media (max-width:1020px){
	/* メインイメージ */

}

/*###################### Tablet sec #######################*/
@media (max-width:768px) {
	/* メインイメージ */
	
}

/*###################### S-Phone sec #######################*/
@media (max-width : 480px){
	/* h2セクションタイトル */
	#main-content .cp-sec02 .h2-title h2 {
		font-size:30px;
	}
	#main-content .cp-sec03 h3 {
		font-size:24px;
	}
	#main-content #top-content h4,
	#main-content .cp-sec04 h4 {
		font-size:20px;
	}
}
