@charset "UTF-8";

#mv::after {
    background: transparent !important;
}
@media screen and (max-width: 650px) {
  body.index.fixedmv #mv_outer,
  body.index.fixedmv #mv {
    height: 55vw !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.index.fixedmv main {
    transform: translateY(50vw) !important;
  }

  body.index.fixedmv footer {
    margin-top: 50vw !important;
  }
}
/* パソコンのメイン画像の高さを調整 */
@media screen and (min-width: 651px) {
  body.index.fixedmv #mv_outer,
  body.index.fixedmv #mv {
    height: 35vw !important;
    min-height: 0 !important;
    max-height: none !important;
  }

  body.index.fixedmv main {
    transform: translateY(35vw) !important;
  }

  body.index.fixedmv footer {
    margin-top: 35vw !important;
  }
}
/* パソコンのヘッダーを読みやすくする */
@media screen and (min-width: 901px) {
  body.index header#pattern2 {
    background: #fff !important;
    color: #523f2c !important;
  }

  body.index header#pattern2 h1,
  body.index header#pattern2 nav a,
  body.index header#pattern2 nav a span,
  body.index header#pattern2 .tel,
  body.index header#pattern2 .tel a {
    color: #523f2c !important;
    opacity: 1;
  }

  body.index header#pattern2 .header_contents svg {
    fill: #523f2c !important;
  }

  body.index header#pattern2 .header_col1 .btn > a {
    background: #a64f69 !important;
    border-color: #a64f69 !important;
    color: #fff !important;
  }
}
/* 電話番号の文字色を修正 */
@media screen and (min-width: 901px) {
  body.index header#pattern2 .tel,
  body.index header#pattern2 .tel a,
  body.index header#pattern2 .tel span,
  body.index header#pattern2 .tel a span {
    color: #523f2c !important;
  }
}
/* 「播磨坂不動産について」の見出しサイズ */
section[id~="nbp19993073"] .heading h3.h {
  font-size: 32px !important;
  line-height: 1.5 !important;
}

/* スマートフォン */
@media screen and (max-width: 650px) {
  section[id~="nbp19993073"] .heading h3.h {
    font-size: 24px !important;
  }
}