

body.is-hidden {
	overflow: hidden;
}

.pc {
	display: none;
}

ul,
ol {
	list-style: none;
}

select::-ms-expand {
	display: none;
}

/* ホバー */
a {
	-webkit-text-decoration: none;
	color: inherit;
	text-decoration: none;
	transition: opacity 0.3s;
}

.fadeInDown.is-active {
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-name: fadeInDown;
}

.fadeInUp.is-active {
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-name: fadeInUp;
}

.fadeIn.is-active {
	animation-duration: 2.5s;
	animation-fill-mode: forwards;
	animation-name: fadeIn;
	animation-timing-function: ease-in;
	transform: scale(1.1);
}

.line--white.is-show,
.line--black.is-show {
	animation: slideRight 1.8s ease;
	opacity: 1;
}

.header-right a {
    padding: 10px !important;
    line-height: 1;
}

.page-style .hero-title {
	top:150px;
}

.card1 {
	align-items: center;
	border: 1px solid #222;
	display: flex;
	justify-items: center;
	place-items: center;
}

.card1__top {
	max-width: 56.8%;
}

.card1__img {
	height: 100%;
	position: relative;
}

.card1__img img {
	-o-object-fit: cover;
	aspect-ratio: 213/186;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.card1__inner {
	-webkit-backdrop-filter: blur(2px);
	align-items: center;
	backdrop-filter: blur(2px);
	bottom: 0;
	color: #fffffc;
	display: grid;
	justify-items: center;
	left: 0;
	padding-bottom: 0.8125rem;
	padding-top: 0.8125rem;
	place-items: center;
	position: absolute;
	width: 100%;
	z-index: 2;
}

.card1__img-text {
	font-size: 0.625rem;
}

.card1__img-detail {
	font-size: 0.5rem;
}

.card1__bottom {
	max-width: 47.2%;
	padding: 0 2%;
	text-align: center;
	width: 100%;
}

.card1__head {
	font-size: 1.5rem;
	position: relative;
}

.card1__head::after {
	background-color: #222;
	bottom: -0.25rem;
	content: "";
	display: block;
	height: 1px;
	left: 50%;
	max-width: 1.5rem;
	position: absolute;
	transform: translateX(-50%);
	width: 100%;
}

.card1__title {
	font-size: 0.75rem;
	font-weight: 400;
	margin-top: 10px;
	margin-bottom: 10px;
}

.card1__title-en {
	font-family: "Sorts Mill Goudy", serif;
	font-size: 0.625rem;
	font-weight: 400;
	line-height: 1;
	margin-top: 0.5rem;
}

.card1__btn {
	margin-top: 0.5rem;
}

.card2 {
	align-items: center;
	background-color: #fffffc;
	border-radius: 0.3125rem;
	box-shadow: 0px 3px 6px #707070;
	display: flex;
	padding: 0.8rem 2% 0.8rem 5%;
	position: relative;
}

.card2__left {
	max-width: 23.8%;
}

.card2__img {
	max-width: 7.5rem;
}

.card2__img img {
	-o-object-fit: cover;
	aspect-ratio: 1/1;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.card2__right {
	margin-left: 1rem;
	/* width: 100%; */
}

.card2__title {
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1;
	margin-top: 10px;
	margin-bottom: 10px;
}

.card2__en {
	font-size: 0.625rem;
	margin-top: 0.25rem;
}

.card2__en.card2__en-mt {
	display: block;
	margin-top: -0.125rem;
}

.card2__head {
	display: inline-block;
	font-size: 1.5rem;
}

.card2__btn {
	margin-top: 40px;
	max-width: 30px;
	width: 100%;
	position:absolute;
	bottom: 20px;
	right: 10%;
}

.card2__btn .circle-btn.circle-btn-90 {
	height: 30px;
	max-width: 30px;
	width: 100%;
}

.circle-btn {
	-webkit-text-decoration: none;
	align-items: center;
	background: #fffffc;
	border: 1px solid #222;
	border-radius: 50%;
	color: #fff;
	display: inline-block;
	display: flex;
	font-size: 16px;
	height: 2.25rem;
	justify-content: center;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	text-decoration: none;
	width: 2.25rem;
}

.circle-btn::before {
	background-color: #222;
	content: "";
	display: block;
	height: 0.625rem;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	transition: 0.4s;
	width: 1px;
}

.circle-btn::after {
	border-bottom: 1px solid #222;
	border-right: 1px solid #222;
	content: "";
	display: block;
	height: 0.4375rem;
	left: 47%;
	position: absolute;
	top: 48%;
	transform: rotate(45deg) translate(-50%);
	transition: 0.4s;
	width: 0.4375rem;
}

.circle-btn.circle-btn-90 {
	transform: rotate(-90deg);
}

/* drawer */

.drawer {
	height: 100vh;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: 0;
	transition: all 0.5s ease-in-out;
	visibility: hidden;
	width: 100%;
	z-index: -1;
}

.drawer::before {
	background-color: rgba(0, 0, 0, 0.5);
	content: "";
	height: 110%;
	left: 0;
	opacity: 0;
	position: absolute;
	right: 0;
	top: -100px;
	transition: all 0.5s ease-in-out;
	width: 100%;
	z-index: -1;
}

.drawer__items {
	background-color: #121212;
	height: 100vh;
	max-width: 45%;
	top:-40px;
	overflow-y: scroll;
	padding: 130px 20px;
	position: relative;
	transform: translateX(-100%);
	transition: all 0.5s ease-in-out;
	z-index: 20;
	display: grid;
}

.drawer__item a {
	color: #fff;
	display: block;
	font-size: 0.75rem;
	padding: 15px 10px;
}

.drawer__item {
	border-top: 1px solid #fff;
	color: #fff;
}

.drawer__item:last-child {
	border-bottom: 1px solid #fff;
}

.drawer.is-open {
	opacity: 1;
	transition: all 0.5s ease-in-out;
	visibility: visible;
	z-index: 12;
}

.drawer.is-open::before {
	opacity: 1;
	transition: all 0.5s ease-in-out;
}

.drawer__items.is-open {
	transform: translateX(0);
	transition: all 0.5s ease-in-out;
}


@media only screen and (max-width: 959px) {
	header.header {
	  height: auto !important;
	  background-color:#0D0015;
	}
	.header nav {
	  clear: both;
	  /*padding-top: 70px;*/
	  padding-top: 65px;
	  display: block;
	  float: none;
	  width: 100%;
	}
	.header nav > ul > li,
	.header nav > ul > li a {
	  line-height: normal;
	  height: auto !important;
	  display: block;
	  margin: 0 !important;
	  padding: 0;
	  border: 0 !important;
	}
	.header nav ul ul li.has-children a {
	  background-image: none !important;
	}
	.header nav > ul > li {
	  /*background-color: #43474d;*/
	  background-color: #F5F5F5!important;
	  text-align: left!important;
	}
	.header nav > ul > li a {
	  color: #999999!important;
	  color: #43474d!important;
	}
	.header nav li a {
		padding: 12px 10px !important;
	}
	.header nav ul {
	  padding: 0 20px !important;
	  background-color: #F5F5F5 !important;
	}
	.header nav ul li a {
	  border-bottom: 1px solid #999999 !important;
	  position: relative;
	  /* padding-right: 30px !important; */
	}
	.header nav ul li a .mobile-menu-toggle {
	  right: 0;
	  top: 0;
	  position: absolute;
	  width: 50px;
	  height: 53px;
	  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxNXB4IiB2aWV3Qm94PSIwIDAgMTUgMTUiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDE1IDE1IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cG9seWdvbiBmaWxsPSIjOTk5OTk5IiBwb2ludHM9IjE1LDcgOCw3IDgsMCA3LDAgNyw3IDAsNyAwLDggNyw4IDcsMTUgOCwxNSA4LDggMTUsOCAiLz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48L3N2Zz4=) !important;
	  background-position: right center;
	  background-repeat: no-repeat;
	}
	.header nav ul li a .mobile-menu-toggle.opened {
	  background-image: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMTVweCIgaGVpZ2h0PSIxcHgiIHZpZXdCb3g9IjAgMCAxNSAxIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxNSAxIiB4bWw6c3BhY2U9InByZXNlcnZlIj48cmVjdCBmaWxsPSIjOTk5OTk5IiB3aWR0aD0iMTUiIGhlaWdodD0iMSIvPjxnPjwvZz48Zz48L2c+PGc+PC9nPjxnPjwvZz48Zz48L2c+PGc+PC9nPjwvc3ZnPg==) !important;
	}
	.header nav ul ul li a {
	  background-image: none !important;
	}
	.header nav > ul li:hover {
	  background-color: #f5f5f5 !important;
	}
	.header nav ul li:hover a,
	.header nav ul ul li:hover a {
	  color: #999999 !important;
	}
	.header nav ul li a:hover,
	.header nav ul ul li a:hover {
	  border-bottom: 1px solid #999999 !important;
	  height: auto !important;
	  color: #189A98 !important;
	}
	.header nav li {
	  display: block;
	  width: 100%;
	  float: none;
	  padding-right: 0 !important;
	  margin: 0 !important;
	}
	.header nav > ul > li:last-of-type a,
	.header nav > ul > li:last-of-type a:hover {
	  border-bottom: 0 !important;
	}
	.header nav ul ul {
	  display: none;
	  position: static !important;
	  margin: 0 !important;
	  border-top: 0 !important;
	  visibility: visible !important;
	  opacity: 1 !important;
	}
	.header nav ul li a span {
	  display: inline;
	  font-size: 12px;
	  font-size: 1.2rem;
	  margin-left:10px;
	}
  
  }

