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

/*===============================================
●共通
===============================================*/

/* 全般
-----------------------------------------------*/
.information .inner h2 {
	font-size: 1.16em;
	margin-bottom: 10em;
}
.information a,
.information :active {color: #778288;}
.information .reserveBtn a,
.information .reserveBtn a:active {color: #fff;}

/* infoWrap
-----------------------------------------------*/
#infoWrap p {
	text-align: center;
	letter-spacing: 0.2em;
}

/* infoBox */
#infoBox section {
	text-align: center;
	letter-spacing: 0.2em;
}

/*===============================================
●画面の横幅が769px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px) {
	
	/* infoWrap
	-----------------------------------------------*/
	#infoWrap {margin-bottom: 5.8em;}
	#infoWrap p {
		font-size: 1.15em;
		margin-bottom: 5em;
		line-height: 2em;
	}
	
	/* infoBox */
	#infoBox section:not(:last-child) {margin-bottom: 5.4em;}
	#infoBox section h3,
	#infoBox section address {line-height: 2em;}
	#infoBox section h3 {
		font-size: 1.15em;
	}
	#infoBox section address {
		font-size: 1.1em;
	}
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px) {
	
	/* infoWrap
	-----------------------------------------------*/
	#infoWrap {
		padding-top: 10.8em;
		margin-bottom: 12.5em;
	}
	#infoWrap p {
		font-size: 1.2em;
		margin-bottom: 8em;
		line-height: 3em;
	}
	
	/* infoBox */
	#infoBox {
		display: flex;
		flex-wrap: wrap;
	}
	#infoBox section {width: 50%;}
	#infoBox section:first-child,
	#infoBox section:nth-child(2) {margin-bottom: 7.5em;}
	#infoBox section h3,
	#infoBox section address {line-height: 3em;}
	#infoBox section h3 {
		font-size: 1.2em;
	}
	#infoBox section address {
		font-size: 1.15em;
	}
}