@charset "UTF-8";
/*
DNP ShueiMGoStd L
font-family: "dnp-shuei-mgothic-std", sans-serif;
font-weight: 400;
font-style: normal;

DNP ShueiMGoStd B
font-family: "dnp-shuei-mgothic-std", sans-serif;
font-weight: 600;
font-style: normal;
*/
/*------------------------------
全体
------------------------------*/
/* ローディング中のスタイル */
.wf-loading {
  opacity: 0;
}
/* フォント読み込み完了後のスタイル */
.wf-active {
  opacity: 1;
  transition: opacity 0.3s ease;
}
/* フォント読み込み失敗時のスタイル */
.wf-inactive {
  opacity: 1;
}
body {
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal;
}
#top_b_widget_fudo_top_r-4 h2, #main #top_news h2:not(.no_deco), .headline {
  color: #21408d;
  font-size: 32px;
  letter-spacing: .08em;
  margin-bottom: 20px;
  background-image: linear-gradient(to right, #21408d, #21408d 6px, transparent 4px);
  background-size: 14px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
.more a {
  display: block;
  text-align: center;
  text-decoration: none;
  background-color: #f7e224;
  width: 230px;
  margin: 0 auto;
  font-size: 16px;
  letter-spacing: .1em;
  font-weight: 600;
  padding: 22px 0;
  line-height: 1;
  border-radius: 30px;
  position: relative;
}
.more a:before {
  content: '';
  display: inline-block;
  width: 7px;
  height: 11px;
  background-image: url("../img/top/yajirushi.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  right: 30px;
  top: 50%;
  margin-top: -5.5px;
  background-repeat: no-repeat;
}
.more a:hover {
  background-color: #faec30;
}
#content {
  margin-bottom: 67px;
}
/*pc（768px以上）*/
@media screen and (min-width: 768px) {
  body:not(.site_type__fudo) header #header_top, body.header_menu_none header #header_top {
    padding: 4px 0 20px 0;
  }
  #header_con #site_name {
    width: 20%;
  }
  #header_con > .inner {
    justify-content: space-between;
    display: flex;
    align-items: center;
    margin-bottom: 46px;
  }
  #header_info {
    width: 100%;
    float: right;
  }
  #header_info .tel {
    font-size: 34px;
    color: #21408d;
    font-weight: 600;
    padding-left: 43px;
  }
  #header_info .tel:before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url("../img/cmn/icon_tel.png");
    background-size: contain;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 10px;
    background-repeat: no-repeat;
  }
  #header_info #opening_hours_closed p {
    font-size: 13px;
    margin-top: 13px;
    margin-bottom: 15px;
  }
  #gNavi_hamburgerMenu {
    margin-bottom: 0;
  }
  #pagetop a {
    background-color: #21408d;
  }
  #pagetop a:hover {
    background-color: #21408d;
    opacity: 0.9;
  }
}
/*1024px以下*/
@media screen and (max-width: 1024px) {
  #header_con #site_name {
    width: 100%;
    margin: 0;
  }
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  .more a {
    width: 180px;
    font-size: 14px;
  }
  #top_b_widget_fudo_top_r-4 h2, #main #top_news h2:not(.no_deco), .headline {
    font-size: 24px;
  }
}
/*タブレット（768px〜1280px）*/
@media screen and (min-width:768px) and (max-width:1280px) {}
/*------------------------------
gnav
------------------------------*/
#gnav {
  clear: both;
}
#gnav ul {
  display: flex;
}
#gnav li a {
  text-decoration: none;
  padding: 0 20px;
  font-size: 16px;
  position: relative;
}
#gnav li a.current, #gnav li a:hover {
  font-weight: 600;
  color: #21408d;
}
#gnav li a.current:before, #gnav li a:hover:before {
  content: '';
  display: inline-block;
  width: 40px;
  height: 3px;
  background-color: #21408d;
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 50%;
  margin-left: -20px;
  bottom: -12px;
  background-repeat: no-repeat;
}
/*1200px以下*/
@media screen and (max-width: 1200px) {
  #gnav li a {
    font-size: 14px;
    padding: 0 15px;
  }
}
/*1024px以下*/
@media screen and (max-width: 1024px) {
  #gnav {
    display: none;
  }
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {}
/*------------------------------
mv
------------------------------*/
/*pc（768px以上）*/
@media screen and (min-width: 768px) {
  #top_mv.normal {
    max-width: 1400px;
    padding: 0 20px;
  }
  #top_mv {
    margin-bottom: 65px;
  }
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  #top_mv, #top_mv.normal {
    padding: 0 20px;
    margin-bottom: 50px;
  }
}
/*------------------------------
top_services
------------------------------*/
#top_services {
  margin-bottom: 110px;
}
#top_services h2 + p {
  font-size: 16px;
  letter-spacing: .08em;
  margin-bottom: 40px;
}
#top_services ul {
  display: flex;
  gap: 30px;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 55px;
}
#top_services li {
  width: 48%;
  border-radius: 10px;
  height: 230px;
  position: relative;
  background-position: left top;
  background-repeat: no-repeat;
  background-size: cover;
}
#top_services li p {
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #fff;
  font-size: 18px;
  border-radius: 0 10px 0 0;
  font-family: "dnp-shuei-mgothic-std", sans-serif;
  font-weight: 600;
  font-style: normal;
  letter-spacing: .08em;
  padding: 14px 20px;
}
#top_services li p span {
  display: block;
  font-size: 13px;
}
#top_services li:nth-child(1) {
  background-image: url("../img/top/img01.jpg");
}
#top_services li:nth-child(2) {
  background-image: url("../img/top/img02.jpg");
}
#top_services li:nth-child(3) {
  background-image: url("../img/top/img03.jpg");
}
#top_services li:nth-child(4) {
  background-image: url("../img/top/img04.jpg");
}
#top_services li:nth-child(5) {
  background-image: url("../img/top/img05.jpg");
}
#top_services li:nth-child(6) {
  background-image: url("../img/top/img06.jpg");
}
#top_services li:nth-child(7) {
  background-image: url("../img/top/img07.jpg");
}
/*1200px以下*/
@media screen and (max-width: 1200px) {
  #top_services li {
    width: 47%;
  }
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  #top_services {
    padding: 0 20px;
  }
  #top_services h2 + p {
    font-size: 14px;
  }
  #top_services li p {
    font-size: 16px;
  }
  #top_services ul {
    display: block;
  }
  #top_services li {
    width: 100%;
    height: 200px;
  }
  #top_services li:not(:last-child) {
    margin-bottom: 20px;
  }
}
/*------------------------------
トップ：物件情報
------------------------------*/
#top_b_widget_fudo_top_r-4 .more {
  margin-top: 50px;
}
#main div.widget_con {
  margin-bottom: 100px;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  #boxfudo_top_r-4 {
    padding: 0 20px;
  }
}
/*------------------------------
top_greeting
------------------------------*/
#top_greeting {
  padding: 50px;
  background-color: #f4f5f9;
  border-radius: 10px;
  position: relative;
  margin-bottom: 150px;
}
#top_greeting h2 {
  font-size: 32px;
  color: #21408d;
  letter-spacing: .08em;
  margin-bottom: 20px;
}
#top_greeting .more {
  position: absolute;
  left: 50%;
  margin-left: -115px;
  bottom: -30px;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  #top_greeting .more {
    margin-left: -90px;
  }
  #top_greeting {
    margin: 0 20px 150px 20px;
  }
  #top_greeting h2 {
    font-size: 24px;
  }
  #top_greeting {
    padding: 30px 20px;
  }
  #top_greeting .txt {
    line-height: 2;
  }
}
/*------------------------------
top_news
------------------------------*/
#top_news #news_post_wrapper {
  border: none;
  padding: 0;
}
#news_post_wrapper li p.slug span {
  border: 1px solid #21408d;
  background-color: #21408d;
  color: #fff;
}
#top_news #top_news_list {
  text-align: right;
}
#top_news #top_news_list a {
  font-weight: 600;
  letter-spacing: .1em;
  font-size: 13px;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {}
