@charset "UTF-8";


.map-border {
  border-top: solid 2px #464747;
  border-bottom: solid 2px #464747;
}
.w20 {
	width: 20%;
}

.bg-map01 {
	background: #ff2eae;
}
.bg-map02 {
	background: #2137da;
}
.bg-map03 {
	background: #1d8c02;
}
.bg-map04 {
	background: #fd6702;
}
.bg-map05 {
	background: #6d00fe;
}

.map-check01 {
	width: 25px;
	height: 25px;
}
.map-check02 {
	width: 15px;
	height: 15px;
}

input { vertical-align: middle; }

.box_wrap {
	width: 325px;
	max-height: 200px;
}
.box_wrap .bt {
	color: #fff;
	background-color: #152063;
}

/* sp only */
@media (max-width: 768px) {

	.w20 {
		width: 50%;
	}
	.map-check01 {
		width: 15px;
		height: 15px;
	}

	.ratio-16x9 {
		--bs-aspect-ratio: calc(20 / 16 * 100%);
	}
}