@charset "UTF-8";
@media screen and (max-width: 736px) {
  .pc {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .sp {
    display: none;
  }
}

@media print, screen and (min-width: 736px) {
  .header-property-logo {
    width: 248px;
  }
}

@media screen and (max-width: 736px) {
  .header-property-logo {
    width: calc(201 / 390 * 100vw);
  }
}

.header-property-logo-link .header-property-logo-title img {
  height: auto;
  max-width: none;
}

@media screen and (max-width: 736px) {
  .header-property-logo-link .header-property-logo-title img {
    width: 100%;
  }
}

/* ==========================================================
 color setting
========================================================== */
/* グローバルナビカラー（PC）
---------------------------------------------------------- */
.nav-global-property {
  background-color: #ffffff;
}

@media print, screen and (min-width: 736px) {
  .nav-global-property-list {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

@media screen and (min-width: 736px) and (max-width: 1200px) {
  .nav-global-property-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

/* グローバルナビカラー（スマホ）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .nav-global-property-list {
    background-color: #ffffff;
  }
}

@media screen and (max-width: 1200px) {
  .header-property-menu {
    background-color: #222a5d;
  }
}

/* ハンバーガーメニューカラー（スマホ）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .header-property-btn-menu.is-open {
    background-color: #151d40;
  }
}

/* コンタクトエリア、H1タイトル
---------------------------------------------------------- */
.box-bukken-contact {
  background-color: #222222;
}

.ttl-property-main {
  background-color: #222222;
}

.box-bukken-contact-tel > span, .box-bukken-contact-tel > a {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
}

@media print, screen and (min-width: 736px) {
  .box-bukken-contact-tel > span, .box-bukken-contact-tel > a {
    font-size: 32px;
  }
}

@media screen and (max-width: 736px) {
  .box-bukken-contact-tel > span, .box-bukken-contact-tel > a {
    font-size: calc(32 / 390 * 100vw);
  }
}

/* 背景がグリーンの時用 */
.list-bukken-contact-link-green {
  border: 1px solid rgba(255, 255, 255, 0.3);
}

/* ページトップへ戻るボタン,フッター
---------------------------------------------------------- */
.btn-pagetop-property, .footer-property-link-wrap {
  background-color: #222a5d;
}

/* ==========================================================
 layout setting
========================================================== */
/* nav-global-property（グローバルナビ）
---------------------------------------------------------- */
.nav-global-property-item {
  width: 150px;
  /* 9n */
}

.nav-global-property-item:before, .nav-global-property-item:after {
  border-color: rgba(153, 153, 153, 0.5);
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item:nth-child(2n) {
    border-right: 0;
  }
  .nav-global-property-inner-first .nav-global-property-item:nth-child(-n+2) {
    border-top: 1px solid rgba(63, 58, 57, 0.1);
  }
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item {
    width: 50%;
  }
}

.nav-global-property-item:nth-child(9n) {
  width: 135px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item:nth-child(9n) {
    width: 50%;
  }
}

/* list-property-control（「お気に入り」～「資料請求者限定サイト」ボタン群）
---------------------------------------------------------- */
@media screen and (max-width: 1200px) {
  .list-property-control-item {
    width: 25%;
  }
}

/* 1200px以下でPCで見るとき */
.is-pc1200l .list-property-control-wrap .list-property-control-item {
  width: 33.333333%;
}

.is-pc1200l .list-property-control-wrap .list-property-control-item.contact {
  display: none;
}

/* ==========================================================
 global navi setting
========================================================== */
/* 配置位置の全体設定 */
.nav-global-property-link {
  color: #485b68;
  font-family: "Zen Old Mincho", serif;
  letter-spacing: 0;
}

@media print, screen and (min-width: 736px) {
  .nav-global-property-link {
    font-size: 13px;
  }
}

@media screen and (max-width: 736px) {
  .nav-global-property-link {
    background-image: url("/general/img/ico_arrow_right_blue_01_sp.png");
  }
}

.nav-global-property-item.is-new .nav-global-property-link:before {
  right: 10px;
  top: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-item.is-new .nav-global-property-link:before {
    position: relative;
    right: auto;
    top: auto;
  }
  .nav-global-property-item {
    border-color: rgba(63, 58, 57, 0.1);
  }
}

.nav-global-property-item.is-off {
  pointer-events: none;
}

.nav-global-property-item.is-off .nav-global-property-link {
  color: rgba(72, 91, 104, 0.5);
}

.nav-global-property-link:hover:after, .nav-global-property-link.is-current:after {
  border-bottom-color: #333333;
}

/* 配置位置の個別設定 */
/* 1段目 */
.nav-global-property-inner-first .nav-global-property-item.is-new:nth-child(9) .nav-global-property-link:before {
  right: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-inner-first .nav-global-property-item.is-new:nth-child(9) .nav-global-property-link:before {
    right: auto;
  }
}

/* 2段目 */
.nav-global-property-inner-second .nav-global-property-item.is-new:nth-child(1) .nav-global-property-link:before {
  right: 5px;
}

@media screen and (max-width: 1200px) {
  .nav-global-property-inner-second .nav-global-property-item.is-new:nth-child(1) .nav-global-property-link:before {
    right: auto;
  }
}

.list-bukken-contact {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

/* ==========================================================
 フッタナビ
========================================================== */
.box-bukken-footerNav {
  background-color: #222a5d;
  padding: 0;
}

.box-bukken-footerNav + .box-bukken {
  background-color: #222222;
}

.box-bukken-footerNav .nav-global-property {
  background-color: #222a5d;
}

.box-bukken-footerNav .nav-global-property-link:hover:after, .box-bukken-footerNav .nav-global-property-link.is-current:after {
  border-bottom-color: #333333;
}

@media screen and (max-width: 1200px) {
  .box-bukken-footerNav .nav-global-property-footer {
    display: block;
    position: relative;
    z-index: initial;
  }
  .box-bukken-footerNav .nav-global-property-item {
    border-color: rgba(255, 255, 255, 0.13);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .box-bukken-footerNav .nav-global-property-link {
    background: initial;
    font-family: YakuHanMP, "Zen Old Mincho", serif;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 20px 0;
    text-align: center;
  }
  .box-bukken-footerNav .nav-global-property-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    width: 100% !important;
  }
}

.box-bukken-footerNav .nav-global-property-footer {
  background-color: #222222;
}

.box-bukken-footerNav .nav-global-property-item {
  padding: 0 20px;
}

.box-bukken-footerNav .nav-global-property-item:before {
  content: initial;
}

.box-bukken-footerNav .nav-global-property-item:after {
  border-color: #ffffff;
}

.box-bukken-footerNav .nav-global-property-item:last-child:after {
  content: initial;
}

@media print, screen and (min-width: 736px) {
  .box-bukken-footerNav .nav-global-property-item.is-sp {
    display: none;
  }
}

.box-bukken-footerNav .nav-global-property-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 auto;
}

@media only screen and (max-width: 1200px) {
  .box-bukken-footerNav .nav-global-property-list {
    width: 1200px;
  }
}

.box-bukken-footerNav .nav-global-property-link {
  color: #ffffff;
  white-space: nowrap;
}

@media print, screen and (min-width: 736px) {
  .box-bukken-footerNav .nav-global-property-link {
    font-size: 13px;
  }
}

@media screen and (max-width: 736px) {
  .box-bukken-footerNav .nav-global-property-link {
    font-size: 14px;
  }
}

.box-bukken-footerNav .nav-global-property-item.nav-global-brand {
  background: none !important;
}

/* ==========================================================
 その他
========================================================== */
.box-bukken-contact-tel {
  pointer-events: none;
}

@media only screen and (max-width: 736px) {
  .box-bukken-contact-tel {
    pointer-events: auto;
  }
}

/* ==========================================================
 hidden
 10月リリース時点で非表示にする
 ・お気に入りボタン
========================================================== */
.list-property-control-item-favorite, .list-bukken-contact-item.favorite {
  display: none;
}

@media screen and (max-width: 1200px) {
  .header-property-btn-favorite.only-sp {
    display: none !important;
  }
}

/* ==========================================================
 プラウドとはグローバルナビボタン設定
　.nav-global-propertyと比較して対比関係にある色を指定してください。
　※背景が白系の場合はプラウドブルー（#000066）とすることを必須とする。
　※背景が黒系の場合はシャンパンゴールド（#9F8758）などとする。
　※NEWなどのアイコンはつけてはいけない。
========================================================== */
.nav-global-property-item.nav-global-brand {
  background: #000066 !important;
}

.nav-global-property-item.nav-global-brand.is-off {
  opacity: .3;
}

.nav-global-property-item.nav-global-brand > a {
  color: #ffffff !important;
}

.nav-global-property-item.nav-global-brand .nav-global-property-link:hover:after, .nav-global-property-item.nav-global-brand .nav-global-property-link.is-current:after {
  border-bottom-color: #ffffff !important;
}

/* ========================================================== */
/* stylelint-disable */
:root {
  --scrollbar: 0px;
}