/* Scss Document */

body {
  background: #fafafa;
}


.header .tel-item .icon-mobile {
  fill: #00ab4e;
}

@media only screen and (max-width: 640px) {
  .header .tel-item .icon-mobile {
    fill: #fff;
  }
}

.header {
  background: #fff;
  color: #00ab4e;
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}

@media only screen and (max-width: 640px) {
  .header {
    padding-top: 2vw;
  }

  .header .summary {
    display: none;
  }
}

.header-title {
  display: block;

}

@media only screen and (max-width: 640px) {
  .header-title {
    margin-bottom: .5em;
  }

  .header-title h1 {
    font-size: 2rem;
  }
}

.header-title .en {
  margin-top: .5em;
  margin-left: 0;
}

.header a {
  color: #00ab4e;
}

.tel-item a {
  color: #00ab4e;
}

.header .btn-top {
  border: solid 1px #00ab4e;
}

.header .btn-top:before {
  border-top: 1px solid #00ab4e;
  border-right: 1px solid #00ab4e;
}

.main .inner {
  background: rgb(255, 255, 255);
}

.content-head {
  background: url(../img/bg.jpg) no-repeat center center;
  background-size: cover;
  color: #4b5669;
}

.content-head .jp {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
}

.content-head .en {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
}

.property-nav {
  background: #00ab4e;
  box-shadow: none;
}

.property-nav ul li::before {
  border-left: solid 1px rgba(0, 0, 0, 0.1);
}

.property-nav ul li {
  opacity: 1;
}

.property-nav ul li a {
  color: rgb(255, 255, 255);
}

@media only screen and (max-width: 640px) {
  .property-nav ul li a {
    color: #00ab4e;
    background: #fff;
  }
}

.property-nav ul li.request {
  opacity: 1;
}

.property-nav ul li.request a {
  color: rgb(255, 255, 255);
  background: #EF8200;
}

@media only screen and (max-width: 640px) {
  .property-nav .sp-tel .icon-mobile {
    fill: #fff;
  }

  .property-nav .sp-tel a {
    color: #fff;
  }
}

.property-content h3 {
  background: #00ab4e;
  color: #fff;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
}

@media only screen and (max-width: 640px) {
  .property-content h3 {
    border-bottom: solid 1px rgba(0, 0, 0, 0.5);
  }
}

@media only screen and (max-width: 640px) {
  .property-content .section {
    background: rgb(255, 255, 255);
  }
}

.top-lead {
  background: url(../img/bg.jpg) no-repeat center center;
  background-size: cover;
}

.top-lead-inner {
  background: rgba(255, 255, 255, 0.8);
}

.top-lead .en {
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
}

.plan-item {
  border-bottom: solid 1px rgba(0, 0, 0, 0.1);
}

.plan-data .ttl {
  color: rgb(255, 255, 255);
  background: #00ab4e;
}

.plan-data .ttl h4 {
  border-bottom: solid 1px rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 640px) {
  .plan-data .ttl h4 {
    border-bottom: none;
    border-right: solid 1px rgba(255, 255, 255, 0.9);
  }
}

.footer {
  background: #00ab4e;
  color: rgb(255, 255, 255);
}

.footer a {
  color: rgb(255, 255, 255);
}

.footer-nav li {
  border-left: solid 1px rgba(255, 255, 255, 0.5);
}

.footer .btn-contact a {
  color: rgb(255, 255, 255);
  background: #EF8200;
}