hljs.initHighlightingOnLoad();

("use strict");
document.addEventListener("DOMContentLoaded", function () {
  /*-----   Scroll Top   ----------*/

  $(function () {
    var showFlag = false;
    var topBtn = $("#topBtn");
    topBtn.css("bottom", "-100px");
    //スクロールが100に達したらボタン表示
    $(window).scroll(function () {
      if ($(this).scrollTop() > 100) {
        if (showFlag == false) {
          showFlag = true;
          topBtn.stop().animate({ bottom: "20px" }, 200);
        }
      } else {
        if (showFlag) {
          showFlag = false;
          topBtn.stop().animate({ bottom: "-100px" }, 200);
        }
      }
    });
    //スクロールしてトップ
    topBtn.click(function () {
      $("body,html").animate(
        {
          scrollTop: 0
        },
        500
      );
      return false;
    });
  });

  /*-----   Scroll Top END   ----------*/
  /*-----   multi_header_menu   ----------*/
  $(function () {
    $(".mh_outer").menu();
  });
  /*-----   multi_header_menu END  ----------*/
  
  /*-----   Scroll Hash   ----------*/
 
  $(function () {
    $('a[href^="#"]').click(function (event) {
      event.preventDefault();
      var speed = 500;
      var href = $(this).attr("href");
      var target = $(href == "#" || href == "" ? "html" : href);
      var position = target.offset().top;
      console.log(target);
      $("html, body").animate({ scrollTop: position }, speed, "swing");
      var scrollTargetId = target.attr("id");
      setTimeout(function () {
        location.hash = scrollTargetId;
        return false;
      }, 500);
    });
  });

  /*-----   Scroll Hash END   ----------*/

  /*-----   lazyload   ----------*/

  $("img.lazy").lazyload({
    effect: "fadeIn"
  });

  /*-----   lazyload END   ----------*/

  /*-----   Bulma.js   ----------*/

  // Dropdowns

  var $dropdowns = getAll(".dropdown:not(.is-hoverable)");

  if ($dropdowns.length > 0) {
    $dropdowns.forEach(function ($el) {
      $el.addEventListener("click", function (event) {
        event.stopPropagation();
        $el.classList.toggle("is-active");
      });
    });

    document.addEventListener("click", function (event) {
      closeDropdowns();
    });
  }

  function closeDropdowns() {
    $dropdowns.forEach(function ($el) {
      $el.classList.remove("is-active");
    });
  }

  // Modals

  var $html = document.documentElement;
  var $modals = getAll(".modal");
  var $modalButtons = getAll(".modal-button");
  var $modalCloses = getAll(
    ".modal-background, .modal-close, .modal-card-head .delete, .modal-card-foot .button"
  );

  if ($modalButtons.length > 0) {
    $modalButtons.forEach(function ($el) {
      $el.addEventListener("click", function () {
        var target = $el.dataset.target;
        var $target = document.getElementById(target);
        $html.classList.add("is-clipped");
        $target.classList.add("is-active");
      });
    });
  }

  if ($modalCloses.length > 0) {
    $modalCloses.forEach(function ($el) {
      $el.addEventListener("click", function () {
        closeModals();
      });
    });
  }

  document.addEventListener("keydown", function (event) {
    var e = event || window.event;
    if (e.keyCode === 27) {
      closeModals();
      closeDropdowns();
    }
  });

  function closeModals() {
    $html.classList.remove("is-clipped");
    $modals.forEach(function ($el) {
      $el.classList.remove("is-active");
    });
  }

  // Functions

  function getAll(selector) {
    return Array.prototype.slice.call(document.querySelectorAll(selector), 0);
  }

  /*-----   Bulma.js END   ----------*/

  /*-----   mmenu ----------*/

  var $menu = $("#menu").mmenu({
    extensions: ["multiline"],
    counters: true,

    navbar: {
      title: "メニュー"
    },
    navbars: [
      {
        position: "top"
      },
      {
        position: "bottom",
        content: [
          "<a class='fa fa-twitter' href='https://twitter.com/chukai_up' target='_blank'></a>",
          "<a class='fa fa-facebook' href='https://www.facebook.com/wisesips/' target='_blank'></a>"
        ]
      }
    ],
    slidingSubmenus: true,
    //    "pageScroll": false,
    pageScroll: {
      scroll: true,
      update: true
    },
    onClick: {
      close: true,
      preventDefault: false
    }
  });

  var $icon = $("#menu_burger");
  var api = $menu.data("mmenu");

  $icon.on("click", function () {
    api.open();
  });

  /*-----   mmenu.js END   ----------*/

  /*-----   colorbox ----------*/

  $("a.colorbox_contact").colorbox({
    width: "650px",
    height: "800px",
    maxWidth: "90%",
    maxHeight: "90%",
    iframe: true,
    overlayClose: true,
    opacity: 0.5,
    transition: "elastic",
    speed: 150
  });
  $("a.colorbox_photo").colorbox({
    opacity: 0.5,
    maxWidth: "90%",
    maxHeight: "90%"
  });
  $("a.colorbox_slide").colorbox({
    opacity: 0.5,
    rel: "colorbox_slide",
    slideshow: true,
    maxWidth: "100%",
    maxHeight: "100%",
    slideshowSpeed: 5000
  });

  /*-----   colorbox END   ----------*/

  /*-----   価格3桁ずつカンマ   ----------*/

  $(".price_format").each(function () {
    var num = $(this).html();
    $(this).html(num.toString().replace(/(\d)(?=(\d{3})+$)/g, "$1,"));
  });

  /*-----   価格3桁ずつカンマ END   ----------*/

  /*-----   坪<->m2計算   ----------*/

  var land_area_value = get_tsubo($("#land_area").html(), "");
  var building_area_value = get_tsubo($("#building_area").html(), "");

  if (land_area_value === null || building_area_value === null) {
    calc_error("m² に数値を入力してください。");
  } else {
    $("#land_area_tsubo").html(land_area_value);
    $("#building_area_tsubo").html(building_area_value);
  }

  /*-----   坪<->m2計算 END  ----------*/

  /*-----   rslides ----------*/

  $(".rslides").responsiveSlides({
    auto: true, // Boolean: Animate automatically, true or false
    speed: 400, // Integer: Speed of the transition, in milliseconds
    timeout: 8000, // Integer: Time between slide transitions, in milliseconds
    pager: false, // Boolean: Show pager, true or false
    nav: false, // Boolean: Show navigation, true or false
    random: false, // Boolean: Randomize the order of the slides, true or false
    pause: false, // Boolean: Pause on hover, true or false
    pauseControls: true, // Boolean: Pause when hovering controls, true or false
    prevText: "Previous", // String: Text for the "previous" button
    nextText: "Next", // String: Text for the "next" button
    maxwidth: "", // Integer: Max-width of the slideshow, in pixels
    navContainer: "", // Selector: Where controls should be appended to, default is after the 'ul'
    manualControls: "", // Selector: Declare custom pager navigation
    namespace: "rslides", // String: Change the default namespace used
    before: function () { }, // Function: Before callback
    after: function () { } // Function: After callback
  });

  /*-----   rslides END   ----------*/
});

/*-----   有効期限日までカウントダウン関数   ----------*/

function expirationDate(y, m, d) {
  today = new Date();
  apday = new Date(y, m - 1, d);
  dayms = 24 * 60 * 60 * 1000;
  n = Math.floor((apday.getTime() - today.getTime()) / dayms) + 1;
  // 指定日から何日たったかを表示するには、"n"を"-n"にする
  document.write(n);
}
/*-----   有効期限日までカウントダウン関数 END   ----------*/

/*-----   築年数表示関数   ----------*/

function builtAge(y, m, d) {
  today = new Date();
  apday = new Date(y, m - 1, d);
  dayms = 24 * 60 * 60 * 1000 * 365;
  n = Math.floor((apday.getTime() - today.getTime()) / dayms) + 1;
  if (n > 0) {
    document.write("新築");
  } else {
    document.write("築 " + -n + " 年");
  }
}

/*-----   築年数表示関数 END   ----------*/

/*-----   坪<->m2計算関数   ----------*/

function get_tsubo(space, reverse) {
  var value = null,
    rate_m2t = 0.3025,
    rate_t2m = 3.30578,
    rate;

  space = convert_mb_number(space) - 0;
  rate = reverse ? rate_t2m : rate_m2t;

  if (is_numeric(space)) {
    value = Math.round(space * rate * 100) / 100;
  }

  //エラーメッセージ

  function calc_error(message) {
    alert(message);
  }
  return value;
}

/*-----   坪<->m2計算関数 END   ----------*/

/** -------------------------------------------
 * 単体関数
 * ------------------------------------------- */

//全角数字を半角数字に変換
function convert_mb_number(num) {
  if (typeof num !== "string" || num == "") {
    return "";
  }
  num = num
    .replace("－", "-", "g")
    .replace("．", ".", "g")
    .replace("０", "0", "g")
    .replace("１", "1", "g")
    .replace("２", "2", "g")
    .replace("３", "3", "g")
    .replace("４", "4", "g")
    .replace("５", "5", "g")
    .replace("６", "6", "g")
    .replace("７", "7", "g")
    .replace("８", "8", "g")
    .replace("９", "9", "g");
  return num;
}

//数値チェック
function is_numeric(num) {
  return (
    typeof num !== "undefined" &&
    num !== null &&
    !isNaN(num) &&
    /^-?(?:\d+(?:\.\d*)?|\.\d+)$/.test(num.toString())
  );
}

//データサイズを丸めて単位を付ける
function round_byte(size) {
  var mb = 1048576,
    kb = 1024,
    res = size + "";

  size = size + 0;

  if (size > mb) {
    res = Math.round((size / mb) * 100) / 100 + "MB";
  } else if (size > kb) {
    res = Math.round((size / kb) * 100) / 100 + "KB";
  }

  return res;
}

/*-----   物件詳細URIパラメータ   ----------*/

function sendParam() {
  var category = "";
  var property_name = "";
  var price = "";
  var estate_address = "";
  var access = "";

  if ($("#category").text() != "") {
    category = encodeURIComponent($("#category").text());
  }
  if ($("#property_name").text() != "") {
    property_name = encodeURIComponent($("#property_name").text());
  }
  if ($("#price").text() != "") {
    price = encodeURIComponent($("#price").text());
  }
  if ($("#location").text() != "") {
    estate_address = encodeURIComponent($("#location").text());
  }
  if ($("#railway").text() != "") {
    access = encodeURIComponent($("#railway").text());
  }
  var sendData =
    "category=" +
    category +
    "&property_name=" +
    property_name +
    "&price=" +
    price +
    "&estate_address=" +
    estate_address +
    "&access=" +
    access;
  location.href = "https://wisenet.jp/919cms_net/form/?" + sendData;
  return false;
}

/*-----   物件詳細URIパラメータ END   ----------*/

/* ajaxSearch  */

#ajaxSearch_form {
  text-align:center;
  }
  
.input_field {
  border:none;
  padding:3rem;
  }

#ajaxSearch_output {
    display: block;
    opacity: 1;
    max-width: 1024px;
    margin: 0 auto;
}

.AS_ajax_result {
    border: 1px solid #efefef;
    padding: 1rem;
}

