@-webkit-keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes blink {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.flexbox {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.branch_ttl {
  background-color: #ff8400;
  color: #fff;
  font-family: "Noto Serif JP", serif;
  font-size: 3.5rem;
  width: 100%;
  padding: 2rem 2rem 2rem 72rem;
  margin: 0 0 4rem -72rem;
}
@media screen and (max-width: 767px) {
  .branch_ttl {
    padding: 1rem;
    margin: 0 0 2rem 0;
    font-size: 2rem;
  }
}
.branch_ttl span {
  font-size: 50%;
  margin-right: 2rem;
}
@media screen and (max-width: 767px) {
  .branch_ttl span {
    font-size: 1.6rem;
  }
}

.page_head:after {
  background: url(../img/mainimg.jpg) no-repeat center/cover;
}

.branch_area {
  background-color: #f4f2ea;
}
.branch_area .area_ttl {
  font-family: "Noto Serif JP", serif;
  font-size: 2.6rem;
  padding: 2rem;
}
@media screen and (max-width: 767px) {
  .branch_area .area_ttl {
    font-size: 2rem;
    padding: 1rem;
  }
}
.branch_area .area_list {
  background-color: #fff;
  padding: 2rem;
}
.branch_area .all_area {
  font-family: "Noto Serif JP", serif;
  font-size: 2.3rem;
  padding: 0 2%;
  line-height: 3;
}
@media screen and (max-width: 767px) {
  .branch_area .all_area {
    font-size: 1.8rem;
  }
}
.branch_area .border {
  border-bottom: 1px dotted #333;
}
.branch_area dl {
  margin-top: 2rem;
}
.branch_area ul {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem;
}
.branch_area ul li {
  margin: 1rem 4%;
  -ms-flex-preferred-size: 17%;
      flex-basis: 17%;
  list-style: disc;
}
@media screen and (max-width: 767px) {
  .branch_area ul li {
    font-size: 1.6rem;
    margin: 1rem 0 0 2rem;
    -ms-flex-preferred-size: 40%;
        flex-basis: 40%;
  }
}

.access_area {
  background-color: #fff;
}
.access_area .map_link {
  display: inline-block;
  padding-left: 30px;
  margin-bottom: 20px;
  background: url(../img/icon_google-maps.png) no-repeat left center;
  color: #333;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .access_area .flexbox {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .access_area figure {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .access_area iframe {
    margin-bottom: 3rem;
    height: 350px;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.access_area .access_ttl {
  font-size: 2.6rem;
  color: #5a5a5a;
}
@media screen and (max-width: 767px) {
  .access_area .access_ttl {
    font-size: 2rem;
  }
}
.access_area .address_list {
  margin: 20px auto;
}
.access_area dl {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .access_area dl {
    display: block;
  }
}
.access_area dt {
  -ms-flex-preferred-size: 15%;
      flex-basis: 15%;
  width: 5rem;
  background-color: #ff8400;
  padding: 1.8rem 2rem;
  color: #fff;
  margin: 0.3rem;
}
@media screen and (max-width: 767px) {
  .access_area dt {
    width: 100%;
    padding: 0.5rem;
    margin: 0;
  }
}
.access_area dd {
  -ms-flex-preferred-size: 85%;
      flex-basis: 85%;
  background-color: #f4f2ea;
  color: #5a5a5a;
  padding: 1.8rem 2rem;
  margin: 0.3rem 0 0.3rem 1rem;
}
@media screen and (max-width: 767px) {
  .access_area dd {
    width: 100%;
    padding: 1rem;
    margin: 0 0 0.5rem 0;
  }
}

.movie_section {
  margin-top: 5rem;
}

.branch_movie {
  -js-display: flex;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: space-between;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding-top: 5rem;
}
.branch_movie .movie_list {
  width: 48%;
  margin-bottom: 5rem;
}
@media screen and (max-width: 767px) {
  .branch_movie .movie_list {
    width: 100%;
  }
}
.branch_movie .movie_list .movie_ttl {
  color: #5a5a5a;
  font-weight: bold;
}
.branch_movie .movie_list .moviewrap {
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
}
.branch_movie .movie_list .moviewrap:nth-child(even) {
  margin-left: 3rem;
}
@media screen and (max-width: 767px) {
  .branch_movie .movie_list .moviewrap:nth-child(even) {
    margin-left: 0;
  }
}
.branch_movie .movie_list .moviewrap .movie {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.branch_movie .movie_list .moviewrap .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
/*# sourceMappingURL=branch.css.map */