.four-styles {
	background-image: url(../../wedding/style_test/images/common/bg_four-styles.jpg);
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	margin-top: 100px;
	padding-bottom: 80px;
	padding-top: 80px;
}

.four-styles__head {
	color: #fffffc;
	text-align: center;
}

.four-styles__title span {
	display: block;
	font-size: 1rem;
	font-weight: 500;
	line-height: 1;
	margin-bottom: 8px;
}

.four-styles__title {
	font-size: 1.25rem;
	font-weight: 500;
	line-height: 1;
	padding-bottom: 30px;
}

.four-styles__contents {
	grid-row-gap: 1rem;
	display: grid;
	margin-top: 40px;
	row-gap: 1rem;
}

.header {
	background-color: #222;
	height: 64px;
}

.header__btn:hover {
	cursor: pointer;
}

.header__logo.is-hide {
	transition: all 0.5s ease-in-out;
	z-index: 0;
}

.inner {
	margin-inline: auto;
	max-width: 90%;
	padding-left: 20px;
	padding-right: 20px;
	width: 100%;
}

.line--white {
	background-color: #fff;
	display: inline-block;
	height: 1px;
	width: 100%;
}

.line--white1 {
	display: none;
}

.line--black {
	background-color: #222;
	display: block;
	height: 1px;
	width: 100%;
}

