@charset 'utf-8';

@media all and (max-width:479px){

	.summary-box p span:first-child{
		width: 22%;
		font-size: 17px;
		background: #738aa6;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
	}
	.summary-box p span{
		float: left;
		width: 68%;
		font-size: 17px;
		letter-spacing: -0.4px;
		font-weight: 600;
		margin: 0 0 0 4%;
	}
	.summary-box p .text{line-height: 30px}

}
@media all and (min-width:480px) and (max-width:767px){

	.summary-box p span:first-child{
		width: 20%;
		font-size: 18px;
		background: #738aa6;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
	}
	.summary-box p span{
		float: left;
		width: 70%;
		font-size: 18px;
		letter-spacing: -0.4px;
		font-weight: 600;
		margin: 0 0 0 4%;
	}
	.summary-box p .text{line-height: 40px}

}
@media all and (min-width:768px) and (max-width:1279px){

	.summary-box p span:first-child{
		width: 20%;
		font-size: 1.3em;
		background: #738aa6;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
	}
	.summary-box p span{
		float: left;
		width: 70%;
		font-size: 20px;
		letter-spacing: -0.4px;
		font-weight: 600;
		margin: 0 0 0 4%;
	}
	.summary-box p .text{line-height: 40px}

}
@media all and (min-width:1280px){

    .nav-box ul li:nth-child(2){border-bottom: 2px solid #668ab0}
	.nav-subbox ul li:nth-child(1){border-bottom: 4px solid #668ab0}

	.summary-box p span:first-child{
		width: 20%;
		font-size: 1.3em;
		background: #738aa6;
		color: #fff;
		text-align: center;
		padding: 10px 0;
		border-radius: 10px;
	}
	.summary-box p span{
		float: left;
		width: 70%;
		font-size: 20px;
		letter-spacing: -0.4px;
		font-weight: 600;
		margin: 0 0 0 4%;
	}
	.summary-box p .text{line-height: 40px}

}

.summary-box p{overflow: hidden;margin: 0 auto 20px auto;}
.summary-box p .title{font-weight: 700}