.AS_ajax_resultLink {
    font-style: bold;
    font-size:2rem;
}
<style type="text/css">

  section.hero.is-custom_section_01 {
    background-color: ;
    }

  section.hero.is-custom_section_01,
  section.hero.is-custom_section_01 h3,
  section.hero.is-custom_section_01 h4,
  section.hero.is-custom_section_01 h5 {
    color: ;
  }
  section.hero.is-custom_section_01 a:link {
    color: ;
  }
  section.hero.is-custom_section_01 a:hover {
    color: ;
    text-decoration: underline;
  }

  section.hero.is-custom_section_02 {
    background-color: ;
    }
  
  section.hero.is-custom_section_02,
  section.hero.is-custom_section_02 h3,
  section.hero.is-custom_section_02 h4,
  section.hero.is-custom_section_02 h5 {
    color: ;
  }
  section.hero.is-custom_section_02 a:link {
    color: ;
  }
  section.hero.is-custom_section_02 a:hover {
    color: ;
    text-decoration: underline;
  }
  
  section.hero.is-custom_section_03 {
    background-color: ;
    }

  section.hero.is-custom_section_03,
  section.hero.is-custom_section_03 h3,
  section.hero.is-custom_section_03 h4,
  section.hero.is-custom_section_03 h5 {
    color: ;
  }
  section.hero.is-custom_section_03 a:link {
    color: ;
  }
  section.hero.is-custom_section_03 a:hover {
    color: ;
    text-decoration: underline;
  }

  section.hero.is-custom_section_04 {
    background-color: ;
    }

  section.hero.is-custom_section_04,
  section.hero.is-custom_section_04 h3,
  section.hero.is-custom_section_04 h4,
  section.hero.is-custom_section_04 h5 {
    color: ;
  }
  section.hero.is-custom_section_04 a:link {
    color: ;
  }
  section.hero.is-custom_section_04 a:hover {
    color: ;
    text-decoration: underline;
  }

  section.hero.is-custom_section_05 {
    background-color: ;
    }

  section.hero.is-custom_section_05,
  section.hero.is-custom_section_05 h3,
  section.hero.is-custom_section_05 h4,
  section.hero.is-custom_section_05 h5 {
    color: ;
  }
  section.hero.is-custom_section_05 a:link {
    color: ;
  }
  section.hero.is-custom_section_05 a:hover {
    color: ;
    text-decoration: underline;
  }
  
</style>
#multiple_header_menu {
  z-index: 9999;
}

#multiple_header_menu-content {
  margin: 0;
}

.ui-widget.ui-widget-content.mh_outer {
  position: relative;
  display: flex;
  justify-content: space-around;
  width: 100%;
  height: 3rem;
  margin: 0;
  line-height: 3rem;
  border: none;
}

.ui-widget.ui-widget-content.mh_outer li.mh_level-1 {
  display: block;
  width: 100%;
  padding-bottom: 0;
  text-align: center;
  background-color: ;
  color: #ffffff;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  background-color: ;
  color: #ffffff;
  border: none;
}

tate-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
  margin: 0;
}
.mh_outer .mh_level-1 > .mh_inner {
  width: 90%;
  margin: 0 auto;
}

.mh_outer > li.mh_level-1 > a {
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.2em;
  color: #ffffff;
  background-color: ;
}

.mh_outer > li.mh_level-1 > a:hover {
  color: #ffffff;
  background-color: ;
}

.mh_outer li.mh_level-1 ul.mh_inner {
  display: none;
}

.mh_outer li.mh_level-1 > ul.mh_inner {
  top: 3rem !important;
  left: 0 !important;
  right: 0 !important;
  bottom: 0 !important;
  z-index: 99999;
}

.mh_outer li.mh_level-1:hover .mh_level-1 > .mh_innner {
  display: block;
  font-size: 0.8rem;
  position: absolute;
}

.mh_outer li.mh_level-1 ul.mh_inner li.mh_level-2 a:hover {
  color: #ffffff;
  background-color: ;
}

.mh_outer li.mh_level-1 ul.mh_inner li.mh_level-2 a:hover ul.mh_inner {
  color: #ffffff;
  background-color: ;
} 

.mh_outer .mh_parent .mh_inner {
  color: #ffffff;
  background-color: ;
  text-align: left;
}

.ui-menu-icon {
  display: none;
}

.mh_outer .mh_parent.ui-menu-item > a:after {
  content: '\f0da';
  display: inline-block;
  font-family: FontAwesome;
  font-weight: normal;
  font-size: inherit;
  text-rendering: auto;
  margin-left: 2rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color:#e69138;
}

.mh_outer .mh_parent.ui-menu-item:hover a:after {
  color:#e69138;
}

.mh_outer .mh_level-1.is-active {
  color: #ffffff;
  background-color: ;
}

.mh_outer .mh_level-1.is-active.mh-self {
  color: #ffffff;
  background-color: ;
}

.mh_outer .mh_parent {
  position: relative;
}

.mh_outer li.mh_level-1 ul.mh_inner li {
  display: block;
}

.mh_outer li.mh_level-1 ul.mh_inner li a {
  background-color: ;
  color: #ffffff;
  display: block;
  width: 100%;
  padding: 0.8rem;
  margin: 0;
}

.mh_outer li.mh_level-2.mh_parent .mh_inner,
.mh_outer li.mh_level-3.mh_parent .mh_inner,
.mh_outer li.mh_level-4.mh_parent .mh_inner,
.mh_outer li.mh_level-5.mh_parent .mh_inner
 {
  width: 100%;
  font-size: 0.8rem;
} 

.mh_outer .mh_parent .mh_inner li.mh_level-2,
.mh_outer .mh_parent .mh_inner li.mh_level-3,
.mh_outer .mh_parent .mh_inner li.mh_level-4,
.mh_outer .mh_parent .mh_inner li.mh_level-5
 {
  position: relative;
  width: 100%;
 }

 @media screen and (max-width: 768px) {
    #multiple_header_menu {
        display: none;
    }
  }
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 100;
  src: url("//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2") format('woff2'), url("//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff") format('woff'), url("//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf") format('opentype');
}
@font-face {
  font-family: "Noto Sans Japanese";
  font-style: normal;
  font-weight: 400;
  src: local('NotoSansJP-Regular.otf'), url("//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2") format('woff2'), url("//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff") format('woff'), url("//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf") format('opentype');
}

/***************************
@font-face
body,要素共通
a
h1,h2,h3,h4,h5,h6
table
ボタン　--rbutton--
header、ヘッダー
  通常ヘッダー  --メニュー部分削除　別ファイルへ　2018/09/19
  固定ヘッダー　--メニュー部分削除　別ファイルへ　2018/09/19
サイドメニュー
「ご予約はこちらから」ボタン
ﾛｸﾞｲﾝﾌｫｰﾑ
#dropmenu.side_menu_box
.rslidesトップメインコンテンツスライド
Columns
Column
list_page 一覧ページ
iframe 動画・Facebook設置ページ
sitemap
whatsnew
footer
.footer_menu
@media screen and (min-width: 320px)
@media screen and (min-width: 480px)
@media screen and (min-width: 768px)
@media screen and (min-width:769px), print
@media screen and (min-width: 1024px)

****************************/


/* body,要素共通 */
html {
  background-color: #FFFFFF;
  box-shadow: inset 0 4px 3px 0 rgba(70, 70, 70, 0.1);

}

body {
  font-size: 92.5%;
  /*font-family: -apple-system,BlinkMacSystemFont,"Noto Sans Japanese","Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";*/
  color: #333333;
  line-height: 1.5;
  text-align: left;
}
#qmEditor {
  z-index: 10000;
}
.justifyleft {
  text-align: left;
}

.justifyright {
  text-align: right;
}

img.justifyleft {
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

img.justifyright {
  float: right;
  margin-left: 10px;
  margin-bottom: 5px;
}
/* a */

a {
  color: #1c4587;
}

a:hover {
  color: #3c78d8;
}

a:visited {
  color: #555555;
}
/* h1,h2,h3,h4,h5,h6 */

h1,
h2 {
  letter-spacing: 1px;
}

h3 {
  font-size: 12px;
  color: #323232;
  letter-spacing: 1px;
}

h4 {
  font-size: 12px;
  color: #323232;
  letter-spacing: 1px;
}

h5 {
  font-size: 12px;
  color: #323232;
  letter-spacing: 1px;
}

.estate_company_h1 {
  margin: 0;
  padding: 0;
  font-size: 1rem;
}

.subtitle.is-4 {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  font-size: 1.5rem;
  line-height: 2.6rem;
}
/* table */

.table.add-teble-blocked td, .table.add-teble-blocked th {
    width: auto;
    display: table-cell;
    border-top: 1px solid #111111;
}

.table-wrap {
  overflow: auto;
}

.table {
  background-color: transparent;
}

table.company_info th {
  min-width: 100px;
}

#ajaxSearch_form{
width:50%;
}
/*-----------------ボタン　rbutton-----------------*/

.columns.columns.rbutton_horizontal {
  display: flex;
}

.column.rbutton_element {
  display: inline-block;
  padding: 1rem;
  text-decoration: none;
  color: #67c5ff;
  border: solid 2px #67c5ff;
  border-radius: 3px;
  transition: 0.4s;
  margin: 0 1rem 0 auto;
  text-align: center;
}

.column.rbutton_element:hover {
  background: #67c5ff;
  color: #FFFFFF;
}

/*-----------------header ヘッダー-----------------*/
/*-----------------通常ヘッダー-----------------*/
#header_contents.columns {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
  width: 100%;
}

.header_menu_contents {
  background: ;
}

#header_menu.header_menu {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
  min-height: 1rem;
  height: 3rem;
  background: ;
}

#header_menu a {
  color: #ffffff;
  background: ;
}
#header_menu a:hover {
  color: #ffffff;
  background-color: ;
}
#header_menu.navbar-link::after {
  border-color: #e69138;
}

#header_menu a:hover .mh_outer .mh_parent::after {
  border-color: #e69138;
}    
.navbar-dropdown.is-boxed {
  color: #ffffff;
  background: ;
}

#header_menu.navbar-item.navbar-dropdown.is-boxed a:hover {
  color: #ffffff;
  background-color: ;
}

#header_menu.navbar-item:first-child {
  padding: 0 2rem;
}

#header_menu.navbar-item:last-child {
  padding: 0 4rem;
}

.header_right_image.column.has-text-right,
.header_left_image.column.has-text-left {
  margin: 0;
  padding: 0;
}

.header_right_image.column.has-text-right img,
.header_left_image.column.has-text-left img {
  max-height: 10rem;
  margin-right:3rem;
}

.offset .slide_wrap {
  margin-top:0;
}

#header_menu .navbar-item.is-active {
  color: #ffffff;
  background-color: ;
}

#header_menu .navbar-link.is-active {
  color: #ffffff;
  background-color: ;
}

/*-----------------固定ヘッダー-----------------*/
.header_wrap {
  display: grid;
}

#fix_header {
  background-color: #ffffff;
  height: 10rem;
  position: fixed;
  width: 100%;
  z-index: 9998;
  top: 0;
}

#fix_header img {
  max-height: 5rem;
}

/*-----------------ﾛｸﾞｲﾝﾌｫｰﾑ 関係-----------------*/

h3.login_page_title {
  color: #333333;
  text-align: center;
  font-size: 2rem;
  font-weight: bold;
}

#loginfrm_wrap {
  max-width: 384px;
  margin: 0 auto 28px;
  border: 1px solid #dedede;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  text-align: left;
}

#loginfrm_wrap ul,
ol {
  background: #efefef;
  border-radius: 8px;
  box-shadow: 0 0 5px silver;
  padding: 0.5em 0.5em 0.5em 2em;
}

#loginfrm_wrap li {
  list-style-type: none;
}

#loginfr_wrap label {
  margin: 2rem;
  padding: 1rem;
}

#login_wrap {
  text-align: center;
  padding: 2rem;
}

.input_userid {
  margin-top: 2rem;
}

.login_button {
  margin: 2rem;
  text-align: right;
}

/*-----------------catch01 関係-----------------*/

.column.catch01 {
  padding: 0;
}

.catch01 {
  color: #ffffff;
}

.catch01.subtitle {
  margin: 0;
}

/*-.image */

.image.is-2by1 {
  margin: 0 auto;
  padding-top: 5%;
}

.section h2 {
  margin: 1rem;
}

