@charset "utf-8";
/* CSS Document */

@import url("/common/css/all.css");
@import url("/common/css/all.min.css");
@import url('//fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@100..900&display=swap');
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
@font-face {
  font-family: 'Beausite';
  src:
  	url(https://nagasaki.hotelindigo.com/rakuten/font/BeausiteGrand-Light.otf) format("opentype"),
	url(https://nagasaki.hotelindigo.com/rakuten/font/beausitegrand-light-webfont.woff) format('woff'),
}
@font-face {
  font-family: 'BeausiteLight';
  src:
	url(https://nagasaki.hotelindigo.com/rakuten/font/beausitefit-light-webfont.woff2) format("woff2"),
	url(https://nagasaki.hotelindigo.com/rakuten/font/BeausiteFit-Light.otf) format("opentype");
}
@font-face {
  font-family: 'icomoon';
  src:
	url(https://nagasaki.hotelindigo.com/common/webfonts/icomoon.ttf);
}


div.swiper-block2 {
	width: 90%;
	max-width: 1800px;
	margin: auto;
	padding: 0 20px 50px;
	overflow: hidden;
	position: relative;
}

div.swiper-slide {
	height: auto;
	position: relative;
}

div.box {
	display: flex;
	flex-direction: column;
	height: 100%;
	color: var(--navy-blue);
	background-color: #f2e1ee;
	margin: 0 20px;
	padding: 16px 16px 32px;
}
  
div.box h4 {
	font-family: 'Beausite';
	font-size: 36px;
	text-transform: uppercase;
	text-align: center;
	margin: 24px 0;
	padding: 0 12px;
}
div.box p {
	font-family: 'BeausiteLight', 'noto serif jp', serif;
	font-size: 15px;
	text-align: left;
	line-height: 150%;
	margin: 24px 0 48px;
	padding: 0 12px;
}
div.box a.btn {
	display: inline-block;
	width: fit-content;
	text-align: center;
	border: var(--navy-blue) 1px solid;
	margin: auto auto 0;
	padding: 15px 24px;
}
	@media screen and (min-width:1000px) and (max-width:1200px) {
		div.swiper-block2 {
			width: 100%;
			max-width: 1150px;
			
		}
		div.box {
			margin: 0 8px;
		}
	}
	@media screen and (min-width:765px) and (max-width:1000px) {
		div.swiper-block2 {
			width: 90%;
			max-width: 950px;
			padding: 0 0px 50px;
		}
		div.box {
			width: 100%;
			margin: 0 10px;
		}

		.swiper-button-next, .swiper-button-prev {
			height: 40px;
			top:inherit;
			bottom: 0;
			margin-top: 0;
		}
		.swiper-button-next, .swiper-rtl .swiper-button-prev {
			right: 50px;
		}
		.swiper-button-prev, .swiper-rtl .swiper-button-next {
			left: 50px;
		}
	}
	@media only screen and (max-width: 765px) {
		div.swiper-block2 {
			width: 90%;
			padding: 0 0px 50px;
		}
		div.box {
			width: 100%;
			margin: 0 5px;
		}
		.swiper-button-next, .swiper-button-prev {
			height: 40px;
			top:inherit;
			bottom: 0;
			margin-top: 0;
		}
	}


div.all_view {
	width: 100%;
	font-family:'noto serif jp', serif;
	font-size: 15px;
	text-align: center;
	margin: 24px auto;
	padding: 8px 16px;
}
div.all_view > a {
	text-decoration: none;
}