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

/* ------------------------------- */
/* Title */
/* ------------------------------- */

.title {
 display: flex;
 height: 500px;
 justify-content: center;
 align-items: center;
 text-align: center;
 background: url(/img/site/access/img_title.jpg) center no-repeat;
}

.title h1 {
 margin-bottom: 10px;
 font-size: 50px;
 font-weight: bold;
}

.title h1 span {
 color: #15A839;
}

.title h2 {
 font-size: 16px;
 font-weight: bold;
}

@media (max-width: 767px) {
 .title {
  height: 200px;
  background-size: auto 100%;
 }
 
 .title h1 {
  font-size: 30px;
 }
}


/* ------------------------------- */
/* Profile */
/* ------------------------------- */

.profile h1 {
 margin-bottom: 100px;
 font-size: 20px;
 font-weight: bold;
 text-align: center;
 line-height: 1.4;
}

.profile img {
 margin-bottom: 30px;
}

.profile h2 {
 margin-bottom: 20px;
 font-size: 20px;
 font-weight: bold;
}

.profile .store-photo {
 margin-bottom: 5px;
}

.profile p {
 margin-bottom: 20px;
}


/* ------------------------------- */
/* Access */
/* ------------------------------- */

.access {
 text-align: center;
}

.access h1 {
 margin-bottom: 30px;
 font-size: 20px;
 font-weight: bold;
 line-height: 1.4;
}

.google-maps {
 position: relative;
 margin-bottom: 30px;
 padding-bottom: 600px;
 height: 0;
 overflow: hidden;
}

.google-maps iframe {
 position: absolute;
 top: 0;
 left: 0;
 width: 100% !important;
 height: 100% !important;
}

.access h2 {
 margin-bottom: 30px;
 font-size: 20px;
 font-weight: bold;
 line-height: 1.4;
}

.access h3 {
 margin: 50px 0 30px 0;
 font-size: 35px;
 font-weight: bold;
 line-height: 1.4;
}

.access p {
 font-size: 20px;
}

@media (max-width: 767px) {
 .google-maps {
  padding-bottom: 80%;
 }
}