@charset "utf-8";

main {
	margin-bottom: 5rem;
}
@media (max-width: 768px) {
	main {
		margin-bottom: 0;
	}
	main .inner {
		padding: 0;
	}
}

/* notice */
.notice {
	margin: 1.5rem 0;
	padding: 2.5rem 4rem;
	border: solid 2px #e50012;
	font-size: 1.5rem;
	color: #e50012;
	display: flex;
}
.notice .noticeWrap {
	width: 83rem;
	display: flex;
	align-items: flex-start;
}
.notice .ttl {
	padding-left: 2.7rem;
	width: 16rem;
	font-weight: bold;
	position: relative;
}
.notice .ttl::before {
	display: block;
	content: "";
	width: 1.8rem;
	height: 1.8rem;
	background-image: url(/common/img/icon_important.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: calc(50% - 0.9rem);
	left: 0;
}
.notice .list {
	width: 67rem;
}
.notice ul {
	padding-left: 1em;
	text-indent: -1em;
}
.notice ul + ul {
	display: none;
	margin-top: 0.8rem;
}
.notice ul li + li {
	margin-top: 0.8rem;
}
.notice ul li a {
	color: #e50012;
}
.notice ul li a:hover {
	text-decoration: underline;
}
.notice .btn {
	margin-top: 1em;
	margin-left: auto;
	width: 2.2rem;
	height: 2.2rem;
	background-image: url(/common/img/icon_plus.png);
	background-repeat: no-repeat;
	background-size: contain;
	cursor: pointer;
}
.notice .btn.open {
	background-image: url(/common/img/icon_minus.png);
}
@media (max-width: 768px) {
	.notice {
		padding: 2rem 3.5rem;
		border: solid 0.4rem #e50012;
		font-size: 2.6rem;
	}
	.notice .noticeWrap {
		width: 90%;
		flex-direction: column;
	}
	.notice .ttl {
		padding-left: 4rem;
		width: 100%;
		font-size: 3rem;
	}
	.notice .ttl::before {
		width: 2.7rem;
		height: 2.7rem;
		top: calc(50% - 1.4rem);
	}
	.notice .list {
		width: 100%;
	}
	.notice ul.first {
		padding-left: 0;
		text-indent: 0;
	}
	.notice ul.first li {
		text-overflow: ellipsis;
		overflow: hidden;
		white-space: nowrap;
	}
	.notice ul.first.open {
		padding-left: 1em;
		text-indent: -1em;
	}
	.notice ul.first.open li {
		text-overflow: unset;
		overflow: unset;
		white-space: unset;
	}
	.notice .btn {
		width: 4rem;
		height: 4rem;
	}
}

/* slide */
.slide .slick-slide {
	margin: 0 0.75rem;
	width: 68.6rem;
}
.slide .slick-slide img {
	margin: 0 auto;
}
.slide .slickDots {
	margin: 3rem 0;
	display: flex;
	justify-content: center;
}
.slide .slickDots li {
	background: #ccc;
	margin: 0 0.7rem;
	width: 1.2rem;
	height: 1.2rem;
	border-radius: 0.6rem;
}
.slide .slickDots li.slick-active {
	background: #eb50a0;
}
.slide .slickDots li button {
	display: none;
}
.slide .slide-arrow {
	width: 4.6rem;
	height: 5.1rem;
	position: absolute;
	top: calc(50% - 5.1rem);
	z-index: 10;
	cursor: pointer;
}
.slide .prev-arrow {
	left: 0;
}
.slide .next-arrow  {
	right: 0;
}
@media (max-width: 768px) {
	.slide .slick-slide {
		margin: 0 auto;
		width: 75rem;
	}
	.slide .slickDots li {
		margin: 0 1.5rem;
		width: 2.6rem;
		height: 2.6rem;
		border-radius: 1.3rem;
	}
	.slide .slide-arrow {
		width: 3.5rem;
		height: 3.9rem;
	}
}

/* about */
.about {
	padding-top: 7rem;
	background-image: url(/common/img/bg_mainttl.png);
	background-repeat: no-repeat;
	background-position: top center;
}
.about h1 {
	margin: 0 auto;
	width: 40.3rem;
}
@media (max-width: 768px) {
	.about {
		background-image: url(/common/img/bg_mainttl_sp.png);
		background-size: contain;
	}
	.about .inner {
		padding: 0 4rem;
	}
	.about h1 {
		width: 46.7rem;
	}
}

/* admission */
.about .admission {
	margin: 4.5rem auto 0;
	width: 76.5rem;
}
.about .admission h2 {
	padding-top: 11rem;
	padding-bottom: 4rem;
	border-bottom: 2px solid #eb50a0;
	font-size: 2.8rem;
	color: #eb50a0;
	text-align: center;
	position: relative;
}
.about .admission h2::before {
	display: block;
	content: "";
	width: 12.5rem;
	height: 9.4rem;
	background-image: url(/top/img/icon_admission.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: calc(50% - 3.7rem);
}
.about .admission ul {
	margin: 6rem auto 0;
	width: 76.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 0 2%;
}
.about .admission ul li {
	width: 32%;
	font-size: 1.5rem;
	line-height: 1.6;
	text-align: center;
}
.about .admission ul li:nth-child(n + 4) {
	margin-top: 3rem;
}
.about .admission ul li .icon {
	padding: 0.3rem;
	border-radius: 0.8rem;
}
.about .admission ul li:nth-child(1) .icon {
	background: #ef8bb6;
}
.about .admission ul li:nth-child(2) .icon {
	background: #eb50a0;
}
.about .admission ul li:nth-child(3) .icon {
	background: #d31176;
}
.about .admission ul li:nth-child(4) .icon {
	background: #f09399;
}
.about .admission ul li:nth-child(5) .icon {
	background: #ea5e76;
}
.about .admission ul li .icon span {
	display: block;
	padding: 0.5rem;
	border: solid 1px #fff;
	border-radius: 0.6rem;
}
.about .admission ul li .ttl {
	margin-top: 1.5rem;
	font-weight: bold;
}
.about .admission ul li .txt {
	margin-top: 0.5rem;
}
.about .admission .more {
	display: none;
	margin-top: 4rem;
	padding: 1rem 1rem 2rem;
	background: #f9e3ec;
	border-radius: 1rem;
	font-size: 1.5rem;
	font-weight: bold;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.about .admission .more::after {
	content: "";
	border-style: solid;
	border-width: 1rem 1rem 0 1rem;
	border-color: #eb50a0 transparent transparent transparent;
	position: absolute;
	bottom: 0.8rem;
	left: calc(50% - 1rem);
}
.about .admission .more.open::after {
	border-width: 0 1rem 1rem 1rem;
	border-color: transparent transparent #eb50a0 transparent;
}
@media (max-width: 768px) {
	.about .admission {
		margin: 6rem auto 0;
		width: 100%;
	}
	.about .admission h2 {
		padding-top: 13rem;
		font-size: 4.2rem;
		line-height: 1.2;
	}
	.about .admission h2::before {
		width: 14.6rem;
		height: 11rem;
		left: calc(50% - 4.3rem);
	}
	.about .admission ul {
		margin: 6rem auto 0;
		width: 100%;
		flex-direction: column;
		gap: 0;
	}
	.about .admission ul li {
		width: 100%;
		font-size: 2.6rem;
		line-height: 1.33;
		text-align: left;
	}
	.about .admission ul li + li,
	.about .admission ul li:nth-child(n + 4) {
		margin-top: 2rem;
	}
	.about .admission ul li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.about .admission ul li .icon {
		width: 30rem;
		padding: 0.4rem;
		border-radius: 1rem;
	}
	.about .admission ul li .icon span {
		padding: 1rem;
		border: solid 0.2rem #fff;
	}
	.about .admission ul li .detail {
		width: calc(100% - 33rem);
	}
	.about .admission ul li .ttl {
		margin-top: 0;
		font-size: 2.8rem;
	}
	.about .admission .more {
		margin-top: 5rem;
		padding: 1.5rem 1rem 3rem;
		font-size: 3rem;
	}
	.about .admission .more::after {
		border-width: 1.6rem 1.6rem 0 1.6rem;
		bottom: 1.2rem;
		left: calc(50% - 1.6rem);
	}
	.about .admission .more.open::after {
		border-width: 0 1.6rem 1.6rem 1.6rem;
	}
}

/* member */
.about .member {
	margin: 7rem auto 0;
	width: 76.5rem;
}
.about .member h2 {
	padding-top: 13rem;
	padding-bottom: 4rem;
	border-bottom: 2px solid #91197d;
	font-size: 2.8rem;
	color: #91197d;
	text-align: center;
	position: relative;
}
.about .member h2::before {
	display: block;
	content: "";
	width: 15.7rem;
	height: 11.4rem;
	background-image: url(/top/img/icon_member.png);
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: calc(50% - 8.5rem);
}
.about .member ul {
	margin: 6rem auto 0;
	width: 76.5rem;
	display: flex;
	flex-wrap: wrap;
	gap: 3rem 2%;
}
.about .member ul li {
	width: 32%;
	font-size: 1.5rem;
	line-height: 1.6;
	text-align: center;
}
.about .member ul li .icon {
	padding: 0.3rem;
	border-radius: 0.8rem;
}
.about .member ul li:nth-child(1) .icon {
	background: #d2aac8;
}
.about .member ul li:nth-child(2) .icon {
	background: #ca67a4;
}
.about .member ul li:nth-child(3) .icon {
	background: #91197d;
}
.about .member ul li .icon span {
	display: block;
	padding: 0.5rem;
	border: solid 1px #fff;
	border-radius: 0.6rem;
}
.about .member ul li .ttl {
	margin-top: 1.5rem;
	font-weight: bold;
}
.about .member ul li .txt {
	margin-top: 0.5rem;
}
@media (max-width: 768px) {
	.about .member {
		width: 100%;
	}
	.about .member h2 {
		padding-top: 18rem;
		font-size: 4.2rem;
		line-height: 1.2;
	}
	.about .member h2::before {
		width: 22.8rem;
		height: 16.7rem;
		left: calc(50% - 8.5rem);
	}
	.about .member ul {
		margin: 6rem auto 0;
		width: 100%;
		flex-direction: column;
		gap: 2rem 0;
	}
	.about .member ul li {
		width: 100%;
		font-size: 2.6rem;
		line-height: 1.33;
		text-align: left;
	}
	.about .member ul li a {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.about .member ul li .icon {
		width: 30rem;
		padding: 0.4rem;
		border-radius: 1rem;
	}
	.about .member ul li .icon span {
		padding: 1rem;
		border: solid 0.2rem #fff;
	}
	.about .member ul li .detail {
		width: calc(100% - 33rem);
	}
	.about .member ul li .ttl {
		margin-top: 0;
		font-size: 2.8rem;
	}
}

/* links */
.about .links {
	margin: 10rem auto 0;
	padding-top: 6rem;
	width: 76.5rem;
	border-top: 2px solid #ea5a6a;
}
.about .links ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0 2%;
}
.about .links ul li {
	width: 49%;
}
.about .links ul li a {
	display: block;
	padding: 2.3rem 2rem;
	border: solid 2px #ea5a6a;
	background: #fdf0ef;
	font-size: 2rem;
	font-weight: bold;
	line-height: 1.25;
	color: #ea5a6a;
	text-align: center;
	margin: 1rem 0;
	position: relative;
}
.about .links ul li a::before {
	display: block;
	content: "";
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
.about .links ul li.iconMember a {
	padding-left: 5rem;
}
.about .links ul li.iconMember a::before {
	width: 4.1rem;
	height: 4.6rem;
	background-image: url(/top/img/icon09.png);
	left: 2.7rem;
	top: calc(50% - 2.3rem)
}
.about .links ul li.icnoCampaign a {
	padding-left: 8rem;
}
.about .links ul li.icnoCampaign a::before {
	width: 6.4rem;
	height: 4.8rem;
	background-image: url(/top/img/icon10.png);
	left: 1.5rem;
	top: calc(50% - 2.4rem)
}
.about .links ul li.iconFaq a {
	padding-left: 8rem;
}
.about .links ul li.iconFaq a::before {
	width: 7.7rem;
	height: 4.9rem;
	background-image: url(/top/img/icon11.png);
	left: 1rem;
	top: calc(50% - 2.5rem)
}
.about .links ul li.iconPoa a {
	padding-left: 8rem;
}
.about .links ul li.iconPoa a::before {
	width: 7.7rem;
	height: 4.9rem;
	background-image: url(/top/img/icon12.png);
	left: 3rem;
	top: calc(50% - 2.5rem)
}
@media (max-width: 768px) {
	.about .links {
		margin: 7rem auto 0;
		padding-top: 5rem;
		width: 100%;
	}
	.about .links ul li {
		width: 49%;
	}
	.about .links ul li a {
		padding: 2.5rem 2rem;
		border: solid 0.4rem #ea5a6a;
		font-size: 2.7rem;
	}
	.about .links ul li.iconMember a {
		padding-left: 9rem;
	}
	.about .links ul li.iconMember a::before {
		width: 7.3rem;
		height: 8.1rem;
		left: 2.7rem;
		top: calc(50% - 4.1rem)
	}
	.about .links ul li.icnoCampaign a {
		padding-left: 12rem;
	}
	.about .links ul li.icnoCampaign a::before {
		width: 9.5rem;
		height: 7.3rem;
		left: 1.5rem;
		top: calc(50% - 3.7rem)
	}
	.about .links ul li.iconFaq a::before {
		width: 9.4rem;
		height: 6.8rem;
		left: 1rem;
		top: calc(50% - 3.4rem)
	}
	.about .links ul li.iconPoa a {
		padding: 4rem 0 4.4rem 8rem;
	}
	.about .links ul li.iconPoa a::before {
		width: 14.7rem;
		height: 5.9rem;
		background-image: url(/top/img/icon12.png);
		left: 4rem;
		top: calc(50% - 2.5rem)
	}
}

/* news */
.news {
	margin: 8rem auto 0;
	width: 76.5rem;
}
.news .ttl {
	font-size: 2.8rem;
	color: #eb50a0;
	text-align: center;
}
.news .newsWrap {
	margin-top: 2rem;
	padding: 3rem 3rem 2rem;
	border: solid 2px #eb50a0;
}
.news ul {
	font-size: 1.5rem;
	font-weight: bold;
}
.news ul li + li {
	margin-top: 0.8rem;
}
.news ul li a:hover {
	text-decoration: underline;
}
.news .btn {
	margin: 2rem auto 0;
	width: 16.3rem;
}
.news .btn a {
	display: block;
	padding: 0.3rem 1rem 0.3rem 0.3rem;
	border: solid 2px #eb50a0;
	color: #eb50a0;
	text-align: center;
	position: relative;
}
.news .btn a::after {
	display: block;
	content: "";
	width: 0.8rem;
	height: 0.8rem;
	border-right: solid 2px #eb50a0;
	border-bottom: solid 2px #eb50a0;
	transform: rotate(-45deg);
	position: absolute;
	top: calc(50% - 0.4rem);
	right: 1.5rem;
}
@media (max-width: 768px) {
	.news {
		margin: 10rem auto 0;
		width: 100%;
	}
	.news .ttl {
		font-size: 4.2rem;
	}
	.news .newsWrap {
		padding: 3rem 2rem 3rem;
	}
	.news ul {
		font-size: 2.6rem;
	}
	.news ul li + li {
		margin-top: 1.5rem;
	}
	.news .btn {
		width: 20rem;
	}
	.news .btn a {
		padding: 0.3rem 1.5rem 0.3rem 0.3rem;
		font-size: 2.4rem;
	}
	.news .btn a::after {
		width: 1.5rem;
		height: 1.5rem;
		top: calc(50% - 0.8rem);
	}
}

/* facilities */
.facilities {
	margin: 10rem auto 0;
	width: 91.3rem;
	text-align: center;
}
.facilities .ttl {
	font-size: 2.8rem;
	color: #eb50a0;
}
.facilities .lead {
	margin-top: 2rem;
	font-size: 1.7rem;
	font-weight: bold;
	line-height: 1.88;
}
.facilities .selectBlock {
	margin-top: 3.5rem;
	padding-top: 2.5rem;
	border-top: solid 1px #ccc;
	display: flex;
	justify-content: space-between;
}
.facilities .selectBlock .categoryBox {
	width: 47.4rem;
}
.facilities .selectBlock .areaBox {
	width: 40.3rem;
}
.facilities .selectTtl span {
	padding-left: 3.3rem;
	font-size: 2.4rem;
	position: relative;
}
.facilities .selectTtl span::before {
	display: block;
	content: '';
	background-image: url(/top/img/icn_checkmark.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 2.6rem;
	height: 2.6rem;
	position: absolute;
	top: calc(50% - 1.3rem);
	left: 0;
}
.facilities ul {
	margin-top: 0.5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.facilities ul li {
	margin-top: 1.4rem;
	width: 49%;
	border-radius: 0.8rem;
}
.facilities ul li label {
	padding: 1.2rem;
	font-size: 1.8rem;
	line-height: 1;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}
.facilities .categoryBox ul li {
	height: 7.5rem;
	background: #ed1282;
}
.facilities .categoryBox ul li.cur,
.facilities .categoryBox ul li:hover {
	background: #ff8dc7;
}
.facilities .categoryBox ul li label {
	color: #fff;
}
.facilities .categoryBox ul li label::before {
	display: block;
	content: '';
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
}
.facilities .categoryBox ul li:nth-child(1) label::before {
	width: 4.3rem;
	height: 4.3rem;
	background-image: url(/top/img/icon_hotel.png);
	top: calc(50% - 2.2rem);
	left: 1.5rem;
}
.facilities .categoryBox ul li:nth-child(2) label::before {
	width: 5.3rem;
	height: 3.5rem;
	background-image: url(/top/img/icon_food.png);
	top: calc(50% - 1.8rem);
	left: 1.4rem;
}
.facilities .categoryBox ul li:nth-child(3) label::before {
	width: 6.3rem;
	height: 4.6rem;
	background-image: url(/top/img/icon_museum.png);
	top: calc(50% - 2.3rem);
	left: 0.8rem;
}
.facilities .categoryBox ul li:nth-child(4) label::before {
	width: 4rem;
	height: 3.9rem;
	background-image: url(/top/img/icon_hobby.png);
	top: calc(50% - 2rem);
	left: 1.2rem;
}
.facilities .categoryBox ul li:nth-child(5) label::before {
	width: 4.3rem;
	height: 4.7rem;
	background-image: url(/top/img/icon_leisure.png);
	top: calc(50% - 2.4rem);
	left: 1.4rem;
}
.facilities .categoryBox ul li:nth-child(6) label::before {
	width: 5.7rem;
	height: 5.1rem;
	background-image: url(/top/img/icon_beauty.png);
	top: calc(50% - 2.6rem);
	left: 0.8rem;
}
.facilities .categoryBox ul li:nth-child(7) label::before {
	width: 4rem;
	height: 3.4rem;
	background-image: url(/top/img/icon_healthcare.png);
	top: calc(50% - 1.7rem);
	left: 1.7rem;
}
.facilities .categoryBox ul li:nth-child(8) label::before {
	width: 4.8rem;
	height: 4.5rem;
	background-image: url(/top/img/icon_others.png);
	top: calc(50% - 2.3rem);
	left: 1.4rem;
}
.facilities .categoryBox ul li span {
	padding-left: 4.5rem;
}
.facilities .areaBox ul li {
	border: solid 1px #ed1282;
}
.facilities .areaBox ul li.cur,
.facilities .areaBox ul li:hover {
	background: #ff8dc7;
	border: solid 1px #ff8dc7;
}
.facilities .areaBox ul li label {
	color: #ed1282;
}
.facilities .areaBox ul li.cur label,
.facilities .areaBox ul li:hover label {
	color: #fff;
}
.facilities .areaBox ul li:last-child {
	width: 100%;
}
.facilities .btnWrap {
	margin-top: 3rem;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.facilities .btnSearch {
	padding: 1.3rem 1rem;
	width: 38rem;
	background: #ed1282;
	border-radius: 1rem;
	font-size: 2.2rem;
	color: #fff;
	cursor: pointer;
	transition: opacity 0.3s ease-out;
}
.facilities .btnSearch:hover {
	opacity: 0.7;
}
.facilities .btnReset {
	cursor: pointer;
	margin-top: 2rem;
	padding: 0.7rem;
	width: 16rem;
	border: solid 1px #999;
	border-radius: 1rem;
	font-size: 1.8rem;
}
.facilities .btnReset span {
	padding-right: 0.7rem;
	font-size: 2.5rem;
	line-height: 1;
}
.facilities .errorTxt {
	margin-top: 2rem;
	font-size: 2rem;
	color: #f00;
}
@media (max-width: 768px) {
	.facilities {
		margin: 9rem auto 0;
		width: 100%;
	}
	.facilities .ttl {
		font-size: 4.2rem;
	}
	.facilities .lead {
		margin-top: 1.5rem;
		font-size: 2.8rem;
		line-height: 1.5;
	}
	.facilities .selectBlock {
		margin-top: 4rem;
		padding-top: 4rem;
		flex-direction: column;
	}
	.facilities .selectBlock .categoryBox {
		width: 100%;
	}
	.facilities .selectBlock .areaBox {
		width: 100%;
	}
	.facilities .selectTtl {
		text-align: left;
	}
	.facilities .selectTtl span {
		padding-left: 7.3rem;
		font-size: 3.6rem;
	}
	.facilities .selectTtl span::before {
		width: 5.6rem;
		height: 5.6rem;
		top: calc(50% - 2.8rem);
	}
	.facilities ul {
		margin-top: 1.5rem;
	}
	.facilities ul li {
		margin-top: 2rem;
		border-radius: 1.2rem;
	}
	.facilities ul li label {
		padding: 1.8rem 1rem;
		font-size: 3rem;
	}
	.facilities .categoryBox ul li {
		height: 8.8rem;
	}
	.facilities .categoryBox ul li:nth-child(1) label::before {
		width: 5.6rem;
		height: 5.6rem;
		top: calc(50% - 2.8rem);
		left: 2rem;
	}
	.facilities .categoryBox ul li:nth-child(2) label::before {
		width: 6.9rem;
		height: 4.5rem;
		top: calc(50% - 2.3rem);
		left: 1.5rem;
	}
	.facilities .categoryBox ul li:nth-child(3) label::before {
		width: 8.2rem;
		height: 6rem;
		top: calc(50% - 3rem);
		left: 1.2rem;
	}
	.facilities .categoryBox ul li:nth-child(4) label::before {
		width: 5.7rem;
		height: 5rem;
		top: calc(50% - 2.5rem);
		left: 2rem;
	}
	.facilities .categoryBox ul li:nth-child(5) label::before {
		width: 5.6rem;
		height: 6.2rem;
		top: calc(50% - 3.1rem);
		left: 1.7rem;
	}
	.facilities .categoryBox ul li:nth-child(6) label::before {
		width: 7.4rem;
		height: 6.6rem;
		top: calc(50% - 3.3rem);
		left: 1.3rem;
	}
	.facilities .categoryBox ul li:nth-child(7) label::before {
		width: 5.2rem;
		height: 4.4rem;
		top: calc(50% - 2.2rem);
		left: 2rem;
	}
	.facilities .categoryBox ul li:nth-child(8) label::before {
		width: 6.2rem;
		height: 6rem;
		top: calc(50% - 3rem);
		left: 2.2rem;
	}
	.facilities .categoryBox ul li span {
		padding-left: 6.5rem;
	}
	.facilities .areaBox {
		margin-top: 6rem;
	}
	.facilities .areaBox ul li {
		width: 32%;
	}
	.facilities .areaBox ul li:last-child {
		width: 66%;
	}
	.facilities .areaBox ul li label {
		padding: 2rem 1rem;
	}
	.facilities .btnWrap {
		margin-top: 5rem;
	}
	.facilities .btnSearch {
		margin: 0 auto;
		padding: 2rem;
		width: 80%;
		border-radius: 2rem;
		font-size: 3.6rem;
	}
	.facilities .btnReset {
		padding: 1.3rem;
		width: 24.3rem;
		font-size: 2.8rem;
	}
	.facilities .btnReset span {
		padding-right: 1rem;
		font-size: 4rem;
	}
	.facilities .errorTxt {
		margin-top: 2rem;
		font-size: 3rem;
	}
}

/* recommend */
.recommend {
	margin: 12rem auto 0;
	width: 91.3rem;
}
.recommend .ttl {
	font-size: 2.8rem;
	line-height: 1.5;
	text-align: center;
}
.recommend .hotelWrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.recommend .hotel {
	margin-top: 3rem;
	width: 43.3rem;
	font-size: 1.5rem;
	line-height: 1.4;
}
.recommend .hotel:nth-child(n+3) {
	margin-top: 4.5rem;
}
.recommend .hotel:not(:nth-child(-n+4)) {
	display: none;
}
.recommend .hotel a {
	display: flex;
	flex-direction: column;
	color: #000;
	text-decoration: none;
}
.recommend .hotel .pic {
	margin-bottom: 1.3rem;
	flex-shrink: 0;
}
.recommend .hotel .name {
	margin-top: 0.5rem;
	font-size: 1.8rem;
	color: #eb50a0;
}
.recommend .hotel .name .icnNew {
	color: #f00;
}
.recommend .hotel .descTxt {
	margin-top: 0.8rem;
}
.recommend .btn {
	margin: 6rem auto 0;
	width: 38rem;
}
.recommend .btn a {
	display: block;
	padding: 1.3rem 1rem;
	font-size: 2.2rem;
	color: #ed1282;
	line-height: 1;
	text-align: center;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	border: solid 1px #ed1282;
	border-radius: 0.8rem;
}
@media (max-width: 768px) {
	.recommend {
		margin: 10rem auto 0;
		width: 100%;
	}
	.recommend .ttl {
		font-size: 5rem;
		line-height: 1.3;
	}
	.recommend .hotel {
		margin-top: 5rem;
		width: 49%;
		font-size: 2.6rem;
	}
	.recommend .hotel:nth-child(n+3) {
		margin-top: 4.5rem;
	}
	.recommend .hotel .pic {
		margin-bottom: 2rem;
	}
	.recommend .hotel .name {
		font-size: 3rem;
	}
	.recommend .btn {
		width: 80%;
	}
	.recommend .btn a {
		padding: 2rem;
		font-size: 3.6rem;
		border-radius: 2rem;
	}
}

/* group */
.group {
	margin: 10rem auto 0;
	padding-top: 5rem;
	width: 91.3rem;
	border-top: 1px solid #eb50a0;
	display: flex;
	justify-content: space-between;
	text-align: center;
}
.group > div:nth-child(1) {
	width: 21.2rem;
}
.group > div:nth-child(2) {
	width: 15.8rem;
}
.group > div:nth-child(3) {
	width: 19.5rem;
}
.group > div:nth-child(4) {
	width: 20.2rem;
}
.group > div:nth-child(5) {
	width: 14.2rem;
}
.group > div + div {
	border-left: 1px solid #c3c3c3;
}
.group > div a {
	display: block;
}
.group .logo img {
	width: auto;
	height: 4rem;
}
.group .txt {
	margin-top: 1.5rem;
	font-size: 1.2rem;
}
.group > div:nth-child(4) .txt {
	display: inline-block;
	text-align: left;
}
@media (max-width: 768px) {
	.group {
		margin-left: -4rem;
		margin-right: -4rem;
		padding-top: 0;
		width: calc(100% + 8rem);
		flex-wrap: wrap;
	}
	.group > div {
		border-bottom: 1px solid #c3c3c3;
	}
	.group > div:nth-child(1),
	.group > div:nth-child(2),
	.group > div:nth-child(3),
	.group > div:nth-child(4),
	.group > div:nth-child(5) {
		width: 50%;
	}
	.group > div + div {
		border-left: none;
	}
	.group > div:nth-child(odd) {
		border-right: 1px solid #c3c3c3;
	}
	.group > div:last-child {
		border-bottom: none;
	}
	.group > div a {
		padding: 3rem;
		height: 100%;
		display: flex;
		flex-direction: column;
		justify-content: center;
	}
	.group .logo img {
		height: 7.4rem;
	}
	.group .txt {
		font-size: 2rem;
	}
}


/* articlesBlock */
.articlesBlock {
	font-size: 1.3rem;
}
.articlesBlock .ttl {
	font-size: 1.6rem;
	font-weight: bold;
}
.articlesBlock .ttl + .cont {
	border-top: solid 2px #f7b3c6;
	margin-top: 0.5rem;
	padding-top: 2rem;
}
.articlesBlock .cont {
	display:flex;
}
.articlesBlock .cont + .cont {
	border-top: dotted 1px #999999;
	margin-top: 1.5rem;
	padding-top: 1.5rem;
}
.articlesBlock .cont .date {
	flex-basis: 2.5%;
}
.articlesBlock .cont .date + .text {
	flex-basis: 86%;
}
.articlesBlock .cont .date + .text.infoMAINT .innerBlock p {
	font-weight: normal;
}
.articlesBlock .cont .date + .text.infoMAINT .innerBlock p:first-child {
	margin-top: 0.3rem;
}
.articlesBlock .cont .date + .text.infoMAINT dl {
	display: table;
}
.articlesBlock .cont .date + .text.infoMAINT dl:first-of-type {
	margin-top: 1.3rem;
}
.articlesBlock .cont .date + .text.infoMAINT dl:last-of-type {
	margin: 0.3rem 0 1.3rem;
}
.articlesBlock .cont .date + .text.infoMAINT dt {
	display: table-cell;
	width: 6.2em;
}
.articlesBlock .cont .date + .text.infoMAINT dd {
	display: table-cell;
}
@media (max-width: 768px) {
	/* mainContents */
	.section + .section {
		margin-top: 6rem;
	}

	/* noticeBlock */
	.noticeBlock {
		padding: 3rem;
		font-size: 2.6rem;
	}
	.noticeBlock .ttl + .cont {
		margin-top: 0;
		line-height: 1.5;
	}

	/* tabsBlock */
	.tabsBlock .tab {
		margin: 1.6rem 1% 0;
		padding: 2.4rem 0;
		width: calc(94%/3);
		font-size: 3.2rem;
	}
	.tabsBlock .tab::before {
		top: calc(50% - 1rem);
		right: 2rem;
		width: 1.2rem;
		height: 1.2rem;
	}

	/* articlesBlock */
	.articlesBlock {
		font-size: 2.6rem;
	}
	.articlesBlock .ttl {
		font-size: 3.2rem;
	}
	.articlesBlock .ttl + .cont {
		margin-top: 1rem;
		padding-top: 4rem;
	}
	.articlesBlock .cont {
		flex-direction: column;
	}
	.articlesBlock .cont + .cont {
		margin-top: 3rem;
		padding-top: 3rem;
	}
	.articlesBlock .cont .date + .text {
		margin-top: 1rem;
	}
	.articlesBlock .cont .date + .text.infoMAINT .innerBlock p:first-child {
		margin-top: 0.6rem;
	}
	.articlesBlock .cont .date + .text.infoMAINT dl {
		display: block;
	}
	.articlesBlock .cont .date + .text.infoMAINT dl:first-of-type {
		margin-top: 2.6rem;
	}
	.articlesBlock .cont .date + .text.infoMAINT dl:last-of-type {
		margin: 0.6rem 0 2.6rem;
	}
	.articlesBlock .cont .date + .text.infoMAINT dt {
		display: block;
		width: auto;
	}
	.articlesBlock .cont .date + .text.infoMAINT dd {
		display: block;
	}
}