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

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

/* 全般
-----------------------------------------------*/
.access .inner h2 {
	font-size: 1.16em;
	margin-bottom: 10em;
}
#mainImage div {background: url("../../images/access/main.jpg") no-repeat center center / cover;}

/* address */
#accessWrap address {
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 2em;
}
#accessWrap .inner > div {text-align: center;}

/* #googleMap */
#googleMap iframe {filter: grayscale(100%);}

/*===============================================
●画面の横幅が769px以下(スマホのみ)
===============================================*/
@media screen and (max-width: 769px) {
	
	/* accessWrap
	-----------------------------------------------*/
	#accessWrap address {
		font-size: 1.2em;
		margin-bottom: 5em;
	}
	#accessWrap address span:nth-of-type(2) {
		display: inline-block;
		margin-top: 2em;
	}
	#accessWrap .inner > div:first-of-type {margin-bottom: 3em;}
	#accessWrap .inner > div:not(:first-of-type) {margin-bottom: 5.8em;}
	
	/* #googleMap */
	#googleMap iframe {
		width: 100%;
		height: 200px;
	}
}

/*===============================================
●画面の横幅が770px以上(PCのみ)
===============================================*/
@media screen and (min-width: 770px) {
	
	/* accessWrap
	-----------------------------------------------*/
	#accessWrap address {
		font-size: 1.4em;
		margin-bottom: 6em;
		padding-top: 5em;
	}
	#accessWrap .inner > div:first-of-type {margin-bottom: 5em;}
	#accessWrap .inner > div:not(:first-of-type) {margin-bottom: 12.5em;}
}