@charset "utf-8";
/*
Theme Name: HOTEL MARK-1
Theme URI: null
Description: Description
Author: 81bridge - SGX
Version: 1.0
*/
.aligncenter {
	display: block;
	margin: 0 auto;
}
.alignright {
	float: right;
}
.alignleft {
	float: left;
}
img[class*="wp-image-"],
img[class*="attachment-"] {
	height: auto;
	max-width: 100%;
}
.wp-block-image figure,
.wp-block-image figcaption {
	display: block;
}
.wp-block-image figcaption {
	text-align: center;
}
a.nolink,
a.nolink:hover {
	opacity: 1;
	cursor: default;
	pointer-events: none;
}
/*------------------------------------------------------------
	デフォルトスタイル
------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figcaption, figure, section, footer, header, main, hgroup, menu, nav, summary {
	margin: 0;
	padding: 0;
	background: transparent;
	border: 0;
	outline: 0;
	font-size: 1em;
	box-sizing: border-box;
}
html {
	font-size: 62.5%;
}
@media all and (min-width: 897px) and (max-width: 1366px) {
	html {
		font-size: calc(1000vw / 1366);
	}
}
@media all and (max-width: 389px) {
	html {
		font-size: calc(1000vw / 390);
	}
}
body, table, input, textarea, select, option {
	font-family: "Noto Sans JP", sans-serif;
}
article, aside, canvas, details, figcaption, figure, footer, header, main, hgroup, menu, nav, section, summary {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
chrome_annotation {
	border: none !important;
}
:focus {
	outline: 0;
}
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}
img {
	vertical-align: top;
	max-width: 100%;
	height: auto;
}
address {
	font-style: normal;
}
a,
a:link {
	color: #242526;
	text-decoration: none;
	transition: 0.3s;
}
a:visited {
	color: #242526;
}
a:hover {
	color: #242526;
}
a:active {
	color: #242526;
}
/*------------------------------------------------------------
	汎用スタイル
------------------------------------------------------------*/
/* 81-LTT */
/* clearfix */
.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
/* flex */
.flex, .flexA, .flexB, .flexC {
	display: flex;
	flex-wrap: wrap;
}
.flexA {
	justify-content: space-around;
}
.flexB {
	justify-content: space-between;
}
.flexC {
	justify-content: center;
}
/*------------------------------------------------------------
	font
------------------------------------------------------------*/
.playfair {
	font-weight: 400;
	font-family: "Playfair Display", serif;
}
.serif {
	font-weight: 400;
	font-family: "Noto Serif JP", serif;
}
/*------------------------------------------------------------
	レイアウト
------------------------------------------------------------*/
body {
	color: #242526;
	font-size: 1.6rem;
	font-weight: 400;
	line-height: 1.5;
	text-size-adjust: none;
	-webkit-text-size-adjust: none;
	background: #FFF url("img/common/bg01.webp") no-repeat left top / 66.5rem;
}
.fixed {
	position: fixed;
	width: 100%;
	height: 100%;
}
#container {
	padding-top: 10rem;
	position: relative;
	text-align: left;
}
a[href^="tel:"] {
	cursor: default;
	pointer-events: none;
}
@media all and (min-width: 897px) {
	.sp {
		display: none !important;
	}
	.fixed {
		overflow-y: scroll;
	}
}
@media all and (max-width: 896px) {
	body {
		min-width: inherit;
		background-position: left 6rem;
		background-size: 28.5rem;
	}
	#container {
		padding-top: 6rem;
	}
	a:hover,
	a:hover img {
		opacity: 1 !important;
	}
	.pc {
		display: none !important;
	}
	a[href^="tel:"] {
		cursor: pointer;
		pointer-events: auto;
	}
}
/*------------------------------------------------------------
	ヘッダー
------------------------------------------------------------*/
#gHeader {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	align-items: center;
	transition: .3s;
	background-color: #FFF;
	z-index: 100;
}
#gHeader .logo {
	margin-left: 2.9rem;
	width: 28.6rem;
}
#gHeader .logo .white {
	display: none;
}
#gHeader .rBox {
	flex: 1;
	justify-content: flex-end;
}
#gHeader .btn a {
	padding: 2rem 1rem 0.5rem;
	height: 10rem;
	display: block;
	width: 10rem;
	color: #fff;
	font-size: 1.2rem;
	font-weight: 500;
	letter-spacing: 0.06rem;
	font-family: "Noto Serif JP", serif;
	text-align: center;
	background-color: #00C3C9;
}
#gHeader .btn a:hover {
	opacity: 0.5;
}
#gHeader .btn img {
	display: block;
	margin: 0 auto 0.4rem;
	transform: translateX(0.4rem);
	width: 4rem;
}
#gNavi {
	margin-right: 1.3rem;
	flex: 1;
}
#gNavi > ul {
	height: 100%;
	justify-content: flex-end;
}
#gNavi > ul > li {
	position: relative;
}
#gNavi > ul > li > a {
	padding: 1rem 1.8rem;
	height: 100%;
	display: flex;
	align-items: center;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.07rem;
}
#gNavi .dropList {
	display: none;
	padding: 4.5rem 2rem 4.5rem 4.5rem;
	width: 30.2rem;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	top: 100%;
	background: linear-gradient(140deg, #F6F6F6 22.77%, #FFF 100%);
	box-shadow: 0.5rem 0.5rem 1rem 0rem rgba(0, 0, 0, 0.10);
	z-index: 80;
}
#gNavi .dropList li:not(:last-child) {
	margin-bottom: 1.2rem;
}
#gNavi .dropList a {
	padding-left: 1.2rem;
	display: inline-block;
	position: relative;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.07rem;
}
#gNavi .dropList a:before {
	position: absolute;
	left: 0;
	top: 0.5rem;
	content: "−";
	line-height: 1;
}
@media all and (min-width: 897px) {
	#gNavi > ul > li > a:hover, #gNavi .dropList a:hover {
		color: #00C3C9;
	}
	#gHeader .rBox {
		display: flex !important;
	}
}
@media all and (max-width: 896px) {
	#gHeader {
		position: static;
	}
	#gHeader .hInner {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		align-items: center;
		background-color: #fff;
		z-index: 100;
	}
	#gHeader .logo {
		margin-left: 1.3rem;
		width: 17.7rem;
	}
	.menu {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 6rem;
		height: 6rem;
		cursor: pointer;
		z-index: 101;
		transition: opacity .25s ease;
		-webkit-transition: all .3s ease;
		transition: all .3s ease;
		box-sizing: border-box;
		background-color: #fff;
	}
	.menu > div {
		margin: 0 auto;
		width: 2.3rem;
		height: 1.4rem;
		position: relative;
	}
	.menu span {
		background-color: #000;
		border: none;
		height: 2px;
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
		-webkit-transition: all .35s ease;
		transition: all .35s ease;
		cursor: pointer;
	}
	.menu span:nth-of-type(2) {
		top: 0.7rem;
	}
	.menu span:nth-of-type(3) {
		top: 1.4rem;
	}
	.menu.on .top {
		-webkit-transform: translateY(0.7rem) translateX(0) rotate(45deg);
		-ms-transform: translateY(0.7rem) translateX(0) rotate(45deg);
		transform: translateY(0.7rem) translateX(0) rotate(45deg);
	}
	.menu.on .middle {
		opacity: 0;
	}
	.menu.on .bottom {
		-webkit-transform: translateY(-0.7rem) translateX(0) rotate(-45deg);
		-ms-transform: translateY(-0.7rem) translateX(0) rotate(-45deg);
		transform: translateY(-0.7rem) translateX(0) rotate(-45deg);
	}
	#gHeader .btn a {
		padding: 0.9rem 0.5rem 0.5rem;
		height: 6rem;
		width: 9.2rem;
	}
	#gHeader .btn img {
		margin-bottom: 0.1rem;
		transform: translateX(0);
		width: 2.6rem;
	}
	#gHeader .rBox {
		display: none;
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		padding: 0 2.4rem;
		overflow-y: auto;
		background: #F6F6F6;
		z-index: 99;
	}
	#gNavi {
		margin: 8.5rem 0;
		flex: 1;
	}
	#gNavi > ul {
		height: 100%;
		display: block;
	}
	#gNavi > ul > li {
		border-bottom: 1px solid #E2E1E1;
	}
	#gNavi > ul > li > a {
		padding: 1.6rem 3rem 1.8rem 0;
		display: block;
		font-size: 1.6rem;
		background: url(img/common/icon05.webp) no-repeat right 0.8rem center/0.7rem;
	}
	#gNavi > ul > li > .accordion {
		background: none;
	}
	#gNavi > ul > li .mark {
		position: absolute;
		right: 0;
		top: 0;
		width: 2.4rem;
		height: 100%;
		cursor: pointer;
		background: url(img/common/icon06.webp) no-repeat center 2.7rem/1.1rem;
	}
	#gNavi > ul > li .mark.on {
		background-image: url(img/common/icon07.webp);
	}
	#gNavi .dropList {
		padding: 0 0 2rem 2.4rem;
		width: auto;
		position: static;
		transform: none;
		background: none;
		box-shadow: none;
		display: none;
	}
}
/*------------------------------------------------------------
	フッター
------------------------------------------------------------*/
#gFooter {
	padding: 10.3rem 15.8rem 8.3rem;
	position: relative;
	background-color: #F6F6F6;
}
#gFooter .pageTop {
	position: absolute;
	width: 6rem;
	right: 2rem;
	bottom: 2rem;
}
#gFooter .pageTop a:hover {
	opacity: 0.5;
}
#gFooter .fLogo {
	margin: 0 auto 8rem;
	width: 28.6rem;
}
#gFooter .fNavi {
	gap: 6.8rem 0;
	margin-bottom: 6.5rem;
}
#gFooter .fNavi > li {
	padding-right: 2rem;
	width: 26.4%;
}
#gFooter .fNavi > li:nth-child(4n-3) {
	width: 30.6%;
}
#gFooter .fNavi > li:nth-child(4n) {
	margin-right: -2rem;
	width: auto;
	flex: 1;
}
#gFooter .fNavi > li > a {
	margin-bottom: 1.4rem;
	display: inline-block;
	font-weight: 600;
	letter-spacing: 0.08rem;
}
#gFooter .fNavi > li > a:last-child {
	margin-bottom: 0;
}
#gFooter .subList li:not(:last-child) {
	margin-bottom: 1.2rem;
}
#gFooter .subList a {
	padding-left: 1.2rem;
	display: inline-block;
	position: relative;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.07rem;
}
#gFooter .subList a:before {
	position: absolute;
	left: 0;
	top: 0.3rem;
	content: "−";
	line-height: 1;
}
#gFooter .btmBox .fLink li {
	margin-right: 2.2rem;
	position: relative;
}
#gFooter .btmBox .fLink li:last-child, #gFooter .btmBox .fLink li:last-child a {
	margin-right: 0;
}
#gFooter .btmBox .fLink li:not(:last-child):after {
	position: absolute;
	right: 0;
	top: 0.6rem;
	width: 1px;
	height: calc(100% - 1rem);
	background-color: #7B7B7B;
	content: "";
}
#gFooter .btmBox .fLink a {
	margin-right: 2.2rem;
	color: #7B7B7B;
	font-size: 1.4rem;
	display: inline-block;
	letter-spacing: 0.07rem;
}
#gFooter address {
	margin-top: 0.3rem;
	flex: 1;
	color: #7B7B7B;
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
	text-align: right;
}
@media all and (min-width: 1920px) {
	#gFooter .fInner {
		margin: 0 auto;
		max-width: 192rem;
	}
}
@media all and (min-width: 897px) {
	#gFooter .fNavi a:hover, #gFooter .fLink a:hover {
		color: #00C3C9;
	}
}
@media all and (max-width: 896px) {
	#gFooter {
		padding: 4.3rem 2.4rem 10.5rem;
	}
	#gFooter .pageTop {
		display: none;
	}
	#gFooter .fLogo {
		margin-bottom: 1.9rem;
		width: 17.7rem;
	}
	#gFooter .fNavi {
		display: block;
		margin-bottom: 3rem;
	}
	#gFooter .fNavi > li {
		padding-right: 0;
		position: relative;
		width: auto !important;
		border-bottom: 1px solid #E2E1E1;
	}
	#gFooter .fNavi > li:nth-child(4n) {
		margin-right: 0;
	}
	#gFooter .fNavi > li > a {
		margin-bottom: 0;
		padding: 1.6rem 3rem 1.8rem 0;
		display: block;
		background: url(img/common/icon05.webp) no-repeat right 0.8rem center/0.7rem;
	}
	#gFooter .fNavi > li > .accordion {
		background: none;
	}
	#gFooter .fNavi > li .mark {
		position: absolute;
		right: 0;
		top: 0;
		width: 2.4rem;
		height: 100%;
		cursor: pointer;
		background: url(img/common/icon06.webp) no-repeat center 2.7rem/1.1rem;
	}
	#gFooter .fNavi > li .mark.on {
		background-image: url(img/common/icon07.webp);
	}
	#gFooter .subList {
		padding: 0 0 3.5rem 2.4rem;
		display: none;
	}
	#gFooter .subList li:not(:last-child) {
		margin-bottom: 0.9rem;
	}
	#gFooter .btmBox {
		display: block;
	}
	#gFooter .btmBox .fLink {
		margin-bottom: 3.2rem;
		justify-content: center;
	}
	#gFooter address {
		margin-top: 0.3rem;
		flex: 1;
		text-align: center;
	}
}
/*------------------------------------------------------------
    content
------------------------------------------------------------*/
.content {
	max-width: 192rem;
	padding: 0 12.3rem;
	margin: 0 auto;
	position: relative;
}
@media all and (max-width: 896px) {
	.content {
		margin: 0 2.4rem;
		padding: 0;
	}
}
/*------------------------------------------------------------
	fixBox
------------------------------------------------------------*/
.fixBox {
	position: fixed;
	right: 0;
	top: 50%;
	display: flex;
	flex-direction: row-reverse;
	justify-content: flex-end;
	transform: translateY(-50%);
	z-index: 99;
}
.fixBox .fixBtn {
	background: #00C3C9;
	border-radius: 1rem 0rem 0rem 1rem;
	box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.25);
}
.fixBox .fixBtn a {
	display: block;
	background: url(img/common/icon04.webp) no-repeat right 1.9rem bottom 1.4rem/2.1rem;
}
.fixBox .fixBtn a:hover {
	opacity: 0.5;
}
.fixBox .fixBtn a.on {
	background-image: url(img/common/icon04_on.webp)
}
.fixBox .fixBtn img {
	width: 9.4rem;
	margin-bottom: -2rem;
	transform: translateY(-2rem);
}
.fixBox .formBox {
	position: absolute;
	right: 9.4rem;
	top: -1rem;
	width: 58.6rem;
	padding: 1rem 0 1rem 1rem;
	clip-path: inset(0 0 0 100%);
	transform: translateX(1rem);
	transition: .3s;
}
.fixBox .formBox .subBox {
	padding: 1rem 0.5rem 0.9rem 1rem;
	background: #00C3C9;
	box-shadow: 0rem 0rem 1rem 0rem rgba(0, 0, 0, 0.25);
	border-radius: 1rem 0rem 0rem 1rem;
	min-height: 29.2rem;
}
.fixBox .formBox.open {
	clip-path: inset(0 0 0 0);
}
.fixBox .formBox .mailForm {
	padding: 1.4rem 0 1.8rem;
	background-color: #fff;
}
.fixBox .formBox .lBox, .fixBox .formBox .rBox {
	padding: 0 1rem 0 2rem;
	width: 55.7%;
}
.fixBox .formBox .rBox {
	width: auto;
	flex: 1;
	border-left: 1px solid #CACACA;
}
.fixBox .formBox .formDl dt {
	margin-bottom: 0.8rem;
	color: #00C3C9;
	font-weight: 500;
	letter-spacing: 0.08rem;
}
.fixBox .formBox .formDl dt .notes {
	margin-left: 0.6rem;
	color: #949494;
	font-size: 1.2rem;
	font-weight: 400;
	letter-spacing: 0.06rem;
	vertical-align: 0.1rem;
}
.fixBox .formBox input[type="text"], .fixBox .formBox select {
	padding: 0 0.5rem 0.1rem;
	height: 4rem;
	width: 4.3rem;
	text-align: center;
	border-radius: 0.5rem;
	background-color: #fff;
	border: 1px solid #CACACA;
}
.fixBox .formBox input[type="text"].wid01 {
	width: 6.4rem;
}
.fixBox .formBox select {
	padding-left: 1.4rem;
	padding-right: 3.5rem;
	width: 22rem;
	text-align: left;
	background: #fff url(img/common/icon09.webp) no-repeat right 1rem center/1.1rem;
}
.fixBox .formBox select.num {
	width: 7.9rem;
	text-align: center;
	background-position: right 1.5rem center;
}
.fixBox .formBox select.num02 {
	margin: 0 0.7rem;
}
.fixBox .formBox select.num01 {
	margin-right: 0.7rem;
}
.fixBox .formBox .formDl {
	margin-bottom: 1.3rem;
}
.fixBox .formBox .formDl dd {
	margin-bottom: 1rem;
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
}
.fixBox .formBox .check {
	margin-left: 1.9rem;
}
.fixBox .formBox input[type="checkbox"] ~ span {
	padding-left: 2.4rem;
	background: url(img/common/check_bg02.webp) no-repeat left 0.3rem/1.7rem;
}
.fixBox .formBox input[type="checkbox"]:checked ~ span {
	background-image: url(img/common/check_on_bg02.webp);
}
.fixBox .formBox .radioList li:not(:last-child) {
	margin-bottom: 0.1rem;
}
.fixBox .formBox .radioList input[type="radio"] ~ span {
	padding-left: 2.7rem;
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
	background: url(img/common/radio_bg02.webp) no-repeat left 0.3rem/1.7rem;
}
.fixBox .formBox .radioList input[type="radio"]:checked ~ span {
	background-image: url(img/common/radio_on_bg02.webp);
}
.fixBox .formBox .text {
	margin-bottom: 1rem;
	font-size: 1.6rem;
	position: relative;
}
.fixBox .formBox .text .hidden {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	z-index: 1;
}
.fixBox .formBox .text input:not(.hidden) {
	margin: 0 0.4rem 0 0.7rem;
	pointer-events: none;
	user-select: none;
}
.fixBox .formBox .text input.wid01 {
	margin-left: 0;
}
.fixBox .formBox .rBox .check {
	margin: 1.4rem 0 0;
	display: block;
}
.fixBox .formBox .rBox .formDl {
	margin-bottom: 2.2rem;
}
.fixBox .formBox .submit {
	justify-content: flex-start;
}
.fixBox .formBox .submit input {
	width: 20.7rem;
	min-height: 4.8rem;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	background: #00C3C9 url(img/common/icon08.webp) no-repeat right 1.6rem center/1.8rem;
	box-shadow: none;
	border-radius: 0;
}
@media all and (max-width: 896px) {
	.fixBox {
		top: auto;
		bottom: 0;
		width: 100%;
		display: block;
		transform: translateY(0);
		background: #00C3C9;
		border-radius: 1rem 1rem 0 0;
	}
	.fixBox .fixBtn {
		background: none;
		border-radius: 0;
		box-shadow: none;
	}
	.fixBox .fixBtn a {
		padding: 1.1rem 1rem 0.9rem;
		text-align: center;
		background: none !important;
	}
	.fixBox .fixBtn span {
		padding: 0 4.8rem;
		display: inline-block;
		background: url(img/common/icon04.webp) no-repeat right center/2.1rem;
	}
	.fixBox .fixBtn .on span {
		background-image: url(img/common/icon04_on.webp)
	}
	.fixBox .fixBtn img {
		margin-bottom: 0;
		width: 25.5rem;
		transform: translateY(0);
	}
	.fixBox .formBox {
		position: static;
		width: auto;
		display: none;
		padding: 0;
		clip-path: inherit;
		max-height: calc(100vh - 14rem);
		overflow-y: auto;
		transform: translateX(0);
		transition: none;
	}
	.fixBox .formBox .subBox {
		box-shadow: none;
		border-radius: 0;
		padding: 0 1rem 1.2rem;
		min-height: inherit;
	}
	.fixBox .formBox .mailForm {
		padding: 1.4rem 2rem 3.1rem;
	}
	.fixBox .formBox .subInner {
		display: block;
	}
	.fixBox .formBox .lBox, .fixBox .formBox .rBox {
		padding: 0 0 1.3rem;
		width: auto;
	}
	.fixBox .formBox .rBox {
		padding: 0.6rem 0 0;
		border-top: 1px solid #CACACA;
		border-left: none;
	}
	.fixBox .formBox .formDl {
		margin-bottom: 1.3rem;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-start;
	}
	.fixBox .formBox .formDl dt {
		margin: 0.7rem 0 0;
		position: relative;
		width: 9rem;
		font-size: 1.4rem;
		letter-spacing: 0.07rem;
	}
	.fixBox .formBox .formDl dt .notes {
		display: block;
		position: absolute;
		left: 0;
		bottom: -3rem;
		margin-left: 0;
		font-size: 1rem;
		white-space: nowrap;
		letter-spacing: 0.05rem;
	}
	.fixBox .formBox input[type="text"], .fixBox .formBox select {
		height: 3.9rem;
	}
	.fixBox .formBox select {
		width: 100%;
		padding-left: 1rem;
		padding-right: 3rem;
	}
	.fixBox .formBox .formDl dd {
		margin-bottom: 0.9rem;
		width: calc(100% - 9rem);
	}
	.fixBox .formBox .check {
		margin-left: 2rem;
	}
	.fixBox .formBox input[type="checkbox"] ~ span {
		padding-left: 2.4rem;
		background-position: left 0.2rem;
	}
	.fixBox .formBox .radioList {
		margin-left: -0.3rem;
	}
	.fixBox .formBox .radioList input[type="radio"] ~ span {
		padding: 0.2rem 0 0 2.7rem;
		font-size: 1.2rem;
		letter-spacing: 0.06rem;
	}
	.fixBox .formBox .text {
		margin-bottom: 0.9rem;
	}
	.fixBox .formBox .rBox .check {
		margin-top: 1rem;
	}
	.fixBox .formBox .rBox .formDl {
		margin-bottom: 2rem;
	}
	.fixBox .formBox .rBox .formDl dt {
		margin: 0;
	}
	.fixBox .formBox .rBox .formDl dd {
		margin-top: 0.7rem;
	}
	.fixBox .formBox .submit {
		justify-content: center;
	}
	.fixBox .formBox .submit input {
		width: 24.8rem;
		background: #00C3C9 url(img/common/icon08.webp) no-repeat right 1.6rem center/1.8rem;
	}
}
/*------------------------------------------------------------
    pagePath
------------------------------------------------------------*/
#pagePath {
	max-width: 192rem;
	padding: 2.3rem 12.3rem 0;
	margin: 0 auto;
}
#pagePath li {
	display: inline;
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
}
#pagePath li:not(:last-child) {
	padding-right: 1.6rem;
	margin-right: 0.7rem;
	background: url("img/common/icon01.webp") no-repeat right center / 0.6rem;
}
@media all and (min-width: 897px) {
	#pagePath a:hover {
		color: #00C3C9 !important;
	}
}
@media all and (max-width: 896px) {
	#pagePath {
		padding: 1.4rem 2.4rem 0;
	}
	#pagePath li {
		font-size: 1.2rem;
		letter-spacing: 0.06rem;
	}
	#pagePath li:not(:last-child) {}
}
/*------------------------------------------------------------
    pageTitle01
------------------------------------------------------------*/
.pageTitle01 {
	margin-bottom: 10.9rem;
	padding: 10.6rem 0 11.3rem;
	position: relative;
}
.pageTitle01::before {
	position: absolute;
	left: 0;
	bottom: 0;
	height: 1px;
	width: 100%;
	background: linear-gradient(270deg, #DDE084 0%, #00C3CA 100%);
	content: "";
}
.pageTitle01 .headLine01 {
	margin: 0 0.3rem;
}
@media all and (max-width: 896px) {
	.pageTitle01 {
		margin-bottom: 4.9rem;
		padding: 2.4rem 0 4.4rem;
	}
	.pageTitle01 .headLine01 {
		margin: 0;
	}
}
/*------------------------------------------------------------
	pageTitle02
------------------------------------------------------------*/
.pageTitle02 {
	margin-bottom: 7rem;
	padding: 1.1rem 0;
}
.pageTitle02::before {
	display: none;
}
.pageTitle02 .content {
	align-items: center;
}
.pageTitle02 .photo {
	width: 53.3rem;
}
.pageTitle02 .headLine01 {
	margin-bottom: 2rem;
}
.pageTitle02 p {
	margin: 7.8rem 0 -0.4rem;
	position: relative;
	width: 100%;
	padding-left: 3.9rem;
	font-size: 2rem;
	line-height: 1.85;
	letter-spacing: 0.1rem;
	font-family: "Noto Serif JP", serif;
	box-sizing: border-box;
}
.pageTitle02 p span {
	display: block;
}
.pageTitle02 p::before {
	position: absolute;
	left: 0;
	top: 0.2rem;
	width: 1px;
	bottom: 0.2rem;
	background-color: #00C3C9;
	content: "";
}
@media all and (max-width: 896px) {
	.pageTitle02 {
		margin-bottom: 1.6rem;
		padding: 2.4rem 0 1.5rem;
	}
	.pageTitle02 .lBox {
		margin-bottom: 1.5rem;
	}
	.pageTitle02 .content {
		display: block;
	}
	.pageTitle02 .headLine01 {
		margin-bottom: 3.5rem;
	}
	.pageTitle02 .photo {
		width: auto;
	}
	.pageTitle02 p {
		margin: 4rem 2rem 1.2rem 0;
		width: auto;
		padding-left: 2.5rem;
		font-size: 1.6rem;
		line-height: 1.62;
		letter-spacing: 0.08rem;
	}
	.pageTitle02 p::before {
		top: 0;
		bottom: 0;
	}
	.pageTitle02 p span {
		margin-top: 0.5rem;
	}
}
/*------------------------------------------------------------
    headLine01
------------------------------------------------------------*/
.headLine01 .en {
	display: block;
	width: fit-content;
	font-size: 7rem;
	font-weight: 400;
	line-height: 1.2;
	background: var(--2, linear-gradient(102deg, #242526 65.66%, #F0F39C 96.93%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Playfair Display", serif;
}
.headLine01 .jp {
	margin-top: 1.8rem;
	display: block;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	font-weight: 400;
	font-family: "Noto Serif JP", serif;
}
@media all and (max-width: 896px) {
	.headLine01 .en {
		font-size: 4.6rem;
		line-height: 1.15;
	}
	.headLine01 .jp {
		margin-top: 1rem;
		font-size: 1.6rem;
		letter-spacing: 0.08rem;
	}
}
/*------------------------------------------------------------
    headLine02
------------------------------------------------------------*/
.headLine02 {
	margin-bottom: 1.4rem;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.53;
	letter-spacing: 0.15rem;
	font-family: "Noto Serif JP", serif;
}
.headLine02.center {
	margin-bottom: 3.6rem;
	text-align: center;
}
@media all and (max-width: 896px) {
	.headLine02 {
		margin-bottom: 1.2rem;
		font-size: 2.4rem;
		line-height: 1.54;
		letter-spacing: 0.024rem;
	}
	.headLine02.center {
		margin-bottom: 2.4rem;
	}
}
/*------------------------------------------------------------
    headLine03
------------------------------------------------------------*/
.headLine03 {
	margin-bottom: 2.3rem;
	width: fit-content;
	position: relative;
	color: #00C3C9;
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.12rem;
}
.headLine03::before {
	position: absolute;
	left: calc(100% + 1.4rem);
	top: 51%;
	width: 7.6rem;
	height: 1px;
	background-color: #242526;
	content: "";
}
@media all and (max-width: 896px) {
	.headLine03 {
		margin-bottom: 1.3rem;
		font-size: 2rem;
		letter-spacing: 0.1rem;
	}
	.headLine03::before {
		width: 4rem;
	}
}
/*------------------------------------------------------------
    headLine04
------------------------------------------------------------*/
.headLine04 {
	margin-bottom: 4rem;
	position: relative;
	padding: 1.3rem 3.5rem 0;
	font-size: 3rem;
	font-weight: 400;
	font-family: "Noto Serif JP", serif;
}
.headLine04.white {
	color: #FFF;
}
.headLine04::before {
	position: absolute;
	left: 0;
	top: 0;
	width: 2.9rem;
	height: 4.9rem;
	background: url("img/common/line01.webp") no-repeat;
	background-size: 100%;
	content: "";
}
@media all and (max-width: 896px) {
	.headLine04 {
		margin-bottom: 2.5rem;
		padding: 1.3rem 2.8rem 0;
		font-size: 2.3rem;
	}
	.headLine04::before {
		width: 2.4rem;
		height: 3.9rem;
		background-image: url("img/common/line01_sp.webp");
	}
}
/*------------------------------------------------------------
    headLine05
------------------------------------------------------------*/
.headLine05 {
	margin-bottom: 1.2rem;
	font-size: 4rem;
	line-height: 1.57;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
	letter-spacing: 0.2rem;
}
@media all and (max-width: 896px) {
	.headLine05 {
		margin-bottom: 1.9rem;
		font-size: 3.2rem;
		line-height: 1.4;
		letter-spacing: 0.16rem;
	}
}
/*------------------------------------------------------------
    comImgBox
------------------------------------------------------------*/
.comImgBox {
	margin-bottom: 3rem;
}
.comImgBox .pho {
	width: 50%;
}
.comImgBox .pho .foo .slick-slide {
	line-height: 0;
}
.comImgBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.comImgBox .textBox {
	width: 50%;
	padding: 5.5rem 5rem 5.5rem 6.9rem;
	background: linear-gradient(-127deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
	box-sizing: border-box;
}
.comImgBox .textBox.color {
	background: linear-gradient(-140deg, #F6F6F6 22.77%, #FFF 100%);
}
.comImgBox p {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
@media all and (min-width: 897px) {
	.comImgBoxR {
		flex-direction: row-reverse;
	}
	.comImgBoxR .textBox {
		background: linear-gradient(127deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
	}
}
@media all and (max-width: 896px) {
	.comImgBox {
		display: block;
	}
	.comImgBox .pho {
		width: auto;
		position: relative;
		padding-bottom: 49%;
	}
	.comImgBox .pho img {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.comImgBox .textBox {
		width: auto;
		padding: 2.8rem 2.5rem 3.4rem;
		background: linear-gradient(127deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
	}
	.comImgBox .textBox.color {
		background: linear-gradient(140deg, #F6F6F6 22.77%, #FFF 100%);
	}
	.comImgBox p {
		text-align: justify;
		line-height: 1.71;
		font-size: 1.4rem;
		letter-spacing: 0.07rem;
	}
}
/*------------------------------------------------------------
    comTextList
------------------------------------------------------------*/
.comTextList {
	margin: -1.2rem -1.2rem 5.1rem 0.1rem;
}
.comTextList li {
	margin: 1.2rem 1.2rem 0 0;
	padding: 0.1rem 1.55rem 0.3rem;
	color: #000;
	letter-spacing: 0.08rem;
	border-radius: 5rem;
	border: 1px solid #242526;
}
@media all and (max-width: 896px) {
	.comTextList {
		margin: -0.6rem -1.2rem 2.8rem 0;
	}
	.comTextList li {
		margin: 0.6rem 0.6rem 0 0;
		padding: 0.2rem 1.3rem 0.4rem;
		letter-spacing: 0.05rem;
		font-size: 1rem;
	}
}
/*------------------------------------------------------------
    comImgArea
------------------------------------------------------------*/
.comImgArea {
	margin-bottom: 6.4rem;
	padding: 6.5rem 0;
	position: relative;
	align-items: center;
}
.comImgArea:last-child {
	margin-bottom: 0 !important;
}
.comImgArea::before {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 12.3rem;
	background: url("img/common/bg06.webp") no-repeat;
	background-size: cover;
	content: "";
}
.comImgArea .phoBox {
	width: calc(50% - 5.2rem);
	position: relative;
}
.comImgArea .phoBox img {
	width: 100%;
}
.comImgArea .txtBox {
	width: calc(50% + 5rem);
	padding: 1.8rem 10rem 0 0;
	position: relative;
	color: #FFF;
}
.comImgArea .txtBox .subBox {
	max-width: 51rem;
	margin-left: auto;
}
.comImgArea .txtBox .headLine04 {
	margin-bottom: 3.2rem;
}
.comImgArea .txtBox p {
	line-height: 2;
	letter-spacing: 0.08rem;
}
.comImgArea .txtBox p:last-child {
	margin-bottom: 0;
}
@media all and (max-width: 896px) {
	.comImgArea {
		margin-bottom: 4rem;
		padding: 3.9rem 2.4rem 3rem;
		display: block;
	}
	.comImgArea::before {
		right: 2.4rem;
		background-image: url("img/common/bg06_sp.webp");
	}
	.comImgArea .phoBox {
		margin-right: -2.4rem;
		width: auto;
	}
	.comImgArea .txtBox {
		width: auto;
		padding: 0 0 3.5rem;
	}
	.comImgArea .txtBox .subBox {
		max-width: inherit;
		margin-left: 0;
	}
	.comImgArea .txtBox .headLine04 {
		margin-bottom: 1.9rem;
	}
	.comImgArea .txtBox p {
		margin-bottom: 1.7rem;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.08rem;
	}
}
/*------------------------------------------------------------
    comUlList
------------------------------------------------------------*/
.comUlList {
	margin-bottom: 7rem;
}
.comUlList li {
	margin: 0 2rem;
	width: 26.5rem;
	text-align: center;
}
.comUlList li span {
	display: block;
}
.comUlList li .pho {
	width: 11rem;
	margin: 0 auto 2.7rem;
}
.comUlList li .ttl {
	margin-bottom: 0.9rem;
	font-size: 2.4rem;
	font-weight: 600;
	letter-spacing: 0.12rem;
	font-family: "Noto Serif JP", serif;
}
.comUlList li .txt {
	color: #00C3C9;
	font-size: 2rem;
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.1rem;
}
@media all and (max-width: 896px) {
	.comUlList {
		margin: 0 -0.9rem 3.5rem;
	}
	.comUlList li {
		margin: 0;
		width: 30%;
	}
	.comUlList li:nth-child(3n-1) {
		margin: 0 5%;
	}
	.comUlList li .pho {
		max-width: 8.4rem;
		width: auto;
		margin-bottom: 1.3rem;
	}
	.comUlList li .ttl {
		margin-bottom: 0.3rem;
		font-size: 1.8rem;
		letter-spacing: 0.09rem;
	}
	.comUlList li .txt {
		font-size: 1.4rem;
		line-height: 1.5;
		letter-spacing: 0.07rem;
	}
}
/*------------------------------------------------------------
	newsList
------------------------------------------------------------*/
.newsList li:not(:last-child) {
	margin-bottom: 1.5rem;
}
.newsList a {
	padding: 3.1rem 5rem 2.3rem 4rem;
	display: block;
	position: relative;
	font-family: "Noto Serif JP", serif;
	background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%);
}
.newsList a:hover {
	opacity: 0.5;
}
.newsList a:after {
	position: absolute;
	right: 2.5rem;
	top: 50%;
	transform: translateY(-50%);
	width: 1.8rem;
	height: 0.7rem;
	content: "";
	background: url(img/common/icon02.webp) no-repeat left top/100%;
}
.newsList .date {
	margin-bottom: 0.5rem;
	color: #8D8D8D;
	letter-spacing: 0.08rem;
}
.newsList .ttl {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
@media all and (max-width: 896px) {
	.newsList li:not(:last-child) {
		margin-bottom: 1.4rem;
	}
	.newsList a {
		padding: 1.8rem 2.5rem;
	}
	.newsList a:after {
		display: none;
	}
	.newsList .date {
		margin-bottom: 0.3rem;
	}
	.newsList .ttl {
		line-height: 1.75;
	}
}
/*------------------------------------------------------------
	wp-pagenavi
------------------------------------------------------------*/
.wp-pagenavi {
	margin-top: 12.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
}
.wp-pagenavi a, .wp-pagenavi > span {
	margin: 0 2.1rem;
	color: #D3D3D3;
	font-family: "Noto Serif JP", serif;
	font-size: 2rem;
	line-height: 1;
	letter-spacing: 0.1rem;
}
.wp-pagenavi > span.current {
	color: #00C3C9;
}
.wp-pagenavi .pages, .wp-pagenavi .first, .wp-pagenavi .last {
	display: none;
}
.wp-pagenavi .nextpostslink, .wp-pagenavi .previouspostslink {
	margin: 0 0.6rem;
	width: 3.8rem;
	height: 3.8rem;
	background: url(img/common/prev.webp) no-repeat left top/100%;
}
.wp-pagenavi .nextpostslink {
	background-image: url(img/common/next.webp);
}
@media all and (min-width: 897px) {
	.wp-pagenavi a:hover {
		color: #00C3C9;
	}
	.wp-pagenavi .previouspostslink:hover {
		background-image: url(img/common/prev_over.webp);
	}
	.wp-pagenavi .nextpostslink:hover {
		background-image: url(img/common/next_over.webp);
	}
}
@media all and (max-width: 896px) {
	.wp-pagenavi {
		margin-top: 4rem;
	}
	.wp-pagenavi a, .wp-pagenavi > span {
		margin: 0 1.7rem;
	}
	.wp-pagenavi .extend {
		margin-left: 0;
	}
}
/*------------------------------------------------------------
    comPage
------------------------------------------------------------*/
.comPage {
	margin-top: 9.3rem;
	position: relative;
}
.comPage .prev, .comPage .next {
	position: absolute;
	left: 0;
	top: 1.5rem;
}
.comPage .next {
	left: auto;
	right: 0;
}
.comPage .prev a, .comPage .next a {
	padding-left: 6.9rem;
	display: inline-flex;
	min-height: 3.8rem;
	align-items: center;
	color: #000;
	letter-spacing: 0.08rem;
	font-family: "Noto Serif JP", serif;
	background: url(img/common/prev.webp) no-repeat left top/3.8rem;
}
.comPage .next a {
	padding: 0 6.9rem 0 0;
	background-image: url(img/common/next.webp);
	background-position: right top;
}
@media all and (min-width: 897px) {
	.comPage .prev a:hover {
		background-image: url(img/common/prev_over.webp);
	}
	.comPage .next a:hover {
		background-image: url(img/common/next_over.webp);
	}
}
@media all and (max-width: 896px) {
	.comPage {
		margin-top: 4rem;
		padding-top: 6.8rem;
	}
	.comPage .prev, .comPage .next {
		top: 0;
	}
	.comPage .prev a, .comPage .next a {
		padding-left: 5.8rem;
	}
	.comPage .next a {
		padding: 0 5.8rem 0 0;
	}
}
/*------------------------------------------------------------
    comBtn
------------------------------------------------------------*/
.comBtn a {
	margin: 0 auto;
	width: 40rem;
	min-height: 6.8rem;
	color: #000;
	font-size: 2rem;
	line-height: 1.4;
	letter-spacing: 0.1rem;
	font-family: "Noto Serif JP", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1rem;
	background: #FFF url(img/common/next.webp) no-repeat right 2.2rem center/3.8rem;
	box-shadow: 0px 0px 1.5rem 0px rgba(0, 0, 0, 0.20);
}
.comBtn a:hover {
	opacity: 0.5;
}
.comBtn.back a {
	background-image: url(img/common/prev.webp);
	background-position: left 2.2rem center;
}
.comBtn.bgBtn a {
	color: #fff;
	background-color: #00C3C9;
	background-image: url(img/common/icon10.webp);
}
@media all and (min-width: 897px) {
	.comBtn.bgBtn a:hover {
		opacity: 1;
		color: #00C3C9;
		background-color: #fff;
		background-image: url(img/common/icon10_hover.webp);
	}
}
@media all and (max-width: 896px) {
	.comBtn a {
		width: 34.2rem;
		min-height: 6rem;
		font-size: 1.6rem;
		letter-spacing: 0.08rem;
		background-position: right 1.7rem center;
		background-size: 3.2rem;
	}
	.comBtn.back a {
		background-position: left 1.7rem center;
	}
}
/*------------------------------------------------------------
	category
------------------------------------------------------------*/
.category, .tag {
	margin-bottom: 10.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.category:last-child, .tag:last-child {
	margin-bottom: 0 !important;
}
.category a, .tag span {
	display: block;
	padding: 0.6rem 1.6rem;
	color: #00C3C9;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: 0.065rem;
	border-radius: 5rem;
	border: 1px solid #00C3C9;
}
.category .on a {
	padding: 0.6rem 1.5rem;
	color: #fff;
	background-color: #00C3C9;
}
@media all and (min-width: 897px) {
	.category a:hover {
		color: #fff;
		background-color: #00C3C9;
	}
}
@media all and (max-width: 896px) {
	.category {
		margin-bottom: 5rem;
		gap: 0.8rem;
	}
	.category a {
		padding: 0.5rem 1.4rem;
		font-size: 1rem;
		letter-spacing: 0.005rem;
	}
	.category .on a {
		padding: 0.5rem 1.3rem;
	}
}
/*------------------------------------------------------------
	voiceList
------------------------------------------------------------*/
.voiceList {
	gap: 9.5rem 3rem;
}
.voiceList li {
	width: calc((100% - 6rem)/3);
}
.voiceList a {
	padding: 4rem 3rem;
	display: block;
	position: relative;
	background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%);
}
.voiceList a:hover {
	opacity: 0.5;
}
.voiceList a:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 5.1rem;
	height: 5.1rem;
	background: url(img/common/link_bg.webp) no-repeat left top/100%;
	content: "";
}
.voiceList .listImg {
	position: absolute;
	right: 3.2rem;
	top: -4.5rem;
	width: 10.9rem;
}
.voiceList .txt, .voiceList .date {
	margin-bottom: 2.3rem;
	color: #000;
	line-height: 1.75;
	letter-spacing: 0.08rem;
	font-family: "Noto Serif JP", serif;
}
.voiceList .date {
	margin-bottom: 1.4rem;
	letter-spacing: 0.05rem;
}
@media all and (max-width: 896px) {
	.voiceList {
		display: block;
	}
	.voiceList li {
		width: auto;
	}
	.voiceList li:not(:last-child) {
		margin-bottom: 4.2rem;
	}
	.voiceList a {
		padding: 4rem 2.5rem 3rem;
	}
	.voiceList .listImg {
		right: 2.4rem;
		top: -2rem;
		width: 8.6rem;
	}
}
/*------------------------------------------------------------
	mailForm
------------------------------------------------------------*/
.mailForm input[type="text"], .mailForm input[type="tel"], .mailForm input[type="email"], .mailForm select, .mailForm textarea {
	padding: 1.8rem 3rem;
	width: 100%;
	height: 5.8rem;
	border-radius: 0;
	background: #F6F6F6;
	color: #242526;
	font-size: 1.3rem;
	letter-spacing: 0.065rem;
	border: none;
	box-sizing: border-box;
	appearance: none;
	-webkit-appearance: none;
}
.mailForm input::placeholder, .mailForm textarea::placeholder {
	color: #8D8D8D;
	opacity: 1;
}
.mailForm input:-ms-input-placeholder, .mailForm textarea:-ms-input-placeholder {
	color: #8D8D8D;
	opacity: 1;
}
.mailForm input[type="checkbox"], .mailForm input[type="radio"] {
	display: none;
}
.mailForm input[type="checkbox"] ~ span, .mailForm input[type="radio"] ~ span {
	display: inline-block;
	padding-left: 3rem;
	cursor: pointer;
	background: url(img/common/radio_bg.webp) no-repeat left 0.8rem/2rem auto;
}
.mailForm input[type="checkbox"]:checked ~ span, .mailForm input[type="radio"]:checked ~ span {
	background-image: url(img/common/radio_on_bg.webp);
}
.mailForm input[type="checkbox"] ~ span {
	padding-left: 3.5rem;
	background-image: url(img/common/check_bg.webp);
	background-size: 2rem auto;
	background-position: left 0.8rem;
}
.mailForm input[type="checkbox"]:checked ~ span {
	background-image: url(img/common/check_on_bg.webp);
}
.mailForm .radioList .wpcf7-form-control .wpcf7-list-item:not(:last-child), .mailForm .radioList li:not(:last-child) {
	margin-bottom: 0.3rem;
}
.mailForm textarea {
	height: 23.5rem;
	resize: vertical;
}
.mailForm .agree {
	margin-bottom: 2.5rem;
	text-align: center;
	letter-spacing: 0;
}
.mailForm .agree .wpcf7-list-item {
	margin-left: 0;
}
.mailForm .agree a {
	margin-right: 0.5rem;
	text-decoration: underline;
	color: #2C88C6;
}
.mailForm .submit {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 0 3rem;
	position: relative;
}
.mailForm .submit input {
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	transition: .3s;
	width: 40rem;
	min-height: 6.8rem;
	color: #000;
	font-size: 2rem;
	line-height: 1.4;
	letter-spacing: 0.1rem;
	font-family: "Noto Serif JP", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1rem;
	border: none;
	background: #FFF url(img/common/next.webp) no-repeat right 2rem center/3.8rem;
	box-shadow: 0px 0px 1.5rem 0px rgba(0, 0, 0, 0.20);
}
.mailForm .submit .back input {
	background-image: url(img/common/prev.webp);
	background-position: left 2rem center;
}
.mailForm .submit .wpcf7-spinner {
	position: absolute;
	left: 47%;
	bottom: -3rem;
}
@media all and (min-width: 897px) {
	.mailForm .submit input:hover {
		opacity: 0.5;
	}
	.mailForm .agree a:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	.mailForm textarea {
		height: 16.8rem;
	}
	.mailForm .submit {
		gap: 2rem 0;
		flex-direction: column-reverse;
	}
	.mailForm .submit .back {
		margin-top: 3rem;
	}
	.mailForm .submit .wpcf7-spinner {
		left: 40%;
	}
	.mailForm .submit input {
		margin: 0 auto;
		width: 34.2rem;
		min-height: 6rem;
		font-size: 1.6rem;
		background-position: right 1.7rem center;
		background-size: 3.2rem;
	}
	.mailForm .submit .back input {
		background-position: left 1.7rem center;
	}
}
/*------------------------------------------------------------
	comLink
------------------------------------------------------------*/
.comLink a {
	padding-right: 6.7rem;
	display: inline-flex;
	min-height: 3.8rem;
	align-items: center;
	color: #000;
	letter-spacing: 0.08rem;
	font-family: "Noto Serif JP", serif;
	background: url(img/common/next.webp) no-repeat right top/3.8rem;
}
.comLink.white a {
	color: #fff;
	background-image: url(img/common/icon10.webp);
}
@media all and (min-width: 897px) {
	.comLink a:hover {
		background-image: url(img/common/next_over.webp);
	}
	.comLink.white a:hover {
		background-image: url(img/common/icon10_hover.webp);
	}
}
@media all and (max-width: 896px) {}
@media all and (max-width: 896px) {}
/*------------------------------------------------------------
    comTable
------------------------------------------------------------*/
.comTable {
	width: 100%;
	border-collapse: collapse;
}
.comTable th,
.comTable td {
	padding: 1.7rem 0.2rem 2rem;
	color: #000;
	text-align: left;
	vertical-align: middle;
	word-break: break-all;
	line-height: 2;
	letter-spacing: 0.08rem;
	border-bottom: 1px solid #DFDFDF;
}
.comTable th {
	padding-left: 0;
	width: 15%;
	font-weight: 500;
	font-family: "Noto Serif JP", serif;
}
@media all and (max-width: 896px) {
	.comTable th,
	.comTable td {
		padding: 0 0 1.5rem;
		display: block;
		width: 100% !important;
	}
	.comTable tr:first-child th {
		padding-top: 0;
	}
	.comTable th {
		padding: 1.8rem 0 0.1rem;
		line-height: 1.5;
		border-bottom: none;
	}
}
/*------------------------------------------------------------
	comSlide
------------------------------------------------------------*/
.comSlide .slick-slide {
	margin-right: 4rem;
	width: 34.7rem;
}
.comSlide .pickList a,#index .pickup .first .item a {
	display: block;
}
.comSlide .pickList a:hover,#index .pickup .first .item a:hover  {
	opacity: 0.5;
}
.comSlide .pickList .pho,#index .pickup .first .item .pho {
	margin-bottom: 2rem;
	aspect-ratio: 347/230;
}
.comSlide .pickList .pho img,#index .pickup .first .item .pho img  {
	width: 100%;
	height: 100%;
	object-fit: contain;
}
.comSlide .pickList .subTtl,#index .pickup .first .item .subTtl {
	margin-bottom: 1.2rem;
	display: flex;
	align-items: flex-start;
}
.comSlide .pickList .subTtl .date,#index .pickup .first .item .subTtl .date  {
	margin: 0.2rem 1.8rem 0 0;
	color: #8D8D8D;
	letter-spacing: 0.06rem;
	font-family: "Noto Serif JP", serif;
}
.comSlide .pickList .subTtl .tag,#index .pickup .first .item .subTtl .tag  {
	display: flex;
	flex-wrap: wrap;
	gap: 0.5rem;
}
.comSlide .pickList .subTtl .tag span,#index .pickup .first .item .subTtl .tag span {
	padding: 0.6rem 1.6rem;
	color: #00C3C9;
	font-size: 1.3rem;
	line-height: 1.2;
	letter-spacing: 0.065rem;
	border-radius: 5rem;
	border: 1px solid #00C3C9;
}
.comSlide .pickList .ttl,
#index .pickup .first .item .ttl {
	color: #000;
	line-height: 1.75;
	letter-spacing: 0.08rem;
	font-family: "Noto Serif JP", serif;
}
.comSlide .slick-dots {
	margin-top: 5.6rem;
}
@media all and (max-width: 896px) {
	.comSlide .slick-slide {
		margin-right: 2.3rem;
		width: 29.4rem;
	}
	.comSlide .pickList .pho {
		margin-bottom: 1.7rem;
	}
	.comSlide .pickList .subTtl {
		margin-bottom: 1.2rem;
	}
	.comSlide .pickList .subTtl .date {
		margin: 0.1rem 0.7rem 0 0;
		font-size: 1.4rem;
		letter-spacing: 0.06rem;
	}
	.comSlide .pickList .subTtl .tag span {
		padding: 0.4rem 1.4rem;
		font-size: 1rem;
		letter-spacing: 0.005rem;
	}
	.comSlide .pickList .ttl {
		font-size: 1.4rem;
		line-height: 1.64;
		letter-spacing: 0.07rem;
	}
	.comSlide .slick-dots {
		margin-top: 3.6rem;
	}
}
/*------------------------------------------------------------
	slick-dots
------------------------------------------------------------*/
.slick-dots {
	display: flex;
}
.slick-dots li {
	margin-right: 1.5rem;
	width: 0.8rem;
	height: 0.8rem;
	border-radius: 5rem;
	background: none;
	cursor: pointer;
	background-color: #E2E2E2;
}
.slick-dots li button {
	display: none;
}
.slick-dots li.slick-active {
	background-color: #00C3C9;
}
@media all and (max-width: 896px) {}
/*------------------------------------------------------------
	comBg
------------------------------------------------------------*/
.comBg {
	padding: 13rem 0 15.2rem;
	position: relative;
}
.comBg:before {
	position: absolute;
	right: 0;
	top: 0;
	width: 66.5rem;
	height: 50.5rem;
	content: "";
	background: url(img/common/bg03.webp) no-repeat right top/100%;
}
@media all and (max-width: 896px) {
	.comBg {
		padding: 5.2rem 0 6.8rem;
	}
	.comBg:before {
		width: 25.2rem;
		height: 19.1rem;
	}
}
/*------------------------------------------------------------
    comLinkList
------------------------------------------------------------*/
.linkBox {
	margin-bottom: 14rem;
}
.comLinkList {
	margin-top: -1rem;
	width: 100%;
}
.comLinkList li:nth-child(2n) {
	margin-right: 0;
}
.comLinkList li {
	margin: 1rem 3.6% 0 0;
	width: 48.2%;
}
.comLinkList a {
	padding: 1.8rem 2.5rem 1.3rem 0.4rem;
	font-size: 2rem;
	display: block;
	font-family: "Noto Serif JP", serif;
	line-height: 1.4;
	letter-spacing: 0.1rem;
	border-bottom: 1px solid #DFDFDF;
	background: url(img/common/icon03.webp) no-repeat right top 3rem / 1.9rem;
}
.comLinkList a:hover {
	opacity: 0.5;
}
.comLinkList.col3, .comLinkList.col4 {
	gap: 1.9rem 4rem;
	margin-top: 0;
}
.comLinkList.col3 li {
	margin: 0;
	width: calc((100% - 8rem)/3);
}
.comLinkList.col3 a, .comLinkList.col4 a {
	padding: 1.4rem 2.5rem 1.4rem 0;
	background-position: right 0.2rem top 2.7rem;
}
.comLinkList.col4 li {
	margin: 0;
	width: calc((100% - 12rem)/4);
}
@media all and (max-width: 896px) {
	.linkBox {
		margin-bottom: 5rem;
	}
	.comLinkList {
		margin-top: 0;
		display: block;
	}
	.comLinkList li {
		margin: 0;
		width: auto;
	}
	.comLinkList.col3, .comLinkList.col4 {
		display: block;
	}
	.comLinkList.col3 li, .comLinkList.col4 li {
		margin: 0 0 0.3rem;
		width: auto;
	}
}
/*------------------------------------------------------------
	headLine01
------------------------------------------------------------*/
@media all and (max-width: 896px) {}
/*------------------------------------------------------------
	index
------------------------------------------------------------*/
#index .mainVisual {
	position: relative;
	min-height: 70rem;
}
#index .mainVisual h1 {
	display: none;
}
#index .mainVisual .slick-list, #index .mainVisual .foo, #index .mainVisual .slick-track {
	height: 100%;
}
#index .mainVisual .slick-slide > div > li {
	position: relative;
	height: 100%;
}
#index .mainVisual .slick-slide > div > li:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(130, 130, 130, 0.5);
	mix-blend-mode: multiply;
	content: "";
}
#index .mainVisual .slick-slide > div > li.liStyle02:after {
	background: rgba(130, 130, 130, 0.88);
}
#index .mainVisual .slick-slide > div > li.liStyle03:after, #index .mainVisual .slick-slide > div > li.liStyle04:after {
	background: rgba(130, 130, 130, 0.9);
}
#index .mainVisual .foo .slick-slide {
	line-height: 0;
}
#index .mainVisual .foo .slick-slide > div {
	height: 100%;
}
#index .mainVisual .foo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#index .mainVisual .content {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 100%;
	transform: translate(-50%, -50%);
	z-index: 11;
}
#index .mainVisual .txtBox {
	padding: 0 0 6rem 6.8rem;
	color: #fff;
	position: relative;
	min-height: 37.8rem;
	line-height: 1.5;
	display: flex;
	align-items: flex-end;
	border-left: 1px solid #fff;
}
#index .mainVisual .txtBox .title {
	margin-bottom: 1.4rem;
	font-size: 4.3rem;
	letter-spacing: 0.215rem;
	line-height: 1.6;
}
#index .mainVisual .txtBox .txt {
	margin-bottom: 3.5rem;
	font-size: 2.5rem;
	letter-spacing: 0.125rem;
}
#index .mainVisual .txtBox .textList {
	margin-bottom: 3.5rem;
	gap: 0.8rem;
}
#index .mainVisual .txtBox .textList li {
	padding: 0.45rem 1.5rem;
	font-size: 1.3rem;
	letter-spacing: 0.065rem;
	border-radius: 5rem;
	border: 1px solid #FFF;
	background: rgba(0, 0, 0, 0.4);
}
#index .mainVisual .txtBox .textList li:after {
	display: none;
}
#index .mainVisual .txtBox01 {
	padding-left: 4.7rem;
}
#index .mainVisual .txtBox01 .title {
	margin-bottom: 2.4rem;
	font-size: 12rem;
	line-height: 1;
	letter-spacing: 0;
	background: linear-gradient(102deg, #FFF 65.66%, #F0F39C 96.93%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#index .mainVisual .txtBox01 .txt {
	margin-bottom: 0;
	font-size: 3rem;
	letter-spacing: 0.15rem;
}
#index .mainVisual .dots {
	position: absolute;
	left: 6.8rem;
	bottom: 0;
	display: flex;
	gap: 0 1.5rem;
}
#index .mainVisual .dots li {
	width: 0.8rem;
	height: 0.8rem;
	cursor: pointer;
	background-color: #E2E2E2;
	border-radius: 50%;
}
#index .mainVisual .dots .active {
	background-color: #00C3C9;
}
#index .mainVisual .txtBox01 .dots {
	left: 4.7rem;
}
#index .mainVisual .scroll {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	max-width: 192rem;
	bottom: 0;
	width: 100%;
	padding: 0 12.4rem;
}
#index .mainVisual .linkList {
	gap: 0 2.8rem;
	z-index: 1;
}
#index .mainVisual .linkList li {
	width: calc((100% - 5.6rem)/3);
	background-color: #fff;
	border-radius: 1rem 1rem 0rem 0rem;
}
#index .mainVisual .linkList a {
	padding: 2rem 3rem 2.1rem;
	display: block;
	border-radius: 1rem 1rem 0rem 0rem;
	box-shadow: 0rem 0rem 1.5rem 0rem rgba(0, 0, 0, 0.20);
	background: #fff url(img/common/link_bg.webp) no-repeat right bottom/6.8rem;
}
#index .mainVisual .linkList a:hover {
	opacity: 0.5;
}
#index .mainVisual .linkList .ttl {
	margin-bottom: 1rem;
	display: inline-flex;
	color: #00C3CA;
	font-size: 1.4rem;
	font-weight: 500;
	letter-spacing: 0.07rem;
}
#index .mainVisual .linkList .ttl .sml {
	padding: 0.3rem 0 0 1rem;
	position: relative;
}
#index .mainVisual .linkList .ttl .sml:after {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 1px;
	background: linear-gradient(90deg, #ECF39D 0%, #00C3CA 100%);
	content: "";
}
#index .mainVisual .linkList .ttl .bgTxt {
	padding: 0.1rem 1.7rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: 0.1rem;
	background: linear-gradient(270deg, #DDE084 0%, #00C3CA 100%);
}
#index .mainVisual .linkList .ttl .bgTxt .en {
	font-size: 2.4rem;
	font-weight: 400;
	letter-spacing: 0.12rem;
	line-height: 1;
}
#index .mainVisual .linkList .txt {
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
}
#index .headLine01 .en {
	font-size: 8rem;
	background: linear-gradient(127deg, #242526 65.66%, #F0F39C 96.93%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#index .pickup {
	padding: 10.7rem 0 12.3rem;
}
#index .pickup .headLine01 {
	margin-bottom: 7rem;
	display: flex;
	align-items: flex-end;
}
#index .pickup .headLine01 .jp {
	margin: 0 0 0.7rem 2rem;
}
#index .pickup .comSlide {
	margin: 4rem 0 0 12.3rem;
	position: relative;
	z-index: 1;
}
#index .pickup .comLink {
	text-align: right;
	margin-top: -2.7rem;
}
#index .pickup .comLink a {
	position: relative;
	z-index: 2;
}
#index .about {
	padding: 12rem 0 25rem;
	position: relative;
	overflow: hidden;
	background: url(img/index/about_bg.webp) no-repeat center top/cover;
}
#index .about:before {
	position: absolute;
	left: -50rem;
	top: -50rem;
	width: 109.3rem;
	height: 109.3rem;
	border-radius: 50%;
	background: radial-gradient(50% 50% at 50% 50%, rgba(255, 255, 255, 0.90) 0%, rgba(255, 255, 255, 0.00) 100%);
	content: "";
}
#index .about .content {
	position: relative;
	z-index: 1;
}
#index .about .ttlBox {
	margin-bottom: 10rem;
	color: #fff;
	align-items: flex-end;
}
#index .about .ttlBox .headLine01 {
	margin-bottom: 0;
}
#index .about .ttlBox .headLine01 .en {
	background: linear-gradient(102deg, #FFF 65.66%, #F0F39C 96.93%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#index .about .ttlBox p {
	flex: 1;
	margin: 0 -0.3rem -0.6rem 5rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.1rem;
}
#index .about .imgBox {
	margin-bottom: 9.5rem;
}
#index .about .imgBox a {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
#index .about .imgBox a:hover {
	opacity: 0.5;
}
#index .about .imgBox .phoBox {
	width: 50%;
	position: relative;
	z-index: 1;
}
#index .about .imgBox .phoBox img {
	width: 100%;
}
#index .about .imgBox .phoBox .slick-slide {
	line-height: 0;
}
#index .about .imgBox .txtBox {
	margin: -2rem 0 2rem -3rem;
	padding: 3.9rem 6rem 2rem 9rem;
	min-height: 44rem;
	flex: 1;
	position: relative;
	background: linear-gradient(238deg, rgba(255, 255, 255, 0.60) 0%, #FFF 36.23%);
}
#index .about .imgBox .txtBox:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 6.8rem;
	height: 6.8rem;
	background: url(img/common/link_bg.webp) no-repeat left top/100%;
	content: "";
}
#index .about .imgBox .txtBox .num {
	margin-bottom: 0;
	position: absolute;
	right: -3.5rem;
	top: -5.4rem;
	position: absolute;
	mix-blend-mode: color;
	width: 15.2rem;
}
#index .about .imgBox .txtBox h3 {
	margin-bottom: 1.8rem;
}
#index .about .imgBox .txtBox p {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
	margin-bottom: 2.6rem;
}
#index .about .imgBox .txtBox .comTextList {
	margin: -1rem 1rem 0 0.1rem;
}
#index .about .imgBox .txtBox .comTextList li {
	margin: 1rem 0.9rem 0 0;
	padding: 0.4rem 1.5rem;
	font-size: 1.3rem;
	letter-spacing: 0.065rem;
}
#index .about .imgBox01 {
	margin-bottom: 13.5rem;
}
#index .about .imgBox01 a {
	flex-direction: row-reverse;
}
#index .about .imgBox01 .phoBox:after {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 6.8rem;
	height: 6.8rem;
	background: url(img/common/link_bg.webp) no-repeat left top/100%;
	content: "";
}
#index .about .imgBox01 .txtBox {
	margin: 2rem -3.1rem -2rem 0;
	padding: 4.7rem 9rem 2rem 6rem;
	background: linear-gradient(127deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
}
#index .about .imgBox01 .txtBox:after {
	display: none;
}
#index .about .imgBox01 .txtBox .num {
	right: auto;
	left: -4.4rem;
	width: 14.4rem;
}
#index .hotel .photo {
	margin: -20.5rem 0 0 12.3rem;
	height: 38rem;
	position: relative;
	z-index: 1;
}
#index .hotel .photo img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#index .hotel .headLine01 {
	margin-bottom: 4.4rem;
	text-align: center;
}
#index .hotel .headLine01 .en {
	margin: 0 auto;
}
#index .hotel .headLine01 + p {
	margin-bottom: 8.7rem;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	text-align: center;
}
#index .hotel .imgBox {
	align-items: center;
}
#index .hotel .imgBox:not(:last-child) {
	margin-bottom: 10rem;
}
#index .hotel .imgBox .phoBox {
	width: 47.7%;
	position: relative;
}
#index .hotel .imgBox .phoBox .foo, #index .hotel .imgBox .phoBox .slick-list {
	height: 100%;
}
#index .hotel .imgBox .phoBox .slick-slide {
	line-height: 0;
}
#index .hotel .imgBox .phoBox img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#index .hotel .imgBox .phoBox .slick-dots {
	position: absolute;
	right: 3rem;
	bottom: 3rem;
	display: block;
}
#index .hotel .imgBox .phoBox .slick-dots li {
	margin: 1.6rem 0 0;
	width: 1rem;
	height: 1rem;
	background-color: #fff;
}
#index .hotel .imgBox .phoBox .slick-dots li.slick-active {
	background-color: #00C3C9;
}
#index .hotel .imgBox .txtBox {
	flex: 1;
	padding: 0 12rem 0 9rem;
}
#index .hotel .imgBox .txtBox .logo {
	margin: 0 0 0.3rem 0.5rem;
	width: 28.6rem;
}
#index .hotel .imgBox .txtBox .ttlBox {
	margin: 0 0 3.6rem 0.5rem;
}
#index .hotel .imgBox .txtBox .headLine01 {
	margin-bottom: 0;
	text-align: left;
}
#index .hotel .imgBox .txtBox .headLine01 .en {
	font-size: 7rem;
	text-align: left;
}
#index .hotel .imgBox .txtBox .headLine01 .jp {
	margin: 0.4rem 0 0 -0.6rem;
	font-size: 1.6rem;
	font-family: "Noto Sans JP", sans-serif;
}
#index .hotel .imgBox .txtBox .sns {
	margin: 2.9rem 0 0 4.4rem;
	gap: 2.4rem;
}
#index .hotel .imgBox .txtBox .sns li {
	width: 3rem;
}
#index .hotel .imgBox .txtBox .sns a:hover {
	opacity: 0.5;
}
#index .hotel .imgBox .txtBox p {
	margin: 0 1rem 3.8rem 0;
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#index .voice {
	margin-bottom: 10rem;
}
#index .voice .ttlBox {
	margin-bottom: 4rem;
	flex-wrap: nowrap;
	align-items: flex-end;
	justify-content: space-between;
}
#index .voice .ttlBox .headLine01 {
	width: fit-content;
}
#index .voice .ttlBox p {
	margin: 0 0 -1rem 2rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 2;
	letter-spacing: 0.1rem;
}
#index .voice .category {
	margin-bottom: 8.5rem;
}
#index .voice .voiceList {
	margin-bottom: 4.8rem;
}
#index .voice .comLink {
	text-align: right;
}
#index .btmLink {
	margin: 0 0 15.5rem 12.3rem;
}
#index .btmLink a {
	display: block;
	position: relative;
	height: 30rem;
	overflow: hidden;
}
#index .btmLink a .img {
	position: absolute;
	width: 100%;
	height: 100%;
}
#index .btmLink a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: .3s;
}
#index .btmLink a:after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: linear-gradient(93deg, rgba(0, 195, 202, 0.60) 2.9%, rgba(241, 244, 156, 0.60) 94.23%);
	mix-blend-mode: screen;
	content: "";
	transition: .3s;
}
#index .btmLink a:before {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	opacity: 0;
	background: linear-gradient(93deg, rgba(0, 195, 202, 0.80) 2.9%, rgba(241, 244, 156, 0.80) 94.23%);
	content: "";
	transition: .3s;
	z-index: 1;
}
#index .btmLink a .img::after {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #6A6A6A;
	mix-blend-mode: multiply;
	content: "";
}
#index .btmLink .headLine01 {
	margin-bottom: 0;
	position: absolute;
	left: 11.2rem;
	top: 50%;
	color: #fff;
	transform: translateY(-50%);
	z-index: 1;
}
#index .btmLink .headLine01 .en {
	background: linear-gradient(102deg, #FFF 65.66%, #F0F39C 96.93%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#index .btmLink .arrow {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 10.5rem;
	z-index: 1;
}
@media all and (min-width: 897px) {
	#index #container {
		padding-top: 0;
	}
	#index #gHeader:not(.fix) {
		background: none;
	}
	#index #gHeader:not(.fix) .logo .black {
		display: none;
	}
	#index #gHeader:not(.fix) .logo .white {
		display: block;
	}
	#index #gHeader:not(.fix) #gNavi > ul > li > a {
		color: #fff;
	}
	#index .btmLink a:hover img {
		transform: scale(1.3);
	}
	#index .btmLink a:hover:before {
		opacity: 1;
	}
	#index .btmLink a:hover:after {
		opacity: 0;
	}
}
@media all and (min-width: 1920px) {
	#index .pickup .comSlide {
		margin-left: auto;
		width: calc(50% + 83.5rem);
	}
	#index .hotel .photo {
		margin-left: auto;
		width: calc(50% + 83.5rem);
	}
	#index .hotel .imgBox .phoBox {
		width: calc(50% + 19rem);
		height: 93.3rem;
	}
	#index .hotel .imgBox .txtBox {
		width: 71.5rem;
		flex: inherit;
	}
	#index .hotel .btmLink {
		margin-left: auto;
		width: calc(50% + 83.5rem);
	}
}
@media all and (max-width: 896px) {
	#index #container {
		padding-top: 0;
	}
	#index .mainVisual .content {
		left: 0;
		top: 11rem;
		margin: 0;
		height: calc(100% - 20rem);
		padding: 0 2.4rem;
		transform: translate(0);
	}
	#index .mainVisual .slick-slide > div > li.liStyle02 img {
		object-position: 60% top;
	}
	#index .mainVisual .txtBox {
		padding: 0 0 0 1.8rem;
		min-height: inherit;
		display: block;
		position: static;
	}
	#index .mainVisual .txtBox .title {
		margin-bottom: -0.5rem;
		font-size: 4.2rem;
		letter-spacing: 0.21rem;
		line-height: 1.2;
		transform: translateY(-1.3rem);
	}
	#index .mainVisual .liStyle04 .txtBox .title {
		transform: translateY(-0.8rem);
	}
	#index .mainVisual .txtBox .txt {
		margin-bottom: 1.9rem;
		font-size: 2.4rem;
		line-height: 1.4;
		letter-spacing: 0.12rem;
	}
	#index .mainVisual .txtBox .textList {
		margin: 0 0 2.6rem 0.3rem;
	}
	#index .mainVisual .txtBox .textList li {
		padding: 0.3rem 1.5rem;
		font-size: 1rem;
		letter-spacing: 0.005rem;
	}
	#index .mainVisual .txtBox .comLink {
		margin: 0 0 0 0.4rem;
	}
	#index .mainVisual .txtBox01 {
		padding-left: 2rem;
	}
	#index .mainVisual .txtBox01 .title {
		margin-bottom: -0.5rem;
		font-size: 5.8rem;
		letter-spacing: 0;
		line-height: 1.12;
	}
	#index .mainVisual .txtBox01 .txt {
		font-size: 2.4rem;
		letter-spacing: 0.12rem;
	}
	#index .mainVisual .dots {
		left: 2.4rem !important;
		bottom: 10rem;
	}
	#index .mainVisual .scroll {
		bottom: 9.6rem;
		padding: 0;
		overflow-x: auto;
	}
	#index .mainVisual .linkList {
		gap: 0 2.2rem;
		width: 94rem;
		flex-wrap: nowrap;
	}
	#index .mainVisual .linkList li {
		width: auto;
		min-width: 29rem;
		border-radius: 0.6rem;
	}
	#index .mainVisual .linkList a {
		padding: 1rem 1.9rem 1.1rem;
		border-radius: 0.6rem;
		background-size: 4.7rem;
	}
	#index .mainVisual .linkList .ttl {
		margin-bottom: 0.7rem;
		white-space: nowrap;
	}
	#index .mainVisual .linkList .ttl .sml {
		padding-top: 0.1rem;
	}
	#index .headLine01 .en {
		font-size: 5rem;
		background: linear-gradient(127deg, #242526 65.66%, #F0F39C 96.93%);
		background-clip: text;
		-webkit-background-clip: text;
		-webkit-text-fill-color: transparent;
	}
	#index .headLine01 .jp {
		margin-top: 0.2rem;
	}
	#index .pickup {
		padding: 4.8rem 0 6.5rem;
	}
	#index .pickup .headLine01 {
		margin-bottom: 2.2rem;
		display: block;
	}
	#index .pickup .headLine01 .jp {
		margin: 0.2rem 0 0;
	}
	#index .pickup .comSlide {
		margin: 2rem 0 0 2.4rem;
	}
	#index .pickup .comLink {
		margin-top: -2.4rem;
	}
	#index .about {
		padding: 5.5rem 0 12.8rem;
		background: url(img/index/about_bg.webp) no-repeat center top/cover;
	}
	#index .about:before {
		left: 0;
		top: 0;
		width: 19.1rem;
		height: 18.6rem;
		border-radius: 0;
		background: url(img/index/about_bg_sp.webp) no-repeat left top/100%;
	}
	#index .about .ttlBox {
		margin-bottom: 3.5rem;
		display: block;
	}
	#index .about .ttlBox p {
		margin: 2.8rem 0 0;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.07rem;
	}
	#index .about .ttlBox p .txtSub {
		display: inline-block;
		margin-top: 1.8rem;
	}
	#index .about .imgBox {
		margin-bottom: 3rem;
	}
	#index .about .imgBox a {
		display: block;
	}
	#index .about .imgBox .phoBox {
		width: auto;
		aspect-ratio: 342/168;
	}
	#index .about .imgBox .phoBox .foo li {
		aspect-ratio: 342/168;
	}
	#index .about .imgBox .phoBox img {
		height: 100%;
		object-fit: cover;
		object-position: center top;
	}
	#index .about .imgBox .txtBox {
		margin: 0 !important;
		padding: 3.3rem 2.4rem 6.6rem !important;
		min-height: inherit;
		background: linear-gradient(238deg, rgba(255, 255, 255, 0.60) 0%, #FFF 36.23%) !important;
	}
	#index .about .imgBox .txtBox:after {
		width: 6.6rem;
		height: 6.6rem;
	}
	#index .about .imgBox .txtBox .num {
		right: 1.5rem !important;
		top: 1.4rem;
		width: 10.1rem;
		mix-blend-mode: inherit;
	}
	#index .about .imgBox .txtBox h3 {
		margin-bottom: 1.4rem;
		position: relative;
		z-index: 1;
		line-height: 1.38;
		letter-spacing: 0.12rem;
	}
	#index .about .imgBox .txtBox p {
		font-size: 1.4rem;
		line-height: 1.7;
		letter-spacing: 0.07rem;
		margin-bottom: 2rem;
	}
	#index .about .imgBox .txtBox .comTextList {
		margin: -0.8rem -2rem 0 0.1rem;
	}
	#index .about .imgBox .txtBox .comTextList li {
		margin: 0.8rem 0.8rem 0 0;
		padding: 0.3rem 1.5rem;
		font-size: 1rem;
		letter-spacing: 0.005rem;
	}
	#index .about .imgBox01 {
		margin-bottom: 3rem;
	}
	#index .about .imgBox01 .phoBox:after {
		display: none;
	}
	#index .about .imgBox01 .txtBox:after {
		display: block;
	}
	#index .about .imgBox01 .txtBox .num {
		right: auto;
		left: auto;
		width: 9.6rem;
	}
	#index .hotel .photo {
		margin: -8rem 0 0 2.4rem;
		height: 16.2rem;
	}
	#index .hotel .headLine01 {
		margin-bottom: 3.6rem;
		text-align: left;
	}
	#index .hotel .headLine01 .en {
		margin: 0;
	}
	#index .hotel .headLine01 + p {
		margin-bottom: 3.5rem;
		font-size: 1.6rem;
		letter-spacing: 0.08rem;
		text-align: left;
	}
	#index .hotel .imgBox {
		margin: 0 2.4rem;
		display: block;
	}
	#index .hotel .imgBox:not(:last-child) {
		margin-bottom: 4rem;
	}
	#index .hotel .imgBox .phoBox {
		width: auto;
	}
	#index .hotel .imgBox .phoBox .slick-dots {
		right: 1.7rem;
		bottom: 1.7rem;
	}
	#index .hotel .imgBox .phoBox .slick-dots li {
		margin: 1rem 0 0;
		width: 0.8rem;
		height: 0.7rem;
	}
	#index .hotel .imgBox .txtBox {
		padding: 1.4rem 0.3rem 0;
	}
	#index .hotel .imgBox .txtBox .logo {
		margin: 0 0 0.3rem -0.3rem;
		width: 18.2rem;
	}
	#index .hotel .imgBox .txtBox .ttlBox {
		margin: 0 0 1.2rem -0.3rem;
	}
	#index .hotel .imgBox .txtBox .headLine01 .en {
		font-size: 4.2rem;
	}
	#index .hotel .imgBox .txtBox .headLine01 .jp {
		margin: 1.8rem 0 0 -0.2rem;
		font-size: 1.4rem;
	}
	#index .hotel .imgBox .txtBox .sns {
		margin-top: 1.1rem;
		gap: 2.4rem;
	}
	#index .hotel .imgBox .txtBox .headLine02 {
		line-height: 1.4;
		margin-bottom: 1rem;
		letter-spacing: 0.12rem;
	}
	#index .hotel .imgBox .txtBox p {
		margin: 0 -0.3rem 2.2rem 0;
		font-size: 1.4rem;
		line-height: 1.7;
		letter-spacing: 0.07rem;
	}
	#index .hotel .imgBox .txtBox .comLink {
		margin-left: 1.3rem;
		text-align: center;
	}
	#index .voice {
		margin-bottom: 5.3rem;
	}
	#index .voice .ttlBox {
		margin-bottom: 1.8rem;
		display: block;
	}
	#index .voice .ttlBox .headLine01 {
		margin-bottom: 2.9rem;
	}
	#index .voice .ttlBox p {
		margin: 0;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.08rem;
	}
	#index .voice .category {
		margin-bottom: 2.3rem;
	}
	#index .voice .voiceList {
		margin: 0 -2.4rem 0 0;
	}
	#index .voice .slick-list {
		padding-top: 2.5rem;
	}
	#index .voice .slick-slide {
		width: 29.4rem;
		margin-right: 2.4rem;
	}
	#index .voice .voiceList a {
		padding: 2rem 2rem 2.5rem;
	}
	#index .voice .voiceList a:after {
		width: 6.6rem;
		height: 6.6rem;
	}
	#index .voice .voiceList .listImg {
		width: 7rem;
		right: 1.9rem;
		top: -2.5rem;
	}
	#index .voice .voiceList .date {
		margin-bottom: 0.9rem;
		font-size: 1.4rem;
	}
	#index .voice .voiceList .txt {
		margin-bottom: 1.8rem;
		font-size: 1.4rem;
		line-height: 1.7;
	}
	#index .voice .voiceList .tag span {
		padding: 0.4rem 1.3rem;
		font-size: 1rem;
	}
	#index .voice .slick-dots {
		margin-top: 3.3rem;
	}
	#index .voice .slick-dots li {
		margin-bottom: 0;
	}
	#index .voice .comLink {
		margin-top: -2.2rem;
		text-align: right;
	}
	#index .btmLink {
		margin: 0 0 8rem 2.4rem;
	}
	#index .btmLink a {
		height: 16.2rem;
	}
	#index .btmLink a:before, #index .btmLink a:after {
		display: none;
	}
	#index .btmLink .arrow {
		width: 6.6rem;
	}
	#index .btmLink a .img:after {
		display: none;
	}
	#index .btmLink .headLine01 {
		left: 2.4rem;
	}
}
/*------------------------------------------------------------
    abiko
------------------------------------------------------------*/
#top .mainVisual {
	margin-bottom: 9.8rem;
	padding-bottom: 10rem;
	background: url(img/abiko/main_img.webp) no-repeat center top/cover;
}
#top .mainVisual h1 {
	display: none;
}
#top .mainVisual #pagePath {
	margin-bottom: 5.1rem;
	padding-top: 2.4rem;
	color: #fff;
}
#top #pagePath li:not(:last-child) {
	background-image: url(img/common/icon01_white.webp);
}
#top .mainVisual #pagePath a {
	color: #fff;
}
#top .mainVisual .txtBox {
	width: calc(50% - 6.5rem);
	padding: 5.5rem 5.7rem 6.2rem 0;
	background: #fff url(img/common/bg01.webp) no-repeat left top/60rem;
}
#top .mainVisual .txtBox .infoBox {
	margin-left: auto;
	width: 43.8rem;
}
#top .mainVisual .bgTtl {
	margin-bottom: 3.5rem;
	padding: 1.55rem 0 1.55rem 1rem;
	color: #fff;
	font-size: 2.2rem;
	font-weight: 600;
	letter-spacing: 0.11rem;
	background: linear-gradient(270deg, #DDE084 0%, #00C3CA 100%);
}
#top .mainVisual .bgTtl .sub {
	margin-left: auto;
	width: 43.8rem;
	display: block;
}
#top .infoBox .logo {
	margin: 0 0 0.3rem 0.4rem;
	width: 28.6rem;
}
#top .infoBox .ttlBox {
	margin: 0 0 2.2rem 0.4rem;
	justify-content: flex-start;
}
#top .infoBox .ttlBox .headLine01 {
	margin-bottom: 0;
}
#top .infoBox .ttlBox .headLine01 .en {
	font-size: 7rem;
}
#top .infoBox .ttlBox .sns {
	margin: 3rem 0 0 4.2rem;
	gap: 2.4rem;
}
#top .infoBox .ttlBox .sns li {
	width: 3rem;
}
#top .infoBox .ttlBox .sns a:hover {
	opacity: 0.5;
}
#top .infoBox .telBox {
	margin-bottom: 0.7rem;
}
#top .infoBox .telBox p {
	line-height: 1.75;
	letter-spacing: 0.08rem;
}
#top .infoBox .tel {
	margin-top: 0.8rem;
}
#top .infoBox .tel a {
	display: inline-block;
	padding-left: 3rem;
	font-size: 3.4rem;
	font-weight: 600;
	line-height: 1;
	letter-spacing: 0.17rem;
	background: url(img/common/icon11.webp) no-repeat left 0.8rem/2.3rem;
}
#top .infoBox .time {
	gap: 4.4rem;
}
#top .infoBox .time li {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#top .infoBox .time .clock {
	padding-left: 1.9rem;
	margin-left: 0.7rem;
	background: url(img/common/icon12.webp) no-repeat left 0.5rem/1.7rem;
}
#top .comLinkList {
	margin-bottom: 12rem;
}
#top .pickupSec {
	margin-bottom: 9rem;
}
#top .pickup {
	margin: 0 0 0 12.3rem;
	justify-content: flex-end;
}
#top .pickup .headLine04, #top .news .headLine04 {
	width: 28rem;
	margin-right: 1.2rem;
}
#top .pickup .comSlide {
	margin-top: 2.7rem;
	width: calc(100% - 29.8rem);
}
#top .pickupSec .comLink {
	margin-top: -2.7rem;
	justify-content: flex-end;
}
#top .news {
	margin-bottom: 15rem;
}
#top .news .headLine04 {
	margin-right: 2.3rem;
}
#top .news .rBox {
	flex: 1;
}
#top .newsList {
	margin-bottom: 3rem;
}
#top .newsList li {
	margin-bottom: 0.4rem;
	border-bottom: 1px solid #DFDFDF;
}
#top .newsList a {
	padding: 1.4rem 0;
	display: flex;
	align-items: flex-start;
	background: none;
}
#top .newsList a:after {
	display: none;
}
#top .newsList .date {
	margin: 0.5rem 0.9rem 0 0;
	width: 11.5rem;
}
#top .newsList .ttl {
	flex: 1;
}
#top .news .comLink {
	gap: 0 8.8rem;
	justify-content: flex-end;
}
#top .feature {
	padding: 11.2rem 0 15rem;
	background: url(img/common/bg05.webp) no-repeat center top/cover;
}
#top .feature .subTtl {
	margin-bottom: 2.2rem;
	color: #fff;
	font-size: 4rem;
	line-height: 1.2;
	font-weight: 600;
	letter-spacing: 0.2rem;
}
#top .feature .subTtl + p {
	margin-bottom: 6.3rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 2.05;
	letter-spacing: 0.1rem;
}
#top .feature .imgBox {
	align-items: center;
	flex-direction: row-reverse;
}
#top .feature .imgBox:not(:last-child) {
	margin-bottom: 5.5rem;
}
#top .feature .imgBox .phoBox {
	width: 50%;
}
#top .feature .imgBox .phoBox img {
	width: 100%;
}
#top .feature .imgBox .txtBox {
	flex: 1;
	padding: 4.6rem 4rem 5.3rem 6rem;
	position: relative;
	background: linear-gradient(127deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
}
#top .feature .imgBox .txtBox .num {
	margin-bottom: 0;
	position: absolute;
	left: -3.5rem;
	top: -6.5rem;
	font-size: 10rem;
	line-height: 1;
	mix-blend-mode: hard-light;
	font-family: "Playfair Display", serif;
	background: linear-gradient(111deg, #FFF 65.25%, #00C3C9 112.37%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#top .feature .imgBox .txtBox .num02 {
	mix-blend-mode: inherit;
}
#top .feature .imgBox .txtBox .num03 {
	mix-blend-mode: lighten;
}
#top .feature .imgBox .txtBox .headLine02 {
	margin-bottom: 2rem;
}
#top .feature .imgBox .txtBox p {
	margin-bottom: 1.9rem;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#top .feature .imgBoxR {
	flex-direction: inherit;
}
#top .feature .imgBoxR .txtBox {
	background: linear-gradient(233deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
}
#top .feature .imgBoxR .txtBox .num {
	left: auto;
	right: -4rem;
}
#top .comImgBox {
	margin-bottom: 0;
}
#top .comImgBox .textBox {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
	padding: 5.5rem 13rem 5.5rem 10rem;
	background: linear-gradient(231deg, rgba(0, 195, 202, 0.50) 0.5%, rgba(241, 244, 156, 0.30) 24.5%, rgba(255, 255, 255, 0.00) 50%);
}
#top .comImgBox .textBox .headLine04 {
	margin-bottom: 4.8rem;
}
#top .comImgBox .textBox .headLine02 {
	margin-bottom: 1.8rem;
}
#top .comImgBox .textBox p {
	margin-bottom: 2rem;
}
#top .comImgBoxR .textBox {
	padding: 5.5rem 12.3rem;
}
#top .gallery {
	padding: 15.2rem 0 0;
}
#top .gallery h3 {
	margin-bottom: 5rem;
}
#top .gallery .phoList {
	position: relative;
	z-index: 1;
}
#top .gallery .slick-slide {
	width: 43.4rem;
}
#top .gallery .slick-slide img {
	width: 100%;
}
#top .gallery .slick-dots {
	justify-content: center;
	margin-top: 4.6rem;
}
#top .gallery .comLink {
	margin-top: -2.2rem;
	text-align: right;
}
#top .faq {
	padding: 13.5rem 0 15rem;
}
#top .faq .headLine04 {
	margin-bottom: 4.5rem;
}
#top .faq .comLink {
	margin-top: 3.8rem;
	text-align: right;
}
#top .access {
	padding: 11.3rem 0;
	background: url(img/common/bg05.webp) no-repeat center bottom/cover;
}
#top .access .headLine04 {
	margin-bottom: 7.3rem;
}
#top .access .mapBox {
	margin-bottom: 3rem;
}
#top .access .mapBox .infoBox {
	padding: 2.6rem 5rem 2rem 8.5rem;
	display: flex;
	flex-wrap: wrap;
	align-content: center;
	flex: 1;
	background-color: #fff;
}
#top .access .mapBox .infoBox .ttlBox {
	margin-bottom: 1.1rem;
}
#top .access .mapBox .infoBox .telBox {
	margin: 0 0 2.3rem 0.4rem;
}
#top .access .mapBox .infoBox .telBox .tel {
	margin-top: 0;
}
#top .access .mapBox .infoBox .txt {
	margin: 0 0.4rem 0.7rem;
	letter-spacing: 0.08rem;
	line-height: 1.75;
}
#top .access .mapBox .infoBox .txt:last-child {
	margin-bottom: 0;
}
#top .access .mapBox .map {
	width: 50%;
	aspect-ratio: 560/391;
}
#top .access .mapBox .map iframe {
	width: 100%;
	height: 100%;
	display: block;
}
#top .access .trafficList li {
	padding: 4rem 4.9rem 4.6rem;
	background-color: #fff;
}
#top .access .trafficList li:not(:last-child) {
	margin-bottom: 3rem;
}
#top .access .trafficList h4 {
	margin-bottom: 2.4rem;
	padding: 0.5rem 2.5rem 0.7rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
	background-color: #242526;
}
#top .access .trafficList h4 img {
	height: 1.7rem;
	margin-right: 0.7rem;
	vertical-align: -0.1rem;
}
#top .access .comLink {
	margin-top: 4rem;
	text-align: right;
}
#top.cnt .mainVisual {
	background-image: url(img/cnt/main_img.webp);
}
#top.tsukuba .mainVisual {
	background-image: url(img/tsukuba/main_img.webp);
}
#top.tsukuba .infoBox .ttlBox .sns {
	margin-right: -1rem;
}
#top.tsukuba .feature .imgBox .txtBox .num03, #top.cnt .feature .imgBox .txtBox .num03 {
	mix-blend-mode: hard-light;
}
@media all and (min-width: 1920px) {
	#top .pickup .comSlide {
		width: calc(50% + 60rem);
	}
	#top .comImgBox .pho {
		height: 73rem;
	}
}
@media all and (max-width: 896px) {
	#top .mainVisual {
		margin-bottom: 4rem;
		padding-bottom: 0;
		background: none;
		position: relative;
	}
	#top .mainVisual #pagePath {
		position: absolute;
		left: 0;
		top: 0;
		padding-top: 1.5rem;
	}
	#top .mainVisual .mainImg img {
		width: 100%;
	}
	#top .mainVisual .txtBox {
		margin-top: -15.5rem;
		width: 36.6rem;
		position: relative;
		z-index: 1;
		padding: 2rem 2.4rem 0.2rem;
		background-size: 36rem;
	}
	#top .mainVisual .txtBox .infoBox {
		margin-left: 0;
		width: auto;
	}
	#top .mainVisual .bgTtl {
		margin: 0 0 2rem -2.4rem;
		padding: 0.6rem 2.4rem;
		font-size: 1.8rem;
		letter-spacing: 0.09rem;
	}
	#top .mainVisual .bgTtl .sub {
		margin-left: 0;
		width: auto;
	}
	#top .infoBox .logo {
		margin: 0 0 0.3rem 0.1rem;
		width: 20.9rem;
	}
	#top .infoBox .ttlBox {
		margin: 0 0 1.4rem 0.1rem;
	}
	#top .infoBox .ttlBox .headLine01 .en {
		font-size: 5rem;
	}
	#top .infoBox .ttlBox .sns {
		margin: 1.8rem 0 0 2rem;
		gap: 1.5rem;
	}
	#top .infoBox .ttlBox .sns li {
		width: 2.8rem;
	}
	#top .infoBox .telBox p {
		font-size: 1.4rem;
		letter-spacing: 0.07rem;
	}
	#top .infoBox .tel a {
		padding-left: 2.7rem;
		font-size: 3rem;
		letter-spacing: 0.17rem;
		background-position: left 0.7rem;
		background-size: 2.1rem;
	}
	#top .infoBox .time {
		gap: 1rem 2.2rem;
	}
	#top .infoBox .time li {
		font-size: 1.3rem;
		letter-spacing: 0.067rem;
	}
	#top .infoBox .time .clock {
		padding-left: 1.6rem;
		margin-left: 0.7rem;
		background-position: left 0.3rem;
		background-size: 1.4rem;
	}
	#top .comLinkList {
		margin-bottom: 7rem;
	}
	#top .pickupSec {
		margin-bottom: 5.8rem;
	}
	#top .pickup {
		margin: 0 0 0 2.4rem;
		display: block;
	}
	#top .pickup .headLine04, #top .news .headLine04 {
		width: auto;
		margin: 0 0 3.2rem;
	}
	#top .pickup .comSlide {
		margin-top: 0;
		width: auto;
	}
	#top .pickup .comSlide .slick-slide {
		width: 34.7rem;
	}
	#top .pickup .pickList .pho {
		margin-bottom: 2rem;
	}
	#top .pickup .pickList .date {
		margin-right: 1.7rem;
		font-size: 1.6rem;
		letter-spacing: 0.08rem;
	}
	#top .pickup .pickList .tag span {
		padding: 0.6rem 1.6rem;
		font-size: 1.3rem;
		letter-spacing: 0.065rem;
	}
	#top .pickup .pickList .ttl {
		font-size: 1.6rem;
		line-height: 1.75;
	}
	#top .pickup .comSlide .slick-dots {
		margin-top: 2.3rem;
	}
	#top .pickupSec .comLink {
		margin-top: 3rem;
	}
	#top .news {
		margin-bottom: 6rem;
	}
	#top .news .content {
		display: block;
	}
	#top .news .headLine04 {
		margin: 0 0 1.2rem;
	}
	#top .news .rBox {
		flex: 1;
	}
	#top .newsList {
		margin-bottom: 3rem;
	}
	#top .newsList li {
		margin-bottom: 0;
	}
	#top .newsList a {
		padding: 1.5rem 0;
		display: block;
	}
	#top .newsList .date {
		margin: 0 0 0.3rem;
		width: auto;
	}
	#top .news .comLink {
		display: block;
		text-align: right;
	}
	#top .news .comLink li:not(:last-child) {
		margin-bottom: 1.5rem;
	}
	#top .feature {
		padding: 6rem 0 7.2rem;
		background-image: url(img/common/bg05_sp.webp);
	}
	#top .feature .headLine04 {
		margin-bottom: 2rem;
	}
	#top .feature .subTtl {
		margin-bottom: 2rem;
		font-size: 3.2rem;
		line-height: 1.4;
		letter-spacing: 0.16rem;
	}
	#top .feature .subTtl + p {
		margin-bottom: 3.4rem;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.08rem;
	}
	#top .feature .subTtl + p .sub {
		display: inline-block;
		margin-top: 1.7rem;
	}
	#top .feature .imgBox {
		display: block;
	}
	#top .feature .imgBox:not(:last-child) {
		margin-bottom: 5.5rem;
	}
	#top .feature .imgBox .phoBox {
		width: auto;
		position: relative;
		z-index: 1;
	}
	#top .feature .imgBox .txtBox {
		margin: -3.5rem -2.4rem 0 2.4rem;
		padding: 4.8rem 2.4rem 2rem 3rem;
		background: linear-gradient(320deg, rgba(255, 255, 255, 0.60) 5.63%, #FFF 31.5%) !important;
	}
	#top .feature .imgBox .txtBox .num {
		left: auto;
		right: 1.5rem !important;
		top: auto;
		bottom: -3.2rem;
		width: 10.9rem;
		mix-blend-mode: inherit !important;
	}
	#top .feature .imgBox .txtBox .headLine02 {
		margin-bottom: 0.6rem;
	}
	#top .feature .imgBox .txtBox p {
		margin-bottom: 1.1rem;
		line-height: 2;
		letter-spacing: 0.07rem;
	}
	#top .comImgBox {
		display: flex;
	}
	#top .comImgBox .textBox {
		width: 100%;
		display: block;
		order: 0;
		padding: 2.8rem 2.4rem !important;
	}
	#top .comImgBox .textBox .headLine04 {
		margin-bottom: 0.9rem;
	}
	#top .comImgBox .textBox .headLine02 {
		margin-bottom: 1.2rem;
	}
	#top .comImgBox .textBox p {
		margin-bottom: 2.2rem;
	}
	#top .comImgBox .pho {
		order: 1;
		width: 100%;
		padding-bottom: 62%;
	}
	#top .gallery {
		padding: 6rem 0 0;
	}
	#top .gallery h3 {
		margin-bottom: 3.5rem;
	}
	#top .gallery .slick-dots {
		justify-content: flex-start;
		margin: 4rem 0 0 2.4rem;
	}
	#top .gallery .slick-slide li {
		aspect-ratio: 390/203;
	}
	#top .gallery .slick-slide img {
		height: 100%;
		object-fit: cover;
	}
	#top .faq {
		padding: 5.8rem 0;
	}
	#top .faq .headLine04 {
		margin-bottom: 3.3rem;
	}
	#top .faq .comLink {
		margin-top: 3rem;
	}
	#top .access {
		padding: 6rem 0 6rem;
		background-image: url(img/common/bg04_sp.webp);
	}
	#top .access .headLine04 {
		margin-bottom: 3rem;
	}
	#top .access .mapBox {
		margin-bottom: 3rem;
		display: block;
	}
	#top .access .mapBox .infoBox {
		padding: 2.5rem 2.3rem 1.9rem;
		display: block;
	}
	#top .access .mapBox .infoBox .ttlBox {
		margin-bottom: 1.6rem;
	}
	#top .access .mapBox .infoBox .telBox {
		margin: 0 0 0.9rem 0.2rem;
	}
	#top .access .mapBox .infoBox .txt {
		margin: 0 0 0.3rem;
		font-size: 1.4rem;
		letter-spacing: 0.07rem;
	}
	#top .access .mapBox .map {
		width: auto;
		aspect-ratio: 560/295;
	}
	#top .access .trafficList li {
		padding: 1.7rem 2.4rem 1rem;
	}
	#top .access .trafficList .liStyle {
		margin-right: -2.4rem;
		padding-right: 0;
	}
	#top .access .trafficList li:not(:last-child) {
		margin-bottom: 2rem;
	}
	#top .access .trafficList .scrollBox {
		overflow-x: auto;
	}
	#top .access .trafficList .scrollBox .inner {
		margin: 0 auto;
		width: 53rem;
	}
	#top .access .trafficList .liStyle02 .scrollBox .inner {
		width: 65rem;
	}
	#top .access .trafficList .liStyle03 {
		padding-bottom: 2rem;
	}
	#top .access .trafficList .liStyle03 .inner {
		margin: 0 auto;
		width: 29.4rem;
	}
	#top .access .trafficList h4 {
		margin-bottom: 1.7rem;
		padding: 0.5rem 1rem 0.6rem;
		font-size: 1.6rem;
	}
	#top .access .trafficList h4 img {
		height: 1.5rem;
		margin-right: 0.4rem;
	}
	#top .access .comLink {
		margin-top: 2rem;
	}
}
/*------------------------------------------------------------
    comQaList
------------------------------------------------------------*/
.comQaList li {
	padding: 4.1rem 5.3rem 3.2rem;
	counter-increment: list;
	background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%);
}
.comQaList li:not(:last-child) {
	margin-bottom: 2rem;
}
.comQaList .ttl {
	margin-bottom: 1rem;
	display: flex;
	align-items: center;
	min-height: 5rem;
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: 0.12rem;
}
.comQaList .ttl:before {
	margin-right: 2.8rem;
	content: "Q" counter(list);
	display: block;
	width: 5rem;
	height: 5rem;
	flex-shrink: 0;
	color: #fff;
	font-size: 1.6rem;
	font-weight: 600;
	letter-spacing: 0.08rem;
	font-family: "Noto Serif JP", serif;
	display: flex;
	align-items: center;
	justify-content: center;
	background: linear-gradient(270deg, #DDE084 0%, #00C3CA 100%);
	border-radius: 50%;
}
.comQaList .txt {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
.comQaList .txt .notes {
	display: block;
	margin-top: -0.3rem;
	font-size: 1.4rem;
	line-height: 1.7;
}
@media all and (max-width: 896px) {
	.comQaList li {
		padding: 2.2rem 2.4rem;
	}
	.comQaList .ttl {
		min-height: 4.5rem;
		font-size: 2rem;
		line-height: 1.4;
		letter-spacing: 0.1rem;
	}
	.comQaList .ttl:before {
		margin-right: 1.3rem;
		width: 4.5rem;
		height: 4.5rem;
	}
}
/*------------------------------------------------------------
    company
------------------------------------------------------------*/
#company .sec01 {
	padding: 3.9rem 0 12.8rem;
}
#company .sec02 {
	padding: 12rem 0 11rem;
	color: #FFF;
	background: url("img/company/sec02_bg.webp") no-repeat center center / cover;
}
#company .sec02 .title {
	margin: -0.8rem 0 1.6rem;
	font-size: 4rem;
	font-weight: 600;
	letter-spacing: 0.2rem;
}
#company .sec02 .title .big {
	margin: 0 -0.3rem;
	font-size: 4.5rem;
	line-height: 1.2;
	letter-spacing: 0.225rem;
}
#company .sec02 .txtImg {
	margin: 0 -6.4rem 5rem 0;
}
#company .sec02 .text {
	padding: 0.8rem 4.9rem 1rem;
	font-size: 2rem;
	font-weight: 600;
	line-height: 1.85;
	letter-spacing: 0.1rem;
	border-left: 1px solid #FFF;
}
#company .sec03 {
	padding: 12rem 0 12.1rem;
}
#company .sec03 .headLine04 {
	margin-bottom: 7rem;
}
#company .sec03 .imgBox .phoBox {
	width: calc(50% - 6.3rem);
}
#company .sec03 .imgBox .phoBox img {
	width: 100%;
}
#company .sec03 .imgBox .txtBox {
	margin-top: -1.1rem;
	width: calc(50% - 1.5rem);
}
#company .sec03 .imgBox .txtBox .subBox {
	width: 82%;
}
#company .sec03 .imgBox .txtBox p {
	margin-bottom: 3.2rem;
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#company .sec03 .imgBox .txtBox p:last-child {
	margin-bottom: 0;
}
#company .sec04 {
	padding: 12rem 0 12rem;
	background: url("img/company/sec04_bg.webp") no-repeat center center / cover;
}
#company .sec04 .headLine04 {
	margin-bottom: 7.6rem;
}
#company .sec04 .textList li {
	margin-bottom: 4.1rem;
	padding: 4.2rem 6rem 4.1rem;
	position: relative;
	background: linear-gradient(170deg, rgba(255, 255, 255, 0.60) 0%, #FFF 32.95%);
}
#company .sec04 .textList li:last-child {
	margin-bottom: 0;
}
#company .sec04 .textList li .num {
	width: fit-content;
	position: absolute;
	left: -3.4rem;
	top: -7.1rem;
	font-size: 10rem;
	line-height: 1.2;
	mix-blend-mode: hard-light;
	background: linear-gradient(111deg, #FFF 65.25%, #00C3C9 112.37%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#company .sec04 .textList li h3 {
	margin-bottom: 0.7rem;
	font-size: 2rem;
	letter-spacing: 0.1rem;
	font-weight: 600;
	font-family: "Noto Serif JP", serif;
}
#company .sec04 .textList li .txt {
	line-height: 2;
	letter-spacing: 0.08rem;
}
@media all and (max-width: 896px) {
	#company .sec01 {
		padding: 0.8rem 0 5.7rem;
	}
	#company .sec02 {
		padding: 6.0rem 0 2.8rem;
		background-image: url("img/company/sec02_bg_sp.webp");
	}
	#company .sec02 .title {
		margin: -0.8rem 0 2.2rem;
		font-size: 3.2rem;
		letter-spacing: 0.16rem;
	}
	#company .sec02 .title .big {
		margin: 0 -2rem 0 -2.5rem;
		font-size: 4rem;
		letter-spacing: 0.2rem;
	}
	#company .sec02 .txtImg {
		margin: 0 -2.3rem 3.2rem 0.1rem;
	}
	#company .sec02 .txtImg img {
		width: 100%;
	}
	#company .sec02 .text {
		padding: 0.2rem 2rem 0.2rem 2.6rem;
		font-size: 1.6rem;
		font-weight: 500;
		line-height: 1.625;
		letter-spacing: 0.05rem;
	}
	#company .sec03 {
		padding: 6rem 0 5.1rem;
	}
	#company .sec03:before {
		display: none;
	}
	#company .sec03 .headLine04 {
		margin-bottom: 3.3rem;
	}
	#company .sec03 .imgBox {
		display: block;
	}
	#company .sec03 .imgBox .phoBox {
		margin: 0 2.4rem 1.9rem 0;
		width: auto;
	}
	#company .sec03 .imgBox .txtBox {
		margin: 0 2.4rem;
		width: auto;
	}
	#company .sec03 .imgBox .txtBox .subBox {
		width: auto;
	}
	#company .sec03 .imgBox .txtBox p {
		margin-bottom: 3.2rem;
		text-align: justify;
	}
	#company .sec04 {
		padding: 6rem 0 5.8rem;
		background-image: url("img/company/sec04_bg_sp.webp");
	}
	#company .sec04 .headLine04 {
		margin-bottom: 4.8rem;
	}
	#company .sec04 .textList li {
		margin-bottom: 2.7rem;
		padding: 2.1rem 2.4rem 2.1rem;
		background: linear-gradient(140deg, rgba(255, 255, 255, 0.60) 0%, #FFF 32.95%);
	}
	#company .sec04 .textList li .num {
		left: 2.1rem;
		top: -4.6rem;
		font-size: 6rem;
		mix-blend-mode: inherit;
	}
	#company .sec04 .textList li h3 {
		margin-bottom: 0.1rem;
		line-height: 1.6;
	}
	#company .sec04 .textList li .txt {
		text-align: justify;
	}
}
/*------------------------------------------------------------
    privacy
------------------------------------------------------------*/
#policy {
	padding-bottom: 11.1rem;
}
#policy .inner {
	margin: 0 0.3rem 5rem;
}
#policy .inner:last-child {
	margin-bottom: 0;
}
#policy p {
	margin-bottom: 0.7rem;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#policy p:last-child {
	margin-bottom: 0;
}
#policy h2 {
	margin-bottom: 0.5rem;
	align-items: flex-start;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	font-size: 2rem;
	font-weight: 500;
}
#policy h2 .num {
	margin-top: -1.1rem;
	display: block;
	font-size: 3rem;
	font-weight: 400;
	background: var(--1, linear-gradient(270deg, #DDE084 0%, #00C3CA 100%));
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	font-family: "Playfair Display", serif;
}
#policy h2 .ttl {
	width: calc(100% - 5rem);
	display: block;
	letter-spacing: 0.1rem;
}
#policy .txtList li {
	position: relative;
	padding-left: 2.4rem;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#policy .txtList li::before {
	position: absolute;
	left: 0.3rem;
	top: -0.1rem;
	width: 0.4rem;
	height: 0.4rem;
	content: "・";
	font-size: 1.8rem;
}
#policy .subBox {
	margin-top: 10.3rem;
}
#policy .subBox .title {
	margin-bottom: 1.8rem;
	color: #00C3C9;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
