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

/*===============================================
●共通
===============================================*/
#mainImage .imgWrap {
	position: relative;
}
#aquaignisWrap #mainImage .imgWrap {
	background: url("../../images/aquaignis/main.jpg") no-repeat center center / cover;
}
#mainImage .imgWrap div {
	position: absolute;
	right: 3%;
	bottom: 7%;
}

#mainImage .imgWrap div p {
	color: #fff;
	font-size: calc(24 / 12 * 1em);
}
#firstWrap .textTitle {
	line-height: 2;
	letter-spacing: 0.05em;
	text-align: center;
}
#firstWrap .textTitle > span {
	display: inline-block;
}
#pageContents .textBox h2 {
	line-height: 1.75;
}
#pageContents .textBox h3 {
	letter-spacing: 0.2em;
}

/* menuInfo
-----------------------------------------------*/
#menuInfo {
	margin-bottom: 10em;
}
#menuInfo h2 {
	border-top: 1px #b9c3c9 solid;
	border-bottom: 1px #b9c3c9 solid;
	text-align: center;
}
.menuInner {
	padding: 0 1em;
}
.menuTableWrapper:not(:first-of-type) {
	margin-top: 5em;
}
.menuTableWrapper h3 {
	margin-bottom: calc(15 / 12 * 1em);
}
.menuTableWrapper table th,
.menuTableWrapper table td {
	padding: 1em 0;
	line-height: 1.75;
}
.menuTableWrapper table th {
	width: 10em;
}
.menuTableWrapper table td {
	width: calc(100% - 10em);
}
.menuTableWrapper table td a.pcNoCall {
	color: #778288;
}
.menuTableWrapper li {
	line-height: 1.75;
}
#aquaignisWrap #box03 .slideBox,
#aquaignisWrap #box03 .slideBox li {
	width: 100% !important;
}
.mapWrapper {
	max-width: 630px;
	margin: calc(70 / 12 * 1em) auto 0;
	padding: 0 10px;
}
.map {
	position: relative;
	width: 100%;
	height: 0;
	padding-top: calc(330 / 610 * 100%);
}
.map > * {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*===============================================
●画面の横幅が729px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px) {

	#firstWrap .textTitle {
		font-size: 1.2em;
	}

	/* pageContents
	-----------------------------------------------*/
	#mainImage .imgWrap div img {
		width: 102px;
	}
	#pageContents {
		padding: 0;
	}
	#pageContents section h2 {
		font-size: 1.3em;
		margin-bottom: 1em;
	}
	#pageContents .textBox h3 {
		font-size: 1.2em;
	}
	#pageContents section .img {
		text-align: center;
	}
	#pageContents section {
		padding-top: 6em;
	}
	#pageContents section:last-child {
		margin-bottom: 5.8em;
	}
	#pageContents section .textBox,
	#pageContents section .textBox02 {
		text-align: center;
	}
	#pageContents section h3 {
		margin-bottom: 3em;
	}
	#pageContents section .conIntro {
		font-size: 1.15em;
		padding: 2.5em 2em 0;
		line-height: 2em;
		text-align: center;
	}

	/* menuInfo
	-----------------------------------------------*/
	#menuInfo h2 {
		font-size: 1.3em;
		padding: 1em 0;
		margin-bottom: 5em;
	}
	#menuInfo section:first-child,
	#menuInfo table {
		margin-bottom: 5em;
	}
	#menuInfo ul {
		margin: 0 auto;
	}
	#menuInfo table th {
		width: 20%;
		min-width: 70px;
	}
	#menuInfo table td {
		padding-left: 1em;
	}
	#aquaignisWrap #menuInfo ul {
		margin-bottom: 2em;
	}
	#aquaignisWrap #menuInfo table {
		font-size: 1.15em;
		margin-bottom: 2em;
	}
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px) {

	.flexBox {
		display: flex;
		justify-content: center;
	}
	#aquaignisWrap #pageContents section:not(:last-of-type) {
		margin-bottom: 15em;
	}

	#pageContents .slideBox {
		width: 100%;
	}
	#mainImage .imgWrap div p {
		font-size: calc(57 / 12 * 1em);
	}
	#firstWrap {
		margin-bottom: calc(90 / 12 * 1em);
	}
	#firstWrap .textTitle {
		font-size: 1.4em;
	}

	/* pageContents
	-----------------------------------------------*/
	#pageContents {
		margin-bottom: 15em;
	}
	#pageContents .flexBox .textBox {
		width: 22%;
		text-align: center;
	}
	#pageContents .flexBox .img,
	#pageContents .conIntro {
		padding-top: 2.5em;
	}
	#pageContents .textBox h2 {
		font-size: 1.3em;
		margin: 3em 0 4em;
	}
	#pageContents .textBox h3 {
		line-height: 2.5em;
		-ms-writing-mode: tb-rl;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		display: inline-block;
		text-align: justify;
		font-size: 1.2em;
	}
	#pageContents section .conIntro {
		font-size: 1.15em;
		line-height: 2.5em;
	}

	/* box01 */
	#box01 .flexBox .img {
		text-align: right;
	}

	/* box02 */
	#box02 .flexBox {
		flex-direction: row-reverse;
	}
	#box02 .flexBox .img .conIntro {
		text-align: right;
	}
	.flexBox .img {
		width: 72%;
	}

	/* box03 */
	#box03 .conIntro {
		margin-bottom: 2em;
	}

	/* menuInfo
	-----------------------------------------------*/

	#menuInfo h2 {
		font-size: 1.5em;
		padding: 1em 0;
		margin-bottom: 8em;
	}
	#menuInfo table {
		font-size: 1.2em;
	}

	/* pageContents */
	#pageContents .textBox h2 {
		letter-spacing: 0.2em;
	}
	.menuInner {
		width: 100%;
		max-width: 400px;
		padding: 0 10px;
		margin: 0 auto;
	}
	.menuTableWrapper:not(:first-of-type) {
		margin-top: 5em;
	}
	.menuTableWrapper h3 {
		font-size: 1.3em;
		margin-bottom: calc(15 / 12 * 1em);
	}
}