/*------------------------------
掲載物件数
------------------------------*/
.widget_fudo_bukkensu h2 {
  text-align: center;
  font-size: 22px;
  background-color: #21408d;
  color: #fff;
  border: none;
  padding: 15px 0;
  border-radius: 10px 10px 0 0;
}
.widget_fudo_bukkensu .item_count dt {
  font-size: 16px;
  letter-spacing: .06em;
}
.widget_fudo_bukkensu .item_count dd span {
  color: #333;
}
.widget_fudo_bukkensu .inner {
  padding: 27px 20px;
  background-color: #f4f5f9;
  border-radius: 0 0 10px 10px;
}
.widget_fudo_bukkensu {
  border: none;
  margin-bottom: 30px;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  .widget_fudo_bukkensu h2 {
    font-size: 18px;
    padding: 10px 0;
  }
}
/*------------------------------
賃貸物件を探す
------------------------------*/
#sidebar .side_menu_02 nav {
  border: none;
}
#sidebar .side_menu_02 li#search_rent a {
  background-color: #f4f5f9;
  border-radius: 10px;
  letter-spacing: .06em;
  padding: 48px 20px 48px 120px;
  position: relative;
}
#sidebar .side_menu_02 li#search_rent a em {
  color: #21408d;
  font-size: 20px;
}
#sidebar .side_menu_02 li#search_rent a:before {
  content: '';
  display: inline-block;
  width: 79px;
  height: 79px;
  background-image: url("../img/cmn/side_search.png");
  background-size: contain;
  vertical-align: middle;
  position: absolute;
  left: 26px;
  top: 50%;
  margin-top: -39.5px;
  background-repeat: no-repeat;
}
#sidebar .side_menu_02 {
  margin-bottom: 30px;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {}
