@charset "UTF-8";
/* レストラン / サウナ / 客室 --------------------------------------------------------------- */



/* 下層ページのheading --------------------------------------------------------------- */
#heading {
	margin-bottom: 130px;
	}

@media(max-width: 990px){
	#heading {
		margin-bottom: 50px;
		}
	}

@media(min-width: 1px) and (max-width: 660px){
	}



/* content --------------------------------------------------------------- */
.content {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	}

.content:last-of-type {
	margin-bottom: 0;
	border-bottom: #d9d9d9 solid 1px;
	}

	.content h1 {
		font-size: 32px;
		padding-bottom: 15px;
		margin: 0 0 0 60px;
		border-bottom: #d9d9d9 solid 1px;
		position: relative;
		top: 1px;
		}

	.content .contentTXT {
		width: 45%;
		padding: 40px 80px 0 100px;
		box-sizing: border-box;
		}

	.content:nth-of-type(odd) .contentTXT {
		float: left;
		}

	.content:nth-of-type(even) .contentTXT {
		float: right;
		padding: 40px 80px 0 80px;
		}

		.content .contentTXT h2 {
			margin-bottom: 30px;
			font-weight: bold;
			}

		.content .contentTXT p {
			}

		.content .contentTXT h2,
		.content .contentTXT.head p {
			font-size: 18px;
			}

	.content .contentIMG {
		width: 55%;
		}

	.content:nth-of-type(odd) .contentIMG {
		float: right;
		}

	.content:nth-of-type(even) .contentIMG {
		float: left;
		}

		.content .contentIMG p {
			overflow: hidden;
			}

		.slick-prev,
		.slick-next {
			width: 70px;
			height: 70px;
			}

		.slick-prev {
			left: 7.5%;
			}

		.slick-next {
			right: 7.5%;
			}

		.content .contentIMG p,
		.content .contentIMG p img {
			width: 100%;
			height: 100%;
			aspect-ratio: inherit;
			}

		.content .contentIMG p img {
			object-fit: cover;
			}

@media(max-width: 990px){
	.content:last-of-type {
		border-bottom: 0;
		}

		.content h1 {
			display: none;
			}

		.content .contentTXT {
			width: 100%;
			padding: 35px 5%;
			}

		.content:nth-of-type(odd) .contentTXT {
			float: none;
			}

		.content:nth-of-type(even) .contentTXT {
			float: none;
			padding: 35px 5%;
			}

			.content .contentTXT h2 {
				font-size: 18px;
				}
	
			.content .contentTXT.head p {
				font-size: inherit;
				}
	
			.slick-prev,
			.slick-next {
				width: 45px;
				height: 45px;
				}

			.content:nth-of-type(odd) .contentTXT p {
				padding-right: 0;
				}

		.content .contentIMG {
			width: 95%;
			}

		.content:nth-of-type(odd) .contentIMG {
			float: none;
			margin-left: 5%;
			}

		.content:nth-of-type(even) .contentIMG {
			float: none;
			margin-right: 5%;
			}
	
			.content .contentIMG p,
			.content .contentIMG p img {
				aspect-ratio: 4 / 3;
				}
	}

@media(min-width: 1px) and (max-width: 660px){
	}