@charset "utf-8";

/* 汎用 */
a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

a {
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb45 {
  margin-bottom: 45px;
}

.mb50 {
  margin-bottom: 50px;
}

.mb60 {
  margin-bottom: 60px;
}

.mb70 {
  margin-bottom: 70px;
}

.mb80 {
  margin-bottom: 80px;
}

.mb90 {
  margin-bottom: 90px;
}

.mb100 {
  margin-bottom: 100px;
}

.tal {
  text-align: left;
}

.tac {
  text-align: center;
}

.tar {
  text-align: right;
}

.st {
  font-weight: bold;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.fs14 {
  font-size: 14px;
}

.fs16 {
  font-size: 16px;
}

.fs18 {
  font-size: 18px;
}

.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  justify-content: space-between;
}

.flex_no_justify {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}

.f_min {
  font-family: "Yu Mincho Medium", "Yu Mincho Medium", "Yu Mincho", "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}

.f_times {
  font-family: TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
}

.f_arial {
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}

.f_gothic {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "Yu Gothic M", "YuGothic", "Yu Gothic", "メイリオ", Meiryo, Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
}

.fit_img {
  display: flex;
  justify-content: center;
  align-items: center;
  /*IE用*/
  flex-direction: column;
}

.fit_img img {
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

/*IE10以下*/
.regacy_fit_img {
  display: relative;
  overflow: hidden;
}

.regacy_fit_img img {
  position: absolute;
  left: -50%;
  right: -50%;
  top: -50%;
  bottom: -50%;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.ofi {
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

/*-------- TOP
---------------------------------------------------*/
body {
  background: url("../images/common/bg.jpg") no-repeat center top;
}

body#top {
  background: url("../images/top/bg.jpg") no-repeat center top;
}

@media screen and (max-width: 768px) {
  body {
    background: none;
  }

  body#top {
    background: none;
  }
}

.main_ttl {
  margin: 0 auto;
  width: 100%;
  height: 101px;
  text-align: center;
}

.main_ttl .ttl {
  padding: 20px 0 0;
  font-size: 30px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.inner {
  margin: 0 auto;
  width: 1000px;
}

.breadcrumbs {
  padding: 10px 0 0;
  width: 100%;
  height: 35px;
  color: #fff;
  vertical-align: middle;
}

.breadcrumbs a {
  color: #fff;
}

table,
table th,
table td {
  border: 0;
  border-collapse: collapse;
}

table {
  margin: 0;
  width: 100%;
}

table th,
table td {
  padding: 0;
}

table th.pc,
table td.pc {
  display: table-cell;
}

@media screen and (max-width: 768px) {
  .fs14 {
    font-size: 3.2vw;
  }

  .fs16 {
    font-size: 3.733vw;
  }

  .fs18 {
    font-size: 4.2vw;
  }

  .main_ttl {
    margin: 0 auto;
    width: 100%;
    height: auto;
    text-align: center;
  }

  .main_ttl .ttl {
    padding: 20vw 0 3vw;
    font-size: 7vw;
    line-height: 10vw;
  }

  .inner {
    width: 100%;
  }

  .breadcrumbs {
    background: #009143;
    padding: 1vw 3%;
    height: auto;
    color: #fff;
    box-sizing: border-box;
  }

  table th,
  table td {
    display: block;
  }

  table th.pc,
  table td.pc {
    display: none;
  }
}

/* mv */
.top_inner {
  margin: 0 auto;
  width: 100%;
  max-width: 1900px;
  min-width: 1000px;
  height: 610px;
}

.top_contents {
  margin: 0 auto;
  width: 1000px;
  position: relative;
}

.top_contents .slider {
  overflow: hidden;
  float: left;
  width: 600px;
  height: 460px;
}

.top_contents .search {
  float: right;
  padding: 20px 12px 21px;
  width: 380px;
  border: 3px solid #C5BFAC;
  background: url("../images/top/bg_search.jpg") repeat-y;
  box-sizing: border-box;
}

.top_contents .search .search_head {
  margin-bottom: 10px;
}

.top_contents .search .search_head.ttl_only {
  justify-content: center;
}

.top_contents .search .search_head li {
  flex-basis: 170px;
}

.top_contents .search .search_bnr {}

.top_contents .search .search_bnr li {
  margin-bottom: 10px;
  flex-basis: 170px;
}

.top_contents .mv_tree01 {
  width: 37px;
  position: absolute;
  left: -179px;
  top: 536px;
}

.top_contents .mv_tree02 {
  width: 120px;
  position: absolute;
  right: -306px;
  top: 514px;
}

.top_contents .mv_child01 {
  width: 107px;
  position: absolute;
  left: 70px;
  top: 522px;
}

.top_contents .mv_child02 {
  width: 171px;
  position: absolute;
  left: 322px;
  top: 494px;
}

.top_contents .mv_child03 {
  width: 122px;
  position: absolute;
  right: 27px;
  top: 539px;
}

.top_contents .mv_train {
  width: 553px;
  position: absolute;
  left: 570px;
  top: 489px;
}

@media screen and (max-width: 768px) {
  .top_inner {
    width: inherit;
    max-width: inherit;
    min-width: inherit;
    height: auto;
    background: none;
    padding-top: 19vw;
  }

  .top_contents .mv_tree01,
  .top_contents .mv_tree02,
  .top_contents .mv_child01,
  .top_contents .mv_child02,
  .top_contents .mv_child03,
  .top_inner .mv_train,
  .top_inner .mv_airplane,
  .top_inner .mv_cloud {
    display: none;
  }

  .top_contents {
    margin: 0 auto;
    width: 100%;
  }

  .top_contents img {
    width: 100%;
  }

  .top_contents .slider {
    float: none;
    width: 100%;
    height: 86vw;
  }

  .top_contents .search {
    float: none;
    padding: 0 2.666%;
    width: 100%;
    border: none;
    background: none;
    box-sizing: border-box;
  }

  .top_contents .search .search_head {
    margin-bottom: 10px;
  }

  .top_contents .search .search_head.ttl_only {
    justify-content: center;
  }

  .top_contents .search .search_head li {
    flex-basis: 100%;
  }

  .top_contents .search .search_head li:first-of-type {
    margin: 0 auto;
    flex-basis: 48.450%;
  }

  .top_contents .search .search_bnr {}

  .top_contents .search .search_bnr li {
    margin-bottom: 10px;
    flex-basis: 49%;
  }

  .top_contents .search .search_bnr li img {
    width: 100%;
  }
}

/* bxslider変更箇所 */
.bx-wrapper {
  -moz-box-shadow: 0;
  -webkit-box-shadow: 0;
  box-shadow: 0;
  border: 0;
}

.bx-wrapper .bx-pager {
  left: 0;
  bottom: -30px;
  width: 100%;
}

.bx-wrapper .bx-pager {
  padding: 7px 0 7px;
  background-color: #D2D2D2;
}

.residence_wrap .bx-wrapper .bx-pager {
  padding: 7px 0 9px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
  background: #fff;
  width: 16px;
  height: 16px;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus {
  background: #045DB7;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 0;
  background: url("../js/bxslider/images/controls.png") no-repeat 0 0;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-prev:focus {
  background-position: 0 -30px;
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.bx-wrapper .bx-next {
  right: 0;
  background: url("../js/bxslider/images/controls.png") no-repeat -30px 0;
}

.bx-wrapper .bx-next:hover,
.bx-wrapper .bx-next:focus {
  -webkit-transition: none;
  -moz-transition: none;
  -o-transition: none;
  transition: none;
}

.bx-wrapper .bx-controls-direction a {
  position: absolute;
  top: 400px;
  margin-top: 0;
  outline: 0;
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  z-index: 9;
}

@media screen and (max-width: 768px) {
  .bx-wrapper .bx-pager {
    width: 100%;
    bottom: -40px;
  }

  .residence_wrap .bx-wrapper .bx-pager {
    height: auto;
    box-sizing: border-box;
    max-height: 11vw;
    padding: 2vw 0 2vw;
  }

  .bx-wrapper .bx-controls-direction a {
    top: auto;
    bottom: -40px;
  }
}

/* 共通 */
.category_ttl {
  margin-bottom: 30px;
  padding: 0 0 19px;
  font-size: 30px;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.04em;
  background: url("../images/ttl_lint.jpg") no-repeat center bottom;
}

.contents_ttl {
  margin-bottom: 25px;
  padding: 18px 20px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  background: #045DB6;
  letter-spacing: 0.06em;
}

.contents_ttl02 {
  margin-bottom: 25px;
  padding: 18px 20px 18px 60px;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  background: #EFEFEF url("../images/icon/ico16.png") no-repeat 20px center;
  letter-spacing: 0.06em;
}

.corner_ttl {
  margin-bottom: 25px;
  padding: 10px 0 10px 38px;
  color: #045db6;
  font-size: 24px;
  line-height: 24px;
  border-bottom: 3px solid #045DB6;
  background: url("../images/icon/ico10.png") no-repeat left center;
  letter-spacing: 0.04em;
}

.btn {
  margin: 0 auto;
  border: 2px solid #7F705C;
  border-radius: 5px;
}

.btn a {
  display: table-cell;
  color: #fff;
  text-align: center;
  background: linear-gradient(#A2927C, #837460);
  vertical-align: middle;
  letter-spacing: 0.04em;
}

.btn a span {
  display: block;
  color: #fff;
  font-weight: 900;
  background: url("../images/icon/ico01.png") no-repeat right center;
  width: 100%;
}

.btn a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

.contact_box {
  padding: 0 0 30px;
}

.contact_box .box_l {
  width: 695px;
  position: relative;
}

.contact_box .box_l .btn_contact {
  width: 241px;
  position: absolute;
  right: 33px;
  bottom: 26px;
}

.contact_box .box_r {
  padding: 16px 0 0;
  width: 290px;
  height: 135px;
  font-size: 20px;
  font-weight: 900;
  line-height: 20px;
  text-align: center;
  background: #EEEEEE;
}

.contact_box .box_r .btn_print {
  margin: 27px auto 0;
  width: 250px;
}

.pager {
  justify-content: center;
}

.pager li {
  margin: 0 8px;
}

.pager li a {
  display: inline-block;
  padding: 10px 15px;
  font-size: 16px;
  line-height: 16px;
  background: #EEEEEE;
  text-decoration: underline;
}

.pager li a:hover {
  color: #fff;
  background: #045DB6;
  text-decoration: none;
}

.pager li a.current {
  color: #fff;
  background: #045DB6;
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .category_ttl {
    margin-bottom: 15px;
    padding: 0 0 15px;
    font-size: 6vw;
  }

  .contents_ttl {
    padding: 2.4vw 2.666vw;
    font-size: 5vw;
    line-height: 6vw
  }

  .contents_ttl02 {
    padding: 2.4vw 2.666vw 2.4vw 13vw;
    font-size: 5vw;
    line-height: 6.2vw;
  }

  .corner_ttl {
    margin-bottom: 15px;
    padding: 1.333vw 0 1.333vw 5.066vw;
    font-size: 4vw;
    border-bottom: 2px solid #045DB6;
    background: url("../images/icon/ico10.png") no-repeat left center / 3%;
  }

  .contact_box {
    padding: 0 4% 30px;
  }

  .contact_box .box_l {
    margin-bottom: 4vw;
    width: 100%;
    display: none;
  }

  .contact_box .box_l .btn_contact {
    width: 32.133vw;
    position: absolute;
    right: 4.4vw;
    bottom: 3.466vw;
  }

  .contact_box .box_r {
    padding: 4.266vw 0;
    width: 100%;
    height: auto;
    font-size: 5.333vw;
    display: none;
  }

  .contact_box .box_r .btn_print {
    margin: 15px auto 0;
    width: 90%;
  }

  .info_wrap .pager {
    margin-bottom: 40px;
  }

  .contact_box_sp.sp {
    margin: 0 auto 5vw;
    width: 92%;
    border: 2px solid #045db6;
    box-sizing: border-box;
    border-top: none;
  }

  .contact_box_sp.sp p.tac {
    background: #045db6;
  }

  .contact_box_sp.sp p.tac img {}

  .contact_box_sp.sp .inner {
    background: url(../images/buy/sp/con_bg.jpg)no-repeat top center;
    padding: 5vw 4vw 2vw;
    box-sizing: border-box;
  }

  .contact_box_sp.sp .inner p {}

  .contact_box_sp.sp .inner p a {
    display: block;
    width: 100%;
  }

  .contact_box_sp.sp .inner p a img {
    width: 100%;
  }


}

/* ピックアップ */
.pickup_wrap {
  margin: 0 auto;
  padding: 40px 0 50px;
  width: 1000px;
}

.pickup_wrap .category_ttl {
  margin-bottom: 30px;
}

.pickup_wrap .pickup_slider {
  margin: 0 auto 50px;
  width: 100%;
  position: relative;
}

.pickup_slider_wrap .bx-wrapper {
  overflow: hidden;
  height: 243px;
}

.pickup_wrap .pickup_slider ul li span {
  display: block;
  padding: 5px 0 0;
  font-size: 16px;
  line-height: 1.75;
}

.pickup_wrap .pickup_slider .arrow_prev,
.pickup_wrap .pickup_slider .arrow_next {
  width: 28px;
  position: absolute;
  top: 79px;
}

.pickup_wrap .pickup_slider .arrow_prev {
  left: -48px;
}

.pickup_wrap .pickup_slider .arrow_next {
  right: -48px;
}

.pickup_wrap .support_area {
  margin: 0 auto;
  width: 100%;
}

.pickup_wrap .support_area .support_ttl {
  height: 85px;
}

.pickup_wrap .support_area .support_box {
  height: 216px;
  position: relative;
}

.pickup_wrap .support_area .support_btn {
  width: 446px;
  position: absolute;
  right: 27px;
  top: 17px;
}

.pickup_wrap .support_area .support_btn li {
  height: 90px;
}

.pickup_wrap .support_area .support_text {
  display: none;
}

@media screen and (max-width: 768px) {
  .pickup_wrap {
    margin: 0 auto;
    padding: 25px 0 0;
    width: 100%;
    box-sizing: border-box;
  }

  .pickup_wrap .category_ttl {
    margin-bottom: 15px;
  }

  .pickup_wrap .pickup_slider {
    margin: 0 auto 15px;
    width: 87.333%;
    position: relative;
  }

  .pickup_wrap .pickup_slider ul li {}

  .pickup_slider_wrap .bx-wrapper {
    overflow: hidden;
    height: 47vw;
  }

  .pickup_wrap .pickup_slider ul li img {
    width: 100%;
  }

  .pickup_wrap .pickup_slider ul li span {
    display: block;
    padding: 5px 0 0;
    font-size: 15px;
    line-height: 1.75;
  }

  .pickup_wrap .pickup_slider .arrow_prev,
  .pickup_wrap .pickup_slider .arrow_next {
    width: 4%;
    position: absolute;
    top: 32%;
  }

  .pickup_wrap .pickup_slider .arrow_prev {
    left: -6vw;
  }

  .pickup_wrap .pickup_slider .arrow_next {
    right: -1vw;
  }

  #top .pickup_wrap .pickup_slider .arrow_prev a {
    width: 8vw !important;
    height: 6vw !important;
    display: block;
    background-size: 100%;
  }

  #top .pickup_wrap .pickup_slider .arrow_next a {
    width: 8vw !important;
    height: 6vw !important;
    display: block;
    background-size: 100% !important;
  }

  .pickup_wrap .support_area {
    margin: 0 auto;
    padding: 0 0 15px;
    width: 100%;
    background: #0d96f1;
  }

  .pickup_wrap .support_area .support_ttl {
    height: auto;
  }

  .pickup_wrap .support_area .support_box {
    height: auto;
  }

  .pickup_wrap .support_area .support_btn {
    margin: 0 auto;
    width: 90.666%;
    position: static;
  }

  .pickup_wrap .support_area .support_btn li {
    margin-bottom: 7px;
    height: auto;
  }

  .pickup_wrap .support_area .support_text {
    display: block;
    margin: 0 auto;
    width: 90.666%;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: 1.56;
  }
}

/* 名泗コンサルタントが選ばれる理由 */
.reason_wrap {
  margin: 0 auto;
  padding: 0 0 40px;
  width: 1000px;
}

.reason_wrap .list_reason {
  margin-bottom: 15px;
}

.reason_wrap .list_reason li {
  flex-basis: 324px;
}

.reason_wrap .list_reason li span {
  display: block;
  padding: 5px 0 0;
  font-size: 16px;
  line-height: 1.75;
}

.reason_wrap .btn.reason {
  width: 416px;
}

.reason_wrap .btn.reason a {
  padding: 0 14px;
  width: 392px;
  height: 46px;
  font-size: 18px;
}

@media screen and (max-width: 768px) {
  .reason_wrap {
    margin: 0 auto;
    padding: 24px 2.666% 40px;
    width: 100%;
    box-sizing: border-box;
  }

  .reason_wrap img {
    width: 100%;
  }

  .reason_wrap .category_ttl {
    margin-bottom: 27px;
  }

  .reason_wrap .list_reason {
    margin-bottom: 15px;
  }

  .reason_wrap .list_reason li {
    margin-bottom: 15px;
    flex-basis: 100%;
  }

  .reason_wrap .list_reason li span {
    font-size: 15px;
  }

  .reason_wrap .btn.reason {
    width: 100%;
    box-sizing: border-box;
  }

  .reason_wrap .btn.reason a {
    display: block;
    padding: 12px 5%;
    width: 100%;
    height: auto;
    font-size: 17px;
    box-sizing: border-box;
  }
}

/* 名泗コンサルタントのオススメ物件 */
.recommend_wrap {
  margin: 0 auto;
  padding: 43px 0 13px;
  width: 100%;
  background: url("../images/top/bg_recommend.jpg") repeat;
}

.recommend_wrap .category_ttl {
  margin-bottom: 48px;
}

.recommend_wrap .inner {
  margin: 0 auto;
  width: 1000px;
}

.recommend_wrap .inner .recommend_list {
  justify-content: normal;
}

.recommend_wrap .inner .recommend_list li {
  margin: 0 13px 30px 0;
  flex-basis: 240px;
  background: #fff;
}

.recommend_wrap .inner .recommend_list li a {
  display: block;
  padding-bottom: 11px;
}

.recommend_wrap .inner .recommend_list li:nth-child(4n) {
  margin: 0 0 30px 0;
}

.recommend_wrap .inner .recommend_list li .btn {
  color: #fff;
  text-align: center;
  background: linear-gradient(#A2927C, #837460);
  vertical-align: middle;
  letter-spacing: 0.04em;
  padding: 5px 0;
}

.recommend_wrap .inner .recommend_list li .recommend_ctg {
  margin-bottom: 10px;
  padding: 9px 0;
  color: #fff;
  font-size: 18px;
  font-weight: 900;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.04em;
}

.recommend_wrap .inner .recommend_list li a:hover {
  text-decoration: none;
}

.recommend_wrap .inner .recommend_list li .recommend_ctg.typ01 {
  background: #DC691C;
}

.recommend_wrap .inner .recommend_list li .recommend_ctg.typ02 {
  background: #9CB511;
}

.recommend_wrap .inner .recommend_list li .recommend_ctg.typ03 {
  background: #EB6C87;
}

.recommend_wrap .inner .recommend_list li .recommend_ctg.typ04 {
  background: #9253BA;
}

.recommend_wrap .inner .recommend_list li .recommend_ctg.typ05 {
  background: #2EA4C6;
}

.recommend_wrap .inner .recommend_list li .list_inner {
  padding: 0 10px;
  line-height: 1;
}

.recommend_wrap .inner .recommend_list li .list_inner p {
  margin-bottom: 10px;
}

.recommend_wrap .inner .recommend_list li .list_inner .list_img {
  position: relative;
  width: 220px;
  height: 220px;
}

.recommend_wrap .inner .recommend_list li .list_inner .list_img.is_agree>img {
  opacity: 0.3;
}

.recommend_wrap .inner .recommend_list li .list_inner .list_img .buy_ico {
  width: 150px;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 58px;
  position: absolute;
}

.recommend_wrap .inner .recommend_list li .list_inner .list_img span {
  width: 61px;
  position: absolute;
  left: 0;
  top: 0;
}

.recommend_wrap .inner .recommend_list li .list_inner .list_price {
  color: #c60f17;
  font-size: 24px;
  font-weight: 900;
  letter-spacing: 0.04em;
}

.recommend_wrap .inner .recommend_list li .list_inner .list_price span {
  color: #c60f17;
  font-size: 14px;
}

.recommend_wrap .inner .recommend_list li .list_inner .list_text {
  font-size: 15px;
  line-height: 1.6;
  letter-spacing: 0.04em;
}

.recommend_wrap .inner .recommend_list li .list_inner .btn.recommend {
  width: 186px;
}

.recommend_wrap .inner .recommend_list li .list_inner .btn.recommend a {
  padding: 0 18px;
  width: 150px;
  height: 26px;
  font-size: 14px;
}

.recommend_wrap .inner .btn_more {
  display: none;
}

@media screen and (max-width: 768px) {
  .recommend_wrap {
    margin: 0 auto;
    padding: 24px 2.666% 25px;
    width: 100%;
    background: url("../images/top/sp/bg_recommend.jpg") repeat-y;
    box-sizing: border-box;
  }

  .recommend_wrap .category_ttl {
    margin-bottom: 15px;
  }

  .recommend_wrap .inner {
    width: 100%;
  }

  .recommend_wrap .inner .recommend_list {}

  .recommend_wrap .inner .recommend_list li {
    margin: 0 0 24px 0;
    flex-basis: 100%;
    background: #fff;
  }

  .recommend_wrap .inner .recommend_list li img {
    width: 100%;
  }

  .recommend_wrap .inner .recommend_list li:nth-child(4n) {
    margin: 0 0 30px 0;
  }

  .recommend_wrap .inner .recommend_list li .recommend_ctg {
    margin-bottom: 8px;
    padding: 12px 0;
    font-size: 17px;
  }

  .recommend_wrap .inner .recommend_list li:nth-child(n+9) {
    display: none;
  }

  .recommend_wrap .inner .recommend_list li .list_img {
    float: left;
    margin: 0 0 13px 3.661%;
    width: 50%;
    position: relative;
  }

  .recommend_wrap .inner .recommend_list li .list_img .buy_ico {
    display: inline-block;
    position: absolute;
    left: 8vw;
    top: 11vw;
    width: 28vw;
  }

  .recommend_wrap .inner .recommend_list li a > .label {
  }
  .recommend_wrap .inner .recommend_list li a > .label img {
    width: auto;
    margin-bottom: 0.5em;
    padding: 0 3vw;
  }

  .recommend_wrap .inner .recommend_list li .list_img span {
    display: none;
    display: inline-block;
    top: 0;
    position: absolute;
    left: 0;
  }

  .recommend_wrap .inner .recommend_list li .list_inner {
    float: right;
    padding: 0 3.661% 0 0;
    width: 40.552%;
  }

  .recommend_wrap .inner .recommend_list li .list_inner p {
    margin-bottom: 10px;
  }

  .recommend_wrap .inner .recommend_list li .list_inner .list_img {
    display: none;
  }

  .recommend_wrap .inner .recommend_list li .list_inner .list_img span {
    display: none;
  }

  .recommend_wrap .inner .recommend_list li .list_inner .list_price span.new {
    display: block;
    padding: 0 0 5px;
    width: 30%;
  }

  .recommend_wrap .inner .recommend_list li .list_inner .btn.recommend {
    display: none;
  }

  .recommend_wrap .inner .recommend_list li .btn.recommend {
    width: 85.211%;
    clear: both;
  }

  .recommend_wrap .inner .recommend_list li .btn.recommend a {
    display: block;
    padding: 11px 5%;
    width: 100%;
    height: auto;
    font-size: 17px;
    box-sizing: border-box;
  }

  .recommend_wrap .inner .btn_more {
    display: none;
    margin: 0 auto;
    width: 89.211%;
    border: 2px solid #B7DBFF;
    border-radius: 5px;
    font-size: 17px;
    font-weight: 900;
    padding: 15px 4%;
    text-align: center;
    background: linear-gradient(#E7F2FD, #B7DBFF);
  }

  .recommend_wrap .inner .btn_more span {
    display: block;
    background: url("../images/icon/ico05.png") no-repeat right 4% center / 3%;
  }

}

/* 新着情報他 */
.topics_wrap {
  margin: 0 auto;
  padding: 40px 0 80px;
  width: 1000px;
}

.topics_wrap .news_area {
  float: left;
  width: 500px;
}

.topics_wrap .news_area .news_ttl {
  padding: 16px 20px 16px 56px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
  background: #045DB6 url("../images/top/ico_news.png") no-repeat 20px center;
  letter-spacing: 0.04em;
  position: relative;
}

.topics_wrap .news_area .news_ttl span {
  display: block;
  width: 150px;
  position: absolute;
  right: 20px;
  top: 13px;
}

.topics_wrap .news_area .news_ttl span a {
  display: table-cell;
  padding: 0 0 0 26px;
  width: 124px;
  height: 30px;
  color: #000;
  font-size: 14px;
  vertical-align: middle;
  background: url("../images/top/bg_btn_news.png") no-repeat;
}

.topics_wrap .news_area .news_ttl span a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

.topics_wrap .news_area a {
  display: block;
}

.topics_wrap .news_area dl {
  margin: 0;
  padding: 13px 0;
  font-size: 16px;
  border-bottom: 1px solid #E2E2E2;
  background: url("../images/icon/ico02.png") no-repeat 480px center;
}

.topics_wrap .news_area dt {
  color: #045db6;
}

.topics_wrap .news_area dd {}

.topics_wrap .menu_area {
  float: right;
  width: 470px;
}

.topics_wrap .menu_area li {
  margin-bottom: 20px;
  height: 140px;
}

.topics_wrap .menu_area li:last-of-type {
  margin-bottom: 0;
}

@media screen and (max-width: 768px) {
  .topics_wrap {
    padding: 25px 2.666% 55px;
    width: 100%;
    box-sizing: border-box;
  }

  .topics_wrap .news_area {
    float: none;
    width: 100%;
  }

  .topics_wrap .news_area .news_ttl {
    font-size: 21px;
  }

  .topics_wrap .news_area .news_ttl span {
    display: none;
  }

  .topics_wrap .news_area dl {
    font-size: 15px;
    background: url("../images/icon/ico02.png") no-repeat 95% center;
  }

  .topics_wrap .news_area dt {
    color: #045db6;
  }

  .topics_wrap .news_area dd {
    padding: 0 10% 0 0;
  }

  .topics_wrap .btn_more {
    margin: 20px auto 25px;
    width: 95.211%;
    border: 2px solid #B7DBFF;
    border-radius: 5px;
  }

  .topics_wrap .btn_more a {
    display: block;
    padding: 15px 4%;
    text-align: center;
    background: linear-gradient(#E7F2FD, #B7DBFF);
  }

  .topics_wrap .btn_more a span {
    display: block;
    font-size: 17px;
    font-weight: 900;
    background: url("../images/icon/ico05.png") no-repeat right center / 3%;
  }

  .topics_wrap .menu_area {
    float: none;
    width: 100%;
  }

  .topics_wrap .menu_area li {
    margin-bottom: 20px;
    height: auto;
  }

  .topics_wrap .menu_area li:last-of-type {
    margin-bottom: 0;
  }
}

/*　物件検索 */
.residence_wrap {
  margin: 0 auto;
  padding: 50px 0 150px;
  width: 100%;
}

.residence_wrap .bx-wrapper .bx-controls-direction .bx-prev {
  top: 54%;
  left: -45px;
}

.residence_wrap .bx-wrapper .bx-controls-direction .bx-next {
  top: 54%;
  right: -43px;
}

.residence_wrap .search_menu {
  margin-bottom: 50px;
}

.residence_wrap .search_menu.category_mansion {
  border-bottom: 12px solid #DD691C;
}

.residence_wrap .search_menu.category_ground {
  border-bottom: 12px solid #9CB511;
}

.residence_wrap .search_menu.category_income {
  border-bottom: 12px solid #EB6C87;
}

.residence_wrap .search_menu.category_business {
  border-bottom: 12px solid #9253BB;
}

.residence_wrap .search_menu.category_lease {
  border-bottom: 12px solid #018AD2;
}



.residence_wrap .search_menu li {}

.residence_wrap .area_search_ttl {
  padding: 15px 0;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  text-align: center;
  background: #E2F0FF;
}

.residence_wrap .area_search {
  margin-bottom: 50px;
  padding: 30px 25px;
  border: 1px solid #E2F0FF;
}

.residence_wrap .area_search li {
  float: left;
  font-size: 16px;
  line-height: 32px;
  position: relative;
  display: inline-block;
  color: #bbb;
  padding: 0 10px;
  margin-bottom: 5px;
}

.residence_wrap .area_search li.active a {
  background: #E2F0FF;
  border-radius: 5px;
}


.residence_wrap .area_search li a {
  color: #000;
  display: inline-block;
  padding: 0 7px;
  margin: 0 5px;
}

.residence_wrap .area_search li a:hover {
  background: #E2F0FF;
  border-radius: 5px;
  transition: 0s;
  -moz-transition: 0s;
  -webkit-transition: 0s;
  -o-transition: 0s;
}

.residence_wrap .area_search li::after {
  content: "|";
  padding: 0 1px;
  position: absolute;
  top: 0;
  right: -4px;
}

.residence_wrap .navigation_box {
  margin-bottom: 30px;
}

.residence_wrap .navigation_box .page_navi {
  width: 540px;
  align-items: center;
  justify-content: normal;
}

.residence_wrap .navigation_box .page_navi li {
  font-size: 16px;
  margin: 0 10px 0 0;
}

.residence_wrap .navigation_box .page_navi li:first-of-type {
  padding: 0 30px 0 0;
  font-weight: 900;
}

.residence_wrap .navigation_box .page_navi li a {
  background: #EEEEEE;
  display: block;
  padding: 10px 14px;
  font-size: 16px;
  line-height: 1;
}

.residence_wrap .navigation_box .page_navi li a:hover {
  background: #045DB6;
  color: #fff;
}

.residence_wrap .navigation_box .page_navi li a.current {
  background: #045DB6;
  color: #fff;
}

.residence_wrap .navigation_box .sort_menu {
  width: 450px;
}

.residence_wrap .navigation_box .sort_menu li {
  font-size: 16px;
}

.residence_wrap .navigation_box .sort_menu li a {
  background: #EEEEEE;
  display: block;
  padding: 10px 16px;
  font-size: 16px;
  line-height: 1;
}

.residence_wrap .navigation_box .sort_menu li a span {
  display: inline-block;
  padding: 0 10px 0 0;
}

.residence_wrap .navigation_box .sort_menu li a:hover {
  background: #045DB6;
  color: #fff;
  text-decoration: none;
}

.residence_wrap .navigation_box .sort_menu li a.current {
  background: #045DB6;
  color: #fff;
}

.residence_wrap .box {
  margin-bottom: 50px;
}

.residence_wrap .box a:hover {
  text-decoration: none;
}

.residence_wrap .box .title_box {
  background: #DD691C;
  padding: 15px 20px;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  color: #fff;
}

.residence_wrap .box .title_box.typ01 {
  background: #DD691C;
}

.residence_wrap .box .title_box.typ02 {
  background: #9CB511;
}

.residence_wrap .box .title_box.typ03 {
  background: #EB6C87;
}

.residence_wrap .box .title_box.typ04 {
  background: #9253BB;
}

.residence_wrap .box .title_box.typ05 {
  background: #018AD2;
}

.residence_wrap .box .detail_box {
  padding: 30px;
}

.residence_wrap .box .detail_box .photo_box {
  float: left;
  width: 220px;
}

.residence_wrap .box .detail_box .photo_box .photo {
  margin-bottom: 15px;
  position: relative;
  width: 220px;
  height: 220px;
}

.residence_wrap .box .detail_box .photo_box .photo.is_agree>img {
  opacity: 0.3;
}

.residence_wrap .box .detail_box .photo_box .photo span {
  width: 61px;
  font-size: 0;
  position: absolute;
  left: 0;
  top: 0;
}

.residence_wrap .box .detail_box .photo_box .photo .buy_ico {
  width: 150px;
  margin: 0 auto;
  right: 0;
  left: 0;
  top: 58px;
}

.residence_wrap .box .detail_box .photo_box .photo.is_agree a>img {
  opacity: 0.3;
}

.residence_wrap .box .detail_box .detail {
  float: right;
  width: 690px;
  position: relative;
}

.residence_wrap .box .detail_box .detail .price {
  margin-bottom: 18px;
  color: #c60f17;
  font-size: 27px;
  font-weight: 900;
  line-height: 24px;
}

.residence_wrap .box .detail_box .detail .price span {
  font-size: 19px;
}

.residence_wrap .box .detail_box .detail .panorama {
  position: absolute;
  right: 0;
  top: -18px;
}

.residence_wrap .box .detail_box .detail table {
  margin: 0 0 15px;
  width: 100%;
}

.residence_wrap .box .detail_box .detail table th,
.residence_wrap .box .detail_box .detail table td {
  padding: 10px 15px;
  font-size: 16px;
  border: 1px solid #E2E2E2;
}

.residence_wrap .box .detail_box .detail table th {
  background: #EFEFEF;
  width: 19%;
}

.residence_wrap .box .detail_box .detail table th.additional_row {
  padding: 5px 15px;
  background: #e4e4e4;
}

.residence_wrap .box .detail_box .detail table td {
  width: 31%;
  line-height: 28px;
}

.residence_wrap .box .detail_box .detail .btn {
  display: table-cell;
  width: 190px;
  color: #fff;
  text-align: center;
  background: linear-gradient(#A2927C, #837460);
  vertical-align: middle;
  letter-spacing: 0.04em;
  float: right;
  border: 2px solid #7F705C;
  border-radius: 5px;
}

.residence_wrap .box .detail_box .detail .btn a span {
  display: block;
  color: #fff;
  font-weight: 900;
  background: url("../images/icon/ico01.png") no-repeat 95% center;
}

.residence_wrap .box .detail_box .detail .btn a:hover {
  text-decoration: none;
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
}

.residence_wrap .box .detail_box .detail .point {
  background: #FFECEC;
  margin-bottom: 15px;
  padding: 15px 20px;
  font-size: 16px;
  line-height: 32px;
}

.residence_wrap .box .detail_box .detail .point span {
  background: url("../images/icon/ico06.png") no-repeat left center;
  display: block;
  padding: 0 0 0 27px;
  color: #c60f17;
  font-weight: 900;
}

/*　物件検索 詳細 */
.residence_wrap .box.detail {
  margin-bottom: 0;
}

.residence_wrap .box .detail_box .photo_box .panorama {
  position: relative;
  margin: 0 auto;
  width: 73vw;
}

.residence_wrap .box .detail_box .photo_box .panorama span {
  width: 43px;
  font-size: 0;
  position: absolute;
  left: -3px;
  top: -16px;
}

.residence_wrap .slide_box {
  margin: 0 auto 30px;
  padding: 30px 60px;
  background: url("../images/residence/bg_slide.jpg") repeat;
  position: relative;
}

.residence_wrap .slide_box .arrow_prev,
.residence_wrap .slide_box .arrow_next {
  width: 30px;
  position: absolute;
  top: 119px;
  cursor: pointer;
}

.residence_wrap .slide_box .arrow_prev {
  left: 11px;
  display: none;
}

.residence_wrap .slide_box .arrow_next {
  right: 11px;
  display: none;
}

.residence_wrap .bx-viewport {
  height: 203px !important;
}

.residence_wrap .slide_box .slide_list {
  justify-content: initial;
}

.residence_wrap .slide_box .slide_list li {
  flex-basis: 203px;
  border: 1px solid #E2E2E2;
  position: relative;
  margin: 0 20px 20px 0;
  width: 203px !important;
  height: 203px;
}

.residence_wrap .slide_box .slide_list li a {
  width: 203px !important;
  height: 203px;
  display: block;
}

.residence_wrap .slide_box .slide_list li:before {
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
  background: url(../images/common/zoom.jpg);
  position: absolute;
  z-index: 8;
}

.residence_wrap .slide_box .slide_list li:nth-child(4n) {}

.residence_wrap .slide_box .slide_list li .caption {
  padding: 10px;
  width: 100%;
  font-size: 16px;
  line-height: 18px;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  box-sizing: border-box;
  position: absolute;
  left: 0;
  bottom: 0;
}

.residence_wrap .corner_ttl {
  margin-bottom: 30px;
  padding: 13px 20px;
  border: 2px solid #633F27;
  background: linear-gradient(#8D684E, #633F27);
  letter-spacing: 0.04em;
}

.residence_wrap .corner_ttl span {
  display: block;
  padding: 0 0 0 40px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  line-height: 1;
}

.residence_wrap .corner_ttl span.detail {
  background: url("../images/icon/ico07.png") no-repeat left center;
}

.residence_wrap .corner_ttl span.map {
  background: url("../images/icon/ico08.png") no-repeat left center;
}

.residence_wrap .corner_ttl span.land {
  background: url("../images/icon/ico09.png") no-repeat left center;
}

.residence_wrap table.typ01,
.residence_wrap table.typ02,
.residence_wrap table.typ04 {
  margin: 0 0 30px;
}

.residence_wrap table.typ01 th,
.residence_wrap table.typ01 td,
.residence_wrap table.typ02 th,
.residence_wrap table.typ02 td,
.residence_wrap table.typ04 th,
.residence_wrap table.typ04 td {
  padding: 12px 15px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #E2E2E2;
}

.residence_wrap table.typ01 th {
  background: #EFEFEF;
  width: 20%;
}

.residence_wrap table th.additional_row {
  padding: 8px 15px;
  background: #e4e4e4;
}

.residence_wrap table.typ01 td {
  width: 30%;
}

.residence_wrap table.typ02 th {
  background: #EFEFEF;
  width: 20%;
}

.residence_wrap table.typ02 td {
  width: 80%;
}

.residence_wrap table.typ04 th {
  background: #EFEFEF;
  width: 25%;
}

.residence_wrap table.typ04 td {
  width: 25%;
}

.consult_table.typ02 tbody tr th {
  vertical-align: top;
}

.consult_table.typ02 tbody tr td .consult_txt01 {
  float: left;
  width: 374px;
}

.typ02 tbody tr td .consult_txt01 span {
  margin-top: 20px;
}

.typ02 tbody tr td .consult_txt02 {
  float: left;
  letter-spacing: 1px;
  padding-right: 17px;
}

.typ02 tbody tr td .consult_txt03 {
  float: left;
  letter-spacing: 1px;
  padding-right: 17px;
  font-size: 12px;
  line-height: 20px;
}

.residence_wrap .price_ttl {
  display: block;
  padding: 15px 23px;
  font-size: 22px;
  font-weight: 900;
  line-height: 1;
  border: 1px solid #FCEED8;
  border-bottom: none;
  background: #FFF6E8;
  letter-spacing: 0.04em;
}

.residence_wrap table.typ03 {
  margin: 0 0 30px;
}

.residence_wrap table.typ03 th,
.residence_wrap table.typ03 td {
  padding: 12px 15px;
  font-size: 16px;
  line-height: 24px;
  border: 1px solid #FCEED8;
}

.residence_wrap table.typ03 th {
  background: #FEFAF2;
  width: 16%;
}

.residence_wrap table.typ03 td {
  width: 28%;
}

.residence_wrap .google_map {
  margin-bottom: 30px;
}

.residence_wrap .google_map .map {
  margin-bottom: 18px;
  height: 280px;
}

.residence_wrap .google_map .btn_large_map {
  float: right;
  width: 202px;
}

@media screen and (max-width: 768px) {
  .residence_wrap {
    margin: 0 auto;
    padding: 6.666vw 0 12vw;
    width: 100%;
  }

  .residence_wrap .search_menu {
    margin-bottom: 6.666vw;
    padding: 0 4%;
    border-bottom: none !important;
  }

  .residence_wrap .search_menu li {
    margin-bottom: 2vw;
    flex-basis: 32%;
  }

  .residence_wrap .area_search_ttl {
    margin: 0 4%;
    padding: 2vw 0;
    font-size: 3.6vw;
    line-height: 3.6vw;
  }

  .residence_wrap .area_search {
    margin: 0 4% 6.666vw;
    padding: 2vw 3.3vw;
    border: 1px solid #E2F0FF;
  }

  .residence_wrap .area_search li {
    font-size: 3.8vw;
    line-height: 6.2vw;
  }

  .residence_wrap .area_search li::after {
    content: "|";
    padding: 0 1.5vw;
  }

  .residence_wrap .navigation_box {
    margin-bottom: 6vw;
    padding: 0 4%;
  }

  .residence_wrap .navigation_box .page_navi {
    margin-bottom: 2vw;
    width: 100%;
  }

  .residence_wrap .navigation_box .page_navi li {
    font-size: 3.666vw;
  }

  .residence_wrap .navigation_box .page_navi li:first-of-type {
    padding: 0 3vw 0 0;
    font-weight: 900;
  }

  .residence_wrap .navigation_box .page_navi li a {
    padding: 1.333vw 1.866vw;
    font-size: 3.666vw;
  }

  .residence_wrap .navigation_box .sort_menu {
    width: 100%;
  }

  .residence_wrap .navigation_box .sort_menu li {
    font-size: 3.666vw;
  }

  .residence_wrap .navigation_box .sort_menu li a {
    padding: 1.5vw 1.866vw;
    font-size: 3.666vw;
  }

  .residence_wrap .navigation_box .sort_menu li a span {
    display: inline-block;
    padding: 0 1.333vw 0 0;
  }

  .residence_wrap .box {
    margin-bottom: 6.666vw;
    padding: 0 4%;
  }

  .residence_wrap .box .title_box {
    padding: 2vw 3%;
    font-size: 5vw;
    line-height: 6.2vw;
  }

  .residence_wrap .box .detail_box {
    padding: 4vw 0;
  }

  .residence_wrap .box .detail_box .photo_box {
    float: none;
    margin: 0 auto 6vw;
    width: 100%;
  }

  .residence_wrap .box .detail_box .photo_box img {
    /* width: 100%; */
  }

  .residence_wrap .box .detail_box .photo_box .photo {
    margin-bottom: 2vw;
    position: relative;
    width: 100%;
    height: 92vw;
  }

  .residence_wrap .box .detail_box .photo_box .photo span {
    width: 61px;
    font-size: 0;
    position: absolute;
    left: 0;
    top: 0;
  }

  .residence_wrap .box .detail_box .photo_box .photo .buy_ico {
    width: 42vw;
    top: 25vw;
  }

  .residence_wrap .box .detail_box .photo_box .pano {
    margin: 0 auto;
    width: 53vw;
  }

  .residence_wrap .box .detail_box .detail {
    float: none;
    width: 100%;
  }

  .residence_wrap .box .detail_box .detail .price {
    margin-bottom: 4vw;
    font-size: 9vw;
    line-height: 4.266vw;
    text-align: center;
    padding: 5vw 0 6vw;
  }

  .residence_wrap .box .detail_box .detail .price span {
    font-size: 7vw;
  }

  .residence_wrap .box .detail_box .detail table {
    margin: 0 0 4vw;
    width: 100%;
  }

  .residence_wrap .box .detail_box .detail table th,
  .residence_wrap .box .detail_box .detail table td {
    padding: 4vw 2vw;
    font-size: 4vw;
    width: 100%;
    box-sizing: border-box;
  }

  .residence_wrap .box .detail_box .detail table th,
  .residence_wrap .box .detail_box .detail table th.additional_row {
    padding: 1.5vw 2vw;
  }

  .residence_wrap .box .detail_box .detail table th.pc,
  .residence_wrap .box .detail_box .detail table td.pc {
    display: none;
  }

  .residence_wrap .box .detail_box .detail table td {
    line-height: 5vw;
  }

  .residence_wrap .box .detail_box .detail .btn {
    float: none;
    width: 100%;
    border: 2px solid #7F705C;
    border-radius: 5px;
    display: block;
    color: #fff;
    text-align: center;
    background: linear-gradient(#A2927C, #837460);
    vertical-align: middle;
    letter-spacing: 0.04em;
    padding: 2vw 0 1.8vw;
    font-size: 5vw;
  }

  .residence_wrap .box .detail_box .detail .btn {}

  .residence_wrap .box .detail_box .detail .btn a span {
    display: block;
    color: #fff;
    font-weight: 900;
    background: url("../images/icon/ico01.png") no-repeat 95% center;
  }

  .residence_wrap .box .detail_box .detail .btn a:hover {
    text-decoration: none;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -moz-opacity: 0.8;
  }

  .residence_wrap .box .detail_box .detail .point {
    background: #FFECEC;
    margin-bottom: 15px;
    padding: 2vw 3%;
    font-size: 3.733vw;
    line-height: 5.666vw;
  }

  .residence_wrap .box .detail_box .detail .point span {
    background: url("../images/icon/ico06.png") no-repeat left center;
    display: block;
    padding: 0 0 0 27px;
    color: #c60f17;
    font-weight: 900;
  }

  /*　物件検索 詳細 */
  .residence_wrap .slide_box {
    margin: 0 auto 30px;
    padding: 7vw 15vw 2vw;
    width: 91vw;
    background: url("../images/residence/bg_slide.jpg") repeat;
    position: relative;
    box-sizing: border-box;
  }

  .residence_wrap .slide_box .arrow_prev,
  .residence_wrap .slide_box .arrow_next {
    width: 30px;
    position: absolute;
    top: 119px;
    cursor: pointer;
  }

  .residence_wrap .slide_box .arrow_prev {
    left: 11px;
  }

  .residence_wrap .slide_box .arrow_next {
    right: 11px;
  }

  .residence_wrap .bx-viewport {
    height: auto !important;
  }

  .residence_wrap .bx-wrapper .bx-pager-item {
    margin-bottom: 2vw;
  }

  .residence_wrap .slide_box .slide_list {
    overflow-y: hidden;
    height: 60vw;
  }

  .residence_wrap .slide_box .slide_list li {
    flex-basis: 100%;
    border: 1px solid #E2E2E2;
    position: relative;
    margin: 0;
    width: auto !important;
  }

  .residence_wrap .slide_box .slide_list li a {
    display: block;
    width: 60.2vw !important;
    height: auto;
  }

  .residence_wrap .slide_box .slide_list img {
    /* width: 100%; */
  }

  .residence_wrap .slide_box .slide_list li .caption {
    padding: 10px;
    width: 100%;
    font-size: 16px;
    line-height: 18px;
    background: rgba(0, 0, 0, 0.5);
    box-sizing: border-box;
    position: absolute;
    left: 0;
    bottom: 0;
  }

  .residence_wrap .corner_ttl {
    margin: 0 4% 4vw;
    padding: 1.733vw 2.666vw;
  }

  .residence_wrap .corner_ttl span {
    font-size: 5.333vw;
  }

  .residence_wrap .corner_ttl span.detail,
  .residence_wrap .corner_ttl span.map,
  .residence_wrap .corner_ttl span.land {
    background-size: 5% auto;
  }

  .residence_wrap table.typ01,
  .residence_wrap table.typ02,
  .residence_wrap table.typ04 {
    margin: 0 4% 30px;
    width: 92%;
  }

  .residence_wrap .blank_col {
    display: none;
  }

  .residence_wrap table.typ01 th,
  .residence_wrap table.typ01 td,
  .residence_wrap table.typ02 th,
  .residence_wrap table.typ02 td,
  .residence_wrap table.typ04 th,
  .residence_wrap table.typ04 td {
    padding: 3vw 2vw;
    width: 100%;
    font-size: 3.733vw;
    line-height: 4.266vw;
    box-sizing: border-box;
  }

  .residence_wrap .price_ttl {
    display: block;
    margin: 0 4% 4vw;
    padding: 2vw 4vw;
    font-size: 4.5vw;
    font-weight: 900;
    line-height: 1;
    border: 1px solid #FCEED8;
    border-bottom: none;
    background: #FFF6E8;
    letter-spacing: 0.04em;
  }

  .residence_wrap table.typ03 {
    margin: 0 4% 30px;
    width: 92%;
  }

  .residence_wrap table.typ03 th,
  .residence_wrap table.typ03 td {
    padding: 3vw 2vw;
    width: 100%;
    font-size: 3.733vw;
    line-height: 4.266vw;
    box-sizing: border-box;
  }

  .residence_wrap .google_map {
    margin-bottom: 30px;
    padding: 0 4%;
  }

  .residence_wrap .google_map .map {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .residence_wrap .google_map .map iframe,
  .residence_wrap .google_map .map object,
  .residence_wrap .google_map .map embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .residence_wrap .google_map .btn_large_map {
    float: right;
    width: 202px;
    display: none;
  }

  .residence_wrap .corner_contact span {
    font-size: 4.5vw !important;
  }

  .consult_table.typ02 tbody tr th {
    vertical-align: top;
  }

  .consult_table.typ02 tbody tr td .consult_txt01 {
    float: none;
    margin-bottom: 2vw;
    width: auto;
  }

  .typ02 tbody tr td .consult_txt01 span {
    margin-top: 4px;
  }

  .typ02 tbody tr td .consult_txt02 {
    float: none;
    letter-spacing: 1px;
    padding-right: 17px;
    line-height: 1.4;
  }

}

/*　地図から探す */
.map_wrap {
  margin: 0 auto;
  padding: 50px 0 150px;
  width: 100%;
}

.map_wrap .search_menu {}

.map_wrap .search_menu li {
  padding: 0;
  cursor: pointer;
}

.map_wrap .search_menu li.select {
  background: #eee;
}

.map_wrap .search_content > li {
  display: none;
  padding: 10px 9px 20px;
  border-top: 5px solid #613D25;
  background: #FAF8F0;
}

.map_wrap .search_content > li:first-of-type {
  border-top: 12px solid #613D25;
}

.map_wrap .search_content > li:nth-of-type(2) {
  border-top: 12px solid #DC691C;
}

.map_wrap .search_content > li:nth-of-type(3) {
  border-top: 12px solid #93AC07;
}

.map_wrap .search_content > li:nth-of-type(4) {
  border-top: 12px solid #EA6C87;
}

.map_wrap .search_content > li:nth-of-type(5) {
  border-top: 12px solid #9253BA;
}

.map_wrap .search_content > li:nth-of-type(6) {
  border-top: 12px solid #008AD2;
}

.map_wrap .search_content > li.hide {
  display: block;
}

.map_wrap .search_content > li .map_attention {
  margin-bottom: 5px;
}

.map_wrap .search_content > li .map_box {
  float: left;
  width: 640px;
  height: 640px;
  border: 2px solid #BAB7A9;
  position: relative;
}

.map_wrap .search_content > li .map_box .icon01 {
  width: 46px;
  position: absolute;
  left: 50px;
  top: 50px;
}

.map_wrap .search_content > li .list_box {
  float: right;
  width: 315px;
  height: 644px;
  overflow-y: scroll;
}

.map_wrap .search_content > li .list_box .box {
  margin-bottom: 10px;
  background-color: #fff;
}

.map_wrap .search_content > li .list_box .box a:hover {
  text-decoration: none;
}

.map_wrap .search_content > li .list_box .box.active {
  border: 3px solid #9DB510;
}

.map_wrap .search_content > li .list_box .box .box_tit {
  padding: 5px 7px;
  color: #fff;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
  background-color: #9DB510;
}

.map_wrap .search_content > li .list_box .box dl {
  margin: 0;
  padding: 9px 7px;
  font-size: 16px;
  line-height: 24px;
  position: relative;
}

.map_wrap .search_content > li .list_box .box dl dt {
  float: left;
  width: 70px;
}

.map_wrap .search_content > li .list_box .box dl dd {
  float: right;
  width: 200px;
}

.map_wrap .search_content > li .list_box .box dl dd .type {
  margin-bottom: 5px;
  color: #9DB510;
  font-weight: 900;
}

.map_wrap .search_content > li .list_box .box dl dd .type .mark {
  display: inline-block;
  position: absolute;
  left: 7px;
  top: 7px;
}

.map_wrap .search_content > li .list_box .box dl dd .price {
  margin-bottom: 5px;
  font-size: 14px;
}

.map_wrap .search_content > li .list_box .box dl dd .price span {
  color: #c60f17;
  font-size: 28px;
  font-weight: 900;
}

.map_wrap .search_content > li .list_box .box dl dd .price span.price_tail {
  font-size: 19px;
}

.map_wrap .search_content > li .list_box .box .text_box {
  padding: 0 7px 9px;
}

.map_wrap .search_content > li .list_box .box.typ01.active {
  border: 5px solid #DC691C;
}

.map_wrap .search_content > li .list_box .box.typ01 .box_tit {
  background-color: #DC691C;
}

.map_wrap .search_content > li .list_box .box.typ01 dl dd .type {
  color: #DC691C;
}

.map_wrap .search_content > li .list_box .box.typ02.active {
  border: 5px solid #9DB510;
}

.map_wrap .search_content > li .list_box .box.typ02 .box_tit {
  background-color: #9DB510;
}

.map_wrap .search_content > li .list_box .box.typ02 dl dd .type {
  color: #9DB510;
}

.map_wrap .search_content > li .list_box .box.typ03.active {
  border: 5px solid #EA6C87;
}

.map_wrap .search_content > li .list_box .box.typ03 .box_tit {
  background-color: #EA6C87;
}

.map_wrap .search_content > li .list_box .box.typ03 dl dd .type {
  color: #EA6C87;
}

.map_wrap .search_content > li .list_box .box.typ04.active {
  border: 5px solid #9253ba;
}

.map_wrap .search_content > li .list_box .box.typ04 .box_tit {
  background-color: #9253ba;
}

.map_wrap .search_content > li .list_box .box.typ04 dl dd .type {
  color: #9253ba;
}

.map_wrap .search_content > li .list_box .box.typ05.active {
  border: 5px solid #018AD2;
}

.map_wrap .search_content > li .list_box .box.typ05 .box_tit {
  background-color: #018AD2;
}

.map_wrap .search_content > li .list_box .box.typ05 dl dd .type {
  color: #018AD2;
}

.map_wrap .search_content > li .list_box .box.typ06.active {
  border: 5px solid #008AD2;
}

.map_wrap .search_content > li .list_box .box.typ06 .box_tit {
  background-color: #008AD2;
}

.map_wrap .search_content > li .list_box .box.typ06 dl dd .type {
  color: #dc691c;
}

@media screen and (max-width: 768px) {
  .map_wrap {
    margin: 0 auto;
    padding: 6.666vw 0 12vw;
    width: 100%;
  }

  .map_wrap .search_content > li .list_box .box dl dd .type .mark {
    display: inline-block;
    position: absolute;
    left: 4vw;
    top: 11vw;
    width: 28vw;
  }

  .search_content li {
    border-top: none !important;
  }

  .map_wrap .search_menu {
    padding: 1vw;
  }

  .map_wrap .search_menu li {
    padding: 0;
    width: 30vw;
    font-size: 0;
    margin: 1vw;
  }

  .map_wrap .search_menu li img {
    width: 100%;
  }

  .map_wrap .search_content > li {
    display: none;
    padding: 0;
    position: relative;
  }

  .map_wrap .search_content > li .map_attention {
    padding: 5px 2vw 0;
  }

  .map_wrap .search_content > li .map_box {
    float: none;
    width: 100%;
    height: 140vw;
    border: none;
  }

  .map_wrap .search_content > li .map_box .icon01 {
    width: 6.133vw;
    position: absolute;
    left: 6.666vw;
    top: 6.666vw;
  }

  .map_wrap .search_content > li .list_box {
    /*float: none;
  width: 100%;
  height: 50vw;
  overflow-y: auto;*/
    width: 100%;
    height: 58vw;
    position: absolute;
    left: 0;
    bottom: -2vw;
  }

  .map_wrap .search_content > li .list_box .box {
    margin-bottom: 0;
    background-color: #fff;
  }

  .map_wrap .search_content > li .list_box .box.active {
    border: 3px solid #9DB510;
    box-sizing: border-box;
  }

  .map_wrap .search_content > li .list_box .box .box_tit {
    padding: 5px 7px;
    color: #fff;
    font-size: 16px;
    font-weight: 900;
    line-height: 24px;
    background-color: #9DB510;
  }

  .map_wrap .search_content > li .list_box .box dl {
    margin: 0;
    padding: 9px 7px;
    font-size: 4.266vw;
    line-height: 6.4vw;
  }

  .map_wrap .search_content > li .list_box .box dl dt {
    width: 35%;
  }

  .map_wrap .search_content > li .list_box .box dl dt img {
    width: 100%;
  }

  .map_wrap .search_content > li .list_box .box dl dd {
    width: 60%;
  }

  .map_wrap .search_content > li .list_box .box dl dd .price {
    font-size: 3.733vw;
  }

  .map_wrap .search_content > li .list_box .box dl dd .price span {
    color: #c60f17;
    font-size: 7.4vw;
    font-weight: 900;
  }
}

/* 新着情報 */
.info_wrap {
  padding: 50px 0 0;
}

.info_wrap dl.clearfix {
  margin: 0;
  font-size: 16px;
  border-top: 1px solid #E2E2E2;
}

.info_wrap dl.clearfix:last-of-type {
  margin-bottom: 40px;
  border-bottom: 1px solid #E2E2E2;
}

.info_wrap dl.clearfix dt {
  float: left;
  padding: 30px 0;
  width: 100px;
  color: #045db6;
}

.info_wrap dl.clearfix dd {
  float: right;
  width: 884px;
}

.info_wrap dl.clearfix dd a {
  display: block;
  padding: 30px 0;
  background: url("../images/icon/ico02.png") no-repeat right center;
}

/* 新着情報 詳細 */
.info_wrap .text_date {
  margin-bottom: 25px;
  color: #045db6;
  font-size: 16px;
  line-height: 16px;
}

.info_wrap .entry_box {
  padding: 0 0 80px;
  font-size: 16px;
  line-height: 32px;
}

.info_wrap .entry_box p {
  margin-bottom: 30px;
}

.info_wrap .entry_box .info_img {
  padding: 60px 0 0;
  text-align: center;
}

.info_wrap .entry_box .box_btn {
  padding: 13px 20px;
  text-align: right;
  background: #EFEFEF;
}

@media screen and (max-width: 768px) {
  .info_wrap {
    padding: 6.666vw 0 0;
  }

  .info_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .info_wrap dl.clearfix dt {
    float: none;
    padding: 2vw 0 0;
    width: 100%;
  }

  .info_wrap dl.clearfix dd {
    float: none;
    width: 100%;
  }

  .info_wrap dl.clearfix dd a {
    padding: 2vw 4vw 2vw 0;
    box-sizing: border-box;
  }

  /* 新着情報 詳細 */
  .info_wrap .text_date {
    margin-bottom: 15px;
    color: #045db6;
    font-size: 4vw;
    line-height: 4vw;
  }

  .info_wrap .entry_box {
    padding: 0 0 80px;
    font-size: 4vw;
    line-height: 8vw;
  }

  .info_wrap .entry_box p {
    margin-bottom: 4vw;
    font-size: 4.5vw;
  }

  .info_wrap .entry_box .info_img {
    padding: 8vw 0 0;
  }

  .info_wrap .entry_box .box_btn {
    padding: 13px 20px;
    text-align: center;
    background: #EFEFEF;
  }

  .info_wrap .entry_box .box_btn img {
    margin: 0 auto;
    width: 199px;
  }
}

/* 購入したいお客様 */
.buy_wrap {
  margin: 0 auto;
  padding: 50px 0 150px;
  width: 100%;
}

.buy_wrap .main_copy_box {
  margin-bottom: 45px;
  border: 2px solid #045DB6;
}

.buy_wrap .main_copy_box .main_copy {
  position: relative;
}

.buy_wrap .main_copy_box .main_copy span {
  width: 154px;
  position: absolute;
  right: 137px;
  top: -46px;
}

.buy_wrap .main_copy_box .text_box {
  padding: 20px 0;
  font-size: 20px;
  font-weight: 900;
  line-height: 40px;
  text-align: center;
}

.buy_wrap .search_menu {
  padding: 0 0 38px;
}

.buy_wrap .search_menu li {
  margin-bottom: 12px;
  flex-basis: 326px;
}

.buy_wrap .flow_box {
  margin: 0 auto 50px;
  padding: 50px 0 20px;
  width: 100%;
  background: #F1F1F1;
}

.buy_wrap .flow_list {
  margin: 0 0 30px;
  padding: 3px;
  border: 1px solid #045DB6;
  background: #CFE1F3;
  position: relative;
}

.buy_wrap .flow_list::after {
  content: url("../images/buy/arrow.png");
  margin: 0 auto;
  width: 98px;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -29px;
}

.buy_wrap .flow_list:last-of-type::after {
  content: none;
}

.buy_wrap .flow_list dl {
  margin: 0;
  padding: 28px 34px;
  background: #fff;
}

.buy_wrap .flow_list dt {
  float: left;
  width: 240px;
}

.buy_wrap .flow_list dd {
  float: right;
  width: 650px;
  font-size: 16px;
  line-height: 32px;
}

.buy_wrap .flow_list dd span {
  display: block;
  margin-bottom: 10px;
  font-size: 22px;
  font-weight: 900;
  line-height: 24px;
}

.buy_wrap .flow_list dd .contact_list {
  padding: 0 24px 0 0;
}

.buy_wrap .flow_list dd .contact_list li {}

.buy_wrap .menu_list {
  margin: 0 auto 50px;
  width: 960px;
}

.buy_wrap .menu_list li {
  flex-basis: 470px;
}

@media screen and (max-width: 768px) {
  .buy_wrap {
    padding: 6.666vw 0 16vw;
  }

  .buy_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .buy_wrap .main_copy_box .main_copy span {
    width: 21.830%;
    position: absolute;
    right: 2.535%;
    top: -5.866vw;
  }

  .buy_wrap .main_copy_box .text_box {
    padding: 20px 0;
    font-size: 4vw;
    line-height: 6.666vw;
  }

  .buy_wrap .search_menu {
    padding: 0 0 38px;
  }

  .buy_wrap .search_menu li {
    margin-bottom: 12px;
    flex-basis: 48%;
  }

  .buy_wrap .search_menu li img {
    width: 100%;
  }

  .buy_wrap .flow_box {
    margin: 0 auto 50px;
    padding: 50px 0 20px;
    width: 100%;
    background: #F1F1F1;
  }

  .buy_wrap .flow_list {
    margin: 0 0 30px;
    padding: 3px;
    border: 1px solid #045DB6;
    background: #CFE1F3;
  }

  .buy_wrap .flow_list::after {
    content: url("../images/buy/arrow.png");
    margin: 0 auto;
    width: 98px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: -7vw;
  }

  .buy_wrap .flow_list:last-of-type::after {
    content: none;
  }

  .buy_wrap .flow_list dl {
    margin: 0;
    padding: 4vw 4%;
    background: #fff;
  }

  .buy_wrap .flow_list dt {
    float: none;
    margin-bottom: 4vw;
    width: 100%;
  }

  .buy_wrap .flow_list dt img {
    width: 100%;
  }

  .buy_wrap .flow_list dd {
    float: none;
    width: 100%;
  }

  .buy_wrap .flow_list dd span {
    display: block;
    margin-bottom: 10px;
    font-size: 5vw;
    font-weight: 900;
    line-height: 24px;
  }

  .buy_wrap .flow_list dd .contact_list {
    padding: 2vw 0 0;
  }

  .buy_wrap .flow_list dd .contact_list li {
    margin-bottom: 4vw;
    width: 100%;
  }

  .buy_wrap .flow_list dd .contact_list li img {
    width: 100%;
  }

  .buy_wrap .menu_list {
    margin: 0 auto 6.666vw;
    width: 100%;
  }

  .buy_wrap .menu_list li {
    margin-bottom: 4vw;
    flex-basis: 100%;
  }

  .buy_wrap .menu_list li img {
    width: 100%;
  }
}

/*　購入についてのお問い合わせ */
.buy_contact_wrap {
  margin: 0 auto;
  padding: 45px 0 130px;
  width: 100%;
  font-size: 16px;
  line-height: 28px;
}

.buy_contact_wrap a {
  color: #045db6;
  text-decoration: underline;
}

.buy_contact_wrap a:hover {
  text-decoration: none;
}

.buy_contact_wrap .contents_ttl.buy01 {
  margin-top: 35px;
  padding: 18px 20px 18px 57px;
  background: #045DB6 url("../images/icon/ico11.png") no-repeat 17px center;
}

.buy_contact_wrap .contents_ttl.buy02 {
  padding: 18px 20px 18px 57px;
  background: #045DB6 url("../images/icon/ico12.png") no-repeat 17px center;
}

.buy_contact_wrap .contents_ttl.buy03 {
  padding: 18px 20px 18px 57px;
  background: #045DB6 url("../images/icon/ico13.png") no-repeat 17px center;
}

.buy_contact_wrap .about_constuct {
  font-weight: bold;
  margin-bottom: 10px;
}

.buy_contact_wrap table {
  margin: 0 0 50px;
}

.buy_contact_wrap table th,
.buy_contact_wrap table td {
  padding: 25px 20px;
  font-weight: normal;
  border: 1px solid #E2E2E2;
  vertical-align: top;
}

.buy_contact_wrap table th {
  width: 35%;
  background: #EFEFEF;
}

.buy_contact_wrap table th span {
  float: right;
  display: inline-block;
  padding: 4px 0;
  width: 48px;
  color: #fff;
  font-size: 14px;
  font-weight: 900;
  line-height: 14px;
  text-align: center;
  background: #C60F17;
}

.buy_contact_wrap table td {
  width: 65%;
}

.buy_contact_wrap table td p {
  margin-bottom: 15px;
}

.buy_contact_wrap table td p:last-of-type {
  margin-bottom: 0;
}

.buy_contact_wrap table td label {
  margin-right: 50px;
}

.buy_contact_wrap table td label:last-of-type {
  margin-right: 15px;
}

.buy_contact_wrap table.typ02 th {
  width: 100%;
  background: #EFEFEF;
}

.buy_contact_wrap table.typ02 td {
  width: 100%;
  line-height: 36px;
}

.buy_contact_wrap .text_privacy {
  margin-bottom: 15px;
  font-size: 15px;
  line-height: 30px;
  text-align: center;
}

.buy_contact_wrap .btn {
  width: 416px;
  border: none;
}

.buy_contact_wrap .btn input {
  margin-bottom: 15px !important;
  background-size: 100% !important;
}

.buy_contact_wrap .btn a {
  padding: 15px 14px;
  width: 416px;
  text-decoration: none;
}

.buy_contact_wrap .btn a span {
  font-size: 18px;
  line-height: 1;
}

input[type="text"] {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
}

input[type="text"].typ01 {
  width: 23%;
}

input[type="text"].typ02 {
  margin: 0 10px;
  width: 15%;
}

input[type="text"].typ03 {
  margin: 0 10px;
  width: 15%;
}

input[type="text"].typ04 {
  width: 23%;
}

input[type="text"].typ05 {
  margin: 0 10px;
  width: 23%;
}

input[type="text"].typ06 {
  margin: 0 10px 0 0;
  width: 23%;
}

input[type="text"].typ07 {
  margin: 0 10px;
  width: 23%;
}

input[type="submit"].add {
  padding: 9px 0;
  width: 97px;
  color: #fff;
  line-height: 1.2;
  background: #045DB6;
  border: none;
  cursor: pointer;
}

textarea {
  padding: 8px;
  width: 100%;
  box-sizing: border-box;
  border: 1px solid #E2E2E2;
  height: 150px;
  resize: none;
  font: 400 13.3333px Arial;
}

input::placeholder {
  color: #bebebe;
  font-size: 14px;
}

/* ラジオボタン */
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
  display: none;
}

input[type="radio"]:checked+label,
input[type="radio"]:not(:checked)+label {
  position: relative;
  padding-left: 25px;
  cursor: pointer;
  line-height: 19px;
  display: inline-block;
}

input[type="radio"]:checked+label:before,
input[type="radio"]:not(:checked)+label:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 16px;
  height: 16px;
  border: 1px solid #ccc;
  background: #E2E2E2;
  border-radius: 100%;
}

input[type="radio"]:checked+label:after,
input[type="radio"]:not(:checked)+label:after {
  content: '';
  width: 10px;
  height: 10px;
  background: #BEBEBE;
  position: absolute;
  top: 4px;
  left: 4px;
  border-radius: 100%;
}

input[type="radio"]:not(:checked)+label:after {
  opacity: 0;
  transform: scale(0);
}

input[type="radio"]:checked+label:after {
  opacity: 1;
  transform: scale(1);
}

/* チェックボックス */
input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) {
  display: none;
}

span.check {
  padding-left: 28px;
  position: relative;
  margin-right: 0;
}

span.check::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 17px;
  border: 1px solid #999;
  border-radius: 3px;
  background: #DEDEDE;
}

input[type="checkbox"]:checked+span.check {}

input[type="checkbox"]:checked+span.check::after {
  content: "";
  display: block;
  position: absolute;
  top: 1px;
  left: 6px;
  width: 4px;
  height: 10px;
  transform: rotate(40deg);
  border-bottom: 3px solid #4B4B4B;
  border-right: 3px solid #4B4B4B;
}

@media screen and (max-width: 768px) {
  .buy_contact_wrap {
    margin: 0 auto;
    padding: 45px 0 130px;
    width: 100%;
    font-size: 16px;
    line-height: 28px;
  }

  .buy_contact_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .buy_contact_wrap table {
    margin: 0 0 50px;
  }

  .buy_contact_wrap table th,
  .buy_contact_wrap table td {
    padding: 15px 4%;
    font-weight: normal;
    border: 1px solid #E2E2E2;
    vertical-align: top;
    box-sizing: border-box;
  }

  .buy_contact_wrap table th {
    width: 100%;
  }

  .buy_contact_wrap table td {
    width: 100%;
  }

  .buy_contact_wrap table td label {
    margin-right: 15px;
  }

  .buy_contact_wrap table td label:last-of-type {
    margin-right: 15px;
  }

  .buy_contact_wrap table.typ02 th {
    width: 100%;
    background: #EFEFEF;
  }

  .buy_contact_wrap table.typ02 td {
    width: 100%;
    line-height: 36px;
  }

  .buy_contact_wrap .text_privacy {
    margin-bottom: 15px;
    font-size: 15px;
    line-height: 30px;
    text-align: center;
  }

  .buy_contact_wrap .btn {
    margin: 0 auto;
    width: 90vw;
    border: none;
  }

  input[type="text"] {
    padding: 4vw;
    font-size: 4vw;
  }

  input[type="text"].typ01 {
    width: 50%;
  }

  input[type="text"].typ02 {
    margin: 0 1vw;
    width: 25%;
  }

  input[type="text"].typ03 {
    margin: 0 1vw;
    width: 25%;
  }

  input[type="text"].typ04 {
    width: 100%;
  }

  input[type="text"].typ05 {
    margin: 0 1vw;
    width: 30%;
  }

  input[type="text"].typ06 {
    margin: 0 1vw 0 0;
    width: 35%;
  }

  input[type="text"].typ07 {
    margin: 0 1vw;
    width: 35%;
  }

  input[type="submit"],
  input[type="button"] {
    border-radius: 0;
    -webkit-box-sizing: content-box;
    -webkit-appearance: button;
    appearance: button;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    width: 100% !important;
    margin: 0 !important;
    background: url(../../uploads/2019/01/send.jpg) no-repeat center top / 100%;
    height: 11vw !important;
  }

  input[type="submit"]::-webkit-search-decoration,
  input[type="button"]::-webkit-search-decoration {
    display: none;
  }

  input[type="submit"]::focus,
  input[type="button"]::focus {
    outline-offset: -2px;
  }

  input[type="submit"].add {
    padding: 4.5vw 0;
    width: 28%;
    color: #fff;
    font-size: 16px;
    line-height: 1.2;
    background: #045DB6;
    border: none;
    cursor: pointer;
  }

  textarea {
    padding: 8px;
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #E2E2E2;
    height: 50vw;
    font-size: 4vw;
  }

  input::placeholder {
    color: #bebebe;
    font-size: 16px;
    line-height: 1;
  }
}

/* お役立ち情報 */
.useful_wrap {
  padding: 50px 0 120px;
}

.useful_wrap .useful_menu {
  margin: 0 auto;
  width: 980px;
  justify-content: space-around;
}

.useful_wrap .useful_menu li {
  margin-bottom: 20px;
  flex-basis: 470px;
}

/* 不動産豆知識 */
.tips_wrap {
  padding: 50px 0;
}

.tips_wrap .menu_list {
  margin: 0 auto 50px;
  width: 960px;
}

.tips_wrap .menu_list li {
  flex-basis: 470px;
}

.tips_wrap .tips_list {
  border-top: 1px solid #E2E2E2;
}

.tips_wrap .tips_list li {
  border-bottom: 1px solid #E2E2E2;
}

.tips_wrap .tips_list li:last-of-type {
  margin-bottom: 40px;
}

.tips_wrap .tips_list li a {
  display: block;
  padding: 30px 20px;
  font-size: 16px;
  background: url("../images/icon/ico02.png") no-repeat right center;
}

.tips_wrap .tips_list li a span {
  display: inline-block;
  margin-right: 14px;
  padding: 8px 0;
  width: 132px;
  font-size: 18px;
  font-weight: 900;
  line-height: 18px;
  text-align: center;
  background: #FED700;
}

/* 不動産豆知識 詳細 */
.tips_wrap .contents_ttl span {
  display: inline-block;
  margin-right: 14px;
  padding: 8px 20px;
  color: #000;
  font-size: 18px;
  font-weight: 900;
  line-height: 18px;
  text-align: center;
  background: #FED700;
}

.tips_wrap .entry_box {
  padding: 0 0 80px;
  font-size: 16px;
  line-height: 32px;
}

.tips_wrap .entry_box p {
  margin-bottom: 30px;
}

.tips_wrap .entry_box .info_img {
  padding: 60px 0 0;
  text-align: center;
}

.tips_wrap .entry_box th, .tips_wrap .entry_box td {
  padding: 10px;
  border: 1px solid #bbb;
}

.tips_wrap .entry_box .box_btn {
  padding: 13px 20px;
  text-align: right;
  background: #EFEFEF;
  letter-spacing: -.40em;
}

.tips_wrap .entry_box .box_btn li {
  display: inline-block;
  margin: 0 0 0 15px;
  letter-spacing: normal;
}

/* 不動産用語辞典 */

.tips_wrap .text_list {
  margin: 0 auto 50px;
  padding: 30px 35px;
  width: 718px;
  background: #E2F0FF;
  justify-content: center;
}

.tips_wrap .text_list li {
  font-size: 20px;
  font-weight: 900;
  line-height: 20px;
}

.tips_wrap .text_list li::after {
  content: "|";
  padding: 0 12px;
}

.tips_wrap .text_list li:last-of-type::after {
  content: "";
  padding: 0;
}

.tips_wrap .contents_ttl.mame {
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 20px;
}

.tips_wrap .mame_list {
  margin-bottom: 30px;
}

.tips_wrap .mame_list li {
  border: 1px solid #E2E2E2;
  border-top: none;
}

.tips_wrap .mame_list li:last-of-type {
  margin-bottom: 40px;
}

.tips_wrap .mame_list li a {
  display: block;
  padding: 22px 20px;
  font-size: 16px;
}

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

  /* お役立ち情報 */
  .useful_wrap {
    padding: 6.666vw 0 16vw;
  }

  .useful_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .useful_wrap .useful_menu {
    margin: 0 auto;
    width: 100%;
    justify-content: space-around;
  }

  .useful_wrap .useful_menu li {
    margin-bottom: 5.333vw;
    flex-basis: 100%;
  }

  /* 不動産豆知識 */
  .tips_wrap .inner {
    padding: 0 4%;
    width: 100%;
    box-sizing: border-box;
  }

  .tips_wrap .menu_list {
    margin: 0 auto 0;
    padding: 0 0 5.333vw;
    width: 100%;
  }

  .tips_wrap .menu_list li {
    margin-bottom: 5.333vw;
    flex-basis: 100%;
  }

  .tips_wrap .tips_list li:last-of-type {
    margin-bottom: 5.333vw;
  }

  .tips_wrap .tips_list li a {
    display: block;
    padding: 4.666vw 6vw 4.666vw 2.666vw;
    font-size: 4.5vw;
    background: url("../images/icon/ico02.png") no-repeat right center;
  }

  .tips_wrap .tips_list li a span {
    display: block;
    margin-bottom: 5px;
    margin-right: 0;
    padding: 1.5vw 0;
    width: 29.333vw;
    font-size: 4vw;
    font-weight: 900;
    line-height: 4.5vw;
    text-align: center;
    background: #FED700;
  }

  /* 新着情報 詳細 */
  .tips_wrap .contents_ttl span {
    margin-bottom: 5px;
    padding: 8px 20px;
    color: #000;
    font-size: 4.266vw;
  }

  .tips_wrap .entry_box {
    padding: 0 0 80px;
    font-size: 4vw;
    line-height: 8vw;
  }

  .tips_wrap .entry_box p {
    margin-bottom: 4vw;
    font-size: 4.5vw;
  }

  .tips_wrap .entry_box .info_img {
    padding: 8vw 0 0;
  }

  .tips_wrap .entry_box .box_btn {
    padding: 4vw 4% 1vw;
    text-align: center;
  }

  .tips_wrap .entry_box .box_btn li {
    margin: 0 0 3vw;
    width: 100%;
  }

  .tips_wrap .entry_box .box_btn li img {
    width: 100%;
  }

  /* 不動産用語辞典 */

  .tips_wrap .text_list {
    margin: 0 auto 20px;
    padding: 4vw;
    width: 100%;
    background: #E2F0FF;
    justify-content: flex-start;
    box-sizing: border-box;
  }

  .tips_wrap .text_list li {
    margin-bottom: 10px;
    font-size: 4vw;
  }

  .tips_wrap .mame_list {
    margin-bottom: 4vw;
  }

  .tips_wrap .mame_list li a {
    padding: 4vw;
  }
}

/* 個人情報保護方針 */
.privacy_wrap {
  padding: 50px 0 120px;
  font-size: 16px;
  line-height: 32px;
}

.privacy_wrap .contents_ttl {
  padding: 18px 20px 18px 50px;
  background: #045DB6 url("../images/icon/ico14.png") no-repeat 20px center;
}

.privacy_wrap .privacy_text {
  margin-bottom: 15px;
}

.privacy_wrap .pv_list {
  margin-bottom: 45px;
  padding: 0 0 0 20px;
}

.privacy_wrap .pv_list li {
  list-style: decimal;
}

.privacy_wrap .pv_list li span {
  font-weight: 900;
}

.privacy_wrap .pv_box {
  margin-bottom: 45px;
}

.privacy_wrap .pv_box a {
  color: #045db6;
  text-decoration: underline;
}

.privacy_wrap .pv_box a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .privacy_wrap {
    padding: 6.666vw 0 16vw;
    font-size: 16px;
    line-height: 32px;
  }

  .privacy_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .privacy_wrap .contents_ttl {
    padding: 2.4vw 2.666vw 2.4vw 8vw;
    background: #045DB6 url("../images/icon/ico14.png") no-repeat 3vw center;
  }

  .privacy_wrap .privacy_text {
    margin-bottom: 4vw;
    font-size: 4vw;
    line-height: 1.6;
  }

  .privacy_wrap .pv_list {
    margin-bottom: 12vw;
    padding: 0 0 0 9%;
  }

  .privacy_wrap .pv_box {
    margin-bottom: 12vw;
    font-size: 4vw;
    line-height: 1.6;
  }

  .privacy_wrap .pv_list li {
    list-style: decimal;
    font-size: 4vw;
    line-height: 1.6;
    margin-bottom: 6vw;
  }

  .privacy_wrap .pv_list li span {
    font-weight: 900;
  }
}

/* よくあるご質問 */
.qa_wrap {
  padding: 50px 0 120px;
  font-size: 16px;
  line-height: 32px;
}

.qa_wrap .qa_box {
  margin-bottom: 50px;
  padding: 20px;
  border: 1px solid #E2E2E2;
}

.qa_wrap .contents_ttl {
  padding: 18px 20px 18px 50px;
  background: #045DB6 url("../images/icon/ico15.png") no-repeat 20px center;
}

.qa_wrap .qa_box .qa_list {
  padding: 0 0 0 20px;
}

.qa_wrap .qa_box .qa_list li {}

.qa_wrap .qa_box .qa_list li a {
  padding: 0 0 0 20px;
  color: #045db6;
  font-size: 16px;
  font-weight: 900;
  line-height: 28px;
  text-decoration: underline;
  background: url("../images/icon/ico17.png") no-repeat left center;
}

.qa_wrap .qa_box .qa_list li a:hover {
  text-decoration: none;
}

.qa_wrap .inner dl {
  margin-bottom: 30px;
  padding: 25px 20px 5px;
  border: 1px solid #E2E2E2;
}

.qa_wrap .inner dt {
  margin-bottom: 35px;
  padding: 15px 0 40px 84px;
  color: #045db6;
  font-size: 24px;
  font-weight: 900;
  line-height: 24px;
  background: url("../images/useful/qa/img_q.png") no-repeat 8px top;
  border-bottom: 1px solid #E2E2E2;
}

.qa_wrap .inner dd {
  padding: 15px 20px 20px 84px;
  background: url("../images/useful/qa/img_a.png") no-repeat 8px top;
}

@media screen and (max-width: 768px) {
  .qa_wrap {
    padding: 6.666vw 0 16vw;
    font-size: 4vw;
    line-height: 32px;
  }

  .qa_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .qa_wrap .qa_box {
    margin-bottom: 50px;
    padding: 0;
    border: none;
  }

  .qa_wrap .contents_ttl {
    padding: 18px 20px 18px 50px;
    background: #045DB6 url("../images/icon/ico15.png") no-repeat 20px center;
  }

  .qa_wrap .inner dl {
    margin-bottom: 30px;
    padding: 0;
    border: none;
    border-bottom: 1px solid #E2E2E2;
  }

  .qa_wrap .inner dt {
    margin-bottom: 3vw;
    padding: 3vw 0 2.666vw 18%;
    color: #045db6;
    font-size: 4vw;
    line-height: 6vw;
    background: url("../images/useful/qa/img_q.png") no-repeat left 2% center / 12%;
    border-bottom: none;
  }

  .qa_wrap .inner dd {
    padding: 2.6vw 20px 20px 18%;
    font-size: 4vw;
    line-height: 6.666vw;
    background: url("../images/useful/qa/img_a.png") no-repeat 8px top / 12%;
  }
}

/* 会社概要 */
.company_wrap {
  padding: 50px 0 70px;
  font-size: 16px;
  line-height: 24px;
}

.company_wrap table {
  margin: 0 0 30px;
}

.company_wrap table th,
.company_wrap table td {
  padding: 25px 20px;
  font-weight: normal;
  border: 1px solid #E2E2E2;
  vertical-align: top;
}

.company_wrap table th {
  width: 35%;
  background: #EFEFEF;
}

.company_wrap table td {
  width: 65%;
}

.company_wrap .company_img {
  margin: 0 0 50px;
}

.company_wrap .company_img li {
  width: 485px;
}

.company_wrap .company_img li span {
  display: block;
  padding: 10px 0 0;
}

.company_wrap .business_wrap {
  margin: 0 auto 40px;
  padding: 50px 0;
  width: 100%;
  background: #EFEFEF;
}

.company_wrap .business_wrap .business_img {
  float: left;
  width: 379px;
}

.company_wrap .business_wrap .business_text {
  float: right;
  width: 560px;
}

.company_wrap .business_wrap .business_text .text_list {
  padding: 0 0 0 20px;
}

.company_wrap .business_wrap .business_text .text_list li {
  font-size: 16px;
  line-height: 32px;
  list-style: decimal;
}

.company_wrap .business_wrap .business_text .text_list li span {
  color: #c60d13;
}

.company_wrap .business_wrap .business_text .text_red {
  color: #c60d13;
}

.company_wrap .office_box {
  padding: 0 0 48px;
}

.company_wrap .office_box .map_area {
  float: left;
  width: 410px;
}

.company_wrap .office_box .add_area {
  float: right;
  width: 550px;
  line-height: 32px;
}

.company_wrap .office_box .add_area .contents_ttl {
  padding: 18px 20px 18px 50px;
  background: #045DB6 url("../images/icon/ico18.png") no-repeat 20px center;
}

.company_wrap .office_box .add_area .access_box {
  margin-top: 10px;
  padding: 3px;
  border: 1px solid #045DB6;
  background: #CFE1F3;
}

.company_wrap .office_box .add_area .access_box_in {
  padding: 10px 16px;
  background: #fff;
}

.company_wrap .office_box .add_area .access_box_in span {
  display: block;
  color: #045db6;
  font-weight: 900;
}

@media screen and (max-width: 768px) {
  .company_wrap {
    padding: 6.666vw 0 16vw;
    font-size: 4vw;
    line-height: 32px;
  }

  .company_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .company_wrap table {
    margin: 0 0 4vw;
  }

  .company_wrap table th,
  .company_wrap table td {
    padding: 1.5vw 2vw;
    box-sizing: border-box;
  }

  .company_wrap table th {
    width: 100%;
  }

  .company_wrap table td {
    width: 100%;
  }

  .company_wrap .company_img {
    margin: 0 0 50px;
  }

  .company_wrap .company_img li {
    width: 100%;
  }

  .company_wrap .company_img li span {
    padding: 10px 0 15px;
  }

  .company_wrap .business_wrap {
    margin: 0 auto 40px;
    padding: 50px 0;
    width: 100%;
    background: #EFEFEF;
  }

  .company_wrap .business_wrap .business_img {
    float: none;
    margin-bottom: 4vw;
    width: 100%;
  }

  .company_wrap .business_wrap .business_text {
    float: none;
    width: 100%;
  }

  .company_wrap .business_wrap .business_text .text_list {
    padding: 0 0 0 8vw;
  }

  .company_wrap .office_box {
    padding: 0 0 48px;
  }

  .company_wrap .office_box .map_area {
    float: none;
    width: 100%;
  }

  .company_wrap .office_box .add_area {
    float: none;
    width: 100%;
  }

  .company_wrap .office_box .add_area .contents_ttl {
    padding: 18px 20px 18px 50px;
    background: #045DB6 url("../images/icon/ico18.png") no-repeat 20px center;
  }

  .company_wrap .office_box .map_area {
    margin-bottom: 4vw;
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
  }

  .company_wrap .office_box .map_area iframe,
  .company_wrap .office_box .map_area object,
  .company_wrap .office_box .map_area embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* 名泗コンサルタントとは */
.about_wrap {
  padding: 50px 0 45px;
  font-size: 16px;
  line-height: 32px;
}

.about_wrap .about_copy {
  margin: 0 auto 50px;
  width: 900px;
}

.about_wrap .about_message {
  margin: 0 auto 50px;
  padding: 50px 0 0;
  width: 100%;
  height: 789px;
  font-size: 16px;
  line-height: 40px;
  background: url("../images/about/bg_message.jpg") no-repeat center top;
}

.about_wrap .about_message p {
  margin-bottom: 20px;
}

.about_wrap .about_message span {
  color: #045db6;
  font-size: 18px;
  font-weight: 900;
}

.about_wrap .about_message .copy {
  margin: 0 auto 20px;
  padding: 13px 20px;
  color: #fff;
  font-size: 20px;
  font-weight: 900;
  line-height: 20px;
  background: #045DB6;
}

.about_wrap .about_message .text_img {
  float: right;
  margin-bottom: 40px;
}

.about_wrap .about_message .btn {
  width: 415px;
  clear: both;
}

.about_wrap .about_message .btn a {
  padding: 4px 10px;
  width: 415px;
}

.about_wrap .about_message .btn a span {
  display: inline-block;
  color: #fff;
  font-size: 18px;
}

.about_wrap .about_point {
  margin: 0 auto 50px;
  padding: 50px 0 0;
  width: 100%;
}

.about_wrap .about_point .point_box {
  margin: 0 0 30px;
  padding: 3px;
  border: 1px solid #045DB6;
  background: #CFE1F3;
}

.about_wrap .about_point .point_box dl {
  margin: 0;
  padding: 28px 34px;
  background: #fff;
}

.about_wrap .about_point .point_box dt {
  float: left;
  width: 240px;
}

.about_wrap .about_point .point_box dd {
  float: right;
  width: 650px;
}

.about_wrap .about_point .point_box dd span {
  display: block;
  font-size: 22px;
  font-weight: 900;
}

.about_wrap .about_point .point_box dd a {
  color: #045db6;
  text-decoration: underline;
}

.about_wrap .about_point .point_box dd a:hover {
  text-decoration: none;
}

@media screen and (max-width: 768px) {
  .about_wrap {
    padding: 6.666vw 0;
  }

  .about_wrap .inner {
    padding: 0 4%;
    box-sizing: border-box;
  }

  .about_wrap .about_copy {
    margin: 0 auto 50px;
    width: 94.666%;
  }

  .about_wrap .about_message {
    margin: 0 auto 6.666vw;
    padding: 6.666vw 0;
    width: 100%;
    height: auto;
    line-height: 8vw;
    background: #e4f6ff url("../images/about/bg_message.jpg") no-repeat center bottom;
  }

  .about_wrap .about_message .btn {
    width: 100%;
    clear: both;
  }

  .about_wrap .about_message .btn a {
    padding: 4px 10px;
    width: 415px;
  }

  .about_wrap .about_message .btn a span {
    display: inline-block;
    color: #fff;
    font-size: 18px;
  }

  .about_wrap .about_point {
    margin: 0 auto 6.666vw;
    padding: 6.666vw 0 0;
    width: 100%;
  }

  .about_wrap .about_point .point_box {
    margin: 0 0 30px;
    padding: 3px;
    border: 1px solid #045DB6;
    background: #CFE1F3;
  }

  .about_wrap .about_point .point_box dl {
    margin: 0;
    padding: 4vw 4%;
    background: #fff;
  }

  .about_wrap .about_point .point_box dt {
    float: none;
    margin-bottom: 4vw;
    width: 100%;
  }

  .about_wrap .about_point .point_box dt img {
    width: 100%;
  }

  .about_wrap .about_point .point_box dd {
    float: none;
    width: 100%;
  }

  .about_wrap .about_point .point_box dd span {
    font-size: 5vw;
  }
}

/*　サイトマップ */
.sitemap_wrap {
  margin: 0 auto;
  padding: 45px 0 180px;
  width: 100%;
  font-size: 16px;
  line-height: 40px;
}

.sitemap_wrap .inner {
  padding: 0 90px;
  box-sizing: border-box;
}

.sitemap_wrap .site_list {}

.sitemap_wrap .site_list .list_box {}

.sitemap_wrap .site_list .list_box li {
  padding: 0 0 0 20px;
  background: url("../images/icon/ico03.png") no-repeat left center;
}

.sitemap_wrap .site_list .list_box li.under {
  padding: 0 0 0 36px;
  background: url("../images/icon/ico04.png") no-repeat 23px center;
}

@media screen and (max-width: 768px) {
  .sitemap_wrap {
    margin: 0 auto;
    padding: 5vw 0 10vw;
    width: 100%;
    font-size: 16px;
    line-height: 40px;
  }

  .sitemap_wrap .inner {
    padding: 0 4%;
  }

  .sitemap_wrap .site_list .list_box li {
    padding: 0 0 0 20px;
    width: 100%;
    background: url("../images/icon/ico03.png") no-repeat left center;
  }

  .sitemap_wrap .site_list .list_box li.under {
    padding: 0 0 0 36px;
    background: url("../images/icon/ico04.png") no-repeat 23px center;
  }
}

.flyer_wrap .inner .flyer_top {
  font-size: 16px;
  padding: 50px 0 15px;
}

.flyer_wrap .inner .flyer_box {
  border: 1px solid #e2e2e2;
  padding: 21px 24px;
  margin-bottom: 30px;
}

.flyer_wrap .inner .flyer_box ul.box_img {
  width: 470px;
}

.flyer_wrap .inner .flyer_box ul.box_img li:nth-child(1) {
  margin-right: 26px;
}

.flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg .luminous {
  display: block;
  width: 220px;
  height: 220px;
  position: relative;
  background: #efefef;
  border: 1px solid #e2e2e2;
}

.flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg .luminous:before {
  content: "";
  width: 36px;
  height: 36px;
  display: inline-block;
  background: url(../images/common/zoom.jpg)no-repeat;
  position: absolute;
  z-index: 10;
  left: 1px;
  top: 1px;
}

.flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg .luminous span.pic_name {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  margin: auto;
  color: #fff;
  background: rgba(0, 0, 0, 0.5);
  padding: 6px 7px;
  font-size: 16px;
}

.flyer_wrap .inner .flyer_box .flyer_info {
  width: 439px;
}

.flyer_wrap .inner .flyer_box .flyer_info h3 {
  font-size: 20px;
  font-weight: bold;
  color: #045db6;
  border-bottom: 2px solid #045db6;
  padding: 0 0 5px 38px;
  background: url(../images/flyer/flyer_ico.jpg)no-repeat left top 4px;
  margin-bottom: 17px;
}

.flyer_wrap .inner .flyer_box .flyer_info p.info_txt {
  position: relative;
  padding: 7px 0 0 86px;
  margin-bottom: 28px;
  font-size: 16px;
}

.flyer_wrap .inner .flyer_box .flyer_info p.info_txt span {
  display: inline-block;
  color: #fff;
  background: #045db6;
  font-size: 18px;
  font-weight: bold;
  padding: 5px 14px 2px;
  position: absolute;
  left: 0;
  top: 0;
}

@media screen and (max-width: 768px) {
  .flyer_wrap {
    padding: 0 4vw;
  }

  .flyer_wrap .inner .flyer_top {
    font-size: 16px;
    padding: 20px 0 15px;
  }

  .flyer_wrap .inner .flyer_box {
    border: 1px solid #e2e2e2;
    padding: 3vw 5vw 2vw;
    margin-bottom: 30px;
  }

  .flyer_wrap .inner .flyer_box ul.box_img {
    width: 470px;
    -webkit-box-ordinal-group: 3;
    order: 2;
  }

  .flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg {
    margin: 0 0 25px 0;
  }

  .flyer_wrap .inner .flyer_box ul.box_img li:nth-child(1) {
    margin: 0 0 25px 0;
  }

  .flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg .luminous {
    display: block;
    width: 81vw;
    height: 81vw;
    position: relative;
    background: #efefef;
    border: 1px solid #e2e2e2;
  }

  .flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg .luminous img {
    /* width: 100%; */
    /* height: auto; */
  }

  .flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg .luminous:before {
    content: "";
    width: 36px;
    height: 36px;
    display: inline-block;
    background: url(../images/common/zoom.jpg)no-repeat;
    position: absolute;
    z-index: 10;
    right: initial;
    bottom: initial;
    left: 1px;
    top: 1px;
  }

  .flyer_wrap .inner .flyer_box ul.box_img li.regacy_fitimg .luminous span.pic_name {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    margin: auto;
    color: #fff;
    background: rgba(0, 0, 0, 0.5);
    padding: 6px 9px;
    font-size: 16px;
  }

  .flyer_wrap .inner .flyer_box .flyer_info {
    width: 439px;
    -webkit-box-ordinal-group: 2;
    order: 1;
  }

  .flyer_wrap .inner .flyer_box .flyer_info h3 {
    font-size: 5vw;
    font-weight: bold;
    color: #045db6;
    border-bottom: 2px solid #045db6;
    padding: 0 0 1vw 9vw;
    background: url(../images/flyer/flyer_ico.jpg)no-repeat left top 1vw / 6.5vw;
    margin-bottom: 5vw;
  }

  .flyer_wrap .inner .flyer_box .flyer_info p.info_txt {
    position: relative;
    padding: 1vw 0 0 17vw;
    margin-bottom: 3vw;
    font-size: 16px;
  }

  .flyer_wrap .inner .flyer_box .flyer_info p.info_txt span {
    display: inline-block;
    color: #fff;
    background: #045db6;
    font-size: 4vw;
    font-weight: bold;
    padding: 1vw 3vw 0.5vw;
    position: absolute;
    left: 0;
    top: 0;
  }
}