.section h3 {
  margin: 1rem;
}
/* figure image */

figure {
  margin-left: 0;
  margin-right: 0;
}
figure.is-centered {
  margin: 0 auto;
}

figure.is-left {
  margin: 0 0 0 auto;
}

figure.is-right {
  margin: 0 auto 0 0;
}

.image.is-256x256 {
  max-height: 256px;
  max-width: 256px;
}

.image.is-300x300 {
  max-height: 300px;
  max-width: 300px;
}

.image.is-480x480 {
  max-height: 480px;
  max-width: 480px;
}
/*16:5の画像　固定*/

.image.is-16by5 img {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 100%;
}

.image.is-16by5 {
  padding-top: 31.25%;
}
/*  .rslidesトップメインコンテンツスライド*/

.slide_wrap {
  margin-top: 10rem;
}

.rslides img {
  width: auto;
  max-height: 90vh;
}
/* Columns */

.columns {
  padding: 0 2rem 3rem;
}

.columns.is-centered {
  justify-content: center;
}

.columns.is-align-centered {
  align-items: center;
}

.columns.single_content_wrapper {
  padding: 0;
}

.columns.reverse-row-order {
  flex-direction: row-reverse;
}
/* Column */

.column {
  padding: 0.75rem;
}
/* whatsnew start */

#whatsnew .column {
  padding-left: 0;
  padding-right: 0;
}

#whatsnew .panel.scroll {
  padding: 0;
}

#whatsnew .panel.scroll h4:not(:first-child) {
  margin-top: 5rem;
}

.whatsnew-item:first-child {
  padding: 0 0 3rem;
}
.whatsnew-item:not(:first-child) {
  padding: 2rem 0 3rem;
}
.whatsnew-item:nth-child(even) {
  background-color: #F1F1F1;
}
/* whatsnew end */

.align-items-center {
  display: flex;
  align-items: center;
}

.tile p,
.column p {
  margin-top: 1rem;
  margin-bottom: 1rem;
  line-height: 1.8;
}

.tile p.card_content,
.column p.card_content {
  margin-bottom: 0;
}
/* footer */

.footer {
  background-color: #06639d;
  padding: 1rem 1.5rem;
}

.footer {
  padding: 1rem 1.5rem;
}
.footer ul {
  margin-left: 0.5rem;
  margin-bottom: 1rem;
}
.footer li {
  font-size: 0.9rem;
  margin-bottom: 0.25rem;
}
.footer .copy {
  color: #ffffff;
  background-color: #06639d;
  font-size: 0.8rem;
}

.footer .copy a {
  color: #ffffff;
  background-color: #06639d;
}

.footer .columns .column.footer_logo address {
  font-style: normal;
}

.footer .content_wrapper address a {
  color: #ffffff;
}

.footer .content_wrapper address a:hover {
  color: #9fc5e8;
}

.column-nowrap {
  flex-flow: column nowrap;
}

.section {
  padding: 0;
}

.panel-block:first-child,
.panel-heading:first-child,
.panel-tabs:first-child {
  border-top: 4px solid #0f62ce;
}

.section.request {
  padding-top: 3rem;
}

table.company_info th {
  background-color: #F8F8F8;
  font-weight: normal;
}

.bg_is_main {
  background-color: #2E5DCD;
}
/*.bg_is_page {
background-color: #F0F8FF;
}*/
.bg_is_request_01 {
  background-color: #FFFBD5;
}
.bg_is_sky {
  background-color: #35E0ED;
}
.bg_is_white {
  background-color: #FFFFFF;
}
.bg_is_light {
  background-color: #F5F5F5;
}
.bg_is_dark {
  background-color: #0A0A0A;
}
.bg_is_grey-dark {
  background-color: #4A4A4A;
}
.bg_is_success {
  background-color: #23D260;
}
.bg_is_blue {
  background-color: #166CE0;
}
.bg_is_info {
  background-color: #0099FF;
}
.bg_is_info_rect1 {
  background-color: #99CCFF;
}
.bg_is_info_rect2 {
  background-color: #E1D2F9;
}
.bg_is_info_rect3 {
  background-color: #F1D3B1;
}
.bg_is_info_rect4 {
  background-color: #CFDFB9;
}

.bg_panel_cu01 {
  margin: 2rem 0;
  padding: 2rem;
}

.tile h4,
.bg_panel_cu01 h4 {
  font-size: 1.5rem;
  margin: 18px auto;
  padding: 8px 0;
  text-align: center;
}

.tile h3,
.bg_panel_cu01 h3 {
  color: #2E5DCD;
}

.card_round {
  border-radius: 5px;
}

.panel.scroll {
  overflow-y: auto;
  border: 1px solid #CCCCCC;
  height: 21.875rem;
  padding: 2rem;
}

.panel.scroll h3 {
  border-radius: 5px;
  background-color: #2E5DCD;
  color: #FFFFFF;
  padding: 1rem;
}

.panel.scroll h4 {
  font-size: 1.5rem;
  margin: 18px auto;
  border-top: 0 none;
  border-bottom: 1px solid #0f62ce;
  padding: 8px 0;
  text-align: center;
  width: 94%;
}

.panel.scroll p {
  margin-left: 2em;
  margin-right: 2em;
  margin-bottom: 1em;
}

.panel.scroll ol,
.panel.scroll ul {
  margin-left: 4em;
  margin-right: 2.5em;
  margin-bottom: 1em;
}

.panel.scroll li {
  margin-bottom: 1em;
}

/*  list_page 一覧ページ */
.columns.list_page {
  padding: 2rem 0;
}

.list_page .column {
  padding: 0;
}

.list_page .column:nth-child(6n-1),
.list_page .column:nth-child(6n-3),
.list_page .column:nth-child(6n-5) {
  background-color: #f5f5f5;
}

.list_page_card {
  background-color: transparent;
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
  padding: 0.75rem 2rem 2rem;
}

.list_page_card .columns {
  padding: 0.5rem;
}
/* feature */

.columns.feature {
  padding: 2rem 0;
}

.feature .column {
  padding: 0;
}

.feature .column:nth-child(6n-1),
.feature .column:nth-child(6n-3),
.feature .column:nth-child(6n-5) {
  background-color: #f5f5f5;
}

.feature_card {
  background-color: transparent;
  /*
  -webkit-box-shadow: 0 0 0 1px rgba(10,10,10,.1);
  box-shadow: 0 0 0 1px rgba(10,10,10,.1);
  */
  color: #4a4a4a;
  max-width: 100%;
  position: relative;
  padding: 0.75rem 2rem 2rem;
}

.feature_card .columns {
  padding: 0.5rem;
}

.is-list-title {
  font-size: 1.5rem;
}
/* sitemap */

#sitemap ul.outer {
  margin: 0;
  padding: 0 2rem 0 3rem;
  list-style-type: disc;
}

#sitemap ul.inner {
  margin-left: 2rem;
  padding: 0;
  list-style-type: circle;
}

#sitemap li.row.level-1 {
  font-weight: 600;
  font-size: 1rem;
}
#sitemap li.row.level-1:not(last-child) {
  margin-bottom: 1rem;
}

#sitemap li.row.level-2 {
  font-weight: 400;
  font-size: 1rem;
}
#sitemap li.row.level-2:not(last-child) {
  margin-bottom: 0.25rem;
}

@media screen and (max-width:768px) {
  table.multi_table {
    margin: 0 auto;
    width: 100%;
  }

  table.multi_table th {
    display: block;
    width: 100%;
    background: #efefef;
  }

  table.multi_table tr {
    display: block;
    width: 100%;
  }

  table.multi_table td {
    display: list-item;
    list-style-type: none;
    margin-left:10%;
    border:none;
  }

  table.multi_table tr.multi_table_head {
    display:none;
  }


  table.multi_table.hidden_th span {
    display: inline;
  }

  .hidden_th {
    display: inline-block;
  }

  .image.is-16by5,
  .image.is-16by9 {
    margin-bottom:1rem;
  }
}

@media screen and (min-width:769px) {
  table.multi_table {
    width:96%;
    margin:0 auto;
    border:1px solid #1111;
  }

  table.multi_table th,
  table.multi_table td {
    padding: 0.8rem;
    border:1px solid #1111;
    background: #efefef;
    font-size: 1rem;
  }

  table.multi_table th {
    background: #efefef;
    width: 20%;
    text-align: left;
    vertical-align: middle;
  }

  table.multi_table td {
    background: #FFF;
    border:1px solid #1111;

  }

  .hidden_th {
    display: none;
  }
}

/*!
 * Hamburgers
 * @description Tasty CSS-animated hamburgers
 * @author Jonathan Suh @jonsuh
 * @site https://jonsuh.com/hamburgers
 * @link https://github.com/jonsuh/hamburgers
 */

.hamburger {
  padding: 10px;
  height: 45px;
  display: inline-block;
  cursor: pointer;
  transition-property: opacity,-webkit-filter;
  -webkit-transition-property: opacity,-webkit-filter;
  transition-property: opacity,filter;
  transition-property: opacity,filter,-webkit-filter;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  font: inherit;
  color: inherit;
  text-transform: none;
  background-color: transparent;
  border: 0;
  margin: 0;
  overflow: visible;
}

.hamburger:hover {
  opacity: 0.8;
}

.hamburger-box {
  width: 30px;
  height: 24px;
  display: inline-block;
  position: relative;
}

.hamburger-inner {
  display: block;
  top: 50%;
  margin-top: -2px;
}

.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before {
  width: 30px;
  height: 2px;
  background-color: #333333;
  border-radius: 2px;
  position: absolute;
  transition-property: -webkit-transform;
  -webkit-transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform,-webkit-transform;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-timing-function: ease;
  transition-timing-function: ease;
}

.hamburger-inner::after,
.hamburger-inner::before {
  content: "";
  display: block;
}

.hamburger-inner::before {
  top: -10px;
}

.hamburger-inner::after {
  bottom: -10px;
}

.hamburger--collapse .hamburger-inner {
  top: auto;
  bottom: 0;
  -webkit-transition-duration: 0.15s;
  transition-duration: 0.15s;
  -webkit-transition-delay: 0.15s;
  transition-delay: 0.15s;
  -webkit-transition-timing-function: cubic-bezier(.55,.055,.675,.19);
  transition-timing-function: cubic-bezier(.55,.055,.675,.19);
}

.hamburger--collapse .hamburger-inner::after {
  top: -20px;
  -webkit-transition: top 0.3s 0.3s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear;
  transition: top 0.3s 0.3s cubic-bezier(.33333,.66667,.66667,1),opacity 0.1s linear;
}

.hamburger--collapse .hamburger-inner::before {
  transition: top 0.12s 0.3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform 0.15s cubic-bezier(.55,.055,.675,.19);
  -webkit-transition: top 0.12s 0.3s cubic-bezier(.33333,.66667,.66667,1),-webkit-transform 0.15s cubic-bezier(.55,.055,.675,.19);
  transition: top 0.12s 0.3s cubic-bezier(.33333,.66667,.66667,1),transform 0.15s cubic-bezier(.55,.055,.675,.19);
  transition: top 0.12s 0.3s cubic-bezier(.33333,.66667,.66667,1),transform 0.15s cubic-bezier(.55,.055,.675,.19),-webkit-transform 0.15s cubic-bezier(.55,.055,.675,.19);
}

.hamburger--collapse.is-active .hamburger-inner {
  -webkit-transform: translate3d(0,-10px,0) rotate(-45deg);
  transform: translate3d(0,-10px,0) rotate(-45deg);
  -webkit-transition-delay: 0.32s;
  transition-delay: 0.32s;
  -webkit-transition-timing-function: cubic-bezier(.215,.61,.355,1);
  transition-timing-function: cubic-bezier(.215,.61,.355,1);
}

