#page4 .content-header {
	margin: 14.5rem auto 3.8rem;
}
#page4 .text-area {
	padding: 4.2rem 4.7rem 7.6rem;
}
#page4 .com-title {
	margin-bottom: 3.8rem;
	font-size: 2.7rem;
}
#page4 .com-title > span::before,
#page4 .com-title > span::after {
    width: 15.9rem;
    height: 1px;
    position: absolute;
    top: 1.6rem;
    left: -20.9rem;
    border-bottom: 1px dashed #0C67B5;
	content: '';
}
#page4 .com-title > span::before {
	left: auto;
	right: -20.9rem;
}
#page4 .text-area dt {
	padding-bottom: 1.5rem;
	color: #0C67B5;
	font-size: 2.7rem;
	font-weight: bold;
	line-height: 1;
}
#page4 .text-area dt .tag {
	margin-right: 3.8rem;
	padding: 1rem 0 1.1rem;
	width: 8.8rem;
	display: inline-block;
	color: #FFF;
	font-size: 1.8rem;
	background-color: #5098D6;
	border-radius: 5rem;
	text-align: center;
	vertical-align: 0.3rem;
}
#page4 .text-area dt .sml {
	font-size: 2.2rem;
}
#page4 .text-area dd {
	color: #333333;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 1.7;
}
#page4 .text-area dd:not(:last-of-type) {
	margin-bottom: 3.4rem;
}
@media all and (max-height: 799px) {
	#page4 .content-header {
		margin: 17.5vh auto 2vh;
	}
}
@media screen and (orientation:landscape) and (max-width: 896px) {
	#page4 .content-header {
		margin: 3rem 0 3.8rem!important;
	}
	#page4 .com-title {
		font-size: 3.1rem;
	}
	#page4 .text-area dt {
		font-size: 3.1rem;
	}
	#page4 .text-area dt .tag {
		font-size: 2.2rem;
	}
	#page4 .text-area dt .sml {
		font-size: 2.6rem;
	}
	#page4 .text-area dd {
		font-size: 2.2rem;
	}
}
@media all and (max-width: 1220px) {
	#page4 .text-area {
		padding: 4rem 2rem;
	}
	#page4 .text-area dd:not(:last-of-type) {
		margin-bottom: 20px;
	}
	#page4 .com-title > span::before,
	#page4 .com-title > span::after {
		width: 80px;
		left: -115px;
	}
	#page4 .com-title > span::before {
		left: auto;
		right: -115px;
	}
}
@media screen and (orientation:portrait) and (max-width: 896px) {
	#page4 .content-header {
		margin: 30px auto;
	}
	#page4 .text-area {
		padding: 20px;
	}
	#page4 .com-title {
		margin-bottom: 38px;
		font-size: 1.8rem;
	}
	#page4 .com-title > span::before,
	#page4 .com-title > span::after {
		width: 20px;
		top: 10px;
		left: -30px;
	}
	#page4 .com-title > span::before {
		left: auto;
		right: -30px;
	}
	#page4 .text-area dt {
		padding-bottom: 17px;
		font-size: 2rem;
		line-height: 1.5;
	}
	#page4 .text-area dt .tag {
		margin-right: 7px;
		padding: 2px 0;
		width: 60px;
		font-size: 1.5rem;
		vertical-align: 3px;
	}
	#page4 .text-area dt .sml {
		font-size: 1.8rem;
	}
	#page4 .text-area dd {
		font-size: 1.3rem;
	}
	#page4 .text-area dd:not(:last-of-type) {
		margin-bottom: 20px;
	}
}