@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: 420px; height: 80px; background-color: #9fbb00; box-shadow:0 4px 0 #88a000; text-align: center; margin: auto; font-size: 20px; color: #ffffff; font-weight: 500; box-sizing: border-box; border-radius: 10px; position: relative; transition: .3s; padding: 24px 0 0 0; letter-spacing: normal;}
.normal_btn a:after{ content: ""; background: url(../images/top/indent_mini.png) no-repeat; background-size: 100% auto; width: 9px; height: 13px; display: inline-block; vertical-align: middle; margin: 0 0 3px 20px;}
.normal_btn a:hover { transform: translateY(3px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }

.normal_btn.bk a{background: #3d3d3d;}
.normal_btn.pink a{background: #e95464; box-shadow:0 4px 0 #d23949;}



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

#wrap_top #main_image{margin:0 auto 0 auto; position: relative; box-sizing:border-box; z-index: 1; background: #f7f7f7; overflow: hidden;}
#wrap_top #main_image:before{position: absolute;content: "";z-index: 0;width: 100%;height: 970px;background: url(../images/top/main_bg.jpg) no-repeat center;top:-130px;left:0;right:0;}

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

#wrap_top #main_image .h{position: absolute;top:-75px;left: -115px;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: 25px 35px 40px 35px;text-align: center;float: right;margin-right: 0px;line-height: 1.61;box-shadow: 0 10px 15px rgba(0,0,0,0.05);}
#wrap_top #main_image .search_area .sub_h{background: #9fbb00;border-radius: 15px;font-size: 17px;font-weight: 700;color: #ffffff;margin-bottom: 5px;position: relative;line-height: 1em;letter-spacing: 0.06em;height: 30px;box-sizing: border-box;padding-top: 6px;}
#wrap_top #main_image .search_area .sub_h:before{display: block; content: ""; width: 0;height: 0;border-style: solid;border-color: #9fbb00 transparent transparent transparent;border-width: 9px 7.5px 0px 7.5px; position: absolute; bottom:-9px; left:0; right:0; margin: auto;}

#wrap_top #main_image .search_area .sub_h mark{ color: #faff6b; background: transparent;}
#wrap_top #main_image .search_area .tit{font-size: 40px;font-weight:900;color: #9fbb00;margin-bottom: 9px; letter-spacing: normal;}
#wrap_top #main_image .search_area .tit:before{display: inline-block; content: ""; background: url("../images/top/icon_time.png") no-repeat; width: 43px; height: 43px; vertical-align: middle; margin:0 13px 10px -7px; }

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


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

/* 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: 0;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: 4px 0 5px 13px;border-left: 3px solid #9fbb00;color: #585858;box-sizing: border-box;background: #f0f0f0;font-weight: 700;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: #ea5968;}
#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: #ea5968; 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:#9fbb00; 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: 26px; font-weight: 700; background: url(../images/top/icon_satei_wh.png) no-repeat center left 48px,#e95464; background-size: 29px auto; text-align: center; cursor: pointer; box-shadow:0 4px 0 #d23949; transition: .3s; border-radius: 10px; 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: 55px; 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: 75px 0 90px 0; background: #f7f7f7;}
#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: 48%;}
#wrap_add02.news .buy_customer_box,#wrap_add02.news .new_satei_box{position: relative;}


#wrap_add02.news h2{font-size: 36px; font-weight: 700; color: #3d3d3d; box-sizing: border-box; margin: 0 0 30px 0; padding: 0; text-align: left;}
#wrap_add02.news h2 > img{ display: inline-block; vertical-align: middle; margin: 0 20px 3px 0; width: 78px !important;}
#wrap_add02.news .total_num{position: absolute;right: 0;top: -40px;width:270px;height: 105px;background: #ffffff;box-sizing: border-box;border-radius: 12px;text-align: center;padding-top: 12px;z-index: 1;color: #3d3d3d;border: 2px solid #e95464;}
#wrap_add02.news .total_num:before{display: block;content: "";width: 0;height: 0;border-style: solid;border-color: #ffffff transparent transparent transparent;border-width: 17px 14px 0px 14px;position: absolute;bottom: -17px;left:0;right:0;margin: auto;z-index: 0;}
#wrap_add02.news .total_num:after{display: block;content: "";width: 0;height: 0;border-style: solid;border-color: #e95464 transparent transparent transparent;border-width: 19px 16px 0px 16px;position: absolute;bottom: -20px;left:0;right:0;margin: auto;z-index: -1;}

#wrap_add02.news .total_num .h{font-size: 20px;font-weight: 700;color: #e95464;margin-bottom: -2px;letter-spacing: 0.06em;}
#wrap_add02.news .total_num p.pink_txt{font-size: 24px;font-weight: 700;color: #e95464;margin-bottom: -5px;}
#wrap_add02.news .total_num p.pink_txt span{ display: inline-block; font-size:38px; line-height: 1; vertical-align: text-bottom; font-weight: bold; margin-right: 5px; letter-spacing: 0.06em;}
#wrap_add02.news .total_num p > small{ font-size: 14px; font-weight: 500; width: 80%; display: block; margin: 9px auto 0 auto; line-height: 1.5em; text-align: left; box-sizing: border-box;}

#wrap_add02.news .new_satei_box .total_num{border-color: #9fbb00; width: 300px;}
#wrap_add02.news .new_satei_box .total_num:after{border-color: #9fbb00 transparent transparent transparent;}
#wrap_add02.news .new_satei_box .total_num .h{font-size: 24px;font-weight: bold;color: #9fbb00;margin-top: 3px;}
#wrap_add02.news .new_satei_box .total_num small{display: block; font-size:20px;}

#wrap_add02.news .list{ height: 300px; background: #f0efef; border-radius: 15px; margin:0; padding: 30px; box-sizing: border-box;}
#wrap_add02.news .list ul{width: 100%; height: 100%; overflow-y: auto;}
#wrap_add02.news .list ul > li{ font-size: 16px; font-weight: 400; padding: 0; box-sizing: border-box; line-height: 1.8em; color: #000;}
#wrap_add02.news .list ul > li + li{ margin-top: 30px;}
#wrap_add02.news .list ul > li strong{ font-weight: bold !important; color: #9fbb00;}
#wrap_add02.news .list ul > li .pink{ color: #e95464; font-weight: normal !important;}

#wrap_add02.news .list ul::-webkit-scrollbar {
  width: 5px;
	border-radius: 5px;
}
 
#wrap_add02.news .list ul::-webkit-scrollbar-thumb {
  background:rgba(0,0,0,0.4);
border-radius: 5px;
}
	
#wrap_add02.news .list ul::-webkit-scrollbar-track {
  background:rgba(0,0,0,0.05);
border-radius: 5px;
}


@media print, screen and (max-width: 1600px) {
#wrap_add02.news{padding-bottom: 80px;}

#wrap_add02.news h2{font-size: 30px; margin: 0 0 20px 0; }
#wrap_add02.news h2 > img{ margin: 0 15px 3px 0; width: 68px !important;}
    
#wrap_add02.news .total_num{width: 215px;height: 97px;}
#wrap_add02.news .total_num .h{ font-size: 18px;}
#wrap_add02.news .total_num p.pink_txt{ font-size: 20px;}
#wrap_add02.news .total_num p.pink_txt span{font-size: 34px; margin-bottom: 2px;}

#wrap_add02.news .new_satei_box .total_num{width: 270px;}
#wrap_add02.news .new_satei_box .total_num .h{font-size: 22px;margin-top: 3px;}
#wrap_add02.news .new_satei_box .total_num small{font-size:18px;}


}


/*---- このような事でお悩みではありませんか ----*/
#wrap_top .nayami{ padding-top: 80px; margin-bottom: -4px;}
#wrap_top .nayami .inn{position: relative; z-index: 0;}
#wrap_top .nayami h2{ position: relative; margin-bottom: 70px;}
#wrap_top .nayami h2 > img{ width: 611px;}


/*---- お任せください ----*/
#wrap_top .kaiketsu{ background-color: #9fbb00; position: relative; z-index: 1;}
#wrap_top .kaiketsu .inn{position: relative; z-index: 0; color: #ffffff; padding: 60px 0 60px 300px; box-sizing: border-box;}
#wrap_top .kaiketsu .inn:before{display: block;content: "";width: 0;height: 0;border-style: solid;border-color: #9fbb00 transparent transparent transparent;border-width: 45px 45px 0px 45px;position: absolute;bottom: -44px;left:0;right:0;margin: auto;z-index: 0;}

#wrap_top .kaiketsu .kaiketu_img{ position: absolute; top: 72px; left: -30px;}
#wrap_top .kaiketsu h2{font-weight: bold; color: #ffffff; font-size: 37px; text-align: left; margin-bottom: 30px; letter-spacing: -0.01em; line-height: 1.6em;}
#wrap_top .kaiketsu h2 span{font-size: 45px;}
#wrap_top .kaiketsu p{ font-size: 18px; font-weight: 500; line-height: 1.8em;}


/*---- 選ばれる理由 ----*/
#wrap_top .merit{ padding: 85px 0 90px 0; position: relative; background-color: #feffea; z-index: 0;}
#wrap_top .merit h2{ margin-bottom: 60px;}

#wrap_top .merit .box {border: 2px solid #e95464; border-radius: 12px; padding: 30px; position: relative; overflow: hidden; max-width:1200px; margin-bottom: 25px; box-shadow: 0 4px 0 #e4e5d2; background-color: #fff;}
#wrap_top .merit .number {position: absolute; top: 20px; left: -20px;}
#wrap_top .merit .content {display: flex; justify-content: space-between;}
#wrap_top .merit .text_block {padding: 0 30px 0 75px;}
#wrap_top .merit .content .title {font-size: 32px; color: #e95464; line-height: 3rem;}
#wrap_top .merit .content p {font-size: 17px; line-height: 1.8em; font-weight: 400;}
#wrap_top .merit .image_box {max-width: 310px; height: auto;}
#wrap_top .merit .image_box img {border-radius: 5px;}


/*--------------- 売却サービス --------------*/
#wrap_top .service{ padding: 80px 0 50px 0; position: relative; text-align: center;}
#wrap_top .service h2{ margin-bottom: 30px;}
#wrap_top .service h2 > img{ width: 490px !important;}

#wrap_top .service h2 + p{display: flex;font-size: 18px;line-height: 2.0em;font-weight: 400;width: 1050px;margin: auto;text-align: left;justify-content: center;align-items: center;flex-wrap: nowrap;}
#wrap_top .service h2 + p .service_illust{ display: block; margin-right: 56px;}
#wrap_top .service h2 + p span{ margin-bottom: 40px;}

#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:-5px auto 0 auto; position: relative;}
#wrap_top .service .service_list > div{ background: url("../images/top/service01_img.jpg") no-repeat,#f5f5f5; 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,#f5f5f5; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex03{background: url("../images/top/service03_img.jpg") no-repeat,#f5f5f5; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex04{background: url("../images/top/service04_img.jpg") no-repeat,#f5f5f5; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex05{background: url("../images/top/service05_img.jpg") no-repeat,#fafafa; background-position: top right; background-size: 100% auto;}
#wrap_top .service .service_list > div.ex06{background: url("../images/top/service06_img.jpg") no-repeat,#fafafa; 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: -17px;left:0;right: 0;margin: auto;width: 321px;height: 54px;padding: 0 0 0 86px;line-height: 1.35em;}

#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: #9fbb00; letter-spacing: 0.03em; line-height: 1.2; border-bottom: 2px solid #9fbb00; position: relative;}
#wrap_top .service .service_list h3 > span:after{ display: block; content:""; width: 13px; height: 2px; position: absolute; border-bottom: 2px solid #9fbb00; right:-2px; bottom:2px; transform:rotate(45deg);}
#wrap_top .service .service_list h3 strong{ color: #9fbb00; 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_top .compare{ background: #feffea; padding: 85px 0 110px 0;}

#wrap_top .compare h2{ margin-bottom: 60px;}
#wrap_top .compare h2 + p{font-size: 18px;line-height: 2.0em;font-weight: 400;margin: auto;text-align: center;}

#wrap_top .compare .compare_tb{ background: #ffffff; margin: 65px 0 50px 0; border-collapse: collapse; font-size: 24px; font-weight: 500; color: #575757;}
#wrap_top .compare .compare_tb thead th{ border-top:2px solid #9fbb00; border-bottom:2px solid #9fbb00; padding: 10px 35px 13px 35px; font-size: 30px; text-align: center; color: #9fbb00;}
#wrap_top .compare .compare_tb thead th em{ color: #829900;}

#wrap_top .compare .compare_tb thead th:nth-child(2),#wrap_top .compare .compare_tb th + td{ background: #f5f5f5;}
#wrap_top .compare .compare_tb tbody tr > *{ border-bottom: 1px dotted rgba(0,0,0,0.2); box-sizing: border-box; padding: 20px 35px 20px 35px;}
#wrap_top .compare .compare_tb tbody th{ width: 257px; font-weight: bold; color: #4b4b4b; text-align: left;}
#wrap_top .compare .compare_tb td{width: 470px; text-align: center;}
#wrap_top .compare .compare_tb td small{display: block; font-size: 18px; font-weight: 400;}

#wrap_top .compare .compare_tb td ul > li{list-style: disc;margin-left: 15%;text-align: left;margin-bottom: 5px;}
#wrap_top .compare .compare_tb td:last-child ul > li{margin-left: 30%}
#wrap_top .compare .compare_tb tbody tr:last-child > *{border-bottom:none;}

#wrap_top .compare .text{ position: relative; padding: 0 275px 20px 70px; font-size: 18px;line-height: 2.0em;font-weight: 400; box-sizing: border-box; margin-bottom: 35px;}
#wrap_top .compare .text p + p{ margin-top: 20px;}
#wrap_top .compare .text p.bold{ font-weight: bold;}
#wrap_top .compare .text .illust{ position: absolute; bottom:0; right: 70px; z-index: 1;}

#wrap_top .compare .normal_btn.pink a{ width: 540px;}



/*--------------- ご利用の流れ --------------*/
#wrap_add06.flow{background-color: #9fbb00; padding: 100px 0 100px 0;}
#wrap_add06.flow h2{ margin-bottom: 85px;}

#wrap_add06.flow .flow_list{display: flex; flex-wrap: nowrap; justify-content: space-between; margin-bottom:65px;}
#wrap_add06.flow .flow_list > div{background: #ffffff;border-radius: 12px;width: 170px;position: relative;margin: 0;height: 450px;display: flex;flex-direction: column;justify-content: space-between;align-items: center;padding: 0 0 8px 0;box-sizing: border-box;}
#wrap_add06.flow .flow_list > div + div:before{ display: block; background:url("../images/top/flow_indent.png") no-repeat; content: ""; width: 15px; height: 25px; position: absolute; top:50%; margin-top: -7.5px; left: -25px;}
#wrap_add06.flow .box .img > img{width: 100%; border-radius: 8px;}
#wrap_add06.flow .box h3{ writing-mode: vertical-rl; box-sizing: border-box;  padding-top: 50px;  align-content: center; font-size: 32px; color: #3d3d3d; font-weight: 700; text-align: left; z-index: 1;}
#wrap_add06.flow_list .box {padding: 5px; border: 0; box-shadow: none; display: flex; flex-direction: column; align-items: center; justify-content: space-between;}

#wrap_add06.flow .box .flow_num{display: block; width: 60px; height: 60px; border-radius: 50%; background: #3d3d3d; text-align: center; color: #ffffff; position: absolute; top: -30px; left: 0; right: 0; margin: auto; z-index: 1; font-size: 30px; padding-top: 3px; box-sizing: border-box;}

#wrap_add06.flow .normal_btn.yellow a{ background: #fbff84; box-shadow: 0 4px 0 #e1e565; color: #3d3d3d; font-weight: 700;}
#wrap_add06.flow .normal_btn.yellow a:hover{box-shadow: 0 0 0 #e1e565;}
#wrap_add06.flow .normal_btn.yellow a:after{filter: brightness(0) saturate(100%) invert(18%) sepia(24%) saturate(15%) hue-rotate(72deg) brightness(94%) contrast(81%);}



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


#wrap_add07.voice .voice_slide{margin-top: 0;margin-bottom: 90px;}
#wrap_add07.voice .voice_slide .slick-track{ display: flex;}
#wrap_add07.voice .voice_slide .box{opacity: .6;background: #f9fbec;border-radius: 12px;width: 500px; height: auto; 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: #9fbb00;margin: 0 0 23px 85px;line-height: 1.6em;}
#wrap_add07.voice .voice_slide .box .txt{font-size: 18px;line-height: 1.8em;font-weight: 400;color: #3d3d3d;}
#wrap_add07.voice .voice_slide .box .txt > p{display: inline;}
#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-dots li button:before{ font-size: 12px;}

#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: -530px;}
#wrap_add07.voice .voice_slide .slick-next{ right: -595px;}
#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: 400; 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{}