.hamburger--collapse.is-active .hamburger-inner::after {
  top: 0;
  opacity: 0;
  -webkit-transition: top 0.3s cubic-bezier(.33333,0,.66667,.33333),opacity 0.1s 0.27s linear;
  transition: top 0.3s cubic-bezier(.33333,0,.66667,.33333),opacity 0.1s 0.27s linear;
}

.hamburger--collapse.is-active .hamburger-inner::before {
  top: 0;
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
  transition: top 0.12s 0.18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform 0.15s 0.42s cubic-bezier(.215,.61,.355,1);
  -webkit-transition: top 0.12s 0.18s cubic-bezier(.33333,0,.66667,.33333),-webkit-transform 0.15s 0.42s cubic-bezier(.215,.61,.355,1);
  transition: top 0.12s 0.18s cubic-bezier(.33333,0,.66667,.33333),transform 0.15s 0.42s cubic-bezier(.215,.61,.355,1);
  transition: top 0.12s 0.18s cubic-bezier(.33333,0,.66667,.33333),transform 0.15s 0.42s cubic-bezier(.215,.61,.355,1),-webkit-transform 0.15s 0.42s cubic-bezier(.215,.61,.355,1);
}
/* chunk_bukken_css */

#primary.estate_sale.small-text {
	font-size: 18px;
}

.bu_sale_box {
	width: 98%;
	border: 1px solid #ccc;
	padding: 15px;
	margin: 0 auto 10px auto;
	box-shadow: 0 0px 2px 0 #ddd;
	-moz-box-shadow: 0 0px 2px 0 #ddd;
	-webkit-box-shadow: 0 0px 2px 0 #ddd;
	overflow: hidden;
}

.bu_sale_name {
	margin-bottom: 10px;
}

.bu_sale_line {
	margin: 0 5px 10px 0;
	border-bottom: solid 1px #dddddd;
	overflow: hidden;
	line-height: 30px;
}

.bu_sale_line_large {
	margin: 0 5px 10px 0;
	border-bottom: solid 1px #dddddd;
	overflow: hidden;
	line-height: 22px;
}

.bu_sale_category {
	background-color: #2D70A3;
	color: #FFFFFF;
	padding: 0px 5px;
	margin: 5px 10px 0px 0px;
	float: left;
	font-size: 13px;
}

.bu_sale_title {
	font-weight: bold;
	font-size: 140%;
	margin: 0px 0px;
}

.company_name {
	font-weight: bold;
	font-size: 18px;
	margin: 0px 0px;
}

.bu_sale_blueback {
	background-color: #DBE7EC;
	padding: 0px 5px;
	margin-right: 3px;
	float: left;
	margin-bottom: 4px;
	font-size: 13px;
}

.taxation {
	font-size: 13px;
}

.bu_sale_data {
	float: left;
}

span.bu_sale_price {
	color: red;
	font-size: 22px;
}

span.bu_sale_price_unit {
	color: red;
	font-size: 16px;
}

.bu_sale_point {
	background-color: #F7F3E8;
	padding: 5px;
	overflow: hidden;
	margin-bottom: 5px;
}

.bu_sale_point_parts {
	float: left;
	background-color: #E5002A;
	padding: 0px 8px;
	margin: 5px 0px 0px 5px;
	color: #FFFFFF;
}

.bu_sale_point_text {
	float: left;
	width: 80%;
	margin: 5px 0 0 15px;
}

.bu_sale_pic {
	text-align: center;
	margin: 10px;
}

.bu_sale_pic_list ul {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	list-style-type: none;
	align-items: flex-end;
	padding: 0;
}

.bu_sale_pic_list ul li {
	font-size: 12px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	text-align: center;
	margin: 5px;
}

.bu_sale_pic_list ul li:first-child {
	width: 99%;
}

.bu_sale_pic_list ul li:first-child img.sale_detail_sub_pict {
	width: auto;
	max-width: 99%;
}

.sale_detail_sub_pict {
	width: 120px;
}
/* chunk_page_top_scroll_css */

#topBtn {
  z-index: 999;
  position: fixed;
  cursor: pointer;
  right: 20px;
  bottom: 20px;
  width: 40px;
  height: 40px;
  background-color: #c6c6c6;
  -webkit-border-radius: 20px 20px;
  -moz-border-radius: 20px 20px;
  -ms-border-radius: 20px 20px;
  border-radius: 20px 20px;
}

#topBtn:hover {
  text-decoration: none;
  background: #222222;
}



.fa {
  text-align: center;
  vertical-align: baseline;
}

section table {
  width: 100%;
}

section td,
section th {
  padding: 10px;
  border: 1px solid #ddd;
}

section th {
  background: #f4f4f4;
}

/*-------------------------common_parts-----------------------------*/

.side_content_wrapper.columns {
  max-width: 1024px;
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

a.panel_block {
  padding: 0.5em 0.75em;
}

.content_wrapper {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
}

/*----------------------------------------------------------*/

/*----------------------------------------------------
iframe 動画・Facebook設置ページ
----------------------------------------------------*/
.iframe_wrap {
  position: relative;
  width: 75%;
  padding-top: 56.25%;
  margin: 0 auto;
}

.iframe_wrap p iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}


/*----------------------------------------------------
.sidemenu
----------------------------------------------------*/
.sidemenu {
  margin: 0;
  padding: 0;
  max-width: 240px;
  background-color: #ffffff;
}

.sidemenu address p {
  margin: 0;
}

.sidemenu address {
  padding: 0 0.75rem;
  margin: 0 auto 2rem;
  font-style: normal;
  line-height: 1.6;
}

#dropmenu li ul::before {
 z-index: 9;
}

/*----------------------------------------------------
.table
----------------------------------------------------*/
.table {

}



/*----------------------------------------------------
.table.add-teble-blocked
----------------------------------------------------*/
.table.add-teble-blocked tbody,
.table.add-teble-blocked tr {
  width: 100%;
}

.table.add-teble-blocked th {
  width: 30%;
  text-align: left;
}

/*----------------------------------------------------
.table.add-table-scroll
----------------------------------------------------*/
.table.add-table-scroll th {
  width: auto;
}

.table.add-table-scroll td {
  text-align: center;
}

.table.add-table-scroll td:first-child {
  text-align: left;
}

/*----------------------------------------------------
#dropmenu.side_menu_box
----------------------------------------------------*/
#dropmenu {
  list-style-type: none;
  margin: 0 auto 1rem;
  padding: 0 0.75rem;
}
#dropmenu li {
  position: relative;
  margin: 0;
  padding: 0;
  max-width: 240px;
  text-align: center;
}
#dropmenu li a {
  display: block;
  margin: 0;
  padding: 1rem;
  background-color: transparent;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 0;
  left: 100%;
  width: 100%;
  margin: 0;
  padding: 0;
}
#dropmenu.add-right-menu li ul {
  list-style: none;
  position: absolute;
  z-index: 100;
  top: 0;
  left: -100%;
  width: 100%;
  margin: 0;
  padding: 0;
}

#dropmenu li ul li {
  overflow: hidden;
  width: 100%;
  height: 0;
  color: #ffffff;
  transition: .2s;
}
#dropmenu li ul li a {
  height: auto;
  min-height: 44px;
  padding: 1rem;
  background: rgba(235, 235, 235, 0.90);
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu > li:hover > a {
  background: rgba(235, 235, 235, 0.90);
}
#dropmenu > li:hover li:hover > a {
  background: rgba(225, 225, 225, 0.90);
}
#dropmenu > li:hover > ul > li {
  overflow: visible;
  height: auto;
  min-height: 44px;
}
#dropmenu li ul li ul {
  top: 0;
  left: 100%;
}

#dropmenu li ul:before {
  position: absolute;
  content: "";
  top: 1.15rem;
  left: -18px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #ffffff;
}

#dropmenu.add-right-menu li ul:before {
  border: 0px none;
}
#dropmenu.add-right-menu li ul:after {
  position: absolute;
  content: "";
  top: 1.15rem;
  right: -18px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
}

#dropmenu li ul li ul:before {
  position: absolute;
  content: "";
  top: 1.15rem;
  left: -18px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-left-color: #ffffff;
}

#dropmenu.add-right-menu li ul li ul:before {
  border: 0px none;
}

#dropmenu.add-right-menu li ul li ul:after {
  position: absolute;
  content: "";
  top: 1.15rem;
  right: -13px;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  border-right-color: #ffffff;
  z-index:
}

#dropmenu li ul li:hover > ul > li {
  overflow: visible;
  height: auto;
  min-height: 44px;
}
#dropmenu li ul li ul li a {
  background: rgba(235, 235, 235, 0.90);
}
#dropmenu li:hover ul li ul li a:hover {
  background: rgba(220, 220, 220, 0.90);
}

#dropmenu .side_menu_parent.is-active {
  background-color:;
  color:#ffffff;
}


/***************************
media query
****************************/
@media screen and (min-width: 320px) {
  body {
    overflow: hidden;
  }

  h3 {
    width: 100%;
  }

  h4 {
    width: 100%;
  }

  .column h4 {
    margin: 0;
    font-size: 1.25rem;
  }

  p,
  p:not(:last-child) {
    margin: 0 0 1em;
    font-size: 1rem;
    line-height: 2.0;
  }

  ul,
  ul:not(:last-child) {
    margin: 1rem 1rem;
    list-style-position: inside;
    line-height: 2.0;
  }

  .catch01 {
    display: none;
  }

  .is-size-7 {
    font-size: 0.5rem!important;
  }

  img {
    max-width: 100%;
  }

  .nav {
    padding: 0;
  }

  .columns.is-navbar {
    margin: 0;
    padding: 0;
    align-items: center;
  }

  .columns.is-navbar .column {
    padding: 0;
  }

  .is-navbar-menu {
    padding: 0;
    align-items: center;
  }

  .is-navbar-menu.column {
    padding: 0 0.25rem;
  }

  .navbar-item,
  .navbar-link {
    padding: 0 .5rem;
  }

  .navbar-link {
    padding-right: 2em;
  }

  .navbar-link::after {
    border-color:#e69138;
  }

  #fix_header_menu {
    display: none;
  }

  #fix_header.navbar.columns {
    padding-top: 0;
  }
  
  .slide_wrap {
    margin-top:10rem;
  }

  #slide_body.slide_body {
    display: none;
    padding: 0;
  }

  #slide_body.slide_body.add_h1_margin {
    display: none;
    padding: 0;
  }

  #slide_body.slide_body.add_h1_margin.add_fix_margin {
    display: none;
    padding: 0;
  }

  #sp_top_image.sp_top_image {
    display: block;
    width: 100%;
  }
  #sp_top_image.sp_top_image img {
    margin: 0 auto;
    width: 100%;
    max-height: 18.75rem;
  }


  #header_contents {
    margin: 1rem auto;
  }

  #header_contents.columns {
    max-height: 100%;
  }

  #header_menu,
  .sidemenu {
    display: none;
  }

  .header_right_image {
    text-align: center !important;
  }

  .header_left_image {
      text-align: center !important;
  }


  #menu_burger {
    position: fixed;
    top: 2px;
    right: 8px;
    z-index: 5;
    background-color: #EFEFEF;
    border-radius: 50%;
  }

  #menu_burger:focus {
    outline-color: transparent;
  }

  .section {
    margin: 0 auto;
  }

  p.add-pc-view {
    display: none;
  }

  p.add-sp-view {
    display: inline;
  }

  .table.add-teble-blocked {
    margin: 0 auto;
  }

  .table.add-teble-blocked th,
  .table.add-teble-blocked td {
    width: 100%;
    display: block;
    border-top: none;
  }

  .table.add-teble-blocked tr:first-child th {
    border-top: 1px solid #111111;
  }

  .table.add-table-scroll {
    display: block;
    width: 100%;
  }

  .table.add-table-scroll thead {
    display: block;
    float: left;
    overflow-x: scroll;
  }

  .table.add-table-scroll tbody {
    display: block;
    width: auto;
    overflow-x: auto;
    white-space: nowrap;
  }

  .table.add-table-scroll th {
    display: block;
    width: auto;
  }

  .table.add-table-scroll tbody tr {
    display: inline-block;
    margin: 0 -0.15rem;
  }

  .table.add-table-scroll td {
    display: block;
  }

  .subtitle.is-4 {
    margin: 0 auto;
  }

  .footer ul {
    margin: 0;
  }
  .footer ul li {
    margin: 0;
  }

  .footer {
    background-color: #06639d;
    color: #ffffff;
    padding: 0;
  }

  .footer .column,
  .footer .columns {
    padding: 0;
  }

  .footer_menu.drawer_nav li,
  .footer_menu.global_nav li {
    display: block;
    width: 100%;
    border-top: 1px solid #DDDDDD;
    box-sizing: border-box;
    font-size: 1.2rem;
  }

  .footer_menu.drawer_nav li a:after {
    content: ">";
    right: 1rem;
    position: absolute;
  }

  .footer_menu.global_nav ul {
    display: flex;
    flex-wrap: wrap;
  }

  .footer_menu.global_nav li {
    width: 50%;
  }

  .footer_menu .icon {
    display: none;
  }

  .footer_menu.drawer_nav li a,
  .footer_menu.global_nav li a {
    display: block;
    width: 100%;
    height: 100%;
    padding: 1.25rem 1.25rem 1.25rem 0.75rem;
    box-sizing: border-box;
    text-decoration: none;
    color: #ffffff;
  }

  .footer_menu.global_nav li:nth-child(odd) {
    border-right: 1px solid #DDDDDD;
  }

  .footer .columns .column.footer_logo {
    display: flex;
    padding: 1rem;
    justify-content: center;
    flex-wrap: wrap;
    border-top: 1px solid #DDDDDD;
  }

  .footer .columns .column.footer_logo .footer_logo_image {
    width: 100%;
    text-align: center;
  }

  .subtitle.is-3.is-long_title {
    font-size: 1.25rem;
    width: 90%;
  }

  .is-display {
    display: none;
  }

  .is-zero-space {
    margin: 0;
    padding: 0;
  }

  .is-zero-space .content_wrapper .columns {
    margin: 0;
    padding: 0;
  }

  .is-list_box {
    width: 94%;
    padding: 10px !important;
border: 1px #9a9a9a solid;
border-radius: 6px;
margin: 0;
box-shadow: 2px 2px 5px rgba(0,0,10,0.2);
  }

  .columns .is-list_content.column {
    text-align: right;
    padding-left: 0;
    border-left: none;
  }

  figure.is-centered.is-list_image {
    max-width: 180px;
    max-height: 180px;
    margin: 0 auto;
  }

  .column.is-list-date {
    text-align: center;
  }
}

