@charset "utf-8";
/* メニューactive */
.menu08 a{
	width: 100%;
	font-weight: 700;
	position: relative;
	padding: 0 0 0 18px;
	display: inline-block;
	text-decoration: none;
	text-align: center;
	color: #fff !important;
	background-image: url("../img/svg/gnavi01.svg");
	background-position: left center;
	background-repeat: no-repeat;
}
.menu08 a::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 100%;
	height: 3px;
	background: #fff;
	transform: scale(1, 1);
	transform-origin: left top;
	transition: transform .3s;
	color: #fff;
}


/************************アクセスマップ************************/
.acc_txt01{
	width: 720px;
	margin: 0 auto 80px;
}
.acc_txt01 span{
	color: #0abab5;
}

.acc_img01{
	width: 270px;
	margin: 0 auto 100px;
}
.acc_img01 img{
	width: 100%;
	height: auto;
}

.acc_tit01{
	width: 100%;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 50px;
}

.acc_img02{
	width: 600px;
	margin: 0 auto 100px;
}
.acc_img02 img{
	width: 100%;
	height: auto;
}

.acc_map{
	width: 1050px;
	margin: 0 auto 100px;
}



@media screen and (min-width:769px) and ( max-width:1049px) {
/*　画面サイズが769pxから1079pxまではここを読み込む　*/


}

@media screen and (max-width: 768px) {
/* 768pxまでの幅の場合に適応される */
/************************アクセスマップ************************/
.acc_txt01{
	width: 90%;
	margin: 0 auto 80px;
}
.acc_txt01 span{
	color: #0abab5;
}

.acc_img01{
	width: 90%;
	margin: 0 auto 50px;
}
.acc_img01 img{
	width: 100%;
	height: auto;
}

.acc_tit01{
	width: 90%;
	font-size: 36px;
	font-weight: 700;
	text-align: center;
	margin: 0 auto 50px;
}

.acc_img02{
	width: 90%;
	margin: 0 auto 50px;
}
.acc_img02 img{
	width: 100%;
	height: auto;
}

.acc_map{
	width: 90%;
	margin: 0 auto 50px;
}





}

@media screen and (min-width: 769px) {
/*　画面サイズが769pxからはここを読み込む　*/

}