@charset "utf-8";

/*=====================================================

	アクセス

=======================================================*/


.mainV .mainPhoto { position: absolute; top: 7em; width: 100%;  height: 22vw; background: url("../img/mainPhoto.png")no-repeat; background-size: auto 100%; }

@media screen and (max-width:768px){
.mainV .mainPhoto { top: 5em; height: 28vw; }
}
@media screen and (max-width:499px){
.mainV .mainPhoto { top: 4em; height: 30vw; background-position: center;}
}


/* --------------------------------------------
		MAP
---------------------------------------------- */ 

.access { position: relative; }
.access__map { width: 100%; height: 45vw; display: block; margin: 0 auto 3em; border-radius: 20px; overflow: hidden; position: relative; }
.access__map iframe { width: 100%; height: 100%; }

.access a { display: block; position: absolute; bottom: 5em; right: 5%; max-width: 221px; width: 30vw;}

.access__add { text-align: center;}
.access__add h4 { padding-bottom: .5em;font-size: 16px; font-size: 1.6rem; }
.access__add h4,.access__add p { text-align: center;}

@media screen and (max-width:599px){
.access__map { height: 60vw;}
}
@media screen and (max-width:499px){
.access a { bottom: 4em; right: 0; max-width: 221px; min-width: 180px;}
.access__add { text-align: left;}
.access__add h4,.access__add p { text-align: left;}
}