@charset "utf-8";


div.anker_link {
	max-width: 1240px;
	padding: 100px 30px 0;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	text-align: center;
	div.anker_wrap {
		width: calc(100% / 5);
		a {
			display: flex;
			align-items: center;
			text-decoration: none;
			font-size: 1.1rem;
			width: fit-content;
			margin: 30px auto;
		}
	}
}

section {
	h2 {
		width: fit-content;
		padding: 0 1rem;
		margin: 0 auto;
		border-bottom: 7px solid var(--main-gray);
	}
}

div.room_list {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}
div.room_desc {
	width: 30%;
	margin-top: 50px;
	div.room_heading {
		font-size: 1.2rem;
		padding: 10px;
		font-weight: bold;
	}
	ul {
		list-style: none;
		display: flex;
		li {
			padding: 0 1rem;
			border-right: 1px solid;
		}
		li:last-of-type {
			border-right: none;
		}
	}
	a.detail_link {
		border: 1px solid var(--main-text);
        margin: 20px 0;
        padding: 8px;
        text-align: center;
	}
}

div.room_detail {
	display: none;
	h3 {
		margin-bottom: 20px;
	}
	div.wrap {
		display: flex;
		justify-content: space-between;
		div.swiper {
			width: 50%;
		}
		div.room_more {
			width: 45%;
			a.pdf_link {
				width: fit-content;
				text-align: right;
				margin: 16px 0 16px auto;
			}
			a.pdf_link::before {
				content: '';

			}
		}
	}
}

@media screen and (max-width: 867px) {
	div.anker_link {
		justify-content: center;
		div.anker_wrap {
			width: calc(100% / 2);
		}
	}
	div.room_desc {
		width: 45%;
	}
	div.room_detail {
		div.wrap {
			flex-direction: column;
			div.swiper {
				width: 100%;
			}
			div.room_more {
				width: 100%;
			}
		}
	}
}

@media screen and (max-width: 500px) {
	div.room_desc {
		width: 100%;
	}
}