@media screen and (min-width: 480px) {

  .is-size-7 {
    font-size: 0.75rem!important;
  }

  .navbar {
    min-height: 8rem;
    padding: 1rem 0 0;
  }
  .columns.is-navbar .column.navbar_top_keyword {
    padding: 0.5rem 2rem;
  }
  
  .slide_body {
    padding: 0;
  }

  .sidemenu {
    display: none;
  }

  .two_column_layout {
    margin: 0 auto;
  }

  #slide_body.slide_body {
    display: inline-block;
    padding-top: 0;
  }
  #slide_body.slide_body.add_h1_margin {
    display: inline-block;
    padding-top: 0;
  }
  #slide_body.slide_body.add_h1_margin.add_fix_margin {
    display: inline-block;
    padding-top: 0;
  }

  #sp_top_image.sp_top_image {
    display: none;
  }

  #sp_top_image.sp_top_image .add_h1_margin{
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .image img {
    width: auto;
  }


  .navbar {
    min-height: 6rem;
    padding: 1rem 0 0 1.5rem;
  }

  #fix_header.navbar {
    padding: 0 0 0 1.5rem;
  }

  .navbar-menu {
    display: none;
  }

  .navbar-item {
    padding: 0 1rem;
  }

  .navbar-link {
    padding-right: 2em;
  }

  #header_menu .navbar-item {
    padding: 0 0.5rem;
  }

  #header_menu .navbar-link {
    padding-right: 2em;
  }

  .columns.is-navbar {
    margin: 0;
    padding: 0;
    align-items: center;
    display: flex;
  }

  .columns.is-navbar .column.navbar_top_keyword {
    width: 48%;
  }

  .columns.is-navbar .column.navbar_top_phone,
  .columns.is-navbar .column.navbar_top_phone_number {
    width: 100%;
  }

  .columns.is-navbar .column.navbar_top_phone div,
  .columns.is-navbar .column.navbar_top_phone_number div {
    width: 94%;
  }

  .navbar.navbar_bottom_phone .columns {
    flex-wrap: wrap;
  }

  .navbar_top_menu {
    display: none;
  }

  .columns.is-navbar .column.navbar_top_contact {
    flex-basis: auto;
  }

  .is-navbar .buttons {
    justify-content: center;
  }

  .is-navbar .button.is-small {
    font-size: 0.75rem;
  }

  .navbar-item {
    display: block;
  }

  #menu_burger {
    position: fixed;
    top: 2px;
    right: 8px;
    z-index: 5;
  }

  #menu_burger:focus {
    outline-color: transparent;
  }

  #menu_burger.add_h1_margin {
    top: 1rem;
  }

  .catch01 {
    display: block;
  }

  .section {
    max-width: 100%;
  }

  p.add-pc-view {
    display: inline;
  }

  p.add-sp-view {
    display: none;
  }

  .table.add-teble-blocked th,
  .table.add-teble-blocked td {
    width:auto;
    display: table-cell;
    border-top: 1px solid #111111;
  }

  .two_column_layout {
    margin: 0;
    padding: 0 0.75rem;
  }

  .footer {
    padding: 1rem 1.5rem;
  }

  .footer_menu {
    align-items: baseline;
  }

  .footer_menu.drawer_nav,
  .footer_menu.global_nav {
    padding: 1rem 0;
  }

  .footer_menu.drawer_nav li,
  .footer_menu.global_nav li {
    border-top: 0 none;
    background-color: transparent;
    font-size: 0.85rem;
  }

  .footer_menu .icon {
    display: inline-flex;
  }

  .footer_menu.drawer_nav li a,
  .footer_menu.global_nav li a {
    display: inline;
    text-decoration: none;
    padding: 0;
  }

  .footer_menu.drawer_nav li a:hover,
  .footer_menu.global_nav li a:hover {
    text-decoration: underline;
  }

  .footer_menu.drawer_nav li a:after {
    content:none;
  }

  .footer_menu.global_nav ul {
    display: block;
  }

  .footer_menu.global_nav li {
    width: 100%;
  }

  .footer_menu.global_nav li:nth-child(odd) {
    border-right: 0 none;
  }

  .footer .columns .column.footer_logo {
    display: block;
    border-top: 0 none;
  }

  .subtitle.is-3.is-long_title {
    font-size: 2rem;
    width: 100%;
  }
  .is-display {
    display: block;
  }

  .is-list_box {
    width: 94%;
    padding: 10px !important;
    border: 1px #9a9a9a solid;
border-radius: 6px;
margin: 0;
box-shadow: 2px 2px 5px rgba(0,0,10,0.2);
  }

  figure.is-centered.is-list_image {
    max-width:180px;
    max-height:180px;
    margin:0;
  }

  .columns .is-list_content.column {
    text-align: right;
    padding-left: 0;
    border-left: none;
  }

  .is-list-date {
    text-align: right;
  }

  .is-list_box:last-child {
    width: 94%;
padding: 10px !important;
border: 1px #9a9a9a solid;
border-radius: 6px;
margin: 0;
box-shadow: 2px 2px 5px rgba(0,0,10,0.2);
  }

  .is-list-title {
    font-size: 1.5rem;
  }
}

@media print {
  body {
    font-size: 12pt;
    color: #000000;
    background-color: #FFFFFF;
  }

}


@media screen and (min-width:769px), print {
  .header-image {
    background-size: contain;
  }
  .columns.is-navbar {
    justify-content: space-around;
  }

  .columns.is-navbar .column.navbar_top_contact {
    margin-right: 3.5rem;
  }

  .is-navbar .buttons {
    justify-content: flex-start;
  }

  .column h4 {
    margin: 0 1.25rem;
    font-size: 1.5rem;
  }

  .column.is-feature {
    margin: 0.75rem;
  }
  .column.is-feature.is-6 {
    width: 44%;
  }
  .column.is-feature.is-4 {
    width: 28%;
  }

  .top_slider_nav {
    display: block;
  }

   #fix_header_menu {
    margin: 0 auto;
    display: block;
    z-index:9999;
    width:100%;
  }

  #header_contents.columns {
    max-height: 10rem;
  }

  .has-text-left {
    text-align: left !important;
  }

  .has-text-right {
    text-align: right !important;
  }

  .header_left_image {
    float: left;
    margin-left:4rem;
  }

  .header_left_image.column.has-text-left {
    padding-left: 2.8125rem;
  }
  
  
  .header_right_image.has-text-right {
    margin-right:4rem;
  }
  
  .slide_wrap {
    font-size: 0;
    text-align: center;
    margin-top: 10rem;
  }

  .sidemenu {
    display: block;
  }
}

@media screen and (min-width:960px) {
  #header_menu {
    display: flex;
    justify-content: space-between;
  }

  #fix_header_menu {
    margin: 0 auto;
    display: block;
    z-index:9999;
    width:100%;
  }

  #header_menu a,
  #header_menu.navbar-link {
    height: 3rem;
    line-height: 3rem;
  }

  #header_menu.navbar-item:first-child {
    padding: 0 4rem;
  }

  #header_menu.navbar-item:last-child {
    padding: 0 4rem;
  }

  .navbar-dropdown.is-boxed {
    border-radius: 5px;
    border-top: none;
    -webkit-box-shadow: 0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
    box-shadow: 0 8px 8px rgba(10,10,10,.1),0 0 0 1px rgba(10,10,10,.1);
    display: block;
    opacity: 0;
    pointer-events: none;
    top: calc(100% + (-4px));
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
    -webkit-transition-duration: 86ms;
    transition-duration: 86ms;
    -webkit-transition-property: opacity,-webkit-transform;
    transition-property: opacity,-webkit-transform;
    transition-property: opacity,transform;
    transition-property: opacity,transform,-webkit-transform;
  }

  .navbar-link::after {
    border: 1px solid #3273dc;
    border-right: 0;
    border-top: 0;
    content: " ";
    display: block;
    height: 0.5em;
    pointer-events: none;
    position: absolute;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    -webkit-transform-origin: center;
    transform-origin: center;
    width: 0.5em;
    margin-top: -.375em;
    right: 1.125em;
    top: 50%;
    border-color: *header_arrow_color@6*];
  }

  .navbar-item.is-active .navbar-dropdown.is-boxed, .navbar-item.is-hoverable:hover .navbar-dropdown.is-boxed {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media screen and (min-width:1024px) {
  .navbar {
    min-height: 8rem;
    padding: 0 2.25rem;
  }

  .navbar,
  .navbar-menu,
  .navbar-start {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .navbar-end {
    justify-content: space-around;
}


  .navbar_top_info {
    display: flex;
  }

  .columns.is-navbar .column.navbar_top_keyword {
    width: 33.33333%;
  }
  .navbar_top_phone,
  .navbar_top_phone_number {
    display: flex;
  }

  .navbar_bottom_phone {
    display: none;
  }

  .columns.is-navbar-menu {
    display: inline-block;
    width: 100%;
  }

  .columns.is-navbar-menu .column {
    display: inline-block;
    width: 100%;
    padding: 0 1.5rem;
  }

  .navbar_top_menu {
    display: flex;
  }

  .is-navbar .buttons {
    justify-content: flex-start;
    margin: 2.5rem 0 0;
  }

  p,
  p:not(:last-child) {
    margin: 0 0 1em;
    font-size: 1rem;
    line-height: 1.8;
  }

  ul,
  ul:not(:last-child) {
    margin: 1rem;
    list-style-position: inside;
    line-height: 1.8;
  }

  .panel-block.section p {
    line-height: 1.4;
    color: #333333;
    margin: 0 1rem;
  }

  .panel.section p {
    margin: 0 1rem;
  }

  img {
    width: auto;
  }

  .sidemenu {
    display: block;
  }

  #fix_header_menu {
    margin: 0 auto;
    display: block;
    z-index:9999;
    width:100%;
  }
}

.fa.fa-file-pdf-o {
 margin-right: 0.5rem;
}

@media screen and (max-width:768px) {
  table.multi_table {
    margin: 0 auto;
    width: 100%;
  }

  table.multi_table th {
    display: block;
    width: 100%;
    background: #efefef;
  }

  table.multi_table tr {
    display: block;
    width: 100%;
  }

  table.multi_table td {
    display: list-item;
    list-style-type: none;
    margin-left:10%;
    border:none;
  }

  table.multi_table tr.multi_table_head {
    display:none;
  }


  table.multi_table.hidden_th span {
    display: inline;
  }

  .hidden_th {
    display: inline-block;
  }

  .image.is-16by5,
  .image.is-16by9 {
    margin-bottom:1rem;
  }
}

@media screen and (min-width:769px) {
  table.multi_table {
    width:96%;
    margin:0 auto;
    border:1px solid #1111;
  }

  table.multi_table th,
  table.multi_table td {
    padding: 0.8rem;
    border:1px solid #1111;
    background: #efefef;
    font-size: 1rem;
  }

  table.multi_table th {
    background: #efefef;
    width: 20%;
    text-align: left;
    vertical-align: middle;
  }

  table.multi_table td {
    background: #FFF;
    border:1px solid #1111;

  }

  .hidden_th {
    display: none;
  }
}


/*===============

共通

===============*/

#dropmenu {
	margin: 0 0 20px 0;
	padding: 0;
	background-color: #20A2BD;
	border-radius: 10px 10px 0 0;
}

