@charset "utf-8";

/*-----------------------------------------------------------------
	共通css
-----------------------------------------------------------------*/

.page_contents {
    padding: 120px 0 0;
}

.pannav {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 30px;
}

.pannav_arrow {
  color: #666;
  font-weight: bold;
  padding: 0 10px;
}

.page_bg {
    width: 90vw;
    background: #F9F9F9;
    border-radius: 300px 300px 50px 50px;
    padding: 145px 0 100px;
    margin: auto;
    position: relative;
}

.bg_buy { background: #E9FFE6;}
.bg_sell { background: #FFFBE6;}
.bg_chukai { background: #E6FBFF;}

.page_header_img {
    width: 132px;
    position: absolute;
    top: -5vw;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 2;
}

.box_shadow {
    background: #fff;
    border: #000 3px solid;
    border-radius: 30px;
    box-shadow: 3px 5px 0 rgba(0,0,0,1);
}

.h1_page {
    position: relative;
    width: 100%;
    margin-bottom: 100px;
    text-align: center;
}

.h1_page strong {
    position: relative;
    width: auto;
    max-width: 800px;
    display: inline-block;
    font-size: 76px;
    font-weight: bold;
    --x-gradient: linear-gradient(90deg, #000 0 30px, transparent 0 calc(100% - 30px), #000 calc(100% - 30px));
    --y-gradient: linear-gradient(#000 0 30px, transparent 0 calc(100% - 30px), #000 calc(100% - 30px));
    background-image:
        var(--x-gradient),
        var(--y-gradient),
        var(--x-gradient),
        var(--y-gradient);
    background-repeat: no-repeat;
    background-size: 100% 7px, 7px 100%, 100% 7px, 7px 100%;
    background-position: top, right, bottom, left;
    text-align: center;
    padding: 25px 80px;
    margin: auto;
    z-index: 2;
}

.h1_page.small_txt strong {
    font-size: 50px;
}

.h1_page:before,
.h1_page:after {
    content: '';
    position: absolute;
    background: url(../images/page_cloud_bg_l.png) no-repeat center;
    background-size: cover;
    width: 252px;
    height: 132px;
    top: -25%;
    z-index: 1;
}

.h1_page:before {
    left: 0;
}

.h1_page:after {
    right: 0;
    transform: scale(-1, 1);
}

.h2_page {
    font-size: 30px;
    font-weight: bold;
    position: relative;
    padding: 20px;
    margin-bottom: 50px;
    text-align: center;
}

.h2_page::before {
    content: "";
    background: #000;
    height: 3px;
    width: 100%;
    max-width: 100px;
    border-radius: 10px;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}

.h2_page.mb20 {
  margin-bottom: 20px;
}

.h3_page {
  font-size: 24px;
  font-weight: bold;
  padding: 15px;
  border-bottom: #000 1px solid;
  position: relative;
  margin-top: 30px;
  margin-bottom: 40px;
}

.h3_page:before {
  background-color: #009FE8;
  border-radius: 2.5px;
  content: "";
  display: inline-block;
  height: 20px;
  vertical-align: middle;
  width: 5px;
  position: absolute;
  top: 18px;
  left: 0;
}

.contents_box {
  padding: 50px 0;
  margin-top: 80px;
}

.inner_box {
  width: 100%;
  margin: auto;
  padding: 0 60px 20px;
}

.default_tbl {
  width: 100%;
}

.default_tbl th,
.default_tbl td {
  font-weight: bold;
  padding: 20px;
  border-bottom: #ccc 1px solid;
  vertical-align: top;
  line-height: 1.6em;
}

.default_tbl th {
  width: 200px;
  text-align: left;
}

/* タブレット */
@media only screen and (max-width: 1200px) {

  .pannav {
    margin-bottom: 50px;
  }

  .h1_page strong {
    min-width: 60vw;
    font-size: 50px;
    padding: 20px;
    margin: 0 auto 57px;
}

.h3_page {
  font-size: 18px;
  margin-bottom: 20px;
}

.h3_page:before {
  top: 14px;
}

.contents_box {
  padding: 30px 0;
}

.inner_box {
  padding: 0 30px 20px;
}

}

/* SP */
@media only screen and (max-width: 750px) {
  
.h1_page {
  margin-bottom: 50px;
}

.h3_page {
  margin-top: 10px;
}
  
.page_bg {
  width: 100%;
  border-radius: 40vw 40vw 6.667vw 6.667vw;
  padding: 145px 5vw 13.333vw;
}

.contents_box {
  margin-top: 40px;
}

.inner_box {
  padding: 0 15px 20px;
} 

.default_tbl th {
  width: 25%;
  min-width: 110px;
  text-align: left;
  white-space: nowrap;
}

}

/* SP */
@media only screen and (max-width: 500px) {
    
.h1_page strong,
.h1_page.small_txt strong {
  font-size: 10vw;
  padding: 4vw;
  margin: 0 auto 57px;
  --x-gradient: linear-gradient(90deg, #000 0 20px, transparent 0 calc(100% - 20px), #000 calc(100% - 20px));
  --y-gradient: linear-gradient(#000 0 20px, transparent 0 calc(100% - 20px), #000 calc(100% - 20px));
}

.h1_page.small_txt strong {
  font-size: 8vw;
}

.page_header_img {  
  width: 26.4vw;
}

.default_tbl th,
.default_tbl td {
  font-size: 13px;
  padding: 10px 0;
  border-bottom: #ccc 1px solid;
  vertical-align: top;
  line-height: 1.6em;
}
  
}

/*-----------------------------------------------------------------
	buy
-----------------------------------------------------------------*/

.buy_list_box {
  padding: 60px;
  position: relative;
  margin-top: 80px;
}

.buy_tag {
  width: 150px;
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  position: absolute;
  top: -30px;
  left: 60px;
  text-align: center;
  z-index: 10;
}

.buy_soldout {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  display: block;
  background: rgba(0,0,0,0.2);
  z-index: 1;
}

.buy_soldout_txt {
  width: 50%;
  position: absolute;
  top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%) rotate(-10deg);
    -webkit- transform: translateY(-50%) translateX(-50%) rotate(-10deg);
  margin: auto;
  background: #F93A00;
  color: #fff;
  font-size: 60px;
  padding: 20px;
  box-shadow: 3px 3px 0 rgba(0,0,0,0.9);
  text-align: center;
}

.tag_sale { background-color: #FFF000;}

.buy_stock {
  width: 120px;
  height: 120px;
  border-radius: 50%;
  text-align: center;
  position: absolute;
  top: -60px;
  right: 60px;
  display: table;
  font-size: 14px;
  font-weight: bold;
  z-index: 10;
}

.buy_stock label {
  display: table-cell;
  vertical-align: middle;
  color: #fff;
}

.buy_stock strong {
  display: block;
  font-size: 60px;
}

.buy_detail {
  width: 60px;
  height: 60px;
  background: #FFF000 url("../images/icon_arrow.png") no-repeat center center;
  background-size: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -30px;
  margin: auto;
  z-index: 10;
}

.stock_bg01 { background-color: #92C23E;}
.stock_bg02 { background-color: #FFAA2A;}
.stock_bg03 { background-color: #F95C5C;}

.buy_inner_img {
  width: 40%;
  max-width: 400px;
  max-height: 400px;
  margin-right: 35px;
  position: relative;
}

.buy_inner_imgbox {
  width: 100%;
  padding-top: 100%;
  margin-right: 35px;
  position: relative;
	overflow: hidden;
}
  
.buy_inner_imgbox img {
	min-width: 100%;
	  min-height: 100%;
	  margin: 0 0 5px;
	  position: absolute;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  margin: auto;
	  object-fit: cover;
	  font-family: 'object-fit:cover;';
  }

.buy_inner_imgbox::before,
.buy_inner_imgbox::after {
	content: '';
	width: 20px;
	height: 20px;
	position: absolute;
  z-index: 1;
}

.buy_inner_imgbox::before {
	border-left: solid 7px #000000;
	border-top: solid 7px #000000;
	top: 0;
	left: 0;
}

.buy_inner_imgbox::after {
	border-right: solid 7px #000000;
	border-bottom: solid 7px #000000;
	bottom: 0;
	right: 0;
}

.buy_inner_info {
  flex: 1;
  text-align: left;
}

.buy_list_headline {
  color: #F96767;
  font-size: 20px;
  font-weight: bold;
  display: table;
  line-height: 1.6em;
}

.h2_buy_list {
  border-bottom: #000 2px solid;
  padding: 10px 0;
  margin-bottom: 25px;
}

.h2_buy_list strong {
  font-size: 30px;
  font-weight: bold;
}

.served_mark {
  background: #E0A8DC;
  border-radius: 20px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  padding: 10px 15px;
}

.buy_list_txtbox {
  font-weight: bold;
  min-height: 120px;
  padding-bottom: 20px;
}

.buy_list_txtbox p {
  font-size: 20px;
  line-height: 1.6em;
}

.buy_list_inner_l {
  flex: 1;
  margin-right: 2%;
}

.buy_list_inner_r {
  width: 24%;
  max-width: 200px;
}

.buy_list_point {
  margin-top: 20px;
}

.buy_list_point li {
  display: inline-block;
  background: #1EC9EA;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  margin-right: 5px;
  position: relative;
}

.buy_list_infobox {
  border-top: #000 1px solid;
  padding-top: 20px;
}

.buy_list_tbl {
  width: 100%;
}

.buy_list_tbl th,
.buy_list_tbl td {
  vertical-align: top;
}

.buy_list_tbl th {
  width: 100px;
  padding: 5px 0;
}

.buy_list_tbl td {
  padding: 5px 10px;
}

.buy_list_tbl_point {
  width: 90px;
  background: #C4F071;
  border-radius: 20px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
}

/* タブレット */
@media only screen and (max-width: 1200px) {
  
.buy_list_box {
  padding: 60px 30px 60px;
  margin-top: 80px;
}

}

@media only screen and (min-width: 751px) and (max-width: 1200px) {
  
.buy_list_inner_l {
  flex: none;
  width: 100%;
  margin-right: 0;
}

.buy_list_inner_r {
  width: 100%;
  max-width: 100px;
}

}

/* SP */
@media only screen and (max-width: 750px) {
  
.buy_list_box {
  padding: 60px 15px 60px;
  margin-top: 80px;
}

.buy_tag {
  width: 30vw;
  left: 3vw;
}

.buy_soldout_txt {
  width: 80%;
  font-size: 50px;
}

.buy_stock {
  right: 1vw;
}
  
.buy_inner_img {
  width: 100%;
  margin-right: 0;
  margin: 0 auto 30px;
}

.buy_inner_info {
  flex: none;
  width: 100%;
}

.buy_list_headline {
  font-size: 18px;
}

.h2_buy_list strong {
  margin-bottom: 5px;
}

.served_mark {
  font-size: 12px;
  padding: 8px 15px;
}

.buy_list_txtbox {
  min-height: auto;
}

.buy_list_txtbox p {
  font-size: 18px;
}

.buy_list_tbl td {
  padding: 5px;
}

}

/* SP */
@media only screen and (max-width: 500px) {

  .buy_tag {
    width: 30vw;
    font-size: 3.6vw;
    padding: 3vw;
    top: -6vw;
    left: 5vw;
  }
  
  .buy_stock {
    width: 24vw;
    height: 24vw;
    top: -12vw;
    right: -3vw;
    font-size: 2.8vw;
  }
  
  .buy_stock strong {
    font-size: 12vw;
  }

  .buy_detail {
    width: 60px;
    height: 60px;
    top: inherit;
    bottom: -5vw;
    right: -10px;
  }
  
  .h2_buy_list strong {
    font-size: 24px;
  }
  .buy_list_inner_l {
    flex: none;
    width: 100%;
    margin-right: 0;
  }
  
  .buy_list_inner_r {
    width: 100%;
    max-width: 100px;
  }
  
  }

/*-----------------------------------------------------------------
	buy_contents
-----------------------------------------------------------------*/

.h2_buy_info {
  width: 300px;
  background-color: #FFBEBE;
  text-align: center;
  height: 60px;
  line-height: 55px;
  position: absolute;
  left: 0;
  right: 0;
  top: -30px;
  margin: auto;
}

.buy_soldout_box {
  margin-top: 80px;
  padding: 30px 30px;
  background: #F93A00;
}

.buy_info_box {
  /* width: 100%; */
  padding: 60px 40px 40px;
  margin-top: 80px;
  text-align: center;
}

.buy_info_img {
  width: 100%;
  padding-top: 72.9%;
  border-radius: 30px;
  overflow: hidden;
  position: relative;
}

.buy_info_img img {
	min-width: 100%;
  min-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  object-fit: cover;
  font-family: 'object-fit:cover;';
}


.buy_info_txt {
  font-size: 24px;
}

.buy_plan_title {
  font-size: 24px;
  text-align: left;
  line-height: 1.6em;
}

.buy_plan_list {
  margin-top: 20px;
}

.buy_plan_list li {
  background: url("../buy/img/icon_check.png") no-repeat top 10px left 0;
  background-size: 20px;
  padding: 8px 10px 10px 30px;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  line-height: 1.4em;
}

.h2_buy_name {
  font-size: 50px;
  padding: 20px 0;
  margin-bottom: 20px;
  border-bottom: #000 3px solid;
}

.buy_main_txt {
  font-size: 30px;
  font-weight: bold;
  line-height: 1.6em;
}

.img_middle {
  width: 100%;
  max-width: 180px;
  margin-top: 10px;
}

.buy_status_list li {
  width: 150px;
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  padding: 15px;
  text-align: center;
  margin-right: 10px;
  margin-bottom: 20px;
}

.buy_status_new { background-color: #FFF000;}
.buy_status_fast { background-color: #E0A8DC;}

.buy_map_box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 40%;
  margin-top: 20px;
  margin-bottom: 10px;
  overflow: hidden;
}

.buy_map_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.buy_access_box {
  width: 100%;
}

.buy_access_innerbox {
  width: 46%;
}

.buy_access_l {
  width: 120px;
}

.buy_access_item {
  margin-top: 20px;
}

.buy_access_tbl_point {
  width: 100px;
  background: #C4F071;
  border-radius: 20px;
  font-weight: bold;
  text-align: center;
}

.buy_access_r {
  flex: 1;
}

.buy_access_tbl {
  width: 100%;
}

.buy_access_tbl th,
.buy_access_tbl td {
  padding: 10px;
}

.buy_access_tbl th {
  text-align: left;  
}
.buy_access_tbl td {
  min-width: 90px;
  text-align: right;  
}

.buy_kukaku_img {
  width: 100%;
  margin: auto;
  text-align: center;
}

.buy_kukaku_img img {
  margin: auto;
}

.lum-lightbox-inner img {
  max-width: 95vw !important;/* スワイプ範囲含む横幅調整 */
  max-height: 95vh !important;/* 上下余白調整 */
} 

.buy_status_num_box {
  width: 100%;
  background: #FFFEF2;
  border-radius: 30px;
  padding: 20px;
  text-align: center;
  margin-bottom: 20px;
}

.buy_status_num {
  position: absolute;
  right: 0;
  top: 5px;
  background: #FFBEBE;
  padding: 0 20px;
  display: table;
}

.buy_status_num strong {
  font-size: 40px;
  margin-left: 10px;
  margin-right: 10px;
  vertical-align: middle;
}

.buy_status_tbl {
  width: 100%;
  border-top: #000 2px solid;
  border-left: #000 2px solid;
}

.buy_status_tbl tr {
  font-weight: bold;
}

.buy_status_tbl th,
.buy_status_tbl td {
  border-right: #000 2px solid;
  border-bottom: #000 2px solid;
}

.buy_status_tbl tr:empty {
  display: none;
}

.buy_status_tbl tbody tr:hover {
  background: #ffff00!important;
}

.sta_reserve {
  background: #E6FBFF!important;
  color: #999;
  font-weight: normal!important;
}

.sta_reserve td:last-child {
  color: #0096CE;
  font-weight: bold;
}

.sta_sold {
  background: #FFF2F2!important;
  color: #999;
  font-weight: normal!important;
  /* display: none; */
}

.sta_sold td:last-child {
  color: #FD3030;
  font-weight: bold;
}

.buy_status_tbl th {
  background: #C4F071;
  padding: 10px;
  text-align: center;
  font-size: 14px;
}

.buy_status_tbl td {
  padding: 15px;
  text-align: center;
}

.lum-lightbox {
  background: rgba(0,0,0,.8)!important;
  z-index: 100000;
}

.contact_tel {
  font-size: 50px;
  line-height: 1em;
}

.contact_tel a {
  width: 100%;
  display: block;
  color: #000;
  position: relative;
  padding-left: 34px;
}

.contact_tel a::before {
  position: absolute;
  content: "";
  background: url("../images/icon_tel_l.png") no-repeat;
  background-size: cover;
  width: 76px;
  height: 44px;
  left: 0;
}

/* タブレット */
@media only screen and (max-width: 1200px) {
  
.buy_soldout_box {
  padding: 20px 20px;
}

.buy_status_list li {
  width: 12.5vw;
  font-size: 1.5vw;
  padding: 1.25vw;
  margin-right: 0.833vw;
}
  
.buy_info_box {
  padding: 60px 20px 40px;
}
  
  .h2_buy_name {
    font-size: 4.167vw;
    padding: 1.667vw 0;
    margin-bottom: 1.667vw;
  }
  
  .buy_main_txt {
    font-size: 18px;
  }
  
  .img_middle {
    max-width: 130px;
  }

  .buy_access_l {
    width: 100%;
  }
  
  .buy_access_r {
    flex: none;
    width: 100%;
  }
  
  .buy_status_num {
    top: 0;
    padding: 5px 20px;
  }
  
  .buy_status_num strong {
    font-size: 30px;
    margin-left: 5px;
    margin-right: 5px;
  }

  .contact_tel a {
    width: auto;
    display: inline-block;
    padding-left: 80px;
  }
  
  .contact_tel a::before {
    width: 76px;
    height: 44px;
  }

}

/* SP */
@media only screen and (max-width: 750px) {
  
.buy_info_box {
  text-align: left;
  margin-top: 40px;
}

.h2_buy_name {
  font-size: 24px;
}

.buy_status_list li {
  width: 150px;
  font-size: 16px;
}
  
  .h2_buy_info {
    width: 40vw;
    height: 8vw;
    line-height: 7.333vw;
    top: -4vw;
    font-size: 3.2vw;
  }
  
.buy_info_img {
  margin-bottom: 20px;
}

.buy_plan_title {
  font-size: 18px;
  margin-top: 20px;
}

.buy_plan_list li {
  padding: 8px 0 10px 30px;
  font-size: 16px;
}

.buy_map_box {
  padding-top: 80%;
}
.img_middle {
  display: block;
  text-align: center;
  margin: 10px auto 0;
}

.buy_access_innerbox {
  width: 100%;
}

.buy_access_l {
  width: 90px;
}

.buy_access_r {
  flex: 1;
}

.buy_access_tbl_point {
  width: 80px;
  font-size: 14px;
  margin-bottom: 10px;
}

.buy_status_tbl th {
  padding: 5px;
  font-size: 12px;
}

.buy_status_tbl td {
  padding: 15px 10px;
  font-size: 12px;
}

.buy_status_tbl th:empty,
.buy_status_tbl td:empty {
  display: none;
}

.contact_tel {
  font-size: 6.667vw;
}

.contact_tel a {
  padding-left: 10.667vw;
}

.contact_tel a::before {
  width: 10.133vw;
  height: 5.867vw;
}

}

/* SP */
@media only screen and (max-width: 500px) {
  
  .h2_buy_info {
    width: 240px;
    height: 50px;
    line-height: 45px;
    font-size: 18px;
  }
  
  .buy_status_list li {
    font-size: 3.6vw;
    padding: 2vw;
  }
  
.buy_info_img {
  margin-bottom: 20px;
}

.buy_access_l {
  width: 100%;
}

.buy_access_r {
  flex: none;
  width: 100%;
}

.buy_status_num {
  top: 5px;
  font-size: 12px;
}

.buy_status_num strong {
  font-size: 20px;
}

.buy_status_tbl th {
  padding: 5px;
  font-size: 10px;
}

.buy_status_tbl td {
  padding: 10px 5px;
  font-size: 10px;
}

.contact_tel {
  font-size: 32px;
}

}

/*-----------------------------------------------------------------
	chukai
-----------------------------------------------------------------*/

.buy_info_corner {
  position: relative;
}

.buy_info_corner:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 100px solid #F93A00;
  border-right: 100px solid transparent;
}
.buy_info_corner:after {
  content: "売土地";
  position: absolute;
  top: 17px;
  left: 5px;
  font-size: 20px;
  color: #FFF;
  transform: rotate(-45deg) translate(-5px, 5px);
}

/* タブレット */
@media only screen and (max-width: 1200px) {

}

/* SP */
@media only screen and (max-width: 750px) {

}

/*-----------------------------------------------------------------
	sell
-----------------------------------------------------------------*/

.sell_balloon {
  position: relative;
  display: inline-block;
  min-width: 120px;
  max-width: 100%;
  font-size: 19px;
  font-weight: bold;
  background: #FFF;
  border: solid 3px #000;
  border-radius: 30px;
  box-sizing: border-box;
  padding: 15px;
  text-align: center;
  box-shadow: 3px 5px 0 rgba(0,0,0,1);
}

.sell_balloon:before {
  content: "";
  position: absolute;
  bottom: -33px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 22px solid #FFF;
  z-index: 2;
}

.sell_balloon:after {
  content: "";
  position: absolute;
  bottom: -44px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 24px solid #000;
  z-index: 1;
}

.sell_box {
    width: 90vw;
    max-width: 435px;
    margin: auto;
}

.sell_title {
    font-size: 19px;
    text-align: left;
    margin-bottom: 20px;
}

/* タブレット */
@media only screen and (max-width: 1200px) {

}

/* SP */
@media only screen and (max-width: 750px) {

.sell_balloon {
  line-height: 1.6em;
}

}

/*-----------------------------------------------------------------
	contact
-----------------------------------------------------------------*/

.contact_box {
    padding: 50px 50px 70px;
    background: #fff;
}

.contact_tbl {
    width: 100%;
    max-width: 900px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 50px;
  }
  
  .contact_tbl th,
  .contact_tbl td {
    vertical-align: top;
  }
  
  .contact_tbl th {
    width: 230px;
    font-size: 18px;
    text-align: right;
    padding: 30px 20px 10px 0;
  }
  
  .contact_tbl td {
    padding: 15px 0 5px;
    text-align: left;
  }
  
  .contact_tbl td ::placeholder {
    color: #999;
  }
  
  .contact_tbl td p {
    padding: 10px 0 0;
  }

  .contact_zip {
      width: 200px;
      margin-bottom: 10px;
  }

  .required_mark {
      display: inline-block;
      background: #F93A00;
      border-radius: 5px;
      color: #fff;
      font-size: 14px;
      font-weight: bold;
      padding: 5px 10px;
      margin-left: 10px;
  }
  
.any_mark {
    background: #B5DFFC;
    color: #777;
}
  
  .half_list {
    width: 100%;
    margin: auto;
    text-align: center;
  }
  
  .half_list li {
    width: 48%;
    display: inline-block;
    padding: 0 2%;
  }
  
  .btn {
    width: 100%;
    max-width: 500px;
    display: block;
    background: url("../images/icon_arrow.png") no-repeat center right 20px;
    background-size: 19px;
    background-color: #FFF000;
    border: #000 3px solid;
    border-radius: 33px;
    box-shadow: 3px 5px 0 rgba(0,0,0,1);
    color: #000;
    font-size: 18px;
    font-weight: bold;
    padding: 15px;
    text-align: center;
    position: relative;
    margin: auto;
    }

    .btn:hover {
        box-shadow: none;
        transform: translate3d(0, 5px, 0);
        transition : 0.3s;
    }
  
  .back_btn {
    background: #eee;
  }
  
  .err_msg {
    padding: 0 10px!important;
    color: #F93A00;
  }

  .error {
    padding: 10px 0;
  }
  
  /* mw wp form */
  .mw_wp_form_input .input-show { display: none;}
  .mw_wp_form_input .input-hide { display: block;}
  .mw_wp_form_confirm .input-hide { display: none;}
  .mw_wp_form_confirm .input-show { display: block;}

  .mw_wp_form_confirm .contact_tbl td {
    padding: 30px 20px 10px 0;
  }

  .close_box {
    display: none;
  }
  

/* タブレット */
@media only screen and (max-width: 1200px) {
  
.contact_box {
  padding: 30px 25px 50px;
}

}

/* SP */
@media only screen and (max-width: 750px) {
  
  .contact_tbl {
    margin-bottom: 30px;
  }
  
  .contact_tbl th,
  .contact_tbl td {
    width: 100%;
    display: block;
  }
  
  .contact_tbl th {
    text-align: left;
    padding: 20px 20px 0 0;
  }
  
  .mw_wp_form_confirm .contact_tbl td {
    padding: 20px 20px 0 0;
  }

}

/*-----------------------------------------------------------------
	company
-----------------------------------------------------------------*/

.company_photo {
  width: 100%;
  max-width: 353px;
  border-radius: 30px;
  overflow: hidden;
  margin: 0 auto 30px;
}

.link_tbl {
  width: 100%;
  font-weight: bold;
}

.link_tbl th,
.link_tbl td {
  padding: 20px;
  text-align: left;
  border-bottom: #ccc 1px dashed;
}

.link_tbl th {
  white-space: nowrap;
  position: relative;
  padding: 20px 20px 20px 45px;
}

.link_tbl th:before {
  content: '';
  width: 20px;
  height: 20px;
  background: #F08B00;
  border-radius: 50%;
  position: absolute;
  top: 18px;
  left: 15px;
}

.link_tbl th:after {
  content: '';
  width: 4px;
  height: 4px;
  border: 0;
  border-top: solid 3px #fff;
  border-right: solid 3px #fff;
  position: absolute;
  top: 24px;
  left: 20px;
  transform: rotate(45deg);
}

.link_tbl th a {
  color: #F08B00;
}

.map_box {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 50%;
  margin-top: 20px;
  margin-bottom: 10px;
  border: #000 3px solid;
  border-radius: 30px;
  overflow: hidden;
}

.map_box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
}

/* タブレット */
@media only screen and (max-width: 1200px) {

}

/* SP */
@media only screen and (max-width: 750px) {
  
  .link_tbl th,
  .link_tbl td {
    padding: 20px 20px 20px 25px;
    vertical-align: top;
  }
  
.link_tbl td {
  font-size: 14px;
}

.link_tbl th:before {
  left: 0;
}

.link_tbl th:after {
  left: 5px;
}

  
.map_box {
  padding-top: 80%;
}

}

/* SP */
@media only screen and (max-width: 500px) {
  
  .link_tbl th,
  .link_tbl td {
    width: 100%;
    display: block;
  }
  
  .link_tbl th {
    border-bottom: 0;
    padding: 20px 20px 0 25px;
  }

}

/*-----------------------------------------------------------------
	news
-----------------------------------------------------------------*/

.news_list {
  width: 100%;
  max-width: 800px;
  margin: auto;
  font-weight: bold;
}

.news_list dt {
  clear: both;
  float: left;
  width: 100px;
  padding-top: 20px;
  padding-bottom: 20px;
}

.news_list dd {
  border-bottom: #ccc 1px solid;
  position: relative;
}

.news_list dd a {
  padding: 20px 20px 20px 120px;
  width: 100%;
  display: block;
}

.news_post_box {
  width: 100%;
  max-width: 800px;
  margin: 0 auto 100px;
}

  .h2_news {
    border-bottom: #000 2px solid;
    font-size: 30px;
    padding: 10px 0;
    margin-bottom: 20px;
  }

  .news_date {
    text-align: right;
    margin-bottom: 40px;
  }

/* タブレット */
@media only screen and (max-width: 1200px) {

}

/* SP */
@media only screen and (max-width: 750px) {

}

/* SP */
@media only screen and (max-width: 500px) {

.news_list dt {
  clear: both;
  float: none;
  width: 100%;
  padding-top: 20px;
  padding-bottom: 0;
}

.news_list dd a {
  padding: 20px 0;
}

}

/*-----------------------------------------------------------------
wp-pagenavi
-----------------------------------------------------------------*/

.wp-pagenavi {
  margin: 50px 0 20px;
  text-align: center;
}

.wp-pagenavi {
clear: both;
text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span {
width: 50px;
height: 50px;
line-height: 50px;
display: inline-block;
color: #000;
font-size: 24px;
font-weight: bold;
background-color: #FFF;
border: solid 2px #000;
margin: 0 5px;
white-space: nowrap;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
border-radius: 50%;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
text-align: center;
text-decoration:none;
vertical-align: top;
}
.wp-pagenavi a:hover{
color:#FFF; 
background: #FFF000;
}
.wp-pagenavi span.current{
color: #000;
background: #FFF000;
cursor: default;
}

.previouspostslink,
.nextpostslink {
position: relative;
}

.previouspostslink::after {
content: '';
width: 10px;
height: 10px;
border-top: solid 3px #000;
border-right: solid 3px #000;
transform: rotate(-135deg);
position: absolute;
top: 36%;
left: 5%;
right: 0;
margin: auto;
}

.wp-pagenavi a:hover.previouspostslink::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
}

.nextpostslink::after {
content: '';
width: 10px;
height: 10px;
border-top: solid 3px #000;
border-right: solid 3px #000;
transform: rotate(45deg);
position: absolute;
top: 36%;
left: 0;
right: 0;
margin: auto;
}
.wp-pagenavi a:hover.nextpostslink::after{
border-top: solid 3px #fff;
border-right: solid 3px #fff;
}

/* SP */
@media only screen and (max-width: 750px) {
.wp-pagenavi a, .wp-pagenavi span {
  width: 40px;
  height: 40px;
  line-height: 40px;
  font-size: 18px;
  margin: 0 5px;
}
.previouspostslink::after {
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  right: -3px;
  }
.nextpostslink::after {
  width: 8px;
  height: 8px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  left: -3px;
  }

}