@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: 450px; height: 85px; background-color: #7dc156; box-shadow:0 4px 0 #efefef; text-align: center; margin: auto; font-size: 20px; color: #ffffff; font-weight: normal; box-sizing: border-box; border-radius: 45px; position: relative; transition: .3s; padding: 24px 0 0 0; letter-spacing: 0.03em;}
.normal_btn a:after{ content: ""; background: url(../images/top/indent_wh.png) no-repeat; background-size: 100% auto; width: 9px; height: 15px; display: inline-block; vertical-align: middle; margin: 0 0 3px 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: 749px; background: url(../images/top/main_bg.jpg) no-repeat center bottom ; 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: 719px;}
#wrap_top #main_image .inn:after{ display: block; content: ""; clear: both;}

#wrap_top #main_image .h{ position: absolute; top:43px; left:-83px; 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-radius: 12px; box-sizing: border-box; padding: 34px 35px 40px 35px; text-align: center; float: right; margin-right: -80px; line-height: 1.61; margin-top: -23px; box-shadow: 0 10px 15px rgba(0,0,0,0.05);}
#wrap_top #main_image .search_area .sub_h{ background: #7dc156; border-radius: 15px; font-size: 16px; color: #ffffff; margin-bottom:8px; position: relative; line-height: 1.95em; letter-spacing: 0.06em;}
#wrap_top #main_image .search_area .sub_h mark{ color: inherit; font-weight: bold; background: transparent;}
#wrap_top #main_image .search_area .tit{ font-size: 38px; font-weight:bold; color: #7dc156; margin-bottom: 20px;}

@media print, screen and (min-width: 2001px) {
	#wrap_top #main_image:before{ background: url(../images/top/main_bg.jpg) no-repeat center bottom ; background-size: cover;}
}

@media print, screen and (max-width: 1400px) {
	#wrap_top #main_image .search_area{margin-right: 0;}
	#wrap_top #main_image .h {left: 0;}
	#wrap_top #main_image .h img{ width: 600px;}
}

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

/* 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:2px; 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 #7dc156; color: #585858; box-sizing: border-box; background: #f1f0ea; 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: 15px; padding: 12px 0 18px 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:0; 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: #eeaf19;}
#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:4px; left:4px; background-color: #eeaf19; 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: #ffffff00; 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:#eeaf19; 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; background: url(../images/top/icon_satei_wh.png) no-repeat center left 68px,#eeaf19; 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{ padding: 100px 0 100px 0; background: #f5f5f5;}
#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:4px; top:-69px; width:270px; height: 165px; background: #f8b62b; box-sizing: border-box; border-radius: 12px; text-align: center; padding-top: 12px; 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: 128px auto; width: 128px; height: 93px; right:0; bottom:-54px;}
#wrap_add02.news .buy_customer_box .total_num .h{ font-size: 20px; font-weight: 700; color: #ffffff; margin-bottom:3px; 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:42px; line-height: 1; vertical-align: text-bottom; font-weight: bold; margin-right: 5px; letter-spacing: 0.06em;}
#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; box-sizing: border-box;}

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

#wrap_add02.news .list::-webkit-scrollbar {
  width: 6px;
	border-radius: 5px;
}
 
#wrap_add02.news .list::-webkit-scrollbar-thumb {
  background:rgba(125,193,86,1);
border-radius: 5px;
}
	
#wrap_add02.news .list::-webkit-scrollbar-track {
  background:rgba(125,193,86,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: 0; bottom: -29px; background-size: 90px auto; width: 90px; height: 66px;}
#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: #ffffff; padding-top: 100px; padding-bottom: 110px;}
#wrap_top .nayami .inn{position: relative; z-index: 0;}
#wrap_top .nayami h2{ position: relative; margin-bottom: 85px;}
#wrap_top .nayami h2 > img{ width: 611px;}
#wrap_top .nayami h2:before{ display: block; content: ""; background: url("../images/top/nayami_illust.png") no-repeat; position: absolute; bottom:-103px; right:0; width: 182px; height: 187px; z-index: 1;}

#wrap_top .nayami .nayami_list{display: flex; justify-content: space-between; flex-wrap: wrap;}
#wrap_top .nayami .nayami_list > li{ background: #f1f0ea; width: 580px; position: relative; min-height: 250px; box-sizing: border-box; padding: 40px 0 0 255px; border-radius: 12px; overflow: hidden;} 
#wrap_top .nayami .nayami_list > li + li + li{ margin-top: 38px;}
#wrap_top .nayami .nayami_list li p{background: url("../images/top/namami_cheak.png") no-repeat top 18px left; padding: 21px 0 0 55px; 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: #90c31f;}
#wrap_top .kaiketsu .inn{position: relative; z-index: 0; color: #ffffff; padding-top: 70px; padding-bottom: 70px;}
#wrap_top .kaiketsu .kaiketu_img{ position: absolute; bottom: 0; right: 0;}
#wrap_top .kaiketsu h2{font-weight: bold; color: #ffffff; font-size: 50px; text-align: left; margin-bottom: 35px; letter-spacing: 0.01em; line-height: 1.4em;}
#wrap_top .kaiketsu h2 span{color: #feff88;}


/*---- 選ばれる理由 ----*/
#wrap_top .merit{ padding: 100px 0 110px 0; position: relative;}
#wrap_top .merit .inn{width: calc(100% - 180px); min-width: 1200px;}
#wrap_top .merit h2{ margin-bottom: 100px;}
#wrap_top .merit h2 > img{ width: 635px;}

