body {
	background-color: #F6FCFF;
	color: #16232C !important;
}

ul li::marker {
	color: #288CC6;
}

.color-base {
	color: #16232C !important;
}

.border-base {
	border-color: var(--color-7) !important;
}

.fs-1p125rem {
	font-size: 1.125rem;
}

.text-light-blue {
	color: #288CC6;
}

#lead:before {
	content: '';
	z-index: -1;
	background-image: url('/packageTour/inawashiroSki/img/back_lead_sp.png');
	width: 100%;
	height: auto;
	aspect-ratio: 607 / 359;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

#lead:after {
	content: '';
	z-index: -1;
	background-image: url('/packageTour/inawashiroSki/img/back_lead_title.png');
	width: auto;
	height: 55%;
	aspect-ratio: 632 / 646;
	position: absolute;
	bottom: 7%;
	right: 6%;
	transform: translateX(50%);
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
}

.lead-title {
	width: 80%;
	height: auto;
	position: relative;
	left: 50%;
	transform: translateX(-50%);
}

#lead-description div:nth-of-type(1) .lead-img,
#lead-description div:nth-of-type(4) .lead-img {
	box-shadow: 6px 6px #288CC6;
}

#lead-description div:nth-of-type(2) .lead-img,
#lead-description div:nth-of-type(3) .lead-img {
	box-shadow: 6px 6px #83D0F3;
}

.lead-img {
	box-shadow: 6px 6px #288CC6;
}

.border-light-blue {
	border-color: #24A3E6 !important;
}

#accommodation-type,
#term,
#destination,
#schedule,
#bus-stop {
	padding-top: calc((1.3rem + .6vw) * 1.5 + 1.5rem) !important;
}

#accommodation-type {
	margin-top: calc((1.3rem + .6vw) * 3.85 + 40px + 3rem);
}

#term {
	margin-top: calc((1.3rem + .6vw) * 3.85 + 36px + 3rem);
}

#destination {
	margin-top: calc((1.3rem + .6vw) * 3.85 + 28px + 3rem);
}

#schedule,
#bus-stop {
	margin-top: calc((1.3rem + .6vw) * 3.85 + 33px + 3rem);
}

.detail-title {
	display: flex;
	flex-flow: column;
	justify-content: center;
	background-color: #288CC6;
	border-radius: 50%;
	width: calc((1.3rem + .6vw) * 4);
	height: calc((1.3rem + .6vw) * 4);
	text-align: center;
	position: absolute;
	top: calc((1.3rem + .6vw) * -2.5);
	left: 50%;
	transform: translateX(-50%);
}

.detail-title .detail-title-icon {
	position: absolute;
	bottom: calc((1.3rem + .6vw) * 3.85);
	left: 50%;
	transform: translateX(-50%);
}

#schedule .detail-title-icon {
	bottom: calc((1.3rem + .6vw) * 3.5);
}

h3.accommodation-plan-title,
h3.schedule-day-title,
h3.bus-stop-place {
	color: #288CC6;
	border-color: #288CC6 !important;
	width: fit-content;
	height: fit-content;
}

.accommodation-img-area {
	align-self: end;
}

.finished :nth-child(1) {
	text-decoration: line-through;
}

.finished :nth-child(2) {
	display: inline-block;
	padding: 0.25rem 0.875rem;
	border: solid 1px var(--color-10);
	border-radius: 0.5rem;
	font-size: 0.875rem;
}

.apply :nth-child(2) {
	display: inline-block;
	color: #EA7950;
	padding: 0.25rem 0.375rem;
	border: solid 1px #EA7950;
	border-radius: 0.5rem;
	font-size: 0.875rem;
}

div#bus-stop iframe {
	width: 100%;
	overflow: hidden;
}

.form-btn {
	font-size: 1.5rem;
	width: 100%;
	padding: 0.5rem 0;
	background-color: #EA7950;
	border: solid 2px #16232C;
	border-radius: 3.25rem;
	box-shadow: 0px 6px 2px #000;
}

.form-btn:active {
	background-color: #288CC6;
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2);
}

.appearance-text-field::-webkit-outer-spin-button,
.appearance-text-field::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.appearance-text-field {
	-moz-appearance:textfield;
}

table.schedule-table th {
	text-align: right;
	width: 3.86rem;
	padding-left: 0;
}

div.note ol li {
	position: relative;
	list-style-type: none;
}

div.note > ol > li:before {
	position: absolute;
	right: calc(100% + 0.5rem);
	content: "(" counter(list-item) ")";
}

.w-fit-content {
	width: fit-content;
}

.form-check-input[type=checkbox].bigger {
	width: 1.25rem;
	height: 1.25rem;
}

.border-color-6 {
	border-color: var(--color-6) !important;
}

@media (min-width: 768px) {
	#lead {
		max-width: 720px;
		margin: 0 auto;
	}

	#lead:before {
		width: 80%;
	}

	#lead:after {
		height: 65%;
	}

	.destination-img {
		width: 45%;
	}

	.lead-title {
		width: 70%;
	}

	.form-btn {
		width: auto;
		padding: 0.5rem 5rem;
	}

	.finished :nth-child(2) {
		margin-left: 1rem;
		padding: 0.25rem 1.25rem;
		font-weight: 600;
		font-size: 1rem;
	}
	
	.apply :nth-child(2) {
		margin-left: 1rem;
		padding: 0.25rem 0.75rem;
		font-weight: 600;
		font-size: 1rem;
	}
}

@media (min-width: 992px) {
	#lead {
		width: 75%;
		max-width: none;
		margin: 0 auto;
	}

	#lead:before {
		background-image: url('/packageTour/inawashiroSki/img/back_lead.png');
		width: 130%;
		aspect-ratio: 2278 / 544;
	}

	#lead:after {
		height: 95%;
		right: -4%;
		bottom: 0;
	}

	.lead-title {
		width: 100%;
		left: 47%;
	}

	#lead-description div:nth-of-type(2n+1) .lead-img {
		box-shadow: 6px 6px #288CC6;
	}
	
	#lead-description div:nth-of-type(2n) .lead-img {
		box-shadow: 6px 6px #83D0F3;
	}

	.rounded-lg-5 {
		border-radius: 2rem !important;
	}

	#detail:before {
		content: '';
		z-index: -1;
		background-image: url('/packageTour/inawashiroSki/img/back_detail.png');
		width: 100%;
		max-width: 1316px;
		height: calc(100% + 0.5rem);
		aspect-ratio: 1316 / 1965;
		position: absolute;
		top: 2.5rem;
	}

	#accommodation-type,
	#term,
	#destination,
	#schedule,
	#bus-stop {
		margin-top: 3rem;
		padding-top: 3rem !important;
	}

	.detail-title {
		position: relative;
		top: auto;
		left: auto;
		transform: none;
	}

	#accommodation-type .detail-title {
		margin-top: 40px;
	}

	#term .detail-title {
		margin-top: 36px;
	}

	#destination .detail-title {
		margin-top: 28px;
	}

	#schedule .detail-title {
		margin-top: 33px;
	}

	#bus-stop .detail-title {
		margin-top: 33px;
	}

	ul.term-list {
		column-count: 2;
	}

	div#bus-stop iframe {
		width: 100%;
		height: 350px;
	}
}

@media (min-width: 1200px) {
	#lead {
		width: 65%;
	}
}