/* intro */
.intro-lead-wrp {
	background-color: var(--point-sky);
	padding: 3em 1em 2em;
}

.intro-lead-wrp .first-wrp {
	text-align: center;
}

.intro-lead-wrp .first-wrp .first {
	text-align: center;
	width: min(270px, 70vw);
	margin-bottom: 1em;
}

.intro-lead-wrp .first-wrp .first-title {
	font-size: min(1.6em, 4.5vw);
	line-height: 1.7;
	letter-spacing: .075em;
}

.intro-lead-wrp .btn-wrp {
	margin-bottom: 3em;
}

.point-wrp .point-first-lead {
	font-size: min(1.1em, 3.5vw);
	line-height: 1.8;
	padding: 0;
	margin: 0 auto 1em;
}

.ex-title {
	font-size: min(1.1em, 3.5vw);
	font-weight: 600;
	margin: 3em 0 1em;
	text-align: center;
}

.point .box-wrp {
	gap: 1em 1em;
	padding: 0 1em;
	margin-bottom: 3em;
}

.point .box-wrp .box {
	width: 47%;
	padding: 1em;
	border: 1px solid #ccc;
	border-radius: 5px;
	text-align: center;
}

@media screen and (max-width:767px) {
	.point .box-wrp .box {
		width: 100%;
	}
}

.point .box-wrp .box-title {
	font-size: min(1.1em, 4vw);
	font-weight: 600;
	color: #003856;
	margin-bottom: 1.5em;
	text-decoration: underline;
	text-underline-offset: 10px;
}

.point .box-wrp .box .box-lead {
	font-size: min(.9em, 3vw);
}

.point .res-lead {
	font-size: min(1.1em, 3.2vw);
	line-height: 1.8;
	margin: 1em auto;
}

.point .summary {
	width: 100%;
	max-width: 700px;
	margin: 3em auto 0;
	border: 2px solid var(--point-sky);
	padding: 1em .5em;
	border-radius: 5px;
}

.point .summary .point-strong {
	font-size: min(1.5em, 4vw);
	color: var(--point-blue);
	text-decoration: underline;
	text-underline-offset: 8px;
}

/* price-chart */
.point-data.price-chart {
	max-width: 720px;
}

.price-chart .note-wrp {
	width: 100%;
	padding: 0 1em;
}