@charset "utf-8";

@import url("/contents/style/recommend.css?t=1");

#wrap_top section{ position: relative; z-index: 3;}
#wrap_top .inn{ width: 1200px; margin: auto;}
#wrap_top section.service > .inn,#wrap_top section.news > .inn{width: calc(100% - 180px); min-width: 1200px;}

#wrap_top a{ text-decoration: none;}


.normal_btn a{ display: block; width: 380px; height: 80px; background-color: #b9aa75; box-shadow:0 4px 0 rgba(0,0,0,0.08); text-align: center; margin: auto; font-size: 18px; color: #ffffff; font-weight: bold; box-sizing: border-box; border-radius: 40px; position: relative; transition: .3s; padding: 20px 0 0 0; letter-spacing: 0.06em;}
.normal_btn a:after{ content: ""; background: url(../images/top/indent_wh.png) no-repeat; width: 9px; height: 15px; display: inline-block; vertical-align: middle; margin: 0 0 5px 15px;}
.normal_btn a:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }

.normal_btn.bk a{background: #3d3d3d;}


/*------------------------------------------ main ----------------------------------------*/

#wrap_top #main_image{margin:0 auto 0 auto; padding-top: 30px; position: relative; box-sizing:border-box; z-index: 1;}
#wrap_top #main_image:before{ position: absolute; content: ""; z-index: 0; width: 100%; height: 765px; background: url(../images/top/main_bg.jpg) no-repeat center bottom ; background-size: cover; top:0; left:0; right:0;}

#wrap_top #main_image .inn{ position: relative; z-index: 0; padding:25px 0 50px 0; box-sizing: border-box; height: 100%; min-height: 735px;}
#wrap_top #main_image .inn:after{ display: block; content: ""; clear: both;}

#wrap_top #main_image .img{ position: absolute; left:-127px; top:44px; z-index: 1;}
#wrap_top #main_image .h{ position: absolute; top:33px; left:160px; z-index: 2;}
#wrap_top #main_image .h p{ padding: 20px 0 0 15px; line-height: 2.0em;}

#wrap_top #main_image .search_area{ width: 550px; background: rgb(255,255,255,0.95); border: 4px solid #efebdd; box-sizing: border-box; padding: 30px 35px 40px 35px; text-align: center; float: right; margin-right: -50px; box-shadow: 0 15px 20px rgba(0,0,0,0.15); line-height: 1.61; margin-top: -23px;}
#wrap_top #main_image .search_area .sub_h{ font-family: 'Noto Sans JP', sans-serif; background: #b9aa75; border-radius: 15px; font-size: 16px; font-weight: 500; color: #ffffff; margin-bottom: 3px; position: relative; line-height: 1.95em; letter-spacing: 0.06em;}
#wrap_top #main_image .search_area .sub_h mark{ color: #333333; background: transparent;}
#wrap_top #main_image .search_area .tit{ font-family: 'Noto Sans JP', sans-serif; font-size: 40px; font-weight: 900; color: #3d3d3d; margin-bottom: 26px;}
#wrap_top #main_image .search_area .tit mark{ color: #c82c55; background: transparent;}

@media print, screen and (max-width: 1399px) {
	#wrap_top #main_image .img {left: -35px;}
	#wrap_top #main_image .h {left: 250px; width: 430px;}
    #wrap_top #main_image .h img{ width: 100%;}
	#wrap_top #main_image .search_area{ width: 500px; margin-right: 0; }
}

/*------------------------------------------ 売却査定フォーム ----------------------------------------*/

/* baikyaku */
#wrap_top #main_image .wrap_form{ padding: 0; border: none; margin: 0;}
#wrap_top #main_image .wrap_form .form_blocks{ position: relative;}

#wrap_top #main_image .wrap_form table.form {font-size:16px; border-collapse:separate; border-spacing:0; margin-bottom:7px; text-align: left;}

#wrap_top #main_image .wrap_form table.form,#wrap_top #main_image .wrap_form table.form tbody,#wrap_top #main_image .wrap_form table.form tr,#wrap_top #main_image .wrap_form table.form th,#wrap_top #main_image .wrap_form table.form td{ display: block;}

#wrap_top #main_image .wrap_form table.form .item { display: inline-block; font-size: 16px; position: relative; line-height: 1.5em; font-weight: 500; background: transparent; color: inherit; padding: 0; margin: 0; width: auto; float: inherit; letter-spacing: 0.03em;}
#wrap_top #main_image .wrap_form table.form th {padding:6px 0 8px 13px; border-left: 3px solid #b9aa75; color: #3d3d3d; box-sizing: border-box; background: #ebebeb; font-family: 'Noto Sans JP', sans-serif; font-weight: 500; width: auto; border-bottom: none;}
#wrap_top #main_image .wrap_form table.form td {font-size: 16px; font-weight: 300; padding: 9px 0 13px 2px; text-align: left; border-bottom: none;}
#wrap_top #main_image .wrap_form table.form .supplement { color:#9a9a9a;}
#wrap_top #main_image .wrap_form table.form .value {margin:0; float: inherit;}
#wrap_top #main_image .wrap_form table.form label { background-color: transparent !important; position: relative; padding: 0 0 0 27px; margin-right: 5px; cursor: pointer; transition: .3s;}
#wrap_top #main_image .wrap_form table.form label:hover{opacity: .7;}
#wrap_top #main_image .wrap_form table.form input[type="radio"] {display: none;}
#wrap_top #main_image .wrap_form table.form input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:2px; left:0; background-color: #e7e7e7; width: 20px; height: 20px; border-radius: 50%;}
#wrap_top #main_image .wrap_form table.form input[type="radio"]:checked + label{color: #c82c55;}
#wrap_top #main_image .wrap_form table.form input[type="radio"]:checked + label:hover{opacity: 1;}
#wrap_top #main_image .wrap_form table.form input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:6px; left:4px; background-color: #c82c55; width: 12px; height: 12px; border-radius: 50%;}

#wrap_top #main_image .wrap_form table.form input[type="text"],#wrap_top #main_image .wrap_form table.form input[type="tel"]{background-color: #ffffff; border:1px solid #c6c6c6; border-radius: 25px; padding: 7px 20px 7px 20px; box-sizing: border-box;}
#wrap_top #main_image .wrap_form table.form ::placeholder { color: #c6c6c6; font-size: 15px;}

#wrap_top #main_image .wrap_form table.form input.w2 { width: 80%;}
#wrap_top #main_image .wrap_form table.form input.w3 { width: 100px;}
#wrap_top #main_image .wrap_form table.form input.w4 { width: 170px;}
#wrap_top #main_image .wrap_form table.form input.w5 { width: 60%; display: inline-block;}
#wrap_top #main_image .wrap_form table.form input.w6 { width: 37%; display: inline-block;}

#wrap_top #main_image .wrap_form table.form strong { color:#9e8951; font-weight:normal; font-size:15px;}

#wrap_top #main_image .wrap_form table.form .item_inn + .item_inn{ margin-top: 7px; border-top: 1px dotted #ddd; padding-top: 7px;}
#wrap_top #main_image .wrap_form table.form .requireLabel{font-size:12px; color:#c82c55; position: absolute; top:0; right:-17px;}
#wrap_top #main_image .wrap_form table.form .example{ font-size: 14px; color: #565656; margin-left: 8px;}
#wrap_top #main_image .form #input_address{display:none; margin-top:10px;}
#wrap_top #main_image .wrap_form .submit_btn{ width: 380px; height: 75px; margin: 0 auto 0 auto; border: 0; color: #ffffff; font-size: 24px; font-weight: 500; background: url(../images/top/icon_satei_wh.png) no-repeat center left 68px,#c82c55; background-size: 27px auto; text-align: center; cursor: pointer; box-shadow:0 4px 0 rgba(0,0,0,0.08); transition: .3s; border-radius: 45px; position: relative; box-sizing: border-box; letter-spacing: 0.03em; font-family:'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; padding-left: 45px; padding-top: 0; padding-bottom: 4px; line-height: 0.85;}
#wrap_top #main_image .wrap_form .submit_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }


@media print, screen and (max-width: 1399px) {
	#wrap_top #main_image .wrap_form table.form td{ font-size: 15px;}
}


/*--------------- 新着査定・購入希望のお客様 --------------*/
#wrap_add02.news{ margin: 100px 0 100px 0;}
#wrap_add02.news > .inn{ display: flex; padding: 0; box-sizing: border-box; justify-content: space-between; flex-wrap: nowrap;}
#wrap_add02.news > .inn > div{ width: 46%;}
#wrap_add02.news .buy_customer_box{position: relative;}
#wrap_add02.news .new_satei_box{ }


#wrap_add02.news h2{font-size: 36px; font-weight: 700; color: #3d3d3d; box-sizing: border-box; margin: 0 0 50px 0; padding: 0; text-align: left;}
#wrap_add02.news h2 > img{ display: inline-block; vertical-align: middle; margin: 0 20px 3px 0;}
#wrap_add02.news .buy_customer_box .total_num{ position: absolute; right:30px; top:-45px; width:270px; height: 165px; background: #c82c55; box-sizing: border-box; border-radius: 12px; text-align: center; padding-top: 12px; padding-right: 25px; z-index: 1; color: #ffffff;}
#wrap_add02.news .buy_customer_box .total_num:before{ display: block; content: ""; position: absolute; background: url("../images/top/news_illust.png") no-repeat; background-size: 75px auto; width: 75px; height: 132px; right:-19px; bottom:-24px;}
#wrap_add02.news .buy_customer_box .total_num .h{ font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom:2px; letter-spacing: 0.06em;}
#wrap_add02.news .buy_customer_box .total_num p.pink_txt{ font-size: 26px; font-weight: 700; }
#wrap_add02.news .buy_customer_box .total_num p.pink_txt span{ display: inline-block; font-size:43px; line-height: 1; vertical-align: text-bottom; font-weight: 500; margin-right: 5px;}
#wrap_add02.news .buy_customer_box .total_num p > small{ font-size: 14px; font-weight: 300; width: 204px; display: block; margin: 9px auto 0 auto; line-height: 1.5em; text-align: left; padding-right: 15px; box-sizing: border-box;}

#wrap_add02.news .list{ max-height: 305px; overflow-y: scroll; margin: 5px; padding-top: 5px; margin-bottom: 5px;}
#wrap_add02.news .list > li{ border-bottom: 1px solid #b9aa75; font-size: 16px; font-weight: 300; padding: 25px 30px 25px 30px; box-sizing: border-box; line-height: 1.8em;}
#wrap_add02.news .list > li:first-child{ border-top: 1px solid #b9aa75;}
#wrap_add02.news .list > li + li{ margin-top: 1px;}
#wrap_add02.news .list > li strong{ display: block; font-weight: 700 !important; color: #b9aa75;}
#wrap_add02.news .list > li .pink{ color: #c82c55; font-weight: 700 !important;}

#wrap_add02.news .list::-webkit-scrollbar {
  width: 6px;
	border-radius: 5px;
}
 
