@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700|Roboto:400,700&display=swap&subset=japanese');
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display:block;
}
audio, canvas, progress, video {
  display: inline-block; vertical-align: baseline;
}

html {
  -ms-text-size-adjust:100%;
  -webkit-text-size-adjust:100%;
}
body {
  color:#333;
  font-family: sans-serif;
  line-height:1.0;
}
html,
body {
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}


br {letter-spacing:0;}
ul, li {list-style:none;}
img, a img {border:0; text-decoration:none; vertical-align:top;}
mark {background:#ff0; color:#000;}
b, strong {font-weight:bold;}
table {border-collapse:collapse; border-spacing:0;}
td, th {padding:0;}
hr {box-sizing:content-box; height:0;}
button, input, optgroup, select, textarea {color:inherit; font:sans-serif; margin:0;}
button {overflow: visible;}
button, select {text-transform:none;}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance:button; cursor:pointer;}
input[type="checkbox"], input[type="radio"] {box-sizing:border-box; padding:0;}
textarea {overflow:auto;}

.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

a {
  background-color:transparent;
  outline:0;
}
a:link    {color:#3366CC; text-decoration:none;}
a:visited {color:#3366CC; text-decoration:none;}
a:hover   {color:#1a428c; text-decoration:underline;}
a:active  {color:#99CCFF; text-decoration:none;}

/* -------------------------------------------------------
Common layout
---------------------------------------------------------- */
.footer {
  margin-top: auto;
}

.dsp_non {
  display: none;
}

/* -------------------------------------------------------
for SmartPhone
---------------------------------------------------------- */
@media only screen and (max-width:1183px){
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans JP", YuGothic, "Yu Gothic Medium", "Yu Gothic", sans-serif;
  }

  b, strong, .bold {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans JP", YuGothic, "Yu Gothic", sans-serif;
  }

  .pcv {
    display: none;
  }



  /* header */
  .header,
  .contents_header {
    width: 100%;
  }
  .header_wrap {
    height: 60px;
  }
  .title {
    box-sizing: border-box;
    height: 60px;
    padding-top: 16px;
    padding-left: 16px;
    background: #fff;
  }
  .header .title img {
    width: 240px;
    height: auto;
  }
  /* titleテキストの場合
  .title {
    padding-left: 1em;
    font-size: 18px;
    font-weight: 700;
    line-height: 60px;
  }
  .title a {
    color: #111;
    text-decoration: none;
  }
   */

  /* nav */
  .navbar_toggle {
    position: absolute;
    top: 0;
    right: 0;
    width: 60px;
    height: 60px;
    box-sizing: border-box;
    padding: 16px 0 0 16px;
    background: #fff;
    z-index: 9999;
  }
  .navbar_toggle_icon {
    position: relative;
    display: block;
    width: 30px;
    height: 2px;
    background: #111;
    -webkit-transition: .3s;
    transition: .3s;
  }
  .navbar_toggle_icon:nth-child(1) {
    top: 0;
  }
  .navbar_toggle_icon:nth-child(2) {
    margin: 8px 0;
  }
  .navbar_toggle_icon:nth-child(3) {
    top: 0;
  }
  .navbar_toggle.open .navbar_toggle_icon:nth-child(1) {
    top: 10px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .navbar_toggle.open .navbar_toggle_icon:nth-child(2) {
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    opacity: 0;
  }
  .navbar_toggle.open .navbar_toggle_icon:nth-child(3) {
    top: -10px;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  .nav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(255,255,255,1);
    -webkit-transform: translateX(-100%);
    transform: translateX(-100%);
    -webkit-transition: ease .5s;
    transition: ease .5s;
    z-index: 9998;
  }
  .nav ul li {
    padding: 1em 2em;
    border-bottom: 1px solid #ddd;
  }
  .nav ul li.trigger {
    display: block;
  }
  .nav ul li ul li {
    border: 0;
    padding-left: 1em;
  }
  .nav ul li ul li:last-child {
    padding-bottom: 0;
  }
  .nav ul li.side_nav_title {
    height: 60px;
    padding: 0 2em;
    line-height: 60px;
  }
  .side_info {
    padding: 16px;
  }
  .side_info .site_name {
    margin-bottom: 1em;
    font-weight: 700;
  }
  .side_info p {
    font-size: 14px;
  }
  .side_info .side_contact {
    margin-top: 16px;
  }
  .side_contact .side_tel_box a {
    display: block;
    background: #3498db;
    color: #fff;
    font-size: 18px;
    text-decoration: none;
    line-height: 48px;
    text-align: center;
  }

  /*OPEN時の動き*/
  .nav.open {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }
  body.fixed {
    position: fixed;
    width: 100%;
    height: 100vh;
  }


  /* fv */
  .fv_wrap {
    position: relative;
  }
  .fv {
    position: relative;
    width: 100%;
    height: 320px;
    background: url(../images/top_7.jpg) no-repeat center;
    background-size: cover;
  }
  /* catch */
  .fv .catch {
    position: absolute;
    top: 30%;
    right: 0;
    left: 0;
    margin: auto;
    width: 100%;
    box-sizing: border-box;
    padding: 0 1em;
    z-index: 0;
  }
  .fv .catch h1 {
    position: relative;
    color: #fff;
    font-size: 130%;
    line-height: 1.4;
    text-align: left;
  }
  .fv .catch h1 .catch_min {
    font-size: 14px;
    font-weight: normal;
  }

  /* contents_title */
  .contents_title_wrap {
    position: relative;
    width: 100%;
    height: 160px;
  }
  .contents_title {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
  }
  .contents_title h1 {
    color: #fff;
    font-size: 130%;
    font-weight: 700;
  }

  /* top_contents_wrap */
  .top_contents_outer {
    width: 100%;
    padding: 40px 0;
    /*background: #f7f7f7;*/
  }
  .top_contents_outer_fst {
    background: #fff;
  }
  .top_contents_wrap {
    position: relative;
    width: 100%;
    height: auto;
    background-color: #fff;
  }
  .top_contents_wrap.top_first_block {
    width: 90%;
    box-sizing: border-box;
    margin: -48px auto 56px;
    z-index: 1;
  }
  .bg_white {
    background-color: #fff;
    z-index: -1;
  }
  .bg_gray {
    background: #f7f7f7;
  }
  .top_contents_wrap.mgb_40 {
    margin-bottom: 40px;
  }

  .top_first_contents {
    width: 90%;
    box-sizing: border-box;
    margin: -48px auto 56px;
    padding: 16px 16px 0;
    background-color: #fff;
    z-index: 1;
  }

  .top_contents_inner {
    padding: 0 16px;
  }
  .top_contents_block + .top_contents_block {
    margin-top: 56px;
  }
  .top_first_block .top_section_title {
    margin-top: 16px;
  }
/*
  body.fixed .catch,
  body.fixed .top_contents_wrap {
    z-index: -1;
  }
*/
  .top_section_title.topics_t_wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }

  .top_hd {
    font-size: 130%;
    font-weight: 700;
  }
  .top_hd.ta_c {
    text-align: center;
  }
  .top_hd.mgb_32 {
    margin-bottom: 32px;
  }
  .top_topics_link {
    text-align: right;
  }
  .top_topics_link a {
    display: inline-block;
    padding: 0 1em;
    background: #eee;
    border-radius: 16px;
    color: #111;
    font-size: 14px;
    font-weight: 400;
    line-height: 32px;
    text-decoration: none;
  }

  /* top pickup */
  .top_pickup_wrap {
    margin-top: 32px;
  }
  .property_wrap {
    margin-top: 32px;
  }
  .property_block + .property_block {
    margin-top: 80px;
  }

  .pu_box {
    position: relative;
  }
  .pu_box + .pu_box {
    margin-top: 64px;
  }
  .pu_box .cat {
    position: absolute;
    top: 0;
    left: 0;
    padding: .5em;
    background: #ef7d13;
    color: #fff;
    font-size: 12px;
    z-index: 10;
  }
  /* icon */
  .pu_box .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
    text-align: right;
    z-index: 10;
  }
  .pu_box .icon .ctn,
  .pu_box .icon .new,
  .pu_box .icon .rec,
  .pu_box .icon .cut {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    line-height: 54px;
		text-align: center;
    font-size: 12px;
    font-weight: 400;
  }
  .pu_box .icon .ctn {
    background: #ef7d13;
    color: #fff;
  }
  .pu_box .icon .new {
    background: #37a34a;
    color: #fff;
  }
  .pu_box .icon .rec {
    background: #d70035;
    color: #fff;
  }
  .pu_box .icon .cut {
    background: #0099ff;
    color: #fff;
  }

/*
  .pu_box .pu_box_img {
    margin-bottom: 8px;
  }
*/
  .pu_box .pu_box_img {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  .pu_box .pu_box_img::before {
    content: "";
    display: block;
    padding-top: 65%;
  }
  .pu_box .pu_box_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
    max-width: 400px;
  }
  .pu_box .address {
    margin-top: 16px;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
  }

  .pu_box .cmmt {
    width: 100%;
    margin-top: 16px;
    padding: 1em 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    line-height: 1.4;
  }
  .pu_box .dis_table {
    width: 100%;
    display: flex;
    border-bottom: 1px dotted #ccc;
  }
  .pu_box .dis_table .dis_t_th {
    width: 60px !important;
    padding: 16px 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
  }
  .pu_box .dis_table .dis_t_td {
    flex: 1;
    padding: 12px 0;
    font-size: 14px;
    line-height: 1.4;
  }

  .detail_btn {
    margin-top: 16px;
    text-align: center;
  }
  .detail_btn a {
    display: inline-block;
    padding: 1em 2em;
    background: #3498db;
    color: #fff;
    text-decoration: none;
  }

  /* topics */
  .topics_list {
    width: 100%;
    margin-top: 24px;
  }
  .topics_list.tl {
    box-sizing: border-box;
    padding: 0 8px;
  }
  .topics_list li {
    padding: .5em 0;
    line-height: 1.8;
  }
  .topics_list li .date {
    display: block;
    font-size: 80%;
  }
  .topics_list li .topics_list_title {
    display: block;
  }

  /* topics_detail */
  .entry_header {
    padding-bottom: 16px;
    border-bottom: 4px solid #eee;
  }
  .entry_header .entry_date {
    margin-bottom: 1em;
    color: #666;
    font-size: 14px;
  }
  .entry_header h1 {
    color: #222;
    font-size: 24px;
    line-height: 1.4;
  }

  .entry_body {
    margin-top: 24px;
  }
  .entry_body p {
    margin-bottom: 1em;
    line-height: 1.8;
  }
  .entry_body img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 320px;
  }

  .return_btn {
    margin-top: 80px;
    text-align: center;
  }
  .return_btn a {
    display: inline-block;
    padding: 1em 1.5em;
    background: #3498db;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
  }

  /* page_nav */
  .page_nav {
    margin-top: 40px;
  }
  .page_nav ul {
    letter-spacing: -0.4em;
    text-align: center;
  }
  .page_nav li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 16px;
  }
  .page_nav li a {
    display: block;
    height: 32px;
    color: #111;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
  }

  /* contents_wrap */
  .contents_outer {
    width: 100%;
    padding: 48px 0;
    background: #f7f7f7;
  }
  .contents_wrap {
    padding: 0 8px;
  }
  .contents_wrap.first_block {
    /*margin: 48px 0;*/
    padding-top: 48px;
    padding-bottom: 48px;
    background: #fff;
  }
  .contents_wrap.detail {
    padding: 0 0 56px;
    background: #fff;
  }


  /* page_path */
  .page_path {
    margin-bottom: 32px;
  }
  .page_path ul {
    letter-spacing: -0.4em;
    background: #f7f7f7;
    padding: 16px 0 16px 8px;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
  }
  .page_path li {
    letter-spacing: normal;
    display: inline-block;
    margin-right: 1em;
    font-size: 12px;
  }
  .page_path li:last-child {
    margin-right: 0;
    color: #999;
  }
  .page_path li:after {
    content: ">";
    padding-left: 1em;
  }
  .page_path li:last-child:after {
    content: "";
  }

  .page_path li a {
    color: #333;
  }

  .section_title {
    margin-bottom: 40px;
    text-align: center;
  }
  .section_title h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
    color: #111;
    font-size: 130%;
    font-weight: 400;
  }
  .section_title h2:before {
    content: '';
    position: absolute;
    bottom: -0.3em;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #111;
  }
  .hd_l {
    position: relative;
    margin: 1em 0;
    padding-bottom: .5em;
    border-bottom: 3px solid #ccc;
    color: #111;
    font-size: 130%;
    font-weight: 400;
  }
  .hd_l:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 3px;
    background-color: #3498db;
  }
  .hd_m {
    margin: 1em 0;
    padding: .2em 0 .2em .5em;
    border-left: 4px solid #3498db;
    color: #111;
    font-size: 120%;
  }


  /* info */
  .info_table table {
    width: 100%;
    border-top: 1px dotted #ccc;
  }
  .info_table tr,
  .info_table th,
  .info_table td {
    display: block;
  }
  .info_table th {
    padding-top: 16px;
    padding-bottom: 8px;
    font-size: 90%;
    text-align: left;
  }
  .info_table td {
    padding-bottom: 16px;
    border-bottom: 1px dotted #ccc;
    line-height: 1.6;
  }

  .access_wrap {
    margin-top: 40px;
    padding: 0 8px;
  }
  .access_wrap .info_img {
    width: 100%;
    text-align: center;
  }
  .access_wrap .info_img img {
    width: 100%;
    max-width: 400px;
    height: auto;
  }
  .access_wrap .info_map {
    margin-top: 32px;
  }
  .access_wrap .info_map iframe {
    width: 100%;
    height: 240px;
  }



  /* cta */
  .cta_outer {
    position: relative;
    /*z-index: -1;*/
  }
  .cta_outer::before {
    content:"";
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100%;
    height:100vh;
    background-repeat: no-repeat;
    background-position: 50% 100%;
    background: url(../images/contact_bg.jpg) no-repeat center top;
    background-size: cover;
  }
  /*
  .cta_outer {
    width: 100%;
    background: url(../images/contact_bg.jpg) no-repeat center top;
    -webkit-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
  }
  */
  .cta_wrap {
    width: 100%;
    box-sizing: border-box;
    padding: 32px 0;
    background: rgba(0,0,0,0.7);
  }
  .cta_contents {
    margin: 0 16px;
    padding: 32px 0;
    background: rgba(255,255,255,0.1);
    color: #fff;
  }

  .cta_title {
    margin-bottom: 24px;
    text-align: center;
  }
  .cta_title span {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    color: #fff;
    font-size: 130%;
    font-weight: 700;
  }
  .cta_info {
    padding: 0 1em;
    line-height: 1.4;
    text-align: left;
  }
  .cta_box {
    margin: 32px auto 0;
    padding: 0 16px;
  }
  .cta_box .cta_tel,
  .cta_box .cta_mail {
    text-align: center;
  }
  .cta_box .cta_mail {
    margin-top: 24px;
  }
  .cta_box .cta_tel {
    font-size: 24px;
  }
  .cta_box .cta_tel .tel_num {
    font-size: 100%;
    font-weight: 400;
  }
  .cta_box .cta_tel .tel_num a {
    display: block;
    padding: .5em 1em;
    background: #fff;
    color: #111;
    box-shadow: 0 0 6px rgba(0,0,0,0.4);
  }
  .cta_box .cta_tel .tel_num a .tel_item {
    font-size: 80%;
  }
  .cta_box .cta_mail a {
    display: block;
    padding: 1em 3em;
    background: #fff;
    color: #222;
    font-size: 16px;
    box-shadow: 0 0 6px rgba(0,0,0,0.4);
  }
  .cta_box .cta_tel a,
  .cta_box .cta_mail a {
    text-decoration: none;
  }


  /* detail */
  .detail_wrap {
    padding: 0 8px;
  }
  .detail_header {
    padding-bottom: 16px;
    border-bottom: 4px solid #eee;
  }
  .detail_header .category {
  }
  .detail_header .name {
    margin-top: 16px;
    font-size: 120%;
    font-weight: bold;
  }
  .detail_header .category span {
    display: inline-block;
    padding: .5em 1em;
    background: #ef7d13;
    color: #fff;
    font-size: 14px;
  }
	.detail_header .category .ctn {
    background: #ef7d13;
    color: #fff;
  }
  .detail_header .category .new {
    background: #37a34a;
    color: #fff;
  }
  .detail_header .category .rec {
    background: #d70035;
    color: #fff;
  }
  .detail_header .category .cut {
    background: #0099ff;
    color: #fff;
  }
  
  .detail_comment {
    padding: 16px 0 0;
    font-weight: bold;
    line-height: 1.6;
  }

  .detail_img_wrap {
    margin-top: 40px;
  }
  /*
  .swiper-container {
    width: 100%;
    height: 320px;
    text-align: center;
  }
  .detail_img_wrap img {
    width: auto;
    max-width: 100%;
    max-height: 280px;
  }
  */

  .slider {
    width: 100%;
    height: 240px;
  }
  .slider figure {
    width: 100%;
  }
  .slick-slide img {
    margin: 0 auto;
  }
  .slider img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 240px;
  }
  .slider_thumb {
    display: none;
  }

  .prev-arrow {
    position: absolute;
    top: 50%;
    left: 0;
  }
  .next-arrow {
    position: absolute;
    top: 50%;
    right: 0;
  }
  .prev-arrow,
  .next-arrow {
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    z-index: 10;
    cursor: pointer;
  }
  .prev-arrow img,
  .next-arrow img {
    width: 32px;
    height: auto;
  }


  .detail_body {
    margin-top: 40px;
  }
  .detail_body table {
    width: 100%;
    border-top: 1px solid #ddd;
  }
  .detail_body tr,
  .detail_body th,
  .detail_body td {
    display: block;
  }
  .detail_body th {
    padding: 16px 8px 8px;
    font-size: 90%;
    font-weight: bold;
    text-align: left;
  }
  .detail_body td {
    padding: 0 8px 16px;
    border-bottom: 1px solid #ddd;
    line-height: 1.4;
  }

  .detail_wrap .map {
    margin-top: 40px;
  }
  .detail_wrap .map iframe {
    width: 100%;
    height: 240px;
  }

  .detail_external {
    margin-top: 32px;
    text-align: center;
  }
  .detail_external a {
    display: inline-block;
    padding: 1em 3em;
    background: #3498db;
    color: #fff;
    text-decoration: none;
    transition: .5s;
  }
  .detail_external a:hover {
    background-color: #e5e5e5;
    color: #1a428c;
  }


  /* pagetop */
  .pagetop {
    position: fixed;
    right: 24px;
    bottom: 40px;
  }
  .pagetop a {
    display: block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    text-align: center;
  }
  .pagetop a img {
    width: 100%;
    height: auto;
  }

  /* footer ----------------------- */
  .footer {
    padding: 24px 0;
    background: #f7f7f7;
  }
  .footer_inner {
    padding: 0 16px;
  }

  .footer_info_wrap {
    margin-bottom: 24px;
    text-align: center;
  }
  .footer_title a {
    color: #111;
    font-weight: 700;
  }
  .footer_info_wrap .footer_info {
    font-size: 14px;
  }
  .footer_info .f_i_address,
  .footer_info .f_i_tel,
  .footer_info .f_i_license,
  .footer_info .f_i_pp {
    display: block;
    margin-top: 16px;
  }

  .footer_inner .cp {
    color: #666;
    font-size: 12px;
    text-align: center;
  }

}/* end SP */


