@charset "UTF-8";

.articleDetaiBlock h1 {
	margin: 0 0 16px;
	padding: 8px;
	font-size: 2rem;
	background: #07a33e;
	color: #fff;
}
.articleDetaiBlock h2 {
	margin: 0 0 16px;
	padding: 0 0 8px;
	position: relative;
	font-size: 1.8rem;
}
.articleDetaiBlock h2::after {
	width: 100%;
	height: 4px;
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	background: -webkit-repeating-linear-gradient(-45deg, rgba(255,255,255,0) 25%, #8ec31f 25%, #8ec31f 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, #8ec31f 75%, #8ec31f);
	background: linear-gradient(-45deg, rgba(255,255,255,0) 25%, #8ec31f 25%, #8ec31f 50%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 75%, #8ec31f 75%, #8ec31f);
	background-size: 4px 4px;
}
.articleDetaiBlock h3 {
	margin: 0 0 16px;
	padding:4px 0 4px 8px;
	font-size: 1.8rem;
	font-weight:bold;
	border-left:solid #07a33e 4px;
}

.articleDetaiBlock ol , .articleDetaiBlock ul {
	padding: 0 0 0 32px;
}
.articleDetaiBlock ol > li {
	list-style-type: decimal;
}
.articleDetaiBlock ul > li {
	list-style-type: disc;
}
.articleDetaiBlock td {
	border: solid #ccc 1px;
}

.articleDetaiBlock hr {
	display: block;
	border: none;
	border-bottom: solid #ccc 1px;
}


/* PC------------------------------------------------------------------------------- */
@media print, screen and (min-width:769px){	
	
	.articleDetaiBlock > p ,
	.articleDetaiBlock > ol ,
	.articleDetaiBlock > ul ,
	.articleDetaiBlock > table ,
	.articleDetaiBlock > hr {
		margin: 0 0 32px;
	}
	.articleDetaiBlock td {
		padding: 8px;
	}
	
	
}











/* SP-------------------------------------------------------------------------------- */
@media screen and (min-width:0px) and (max-width: 768px) {

	.articleDetaiBlock h2 , .articleDetaiBlock h3 {
		margin: 0 0 8px;
		font-size: 1.6rem;
	}	
	
	.articleDetaiBlock > p ,
	.articleDetaiBlock > ol ,
	.articleDetaiBlock > ul ,
	.articleDetaiBlock > table ,
	.articleDetaiBlock > hr {
		margin: 0 0 16px;
	}
	.articleDetaiBlock table {
		width: 100%!important;
	}
	.articleDetaiBlock td {
		padding: 4px;
	}
	.articleDetaiBlock img {
		width: auto!important;
		height: auto!important;
	}

}