.mv-bottom {
	background-color: #fffffc;
	position: relative;
	z-index: 0;
}

.mv-bottom__wrap {
	padding-bottom: 40px;
	position: relative;
	z-index: 0;
}

.mv-bottom__inner {
	margin-left: auto;
	width: 90%;
	position: relative;
	padding-right: 10%;
}

.mv-bottom__images {
	position: relative;
	z-index: 0;
	width: 100%;
	height: 500px;
	margin: auto;
	top: 50px;
}

.page-style #main-visual-2 {
	/* background-image:url(../../assets/img/wedding/facility2/mainimg.webp); */
	/* background-repeat: no-repeat; */
	background-position-x: 70%;
}

.mv-bottom_img-sp1 {
	width: 190px;
	position: absolute;
	left: 50%;
	transform: translate(-50%);
}
.mv-bottom_img-sp2 {
	width: 240px;
    margin-left: auto;
	bottom: 50px;
	position: absolute;
	z-index: -1;
	right: 0;
}
.mv-bottom_img-sp3 {
	width: 240px;
	position: absolute;
	top: 40%;
}
.mv-bottom__desc {
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	word-break: auto-phrase;
}

.mv-bottom__desc h3 {
	font-size: 0.875rem;
	font-style: normal;
	font-weight: 500;
}

