@charset "UTF-8";

/*stay_reason
----------------------------------------*/
.stay_reason {
	padding: 10rem 0 14.4rem;
}
.stay_reason_inner {
	max-width: 132rem;
	margin: 0 auto;
}
.stay_reason h2 {
	width: 50%;
	font-size: 2.6rem;
	font-weight: 500;
	color: #6A9383;
	margin-bottom: 4rem;
}
.stay_reason_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 6rem;
}
.stay_reason h3 {
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .05em;
	margin: 2.3rem 0 1.8rem;
}
.stay_reason_list p {
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.4286;
}
@media only screen and (max-width: 768px) {
	.stay_reason {
		padding: 5.3rem 0 11.4rem;
	}
	.stay_reason_inner {
		margin: 0 2.5rem;
	}
	.stay_reason h2 {
		width: auto;
		line-height: 1.3846;
	}
	.stay_reason_list {
		grid-template-columns: repeat(1, 1fr);
		gap: 4.4rem;
	}
	.stay_reason_list p {
		margin-right: -.04rem;
	}
}

/*stay_map
----------------------------------------*/
.stay_map {
	background: #fff;
	padding: 12.3rem 0 14.4rem;
}
.stay_map_inner {
	max-width: 132rem;
	margin: 0 auto;
}
.stay_map h2 {
	font-size: 2.6rem;
	font-weight: 500;
	color: #6A9383;
	margin-bottom: 5.9rem;
}
.stay_map_head {
	display: flex;
	gap: 11.5rem;
}
.stay_map_head figure {
	width: 66.7rem;
}
.stay_map_head_box {
	flex: 1;
	margin-top: -.6rem;
}
.stay_map_head_box h3 {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.3;
	margin-bottom: 3.6rem;
}
.stay_map_head_box p {
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.5714;
	border-bottom: .1rem solid #C9C7C7;
	padding-bottom: 4.2rem;
}
.stay_map_head ul {
	padding: 4.9rem 0 0;
	width: fit-content;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	height: 19rem;
	gap: 1.8rem 5.7rem;
}
.stay_map_head ul li {
	display: flex;
	gap: 2rem;
	font-size: 1.4rem;
	white-space: nowrap;
	letter-spacing: .05em;
}
.stay_map_head ul li img {
	width: 2rem;
}
.stay_map_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4.4rem 6rem;
	margin-top: 9.6rem;
}
.stay_map_list h3 {
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .05em;
	margin: 2.3rem 0 1.8rem;
}
.stay_map_list p {
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.4286;
}
@media only screen and (max-width: 768px) {
	.stay_map {
		padding: 10.8rem 0 11.4rem;
	}
	.stay_map_inner {
		margin: 0 2.5rem;
	}
	.stay_map h2 {
		margin-bottom: 3.9rem;
	}
	.stay_map_head {
		display: block;
	}
	.stay_map_head figure {
		width: 33.9rem;
		margin-bottom: 5rem;
	}
	.stay_map_list {
		grid-template-columns: repeat(1, 1fr);
		gap: 3.4rem;
		margin-top: 6.7rem;
	}
}