#wrap_add02.news .list::-webkit-scrollbar-thumb {
  background:rgba(185,170,117,1);
border-radius: 5px;
}
	
#wrap_add02.news .list::-webkit-scrollbar-track {
  background:rgba(185,170,117,0.3);
border-radius: 5px;
}
 


@media print, screen and (max-width: 1800px) {
	#wrap_add02.news > .inn > div { width: 48%;}
}

@media print, screen and (max-width: 1650px) {
	#wrap_top #wrap_add02.news > .inn{width: calc(100% - 100px); }
	
#wrap_add02.news .buy_customer_box .total_num{ top: -37px; right: 10px; width:220px; height: 156px; padding-top: 12px; padding-right: 0; }
#wrap_add02.news .buy_customer_box .total_num:before{ right:-19px; bottom:-24px;}
#wrap_add02.news .buy_customer_box .total_num .h{ font-size: 18px; }
#wrap_add02.news .buy_customer_box .total_num p.pink_txt{ font-size: 20px; }
#wrap_add02.news .buy_customer_box .total_num p.pink_txt span{ font-size:36px;}
#wrap_add02.news .buy_customer_box .total_num p > small{ font-size: 11px; width: 185px; padding-right: 38px; }

	
}

@media print, screen and (max-width: 1500px) {
	#wrap_add02.news > .inn > div { width: 56%;}
	#wrap_add02.news > .inn > div.new_satei_box { width: 40%;}
}