.mv-bottom__message {
	margin-left: auto;
	margin-right: auto;
	margin-top: 20px;
	word-break: auto-phrase;
}

.mv-bottom__message p {
	font-size: 0.75rem;
	font-weight: 400;
	line-height: 2;
}

.mv__img img {
	-o-object-fit: contain;
	aspect-ratio: 375/400;
	height: 100%;
	object-fit: contain;
	width: 100%;
}

.mv__title {
	background-color: #222;
	color: #fffffc;
	padding-bottom: 310px;
	padding-top: 64px;
	text-align: center;
}

.mv__main h2 {
	font-family: "Sorts Mill Goudy", serif;
	font-size: 2rem;
	font-style: normal;
	font-weight: 400;
	color: #fff;
}

.mv__main p {
	font-size: 1rem;
	color: #fff;
}

.mv__text {
	margin-top: 28px;
	padding: 0 5%;
}

.mv__text p {
	font-size: 0.75rem;
	text-align: left;
	color: #fff;
	word-break: auto-phrase;
}

.mv__bottom {
	background-color: #fffffc;
	box-shadow: 0 0 20px #707070;
	margin-left: auto;
	position: relative;
	top: -230px;
	width: 95%;
	z-index: 1;
}

.pc-nav__items {
	-moz-column-gap: clamp(0.625rem, 0.208rem + 0.87vw, 1.25rem);
	align-items: center;
	column-gap: clamp(0.625rem, 0.208rem + 0.87vw, 1.25rem);
	display: flex;
	margin-left: 200px;
}

.report {
	padding-bottom: 80px;
	padding-top: 80px;
}

.report__inner {
	text-align: center;
}

.report__title {
	font-family: "Sorts Mill Goudy", serif;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1;
}

.reservation {
	background-color: #EFF7F5;
	padding-bottom: 80px;
	padding-top: 80px;
}

.reservation__inner {
	text-align: center;
}

.reservation__title {
	font-family: "Sorts Mill Goudy", serif;
	font-size: 1.75rem;
	font-weight: 400;
	line-height: 1;
	text-transform: uppercase;
}

.reservation__description {
	font-size: 0.75rem;
	line-height: 1.6666666667;
	margin-top: 27px;
}

.reservation__images {
	-moz-column-gap: 10px;
	align-items: center;
	column-gap: 10px;
	display: flex;
	justify-content: center;
	margin-top: 20px;
}

.reservation__images img {
	-o-object-fit: cover;
	aspect-ratio: 1/1;
	height: 100%;
	max-width: 4.0625rem;
	object-fit: cover;
	width: 100%;
}

.reservation__btn {
	grid-row-gap: 16px;
	display: grid;
	margin-top: 20px;
	row-gap: 16px;
}

.slider-card {
	display: flex;
	flex-direction: column;
	/* max-width: 67.2%; */
}

