@charset "UTF-8";


/**************************************************
　eyecatch
***************************************************/

.eyecatch {
	background: url( './../image/access/eyecatch-bg.jpg' ) no-repeat center top;
	background-size: cover;
}

/**************************************************
　交通案内
***************************************************/

.public-access,
.car-access {
	margin: 0 auto;
}
.public-access h3,
.car-access h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-left: 52px;
	position: relative;
}
.public-access h3::before,
.car-access h3::before {
	background: url( './../image/access/access-icons.jpg' ) no-repeat left top;
	background-size: 80px 40px;
	bottom: -3px;
	content: "";
	height: 40px;
	left: 0;
	position: absolute;
	width: 40px;
}
.car-access h3::before {
	background-position: right top;
}

/**************************************************
　Google Map
***************************************************/

.google-map iframe {
	width: 100vw;
}

/**************************************************
　デバイス振り分け設定
***************************************************/

/* ■■ SP ■■ */
@media (max-width: 767px) {

	.access-block .contents {
		padding: 40px 0 120px;
	}

	/* 四国マップ */
	.shikoku-map {
		background: url( './../image/access/shikoku-map-sp.jpg' ) no-repeat center center;
		background-size: 310px 505px;
		height: 505px;
		margin: 0 auto 60px;
		width: 310px;
	}

	/* 交通案内 */
	.public-access,
	.car-access {
		margin-top: 60px;
		width: 280px;
	}
	.public-access h3::before,
	.car-access h3::before {
		left: 4px;
	}
	.public-access .image {
		background: url( './../image/access/public-transportation-sp.jpg' ) no-repeat center center;
		background-size: 280px 1705px;
		height: 1705px;
		width: 280px;
	}
	.car-access .image {
		background: url( './../image/access/self-transportation-sp.jpg' ) no-repeat center center;
		background-size: 280px 2030px;
		height: 2030px;
		width: 280px;
	}

	/* Google Map */
	.google-map {
		margin-top: 80px;
	}
	.google-map iframe {
		height: 260px;
	}
}
@media (max-width: 320px) {

	/* 幅狭スマホ */

}
@media (min-width: 321px) and (max-width: 767px) {

	/* 幅広スマホ */
}


/* ■■ タブレット＆ブラウザ ■■ */
@media screen and (min-width: 768px) {

	/*  */

}


/* ■■ (狭いブラウザとタブレット向け) ■■ */
@media (max-width: 1020px) and (min-width: 768px) {

	.access-block .contents {
		padding: 60px 0 100px;
	}

	/* 四国マップ */
	.shikoku-map {
		background: url( './../image/access/shikoku-map-tab.jpg' ) no-repeat center center;
		background-size: 680px 560px;
		height: 560px;
		margin: 0 auto 80px;
		width: 680px;
	}

	/* 交通案内 */
	.public-access,
	.car-access {
		margin-top: 60px;
		width: 600px;
	}
	.public-access .image {
		background: url( './../image/access/public-transportation-tab.jpg' ) no-repeat center center;
		background-size: 600px 930px;
		height: 930px;
		width: 600px;
	}
	.car-access .image {
		background: url( './../image/access/self-transportation-tab.jpg' ) no-repeat center center;
		background-size: 600px 1070px;
		height: 1070px;
		width: 600px;
	}

	/* Google Map */
	.google-map {
		margin-top: 80px;
	}
	.google-map iframe {
		height: 280px;
	}
}


/* ■■ PC ■■ */
@media screen and (min-width: 1021px) {

	.access-block .contents {
		padding: 80px 0 160px;
	}

	/* 四国マップ */
	.shikoku-map {
		background: url( './../image/access/shikoku-map.jpg' ) no-repeat center center;
		height: 455px;
		margin: 40px auto 100px;
		width: 950px;
	}

	/* 交通案内 */
	.public-access,
	.car-access {
		margin-top: 60px;
		width: 1050px;
	}
	.public-access .image {
		background: url( './../image/access/public-transportation.jpg' ) no-repeat center center;
		height: 430px;
		width: 1050px;
	}
	.car-access .image {
		background: url( './../image/access/self-transportation.jpg' ) no-repeat center center;
		height: 430px;
		width: 1050px;
	}

	/* Google Map */
	.google-map {
		margin-top: 120px;
	}
	.google-map iframe {
		height: 320px;
	}
}