/*---- このような事でお悩みではありませんか ----*/
#wrap_top .nayami{ background-color: #f8f6ed; padding-top: 85px; padding-bottom: 110px;}
#wrap_top .nayami .inn{position: relative; z-index: 0;}
#wrap_top .nayami h2{ margin-bottom: 85px;}

#wrap_top .nayami .nayami_list{display: flex; justify-content: space-between; flex-wrap: wrap;}
#wrap_top .nayami .nayami_list > li{ background: #ffffff; width: 580px; position: relative; min-height: 250px; box-sizing: border-box; padding: 40px 0 0 255px;}
#wrap_top .nayami .nayami_list > li + li + li{ margin-top: 33px;}
#wrap_top .nayami .nayami_list li p{background: url("../images/top/namami_cheak.png") no-repeat top 5px left; padding: 21px 0 0 63px; font-size: 24px; font-weight: bold; color: #3d3d3d; line-height: 1.8em;}
#wrap_top .nayami .nayami_list .img{width: 235px; position: absolute; left: 0; top:0;}
#wrap_top .nayami .nayami_list .img img{width: 100%; height: 100%; object-fit: cover;}


/*---- お任せください ----*/
#wrap_top .kaiketsu{ background-color: #c8ba8d;}
#wrap_top .kaiketsu .inn{position: relative; z-index: 0; color: #3d3d3d; font-weight: 500; padding-top: 80px; padding-bottom: 80px;}
#wrap_top .kaiketsu .kaiketu_img{ position: absolute; bottom: 0; right: -20px;}
#wrap_top .kaiketsu h2{font-family: 'Noto Sans JP', sans-serif; font-weight: 700; color: #ffffff; font-size: 48px; text-align: left; margin-bottom: 35px; text-shadow: 0 5px 10px rgba(89,78,37,0.15); letter-spacing: 0.01em; line-height: 1.5em;}
#wrap_top .kaiketsu h2 span{color: #3d3d3d;}


