@charset "UTF-8";

/* ----------------------------------------------------
	header
---------------------------------------------------- */
.header {
	width: 100%;
	height: 120px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10;
}

@media screen and (max-width: 768px) {
	.header {
		height: 21.42857vw;
	}
}

/*
	header__wrap
------------------------------ */
.header .header__wrap {
	height: 120px;
	display: flex;
	position: relative;
}

@media screen and (max-width: 768px) {
	.header .header__wrap {
		height: 21.42857vw;
		z-index: 1000;
	}
}

/*
	header__logo
------------------------------ */
.header .header__logo {
	width: 180px;
	height: 120px;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}

.header .header__logo svg {
	fill: #fff;
}

@media screen and (max-width: 768px) {
	.header .header__logo {
		padding: 0 5.71429vw;
		width: 35.71429vw;
		height: 100%;
		position: relative;
		z-index: 1000;
	}

	.header .header__logo svg {
		width: 100%;
		height: auto;
	}
}

/*
	toggle
------------------------------ */
.toggle {
	display: none;
}

@media screen and (max-width: 768px) {
	.toggle {
		background: #fff;
		width: 21.42857vw;
		height: 21.42857vw;
		display: block;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 1001;
	}

	.toggle__inner {
		width: 100%;
		height: 100%;
		text-align: center;
		position: relative;
		cursor: pointer;
	}

	.toggle__inner span {
		background: #333;
		width: 40%;
		height: 1px;
		display: block;
		position: absolute;
		left: 50%;
		transition: transform 0.6s ease-in-out, top 0.5s ease, bottom 0.5s ease;
		transform: translate(-50%);
	}

	.toggle__inner span:nth-child(1) {
		top: 35%;
	}

	.toggle__inner span:nth-child(2) {
		top: 50%;
	}

	.toggle__inner span:nth-child(3) {
		bottom: 35%;
	}

	/* is-open */
	.is-open .toggle__inner span {
		transform-origin: 0;
	}

	.is-open .toggle__inner span:nth-child(1) {
		top: 50%;
		left: 50%;
		transform: rotate(45deg) translate(-50%);
	}

	.is-open .toggle__inner span:nth-child(2) {
		width: 0;
	}

	.is-open .toggle__inner span:nth-child(3) {
		bottom: 50%;
		left: 50%;
		transform: rotate(-45deg) translate(-50%);
	}
}

/*
	gnav
------------------------------ */
.header .gnav {
	padding: 0 2em 0 0;
	width: calc(100% - 300px);
	height: 120px;
	display: flex;
	flex-wrap: wrap;
	flex-direction: column-reverse;
	justify-content: center;
	position: relative;
}

@media screen and (max-width: 768px) {
	.header .gnav {
		background: #5E97AB;
		padding: 32.85714vw 0 0;
		width: 100%;
		height: 100vh;
		text-align: left;
		display: block;
		overflow: auto;
		position: fixed;
		top: 0;
		right: 0;
		z-index: 999;
		transform: translateX(100%);
		transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	}
}

