@charset "shift_jis";
/*-----------------------------------------------
マスターファイルです。編集しないでください。
-----------------------------------------------*/
h1 br {
 display: none;
}
img {
 max-width: 100%;
 vertical-align: bottom;
 width
 /***/
 : auto;
}
a img {
 border: none;
}
div#map_canvas img {
 max-height: none;
}
div[id^="map_canvas"] {}
ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
li {
 list-style: none;
}
.pc_off {
 display: none;
}
._jcpage_spbtn_area {
 display: none;
}
.float_r {
 float: right;
}
.float_l {
 float: left;
}
.clear {
 clear: both;
}
.clearfix:after {
 content: ".";
 display: block;
 clear: both;
 height: 0;
 visibility: hidden;
}
.clearfix {
 min-height: 1px;
}
* html .clearfix {
 height: 1px;
 /*\*/
 /*/
 height: auto;
 overflow: hidden;
 /**/
}
.grouppaging {
 text-align: center;
 clear: both;
}
.grouppaging li {
 display: inline-block;
 vertical-align: top;
 *display: inline;
 *zoom: 1;
 width: 40px !important;
 margin: 2px 7px 2px 0;
 line-height: 35px;
 border: 1px solid #ccc;
}
.grouppaging li span {
 display: block;
 background-color: #fdfcfd;
}
.grouppaging a {
 height: 35px;
 line-height: 35px;
 display: block;
 background: #ddd;
 text-align: center;
 font-weight: bold;
 color: #000000 !important;
 text-decoration: none !important;
}
.grouppaging a:hover {
 background: #aaaaaa;
}
.grouppaging a.active {
 background: #FFBF00;
}
.map_text {
 font-weight: bold;
 text-align: center;
 margin: 5px 0;
}
/* jQueryAutoHeight */
.jQueryAutoHeight {
 width: auto;
}
.jQueryAutoHeight .block {
 float: left;
 display: block;
 width: 130px;
 margin: 4px 3px;
 padding: 5px;
 background: #f9f9f9;
 font-size: 90%;
 border: 1px solid #ccc;
}

/*-------------------------- master start --------------------------*/
.page_next {
 margin: 50px auto;
 background-color: #f5f5f5;
 max-width: 1000px;
 width: 100%;
}
.page_next ul {
 display: flex;
 justify-content: space-between;
 align-items: center;
 height: 92px;
}
.page_next li {
 flex-basis: 45%;
 align-self: center;
 font-size: 13px;
 line-height: 22px;
 position: relative;
 height: 100%;
}
.page_next li:nth-child(1) a {}
.page_next li:nth-child(1) a::before {
 content: '\f053';
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 position: absolute;
 top: 50%;
 left: 25px;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 color: #000;
}
.page_next li:nth-child(2) {
 flex-basis: 80px;
 height: 40px;
 border: 1px solid #999999;
 border-radius: 3px;
 background-color: #ffffff;
 text-align: center;
 line-height: 40px;
 box-sizing: border-box;
}
.page_next li:nth-child(2) a {
 display: block;
 color: #111111;
 text-decoration: none;
}
.page_next li:nth-child(3) a {
 padding: 35px 55px 35px 15px;
 text-align: right;
}
.page_next li:nth-child(3) a::after {
 content: '\f054';
 font-family: 'Font Awesome 5 Free';
 font-weight: 900;
 position: absolute;
 top: 50%;
 right: 25px;
 -webkit-transform: translateY(-50%);
 transform: translateY(-50%);
 color: #000;
}
.page_next li a {
 display: block;
 color: #0086d1;
 height: 100%;
 display: flex;
 align-items: center;
}
.page_next li:hover a {
 text-decoration: none;
 color: #999;
}
/*-----------------------------------------------
 .info_ma　/info/ インフォメーション
-----------------------------------------------*/
.info_ma {
 overflow: hidden;
 clear: both;
 width: 780px;
 margin: 30px auto 0;
}
.info_ma .cms_li_box{
 margin-bottom: 20px;
}
.info_ma ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.info_ma_list li {
 width: 49%;
 display: inline-block;
 vertical-align: top;
 position: relative;
}
.info_ma h2 a {
 float: left;
}
.info_ma h2 span {
 display: block;
 font-size: 13px;
}
.info_ma h2 p {
 color: #333;
 font-size: 18px;
 font-weight: normal;
 line-height: 42px;
 float: right;
}
.info_ma_list h3 {
 width: 100%;
 color: #FFF;
 margin: 0px;
 padding: 5px;
 position: absolute;
 background-color: rgba(0, 0, 0, 0.8);
 display: block;
 top: 205px;
 box-sizing: border-box;
 z-index: 1;
}
.info_ma_list h3 a {
 color: #FFF;
 font-size: 14px;
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.info_ma_list h3 a:hover {
 text-decoration: underline;
}
.info_ma_list h3 span {
 font-size: 12px;
 font-weight: normal;
}
.info_ma p {
 line-height: 27px;
 font-size: medium;
}
.info_ma p a {
    color: #006dd9;
    text-decoration: underline;
}
.info_ma p img {
 vertical-align: middle !important;
}
.info_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.info_ma_pager ul {}
.info_ma_pager li {
 float: left;
}
.info_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}
.info_ma_pager li a:hover {
 background: #DDD;
}
.info_ma_right {
 width: 200px;
 margin: 0px 0px 0px 20px;
 padding: 0;
 float: right;
}
.info_ma_right iframe {
 border: none;
 width: 200px;
 vertical-align: bottom;
 margin-bottom: -20px;
}
.info_ma h2 {
 font-size: 30px;
 line-height: 40px;
 margin: 0 0 20px 0;
 padding: 10px 15px;
 height: auto;
 overflow: hidden;
 border-bottom: solid 2px #DDD;
}
.info_ma h2 p {
 line-height: 30px;
}
.info_ma_list {
 padding: 0px;
 overflow: hidden;
 display: flex;
    flex-wrap: wrap;
    gap: 20px 2%;
 margin-bottom: 20px !important;
}
.info_ma_list div {
 float: none !important;
}
.info_ma_list .info_ma_list {
 height: 250px;
 overflow: hidden;
 background: url("/img_cms/no-image.gif") no-repeat;
 background-size: cover;
 display: block;
 margin-bottom: 0px !important;
}
.info_ma_list a {
 display: block;
}
.info_ma_list li:hover img {
 transform: scale(1.1);
}
.info_ma_list a img {
 min-width: 100%;
 height: 250px;
 object-fit: cover;
 font-family: 'object-fit: cover';
 transition: 0.3s;
}
.info_ma_list p {
 margin: 10px 0px 0px 0px;
 padding: 0;
 line-height: 24px;
}
.info_ma_thema {
 position: absolute;
 top: 5px;
 left: 5px;
 z-index: 1;
}
.info_ma_thema ul {
    margin: 0;
    display: flex;
    align-items: self-start;
    gap: 0px 3px;
}
.info_ma_thema ul li {
 border: solid 1px #aaa;
    padding: 3px 10px;
    font-size: 12px;
    border-radius: 5px;
    background-color: #fff;
    width: auto;
    height: auto;
    margin: 0px;
    white-space: nowrap;
}
.info_shosai_thema ul li {
 border: solid 1px #aaa;
 padding: 3px 10px;
 margin-right: 5px;
 font-size: 12px;
 border-radius: 5px;
 background-color: #fff;
}
.info_shosai_thema ul {
 margin: 0;
 padding: 0px;
 list-style-type: none;
 display: flex;
}
/*-----------------------------------------------
一覧シンプル表示　日付・タイトルのみ
-----------------------------------------------*/
.cms_li_box {
 margin: auto;
 text-align: left;
}
.cms_li_box ul li a {
 font-size: 14px;
 display: block;
 box-sizing: border-box;
 line-height: 60px;
 padding: 0 30px;
 font-weight: bold;
 color: #333;
 text-decoration: none;
 display: flex;
 align-items: baseline;
}
.cms_li_box ul li:nth-child(odd) a {
 background: #F5F5F5;
}
.cms_li_box ul li a:hover {
 background: #DDDDDD;
}
.cms_li_box ul li a span {
 font-weight: 500;
 width: 23%;
}
.cms_li_box ul li a p {
 width: 100%;
 line-height: 28px;
}
/*-----------------------------------------------
ここまで
-----------------------------------------------*/
/*-----------------------------------------------
 .info_li　/info/ インフォメーション
-----------------------------------------------*/
/*----------一覧----------*/
.info_li {
  width: 100%;
  margin: 0;
  padding-bottom: 100px;
  overflow: visible;
  background: #f7f7f7;

  /* Grid of articles */
  & .info_li_box {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 48px 40px;
    list-style: none;
    padding:80px 0px 0px;
    margin: auto;
    width: 1100px;

    & > li.info_link {
      width: 100%;
      display: block;
      position: relative;
      border-radius: 4px;
      overflow: hidden;
      transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.5s ease;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);

      &:hover {
        transform: translateY(-6px);
        box-shadow: 0 20px 50px -15px rgba(44, 74, 62, 0.18);

        & h3 {
        }

        & .info_card-meta::after {
          transform: translateX(6px);
        }
      }

      /* Image area ? placeholder backgrounds */
      & .info_li_img {
        display: flex;
        flex-direction: column;
        align-items: center;
        height: 280px;
        overflow: hidden;
        position: relative;

        & > img {
          width: 100%;
          height: 100%;
          object-fit: cover;
        }
      }
    }

    /* Title ? 2-line clamp for consistent height */
    & h3 {
      padding: 24px 28px 0;
      font-size: 16px;
      font-weight: bold;
      line-height: 1.7;
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: 2;
      height: 78px;
      overflow: hidden;
      box-sizing: border-box;
    }
  }

  /* Theme tags - top left */
  & .info_li_thema {
    position: absolute;
    top: 20px;
    left: 20px;
    z-index: 2;

    & ul {
      display: flex;
      gap: 6px;
      list-style: none;
      margin: 0;
      padding: 0;

      & li {
        background: #fff;
        padding: 5px 12px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.05em;
        border-radius: 2px;
        border: none;
        width: auto;
        height: auto;
        white-space: nowrap;
        border: 1px solid #e5e2da;
      }
    }
  }

  /* Outer card link covers the entire li */
  & .info_card-link {
    display: block;
    text-decoration: none;
    color: #000;
    height: 100%;
    background: #fff;

    &:hover {
      text-decoration: none;
    }
  }

  /* Card footer with date + read more */
  & .info_card-meta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 12px;
    letter-spacing: 0.1em;
    margin: 16px 28px 24px;
    padding-top: 14px;
    border-top: 1px solid #e5e2da;

    &::after {
      content: 'Read more →';
      font-size: 12px;
      font-weight: 500;
      letter-spacing: 0.1em;
      transition: transform 0.3s ease;
    }
  }
  .blog_foot{
    overflow: hidden;
    width: 1100px;
    margin: auto;
  }
}

/*----------詳細----------*/
.info_detail {
  padding: 0px 0px 80px;
  background: #f7f7f7;
  .info_detail_inner{
    width: 1100px;
    margin: auto;
    /* Theme tags */
    & .info_shosai_thema {
      margin-bottom: 28px;
      & ul {
        display: flex;
        gap: 8px;
        list-style: none;
        margin: 0;
        padding: 0;
        & li {
          background: #fff;
          border: 1px solid #000;
          padding: 5px 14px;
          font-size: 11px;
          font-weight: 500;
          letter-spacing: 0.08em;
          border-radius: 2px;
          white-space: nowrap;
        }
      }
    }

    /* Article title */
    & h2 {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.5;
      letter-spacing: 0.02em;
      margin-bottom: 24px;
      padding-bottom: 32px;
      border-bottom: 1px solid #dcdcdc;
      display: flex;
      flex-direction: column;
      gap: 12px;

      & span {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.15em;
        order: -1;
      }
    }
  }
  .pan_wrap{
    width: 1100px;
    margin: 10px auto 50px;
  }
  .page_next{
    overflow: hidden;
    margin-bottom: 60px;
    background: #fff;
  }
  .blog_foot{
    overflow: hidden;
  }
}
.header_title {
 display: block;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px dashed #CCC;
 color: #333;
 padding-bottom: 10px;
 text-align: center;
 letter-spacing: 1px;
}
.cms_blogparts {
 text-align: center;
}
.cms_blogparts .header {
 height: 40px;
 padding-top: 0;
}
ul.body_list {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.body_list li {
 position: relative;
 background: #EEE;
 margin-bottom: 5px;
 line-height: 24px;
 padding: 0;
 border-bottom: none;
 border-left: none;
}
ul.body_list li.list_nolink {
 padding: 1px 5px;
}
ul.body_list li a {
 display: block !important;
 padding: 1px 5px !important;
 color: #333 !important;
 text-decoration: none !important;
 position: relative !important;
}
ul.body_list li a:hover {
 background: #CCC;
}
.info_ma .list_nolink {
 padding: 1px 5px;
 color: #999;
}
.info_ma .cal_link a {
 display: block;
 background: #EAF4FF;
 font-weight: bold;
 color: #333;
 text-decoration: none;
}
.info_ma .cal_link a:hover {
 background: #004E9E;
 color: #fff;
}
.info_foot {}
.info_foot_l,
.info_foot_r {
 width: 48%;
 float: left;
}
.info_foot_l {
 margin-right: 4%;
}
.maincontents a {
}
table.postresult {
 margin:0 auto;
 width:100%;
 max-width:1000px;
}
.tablenormal span {
 background-color: #eee;
 display: block;
 padding: 5px 0;
 color: #999;
 text-align: center;
}
.tablenormal {
 display: block;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px dashed #CCC;
 color: #333;
 padding-bottom: 10px;
 text-align: center;
 letter-spacing: 1px;
 margin-bottom: 15px;
}
.tablenormal img {
 display: none;
}
.tablenormal a {
  display: block;
  padding: 10px;
  text-align: left;
  font-size: 14px;
  border-bottom: dotted 1px #ddd;
  color: #333;
  text-decoration: none;
}
.tablenormal a:hover {
    text-decoration: underline;
}
/*-----------------------------------------------
 /blog/ インフォメーション
-----------------------------------------------*/
.blog_ma {
 overflow: hidden;
 clear: both;
 width: 780px;
 margin: 30px auto;
}
.blog_ma_list {
 margin: 0;
 padding: 0;
}
ul.blog_ma_list {
 margin: 0 0 50px 0;
 padding: 0;
 list-style: none;
 border-top: 1px solid #DDD9D3;
}
ul.blog_ma_list li {
 overflow: hidden;
 border-bottom: 1px solid #DDD9D3;
}
ul.blog_ma_list li a:hover h3 {
 text-decoration: underline;
}
ul.blog_ma_list .float_l {
  width: 70%;
  height: 150px;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
}
ul.blog_ma_list .float_l span {
 color: #666;
 font-size: 12px;
}
.blog_thema {
 font-size: 12px;
 color: #666;
 margin-top: auto;
}
.blog_thema ul {
 display: flex;
 flex-wrap: wrap;
 gap: 5px;
 margin: 1em auto 0 auto;
 padding: 0;
}
.blog_thema li {
 border: solid 1px #aaa !important;
 padding: 0.3em 0.5em;
 font-size: 10px;
 border-radius: 5px;
}
ul.blog_ma_list .float_r {
 width: 28%;
 border-radius: 5px;
 overflow: hidden;
}
ul.blog_ma_list .float_r img {
 width: 100%;
 height: 150px !important;
 object-fit: cover;
 transition: 0.5s;
}
ul.blog_ma_list h3 a {
 color: #333;
 text-decoration: none;
 float: left;
 padding: 5px 0;
}
ul.blog_ma_list h3 span {
 display: block;
 float: right;
 color: #333;
 text-decoration: none;
 font-size: 16px;
 line-height: 30px;
}
ul.blog_ma_list h3 a:hover {
 text-decoration: underline;
}
ul.blog_ma_list a:hover img {
 transform: scale(1.1);
}
ul.blog_ma_list h3 p {
 color: #333;
 font-size: 18px;
 font-weight: normal;
 line-height: 42px;
 float: right;
}
ul.blog_ma_list h3 {
 margin: 0;
 height: auto;
 overflow: hidden;
 font-size: 20px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 background: none;
 border: none;
 padding: 0;
 color: #333;
}
.blog_ma_pager ul {
 margin: 0;
 padding: 0;
}
.blog_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.blog_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}
.blog_ma_pager li a:hover {
 background: #DDD;
}
.blog_ma_right {
 width: 200px;
 margin: 0px 0px 0px 20px;
 padding: 0;
 float: right;
}
.blog_ma_right iframe {
 border: none;
 width: 200px;
 vertical-align: bottom;
 margin-bottom: -20px;
}
.blog_ma h3 p {
 line-height: 30px;
}
.blog_ma_list {
 overflow: hidden;
}
.blog_ma_list a {
 display: block;
 padding: 15px 10px;
 text-decoration: none;
}
.blog_ma_list a img {}
.blog_ma_left {}
.blog_ma_left p a {
    color: #006dd9;
    text-decoration: underline;
}
.blog_tl_top {
 display: flex;
 justify-content: flex-start;
 align-items: center;
}
.blog_tl_top span {
 margin-right: 5px;
 font-weight: bold;
 font-size: 13px;
}
.blog_thema_shosai {
 font-size: 14px;
 color: #666;
 margin:1em auto 2em auto;
 width:98%;
}
.blog_thema_shosai p {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
}