#policy p a {
	text-decoration: underline;
}
#policy p a:hover {
	opacity: 0.5;
}
@media all and (max-width: 896px) {
	#policy {
		padding-bottom: 5.1rem;
	}
	#policy .inner {
		margin: 0 0 4rem;
	}
	#policy p {
		margin-bottom: 1rem;
		text-align: justify;
	}
	#policy h2 {
		margin-bottom: 0.3rem;
	}
	#policy .subBox {
		margin-top: 4rem;
	}
	#policy .subBox .title {
		margin-bottom: 0.7rem;
	}
	#policy .subBox p {
		text-align: left;
	}
}
/*------------------------------------------------------------
    policy
------------------------------------------------------------*/
#accommodation-policy .pageTitle01 {
	margin-bottom: 11.2rem;
}
#accommodation-policy {
	padding-bottom: 15.5rem;
}
#accommodation-policy .inner {
	margin: 0 0.1rem 4.3rem;
}
#accommodation-policy .inner:last-child {
	margin-bottom: 0;
}
#accommodation-policy p {
	margin-bottom: 0.7rem;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#accommodation-policy p:last-child {
	margin-bottom: 0;
}
#accommodation-policy h2 {
	margin-bottom: 0.4rem;
	align-items: flex-start;
	display: flex;
	font-size: 2rem;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
