@charset "utf-8";
/*------------ヘッダー------------*/
/*ナビゲーション*/
/*スマートフォン用ナビゲーション*/
/*メニュー全体*/
.sp-menu {
  width: 420px; /*画面全体表示*/
  height: 100%; /*画面全体表示*/
  background-color: #1a2937;
  transition: 0.3s ease-in-out; /*滑らかに表示*/
  padding: 20px;
  /* 縦並び */
  flex-direction: column;
  align-items: flex-start;

  /* 位置調整 */
  position: fixed;
  top: 0;
  right: 0;
  /* 画面右側に隠す */
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
  z-index: 2;
}
/*ハンバーガーアイコン*/
.hamburger-menu {
  /* SP時表示 */
  display: block;
}

/* 背景の黒い幕 */
.sp-menu-back {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  transition: 0.3s ease-in-out;

  z-index: 0;
  position: fixed;
  top: 0;
  -webkit-transform: translateX(100%);
  transform: translateX(100%);
}

/* ボタンが押された時の動作 */
/* ハンバーガーメニュー */
#hamburger-menu-btn.is_open span {
  transform: rotate(45deg);
  margin-top: 4px;
}
#hamburger-menu-btn.is_open span:before {
  display: none;
}
#hamburger-menu-btn.is_open span:after {
  transform: rotate(-90deg);
  top: 0;
  bottom: 0;
}

/* ナビゲーション本体 */
#sp-menu-wrapper.is_open {
  /* 左へスライド */
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* 背景の黒い幕 */
#sp-menu-back.is_open {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}

/* ナビゲーション */
.sp-menu .header_menu {
  margin-top: 45px;
  margin-right: 0;
  margin-left: 0;
  width: 100%;
}
.sp-menu .header_nav {
  /* 縦並び */
  flex-direction: column;
  align-items: flex-start;
}
.sp-menu .header_nav * {
  margin-right: 0;
  margin-bottom: 20px;
}
.sp-menu .header_nav > *:last-child {
  margin-bottom: 0;
}

/* 下部のバー */
.sp-menu .header_nav a:after {
  transform: scale(0, 1) translateY(5px);
}

.sp-menu .header_nav a:hover:after,
.sp-menu .header_nav a:focus:after {
  transform: scale(1, 1) translateY(5px);
}

/* ヘッダーお問い合わせ欄 */
.sp-menu .header_link {
  width: 100%;
  margin-top: 20px;
  margin-right: 0;
  margin-left: 0;
}

/* 各ボタン調整 */
.header_link_cta {
  justify-content: flex-start;
}
.header_link_tel {
  margin-right: 20px;
}

.home .header_link_other .tateuri,
.home .header_link_other .tochi {
  background-color: transparent;
  border-color: rgba(255, 255, 255, 0.4);
}

/* 固定ページ */
.othersystem_wrapper {
  display: block;
}
.othersystem_head {
  width: 200px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}

/* お問い合わせ */
.cta .holizontal-btn-list_item .btn {
  width: 280px;
}

/* シンクスページ */
#features-shinq .holizontal-list li h3::before,
#features-shinq .holizontal-list li h3::after {
  width: 30px;
}
#features-shinq .holizontal-list li h3::before {
  margin-right: 10px;
}
#features-shinq .holizontal-list li h3::after {
  margin-left: 10px;
}
@media screen and (max-width: 799px) {
  .kouji ul {
    grid-template-columns: repeat(3, 1fr);
  }
  #features-shinq .holizontal-list {
    flex-direction: column;
  }
  #features-shinq .holizontal-list li {
    padding: 15px;
  }
}

/* 1カラムページ */
.page-template-tenplate-no-keyvisual .content_main {
  margin-top: 95px;
}

/* 商談中、成約済みアイコン */
.realestate_cat-syoudan .card_img:after,
.realestate_cat-seiyaku .card_img:after {
  width: 115px;
  height: 115px;
}

/* タブ切替部分 */
.tab-panels .realestate_cat-syoudan .card_img:after,
.tab-panels .realestate_cat-seiyaku .card_img:after {
  width: 100px;
  height: 100px;
}

/* 404ページ */
.error404 .content_main {
  margin-top: 95px;
}