@charset "utf-8";



body {
 display: flex;
 flex-direction: column;
 justify-content: flex-start;
 align-items: center;
 min-height: 100%;
}

footer {
 margin-top: auto;
}


header {
 display: block;
 width: 100%;
 height: 100px;
 margin-inline: auto;
 position: relative;
}


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

header .head-wrap a {
 width: 140px;
 height: 53px;
}

header .cover-wrap {
 position: absolute;
 inset: 0;
}

header .cover-wrap img.mainImg {
 object-fit: cover;
 width: 100%;
 height: 100%;
}

header .cover-wrap h1 {
 z-index: 10;
 width: 100%;
 position: absolute;
 top: 52%;
 left: 50%;
 transform: translate(-50%, -50%);
 font-weight: 400;
 font-size: 48px;
 line-height: 1.3;
 text-align: center;
 color: #fff;
 font-family: var(--sanserif-ff-ja);
}


header .cover-wrap h1 span {
 font-size: 18px;
 display: block;
 margin-bottom: 1em;
 font-weight: 600;
 letter-spacing: 0.06em;
}

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: var(--primary-font-clr);
 font-weight: 600;
}

a.crumb :hover {
 opacity: 0.6;
}

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

.contentsWrapper {
 width: min(720px, 100% - 50px);
 margin-inline: auto;
 margin-top: 147px;
 margin-bottom: 200px;
 position: relative;
}

h2 {
 color: var(--black, #646464);
 font-size: 28px;
 font-style: normal;
 font-weight: 600;
 line-height: normal;
 letter-spacing: 2.8px;
 margin-bottom: 35px;
 display: flex;
 align-items: center;
}

.lead-wrap p {
 line-height: 2.2;
}



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 .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 {
 font-size: 12px;
 display: block;
 margin-bottom: 1em;
 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-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;
}

@media (max-width:767px) {
 header {
  width: 100%;
  height: 70px;
  position: relative;
 }

 header .head-wrap {
  height: 70px;
  padding-inline: 25px;
 }

 header .head-wrap a {
  width: 92px;
  height: 35px;
 }

 a.crumb {
  position: absolute;
  top: 105px;
  left: 25px;
  font-size: 15px;
 }


 .contentsWrapper {
  margin-top: 110px;
  margin-bottom: 100px;
  position: relative;
 }

 .contentsWrapper h2 {
  font-weight: 600;
  font-size: 20px;
  margin-bottom: 1.5em;
  letter-spacing: 0.03em;
 }

 .lead-wrap p {
  font-size: 14px;
  margin-bottom: 3em;
  line-height: 2;
  letter-spacing: 0.03em;
 }

 .lead-wrap p br {
  display: none;
 }

 .contact_thanks .lead-wrap p br {
  display: block;
 }

 footer {
  width: 100%;
  height: 210px;
  background: url(../../realestate/images/umi.png) 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;
 }
}