/*--------------- 売却サービス --------------*/
#wrap_top .service{ padding: 98px 0 50px 0; position: relative; text-align: center;}
#wrap_top .service h2{ margin-bottom: 45px;}

#wrap_top .service .service_list{text-align: left; display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row; width: calc(100% - 180px); min-width: 1200px; margin: 80px auto 0 auto;}
#wrap_top .service .service_list > div{ background: #f8f6ed; background-size: auto 100%; width: 48.3%; margin-bottom: 60px; padding: 80px 50px 50px 22%; box-sizing: border-box; position: relative; }
#wrap_top .service .service_list > div:nth-child(2),#wrap_top .service .service_list > div:nth-child(3){background: #f2f2f2;}

#wrap_top .service .service_list .num{ text-align: center; font-size: 19px; font-weight: bold; color: #3d3d3d; box-sizing: border-box; letter-spacing: 0.08em; position: absolute; top:-18px; left:0; right: 0; margin: auto; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; width: 180px; border-left: 1px solid #3d3d3d; border-right: 1px solid #3d3d3d;}
#wrap_top .service .service_list .num > span{ display: inline-block; vertical-align: middle; font-size: 40px; margin-left: 12px;}

#wrap_top .service .service_list .img{ position: absolute; left:-21px; width: 43%; height: 398px;}
#wrap_top .service .service_list .img > img{ width: 100%; height: 100%; object-fit: cover;}
#wrap_top .service .service_list h3{ text-align: center; font-size:62px; font-weight: 700; color: #3d3d3d; margin:0 0 40px 0; padding:0; line-height: 1.3em; border: none; font-family: 'Noto Sans JP', sans-serif; letter-spacing: 0.03em;}
#wrap_top .service .service_list .ex04 h3{ font-size: 55px;}
#wrap_top .service .service_list h3:before{ display: none;}
#wrap_top .service .service_list h3 > span{display: block; background: #3d3d3d; padding: 8px 0 9px 0; margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #ffffff; letter-spacing: 0.03em; line-height: 1.2; box-shadow: 0 5px 10px rgba(89,78,37,0.15);}
#wrap_top .service .service_list h3 strong{ color: #b9aa75; font-weight: 700 !important;}
#wrap_top .service .service_list h3 > span strong{ font-weight: 500 !important;}
#wrap_top .service .service_list p{ font-weight: 300;}
#wrap_top .service .service_list .small_btn{display: block; font-size: 17px; font-weight:bold; color: #b9aa75; background: transparent; border-bottom: 2px solid #b9aa75; width: 170px; height: 50px; box-sizing: border-box; padding: 9.3px 0 0 0; position: relative; z-index: 1; transition: .3s; text-align: center; margin: 10px auto 0 auto;}
#wrap_top .service .service_list .small_btn:after{ display: inline-block; vertical-align: middle; content: ""; background: url("../images/top/indent_mini.png") no-repeat; background-size: 9px auto; width: 9px; height: 13px; margin-left: 15px; margin-bottom: 3px;}
#wrap_top .service .service_list .small_btn::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #b9aa75; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s;}