#accommodation-policy h2 .num {
	min-width: 8.4rem;
	padding-right: 2.9rem;
	display: block;
	color: #00C3C9;
}
#accommodation-policy h2 .ttl {
	display: block;
}
#accommodation-policy .txtList li {
	position: relative;
	padding-left: 2.4rem;
	line-height: 2;
	letter-spacing: 0.08rem;
	counter-increment: my-counter;
}
#accommodation-policy .txtList > li::before {
	position: absolute;
	left: 0.5rem;
	top: 0;
	content: counter(my-counter)".";
}
#accommodation-policy .txtList .subList li {
	padding-left: 2.9rem;
	counter-increment: parentheses-counter;
}
#accommodation-policy .txtList .subList > li::before {
	position: absolute;
	left: 0.3rem;
	top: 0;
	content: "(" counter(parentheses-counter) ")";
}
#accommodation-policy .txtList .subList01 li {
	padding-left: 4rem;
}
#accommodation-policy h3 {
	margin-bottom: 1.6rem;
	color: #000;
	font-weight: 500;
	letter-spacing: 0.08rem;
}
#accommodation-policy .txtList + h3 {
	margin-top: 4.0rem;
}
#accommodation-policy .tabBox {
	margin-bottom: 2.2rem;
	max-width: 95.3rem;
}
#accommodation-policy .tabBox:last-child {
	margin-bottom: 0;
}
#accommodation-policy .tabBox table {
	width: 100%;
	border-collapse: collapse;
}
#accommodation-policy .tabBox th,
#accommodation-policy .tabBox td {
	padding: 0.1rem 0.3rem 0.4rem;
	font-weight: 500 !important;
	letter-spacing: 0.08rem;
	text-align: center;
	vertical-align: middle;
	word-break: break-all;
	background-color: #FFF;
	border: 1px solid #8D8D8D;
}
#accommodation-policy .tabBox01 tbody th {
	width: 32.8%;
}
#accommodation-policy .tabBox01 tbody td:first-child {
	width: 17.6%;
}
#accommodation-policy .tabBox02 th,
#accommodation-policy .tabBox02 td {
	width: calc(100% / 6);
}
#accommodation-policy .tabBox thead th {
	color: #FFF;
	background-color: #242526;
}
@media all and (max-width: 896px) {
	#accommodation-policy {
		padding-bottom: 6rem;
	}
	#accommodation-policy .pageTitle01 {
		margin-bottom: 5.2rem;
	}
	#accommodation-policy .inner {
		margin: 0 0 3.3rem;
	}
	#accommodation-policy h2 {
		margin-bottom: 0.7rem;
	}
	#accommodation-policy h2 .num {
		min-width: 8.4rem;
		padding-right: 1rem;
	}
	#accommodation-policy .txtList li {
		text-align: justify;
	}
	#accommodation-policy .txtList .subList > li::before {
		left: -0.1rem;
	}
	#accommodation-policy .txtList .subList li {
		padding-left: 2.5rem;
	}
	#accommodation-policy .txtList .subList01 li {
		padding-left: 4rem;
	}
	#accommodation-policy .txtList + h3 {
		margin-top: 3.2rem;
	}
	#accommodation-policy h3 {
		margin-bottom: 1.3rem;
		line-height: 1.75;
	}
	#accommodation-policy .tabBox {
		margin: 0 -2.4rem 3.1rem 0;
		overflow-x: scroll;
	}
	#accommodation-policy .tabBox01 table {
		min-width: 67.3rem;
	}
	#accommodation-policy .tabBox02 table {
		min-width: 95rem;
	}
}
/*------------------------------------------------------------
    news
------------------------------------------------------------*/
#news {
	margin-bottom: 15rem;
}
#news .select {
	width: 22rem;
	margin: 0 0 6rem auto;
}
#news .select select {
	width: 100%;
	padding: 0.85rem 4rem 0.85rem 2.7rem;
	border-radius: 0.6rem;
	color: #000;
	font-size: 1.6rem;
	line-height: 1.75;
	letter-spacing: 0.08rem;
	font-family: "Noto Serif JP", serif;
	cursor: pointer;
	appearance: none;
	-webkit-appearance: none;
	border: none;
	background: #FFF url(img/common/icon03.webp) no-repeat right 1.5rem center/2.2rem;
	box-shadow: 0rem 0rem 1.5rem 0rem rgba(0, 0, 0, 0.20);
}
@media all and (max-width: 896px) {
	#news {
		margin-bottom: 6rem;
	}
	#news .select {
		margin-bottom: 3rem;
	}
}
/*------------------------------------------------------------
    news/detail
------------------------------------------------------------*/
#news.detail .ttlBox {
	padding: 10rem 0 2.7rem;
	margin-bottom: 5.5rem;
	border-bottom: 1px solid #DFDFDF;
}
#news.detail .date {
	margin-bottom: 2rem;
	color: #8D8D8D;
	letter-spacing: 0.08rem;
}
#news.detail h1 {
	color: #000;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: 0.15rem;
}
#news.detail .txtArea .wp-block-image {
	margin: 0 auto 4.5rem;
	/* max-width: 65rem;
}
#news.detail .txtArea .wp-block-image img {
	width: 100%; */
}
#news.detail .txtArea p {
	margin-bottom: 1rem;
	word-break: break-all;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#news.detail .txtArea h3 {
	margin-top: 2rem;
	margin-bottom: 1rem;
	font-size: 1.6em;
	font-weight: inherit;
}
#news.detail .txtArea h4 {
	font-size: 1.375em;
	font-weight: inherit;
}
#news.detail .txtArea h5 {
	font-size: 0.875em;
	font-weight: inherit;
}
#news.detail .txtArea ul {
	margin-bottom: 1rem;
	padding-left: 4rem;
	list-style: disc;
}
#news.detail .txtArea ul ul {
	list-style: circle;
}
#news.detail .txtArea p a {
	text-decoration: underline;
}
@media all and (min-width: 897px) {
	#news.detail .txtArea p a:hover {
		text-decoration: none;
	}
}
@media all and (max-width: 896px) {
	#news.detail .ttlBox {
		padding: 4.2rem 0 2.1rem;
		margin-bottom: 3rem;
		border-color: #8D8D8D;
	}
	#news.detail .date {
		margin-bottom: 1.5rem;
	}
	#news.detail h1 {
		font-size: 2.4rem;
		font-weight: 600;
		letter-spacing: 0.024rem;
	}
	#news.detail .txtArea .wp-block-image {
		margin-bottom: 2rem;
		width: auto;
	}
}
/*------------------------------------------------------------
    voice
------------------------------------------------------------*/
#voice .pageTitle02 {
	margin-bottom: 12.6rem;
}
#voice {
	margin-bottom: 15rem;
}
@media all and (max-width: 896px) {
	#voice .pageTitle02 {
		margin-bottom: 2.8rem;
		padding-top: 2.4rem;
	}
	#voice {
		margin-bottom: 6rem;
	}
}
/*------------------------------------------------------------
    voice/detail
------------------------------------------------------------*/
#voice.detail #pagePath {
	margin-bottom: 12.1rem;
}
#voice.detail .vdList li {
	display: flex;
	align-items: flex-start;
}
#voice.detail .vdList li:not(:last-child) {
	margin-bottom: 6.5rem;
}
#voice.detail .vdList .listImg {
	margin-right: 6.9rem;
	width: 10.9rem;
}
#voice.detail .vdList .txtBox {
	flex: 1;
	position: relative;
	padding: 4rem 6rem 4.2rem;
	background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%);
}
#voice.detail .vdList .txtBox:before {
	position: absolute;
	top: 3.4rem;
	left: -3rem;
	width: 3.9rem;
	height: 3.9rem;
	background-color: #F6F6F6;
	clip-path: polygon(100% 0, 100% 100%, 0 50%);
	content: "";
}
#voice.detail .vdList .txtBox .bgTtl {
	position: absolute;
	left: 6rem;
	top: 0;
	transform: translateY(-50%);
	padding: 0.1rem 2rem;
	color: #FFF;
	line-height: 2;
	letter-spacing: 0.08rem;
	border-radius: 4rem;
	background: #00C3C9;
}
#voice.detail .vdList .txtBox .ttlBox {
	padding: 0.5rem 0 3.4rem;
	margin-bottom: 2.9rem;
	color: #000;
	letter-spacing: 0.08rem;
	font-family: "Noto Serif JP", serif;
	border-bottom: 1px solid #CACACA;
}
#voice.detail .vdList .txtBox .date {
	margin-bottom: 1.2rem;
}
#voice.detail .vdList .txtBox h1 {
	font-size: 2rem;
	line-height: 1.4;
	letter-spacing: 0.1rem;
	font-weight: 400;
}
#voice.detail .vdList .txtBox .txt {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#voice.detail .vdList li:nth-child(2n) .txtBox {
	background: #00C3C9;
}
#voice.detail .vdList li:nth-child(2n) .txtBox:before {
	background-color: #00C3C9;
}
#voice.detail .vdList li:nth-child(2n) .bgTtl {
	color: #00C3C9;
	border: 1px solid #00C3C9;
	background: #FFF;
}
#voice.detail .vdList li:nth-child(2n) .txtBox .ttlBox {
	color: #fff;
	border-color: #fff;
}
#voice.detail .vdList li:nth-child(2n) .txtBox .txt {
	color: #fff;
}
#voice.detail .comPage {
	margin-top: 11.4rem;
}
@media all and (max-width: 896px) {
	#voice.detail #pagePath {
		margin-bottom: 3.8rem;
	}
	#voice.detail .vdList li {
		display: block;
	}
	#voice.detail .vdList li:not(:last-child) {
		margin-bottom: 2rem;
	}
	#voice.detail .vdList .listImg {
		margin: 0 0 2.3rem 2.5rem;
		width: 8.6rem;
	}
	#voice.detail .vdList .txtBox {
		padding: 2.9rem 2.4rem 2.6rem;
		background: linear-gradient(140deg, #F6F6F6 22.77%, #FFF 100%);
	}
	#voice.detail .vdList .txtBox:before {
		top: -1.7rem;
		left: 4.8rem;
		height: 2.8rem;
		clip-path: polygon(50% 0, 100% 100%, 0 100%);
	}
	#voice.detail .vdList .txtBox .bgTtl {
		left: auto;
		right: 0.8rem;
		line-height: 1.5;
		padding: 0.6rem 3rem;
		max-width: calc(100% - 10rem);
	}
	#voice.detail .vdList .txtBox .ttlBox {
		padding: 0.7rem 0 1.8rem;
		margin-bottom: 1.5rem;
	}
	#voice.detail .vdList .txtBox .date {
		margin-bottom: 0.6rem;
	}
	#voice.detail .vdList .txtBox h1 {
		line-height: 1.5;
	}
	#voice.detail .vdList li:nth-child(2n) .bgTtl {
		padding: 0.6rem 2rem;
	}
	#voice.detail .comPage {
		margin-top: 5rem;
	}
}
/*------------------------------------------------------------
    about
------------------------------------------------------------*/
#about .sec {
	padding: 7.7rem 0 15rem;
	background: url(img/common/bg02.webp) no-repeat top center;
	background-size: cover;
}
#about .sec .ttl {
	margin-bottom: 2.5rem;
}
#about .sec .ttl .num {
	margin-right: 3.7rem;
	font-size: 12rem;
	line-height: 0.95;
	background: linear-gradient(111deg, #FFF 65.25%, #00C3C9 112.37%);
	background-clip: text;
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
#about .sec .ttl .jp {
	font-size: 4rem;
	font-weight: 600;
	color: #fff;
	letter-spacing: 0.2rem;
}
#about .sec .topText {
	margin-bottom: 8.8rem;
	color: #fff;
	font-size: 2rem;
	font-weight: 500;
	line-height: 2.05;
	letter-spacing: 0.1rem;
}
#about .sec .topText span {
	display: block;
}
#about .sec .info {
	margin: 10rem 0;
	padding: 8.2rem 9rem 10.5rem;
	background: linear-gradient(127deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
}
#about .sec .info .note {
	margin-top: -1.6rem;
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
}
#about .sec .linkList a {
	padding: 1rem 0 1.7rem;
	display: block;
	text-align: center;
	color: #000;
	letter-spacing: 0.08rem;
	border-radius: 1rem;
	background: #FFF url(img/common/next.webp) no-repeat right 2rem center;
	background-size: 3.8rem auto;
	box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.20);
}
#about .sec .linkList .big {
	margin-bottom: 1px;
	display: block;
	color: #00C3C9;
	font-size: 2.7rem;
	font-weight: 500;
	letter-spacing: 0.135rem;
}
#about .sec .linkList .en {
	font-size: 3.2rem;
	font-weight: 400;
	letter-spacing: 0.16rem;
}
#about .sec .linkList a:hover {
	opacity: 0.5;
}
#about .sec:nth-child(2n) {
	background: url(img/common/bg03.webp) no-repeat top right;
	background-size: 66.5rem auto;
}
#about .sec:nth-child(2n) .ttl .num {
	background-image: linear-gradient(270deg, #DDE084 0%, #00C3CA 100%);
}
#about .sec:nth-child(2n) .ttl .jp {
	color: #242526;
}
#about .sec:nth-child(2n) .topText {
	margin-bottom: 8.8rem;
	color: #242526;
}
#about .sec .comImgBox + .linkList {
	margin-top: 10rem;
}
#about .sec04 .title {
	padding: 3.3rem 0 2.7rem;
	text-align: center;
	font-size: 2.4rem;
	font-weight: 700;
	letter-spacing: 0.12rem;
}
#about .sec04 .textList {
	margin: -3rem -3rem 3.4rem;
}
#about .sec04 .textList li {
	width: 29.91%;
	margin: 3rem 1.6rem 0;
	min-height: 18.3rem;
	padding: 2rem 4rem 1.4rem 5.2rem;
	position: relative;
	display: flex;
	align-items: center;
	color: #00C3C9;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.1rem;
	background: linear-gradient(-140deg, #F6F6F6 22.77%, #FFF 100%);
	box-sizing: border-box;
}
#about .sec04 .textList .sml {
	position: absolute;
	bottom: -0.7rem;
	right: -5.8rem;
	color: #242526;
}
#about .sec04 .text {
	margin-bottom: 10.5rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 600;
	letter-spacing: 0.2rem;
}
@media all and (min-width: 897px) {
	#about .sec .linkList {
		position: relative;
	}
	#about .sec .linkList::after {
		content: "";
		width: 31.6%;
	}
	#about .sec .linkList li {
		width: 31.6%;
	}
	#about .sec02 {
		padding: 11.9rem 0 14rem;
	}
	#about .sec03 {
		padding-bottom: 14.1rem;
		background-image: url(img/common/bg04.webp);
	}
	#about .sec04 {
		padding: 11.9rem 0 16.3rem;
	}
	#about .sec04 .textList li:last-child,
	#about .sec04 .textList li:nth-child(4) {
		padding: 2rem 3rem 2.1rem 4rem;
	}
}
@media all and (max-width: 896px) {
	#about .pageTitle02 {
		padding-top: 2.3rem;
	}
	#about .sec {
		padding: 0.7rem 0 8rem;
		background-image: url(img/common/bg02_sp.webp);
	}
	#about .sec .ttl {
		margin-bottom: 2rem;
	}
	#about .sec .ttl .num {
		margin: 0 0 1.2rem;
		display: block;
		width: fit-content;
		font-size: 8rem;
	}
	#about .sec .ttl .jp {
		font-size: 3.2rem;
		display: block;
		line-height: 1.35;
		letter-spacing: 0.16rem;
	}
	#about .sec .topText {
		margin-bottom: 3.7rem !important;
		font-size: 1.6rem;
		line-height: 1.5;
		letter-spacing: 0.08rem;
	}
	#about .sec .topText span {
		margin-top: 1.7rem;
	}
	#about .sec .info {
		margin: 6.4rem 0;
		padding: 4.3rem 2.4rem 4.7rem;
	}
	#about .sec .info .note {
		margin-top: 0;
		padding-top: 0.2rem;
		font-size: 1.2rem;
		letter-spacing: 0.06rem;
	}
	#about .sec .linkList {
		display: block;
		max-width: 34.2rem;
		margin: 0 auto;
	}
	#about .sec .linkList li:not(:last-child) {
		margin-bottom: 2rem;
	}
	#about .sec:nth-child(2n) {
		background: none;
	}
	#about .sec .comImgBox + .linkList {
		margin-top: 6.6rem;
	}
	#about .sec02 {
		padding-top: 6.1rem;
	}
	#about .sec03 {
		background-image: url(img/common/bg04_sp.webp);
	}
	#about .sec04 {
		padding-top: 2.8rem;
	}
	#about .sec04 .title {
		padding: 0.4rem 0 2.1rem;
		font-size: 2rem;
		letter-spacing: 0.1rem;
	}
	#about .sec04 .textList {
		margin: 0 0 8.5rem;
		display: block;
	}
	#about .sec04 .textList li {
		width: auto;
		margin: 0 0 1.9rem;
		min-height: inherit;
		padding: 2.1rem 2.5rem 2.4rem;
		display: block;
		font-size: 1.6rem;
		line-height: 1.62;
		letter-spacing: 0.08rem;
		background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%);
	}
	#about .sec04 .textList .sml {
		bottom: -3.1rem;
		right: 0;
	}
	#about .sec04 .text {
		margin-bottom: 4.6rem;
		font-size: 3.2rem;
		line-height: 1.6;
		letter-spacing: 0.16rem;
	}
	#about .sec04 .comBtn a {
		min-height: 8.6rem;
		padding-top: 0.7rem;
		font-size: 2rem;
		text-align: center;
		letter-spacing: 0.1rem;
		background-position: right 1.4rem center;
		background-size: 3.8rem;
	}
}
/*------------------------------------------------------------
	contact
------------------------------------------------------------*/
#contact {
	margin-bottom: 12rem;
}
#contact p {
	line-height: 2;
	letter-spacing: 0.08rem;
}
#contact .txt01 {
	margin-bottom: 4.6rem;
}
#contact .mailForm {
	position: relative;
}
#contact .mailForm .wpcf7c-anchor {
	position: absolute;
	left: 0;
	top: -10rem;
}
#contact table {
	margin-bottom: 6.2rem;
	width: 100%;
	border-spacing: 0;
}
#contact th,
#contact td {
	padding: 2.9rem 0;
	line-height: 2;
	text-align: left;
	vertical-align: top;
	letter-spacing: 0.08rem;
	word-break: break-all;
	border-bottom: 1px solid #DFDFDF;
}
#contact th {
	padding: 4.3rem 2rem 0 0;
	color: #000;
	width: 32.2%;
	font-family: "Noto Serif JP", serif;
	font-weight: 500;
}
#contact .trStyle th {
	padding: 4rem 2rem 4.2rem 0;
}
#contact .trStyle td {
	padding: 4rem 0 4.2rem 0;
}
#contact th .required {
	margin-top: 0.4rem;
	padding: 0.3rem 0.9rem;
	float: right;
	color: #fff;
	font-size: 1.3rem;
	line-height: 1.5;
	font-weight: 500;
	font-family: "Noto Sans JP", sans-serif;
	letter-spacing: 0.065rem;
	background: #00C3C9;
}
#contact.confirm .txt01 {
	margin-bottom: 6.3rem;
}
#contact.confirm th, #contact.confirm td {
	padding: 2.5rem 0 2.1rem !important;
}
#contact.confirm th {
	width: 29.4%;
	padding-right: 2rem !important;
}
#contact.confirm table {
	margin-bottom: 9rem;
}
#contact.thanks h3 {
	margin-bottom: 1rem;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.53;
	letter-spacing: 0.15rem;
	text-align: center;
}
#contact.thanks .midTxt {
	margin-bottom: 6rem;
	text-align: center;
}
@media all and (max-width: 896px) {
	#contact {
		margin-bottom: 6rem;
	}
	#contact .txt01 {
		margin-bottom: 2.5rem;
	}
	#contact table {
		margin-bottom: 3.2rem;
	}
	#contact th,
	#contact td {
		display: block;
		width: 100% !important;
		padding: 0 0 2.8rem;
	}
	#contact th {
		padding: 1.9rem 0 1rem;
		border-bottom: none;
	}
	#contact .trStyle th {
		padding: 1.6rem 0 0.3rem;
	}
	#contact .trStyle td {
		padding: 0 0 2.3rem;
	}
	#contact th .required {
		margin-top: 0.1rem;
	}
	#contact.confirm .txt01 {
		margin-bottom: 3.1rem;
	}
	#contact.confirm th, #contact.confirm td {
		padding: 0.2rem 0 2rem !important;
	}
	#contact.confirm th {
		padding: 1.7rem 0 0 !important;
	}
	#contact.confirm th .required {
		margin-top: 0.4rem;
	}
	#contact.confirm table {
		margin-bottom: 5rem;
	}
	#contact.confirm .submit {
		gap: 0 8.6rem;
	}
	#contact.thanks h3 {
		margin-bottom: 1.1rem;
		font-size: 2rem;
		line-height: 1.6;
		letter-spacing: 0.1rem;
	}
	#contact.thanks .midTxt {
		margin-bottom: 3.2rem;
	}
}
/*------------------------------------------------------------
    guestrooms
------------------------------------------------------------*/
#guestrooms .pageTitle02 {
	margin-bottom: 10.2rem;
}
#guestrooms .sec {
	padding: 11.5rem 0 15rem;
	background: url(img/common/bg02.webp) no-repeat top center;
	background-size: cover;
}
#guestrooms .headLine04 {
	margin-bottom: 7.2rem;
}
#guestrooms .comImgBox:last-of-type {
	margin-bottom: 0;
}
#guestrooms .comImgBox .textBox {
	padding: 1rem 5rem 1.7rem 6.9rem;
	display: flex;
	align-items: center;
}
#guestrooms .comImgBox .headLine02 span {
	padding-bottom: 0.5rem;
	margin-top: -0.5rem;
	font-size: 2rem;
	display: block;
}
#guestrooms .comImgBox p {
	color: #000;
	line-height: 1.75;
}
#guestrooms .detailBox {
	margin-top: 1.8rem;
	padding-top: 1.5rem;
	border-top: 1px solid #8D8D8D;
}
#guestrooms .sec01 .lTxt {
	margin-bottom: 2.5rem;
}
#guestrooms .detailBox .detail {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#guestrooms .detailBox .blue {
	color: #00C3C9;
	font-weight: 700;
}
#guestrooms .detailBox .detail .txt {
	display: inline-block;
	margin-right: 4.5rem;
}
#guestrooms .detailBox .detail .txt01 {
	margin-right: 0 !important;
	display: block;
}
#guestrooms .detailBox .notes {
	padding-left: 1.5rem;
	text-indent: -1.5rem;
	font-size: 1.4rem;
	color: #000;
	letter-spacing: 0.07rem;
	line-height: 1.1;
}
#guestrooms .sec02 {
	padding-top: 10rem;
}
#guestrooms .comBg::before {
	z-index: 2;
}
#guestrooms .sec02 .imgBox {
	margin-bottom: 8rem;
}
#guestrooms .sec02 .imgBox:last-of-type {
	margin-bottom: 0;
}
#guestrooms .sec02 .photoBox {
	margin-bottom: 3.2rem;
	position: relative;
	padding-bottom: 46.5%;
}
#guestrooms .sec02 .photoBox img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#guestrooms .sec02 .photoBox .title {
	padding: 2.2rem 3rem 2.2rem 1.5rem;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #fff;
	font-size: 3rem;
	font-weight: 600;
	letter-spacing: 0.15rem;
}
#guestrooms .sec02 .photoBox .title span {
	font-size: 2rem;
	letter-spacing: 0.1rem;
}
#guestrooms .sec02 .textBox .text {
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#guestrooms .sec02 .detailBox .lTxt {
	flex: 1;
}
#guestrooms .sec02 .detailBox .comBtn {
	margin-top: 1.5rem;
}
@media all and (min-width: 897px) {
	#guestrooms .detailBox .comBtn li {
		width: 46.5%;
	}
	#guestrooms .detailBox .comBtn li a {
		padding: 0.5rem 1.8rem;
		width: 100%;
		font-size: 1.6rem;
		justify-content: flex-start;
		background-position: right 1.8rem center;
		background-size: 2.8rem auto;
	}
}
@media all and (max-width: 896px) {
	#guestrooms .pageTitle02 {
		margin-bottom: 0;
	}
	#guestrooms .sec {
		padding: 6rem 0;
		background-image: url(img/common/bg02_sp.webp);
	}
	#guestrooms .headLine04 {
		margin-bottom: 3.2rem;
	}
	#guestrooms .comImgBox {
		margin-bottom: 2rem;
	}
	#guestrooms .comImgBox .pho {
		padding-bottom: 64%;
	}
	#guestrooms .comImgBox .textBox {
		padding: 1.9rem 2.5rem 3rem;
		display: block;
	}
	#guestrooms .comImgBox .headLine02 {
		margin-bottom: 0.8rem;
	}
	#guestrooms .comImgBox .headLine02 span {
		font-size: 1.6rem;
	}
	#guestrooms .comImgBox p {
		line-height: 1.71;
	}
	#guestrooms .detailBox {
		margin-top: 0.8rem;
		padding-top: 2.5rem;
	}
	#guestrooms .sec01 .lTxt {
		margin-bottom: 1.9rem;
	}
	#guestrooms .detailBox .detail {
		margin-top: -1.5rem;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	#guestrooms .detailBox .detail .txt {
		margin: 1.5rem 4.5rem 0 0;
	}
	#guestrooms .detailBox .detail .txt:nth-of-type(2n) {
		margin-right: 0;
	}
	#guestrooms .detailBox ul.comBtn li:not(:last-child) {
		margin-bottom: 1.5rem;
	}
	#guestrooms .sec01 .comBtn.bgBtn a {
		width: 29.4rem;
	}
	#guestrooms .comBg {
		background: none;
	}
	#guestrooms .sec02 {
		padding-top: 6rem;
	}
	#guestrooms .sec02 .imgBox {
		margin-bottom: 5rem;
	}
	#guestrooms .sec02 .photoBox {
		margin-bottom: 2.3rem;
		padding-bottom: 73.2%;
	}
	#guestrooms .sec02 .photoBox .title {
		padding: 0.5rem 1.4rem 0.6rem 1.5rem;
		font-size: 2rem;
		letter-spacing: 0.1rem;
	}
	#guestrooms .sec02 .photoBox .title span {
		font-size: 1.6rem;
	}
	#guestrooms .sec02 .textBox .text {
		text-align: justify;
		line-height: 1.71;
		font-size: 1.4rem;
		letter-spacing: 0.07rem;
	}
	#guestrooms .sec02 .detailBox {
		margin-top: 1.7rem;
		padding-top: 2.5rem;
		display: block;
	}
	#guestrooms .detailBox .lTxt {
		margin-bottom: 2.5rem;
	}
	#guestrooms .detailBox .detail .txt {
		margin-top: 1rem;
	}
	#guestrooms .sec02 .detailBox .comBtn {
		margin-top: 1.5rem;
	}
}
/*------------------------------------------------------------
    woman-friendly-hotel
------------------------------------------------------------*/
#woman-friendly-hotel .pageTitle02 .headLine01 {
	margin: 2.6rem 0.3rem 0;
}
#woman-friendly-hotel .comImgArea {
	margin-bottom: 0;
	padding: 6rem 0 7rem;
}
#woman-friendly-hotel .comImgArea .txtBox {
	padding: 0.8rem 5rem 0 0;
}
#woman-friendly-hotel .comImgArea .txtBox .subBox {
	max-width: 56rem;
}
#woman-friendly-hotel .comImgArea .txtBox .headLine04 {
	margin-bottom: 3.8rem;
	padding-right: 0;
}
#woman-friendly-hotel .comImgArea .txtBox p {
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.7;
}
#woman-friendly-hotel .comBg {
	padding: 11.3rem 0 12.5rem;
}
#woman-friendly-hotel .comBg:before {
	right: auto;
	left: 0;
	background-image: url(img/common/bg01.webp);
}
#woman-friendly-hotel .sec02 .headLine04 {
	margin-bottom: 7rem;
}
#woman-friendly-hotel .comImgBox .pho .slick-slide {
	line-height: 0;
}
#woman-friendly-hotel .comImgBox .textBox {
	padding: 2rem 5rem 2rem 6.9rem;
	display: flex;
	align-items: center;
	background: linear-gradient(200deg, #F6F6F6 22.77%, #FFF 100%);
}
#woman-friendly-hotel .comImgBox .textBox .headLine02 .en {
	display: block;
	color: #00C3C9;
	font-family: "Playfair Display", serif;
	font-size: 2rem;
	line-height: 1.3;
	font-weight: 500;
	letter-spacing: 0.1rem;
}
#woman-friendly-hotel .comImgBox .textBox .headLine02 .en .num {
	margin-left: 0.8rem;
	font-size: 3.6rem;
	letter-spacing: 0.18rem;
	line-height: 1.1;
}
#woman-friendly-hotel .sec02 .imgBox02 {
	margin-bottom: 0;
}
#woman-friendly-hotel .sec02 .phoList {
	margin-bottom: 3rem;
	padding: 3rem 5.1rem 3.2rem;
	gap: 3.3rem;
	background: linear-gradient(200deg, #F6F6F6 22.77%, #FFF 100%);
}
#woman-friendly-hotel .sec02 .phoList li {
	width: calc((100% - 6.6rem)/3);
}
#woman-friendly-hotel .sec02 .phoList img {
	width: 100%;
}
#woman-friendly-hotel .sec02 .phoList p {
	color: #000;
	line-height: 1.63;
	letter-spacing: 0.08rem;
	text-align: center;
}
#woman-friendly-hotel .sec02 .phoList .ttl {
	margin: 1rem -0.5rem 0.3rem;
	font-weight: 700;
	line-height: 1.4;
}
#woman-friendly-hotel .sec02 .listBox {
	margin-top: 12rem;
	padding: 8rem 9rem 12.8rem;
	background: linear-gradient(150deg, #F6F6F6 22.77%, #FFF 100%);
}
#woman-friendly-hotel .sec02 .listBox .subBox:not(:last-child) {
	margin-bottom: 5.3rem;
}
#woman-friendly-hotel .sec02 .listBox .comTextList {
	margin-bottom: 3rem;
}
#woman-friendly-hotel .sec02 .listBox .comTextList:last-child {
	margin-bottom: 0;
}
#woman-friendly-hotel .sec02 .listBox h5 {
	margin-bottom: 1rem;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#woman-friendly-hotel .sec02 .listBox .notes {
	color: #000;
	font-size: 1.4rem;
	line-height: 2.29;
	letter-spacing: 0.07rem;
}
@media all and (min-width: 897px) {
	#woman-friendly-hotel.cnt .sec02 .listBox {
		padding-bottom: 7rem;
	}
	#woman-friendly-hotel.tsukuba .sec02 .listBox {
		padding-bottom: 6.5rem;
	}
}
@media all and (max-width: 896px) {
	#woman-friendly-hotel .pageTitle02 .headLine01 {
		margin: 0 0 3.4rem;
	}
	#woman-friendly-hotel .comImgArea {
		padding: 3.9rem 2.4rem 3rem;
	}
	#woman-friendly-hotel .comImgArea:before {
		background-image: url(img/abiko/woman-friendly-hotel/bg_sp.webp);
	}
	#woman-friendly-hotel .comImgArea .txtBox {
		padding: 0 2.4rem 3.5rem 0;
	}
	#woman-friendly-hotel .comImgArea .txtBox .subBox {
		max-width: inherit;
	}
	#woman-friendly-hotel .comImgArea .txtBox p .sub {
		display: inline-block;
		margin-top: 1.7rem;
	}
	#woman-friendly-hotel .comImgArea .txtBox .headLine04 {
		margin-bottom: 1.5rem;
		padding-right: 2.8rem;
		line-height: 1.35;
	}
	#woman-friendly-hotel .comImgArea .txtBox p {
		font-size: 1.6rem;
		line-height: 1.5;
	}
	#woman-friendly-hotel .comBg {
		padding: 6rem 0 6.3rem;
	}
	#woman-friendly-hotel .comBg:before {
		right: auto;
		left: 0;
		background-image: url(img/common/bg01.webp);
	}
	#woman-friendly-hotel .sec02 .headLine04 {
		margin-bottom: 3.2rem;
	}
	#woman-friendly-hotel .comImgBox .pho {
		padding-bottom: 59%;
	}
	#woman-friendly-hotel .comImgBox .pho01 {
		padding-bottom: 0;
	}
	#woman-friendly-hotel .comImgBox .pho .slick-slide li {
		padding-bottom: 59%;
		position: relative;
	}
	#woman-friendly-hotel .comImgBox .textBox {
		padding: 1.3rem 2.4rem;
		display: block;
		background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%);
	}
	#woman-friendly-hotel .comImgBox .textBox .headLine02 {
		margin-bottom: 0.6rem;
	}
	#woman-friendly-hotel .comImgBox .textBox p {
		font-size: 1.6rem;
		line-height: 2;
		text-align: left;
	}
	#woman-friendly-hotel .comImgBox .pho02 {
		position: relative;
		z-index: 2;
		margin-bottom: -1.2vw;
	}
	#woman-friendly-hotel .sec02 .imgBox02 {
		margin-bottom: 3rem;
	}
	#woman-friendly-hotel .sec02 .phoList {
		padding: 0;
		gap: 2rem 0;
		background: none;
	}
	#woman-friendly-hotel .sec02 .phoList li {
		width: 100%;
	}
	#woman-friendly-hotel .sec02 .phoList .ttl {
		margin: 1rem 0 0;
		line-height: 1.65;
	}
	#woman-friendly-hotel .sec02 .listBox {
		margin-top: 4.6rem;
		padding: 2rem 2.4rem 2rem;
		background: linear-gradient(135deg, #F6F6F6 22.77%, #FFF 100%);
	}
	#woman-friendly-hotel .sec02 .listBox .headLine02 {
		margin-bottom: 2rem;
	}
	#woman-friendly-hotel .sec02 .listBox .subBox:not(:last-child) {
		margin-bottom: 2.2rem;
	}
	#woman-friendly-hotel .sec02 .listBox .comTextList {
		margin: -0.6rem -1.6rem 3rem 0;
	}
	#woman-friendly-hotel .sec02 .listBox .headLine03 {
		margin-bottom: 1.6rem;
		font-size: 1.6rem;
		letter-spacing: 0.08rem;
	}
	#woman-friendly-hotel .sec02 .listBox .headLine03:before {
		width: 7.6rem;
	}
	#woman-friendly-hotel .sec02 .listBox .notes {
		margin-top: -1.8rem;
		line-height: 1.7;
	}
}
/*------------------------------------------------------------
    artificial-hot-spring
------------------------------------------------------------*/
#artificial-hot-spring .pageTitle02 .headLine01 {
	margin: 3.1rem 0 0;
}
#artificial-hot-spring .sec01 {
	padding: 0 0 11.4rem;
}
#artificial-hot-spring .sec01 .headLine04 {
	margin-bottom: 6.3rem;
}
#artificial-hot-spring .txtInner {
	padding: 6.3rem 9.1rem 6.4rem;
	background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%);
}
#artificial-hot-spring .sec01 .headLine03 {
	margin-bottom: 2.2rem;
}
#artificial-hot-spring .sec01 .comTextList {
	margin: -1.2rem -6rem 2.3rem 0;
}
#artificial-hot-spring .sec01 .txtList li {
	color: #000;
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
	line-height: 1.71;
}
#artificial-hot-spring .sec02 {
	padding-bottom: 12.5rem;
}
#artificial-hot-spring .sec02 .headLine03 {
	margin-bottom: 1.0rem;
}
#artificial-hot-spring .sec02 .txtInner p {
	margin-bottom: 3.1rem;
	font-size: 2rem;
	font-weight: 500;
	line-height: 1.6;
	letter-spacing: 0.1rem;
}
#artificial-hot-spring .sec02 .txtInner p:last-child {
	margin-bottom: 0;
}
@media all and (min-width: 897px) {
	#artificial-hot-spring.cnt .sec01 {
		padding-bottom: 15.2rem;
	}
	#artificial-hot-spring.cnt .txtInner {
		padding-bottom: 5.1rem;
	}
	#artificial-hot-spring.tsukuba .comImgArea {
		margin-bottom: 9.5rem;
	}
}
@media all and (max-width: 896px) {
	#artificial-hot-spring .pageTitle02 .headLine01 {
		margin: 0.9rem 0 3.4rem;
	}
	#artificial-hot-spring .pageTitle02 p {
		margin-right: 0;
	}
	#artificial-hot-spring .sec01 {
		padding: 0.2rem 0 4rem;
	}
	#artificial-hot-spring .sec01 .headLine04 {
		margin-bottom: 3.2rem;
	}
	#artificial-hot-spring .txtInner {
		padding: 2.3rem 2.4rem 2.4rem;
	}
	#artificial-hot-spring .sec01 .headLine03 {
		margin-bottom: 1.5rem;
	}
	#artificial-hot-spring .headLine03 {
		font-size: 1.6rem;
		letter-spacing: 0.08rem;
	}
	#artificial-hot-spring .headLine03::before {
		width: 7.6rem;
	}
	#artificial-hot-spring .sec01 .comTextList {
		margin: -0.6rem -2rem 1.3rem 0;
	}
	#artificial-hot-spring .sec02 {
		padding-bottom: 6rem;
	}
	#artificial-hot-spring .sec02 .headLine03 {
		margin-bottom: 0.4rem;
	}
	#artificial-hot-spring .sec02 .txtInner {
		padding-bottom: 2.1rem;
	}
	#artificial-hot-spring .sec02 .txtInner p {
		margin-bottom: 1.4rem;
		font-size: 1.6rem;
		line-height: 1.87;
		letter-spacing: 0.08rem;
	}
}
/*------------------------------------------------------------
    breakfast
------------------------------------------------------------*/
#breakfast .phoList {
	margin-bottom: 10.5rem;
}
#breakfast .phoList .slick-slide {
	margin-right: 3rem;
	width: 40rem;
	line-height: 0;
}
#breakfast .phoList img {
	width: 100%;
}
#breakfast .phoList p {
	margin: 0.7rem 1rem 0 0;
	font-size: 2.4rem;
	font-weight: 600;
	line-height: 1.5;
	letter-spacing: 0.12rem;
	text-align: center;
}
#breakfast .headLine04 {
	margin-bottom: 6.5rem;
}
#breakfast .sec01 {
	margin-bottom: 11rem;
}
#breakfast .sec01 .comUlList {
	margin-bottom: 3.8rem;
}
#breakfast .sec01 .notes {
	color: #000;
	font-size: 1.4rem;
	letter-spacing: 0.07rem;
	text-align: center;
	line-height: 1.7;
}
#breakfast .sec02 {
	padding: 11.3rem 0;
	background: url(img/common/bg04.webp) no-repeat center bottom/cover;
}
#breakfast .sec02 .headLine04 {
	margin-bottom: 4.3rem;
}
#breakfast .sec02 .comImgBox:last-child {
	margin-bottom: 0;
}
#breakfast {
	overflow: hidden;
}
#breakfast.cnt .sec02 {
	background-image: url(img/common/bg05.webp);
}
@media all and (min-width: 897px) {
	#breakfast.tsukuba .sec01 {
		margin-bottom: 8.4rem;
	}
	#breakfast .sec02 .comImgBoxR .textBox {
		background: linear-gradient(-220deg, rgba(255, 255, 255, 0.60) 0%, #FFF 35.98%);
	}
}
@media all and (max-width: 896px) {
	#breakfast .pageTitle02 {
		margin-bottom: 2.3rem;
	}
	#breakfast .phoList {
		margin: 0 2.4rem 5.2rem;
		gap: 3.5rem 0;
	}
	#breakfast .phoList li {
		width: 100%;
	}
	#breakfast .phoList p {
		margin: 0.7rem 0 0;
	}
	#breakfast .headLine04 {
		margin-bottom: 3.3rem;
	}
	#breakfast .sec01 {
		margin-bottom: 5.5rem;
	}
	#breakfast .sec01 .comUlList {
		margin-bottom: 2.9rem;
	}
	#breakfast .sec01 .comUlList li:first-child .txt {
		margin: 0 -1rem;
	}
	#breakfast .sec02 {
		padding: 6rem 0;
		background-image: url(img/common/bg04_sp.webp);
	}
	#breakfast .sec02 .headLine04 {
		margin-bottom: 3.1rem;
	}
	#breakfast .sec02 .comImgBox {
		margin-bottom: 2rem;
	}
	#breakfast .sec02 .comImgBox .pho {
		padding-bottom: 60%;
	}
	#breakfast .sec02 .comImgBox .textBox {
		padding: 2rem 2.4rem;
	}
	#breakfast .sec02 .comImgBox .textBox .headLine02 {
		margin-bottom: 0.5rem;
	}
	#breakfast .sec02 .comImgBox .textBox p {
		font-size: 1.6rem;
		line-height: 2;
	}
	#breakfast {
		margin-bottom: 0;
	}
	#breakfast.cnt .sec02 {
		background-image: url(img/common/bg05_sp.webp);
	}
}
/*------------------------------------------------------------
    index
------------------------------------------------------------*/
#facilities-amenities .pageTitle02 {
	margin-bottom: 13rem;
}
#facilities-amenities .pageTitle02 .headLine01 {
	margin-bottom: 0;
	margin-top: 2.6rem;
}
#facilities-amenities .pageTitle02 p {
	margin-bottom: 11rem;
}
#facilities-amenities .sec01 {
	padding: 11.4rem 0 13rem;
	background: url(img/common/bg08.webp) no-repeat center bottom/cover;
}
#facilities-amenities .sec01 .headLine04 {
	margin-bottom: 5rem;
}
#facilities-amenities .sec01 .subBox {
	padding: 6.2rem 9.1rem 7rem;
	background: linear-gradient(140deg, #F6F6F6 22.77%, #FFF 100%);
}
#facilities-amenities .sec01 .subBox:not(:last-child) {
	margin-bottom: 3rem;
}
#facilities-amenities .sec01 .headLine03 {
	margin-bottom: 1.2rem;
}
#facilities-amenities .sec01 .subBox p {
	letter-spacing: 0.08rem;
	margin-bottom: 2.1rem;
	line-height: 2;
}
#facilities-amenities .sec01 .subBox .comTextList {
	margin-bottom: 0;
}
#facilities-amenities .sec01 .comTable {
	margin-top: -2rem;
}
#facilities-amenities .sec01 .comTable th,
#facilities-amenities .sec01 .comTable td {
	padding: 3.8rem 0;
	border-color: #8D8D8D;
}
#facilities-amenities .sec01 .comTable th {
	padding-top: 3.6rem;
	width: 21.1%;
	font-weight: 700;
	font-family: "Noto Sans JP", sans-serif;
	color: #00C3C9;
	vertical-align: top;
}
#facilities-amenities .sec01 .comTable .comTextList li {
	line-height: 1.5;
}
#facilities-amenities .sec01 .comTable tr:last-child th,
#facilities-amenities .sec01 .comTable tr:last-child td {
	padding-bottom: 0;
	border-bottom: none;
}
#facilities-amenities .comBg {
	padding: 10rem 0;
}
#facilities-amenities .comBg .headLine04 {
	margin-bottom: 5rem;
}
#facilities-amenities .comBg .comImgBox .textBox {
	display: flex;
	align-items: center;
	padding: 3rem 3.5rem 3rem 6rem;
	background: linear-gradient(200deg, #F6F6F6 22.77%, #FFF 100%);
}
#facilities-amenities .comBg .comImgBox .textBox > div {
	width: 100%;
}
#facilities-amenities .comBg .comImgBoxR .textBox {
	background: linear-gradient(190deg, #F6F6F6 22.77%, #FFF 100%);
}
#facilities-amenities .comBg .comImgBox .textBox .headLine02 {
	margin-bottom: 2rem;
}
#facilities-amenities .comBg .comImgBoxR .textBox .txt01 {
	margin-bottom: 1.3rem;
}
#facilities-amenities .comBg .comImgBox .textBox .ttl {
	color: #00C3C9;
	font-weight: 700;
}
#facilities-amenities .comBg .comImgBox .textBox .listBox ul {
	width: 46%;
}
#facilities-amenities .comBg .comImgBox .textBox .listBox ul:last-child {
	width: 54%;
}
#facilities-amenities .comBg .comImgBox .textBox .txtList li {
	display: flex;
	color: #000;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#facilities-amenities .comBg .comImgBox .textBox .txtList li:before {
	content: "・";
	flex-shrink: 0;
}
#facilities-amenities .comBg .comImgBox .textBox .notes {
	font-size: 1.4rem;
	margin: 0.9rem 0 1.2rem;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 1.7;
}
#facilities-amenities .comBg .comImgBox .textBox span.notes {
	display: block;
	margin-top: 0;
}
#facilities-amenities .comBg .comImgBox .textBox .notes:last-child {
	margin-bottom: 0 !important;
}
#facilities-amenities .sec03 {
	padding: 11.4rem 0 13rem;
	background: url(img/common/bg07.webp) no-repeat center bottom/cover;
}
#facilities-amenities .sec03 .headLine04 {
	margin-bottom: 5rem;
}
#facilities-amenities .sec03 .photo {
	position: relative;
	margin-bottom: 3.3rem;
}
#facilities-amenities .sec03 .photo img {
	width: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 46.2rem 100%, 46.2rem calc(100% - 8.8rem), 0 calc(100% - 8.8rem));
}
#facilities-amenities .sec03 .photo p {
	padding: 2.3rem 0;
	position: absolute;
	left: 0;
	bottom: 0;
	color: #fff;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.2;
	letter-spacing: 0.15rem;
	font-family: "Noto Serif JP", serif;
}
#facilities-amenities .sec03 p {
	letter-spacing: 0.08rem;
	line-height: 2;
}
#facilities-amenities .sec03 .photo + p {
	margin-bottom: 2rem;
	color: #fff;
}
#facilities-amenities .sec03 .photo + .txt02 {
	margin-bottom: 5.2rem;
}
#facilities-amenities .sec03 .subBox {
	margin-bottom: 12rem;
	padding-top: 4.5rem;
	border-top: 1px solid #fff;
}
#facilities-amenities .sec03 .subBox:last-child {
	margin-bottom: 0 !important;
}
#facilities-amenities .sec03 .headLine02 {
	margin-bottom: 2rem;
	color: #fff;
}
#facilities-amenities .sec03 .phoList {
	margin-bottom: 5.3rem;
	gap: 3rem;
}
#facilities-amenities .sec03 .phoList li {
	width: calc((100% - 6rem)/3);
}
#facilities-amenities .sec03 .phoList img {
	width: 100%;
}
#facilities-amenities .sec03 .phoList p {
	margin-top: 1rem;
	color: #fff;
	font-size: 2rem;
	line-height: 1.6;
	letter-spacing: 0.1rem;
}
#facilities-amenities .sec03 .bgBox {
	margin-bottom: 12rem;
	padding: 5.5rem 9rem 6.6rem;
	background: linear-gradient(140deg, #F6F6F6 22.77%, #FFF 100%);
}
#facilities-amenities .sec03 .bgBox:last-child {
	margin-bottom: 0 !important;
}
#facilities-amenities .sec03 .bgBox .headLine03 {
	margin-bottom: 1.3rem;
}
#facilities-amenities .sec03 .bgBox .sml {
	color: #242526;
	font-size: 1.4rem;
}
#facilities-amenities .sec03 .bgBox .ttl {
	margin-bottom: 0.3rem;
	color: #00C3C9;
	font-weight: 700;
}
#facilities-amenities .sec03 .bgBox .ttl .sml {
	color: #00C3C9;
	font-size: 1.4rem;
	font-weight: 400;
	letter-spacing: 0.07rem;
}
#facilities-amenities .sec03 .bgBox .txt {
	color: #000;
}
#facilities-amenities .sec03 .bgBox .notes {
	margin-top: 0.3rem;
	font-size: 1.4rem;
	line-height: 1.7;
}
#facilities-amenities .sec03 .bgBox .subInfo:not(:last-child) {
	margin-bottom: 4rem;
}
#facilities-amenities .sec03 .bgBox .infoList li:not(:last-child) {
	margin-bottom: 2rem;
}
#facilities-amenities .sec03 .bgBox .infoList01 {
	gap: 0 4.3rem;
}
#facilities-amenities .sec03 .bgBox .infoList01 li {
	margin-bottom: 0 !important;
	display: flex;
	flex-wrap: wrap;
}
#facilities-amenities .sec03 .bgBox .infoList01 .ttl {
	margin: 0 0.2rem 0 0;
}
#facilities-amenities .sec03 .bgBox .infoList01 .txt:not(:last-child) {
	margin-right: 4.3rem;
}
#facilities-amenities .sec03 .bgBox02 {
	margin-bottom: 0 !important;
	padding-bottom: 5.5rem;
}
#facilities-amenities .sec04 .comImgBox .textBox .notes {
	margin: 0.2rem 0 1.2rem;
}
@media all and (min-width: 897px) {
	#facilities-amenities .sec04 .comImgBox .textBox .h3Ttl03 {
		margin-bottom: 1rem;
	}
}
@media all and (max-width: 896px) {
	#facilities-amenities .pageTitle02 {
		margin-bottom: 4rem;
	}
	#facilities-amenities .pageTitle02 .headLine01 {
		margin-bottom: 3.4rem;
		margin-top: 0;
	}
	#facilities-amenities .pageTitle02 p {
		margin-bottom: 3rem;
	}
	#facilities-amenities .headLine03 {
		margin-bottom: 0.4rem;
		font-size: 1.6rem;
	}
	#facilities-amenities .headLine03:before {
		width: 7.6rem;
	}
	#facilities-amenities .sec01 {
		padding: 6rem 0;
		background-image: url(img/common/bg08_sp.webp);
		background-position: center bottom;
	}
	#facilities-amenities .sec01 .headLine04 {
		margin-bottom: 1.8rem;
	}
	#facilities-amenities .sec01 .subBox {
		padding: 1.7rem 2.4rem 2rem;
	}
	#facilities-amenities .sec01 .subBox:not(:last-child) {
		margin-bottom: 2rem;
	}
	#facilities-amenities .sec01 .headLine03 {
		margin-bottom: 0.4rem;
	}
	#facilities-amenities .sec01 .subBox p {
		margin-bottom: 1rem;
	}
	#facilities-amenities .sec01 .comTable {
		margin-top: -1.4rem;
	}
	#facilities-amenities .sec01 .comTable th,
	#facilities-amenities .sec01 .comTable td {
		padding: 1.5rem 0 2.4rem;
	}
	#facilities-amenities .sec01 .comTable th {
		padding: 1.6rem 0 0;
		width: 100%;
	}
	#facilities-amenities .comBg {
		padding: 6rem 0 3rem;
	}
	#facilities-amenities .comBg .headLine04 {
		margin-bottom: 3.2rem;
	}
	#facilities-amenities .comBg .comImgBox:last-child {
		margin-bottom: 0;
	}
	#facilities-amenities .comBg .comImgBox .pho {
		padding-bottom: 60%;
	}
	#facilities-amenities .comBg .comImgBox .textBox {
		display: block;
		padding: 1.9rem 2.4rem 2rem;
		background: linear-gradient(170deg, #F6F6F6 22.77%, #FFF 100%) !important;
	}
	#facilities-amenities .comBg .comImgBox .textBox .headLine02 {
		margin-bottom: 1.1rem;
	}
	#facilities-amenities .comBg .comImgBox .textBox p {
		font-size: 1.6rem;
		line-height: 2;
		text-align: left;
	}
	#facilities-amenities .comBg .comImgBox .textBox .ttl {
		font-size: 1.6rem;
		font-weight: 500;
	}
	#facilities-amenities .comBg .comImgBox .textBox .listBox {
		display: block;
	}
	#facilities-amenities .comBg .comImgBox .textBox .listBox:not(:last-child) {
		margin-bottom: 1.5rem;
	}
	#facilities-amenities .comBg .comImgBox .textBox .listBox ul {
		width: auto !important;
	}
	#facilities-amenities .comBg .comImgBox .textBox .txtList li {
		font-size: 1.4rem;
		line-height: 1.7;
	}
	#facilities-amenities .comBg .comImgBox .textBox .txtList li:before {
		margin-right: 0.3rem;
	}
	#facilities-amenities .comBg .comImgBox .textBox .notes {
		font-size: 1.4rem;
		margin: 0.9rem 0 1.2rem;
		line-height: 1.7;
	}
	#facilities-amenities .sec03 {
		padding: 6rem 0;
		background-image: url(img/common/bg07_sp.webp);
	}
	#facilities-amenities .sec03 .headLine04 {
		margin-bottom: 3.3rem;
	}
	#facilities-amenities .sec03 .photo {
		margin-bottom: 2rem;
		aspect-ratio: 342/250;
	}
	#facilities-amenities .sec03 .photo img {
		height: 100%;
		object-fit: cover;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 31.5rem 100%, 31.5rem calc(100% - 4.2rem), 0 calc(100% - 4.2rem));
	}
	#facilities-amenities .sec03 .photo p {
		padding: 1rem 1.5rem;
		font-size: 2rem;
		letter-spacing: 0.1rem;
	}
	#facilities-amenities .sec03 .photo + p {
		margin-bottom: 2.2rem;
		line-height: 1.75;
		text-align: justify;
	}
	#facilities-amenities .sec03 .photo + .txt02 {
		margin-bottom: 2.3rem;
	}
	#facilities-amenities .sec03 .subBox {
		padding-top: 2rem;
		margin-bottom: 5rem;
	}
	#facilities-amenities .sec03 .headLine02 {
		margin-bottom: 1.6rem;
		font-size: 2rem;
	}
	#facilities-amenities .sec03 .phoList {
		margin-bottom: 4rem;
		display: block;
	}
	#facilities-amenities .sec03 .phoList li {
		width: auto;
	}
	#facilities-amenities .sec03 .phoList li:not(:last-child) {
		margin-bottom: 2.5rem;
	}
	#facilities-amenities .sec03 .bgBox {
		margin-bottom: 5rem;
		padding: 1.8rem 2.4rem 2.1rem;
	}
	#facilities-amenities .sec03 .bgBox .headLine03 {
		margin-bottom: 0.8rem;
	}
	#facilities-amenities .sec03 .bgBox .ttl {
		margin-bottom: -0.3rem;
		font-weight: 500;
		line-height: 1.7;
	}
	#facilities-amenities .sec03 .bgBox .ttl .sml {
		display: block;
		margin: 0.1rem 0 -0.3rem;
	}
	#facilities-amenities .sec03 .bgBox .subInfo:not(:last-child) {
		margin-bottom: 2.5rem;
	}
	#facilities-amenities .sec03 .bgBox .infoList li:not(:last-child) {
		margin-bottom: 1rem;
	}
	#facilities-amenities .sec03 .bgBox .infoList01 li {
		margin-bottom: 0.7rem !important;
		display: block;
	}
	#facilities-amenities .sec03 .bgBox .infoList01 .ttl {
		margin: 0 0 -0.5rem;
	}
	#facilities-amenities .sec03 .bgBox .infoList01 .txt:not(:last-child) {
		margin: 0 0 0.7rem;
	}
	#facilities-amenities .sec03 .bgBox02 {
		padding-bottom: 2.2rem;
	}
	#facilities-amenities .sec04 {
		padding-bottom: 6rem;
	}
	#facilities-amenities .sec04 .comImgBox {
		margin-bottom: 2rem;
	}
	#facilities-amenities .sec04 .comImgBox .pho {
		padding-bottom: 65%;
	}
	#facilities-amenities .sec04 .comImgBox .textBox .headLine02 {
		margin-bottom: 0.5rem;
	}
	#facilities-amenities .sec04 .comImgBox .textBox .ttl {
		margin-bottom: -0.5rem;
	}
	#facilities-amenities .sec04 .comImgBox .textBox .notes {
		margin: 0 0 0.8rem;
	}
}
/*------------------------------------------------------------
    faq
------------------------------------------------------------*/
#faq {
	margin-bottom: 13rem;
}
#faq .pageTitle02 {
	margin-bottom: 12.6rem;
}
#faq .category {
	margin-bottom: 5.8rem;
}
@media all and (max-width: 896px) {
	#faq {
		margin-bottom: 6rem;
	}
	#faq .pageTitle02 {
		margin-bottom: 1.5rem;
	}
	#faq .category {
		margin-bottom: 4rem;
	}
}
/*------------------------------------------------------------
    photo-gallery
------------------------------------------------------------*/
#photo-gallery .pageTitle02 {
	margin-bottom: 12.6rem;
}
#photo-gallery .category {
	margin-bottom: 6rem;
}
#photo-gallery .phoList {
	gap: 3rem;
}
#photo-gallery .phoList li {
	width: calc((100% - 6rem)/3);
}
#photo-gallery .phoList a {
	display: block;
	position: relative;
	aspect-ratio: 353/228;
}
#photo-gallery .phoList a img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#photo-gallery .phoList a:after {
	position: absolute;
	right: 1.5rem;
	bottom: 1.1rem;
	width: 2.8rem;
	height: 2.8rem;
	background: url(img/common/icon16.webp) no-repeat left top/100%;
	content: "";
}
#photo-gallery .phoList a:hover {
	opacity: 0.5;
}
#photo-gallery {
	margin-bottom: 12rem;
}
.mfp-image-holder .mfp-content {
	max-width: 81.5rem;
}
.mfp-content img.mfp-img {
	padding: 0;
}
.mfp-close-btn-in .mfp-close {
	cursor: pointer !important;
	padding-right: 0;
	opacity: 1;
	right: 1.5rem;
	top: 1.1rem;
	width: 3.5rem;
	height: 3.5rem;
	font-size: 0;
	transition: .3s;
	background: url(img/common/close.webp) no-repeat left top/100%;
}
@media all and (min-width: 897px) {
	.mfp-close-btn-in .mfp-close:hover {
		opacity: 0.5;
	}
}
@media all and (max-width: 896px) {
	#photo-gallery .pageTitle02 {
		margin-bottom: 1.2rem;
	}
	#photo-gallery .category {
		margin-bottom: 4rem;
	}
	#photo-gallery .phoList {
		gap: 2rem 0;
	}
	#photo-gallery .phoList li {
		width: 100%;
	}
	#photo-gallery .phoList a:after {
		right: 1rem;
	}
	#photo-gallery {
		margin-bottom: 6rem;
	}
	.mfp-container {
		padding: 0 2.4rem;
	}
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
	.mfp-img-mobile .mfp-close {
		position: absolute;
		top: 3.5rem;
	}
	.mfp-content {
		padding: 2.4rem 0;
	}
}
/*------------------------------------------------------------
    CNT
------------------------------------------------------------*/
#facilities-amenities.cnt .sec01 .listBox {
	margin-top: 1.1rem;
	align-items: center;
}
#facilities-amenities.cnt .sec01 .listBox .notes {
	font-size: 1.4rem;
	margin: 0.2rem 0 0 1.5rem;
}
#facilities-amenities.cnt .sec02 .comImgBox .textBox .txtList:not(:last-child) {
	margin-bottom: 1.6rem;
}
#facilities-amenities.cnt .sec03 .photo img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 32.4rem 100%, 32.4rem calc(100% - 8.8rem), 0 calc(100% - 8.8rem));
}
#facilities-amenities.cnt .sec03 .bgBox .infoList02 .notes {
	font-size: 1.4rem;
}
#facilities-amenities.cnt .sec03 .bgBox .infoList02 p.notes {
	margin-top: 0.6rem;
	letter-spacing: 0.06rem;
}
#facilities-amenities.cnt .sec04 .comImgBox .pho iframe {
	width: 100%;
	height: 100%;
	display: block;
}
#facilities-amenities.cnt .sec04 .comImgBox .textBox .infoList li:not(:last-child) {
	margin-bottom: 0.7rem;
}
#facilities-amenities.cnt .sec04 .txtInner {
	padding: 5.4rem 4rem 5.6rem 6rem;
	align-items: center;
	background: linear-gradient(195deg, #F6F6F6 22.77%, #FFF 100%);
}
#facilities-amenities.cnt .sec04 .txtInner .headLine02 {
	width: 24.2%;
	margin-bottom: 0;
}
#facilities-amenities.cnt .sec04 .txtInner .rBox {
	flex: 1;
}
#facilities-amenities.cnt .sec04 .txtInner .infoList li {
	display: flex;
	line-height: 2;
	letter-spacing: 0.08rem;
}
#facilities-amenities.cnt .sec04 .txtInner .infoList li:not(:last-child) {
	margin-bottom: 0.7rem;
}
#facilities-amenities.cnt .sec04 .txtInner .infoList .ttl {
	width: 6.5rem;
	color: #00C3C9;
	font-weight: 700;
}
#facilities-amenities.cnt .sec04 .txtInner .infoList .txt {
	color: #000;
	flex: 1;
}
#facilities-amenities.cnt .sec04 .txtInner .infoList .notes {
	font-size: 1.4rem;
	margin-left: 2.2rem;
}
@media all and (min-width: 897px) {
	#facilities-amenities.cnt .sec01 {
		padding-bottom: 10.2rem;
		background-image: url(img/cnt/facilities-amenities/bg01.webp);
	}
	#facilities-amenities.cnt .sec02 {
		padding-bottom: 12.5rem;
	}
	#facilities-amenities.cnt .sec02 .comImgBox .textBox .listBox .item {
		width: 44%;
	}
	#facilities-amenities.cnt .sec02 .comImgBox .textBox .listBox .item:last-child {
		width: 52.5%;
	}
	#facilities-amenities.cnt .sec02 .comImgBox .textBox .listBox ul {
		width: auto;
	}
	#facilities-amenities.cnt .sec03 {
		overflow: hidden;
		padding-bottom: 18.6rem;
		background-image: url(img/cnt/facilities-amenities/bg01.webp);
	}
	#facilities-amenities.cnt .sec03 .phoList .slick-list {
		overflow: visible;
	}
	#facilities-amenities.cnt .sec03 .phoList .slick-slide {
		margin-right: 3rem;
		width: 35.3rem;
	}
	#facilities-amenities.cnt .sec03 .bgBox .infoList02 li {
		margin-bottom: 0;
		width: 38%;
	}
	#facilities-amenities.cnt .sec03 .bgBox .infoList02 li:last-child {
		width: 60.5%;
	}
	#facilities-amenities.cnt .sec03 .bgBox .infoList02 .subList li:last-child {
		width: 61.5%;
	}
	#facilities-amenities.cnt .sec04 {
		padding-bottom: 17.2rem;
	}
	#facilities-amenities.cnt .sec04 .comImgBox .textBox {
		padding: 2.5rem 4.7rem;
		background: linear-gradient(205deg, #F6F6F6 22.77%, #FFF 100%);
	}
	#facilities-amenities.cnt .sec04 .comImgBox .textBox .headLine02 {
		margin-bottom: 0.8rem;
	}
}
@media all and (max-width: 896px) {
	#facilities-amenities.cnt .sec01 .listBox {
		margin-top: 0.6;
	}
	#facilities-amenities.cnt .sec01 .listBox .notes {
		font-size: 1rem;
	}
	#facilities-amenities.cnt .sec02 .comImgBox .textBox .txtList:not(:last-child), #facilities-amenities.cnt .sec02 .comImgBox .textBox .item:not(:last-child) {
		margin-bottom: 1rem;
	}
	#facilities-amenities.cnt .sec03 .photo img {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 22rem 100%, 22rem calc(100% - 4.5rem), 0 calc(100% - 4.5rem));
	}
	#facilities-amenities.cnt .sec03 .bgBox .infoList02 .notes {
		font-size: 1rem;
	}
	#facilities-amenities.cnt .sec04 .comImgBox .pho iframe {
		position: absolute;
		left: 0;
		top: 0;
	}
	#facilities-amenities.cnt .sec04 .txtInner {
		display: block;
		padding: 2.2rem 2.4rem;
	}
	#facilities-amenities.cnt .sec04 .txtInner .headLine02 {
		width: auto;
		margin-bottom: 1.5rem;
	}
	#facilities-amenities.cnt .sec04 .txtInner .infoList li {
		display: block;
	}
	#facilities-amenities.cnt .sec04 .txtInner .infoList .ttl {
		width: auto;
	}
	#facilities-amenities.cnt .sec04 .txtInner .infoList .notes {
		font-size: 1.2rem;
		margin-left: 1.7rem;
	}
}
/*------------------------------------------------------------
    TSUKUBA
------------------------------------------------------------*/
#facilities-amenities.tsukuba .comBg .comImgBox .textBox .listBox:not(:last-child) {
	margin-bottom: 3rem;
}
#facilities-amenities.tsukuba .sec02 .imgBox {
	margin: 0 7.5rem 3rem;
	align-items: center;
}
#facilities-amenities.tsukuba .sec02 .imgBox .phoBox {
	width: 26.8%;
}
#facilities-amenities.tsukuba .sec02 .imgBox .phoBox img {
	width: 100%;
}
#facilities-amenities.tsukuba .sec02 .imgBox .txtBox {
	margin-left: 4.5rem;
	flex: 1;
}
#facilities-amenities.tsukuba .sec02 .imgBox .txtBox p {
	font-size: 2rem;
	line-height: 1.7;
	letter-spacing: 0.1rem;
}
#facilities-amenities.tsukuba .sec02 .imgBox .txtBox .color {
	color: #00C3C9;
	font-weight: 700;
}
#facilities-amenities.tsukuba .sec03 .photo img {
	clip-path: polygon(0 0, 100% 0, 100% 100%, 23.3rem 100%, 23.3rem calc(100% - 8.8rem), 0 calc(100% - 8.8rem));
}
#facilities-amenities.tsukuba .sec03 .phoList p {
	text-align: center;
	margin-top: 1.5rem;
}
#facilities-amenities.tsukuba .sec03 .bgBox .subList {
	gap: 0 9.5rem;
}
#facilities-amenities.tsukuba .sec03 .bgBox .subList li {
	margin-bottom: 0 !important;
}
#facilities-amenities.tsukuba .sec03 .bgBox .subList .ttl {
	margin-bottom: -0.5rem;
	color: #000;
}
#facilities-amenities.tsukuba .sec03 .bgBox .infoList li:not(:last-child) {
	margin-bottom: 1.5rem;
}
#facilities-amenities.tsukuba .sec03 .bgBox .txt02 {
	margin-bottom: 1rem;
}
#facilities-amenities.tsukuba .sec03 .phoList .pho {
	aspect-ratio: 535/482;
}
#facilities-amenities.tsukuba .sec03 .phoList .pho iframe {
	width: 100%;
	height: 100%;
	display: block;
}
#facilities-amenities.tsukuba .comBg .comImgBox .textBox .notes {
	margin: 0.5rem 0 0 0.5rem;
}
@media all and (min-width: 897px) {
	#facilities-amenities.tsukuba .sec01 {
		padding-bottom: 11rem;
		background-image: url(img/tsukuba/facilities-amenities/bg01.webp);
	}
	#facilities-amenities.tsukuba .sec03 {
		background-image: url(img/tsukuba/facilities-amenities/bg02.webp);
	}
	#facilities-amenities.tsukuba .sec03 .subBox {
		padding-top: 7.5rem;
	}
	#facilities-amenities.tsukuba .sec03 .phoList {
		margin-bottom: 6.5rem;
		gap: 5rem;
	}
	#facilities-amenities.tsukuba .sec03 .phoList li {
		width: calc((100% - 5rem)/2);
	}
	#facilities-amenities.tsukuba .comBg .comImgBox .textBox .h3Ttl01 {
		margin-bottom: 1rem;
	}
}
@media all and (max-width: 896px) {
	#facilities-amenities.tsukuba .sec02 .imgBox {
		margin: 0 2.4rem 3rem;
		display: block;
	}
	#facilities-amenities.tsukuba .sec02 .imgBox .phoBox {
		width: auto;
	}
	#facilities-amenities.tsukuba .sec02 .imgBox .txtBox {
		margin: 2rem 0 0;
	}
	#facilities-amenities.tsukuba .sec02 .imgBox .txtBox p {
		font-size: 1.6rem;
	}
	#facilities-amenities.tsukuba .sec03 .photo img {
		clip-path: polygon(0 0, 100% 0, 100% 100%, 16rem 100%, 16rem calc(100% - 4.5rem), 0 calc(100% - 4.5rem));
	}
	#facilities-amenities.tsukuba .sec03 .bgBox .subList {
		gap: 1rem 0;
	}
	#facilities-amenities.tsukuba .sec03 .bgBox .subList li {
		width: 100%;
	}
	#facilities-amenities.tsukuba .comBg .comImgBox .textBox .notes {
		margin: 0.5rem 0 0 0.5rem;
	}
}
.mailForm .radioList li:not(:last-child) .wpcf7-not-valid-tip {
	display: none !important;
}
.mailForm .radioList li .wpcf7-list-item {
	margin: 0;
}
.grecaptcha-badge {
	z-index: 200;
	bottom: 10rem !important;
}
@media all and (max-width: 896px) {
	.grecaptcha-badge {
		bottom: 9rem !important;
	}
}
.ui-datepicker {
	z-index: 99 !important;
}

@media all and (min-width: 897px) {
	#index .pickup {
		overflow: hidden;
	}
	#index .pickup .first .comSlide {
		display: flex;
		gap: 4rem;
	}
	#index .pickup .first .comSlide .item {
		width: 34.7rem;
		flex-shrink: 0;
	}
	#index .pickup .slick-arrow {
		position: absolute;
		top: -7.4rem;
		left: auto;
		right: 18rem;
		z-index: 5;
		border: none;
		text-indent: -999rem;
		width: 3.8rem;
		height: 3.8rem;
		cursor: pointer;
		transition: .3s;
		background: url(img/common/prev.webp) no-repeat left top/100%;
	}
	#index .pickup .slick-arrow:hover {
		background-image: url(img/common/prev_over.webp);
	}
	#index .pickup .first .slick-dots {
		margin-left: -38.7rem;
	}
	#index .pickup .first .right {
		width: calc(100% - 38.7rem);
	}
	#index .pickup .slick-next {
		right: 12.3rem;
		background-image: url(img/common/next.webp);
	}
	#index .pickup .slick-next:hover {
		background-image: url(img/common/next_over.webp);
	}
}