#dropmenu li {
	text-align: left;
}

#dropmenu li a {
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #FFFFFF;
}

#dropmenu > li:hover > a {
	background: #3db8d2;
}

#dropmenu li ul li a {
	background: #3db8d2;
	font-size: 16px;
}

#dropmenu > li:hover li:hover > a {
	background: #57c7de;
	font-size: 16px;
}

#fix_header {
	height: auto;
	padding-top: 0.5rem;
	background-color: #ffffff;
}

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ";
	/*	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;*/
}

section table {
	width: 100%;
}

table {
	margin: 30px auto;
	line-height: 2.0;
}

table thead tr th {
	background-color: #eee;
	text-align: center;
}

table tbody tr th {
	text-align: center;
	vertical-align: middle;
}

dt {
	font-weight: bold;
	margin-top: 1em;
	font-size: 1rem;
	color: #333333;
}

dd {
	padding-top: 1em;
	padding-left: 1em;
}

ul li {
	list-style: square;
}

/*--- ページ全体の幅 ---*/
.content_wrapper {
    max-width: 1100px;
	/* max-width: 1400px; */
	/* max-width: 1080px; */
}

@media screen and (min-width: 320px) {
	#slide_body.slide_body.add_h1_margin.add_fix_margin {}
}

#pan {
	margin-left: 20px;
	padding-top: 30px;
}

.section {
	padding: 0;
	/* padding-bottom: 40px; */
}

.section h2 {
	padding: 40px 10px 50px;
	/* font-weight: 400; */
	color: #323232;
	width: 100%;
}

.section h3 {
	padding: 5px 20px;
	/* font-size: 18px; */
	color: #323232;
	width: auto;
	margin: 1.5rem 0;
	letter-spacing: 0;
	/* font-weight: 400;
	text-align: center; */
}

.section h4 {
	font-size: 1.2rem;
	/* font-weight: 400; */
	color: #323232;
	width: auto;
	margin: 25px 0 15px;
}

.section h5 {
	font-size: 1.1rem;
	/* font-weight: 400; */
	color: #323232;
	width: auto;
	margin: 20px 0 10px;
	/* border-radius: 5px; */
}

.section p {
	/* margin-bottom: 20px; */
	color: #333333;
}

.section a {
	color: #1c4587;
	border-bottom: 1px solid;
	border-color: #1c4587
}

.section a:hover {
	color: #3c78d8;
	border-bottom: 1px solid;
	border-color: #3c78d8;
}

.section td p {
	margin: 0;
}

.section tr td {
	padding: 10px;
	vertical-align: middle;
}

.columns {
	padding: 0 1rem 1rem;
}

.table th {
	padding: 10px;
	vertical-align: middle;
}

.subtitle.is-3 {
	font-size: 1.8rem;
	margin: 2rem 0;
}

.subtitle.is-4 {
	/* font-size: 1.4rem; */
	line-height: 2rem;
}

h2.subtitle strong {
	color: #323232;
}

h3.subtitle strong {
	color: #323232;
}

h4.subtitle strong {
	color: #323232;
}

h5.subtitle strong {
	color: #323232;
}

p strong {
	color: #333333;
}

.contents-text {
	padding: 10px 0;
}

.tile.is-ancestor {
	padding: 0.5rem 2rem;
}

@media (max-width: 768px) {
	.section h2 {
		padding: 20px 10px 30px;
	}

	.subtitle.is-3 {
		margin: 1rem 0;
	}
}

@media screen and (min-width: 768px) {

	.table.add-teble-blocked th,
	.table.add-teble-blocked td {
		border-top: 1px solid #dbdbdb;
	}
}

@media screen and (min-width: 320px) {
	.table.add-teble-blocked tr:first-child th {
		border-top: 1px solid #dbdbdb;
	}
}

@media (max-width: 650px) {

	.block_tbl th,
	.block_tbl td {
		display: block;
	}
}

@media (max-width: 650px) {
	.scroll_tbl {
		overflow: auto;
		white-space: nowrap;
	}
}

@media screen and (min-width: 768px) {
	.image img {
		width: auto;
		margin: 0 auto;
	}
}

/*
.openhouse_table {
max-width: 440px;
background-color: #FFFFFF;
margin: 0 auto;
}

.openhouse_text {
margin: 0 auto;
text-align: center;
}

.openhouse_text p {
text-align: left;
display: inline-block;
}

.openhouse_pic {
margin: 0 auto;
text-align: center;
}

.openhouse_comment {
background-color: #d6ecff;
padding: 10px;
max-width: 450px;
margin: 0 auto 10px;
}

.openhouse_comment2 {
background-color: #fffad6;
padding: 10px;
max-width: 450px;
margin: 0 auto 10px;
}

.openhouse_price {
background-color: #fff;
padding: 7px;
max-width: 450px;
margin: 10px auto;
border: 2px solid #3d7abf;
}
*/

/*
.alp_btn {
color: #ffffff;
background: orangered;
padding: 15px 30px;
text-decoration: none;
border-radius: 5px;
margin: 20px auto;
width: 300px;
text-align: center;
}

.alp_btn {
transition: .3s;
}

.alp_btn:hover {
background: #fff;
color: orangered;
box-shadow: 0 0 0 2px orangered inset;
}
*/

/*
.table.add-teble-blocked tr:first-child th {
border-top: 1px solid #737373;
}
*/


/*===============

ヘッダーメニュー

===============*/

.mm-menu .mm-navbar a,
.mm-menu .mm-navbar > * {
	color: #000000;
}

.mm-menu .mm-listview.mm-multiline > li > a,
.mm-menu .mm-listview.mm-multiline > li > span,
.mm-menu .mm-listview > li.mm-multiline > a,
.mm-menu .mm-listview > li.mm-multiline > span,
.mm-menu.mm-multiline .mm-listview > li > a,
.mm-menu.mm-multiline .mm-listview > li > span {
	text-align: center;
}

.ui-widget.ui-widget-content.mh_outer {
	height: 0;
}

.ui-widget.ui-widget-content.mh_outer li.mh_level-1 {
	border-left: 2px solid;
	border-left-color: #077cc5;
	height: 45px;
	line-height: 45px;
}

.ui-widget.ui-widget-content.mh_outer li.mh_level-1:first-child {
	border: none;
}

.mh_outer > li.mh_level-1 > a {
	height: 100%;
	padding-top: 0px;
	font-size: 16px;
	letter-spacing: 0;
	color: #ffffff;
	background-color: ;
}

.mh_outer > li.mh_level-1 > a:hover {
	color: #ffffff;
	background-color: ;
}

.mh_outer li.mh_level-1 ul.mh_inner li a {
	color: #ffffff;
	background-color: ;
}

.mh_outer li.mh_level-1 ul.mh_inner li.mh_level-2 a:hover {
	color: #ffffff;
	background-color: ;
}

.mh_outer .mh_parent.ui-menu-item > a::after {
	margin-left: 0.5rem;
}

/*--- トップ画像の背景と上の余白 ---*/
.slide_wrap {
	margin-top: 136px;
	background-color: #fff;
}


.header_left_image {
	margin-left: 10px;
}

/*----- お問い合わせフッター -----*/

.footer_contact {
	margin-top: 20px;
	padding-bottom: 20px;
	background-color: #303030;
}

.footer_contact h2 {
	color: #ffffff;
}

.footer_contact p {
	color: #ffffff;
}

.footer_contact .columns {
	padding: 0 2rem 1rem;
}

.footer_contact h2 {
	padding: 20px 10px;
}

.footer_contact .column.is-3 {
	margin-top: 0;
	margin-left: 0;
}

.contact_btn {
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
}

a.footer_contact_btn {
	text-align: center;
	padding: 1em;
	margin: 1em;
	background-color: #fff;
	color: #323232;
}

a.footer_contact_btn {
	display: block;
}

.column .footer_contact_btn:hover {
	color: #323232;
	background: #F2F2F2;
}

@media (max-width: 768px) {
	.columns .column .footer_contact_btn {
		width: 50%;
		margin-right: auto;
		margin-left: auto;
		margin-top: 0;
	}
}

/*----- フッター -----*/
.footer .columns .column.footer_logo .footer_logo_image {
	text-align: left;
}

.footer {
	border-top: none;
}


/*===============

ブログパーツ

===============*/

/*----- デザインA -----*/

#whatsnew .panel.scroll {
    border: 1px solid #efefef;
    /* padding: 30px; */
}

.whatsnew-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-bottom: 1px solid #d4d4d4;
}

.new_info {
    margin: 0 auto;
}

.panel.scroll h4 {
    color: #323232; /*日付の文字色*/
    font-size: 0.9rem;
    font-weight: bold;
    border-bottom: none;
    margin: 0;
    width: auto;
    padding: 5px;
}

.panel.scroll p {
    width: 80%;
}

.panel.scroll {
    flex-direction: row;
    border: none;
}

.whatsnew-item:first-child {
    padding: 0;
}

.whatsnew-item:nth-child(even) {
    background-color: #fff;
}

.whatsnew-item:not(:first-child) {
    padding: 0;
}

/*----- デザインB -----*/

/* #whatsnew .panel.scroll {
	padding: 30px;
}

.new_info {
	margin: 0 auto;
}

.panel.scroll h4 {
	background-color: #5f6161;
	color: #fff;
	font-size: 1rem;
	font-weight: bold;
	border-bottom: none;
}

.panel.scroll {
	flex-direction: row;
} */


/*===============

サービスの流れ

===============*/

.step {
	color: #323232;
	font-size: 1.7rem;
	padding-right: 1.2rem;
}