.slider-card img {
	-o-object-fit: cover;
	aspect-ratio: 252/168;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.slider-card__head {
	margin-top: 20px;
}

.slider-card__title {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.8333333333;
}

.slider-card__text-wrap {
	margin-top: 20px;
}

.slider-card__text {
	font-size: 0.625rem;
	font-weight: 400;
	line-height: 2;
	word-break: auto-phrase;
}

/* .style__inner {
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
} */

main {
	position: relative;
	top: -146px;
}
/* .wrap_slider_top_report_sp .bx-wrapper {
	padding-left: 10px;
}
.wrap_slider_top_report_sp .bx-wrapper .bx-pager {
	text-align: center;
}
.bx-wrapper {
	border: none;
	box-shadow: none;
	padding-left: 10%;
}
.bx-wrapper .bx-prev, .bx-wrapper .bx-next {
	display: block;
}

.bx-wrapper .bx-controls-direction a {
	margin-top: 0;
	z-index: 0;
}

.bx-wrapper .bx-prev {
	background: no-repeat center/100% url("/assets/images/common/prev_sp.png");
	left: -5px;
}

.bx-wrapper .bx-next {
	background: no-repeat center/100% url("/assets/images/common/next_sp.png");
	right: -3px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	height: 5px;
	width: 5px;
}

.bx-wrapper .bx-pager {
	text-align: left;
	width: 50%;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: -50px;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
	background-position: 0 0;
	background-position: initial;
} */

.type__inner {
	margin-top: 80px;
	position: relative;
	z-index: 0;
}

.type__head {
	color: #fffffc;
	height: 18.75rem;
	margin-left: calc(50% - 50vw);
	margin-right: calc(50% - 50vw);
	padding-top: 48px;
	position: relative;
	text-align: center;
	z-index: -2;
}

.type__head {
	position: sticky;
	top: 0;
}

.type__head::before {
	background-color: #222;
	content: "";
	display: block;
	height: 18.75rem;
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
}

.type__head.head1 {
	background-image: url(../../assets/img/wedding/facility2/img_01.webp);
	background-position-x: 80%;
	background-repeat: no-repeat;
	background-size: cover;
}

.type__head.head2 {
	background-image: url(../../assets/img/wedding/facility2/img_02.webp);
	background-position: 50% 75%;
	background-repeat: no-repeat;
	background-size: cover;
}

.type__head.head3 {
	background-image: url(../../assets/img/wedding/facility2/img_03.webp);
	background-position-x: 50%;
	background-repeat: no-repeat;
	background-size: cover;
}

.type__head.head4 {
	background-image: url(../../assets/img/wedding/facility2/img_04.webp);
	background-position-x: 70%;
	background-repeat: no-repeat;
	background-size: cover;
}

.type__title {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1;
	color:#fff;
	margin-bottom: 10px;
}

.type__title-en {
	font-family: "Sorts Mill Goudy", serif;
	font-size: 0.625rem;
	margin-top: 0.375rem;
	color:#fff;
	margin-bottom: 0;
}

.type__number {
	font-size: 1.8125rem;
	font-weight: 400;
}

.type__body {
	background-color: #fffffc;
	box-shadow: 0px 0px 20px #707070;
	margin-left: auto;
	margin-right: calc(50% - 50vw);
	margin-top: -130px;
	padding-bottom: 40px;
	width: 88%;
}

.type__text-wrap {
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	max-width: 77%;
}

.type__block1 {
	margin-bottom: 30px;
}

.type__block1-img {
	width: 100%;
}

.type__block1-img img {
	-o-object-fit: cover;
	aspect-ratio: 332/220;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.type__text1 {
	font-size: 0.75rem;
	line-height: 1.6666666667;
	word-break: auto-phrase;
}

.type__block2 {
	margin-left: auto;
	overflow-x: hidden;
	width: 88%;
}

.type__block2-slider {
	/* max-width: 15.75rem; */
	width: 100%;
}

.type__block2-slider img {
	-o-object-fit: cover;
	aspect-ratio: 252/168;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.type__block3 {
	margin-top: 80px;
}

.type__block3 picture {
	display: block;
	width: 100%;
}

.type__block3 img {
	-o-object-fit: cover;
	aspect-ratio: 332/410;
	height: 100%;
	object-fit: cover;
	width: 100%;
}

.type__block3-text {
	font-size: 0.75rem;
	font-weight: 500;
	line-height: 1.8333333333;
	margin-top: 20px;
}

.type__block3-price {
	font-size: 0.625rem;
	line-height: 1;
	margin-top: 12px;
}

.type__block3-inner {
	margin-left: auto;
	margin-top: 40px;
	max-width: 88%;
	padding-top: 20px;
	width: 100%;
}
/* 前へ次への矢印カスタマイズ */
.style-carousel .page-style-button-prev,
.style-carousel .swiper-button-next {
  height: 50px;
  width: 50px;
}
/* 前へ次への矢印カスタマイズ */
.style-carousel .page-style-button-prev::after,
.style-carousel .page-style-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
/* 前への矢印を画像に変更 */
.style-carousel .page-style-button-prev::after {
	background-image: url(../../assets/img/wedding/facility2/prev.jpg)!important;
}
/* 次への矢印を画像に変更 */
.style-carousel .page-style-button-next::after {
	background-image: url(../../assets/img/wedding/facility2/next.jpg)!important;
}
/* 画像サイズ調整 */
.style-carousel .swiper-slide img {
  height: auto;
  width: 100%;
}



@media screen and (min-width: 500px) and (max-width: 768px) {
	.mv-bottom__images {
		max-width: 70%;
	}
	.mv-bottom__image1 {
		left: 40%;
	}
	.mv-bottom__image2 {
		right: 16%;
	}
	.mv-bottom__image3 {
		left: 22%;
	}
}
@media screen and (min-width: 600px) {

.circle-btn:hover::before {
	top: 65%;
	transition: 0.4s;
}

.circle-btn:hover::after {
	top: 64%;
	transition: 0.4s;
}

}

@media screen and (min-width: 768px) {
.page-style #main-visual-2 {
	background-position: center;
	height: 750px;
}
.bx-wrapper {
	padding-left: initial;
}
.pc {
	display: block;
}

.sp {
	display: none;
}

html {
	font-size: 1.25vw;
}

.card1 {
	flex-direction: column;
}

.card1__top {
	max-width: 100%;
}

.card1__img img {
	aspect-ratio: 480/392;
}

.card1__inner {
	-webkit-backdrop-filter: initial;
	align-items: initial;
	backdrop-filter: initial;
	justify-items: initial;
	left: 1.25rem;
	place-items: initial;
}

.card1__img-text {
	font-size: 1rem;
}

.card1__img-detail {
	font-size: 0.75rem;
}

.card1__bottom {
	margin-top: auto;
	max-width: 100%;
	padding: 1rem 0.125rem;
}

.card1__head {
	font-size: 2.75rem;
}

.card1__head::after {
	max-width: 2.75rem;
}

.card1__title {
	font-size: 1rem;
}

.card1__title-en {
	font-size: 0.875rem;
	line-height: 17/14;
	margin-top: 0.75rem;
}

.card2__left {
	max-width: 22.58%;
}

.card2__img {
	max-width: 8.75rem;
}

.card2__right {
	margin-left: 1.25rem;
}

.card2__title {
	font-size: clamp(1rem, 0.111rem + 1.85vw, 1.5rem);
	white-space: nowrap;
}

.card2__btn {
	max-width: 3.125rem;
}

.card2__btn .circle-btn.circle-btn-90 {
	width: 54px;
}

.circle-btn {
	height: 3.375rem;
	width: 3.375rem;
}

.circle-btn::after {
	left: 47%;
}

.drawer__item a {
	font-size: 0.875rem!important;
}

.four-styles {
	background-size: contain;
	padding-bottom: 120px;
	padding-top: 120px;
}

.four-styles__title span {
	font-size: 1.25rem;
	font-weight: 400;
	line-height: 1.7;
}

.four-styles__title {
	font-size: 2rem;
	font-weight: 400;
	line-height: 0.5925925926;
	padding-bottom: 40px;
}

.four-styles__contents {
	-moz-column-gap: 2.5rem;
	column-gap: 2.5rem;
	grid-template-columns: 1fr 1fr;
	row-gap: 1.25rem;
}

.four-styles__inner {
	width: 90%;
}
.inner {
	max-width: 1330px;
	padding-left: 25px;
	padding-right: 25px;
}

.line--white1 {
	background-color: #fff;
	display: inline-block;
	height: 1px;
	width: 100%;
}

.mv-bottom {
	background: transparent;
}

.mv-bottom__wrap {
	display: flex;
	flex-direction: row-reverse;
	padding-bottom: 80px;
	padding-left: 25px;
	padding-right: 25px;
	padding-top: 80px;
}

.mv-bottom__wrap::before {
	background-color: #fffffc;
	box-shadow: 0 0 20px #707070;
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 78%;
}

.mv-bottom__inner {
	width: 45%;
}

.mv-bottom__images {
	width: 50%;
	height: initial;
	top: 0;
}

.mv-bottom__image1 {
	aspect-ratio: 269/404;
	height: clamp(23.75rem, 22.75rem + 2.08vw, 25.25rem);
	left: 40%;
	top: -18rem;
	width: clamp(15.625rem, 14.792rem + 1.74vw, 16.875rem);
	-o-object-fit: cover;
	content: "";
	display: block;
	object-fit: cover;
	position: absolute;
	transform: translateX(-50%);
	z-index: 3;
}

.mv-bottom__image2 {
	height: clamp(23.75rem, 22.917rem + 1.74vw, 25rem);
	width: clamp(23.75rem, 22.917rem + 1.74vw, 25rem);
	top: -4rem;
	right: -20px;
	-o-object-fit: cover;
	aspect-ratio: 1/1;
	content: "";
	display: block;
	object-fit: cover;
	position: absolute;
	z-index: 2;
}

.mv-bottom__image3 {
	aspect-ratio: 400/186;
	height: clamp(10.625rem, 9.958rem + 1.39vw, 11.625rem);
	left: -20px;
	top: 50px;
	width: clamp(23.75rem, 22.917rem + 1.74vw, 25rem);
	-o-object-fit: cover;
	content: "";
	display: block;
	object-fit: cover;
	position: absolute;
	z-index: 4;
}

.mv-bottom__desc h3 {
	font-size: 1.25rem;
}

.mv-bottom__message p {
	font-size: 0.875rem;
}

.mv__inner {
	-moz-column-gap: clamp(6.25rem, 5rem + 2.6vw, 8.125rem);
	column-gap: clamp(6.25rem, 5rem + 2.6vw, 8.125rem);
	display: flex;
	justify-content: space-evenly;
}

.mv__img img {
	aspect-ratio: 1920/700;
}

.mv__main {
	margin-top: 48px;
}

.mv__main h2 {
	font-size: clamp(3rem, 2.75rem + 0.52vw, 3.375rem);
	color: #fff;
}

.mv__main p {
	font-size: clamp(1.25rem, 1.083rem + 0.35vw, 1.5rem);
	color: #fff;
}

.mv__text {
	margin-top: 48px;
	width: 40.4%;
	padding: 0;
}

.mv__text p {
	font-size: 1rem;
	color: #fff;
}

.mv__bottom {
	box-shadow: none;
	box-shadow: initial;
	margin-left: auto;
	margin-right: auto;
	max-width: 83.125rem;
	padding-left: 25px;
	padding-right: 25px;
	top: -180px;
	width: 100%;
}

.report__title {
	font-size: 3.375rem;
}

.reservation__title {
	font-size: 3.375rem;
}

.reservation__description {
	font-size: 1.125rem;
	line-height: 1.7222222222;
	margin-top: 20px;
}

.reservation__images {
	-moz-column-gap: 14px;
	column-gap: 14px;
	margin-top: 40px;
}

.reservation__images img {
	max-width: 6.875rem;
}

.reservation__btn {
	-moz-column-gap: 24px;
	column-gap: 24px;
	grid-template-columns: 1fr 1fr;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	max-width: 61.5rem;
	width: 100%;
}

.slider-card {
	max-width: none;
	max-width: initial;
}

.slider-card img {
	aspect-ratio: 600/557;
}

.slider-card__title {
	font-size: 1rem;
}

.slider-card__text {
	font-size: 0.875rem;
}

.style {
	margin-top: 100px;
}

.style__inner {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	width: 90%;
	margin-inline: auto;
}

.bx-wrapper .bx-controls-direction a {
	height: 64px;
	width: 64px;
}

.bx-wrapper .bx-prev {
	background: no-repeat center/100% url("/assets/images/common/prev_pc.png");
}

.bx-wrapper .bx-next {
	background: no-repeat center/100% url("/assets/images/common/next_pc.png");
}

.type {
	padding-bottom: 200px;
}

.type__head {
	align-items: center;
	display: grid;
	height: 80vh;
	text-align: left;
	width: 16.67%;
	writing-mode: vertical-rl;
}

.type__head {
	top: 75px;
}

.type__head::before {
	height: 100vh;
}

.type__head.head2 {
	background-position: 30% 75%;
	background-size: cover;
}

.type__head.head3 {
	background-position-x: 50%;
	background-size: cover;
}

.type__title {
	font-size: 1.5rem;
	letter-spacing: 0.2em;
	line-height: 1.25;
	color: #fff;
	white-space: nowrap;
}

.type__title-en {
	font-size: 0.875rem;
	margin-left: -20px;
	order: -1;
	color: #fff;
}

.type__number {
	font-size: 2.5rem;
	padding-top: 40%;
	writing-mode: horizontal-tb;
}

.type__number-sub {
	writing-mode: vertical-rl;
}

.type__body {
	box-shadow: none;
	margin-top: -75%;
	position: relative;
	right: 0;
	top: 7.5rem;
	width: 78%;
}

.type__text-wrap {
	margin-left: 0;
	margin-left: initial;
	margin-right: 0;
	margin-right: initial;
}

.type__block1 {
	-moz-column-gap: 30px;
	align-items: center;
	column-gap: 30px;
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

.type__block1-img {
	max-width: 55%;
}

.type__block1-img img {
	aspect-ratio: 880/587;
}

.type__text1 {
	font-size: 1rem;
	line-height: 2;
	word-break: auto-phrase;
}

.type__block2-slider {
	margin-left: 2.5rem;
	max-width: 37.5rem;
}

.type__block2-slider {
	max-width: 37.5rem;
}

.type__block2-slider img {
	aspect-ratio: 600/400;
}

.type__block3 img {
	aspect-ratio: 1360/400;
}

.type__block3-text {
	font-size: 1rem;
	margin-top: 40px;
}

.type__block3-price {
	font-size: 0.875rem;
}

.type__block3-inner {
	max-width: none;
	max-width: initial;
}

}

@media screen and (min-width: 1024px) {

.type__body {
	margin-top: -50%;
}

}

@media (min-width: 1280px) {

html {
	font-size: 16px;
}

}

@media (max-width: 375px) {

html {
	font-size: 4.2666666667vw;
}

}

@keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes fadeInDown {

0% {
	opacity: 0;
	transform: translateY(-50px);
}

100% {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes fadeInUp {

0% {
	opacity: 0;
	transform: translateY(50px);
}

100% {
	opacity: 1;
	transform: translateY(0);
}

}

@keyframes fadeIn {

0% {
	opacity: 0;
}

100% {
	opacity: 1;
}

}

@keyframes slideRight {

0% {
	opacity: 0;
	width: 0;
}

100% {
	opacity: 1;
	width: 100%;
}

}