#wrap_top .merit .merit_list{ display: flex; justify-content: center; flex-wrap: nowrap; margin-bottom: 76px;}
#wrap_top .merit .merit_list > div{background: url("../images/top/merit_img01.jpg") no-repeat,#f9f6f0; background-position: center bottom; background-size: 100% auto; width: 23.5%; max-width: 400px; height: 500px; border-radius: 12px; box-sizing: border-box; padding: 90px 30px 0 30px; position: relative;}
#wrap_top .merit .merit_list > div + div{ margin-left: 2%;}
#wrap_top .merit .merit_list > div.box02{background: url("../images/top/merit_img02.jpg") no-repeat,#f9f6f0; background-position: center bottom; background-size: 100% auto;}
#wrap_top .merit .merit_list > div.box03{background: url("../images/top/merit_img03.jpg") no-repeat,#f9f6f0; background-position: center bottom; background-size: 100% auto;}
#wrap_top .merit .merit_list > div.box04{background: url("../images/top/merit_img04.jpg") no-repeat,#f9f6f0; background-position: center bottom; background-size: 100% auto;}

#wrap_top .merit .merit_list .h{ font-size: 22px; font-weight: bold; color: #3d3d3d; margin-bottom: 15px;}
#wrap_top .merit .merit_list .h span{display: block; background: url("../images/top/merit_num.png") no-repeat; width: 110px; height: 80px; box-sizing: border-box; text-align: center; font-size: 30px; font-weight: bold; color: #ffffff; position: absolute; padding-top: 15px; top:-8px; left:1%;}
#wrap_top .merit .merit_list .h mark{vertical-align:bottom; background: transparent; font-size: 26px; font-weight: bold; color: #eeaf19;}
#wrap_top .merit .merit_list .h + p{ font-size: 16px; line-height: 1.8em;}

#wrap_top .merit .merit_list > div.box02 .h mark{margin-left: -14px;}

@media print, screen and (max-width: 1850px) and (min-width: 1651px) {
	#wrap_top .merit .merit_list .h br{ display: none;}
	#wrap_top .merit .merit_list > div.box02 .h mark{margin-left: 0;}
}

@media print, screen and (max-width: 1650px) {
	#wrap_top .merit .merit_list{ flex-wrap: wrap;}
	#wrap_top .merit .merit_list > div{ width: 47%; max-width: 500px; margin: 0 1.5% 45px 1.5% !important;}
	#wrap_top .merit .merit_list > div + div + div{ margin-bottom: 0 !important;}
	#wrap_top .merit .merit_list .h{ text-align: center;}
	#wrap_top .merit .merit_list .h span{ left: 0; right: 0; margin: auto;}
	#wrap_top .merit .merit_list .h mark{ font-size: 28px;}
}


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

#wrap_top .service .service_list:before{ display: block; content: ""; background: url("../images/top/service_illust.png") no-repeat; position: absolute; top:-221px; right:45px; width: 266px; height: 226px; z-index: 1;}

#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; position: relative;}
#wrap_top .service .service_list > div{ background: url("../images/top/service01_img.jpg") no-repeat,#ffffff; background-position: top right; background-size: 100% auto; width: 48.3%; border-radius: 12px; margin-bottom: 60px; padding: 100px 50px 60px 50px; box-sizing: border-box; position: relative; }

#wrap_top .service .service_list > div.ex02{background: url("../images/top/service02_img.jpg") no-repeat,#ffffff; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex03{background: url("../images/top/service03_img.jpg") no-repeat,#ffffff; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex04{background: url("../images/top/service04_img.jpg") no-repeat,#ffffff; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex05{background: url("../images/top/service05_img.jpg") no-repeat,#ffffff; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex06{background: url("../images/top/service06_img.jpg") no-repeat,#ffffff; background-position: top right; background-size: 100% auto;}

#wrap_top .service .service_list .num{ background: url("../images/top/service_num.png") no-repeat; text-align: center; font-size: 36px; font-weight: bold; color: #ffffff; box-sizing: border-box; letter-spacing: 0.08em; position: absolute; top:-20px; left:0; right: 0; margin: auto; width: 261px; height: 65px; text-align: right; padding: 13px 50px 0 0;}


