label {
	cursor: pointer;
}

.text-planned-trip-eng {
	color: var(--txt-planned-trip-eng);
}

.bg-charm-of-aizu {
	background-image: url('/plannedTrip/domestic/img/plannedTrip_domestic_charm.jpg');
	background-size: 100% auto;
	background-repeat: no-repeat;
}

@supports (background-image: url('/plannedTrip/domestic/img/plannedTrip_domestic_charm.webp')) {
	.bg-charm-of-aizu {
		background-image: url('/plannedTrip/domestic/img/plannedTrip_domestic_charm.webp');
	}
}

.bg-inawashiro-ski {
	position: relative;
	background-image: url('/plannedTrip/domestic/img/plannedTrip_inawashiro_ski.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 20%;
}

@supports (background-image: url('/plannedTrip/domestic/img/plannedTrip_inawashiro_ski.webp')) {
	.bg-inawashiro-ski {
		background-image: url('/plannedTrip/domestic/img/plannedTrip_inawashiro_ski.webp');
	}
}

.bg-inawashiro-ski-btn {
	background: var(--bg-inawashiro-ski-btn);
}

.bg-place-list {
	background: var(--bg-place-list);
}

.bg-wedding {
	position: relative;
	background-image: url('/plannedTrip/overseas/img/plannedTrip_overseas_wedding.jpg');
	background-size: cover;
	background-repeat: no-repeat;
	background-position: 20%;
}

@media screen and (max-width: 992px) {
	.bg-inawashiro-ski:after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--bg-inawashiro-ski-dark);
	}

	.bg-wedding {
		background-position: 70%;
	}

	.bg-wedding:after {
		position: absolute;
		content: '';
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: var(--bg-wedding-dark);
	}
}

@supports (background-image: url('/plannedTrip/overseas/img/plannedTrip_overseas_wedding.webp')) {
	.bg-wedding {
		background-image: url('/plannedTrip/overseas/img/plannedTrip_overseas_wedding.webp');
	}
}

.model-course-arrow {
	position: relative;
	height: 80px;
}

.model-course-arrow:before {
	position: absolute;
	content: '';
	bottom: 3%;
	left: calc(50% - 5px);
	width: 15px;
	height: 15px;
	border-top: 5px solid var(--txt-domestic-arrow);
	border-right: 5px solid var(--txt-domestic-arrow);
	transform: rotate(135deg);
}

.model-course-arrow:after {
	position: absolute;
	content: '';
	top: 0;
	left: 50%;
	width: 5px;
	height: 80px;
	border-left: 5px solid var(--txt-domestic-arrow);
}

.position-movement-icon {
	position: absolute;
	top: 35%;
	left: 55%;
	white-space: nowrap;
}