/*stay_timeline
----------------------------------------*/
.stay_timeline {
	padding: 13.8rem 0 15rem;
}
.stay_timeline_inner {
	max-width: 132rem;
	margin: 0 auto;
}
.stay_timeline_ttl {
	display: flex;
	margin-bottom: 6.3rem;
}
.stay_timeline h2 {
	width: 50%;
	font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: .05em;
	color: #6A9383;
}
.stay_timeline_ttl p {
	width: 50%;
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.5714;
	padding: .6rem 0 0 1rem;
}
.stay_timeline_item {
	display: flex;
	align-items: center;
}
.stay_timeline_item + .stay_timeline_item {
	margin-top: 2.4rem;
}
.stay_timeline_item figure {
	width: 76.2rem;
}
.stay_timeline_box {
	flex: 1;
	padding: 0 0 .6rem 13.1rem;
}
.stay_timeline_day {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	color: #6A9383;
	margin-bottom: 3.1rem;
}
.stay_timeline_day span {
	font-size: 3rem;
	font-weight: 400;
	letter-spacing: 0;
	/* margin-left: .9rem; */
}
.stay_timeline h3 {
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: .05em;
	margin-bottom: 3.5rem;
}
.stay_timeline ol {
	font-size: 1.4rem;
	letter-spacing: .05em;
}
.stay_timeline ol li {
	padding-left: 3.4rem;
}
.stay_timeline ol li:not(:last-child)::before {
	content: '';
	display: block;
	width: .1rem;
	background: #D6D6D6;
	position: absolute;
	left: .1rem;
	top: .8rem;
	bottom: -2.8rem;
	transform: translateX(.05rem);
}
.stay_timeline ol li::after {
	content: '';
	display: block;
	width: .4rem;
	height: .4rem;
	border-radius: 50%;
	background: #6A9383;
	position: absolute;
	left: 0;
	top: 1rem;
}
.stay_timeline ol li + li {
	margin-top: 1.9rem;
}
@media only screen and (max-width: 768px) {
	.stay_timeline {
		padding: 11.2rem 0 11.6rem;
	}
	.stay_timeline_inner {
		margin: 0 2.5rem;
	}
	.stay_timeline_ttl {
		display: block;
		margin-bottom: 4.3rem;
	}
	.stay_timeline h2 {
		width: auto;
		line-height: 1.2308;
		margin-bottom: 3.6rem;
	}
	.stay_timeline_ttl p {
		width: auto;
		padding: 0;
	}
	.stay_timeline_item {
		display: block;
	}
	.stay_timeline_item + .stay_timeline_item {
		margin-top: 5.7rem;
	}
	.stay_timeline_item figure {
		width: auto;
		margin-bottom: 1.7rem;
	}
	.stay_timeline_box {
		padding: 0;
	}
	.stay_timeline_day {
		margin-bottom: 1.1rem;
	}
	.stay_timeline h3 {
		margin-bottom: 1.8rem;
	}
	.stay_timeline ol {
		line-height: 1.1429;
	}
	.stay_timeline ol li:not(:last-child)::before {
		bottom: -3.2rem;
	}
	.stay_timeline ol li::after {
		top: .7rem;
	}
	.stay_timeline ol li + li {
		margin-top: 2.36rem;
	}
}

/*stay_highlights
----------------------------------------*/
.stay_highlights {
	background: #fff;
	padding: 13.8rem 0 14.4rem;
}
.stay_highlights_inner {
	max-width: 132rem;
	margin: 0 auto;
}
.stay_highlights_ttl {
	display: flex;
	margin-bottom: 6.3rem;
}
.stay_highlights h2 {
	width: 50%;
	font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: .05em;
	color: #6A9383;
}
.stay_highlights_ttl p {
	flex: 1;
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.5714;
	padding: .6rem 0 0 1rem;
	margin-right: -.3rem;
}
.stay_highlights_map {
	background: #E8EAE9;
	padding: 4.1rem;
	display: flex;
	justify-content: center;
	gap: 5.4rem;
	margin-bottom: 10rem;
}
.stay_highlights_map figure {
	width: 44.8rem;
}
.stay_highlights_list {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 4.4rem 6rem;
	margin-top: 9.6rem;
}
.stay_highlights_list h3 {
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: .05em;
	margin: 2.3rem 0 1.8rem;
}
.stay_highlights_list p {
	font-size: 1.4rem;
	letter-spacing: .05em;
	line-height: 1.4286;
}
@media only screen and (max-width: 768px) {
	.stay_highlights {
		padding: 11.1rem 0 14.4rem;
	}
	.stay_highlights_inner {
		margin: 0 2.5rem;
	}
	.stay_highlights_ttl {
		display: block;
		margin-bottom: 1.6rem;
	}
	.stay_highlights h2 {
		width: auto;
		line-height: 1.2308;
		margin-bottom: 3.6rem;
	}
	.stay_highlights_ttl p {
		padding: 0;
		margin-right: 0;
	}
	.stay_highlights_map {
		padding: 0;
		display: block;
		margin-bottom: 0;
	}
	.stay_highlights_map figure {
		width: auto;
	}
	.stay_highlights_list {
		grid-template-columns: repeat(1, 1fr);
		gap: 3.4rem;
		margin-top: 7rem;
	}
	.stay_highlights_list p {
		margin-right: -.3rem;
	}
}

/*p_contact
----------------------------------------*/
.p_contact {
	background: none;
}
