@charset "UTF-8";

/* vh size
--------------------------------------------------------- */
.vh10 { height: 10vh; }
.vh20 { height: 20vh; }
.vh30 { height: 30vh; }
.vh40 { height: 40vh; }
.vh50 { height: 50vh; }
.vh60 { height: 60vh; }
.vh70 { height: 70vh; }
.vh80 { height: 80vh; }
.vh90 { height: 90vh; }
.vh100 { height: 100vh; }

.page_contents .main_contents h2 {
	font-size: 1.6em;
	padding-bottom: 16px;
}


/* title color
--------------------------------------------------------- */
.title_red { border-color: #ed0345 !important; }
.title_orange { border-color: #ef6a32 !important; }
.title_yellow { border-color: #fbbf45 !important; }
.title_lime { border-color: #aad962 !important; }
.title_green { border-color: #03c383 !important; }

/* #post_contents
--------------------------------------------------------- */

#post_contents h2 {
	padding: 4px 0 16px 0;
	margin: 0 0 0 0;
	font-size: 1.6em;
	line-height: 1.6em;
	font-weight: bold;
	text-align: center;
}
#post_contents h2 {
	position: relative;
	background: none;
	color: #ef6a32;
}
	#post_contents h2:before {
		content: "";
		display: inline-block;
		padding: 8px;
		background: #fff;
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin: auto;
		z-index: -1;
		height: 2em;
		width: 60%;
	}
	#post_contents h2:after {
		content: "";
		display: inline-block;
		padding: 0;
		border-top: 1px solid #ef6a32;
		position: absolute;
		left: 0;
		top: 35%;
		width: 100%;
		z-index: -2;
	}

.post_contents_red h2 {
	border-color: #ed0345 !important;
	color: #ed0345 !important;
}
.post_contents_red h2:after {
	border-top: 1px solid #ed0345 !important;
}
.post_contents_orange h2 {
	border-color: #ef6a32 !important;
	color: #ef6a32 !important;
}
.post_contents_orange h2:after {
	border-top: 1px solid #ef6a32 !important;
}
.post_contents_yellow h2 {
	border-color: #fbbf45 !important;
	color: #fbbf45 !important;
}
.post_contents_yellow h2:after {
	border-top: 1px solid #fbbf45 !important;
}
.post_contents_lime h2 {
	border-color: #aad962 !important;
	color: #aad962 !important;
}
.post_contents_lime h2:after {
	border-top: 1px solid #aad962 !important;
}
.post_contents_green h2 {
	border-color: #03c383 !important;
	color: #03c383 !important;
}
.post_contents_green h2:after {
	border-top: 1px solid #03c383 !important;
}

/*
#post_contents h2 {
	background: none;
	position: relative;
	display: inline-block;
	padding: 0 2.5em;
	text-align: center;
}
#post_contents h2:before,
#post_contents h2:after {
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 15%;
	height: 1px;
	background-color: #EF6A32;
}
#post_contents h2:before {left:0;}
#post_contents h2:after {right: 0;}
 */

#post_contents h3 {
	border-left: 12px solid #EF6A32;
	padding: 4px 0 0 16px;
	margin: 0 0 16px 0;
	font-size: 1.4em;
	line-height: 1.4em;
	font-weight: bold;
}
#post_contents h4 {
	background: #F3F3F3;
	padding: 16px 32px;
	margin: 0 0 24px 0;
	font-size: 1.2em;
}

/*
.post_contents_red h2 { color: #ed0345 !important; }
.post_contents_orange h2 { color: #ef6a32 !important; }
.post_contents_yellow h2 { color: #fbbf45 !important; }
.post_contents_lime h2 { color: #aad962 !important; }
.post_contents_green h2 { color: #03c383 !important; }
 */
.post_contents_red h3 { border-color: #ed0345 !important; }
.post_contents_orange h3 { border-color: #ef6a32 !important; }
.post_contents_yellow h3 { border-color: #fbbf45 !important; }
.post_contents_lime h3 { border-color: #aad962 !important; }
.post_contents_green h3 { border-color: #03c383 !important; }




/* title
--------------------------------------------------------- */
.title {
	font-size: 1.6em;
	text-align: center;
	margin: 64px auto 64px auto;
	width: 90%;
	padding-bottom: 32px;
	border-bottom: 8px solid #ef6a32;
}
	.title img {
		margin-right: 12px;
		vertical-align: baseline;
		width: 24px;
		height: 24px;
	}

/* title2
--------------------------------------------------------- */
.title2 {
	border-left: 8px solid #EF6A32;
	padding: 4px 0 0 12px;
	margin: 0 0 16px 0;
	font-size: 1.3em;
	line-height: 1.3em;
	font-weight: bold;
}


/* sub title
--------------------------------------------------------- */
 .sub_title {
	background: #F3F3F3;
	padding: 16px 32px;
	margin: 0 0 24px 0;
	font-size: 1em;
}


/* レスポンシブ
----------------------------------------------- */
/* モバイル（xs） iPhone6 Plus 縦 */
@media (max-width: 479px) {
	.title {
		font-size: 1.4em;
		margin: 0 auto 32px auto;
		padding-top: 32px;
		padding-bottom: 24px;
	}
	#post_contents h2 {
		font-size: 1.4em;
	}
	#post_contents h2:before,
	#post_contents h2:after {
		display: none;
	}
}
/* モバイル（sm） iPhone6 Plus 横 */
@media (min-width: 480px) and (max-width: 767px) {
	.title {
		font-size: 1.4em;
		margin: 0 auto 32px auto;
		padding-top: 32px;
		padding-bottom: 24px;
	}
	#post_contents h2 {
		font-size: 1.4em;
	}
	#post_contents h2:before,
	#post_contents h2:after {
		display: none;
	}
}
/* モバイル（md）iPad mini 縦 */
@media (min-width: 768px) and (max-width: 991px) {
	.title {
		font-size: 1.4em;
		margin: 0 auto 32px auto;
		padding-top: 32px;
		padding-bottom: 24px;
	}
	#post_contents h2:before {
		width: 75%;
	}
}
/* タブレット（lg） iPad mini 横 */
@media (min-width: 992px) and (max-width: 1199px) {
}
/* PC（xl） */
@media (min-width: 1200px) {
}