/* gnav__list */
.header .gnav__list {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

.header .gnav__list::after {
	width: 100%;
	content: "";
}

.header .gnav__list--item {
	margin-top: 0.5em;
	margin-left: 2em;
	white-space: nowrap;
}

.header .gnav__list--item a {
	line-height: 1;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	transition: opacity 0.6s ease;
}

.header .gnav__list--item a span.pc {
	display: inline;
}

.header .gnav__list--item a:hover {
	opacity: 0.6;
}

.header .gnav__list--item a svg {
	fill: #fff;
}

@media screen and (max-width: 800px) {
	.header .gnav__list--item a {
		font-size: 1.75vw;
	}
}

@media screen and (max-width: 768px) {
	.header .gnav__list {
		width: 100%;
		display: block;
		position: relative;
	}

	.header .gnav__list--item {
		margin-top: 0;
		margin-bottom: 1.75em;
		white-space: nowrap;
	}

	.header .gnav__list--item a {
		color: #fff;
		font-size: 4.28571vw;
	}

	.header .gnav__list--item a span.pc {
		display: none;
	}

	/* inst */
	.header .gnav__list--item.inst {
		margin: 0;
		width: 7.28571vw;
		position: absolute;
		bottom: -15vw;
		right: 2em;
		z-index: 1000;
	}

	.header .gnav__list--item.inst a svg {
		width: 100%;
		height: auto;
	}

	/* is-open */
	.is-open {
		overflow: hidden;
	}

	.is-open .header .gnav {
		transform: translateX(0);
	}
}

/*
	sub
------------------------------ */
.header .gnav__list.sub {
	margin-bottom: 0.5em;
}

.header .gnav__list.sub .gnav__list--item.infoNav {
	display: none;
}

.header .gnav__list.sub .gnav__list--item a {
	font-weight: normal;
	text-decoration: underline;
}

.header .gnav__list.sub .gnav__list--item a:hover {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.header .gnav__list.sub .gnav__list--item.infoNav {
		display: block;
	}
}

/*
	reserve
------------------------------ */
.header .reserve {
	width: 120px;
	height: 120px;
}

.header .reserve a {
	background: #5E97AB;
	width: 100%;
	height: 100%;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border-radius: 0 0 0 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.header .reserve a img {
	margin-bottom: 0.5em;
	width: 16px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.header .reserve {
		width: 21.42857vw;
		height: 21.42857vw;
		position: fixed;
		top: 0;
		right: 21.42857vw;
		z-index: 1000;
	}

	.header .reserve a {
		background: #5E97AB;
		width: 100%;
		height: 100%;
		font-size: 2.5vw;
	}

	.header .reserve a span {
		font-size: 2.85714vw;
	}

	.header .reserve a img {
		width: 3.14286vw;
	}
}

/*
	change-color
------------------------------ */
.header.change-color {
	background-color: #fff;
	transition: 0.3s;
}

.header.change-color .gnav__list.sub .gnav__list--item.infoNav {
	display: block;
}

.header.change-color .gnav__list--item a {
	color: #333;
}

.header.change-color .gnav__list--item a svg {
	fill: #333;
}

.header.change-color .header__logo svg {
	fill: #686868;
}

@media screen and (max-width: 768px) {
	.header.change-color .gnav__list--item a {
		color: #fff;
	}

	.is-open .header.change-color .header__logo svg,
	.header.change-color .gnav__list--item a svg {
		fill: #fff;
	}
}

/* ---------------------------------------------------
	footer
---------------------------------------------------- */
.footer {
	background: #5E97AB;
	padding: 88px 0;
	position: relative;
	z-index: 5;
}

.footer .container {
	max-width: 650px;
	color: #fff;
}

.footer .container a {
	color: #fff;
	text-decoration: none;
}

.footer .footer__logo {
	margin-bottom: 2em;
	text-align: center;
}

.footer .footer__logo svg {
	width: 155px;
	height: auto;
	fill: #fff
}

.footer .footer__table {
	width: 100%;
}

.footer .footer__table th,
.footer .footer__table td {
	color: #fff;
	font-size: 14px;
	vertical-align: top;
}

.footer .footer__table .footer__table--title,
.footer .footer__table .footer__table--detail {
	padding-top: 1em;
	padding-bottom: 1em;
}

.footer .footer__table tr:not(:last-of-type) .footer__table--title,
.footer .footer__table tr:not(:last-of-type) .footer__table--detail {
	border-bottom: solid 1px #fff;
}

.footer .footer__table--title {
	padding-right: 2em;
	font-weight: bold;
}

.footer .footer__table .footer__table--detail th,
.footer .footer__table .footer__table--detail td.time {
	padding-right: 2em;
}

.footer .copy {
	margin-top: 3em;
	text-align: center;
	font-size: 14px;
}

@media screen and (max-width: 768px) {
	.footer {
		padding: 17.71429vw 0;
	}

	.footer .container {
		max-width: 100%;
	}

	.footer .footer__logo svg {
		width: 34.42857%;
	}

	.footer .footer__table,
	.footer .footer__table .footer__table--title,
	.footer .footer__table .footer__table--detail {
		display: block;
	}

	.footer .footer__table th,
	.footer .footer__table td {
		font-size: 3.71429vw;
	}

	.footer .footer__table tr .footer__table--title {
		padding-right: 0;
		padding-bottom: 0;
		border-bottom: none !important;
	}

	.footer .footer__table .footer__table--detail th,
	.footer .footer__table .footer__table--detail td.time {
		padding-right: 0;
	}

	.footer .copy {
		font-size: 3.71429vw;
	}
}

/* table */
.footer .footer__table .footer__table--detail table {
	width: 100%;
}

.footer .footer__table .footer__table--detail table th {
	white-space: nowrap;
}

.footer .footer__table .footer__table--detail table th,
.footer .footer__table .footer__table--detail table td {
	padding-right: 1em;
	vertical-align: top;
}

.footer .footer__table .footer__table--detail table td.time {
	text-align: right;
}

@media screen and (max-width: 768px) {
	.footer .footer__table .footer__table--detail table {
		display: grid;
		grid-template-columns: 25% auto;
		grid-template-rows: repeat(7, auto);
	}

	.footer .footer__table .footer__table--detail table tbody,
	.footer .footer__table .footer__table--detail table tr {
		display: contents;
	}

	.footer .footer__table .footer__table--detail table th,
	.footer .footer__table .footer__table--detail table td {
		padding: 0;
		display: block;
	}

	.footer .footer__table .footer__table--detail .weekday {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}

	.footer .footer__table .footer__table--detail .sp1 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.footer .footer__table .footer__table--detail .weekday1 {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.footer .footer__table .footer__table--detail .weekday2 {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	.footer .footer__table .footer__table--detail .weekday3 {
		display: none;
	}

	.footer .footer__table .footer__table--detail .sp2 {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.footer .footer__table .footer__table--detail .holiday {
		grid-column: 1 / 3;
		grid-row: 4 / 5;
	}

	.footer .footer__table .footer__table--detail .pc1 {
		grid-column: 1 / 2;
		grid-row: 5 / 6;
	}

	.footer .footer__table .footer__table--detail .pc2 {
		grid-column: 1 / 2;
		grid-row: 6 / 7;
	}

	.footer .footer__table .footer__table--detail .pc3 {
		grid-column: 1 / 2;
		grid-row: 7 / 8;
	}

	.footer .footer__table .footer__table--detail .holiday1 {
		grid-column: 2 / 3;
		grid-row: 5 / 6;
	}

	.footer .footer__table .footer__table--detail .holiday2 {
		grid-column: 2 / 3;
		grid-row: 6 / 7;
	}

	.footer .footer__table .footer__table--detail .holiday3 {
		grid-column: 2 / 3;
		grid-row: 7 / 8;
	}
}

/* ----------------------------------------------------
	fixedBtn
---------------------------------------------------- */
.fixedBtn {
	position: fixed;
}

.fixedBtn a {
	display: flex;
	justify-content: center;
	align-items: center;
	background: #5E97AB;
	color: #fff;
	font-size: 14px;
	font-weight: 500;
	text-decoration: none;
}

@media screen and (min-width: 769px) {
	.fixedBtn {
		right: 0;
		bottom: 110px;
	}

	.fixedBtn a {
		border-radius: 8px 0 0 8px;
		-ms-writing-mode: tb-rl;
		writing-mode: vertical-rl;
		text-orientation: upright;
		width: 60px;
		height: 230px;
		font-size: 15px;
		letter-spacing: 0.1em;
	}
}

@media screen and (max-width: 768px) {
	.fixedBtn {
		left: 0;
		bottom: 0;
		width: 100%;
		margin-bottom: 0;
	}

	.fixedBtn a {
		width: 100%;
		height: 60px;
	}
}

/* ----------------------------------------------------
	kvArea
---------------------------------------------------- */
.kvArea {
	position: relative;
}

/*
	main__itle
------------------------------ */
.kvArea .main__title {
	width: 40.26354%;
	position: absolute;
	top: 34.93333%;
	left: 50%;
	z-index: 9;
	transform: translateX(-50%);
}

@media screen and (max-width: 768px) {
	.kvArea .main__title {
		width: 78.57142%;
		top: 36%;
	}
}

/*
	main__lead
------------------------------ */
.kvArea .main__lead {
	width: 100%;
	color: #fff;
	font-size: 20px;
	text-align: center;
	position: absolute;
	bottom: 20.26667%;
	left: 50%;
	z-index: 9;
	transform: translateX(-50%);
	text-shadow: 2px 2px 10px #696969, -2px 2px 10px #696969, 2px -2px 10px #696969, -2px -2px 10px #696969;
}

@media screen and (max-width: 768px) {
	.kvArea .main__lead {
		font-size: 5.14286vw;
		bottom: 28%;
	}
}

/*
	main__lead
------------------------------ */
.kvArea .infoNav {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 9;
}

.kvArea .infoNav a {
	width: 336px;
	height: 70px;
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
	border-radius: 0 10px 0 0;
}

.kvArea .infoNav a:hover {
	text-decoration: none;
}

@media screen and (max-width: 768px) {
	.kvArea .infoNav {
		display: none;
	}
}

/*
	kv
------------------------------ */
.kv {
	position: relative;
}

.kv .kv__slide li {
	position: relative;
}

.kv .kv__slide li::before {
	/*background: rgba(51, 51, 51, 0.5);*/
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	content: "";
}

/* slide-dots */
.kv .slide-dots {
	display: flex;
	position: absolute;
	right: 40px;
	bottom: 24px;
}

.kv .slide-dots li {
	margin-left: 7px;
	width: 8px;
	height: 8px;
}

.kv .slide-dots li::before {
	background: #F0EDE6;
	width: 100%;
	height: 100%;
	border-radius: 100%;
	display: block;
	cursor: pointer;
}

.kv .slide-dots li.slick-active::before {
	background: #5E97AB;
}

.kv .slide-dots li button {
	display: none;
}

@media screen and (max-width: 768px) {
	.kv {
		overflow: hidden;
	}

	/* slide-dots */
	.kv .slide-dots {
		right: 9.33333vw;
		bottom: 7.73333vw;
	}

	.kv .slide-dots li {
		margin-left: 4.53333vw;
		width: 2.71429vw;
		height: 2.71429vw;
	}
}

/* ----------------------------------------------------
	lead
---------------------------------------------------- */
.lead {
	padding: 0 0 120px;
	text-align: center;
}

.lead .container {
	max-width: 790px;
}

@media screen and (max-width: 768px) {
	.lead {
		padding: 0 0 21.42857vw;
	}
}

/* ----------------------------------------------------
	news
---------------------------------------------------- */
.news {
	background: #EFEDE9;
	padding: 85px 0;
}

.news .container {
	max-width: 910px;
}

.news .news__list {
	background: #fff;
	border-top: solid 1px #C2C2C2;
}

.news .news__item {
	padding: 1em 0;
	font-size: 14px;
	border-bottom: solid 1px #C2C2C2;
	display: flex;
}

.news .news__item p {
	margin: 0;
}

.news .news__item .date {
	padding: 0.5em 2em;
	color: #5E97AB;
	font-weight: bold;
	white-space: nowrap;
}

.news .news__item .category span {
	background: #5E97AB;
	padding: 0.5em 0;
	width: 110px;
	color: #fff;
	font-size: 13px;
	white-space: nowrap;
	display: inline-block;
	display: flex;
	justify-content: center;
	align-items: center;
}

.news .news__item .category span.campaign {
	background: #ca8080;
}

.news .news__item .category span.important {
	background: #ca8080;
	padding: 0.5em 3em;
}

.news .news__item .text {
	padding: 0.5em 2em;
}

.news .news__item .text a {
	color: #333;
}

.news .more {
	margin-top: 2em;
	text-align: right;
}

.news .more a {
	color: #5E97AB;
	font-size: 14px;
	text-decoration: none;
}

.news .more a::after {
	margin-left: 0.5em;
	display: inline-block;
	content: ">";
}

@media screen and (max-width: 768px) {
	.news {
		padding: 17.71429vw 0;
	}

	.news .news__item {
		font-size: 4vw;
		flex-wrap: wrap;
	}

	.news .news__item .category span {
		font-size: 3.71429vw;
	}

	.news .news__item .text {
		width: 100%;
		font-size: 3.71429vw;
	}

	.news .more {
		text-align: center;
	}

	.news .more a {
		font-size: 4vw;
	}
}

/* ----------------------------------------------------
	information
---------------------------------------------------- */
.information {
	padding: 85px 0;
}

.information .container {
	max-width: 1040px;
}

.information .info__wrap {
	display: flex;
	justify-content: space-between;
}

.information .info__wrap .image {
	width: 54%;
}

.information .info__wrap .detail {
	width: 42%;
}

.information .info__wrap .detail .detail__title {
	color: #5E97AB;
}

.information .info__wrap .detail .detail__contents,
.information .info__wrap .detail .detail__contents table th,
.information .info__wrap .detail .detail__contents table td {
	font-size: 14px;
}

.information .info__wrap .detail .detail__contents:not(:last-of-type) {
	margin-bottom: 1em;
}

.information .info__wrap .detail .detail__contents dl {
	display: flex;
}

.information .info__wrap .detail .detail__contents dt {
	margin-right: 1em;
	white-space: nowrap;
}

.information .info__wrap .detail .detail__contents table th {
	white-space: nowrap;
}

.information .info__wrap .detail .detail__contents table th,
.information .info__wrap .detail .detail__contents table td {
	padding-right: 1em;
	vertical-align: top;
}

.information .info__wrap .detail .detail__contents table td.time {
	text-align: right;
}

@media screen and (max-width: 768px) {
	.information {
		padding: 17.71429vw 0;
	}

	.information .info__wrap {
		display: block;
	}

	.information .info__wrap .image,
	.information .info__wrap .detail {
		width: 100%;
	}

	.information .info__wrap .image {
		margin-bottom: 2em;
	}

	.information .info__wrap .detail {
		padding: 0 6.4vw;
	}

	.information .info__wrap .detail .detail__title {
		font-size: 4vw;
	}

	.information .info__wrap .detail .detail__contents,
	.information .info__wrap .detail .detail__contents table th,
	.information .info__wrap .detail .detail__contents table td {
		font-size: 3.71429vw;
	}
}

/* table */
.information .info__wrap .detail .detail__contents table {
	width: 100%;
}

.information .info__wrap .detail .detail__contents table th {
	white-space: nowrap;
}

.information .info__wrap .detail .detail__contents table th,
.information .info__wrap .detail .detail__contents table td {
	padding-right: 1em;
	vertical-align: top;
}

.information .info__wrap .detail .detail__contents table td.time {
	text-align: right;
}

@media screen and (max-width: 768px) {
	.information .info__wrap .detail .detail__contents table {
		display: grid;
		grid-template-columns: 25% auto;
		grid-template-rows: repeat(7, auto);
	}

	.information .info__wrap .detail .detail__contents table tbody,
	.information .info__wrap .detail .detail__contents table tr {
		display: contents;
	}

	.information .info__wrap .detail .detail__contents table th,
	.information .info__wrap .detail .detail__contents table td {
		padding: 0;
		display: block;
	}

	.information .info__wrap .detail .detail__contents .weekday {
		grid-column: 1 / 3;
		grid-row: 1 / 2;
	}

	.information .info__wrap .detail .detail__contents .sp1 {
		grid-column: 1 / 2;
		grid-row: 2 / 3;
	}

	.information .info__wrap .detail .detail__contents .weekday1 {
		grid-column: 2 / 3;
		grid-row: 2 / 3;
	}

	.information .info__wrap .detail .detail__contents .weekday2 {
		grid-column: 2 / 3;
		grid-row: 3 / 4;
	}

	.information .info__wrap .detail .detail__contents .weekday3 {
		display: none;
	}

	.information .info__wrap .detail .detail__contents .sp2 {
		grid-column: 1 / 2;
		grid-row: 3 / 4;
	}

	.information .info__wrap .detail .detail__contents .holiday {
		grid-column: 1 / 3;
		grid-row: 4 / 5;
	}

	.information .info__wrap .detail .detail__contents .pc1 {
		grid-column: 1 / 2;
		grid-row: 5 / 6;
	}

	.information .info__wrap .detail .detail__contents .pc2 {
		grid-column: 1 / 2;
		grid-row: 6 / 7;
	}

	.information .info__wrap .detail .detail__contents .pc3 {
		grid-column: 1 / 2;
		grid-row: 7 / 8;
	}

	.information .info__wrap .detail .detail__contents .holiday1 {
		grid-column: 2 / 3;
		grid-row: 5 / 6;
	}

	.information .info__wrap .detail .detail__contents .holiday2 {
		grid-column: 2 / 3;
		grid-row: 6 / 7;
	}

	.information .info__wrap .detail .detail__contents .holiday3 {
		grid-column: 2 / 3;
		grid-row: 7 / 8;
	}
}


/* ----------------------------------------------------
	bbq
---------------------------------------------------- */
.bbq {
	padding: 0 0 85px;
}

.bbq .bbq__map {
	margin: 85px auto 0;
	padding: 0 20px;
	max-width: 970px;
	width: 100%;
	position: relative;
}

.bbq .bbq__map .wrap {
	background: none !important;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	border-radius: 20px;
}

.bbq .bbq__map .map1 {
	background-image: url(../img/map1_bg.png);
	width: 52.5%;
	top: 15.5%;
	left: 27%;
}

.bbq .bbq__map .map2 {
	background-image: url(../img/map2_bg.png);
	width: 87%;
	bottom: 4.5%;
	left: 8%;
}

.bbq .bbq__map .map3 {
	background-image: url(../img/map3_bg.png);
	width: 12%;
	top: 15.5%;
	right: 5%;
}

.bbq .bbq__map .map4 {
	background-image: url(../img/map4_bg.png);
	width: 15%;
	bottom: 32%;
	left: 44%;
}

.bbq .bbq__map .wrap a:hover {
	opacity: 0.5;
}

@media screen and (max-width: 768px) {
	.bbq {
		padding: 0 0 17.71429vw;
	}

	.bbq .bbq__map {
		margin-top: 17.71429vw;
		padding: 0 3.2vw;
	}
}

/*
	bbq__list
------------------------------ */
.bbq .bbq__list {
	margin: 85px auto 0;
	padding: 0 20px;
}

.bbq .bbq__list li {
	margin: 0 auto;
	padding: 0 2.5% 60px;
	max-width: 1140px;
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.bbq .bbq__list li:not(:last-of-type) {
	margin-bottom: 60px;
	border-bottom: solid 1px #C2C2C2;
}

.bbq .bbq__list li .image {
	width: 55%;
}

.bbq .bbq__list li .detail {
	width: 40%;
}

.bbq .bbq__list li .detail .title {
	color: #5E97AB;
	line-height: 1;
	font-size: 25px;
	display: flex;
	align-items: center;
}

.bbq .bbq__list li .detail .title i {
	background: #5E97AB;
	margin-right: 1rem;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 18px;
	font-style: normal;
	text-align: center;
	border-radius: 100%;
	display: inline-block;
}

.bbq .bbq__list li .detail .title .booth {
	background: #D7ECEC;
	padding: 0.5em;
	margin-left: 1.5em;
	font-size: 13px;
	white-space: nowrap;
	display: inline-block;
}

.bbq .bbq__list li .detail .text {
	margin-top: 0.5em;
	padding-left: calc(30px + 1rem);
	font-size: 14px;
}

.bbq .bbq__list li .detail .text .nog {
	margin-bottom: 1em;
	display: flex;
}

.bbq .bbq__list li .detail .text .nog dt {
	white-space: nowrap;
}

.bbq .bbq__list li .detail .text .nog dt::after {
	content: "：";
}

.bbq .bbq__list li .detail .linkBtn a {
	font-size: 16px;
}

@media screen and (max-width: 768px) {
	.bbq .bbq__list {
		margin-top: 17.71429vw;
		padding: 0;
	}

	.bbq .bbq__list li {
		margin-bottom: 6.4vw;
		padding: 0 0 6.4vw;
		flex-direction: column-reverse;
	}

	.bbq .bbq__list li:not(:last-of-type) {
		margin-bottom: 8.57143vw;
	}

	.bbq .bbq__list li .image {
		width: 100%;
	}

	.bbq .bbq__list li .detail {
		padding: 8.57143vw 6.4vw 0;
		width: 100%;
	}

	.bbq .bbq__list li .detail .title {
		font-size: 5.71429vw;
	}

	.bbq .bbq__list li .detail .title i {
		width: 5.71429vw;
		height: 5.71429vw;
		line-height: 5.71429vw;
		font-size: 3.71429vw;
	}

	.bbq .bbq__list li .detail .title .booth {
		font-size: 3.71429vw;
	}

	.bbq .bbq__list li .detail .text {
		padding-left: 0;
		font-size: 3.42857vw;
	}

	.bbq .bbq__list li .detail .linkBtn a {
		font-size: 4.57143vw;
	}
}

/* ----------------------------------------------------
	plan
	food
	cace
---------------------------------------------------- */
.sectionHead {
	position: relative;
}

.sectionHead .wrap {
	padding: 0 20px;
	max-width: 1040px;
	width: 100%;
	color: #fff;
	text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
}

.sectionHead .sectionTitle {
	margin: 0;
	color: #fff;
	font-size: 40px;
}

.sectionHead .sectionLead {
	margin-top: 2em;
	font-size: 15px;
}

@media screen and (max-width: 768px) {
	.sectionHead .sectionTitle {
		font-size: 5.71429vw;
	}

	.sectionHead .sectionLead {
		font-size: 4vw;
	}
}

/*
	special
------------------------------ */
.special {
	background: #EEC344;
	width: 300px;
	height: 300px;
	font-weight: bold;
	border-radius: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: absolute;
}

.special .special__title {
	color: #fff;
	font-size: 18px;
}

.special .special__plan {
	margin-bottom: 0.5em;
	padding: 0 1em 0.5em;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 1px #333;
}

.special .special__plan span {
	margin-right: 0.2em;
	padding: 0.2em 0.5em;
	border: solid 1px #333;
	display: inline-block;
}

.special .special__detail {
	line-height: 1.5;
	font-size: 15px;
	font-weight: bold;
}

.special .special__detail dt {
	margin-bottom: 0.5em;
	font-size: 15px;
}

.special .special__detail dd {
	margin-bottom: 0.5em;
	font-size: 18px;
	line-height: 1;
	display: flex;
	justify-content: center;
	align-items: flex-end;
}

.special .special__detail dd small {
	font-size: 14px;
}

.special .special__detail dd small::after {
	background: url(../img/arrow2.svg) center no-repeat;
	padding: 0 0.5em;
	width: 1em;
	height: 1em;
	display: inline-block;
	content: "";
}

@media screen and (max-width: 1110px) {
	.special {
		width: 27.02703vw;
		height: 27.02703vw;
	}

	.special .special__title {
		font-size: 1.62162vw;
	}

	.special .special__plan {
		font-size: 1.26126vw;
	}

	.special .special__detail {
		font-size: 1.35135vw;
	}

	.special .special__detail dt {
		font-size: 1.35135vw;
	}

	.special .special__detail dd {
		font-size: 1.62162vw;
	}

	.special .special__detail dd small {
		font-size: 1.26126vw;
	}
}

@media screen and (max-width: 768px) {
	.special {
		margin-bottom: 6.4vw;
		width: 100%;
		height: calc(100vw - (6.4vw * 2));
		position: relative;
	}

	.special .special__title {
		font-size: 5.14286vw;
	}

	.special .special__plan {
		font-size: 4vw;
	}

	.special .special__detail {
		font-size: 4.28571vw;
	}

	.special .special__detail dt {
		margin-bottom: 0.5em;
		font-size: 4.28571vw;
	}

	.special .special__detail dd {
		font-size: 4.28571vw;
	}

	.special .special__detail dd small {
		font-size: 3.71429vw;
	}

	.special .special__detail dd small::after {
		background-position: center;
		background-size: 40% auto;
	}
}

/* ----------------------------------------------------
	plan
---------------------------------------------------- */
.plan {
	padding: 0 0 85px;
}

.plan .container {
	padding-top: 190px;
	max-width: 1140px;
	position: relative;
}

@media screen and (max-width: 768px) {
	.plan {
		padding: 0 0 17.71429vw;
	}

	.plan .container {
		padding-top: 6.4vw;
	}
}

/*
	plan__list
------------------------------ */
.plan .plan__list {
	display: flex;
	flex-wrap: wrap;
}

.plan .plan__item {
	width: 31%;
	display: flex;
	flex-direction: column;
}

.plan .plan__item:not(:nth-child(3)) {
	margin-right: 3%;
}

.plan .plan__item:not(:last-of-type) {
	margin-bottom: 40px;
}

.plan .plan__item.column2 {
	width: calc((100% - 3%) / 2);
}

.plan .plan__item.carry-on {
	margin-right: 0;
}

.plan .plan__item .image {
	margin-bottom: 1em;
}

.plan .plan__item .detail dt {
	margin-bottom: 1em;
	font-size: 16px;
	font-weight: bold;
}

.plan .plan__item .detail dt span {
	line-height: 1.25;
	font-size: 1.25em;
}

.plan .plan__item .detail dt .plan-name {
	background: #EEC344;
	padding: 0 0.5em;
	line-height: 1;
	font-size: 14px;
	white-space: nowrap;
	display: inline-flex;
	justify-content: center;
	align-items: center;
}

.plan .plan__item .detail dd {
	margin-bottom: 1em;
	font-size: 14px;
}

.plan .plan__item .linkBtn {
	margin-top: auto;
}

.plan .plan__item .linkBtn a {
	background: url(../img/icon1.svg) center left 2em no-repeat;
	margin-bottom: 1em;
	font-size: 14px;
}

.plan .plan__item.column2 .linkBtn a {
	background-color: #AE6239;
}

.plan .plan__item .linkBtn a,
.plan .plan__item.carry-on .linkBtn a {
	background-color: #5E97AB;
}

.plan .plan__item.column2 {
	background: #F1EBC5;
	margin-bottom: 0;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
}

.plan .plan__item.carry-on {
	background: #D8E6EB;
	border-radius: 8px;
}

.plan .plan__item .campaign {
	background: #AE6239;
	padding: 0 5em;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	position: absolute;
	top: 1.75em;
	left: -4.75em;
	transform: rotate(-40deg);
}

.plan .plan__item.column2 .wrap {
	margin: 0 auto;
	padding: 3em 0;
	max-width: 490px;
	width: 100%;
	border-radius: 8px;
}

.plan .plan__item.column2 .wrap .detail dt {
	text-align: center;
	justify-content: center;
}

.plan .plan__item.column2 .wrap .detail,
.plan .plan__item.column2 .wrap .linkBtn {
	margin: 0 auto;
	max-width: 85%;
}

.plan .plan__item.column2 .wrap .detail dd .bgText {
	background: #fff;
	padding: 0.5em 0.25em;
	text-align: center;
	border-radius: 65px;
}

.plan .plan__item.column2 .wrap .detail dd h6 {
	color: #AE6239;
	font-size: 17px;
	font-weight: bold;
	text-align: center;
}

.plan .plan__item.column2 .wrap .detail dd .ayc_drink {
	margin-bottom: 0;
	line-height: 1.2;
	color: #AE6239;
	font-size: 24px;
	font-weight: bold;
	text-align: center;
}

.plan .plan__item.column2 .wrap .detail dd .ayc_drink small {
	font-size: 17px;
}

.plan .plan__item.column2 .wrap .detail dd .regular_price {
	text-align: center;
	font-size: 14px;
}

@media screen and (max-width: 1150px) {
	.plan .plan__item .linkBtn a {
		font-size: 1.21739vw;
	}
}

@media screen and (max-width: 880px) {
	.plan .plan__item .campaign {
		font-size: 2.04545vw;
	}
}

@media screen and (max-width: 768px) {
	.plan .plan__list {
		display: block;
	}

	.plan .plan__item {
		width: 100%;
	}

	.plan .plan__item:not(:nth-child(3)) {
		margin-right: 0;
	}

	.plan .plan__item:not(:last-of-type) {
		margin-bottom: 6.4vw;
	}

	.plan .plan__item .detail dt {
		font-size: 5.71429vw;
	}

	.plan .plan__item .detail dt .plan-name {
		font-size: 3.71429vw;
	}

	.plan .plan__item .detail dd {
		font-size: 3.71429vw;
	}

	.plan .plan__item .linkBtn a {
		background-position: left 1.5em center;
		background-size: 3.5vw auto;
		height: 14.28571vw;
		font-size: 3.71429vw;
	}

	.plan .plan__item .campaign {
		font-size: 3.71429vw;
		left: -5em;
	}

	.plan .plan__item.column2 {
		width: 100%;
	}

	.plan .plan__item.column2 a {
		height: 18.22917vw;
	}

	.plan .plan__item.carry-on a {
		height: 14.28571vw;
	}

	.plan .plan__item.column2 .wrap {
		padding: 3em 1em;
		max-width: 100%;
	}

	.plan .plan__item.column2 .wrap .detail dt {
		justify-content: center;
	}

	.plan .plan__item.column2 .wrap .detail,
	.plan .plan__item.column2 .wrap .linkBtn {
		max-width: 100%;
	}

	.plan .plan__item.column2 .wrap .detail dd h6 {
		font-size: 3.71429vw;
	}

	.plan .plan__item.column2 .wrap .detail dd .ayc_drink {
		font-size: 5.71429vw;
	}

	.plan .plan__item.column2 .wrap .detail dd .ayc_drink small {
		font-size: 3.71429vw;
	}

	.plan .plan__item.column2 .wrap .detail dd .regular_price {
		font-size: 3.125vw;
	}
}

/*
	plan__list
------------------------------ */
.plan .plan__info {
	margin: 5em 0;
	padding: 3em;
	text-align: center;
	border: solid 1px #333;
}

.plan .plan__info .plan__info--title {
	margin-bottom: 1em;
	font-size: 18px;
	font-weight: bold;
}

.plan .plan__info .plan__info--detail {
	margin: 0 auto;
	max-width: 710px;
	width: 100%;
}

.plan .plan__info .plan__info--detail dt {
	margin-bottom: 1em;
}

.plan .plan__info .plan__info--detail dd h4 {
	font-size: 13px;
}

.plan .plan__info .plan__info--detail dd p {
	font-size: 13px;
}

.plan .plan__info+.note {
	text-align: center;
}

@media screen and (max-width: 768px) {
	.plan .plan__info {
		margin: 2em 0;
		padding: 2em;
		text-align: left;
	}

	.plan .plan__info .plan__info--title {
		font-size: 5vw;
		text-align: center;
	}

	.plan .plan__info .plan__info--detail dd h4 {
		font-size: 3.71429vw;
	}

	.plan .plan__info .plan__info--detail dd p {
		font-size: 3.71429vw;
	}
}

/* special */
.plan .special {
	top: -150px;
	right: 20px;
}

@media screen and (max-width: 1110px) {
	.plan .special {
		top: -13.51351vw;
		right: 1.80180vw;
	}
}

@media screen and (max-width: 768px) {
	.plan .special {
		top: 0;
		right: 0;
	}
}

/* ----------------------------------------------------
	food
---------------------------------------------------- */
.food {
	background: #EFEDE9;
	padding: 0 0 85px;
}

.food .container {
	max-width: 1140px;
}

@media screen and (max-width: 768px) {
	.food {
		padding: 0 0 17.71429vw;
	}
}

/*
	foodMenu
------------------------------ */
.food .foodMenu {
	padding-top: 100px;
}

@media screen and (max-width: 768px) {
	.food .foodMenu {
		padding-top: 14.28571vw;
	}
}

.food .foodMenu .tab {
	margin: 0 auto 100px;
	width: 100%;
	font-size: 18px;
}

.food .foodMenu .tab-list {
	margin-bottom: 60px;
	display: flex;
	justify-content: space-between;
}

.food .foodMenu .tab-menu {
	background: #C4C4C4;
	width: 49%;
	height: 60px;
	color: #fff;
	border-radius: 10px;
	display: flex;
	justify-content: center;
	align-items: center;
	position: relative;
	position: relative;
	transition: all 0.3s;
	cursor: pointer;
}

.food .foodMenu .tab-menu:hover,
.food .foodMenu .tab-menu.current {
	background: #5E97AB;
}

.food .foodMenu .tab-menu:hover::after,
.food .foodMenu .tab-menu.current::after {
	line-height: 1;
	border-style: solid;
	border-color: transparent;
	border-width: 16px 10px;
	border-top-color: #5E97AB;
	border-bottom: 0;
	position: absolute;
	left: 50%;
	bottom: -15px;
	transform: translate(-50%);
	content: "";
}

.food .foodMenu .content-box {
	width: 100%;
	display: none;
}

.food .foodMenu .content-box:first-child {
	width: 100%;
	display: none;
}

@media screen and (max-width: 1000px) {
	.food .foodMenu .tab {
		font-size: 1.8vw;
	}
}

@media screen and (max-width: 768px) {
	.food .foodMenu .tab {
		font-size: 3.71429vw;
	}

	.food .foodMenu .tab-list {
		margin-bottom: 8.57143vw;
	}
}

.food .foodMenu .food__list {
	display: flex;
	flex-wrap: wrap;
}

.food .foodMenu .food__item {
	background: #fff;
	margin-bottom: 40px;
	width: 48%;
	display: flex;
	align-items: center;
}

.food .foodMenu .food__item:not(:nth-child(even)) {
	margin-right: 4%;
}

.food .foodMenu .food__item .detail {
	padding: 0 0.75em;
}

.food .foodMenu .food__item .detail dt {
	line-height: 1.5;
}

.food .foodMenu .food__item .detail dt .kantan {
	background: #C3E7EA;
	margin-bottom: 0.5em;
	padding: 0 0.25em;
	display: inline-block;
}

.food .foodMenu .food__item .detail dt .price {
	line-height: 2;
	display: block;
}

.food .foodMenu .food__item .detail dd {
	line-height: 1.5;
	font-size: 12px;
	display: block;
}

.food .foodMenu .food__item .image {
	width: 56.28518%;
}

.food .foodMenu .food__item .detail {
	width: calc(100% - 56.28518%);
}

@media screen and (max-width: 768px) {
	.food .foodMenu .food__list {
		display: block;
	}

	.food .foodMenu .food__item {
		margin-bottom: 5.71429vw;
		width: 100%;
		display: block;
	}

	.food .foodMenu .food__item:not(:nth-child(even)) {
		margin-right: 0;
	}

	.food .foodMenu .food__item .detail {
		padding: 1em;
	}

	.food .foodMenu .food__item .detail dt .price {
		margin-left: 0.5em;
		display: inline-block;
	}

	.food .foodMenu .food__item .detail dd {
		font-size: 3.42857vw;
	}

	.food .foodMenu .food__item .image {
		width: 100%;
	}

	.food .foodMenu .food__item .detail {
		width: 100%;
	}
}

/*
	drinkMenu
------------------------------ */
.food .drinkMenu .drink__wrap {
	margin-bottom: 3em;
	position: relative;
}

.food .drinkMenu .drink__wrap .inner {
	background: #fff;
	padding: 4em 6em;
}

.food .drinkMenu .linkBtn {
	margin: 2em auto 0;
	max-width: 533px;
	width: 100%;
}

@media screen and (max-width: 768px) {
	.food .drinkMenu .drink__wrap .inner {
		padding: 0 0 6.4vw;
	}
}

/* all-drink */
.food .drinkMenu .drink__wrap .all-drink {
	background: #5E97AB;
	margin-bottom: 3em;
	padding: 2em 0;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
}

.food .drinkMenu .drink__wrap .all-drink h4 {
	margin: 0 1em;
	color: #fff;
	font-size: 24px;
	font-weight: bold;
}

.food .drinkMenu .drink__wrap .all-drink dl {
	display: flex;
	justify-content: space-between;
}

.food .drinkMenu .drink__wrap .all-drink dl dt {
	margin-right: 1em;
}

@media screen and (max-width: 920px) {
	.food .drinkMenu .drink__wrap .all-drink h4 {
		font-size: 2.6087vw;
	}

	.food .drinkMenu .drink__wrap .all-drink dl {
		font-size: 1.73913vw;
	}
}

@media screen and (max-width: 768px) {
	.food .drinkMenu .drink__wrap .all-drink {
		margin-bottom: 1em;
		text-align: center;
		display: block;
	}

	.food .drinkMenu .drink__wrap .all-drink dl {
		justify-content: center;
	}

	.food .drinkMenu .drink__wrap .all-drink h4 {
		font-size: 5.71429vw;
	}

	.food .drinkMenu .drink__wrap .all-drink dl {
		font-size: 3.42857vw;
	}
}

/* menu */
.food .drinkMenu .drink__wrap .menu {
	padding: 0 3em;
	display: flex;
	justify-content: space-between;
}

.food .drinkMenu .drink__wrap .menu__item .title,
.food .drinkMenu .drink__wrap .menu__item dt {
	color: #5E97AB;
	font-size: 20px;
}

.food .drinkMenu .drink__wrap .menu__item .title {
	margin-bottom: 0.75em;
	padding-bottom: 0.75em;
	border-bottom: solid 1px #5E97AB;
}

.food .drinkMenu .drink__wrap .soft {
	width: 30%;
}

.food .drinkMenu .drink__wrap .alcohol {
	width: 65%;
	display: grid;
	grid-template-columns: 50% 50%;
}

.food .drinkMenu .drink__wrap .alcohol h4 {
	grid-column: 1 / 3;
}

.food .drinkMenu .drink__wrap .alcohol .colimn1 {
	padding-right: 7.5%;
	grid-column: 1 / 2;
}

.food .drinkMenu .drink__wrap .alcohol .colimn2 {
	padding-left: 7.5%;
	grid-column: 2 / 3;
}

.food .drinkMenu .drink__wrap .category {
	margin-bottom: 1em;
}

.food .drinkMenu .drink__wrap .drink__list li {
	display: flex;
	justify-content: space-between;
}

.food .drinkMenu .drink__wrap .drink__list li .name {
	margin-right: 1em;
	display: inline-block;
}

@media screen and (max-width: 1110px) {
	.food .drinkMenu .drink__wrap .drink__list li {
		font-size: 1.44144vw;
	}
}

@media screen and (max-width: 768px) {
	.food .drinkMenu .drink__wrap .menu {
		padding: 0 6.4vw;
		display: block;
	}

	.food .drinkMenu .drink__wrap .menu__item .title {
		font-size: 4.28571vw;
	}

	.food .drinkMenu .drink__wrap .menu__item dt {
		font-size: 3.42857vw;
	}

	.food .drinkMenu .drink__wrap .soft {
		width: 100%;
	}

	.food .drinkMenu .drink__wrap .alcohol {
		width: 100%;
		display: block;
	}

	.food .drinkMenu .drink__wrap .alcohol .colimn1 {
		padding-right: 0;
	}

	.food .drinkMenu .drink__wrap .alcohol .colimn2 {
		padding-left: 0;
	}

	.food .drinkMenu .drink__wrap .drink__list li {
		font-size: 3.42857vw;
	}
}

/* special */
.food .drinkMenu .drink__wrap .special {
	top: auto;
	right: 40px;
	bottom: -150px;
}

@media screen and (max-width: 1110px) {
	.food .drinkMenu .drink__wrap .special {
		bottom: -13.513515vw;
		right: 3.60360vw;
	}
}

@media screen and (max-width: 768px) {
	.food .drinkMenu .drink__wrap .inner {
		margin-bottom: 6.4vw;
	}

	.food .drinkMenu .drink__wrap .special {
		width: calc(100vw - (6.4vw * 2));
		height: calc(100vw - (6.4vw * 2));
		position: static;
	}
}

/* ----------------------------------------------------
	cace
---------------------------------------------------- */
.cace {
	padding: 85px 0;
}

.cace .container {
	padding: 0 60px;
	max-width: 960px;
}

.cace .cace__lead {
	margin-bottom: 3em;
	text-align: center;
}

@media screen and (max-width: 768px) {
	.cace {
		padding: 17.71429vw 0;
	}

	.cace .container {
		padding: 0 6.4vw;
	}
}

/* slide */
.cace .cace__slide li {
	margin: 0 25px;
}

.cace .cace__slide li dl {
	margin-top: 2em;
}

.cace .cace__slide li dl .title {
	margin-bottom: 1em;
	text-align: center;
}

.cace .cace__slide li dl .detail {
	font-size: 12px;
}

.cace .cace__slide {
	position: relative;
}

.cace .cace__slide .slide-arrow {
	margin: auto;
	width: 40px;
	height: 40px;
	border: none;
	border-radius: 100%;
	position: absolute;
	top: 50%;
}

.cace .cace__slide .prev-arrow {
	left: -50px;
	transform: translateY(-50%) rotate(-90deg);
}

.cace .cace__slide .next-arrow {
	right: -50px;
	transform: translateY(-50%) rotate(90deg);
}

.cace .cace__slide button {
	background-color: #5E97AB;
	background-image: url(../img/arrow1.svg);
	background-position: top 40% center;
	background-repeat: no-repeat;
	background-size: 40% auto;
	appearance: none;
	outline: none;
	padding: 0;
}

@media screen and (max-width: 768px) {
	.cace .cace__slide li dl .title {
		font-size: 4.57143vw;
	}

	.cace .cace__slide li dl .detail {
		font-size: 3.71429vw;
	}

	.cace .cace__slide .slide-arrow {
		top: 36vw;
	}

	.cace .cace__slide .prev-arrow {
		left: -20px;
		transform: translateY(-50%) rotate(-90deg);
	}

	.cace .cace__slide .next-arrow {
		right: -20px;
		transform: translateY(-50%) rotate(90deg);
	}

	.cace .cace__slide button {
		background-color: #5E97AB;
		background-image: url(../img/arrow1.svg);
		background-position: top 40% center;
		background-repeat: no-repeat;
		background-size: 40% auto;
		appearance: none;
		outline: none;
		padding: 0;
	}
}

/* ----------------------------------------------------
	access
---------------------------------------------------- */
.access {
	background: #EFEDE9;
	padding: 85px 0;
}

.access .container {
	max-width: 1040px;
}

.access .access__wrap {
	display: flex;
	justify-content: space-between;
}

.access .access__wrap .map {
	width: 54%;
}

.access .access__wrap .map iframe {
	width: 100%;
}

.access .access__wrap .detail {
	width: 42%;
}

.access .access__wrap .detail .detail__title {
	color: #5E97AB;
}

.access .access__wrap .detail .detail__contents {
	margin-bottom: 2em;
	font-size: 14px;
}

.access .access__wrap .detail .detail__contents .type1 li::before {
	color: #5E97AB;
}

.access .access__wrap .detail .linkBtn a {
	margin: 0;
	max-width: 300px;
	border-radius: 60px;
}

@media screen and (max-width: 768px) {
	.access {
		padding: 17.71429vw 0;
	}

	.access {
		padding: 17.71429vw 0;
	}

	.access .access__wrap {
		display: block;
	}

	.access .access__wrap .map,
	.access .access__wrap .detail {
		width: 100%;
	}

	.access .access__wrap .map {
		margin-bottom: 2em;
	}

	.access .access__wrap .detail {
		padding: 0 6.4vw;
	}

	.access .access__wrap .detail .detail__title {
		font-size: 4vw;
	}

	.access .access__wrap .detail .detail__contents {
		font-size: 3.71429vw;
	}

	.access .access__wrap .detail .linkBtn a {
		max-width: 100%;
		height: 14.28571vw;
	}
}

/* ----------------------------------------------------
	faq
---------------------------------------------------- */
.faq {
	padding: 85px 0;
}

.faq .container {
	max-width: 840px;
}

@media screen and (max-width: 768px) {
	.faq {
		padding: 17.71429vw 0;
	}
}

/* accordion */
.accordion:not([open]) {
	margin-bottom: 8px;
}

.accordion summary {
	background: #EFEDE9 url(../img/bg_faq1.svg) left 1.75em center no-repeat;
	padding: 0 2em 0 4.5em;
	height: 64px;
	font-size: 15px;
	border-radius: 8px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	cursor: pointer;
}

.accordion summary::-webkit-details-marker {
	display: none;
}

.accordion summary::before,
.accordion summary::after {
	background: #5E97AB;
	width: 1px;
	height: 16px;
	position: absolute;
	right: 1.5em;
	content: "";
}

.accordion summary::before {
	transform: rotate(90deg);
}

.accordion summary::after {
	transition: all 0.5s;
}

.accordion[open] summary::after {
	transform: rotate(90deg);
}

.accordion .accordion__detail {
	background: url(../img/bg_faq2.svg) left 2em top 2.2em no-repeat;
	padding: 2em 2em 2em 4.75em;
	font-size: 14px;
	opacity: 0;
	transition: all 0.5s;
}

.accordion[open] .accordion__detail {
	opacity: 1;
}

@media screen and (max-width: 768px) {
	.accordion summary {
		background: #EFEDE9 url(../img/bg_faq1.svg) left 1em center no-repeat;
		padding: 1em 2.5em 1em 3.5em;
		height: auto;
		font-size: 3.71429vw;
	}

	.accordion summary::before,
	.accordion summary::after {
		height: 1em;
	}

	.accordion .accordion__detail {
		background: url(../img/bg_faq2.svg) left 1.15em top 1.75em no-repeat;
		padding: 1em 2em 1em 4em;
		font-size: 3.71429vw;
	}
}

/* ----------------------------------------------------
	contact
---------------------------------------------------- */
.contact {
	background: #EFEDE9;
	padding: 85px 0;
}

.contact .contact__lead {
	margin-bottom: 3em;
	text-align: center;
}

.contact .contact__lead {
	margin-bottom: 3em;
	text-align: center;
}

.contact .linkBtn a {
	max-width: 533px;
}

.contact .linkBtn a span {
	background-image: url(../img/icon_mail.svg);
	background-position: center left;
	background-repeat: no-repeat;
	padding-left: 30px;
	display: inline-block;
}

@media screen and (max-width: 768px) {
	.contact {
		padding: 17.71429vw 0;
	}

	.contact .linkBtn a {
		max-width: 100%;
		height: 14.28571vw;
	}

	.contact .linkBtn a span {
		background-size: auto 0.9em;
		padding-left: 1.5em;
	}
}

/* ----------------------------------------------------
	banner_area
---------------------------------------------------- */
.banner_area {
	margin: 0 auto 3em;
	max-width: 800px;
}