.arrow {
	color: #323232;
	margin: 1.5rem auto;
}


/*===============

Q&A(よくあるご質問)

===============*/


.faq_wrap dt {
	padding: 10px 10px 10px 35px;
	border-radius: 5px;
	background: #d0e8ff;
	font-size: 1.2rem;
	text-indent: -25px;
}

.faq_wrap dt::before {
	content: "Q.";
	color: #1c4587;
	font-size: 1.3rem;
	font-weight: bold;
	margin-right: 7px;
}

.faq_wrap dd {
	margin: 20px 10px 40px 35px;
	font-size: 1rem;
	text-indent: -29px;
}

.faq_wrap dd::before {
	content: "A.";
	color: #e66a83;
	font-size: 1.3rem;
	font-weight: bold;
	margin-right: 7px;
}


/*ツチハシ*/

.box {
	background-color: #fff;
	border-radius: 0;
	-webkit-box-shadow: 0 2px 3px rgba(10, 10, 10, .1), 0 0 0 1px rgba(10, 10, 10, .1);
	box-shadow: none;
	color: #4a4a4a;
	display: block;
	padding: 0;
}

.tile.is-parent {
	padding: 0;
}

.subtitle:not(:last-child),
.title:not(:last-child) {
	margin-bottom: 0.5rem;
}


.pic_radius {
	border-radius: 10px 10px 0 0;
}

.tile.is-child {
	background-color: #f3f3f3;
	margin: 10px !important;
	border-radius: 10px;
	padding: 15px;
}

.pic_box {
	text-align: center;
}

/* .column.is-3,
.column.is-3-tablet {
	margin-top: 16px;
	margin-left: 12px;
} */


.ul_indent li {
	padding-left: 1em;
	text-indent: -1em;
	list-style: disc;
}

.ul_indent {
	padding-left: 1em;
}

.tile.is-ancestor:not(:last-child) {
	margin-bottom: 0;
}

img.is-center {
	border-radius: 10px;
}


h3 a:link {
	color: #1b9b8d;
}

h3 a:visited {
	color: #4dbdb1;
}

.tile.is-child.box.main {
	background-color: #ffffff;
	padding-top: 0;
}

allery {
	display: flex;
}

/*===============

テンプレート

===============*/

/*--- 見出し（大） 左線＋背景色 ---*/
.base_color_h2_01 {
	color: #323232 !important;
	background-color: #f4f4f4;
	border-left: 5px solid;
	border-left-color: #323232;
	padding: 4px 20px !important;
}

/*--- リスト シンプル ---*/
.base_color_simple_list {
	padding: 0.5em 0.5em 0.5em 2em;
	margin: 0 auto;
	color: #333333;
	background-color: #fff;
	box-shadow: none;
}

.base_color_simple_list li {
	line-height: 1.5em;
	padding: 0.5em 0;
}

/*--- リスト 番号なし 枠つき ---*/
.base_color_frame_list {
	padding: 0.5em 0.5em 0.5em 2em;
	margin: 0 auto;
	color: #333333;
	border: 2px solid;
	border-color: #333333;
	border-radius: 8px;
	background-color: #fff;
	box-shadow: none;
}

.base_color_frame_list li {
	line-height: 1.5em;
	padding: 0.5em 0;
}

/*--- ボタン ---*/
.column.is-3.rbutton_3column {
	margin: 0 auto;
}

.column.rbutton_element {
	color: #333333;
	padding: 0;
	margin: 0 auto;
	font-size: 16px;
	max-width: 600px;
	border: 2px solid;
	word-wrap: break-word;
	background-color: #ffffff;
	border-color: #4a4a4a;
}

.column.rbutton_element:hover {
	background-color: #4a4a4a;
	color: #ffffff;
	border-color: #4a4a4a;
}

.column.rbutton_element a {
	display: block;
	text-align: center;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	padding: 0.9rem;
	border: none;
	color: #333333;
}

.column.rbutton_element a:hover {
	color: #ffffff;
}

.table_ggmap_horizontal td {
    border: none;
    font-size: 1rem;
    padding: 8px;
}

.table_ggmap_horizontal iframe {
    width: 100%;
    height: 400px;
}

/* .table_ggmap_horizontal tr td:nth-of-type(1) {
    text-align: center;
} */


@media (max-width: 768px) {
	.rbutton_responsive {
		text-align: center;
	}

	.rbutton_element {
		width: 100%;
	}

	.columns.columns.rbutton_horizontal {
		display: block;
	}

	.column.is-3.rbutton_3column {
		margin: 0 auto;
		margin-bottom: 1.1rem;
	}

	.column.is-4.rbutton_element {
		margin: 0 auto;
		margin-bottom: 1.1rem;
	}
}

@media screen and (min-width: 768px) {
	.image_text_2column_item,.image_text_3column_item {
		padding: 1rem;
	}
}




/*===============

九彦テスト

===============*/

.menu_box {
    border: 1px solid #e3e3e3;
}

.menu_box ul {
    margin: 0;
}

.menu_box ul li {
    list-style: none;
}

.menu_box ul li a {
    display: block;
    border: none;
    color: #333333;
}

.menu_box ul li a:hover {
    border: none;
    color: #333333;
}

.menu_boxItem {
    width: 338px;
    height: 230px;
    padding: 0;
}

.menu_box_img {
    display: block;
    width: 338px;
    height: 230px;
    background: #000;
    overflow: hidden;
}

.menu_box_text {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5em;
    font-size: 1.1rem;
    font-weight: bold;
}

.menu_box_img img {
    width: 100%;
    height: 100%;
    transition-duration: 0.3s;
}

a:hover .menu_box_img img {
    transform: scale(1.2);
    transition-duration: 0.3s;
    opacity: 0.6;
}

.right_arrow {
	color: #098ce1;
    padding-right: 5px;
}

/***************************
* トップページ 家主様サポート 売買仲介 会社概要 *
h1 ヘッダータイトル
.ui-widget.ui-widget-content.mh_outer li.mh_level-1 ヘッダーメニュー

* ヘッダーメニュードロップダウンリスト *
.mh_outer .mh_parent .mh_inner li.mh_level-2,
.mh_outer .mh_parent .mh_inner li.mh_level-3,
.mh_outer .mh_parent .mh_inner li.mh_level-4,
.mh_outer .mh_parent .mh_inner li.mh_level-5

.mh_outer .mh_parent.ui-menu-item>a:after ヘッダーメニューアイコンの向き

.mh_outer .mh_parent.ui-menu-item>a:after ヘッダーメニューアイコンの向き

* 固定ﾍｯﾀﾞｰに設定時ヘッダーメニューとトップ画像との隙間 *
#fix_header
.slide_wrap

i.fa.fa-caret-right フッターの矢印

* アンカーの位置 *
div#management
div#chukai

* コンテンツのテンプレート *
.contents-template-01
.contents-template-02
.contents-template-03

h2.top_h2 トップページh2

* トップページh2仲介 *
h2.top_h2_chukai
h2.top_h2.subtitle.is-3

h3.top_h3.subtitle.is-4 トップページh3

p.top-bukken-text トップページ物件テキスト

* トップページサポート内容 *
p.support-content
p.support-content-text
.column.rbutton_element a

* 賃貸管理ボタン *
トップアンカー
.management.column.is-4.rbutton_element
.management.column.is-4.rbutton_element:hover
.management.column.is-4.rbutton_element a
コンテンツ内
.management.column.is-6.rbutton_element
.management.column.is-6.rbutton_element:hover
.management.column.is-6.rbutton_element a

* 売買仲介ボタン *
.chukai.column.is-4.rbutton_element
.chukai.column.is-4.rbutton_element:hover
.chukai.column.is-4.rbutton_element a
.chukai.column.is-6.rbutton_element
.chukai.column.is-6.rbutton_element:hover
.chukai.column.is-6.rbutton_element a

* 会社概要のテーブル *
th.company
td.company

.one_three_button-orange お問い合わせボタン


@media screen and (min-width: 319px)
h2.subtitle.is-3 h2のフォントサイズ 319
h3.subtitle.is-4 h3のフォントサイズ 319
#pan パンくずリスト 319
.button-orange お問い合わせボタン(橙) 319

@media screen and (min-width:320px) and (max-width:480px)
h3.top_h3.subtitle.is-4 h3のフォントサイズ 320

@media screen and (min-width:480px) and (max-width:768px)

@media screen and (min-width:768px) and (max-width:1024px)
* トップ管理物件一覧画像 *
.columns.top-bukken
img.top-bukken-img

.columns.image_text_3column 主なサポート内容画像

@media screen and (min-width:1024px)
img.top-bukken-img 物件トップ画像


****************************/

/* ヘッダータイトル */
h1 {
  background-color: #05578A;
}

/* ヘッダーメニュー*/
.ui-widget.ui-widget-content.mh_outer li.mh_level-1 {
  background-image: url(/content/images/top_image/navi_bg.png);
  background-repeat: repeat-x;
}

/* ヘッダーメニュードロップダウンリスト*/
.mh_outer .mh_parent .mh_inner li.mh_level-2,
.mh_outer .mh_parent .mh_inner li.mh_level-3,
.mh_outer .mh_parent .mh_inner li.mh_level-4,
.mh_outer .mh_parent .mh_inner li.mh_level-5 {
  background-image: url(/content/images/top_image/navi_bg.png);
  background-repeat: repeat-x;
}

/* ヘッダーメニューアイコンの向き */
.mh_outer .mh_parent.ui-menu-item>a:after {
  content: '\f0d7';
}

/* 固定ﾍｯﾀﾞｰに設定時ヘッダーメニューとトップ画像との隙間 */
#fix_header {
  padding-top: 0;
  height: auto;
}

.slide_wrap {
  margin-top: 165px;
}

/* フッターの矢印 */
i.fa.fa-caret-right {
  color: #f68829;
}

/* アンカーの位置 */
div#management {
  padding-top: 100px;
  margin-top: -100px;
}

div#chukai {
  padding-top: 100px;
  margin-top: -100px;
}

/* コンテンツのテンプレート */
.contents-template-01 {
  margin: 2rem auto;
}

.contents-template-02 {
  margin: 4rem -2rem 0 -2rem;
}

.contents-template-03 {
  margin: 0px 1rem;
}

/* トップページh2 */
h2.top_h2 {
  background-color: #06639D;
  color: #fff;
  padding: 1rem;
}

/* トップページh2仲介 */
h2.top_h2_chukai {
  background-color: #83CA40;
  color: #fff;
  padding: 1rem;
}

h2.top_h2.subtitle.is-3 {
  margin: 2rem 0;
}

/* トップページh3 */
h3.top_h3.subtitle.is-4 {
  border-bottom: 2px solid #06639D;
  color: #f57D14;
  line-height: 1.5rem;
  padding-left: 0.5rem;
  font-weight: bold;
}

/* トップページ物件テキスト */
p.top-bukken-text {
  text-align: center;
}

/* トップページサポート内容 */
p.support-content {
  font-weight: bold;
  text-align: center;
}

p.support-content-text {
  text-align: center;
}

.column.rbutton_element a {
  position: relative;
}

/* 賃貸管理ボタン */
.management.column.is-4.rbutton_element {
  background-color: #06639D;
  border-color: #06639D;
}

.management.column.is-4.rbutton_element:hover {
  opacity: 0.8;
}

.management.column.is-4.rbutton_element a {
  color: #fff;
}

.management.column.is-6.rbutton_element {
  background-color: #06639D;
  border-color: #06639D;
}

.management.column.is-6.rbutton_element:hover {
  opacity: 0.8;
}

.management.column.is-6.rbutton_element a {
  color: #fff;
}

/* 売買仲介ボタン */
.chukai.column.is-4.rbutton_element {
  background-color: #83CA40;
  border-color: #83CA40;
}

.chukai.column.is-4.rbutton_element:hover {
  opacity: 0.8;
}

