@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/services.png") no-repeat center/contain;
}


#sec02{
	width:100%;
	padding:60px 0;
	background:url("./../img/services/sec02.png") no-repeat center/cover;
}

#sec02 .guide{
	width:100%;
	padding:30px 0;
	background:#fffd;
	text-align:center;
}

#sec02 .guide *{
	width:90%;
	max-width:fit-content;
	max-width:-moz-fit-content;
	margin:0 auto;
}

#sec02 .guide h2{
	margin-bottom:15px;
	padding-bottom:5px;
	color:#337d98;
	font-size:2.25em;
	border-bottom:solid 2px #337d98;
}

#sec02 .guide p{
	font-size:1.25em;
}


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

#sec03 .circle .header img{
	width:96px;
}

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

#sec03 table{
	width:100%;
}

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

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

#sec03 .prisebox th,#sec03 .require th{
	color:#fff;
	background:#76bbd5;
	text-align:center;
	font-size:1.25em;
}

#sec03 .prisebox tr:nth-child(2) *,#sec03 .require tr:nth-child(2) *{
	color:#337d98;
	background:#b5dfef;
	font-size:1.25em;
	font-weight:bold;
}

#sec03 .prisebox td,#sec03 .require td{
	color:#4db57b;
	font-size:1.5em;
	font-weight:bold;
	border-top:solid 1px #4d99b5;
}

#sec03 .prisebox td:not(:first-child),#sec03 .require td:not(:first-child){
	border-left:solid 1px #4d99b5;
}

#sec03 .prisebox tr:last-child td,#sec03 .require tr:last-child td{
	border-bottom:solid 1px #4d99b5;
}

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

#sec03 .tips p:first-child{
	color:#337d98;
	font-size:1.25em;
	font-weight:bold;
}

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

#sec03 .target{
	column-gap:20px;
}

#sec03 .target img{
	width:45%;
}

#sec03 .target h3{
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:5px;
	color:#4d99b5;
	font-size:1.25em;
	border-left:solid 15px #4d99b5;
	border-bottom:solid 1px #4d99b5;
}

#sec03 .target h4{
	margin:5px 0;
	padding:5px 10px;
	color:#fff;
	background:#76bbd5;
	font-size:1.17em;
}

#sec03 .target p{
	margin-bottom:5px;
}

#sec03 .require{

}

#sec03 .about h3{
	margin-bottom:10px;
	padding-left:10px;
	padding-bottom:5px;
	color:#4d99b5;
	font-size:1.325em;
	border-left:solid 15px #4d99b5;
	border-bottom:solid 1px #4d99b5;
}


@media (max-width:767px){
	#sec03 .target{
		column-gap:0;
		row-gap:20px;
		flex-direction:column;
	}

	#sec03 .target img{
		width:100%;
	}
}