/*------------------------------
物件キーワード検索
------------------------------*/
.widget_fudo_search h2 {
  text-align: center;
  font-size: 22px;
  background-color: #21408d;
  color: #fff;
  border: none;
  padding: 15px 0;
  border-radius: 10px 10px 0 0;
}
.widget_fudo_search {
  padding: 0;
}
#side_search {
  padding: 19px 20px;
  background-color: #f4f5f9;
  border-radius: 0 0 10px 10px;
}
.widget_fudo_search {
  border: none;
  margin-bottom: 30px;
}
.search_box input[type="search"] {
  background-color: #fff;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  .widget_fudo_search h2 {
    font-size: 18px;
    padding: 10px 0;
  }
}
/*------------------------------
サイドメニュー
------------------------------*/
#sidebar .side_menu_01 nav ul {
  background-image: linear-gradient(to right, #999, #999 6px, transparent 5px);
  background-size: 14px 1px;
  background-position: left top;
  background-repeat: repeat-x;
}
#sidebar .side_menu_01 nav li a {
  font-size: 16px;
  letter-spacing: .06em;
  padding-top: 17px;
  padding-bottom: 17px;
}
#sidebar .side_menu_01 nav li:first-child {
  border-top: none;
}
#sidebar .side_menu_01 nav li {
  border-bottom: none;
  background-image: linear-gradient(to right, #999, #999 6px, transparent 5px);
  background-size: 14px 1px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
#sidebar .side_menu_01 {
  margin-bottom: 30px;
}
#sidebar .side_menu_01 nav li:before {
  display: none;
}
#sidebar .side_menu_01 nav li a:hover, #sidebar .side_menu_01 nav li a.current {
  background-color: inherit;
  color: #21408d;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {}
