@charset "UTF-8";

/* ===============================
   point
=============================== */
#point .txtBox .ttl {
	color: var(--color1);
	font-weight: 600;
}
#point .txtBox p {
	font-family: var(--gothic);
	margin-top: .5em;
}
@media(min-width:992px){
	#point .txt-inner {
		max-width: 28em;
		margin: 0 auto;
	}
}

/* ===============================
   flow
=============================== */
#flow .cards {
	counter-reset: number 0;
}
#flow .cards .card::before {
	counter-increment: number 1;
	content: counter(number);
	display: block;
	text-align: center;
	width: 2em;
	height: 2em;
	line-height: 2em;
	border-radius: 50%;
	background: var(--l-gray);
	color: var(--color1);
	font-size: 1.5em;
	font-weight: 600;
	position: absolute;
	top: -.5em;
	left: -.5em;
	z-index: 2;
}
#flow .card .headline {
	color: var(--black);
}

/* ===============================
   feature
=============================== */
#feature .txtBox ul {
	margin-top: .5em;
	margin-bottom: 1.75rem;
}
@media(min-width:992px){
	#feature .txtBox ul {
		padding-left: 1em;
	}
	#feature .txtBox ul li {
		list-style-type: disc;
	}
}

/* ===============================
   map
=============================== */
#map dt {
	border-bottom: 1px solid var(--border1);
	padding-bottom: .25em;
	margin-bottom: 1.5em;
}
#map dt .en_ttl {
	display: block;
	color: var(--color1);
}
#map dd p {
	margin: .75em 0;
	line-height: 1.75;
}
#map dd a {
	color: var(--color1);
}