@charset "utf-8";

/******************* 統一設定 *******************/
section[id^=sec] .button{
	margin:0 auto;
	padding:10px 40px;
	color:#4d99b5;
	background:#fff;
	border:solid 2px #4d99b5;
	border-radius:999px;
	display:block;
}


/******************* 各セクション *******************/
#sec01 h1::before{
	background:url("./../img/common/price.png") no-repeat center/contain;
}


#sec02,#sec04{
	padding-bottom:50px;
	background:#d0eaf4;
}

#sec02 .prisebox{
	width:90%;
	max-width:1092px;
	margin:max(-4%,-55px) auto 0;
	column-gap:15px;
}

#sec02 .about{
	width:50%;
}

#sec02 .about h3{
	margin-bottom:10px;
	color:#4d99b5;
	font-size:1.25em;
}

#sec02 .about table,#sec03 table{
	width:100%;
}

#sec02 .about table th,#sec02 .about table td{
	padding:10px 10px;
}

#sec02 .about table th,#sec03 .prisebox th{
	color:#fff;
	background:#76bbd5;
	text-align:center;
}

#sec02 .about table td{
	border-top:solid 1px #cdedf9;
}

#sec02 .about table td:first-child,#sec03 .prisebox tr:nth-child(2) td{
	background:#b5dfef;
}

#sec02 .about table td:not(:first-child){
	background:#fff;
	border-left:solid 1px #cdedf9;
}

#sec02 .about .tips{
	margin-top:10px;
}


#sec03{
	padding-bottom:50px;
	background:#e0f3fa;
}

#sec03 .tips{
	width:90%;
	margin:max(-4%,-55px) auto 20px;
	text-align:center;
}

#sec03 .prisebox,#sec03 .about{
	width:90%;
	max-width:1092px;
	margin:0 auto;
}

#sec03 .prisebox{
	margin-bottom:30px;
}

#sec03 .prisebox th,#sec03 .prisebox td{
	padding:10px 0;
	text-align:center;
}

#sec03 .prisebox tr:not(:nth-child(2)) td{
	background:#fff;
}

#sec03 .prisebox td{
	border-top:solid 1px #cdedf9;
	border-left:solid 1px #cdedf9;
}

#sec03 .about td{
	height:68px;
	padding:10px 15px;
}

#sec03 .about tr:not(:last-child) td{
	border-bottom:solid 1px #cdedf9;
}

#sec03 .about td:first-child{
	width:40%;
	background:#b5dfef;
}

#sec03 .about td:last-child{
	background:#fff;
}

#sec03 .about span{
	color:#4db57b;
	font-size:1.1em;
	font-weight:bold;
}


#sec04 .detail{
	width:90%;
	max-width:1092px;
	margin:max(-4%,-55px) auto 30px;
	text-align:center;
}


@media (max-width:767px){
	#sec02 .prisebox{
		column-gap:0;
		row-gap:15px;
		flex-direction:column;
	}

	#sec02 .about{
		width:100%;
	}
}