/*------------------------------
最新ブログ記事
------------------------------*/
#sidebar .side_menu_03 h3 {
  text-align: center;
  font-size: 22px;
  background-color: #21408d;
  color: #fff;
  border: none;
  padding: 15px 0;
  border-radius: 10px 10px 0 0;
}
#sidebar .side_menu_03 nav {
  padding: 0 20px;
  background-color: #f4f5f9;
  border-radius: 0 0 10px 10px;
}
#sidebar .side_menu_03 li a {
  font-size: 16px;
  background-color: inherit;
}
#sidebar .side_menu_03 li a:hover {
  background-color: inherit;
  color: #21408d;
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  #sidebar .side_menu_03 h3 {
    font-size: 18px;
    padding: 10px 0;
  }
}
/*------------------------------
フッター
------------------------------*/
footer {
  background-color: #f4f5f9;
}
/*------------------------------
物件ページ
------------------------------*/
.widget_fudo_b_r h2, .widget_fudo_r_r h2, .widget_fudo_b_c h2, .widget_fudo_r_c h2, .widget_fudo_b_k h2, .widget_fudo_r_k h2, .widget_fudo_cat h2, .widget_fudo_tag h2, .widget_fudo_kaiin h2, #map_search h2 {
  background-color: #21408d;
  font-size: 22px;
  padding: 12px 0;
  letter-spacing: 0;
  font-weight: 600;
  border-radius: 10px 10px 0 0;
}
.widget_con li.cat-item a:after {
  color: #21408d;
}
#sidebar #side_info .side_access a {
  background-color: #f7e224;
  color: #333;
  padding: 9px 0;
  font-weight: 600;
  border-radius: 20px;
}
#sidebar #side_info .side_access a:before {
  color: #333;
}
#sidebar #side_info .side_tel {
  font-size: 30px;
}
#sidebar #side_info .side_access a:hover {
  background-color: #faec30;
}
#sidebar .search form input[type="submit"]#btn {
  background-color: #f7e224;
  color: #333;
  padding-top: 12px;
  padding-bottom: 12px;
  border-radius: 22.5px;
}
#sidebar .search form input[type="submit"]#btn:hover {
  background-color: #faec30;
}
#main .display_type_A .item_list_con_middle_info_bt a {
  background-color: #21408d;
}
.widget_fudo_cat, .widget_fudo_b_k, .widget_fudo_b_c, .widget_fudo_b_r, .widget_fudo_r_k, .widget_fudo_r_c, .widget_fudo_r_r, .widget_fudo_kaiin, .widget_fudo_search, #map_search {
  border: none;
}
#main .display_type_A .item_list_con_middle_info_bt a:hover {
  background-color: #325db3;
}
#item.detail #main .item_inquiry a {
  color: #333;
  background-color: #f7e224;
  border-radius: 35px;
  font-weight: 600;
}
#item.detail #main .item_inquiry a:hover {
  background-color: #faec30;
}
.mailform #submit_bt button, .mailform #submit_bt input[type="submit"], .mailform .mw_wp_form_confirm #submit_bt .send button, #item_search #main div.submit input {
  background-color: #f7e224;
  border-radius: 30px;
  color: #333;
  font-weight: 600;
}
.mailform #submit_bt button:hover, .mailform #submit_bt input[type="submit"]:hover, .mailform .mw_wp_form_confirm #submit_bt .send button:hover, #item_search #main div.submit input:hover {
  background-color: #faec30;
}
/*------------------------------
お知らせ
------------------------------*/
#news #sidebar #side_category h3, #news #sidebar #side_archives_month h3 {
  background-color: #21408d;
}
/*------------------------------
お問い合わせ
------------------------------*/
.mailform ul#phase_state {
  background-color: #f4f5f9;
}
.mailform .mw_wp_form_input ul#phase_state li.input, .mailform .mw_wp_form_confirm ul#phase_state li.confirm, .mailform .mw_wp_form_complete ul#phase_state li.completion, .phase1 .mailform .mw_wp_form_input ul#phase_state li.phase_state1, .phase2 .mailform .mw_wp_form_input ul#phase_state li.phase_state2 {
  background-color: #21408d;
}
/*pc（768px以上）*/
@media screen and (min-width: 768px) {
  .mailform .mw_wp_form_input ul#phase_state li.input:before, .mailform .mw_wp_form_confirm ul#phase_state li.confirm:before, .mailform .mw_wp_form_complete ul#phase_state li.completion:before, .phase1 .mailform .mw_wp_form_input ul#phase_state li.phase_state1:before, .phase2 .mailform .mw_wp_form_input ul#phase_state li.phase_state2:before {
    border-left-color: #21408d;
  }
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  .mailform .mw_wp_form_input ul#phase_state li.input:before, .mailform .mw_wp_form_confirm ul#phase_state li.confirm:before, .mailform .mw_wp_form_complete ul#phase_state li.completion:before, .phase1 .mailform .mw_wp_form_input ul#phase_state li.phase_state1:before, .phase2 .mailform .mw_wp_form_input ul#phase_state li.phase_state2:before {
    border-top-color: #21408d;
  }
}
.mailform .mailform_con #inquiry_type dd span {
  display: block;
  margin-bottom: 5px;
}
/*------------------------------
業務内容
------------------------------*/
#service_inquiry {
  padding: 35px 50px 50px 50px;
  background-color: #f4f5f9;
  border-radius: 10px;
  position: relative;
  margin-bottom: 150px;
  margin-top: 80px;
}
#service_inquiry h2 {
  text-align: center;
  margin: 0;
  color: #21408d;
}
#service_inquiry .more {
  position: absolute;
  left: 50%;
  bottom: -30px;
  transform: translateX(-50%);
}
/*sp（767px以下）*/
@media screen and (max-width: 767px) {
  #service_inquiry .more a {
    width: 230px;
  }
}
/*------------------------------
ご利用の流れ
------------------------------*/
#flow #main ol li:before {
  background-color: #21408d;
}