@charset "urf-8";
.content .box{
	padding: 36px 0 46px 0;
}
.content .box .h1{
	font-size: 18px;
	color: #9A9A9A;
}
.content .box .h1:before{
	content: '';
	display: inline-block;
	width: 5px;
	height: 18px;
	background-color:#FFCE00 ;
	vertical-align: bottom;
	margin-right: 6px;
}

.content .box .h2{
	font-size: 45px;
	color: #333333;
	margin-top: 64px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: bold;
}
.content .box .h3{
	font-size: 15px;
	color: #9A9A9A;
	text-align: center;
}
.content .box .content{
	padding: 40px 0;
	border-bottom: 1px solid #BBBBBB;
	margin-bottom: 42px;
}
.content .box .h4{
	display: block;
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 16px;
}
.content .box .h4.prev:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-bottom: 14px solid #FFCE00;
	vertical-align: text-top;
	margin-right: 10px;
}
.content .box .h4.next:before{
	content: "";
	display: inline-block;
	width: 0;
	height: 0;
	border-left: 8px solid transparent;
	border-right: 8px solid transparent;
	border-top: 14px solid #FFCE00;
	vertical-align: text-top;
	margin-right: 10px;
}
.content .box .h4[disabled]{
	color: #9A9A9A;
}
.content .box .h4[disabled]:before{
	border-bottom-color: #9A9A9A;
	border-top-color: #9A9A9A;
}
@media screen and (max-width:900px) {
	.content .box .h2{
		font-size: 26px;
	}
	.content .box .h4{
		font-size: 14px;
	}
}
@media screen and (max-width: 414px) {
	.content .box .h1{
		font-size: 16px;
	}
	.content .box .h2{
		font-size: 20px;
		margin-top: 26px;
	}
}