@charset "utf-8";
/* ===================================================================
//CSS information

// file name  :  access.css
// style info :  スタイル指定
=================================================================== */

.t_c{text-align: center;}

.pageTtl {
  position: inherit;
  top: auto;
  left: auto;
  transform: translate(0,0);
  text-align: center;
  z-index: 5;
  color: #fff !important;
}
.mapbg{background-color: #f8f8f8;}
@media screen and (max-width: 767px) {
  .pageTtl {
    font-size: 8vw;
  top: 15%;
/*    top: calc(50% - 35px);*/
  }
}
@media screen and (max-width: 420px) {
  .pageTtl {
    font-size: 10vw;
  }
}

/* -----------------------------------------------------
	imgBox
----------------------------------------------------- */
.imgBox{flex-grow: 1.5; }
.txtBox{padding:5px 25px;  line-height: 2em;}

@media screen and (min-width: 767px) {
	.c_container{display: flex;}
	.reverse{flex-direction: row-reverse;}
.imgBox{ width: 60%;}
.txtBox{ width: 40%;}
}
@media screen and (max-width: 1239px) {
}
@media screen and (max-width: 1099px) {
}
@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
}

@media screen and (max-width: 1200px) {
}
@media screen and (max-width: 991px) {
}
@media screen and (max-width: 767px) {

}
@media screen and (max-width: 420px) {
}
    #REMapframe {
        width: 100%;
        max-width: 1500px;
        height: 1000px;
        background-color: transparent;
        border: none;
		margin:0 auto;
display:block;
    }

    @media (max-width: 768px) {
        #REMapframe {
            height: 1150px;
        }
    }