/* -------------------------------------------------------
for TAB
---------------------------------------------------------- */
@media screen and (min-width:481px) and (max-width:1183px) {
  /* fv */
  .fv {
    position: relative;
    width: 100%;
    height: 480px;
  }
  /* catch */
  .fv .catch {
    position: absolute;
    top: 30%;
    left: 5%;
    margin: auto;
    width: 90%;
    box-sizing: border-box;
    z-index: 0;
  }
  .fv .catch h1 {
    font-size: 150%;
    line-height: 1.4;
    text-align: left;
  }
  .fv .catch h1 .catch_min {
    font-size: 16px;
    font-weight: normal;
  }

  /* top_pickup_wrap */
  .top_pickup_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .property_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 40px;
  }

  .property_block + .property_block {
    margin-top: 80px;
  }

  .pu_box + .pu_box {
    margin-top: 0;
  }
  .pu_box {
    width: 30%;
    box-sizing: border-box;
    margin: 0 8px 40px;
    padding: 0;
    overflow: hidden;
  }
  .pu_box a {
    text-decoration: none;
  }
  /*
  .pu_box .address {
    margin-top: 1em;
    font-size: 90%;
    line-height: 1.4;
  }
  */
  .pu_box .address {
    max-width: initial;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    margin-top: 0;
    padding: 0;
    font-size: 90%;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pu_box .pu_box_img {
    position: relative;
    width: 100%;
    height: 146px;
    overflow: hidden;
  }
  .pu_box .pu_box_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
  }
  .pu_box td {
    line-height: 1.2;
  }
  
  .pu_box .cmmt {
    max-width: initial;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    /*margin-top: 16px;*/
    /*padding: 1em 0;*/
    margin-top: 0;
    padding: 0;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    /*line-height: 1.4;*/
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pu_box .dis_table .dis_t_td {
    max-width: initial;
    width: 100%;
    height: 48px;
    box-sizing: border-box;
    padding: 0;
    font-size: 14px;
    line-height: 48px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }


  /* topics */
  .entry_body img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 480px;
  }

  .slider {
    width: 100%;
    height: 320px;
  }
  .slider img {
   width: auto;
    max-width: 100%;
    height: auto;
    max-height: 320px;
  }
  .slider_thumb {
    width: 500px;
    height: 48px;
    margin: 16px auto 0;
    overflow: hidden;
  }
  .slider_thumb figure {
    max-width: 80px;
  }
  .slider_thumb img {
    width: auto;
    height: 48px;
  }

}/* end TAB */