.chukai.column.is-4.rbutton_element a {
  color: #fff;
}

.chukai.column.is-6.rbutton_element {
  background-color: #83CA40;
  border-color: #83CA40;
}

.chukai.column.is-6.rbutton_element:hover {
  opacity: 0.8;
}

.chukai.column.is-6.rbutton_element a {
  color: #fff;
}

/* 会社概要のテーブル */
th.company {
  background-color: #F4F6F6;
  border: 1px solid #999999;
  border-collapse: collapse;
}

td.company {
  border: 1px solid #999999;
  border-collapse: collapse;
}

/* お問い合わせボタン */
.one_three_button-orange {
  display: inline-block;
  position: relative;
  padding: 1rem;
  margin: 0px 0px 4px 0px;
  width: 35%;
  font-size: 1.5rem;
  background-color: #f68829;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  box-shadow: 0px 5px #d76909;
  display: inline-block;
  border-radius: 5px;
  cursor: pointer;
  line-height: 1em;
}


/* 画面サイズが320px以下のサイズはここを読み込む */
@media screen and (max-width: 319px) {

  /* h2のフォントサイズ 319 */
  h2.subtitle.is-3 {
    font-size: 1.5rem;
  }

  /* h3のフォントサイズ 319 */
  h3.subtitle.is-4 {
    font-size: 1.3rem;
  }

  /* パンくずリスト 319 */
  #pan {
    padding-top: 0.3rem;
  }

  /* お問い合わせボタン(橙) 319 */
  .button-orange {
    width: 90%;
    font-size: 1rem;
  }
}

/* 画面サイズが320pxから480pxまではここを読み込む */
@media screen and (min-width:320px) and (max-width:480px) {

  /* h3のフォントサイズ 320 */
  h3.top_h3.subtitle.is-4 {
    font-size: 1.5rem;
  }

}

/* 画面サイズが480pxから768pxまではここを読み込む */
@media screen and (min-width:480px) {}

/* 画面サイズが768pxから1024pxまではここを読み込む */
@media screen and (min-width:768px) and (max-width:1024px) {

  /* トップ管理物件一覧画像 */
  .columns.top-bukken {
    display: flex;
  }

  img.top-bukken-img {
    width: 280px;
    height: 320px;
    object-fit: cover;
  }

  /* 主なサポート内容画像 */
  .columns.image_text_3column {
    display: flex;
  }
}

/* 画面サイズが1024pxからはここを読み込む */
@media screen and (min-width:1024px) {

  /* 物件トップ画像 */
  img.top-bukken-img {
    width: 280px;
    height: 320px;
    object-fit: cover;
  }
}

/***************************
* 管理物件と物件テンプレートのcss *

* ページャー *
div#page_index ページャーの余白
span.ditto_currentpage ページャー 現在ページのcss
a.ditto_page ページャー リンク先のcss
.before 前へボタン
.next 次へボタン

figure.is-centered.is-list_image.list_photo 管理一覧画像サイズ

.has-text-left 一覧用コメント
h3.o_basic_information.subtitle.is-4 物件ページ h3

* 物件テンプレート *
div.basic_info.columns 物件情報
div.edit_date 最終更新日
div.recommendations 担当者からオススメポイント
i.fa.fa-star.recommended おすすめ情報の☆アイコン

外観画像
figure.appearance
figure.appearance:hover

その他写真
div.gallery_photos.columns
figure.gallery
figure.gallery:hover
img.gallery

p.tmp-bukkenn-text その他写真のテキスト

物件概要table
table.property_information_ta
th.property_information_th
td.property_information_td

@media screen and (min-width: 319px)

h3.estate_area.title.is-list-title 物件一覧のh3 319
h3.title.is-list-title 区域毎のh3 319
div.recommendations p 担当者からオススメポイントのpタグ 319
div.property_information p 物件概要のpタグ 319
table.property_information_ta 物件概要のtable 319
table.property_information_ta 周辺地図 319

@media screen and (min-width:320px) and (max-width:480px)

h3.estate_area.title.is-list-title 物件一覧のh3 320
h3.title.is-list-title 区域毎のh3 320
div.recommendations p 担当者からオススメポイントのpタグ 320
div.property_information p 物件概要のpタグ 320
table.property_information_ta 物件概要のtable 320
table.property_information_ta 周辺地図 320

@media screen and (min-width:480px) and (max-width:768px)

h3.estate_area.title.is-list-title 物件一覧のh3 480
h3.title.is-list-title 区域毎のh3 480
div.recommendations p 担当者からオススメポイントのpタグ 480
div.property_information p 物件概要のpタグ 480
table.property_information_ta 物件概要のtable 480

@media screen and (min-width:768px) and (max-width:1024px)

h3.estate_area.title.is-list-title 物件一覧のh3 768
.is-list_box.columns 物件一覧の画像とタイトル 768
h3.title.is-list-title 区域毎のh3 768
div.recommendations p 担当者からオススメポイントのpタグ 768
div.property_information p 物件概要のpタグ 768
table.property_information_ta 物件概要のtable 768

@media screen and (min-width:1024px)

h3.estate_area.title.is-list-title 物件一覧のh3 1024
h3.title.is-list-title 区域毎のh3 1024
div.recommendations p 担当者からオススメポイントのpタグ 1024
div.property_information p 物件概要のpタグ 1024
table.property_information_ta 物件概要のtable 1024


****************************/

/* ページャーの余白 */
div#page_index {
  margin-bottom: 20px;
}

/* ページャー 現在ページのcss */
span.ditto_currentpage {
  display: inline-block;
  margin: 0 2px;
  padding: 3px 5px;
  border: 1px solid #cadfeb;
  font-weight: bold;
  background: #dae9f4;
}

/* ページャー リンク先のcss */
a.ditto_page {
  display: inline-block;
  margin: 0 2px;
  padding: 3px 5px;
  border: 1px solid #e1e1e1;
  background: #f1f1f1;
}

/* 前へボタン */
.before {
  display: inline-block;
  line-height: 1.5;
}

/* 次へボタン */
.next {
  display: inline-block;
  line-height: 1.5;
}

/* 管理一覧画像サイズ */
figure.is-centered.is-list_image.list_photo {
  max-width: 100px;
  max-height: 100px;
}

/* 一覧用コメント */
.has-text-left {
  margin-left: 20px;
}

/* 物件ページ h3 */
h3.o_basic_information.subtitle.is-4 {
  border-bottom: 2px solid #06639D;
  line-height: 1.5rem;
  padding-left: 0.5rem;
}

/* 物件情報 */
div.basic_info.columns {
  padding: 0 1rem;
}

/* 最終更新日 */
div.edit_date {
  margin-left: 1rem;
}

/* 担当者からオススメポイント */
div.recommendations {
  margin-top: 1rem;
  background-color: #E9ECEC;
}

/* おすすめ情報の☆アイコン */
i.fa.fa-star.recommended {
  color: #f68829;
}

/* 外観画像 */
figure.appearance {
  text-align: center;
}

figure.appearance:hover {
  opacity: 0.8;
}

/* その他写真 */
div.gallery_photos.columns {
  padding: 0 1rem;
  text-align: center;
}

figure.gallery {
  max-width: 100%;
  margin: 0 auto;
}

figure.gallery:hover {
  opacity: 0.8;
}

img.gallery {
  max-height: 320px;
  object-fit: cover;
}

/* その他写真のテキスト */
p.tmp-bukkenn-text {
  text-align: center;
}

/* 物件概要table */
table.property_information_ta {
  padding: 0px;
  margin: 1rem 0;
  border-collapse: collapse;
  width: 100%;
  table-layout: fixed;
  border: 1px solid #999999;
}

th.property_information_th {
  padding: 3px 2px;
  margin: 0px;
  font-weight: bold;
  text-align: center;
  width: 30%;
  border: 1px solid #999999;
  background-color: #E9ECEC;
  font-weight: normal;
}

td.property_information_td {
  padding: 2px;
  margin: 0px;
  border: 1px solid #999999;
  text-align: left;
}


/* 画面サイズが320px以下のサイズはここを読み込む */
@media screen and (max-width: 319px) {

  /* 物件一覧のh3 319 */
  h3.estate_area.title.is-list-title {
    font-size: 1.3rem;
    text-align: center;
  }

  /* 区域毎のh3 319 */
  h3.title.is-list-title {
    font-size: 1.3rem;
    text-align: center;
  }

  /* 担当者からオススメポイントのpタグ 319 */
  div.recommendations p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
  }

  /* 物件概要のpタグ 319 */
  div.property_information p {
    margin: 0;
    font-size: 1rem;
    line-height: 1.4;
  }

  /* 物件概要のtable 319 */
  table.property_information_ta {
    font-size: 1rem;
    line-height: 1.4;
  }

  /* 周辺地図 319 */
  div.map {
    margin: 0px 1rem;
  }

}

/* 画面サイズが320pxから480pxまではここを読み込む */
@media screen and (min-width:320px) and (max-width:480px) {

  /* 物件一覧のh3 320 */
  h3.estate_area.title.is-list-title {
    text-align: center;
  }

  /* 区域毎のh3 320 */
  h3.title.is-list-title {
    text-align: center;
  }

  /* 担当者からオススメポイントのpタグ 320 */
  div.recommendations p {
    margin: 0;
    line-height: 1.4;
  }

  /* 物件概要のpタグ 320 */
  div.property_information p {
    margin: 0;
    line-height: 1.4;
  }

  /* 物件概要のtable 320 */
  table.property_information_ta {
    line-height: 1.4;
  }

  /* 周辺地図 320 */
  div.map {
    margin: 0px 1rem;
  }

}

/* 画面サイズが480pxから768pxまではここを読み込む */
@media screen and (min-width:480px) and (max-width:768px) {

  /* 物件一覧のh3 480 */
  h3.estate_area.title.is-list-title {
    text-align: center;
  }

  /* 区域毎のh3 480  */
  h3.title.is-list-title {
    text-align: center;
  }

  /* 担当者からオススメポイントのpタグ 480 */
  div.recommendations p {
    margin: 0;
    line-height: 1.4;
  }

  /* 物件概要のpタグ 480 */
  div.property_information p {
    margin: 0;
    line-height: 1.4;
  }

  /* 物件概要のtable 480 */
  table.property_information_ta {
    line-height: 1.4;
  }

}

/* 画面サイズが768pxから1024pxまではここを読み込む */
@media screen and (min-width:768px) and (max-width:1024px) {

  /* 物件一覧のh3 768 */
  h3.estate_area.title.is-list-title {
    text-align: left;
  }

  /* 物件一覧の画像とタイトル 768 */
  .is-list_box.columns {
    display: flex;
  }

  /* 区域毎のh3 768 */
    h3.title.is-list-title {
      text-align: left;
    }

  /* 担当者からオススメポイントのpタグ 768 */
  div.recommendations p {
    margin: 0;
    line-height: 1.8;
  }

  /* 物件概要のpタグ 768 */
  div.property_information p {
    margin: 0;
    line-height: 1.8;
  }

  /* 物件概要のtable 768 */
  table.property_information_ta {
    line-height: 1.8;
  }
}

/* 画面サイズが1024pxからはここを読み込む */
@media screen and (min-width:1024px) {

  /* 物件一覧のh3 1024 */
  h3.estate_area.title.is-list-title {
    text-align: left;
  }

  /* 区域毎のh3 1024 */
  h3.title.is-list-title {
    text-align: left;
  }

  /* 担当者からオススメポイントのpタグ 1024 */
  div.recommendations p {
    margin: 0;
    line-height: 1.8;
  }

  /* 物件概要のpタグ 1024 */
  div.property_information p {
    margin: 0;
    line-height: 1.8;
  }

  /* 物件概要のtable 1024 */
  table.property_information_ta {
    line-height: 1.8;
  }
}