/* Scss Document */
:root {
  --maincolor: #2DAC60;
  --subcolor: #231815;
}

.tel-item .icon-mobile {
  fill: var(--subcolor);
}

.header {
  background: rgb(255, 255, 255);
  color: var(--subcolor);
  font-family: "Noto Sans JP", sans-serif;
  font-style: normal;
}

.header-title h1 {
  color: rgb(0, 0, 0);
}

.header a {
  color: var(--subcolor);
}

.header .btn-top {
  border: solid 1px var(--subcolor);
}

.header .btn-top:before {
  border-top: 1px solid var(--subcolor);
  border-right: 1px solid var(--subcolor);
}

.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: var(--maincolor);
}

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

.property-nav ul li a {
  color: #fff;
}

@media only screen and (max-width: 640px) {
  .property-nav {
    /* background: rgb(255, 255, 255, .9); */
  }
}

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

@media only screen and (max-width: 640px) {
  .property-nav ul li a {
    color: #000;
    background: rgb(255, 255, 255);
  }
}

.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: rgb(255, 255, 255);
  }

  .property-nav .sp-tel a {
    color: rgb(255, 255, 255);
  }
}

.property-content h3 {
  background: var(--maincolor);
  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: var(--maincolor);
}

.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: var(--maincolor);
  color: #fff;
}

.footer a {
  color: #fff;
}

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

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


.footer .tel-item .icon-mobile {
  fill: #fff;
}