/* -------------------------------------------------------
for PC
---------------------------------------------------------- */
@media only screen and (min-width:1184px){
  body {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans JP", YuGothic, "Yu Gothic Medium", "Yu Gothic", Arial, sans-serif;
    font-weight: 400;
    zoom:1;
  }
  b, strong, .bold {
    font-family: -apple-system, BlinkMacSystemFont, "Roboto", "Noto Sans JP", YuGothic, "Yu Gothic", Arial, sans-serif;
    font-weight: bold;
  }
  /* for IE11 */
  _:lang(x)::-ms-backdrop, body {
    font-family: "Segoe UI", "メイリオ", Meiryo, sans-serif;
  }
  _:lang(x)::-ms-backdrop, .bold {
    font-family: "Segoe UI", "メイリオ", Meiryo, sans-serif;
    font-weight: bold;
  }

  .spv {
    display: none;
  }

  /* header ------------------ */
  .header {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    z-index: 10;
  }
  .header.fixed {
    background: rgba(255,255,255,0.95);
  }
  .header_wrap {
    width: 1024px;
    height: 80px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .header .title img {
    width: 300px;
    height: auto;
  }
  .fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }
  .hiddenmv {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 999;
  }

  .clickable {
    cursor: pointer;
  }

  /* nav ------------------ */
/* 元メニュー
  .nav ul {
    letter-spacing: -0.4em;
  }
  .nav li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 2em;
    font-size: 14px;
  }
*/
  .nav li.side_nav_title {
    display: none;
  }

  .nav ul {
    letter-spacing: -0.4em;
  }
  .nav ul li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 2em;
    /*padding: 0 2em;*/
    font-size: 14px;
  }

  .nav ul li a {
    padding: 1em 0;
    color: #fff;
    text-decoration: none;
  }
  body.contents .nav ul li a {
    color: #111;
  }
  body.contents .nav ul li.trigger {
    color: #111;
  }

  .trigger {
    position: relative;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #fff;
  }
  .trigger li {
    line-height: 1;
  }

  .nav ul li ul {
    position: absolute;
    display: none;
    top: 48px;
    left: 0;
    z-index: 99;
  }
  .nav ul li.trigger:hover ul {
    display: block;
  }

  .nav ul li ul li {
    display: block;
    min-width: 200px;
    margin: 0;
    border-bottom: 1px solid rgba(0,0,0,0.3);
    font-size: 14px;
  }
  body.contents .nav ul li ul li {
    border-bottom: 1px solid #ddd;
  }
  .nav ul li ul li:last-child {
    border-bottom: 0;
  }
  .nav ul li ul li a {
    display: block;
    padding: 1em;
    background: rgba(0,0,0,0.2);
  }
  .nav ul li ul li a:before {
    content: "\f105";
    font-family: "ForkAwesome";
    margin-right: 4px;
  }

  body.contents .nav ul li ul li a {
    background: rgba(255,255,255,1);
    color: #111;
    transition: .3s;
  }
  body.contents .nav ul li ul li a:hover {
    color: #ccc;
  }


  /* 通常時のナビリンクカラー */
  /*
  .nav a,
  .nav a:visited,
  .nav a:hover,
  .nav a:active {
    -webkit-backface-visibility:hidden;
    backface-visibility:hidden;
    position: relative;
    text-decoration: none;
    color: #fff;
    font-size: 14px;
  }
  .nav a:hover {
    color: #111;
  }
  body.contents .nav a {
    color: #111;
  }
  .nav a.before:before,
  .nav a.after:after {
    content: "";
    transition: .4s all ease;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
  }
  .nav a.before:before {
    top: -0.25em;
  }
  .nav a.after:after {
    bottom: -0.25em;
  }
  .nav a.before:before,
  .nav a.after:after {
    height: 1px;
    width: 0;
    background: #111;
  }
  .nav a.gl:after{
    left: 0;
  }
  .nav a.before:hover:before,
  .nav a.after:hover:after {
    width:100%;
  }
  */
  /* スクロール時に表示されるナビリンクカラー */
  .header.fixed .nav a {
    color: #111;
  }
  .header.fixed .nav .trigger {
    position: relative;
    height: 48px;
    line-height: 48px;
    cursor: pointer;
    color: #111;
  }
  .header.fixed .nav ul li ul {
    position: absolute;
    display: none;
    top: 48px;
    left: 0;
  }
  .header.fixed .nav ul li.trigger:hover ul {
    display: block;
  }
  .header.fixed .nav ul li ul li {
    border-bottom: 1px solid #ddd;
  }
  .header.fixed .nav ul li ul li:last-child {
    border-bottom: 0;
  }
  .header.fixed .nav ul li ul li a {
    background: rgba(255,255,255,1);
  }

  /* fv ------------------ */
  .fv {
    position: relative;
    width: 100%;
    height: 100vh;
    /*background: url(../images/s01.jpg) no-repeat;*/
    background-position: center;
    background-size: cover;
  }
  .fv .catch {
    position: absolute;
    /*
    top: 50%;
    left: 10%;
    transform: translateY(-50%);
    -webkit- transform: translateY(-50%);
    */
    /*
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit-transform: translateY(-50%) translateX(-50%);
    */
    top: 30%;
    right: 0;
    left: 0;
    margin: auto;
    width: 80%;
    max-width: 1024px;
  }
  .fv .catch h1 {
    color: #fff;
    font-size: 40px;
    line-height: 1.4;
    text-shadow: 0 0 4px rgba(0,0,0,0.3);
  }
  .fv .catch h1 .catch_min {
    font-size: 18px;
    font-weight: normal;
  }

  .fv .qr {
    position: absolute;
    top: 36%;
    right: 0;
    /*width: 200px;*/
    height: 80px;
    background: rgba(255,255,255,1);
    display: flex;
    align-items: center;
  }
  .fv .qr p {
    padding: .5em;
    font-size: 12px;
    line-height: 1.4;
  }
  .fv .qr img {
    height: 80px;
  }

  /* contents_title */
  .contents_title_wrap {
    position: relative;
    width: 100%;
    height: 240px;
    margin-top: 80px;
  }
  .contents_title {
    position: absolute;
    top: 40%;
    right: 0;
    left: 0;
    margin: auto;
    text-align: center;
  }
  .contents_title h1 {
    color: #111;
    font-size: 32px;
    font-weight: 700;
    letter-spacing: .1em;
    text-shadow: 0 0 2px rgba(255,255,255,1);
  }


  /* top_contents_wrap */
  .top_contents_outer {
    width: 100%;
    padding: 116px 0;
    /*background: #f7f7f7;*/
    background: url(../images/top_rec_bg.jpg) repeat-y center top;
    background-size: cover;
  }
  .top_contents_wrap {
    width: 1184px;
    margin: 0 auto;
    z-index: 1;
  }
  .top_contents_wrap.top_first_block {
    margin: -80px auto 80px;
    background: #fff;
  }
  .top_contents_wrap.bg_white {
    background: #fff;
  }
  .top_contents_wrap.mgb_80 {
    margin-bottom: 80px;
  }

  .top_first_contents {
    box-sizing: border-box;
    margin: -80px auto 80px;
    padding: 56px 80px 0;
    background: #fff;
  }
  .top_contents_inner {
    padding: 0 80px;
  }
  .top_contents_block + .top_contents_block {
    margin-top: 80px;
  }
  .top_first_block .top_section_title {
    margin-top: 56px;
  }
  .top_section_title.topics_t_wrap {
    display: flex;
    align-items: center;
  }
  .top_hd {
    font-size: 24px;
    font-weight: 700;
  }
  .top_hd.ta_c {
    text-align: center;
  }
  .top_hd.mgb_32 {
    margin-bottom: 32px;
  }
  .top_topics_link {
    padding-left: 32px;
  }
  .top_topics_link a {
    display: inline-block;
    padding: 0 1.5em;
    background: #eee;
    border-radius: 14px;
    color: #111;
    font-size: 12px;
    font-weight: 400;
    line-height: 28px;
    text-decoration: none;
    transition: all .3s;
  }
  .top_topics_link a:hover {
    background-color: #ccc;
  }



  /* top_pickup_wrap */

  .top_pickup_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 56px;
  }
  .top_pickup_wrap .pu_box {
    position: relative;
    width: 324px;
    box-sizing: border-box;
    margin: 0 8px 40px;
    overflow: hidden;
  }

  /*
  .top_pickup_wrap {
    letter-spacing: -0.4em;
    margin-top: 56px;
  }
  .top_pickup_wrap .pu_box {
    letter-spacing: normal;
    display: inline-block;
    position: relative;
    width: 324px;
    box-sizing: border-box;
    margin: 0 8px 40px;
    overflow: hidden;
    vertical-align: top;
  }
*/
  .top_pickup_wrap .pu_box a {
    text-decoration: none;
    transition: .5s;
  }

  /* sale rent */
  .property_wrap {
    display: flex;
    flex-wrap: wrap;
    margin-top: 56px;
  }
  .property_wrap .pu_box {
    position: relative;
    width: 324px;
    box-sizing: border-box;
    margin: 0 8px 64px;
    overflow: hidden;
  }
  /*
  .property_wrap {
    letter-spacing: -0.4em;
    margin-top: 56px;
  }
  .property_wrap .pu_box {
    letter-spacing: normal;
    display: inline-block;
    width: 324px;
    box-sizing: border-box;
    margin: 0 8px 64px;
    overflow: hidden;
  }
*/


  .property_block + .property_block {
    margin-top: 100px;
  }


  .pu_box .cat {
    position: absolute;
    top: 0;
    left: 0;
    padding: .5em;
    background: #ef7d13;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    z-index: 10;
  }
  
  /* icon */
  .pu_box .icon {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 2px;
    text-align: right;
    z-index: 10;
  }
  .pu_box .icon .ctn,
  .pu_box .icon .new,
  .pu_box .icon .rec,
  .pu_box .icon .cut {
    display: inline-block;
    width: 54px;
    height: 54px;
    border-radius: 50%;
    line-height: 54px;
		text-align: center;
    font-size: 12px;
    font-weight: 400;
  }
  .pu_box .icon .ctn {
    background: #ef7d13;
    color: #fff;
  }
  .pu_box .icon .new {
    background: #37a34a;
    color: #fff;
  }
  .pu_box .icon .rec {
    background: #d70035;
    color: #fff;
  }
  .pu_box .icon .cut {
    background: #0099ff;
    color: #fff;
  }


  .pu_box .pu_box_img {
    position: relative;
    width: 100%;
    height: 216px;
    overflow: hidden;
  }
  .pu_box .pu_box_img img {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 100%;
  }
  .pu_box p {
    margin-top: 16px;
  }

  .pu_box .address {
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 16px;
    font-weight: bold;
    line-height: 1.4;
  }
  /*
  .pu_box table {
    width: 100%;
    margin-top: 16px;
    border-top: 1px dotted #ccc;
  }
  .pu_box th,
  .pu_box td {
    border-bottom: 1px dotted #ccc;
  }
  .pu_box th {
    width: 60px !important;
    padding: 1em 0;
    font-size: 12px;
    font-weight: bold;
    text-align: left;
  }
  .pu_box td {
    overflow: hidden;
    width: 264px;
    height: 1em;
    padding: .8em 0;
    font-size: 14px;
    line-height: 1.4;
  }
  .pu_box td.cmmt {
    line-height: 1.6;
  }
  .pu_box td .price {
    font-size: 16px;
  }
*/
/* 改行なし
  .pu_box th {
    width: 60px !important;
  }
  .pu_box td {
    width: 264px !important;
  }
  .pu_box td.cmmt{
    width: 324px !important;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }
*/

  /* tableなし */
  .pu_box .cmmt {
    width: 100%;
    height: 42px;
    margin-top: 16px;
    /*padding: 1em 0;*/
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .pu_box .dis_table {
    position: relative;
    width: 324px;
    display: flex;
    border-bottom: 1px dotted #ccc;
  }
  .pu_box .dis_table .dis_t_th {
    width: 60px !important;
    height: 42px;
    font-size: 12px;
    font-weight: bold;
    line-height: 42px;
    text-align: left;
  }
  .pu_box .dis_table .dis_t_td {
    width: 264px !important;
    height: 42px;
    font-size: 14px;
    line-height: 42px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }



  .detail_btn {
    margin-top: 16px;
    text-align: center;
  }
  .detail_btn a {
    display: inline-block;
    padding: 1em 2em;
    background: #3498db;
    color: #fff;
    text-decoration: none;
    transition: .5s;
  }
  .detail_btn a:hover {
    background-color: #eee;
    color: #1a428c;
  }


  /* contents_wrap */
  .contents_outer {
    width: 100%;
    padding: 116px 0;
    background: #f7f7f7;
  }
  .contents_wrap {
    width: 1024px;
    margin: 0 auto;
  }
  .contents_wrap.first_block {
    margin: 116px auto;
  }
  .contents_wrap.detail {
    margin: 0 auto;
    padding-bottom: 116px;
  }
  .contents_inner {
  }

  /* page_path */
  .page_path {
    margin-top: 16px;
  }
  .page_path ul {
    letter-spacing: -0.4em;
  }
  .page_path li {
    letter-spacing: normal;
    display: inline-block;
    margin-right: 1em;
    font-size: 12px;
  }
  .page_path li:last-child {
    margin-right: 0;
    color: #999;
  }
  .page_path li:after {
    content: ">";
    padding-left: 1em;
  }
  .page_path li:last-child:after {
    content: "";
  }

  .page_path li a {
    color: #333;
  }



  .section_title {
    margin-bottom: 40px;
    text-align: center;
  }
  .section_title h2 {
    position: relative;
    display: inline-block;
    padding-bottom: 16px;
    color: #111;
    font-size: 28px;
    font-weight: 400;
  }
  .section_title h2:before {
    content: '';
    position: absolute;
    bottom: -0.3em;
    display: inline-block;
    width: 60px;
    height: 2px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color: #111;
  }
  .hd_l {
    position: relative;
    margin: 1em 0;
    padding-bottom: .5em;
    border-bottom: 3px solid #ccc;
    color: #111;
    font-size: 24px;
    font-weight: 400;
  }
  .hd_l:after {
    position: absolute;
    bottom: -3px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 3px;
    background-color: #3498db;
  }
  .hd_m {
    margin: 1em 0;
    padding: .2em 0 .2em .5em;
    border-left: 4px solid #3498db;
    color: #111;
    font-size: 18px;
  }


  /* info */
  .info_table table {
    width: 100%;
    border-top: 1px dotted #ccc;
  }
  .info_table th,
  .info_table td {
    border-bottom: 1px dotted #ccc;
    padding: .8em 1em;
    line-height: 1.8;
  }
  .info_table th {
    width: 14em;
    text-align: left;
  }

  .access_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .access_wrap .info_img {
    position: relative;
    width: 40%;
    height: 320px;
    overflow: hidden;
  }
  .access_wrap .info_img img {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
  }
  .access_wrap .info_map {
    width: 58%;
  }
  .access_wrap .info_map iframe {
    width: 100%;
    height: 320px;
  }

  /* cta */
  .cta_outer {
    position: relative;
    z-index: 0;
  }
  .cta_outer {
    width: 100%;
    background: url(../images/contact_bg.jpg) no-repeat center top;
    background-size: cover;
    background-attachment: fixed;
  }
  .cta_wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    box-sizing: border-box;
    padding: 96px 0;
    background: rgba(0,0,0,0.7);
  }
  .cta_contents {
    width: 960px;
    padding: 48px 0;
    background: rgba(255,255,255,0.1);
    color: #fff;
  }

  .cta_title {
    margin-bottom: 24px;
    text-align: center;
  }
  .cta_title span {
    display: inline-block;
    padding-bottom: 8px;
    border-bottom: 1px solid #eee;
    color: #fff;
    font-size: 24px;
    font-weight: 700;
  }
  .cta_info {
    text-align: center;
  }
  .cta_box {
    width: 800px;
    margin: 40px auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .cta_box .cta_tel,
  .cta_box .cta_mail {
    width: 50%;
    box-sizing: border-box;
    text-align: center;
  }
  .cta_box .cta_tel {
    font-size: 24px;
  }
  .cta_box .cta_tel .tel_num {
    font-size: 130%;
    font-weight: 400;
  }
  .cta_box .cta_tel .tel_num a {
    color: #fff;
  }
  .cta_box .cta_mail a {
    display: inline-block;
    padding: 1em 3em;
    background: #fff;
    color: #222;
    font-size: 14px;
  }
  .cta_box .cta_tel a,
  .cta_box .cta_mail a {
    text-decoration: none;
  }


  /* topics */
  .topics_list {
    margin-top: 24px;
  }
  .topics_list li {
    display: flex;
    padding: .5em 0;
    font-size: 14px;
    line-height: 1.8;
  }
  .topics_list li .date {
    display: block;
    width: 8em;
  }
  .topics_list li .topics_list_title {
    display: block;
    flex: 1;
  }

  /* topics_detail */
  .entry_header {
    padding-bottom: 16px;
    border-bottom: 4px solid #eee;
  }
  .entry_header .entry_date {
    margin-bottom: 1em;
    color: #666;
    font-size: 14px;
  }
  .entry_header h1 {
    color: #222;
    font-size: 24px;
    line-height: 1.4;
  }

  .entry_body {
    margin-top: 40px;
  }
  .entry_body p {
    margin-bottom: 1em;
    line-height: 1.8;
  }
  .entry_body img {
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 680px;
  }

  .return_btn {
    margin-top: 80px;
    text-align: center;
  }
  .return_btn a {
    display: inline-block;
    padding: 1em 1.5em;
    background: #3498db;
    color: #fff;
    font-size: 14px;
    text-decoration: none;
  }

  .page_nav {
    margin-top: 40px;
  }
  .page_nav ul {
    letter-spacing: -0.4em;
    text-align: center;
  }
  .page_nav li {
    letter-spacing: normal;
    display: inline-block;
    margin: 0 4px;
  }
  .page_nav li a {
    display: block;
    width: 24px;
    height: 32px;
    color: #111;
    font-size: 16px;
    line-height: 32px;
    text-align: center;
  }

  /* detail */
  .detail_wrap {
    margin-top: 80px;
  }
  .detail_header {
    /*display: flex;
    align-items: center;*/
    padding-bottom: 16px;
    border-bottom: 4px solid #eee;
  }
  /*
  .detail_header .category {
    padding-right: 40px;
  }*/
  .detail_header .category {
    margin-bottom: 16px;
  }
  
  .detail_header .name {
    flex: 1;
    font-size: 120%;
    font-weight: bold;
  }
  .detail_header .category span {
    display: inline-block;
    padding: .5em 1em;
    background: #ef7d13;
    color: #fff;
    font-size: 14px;
    letter-spacing: .1em;
  }
	.detail_header .category .ctn {
    background: #ef7d13;
    color: #fff;
  }
  .detail_header .category .new {
    background: #37a34a;
    color: #fff;
  }
  .detail_header .category .rec {
    background: #d70035;
    color: #fff;
  }
  .detail_header .category .cut {
    background: #0099ff;
    color: #fff;
  }
  .detail_comment {
    padding: 32px 0 0;
    font-weight: bold;
    line-height: 1.6;
  }

  /* slider */
  .detail_img_wrap {
    margin-top: 40px;
  }
/*
  .swiper-container {
    width: 640px;
    height: 560px;
    text-align: center;
  }
  .swiper-container .slider {
    height: 480px;
  }
  .swiper-container .slider-thumbnail {
    height: 64px;
  }
  .swiper-container .slider-thumbnail {}
  .detail_img_wrap img {
    width: auto;
    max-width: 100%;
    max-height: 480px;
  }
  */

  .detail_img_wrap {
    margin-bottom: 80px;
  }
  .slider {
    width: 800px;
    height: 480px;
    margin: 0 auto;
    overflow: hidden;
  }
  .slider figure {
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    vertical-align: middle;
  }
  .slider img {
    width: auto;
    max-width: 720px;
    height: auto;
    max-height: 480px;
  }
  .slick-slide img {
    margin: 0 auto;
  }
  .slider .center {
    margin: 0 auto;
  }
  .slider_thumb {
    width: 360px;
    height: 64px;
    margin: 8px auto 0;
    text-align: center;
  }
  .slider_thumb img {
    width: auto;
    height: 64px;
    margin: 0 auto;
  }
  .slider_thumb img:hover {
    cursor: pointer;
  }

  .slick-track {
    transform: translate3d(0px, 0px, 0px);
  }

  .prev-arrow {
    position: absolute;
    top: 50%;
    left: 0;
  }
  .next-arrow {
    position: absolute;
    top: 50%;
    right: 0;
  }
  .prev-arrow,
  .next-arrow {
    display: block;
    width: 32px;
    height: 32px;
    margin-top: -16px;
    z-index: 10;
    cursor: pointer;
  }
  .prev-arrow img,
  .next-arrow img {
    width: 32px;
    height: auto;
  }


  .detail_body {
    margin-top: 40px;
  }
  .detail_body table {
    width: 100%;
    border: 1px solid #ddd;
  }
  .detail_body th,
  .detail_body td {
    box-sizing: border-box;
    padding: 1em;
    border: 1px solid #ddd;
    font-size: 14px;
  }
  .detail_body th {
    background: #f7fafa;
    font-weight: 400;
    text-align: left;
  }
  .detail_body .type_a th {
    min-width: 20%;
  }
  .detail_body .type_a td {
    /*width: 90%;*/
  }

  .detail_wrap .map {
    margin-top: 40px;
  }
  .detail_wrap .map iframe {
    width: 100%;
    height: 400px;
  }

  .detail_external {
    margin-top: 80px;
    text-align: center;
  }
  .detail_external a {
    display: inline-block;
    padding: 1em 3em;
    background: #3498db;
    color: #fff;
    text-decoration: none;
    transition: .5s;
  }
  .detail_external a:hover {
    background-color: #e5e5e5;
    color: #1a428c;
  }

  .return_cat_wrap {
    display: flex;
    justify-content: space-between;
    margin-top: 80px;
  }
  .return_cat_wrap .return_sale,
  .return_cat_wrap .return_rent {
    width: 50%;
    box-sizing: border-box;
  }
  .return_cat_wrap .return_sale {
    padding-right: 24px;
    text-align: right;
  }
  .return_cat_wrap .return_rent {
    padding-left: 24px;
    text-align: left;
  }
  .return_cat_wrap .return_sale a,
  .return_cat_wrap .return_rent a {
    display: inline-block;
    padding: 1em 2em;
    background: #3498db;
    color: #fff;
    text-decoration: none;
    transition: .5s;
  }
  .return_cat_wrap .return_sale a:hover,
  .return_cat_wrap .return_rent a:hover {
    background-color: #e5e5e5;
    color: #1a428c;
  }


  /* pagetop */
  .pagetop {
    position: fixed;
    right: 32px;
    bottom: 40px;
  }
  .pagetop a {
    display: block;
    width: 80px;
    height: 80px;
    text-decoration: none;
    text-align: center;
  }

  /* footer ------------------ */
  .footer {
    width: 100%;
    padding: 40px 0;
    background: #f7f7f7;
  }
  .footer_inner {
    width: 1024px;
    margin: 0 auto;
  }
  .footer_link_wrap,
  .footer_info_wrap {
    width: 100%;
    display: flex;
    margin-bottom: 32px;
  }
  .footer_info_wrap {
    align-items: center;
  }
  .footer_info_wrap .footer_info {
    padding-left: 40px;
    font-size: 14px;
  }
  .footer_info_wrap .footer_title {
    font-weight: bold;
  }
  .footer_info_wrap .footer_title a {
    color: #111;
  }

  .footer_info .f_i_address,
  .footer_info .f_i_tel,
  .footer_info .f_i_license,
  .footer_info .f_i_pp {
    display: inline-block;
  }
  .footer_info .f_i_tel,
  .footer_info .f_i_license,
  .footer_info .f_i_pp {
    margin-left: 40px;
  }

  .footer_inner .cp {
    color: #666;
    font-size: 12px;
    text-align: center;
  }

}/* end PC */