.blog_thema_shosai label {
 border: solid 1px #aaa;
 padding: 3px 10px;
 margin-right: 5px;
 font-size: 12px;
 border-radius: 5px;
}
.header_title {
 display: block;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px dashed #CCC;
 color: #333;
 padding-bottom: 10px;
 text-align: center;
 letter-spacing: 1px;
}
.cms_blogparts .header {
 height: 40px;
 padding-top: 0;
}
.blog_header_title {
 display: block;
 font-weight: bold;
 line-height: 16px;
 border-bottom: 1px dashed #CCC;
 color: #333;
 padding-bottom: 10px;
 text-align: center;
 letter-spacing: 1px;
}
.cms_blogparts .blog_header {
 height: 40px;
 padding-top: 0;
}
.body_calender {
 width: 100%;
}
.cms_bsp_calendar {
 vertical-align: bottom;
}
.cms_bsp_calendar {
 width: 100%;
 text-align: center;
 padding: 0px;
}
.cms_bsp_calendar tr th a {
 color: #333;
}
.cms_bsp_calendar tr td {
 width: 14%;
 text-align: center;
 line-height: 25px;
}
ul.body_list {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.body_list li {
 background: #EEE;
 margin-bottom: 5px;
 line-height: 24px;
 padding: 0;
 border-bottom: none;
}
ul.body_list li.list_nolink {
 padding: 1px 5px;
}
ul.body_list li a {
 display: block;
 padding: 1px 5px;
 color: #333;
 text-decoration: none;
}
ul.body_list li a:hover {
 text-decoration: underline;
 background: #CCC;
}
.list_nolink {
 padding: 1px 5px;
 color: #999;
}
.cal_link a {
 display: block;
 background: #D5D5D5;
 font-weight: bold;
 color: #333;
 text-decoration: none;
 border-radius: 5px;
}
.cal_link a:hover {
 background: #004E9E;
 color: #fff;
}
.blog_foot {}
.blog_foot_l,
.blog_foot_r {
 width: 48%;
 float: left;
 margin-top: 20px;
}
.blog_foot_l {
 margin-right: 4%;
}
.blog_ma_left h3 {
 margin: 0.3em auto 1em auto;
 position: relative;
 padding: 10px;
 border-bottom: 2px solid #DDD;
 font-size: 30px;
 font-weight: bold;
 display: inline-block;
 width: 100%;
 line-height: 40px;
 box-sizing: border-box;
}
.blog_ma_left h3 span {
 text-align: right;
 font-size: 13px;
 display: block;
}
.blog_shosai_box {
 font-size: medium;
 line-height: 27px;
}
.blog_shosai_box a {
    color: #006dd9;
    text-decoration: underline;
}
/*blog2 start*/
.col_wrap {
 /*width:1100px;*/
 margin: 50px auto 0 auto;
 padding: 0;
}
.col {
 width: 100%;
 margin: 50px auto 0 auto;
 padding: 0;
}
.col_li_tl {
 height: 50px;
 border-bottom: 5px solid #0F3758;
 text-indent: 50px;
 font-size: 24px;
 color: #0C3758;
 padding: 15px 0 0 0;
 background-image: url(/img_cms/col_tl_icon.jpg);
 background-repeat: no-repeat;
 background-position: 10px 10px;
}
.col_li_tl span {
 padding-right: 20px;
}
.col_li_tl span:empty {
 padding-right: 0;
}
.col ul {
 width: 100%;
 margin: 50px auto 0 auto;
 padding: 0;
 overflow: hidden;
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}
.col ul li {
 width: 260px;
 border: 1px solid #666666;
 position: relative;
 min-height: 175px;
 padding: 0 0 10px;
 box-sizing: border-box;
}
.col ul li:hover {
 background: #F5F4F2;
}
.col ul li:hover .col_item_theme {
 color: #ffffff;
 background-color: #0F3758
}
.col_item_theme {
 margin: 0;
 padding: 0 5px;
 border: 1px solid #333333;
 line-height: 28px;
 font-size: 12px;
 background-color: #FFFFFF;
 position: absolute;
 top: 4px;
 left: 4px;
}
.col_item_img {
 height: 130px;
}
.col_item_img a {
 height: 130px;
 width: 100%;
 display: block;
 overflow: hidden;
}
.col_item_img img {
 width: 100%;
 height: 130px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.col_item_date {
 width: 120px;
 line-height: 30px;
 font-size: 14px;
 color: #FFFFFF;
 background-color: #333333;
 position: absolute;
 top: 115px;
 left: 60px;
 text-align: center;
 font-family: 'Century Gothic', 'Arial';
 z-index: 5;
}
.col_item_tl {
 width: 100%;
 height: 100%;
 position: absolute;
 z-index: 10;
 top: 0;
 left: 0;
}
.col_item_tl a {
 color: #333333;
 font-size: 15px;
 font-weight: bold;
 line-height: 1.2em;
 width: 100%;
 height: 100%;
 display: block;
}
.col_item_tl a span {
 height: 35px;
 overflow: hidden;
 display: block;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 position: absolute;
 top: 140px;
 padding: 0 7px;
}
.col ul li>p {
 width: 92%;
 height: 50px;
 font-size: 12px;
 line-height: 18px;
 background-color: #FFFFFF;
 margin: 0;
 padding: 50px 4% 0 4%;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 overflow: hidden;
}
.col ul li:hover p {
 background-color: #F5F4F2;
}
.blog-of-cale {
 margin: 20px 10px 0 0px;
 width: 49%;
}
.blog-of {
 width: 48%;
 margin: 20px 0px 0 10px;
 height: auto;
 overflow: hidden;
}
.blog-of-new {
 width: 100%;
}
/*blog2 end*/
/*blog3 start*/
.blog_right {
 width: 25%;
 margin: 0px 0px 0px 2%;
 float: left;
}
.blog_left {
 width: 73%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 20px 0px;
 float: left;
}
.blog_left h3 {
 font-size: 19px;
 line-height: 30px;
 margin: 0px 0px 10px 0px;
 padding: 10px;
 background-color: #005699;
 border-left: 5px solid #000;
 overflow: hidden;
 color: #fff;
 box-sizing: border-box;
}
.blog_left h3 a {
 color: #fff;
 text-decoration: none;
 float: left;
}
.blog_left h3 p {
 color: #fff;
 font-size: 15px;
 margin-right: 20px;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.blog_left p {
 font-size: medium;
 line-height: 27px;
}
/*-----------------------------------------------
 /blog/ ブログ
-----------------------------------------------*/

/*--------------------一覧---------------------------*/
.blog_li {
  width: 100%;
  background: #f7f7f7;
  padding-bottom: 80px;

  /* Outer list of cards */
  & .blog_li_box {
    display: flex;
    flex-direction: column;
    gap: 24px;
    list-style: none;
    padding: 80px 0px 0px;
    margin: auto;
    width: 1100px;
    & > li {
      background: var(--color-card);
      border-radius: 4px;
      overflow: hidden;
      transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
      position: relative;
      &:hover {
        transform: translateY(-3px);
        box-shadow: 0 12px 30px -10px rgba(44, 74, 62, 0.15);
        & h3 {
          color: var(--color-accent);
        }
        & .blog_foot::after {
          transform: translateX(6px);
        }
      }
      /* <a> is a flex container ? text+image on row 1, footer wraps to row 2 */
      & > a {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        column-gap: 32px;
        row-gap: 14px;
        padding: 28px 32px;
        text-decoration: none;
        background: #fff;
        color: #000;
        &:hover {
          text-decoration: none;
        }
      }
    }
  }

  /* Text wrapper ? flex column on left side */
  & .blog_tex {
    flex: 1 1 0;
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 14px;

    /* Title */
    & h3 {
      font-family: var(--font-sans);
      font-size: 18px;
      font-weight: 600;
      line-height: 1.6;
      color: var(--color-text);
      margin: 0;
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      transition: color 0.3s ease;
    }
  }

  /* Tag area ? below title inside .blog_tex */
  & .blog_thema {
    & ul {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
      list-style: none;
      margin: 0;
      padding: 0;

      & li {
        background: transparent;
        color: var(--color-text-soft);
        border: 1px solid var(--color-border);
        padding: 5px 12px;
        font-size: 11px;
        font-weight: 500;
        letter-spacing: 0.05em;
        border-radius: 2px;
        white-space: nowrap;
      }
    }
  }

  /* Image area ? right side, placeholder gradient */
  & .blog_img {
    flex: 0 0 240px;
    height: 160px;
    overflow: hidden;
    position: relative;
    border-radius: 4px;

    & img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }
  }

  /* Footer wrapper ? date + View more, wraps to its own row */
  & .blog_bottom {
    flex: 1 1 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;

    & > span {
      font-family: var(--font-sans);
      font-size: 12px;
      font-weight: 400;
      color: var(--color-text-light);
      letter-spacing: 0.15em;
    }

    &::after {
      content: 'View more →';
      font-family: var(--font-sans);
      font-size: 12px;
      font-weight: 500;
      color: var(--color-accent);
      letter-spacing: 0.1em;
      transition: transform 0.3s ease;
    }
  }
  .blog_foot{
    width: 1100px;
    margin: auto;
    overflow: hidden;
  }
}

/*----------詳細----------*/
.blog_detail {
  padding: 0px 0px 80px;
  background: #f7f7f7;
  .blog_detail_inner{
    width: 1100px;
    margin: auto;

    /* Theme tags */
    & .blog_shosai_thema {
      margin-bottom: 28px;

      & ul {
        display: flex;
        gap: 8px;
        list-style: none;
        margin: 0;
        padding: 0;

        & li {
          background: #fff;
          border: 1px solid #000;
          padding: 5px 14px;
          font-size: 11px;
          font-weight: 500;
          letter-spacing: 0.08em;
          border-radius: 2px;
          white-space: nowrap;
        }
      }
    }

    /* Article title */
    & h2 {
      font-size: 32px;
      font-weight: 700;
      line-height: 1.5;
      letter-spacing: 0.02em;
      margin-bottom: 24px;
      padding-bottom: 32px;
      border-bottom: 1px solid #dcdcdc;
      display: flex;
      flex-direction: column;
      gap: 12px;

      & span {
        font-size: 12px;
        font-weight: 400;
        letter-spacing: 0.15em;
        order: -1;
      }
    }
  }
  .pan_wrap{
    width: 1100px;
    margin: 10px auto 50px;
  }
  .page_next{
    overflow: hidden;
    margin-bottom: 60px;
    background: #fff;
  }
  .blog_foot{
    overflow: hidden;
  }
}
/*-----------------------------------------------
 .free_ma　/free/ フリーコンテンツ
-----------------------------------------------*/
.free_ma {
 overflow: hidden;
 clear: both;
}
ul.free_ma_list {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.free_ma_list li {
 margin-bottom: 20px;
 overflow: hidden;
}
ul.free_ma_list.free_ma_list li {
 border: 1px solid #666;
}
.free_ma_list .free_ma_img {
 float: left;
 margin-right: 20px;
}
.free_ma_list .free_ma_img img {
 max-width: 250px !important;
 width: 100%;
 height: 150px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
 margin: 0 0 10px 0;
}
.free_ma_list .free_ma_txt {
 float: left;
}
.free_ma_list .free_ma_txt p {
 line-height: 25px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.free_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}
.free_ma_pager li a:hover {
 background: #DDD;
}
.free_ma h3 {
 margin: 0 0 10px 0;
 padding: 10px;
 height: auto;
 overflow: hidden;
 background: #EEE;
 border-bottom: 1px dashed #666;
 font-size: 18px;
}
.free_ma h3 span {
 float: right;
}
.free_ma_list {
 padding: 10px;
 overflow: hidden;
}
.free_ma_list a img {
 max-width: 180px;
 border: 2px solid #fff;
}
.free_ma_shosai ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.free_ma_shosai p {
 line-height: 36px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
/*-----------------------------------------------
 .free2_ma　/free2/ フリーコンテンツ2
-----------------------------------------------*/
.free2_ma {
 overflow: hidden;
 clear: both;
}
ul.free2_ma_list {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.free2_ma_list li {
 margin-bottom: 20px;
 overflow: hidden;
}
ul.free2_ma_list.free2_ma_list li {
 border: 4px double #ccc;
}
.free2_ma_list .free2_ma_img {
 float: left;
 margin-right: 20px;
}
.free2_ma_list .free2_ma_img img {
 width: 100%;
 height: 150px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
 margin: 0 0 10px 0;
 max-width: 250px;
}
.free2_ma_list .free2_ma_txt {
 float: left;
}
.free2_ma_list .free2_ma_txt p {
 line-height: 25px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free2_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free2_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free2_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.free2_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}
.free2_ma_pager li a:hover {
 background: #DDD;
}
.free2_ma h3 {
 margin: 0 0 10px 0;
 padding: 10px;
 height: auto;
 overflow: hidden;
 background: #EEE;
 border-bottom: 1px dashed #666;
 font-size: 18px;
}
.free2_ma h3 span {
 float: right;
}
.free2_ma_list {
 padding: 10px;
 overflow: hidden;
}
.free2_ma_list a img {
 max-width: 180px;
 border: 2px solid #fff;
}
.free2_ma_shosai ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.free2_ma_shosai p {
 line-height: 36px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
/*-----------------------------------------------
 .free3_ma　/free3/ フリーコンテンツ3
-----------------------------------------------*/
.free3_ma {
 overflow: hidden;
 clear: both;
}
ul.free3_ma_list {
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.free3_ma_list li {
 margin-bottom: 20px;
 overflow: hidden;
}
ul.free3_ma_list.free3_ma_list li {
 border: 1px solid #666;
}
.free3_ma_list .free3_ma_img {
 float: left;
 margin-right: 20px;
}
.free3_ma_list .free3_ma_img img {
 max-width: 250px !important;
 width: 100%;
 height: 150px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
 margin: 0 0 10px 0;
}
.free3_ma_list .free3_ma_txt {
 float: left;
}
.free3_ma_list .free3_ma_txt p {
 line-height: 25px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free3_ma_pager {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free3_ma_pager ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.free3_ma_pager li {
 list-style: none;
 margin: 0px 10px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.free3_ma_pager li a {
 color: #333;
 text-decoration: none;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 border: solid 1px #CCC;
 background: #FFF;
 display: block;
 font-weight: bold;
}
.free3_ma_pager li a:hover {
 background: #DDD;
}
.free3_ma h3 {
 margin: 0 0 10px 0;
 padding: 10px;
 height: auto;
 overflow: hidden;
 background: #EEE;
 border-bottom: 1px dashed #666;
 font-size: 18px;
}
.free3_ma h3 span {
 float: right;
}
.free3_ma_list {
 padding: 10px;
 overflow: hidden;
}
.free3_ma_list a img {
 max-width: 180px;
 border: 2px solid #fff;
}
.free3_ma_shosai ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.free3_ma_shosai p {
 line-height: 36px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
/* -----------お問い合わせフォーム------------- */
ul.cms_chi_form {
 display: flex;
 border: solid 1px #ccc;
 box-sizing: border-box;
}
li.cms_chi_form_li {
 border-right: solid 1px #ccc;
 box-sizing: border-box;
}
li.cms_chi_form_li:nth-child(1) {
 width: 35%;
}
li.cms_chi_form_li:nth-child(2),
li.cms_chi_form_li:nth-child(3),
li.cms_chi_form_li:nth-child(4),
li.cms_chi_form_li:nth-child(5) {
 width: 16.3%;
}
li.cms_chi_form_li:nth-child(5) {
 border-right: solid 0px #ccc;
}
li.cms_chi_form_li p.komoku {
 border-bottom: solid 1px #ccc;
 box-sizing: border-box;
 height: 50px;
 margin: auto;
 display: flex;
 align-items: center;
 text-align: center;
 justify-content: center;
 background-color: #eee;
}
li.cms_chi_form_li p.naiyou {
 display: flex;
 align-items: center;
 text-align: center;
 justify-content: center;
 margin: 0;
 height: 70px;
 box-sizing: border-box;
}
/*-----------------------------------------------
 title
-----------------------------------------------*/

.cms-li-header {
  background: #fff;
  border-bottom: 1px solid #e0ddd5;
  padding: 10px 40px 32px;
  line-height: 1.6;
  .cms-page-header-inner {
    max-width: 1100px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cms-page-label {
    font-size: 11px;
    font-weight: 700;
    letter-spacing: 0.15em;
    color: #888;
    text-transform: uppercase;
    margin-bottom: 6px;
  }
  .cms-page-title {
    font-size: 26px;
    font-weight: 700;
    color: #1a1a1a;
    letter-spacing: 0.04em;
  }
  .cms-page-count {
    margin-top: 8px;
    font-size: 13px;
    color: #888;
  }
  .cms-header-search {
    max-width: 500px;
  }

  .cms-search-block {
    .cms-search-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.08em;
      color: #555555;
      margin-bottom: 6px;
    }
  }

  .cms_keysearch_form {
    display: flex;
    gap: 8px;
    & input{
      width: 280px;
      height: 40px;
      padding: 0 14px;
      font-size: 13px;
      font-family: inherit;
      color: #1a1a1a;
      background: #f4f4f2;
      border: 1px solid #e3e3df;
      outline: none;
      transition: border-color 0.15s, background 0.15s;
    }
  }

  .cms_keysearch_icon {
    height: 40px;
    padding: 0 22px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    color: #fff;
    background: #333333;
    border: none;
    cursor: pointer;
    font-family: inherit;
    transition: background 0.15s;

    &:hover {
      background: #1a1a1a;
    }
  }

  .cms-keyword-tags ul{
    display: flex;
    flex-wrap: wrap;
    gap: 6px;

    & li {
    }

    & a {
      display: inline-block;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: #555555;
      background: #f0f0ed;
      border: 1px solid #d4d4cf;
      padding: 5px 12px;
      text-decoration: none;
      transition: all 0.15s;

      &:hover {
        border-color: #555555;
        color: #333333;
      }

      &.is-active {
        color: #fff;
        background: #555555;
        border-color: #555555;
      }
    }
  }
  .pan_wrap{
    margin: 0px auto 20px;
    width: 1100px;
  }
}

/*-----------------------------------------------
 .rent_li 賃貸一覧
-----------------------------------------------*/

/*----------一覧----------*/

.rent_li {
  background: #f7f7f7;
  line-height: 1.6;
  & ul {
    list-style: none;
  }
  .list-wrap {
    width: 1100px;
    margin: 0 auto;
    padding: 80px 0px 0px;
    box-sizing: border-box;
  }
  .property-list {
    display: flex;
    flex-direction: column;
    gap: 40px;
    & a {
      background: #fff;
      overflow: hidden;
      display: flex;
      border: 1px solid #e5e2da;
      text-decoration: none;
      color: inherit;
      transition: box-shadow 0.2s, transform 0.2s;
      &:hover {
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.10);
        transform: translateY(-2px);
        .detail-btn {
          background: #042455;
          color: #fff;
        }
      }
    }
  }

  .rent_li-img {
    width: 370px;
    height: 300px;
    overflow: hidden;
    background: #e8e5de;

    & img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
    }

    .no-img {
      width: 100%;
      height: 100%;
      min-height: 180px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: #eeece6;
      color: #bbb;
      font-size: 13px;
      letter-spacing: 0.05em;
    }
  }

  .rent_li-body {
    flex: 1;
    padding: 24px 28px;
    display: flex;
    flex-direction: column;
  }

  .rent_li-tag {
    margin-bottom: 0px;
    & ul {
      display: flex;
      flex-wrap: wrap;
      gap: 5px;
      & li {
        display: inline-block;
        align-self: flex-start;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        color: #042455;
        background: #eef5ff;
        border: 1px solid #042455;
        padding: 3px 10px;
      }
    }
  }

  .rent_li-name {
    font-size: 17px;
    font-weight: 700;
    color: #1a1a1a;
    line-height: 1.5;
    margin: 10px 0px 5px;
  }

  .rent_li-specs {
    display: flex;
    flex-direction: column;

    & li {
      display: flex;
      align-items: baseline;
      gap: 10px;
      padding: 6px 0;
      border-bottom: 1px solid #eeeae3;
      &:last-child {
        border-bottom: none;
      }

      .spec-label {
        flex: 0 0 52px;
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.04em;
        color: #042455;
        white-space: nowrap;
      }

      .spec-value {
        font-size: 13px;
        color: #555;
        line-height: 1.55;
        flex: 1;
        height: 20px;
        overflow: hidden;
      }
    }
  }

  .rent_li-bottom {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    padding-top: 14px;
    border-top: 1px solid #eeeae3;
    margin-top: auto;
  }

  .price {
    display: flex;
    align-items: baseline;
    gap: 10px;
    margin: 0px 0px 10px;

    .price-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: #fff;
      background: #042455;
      padding: 3px 10px;
      white-space: nowrap;
      align-self: center;
    }

    .price-value {
      font-size: 28px;
      font-weight: 700;
      color: #042455;
      letter-spacing: -0.02em;
    }
  }

  .detail-btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0.08em;
    color: #042455;
    border: 1.5px solid #042455;
    padding: 9px 18px;
    transition: background 0.15s, color 0.15s;
    white-space: nowrap;
  }

  .pagination {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 12px;

    & li {
      width: 36px;
      height: 36px;
      border-radius: 8px;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 13px;
      font-weight: 700;
      background: #042455;
      color: #fff;
    }
  }
}

/*----------詳細----------*/
.rent_detail {
  background: #f7f7f7;
  padding: 32px 0px 60px;

  .rent_sortorder{
    display: flex;
    flex-direction: column;
    & section:nth-child(1){
      order: 2;
    }
    & section:nth-child(2){
      order: 3;
    }
    & section:nth-child(3){
      order: 1;
    }
  }

  /* パンくず */
  .breadcrumb {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 12px;
    color: #888;
    margin-bottom: 20px;
    flex-wrap: wrap;

    & a {
      color: #888;
      transition: color 0.15s;

      &:hover {
        color: #042455;
      }
    }

    .breadcrumb-sep {
      color: #ccc;
    }

    .breadcrumb-current {
      color: #1a1a1a;
      font-weight: 500;
    }
  }

  /* ヘッダー */
  .rent_detail-header {
    background: #fff;
    border: 1px solid #e5e2da;
    padding: 28px 32px;
    margin:24px auto 24px auto;
    width: 1100px;
    box-sizing: border-box;
    .header-title-wrap{
      display: flex;
      align-items: center;
      gap: 0px 10px;
      margin-bottom: 10px;

      .header-tag {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.08em;
        color: #042455;
        background: #fff;
        border: 1px solid #042455;
        padding: 4px 12px;
      }

      .header-title {
        font-size: 24px;
        font-weight: 700;
        color: #1a1a1a;
        line-height: 1.45;
        letter-spacing: 0.02em;
      }
    }
    .header-summary {
      display: flex;
      align-items: center;
      justify-content: space-between;
      gap: 24px;
      padding: 10px 0px 0px;
      border-top: 1px solid #eeeae3;
      flex-wrap: wrap;
    }

    .header-actions {
      display: flex;
      gap: 10px;
      flex-wrap: wrap;
    }
  }
  .price-block_wrap{
    display:flex;
    gap: 0px 20px;
  }

  /* 価格ブロック */
  .price-block {
    display: flex;
    align-items: baseline;
    gap: 12px;
    flex-wrap: wrap;

    .price-label {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: #fff;
      background: #042455;
      padding: 4px 12px;
      align-self: center;
      white-space: nowrap;
    }

    .price-value {
      font-size: 34px;
      font-weight: 700;
      color: #042455;
      letter-spacing: -0.02em;
      line-height: 1.1;
    }
  }

  /* ギャラリー */
  .rent_detail_img{
    background: #fff;
    border: 1px solid #e5e2da;
    padding: 28px 32px;
    margin-bottom: 24px;
    margin: 0px auto 24px auto;
    width: 1100px;
    box-sizing: border-box;
  }
  .flickSlider {
    margin: 0 auto;
    text-align: left;
  }
  .flickSlider .flickView {
    width: 100%;
    text-align: left;
    position: relative;
    overflow: hidden;
    height: 560px !important;
  }
  .flickSlider .flickView ul {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
    overflow: hidden;
    height: 561px !important;
  }
  .flickSlider .flickView ul li {
    width: 100%;
    float: left;
    display: inline;
    overflow: hidden;
    padding-bottom: 20px;
  }
  .flickSlider .flickView ul li span {
    margin: 0;
    position: absolute;
    bottom: 0px;
    z-index: 100;
    text-align: center;
    font-size: 14px;
    background-color: #efefef;
    display: block;
    width: 1034px;
    line-height: 40px;
  }
  .flickSlider .flickView ul li img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    max-height: 520px;
  }
  .flickSlider .flickThumb {
    width: 100%;
    overflow: hidden;
  }
  .flickSlider .flickThumb ul {
    width: 110%;
    margin-top: 2%;
    gap: 25px;
  }
  .flickSlider .flickThumb ul li {
    width: 10% !important;
    min-height: 70px !important;
    height: 70px;
    cursor: pointer;
    overflow: hidden;
    border: 2px solid #CCC;
    opacity: 1 !important;
  }
  .flickSlider .flickThumb ul li:empty {
    display: none;
  }
  .flickSlider .flickThumb ul li img {
    /* max-width: 80px !important; */
    height: 70px !important;
    width: 100% !important;
    object-fit: cover;
    font-family: 'object-fit: cover';
    margin: 0 0 0px 0;
  }
  .flickSlider .flickThumb ul li.active {
    /*追加*/
    border: 2px solid #000;
  }
  .flickSlider .btnPrev,
  .flickSlider .btnNext {
    top: 0;
    width: 5%;
    height: 100%;
    position: absolute;
    cursor: pointer;
  }
  .flickSlider .btnPrev {
    left: 0;
    background: url(/img_cms/btnPrev.png) no-repeat center center / 85%;
  }
  .flickSlider .btnNext {
    right: 0;
    background: url(/img_cms/btnNext.png) no-repeat center center / 85%;
  }
  .flickSlider .flickView ul:after,
  .flickSlider .flickThumb ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
  }
  .flickSlider .flickView ul,
  .flickSlider .flickThumb ul {
    overflow: hidden;
    display: flex;

    &::after{
      display: none;
    }
  }

  /* ボタン */
  .btn {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    font-weight: 700;
    letter-spacing: 0.06em;
    padding: 11px 22px;
    transition: background 0.15s, color 0.15s, border-color 0.15s;
    white-space: nowrap;
    cursor: pointer;
    border: 1.5px solid transparent;

    &.btn-primary {
      background: #042455;
      color: #fff;
      border-color: #042455;
      text-decoration: none;

      &:hover {
        background: #0a377b;
        border-color: #0a377b;
      }
    }

    &.btn-outline {
      color: #042455;
      border-color: #042455;
      background: #fff;

      &:hover {
        background: #f7f7f7;
      }
    }

    .btn-arrow {
      font-size: 14px;
      line-height: 1;
    }
  }

  /* セクション */
  .section {
    background: #fff;
    border: 1px solid #e5e2da;
    padding: 28px 32px;
    margin-bottom: 24px;
    margin:0px auto 24px auto;
    width: 1100px;
    box-sizing: border-box;

    .section-title {
      font-size: 16px;
      font-weight: 700;
      color: #1a1a1a;
      letter-spacing: 0.06em;
      padding-bottom: 14px;
      margin-bottom: 20px;
      border-bottom: 2px solid #042455;
      display: flex;
      align-items: center;
      gap: 10px;

      .section-title-en {
        font-size: 11px;
        font-weight: 700;
        letter-spacing: 0.15em;
        color: #042455;
        text-transform: uppercase;
      }
    }
    .section-tag {
      display: block;
      margin-bottom: 10px;

      & ul{
        display: flex;
        flex-wrap: wrap;
        gap: 6px;
        & li{
          & a{
            display: block;
            font-size: 11px;
            font-weight: 700;
            letter-spacing: 0.08em;
            color: #042455;
            background: #eef5ff;
            border: 1px solid #042455;
            padding: 4px 12px;
            text-decoration: none;
            &:hover{
              border: 1px solid #000;
              background-color: #f7f7f7;
            }
          }
        }
      }
      &:empty{
        display: none;
      }
    }
  }

  /* 概要テーブル（基本情報） */
  .summary-table {
    width: 100%;
    border-collapse: collapse;

    & tr {
      border-bottom: 1px solid #eeeae3;

      &:last-child {
        border-bottom: none;
      }
    }

    & th {
      text-align: left;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      color: #042455;
      padding: 14px 16px 14px 16px;
      width: 110px;
      vertical-align: top;
      white-space: nowrap;
      border: none;
    }

    & td {
      font-size: 14px;
      color: #333;
      padding: 14px ;
      vertical-align: top;
      line-height: 1.7;
    }
  }

  /* 詳細スペックテーブル（2カラム） */
  .spec-table {
    margin:0px auto;
    width: 100%;
    border-collapse: collapse;

    & tr {
      border-bottom: 1px solid #eeeae3;

      &:last-child {
        border-bottom: none;
      }
    }

    & th {
      text-align: left;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: 0.04em;
      color: #042455;
      background: #f7f7f7;
      padding: 14px 16px;
      width: 22%;
      vertical-align: top;
      white-space: nowrap;
      border: none;
      vertical-align: middle;
    }

    & td {
      font-size: 14px;
      color: #333;
      padding: 14px 16px;
      vertical-align: top;
      width: 28%;
      line-height: 1.7;
      vertical-align: middle;

      &.empty {
        color: #bbb;
      }
    }
  }

  /* 地図セクション */
  [id^="map_canvas"] {
    width: 100% !important;
  }
  .map-info {
    display: flex;
    flex-direction: column;
    gap: 10px;
    margin-bottom: 20px;
    padding: 16px 20px;
    background: #f7f7f7;
    border-radius: 8px;

    .map-info-item {
      display: flex;
      align-items: baseline;
      gap: 14px;
      font-size: 13px;
      line-height: 1.6;
    }

    .map-info-label {
      flex: 0 0 60px;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: 0.06em;
      color: #042455;
      white-space: nowrap;
    }

    .map-info-value {
      color: #333;
      flex: 1;
    }
  }

  .map-wrap {
    overflow: hidden;
    border: 1px solid #e5e2da;
    margin-bottom: 16px;
    line-height: 0;

    & iframe {
      display: block;
      width: 100%;
    }
  }

  .map-actions {
    display: flex;
    justify-content: flex-end;
  }

  /* CTAエリア */
  .cta-section {
    background: #eef5ff;
    border: 1px solid #042455;
    padding: 32px;
    text-align: center;
    width: 1100px;
    margin: 0px auto 24px;
    box-sizing: border-box;

    .cta-title {
      font-size: 18px;
      font-weight: 700;
      color: #1a1a1a;
      margin-bottom: 8px;
    }

    .cta-desc {
      font-size: 13px;
      color: #555;
      margin-bottom: 20px;
    }

    .cta-buttons {
      display: flex;
      justify-content: center;
      gap: 12px;
      flex-wrap: wrap;

      .btn {
        padding: 13px 28px;
        font-size: 14px;
      }
    }
  }

  /* 戻るリンク */
  .back-link {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-size: 13px;
    font-weight: 500;
    color: #888;
    transition: color 0.15s;
    margin-top: 8px;

    &:hover {
      color: #042455;
    }
  }
  .pan_wrap{
    width: 1100px;
    margin: auto;
  }
}
.rent_list2_form{
  width: 1100px;
  margin: 20px auto 0px;
}
.rent_inq {
  width: 1100px;
  margin: 20px auto 0px;
}

/*-----------------------------------------------
 .form1_ma　/inquiry/ 来店予約フォーム
-----------------------------------------------*/
.inquirytable {
 width: 750px;
 margin: 50px auto 10px;
}
.inquirytable tbody {}
.inquirytable tr {}
.inquirytable th {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 width: 200px;
 background-color: #FFF;
 border: none;
 font-size: 16px;
 text-align: left;
 font-weight: normal;
 line-height: 48px;
}
.inquirytable.inquirytable_conf th {
 margin-right: 20px;
 background-color: #fbfbfb;
}
.inquirytable th p {}
.inquirytable th span:not(:empty).form_required {
 background: #ff4a32;
 color: #fff;
 font-size: 12px;
 font-weight: bold;
 padding: 0 10px;
 line-height: 22px;
 margin: 14px 0;
}
.inquirytable.inquirytable_conf th span:not(:empty).form_required {
 margin: 14px 10px;
}
.inquirytable th,
.inquirytable td {
 padding: 10px;
}
.inquirytable td {
 width: 770px;
}
.inquirytable td input[type="tel"],
.inquirytable td input[type="text"],
.inquirytable td textarea,
.inquirytable td select {
 font-size: 16px;
 line-height: 24px;
 padding: 10px 20px;
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 font-family: 'Arial', '游ゴシック', YuGothic, 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.inquirytable td input[type="tel"] {
 margin-bottom: 4px;
}
.inquirytable td input[type="text"],
.inquirytable td textarea {
 width: 545px;
}
.inquirytable td select {
 cursor: pointer;
 height: 46px;
 margin-right: 3px;
}
.inquirytable td textarea {
 height: 150px;
 display: block;
}
.inquirytable td label {
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 cursor: pointer;
 border-radius: 3px;
 padding: 10px 15px;
 display: inline-block;
 margin: 0 10px 10px 0;
 font-size: 16px;
}
.inquirytable td label input {
 width: 20px;
 height: 20px;
 margin-right: 5px;
}
.inquirytable td label input[type="checkbox"],
.inquirytable td label input[type="radio"] {
 vertical-align: middle;
 margin-top: 0;
 margin-left: 0;
}
.inquirytable td input[type="text"]:hover,
.inquirytable td textarea:hover,
.inquirytable td select:hover,
.inquirytable td label:hover {
 background: #f9fcf5;
 border: 1px solid #d6eaba;
}
.inquirytable input[type="submit"] {
 border: 2px solid #2799fb;
 background: #2799fb;
 color: #fff;
 border-radius: 30px;
 width: 400px;
 height: 60px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 3px 0 #999;
 padding: 0 40px;
 font-weight: bold;
 cursor: pointer;
 margin: 20px auto 0;
 font-size: 20px;
 display: block;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.inquirytable input[type="submit"]:hover {
 color: #2799fb;
 background: #fff;
}
.inquiryend {
 margin: 100px auto;
 width: 100%;
 border: 10px solid #eee;
 padding: 40px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
img.ui-datepicker-trigger {
 display: inline-block;
 vertical-align: middle;
 margin-right: 5px;
 cursor: pointer;
 padding: 10px 15px;
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 vertical-align: bottom;
}
img.ui-datepicker-trigger:hover {
 background: #f9fcf5;
 border: 1px solid #d6eaba;
}
.inquirytable td span {
 display: block;
 margin-bottom: 5px;
 font-size: 14px;
}
.cms_submitbtn button[type="submit"] {
 border: 2px solid #2799fb;
 background: #2799fb;
 color: #fff;
 border-radius: 30px;
 width: 400px;
 height: 60px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 3px 0 #999;
 padding: 0 40px;
 font-weight: bold;
 margin: 20px auto 0;
 font-size: 20px;
 display: block;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.cms_submitbtn button[type="submit"]:hover {
 color: #2799fb;
 background: #fff;
}
.form_inner_add input[type="text"] {
 width: 72% !important;
 margin-bottom: 7px;
}
/*お問い合わせ プライバシーリンク*/
.form_privacy a:hover {
 color: #888;
}
.form_privacy a {
 text-decoration: underline;
 color: #006DD9;
 font-weight: bold;
 font-size: 12px;
}
.form_privacy {
 text-align: center;
}
/*-----------------------------------------------
 現地販売会　/open_house_ma/
-----------------------------------------------*/
.open_house_ma {
 height: auto;
 margin: 20px auto;
 padding: 0px 0px 0px 0px;
}
.open_house_ma ul {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.open_house_ma li {
 list-style: none;
 margin: 20px 0px 20px 0px;
 padding: 10px;
 overflow: hidden;
 border: solid 1px #CCC;
 text-align: center;
}
.open_house_ma li:hover {
 background: #EEE;
}
.open_house_ma .more {
 font-size: 17px;
 line-height: 40px;
 text-align: center;
 padding: 2px;
 border: 1px solid #CCCCCC;
 margin: -8px 0 0 0;
}
.open_house_ma .more a {
 display: block;
 background: #051143;
 color: #FFFFFF;
 text-decoration: none;
}
.open_house_ma li img {
 float: left;
 /* max-width: 230px; */
 /* max-height: 210px; */
 clear: both;
 margin: 0 auto 0 5px;
 width: 100%;
 height: 210px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.open_house_ma li a.op_img_li {
 width: 32%;
 display: inline-block;
 height: auto;
 overflow: hidden;
 float: right;
 text-align: center;
 margin: 0;
 padding: 0 10px;
}
div.open_house_ma_img {
 float: left;
 max-width: 280px;
}
div.open_house_ma_data {
 width: 62%;
 margin: 0px 0px 0px 15px;
 padding: 0px 0px 0px 0px;
 float: left;
 text-align: left;
}
.open_house_ma h3 {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 font-size: 18px;
 text-align: left;
 line-height: 32px;
}
.open_house_ma h3 a {
 color: #333;
 display: block;
 text-decoration: none;
}
.open_house_ma h3 a:hover {
 text-decoration: none;
}
table.open_house_ma_t1 {
 width: 100%;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 border-top: solid 1px #FFF;
 border-left: solid 1px #FFF;
}
table.open_house_ma_t1 th {
 width: 100px;
 padding: 5px;
 background: #CCC;
 border-bottom: solid 2px #fff;
}
table.open_house_ma_t1 td {
 border-bottom: solid 2px #fff;
 background: #EEE;
 font-weight: bold;
 padding: 5px;
}
.open_house_ma_yachin {
 color: #F00;
 font-size: 18px;
}
table.open_house_ma_t2 {
 width: 100%;
}
table.open_house_ma_t2 th {
 width: 100px;
 padding: 5px;
 border-right: none;
 border-bottom: solid 2px #fff;
 background: #CCC;
}
table.open_house_ma_t2 td {
 padding: 5px;
 border-right: none;
 border-bottom: solid 2px #fff;
 background: #EEE;
 font-weight: bold;
}
table.open_house_ma_t2 td a {
 font-size: 12px;
 text-decoration: underline;
 color: #0a7be0;
 font-weight: normal;
}
table.open_house_ma_price {
 width: 100%;
 border: dotted 2px red;
}
table.open_house_ma_price th {
 width: 100px;
 font-size: 17px;
 padding: 8px 5px;
 border-right: none;
 color: red;
 line-height: 17px;
}
table.open_house_ma_price td {
 font-size: 17px;
 text-indent: 10px;
 padding: 8px 5px;
 border-right: none;
 font-weight: bold;
 color: red;
 line-height: 17px;
}
div.open_house_ma_link {
 margin: 20px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.open_house_ma_data p {
 line-height: 24px;
 border: dashed 1px #AAA;
 margin: 15px 0px 0px 0px;
 padding: 10px;
 border: solid 10px #F0F0F0;
}
.open_house_ma_shosai {
 margin-bottom: 20px;
 padding: 10px;
 border: solid 1px #CCC;
 overflow: hidden;
}
.open_house_ma_shosai .open_house_ma_shosai_img {
 float: left;
 max-width: 280px;
}
.open_house_ma_shosai .open_house_ma_shosai_img ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.open_house_ma_shosai .open_house_ma_shosai_img ul li img {}
.open_house_ma_shosai .open_room_data {
 width: 460px;
 margin: 0px 0px 0px 15px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.open_house_ma_shosai .open_house_ma_shosai_data {
 width: 460px;
 margin: 0px 0px 0px 15px;
 padding: 0px 0px 0px 0px;
 float: left;
}
.open_house_ma_shosai .open_house_ma_shosai_data p {
 line-height: 22px;
 margin: 15px 0px 0px 0px;
 padding: 10px;
 border: solid 3px #F0F0F0;
 font-size: 14px;
}
.open_house_ma_image {
 overflow: hidden;
}
.open_house_ma_image ul {
 margin: 0;
 list-style: none;
 overflow: hidden;
 display: flex;
 justify-content: flex-start;
}
.open_house_ma_image ul li {
 height: 160px;
 list-style: none;
 width: 24%;
 text-align: center;
 margin-right: 15px;
}
.open_house_ma_image ul li:last-child {
 margin: 0;
}
.open_house_ma_image ul li img {
 width: 100% !important;
 height: 160px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.open_house_ma_other,
.open_house_ma_theta {
 margin-bottom: 20px;
}
.open_house_ma_other a {
 color: #FFF;
 padding: 10px;
 text-decoration: none;
}
.open_house_ma_other a:hover {
 background-color: #E58500;
}
.open_house_ma_shosai2 {}
.open_house_ma_other {
 margin: 10px auto 25px;
 text-align: center;
 font-size: 16px;
 width: 500px;
}
.open_house_ma_other a {
 color: #FFF !important;
 font-weight: bold;
 background: #F90;
 padding: 17px 0;
 display: block;
 text-decoration: none;
 border-radius: 30px;
 box-shadow: 0 0 3px 0 #999;
 letter-spacing: 1px
}
.open_house_ma_thetatext {
 margin: 10px 0;
 padding: 0px;
 clear: both;
 border-left: 5px solid #000;
 font-size: 18px;
 line-height: 35px;
 text-indent: 15px;
}
.open_house_ma_thetatext p {
 margin: 0;
}
.open_house_ma_inq {
 text-align: center;
 font-size: 20px;
 margin: 15px 0 0 0;
}
.open_house_ma_inq a {
 background: #FF0B0B;
 padding: 21px 0;
 display: block;
 text-decoration: none;
 color: #ffffff !important;
 font-weight: bold;
 letter-spacing: 2px;
 width: 400px;
 margin: 0 auto;
 box-shadow: 0 0 3px 0 #999;
 border-radius: 30px;
 font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", "Meiryo", sans-serif;
}
.open_house_ma_inq a:hover {
 background: #CC0000;
}
.open_house_ma_shosai2 table {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: solid 1px #CCC;
 border-left: solid 1px #CCC;
}
.open_house_ma_shosai2 th {
 width: 15%;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 background: #F2F2F2;
 border-right: solid 1px #CCC;
 border-bottom: solid 1px #CCC;
}
.open_house_ma_shosai2 td {
 width: 35%;
 text-indent: 10px;
 margin: 0px 0px 0px 0px;
 padding: 7px;
 background: #FFF;
 border-right: solid 1px #CCC;
 border-bottom: solid 1px #CCC;
}
.open_house_ma_shosai2 td a {
 font-size: 12px;
 text-decoration: underline;
 color: #0a7be0;
 font-weight: normal;
 display: block;
 margin: 0 !important;
}
.open_house_ma_map {
 margin: 40px auto 0;
 padding: 8px;
 border: solid 1px #CCC;
}
.open_house_ma_map iframe {
 width: 100% !important;
 height: 300px !important;
}
.open_house_ma_maptxt {
 font-weight: bold;
 text-align: center;
 margin: 5px 0;
}
/*現地販売会問合せ概要*/
.oh_form_box {
 background-color: #eee;
 padding: 20px;
}
.oh_form_box_tl {
 font-size: 17px;
 font-weight: bold;
 margin-bottom: 15px;
}
.oh_form_box {}
.oh_form_box ul {}
.oh_form_box ul li {
 font-size: 14px;
 align-items: baseline;
 display: flex;
 margin-bottom: 5px;
}
.oh_form_box ul li span {
 background-color: #042455;
 color: #fff;
 padding: 5px 0;
 border-radius: 5px;
 width: 80px;
 display: inline-block;
 text-align: center;
 margin-right: 10px;
}
.oh_form_box ul li p {
 width: 650px;
 margin: 0;
}
/* ----------新テンプレ------------- */
/* 一覧ページ */
.oh_list_main {
 margin: 40px 0;
 letter-spacing: 1px;
}
.oh_h2 {
 font-size: 25px;
 line-height: 30px;
 font-weight: bold;
 text-align: center;
 margin: 0 0 20px;
}
.oh_h2 span {
 display: block;
 font-size: 15px;
}
.open_house_main_txt {
 font-size: 14px;
 text-align: center;
 font-weight: bold;
}
.oh_orange {
 color: #ff9600;
}
.oh_green {
 color: #7dcb52;
}
.oh_tag_clicklist {}
.oh_tag_clicklist ul {
 display: flex;
 flex-wrap: wrap;
 border: solid 1px #ccc;
 border-radius: 10px;
 margin: 40px 0;
 overflow: hidden;
}
.oh_tag_clicklist ul li {
 flex: 1;
 border-right: 1px solid #ccc;
}
.oh_tag_clicklist ul li:last-child {
 border-right: 0px solid #e5e5e5;
}
.oh_tag_clicklist ul li a {
 display: block;
 text-align: center;
 padding: 20px 0;
 font-size: 15px;
 transition: 0.3s;
 text-decoration: none;
 color: #000;
}
.oh_tag_clicklist ul li a:hover {
 background-color: #f7f7f4;
}
.new_open_house_ma {}
.new_open_house_ma ul {
 display: flex;
 flex-wrap: wrap;
}
.new_open_house_ma ul li {
 width: 48%;
 margin: 0 4% 4% 0;
 background-color: #f7f7f4;
 position: relative;
}
.new_open_house_ma ul li a {
 display: block;
 text-decoration: none;
 color: #000;
}
.new_open_house_ma ul li a:hover img {
 transform: scale(1.1);
}
.new_open_house_ma ul li:nth-child(2n) {
 margin-right: 0;
}
.oh_list_img {
 position: relative;
 height: 250px;
 overflow: hidden;
}
.終了 .oh_list_img:after {
 position: absolute;
 content: "好評につき終了致しました。";
 width: 100%;
 height: 100%;
 background-color: rgba(0, 0, 0, 0.5);
 top: 0;
 left: 0;
 color: #fff;
 display: flex;
 justify-content: center;
 align-items: center;
 font-size: 15px;
 letter-spacing: 1px;
 font-weight: bold;
}
.oh_list_img img {
 transition: 0.3s;
}
.oh_list_txt {
 padding: 25px 20px;
}
.oh_list_title {
 position: relative;
 margin-bottom: 30px;
}
.oh_list_title p {
 font-size: 17px;
 font-weight: bold;
 line-height: 25px;
 height: 50px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 margin: 0;
}
.終了 .oh_list_txt p {
 color: #aaa;
}
.oh_list_title:after {
 content: "";
 height: 1px;
 width: 50px;
 position: absolute;
 bottom: -10px;
 left: 0;
 background-color: #333;
}
.終了 .oh_list_title:after {
 background-color: #aaa;
}
.oh_list_day {
 font-size: 13px;
}
.oh_list_tag {
 position: absolute;
 bottom: 20px;
 right: 20px;
 background-color: #fe9900;
 padding: 5px 15px;
 color: #fff;
}
.oh_list_tag:empty {
 padding: 0;
}
.oh_list_tag.終了 {
 background-color: #a3a3a3;
}
/* 詳細ページ */
.open_house_shosai_wrap {}
.open_house_shosai_day {
 margin: 40px 0 20px;
 font-size: 14px;
 font-weight: bold;
}
.open_house_shosai_day p {
 display: inline-block;
 margin: 0;
}
.open_house_shosai_day .oh_shosai_tag {
 display: inline-block;
 background-color: #fe9900;
 color: #fff;
 padding: 5px 15px;
 margin-right: 10px;
 font-size: 12px;
}
.open_house_shosai_day .oh_shosai_tag:empty {
 padding: 0;
 margin: 0;
}
.open_house_shosai_day .oh_shosai_tag.終了 {
 background-color: #a3a3a3;
}
.open_house_shosai_title {
 margin: 0px 0 30px;
}
.open_house_shosai_title h2 {
 margin: 0px 0 10px;
}
.open_house_shosai_title p {
 margin: 0;
 font-size: 12px;
}
.open_house_shosai_main {
 width: 90%;
 margin: 0 auto;
}
.open_house_shosai_main img {
 width: 100% !important;
 height: auto !important;
 max-width: 1000px !important;
 max-height: none !important;
}
.open_house_shosai_osusume {
 padding: 30px 0;
 border-bottom: 1px dashed #ccc;
 margin-bottom: 40px;
}
.open_house_shosai_osusume p {
 font-size: 15px;
 line-height: 30px;
 margin: 0;
}
.oh_shosai_point {
 margin-bottom: 40px;
}
.oh_shosai_point li {
 display: flex;
 margin-bottom: 20px;
}
.oh_shosai_point li .oh_shosai_point_txt {
 width: 45%;
 margin-right: 5%;
}
.oh_shosai_point li .oh_shosai_point_txt span {
 font-size: 18px;
 font-weight: bold;
 margin-bottom: 30px;
}
.oh_shosai_point li .oh_shosai_point_txt p {
 font-size: 15px;
 line-height: 30px;
 position: relative;
 margin: 40px 0px;
}
.oh_shosai_point li .oh_shosai_point_txt p:after {
 content: "POINT1";
 position: absolute;
 top: -40px;
 left: 0;
 font-weight: bold;
 font-size: 18px;
}
.oh_shosai_point li:nth-child(2) .oh_shosai_point_txt p:after {
 content: "POINT2";
}
.oh_shosai_point li:nth-child(3) .oh_shosai_point_txt p:after {
 content: "POINT3";
}
.oh_shosai_point li .oh_shosai_point_txt p:empty:after {
 content: none;
}
.oh_shosai_point li .oh_shosai_point_txt p:empty {
 margin: 0;
}
.oh_shosai_point li .oh_shosai_point_img {
 width: 50%;
}
.oh_shosai_gaiyou ul {
 border: 1px solid #eeeeee;
}
.oh_shosai_gaiyou ul li {
 display: flex;
 align-items: center;
}
.oh_shosai_gaiyou ul li {
 border-bottom: 1px solid #eee;
}
.oh_shosai_gaiyou ul li:last-child {
 border-bottom: 0px solid #eee;
}
.oh_shosai_gaiyou ul li p {
 margin: 0;
 font-size: 14px;
}
.oh_shosai_gaiyou ul li p:nth-child(1) {
 background-color: #f7f7f4;
 width: 150px;
 box-sizing: border-box;
 padding: 15px 20px;
 margin-right: 20px;
}
.oh_shosai_gaiyou iframe {
 width: 100%;
 height: 400px;
 margin: 30px 0;
}
.oh_ma_inq a {
 display: block;
 background-color: #c86142;
 border-radius: 100px;
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
 text-align: center;
 color: #fff;
 padding: 30px 0 25px;
 transition: 0.3s;
 position: relative;
 width: 70%;
 margin: 50px auto 0;
 text-decoration: none;
}
.oh_ma_inq.終了 a {
 background-color: #a3a3a3;
 pointer-events: none;
}
.oh_ma_inq a:hover {
 box-shadow: 0 0 0;
 transform: translateY(3px);
 background-color: #ad553a;
}
.oh_ma_inq a p {
 margin: 0;
}
.oh_ma_inq a span {
 font-size: 15px;
 padding: 10px 25px;
 border-radius: 50px;
 display: inline-block;
 background-color: #fe9900;
 position: absolute;
 left: 0;
 right: 0;
 width: 90px;
 margin: 0 auto;
 top: -17px;
 font-weight: bold;
}
.oh_ma_inq a span:empty {
 padding: 0;
}
.oh_ma_inq.終了 a span {
 background-color: #555;
}
.oh_ma_inq a p.oh_ma_inq_txt {
 font-size: 23px;
 font-weight: bold;
 margin: 15px 0 10px;
 line-height: 23px;
}
.oh_ma_inq a p.oh_ma_inq_kome {
 font-size: 13px;
}
.open_house_ma_shosai2 table {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 border-top: solid 1px #eee;
 border-left: solid 1px #eee;
}
.open_house_ma_shosai2 th {
 width: 15%;
 margin: 0px 0px 0px 0px;
 padding: 10px;
 background: #f7f7f4;
 border-right: solid 1px #eee;
 border-bottom: solid 1px #eee;
}
.open_house_ma_shosai2 td {
 width: 35%;
 text-indent: 10px;
 margin: 0px 0px 0px 0px;
 padding: 7px;
 background: #FFF;
 border-right: solid 1px #eee;
 border-bottom: solid 1px #eee;
}
.open_house_ma_shosai2 td a {
 font-size: 12px;
 text-decoration: underline;
 color: #0a7be0;
 font-weight: normal;
 display: block;
 margin: 0 !important;
}
.oh_shosai_map div[id^="map_canvas"] {
 height: 300px;
 margin: 10px 0;
}
/* -------フォーム-------- */
.oh_inq_day {
 background: #eee;
 padding: 0 20px 20px;
 box-sizing: border-box;
}
.oh_inq_day li {
 list-style: none;
 display: flex;
 align-items: center;
}
.oh_inq_day li div:nth-child(1) {
 font-size: 15px;
 width: 25%;
}
.oh_inq_day li div:nth-child(2) {
 width: 75%;
}
.oh_inq_day li div select {
 height: 46px;
 width: 100px;
 /* margin-bottom: 5px; */
 margin-right: 5px;
 font-size: 16px;
 padding: 10px 20px;
 border: 1px solid #ccdae4;
 background: #ffffff;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 /* width: 100%; */
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 height: auto;
 box-shadow: none;
}
.oh_inq_day img.ui-datepicker-trigger {
 background: #ffffff;
}
/*-----------------------------------------------
　　取引実績　/result_ma/
-----------------------------------------------*/
.result_ma {}
.result_ma ul {
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 width: 100%;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.result_ma li {
 width: 32%;
 list-style: none;
 margin-right: 1.6%;
 margin-bottom: 3%;
 padding: 0;
 border: solid 1px #CCC;
 display: inline-block;
 vertical-align: top;
 *zoom: 1;
}
.result_ma li img {
 width: 100%;
 height: 185px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.result_ma li:nth-child(3n) {
 margin-right: 0px;
  !important
}
.result_ma li a {
 display: block;
 padding: 5px;
 text-align: center;
 text-decoration: none;
}
.result_ma h3 {
 margin: 5px 0px 0px 0px;
 padding: 0;
 font-size: 14px;
 ;
 font-weight: bold;
}
.result_ma p {
 color: #006DD9;
 line-height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.result_ma_detail {
 overflow: hidden;
}
.result_ma_detail img {
 max-width: 377px !important;
 vertical-align: top;
}
.result_ma_detail table {
 width: 361px;
 float: right;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
}
.result_ma_detail table th {
 width: 80px;
 font-weight: bold;
 text-align: center;
 border-right: 1px solid #CCC;
 background: #F2F2F2;
}
.result_ma_detail table th,
.result_ma_detail table td {
 border-bottom: 1px solid #CCC;
}
.result_ma_detail th,
.result_ma_detail td {
 font-weight: normal;
 line-height: 32px;
}
.result_ma_detail table td {
 padding: 10px;
 line-height: 18px;
}
.result_ma_detail_comment {
 margin: 10px 0px 0px 0px;
 padding: 10px;
 border: solid 1px #DDD;
}
.result_ma_detail_free {
 padding: 30px 0;
}
/*-----------------------------------------------
    不動産売却実績　/sale_result_ma/
-----------------------------------------------*/
.sale_result_ma {
 margin-bottom: 20px;
}
.sale_result_ma a {
 display: block;
 text-decoration: none;
 color: #000;
}
.sale_result_ma ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.sale_result_ma ul li {
 margin: 0 0 40px 0;
 overflow: hidden;
 border-bottom: 1px solid #eee;
 padding-bottom: 15px;
}
.sale_result_ma_photo {
 margin-left: 2%;
 width: 32%;
 text-align: center;
 float: left;
}
.sale_result_ma_photo img {
 vertical-align: bottom;
 width: 100%;
 height: 200px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.sale_result_ma_gaiyo {
 float: right;
 width: 50%;
 font-size: 16px;
 line-height: 24px;
}
.sale_result_shubetu {
 padding-left: 90px;
 position: relative;
 margin-bottom: 10px;
 line-height: 30px;
}
.sale_result_shubetu:before,
.sale_result_address::before {
 content: "種別";
 position: absolute;
 width: 80px;
 line-height: 30px;
 display: block;
 left: 0;
 background-color: #042455;
 text-align: center;
 border-radius: 3px;
 color: #fff;
 font-size: 15px;
}
.sale_result_shubetu span {
 padding-left: 10px;
}
.sale_result_address {
 padding-left: 90px;
 position: relative;
 line-height: 30px;
}
.sale_result_address::before {
 content: "所在地";
}
.sale_result_shubetu:empty:before,
.sale_result_address:empty:before {
 content: none;
}
.sale_result_ma_text {
 width: 61%;
 float: right;
 margin-right: 2%;
}
.sale_result_ma_title {
 display: block;
 line-height: 24px;
 font-weight: bold;
 margin-bottom: 10px;
 padding: 10px 15px;
 text-align: left;
 background: #EEE;
 font-size: 15px;
}
.sale_result_ma_text p {
 margin: 5px 0 10px;
 font-weight: bold;
 font-size: 15px;
}
.sale_result_ma_com {
 text-align: left;
 padding-bottom: 0px;
 font-size: 14px;
 line-height: 23px;
 height: 108px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 5;
 overflow: hidden;
}
.sale_result_ma_link {
 float: right;
 width: 93%;
 height: 40px;
 /* border: 1px solid #FF9326; */
 padding: 2px 2px 2px 2px;
 margin: 15px 15px 0 0;
}
.sale_result_ma_link a {
 width: 100%;
 /* background: #FF9326; */
 text-align: center;
 line-height: 40px;
 color: #202124;
 font-weight: normal;
 border: 1px solid #DFE1E5;
 border-radius: 100px;
 padding-left: 0px;
 position: relative;
 font-size: 14px;
}
.sale_result_ma_link a:hover {
 background: #DFE1E5;
}
.sale_result_ma_link ::before {
 content: '';
 width: 6px;
 height: 6px;
 border: 0px;
 border-top: solid 2px #202124;
 border-right: solid 2px #202124;
 -ms-transform: rotate(45deg);
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
 position: absolute;
 top: 50%;
 left: 23px;
 margin-top: -4px;
}
.sale_result_ma_detail {
 overflow: hidden;
 line-height: 28px;
 text-align: left;
 font-size: 16px;
 clear: both;
}
.sale_result_ma_detail img {
 vertical-align: middle;
}
.sale_result_ma_detail p {
 line-height: 24px;
}
.sale_result_ma_detail h2 {
 display: block;
 line-height: 50px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
 text-align: left;
 font-size: 20px;
 background: #EEE;
}
.sale_result_ma_detail_photo {
 width: 50%;
 overflow: hidden;
 margin-bottom: 20px;
 float: left;
}
.sale_result_ma_detail_photo li {
 width: 50%;
 list-style: none;
 float: right;
}
.sale_result_ma_detail_photo img {
 display: inline-block;
 margin: 0 auto 10px;
 width: 96% !important;
 height: 250px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.sale_result_ma_detail_text {
 margin-bottom: 10px;
}
.sale_result_ma_detail_text img {
 max-width: 230px;
 margin-left: 25px;
}
.sale_result_ma_detail_text span {
 font-weight: bold;
 font-size: 16px;
}
.sale_result_ma_detail_text p {
 padding-left: 25px;
 margin: 10px 0;
}
.sale_result_ma_free {
 width: 300px;
 border-top: 1px dashed #dddddd;
 padding-top: 10px;
}
.sale_result_ma_com2 {
 text-align: left;
 line-height: 28px;
 margin-bottom: 25px;
 font-size: 16px;
}
.sale_result_ma_com3 {
 text-align: left;
 font-weight: bold;
 font-size: 17px;
 padding: 0px 10px;
 border-left: 4px solid #042455;
 margin-bottom: 10px;
}
.sale_result2 {
 width: 97%;
 border: 1px dashed #ddd;
 padding: 10px;
}
.sale_result2 br {
 content: "/";
}
.sale_result2-img {
 width: 100% !important;
 float: none !important;
 margin: 10px 0;
 text-align: center;
}
.sale_list_map .gm-style-iw-t{
 display: none;
}
.sale_list_map map area{
    pointer-events: none;
    cursor: default !important;
}
.sale_list_map_note{
 font-size: 14px;
 line-height: 30px;
 margin: 0px 0px 0px 0px;
}
.sale_list_map_note b{
 display: block;
}
/*-----------------------------------------------
    不動産売却実績2　/sale_result2_ma/
-----------------------------------------------*/
.sale_result2 {
 width: 97%;
 border: 1px dashed #ddd;
 padding: 10px;
}
.sale_result2 br {
 content: "/";
}
.sale_result2-img {
 width: 100% !important;
 float: none !important;
 margin: 10px 0;
 text-align: center;
}
.sale_result2_ma_detail {
 margin-bottom: 20px;
}
.sale_result2_ma_detail p {
 line-height: 24px;
 font-size: 14px;
}
.sale_result2_ma_detail h2 {
 display: block;
 line-height: 45px;
 font-weight: bold;
 text-indent: 15px;
 margin: 0 0 10px 0;
 text-align: left;
 font-size: 20px;
 background: #EEE;
}
.sale_result2_ma_gaiyo {
 border: 1px dashed #bbb;
 padding: 15px 20px;
 text-align: left;
 box-sizing: border-box;
 margin-bottom: 20px;
}
.sale_result2_ma_gaiyo ul {
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.sale_result2_ma_gaiyo ul li {
 display: flex;
 align-items: center;
 margin-bottom: 10px;
 width: 50%;
}
.sale_result2_ma_gaiyo ul li span {
 display: inline-block;
 background-color: #042455;
 color: #fff;
 font-size: 14px;
 padding: 5px 10px;
 width: 90px;
 box-sizing: border-box;
 text-align: center;
 border-radius: 5px;
}
.sale_result2_ma_gaiyo p {
 margin: 0 0 0 10px;
}
.sale_result2_sonota {}
.sale_result2_ma_com2 {
 text-align: left;
 line-height: 26px;
 margin-bottom: 20px;
}
.sale_result2_ma_com3 {
 text-align: left;
 font-weight: bold;
 line-height: 28px;
 font-size: 17px;
 margin: 10px 0;
 border-bottom: 1px solid #666;
 padding-bottom: 3px;
}
.sale_result2_ma_detail_text {
 margin-bottom: 10px;
 font-size: 15px;
}
.sale_result2_ma_detail_text span {
 font-weight: bold;
 font-size: 16px;
}
.sale_result2_ma_detail_text p {
 padding-left: 25px;
 margin: 10px 0;
}
.sale_result2_staff_com {
 font-size: 15px;
 line-height: 26px;
 margin-bottom: 70px;
}
.sale_result2_staff_com span {
 margin-top: 10px;
}
.sale2_list_title {
 display: flex;
 margin: 10px 0 0;
 font-weight: bold;
}
.sale2_l_ti {
 color: #fff;
 border: 1px solid #ccc;
 padding: 15px;
 box-sizing: border-box;
 width: 20%;
 background: #042455;
 text-align: center;
 font-size: 16px;
}
.sale2_l_ti:nth-child(2) {
 width: 40%;
}
.sale2_list_item {
 display: flex;
 margin-bottom: 0 !important;
 padding-bottom: 0 !important;
}
.sale2_l_item {
 border: 1px solid #dcdcdc;
 padding: 15px;
 box-sizing: border-box;
 width: 20%;
 text-align: center;
 border-right: none;
 font-size: 14px;
 float: left;
 border-top: none;
 min-height: 50px;
 color: #000;
 display: flex;
 justify-content: center;
 align-items: center;
}
.sale2_l_item:nth-child(2) {
 width: 40%;
}
.sale2_list_item:last-child {
 border-bottom: none;
}
.i_b_r {
 border-right: 1px solid #dcdcdc;
}
.sale2_list_ma_tl {
 margin: 30px 0 20px;
 padding: 10px 0;
 border-bottom: 2px solid #333;
 border-top: 2px solid #333;
 font-size: 18px;
 font-weight: bold;
 text-align: center;
 letter-spacing: 10px;
}
.sale2_list_item a {
 width: 100%;
 display: flex;
}
/*売却実績　問合せフォーム*/
.sale_result_form {
 background-color: #EEE;
 padding: 30px 0;
 box-sizing: border-box;
 margin-top: 30px;
}
.sale_result_form＿txt {
 font-size: 15px;
 line-height: 25px;
 text-align: center;
}
.sale_result_form_btn {
 width: 45%;
 margin: 10px auto 0;
}
.sale_result_form_btn a {
 display: block;
 background-color: #FF0000;
 border-radius: 5px;
 color: #fff;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 padding: 15px 0;
 border: 3px solid #FF0000;
 text-decoration: none;
}
.sale_result_form_btn a:hover {
 background-color: #fff;
 color: #FF0000;
}
/*-----------------------------------------------
    不動産広告チラシ　/paper_ma/
-----------------------------------------------*/
.paper_ma {
 width: 780px;
 margin: 0 auto;
}
.paper_ma ul{
 display: flex;
    flex-wrap: wrap;
    gap: 30px 30px;
}
.paper_ma ul li {
    width: 240px;
    overflow: hidden;
    text-align: center;
}
.paper_ma ul li p {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 height: 36px;
}
.paper_ma ul li:nth-child(3n) {
 margin-right: 0px;
}
a.paper_ma_img {
 width: 100%;
 height: 162px;
 overflow: hidden;
 display: block;
}
.paper_ma_img img {
 border: 1px solid #CCC;
 width: 99%;
 height: 160px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.paper_ma_list_link {
 position: relative;
}
.paper_ma_list_link a {
 font-weight: bold;
 background: #EEEEEE;
 margin: 1px;
 padding: 5px;
 display: block;
 text-decoration: none;
 color: #000;
}
.paper_ma_list_link2 a {
 font-weight: bold;
 background: #FFC926;
 margin: 1px;
 padding: 5px;
 display: block;
 text-decoration: none;
 color: #000;
}
.paper_ma_list_link2 img {
 margin: 0px 3px 2px -4px;
 display: inline-block;
}
.paper_ma_list_link2 a:hover {
 color: #000;
 background: #FE9A26;
}
.paper_ma .paper_ma_detail {}
.paper_ma .paper_ma_link a {}
.paper_ma .paper_ma_detail img {
 margin: 5px;
}
.paper_ma .paper_ma_text {
 margin: 20px auto;
 padding: 5px 10px;
 line-height: 20px;
}
.paper_ma .paper_ma_text img {
 vertical-align: middle;
}
.paper_ma_download_wrap{
    display: flex;
    justify-content: center;
    gap: 0px 20px;
    margin: 20px 0px 0px 0px;
}
.paper_ma_download {}
.paper_ma_download img {
 vertical-align: top;
 margin: 2px 10px 0 0;
}
.paper_ma_download a {
    display: block;
    text-align: center;
    font-size: 14px;
    text-decoration: none;
    background: #EEE;
    color: #333;
    padding: 19px 0;
    letter-spacing: 2px;
    font-weight: bold;
    width: 380px;
 box-sizing: border-box;
}

.paper_inq_wrap{
    margin: 30px 0px 40px 0px;
}
.paper_inq_ti{
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    line-height: 50px;
}
.paper_inq_box{
 padding: 20px 20px;
 display: flex;
 justify-content:right;
 align-items: center;
}
.paper_inq_tel{
    border-right: solid 1px #ccc;
    padding: 0px 37px 0px 0px;
    margin: 0px 37px 0px 0px;
}
.paper_inq_tel p{
 margin:10px 0px 0px 0px;
 text-align: center;
 font-size: 14px;
 font-weight: bold;
}
.paper_inq_tel a{
    font-size: 35px;
    font-weight: bold;
    line-height: 34px;
    text-decoration: none;
    color: #333;
 pointer-events: none;
    display: block;
}
.paper_inq_tel a i{
 font-size: 27px;
    margin-right: 4px;

}
.paper_form{
    display: block;
    width: 362px;
    background-color: #d90a19;
    line-height: 65px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-align: center;
    position: relative;
    text-decoration: none;
}
.paper_form:hover{
 color: #fff;
 background-color: #a90814;
  text-decoration: none;
}
.paper_form::after {
    content: "";
    margin: auto;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 21px;
    width: 9px;
    height: 9px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(45deg);
    box-sizing: border-box;
}
#jc_btn_submit {
    -webkit-appearance: none;
    border: 2px solid #ccc;
    background: #eee;
    color: #777;
    border-radius: 30px;
    width: 400px;
    height: 60px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    box-shadow: 0 0 3px 0 #999;
    padding: 0 40px;
    font-weight: bold;
    margin: 0 auto 20px;
    font-size: 20px;
    display: block;
    font-family: "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
 cursor:pointer
}
/*-----------------------------------------------
 .live_news_ma /live_news_ma/ 建築現場レポート
-----------------------------------------------*/
.live_news_ma {}
.live_news_ma ul {
 width: 100%;
 overflow: hidden;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.live_news_ma ul li {
 width: 32%;
 list-style: none;
 margin: 0 2% 3% 0;
 padding: 0px;
 display: inline-block;
 vertical-align: top;
 position: relative;
 top: 0px;
 left: 0px;
}
.live_news_ma ul li a {
 width: 100%;
 height: 100%;
 position: absolute;
 white-space: nowrap;
 text-indent: 300%;
 overflow: hidden;
 display: block;
 z-index: 9999;
 top: 0px;
 left: 0px;
}
.live_news_ma ul li a:hover {
 background-color: rgba(0, 0, 0, 0.1);
}
.live_news_ma ul li img {
 height: auto;
 width: 100%;
 height: 200px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.live_news_ma ul li:nth-child(3n) {
 margin-right: 0 !important;
}
.live_news_ma_data {
 width: 210px;
 margin: 0;
 padding: 0;
 float: right;
 position: relative;
 z-index: 100;
}
.live_news_ma_data p {
 word-wrap: break-word;
 overflow: hidden;
 text-overflow: ellipsis;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 line-height: 18px;
}
.live_news_ma h3 {
 color: #FFF;
 background: #87745C;
 margin: 0px 0px 5px 0px;
 padding: 5px;
}
.live_news_ma li .txt {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 height: 37px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}
.live_news_ma p {
 margin: 0px 0px 0px 0px;
 padding: 0px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.live_news_ma br {
 content: " ";
}
.live_news_ma_com {}
.live_news_ma_com p {
 margin: 10px 0 0 0;
 padding: 0;
}
.live_news_ma_detail h2 {
 margin: 5px 0;
 padding: 0px 0px 0px 0px;
 font-size: 24px;
 text-align: left;
 line-height: 50px;
 border-bottom: 1px dashed #AAA;
}
.live_news_ma_detail ul {
 font-size: 0;
}
.live_news_ma_detail ul li {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 width: 360px;
 margin: 0 5px 20px 5px;
}
.live_news_ma_photo {
 margin: 10px 0;
}
.live_news_ma_photo img {
 border: dashed 1px #CCC;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 max-width: 96% !important;
 max-height: 260px !important;
}
.live_news_ma_detail ul li span {
 display: block;
 font-size: 16px;
 font-weight: bold;
 color: #9C7841;
}
/*-----------------------------------------------
 建築現場レポート　/live_news/
-----------------------------------------------*/
.live_news_ma2 {}
.live_news_ma2 ul {
 margin: 0px 0px 0px -20px;
 padding: 0px;
 overflow: hidden;
}
.live_news_ma2 ul li {
 width: 47%;
 display: inline-block;
 list-style: none;
 margin: 0px 0px 20px 20px;
 vertical-align: top;
}
.live_news_ma2 li img {
 width: 100% !important;
 height: 250px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.live_news_ma2 h3 {
 color: #FFF;
 font-size: 14px;
 line-height: 24px;
 margin: 0px 0px 10px 0px;
 padding: 5px;
 background: #333;
}
.live_news_ma2_photo {
 height: 250px;
 overflow: hidden;
}
.live_news_ma2_detail_com {
 font-size: 14px;
 text-align: left;
}
.live_news_ma2 ul li p {
 width: 100%;
 margin: 10px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.live_news_ma2 ul li p span {
 display: block;
}
/*-----------------------------------------------
 .reform_ma /reform_ma/ リフォーム事例
-----------------------------------------------*/
.reform_ma {
 margin-bottom: 50px;
 /*　flickSlider　*/
 .flickSlider {
  margin: 0 auto;
  text-align: left;
 }
 .flickSlider .flickView {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  height: 560px !important;
 }
 .flickSlider .flickView ul {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 560px !important;
 }
 .flickSlider .flickView ul li {
  width: 100%;
  float: left;
  display: inline;
  overflow: hidden;
  padding-bottom: 20px;
 }
 .flickSlider .flickView ul li span {
  margin: 0;
  position: absolute;
  bottom: 0px;
  z-index: 100;
  text-align: center;
  font-size: 14px;
  background-color: #efefef;
  display: block;
  width: 780px;
  line-height: 40px;
 }
 .flickSlider .flickView ul li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 520px;
 }
 .flickSlider .flickThumb {
  width: 100%;
  overflow: hidden;
 }
 .flickSlider .flickThumb ul {
  width: 110%;
  margin-top: 2%;
 }
 .flickSlider .flickThumb ul li {
  width: 10% !important;
  min-height: 45px !important;
  height: 53px;
  margin-right: 3px;
  float: left;
  cursor: pointer;
  display: inline;
  overflow: hidden;
  border: 2px solid #CCC;
  opacity: 1 !important;
 }
 .flickSlider .flickThumb ul li:empty {
  display: none;
 }
 .flickSlider .flickThumb ul li img {
  /* max-width: 80px !important; */
  height: 53px !important;
  width: 100% !important;
  object-fit: cover;
  font-family: 'object-fit: cover';
  margin: 0 0 0px 0;
 }
 .flickSlider .flickThumb ul li.active {
  /*追加*/
  border: 2px solid #000;
 }
 .flickSlider .btnPrev,
 .flickSlider .btnNext {
  top: 0;
  width: 5%;
  height: 100%;
  position: absolute;
  cursor: pointer;
 }
 .flickSlider .btnPrev {
  left: 0;
  background: url(/img_cms/btnPrev.png) no-repeat center center / 85%;
 }
 .flickSlider .btnNext {
  right: 0;
  background: url(/img_cms/btnNext.png) no-repeat center center / 85%;
 }
 .flickSlider .flickView ul:after,
 .flickSlider .flickThumb ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
 }
 .flickSlider .flickView ul,
 .flickSlider .flickThumb ul {
  display: inline-block;
  overflow: hidden;
 }
}
.reform_ma_list ul {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 40px 3%;
    flex-wrap: wrap;
}
.reform_ma_list li {
    padding: 0px;
    width: 31.3%;
    letter-spacing: 1px;
    overflow: hidden;
    position: relative;
}
.reform_ma_list li a {
 display: block;
 text-align: left;
 text-decoration: none;
}
.reform_ma_list li a:hover {
 background-color: rgba(0, 0, 0, 0.1);
}
.reform_imgbox {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.reform_imgbox div {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}
.reform_img1 img,
.reform_img2 img {
 width: auto;
 max-width: none;
 max-height: 100%;
 margin: auto;
 display: block;
}
.reform_img1 {
  animation: fadeInOut_1 6s infinite;
}
.reform_img1::before{
    content: "before";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #042455;
    color: #fff;
    padding: 8px 10px;
    font-weight: bold;
}
.reform_img2 {
  animation: fadeInOut_2 6s infinite;
}
.reform_img2::after{
 content: "after";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #c71313;
    color: #fff;
    padding: 8px 10px;
    font-weight: bold;
}
/* 画像1のアニメーション */
@keyframes fadeInOut_1 {
  0% { opacity: 1; }
  25% { opacity: 1; }
  50% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}

/* 画像2のアニメーション */
@keyframes fadeInOut_2 {
  0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; }
}
.reform_ma_list h3 {
 color: #000;
 font-size: 13px;
 font-weight: normal;
 line-height: 18px;
 text-decoration: underline;
 margin: 15px 0px;
 padding: 0px 0px 0px 0px;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.reform_ma_list p {
 color: #333;
 font-size: 12px;
 line-height: 24px;
 margin: 0px;
 padding: 0px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
}
.reform_ma_shosai h3 {
 color: #333;
 font-size: 16px;
 font-weight: bold;
 margin: 10px 0;
 border-left: 3px solid #333;
 text-indent: 15px;
 line-height: 24px;
}
.reform_ma_shosai {
 margin: 20px 0;
}
.reform_ma_shosai table{
 width: 100%;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    border-top: solid 1px #eee;
    border-left: solid 1px #eee;
}
.reform_ma_shosai table th {
    width: 15%;
    margin: 0px 0px 0px 0px;
    padding: 10px;
    background: #f7f7f4;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
 font-size: 14px;
}
.reform_ma_shosai table td {
    width: 35%;
    text-indent: 10px;
    margin: 0px 0px 0px 0px;
    padding: 24px;
    background: #FFF;
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    line-height: 24px;
 font-size: 14px;
}
.reform_ma_comment01 {
 line-height: 24px;
 font-size: 16px;
 font-weight: bold;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.reform_ma_comment02 {
 margin: 20px 0;
 clear: both;
 border: 1px solid #333;
 padding: 10px;
}
.reform_ma_comment02 img {
 vertical-align: middle;
}
.reform_ma_before ul {
    display: flex;
    gap: 0px 2%;
}
.reform_ma_before ul li {
 width: 23.5%;
 height: 195px;
 overflow: hidden;
 display: flex;
 align-items: center;
 justify-content: center;
}
.reform_ma_before ul li img {
    width: auto;
    max-width: none;
    max-height: 100%;
    margin: auto;
    display: block;
}
/*-----------------------------------------------
 リフォーム事例　/build_result_ma/ 
-----------------------------------------------*/
.build_result_ma{
 /*　flickSlider　*/
 .flickSlider {
  margin: 0 auto;
  text-align: left;
 }
 .flickSlider .flickView {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  height: 560px !important;
 }
 .flickSlider .flickView ul {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 560px !important;
 }
 .flickSlider .flickView ul li {
  width: 100%;
  float: left;
  display: inline;
  overflow: hidden;
  padding-bottom: 20px;
 }
 .flickSlider .flickView ul li span {
  margin: 0;
  position: absolute;
  bottom: 0px;
  z-index: 100;
  text-align: center;
  font-size: 14px;
  background-color: #efefef;
  display: block;
  width: 780px;
  line-height: 40px;
 }
 .flickSlider .flickView ul li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 520px;
 }
 .flickSlider .flickThumb {
  width: 100%;
  overflow: hidden;
 }
 .flickSlider .flickThumb ul {
  width: 110%;
  margin-top: 2%;
 }
 .flickSlider .flickThumb ul li {
  width: 10% !important;
  min-height: 45px !important;
  height: 53px;
  margin-right: 3px;
  float: left;
  cursor: pointer;
  display: inline;
  overflow: hidden;
  border: 2px solid #CCC;
  opacity: 1 !important;
 }
 .flickSlider .flickThumb ul li:empty {
  display: none;
 }
 .flickSlider .flickThumb ul li img {
  /* max-width: 80px !important; */
  height: 53px !important;
  width: 100% !important;
  object-fit: cover;
  font-family: 'object-fit: cover';
  margin: 0 0 0px 0;
 }
 .flickSlider .flickThumb ul li.active {
  /*追加*/
  border: 2px solid #000;
 }
 .flickSlider .btnPrev,
 .flickSlider .btnNext {
  top: 0;
  width: 5%;
  height: 100%;
  position: absolute;
  cursor: pointer;
 }
 .flickSlider .btnPrev {
  left: 0;
  background: url(/img_cms/btnPrev.png) no-repeat center center / 85%;
 }
 .flickSlider .btnNext {
  right: 0;
  background: url(/img_cms/btnNext.png) no-repeat center center / 85%;
 }
 .flickSlider .flickView ul:after,
 .flickSlider .flickThumb ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
 }
 .flickSlider .flickView ul,
 .flickSlider .flickThumb ul {
  display: inline-block;
  overflow: hidden;
 }
}
.build_result_ma_list li {
 width: 246px;
 list-style: none;
 margin: 0px 0px 30px 20px;
 padding: 0px;
 display: inline-block;
 vertical-align: top;
 *display: inline;
 *zoom: 1;
 position: relative;
}
.build_result_ma_list li a {
 display: block;
 text-align: left;
 text-decoration: none;
}
.build_result_ma_list li a:hover {
 background: #F2F2F2;
}
.build_result_ma_list li a:hover ::after {
 color: #FFF;
 content: "詳しく見る";
 position: absolute;
 width: 100%;
 height: 52%;
 padding-top: 40%;
 background: #000;
 text-align: center;
 background-color: rgba(0, 0, 0, 0.5);
 top: 0;
 left: 0;
}
.build_result_ma_list h3 {
 line-height: 16px;
 margin: 10px 0;
 padding: 0;
}
.build_result_ma p {
 line-height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.build_result_ma_shosai h3 {
 color: #333;
 font-size: 16px;
 font-weight: bold;
 margin: 10px 0;
 border-left: 3px solid #333;
 text-indent: 15px;
 line-height: 24px;
}
.build_result_ma_shosai {
 margin: 20px 0;
}
.build_result_ma_comment01 {}
.build_result_ma_comment02 {
 margin: 20px 0;
 clear: both;
 border: 1px solid #333;
 padding: 10px;
}
.build_result_ma_comment02 img {
 vertical-align: middle;
}
.build_result_ma_before ul {
 overflow: hidden;
}
.build_result_ma_before ul li {
 float: left;
 margin: 1px;
 width: 193px;
 max-height: 130px;
 overflow: hidden;
}

/*-----------------------------------------------
  .form2_ma　/inquiry/ 売却査定
-----------------------------------------------*/
.form2_ma {
 margin: 15px auto 0;
 overflow: hidden;
 width: 780px;
}
.form2_ma .sale_box {
 width: 250px;
 float: left;
 margin: 0 12px 10px 0;
 border: solid 1px #006CD8;
 overflow: hidden;
}
.form2_ma .sale_box a {
 display: block;
 line-height: 65px;
 color: #333;
 width: 250px;
 height: 65px;
}
.form2_ma .sale_l {
 width: 60px;
 float: left;
 background: #006CD8;
 position: relative;
 height: 65px;
}
.form2_ma .sale_r {
 width: 180px;
 float: right;
}
.form2_ma .sale_r span {
 font-weight: bold;
 margin: -15px 0 -20px 0;
 display: block;
}
.form2_ma .sale_r p {
 font-size: 11px;
 line-height: 15px;
 margin: 0;
}
.form2_ma .last {
 margin-right: 0 !important;
}
.form2_ma .sale_box a:hover {
 background: #E8F3FF;
 display: block;
}
.form2_ma .sale_l img {
 position: absolute;
 top: 0;
 right: 0;
 bottom: 0;
 left: 0;
 margin: auto;
}
.form_banner {
 margin: 15px 0 0 0;
 position: relative;
 text-align: center;
}
.form_banner a {
 position: absolute;
 right: 20px;
 bottom: 20px;
 color: #fff;
 font-size: 24px;
 font-weight: bold;
 letter-spacing: 2px;
 background: #006CD8;
 line-height: 60px;
 width: 300px;
 text-align: center;
 border-radius: 100px;
 box-shadow: 0 3px #0051A2;
 border: solid 1px #FFF;
}
.form_banner a:hover {
 background: #0051A2;
}
/*----------------------------------------------------------
  .build_result2　/build_result2/ 建築事例 富士ver
----------------------------------------------------------*/
.build_result2 ul {
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 font-size: 0;
 overflow: hidden;
}
.build_result2_list li {
 width: 24%;
 list-style: none;
 margin: 0px 1.3% 1% 0px;
 padding: 0px;
 display: inline-block;
 vertical-align: top;
 *display: inline;
 *zoom: 1;
 position: relative;
}
.build_result2_list li:nth-child(4n) {
 margin-right: 0;
}
.build_result2_list li a {
 display: block;
 text-align: left;
 text-decoration: none;
}
.build_result2_list li a:hover {
 background: #F2F2F2;
}
.build_result2_list li a:hover ::after {
 color: #FFF;
 content: "詳しく見る";
 position: absolute;
 width: 100%;
 height: 52%;
 padding-top: 40%;
 background: #000;
 text-align: center;
 background-color: rgba(0, 0, 0, 0.5);
 top: 0;
 left: 0;
}
.build_result2_list h3 {
 color: #333;
 font-size: 14px;
 font-weight: bold;
 line-height: 16px;
 margin: 5px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.build_result2 p {
 color: #006DD9;
 font-size: 14px;
 line-height: 24px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
}
.build_result2 h3 {
 color: #333;
 font-size: 16px;
 font-weight: bold;
 margin: 10px 0;
}
.build_result2_shosai {
 margin: 0px 0px 20px 0px;
}
.build_result2_shosai1 img {
 max-width: 100% !important;
 /* max-height:370px !important;*/
 float: left;
}
.build_result2_shosai1 {
 overflow: hidden;
}
.build_result2_shosai1 table {
 width: 48%;
 margin: 0px 0px 0px 10px;
 padding: 0px 0px 0px 0px;
 float: right;
 border-top: 1px solid #CCC;
 border-left: 1px solid #CCC;
 border-right: 1px solid #CCC;
}
.build_result2_shosai1 th,
.build_result2_shosai1 td {
 font-size: 14px;
 font-weight: normal;
 line-height: 25px;
 border-bottom: 1px solid #CCC;
}
.build_result2_shosai1 th {
 width: 80px;
 font-weight: bold;
 text-align: center;
 border-right: 1px solid #CCC;
 background: #F2F2F2;
}
.build_result2_shosai1 td {
 width: 340px;
 padding: 10px;
}
.build_result2_shosai2 {
 font-size: 13px;
 min-height: 78px;
 margin: 20px auto;
 padding: 10px;
 border: solid 1px #DDD;
 background: F2F2F2;
}
.build_result2_shosai3 {
 margin: 0px auto;
 padding: 0px;
 overflow: hidden;
}
.build_result2_shosai3 ul {
 width: 105%;
 margin: 0px 0px 0px -20px;
 padding: 0px;
 overflow: hidden;
}
.build_result2_shosai3 li {
 font-size: 12px;
 width: 30%;
 list-style: none;
 display: inline-block;
 vertical-align: top;
 *display: inline;
 *zoom: 1;
 margin: 0px 0px 20px 20px;
}
.build_result2_shosai3 li img {
 height: 245px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
 width: 100% !important;
}
.build_result2_shosai3_free {
 height: auto;
 overflow: hidden;
 margin: 0px auto 40px;
 padding: 0px;
 text-align: center;
 border: 3px double #ddd;
}
.build_result2_inq a {
 width: 40%;
 color: red;
 font-size: 14px;
 font-weight: bold;
 text-align: center;
 margin: 0px auto;
 padding: 10px;
 display: block;
 background: #FFF;
 border: solid 1px red;
 border-radius: 5px;
}
.build_result2_inq a:hover {
 color: #FFF;
 background: red;
}
/*-----------------------------------------------
 build list 建築事例3 AiTOWNver
-----------------------------------------------*/
.build_result3 {}
.build_result3 ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.build_result3 ul li {
 width: 32%;
 margin-bottom: 6%;
 margin-right: 2%;
}
.build_result3 ul li:nth-child(3n) {
 margin-right: 0;
}
.build_result3 ul li a {
 display: block;
 text-decoration: none;
 color: #000;
}
.build_result3 ul li a img {
 width: 100%;
 max-height: 210px;
 object-fit: cover;
}
.build_result3 ul li a h3 {
 overflow: hidden;
 display: -webkit-box;
 margin: 15px 0 10px;
 max-height: 64px;
 line-height: 28px;
 font-size: 20px;
 font-weight: 500;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 font-weight: bold;
 padding: 0 5px;
 height: 56px;
}
.build_result3 ul li a p {
 overflow: hidden;
 display: -webkit-box;
 margin: 0;
 max-height: 90px;
 line-height: 25px;
 font-size: 15px;
 color: #333;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 padding: 0 5px;
 height: 73px;
}
.build3_li_more {
 width: 200px;
 margin: 0 auto;
 color: #fff;
 text-align: center;
 font-size: 15px;
 padding: 15px 0;
 background-color: #231815;
 margin-top: 20px;
}
.build_result3 ul li a:hover .build3_li_more {
 background-color: #6D4A41;
}
/*-----------------------------------------------
 build detail
-----------------------------------------------*/
.cms_back {}
.build_result3_ma {}
.build_detail3_tl {
 margin-top: 30px;
 margin-bottom: 70px;
 border-top: 1px solid #000;
 border-bottom: 1px solid #000;
 padding-top: 55px;
 padding-bottom: 55px;
 line-height: 55px;
 letter-spacing: 5px;
 font-size: 34px;
 font-weight: bold;
 text-align: center;
}
.build_detail3_tl span {
 display: block;
 margin-top: 30px;
 font-size: 20px;
 font-weight: normal;
}
.bu_de3_img {
 text-align: center;
}
.bu_de3_img a img {
 max-width: 100% !important;
}
.bu_de3_free {
 margin: 60px 0;
 font-size: 18px;
 line-height: 27px;
}
.bu_de3_gallery ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.bu_de3_gallery ul li {
 width: 32%;
 margin-right: 2%;
 margin-bottom: 2%;
}
.bu_de3_gallery ul li p {
 font-size: 14px;
 font-weight: 500;
 text-align: left;
 padding: 5px 0;
 margin: 0;
}
.bu_de3_gallery ul li:first-child {
 background-color: #F6F2ED;
 /*サイトに合わせてカラー変更してください*/
 color: #6c3524;
 /*サイトに合わせてカラー変更してください*/
 font-size: 22px;
 font-weight: bold;
 text-align: center;
 padding: 120px 0;
 height: 290px;
 box-sizing: border-box;
}
.bu_de3_gallery ul li:first-child span {
 font-size: 12px;
 display: block;
 margin-bottom: 8px;
}
.bu_de3_gallery ul li:nth-child(3n) {
 margin-right: 0;
}
.bu_de3_gallery ul li a {}
.bu_de3_gallery ul li a img {
 width: 100% !important;
 height: 290px !important;
 /*サイドバーありの時は*/
 object-fit: cover;
}
/*-----------------------------------------------
 staff　スタッフ紹介
-----------------------------------------------*/
.staff_ma_list {
 width: 100%;
 margin: 0px auto 30px;
 overflow: hidden;
 text-align: left;
}
.staff_ma_list ul {
 width: 100%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 overflow: hidden;
 display: flex;
    flex-wrap: wrap;
    gap: 12px 12px;
}
.staff_ma_list li {
    overflow: hidden;
    width: 31%;
    text-align: center;
    border: 1px solid #ccc;
    vertical-align: top;
    padding: 4px;
}
.staff_ma_list li:nth-child(3n) {
 margin-right: 0px;
}
.staff_ma_list li p {
 margin: 0px;
 padding: 5px;
}
.staff_ma_photo {
}
.staff_ma_photo img {
 width: 100%;
 height: 284px !important;
 border: 0;
 vertical-align: bottom;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.staff_ma_list_photo p {
 margin: 0;
 padding: 0;
 position: relative;
}
.staff_ma_list a {
 display: block;
 text-align: center;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
}
/*連携部分*/
.staff_ma_mc-group ul {
 margin: 0 0 0 -10px;
 padding: 0;
 list-style: none;
 overflow: hidden;
}
.staff_ma_mc-group ul li {
 width: 187px;
 margin: 0px 0px 10px 10px;
 float: left;
}
.staff_ma_mc-group ul li a {
 display: block;
 padding: 5px;
 border: 1px solid #EEE;
}
.staff_ma_mc-group ul li p {
 font-size: 12px;
 line-height: 21px;
 margin: 7px 0px 5px;
 padding: 0px 0px 0px 0px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 height: 42px;
}
.staff_ma_h2 {
 padding: 10px 0px 5px 0px;
 border-bottom: solid 1px #333;
}
.staff_ma_mc-group ul li:hover {
 background: #EEE;
}
.staff_ma_mc-group ul li img {
 max-width: 100%;
 height: auto;
 max-height: 120px;
}
/*-----------------------------------------------
 スタッフ詳細 /staff1_ma/
-----------------------------------------------*/
.staff1_ma_detail h3 {
 border-bottom: 3px solid #000000;
 margin: 10px 0;
 font-size: 16px;
 line-height: 35px;
}
.staff1_ma_detail ul {
 overflow: hidden;
 margin-bottom: 10px;
}
.staff1_ma_detail li {
 float: left;
 padding-right: 15px;
}
.staff1_ma_detail li:last-child {
 padding-right: 0px;
}
.staff1_ma_detail li img {
 max-width: 250px !important;
}

.staff1_ma_detail_prof div {
 width: 48%;
 display: inline-block;
 margin: 2% 3% 2% 0;
 vertical-align: text-top;
}
.staff1_ma_detail_prof div:nth-child(2n) {
 margin-right: 0;
}
.staff1_ma_detail_prof p {
 font-size: 15px;
 line-height: 24px;
}
.staff1_ma_detail_prof span {
 margin: 5px 0;
 display: block;
 border-bottom: 1px dashed #aaaaaa;
 font-size: 16px;
 line-height: 32px;
 font-weight: bold;
 color: #79796a;
}
.staff1_ma_detail_comment {
 background: #EEE;
 padding: 15px 10px;
 margin-bottom: 50px;
}
.staff1_ma_detail_comment p {
 margin: 0;
 font-size: 15px;
 line-height: 23px;
}
.staff1_ma-100 {
 width: 100% !important;
}
/*-----------------------------------------------
 スタッフ紹介２ /staff2/
-----------------------------------------------*/
.staff2_ma_wrap {
 width: 780px;
 margin: 30px auto;
 font-size: 13px;
}
.staff2_ma_wrap ul {
 list-style: none;
 margin: 0;
 padding: 0;
}
.staff2_ma_detail {
 text-align: left;
}
.staff2_ma_detail_main {
 overflow: hidden;
 margin-bottom: 10px;
}
.staff2_ma_detail_l {
 width: 370px;
 float: left;
}
.staff2_ma_detail_r {
 width: 400px;
 float: right;
}
.staff2_ma_detail_r span {
 text-indent: 15px;
 font-weight: bold;
 font-size: 16px;
 margin-bottom: 10px;
 display: block;
 border-left: 3px solid #333;
}
.staff2_ma_detail_r p {
 width: 400px;
 margin: 0 auto 20px;
 font-size: 15px;
 line-height: 23px;
}
.staff2_ma_detail_sub {
 overflow: hidden;
}
.staff2_ma_detail_prof {
 width: 275px;
 float: left;
 border: 1px #ccc solid;
 -moz-border-radius: 5px;
 /* Firefox */
 -webkit-border-radius: 5px;
 /* Safari,Chrome */
 border-radius: 5px;
 /* CSS3 */
 padding: 1px;
}
span.staff2_ma_proftitle {
 background: url(/img_cms/color2.gif) repeat;
 width: 275px;
 height: 40px;
 line-height: 40px;
 text-indent: 20px;
 display: block;
 font-weight: bold;
 font-size: 15px;
 margin-bottom: 5px;
}
.staff2_ma_detail_free {
 width: 265px;
 margin: 5px;
}
.staff2_ma_detail_photo {}
.staff2_ma_detail_photo ul li {
 width: 240px;
 float: left;
 margin-right: 30px;
}
.staff2_ma_detail_photo ul li:last-child {
 margin-right: 0;
}
.staff2_ma_other {
 overflow: hidden;
 margin: 20px 0;
}
.staff2_ma_other .staff2_ma_other_l {
 float: left;
 margin-right: 20px;
 width: 120px;
}
.staff2_ma_other .staff2_ma_other_r {
 width: 620px;
 float: right;
 background: #f0f0f0;
 padding: 17px;
 font-size: 15px;
 line-height: 23px;
 box-sizing: border-box;
}
.staff2_ma_other .staff2_ma_other_r b {
 display: block;
 font-size: 18px;
 letter-spacing: 2px;
 margin-bottom: 5px;
}
.staff2_ma_detail_l div img {
 margin: 10px 0 0 0px;
 display: inline-block;
}
.balloon {
 position: relative;
 padding: 20px;
}
.balloon::before {
 content: '';
 position: absolute;
 display: block;
 width: 0;
 height: 0;
 left: -14px;
 top: 23px;
 border-right: 14px solid #f0f0f0;
 border-top: 9px solid transparent;
 border-bottom: 9px solid transparent;
}
/*-----------------------------------------------
    スタッフ紹介3 /staff3/
-----------------------------------------------*/
.staff3_ma_text {
 margin: 10px;
 font-size: 13px;
 line-height: 20px;
}
.staff3_ma_main_img {
 text-align: center;
}
.staff3_ma ul li a {
 display: block;
 text-decoration: none;
}
.staff3_ma_shosai_wrap {
 margin: 0;
 padding: 0;
}
.staff3_ma_shosai_img {
 width: 370px;
 float: left;
 text-align: center;
}
.staff3_ma_shosai_img img {
 border: 1px solid #EEE;
 padding: 1px;
 max-width: 340px !important;
 margin: 14px 0 0 0 !important;
 object-fit: cover;
}
.staff3_ma_r {
 width: 400px;
 float: right;
}
.staff3_ma_r_title {
 margin: 15px 0px;
 padding: 10px 5px;
 font-size: 16px;
 text-indent: 10px;
 font-weight: bold;
 background: #EEE;
}
.staff3_ma_r ul {
 margin: 0;
 padding: 0;
}
.staff3_ma_r ul li {
 margin: 0 0 5px 0;
 padding: 5px 0 10px 0;
 list-style: none;
 overflow: hidden;
 border-bottom-style: dotted;
 border-bottom-color: #261300;
 border-bottom-width: 1px;
 font-size: 15px;
}
.staff3_ma_r ul li:last-child {
 border: none;
 margin: 0 0 40px 0;
}
.staff3_ma_r ul li span {
 width: 70px;
 display: block;
 float: left;
 margin: 0 5px 0 0;
 color: #261300;
 font-weight: bold;
}
.staff3_ma_r ul li p {
 width: 325px;
 margin: 0;
 padding: 0;
 float: left;
 line-height: 20px;
}
.staff3_ma_message_title {
 margin: 15px 0px;
 padding: 10px 5px;
 font-size: 16px;
 font-weight: bold;
 text-indent: 5px;
 clear: both;
 background: #EEE;
}
.staff3_ma_message_row {
 padding: 0 0 0 0px;
}
.staff3_ma_message_row p {
 font-size: 15px;
 line-height: 24px;
}
.staff3_ma_shosai_row {
 margin: 20px 0 0px 0;
 overflow: hidden;
}
.staff3_ma_shosai_row ul {
 width: 780px;
 list-style: none;
 margin: 0;
 padding: 0;
}
.staff3_ma_shosai_row ul li {
 display: inline-block;
 vertical-align: top;
 width: 253px;
 margin-right: 5px;
}
.shosai_row_li_last {
 margin: 0 !important;
}
.staff3_ma_shosai_row_img {
 max-width: 253px;
 height: auto;
 border: 1px solid #EEE;
 padding: 1px;
 text-align: center;
}
.staff3_ma_shosai_row_img img {
 width: 248px !important;
 height: 248px !important;
 object-fit: cover;
}
.staff3_ma_shosai_row_text {
 margin: 10px 0;
 font-size: 15px;
 line-height: 25px;
}
.staff3_ma_shosai_voice {
 clear: both;
}
.staff3_ma_shosai_voice h3 {
 border-bottom: 1px solid #333;
 font-size: 16px;
 padding-bottom: 5px;
}
.staff3_ma_shosai_voice ul {
 margin: 0px 0px 0px -10px;
 padding: 0px 0px 0px 0px;
 overflow: hidden;
}
.staff3_ma_shosai_voice ul li {
 width: 187px;
 margin: 0px 0px 20px 10px;
 float: left;
}
.staff3_ma_shosai_voice li a {
 border: 1px #ddd solid;
 padding: 5px;
 display: block;
}
.staff3_ma_shosai_voice li a:hover {
 background: #EEE;
}
.staff3_ma_shosai_voice img {
 max-width: 100%;
 height: auto;
 max-height: 120px;
}
.staff3_ma_shosai_voice p {
 font-size: 12px;
 line-height: 21px;
 margin: 7px 0px 5px;
 padding: 0px 0px 0px 0px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}
.staff3_ma_shosai_voice p:hover {
 text-decoration: underline;
}
.staff3_ma_shosai_voice p br {
 display: none;
}
.staff3_ma_photo img {
 width: 248px;
 height: 248px !important;
 object-fit: cover;
}
/*-----------------------------------------------
 お客様の声　共通
-----------------------------------------------*/
.voice_ma li {
    border: 1px solid #ccc;
    overflow: hidden;
    width: 245px;
    vertical-align: top;
}
.voice_ma li:nth-child(3n) {
 margin-right: 0px;
}
.voice_ma_list li {
 list-style: none;
 margin: 0px 18px 50px 0px;
 padding: 0px 0px 0px 0px;
}
.voice_ma a {
 display: block;
 color: #000;
 text-decoration: underline;
 overflow: hidden;
}
.voice_ma_title {
 font-size: 13px;
 line-height: 20px;
 padding: 10px;
 margin: 0;
 height: auto;
 overflow: hidden;
 text-align: left;
}
.voice_ma_title a {
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 height: 40px;
}
.voice_ma_photo {
 height: 160px;
 overflow: hidden;
}
.voice_ma_photo img {
 vertical-align: bottom;
 /* max-height: 160px; */
 width: 100%;
 height: 160px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.voice_ma_staff_comment {
 background-color: #F8F7F7;
 overflow: hidden;
 padding: 50px 10px 20px;
 border: 1px solid #D2D2D2;
 margin-top: -38px;
}
.voice_ma_staff_comment p {}
.voice_st_date {
 position: relative;
}
.voice_st_date .ttl {
 height: 40px;
 height: 40px;
 font-size: 16px;
 font-weight: bold;
 display: block;
 line-height: 30px;
 margin: 5px auto;
}
.voice_st_date a {
 display: block;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
}
.voice_st_date a span {
 position: absolute;
 top: 0;
 left: 10px;
 display: block;
 color: #000;
}
.voice_st_date .more {
 display: block;
 line-height: 35px;
 background: #042455;
 color: #fff;
 border: solid 1px #042455;
 width: 160px;
 margin: 10px auto;
 border-radius: 5px;
 font-size: 14px;
}
.voice_st_date:hover .more {
 background: #fff;
 color: #042455;
}
.voice_ma_free {
 height: auto;
 width: 490px;
 overflow: hidden;
 padding-top: 10px;
 line-height: 20px;
}
.voice_ma_cmt_ttl {
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 10px;
 text-indent: 10px;
 line-height: 22px;
 border-left: #494949 4px solid;
}
.voice_ma_pict {
 width: 260px;
 margin: 0 0px 0 0px;
 padding: 0 0 0 0;
 height: auto;
 overflow: hidden;
 text-align: center;
}
.voice_ma_pict {
 /*    width: 100%;
    display: block;
    margin: 10px auto;
    padding: 0;*/
}
.voice_ma_pict .img img {
 height: 160px !important;
 width: auto;
}
.group_staff_img_a {
 font-size: 13px;
}
.voice_ma_staff_photo {
 text-align: center;
 margin: 5px 0 0 0;
 width: 200px;
}
.voice_ma_staff_photoname {
 text-align: center;
 width: 100%;
 margin: 0 0 0 0;
 padding: 0 0 0 0;
}
.voice_ma_group_staff_h3 {
 font-size: 18px;
 height: 50px;
 line-height: 50px !important;
 padding: 0px 0px 0px 0px;
 text-indent: 20px;
 text-align: center;
 margin: 10px auto;
 width: 400px;
 position: relative;
 border-radius: 30px;
 background-color: #042455;
 color: #fff;
}
.voice_ma_staff_photo img {
 max-width: 160px;
 border: 1px solid #EEE;
 padding: 1px;
}
/*-----------------------------------------------
 お客様の声　/voice1_ma/
-----------------------------------------------*/
.voice1_ma {
 width: 775px;
 margin: 0 auto;
}
.voice1_ma ul{
 display: flex;
    flex-wrap: wrap;
    gap: 17px 17px;
}
.voice1_ma_list_text p {
 margin: 0;
 font-size: 13px;
 padding: 10px;
 overflow: hidden;
 line-height: 25px;
 height: 100px;
}
.voice1_ma_list_link {
 float: right;
 width: 180px;
 height: 40px;
 border: 1px solid #FF9326;
 padding: 2px;
}
.voice1_ma_list_link a {
 width: 180px;
 height: 40px;
 background: #FF9326;
 text-align: center;
 line-height: 40px;
 color: #ffffff;
 font-weight: bold;
}
.voice1_ma_list_link:hover {
 border: 1px solid #dddddd;
}
.voice1_ma_list_link:hover a {
 background: #dddddd;
}
.voice1_ma_detail {
 width: 780px;
 overflow: hidden;
}
.voice1_mah3 {
 display: block;
 font-weight: bold;
 line-height: 35px;
 text-indent: 10px;
 margin: 0 0 10px 0;
 border-bottom: dotted 1px #AAA;
 border-left: solid 3px #333;
}
.voice1_ma_ttl {
 color: #333;
 font-size: 14px;
 line-height: 28px;
 width: 100%;
 margin: 28px auto 10px auto;
 padding: 0px;
 font-weight: bold;
}
.voice1_ma_detail_photo {
 margin-bottom: 10px;
 text-align: center;
}
.voice1_ma_detail_photo img {
 max-width: 780px;
 height: auto;
}
.voice1_ma_detail_text {
 width: 780px;
 margin-bottom: 10px;
}
.voice1_ma_detail_text img {
 max-width: 185px;
 margin-left: 25px;
}
.voice1_ma_detail_text div {
 margin: 0px 0px 20px 0px;
 width: 740px;
}
.voice1_ma_detail_text p {
 padding-left: 25px;
 margin: 10px 0;
 font-size: 13px;
}
.voice1_ma_free {
 width: 490px;
 padding-top: 10px;
 font-size: 14px;
 line-height: 20px;
}
.voice1_ma_free .cmt_ttl {
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 10px;
}
.voice1_map.overflow {
 white-space: nowrap;
 overflow: hidden;
 text-overflow: ellipsis;
}
.voice1_ma_staff_comment {
 width: 740px;
 margin: 0 auto;
 background-color: #F0F8FF;
 overflow: hidden;
 padding: 20px;
}
.voice1_ma_staff_photo img {
 max-width: 160px;
 border: 1px solid #EEE;
 padding: 1px;
}
/*-----------------------------------------------
 お客様の声　/voice2_ma/
-----------------------------------------------*/
.voice2_ma {
 width: 775px;
 margin: 0 auto;
}
.voice2_ma ul{
    display: flex;
    flex-wrap: wrap;
    gap: 17px 17px;
}
.voice2_ma_shosai_photo {
 margin-bottom: 10px;
 text-align: center;
}
.voice2_ma_shosai_photo img {
 max-height: 380px;
}
.voice2_ma_shosai_row {
 width: 760px;
 margin: 0 0 10px 20px;
 display: inline-block;
}
.voice2_ma_ttl {
 margin: 10px 0 !important;
 padding: 20px 0 0;
 font-size: 16px;
 line-height: 33px;
 text-indent: 0px !important;
 font-weight: bold;
 color: #042455;
 border-top: 1px solid #ccc;
}
h3.voice2_ma_ttl:first-child {
    border-top: none;
}
.voice2_ma_ttl:before {
 content: "Q. ";
}
.voice2_ma_ttl:empty {
 margin: 0!important;
 padding: 0;
 border-top: 0px solid #ccc;
}
.voice2_ma_ttl:empty:before {
 content: none;
}
.voice2_ma_shosai_row div span {
 margin: 0 0 0 0px;
 display: block;
}
.voice2_ma_shosai_row>div {
 font-size: 14px;
 line-height: 1.5;
 padding: 0 24px 20px;
 position: relative;
}
.voice2_ma_shosai_row>div:before {
 content: "A. ";
 color:red;
 position: absolute;
 left: 0em;
 font-size: 18px;
 font-weight: bold;
}
.voice2_ma_shosai_row>div:empty {
 padding: 0;
}
.voice2_ma_shosai_row>div:empty::before {
 display:none;
}
/*-----------------------------------------------
 お客様の声　/voice3_ma/
-----------------------------------------------*/
.voice3_ma {
 width: 100%;
 margin: 0 auto 50px;
}
.voice3_ma ul {
 display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    gap: 22px 22px;
}
.voice3_ma ul li {
 width: 32%;
 border-bottom: 1px solid #6c3524;
}
.voice3_ma ul li:nth-child(3n) {
 margin-right: 0;
}
.voice3_ma>ul>li>a {
 display: block;
 padding-bottom: 3%;
 text-decoration: none;
}
.voice3_li_img {
 width: 100%;
 height: 173px;
 position: relative;
 overflow: hidden;
}
.voice3_li_img img {
 width: 100%;
 max-height: 173px;
 object-fit: cover;
 -webkit-transform: scale(1.5);
 transform: scale(1.1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
.voice3_ma ul li:hover .voice3_li_img img {
 -webkit-transform: scale(1);
 transform: scale(1.2);
}
.voice3_li_syosai {}
.v3_tl {
 font-size: 14px;
 font-weight: bold;
 line-height: 25px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 margin-top: 5px;
 color: #000;
}
.v3_name {
 font-size: 12px;
 color: #999;
}
.v3_tag p {
 width: 100%;
}
.v3_tag p label.cms_topic_tag {
 color: #999;
 border: 1px solid #999;
 font-size: 11px;
 margin: 3px 5px 3px 0;
 padding: 2px 10px;
 border-radius: 4px;
 display: inline-block;
 font-weight: 500;
}
.cms_topic_tag a {
 color: #999;
 border: 1px solid #999;
 font-size: 11px;
 margin: 3px 5px 3px 0;
 padding: 2px 10px;
 border-radius: 4px;
 display: inline-block;
 font-weight: 500;
}
.cms_topic_tag a:hover {
 background-color: #999;
 color: #fff;
}
/*-----------------------------------------------
 voice detail
-----------------------------------------------*/
.voice3_detail_wrap {
 width: 100%;
 margin: 0 auto;
}
.voice3_detail_tl {
 margin: 50px 0;
}
.voice3_detail_tl h2 {
 font-size: 24px;
}
.voice3_detail_tl h2 p {
 font-size: 13px;
 color: #999;
}
.voice3_detail_shosai {}
.vo3_de_img {
 text-align: center;
}
.vo3_de_img img {
 width: auto !important;
 height: 400px !important;
 object-fit: cover;
}
.vo3_de_img_com {
 font-size: 14px;
 text-align: center;
 margin: 10px 0;
}
.vo3_de_messe {
 margin-top: 50px;
}
.vo3_de_tl {
 font-size: 24px;
 font-weight: bold;
}
.vo3_de_tl.staff_com {
 font-size: 18px;
 margin-top: 60px;
}
.vo3_de_tl::after {
 content: '';
 display: block;
 background: #042455;
 width: 30px;
 height: 2px;
 margin-top: 10px;
 margin-bottom: 20px;
}
.v_de_tag {
 margin: 0 0 20px 0;
}
.vo3_de_txt {
 font-size: 14px;
 font-weight: 500;
 line-height: 25px;
}
.vo3_de_txt.staff_com2 {
 margin-bottom: 30px;
}
.voice3_detail_build {}
.voice3_de_build_h3 {
 background: #F6F2ED;
 color: #6c3524;
 font-size: 16px;
 padding: 15px 20px;
 border-radius: 3px;
 margin: 0;
}
.voice3_de_build_wrap {
 padding: 20px;
 box-sizing: border-box;
 border: 2px solid #F6F2ED;
 overflow: hidden;
}
.voice3_de_bu_com {}
.voice3_de_bu_com li {
 overflow: hidden;
 margin-bottom: 10px;
}
.voice3_de_bu_com li img {
 float: left;
 min-width: 220px;
 max-width: 220px;
}
.vo3_de_bu_r {
 float: right;
 width: 610px;
}
.vo3_de_bu_r .ttl {
 font-size: 16px;
 line-height: 25px;
 font-weight: bold;
}
.vo3_de_bu_r .txt {
 font-size: 13px;
 line-height: 17px;
 margin-top: 10px;
}
.vo3_de_bu_r .more {
 width: 200px;
}
.vo3_de_bu_r .more a {
 border-radius: 5px;
 background-color: #231815;
 text-align: center;
 color: #fff;
 font-size: 13px;
 padding: 10px 0;
 display: block;
}
/*-----------------------------------------------
 お客様の声4　/voice4_li/
-----------------------------------------------*/
.voice4_li_li {}
.voice4_li ul {
    display: flex;
    flex-wrap: wrap;
    gap: 22px 22px;
}
.voice4_li li {
 width: 49%;
}

.voice4_li a {
 display: block;
 border: 1px solid #ccc;
 padding: 20px;
 background: #FFF;
 box-shadow: 0 3px 0 0 #eee;
 text-decoration: none;
 color: #000;
}
.voice4_li a:hover {
 background: #FDF6D7;
}
.voice4_li .vo_li_photo {
 text-align: center;
 height: 250px;
 overflow: hidden;
}
.vo4_li_photo img {}
.voice4_li .vo_li_txt {}
.vo4_li_txt p {
 font-size: 16px;
 line-height: 24px;
 font-weight: bold;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 height: 50px;
 overflow: hidden;
 margin: 0;
}
.vo4_li_txt span {
 text-align: right;
 font-size: 13px;
 display: block;
 margin: 10px 0;
}
/*-----------------------------------------------
 お客様の声4 詳細
-----------------------------------------------*/
.voice_h2 {}
.voice_h2 p {
 margin: 0;
 float: left;
}
.voice4_h2 {
 padding: 20px !important;
}
.voice4_h2 p {
 margin: 0;
 float: left;
 width: 100%;
 font-size: 20px;
 line-height: 25px;
}
.voice4_h2 span {
 float: right;
 padding-right: 20px;
 font-size: 14px;
}
.voice4_ma_shosai {
 overflow: hidden;
 margin-bottom: 20px;
}
.voice4_ma_shosai_photo {
 text-align: center;
 float: left;
 width: 48%;
}
.voice4_ma_shosai_photo:nth-of-type(1) {
 margin-right: 4%;
}
.voice4_ma_shosai_photo img {
 max-height: 380px;
}
.voice4_ma_shosai_row {
 width: 100%;
 margin: 0px 0px 0px 0px;
 display: inline-block;
}
.voice4_ma_ttl {
 margin: 10px 0 !important;
 padding: 0px;
 font-size: 16px;
 line-height: 33px;
 text-indent: 0px !important;
 font-weight: bold;
 color: #DE0018;
}
.voice4_ma_shosai_row div span {
 margin: 0 0 0 0px;
 display: block;
}
.voice4_catch {
 border: 5px solid #eee;
 padding: 15px;
 margin-bottom: 20px;
}
.voice4_catch span {
 display: block;
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 15px;
 text-indent: 10px;
 line-height: 24px;
 border-left: #494949 4px solid;
}
.voice4_ma_staff_comment {
 background-color: #F0F8FF;
 overflow: hidden;
 padding: 10px;
}
.voice4_ma_staff_comment p {}
.voice4_ma_cmt_ttl {
 font-size: 15px;
 font-weight: bold;
 margin-bottom: 10px;
 text-indent: 10px;
 line-height: 22px;
 border-left: #494949 4px solid;
}
/*-----------------------------------------------
 分譲地　/bunjyo/
-----------------------------------------------*/
.bunjo_ma {
 text-align: left;
 position: relative;
 margin: 0px;
 padding: 0px;
}
.bunjo_ma li {
 overflow: hidden;
}
.bunjo_ma_list {
 margin: 0px;
 padding: 0px;
}
.bunjo_ma_list ul {
 margin: 0px;
 padding: 0px;
}
.bunjo_ma_list li {
 overflow: hidden;
 vertical-align: top;
 border-bottom: 1px dashed #dddddd;
 position: relative;
 margin-bottom: 20px;
}
.bunjo_ma_list_title a {
 display: block;
 line-height: 50px;
 font-weight: bold;
 text-indent: 20px;
 margin-bottom: 10px;
 font-size: 20px;
 background: #eee;
 color: #333;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 text-decoration: none;
}
.bunjo_ma_list_l {
 width: 280px;
 margin-right: 20px;
}
.bunjo_ma_list_l img {
 border: 1px solid #dddddd;
 padding: 2px;
 vertical-align: bottom;
 width: 100%;
 height: 188px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.bunjo_ma_list_text {
 margin-bottom: 10px;
 width: 480px;
}
.bunjo_ma_list_text ul {
 border-top: 1px solid #dddddd;
 margin-bottom: 20px;
}
.bunjo_ma_list_text li {
 overflow: hidden;
 vertical-align: top;
 border-bottom: 1px solid #dddddd;
 padding: 5px;
 position: relative;
 margin: 0;
}
.bunjo_ma_list p {
 float: right;
 width: 360px;
 margin: 0;
 padding-left: 20px;
 line-height: 20px;
 border-left: 1px dotted #999999;
}
.bunjo_ma_list p.price {
 font-size: 17px;
 color: #ff0000;
 font-weight: bold;
}
.bunjo_ma_list span {
 float: left;
 width: 70px;
 margin: 0;
 font-weight: bold;
 text-align: right;
 padding-right: 10px;
}
.bunjo_ma_list a.shosai {
 display: block;
 padding: 2% 0;
 width: 200px;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 font-size: 18px;
 letter-spacing: 2px;
 float: right;
}
.bunjo_ma h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
 font-size: 17px;
}
.bunjo_shosai {}
.bunjo_shosai_Tabs {}
.bunjo_shosai_Tabs ul {
 overflow: hidden;
 margin-bottom: 10px;
 padding: 0px;
}
.bunjo_shosai_Tabs ul li {
 width: 33%;
 margin: 1px;
 float: left;
}
.bunjo_shosai_Tabs ul li a {
 color: #000;
 display: block;
 padding: 5px;
 background: #EEE;
 text-align: center;
 text-decoration: none;
}
.bunjo_shosai_Tabs ul li a:hover {
 background: #CCC;
 color: #FFF;
 text-decoration: none;
}
.bunjo_shosai_mainimg {
 margin-bottom: 15px;
}
.bunjo_shosai_mainimg img {
 display: block;
 margin-right: auto;
 margin-left: auto;
 max-width: 780px !important;
 height: auto !important;
}
.bunjo_shosai_info {
 overflow: hidden;
 margin-bottom: 20px;
}
.bunjo_shosai_info .shosai_img {
 float: left;
 margin-right: 20px;
}
.bunjo_shosai_info .shosai_img img {
 max-width: 350px !important;
}
.bunjo_shosai_info .shosai_info {
 width: 380px;
 padding: 10px;
 float: left;
 border: 5px solid #EEE;
}
.bunjo_shosai_gaiyou {
 clear: both;
 overflow: hidden;
}
.bunjo_shosai_gaiyou .gaiyou_ti {
 margin: 0;
 padding: 0;
 color: #FFFFFF;
 text-align: left;
 text-indent: 20px;
 font-size: 16px !important;
 font-weight: normal;
 line-height: 40px;
 background-color: #CCC;
}
.bunjo_shosai_gaiyou .gaiyou_l {
 float: left;
 width: 530px;
 margin: 15px 0;
}
.bunjo_shosai_gaiyou .gaiyou_l ul {
 margin: 0px;
 padding: 0px;
}
.bunjo_shosai_gaiyou .gaiyou_l ul li {
 clear: both;
 overflow: hidden;
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 font-size: 14px;
 line-height: 20px;
 border-bottom: 1px dashed #AAAAAA;
}
.bunjo_shosai_gaiyou .gaiyou_l ul li span {
 display: block;
 float: left;
 width: 70px;
 padding: 5px;
 text-align: center;
 background: #EEEEEE;
}
.bunjo_shosai_gaiyou .gaiyou_l ul li p {
 float: right;
 width: 440px;
 text-align: left;
 margin: 0;
 padding: 5px 0;
}
.bunjo_shosai_gaiyou .gaiyou_r {
 width: 230px;
 float: right;
 margin: 10px 0 0;
}
.bunjo_shosai_gaiyou .gaiyou_r ul {
 margin: 0px;
 padding: 0px;
}
.bunjo_shosai_gaiyou .gaiyou_r ul li {
 margin-bottom: 10px;
}
.bunjo_shosai_gaiyou .gaiyou_r ul li a {
 line-height: 32px;
 border: double 3px #FFFFFF;
 padding: 5px;
 display: block;
 text-decoration: none;
 color: #ffffff !important;
 font-weight: bold;
 letter-spacing: 2px;
 text-align: center;
}
.bunjo_shosai_gaiyou .gaiyou_r ul li a:hover {
 background: #333;
}
.bunjo_shosai_gaiyou .gaiyou_r ul li.gaiyou_inq a {
 background: #FF0B0B;
}
.bunjo_shosai_gaiyou .gaiyou_r ul li.gaiyou_tel a {
 background: #051143;
}
.bunjo_shosai_tokucho {
 font-size: 14px;
 margin: 20px 0;
 overflow: hidden;
 text-align: left;
}
.bunjo_shosai_tokucho h3 {
 margin: 0 0 15px 0;
 font-size: 16px;
 font-weight: normal;
 text-align: left;
 text-indent: 20px;
 line-height: 40px;
 border: 1px solid #A2A2A2;
 background: #F3F3F3;
}
.bunjo_shosai_tokucho .shosai_tokucho {
 margin: 15px 0;
}
.bunjo_shosai_tokucho .shosai_kukaku {}
.bunjo_shosai_tokucho .shosai_kukaku ul {
 margin: 0px;
 padding: 0px;
}
.bunjo_shosai_tokucho .shosai_kukaku img {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.bunjo_shosai_tokucho_bukkenimg {}
.bunjo_shosai_tokucho_bukkenimg ul {
 width: 800px;
 margin: 0px 0px 0px -20px;
 padding: 0px;
 overflow: hidden;
}
.bunjo_shosai_tokucho_bukkenimg ul li {
 width: 245px;
 margin: 0px 0px 0px 18px;
 padding: 0px;
 list-style: none;
 display: inline-block;
 vertical-align: top;
}
.bunjo_shosai_tokucho_bukkenimg ul li a {
 margin: 0px;
 padding: 0px;
}
.bunjo_shosai_tokucho_bukkenimg ul li img {
 height: auto;
 /* max-height: 200px !important; */
 width: 100% !important;
 height: 200px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.bunjo_shosai_tokucho_bukkenimg ul li p {
 margin: 5px 0px;
 padding: 0px 2px;
}
.bunjo_shosai_tokucho_bukkenimg div[id^="map_canvas"] {
 width: 100% !important;
}
.shosai_gaiyou2 table {}
.shosai_gaiyou2 table th,
.shosai_gaiyou2 table td {
 padding: 10px 5px;
}
.shosai_gaiyou2 table th {
 width: 16%;
 font-size: 12px;
 padding: 5px;
 border: 1px solid #CCCCCC;
 background: #EEEEEE;
}
.shosai_gaiyou2 table td {
 font-size: 14px;
 border: 1px solid #CCCCCC;
}
.bunjo_shosai_map_txt,
.bunjo_shosai_life {
 font-size: 12px;
 margin: 15px 0;
 line-height: 24px;
}
.bunjo_shosai_life b {
 display: block;
 font-size: 16px;
 color: red;
 letter-spacing: 2px;
}
.bunjo_form a {
 color: #FFF;
 font-size: 16px;
 font-weight: bold;
 text-align: center;
 width: 100%;
 line-height: 45px;
 background: #FF0B0B;
 display: block;
 text-decoration: none;
}
.bunjo_form a:hover {
 background: #c70d0d;
}
/*-----------------------------------------------
 分譲地2　/bunjyo2/
-----------------------------------------------*/
.bunjo2_ma {
 overflow: hidden;
 text-align: left;
 position: relative;
}
.bunjo2_ma_list {
 margin: 0px;
 padding: 0px;
}
.bunjo2_ma_list ul {
 margin: 0px;
 padding: 0px;
}
.bunjo2_ma li {
 overflow: hidden;
}
.bunjo2_ma_list li {
 overflow: hidden;
 vertical-align: top;
 border-bottom: 1px dashed #dddddd;
 padding: 0px 0;
 position: relative;
 margin-bottom: 20px;
}
.bunjo2_ma_list_title a {
 display: block;
 line-height: 50px;
 font-weight: bold;
 text-indent: 10px;
 margin-bottom: 10px;
 font-size: 20px;
 background: #eee;
 color: #333;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 text-decoration: none;
}

.bunjo2_ma_list_l {
 width: 400px;
 margin-right: 20px;
}
.bunjo2_ma_list_l img {
 border: 1px solid #dddddd;
 padding: 2px;
 vertical-align: bottom;
 width: 100% !important;
 height: 240px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.bunjo2_ma_list_text {
 margin-bottom: 10px;
 width: 570px;
}
.bunjo2_ma_list_text ul {
 border-top: 1px solid #dddddd;
 margin-bottom: 20px;
}
.bunjo2_ma_list_text li {
 overflow: hidden;
 vertical-align: top;
 border-bottom: 1px solid #dddddd;
 padding: 5px;
 position: relative;
 margin: 0;
}
.bunjo2_ma_list p {
 float: right;
 width: 360px;
 margin: 0;
 padding-left: 20px;
 line-height: 20px;
 border-left: 1px dotted #999999;
}
.bunjo2_ma_list p.price {
 font-size: 17px;
 color: #ff0000;
 font-weight: bold;
}
.bunjo2_ma_list span {
 float: left;
 width: 70px;
 margin: 0;
 font-weight: bold;
 text-align: right;
 padding-right: 10px;
}
.bunjo2_ma_list a.shosai {
 display: block;
 padding: 2% 0;
 width: 200px;
 text-align: center;
 background: #FF9326;
 color: #ffffff;
 font-weight: bold;
 text-decoration: none;
 font-size: 18px;
 letter-spacing: 2px;
 float: right;
}
.bunjo2_ma_list a.shosai:hover {
 background: #999999;
}
.bunjo2_ma_list a:hover {
 opacity: 0.8;
}
.bunjo2_ma h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
 font-size: 17px;
}
.bunjo2_shosai {}
.bunjo2_shosai_Tabs {}
.bunjo2_shosai_Tabs ul {
 overflow: hidden;
 margin-bottom: 10px;
 padding: 0px;
}
.bunjo2_shosai_Tabs ul li {
 width: 218px;
 margin: 1px;
 float: left;
}
.bunjo2_shosai_Tabs ul li a {
 color: #000;
 font-size: 14px;
 display: block;
 padding: 10px;
 background: #EEE;
 text-align: center;
 text-decoration: none;
}
.bunjo2_shosai_Tabs ul li a:hover {
 background: #CCC;
 color: #FFF;
 text-decoration: none;
}
.bunjo2_shosai_mainimg {
 margin: 20px 0;
}
.bunjo2_shosai_mainimg img {
 display: block;
 margin-right: auto;
 margin-left: auto;
 max-height: 750px;
}
.bunjo2_shosai_info {
 overflow: hidden;
 margin-bottom: 20px;
}
.bunjo2_shosai_info .shosai_img {
 float: left;
 margin-right: 20px;
}
.bunjo2_shosai_info .shosai_img img {
 max-width: 350px !important;
}
.bunjo2_shosai_info .shosai_info {
 width: 700px;
 padding: 10px;
 float: left;
 border: 5px solid #EEE;
}
.bunjo2_shosai_gaiyou {
 clear: both;
 overflow: hidden;
}
.bunjo2_shosai_gaiyou .gaiyou_ti {
 margin: 0;
 padding: 0;
 color: #FFFFFF;
 text-align: left;
 text-indent: 20px;
 font-size: 16px !important;
 font-weight: normal;
 line-height: 40px;
 background-color: #CCC;
}
.bunjo2_shosai_gaiyou .gaiyou_l {
 float: left;
 width: 530px;
 margin: 15px 0;
}
.bunjo2_shosai_gaiyou .gaiyou_l ul {
 margin: 0px;
 padding: 0px;
}
.bunjo2_shosai_gaiyou .gaiyou_l ul li {
 clear: both;
 overflow: hidden;
 margin: 0 0 10px 0;
 padding: 0 0 10px 0;
 font-size: 14px;
 line-height: 20px;
 border-bottom: 1px dashed #AAAAAA;
}
.bunjo2_shosai_gaiyou .gaiyou_l ul li span {
 display: block;
 float: left;
 width: 70px;
 padding: 5px;
 text-align: center;
 background: #EEEEEE;
}
.bunjo2_shosai_gaiyou .gaiyou_l ul li p {
 float: right;
 width: 440px;
 text-align: left;
 margin: 0;
 padding: 5px 0;
}
.bunjo2_shosai_gaiyou .gaiyou_r {
 width: 230px;
 float: right;
 margin: 10px 0 0;
}
.bunjo2_shosai_gaiyou .gaiyou_r ul {
 margin: 0px;
 padding: 0px;
}
.bunjo2_shosai_gaiyou .gaiyou_r ul li {
 margin-bottom: 10px;
}
.bunjo2_shosai_gaiyou .gaiyou_r ul li a {
 line-height: 32px;
 border: double 3px #FFFFFF;
 padding: 5px;
 display: block;
 text-decoration: none;
 color: #ffffff !important;
 font-weight: bold;
 letter-spacing: 2px;
 text-align: center;
}
.bunjo2_shosai_gaiyou .gaiyou_r ul li a:hover {
 background: #333;
}
.bunjo2_shosai_gaiyou .gaiyou_r ul li.gaiyou_inq a {
 background: #FF0B0B;
}
.bunjo2_shosai_gaiyou .gaiyou_r ul li.gaiyou_tel a {
 background: #051143;
}
.bunjo2_shosai_tokucho {
 margin: 20px 0;
 overflow: hidden;
}
.bunjo2_shosai_tokucho h3 {
 margin: 0 0 15px 0;
 font-size: 16px;
 font-weight: normal;
 text-align: left;
 text-indent: 20px;
 line-height: 40px;
 border: 1px solid #A2A2A2;
 background: #F3F3F3;
}
.bunjo2_shosai_tokucho h3 a {
 display: inline-block;
 float: right;
 margin-right: 20px;
 font-size: 13px;
 text-decoration: underline;
 color: #0a7be0;
}
.bunjo2_shosai_tokucho h3 a:before {
 content: "▲";
}
.shosai_info-ti {
 background: #EEE;
 line-height: 30px;
 text-indent: 10px;
}
.shosai_info-ti a {
 display: inline-block;
 float: right;
 margin-right: 20px;
 font-size: 13px;
 text-decoration: underline;
 color: #0a7be0;
}
.shosai_info-ti a:before {
 content: "▲";
}
.bunjo2_shosai_tokucho .shosai_tokucho {
 margin: 15px 0;
}
.bunjo2_shosai_tokucho .shosai_kukaku {}
.bunjo2_shosai_tokucho .shosai_kukaku ul {
 margin: 0px;
 padding: 0px;
}
.bunjo2_shosai_tokucho .shosai_kukaku img {
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.bunjo2_shosai_tokucho_bukkenimg {}
.bunjo2_shosai_tokucho_bukkenimg ul {
 width: 110%;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 overflow: hidden;
}
.bunjo2_shosai_tokucho_bukkenimg ul li {
 width: 266px;
 display: inline-block;
 margin: 0px 8px 0px 0px;
 padding: 0px;
 vertical-align: top;
}
.bunjo2_shosai_tokucho_bukkenimg ul li img {
 /* max-width: 240px !important; */
 /* height: auto !important; */
 /* max-height: 160px; */
 /* max-height: 200px !important; */
 width: 100% !important;
 height: 160px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.bunjo2_shosai_tokucho_bukkenimg form {
 margin: 40px 0 5px;
}
.bunjo2_shosai_tokucho_bukkenimg ul li p {
 margin: 5px 0px;
 padding: 0px 0px 0px 0px;
}
.bunjo2_shosai_map_txt {
 margin: 15px 0;
 line-height: 24px;
}
.bunjo2_shosai_life {
 margin: 30px 0;
 line-height: 24px;
}
.bunjo2_shosai_life b {
 display: block;
 font-size: 16px;
 color: red;
 letter-spacing: 2px;
}
/*-----------------------------------------------
　◎  街紹介 /town/
-----------------------------------------------*/
/* 街紹介カテゴリ一覧 */
.town {
 width: 750px;
 margin: 25px auto;
 padding: 0px 0px 0px 0px;
}
.town ul {
 margin: 0;
 padding: 25px;
 background: #F4F4F4;
}
.town ul li {
 clear: both;
 list-style: none;
 margin-bottom: 20px;
 overflow: hidden;
}
.town ul li img {
 float: left;
}
.town ul li h3 {
 font-size: 20px;
 line-height: 36px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 35px;
 text-indent: 10px;
 letter-spacing: 2px;
}
.town ul li:nth-child(1) h3 {
 background: url(/img_cms/town/town_tl_kokyo.png)no-repeat left center;
}
.town ul li:nth-child(2) h3 {
 background: url(/img_cms/town/town_tl_restrant.png)no-repeat left center;
}
.town ul li:nth-child(3) h3 {
 background: url(/img_cms/town/town_tl_gakko.png)no-repeat left center;
}
.town ul li:nth-child(4) h3 {
 background: url(/img_cms/town/town_tl_life.png)no-repeat left center;
}
.town ul li:nth-child(5) h3 {
 background: url(/img_cms/town/town_tl_shogyo.png)no-repeat left center;
}
.town ul li:nth-child(6) h3 {
 background: url(/img_cms/town/town_tl_other1.png)no-repeat left center;
}
.town ul li div {
 overflow: hidden;
}
.town ul li span,
.town ul li a {
 display: inline-block;
 font-size: 14px;
 margin-bottom: 10px;
 margin-right: 5px;
 background-color: #FFF !important;
 padding: 3px 5px;
 border-bottom: 1px solid #DDD;
 border-right: 1px solid #DDD;
 border-left: 1px solid #DDD;
}
.town ul li a:hover {
 background-color: #FFF !important;
}
.town ul li span:nth-child(6n),
.town ul li a:nth-child(6n) {
 clear: both;
}
.town li a:hover {
 background-color: #dedede !important;
 text-decoration: underline;
 color: #A0716E;
}
.town li:nth-child(1n) span,
.town li:nth-child(1n) a {
 border-top: solid 2px #9FBEA7;
 background: url(/img_cms/town/town_mini_kokyo.png) no-repeat 3px 50%;
 text-indent: 20px;
}
.town li:nth-child(2n) span,
.town li:nth-child(2n) a {
 border-top: solid 2px #83B8C9;
 background: url(/img_cms/town/town_mini_restrant.png) no-repeat 3px 50%;
 text-indent: 20px;
}
.town li:nth-child(3n) span,
.town li:nth-child(3n) a {
 border-top: solid 2px #EC9CBF;
 background: url(/img_cms/town/town_mini_gakko.png) no-repeat 3px 50%;
 text-indent: 20px;
}
.town li:nth-child(4n) span,
.town li:nth-child(4n) a {
 border-top: solid 2px #CCA6BF;
 background: url(/img_cms/town/town_mini_life.png) no-repeat 3px 50%;
 text-indent: 25px;
}
.town li:nth-child(5n) span,
.town li:nth-child(5n) a {
 border-top: solid 2px #E49E61;
 background: url(/img_cm/towns/town_mini_shogyo.png) no-repeat 3px 50%;
}
.town li:nth-child(6n) span,
.town li:nth-child(6n) a {
 border-top: solid 2px #B6DC5C;
 background: url(/img_cms/town/town_mini_other1.png) no-repeat 3px 50%;
 text-indent: 25px;
}
/* 街紹介グループ一覧 */
.cate_town_waku {
 background: #f4f4f4;
 padding: 15px;
 overflow: hidden;
}
.cate_town_wrap {}
.cate_town_wrap ul {
 padding: 0;
 margin: 10px 0;
}
.cate_town_wrap ul li {
 float: left;
}
.cate_town_wrap ul li a {
 display: inline-block;
 font-size: 15px;
 color: #333;
 line-height: 32px;
 padding: 0 30px 0 0;
 background-color: #fff !important;
 text-indent: 30px;
 margin: 0 10px 10px 0;
 border: solid 1px #DFDFDD;
}
.town_tel {
 color: #E64C50;
 font-size: 14px;
 margin: 5px 0 0 0;
}
h4.town_shop_tl {
 clear: both;
 font-size: 18px;
 font-weight: normal;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 display: -webkit-box;
 text-decoration: underline;
 padding: 10px 0;
 clear: both;
}
h3.cate_hos_tl {
 background: url(/img_cms/town/town_icon_hospital.png) no-repeat 0 50%;
}
h3.cate_kokyo_tl {
 background: url(/img_cms/town/town_icon_kokyo.png) no-repeat 0 50%;
}
h3.cate_restrant_tl {
 background: url(/img_cms/town/town_icon_restrant.png) no-repeat 0 50%;
}
h3.cate_gakko_tl {
 background: url(/img_cms/town/town_icon_gakko.png) no-repeat 0 50%;
}
h3.cate_life_tl {
 background: url(/img_cms/town/town_icon_life.png) no-repeat 0 50%;
}
h3.cate_shogyo_tl {
 background: url(/img_cms/town/town_icon_shogyo.png) no-repeat 0 50%;
}
h3.cate_other_tl {
 background: url(/img_cms/town/town_icon_other1.png) no-repeat 0 50%;
}
.cate_town_wrap ul li a {
 display: inline-block;
 font-size: 15px;
 color: #333;
 line-height: 32px;
 padding: 0 30px 0 0;
 background-color: #fff !important;
 text-indent: 30px;
 margin: 0 10px 10px 0;
 border: solid 1px #DFDFDD;
}
.cate_town_wrap ul li a:hover {
 background-color: #dedede !important;
 text-decoration: underline;
 color: #A0716E;
}
.cate_hos a {
 border-top: solid 2px #B09A90 !important;
 background: url(/img_cms/town/town_mini_hospital.png) no-repeat 3px 50%;
}
.cate_kokyo a {
 border-top: solid 2px #9FBEA7 !important;
 background: url(/img_cms/town/town_mini_kokyo.png) no-repeat 3px 50%;
}
.cate_restrant a {
 border-top: solid 2px #83B8C9 !important;
 background: url(/img_cms/town/town_mini_restrant.png) no-repeat 3px 50%;
}
.cate_gakko a {
 border-top: solid 2px #EC9CBF !important;
 background: url(/img_cms/town/town_mini_gakko.png) no-repeat 3px 50%;
}
.cate_life a {
 border-top: solid 2px #CCA6BF !important;
 background: url(/img_cms/town/town_mini_life.png) no-repeat 3px 50%;
}
.cate_shogyo a {
 border-top: solid 2px #E49E61 !important;
 background: url(/img_cms/town/town_mini_shogyo.png) no-repeat 3px 50%;
}
.cate_other a {
 border-top: solid 2px #B6DC5C !important;
 background: url(/img_cms/town/town_mini_other1.png) no-repeat 3px 50%;
}
.town2 {}
.town2 ul {
 overflow: hidden;
 margin: 15px auto;
 width: 790px;
}
.town2 ul li {
 width: 238px;
 display: inline-block;
 vertical-align: top;
 margin: 0 15px 15px 0;
 padding: 5px;
 border: 1px solid #CCC;
}
.town2 ul li:nth-child(3n) {
 margin: 0 0px 15px 0;
}
.town2 ul li a {
 width: 100%;
 display: block;
 line-height: 20px;
 background: #fff;
 font-size: 12px;
 color: #000;
 margin: 0 1% 1% 0;
 height: 290px;
}
.town2 ul li a div {
 width: 100% !important;
 /* 他cssとの競合の為 抜いても大丈夫です */
 min-height: auto !important;
 /* 他cssとの競合の為 抜いても大丈夫です */
 float: none !important;
 /* 他cssとの競合の為 抜いても大丈夫です */
}
.town2 ul li div.town_img {}
.town2 ul li div.town_img img {
 max-width: 100%;
 max-height: 170px;
 display: block;
 margin: 0 auto;
 object-fit: cover;
 font-family: 'object-fit: cover';
 width: 100%;
}
.town2 ul li div.town_tel {
 color: #E64C50;
 font-size: 14px;
 margin: 5px 0 0 0;
}
.town2 ul li div.town_adress {}
.town2 ul li div.town_shop_tl {
 font-size: 18px;
 font-weight: normal;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 display: -webkit-box;
 height: 40px;
 text-decoration: underline;
 margin: 10px 0;
}
/* 街紹介詳細ページ */
.town3 {
 width: 690px;
 margin: 20px auto;
 padding: 15px;
 border: solid 15px #F4F4F4;
 overflow: hidden;
 background: #fff;
}
.town3_1 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category01.gif") no-repeat;
 text-indent: 60px;
}
.town3_2 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category02.gif") no-repeat;
 text-indent: 60px;
}
.town3_3 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category03.gif") no-repeat;
 text-indent: 60px;
}
.town3_4 {
 font-size: 25px;
 letter-spacing: 1.5px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 text-indent: 15px;
 background: #336699;
 color: #fff;
}
.town3_5 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category05.gif") no-repeat;
 text-indent: 60px;
}
.town3_6 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category06.gif") no-repeat;
 text-indent: 60px;
}
.town3_7 {
 color: #FFF;
 font-size: 20px;
 font-weight: bold;
 line-height: 55px;
 margin: 0px auto 20px auto;
 padding: 0px;
 background: url("../img_cms/category07.gif") no-repeat;
 text-indent: 60px;
}
.town4 {
 width: 700px;
 height: auto;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 clear: both;
 overflow: hidden;
}
.town4 img {
 /* max-width: 320px !important; */
 height: 230px !important;
 margin: 0px 20px 0px 0px;
 padding: 0px;
 object-fit: cover;
 font-family: 'object-fit: cover';
 width: 330px !important;
}
.town5 {
 width: 700px;
 line-height: 28px;
 margin: 20px 0px 15px 0px;
 padding: 0px 0px 0px 0px;
}
.town5 img {
 vertical-align: middle !important;
}
.town6 {
 width: 700px;
 margin: 20px 0px 15px 0px;
 padding: 0px 0px 0px 0px;
 overflow: hidden;
 clear: both;
}
.town6 img {
 max-width: 155px !important;
 height: 130px !important;
 margin: 0px 20px 0px 0px;
 padding: 0px 0px 0px 0px;
 float: left;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.town6 img:nth-child(4n) {
 margin: 0px 0px 0px 0px;
}
.town7 {
 width: 700px;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 background: #FFFFFF;
 clear: both;
}
.town7 table {
 width: 685px;
 margin: 0;
 padding: 0;
 border-top: solid 1px #ccc;
}
.town7 th {
 font-size: 16px;
 text-align: center;
 line-height: 38px;
 font-weight: normal;
 width: 20%;
 margin: 0px;
 padding: 5px;
 background: #F4F4F4;
 border-bottom: solid 1px #CCC;
}
.town7 td {
 font-size: 14px;
 line-height: 24px;
 width: 90%;
 margin: 0px;
 padding: 5px 5px 5px 15px;
 border-bottom: solid 1px #CCC;
 word-break: break-all;
}
.town7 td a {
 display: inline-block;
 /* float: right; */
 font-size: 13px;
 text-decoration: underline;
 color: #0a7be0;
}
.town-map {
 margin-left: 20px;
 color: #0a7be0;
 text-decoration: underline;
 font-size: 13px;
 display: inline-block;
}
a.town-map:before {
 content: "▲";
}
.town_sho_tl {
 font-size: 25px;
 text-indent: 50px;
 line-height: 60px;
 font-weight: bold;
 color: #333333;
 background: url(/img_cms/town/town_icon_sho.jpg) no-repeat 10px 50%;
}
.town8 {
 width: 670px;
 margin: 0;
 padding: 0px;
}
.town8 p {
 font-size: 25px;
 font-weight: bold;
 line-height: 50px;
 text-indent: 60px;
 margin: 20px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 text-indent: 50px;
 color: #333;
 background: url(/img_cms/town/town_icon_access.jpg) no-repeat 10px 50%;
}
.town8 iframe {
 width: 750px;
 height: 400px;
 border: solid 1px #CCC;
 margin: 0px;
 padding: 1px;
}
.town8 #map_canvas {
 width: 690px !important;
}
.town9 {
 /*width:750px;*/
 margin: 20px auto;
 padding: 0px;
}
.town9 p {
 font-size: 22px;
 line-height: 40px;
 margin: 0px 0px 10px 0px;
 padding: 0px 0px 0px 0px;
 text-indent: 10px;
 font-weight: bold;
 color: #333;
}
.town9 iframe {
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 border: none;
 width: 750px !important;
 height: 360px;
}
.town_free {
 width: 872px;
 height: auto;
 margin: 0px auto;
 padding: 10px;
 border: 3px double #ccc;
}
.font-base {
 font-size: 13px !important;
 line-height: 20px !important;
}
/*来店予約フォーム*/
.ui-datepicker-trigger {
 /*    display: block;
    margin: 0px 0 10px;*/
 margin: 0px 10px 0px 0px;
}
/*来店予約フォーム end*/
/*-----------------------------------------------
 エリア・沿線・駅　
-----------------------------------------------*/

.jccms_ra_row {
        width: 500px;
}

.jccms_ra_row .town {
       width: unset;
}
/*お問い合わせ プライバシーリンク*/
.form_privacy a:hover {
 font-weight: bold;
}
.form_privacy a {
 text-decoration: underline;
 color: #006DD9;
}
/*お問い合わせ プライバシーリンク end*/
/*建築事例-富士リアルティver*/
.gallary-2 {
 font-family: "ヒラギノ明朝 Pro W3", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 font-size: 32px;
 font-weight: normal;
 text-align: center;
 margin: 30px 0 50px 0;
 line-height: 32px;
}
.gallary-2_shosai .gallery_ma_shosai1 {
 width: 100%;
 text-align: center;
}
.gallary-2_shosai .gallery_ma_shosai1 img {
 max-width: 800px !important;
 max-height: 800px !important;
 margin: 0 auto;
 float: none;
}
.gallary-2_shosai .gallery_ma_shosai3 li img {
 max-height: 240px !important;
 margin: 0 auto;
 text-align: center;
 position: absolute;
 left: 0;
 right: 0;
 bottom: 0;
 margin: auto;
}
.gallary-2_shosai .gallery_ma_shosai3 li a {
 width: 100%;
 display: block;
 height: 240px;
 text-align: center;
 vertical-align: bottom;
 margin: 0 0 10px;
 padding: 0;
 position: relative;
}
/*建築事例-富士リアルティver end*/
/*スタッフ紹介4*/
.staff4 ul {
    margin: 0 auto;
    background-color: #FFFFFF;
    width: 780px;
    display: flex;
    flex-wrap: wrap;
    gap: 15px 15px;
}
.staff4 ul li {
    overflow: hidden;
    width: 250px;
    padding: 0;
    height: 270px;
}
.staff4 ul li:nth-child(3n) {
 margin-right: 0;
}
.staff4_list {
 margin: 0;
 padding: 0;
 position: relative;
 min-height: 215px;
}
.staff4_list a {
 display: block;
 position: absolute;
 top: 0px;
 left: 0px;
 width: 100%;
 height: 100%;
 color: #000000;
 text-decoration: none;
}
.staff4_list:hover {
 color: #CCC;
}
p.staff4_list_name {
 line-height: 25px;
 font-weight: bold;
 margin: 0 0 5px 0;
 padding: 0;
 color: #333;
}
.staff4_list:hover p {
 border-bottom: 5px double #CCC;
}
.staff4_list img {
 /* max-width: 280px; */
 /* max-height: 210px; */
 margin: 25px 0 0 0;
 width: 250px;
 height: 185px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
 border: 1px solid #fff;
 box-sizing: border-box;
}
.staff4_list a img {
 /*border:#4F4F4F 1px solid;*/
 background-color: #FFFFFF;
}
.staff4_list:hover img {
 border: #CCC 1px solid;
}
.staff4_detail {
 width: 1000px;
 margin: 30px auto;
 font-size: 16px;
 overflow: hidden;
 text-align: left;
 position: relative;
}
.staff4_photo {}
.staff4_photo img {
 padding-top: 5px;
 width: 1000px !important;
 height: 672px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.staff4_name {
 position: absolute;
 bottom: 0px;
 left: 20px;
 padding: 35px 50px 0px;
 background-color: #fff;
 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
 box-sizing: border-box;
}
.staff_n_yaku {
 background-color: #0F3758;
 color: #fff;
 padding: 5px 30px;
 font-size: 17px;
}
.staff_n_name {
 font-size: 32px;
 display: block;
 margin-top: 35px;
 line-height: 34px;
}
.staff_n_roma {
 display: inline;
 font-size: 15px;
 color: #0F3758;
 margin-left: 17px;
}
.staff4_prolink {
 display: block;
 margin: 80px auto 0 auto;
 color: #FFFFFF;
}
.staff4_prolink a {
 display: block;
 color: #FFFFFF;
 font-size: 12px;
 padding: 5px 10px;
 margin: 20px 0;
 background: #000000;
 text-decoration: none;
}
.staff4_prolink a:hover {
 color: #000000;
 background: #CCCCCC;
}
.staff4_comment {
 position: absolute;
 bottom: 20px;
 left: 0px;
 width: 990px;
 text-align: left;
 line-height: 70px;
 font-size: 25px;
 color: #FFFFFF;
 padding-left: 22px;
 font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
 text-shadow: 0px 0px 1px #000,
  0px 0px 10px #000,
  0px 0px 20px #000,
  0px 0px 30px #000,
  0px 0px 40px #000;
 font-weight: bold;
}
.staff4_detail_comment {
 width: 880px;
 margin: 0 auto;
 font-size: 14px;
 border: 1px solid #999999;
 padding: 5px;
}
.staff4_detail_comment p {
 background: #eeeeee;
 margin: 0;
 padding: 10px;
 line-height: 25px;
}
.staff4_detail_prof {
 width: 880px;
 margin: 10px auto;
}
.staff4_detail_prof span {
 display: block;
 border-bottom: 1px dashed #aaaaaa;
 font-weight: bold;
 line-height: 30px;
}
.staff4_detail_prof p {
 margin: 8px 0 8px 0;
 font-size: 14px;
}
.staff4_photolist {
 padding: 20px 0 0 0;
}
.staff4_list_c {
 font-size: 14px;
 line-height: 25px;
 margin-top: 35px;
 background-color: #FFEFBF;
 text-align: left;
 height: 60px;
}
.staff_txtbox_1 {
 width: 100%;
 overflow: hidden;
}
.staff_txtbox_1_inner,
.staff_txtbox_2_inner {
 width: 1000px;
 margin: 0 auto;
 overflow: hidden;
 margin-top: 60px;
}
.txtbox_1_ti,
.txtbox_2_ti {
 text-align: center;
}
.txtbox_1_ti h3,
.txtbox_2_ti h3 {
 font-size: 25px;
 font-weight: bold;
 margin: 0;
 line-height: 50px;
}
.staff_txtbox_1_inner hr {
 width: 100px;
 height: 5px;
 background-color: #b20000;
 border: none;
 margin: 50px auto;
}
.txtbox_1_txt {
 float: left;
 width: 350px;
 text-align: left;
}
.txtbox_1_txt p,
.txtbox_2_txt p {
 font-size: 15px;
 line-height: 25px;
 letter-spacing: 1.5px;
}
.txtbox_1_img {
 float: right;
 width: 600px;
 height: 450px;
 text-align: center;
}
.txtbox_1_img img {
 width: 100% !important;
 border-radius: 10px;
 height: 390px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.txtbox_2_txt {
 float: right;
 width: 350px;
 text-align: left;
}
.txtbox_2_img {
 float: left;
 width: 600px;
 height: 450px;
 text-align: center;
}
.txtbox_2_img img {
 width: 100% !important;
 border-radius: 10px;
 height: 390px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.staff_txtbox_2_inner hr {
 width: 100px;
 height: 5px;
 background-color: #b20000;
 border: none;
 margin: 50px auto;
}
.staff4_mc-group ul {
 margin: 0;
 padding: 0;
 list-style: none;
}
.staff4_mc-group ul li {
 width: 220px;
 margin: 7px;
 display: inline-block;
 *display: inline;
 *zoom: 1;
 vertical-align: top;
}
.staff4_mc-group ul li:hover {
 background: #EEE;
}
.staff4_mc-group ul li img {
 width: auto;
 width: 220px;
 height: 170px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.staff4_mc-group ul li a {
 display: block;
 text-align: center;
 line-height: 25px;
 font-size: 15px;
 padding: 5px;
 border: 1px solid #EEE;
}
.staff4_mc_txt {
 font-size: 12px;
 line-height: 21px;
 margin: 7px 0px 5px;
 padding: 0px 0px 0px 0px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
 text-align: left;
}
.staff4_h2 {
 font-size: 17px;
 width: 100%;
 margin: 10px 0px;
 padding: 0px;
 line-height: 40px;
 text-indent: 15px;
 background: #F0F0F0;
 border-left: solid 3px #333;
}
.staff4_h3 {
 font-size: 20px;
 width: 780px;
 height: 50px;
 line-height: 50px;
 margin: 0px auto;
 padding: 0px 0px 0px 0px;
 text-indent: 20px;
 text-align: left;
 background: #F2F2F2;
 border-top: 3px double #CCC;
 border-bottom: 1px solid #CCC;
 margin: 10px auto;
}
.staff4_ttl4 {
 background: url(/img_cms/contents-ttl2.gif);
 height: 44px;
 width: 400px;
 margin: 15px 0px;
 padding: 0px;
 font-size: 16px;
 line-height: 33px;
 text-indent: 56px;
 font-weight: bold;
}
.staff4_voice_ma_pict img {
 vertical-align: bottom;
}
.staff4_voice_ma_pict .more a {
 display: block;
 line-height: 30px;
 background: #333;
 color: #fff;
 border: solid 1px #333;
 margin: 8px 0 0 0;
}
.staff4_li_comment {
 margin: 0px 0 0px;
 line-height: 18px;
 font-size: 13px;
 padding: 5px;
 text-align: center;
 background: #eee;
 display: block;
}
/*スタッフ紹介4*/
/*-----------------------------------------------
　　スタッフ紹介 パターン5 /staff5/ AiTOWNver
-----------------------------------------------*/
.staff5_ma {
 width: 100%;
 margin: 0 auto;
}
.staff5_ma ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
/*サイドバーなし*/
.staff5_ma ul li {
 width: 23%;
 background: #f7f7f7;
 border-bottom: 1px solid #042455;
 margin-bottom: 3%;
 position: relative;
 margin-right: 2.6%;
}
.staff5_ma ul li:nth-child(4n) {
 margin-right: 0;
}
/*サイドバーあり

.staff5_ma ul li{
 width:32%;
 background: #f7f7f7;
 border-bottom:1px solid #042455;
 margin-bottom:3%;
 position:relative;
 margin-right: 2%;
}
.staff5_ma ul li:nth-child(3n){
 margin-right:0;
}*/
.staff5_ma ul li::after {
 content: '';
 display: block;
 position: absolute;
 width: 37px;
 height: 8px;
 bottom: 10px;
 right: 10px;
 background: url(/img_cms/staff_li_more.png) no-repeat center/contain;
}
.staff5_ma ul li::after {
 width: 47px;
 height: 10px;
}
.staff5_ma ul li a {
 display: block;
 text-decoration: none;
 color: #000;
}
.staff5_li_img {
 width: 100%;
 height: 173px;
 position: relative;
 overflow: hidden;
}
.staff5_li_img img {
 width: 100%;
 max-height: 173px;
 object-fit: cover;
 -webkit-transform: scale(1.5);
 transform: scale(1.1);
 -webkit-transition: .3s ease-in-out;
 transition: .3s ease-in-out;
}
.staff5_ma ul li:hover .staff5_li_img img {
 -webkit-transform: scale(1);
 transform: scale(1.2);
}
.staff5_li_tag {
 text-align: right;
 margin-top: -8px;
}
.staff5_li_tag span.staff5_li_tag_wrap {
 background-color: #042455;
 /*サイトカラーに合わせて変更してください*/
 color: #fff;
 padding: 4px 5px;
 text-align: right;
 font-size: 12px;
 position: relative;
}
.staff5_li_tag .staff5_li_tag_wrap:has(span.staff5_li_tag_in:empty + span.staff5_li_tag_in2:empty) {
 background-color: #04245500;
}
.staff5_li_tag span.staff5_li_tag_in {
 margin-right: 5px;
}
.staff5_li_tag span.staff5_li_tag_in:empty {
 margin-right: 0px;
}
.staff5_li_syosai {
 padding: 5px 20px 20px 20px;
}
.s5_yakusyoku {
 font-size: 11px;
}
.s5_name {
 font-size: 16px;
 font-weight: bold;
 margin-top: 5px;
}
.s5_name_l {
 color: #042455;
 /*サイトカラーに合わせて変更してください*/
 font-size: 11px;
 margin-top: 5px;
 font-weight: bold;
}
/*-----------------------------------------------
　　スタッフ紹介 パターン5 /staff5/ 詳細
-----------------------------------------------*/
.staff5_detail_wrap {
 position: relative;
}
.staff5_detail_wrap::before {
 content: "";
 position: absolute;
 right: 0;
 top: 50px;
 width: 80%;
 height: 100%;
 background: rgba(221, 221, 221, 0.4);
 z-index: -1;
}
.staff5_detail_wrap::before {
 background-color: #F0F5FE;
 /*サイトカラーに合わせて変更してください*/
}
.staff5_detail_in {
 width: 100%;
 margin: 0 auto;
}
.staff5_detail_pro_head {
 margin-bottom: 90px;
 overflow: hidden;
}
.staff5_de_img {
 width: 70%;
}
.staff5_de_img img {
 width: 100% !important;
}
.staff5_de_pro_li {
 width: 54%;
 padding: 30px 30px 50px 30px;
 box-sizing: border-box;
 background: #fff;
 float: right;
 position: relative;
 z-index: 5;
 margin-top: -200px;
 margin-right: 4%;
}
.staff5_de_pro_name {}
.staff5_de_pro_name .s5_yaku {
 margin-bottom: 20px;
 font-size: 14px;
}
.staff5_de_pro_name .s5_name span {
 color: #042455;
 /*サイトカラーに合わせて変更してください*/
 font-size: 11px;
 display: inline-block;
 margin-left: 10px;
}
.staff5_de_pro_name .s5_name {
 font-size: 22px;
 margin-bottom: 20px;
 font-weight: bold;
}
.staff5_de_pro_qa ul li {
 overflow: hidden;
}
.staff5_de_pro_qa ul li .qa_q {
 color: #042455;
 /*サイトカラーに合わせて変更してください*/
 width: 30%;
 font-size: 14px;
 float: left;
 padding-top: 20px;
}
.staff5_de_pro_qa ul li .qa_a {
 width: 70%;
 font-size: 14px;
 float: right;
 padding-top: 20px;
}
.staff5_de_pro_qa ul li .qa_q:empty,
.staff5_de_pro_qa ul li .qa_a:empty {
 padding-top: 0px;
}
.staff5_de_pro_foot {}
.s5_de_pro_foot_box {
 display: flex;
}
.s5_de_pro_foot_box .s5_tl {
 max-width: 30%;
 min-width: 26%;
 font-size: 30px;
 font-weight: bold;
}
.s5_de_pro_foot_box .s5_tl span {
 color: #042455;
 /*サイトカラーに合わせて変更してください*/
 display: block;
 font-size: 12px;
 margin-top: 10px;
}
.s5_de_pro_foot_box .s5_txt {
 font-size: 15px;
 line-height: 25px;
 width: 68%;
}
.s5_de_pro_foot_box+.s5_de_pro_foot_box {
 margin-top: 70px;
}
.staff5_detail_voice {
 padding: 100px 0;
 text-align: center;
}
.staff5_detail_voice h3 {
 font-size: 24px;
 text-align: center;
 position: relative;
 display: inline-block;
 padding: 0 40px;
}
.staff5_detail_voice h3:before,
.staff5_detail_voice h3:after {
 content: '';
 position: absolute;
 top: 50%;
 display: inline-block;
 width: 30px;
 height: 3px;
 background-color: #000;
}
.staff5_detail_voice h3:before {
 left: 0;
}
.staff5_detail_voice h3:after {
 right: 0;
}
.staff5_detail_voice {}
.staff5_detail_voice ul {
 display: flex;
 flex-wrap: wrap;
}
.staff5_detail_voice ul li {
 width: 23%;
 border-bottom: 1px solid #6c3524;
 margin-right: 2.6%;
 margin-bottom: 2.6%;
}
.staff5_detail_voice ul li a {
 color: #000;
 text-decoration: none;
}
.staff5_detail_voice ul li p {
 font-size: 14px;
 font-weight: bold;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.staff5_detail_voice ul li:nth-child(4n) {
 margin-right: 0;
}
/*-----------------------------------------------
　　スタッフ紹介 パターン6 /staff6/
-----------------------------------------------*/
.staff6 ul {
    margin: 0 auto;
    width: 780px;
    font-size: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 12px 12px;
}
.staff6 li {
    overflow: hidden;
    width: 250px;
    text-align: center;
    border: 1px solid #ccc;
    font-size: 16px;
    vertical-align: top;
}
.staff6 li:nth-child(3n) {
 margin-left: 0;
}
.staff6_photo {
 position: relative;
 width: 100%;
 min-height: 302px;
 margin: 0;
 padding-bottom: 30px;
}
.staff6 img {
 max-width: 240px;
 border: 0;
 vertical-align: bottom;
 margin: 40px 5px 5px 5px;
 width: 100%;
 height: 160px;
 border: 0;
 vertical-align: bottom;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.staff6 a p {
 margin: 0;
 padding: 0;
 position: relative;
}
.staff6 a {
 display: block;
 text-align: center;
 line-height: 35px;
 font-weight: bold;
 text-decoration: none;
 color: #000000;
 position: absolute;
 left: 0;
 top: 0;
 width: 100%;
 height: 100%;
 background
 /*\**/
 : #fff\9;
 /*IE7、8用ハック*/
 filter: alpha(opacity=0);
 /*フィルターで透明に*/
 z-index: 10;
}
.staff6 a:hover p {
 background: #dddddd;
}
.staff6 li:hover {
 border: 1px solid #000000;
}
.staff6_li_txt {}
.staff6_li_txt span {
 display: block;
 background: #eee;
 padding: 5px;
 font-size: 12px;
 line-height: 18px;
 font-weight: bold;
}
.staff6_li_txt p {
 display: block;
 text-align: left;
 font-size: 13px;
 margin: 5px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 height: 68px;
 overflow: hidden;
}
.staff6_li_more {
 position: absolute;
 bottom: 10px;
 left: 5px;
}
.staff6_li_more span {
 display: block;
 font-size: 12px;
 padding: 5px;
 background: #fff;
 width: 240px;
 font-weight: bold;
 color: #F18000;
 border: 2px solid #F18000;
 border-radius: 3px;
 box-sizing: border-box;
}
.staff6_detail h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
}
.staff6_detail ul {
 width: 810px;
 margin-left: -30px;
 overflow: hidden;
}
.staff6_detail li {
 float: left;
 margin-bottom: 10px;
 padding-left: 30px;
 width: 240px;
}
.staff6_detail li:first-child {
 padding-left: 0px;
}
.staff6_detail li img {
 /*    max-width: 240px !important;*/
 height: 160px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
 width: 100% !important;
}
.staff6_detail_prof {
 width: 100%;
}
.staff6_detail_prof span {
 display: block;
 border-bottom: 1px dashed #aaaaaa;
 font-weight: bold;
 margin: 25px 0 10px 0;
 padding-bottom: 10px;
}
.staff6_detail_prof p {
 margin: 5px 0 5px 0;
 font-size: 15px;
}
.staff6_detail_comment {
 width: 98%;
 font-size: 14px;
 border: 1px solid #999999;
 padding: 5px;
 margin: 20px 0 0 0;
}
.staff6_detail_comment p {
 background: #eeeeee;
 margin: 0;
 padding: 10px;
 line-height: 25px;
}
/* 160510 voices連動 */
.staff6_voices {
 padding-top: 20px;
}
.staff6_voices h3 {
 display: block;
 line-height: 35px;
 font-weight: bold;
 text-indent: 10px;
 margin: 0 0 10px 0;
 border-bottom: solid 1px #333;
}
.staff6_voices ul {
 overflow: hidden;
}
.staff6_voices li {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 vertical-align: top;
 width: 230px;
 border: 5px solid #eee;
 margin-right: 15px;
 margin-bottom: 15px;
 padding: 5px;
}
.staff6_voices li:hover {
 border: 5px solid #ffcc00;
}
.staff6_voices li:nth-child(3n) {
 margin-right: 0;
}
.staff6_voices li img {
 min-width: 100%;
 height: 150px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.staff6_voices span {
 display: block;
 text-overflow: ellipsis;
 white-space: nowrap;
 overflow: hidden;
 background: #eee;
 padding: 5px 10px;
 margin-bottom: 5px;
}
.staff6_voices a {
 color: #333;
}
.staff6_voices p {
 margin: 0;
}
/*staff6 詳細*/
.staff6_sho {
 width: 780px;
 margin: 30px auto;
 font-size: 16px;
 overflow: hidden;
 text-align: left;
}
.staff6_sho ul {
 width: 780px;
 list-style: none;
 margin: 0;
 padding: 0;
}
/*-----------------------------------------------
　　スタッフ紹介 パターン7 /staff7/
-----------------------------------------------*/
.staff7_ma {
 margin-top: 20px;
}
.staff7_ma ul {}
.staff7_ma ul li {
 margin-bottom: 50px;
 border-bottom: 2px solid #eee;
 padding-bottom: 50px;
 overflow: hidden;
}
.staff7_ma ul li:last-child {
 border-bottom: none;
}
.staff7_box1 {}
.staff7_box1_r {
 float: right;
 width: 51%;
 font-size: 16px;
 line-height: 27px;
 color: #000;
 margin-bottom: 30px;
}
.staff7_box1_l {
 float: left;
 width: 45%;
 margin-bottom: 10px;
}
.staff7_box_name {
 margin-bottom: 15px;
}
.staff7_img {
 width: 100%;
 margin-bottom: 15px;
}
.staff7_img img {
 border-radius: 5px;
 width: 100% !important;
 height: 250px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.staff7_name {
 font-size: 32px;
 line-height: 34px;
}
.staff7_name span {
 font-size: 14px;
 display: block;
 letter-spacing: 0px;
 padding-left: 5px;
}
.staff7_btn {
 width: 250px;
}
.staff7_btn a:empty {
 display: none;
}
.staff7_btn a {
 display: block;
 background-color: #042455;
 color: #fff;
 border-radius: 5px;
 text-align: center;
 font-size: 12px;
 padding: 5px 0;
 text-decoration: none;
 border: 2px solid #042455;
}
.staff7_btn a:hover {
 background-color: #FFF;
 color: #042455;
}
.staff7_pro_l {
 float: left;
 width: 45%;
}
.staff7_pro_r {
 float: right;
 width: 51%;
}
.staff7_pro_tl {
 font-size: 15px;
 border-bottom: 1px dotted #274a77;
 padding: 15px 0 10px;
 font-weight: bold;
}
.staff7_pro_tl span {
 background: linear-gradient(transparent 60%, #E1EEF3 60%);
}
.staff7_pro_box {
 font-size: 16px;
 margin: 15px 0 20px;
 line-height: 25px;
}
.staff7_box2 {
 clear: both;
}
.staff7_box_wrap {
 overflow: hidden;
 margin-bottom: 30px;
}
.top_display h2 {
 width: 1200px !important;
 color: #FFF;
 font-size: 14px;
 font-weight: bold;
 margin: 10px 0px;
 padding: 10px;
 background: #333;
}
.top_display .iframe_pc {
 width: 980px;
 height: 400px;
 border: none;
}
.top_display .iframe_sp {
 width: 200px;
 height: 400px;
 border: none;
}
.reform_search {
 padding-bottom: 50px;
}
/*特集タグを使用しない場合は下記コメントアウトを外してください*/
/*
.reform_search{
 display:none;
}*/
.ga_tag {
 width: 780px;
 margin: 0px auto;
 padding: 10px 0 15px;
}
.ga_tag_tl {
 float: left;
 clear: both;
}
.tag_tl {
 font-size: 16px;
 font-weight: bold;
 margin-bottom: 10px;
}
.ga_tag ul {
 display: flex;
 flex-wrap: wrap;
 align-items: center;
}
.ga_tag ul li {
 margin: 0 3px 6px;
}
.ga_tag ul li a {
 display: block;
 color: #111;
 font-size: 13px;
 border: 1px solid #111;
 background: #fff;
 padding: 2px 15px;
 text-decoration: none;
}
.ga_tag ul li:nth-child(2n) {
 margin-right: 5px;
}
.ga_tag ul li a:hover {
 background-color: #D8E6FD;
}
.page_tl.sub_tl {
 height: 50px;
 padding-bottom: 30px;
 width: 780px;
 margin: 0 auto;
}
.page_tl.sub_tl p {
 border-bottom: 2px solid #8e7d62;
 padding: 30px 0 15px;
}
.page_tl.sub_tl p:empty {
 border-bottom: none;
 padding: 0;
}
.ga_se_free {
 width: 620px;
 margin: 0 auto;
 background: url(/musasino/img/top/se_free_bg.png)no-repeat center;
}
.ga_se_free_tl {
 font-size: 16px;
 font-weight: bold;
 display: inline-block;
 vertical-align: middle;
 margin-right: 16px;
}
.ga_se_free .cms_keysearch_form {
 display: inline-block;
 vertical-align: middle;
}
.ga_se_free input {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.5rem;
 padding: 5px 10px;
 margin-right: 10px;
 width: 466px;
}
.ga_se_free button {
 font-weight: 500;
 font-size: 14px;
 line-height: 1.6rem;
 border: 1px solid #042455;
 background: #042455;
 color: #fff;
 padding: 5px 10px;
 cursor: pointer;
 border-radius: 3px;
}
.ga_se_free button:hover {
 border: 1px solid #655b49;
 background: #D8E6FD;
 color: #655b49;
}
.re_tag_tl:not(:empty) {
 background: #eee;
 padding: 10px 20px;
 font-weight: bold;
 text-align: center;
 font-size: 18px;
 margin-top: 20px;
}
/* ----------------------------------------
form customize
---------------------------------------- */
.stepBar {
 display: flex;
 max-width: 700px;
 position: relative;
 margin: 20px auto;
 text-align: center;
 padding: 0;
}
.stepBar li {
 font-size: 14px;
 list-style: none;
 position: relative;
 width: 33.333%;
}
.stepBar li:after {
 background: #D0E1F9;
 content: "";
 width: calc(100% - 24px);
 height: 4px;
 position: absolute;
 left: calc(-50% + 18px);
 top: 15px;
}
.stepBar li:first-child:after {
 display: none;
}
.stepBar li span {
 background: #D0E1F9;
 color: #ffffff;
 display: inline-block;
 height: 35px;
 margin-bottom: 5px;
 line-height: 35px;
 width: 35px;
 -moz-border-radius: 50%;
 -webkit-border-radius: 50%;
 border-radius: 50%;
}
.stepBar .visited:after {
 background: #042455;
}
.stepBar .visited span {
 background: #042455;
}
table.form {
 table-layout: fixed;
}
.form_section {
 width: 99%;
 margin: 0 auto 40px;
}
.form_intro p {
 background: #eee;
 padding: 20px;
 font-size: 15px;
 line-height: 1.5rem;
 margin: 0;
}
.form_wrap {
 border-radius: 3px;
 box-shadow: 0 0 3px 0 #999;
 padding: 20px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 margin-top: 10px;
 overflow: hidden;
}
.form_subttl {
 margin-bottom: 10px;
}
.form_subttl p {
 border-bottom: 5px solid #eee;
 padding-bottom: 15px;
 font-weight: bold;
 font-size: 16px;
}
.form {
 width: 100%;
 margin: 0 auto;
 border-top: none;
 table-layout: fixed;
}
.form>tbody>tr {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 margin-bottom: 3px;
}
.form>tbody>tr>th,
.form>tbody>tr>td {
 padding: 15px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.form>tbody>tr>th {
 width: 25%;
 background: #FAFAF9;
}
.form tr th {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 font-size: 15px;
 line-height: 1.5rem;
 align-items: flex-start;
 vertical-align: baseline;
}
.form>tbody>tr>td {
 width: 75%;
 font-size: 14px;
 line-height: 1.5rem;
}
.form th p {}
.form th span.form_required,
.form th span.form_any {
 font-size: 12px;
 font-weight: bold;
 width: 50px;
 text-align: center;
 flex-shrink: 0;
 line-height: 22px;
 border-radius: 3px;
 box-sizing: border-box;
}
.form th span.form_required {
 border: 1px solid #ff4a32;
 color: #ff4a32;
 background: #FFE8E5;
}
.form th span.form_any {
 border: 1px solid #237dc0;
 color: #237dc0;
 background: #dfebf5;
}
.form td input[type="text"],
.form td input[type="tel"],
.form td input[type="password"],
.form td input[type="number"],
.form td textarea,
.form td select {
 font-size: 16px;
 line-height: 24px;
 padding: 8px 15px;
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 font-family: 'Arial', YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 border-radius: 3px;
 margin-bottom: 4px;
 margin-right: 2px;
}
.form td input[type="file"] {
 cursor: pointer;
 font-family: 'Arial', YuGothic, 'Hiragino Kaku Gothic Pro', 'Meiryo', sans-serif;
}
.form td .jcjs_imgbox {
 margin-top: 10px;
}
.form td .ui-datepicker-trigger {
 vertical-align: middle;
 margin-right: 10px;
 cursor: pointer;
}
.form td .ui-datepicker-trigger:hover {
 opacity: 0.8;
}
.form td select {
 cursor: pointer;
 height: 42px;
}
.form td textarea {
 height: 150px;
 display: block;
 width: 100%;
}
.form td label {
 border: 1px solid #ccdae4;
 background: #f5f9fc;
 cursor: pointer;
 border-radius: 3px;
 padding: 9px 15px 9px 9px;
 display: inline-block;
 margin: 0 5px 5px 0;
 line-height: 1.3rem;
 font-size: 15px;
}
.form td label input {
 width: 20px;
 height: 20px;
 margin-right: 5px;
}
.form td label input[type="checkbox"],
.form td label input[type="radio"] {
 vertical-align: sub;
 margin: 0 5px 0 0;
 cursor: pointer;
}
.form td input[type="text"]:hover,
.form td input[type="tel"]:hover,
.form td input[type="password"]:hover,
.form td input[type="number"]:hover,
.form td textarea:hover,
.form td select:hover,
.form td label:hover {
 background: #f9fcf5;
 border: 1px solid #d6eaba;
}
.voice_point {
 font-size: 12px;
 color: #7d7d7d;
}
.form_privacy {
 font-size: 13px;
 text-align: center;
}
.form_privacy br {
 display: none;
}
.form_privacy a {
 color: #006DD9;
}
.form_privacy a:hover {
 text-decoration: underline;
}
.form_submit {
 position: relative;
 width: 500px;
 margin: 0 auto;
 padding: 20px 0;
}
#jc_btn_submit {
 -webkit-appearance: none;
 border: 2px solid #ccc;
 background: #eee;
 color: #777;
 border-radius: 30px;
 width: 400px;
 height: 60px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: 0 0 3px 0 #999;
 padding: 0 40px;
 font-weight: bold;
 margin: 30px auto 50px;
 font-size: 20px;
 display: block;
 font-family: "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "Hiragino Kaku Gothic Pro", Meiryo, Osaka, "MS PGothic", sans-serif;
}
#jc_btn_submit.jcjs_btn_ok {
 cursor: pointer;
 -webkit-appearance: none;
 border: 2px solid #2799fb;
 background: #2799fb;
 color: #fff;
}
#jc_btn_submit.jcjs_btn_ok:hover {
 color: #2799fb;
 background: #fff;
}
/* form_inner
---------------------------------------- */
.form_inner {
 padding: 10px;
 margin-left: 20px;
 background: #fcfcf5;
 border: 1px solid #f0f0ce;
 margin: 10px 0;
}
.form_inner table,
.form_inner_multi table {
 width: 100%;
}
.form_inner td,
.form_inner_multi td {
 width: 75%;
 vertical-align: baseline;
 font-size: 15px;
 line-height: 1.5rem;
}
.form_inner_multi input[type="text"] {
 width: 78%;
}
/* form_error
---------------------------------------- */
.jcjs_sferr {
 color: #ff4a32;
 font-weight: bold;
}
.form_error_cell {
 background: #FFE8E5;
}
/* item
---------------------------------------- */
.form_item_box {}
.form_item_box li:not(:last-child) {
 margin-bottom: 15px;
}
.form_item_comment {
 font-size: 13px;
 line-height: 1.4rem;
 color: #888;
 padding-left: 20px;
}
.form_w100 input,
.form_w100 textarea,
.form_w100 select {
 width: 90%;
}
.form_w80 input,
.form_w80 textarea,
.form_w80 select {
 width: 80%;
}
.form_w60 input,
.form_w60 textarea,
.form_w60 select {
 width: 60%;
}
.form_w40 input,
.form_w40 textarea,
.form_w40 select {
 width: 40%;
}
.form_w20 input,
.form_w20 textarea,
.form_w20 select {
 width: 20%;
}
span.form_w60.madori select {
 width: 40%;
}
/* fin
---------------------------------------- */
.form_fin_txt {
 border: 10px solid #eee;
 padding: 40px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.form_fin_txt span {
 margin-bottom: 40px;
 font-size: 22px;
 display: block;
 font-weight: bold;
}
.form_fin_txt p {
 font-size: 14px;
}
.form_fin {
 width: 100%;
}
.form_fin tr {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 margin-bottom: 3px;
}
.form_fin th,
.form_fin td {
 font-size: 14px;
 padding: 10px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}
.form_fin th {
 text-align: left;
 background: #FAFAF9;
 width: 25%;
}
.form_fin td {
 width: 75%;
}
.form_fin td p {
 padding: 10px;
 margin-left: 20px;
 background: #fcfcf5;
 border: 1px solid #f0f0ce;
 margin-top: 5px;
 font-size: 13px;
}
.form_fin_link {
 margin: 0 auto 60px;
}
.form_fin_link a {
 display: block;
 background: #111;
 border: 1px solid #111;
 border-radius: 3px;
 color: #fff;
 font-weight: bold;
 width: 400px;
 height: 50px;
 line-height: 50px;
 text-align: center;
 margin: 0 auto;
}
.form_fin_link a:hover {
 color: #111;
 background: #fff;
}
.fo_err {
 background-color: #ffe8e5 !important;
 border: 1px solid #ffb7ad !important;
}
.form_pri {
 text-align: center;
 font-size: 14px;
 line-height: 23px;
}
.form_pri a {
 color: #0000ee;
 text-decoration: underline;
}
.form_pri a:hover {
 color: #000;
 text-decoration: none;
}
/*-----------------------
　　survey
-----------------------------------------*/
.survey_container {
 max-width: 1100px;
 margin: 40px auto;
}
.form_inner_multi {
 width: 100%;
}
.form_inner_multi input[type="text"][name="SfItemVals[_a][88]"] {
 width: 79%;
}
.form_inner_multi input[type="text"][name="SfItemVals[_a][115]"] {
 width: 79%;
}
.form_date2_th {
 width: 58.4% !important;
}
.form_date2_th2 {
 width: 30% !important;
}
.form_date2_th_chi {
 width: 39% !important;
}
#jyoken td {
 padding-right: 10px;
}
.form_date2_chi {
 width: 40% !important;
}
.form_date2_box {
 width: 40%;
}
.form_date2_td {
 width: 100% !important;
}
.form_date2_s {
 width: 45% !important;
}
.form_date3_th {
 width: 64% !important;
}
.form_date4_th {
 width: 43% !important;
}
.form_inner2 {
 padding: 10px;
 margin-left: 20px;
 background: #fcfcf5;
 border: 1px solid #f0f0ce;
 margin: 10px 0;
}
.form_inner2 td {
 width: 40%;
 vertical-align: baseline;
 font-size: 15px;
 line-height: 1.5rem;
}
form_inner2 th {
 margin-right: 10px;
}
.form_inner3 {
 padding: 10px;
 margin-left: 20px;
 background: #fcfcf5;
 border: 1px solid #f0f0ce;
 margin: 10px 0;
}
.form_inner3 td {
 width: 60%;
}
.form_inner3 th {
 width: 100%;
 text-align: left;
}
.form_inner_multi {}
.form_syu {
 margin-top: 5px;
}
.form_syu p {
 margin: 0;
 font-weight: bold;
 display: inline-block;
 margin-right: 5px;
}
.fam_date {
 display: inline;
 margin-right: 15px;
}
.form_survey_privacy {
 font-size: 13px;
 text-align: center;
 padding-bottom: 83px;
}
.form_survey_privacy a {
 text-decoration: underline;
 color: #006DD9;
 display: inline;
 font-size: 13px;
 font-weight: bold;
}
/* 売却査定フォーム/form_sale/　種別項目切り替え */
.sentaku .tab_content {
    display: none;
    clear: both;
    overflow: hidden;
}
.sentaku .is-show {
    display: block;
}
.sentaku_conf input[value="マンション"] ~ #kodate,
.sentaku_conf input[value="マンション"] ~ #tochi {
 display: none;
}

.sentaku_conf input[value="戸建て"] ~ #mansion,
.sentaku_conf input[value="戸建て"] ~ #tochi {
 display: none;
}

.sentaku_conf input[value="土地"] ~ #kodate,
.sentaku_conf input[value="土地"] ~ #mansion {
 display: none;
}

/* 売却査定フォーム/form_sale2/　レンタルコンテンツ */
.sale_contents {
 width: 100%;
 margin-bottom: 30px;
}
.sale_contents>p {
 font-size: 17px;
 border-bottom: 2px solid #042455;
 font-weight: bold;
 padding-bottom: 10px;
}
.sale_contents ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin-left: -13px;
}
.sale_contents ul li {
 width: 240px;
 margin-bottom: 13px;
 border: 2px solid #042455;
 display: table;
 box-sizing: border-box;
 margin-left: 13px;
}
.sale_contents ul li a {
 display: block;
 color: #000;
 text-decoration: none;
}
.sale_contents ul li a:hover {
 background-color: #F0F5FE;
}
.sale_contents ul li a p {
 font-size: 18px;
 line-height: 23px;
 margin: 0;
 font-weight: bold;
 padding-top: 15px;
 text-align: center;
}
.sale_contents ul li a span {
 font-size: 12px;
 padding: 5px 8px 8px;
 display: block;
 height: 35px;
}
/*記事別問合せ　入力ページへ戻る*/
button#jc_btn_back {
 border: none;
 background: #fff;
 color: #2799fb;
 border-radius: 30px;
 width: auto;
 height: auto;
 position: absolute;
 /* float: left; */
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 box-shadow: none;
 padding: 0px 30px;
 font-weight: bold;
 cursor: pointer;
 margin: 20px auto;
 font-size: 12px;
 display: block;
 font-family: "游ゴシック体", "Yu Gothic", YuGothic, 'Noto Sans Japanese', Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
 text-decoration: underline;
}
button#jc_btn_back:hover {}
/*　よくある質問　Q&A　*/
.qa_wrap {
 width: 780px;
 margin: 0 auto;
}
.qa_li_wrap .about_h3 {
 border-bottom: 3px solid #e6e4e1;
 font-size: 22px;
 padding: 0 0 10px 0;
 text-indent: 5px;
 position: relative;
 margin-bottom: 15px;
}
.qa_li_wrap .about_h3 a {
 text-indent: 0;
 background: #f7f6f5;
 border: 1px solid #e6e4e1;
 font-size: 13px;
 display: block;
 position: absolute;
 right: 37px;
 text-align: center;
 top: -10px;
 height: 30px;
 line-height: 30px;
 width: 150px;
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}
.qa_li_wrap .about_h3 a:before {
 content: "";
 position: absolute;
 right: 10px;
 top: 50%;
 margin-top: -4px;
 width: 5px;
 height: 5px;
 border-top: 2px solid #65B820;
 border-right: 2px solid #65B820;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.qa_li_wrap {
 padding: 10px;
 border-radius: 5px;
}
.qa_li_wrap>ul {}
.qa_li_wrap>ul>li {
 background: #fff;
 border-radius: 5px;
 margin-bottom: 30px;
}
.qa_li_wrap ul li:last-child {
 margin-bottom: 0px !important;
}
.qa_li_wrap>ul>li a {
 padding: 20px;
 display: block;
 color: #333;
 text-decoration: none;
 line-height: normal !important;
 box-shadow: 0 0 5px #b0b0b0;
 border-radius: 5px;
}
.qa_li_wrap>ul>li a:hover {
 background: #f0f5fe;
}
.qa_li_q,
.qa_li_a {
 display: flex;
}
.qa_li_q {
 margin-bottom: 20px;
 padding-bottom: 20px;
 border-bottom: 1px dashed #ccc;
 align-items: center;
}
.qa_li_a {
 align-items: flex-start;
}
.qa_li_q span,
.qa_li_a span {
 font-size: 20px;
 font-weight: bold;
}
.qa_li_q span {
 color: #3976e5;
}
.qa_li_a span {
 color: #ff5239;
}
.qa_li_q p,
.qa_li_a p {
 font-size: 16px;
 margin: 0 0 0 10px;
 overflow: hidden;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
}
.qa_li_q p {
 color: #3976e5;
 font-weight: bold;
}
.qa_li_more {
 text-align: right;
 font-weight: bold;
 font-size: 14px;
 color: #47adff;
 margin-top: 5px;
}
.qa_li_link {
 margin: 7px;
}
.qa_li_link ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
}
.qa_li_link ul li {
 margin: 3px;
}
.qa_li_link li a:hover {
 background: #042455;
 color: #fff;
}
.qa_li_link li a {
 display: block;
 border: 1px solid #042455;
 color: #042455;
 background: #fff;
 font-weight: 500;
 padding: 5px 15px;
 border-radius: 3px;
 line-height: 20px;
 font-size: 14px;
 text-decoration: none;
}
.qa_sho_wrap {
 width: 780px;
 margin: 0 auto;
}
.qa_sho_box {
 padding: 20px;
 border: 1px solid #ccc;
 margin: 30px 0;
 border-radius: 5px;
}
.qa_sho_q {
 display: flex;
 align-items: flex-start;
 font-size: 16px;
 line-height: 26px;
 padding: 0 0 30px;
 margin: 0 0 30px;
 border-bottom: 1px dashed #ccc;
 color: #3976e5;
 font-weight: bold;
}
.qa_sho_q p,
.qa_sho_a p {
 margin: 0;
}
.qa_sho_q span,
.qa_sho_a span {
 font-size: 20px;
 margin: 0 10px 0 0;
 font-weight: bold;
}
.qa_sho_q span {
 color: #3976e5;
}
.qa_sho_a span {
 color: #ff5239;
}
.qa_sho_a {
 display: flex;
 align-items: flex-start;
 line-height: normal;
 font-size: 16px;
 line-height: 26px;
}
.qa_sho_link {
 width: 700px;
 margin-top: 20px;
}
.qa_sho_link a {
 display: block;
 width: 100%;
 background: #eee;
 border-radius: 5px;
 padding: 20px 20px;
 text-decoration: none !important;
 color: #004CD3;
 line-height: 18px;
}
.qa_sho_link a:before {
 content: "関連リンク";
 color: #333;
 font-weight: bold;
 display: block;
 margin-bottom: 15px;
 text-decoration: none;
}
/*-----------------------------------------------
　　リフォーム事例2 
-----------------------------------------------*/
/*リフォーム事例2 特集タグ*/
.reform2_search {}
.reform2_tag {}
.reform2_tag p {
 font-size: 18px;
 border-bottom: 1px solid #666;
 padding: 10px;
 margin-bottom: 10px;
}
.reform2_tag ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin-bottom: 30px;
}
.reform2_tag ul li {
 margin: 3px;
}
.reform2_tag ul li a {
 display: block;
 text-decoration: none;
 padding: 2px 8px;
 font-size: 12px;
 color: #666;
 border: 1px solid #666;
}
.reform2_tag ul li a:hover {
 background-color: #f2f2f2;
}
.reform2_tag_tl {
 text-align: center;
 margin-bottom: 30px;
 font-size: 20px;
}
/*リフォーム事例2一覧*/
.reform2_list {
 margin-bottom: 50px;
}
.reform2_list ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.reform2_list ul li {
 display: flex;
 align-items: inherit;
 width: 32%;
 margin: 0 2% 4% 0;
}
.reform2_list ul li:nth-child(3n) {
 margin-right: 0;
}
.reform2_list ul li a {
 color: #000;
 text-decoration: none;
 border: 1px solid #b5b5b6;
 display: block;
}
.reform2_list ul li a:hover {
 opacity: 0.7;
}
.reform2_list ul li img {}

.reform2_imgbox {
    position: relative;
    width: 100%;
    height: 250px;
    overflow: hidden;
}
.reform2_imgbox div {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 display: flex;
 align-items: center;
 justify-content: center;
}
.reform2_img1 img,
.reform2_img2 img {
 width: auto;
 max-width: none;
 max-height: 100%;
 margin: auto;
 display: block;
}
.reform2_img1 {
  animation: fadeInOut1 6s infinite;
}
.reform2_img1::before{
    content: "before";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #042455;
    color: #fff;
    padding: 8px 10px;
    font-weight: bold;
}
.reform2_img2 {
  animation: fadeInOut2 6s infinite;
}
.reform2_img2::after{
 content: "after";
    position: absolute;
    left: 0;
    top: 0;
    background-color: #c71313;
    color: #fff;
    padding: 8px 10px;
    font-weight: bold;
}
/* 画像1のアニメーション */
@keyframes fadeInOut1 {
  0% { opacity: 1; }
  25% { opacity: 1; }
  50% { opacity: 0; }
  75% { opacity: 0; }
  100% { opacity: 1; }
}

/* 画像2のアニメーション */
@keyframes fadeInOut2 {
  0% { opacity: 0; }
  25% { opacity: 0; }
  50% { opacity: 1; }
  75% { opacity: 1; }
  100% { opacity: 0; }
}
.reform2_list ul li h3 {
 font-size: 14px;
 font-weight: normal;
 line-height: 23px;
 margin: 8px 5px 5px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 2;
 overflow: hidden;
}
.reform2_li_tag {}
.reform2_li_tag ul{
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 0px 5px 10px;
}
.reform2_li_tag ul li {
 display: block;
 text-decoration: none;
 margin: 3px;
 padding: 1px 8px;
 font-size: 11px;
 color: #666;
 border: 1px solid #666;
 cursor: pointer;
 width: auto;
}
/*リフォーム事例2詳細*/
.reform2_ma {
 margin-bottom: 50px;
 /*　flickSlider　*/
 .flickSlider {
  margin: 0 auto;
  text-align: left;
 }
 .flickSlider .flickView {
  width: 100%;
  text-align: left;
  position: relative;
  overflow: hidden;
  height: 560px !important;
 }
 .flickSlider .flickView ul {
  top: 0;
  left: 0;
  width: 100%;
  position: absolute;
  overflow: hidden;
  height: 560px !important;
 }
 .flickSlider .flickView ul li {
  width: 100%;
  float: left;
  display: inline;
  overflow: hidden;
  padding-bottom: 20px;
 }
 .flickSlider .flickView ul li span {
  margin: 0;
  position: absolute;
  bottom: 0px;
  z-index: 100;
  text-align: center;
  font-size: 14px;
  background-color: #efefef;
  display: block;
  width: 780px;
  line-height: 40px;
 }
 .flickSlider .flickView ul li img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-height: 520px;
 }
 .flickSlider .flickThumb {
  width: 100%;
  overflow: hidden;
 }
 .flickSlider .flickThumb ul {
  width: 110%;
  margin-top: 2%;
 }
 .flickSlider .flickThumb ul li {
  width: 10% !important;
  min-height: 45px !important;
  height: 53px;
  margin-right: 3px;
  float: left;
  cursor: pointer;
  display: inline;
  overflow: hidden;
  border: 2px solid #CCC;
  opacity: 1 !important;
 }
 .flickSlider .flickThumb ul li:empty {
  display: none;
 }
 .flickSlider .flickThumb ul li img {
  /* max-width: 80px !important; */
  height: 53px !important;
  width: 100% !important;
  object-fit: cover;
  font-family: 'object-fit: cover';
  margin: 0 0 0px 0;
 }
 .flickSlider .flickThumb ul li.active {
  /*追加*/
  border: 2px solid #000;
 }
 .flickSlider .btnPrev,
 .flickSlider .btnNext {
  top: 0;
  width: 5%;
  height: 100%;
  position: absolute;
  cursor: pointer;
 }
 .flickSlider .btnPrev {
  left: 0;
  background: url(/img_cms/btnPrev.png) no-repeat center center / 85%;
 }
 .flickSlider .btnNext {
  right: 0;
  background: url(/img_cms/btnNext.png) no-repeat center center / 85%;
 }
 .flickSlider .flickView ul:after,
 .flickSlider .flickThumb ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
 }
 .flickSlider .flickView ul,
 .flickSlider .flickThumb ul {
  display: inline-block;
  overflow: hidden;
 }
}
.reform2_ma_tag {}
.reform2_ma_tag p {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 0px 5px 5px;
}
.reform2_ma_tag p label {
 display: block;
 text-decoration: none;
 margin: 3px;
 padding: 1px 8px;
 line-height: 20px;
 font-size: 11px;
 color: #666;
 border: 1px solid #666;
}
.reform2_ma_tl {
 font-size: 30px;
 line-height: 55px;
 font-weight: normal;
 border-bottom: 1px solid #000;
 padding-bottom: 10px;
}
.reform2_ma .flickSlider {
 height: 560px !important;
}
.reform2_ma .flickSlider .flickView {
 height: 450px !important;
}
.reform2_ma .flickSlider .flickView ul {
 height: 450px !important;
}

.re2_staff_com {
 font-size: 16px;
 line-height: 30px;
 margin-bottom: 30px;
}
.re2_gaiyo_box {
 margin-bottom: 30px;
 display: flex;
 justify-content: space-between;
}
.re2_gaiyo_box ul {}
.re2_gaiyo_box ul li {
 font-size: 14px;
 padding: 20px 0 20px 10px;
 border-top: 1px solid #666;
 display: flex;
}
.re2_gaiyo_box ul li:last-child {
 border-bottom: 1px solid #666;
}
.re2_gaiyo_box ul li dt {
 font-weight: bold;
 position: relative;
 width: 110px;
 display: flex;
 align-items: center;
}
.re2_gaiyo_box ul li dd {
 padding-left: 20px;
 margin: 0;
 border-left: 1px solid #666;
 width: 100%;
 display: flex;
 align-items: center;
}
.re2_conts_tl {
 font-size: 20px;
 letter-spacing: 1px;
 font-weight: bold;
 padding: 15px 0 15px 0px;
 position: relative;
 margin-bottom: 40px;
}
.re2_conts_tl:before {
 position: absolute;
 bottom: -10px;
 left: 0;
 width: 30px;
 height: 3px;
 content: '';
 background: #000;
}
.re2_gaiyo_box_l {
 width: 48%;
}
.re2_gaiyo_box_r {
 width: 48%;
}
.re2_befaft {}
.re2_befaft ul {
 overflow: hidden;
 position: relative;
 text-align: center;
 margin-bottom: 40px;
 font-size: 16px;
 display: flex;
 align-items: center;
 justify-content: space-between;
}
.re2_befaft ul:before {
 content: "";
 position: absolute;
 top: 50%;
 /* 縦軸をセンタリングする */
 left: 49%;
 transform: translateY(-50%);
 /* 縦軸をセンタリングする */
 border: 25px solid transparent;
 border-left: 28px solid #555;
 /* 好みで色を変えてください */
}
.re2_befaft ul li {
 width: 46%;
 float: left;
 position: relative;
}
.re2_be_img:empty,
.re2_af_img:empty {
 display: none;
}
.re2_befaft ul li p:empty {
 display: none;
}
.re2_be_img:before {
 content: "before";
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background-color: #042455;
 color: #fff;
 padding: 8px 10px;
 font-weight: bold;
}
.re2_af_img:before {
 content: "after";
 position: absolute;
 left: 0;
 top: 0;
 z-index: 1;
 background-color: #c71313;
 color: #fff;
 padding: 8px 10px;
 font-weight: bold;
}
.re2_befaft ul li:last-child {
 float: right;
}
.re2_befaft ul p.re2_flow_icon {
 display: inline-block;
 border-style: solid;
 border-width: 25px 0 25px 24px;
 border-color: transparent transparent transparent #000;
 width: 0;
}
.re2_befaft ul li img {
 width: 100% !important;
 height: 270px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
.re2_befaft ul li p {
 margin: 5px 0 0 0;
 font-size: 14px;
 line-height: 25px;
 text-align: left;
}
.re2_befaft_tl {
 text-align: left;
}
.re2_sonota_img {}
.re2_sonota_img ul {
 display: flex;
 justify-content: space-between;
}
.re2_sonota_img ul li {
 width: 32%;
}
.re2_sonota_img ul li p {
 font-size: 14px;
}
.re2_sonota_img ul li img {
 width: 100% !important;
 height: 220px !important;
 object-fit: cover;
 font-family: 'object-fit: cover';
}
/* -----タグ一覧------- */
.tag_li_box {
    background: #eee;
    width: 100%;
    margin: 15px 0;
    padding: 17px 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.tag_li_box ul {
 display: flex;
 flex-wrap: wrap;
}
.tag_li_box ul li {
 padding: 3px;
 margin: 0px;
}
.tag_li_box a {
    display: inline-block;
    background: #fff;
    border-radius: 3px;
    font-size: 13px;
    padding: 7px 15px;
    font-weight: bold;
    text-decoration:none;
    line-height: 18px;
}
.tag_li_box p {
    font-size: 15px;
    font-weight: bold;
    border-bottom: solid 1px #000;
    padding: 0px 0 7px 0px;
    margin: 7px;
}

/*-----------------------------------------------
 spot
-----------------------------------------------*/
.gmap_infowindow a {
 color: #006dd9;
 text-decoration: underline;
}
.town3.city_info_shosai {
 border: none !important;
 width: 1100px;
 margin: 0 auto 20px;
 padding: 0;
}
.city_info_shosai .town7,
.city_info_shosai .town7>table,
.city_info_shosai .town9,
.city_info_shosai .town9 iframe {
 width: 1100px !important;
}
.spot_map .group_spot_map{
 width: 100% !important;
 box-sizing: border-box;
}
.spot_waku_ul {
 display: flex;
 flex-wrap: wrap;
 margin: 30px 0px;
 gap: 20px 2%;
}
.spot_waku_li {
 cursor: pointer;
 width: 32%;
}
.spot_waku_li a {
 display: block;
 text-decoration: none !important;
 border: 1px solid #ccc;
 overflow: hidden;
 box-sizing: border-box;
 padding: 20px 15px;
 transition: 0.2s;
 height: 100%;
}
.spot_waku_li a:hover {
 border: 1px solid #000;
}
.spot_icon {
 width: 50px;
 padding: 20px 10px 10px 10px;
}
.spot_detail {
 overflow: hidden;
}
.town_shop_tl {
 font-size: 15px;
 color: #000;
 font-weight: bold;
 margin-bottom: 5px;
}
.town_shop_tl i {
 margin-right: 5px;
 color: #f5877e;
 font-size: 20px;
}
.spot_tel,
.spot_adress {
 color: #000;
 font-size: 13px;
 margin-bottom: 5px;
}
.spot_detail ul li.spot_tag p {
 margin: 10px 0 0;
}
.spot_detail ul li.spot_tag p label {
 display: inline-block;
 padding: 3px 10px;
 margin-right: 5px;
 color: #000;
 border-radius: 50px;
 background-color: #eee;
}
.spot_detail ul li.spot_tag p label:before {
 content: "#";
}
.city_info_shosai .cate_kokyo a {
 border-top: solid 2px #9FBEA7 !important;
 background: url(/img_cms/spot_tab.png) no-repeat 8% 50%;
}
.spot_main {
 position: relative;
 margin: 0 0 20px;
}
.spot_main_img {}
.spot_main_img img {
 width: 100% !important;
 height: 500px !important;
 object-fit: cover;
}
.spot_main_txt {
 position: absolute;
 bottom: 0;
 background: linear-gradient(to top, #0009, #0000);
 color: #fff;
 padding: 100px 20px 20px;
 width: 100%;
 box-sizing: border-box;
}
.spot_mb_txt {
 font-size: 15px;
 line-height: 1.8;
 margin: 20px 0;
}
.spot_m_t_tag p {
 margin: 0;
 display: flex;
 gap: 5px;
}
.spot_m_t_tag label {
 display: block;
 padding: 5px 15px;
 font-size: 14px;
 border: solid 1px #fff;
 line-height: 1;
 margin-bottom: 15px;
}
.spot_m_t_ti {
 font-size: 20px;
 font-weight: bold;
 margin-bottom: 10px;
 line-height: 1;
}
.spot_m_t_comment {}
.spot_main:has(.spot_main_img:empty) {
 display: none;
}
.town7 tr:has(td a[href=""]),
.town7 tr:has(td:empty) {
 display: none;
}
.city_info_shosai .town7 td {
 padding: 15px;
}
.spot_list_tag {
 width: 100%;
 margin: 10px auto 20px;
 overflow: hidden;
 display: flex;
 flex-wrap: wrap;
 flex-direction: column-reverse;
}
.spot_list_tag .open-label {
 width: 20%;
 display: block;
 font-size: 14px;
 line-height: 48px;
 font-weight: bold;
 letter-spacing: 0.05em;
 text-align: center;
 cursor: pointer;
 transition: .3s;
 box-sizing: border-box;
 background-color: #042455;
 color: #fff;
 margin: 20px auto;
 border-radius: 50px;
}
.spot_list_tag .open-label:hover {
 transition: .3s;
}
.spot_list_tag .open-label i {
 margin-left: 5px;
 transition: .3s;
}
.spot_list_tag .open {
 width: 100%;
 height: auto;
 transition: .3s;
 box-sizing: border-box;
 padding: 20px 20px;
 overflow: hidden;
 position: relative;
 background-color: #eee;
}
.spot_list_tag .open p {
 font-weight: bold;
 font-size: 15px;
 margin: 0 5px 10px;
}
@keyframes fade-in {
 0% {
  height: 100px;
 }
 100% {
  height: 100%;
 }
}
.spot_list_tag .on-off:checked+label .notcheck,
.spot_list_tag .on-off:not(:checked)+label .oncheck {
 display: none;
}
.spot_list_tag .on-off:checked+label .oncheck,
.spot_list_tag .on-off:not(:checked)+label .notcheck {
 display: inline-block;
}
.spot_list_tag ul {
 display: flex;
 flex-wrap: wrap;
 gap: 8px 5px;
}
.spot_list_tag ul li {}
.spot_list_tag ul li a {
 display: block;
 background-color: #fff;
 padding: 8px 15px;
 font-size: 12px;
 line-height: 1;
 border-radius: 50px;
 border: solid 1px #fff;
 box-sizing: border-box;
 transition: 0.3s;
}
.spot_list_tag ul li a:hover {
 border: solid 1px #aaa;
}
.spot_list_tag ul li a:before {
 content: "#";
}
.spot_sp_map div[id^="map_canvas"] {
 width: 100% !important;
 margin: 20px 0;
}
/*-----------------------------------------------
 hazard_map
-----------------------------------------------*/
.hazard_title {
 background-color: #eee;
 color: #000;
 font-size: 20px;
 padding: 20px 10px;
}

/*hazard_map　一覧 start*/
.hazard_list{
 display: block;
 width: 100%;
 margin: 3em auto;
 padding: 2em;
 border-radius: 10px;
 background-color: #f7f7f7;
 box-sizing: border-box;
}
.hazard_list>h3{
 font-size: 20px;
 line-height: 2em;
 margin: 0px auto;
}
.hazard_list>ul{
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 margin-bottom: 30px;
}
.hazard_list>ul>li{
 margin-left: 10px;
 margin-bottom: 15px;
}
.hazard_list>ul>li>a{
 font-size: 16px;
 letter-spacing: 1px;
 font-weight: bold;
 line-height: 2.5em;
 position: relative;
 display: inline-block;
 color: #000;
 background-color: #fff;
 border: 2px solid #333;
 width: fit-content;
 padding: 0 2em  0 1.5em;
 border-radius: 5px;
 position: relative;
 transition: 0.2s;
 text-decoration: none;
}
.hazard_list>ul>li>a:after {
 content: '';
 width: 6px;
 height: 6px;
 border: 0;
 border-top: solid 2px #333;
 border-right: solid 2px #333;
 transform: rotate(45deg);
 position: absolute;
 top: 0;
 right: 0.7em;
 bottom: 0;
 margin: auto;
}
.hazard_list>ul>li>a:hover{
 color: #FFF;
 border-color: #CCC;
 background-color: #000;
}
.hazard_list>ul>li>a:hover::after{
 color: #FFF;
 border-color: #CCC;
}
/*hazard_map　一覧 end*/

.hazard_summary {
 font-size: 16px;
 font-weight: bold;
 margin: 20px 0px;
}
.hazard_title span {}
.hazard_anchorlink {
 margin: 20px 0px;
 display: flex;
 flex-wrap: wrap;
 gap: 20px;
}
.hazard_button a {
 font-size: 18px;
 display: block;
 background-color: #fff;
 border: 1px solid #000;
 width: 320px;
 padding: 15px 10px;
 text-align: center;
 letter-spacing: 1px;
 border-radius: 5px;
 font-weight: bold;
 color: #000;
 line-height: 21px;
 position: relative;
 transition: 0.2s;
 box-sizing: border-box;
}
.hazard_button a::after {
 position: absolute;
 content: "";
 top: 45%;
 right: 15px;
 box-sizing: border-box;
 width: 4px;
 height: 4px;
 border: 5px solid transparent;
 border-left: 6px solid #000;
 transform: rotate(90deg);
}
.hazard_button a:hover {
 background-color: #000;
 color: #fff;
}
.hazard_button a:hover:after {
 border-left: 6px solid #fff;
}
.hazard_title_s {
 color: #000;
 font-size: 20px;
 padding: 20px 10px;
 margin-top: 50px;
 border-bottom: 3px solid #eee;
}
.hazard_txt_s {
 border: solid 3px #eee;
 margin-bottom: 10px;
}
.hazard_txt_s span {
 display: block;
 background-color: #eee;
 font-size: 15px;
 padding: 7px 20px;
 font-weight: bold;
}
.hazard_txt_s p {
 margin: 0;
 font-size: 14px;
 padding: 10px 20px;
 line-height: 1.8;
}
.hazard_button_itiran a {
 display: block;
 width: 300px;
 height: 40px;
 border: solid 2px #999999;
 text-align: center;
 line-height: 43px;
 color: #000;
 background-color: #fff;
 font-size: 17px;
 font-weight: normal;
 text-decoration: none;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 padding: 5px;
}
.hazard_button_itiran a:hover {
 color: #000;
 background-color: #fff;
 border: solid 2px #FF7F00;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.hazard_button_ul {
 display: flex;
 flex-wrap: wrap;
 justify-content: flex-start;
 margin: 20px 0px;
}
.hazard_button_ul li {
 margin-bottom: 20px;
 margin-right: 19px;
}
.explanation {
 font-size: 12px;
 margin: 10px 0px;
 line-height: 20px;
}

/*------------------
　査定実績　
--------------------*/
.app_li_wrap {
 background: #eee;
 padding: 20px;
 border-radius: 5px;
}

.app_li_row {
 background: #fff;
 border-radius: 3px;
 border-bottom: 1px dashed #ccc;
}

.app_li_row:last-child {
 border: none;
}

.app_li_row a {
 display: flex;
 align-items: center;
 text-decoration: none !important;
 padding: 15px;
}

.app_li_row a:hover {
 background: #FFF;
}

.app_li_row a > div {
 display: flex;
 align-items: center;
}

.app_li_icon {
 background: #051143;
 padding: 5px 10px;
 color: #fff;
 border-radius: 3px;
 display: inline-block;
 width: 60px;
 text-align: center;
}

span.app_li_day {
 color: #000;
 font-size: 14px;
 margin-left: 10px;
 text-align: left;
 width: 85px;
}

.app_li_tex {
 margin: 0 0 0 10px;
 font-size: 16px;
 width: 550px;
 overflow: hidden;
 white-space: nowrap;
 text-overflow: ellipsis;
}

.app_sho_wrap h3 {
 background: #eee;
 padding: 20px;
 margin-bottom: 15px;
}

.app_sho_main {
 border: 1px solid #ccc;
 border-radius: 5px;
 padding: 20px;
 margin-bottom: 30px;
 font-size: 16px;
}

.app_sho_main > p {
 margin: 0 0 15px;
}

.app_sho_detail {
 background: #eee;
 padding: 20px;
 border-radius: 5px;
}

.app_sho_detail li {
 display: flex;
 align-items: center;
 margin: 0 0 10px;
}

.app_sho_detail li:last-child {
 margin-bottom: 0px;
}

.app_sho_detail li p {
 margin: 0 0 0 10px;
 font-weight: bold;
}

.app_sho_detail li span {
 background: #051143;
 color: #FFF;
 padding: 6px 10px;
 border-radius: 5px;
 display: inline-block;
 width: 50px;
 text-align: center;
}

.app_sho_name:not(:empty) {
 color: #80bac4;
 font-weight: bold;
 padding: 0 1%;
}

.app_sho_subtxt {
 text-align: center;
 font-size: 14px;
 margin: 0;
 line-height: normal;
}

.app_sho_wrap > a {
 text-decoration: none !important;
 color: #fff !important;
 background: #ff5239;
 border-radius: 5px;
 width: 500px;
 display: block;
 text-align: center;
 margin: 30px auto;
 padding: 20px;
 font-size: 20px;
}

.app_sho_wrap > a:hover {
 background: #e83016;
}
.ap_de_tag_li ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 margin-bottom: 20px;
}
.ap_de_tag_li li {
 padding: 3px;
}
.ap_de_tag_li a {
    display: block;
    width: max-content;
    padding: 10px 15px;
    border: 1px solid #ccc;
    color: #666;
    background: #fff;
    text-decoration: none;
    border-radius: 5px;
}
.ap_de_tag_li a:hover {

 background: #eee;
 text-decoration: none;
}
/*------------特集タグのCSS------------*/
.vo_de_tag {
 margin: 0px auto;
 padding: 0px;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
}

.vo_de_tag_ttl {
 border-bottom: 1px solid #111;
 margin-bottom: 10px;
 padding-bottom: 10px;
}

.vo_de_tag_ttl p {
 font-weight: bold;
 font-size: 18px;
 margin: 0 0 5px;
}

.vo_de_tag_li p {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
}

.vo_de_tag_li label.cms_topic_tag {
 padding: 3px;
}

.vo_de_tag_li label.cms_topic_tag a {
 display: block;
 padding: 10px 15px;
 border: 1px solid #ddd;
 color: #666;
 background: #fff;
}

.vo_de_tag_li label.cms_topic_tag a:hover {
 color: #fff;
 background: #051143;
 text-decoration: none;
}
/* ----------------
 コラムパック用css_start
------------------ */
/* ------パンくず------ */
.pankuzu {
 overflow: hidden;
 padding: 5px 5%;
 font-size: 12px;
}
.pankuzu>div {
 float: left;
 margin-right: 10px;
 font-weight: normal;
 font-weight: 700;
}
.pankuzu a {
 color: #333;
 margin-right: 10px;
}
.pankuzu a:hover {
 text-decoration: underline;
 color: #2899fb;
}
.column_conts_wrap .pankuzu {
 width: 100%;
 margin: 0 auto;
 padding: 5px 0;
}
/*---list---*/
.column_list {
 width: 100%;
 margin: 30px auto 0;
}
.column_list_subject {
 width: 100%;
}
.column_list_subject>h2 {
 border-bottom: solid;
 padding-bottom: 20px;
}
.column_list_subject a:hover .ttl {
 color: #008dd0;
}
.column_list_item .exp {
 font-size: 14px;
 line-height: 22px;
 color: #999;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 3;
 height: 66px;
 overflow: hidden;
 margin-bottom: 5px;
}
.column_list_subject li>a:hover label {
 background: #2c3f50;
 color: #fff;
}
.column_list_subject>a {
 pointer-events: none;
}
.grouppaging {
 padding: 30px 0;
 padding-bottom: 50px;
 display: flex;
 justify-content: center;
 font-family: 'Century Gothic', 'Arial';
}
.grouppaging span,
.grouppaging a {
 font-weight: normal;
}

.column_list_subject .col_item_theme {
 position: absolute;
 top: 4px;
 left: 2px;
 padding: 0;
 background-color: unset;
 border: 0;
}
.column_list_subject .col ul li:hover .col_item_theme {
 background-color: unset;
 color: #000;
}
.col_item_theme p {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 flex-wrap: wrap;
 padding: 0 !important;
 width: auto !important;
 height: auto !important;
 background: inherit !important;
 margin: 0;
}
.col_item_theme .cms_topic_tag {
 background-color: #FFFFFF;
 border: 1px solid #333333;
 padding: 5px;
 margin: 0 2px 2px 2px;
 line-height: 12px;
 font-size: 12px;
 font-weight: bold;
 display: inline-block;
}
/*---/list---*/
/*---detail---*/
.column_detail {
 width: 100%;
 margin: 0 auto;
 display: flex;
 justify-content: center;
 align-items: flex-start;
}
.column_detail table {
 max-width: 100% !important;
 border-collapse: collapse;
}
.column_detail table th,
.column_detail table td {
 font-size: 14px !important;
 font-weight: normal !important;
 line-height: 22px !important;
 border: solid 1px #333 !important;
 padding: 0px 10px;
 background: #cccccc0d;
 ;
}
.column_detail_subject {
 width: 100%;
 padding: 20px;
}
.column_title {
 font-size: 24px;
 line-height: 30px;
 font-weight: bold;
 background-color: #ccc3;
 padding: 20px 15px;
 margin-bottom: 20px;
}
.column_det_img {
 width: 100%;
 margin: 0 auto;
 padding-bottom: 30px;
}
.column_det_img img {
 width: 100%;
 height: 400px;
 object-fit: cover;
}
.column_det_intro {
 font-size: 16px;
 line-height: 30px;
 padding-bottom: 30px;
}
.column_det_intro:empty {
 padding: 0;
 display: none;
}
.column_det_index {
 background: #eee3;
 padding: 30px 40px;
 display: flex;
 align-items: flex-start;
}
.column_det_ttl {
 width: 80px;
 text-align: center;
 border: 1px solid #111;
 background: #fff;
 font-size: 15px;
 font-weight: bold;
 line-height: 40px;
 margin-right: 50px;
 flex-shrink: 0;
}
.column_det_index ol {
 counter-reset: section;
 font-weight: normal;
 font-size: 15px;
}
.column_det_index ol li::before {
 counter-increment: section;
 content: counters(section, "-") ". ";
 padding-right: 10px;
}
.column_det_index>ol>li {
 line-height: 20px;
 margin-top: 20px;
 font-weight: bold;
}
.column_det_index ol li a {
 color: #111;
}
.column_det_index ol li a:hover {
 text-decoration: underline;
}
.column_det_index ol ol {
 margin-top: 10px;
}
.column_det_index ol ol li {
 font-size: 14px;
 text-indent: 40px;
 line-height: 22px;
}
.column_det_free {
 font-size: 16px;
 line-height: 30px;
 color: #111;
 margin-bottom: 40px;
}
.column_det_free-o h3,
.column_det_free-n h2 {
 font-size: 26px;
 line-height: 38px;
 border-bottom: 5px solid #ddd;
 position: relative;
 padding: 100px 55px 10px 10px;
 margin: -40px 0 20px 0;
 z-index: -1;
}
.column_det_free-o h3::before,
.column_det_free-n h2:before {
 content: "";
 display: block;
 line-height: 0;
 overflow: hidden;
 position: absolute;
 left: 0;
 bottom: -5px;
 width: 50%;
 border-bottom: 5px solid #ffa500;
}
.column_det_free-o h3::after,
.column_det_free-n h2:after {
 content: '';
 background-image: url(/img/column/det_hakase.png);
 background-repeat: no-repeat;
 background-position: right;
 position: absolute;
 right: 0;
 bottom: -12px;
 width: 60px;
 height: 76px;
}
.column_det_free-o h4,
.column_det_free-n h3 {
 font-size: 22px;
 line-height: 34px;
 font-weight: bold;
 padding: 110px 0 20px 0;
 margin: -60px 0 0 0;
 text-decoration: underline;
}
.column_det_intro .block,
.column_det_free .block {
 border: 3px solid #ff56268f;
 padding: 20px 30px;
 margin: 10px 0;
 background-color: #ffbfb20a;
 color: #5d3937;
 font-weight: bold;
 border-radius: 8px;
 line-height: 22px;
}
.column_det_intro .block span,
.column_det_free .block span {
 color: #333;
 font-weight: bold;
}
.column_det_intro span.bold,
.column_det_free span.bold {
 font-weight: bold;
}
.column_det_intro a,
.column_det_free a {
 color: #ff9426;
 text-decoration: none;
 font-weight: bold;
}
.column_det_intro a:hover,
.column_det_free a:hover {
 color: #2c3f50;
}
.column_det_intro a.link_relate,
.column_det_free a.link_relate {
 display: block;
 border-radius: 5px;
 border: 1px solid #2799fb;
 color: #2799fb;
 font-weight: bold;
 margin: 10px 0;
 padding: 10px 20px 10px 30px;
 position: relative;
}
.column_det_intro a.link_relate:before,
.column_det_free a.link_relate:before {
 position: absolute;
 top: 0;
 bottom: 0;
 left: 10px;
 margin: auto;
 content: "";
 vertical-align: middle;
 width: 6px;
 height: 6px;
 border-top: 2px solid #008dd0;
 border-right: 2px solid #008dd0;
 -webkit-transform: rotate(45deg);
 transform: rotate(45deg);
}
.column_det_intro a.link_relate:hover,
.column_det_free a.link_relate:hover {
 background: #2799fb;
 color: #fff;
}
.column_det_intro a.link_relate:hover:before,
.column_det_free a.link_relate:hover:before {
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
}
.column_det_free img {
 margin: 15px 0;
}
.column_det_free .linkblock {
 margin: 20px 0;
 box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
 display: flex;
}
.column_det_free .linkblock:hover {
 background: #eee;
}
.column_det_free .linkblock a.linkblock_img {
 padding: 15px;
 width: 200px;
 flex-shrink: 0;
}
.column_det_free .linkblock a.linkblock_img img {
 width: 200px;
 margin: 0;
}
.column_det_free .linkblock_txt {
 display: flex;
 flex-wrap: wrap;
 align-content: center;
 padding: 15px 15px 15px 0;
}
.column_det_free .linkblock_txt span:nth-child(1) {
 color: #111;
 font-size: 18px;
 display: block;
 padding-bottom: 10px;
}
.column_det_free .linkblock_txt span:nth-child(2) {
 color: #999;
 font-size: 13px;
 display: block;
 line-height: 1.5;
}
.column_det_free table.table th,
.column_det_free table.table td {
 border: 1px solid #ccc;
 padding: 5px 10px;
}
.column_det_free table.table th {
 font-weight: bold;
 background: #f5f5f5;
}
.jc_pagelink {
 padding: 20px;
 display: block;
 height: 100%;
 -webkit-box-sizing: border-box;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 color: #111;
 position: relative;
}
.jc_pagelink:hover {
 background: #dfebf5;
 color: #2799fb;
}
.jc_pre {
 padding-left: 40px;
}
.jc_next {
 padding-right: 40px;
}
.column_conts {
 width: 1100px;
 margin: 0 auto;
 margin-bottom: 20px;
}
.column_bn {
 text-align: center;
 margin-bottom: 40px;
}
.company_coment {
 font-size: 16px;
 line-height: 30px;
 color: #111;
 margin-bottom: 40px;
 text-align: center;
}
/* ----------------
/コラムパック用css_end
------------------ */
/* -------------------------
コラムテンプレート用追加記述_start
※これを記述することで入稿時の管理画面にもデザインが適用されます。
---------------------------- */
.column_det_mokuji_wrap {
 counter-reset: section;
 font-weight: normal;
 font-size: 15px;
}
.column_det_mokuji_block {
 line-height: 20px;
 margin-top: 20px;
 font-weight: bold;
}
.column_det_mokuji_block_list {
 margin-top: 10px;
 counter-reset: section;
 font-weight: normal;
 font-size: 15px;
}
.column_det_mokuji_block_list>div {
 font-size: 14px;
 text-indent: 40px;
 line-height: 22px;
}
/* -------------------------
コラムテンプレート用追加記述_end
---------------------------- */
/* 単体フォームカレンダーアイコンをIEだけ隠す */
@media all and (-ms-high-contrast: none) {
 .ui-datepicker-trigger {
  display: none !important;
 }
}
/*-------------------
 フェードイン効果fadein
 -------------------*/
.main_fade {
 opacity: 0;
 transition: 1s;
 transform: translate(0,-30px);
}
.main_fadein {
 opacity: 1;
 transition: 1s;
 transform: translate(0,0px);
}
.fadein_l{
 opacity: 0;
 transition: 1s;
 transform: translate(-50px,0);
}
.fadein_l.fade_in_l,
.fadein_r.fade_in_r {
 opacity: 1;
 transform: translate(0px,0);
}
.fadein_r{
 opacity: 0;
 transition: 1s;
 transform: translate(50px,0);
}
.scalein {
 opacity: 0;
 transition: 0.8s;
 transform: scale(0);
}
.scalein.scale_in {
 opacity: 1;
 transform: scale(1);
}
.fadein{
 opacity: 0;
 transition: 1s;
 transform: translate(0,-30px);
}
.fadein.fade_in {
 opacity: 1;
 transform: translate(0px,0);
}

/*-----------------------------------------------
staff8
-----------------------------------------------*/

/*------------一覧---------------*/
.staff8_all_wrap {
 overflow: hidden;
}
.staff8_all_inner {
 width: 1200px;
 margin: 60px auto 0;
}
.staff8_wrap ul {}
.staff8_wrap ul li {
 display: inline-block;
 width: 22%;
 margin: 0 1.35% 3%;
 margin-bottom: 3%;
 border-radius: 10px;
 overflow: hidden;
}
.staff8_wrap ul li a {
  display: block;
 position: relative;
}
.staff8_wrap ul li a::before {
 content: "";
 display: block;
 background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .5));
 position: absolute;
 width: 100%;
 height: 60px;
 left: 0;
 bottom: 0;
 z-index: 11;
}
.staff8_photo {
 height: 380px;
}
.staff8_photo img,
.staff8_photo_hover img {
 height: 100% !Important;
 object-fit: cover;
}
.staff8_photo_hover {
 height: 380px;
 position: absolute;
 top: 0;
 left: 0;
 opacity: 0;
 transition: .3s;
}
.staff8_job {
 display: inline-block;
 -ms-writing-mode: tb-rl;
 writing-mode: vertical-rl;
 background: #fff;
 padding: 10px 5px;
 position: absolute;
 font-size: 12px;
 font-weight: bold;
 letter-spacing: 0.05em;
 right: 10px;
 top: 0;
 z-index: 20;
 color: #333;
}
.staff8_name {
 font-size: 11px;
 line-height: 1;
 margin: 10px 0 0;
 position: absolute;
 bottom: 10px;
 left: 10px;
 color: #fff;
 z-index: 15;
 letter-spacing: 0.1em;
}
.staff8_name span {
 font-size: 20px;
 line-height: 1;
 font-weight: bold;
 display: block;
 margin-top: 5px;
}
.staff8_wrap ul li a:hover .staff8_photo_hover {
 opacity: 1;
 transition: .3s;
}
.staff8_ti {
 text-align: center;
 padding: 40px 0;
 margin: 20px 0 40px;
 border-top: 1px solid #383635;
 border-bottom: 1px solid #383635;
 font-size: 28px;
 font-weight: bold;
 color: #383635;
 line-height: normal;
}
.staff8_ti span {
 display: block;
 font-size: 12px;
 color: #042455;
 letter-spacing: 0.1em;
 line-height: 14px;
}
.staff8_subti {
 font-size: 18px;
 padding: 25px 30px;
 margin: 40px auto 30px;
 color: #042455;
 letter-spacing: 0.1em;
 background: #eee;
 border-radius: 5px;
 position: relative;
 line-height: 1;
}
.staff8_subti::before {
 content: "";
 display: block;
 width: 3px;
 height: 38px;
 background: #042455;
 position: absolute;
 left: 15px;
 top: 15px;
 border-radius: 3px;
}
/*------------詳細---------------*/
.staff8_shosai_main {
 position: relative;
 margin-top: 60px;
 padding-bottom: 80px;
}
.staff8_shosai_main_inner {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
}
.staff8_shosai_main::before {
 content: "";
 display: block;
 width: 200vw;
 height: 600px;
 background: #eee;
 position: absolute;
 left: -50vw;
 bottom: 0;
 z-index: -1;
}
.staff8_shosai_photo img {
 width: 500px !important;
 height: 630px !important;
 object-fit: cover;
}
.staff8_shosai_main_inner ul {
 width: 630px;
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 justify-content: space-between;
 flex-wrap: wrap;
}
.staff8_shosai_main_inner ul li img {
 width: 300px !important;
 height: 300px !important;
 object-fit: cover;
}
.staff8_shosai_main_inner ul li:nth-child(1),
.staff8_shosai_main_inner ul li:nth-child(2) {
 margin-bottom: 30px;
}
.staff8_shosai_top {
 text-align: center;
 margin: 20px auto;
 border-top: 1px solid #383635;
 border-bottom: 1px solid #383635;
 padding: 40px 0;
}
.staff8_shosai_top h2 {
 font-size: 14px;
 font-weight: bold;
 line-height: 1.7;
 color: #383635;
 font-weight: 500;
 letter-spacing: 0.1em;
}
.staff8_shosai_top h2 span {
 display: block;
 font-size: 36px;
 font-weight: bold;
}
.staff8_shosai_job {
 display: inline-block;
 padding: 10px 10px;
 background: #fff;
 border-radius: 5px;
 border: 1px solid #383635;
 font-weight: bold;
 font-size: 12px;
 line-height: 1;
 margin-top: 10px;
}
.staff8_shosai_txt {
 margin: 80px 0;
 padding: 0 80px;
}
.staff8_shosai_txt h3:not(:empty) {
 font-size: 30px;
 line-height: 1;
 letter-spacing: 0.1em;
 margin: 0 0 30px;
 color: #383635;
 position: relative;
 padding-left: 90px;
}
.staff8_shosai_txt h3:not(:empty)::before {
 content: "";
 display: block;
 width: 70px;
 height: 1px;
 background: #042455;
 position: absolute;
 left: 0;
 top: 15px;
}
.staff8_shosai_txt p:not(:empty) {
 margin: 0;
 background: #eee;
 margin-left: 15%;
 padding: 30px;
 margin-bottom: 50px;
 font-size: 16px;
 line-height: 1.7;
 border-radius: 10px;
}
.staff8_shosai_bt {
 font-size: 15px;
 line-height: 1.7;
 padding: 0 80px;
}
.staff8_shosai_bt ul li {}
.staff8_shosai_bt ul li span:not(:empty) {
 display: block;
 width: 25%;
 padding: 10px 20px;
 background: #042455;
 font-weight: bold;
 color: #fff;
 border: 1px solid #042455;
 border-radius: 5px 5px 0 0;
 box-sizing: border-box;
 margin-right: 5%;
 text-align: center;
}
.staff8_shosai_bt ul li p:not(:empty) {
 width: 100%;
 margin: 0;
 padding: 20px 20px;
 background: #fff;
 margin-bottom: 25px;
 font-weight: 500;
 color: #383635;
 border: 1px solid #042455;
 border-radius: 0 5px 5px 5px;
 box-sizing: border-box;
 font-size: 14px;
 margin-right: 5%;
}
.staff8_shosai_license:not(:empty) {
 margin-top: 40px;
 text-align: left;
}
.staff8_shosai_license ul::before {
 content: "保有資格";
 display: block;
 font-size: 20px;
 line-height: 60px;
 color: #042455;
 font-weight: bold;
 margin-bottom: 20px;
 letter-spacing: 0.1em;
 text-align: center;
 border-top: 1px solid #042455;
 border-bottom: 1px solid #042455;
}
.staff8_shosai_license ul li {
 display: inline-block;
 color: #fff;
 line-height: 1;
 font-weight: 500;
 border-radius: 30px;
 letter-spacing: 0.05em;
 padding: 10px 15px;
 font-size: 13px;
 margin: 0 5px 5px 0;
 background: #042455;
}
.staff8_shosai_p2 .staff8_shosai_main {
 margin-top: 20px;
}
.staff8_shosai_p2 .staff8_shosai_main::before {
 height: 500px;
}
.staff8_shosai_p2 .staff8_shosai_top {
 width: 480px;
 height: 500px;
 background: #fff;
 text-align: center;
 margin: 0;
 border-top: none;
 border-bottom: none;
 padding: 40px 0;
 box-sizing: border-box;
 box-shadow: 0 0 20px rgba(0, 0, 0, .1);
 z-index: 10;
 right: 0;
 display: flex;
 flex-direction: column;
 align-items: center;
 justify-content: center;
}
.staff8_shosai_p2 .staff8_shosai_photo img {
 width: 680px !important;
 height: 630px !important;
 object-fit: contain;
}
.staff8_shosai_p2 .staff8_shosai_main_inner {
 align-items: center;
}
.staff8_shosai_p2 .staff8_shosai_main_inner ul {
 width: 400px;
 display: block;
 margin: 0 auto;
}
.staff8_shosai_p2 .staff8_shosai_main_inner ul li:nth-child(1),
.staff8_shosai_p2 .staff8_shosai_main_inner ul li:nth-child(2) {
 margin-bottom: 5px;
}
.staff8_shosai_b_photo ul {
 display: -webkit-flex;
 display: -moz-flex;
 display: -ms-flex;
 display: -o-flex;
 display: flex;
 margin-top: 40px;
}
.staff8_shosai_b_photo ul li {
 margin-right: 20px;
}
.staff8_shosai_b_photo ul li:last-child {
 margin-right: 0;
}
.staff8_shosai_b_photo ul li img {
 width: 290px !important;
 height: 210px !important;
 object-fit: cover;
}

/* ----連携スライド---- */
/* Slider */
.slick-slider {
 position: relative;
 display: block;
 box-sizing: border-box;
 -webkit-user-select: none;
 -moz-user-select: none;
 -ms-user-select: none;
 user-select: none;
 -webkit-touch-callout: none;
 -khtml-user-select: none;
 -ms-touch-action: pan-y;
 touch-action: pan-y;
 -webkit-tap-highlight-color: transparent;
 /* overflow: hidden; */
}
.slick-list {
 position: relative;
 display: block;
 /* overflow: hidden; */
 margin: 0;
 padding: 0;
}
.slick-list:focus {
 outline: none;
}
.slick-list.dragging {
 cursor: pointer;
 cursor: hand;
}
.slick-slider .slick-track,
.slick-slider .slick-list {
 -webkit-transform: translate3d(0, 0, 0);
 -moz-transform: translate3d(0, 0, 0);
 -ms-transform: translate3d(0, 0, 0);
 -o-transform: translate3d(0, 0, 0);
 transform: translate3d(0, 0, 0);
}
.slick-track {
 position: relative;
 top: 0;
 left: 0;
 display: block;
 margin-left: auto;
 margin-right: auto;
}
.slick-track:before,
.slick-track:after {
 display: table;
 content: '';
}
.slick-track:after {
 clear: both;
}
.slick-loading .slick-track {
 visibility: hidden;
}
.slick-slide {
 display: none;
 float: left;
 height: 100%;
 min-height: 1px;
}
[dir='rtl'] .slick-slide {
 float: right;
}
.slick-slide img {}
.slick-slide.slick-loading img {
 display: none;
}
.slick-slide.dragging img {
 pointer-events: none;
}
.slick-initialized .slick-slide {
 display: block;
}
.slick-loading .slick-slide {
 visibility: hidden;
}
.slick-vertical .slick-slide {
 display: block;
 height: auto;
 border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
 display: none;
}
.page_other {
 margin: 60px 0;
}
.page_other h3 {
 text-align: center;
 margin: 0 0 30px;
 line-height: 1;
 font-size: 30px;
}
.page_other ul {
 width: 300px;
 margin: 0 auto;
 position: relative;
}

.page_other ul .slick-list {
 overflow: visible;
}

.slick-initialized {
 opacity: 1;
}

.page_other ul li {
 margin: 0 15px;
 position: relative;
}
.page_other ul li a {
 color: #333;
 text-decoration: none;
}
.page_other ul li img {
 height: 250px!important;
 width:300px;
 object-fit: cover;
 border-radius: 10px;
}
.page_other ul li .other_staff_name {
 display: flex;
 gap: 10px;
 flex-wrap: wrap;
 align-items: baseline;
 margin: 10px 0;
 font-weight: bold;
}
.page_other ul li .other_staff_name p {
 font-size: 20px;
 line-height: 1;
 margin: 0;
}
.page_other ul li .other_staff_name span {
 font-size: 12px;
}

.page_other ul .slick-prev,.page_other ul .slick-next {
    font-size: 0;
    line-height: 0;
    position: absolute;
    top: 40%;
    display: block;
    width: 40px;
    height: 40px;
    padding: 0;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    cursor: pointer;
    color: transparent;
    border: none;
    outline: none;
    background: transparent;
 z-index: 1;
}
.page_other ul .slick-prev {
 right: 570px;
}
.page_other ul .slick-next {
 left: 570px;
}
.page_other ul .slick-prev::before,.page_other ul .slick-next:before {
 content: "";
 width: 8px;
 height: 8px;
 border-top: solid 2px #fff;
 border-right: solid 2px #fff;
 display: block;
 transform: rotate(45deg);
 position: absolute;
 top: 37%;
 left: 0px;
 right: 5px;
 margin: 0 auto;
}
.page_other ul .slick-prev:before {
    transform: rotate(-135deg);
    right: 0px;
}
.page_other ul .slick-prev:after,.page_other ul .slick-next:after {
 content: "";
 background-color: #042455;
 width: 100%;
 height: 100%;
 display: block;
 border-radius: 100px;
}
.page_other ul .slick-dots button {
 background: none;
 border: none;
 content: "";
 font-size: 0;
 padding: 0;
}
.page_other ul .slick-dots li button:before {
 font-family: 'slick';
 font-size: 18px;
 line-height: 20px;
 position: absolute;
 top: 0;
 left: 0;
 width: 15px;
 height: 15px;
 content: '';
 background: #ccc;
 text-align: center;
 color: #ccc;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
 cursor: pointer;
}
.page_other ul .slick-dots li.slick-active button:before {
 background: #042455;
}
.page_other ul .slick-dots {
 overflow: hidden;
 width: 100%;
 padding: 0;
 list-style: none;
 text-align: center;
 margin: 30px 0 0;
}
.page_other ul .slick-dots li {
 position: relative;
 display: inline-block;
 margin: 0 5px;
 max-width: 13px;
 padding: 0;
 width: 15px;
 height: 15px;
 border-radius: 100%;
 cursor: pointer;
}

/* ------CMS用パンくず------ */
.cms_span_wrap ul {
 text-align: left;
 margin: 5px 0;
}
.cms_span_wrap ul li {
 display: inline-block;
 font-size: 12px;
 line-height: 24px;
 position: relative;
 margin-right: 14px;
}
.cms_span_wrap ul li a {
 display: inline-block;
 padding: 0 5px 0px 5px;
 height: 28px;
 line-height: 28px;
 text-decoration: none;
 color: #747772;
 background: #e6ecf5;
 font-size: 12px;
}
.cms_span_wrap ul li:after {
 content: "";
 position: absolute;
 top: 0;
 left: 100%;
 border-style: solid;
 border-color: transparent;
 border-left-color: #e6ecf5;
 border-width: 14px 12px;
 width: 0;
 height: 0;
}
.cms_span_wrap ul li:last-child:after {
 border: none;
}
.cms_span_wrap ul li:last-child a {
 background: none;
}

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