#wrap_top .service .service_list .small_btn:hover { color: #fff; opacity: 1 !important; border: 0; }
#wrap_top .service .service_list .small_btn:hover::after{ background: url("../images/top/indent_wh.png") no-repeat; background-size: 9px 13px;}
#wrap_top .service .service_list .small_btn:hover::before { transform-origin: 50% 100%; transform: scaleY(1); }


@media print, screen and (max-width: 1880px) {
	#wrap_top .service .service_list h3{ font-size: 50px !important;}
}

@media print, screen and (max-width: 1760px) {
	#wrap_top .service .service_list .ex03 h3,#wrap_top .service .service_list .ex04 h3{ font-size: 45px !important;}
	#wrap_top .service .service_list h3 > span{ font-size: 18px;}
}

@media print, screen and (max-width: 1630px) {
	#wrap_top .service .service_list > div {padding: 60px 30px 60px 18%;}
	#wrap_top .service .service_list .img { width: 35%; height: 250px; top:50%; margin-top: -125px;}
	#wrap_top .service .service_list h3{ margin-bottom: 25px;}
	#wrap_top .service .service_list p {font-size: 16px; line-height: 1.8em;}
	#wrap_top .service .service_list .small_btn{ font-size: 15px; width: 150px;}
}

@media print, screen and (max-width: 1399px) {
}


/*---- 選ばれる理由 ----*/
#wrap_top .merit{ padding: 20px 0 220px 0; position: relative;}
#wrap_top .merit .h_illust { position: absolute; top:60px; left:-755px; right:0; margin: auto;}　
#wrap_top .merit .h_illust + p{}
#wrap_top .merit h2{ margin-bottom: 100px;}

#wrap_top .merit .merit_list{ }
#wrap_top .merit .merit_list > div{min-width: 1150px; background: #f8f6ed; margin-left: calc(50% - 575px); position: relative;}
#wrap_top .merit .merit_list > div:nth-child(even){ margin-left: 0; margin-right: calc(50% - 575px); text-align: right;}
#wrap_top .merit .merit_list > div + div{ margin-top: 135px;}

#wrap_top .merit_list .img{ position: absolute; top:50%; left:800px; margin-top: -290px;}
#wrap_top .merit .merit_list > div:nth-child(even) .img{ left:0; right:800px;}

#wrap_top .merit_list .txt{display: inline-block; text-align: left; width: 800px; min-height: 400px; box-sizing: border-box; padding: 70px 80px 50px 80px; position: relative;}
#wrap_top .merit_list .h{font-size: 32px; font-weight: 700; color: #3d3d3d; margin-bottom: 35px; line-height: 1.8em;}
#wrap_top .merit_list .h > span{display: inline-block; font-size: 80px; font-weight: normal; color: #c8ba8d; font-family:  'Century Gothic', Helvetica, Arial, sans-serif; padding: 0 15px 0 15px; position: absolute; top:-30px; left:63px;}
#wrap_top .merit_list .h > mark{ background-color: transparent; color: #c8ba8d;}
#wrap_top .merit_list p + p{ margin-top: 35px;}


