@charset "utf-8";

header .crumb {
 position: absolute;
 top: 154px;
 left: 60px;
 display: flex;
 align-items: center;
 font-size: 15px;
 color: #fff;
 font-weight: 600;
}

header .crumb img {
 margin-right: 10px;
 rotate: 180deg;
}

a.crumb {
 position: absolute;
 top: 154px;
 left: 60px;
 transition: 0.1s;
 font-family: var(--sanserif-ff-ja);
 display: flex;
 align-items: center;
 font-size: 15px;
 color: #fff;
 font-weight: 600;
}

a.crumb:hover {
 opacity: 0.6;
}

.crumb img {
 margin-right: 10px;
 rotate: 180deg;
}

footer {
 width: 100%;
 height: 300px;
 background: url(/common/images/fotter-umi.jpg) center center no-repeat;
 background-size: cover;
 display: flex;
 flex-direction: column;
}

footer.mv {
 background: none;
 position: relative;
 overflow: hidden;
}

footer.mv video {
 position: absolute;
 height: 100%;
 z-index: -1;
 top: 0;
 left: 50%;
 transform: translateX(-50%);
}

footer .footer-nav-wrap {
 width: 100%;
 height: 250px;
 margin-inline: auto;
 display: flex;

}

footer .footer-nav-wrap a {
 width: 50%;
 display: flex;
 justify-content: center;
 align-items: center;
 flex-direction: column;
 font-weight: 500;
 font-size: 30px;
 text-align: center;
 color: #fff;
 font-family: var(--sanserif-ff);
}

footer .footer-nav-wrap a span:first-child {
 font-size: 12px;
 display: block;
 margin-bottom: 1rem;
 letter-spacing: 0.72px;
 font-weight: 400;
 font-family: var(--sanserif-ff-ja);
}

footer .footer-nav-wrap a:first-child {
 border-right: 1px solid rgba(255, 255, 255, 0.3);
}

footer .footer-nav-wrap a:last-child span:last-child {
 display: flex;
 justify-content: center;
 align-items: center;
 font-weight: 500;
}

footer .footer-nav-wrap a:last-child span:nth-child(2)::after {
 content: "";
 width: 20px;
 height: 20px;
 background: url(../images/ico_link_blank.svg) 0 0 no-repeat;
 background-size: contain;
 margin-left: 0.1em;
}


footer .footer-copy-wrap {
 width: 100%;
 height: 50px;
 display: flex;
 justify-content: center;
 align-items: center;
 border-top: 1px solid rgba(255, 255, 255, 0.3);
}

footer p.copy {
 color: #FFF;
 text-align: center;
 font-family: Helvetica, Arial, sans-serif;
 font-size: 14px;
}

footer p.copy a {
 text-decoration: none;
}

@media (max-width:767px) {
 header .crumb {
  position: absolute;
  top: 105px;
  left: 35px;
 }

 a.crumb {
  display: block;
  position: absolute;
  top: 105px;
  left: 35px;
  display: flex;
  align-items: center;
  font-size: 15px;
  color: #fff;
  font-weight: 600;
 }

 footer {
  width: 100%;
  height: 210px;
  background: url(/common/images/fotter-umi.jpg) center center no-repeat;
  background-size: cover;
  display: flex;
  flex-direction: column;
 }

 footer .footer-nav-wrap {
  width: 100%;
  height: 170px;
  margin-inline: auto;
  display: flex;
 }

 footer .footer-copy-wrap {
  height: 40px;
 }

 footer .footer-nav-wrap a {
  color: #FFF;
  text-align: center;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: normal;
 }

 footer .footer-nav-wrap a span {
  color: #FFF;
  /* font-size: 9px; */
  letter-spacing: 0.54px;
 }

 footer p.copy {
  font-size: 10px;
 }
}

.news_content a.crumb,
.faq_content a.crumb {
 position: absolute;
 top: 154px;
 left: 60px;
 transition: 0.1s;
 color: var(--primary-font-clr);
 white-space: nowrap;
}

.news_content a.crumb img,
.faq_content a.crumb img {
 width: 20px;
 height: 20px;
}

.news_top header,
.news_content header,
.faq_content header {
 min-height: initial !important;
 max-height: initial !important;
}

.news_top header .head-wrap,
.news_content header .head-wrap,
.faq_content header .head-wrap {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100px;
 background-color: transparent;
 z-index: 5;
 display: flex;
 justify-content: space-between;
 align-items: center;
 padding-inline: 40px;
 border-bottom: 1px solid rgba(100, 100, 100, 0.3) !important;
}

.news_content .rental-nav-wrap ul.rental-nav li a,
.faq_content .rental-nav-wrap ul.rental-nav li a {
 width: 100%;
 height: 100%;
 display: block;
 color: var(--primary-font-clr) !important;
 display: flex;
 justify-content: center;
 align-items: center;
 transition: 0.3s;
 font-size: 17px;
 font-weight: 400;
}

.news_content .bt-reservation,
.faq_content .bt-reservation {
 display: flex;
 width: 120px;
 height: 40px;
 margin-inline: auto;
 background-color: rgba(100, 100, 100, 0.1);
 justify-content: center;
 align-items: center;
 border-radius: 5px;
 color: var(--primary-font-clr);
 text-align: center;
 font-size: 16px;
 font-weight: 600;
 letter-spacing: 0.8px;
 white-space: nowrap;
 transition: 0.3s;
}


.faq_content .bt-reservation:hover {
 background-color: #fff;
}

.news_content .bt-reservation {
 color: var(--primary-font-clr);
}

.news_content .bt-reservation:hover {
 color: var(--primary-font-clr);
 /* border: 1px solid var(--primary-font-clr); */
}

.sponly-menu {
 display: none !important;
}

.pconly-menu {
 display: flex !important;
}

@media (max-width:767px) {

 .news_content a.crumb,
 .faq_content a.crumb {
  position: absolute;
  top: 105px;
  left: 35px;
 }

 .faq_content .rental-nav-wrap.active ul.rental-nav li a,
 .news_content .rental-nav-wrap.active ul.rental-nav li a {
  color: #fff !important;
 }

 .pconly-menu {
  display: none !important;
 }

 .sponly-menu {
  display: flex !important;
 }
}

.footer-nav-wrap a:first-child {
 pointer-events: none;
}