.site-breadcrumb {
  margin-top: 5.5rem;
  padding-block: 10px;
  color: #fff;
  background: #2A4037;
  font-size: clamp(12px, 1vw, 16px);
  line-height: 1.8;
}
@media (min-width: 769px) {
  .site-breadcrumb {
    margin-top: 10rem;
  }
}
.site-breadcrumb ol {
  display: flex;
  flex-wrap: wrap;
  align-items: baseline;
  gap: 5px 10px;
}
.site-breadcrumb li {
  display: inline-flex;
  gap: 10px;
  min-width: 0;
  overflow-wrap: anywhere;
}
.site-breadcrumb a {
  text-decoration: underline;
  text-underline-offset: 0.2em;
}
.site-breadcrumb a:focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
}
.site-breadcrumb__separator {
  flex-shrink: 0;
  transform: translateY(-0.1em);
}

.site-breadcrumb ~ main > .txtmv {
  margin-top: 3.8rem;
}
@media (min-width: 769px) {
  .site-breadcrumb ~ main > .txtmv {
    margin-top: 7.2rem;
  }
}

body.single-works .site-breadcrumb ~ main > #post > .max-w > .head {
  margin-top: 2.2rem;
}
@media (min-width: 769px) {
  body.single-works .site-breadcrumb ~ main > #post > .max-w > .head {
    margin-top: 12.4rem;
  }
}

@media (max-width: 768px) {
  body.single-blog .site-breadcrumb ~ main > #post > .max-w > .post-wrap > .main-cnt > .head {
    margin-top: 2.2rem;
  }
}

@media (min-width: 769px) {
  body.single-blog .site-breadcrumb ~ main > #post > .max-w > .post-wrap:not(.event) > .main-cnt > .head {
    margin-top: 12.4rem;
  }
}

@media (min-width: 769px) {
  body.single-blog .site-breadcrumb ~ main > #post > .max-w > .post-wrap.event {
    margin-top: 12.4rem;
  }
}

body#privacypolicy .site-breadcrumb ~ main.privacy-policy {
  padding-top: 9.3rem;
}
@media (min-width: 769px) {
  body#privacypolicy .site-breadcrumb ~ main.privacy-policy {
    padding-top: 17.9rem;
  }
}

body#reservation .site-breadcrumb ~ main > #form .flow,
body#reservation-completed .site-breadcrumb ~ main > #form .flow {
  padding-top: 2.5rem;
}
@media (min-width: 769px) {
  body#reservation .site-breadcrumb ~ main > #form .flow,
  body#reservation-completed .site-breadcrumb ~ main > #form .flow {
    padding-top: 5rem;
  }
}

.site-breadcrumb ~ main > .error404-cnt {
  margin-top: 4.5rem;
}
@media (min-width: 769px) {
  .site-breadcrumb ~ main > .error404-cnt {
    margin-top: 0;
  }
}