@media print, screen and (max-width: 1750px) {
	#wrap_top .merit_list .img{ left:auto; right:0; width: 44%; height: 580px;}
	#wrap_top .merit .merit_list > div:nth-child(even) .img{ left:0; right:auto;}
	#wrap_top .merit_list .img img{  width: 100%; height: 100%; object-fit: cover;}
}

@media print, screen and (max-width: 1550px) {
	#wrap_top .merit_list .txt{padding: 70px 70px 50px 70px;}
	#wrap_top .merit_list .img{ width: 35%; height: 480px; margin-top: -240px;}
}


/*---- お客様の声 ----*/
#wrap_top .voice{ background: #f8f6ed; padding: 75px 0 100px 0; }
#wrap_top .voice .inn{ position: relative;}
#wrap_top .voice .h_illust { position: absolute; top:-20px; left:200px;}　
#wrap_top .voice .h_illust + p{}

#wrap_top .voice .voice_box + .voice_box{ margin-top: 50px;}
#wrap_top .voice .voice_box .h{font-size: 28px; font-weight: bold; color: #b9aa75; margin: 0 35px 0 35px;}
#wrap_top .voice .voice_box .h > img{ display: inline-block; vertical-align: middle; margin-right: 20px;}
#wrap_top .voice .voice_box .txt_box{ background-color: #ffffff; box-sizing: border-box; padding: 35px 50px 35px 50px;}

#wrap_top .voice .normal_btn{ margin-top: 70px;}


/*---- よくあるご質問 ----*/ 
#wrap_top .faq{ padding: 100px 0 110px 0; }
#wrap_top .faq h2{margin-bottom: 85px;}

#wrap_top .faq dl + dl{ margin-top: 60px;}
#wrap_top .faq dt{font-size: 30px; cursor: pointer; font-weight: 500; color: #ffffff; background: #c8ba8d; width: 100%; padding: 12px 100px 15px 120px; text-align: left !important; box-sizing: border-box; line-height: 1.61; position: relative; transition: .3s;}
#wrap_top .faq dt:before{ display: block; content: "Q"; font-family: 'Century Gothic', Helvetica, Arial, sans-serif; font-size: 90px; font-weight: normal; color: #3d3d3d; position: absolute; top: -55px; left:22px;}

#wrap_top .faq dt:after { display: inline-block; content: "＋"; font-size: 38px; font-weight: 200; position: absolute; right: 30px; top: 50%; margin-top: -33px;}

#wrap_top .faq dt.active:after { content: "－"; }
#wrap_top .faq dt:hover{ opacity: .7;}
#wrap_top .faq dd{display: none; position: relative; margin-top: 10px; padding: 15px 30px 15px 120px;}
	
#wrap_top .faq dd p + p{ margin-top: 30px;}
#wrap_top .faq dd p + ul{ margin-top: 30px;}
#wrap_top .faq dd ul + p{ margin-top: 30px;}
#wrap_top .faq dd li{ list-style: circle; margin-left: 22px;}

#wrap_top .faq .normal_btn{ margin-top: 65px;}



/*--------------- 1カラムバナー --------------*/
#wrap_add.top_banner{ background-color: #fff;}
#wrap_add.top_banner .inner{ padding-top: 30px; margin-bottom: -46px;}
#wrap_add.top_banner .inner > div{ margin-bottom: 25px;}


