/*! Writen  by SCSS */
.breadlist {
  display: none; }

div.wrap {
  padding-top: 0 !important; }

.container {
  padding: 0; }

@media screen and (max-width: 767px) {
  .inner_main .t_cap_bg {
    bottom: calc(20% / 12); } }

.map {
  padding-top: 0;
  padding-bottom: clamp(40px, calc(100vw / 12), 100px); }
  .map .head_wrap {
    display: grid;
    place-items: center;
    padding: clamp(80px, calc(190vw / 12), 190px) 0 clamp(50px, calc(100vw / 12), 100px);
    background: url("../map/img/bg.jpg") left center/cover no-repeat;
    font-size: clamp(20px, calc(45vw / 12), 45px);
    font-size: clamp(20px, calc(40vw / 12), 40px);
    font-weight: 400;
    line-height: 1;
    margin-bottom: clamp(60px, calc(100vw / 12), 100px);
    color: rgba(89, 87, 87, 0.8); }
    @media screen and (max-width: 480px) {
      .map .head_wrap {
        font-size: 28px;
        padding: 95px 0 30px;
        margin-bottom: 30px; } }
    .map .head_wrap .head {
      margin-bottom: 0.5em;
      letter-spacing: 0.1em; }
    .map .head_wrap .text {
      font-size: 50%; }

.contents_wrap a.google_link,
.contents_wrap a.gallery_link {
  width: 500px;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto 20px auto;
  background-image: url("../map/img/arw.png");
  background-position: 95% center;
  background-size: 20px auto;
  background-repeat: no-repeat;
  background-color: rgba(255, 255, 255, 0.9); }

.contents_wrap a {
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  transition: .5s ease-in-out; }

.map a.google_link {
  background-color: rgba(167, 167, 191, 0.3); }
  @media screen and (max-width: 767px) {
    .map a.google_link {
      width: calc(90% - 33.8px);
      height: 60px;
      margin: 0 auto 10px auto;
      background-size: 15px;
      background-position: 98% center; } }

.map h2 {
  padding: 0 0 50px 0;
  font-size: 32px;
  text-align: center; }

.map > figure {
  width: 100%;
  height: auto;
  margin: 0 0 60px 0;
  padding: 0;
  line-height: 0; }
  @media screen and (max-width: 480px) {
    .map > figure {
      margin-bottom: 20px; } }

.map > figure figcaption {
  font-size: 12px;
  letter-spacing: 0.08em;
  line-height: 2.5em;
  display: block;
  text-align: right; }

.map a.google_link {
  background-color: rgba(167, 167, 191, 0.3); }

a.google_link span,
a.gallery_link span {
  display: block;
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.08em;
  text-align: center;
  position: relative; }

a.google_link:hover,
a.gallery_link:hover {
  opacity: 0.7; }

@media screen and (max-width: 767px) {
  a.google_link span,
  a.gallery_link span {
    font-size: 14px;
    letter-spacing: 0.05em;
    line-height: 1.3em; } }
.cbtn_wrap .cbtn_sub li.map {
  padding-bottom: 0; }

/*# sourceMappingURL=map.css.map */