#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{ font-size:60px; font-weight:bold; color: #3d3d3d; margin:0 0 40px 0; padding:0; line-height: 1.3em; border: none; letter-spacing: 0.03em;}
#wrap_top .service .service_list h3:before{ display: none;}
#wrap_top .service .service_list h3 > span{display: block; width: 340px; padding: 0 0 9px 0; margin-bottom: 15px; font-size: 20px; font-weight:bold; color: #7dc156; letter-spacing: 0.03em; line-height: 1.2; border-bottom: 2px solid #7dc156; position: relative;}
#wrap_top .service .service_list h3 > span:after{ display: block; content:""; width: 13px; height: 2px; position: absolute; border-bottom: 2px solid #7dc156; right:-2px; bottom:2px; transform:rotate(45deg);}
#wrap_top .service .service_list h3 strong{ color: #7dc156; font-weight: bold !important; -webkit-text-stroke-width: 0 !important;}
#wrap_top .service .service_list h3 br{ display: none;}
#wrap_top .service .service_list > div.ex04 h3 strong,#wrap_top .service .service_list > div.ex06 h3 strong{ letter-spacing: -0.08em; margin-right: 10px;}

#wrap_top .service .service_list p{ font-size: 17px; line-height: 1.8em;}
#wrap_top .service .service_list .small_btn{display: block; font-size: 16px; font-weight:normal; color: #ffffff; background: #3d3d3d; width: 230px; height: 51px; border-radius: 30px; box-sizing: border-box; padding: 6px 0 0 0; position: relative; z-index: 1; transition: .3s; text-align: center; margin: 30px 0 0 0; box-shadow:0 3px 0 #efefef;}
#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; }

#wrap_top .service .service_list .small_btn:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.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;}
	#wrap_top .service .service_list:before{ background-size: 200px; top:-167px; right:0; width: 200px; height: 171px; z-index: 1;}
}

@media print, screen and (max-width: 1630px) {
	#wrap_top .service .service_list h3 br{ display:block;}
}






/*--------------- お客様の声 --------------*/
#wrap_add07.voice{ padding: 95px 0 105px 0;}
#wrap_add07.voice h2{ position: relative;}
#wrap_add07.voice h2:before{display: block;content: "";background: url("../images/top/voice_illust.png") no-repeat;position: absolute;top: 58px;left: -760px;right:0;width: 200px;height: 170px;z-index: 1;margin: auto;}


#wrap_add07.voice .voice_slide{ margin-top: 70px; margin-bottom: 100px;}
#wrap_add07.voice .voice_slide .box{ opacity: .6; background: #f1f7ed; border-radius: 12px; width: 450px; position: relative; box-sizing: border-box; padding: 46px 40px 50px 40px; margin: 0 15px 3px 15px; }
#wrap_add07.voice .voice_slide .box:before{content: ""; background: url("../images/top/voice_icon.png") no-repeat; background-size: 45px auto; width: 45px; height: 45px; position: absolute; left: 50px; top:45px;}
#wrap_add07.voice .voice_slide .box h3{ font-size: 24px; font-weight: 700; color: #7dc156; margin: 0 0 23px 85px; line-height: 1.6em;}
#wrap_add07.voice .voice_slide .box .txt{font-size: 16px; line-height: 1.8em;}
#wrap_add07.voice .voice_slide .box .txt > p{ display: inline; font-weight: 300;}
#wrap_add07.voice .voice_slide .box .txt a{ color: #e95098; text-decoration: underline; transition: .3s; display: inline-block; margin-left: 5px;}
#wrap_add07.voice .voice_slide .box .txt a:hover{ text-decoration: none;}

#wrap_add07.voice .voice_slide .box.slick-current{ opacity: 1;}

#wrap_add07.voice .voice_slide .slick-dots { bottom: -45px;}


#wrap_add07.voice .voice_slide .slick-prev,#wrap_add07.voice .voice_slide .slick-next{ left: 0; right: 0; margin: auto; z-index: 999; width: 58px; height: 70px;}
#wrap_add07.voice .voice_slide .slick-prev{ left: -480px;}
#wrap_add07.voice .voice_slide .slick-next{ right: -545px;}
#wrap_add07.voice .voice_slide .slick-prev:before,#wrap_add07.voice .voice_slide .slick-next:before{ display: block; background:url("../images/top/voice_indent.png") no-repeat center; content: ""; opacity: 1; width: 26px; height: 44px;}

#wrap_add07.voice .voice_slide .slick-prev:before{transform:rotate(180deg);}

#wrap_add07.voice .voice_slide .slick-prev:hover,#wrap_add07.voice .voice_slide .slick-next:hover{ opacity: .7;}




/*--------------- 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{}