/*-------------------------- キーワード検索 -------------------------*/
.keyword_search{ margin-bottom: 100px;}
.keyword_search .more{width: 100%; margin: 60px auto 0 auto; padding: 55px 60px 60px 60px; background-color: #5eb43e; border-radius: 20px; box-shadow:0 0 30px rgba(0,0,0,.05); box-sizing: border-box; text-align: center;}
.keyword_search .more .more_content{position: relative; height: auto; max-height: 170px; overflow: hidden; transition: max-height 1s;}
.keyword_search .more .more_content:after{content: ''; position: absolute; bottom: 0; left: 0; z-index: 1; display: block; width: 100%; height: 38%; transition: 1s;  background: linear-gradient( to bottom, transparent 0%, #5eb43e 100% );}
.keyword_search .more .more_content.open:after{z-index: -1; opacity: 0;}
.keyword_search .more .more_content ul{ display: flex; flex-wrap: nowrap; justify-content: center;}
.keyword_search .more .more_content li{ color: #ffffff; margin: 0 7.5px 18px 7.5px; width: 16%; height: 45px;}
.keyword_search .more .more_content a{ display: block; color: inherit; border: 1px solid #ffffff; width: 100%; height: 100%; border-radius: 23px; padding-top: 9px; box-sizing: border-box; transition: .3s;}
.keyword_search .more .more_content a:hover{color: #5eb43e; background: rgba(255,255,255,.9); opacity: 1 !important;}
.keyword_search .more .more_btn{ width: 420px; height: 75px; margin: 0 auto; border: 0; color: #5eb43e; font-size: 20px; font-weight: 500; background-color: #ffffff; text-align: center; cursor: pointer; box-shadow:0 3px 0 rgba(0,0,0,.15); transition: .3s; border-radius: 38px; position: relative; padding-top: 20px; box-sizing: border-box;}
.keyword_search .more .more_btn:after{ display: inline-block; content: ""; background: url(../images/top/indent_bottom_gr.png) no-repeat; width: 14px; height: 9px; position: absolute; top:34px; right:55px;}
.keyword_search .more .more_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.15); }

.keyword_search .more .more_content.open + .more_btn:after{ transform: rotateZ(180deg); vertical-align: middle; margin-bottom: 3px;}

@media print, screen and (max-width: 1450px) {
	.keyword_search .more .more_content li {width: 18%;}
	.keyword_search .more .more_content a{ font-size: 14px; padding-top: 10px;}
}


/*-------------------------- open_house -------------------------*/
#contents-inner-top .open_house { margin-bottom: 80px;}

/*#contents-inner-top .openhouse_one .txt > .time,#contents-inner-top .openhouse_one .txt > .h span.redtxt{font-family:'Josefin Sans','Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif;}*/

#contents-inner-top .openhouse_list{ position: relative; z-index: 2; margin-top: 70px;}

#contents-inner-top .openhouse_one{ width: 100%; height: 370px; background-color: #fbf7ee; position: relative; border-radius: 20px; box-sizing: border-box; padding:25px 50px 25px 445px; margin: 20px 0 20px 0;  }
#contents-inner-top .openhouse_one + .openhouse_one{ margin-top: 3.333333%;}
#contents-inner-top .openhouse_one .new{ position: absolute; top:30px; left:-4px; z-index: 5;}
#contents-inner-top .openhouse_one .img{ border-radius: 20px 0 0 20px; width: 400px; height: 100%; overflow: hidden; position: absolute; top:0; left:0;}
#contents-inner-top .openhouse_one .img > a img{ width: 100%; height: 100%; object-fit: cover;}
#contents-inner-top .openhouse_one .txt{ letter-spacing: 0.03em;}
#contents-inner-top .openhouse_one .txt > .time{ color: #5eb43e; font-size: 20px; font-weight: 800; border-bottom: 1px dotted rgba(94,180,62,0.5); padding-bottom: 20px; margin-bottom: 20px;}
#contents-inner-top .openhouse_one .txt > .time:before{ display: inline-block; content: "開催期間"; background: #5eb43e; width: 107px; height: 33px; vertical-align: middle; margin-right: 22px; margin-bottom: 5px; font-size:18px; font-weight: 400; color:#ffffff; text-align: center; padding-top: 3px; box-sizing: border-box;}
#contents-inner-top .openhouse_one .txt > .h{font-size: 20px; font-weight: 800; color: #41340f; margin-bottom: 20px;}
#contents-inner-top .openhouse_one .txt > .h:after{ display: block; content: "";  clear: both;}
#contents-inner-top .openhouse_one .txt > .h span.redtxt{display: inline-block; margin-left: 80px; font-size: 20px; font-weight: 800; color: #ff8650;}
#contents-inner-top .openhouse_one .txt > .h span.redtxt > span{font-size: 16px; margin-right: 13px;}
#contents-inner-top .openhouse_one .openhouse_ul{ font-size: 15px; font-weight:400; color: #41340f; display: flex; flex-wrap: wrap; }
#contents-inner-top .openhouse_one .openhouse_ul:after{ display: block; content: ""; clear: both;}
#contents-inner-top .openhouse_one .openhouse_ul li{ width: 50%; margin-bottom: 10px;}
#contents-inner-top .openhouse_one .txt .cmnt{ background-color: #ffffff; border-radius: 10px; padding: 15px 30px 14px 30px; margin-top: 15px;}
#contents-inner-top .openhouse_one .txt .cmnt .sub_h{  font-size: 14px; font-weight: 500; color: #5eb43e; margin-bottom: 3px; height: 23px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
#contents-inner-top .openhouse_one .txt .cmnt p{ font-size: 14px; font-weight: 300; line-height: 1.61; height: 46px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}

@media print, screen and (max-width: 1450px) {
	#contents-inner-top .openhouse_one{ padding:28px 30px 20px 350px;  }
	#contents-inner-top .openhouse_one .img{ width: 320px;}
	#contents-inner-top .openhouse_one .txt > .time{font-size: 18px;}
	#contents-inner-top .openhouse_one .txt > .time:before{ width: 95px; }
	#contents-inner-top .openhouse_one .txt > .h span.redtxt{display: block; margin-left: 0; float: right;}
	#contents-inner-top .openhouse_one .openhouse_ul{ font-size: 14px; }
}

/*-------------------------- 非公開物件 -------------------------*/
#contents-inner-top .member {
background: url("../images/top/member_bg.jpg") no-repeat scroll center center;
height: 150px;
margin: 30px 0 0 0;
position: relative;
width: 690px;
box-sizing:border-box;
}
#contents-inner-top .member ul {
padding: 0;
position: absolute;
right: 40px;
top: 20px;
}
#contents-inner-top .member li {}
#contents-inner-top .member li:first-child {margin-bottom:4px;}
#contents-inner-top .member li img {vertical-align:bottom;}

/*---------------------------- case ---------------------------*/
#wrap_case{background:#ecedee; padding:45px 0 80px 0; text-align:center;}
#wrap_case .h_img{text-align:center; margin-bottom:38px;}

/* 物件検索 */
#wrap_add.wrap_map {background:#f5f0e3; display:none;}
/*#wrap_add.wrap_map .inner{padding-top:46px;}*/
#wrap_add.wrap_map .inner{padding:50px 0 40px 0;}
#wrap_add.wrap_map .h_img{}
#wrap_add.wrap_map .area_map .block{display:inline-block; vertical-align:top; /*width:530px;*/}
#wrap_add.wrap_map .area_map .block:last-child{margin-left:20px;}

#wrap_add.wrap_map .area_map .block .list .h_border{ margin-bottom:20px;}

#wrap_add.wrap_map .area_map table{margin:auto; width:1100px;}
#wrap_add.wrap_map .area_map td{padding:0 10px 10px 0;}
#wrap_add.wrap_map .area_map td:last-child{padding:0 0 10px 0;}
#wrap_add.wrap_map .area_map img{margin:0; padding:0; vertical-align:top;}

/*---------------------------- search_property ---------------------------*/
#contents-inner-top .search_property{background-color:#f9f6ec;margin-left:-500%;padding-left: 500%;padding:40px 0 35px 500%;}
#contents-inner-top .search_property::after{ display:block; content:""; clear:both;}
#contents-inner-top .search_property .block{ float:left;}
#contents-inner-top .search_property .block:first-of-type{ margin-right:10px;}
#contents-inner-top .search_property .block .h_border{ /*height:28px;*/ margin-bottom:28px;}
#contents-inner-top .search_property table{border-collapse:separate; border-spacing:0;}
#contents-inner-top .search_property td{ padding-bottom:2px;}
#contents-inner-top .search_property td:first-child{ padding-right:2px;}
#contents-inner-top .search_property a{}

