@charset "utf-8";

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


.orenge_btn{ display: block; width: 380px; height: 75px; background-color: #de7503; box-shadow:0 4px 0 #b15c00; text-align: center; margin: auto; font-size: 18px; color: #ffffff; font-weight: 300; box-sizing: border-box; border-radius: 12px; position: relative; transition: .3s; padding-top: 22px; letter-spacing: 0.06em;}
.orenge_btn:after{ content: ""; background: url(../images/top/indent_wh_b.png) no-repeat; width: 16px; height: 15px; display: inline-block; vertical-align: middle; margin-left: 20px; margin-bottom: 2px;}
.orenge_btn:hover { transform: translateY(4px); box-shadow: 0 0 0 #b15c00; }

.inn{ width: 1200px; margin: 0 auto 0 auto;}

/*------------------------------------------ 購入サイトバナー ----------------------------------------*/
.bur_buy{ text-align: center; margin: 30px auto 0 auto;}

/*------------------------------------------ main ----------------------------------------*/
#main_image { width: 100%; min-height: 1010px; margin:0 auto 0 auto; background: url(../images/top/main_bk.jpg) no-repeat center top; padding:40px 0 60px 0; box-sizing:border-box; position: relative; z-index: 0;}
#main_image .inn{ width: 1100px;}

#main_image .inn .h{ display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;}
#main_image .inn .h > span{ display: block; width: 140px; text-align: center; font-size: 24px; font-weight: 700; color: #2da538; background-color: #ffffff; margin: 0 7px 0 7px; border-radius: 12px; padding: 5px 0 7px 0; box-sizing: border-box;}
#main_image .inn .h > p{ width: 100%; text-align: center; font-size: 62px; font-weight: 900; color: #ffffff; letter-spacing:0.06em; line-height: 1.31; margin: 30px 0 60px 0;}
#main_image .inn .h > p strong{ color: #fff100; font-weight: 900 !important;}


.search_area{ width: 100%; min-height: 630px; border-radius: 20px; background: #fbf8f3; box-sizing: border-box; padding: 35px 60px 50px 60px; text-align: center;}
.search_area .sub_h{ font-size: 24px; font-weight: 700; color: #2da538; margin-bottom: 45px; position: relative; letter-spacing: 0.06em;}
.search_area .sub_h mark{ color: #de7503; background: url(../images/top/form_h_line.png) no-repeat bottom left; padding-bottom: 5px;}



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

/* baikyaku */
.wrap_form .form_blocks{ position: relative; padding-bottom: 20px; margin-bottom: 20px;}
.wrap_form .form_blocks:before{ display: block; content: ""; background: url("../images/top/indent_bottom_bk.png"); width: 29px; height: 19px; position: absolute; bottom:0; left: 50%; margin-left: -14.5px;}

.wrap_form table.form {font-size:16px; border-collapse:separate; border-spacing:0; margin-bottom:20px; border: 1px solid #1e9329; border-radius: 5px; overflow: hidden;}
.wrap_form table.form .item { display: inline-block; font-size: 22px; font-weight: 500; position: relative;}
.wrap_form table.form th {padding:14px 0 17px 0; vertical-align:top; background-color: #2da538; color: #ffffff; width: 210px; box-sizing: border-box;}
.wrap_form table.form td {padding:0; vertical-align:top; font-size: 18px; font-weight: 400; padding: 14px 40px 17px 40px; text-align: left;}
.wrap_form table.form tr + tr th,.wrap_form table.form tr + tr td{ border-top: 1px solid #1e9329;}
.wrap_form table.form .supplement { color:#9a9a9a;}
.wrap_form table.form .value {margin:6px 0 0 0;}
.wrap_form table.form .value.est_type{ margin: 2px 0 0 0;}
.wrap_form table.form label { background-color: transparent !important; position: relative; padding: 0 0 0 27px; margin-right: 10px; cursor: pointer; transition: .3s;}
.wrap_form table.form label:hover{opacity: .7;}
.wrap_form table.form input[type="radio"] {display: none;}
.wrap_form table.form input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:5px; left:0; background-color: #e7e7e7; width: 20px; height: 20px; border-radius: 50%;}
.wrap_form table.form input[type="radio"]:checked + label{color: #de7503;}
.wrap_form table.form input[type="radio"]:checked + label:hover{opacity: 1;}
.wrap_form table.form input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:9px; left:4px; background-color: #de7503; width: 12px; height: 12px; border-radius: 50%;}

.wrap_form table.form input[type="text"]{background-color: #ebebeb; border: none; border-radius: 5px; padding: 10px 20px 10px 20px; box-sizing: border-box;}

.wrap_form table.form input[type="text"].w2 { width: 80%;}
.wrap_form table.form input[type="text"].w3 { width: 100px;}

.wrap_form table.form strong { color:#2da538; font-weight:400 !important; font-size:16px;}

.wrap_form table.form .example{ display: inline-block; font-size: 16px; opacity: .7; font-weight: 300; margin-left: 15px;}

.wrap_form table.form .requireLabel{font-size:12px; color:#fff100; position: absolute; top:5px; right:-17px;}
#main_image .form #input_address{display:none; margin-top:10px;}

.wrap_form .submit_btn{ font-family: 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; background: url("../images/top/icon_mail_wh.png") no-repeat left 60px center; width: 570px; height: 80px; margin: 0 auto 0 auto; border: 0; color: #ffffff; font-size: 26px; font-weight: 700; background-color: #ea1d44; text-align: center; cursor: pointer; box-shadow:0 5px 0 #ad0021; transition: .3s; border-radius: 15px; position: relative; box-sizing: border-box; letter-spacing: 0.06em; padding-bottom: 5px; padding-left: 60px; }
/*.wrap_form .submit_btn:before{ display: inline-block; content: ""; background: url("../images/top/icon_mail_wh.png") no-repeat; width: 34px; height: 25px; margin-right: 20px; vertical-align: middle; margin-bottom: 5px;}*/
.wrap_form .submit_btn span{color: #fff100;}
.wrap_form .submit_btn:hover { opacity: .7; transform: translateY(5px); box-shadow: 0 0 0 #ad0021; }


/*--------------- このような事でお困りではございませんか？ --------------*/
#wrap_add .onayami_blocks{ background-color: #f1ece8; padding: 70px 0 28px 0;}

#wrap_add .onayami_blocks h2{ font-size: 42px; font-weight: 900; background: url("../images/top/nayami_h_line.png") no-repeat center bottom; text-align: center; padding-bottom: 20px; padding-left: 10px; margin-bottom: 94px;}
#wrap_add .onayami_blocks ul.onayami_list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#wrap_add .onayami_blocks ul.onayami_list li{ width: 380px; border: 3px solid #231815; border-radius: 75px; background-color: #ffffff; position: relative; box-sizing: border-box; padding: 38px 0 40px 40px; margin-bottom: 138px;}
#wrap_add .onayami_blocks ul.onayami_list li:last-child{padding: 13px 0 15px 50px;}
#wrap_add .onayami_blocks ul.onayami_list li:after{ display: block; content: ""; background: url("../images/top/nayami_indent.png") no-repeat; width: 46px; height: 25px; bottom:-25px; left:120px; position: absolute;}
#wrap_add .onayami_blocks ul.onayami_list p{ font-size: 18px; font-weight: 700;}
#wrap_add .onayami_blocks ul.onayami_list .img{ position: absolute;}

#wrap_add .onayami_blocks ul.onayami_list li:nth-child(1) .img{right:20px; top:117px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(2) .img{right:105px; top:104px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(3) .img{right:26px; top:85px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(4) .img{right:73px; top:100px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(5) .img{right:50px; top:100px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(6) .img{right:57px; top:80px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(7) .img{right:20px; top:83px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(8) .img{right:10px; top:76px;}
#wrap_add .onayami_blocks ul.onayami_list li:nth-child(9) .img{right:-24px; top:70px;}

#wrap_add .onayami_blocks .fukidashi{ text-align: center; margin-top: -24px;}


/*--------------- メリット --------------*/

#wrap_add .merit_blocks{ padding: 70px 0 125px 0;}

#wrap_add .merit_blocks h2{ position: relative; border-bottom: 1px solid #ffffff; padding-bottom: 80px; margin: 0 auto 0 auto;}
#wrap_add .merit_blocks h2:before{ display: block; content: ""; background: url("../images/top/merit_h_bk_l.png") no-repeat; width: 173px; height: 188px; position: absolute; top:25px; left:50%; margin-left: -410px; }
#wrap_add .merit_blocks h2:after{ display: block; content: ""; background: url("../images/top/merit_h_bk_r.png") no-repeat; width: 128px; height: 263px; position: absolute; top:-35px; right:50%; margin-right: -360px;}

#wrap_add .merit_blocks .merit_box{ position: relative;}
#wrap_add .merit_blocks .merit_box h3{ min-height: 338px; font-size: 42px; font-weight: 700; color: #ffffff; position: relative; box-sizing: border-box; padding: 132px 0 0 255px; margin-bottom: 75px; line-height: 1.61;}
#wrap_add .merit_blocks .merit_box.box_1 h3{ padding-top: 75px; margin-bottom: 65px;}
#wrap_add .merit_blocks .merit_box.box_4 h3{ padding-top: 160px;}

#wrap_add .merit_blocks .merit_box h3 > span.e_f{ position: absolute; background: url("../images/top/merit_sub-h_num_bk.png") no-repeat; width: 201px; height: 338px; box-sizing: border-box; font-size: 130px; font-weight: normal; color: #2da538; text-align: center; top:0; left:0; padding-top: 168px; line-height: 1; letter-spacing: 0.01em;}
#wrap_add .merit_blocks .merit_box.box_1 h3 > span.e_f{letter-spacing: 0.05em;}

#wrap_add .merit_blocks .merit_box h3 mark{ display: inline-block; color: inherit; background: url("../images/top/merit01_h_line.png") no-repeat left 20px bottom; padding-bottom: 7px;}
#wrap_add .merit_blocks .merit_box.box_2 h3 mark{ background: url("../images/top/merit02_h_line.png") no-repeat left bottom;}
#wrap_add .merit_blocks .merit_box.box_3 h3 mark{ background: url("../images/top/merit03_h_line.png") no-repeat left bottom;}
#wrap_add .merit_blocks .merit_box.box_4 h3 mark{ background: url("../images/top/merit04_h_line.png") no-repeat left bottom;}
#wrap_add .merit_blocks .merit_box.box_5 h3 mark{ background: url("../images/top/merit05_h_line.png") no-repeat left bottom;}
#wrap_add .merit_blocks .merit_box.box_6 h3 mark{ background: url("../images/top/merit06_h_line.png") no-repeat left bottom;}

#wrap_add .merit_blocks .merit_box .h_illust{ position: absolute; top:115px; right:137px;}
#wrap_add .merit_blocks .merit_box.box_2 .h_illust{ top:135px; right:20px;}
#wrap_add .merit_blocks .merit_box.box_3 .h_illust{ top:108px; right:-20px;}
#wrap_add .merit_blocks .merit_box.box_4 .h_illust{ top:116px; right:0;}
#wrap_add .merit_blocks .merit_box.box_5 .h_illust{ top:114px; right:-30px;}
#wrap_add .merit_blocks .merit_box.box_6 .h_illust{ top:113px; right:0;}


#wrap_add .merit_blocks .merit_box .detail{ display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; background-color: #fbf8f3; border-radius: 20px; padding: 50px 45px 50px 45px; box-sizing: border-box;}

#wrap_add .merit_blocks .merit_box .detail .txt{ width: 815px;}
#wrap_add .merit_blocks .merit_box .detail p{ line-height: 1.81;}
#wrap_add .merit_blocks .merit_box .detail p >strong{ color: #de7503; font-weight: 500 !important;}
#wrap_add .merit_blocks .merit_box .detail p + p{ margin-top: 25px;}

#wrap_add .merit_blocks .merit_box .orenge_btn{ width: 220px; height: 50px; margin: 0; font-size: 16px; padding-top: 12px; margin-top: 30px;}
#wrap_add .merit_blocks .merit_box .orenge_btn:after{ background: url(../images/top/indent_wh.png) no-repeat; width: 12px; height: 12px; margin-left: 15px; margin-bottom: 1px;}


/*--------------- 対象エリア --------------*/
#wrap_add .area_blocks{ padding: 70px 0 100px 0;}
#wrap_add .area_blocks h2{ margin-bottom: 85px;}
#wrap_add .area_blocks .inn{ background: url(../images/top/area_illust.png) no-repeat center bottom 50px,#fbf8f3; border-radius: 20px; box-sizing: border-box; padding: 75px 55px 0 80px; min-height: 890px; position: relative; }

#wrap_add .area_blocks h3{ font-size: 32px; font-weight: 900; color: #2da538; margin-bottom: 30px; line-height: 1.61;}
#wrap_add .area_blocks p{ line-height: 1.81;}
#wrap_add .area_blocks .area_map{ position: absolute; top:54px; right:136px;}



/*--------------- 売却と買取の違い --------------*/
#wrap_add .service_blocks{ background-color: #ffffff; padding-bottom: 80px;}

#wrap_add .service_tit{ background-color: #faf7f2; text-align: center; padding: 60px 0 70px 0;}
#wrap_add .service_tit .inn{ position: relative;}
#wrap_add .service_tit h2{font-size: 42px; font-weight: 900; color: #2da538; background: url(../images/top/service_h_line.png) no-repeat center bottom; padding-bottom: 13px; margin-bottom: 45px;}
#wrap_add .service_tit h2 + p.bold{ font-size: 18px;}
#wrap_add .service_tit p.bold{ font-weight: 500;}
#wrap_add .service_tit .choice{ display: flex; justify-content: center; flex-wrap: nowrap; margin: 66px 0 40px 0;}
#wrap_add .service_tit .choice > div{ width: 300px; padding-bottom: 30px; margin: 0 27.5px 0 27.5px; background-color: #ecf7f8; border: 1px solid #1861ae; position: relative; box-sizing: border-box;}
#wrap_add .service_tit .choice > div.box_2{background-color: #fcfced; border-color: #f2941b; }
#wrap_add .service_tit .choice > div:after{ display: block; content: ""; background-color: #ecf7f8; width: 67px; height: 1px; position: absolute; top:-1px; left:50%; margin-left: -33.5px;}
#wrap_add .service_tit .choice > div.box_2:after{background-color: #fcfced;}
#wrap_add .service_tit .choice > div span.e_f{ font-size: 60px; color: #1861ae; display: inline-block; margin-top: -36px; position: relative; z-index: 2; line-height: 1; margin-bottom: 5px;}
#wrap_add .service_tit .choice > div.box_2 span.e_f{ color: #f2941b;}
#wrap_add .service_tit .choice > div p{ font-size: 18px; font-weight: 500;}
#wrap_add .service_tit .illust_01{ position: absolute; bottom:-76px; right:40px;}


#wrap_add .service_detail{ padding: 65px 0 25px 0;}
#wrap_add .service_detail h2{font-size: 28px; font-weight: 700; color: #2da538; background: url(../images/top/service_sub-h_line.png) no-repeat center bottom; padding-bottom: 2px; margin-bottom: 80px; text-align: center;}

#wrap_add .service_detail .choice{ display: flex; justify-content: center; flex-wrap: nowrap; margin: 66px 0 0 0; position: relative;}
#wrap_add .service_detail .choice > div{ width: 450px; padding: 0 40px 50px 40px; margin: 0 20px 0 20px; background-color: #ecf7f8; border: 1px solid #1861ae; position: relative; box-sizing: border-box;}
#wrap_add .service_detail .choice > div.box_2{background-color: #fcfced; border-color: #f2941b; }
#wrap_add .service_detail .choice > div:after{ display: block; content: ""; background-color: #ecf7f8; width: 335px; height: 1px; position: absolute; top:-1px; left:50%; margin-left: -167.5px;}
#wrap_add .service_detail .choice > div.box_2:after{background-color: #fcfced; width: 180px; margin-left: -90px;}
#wrap_add .service_detail .choice > div h3{ font-size: 30px; font-weight: 700; color: #1861ae; line-height: 1; text-align: center; margin: -19px 0 33px 0; position: relative; z-index: 2;}
#wrap_add .service_detail .choice > div.box_2 h3{color: #f2941b;}

#wrap_add .merit_demerit .choice:before{ display: block; content: ""; background: url(../images/top/service_illust_02.png) no-repeat; width: 118px; height: 124px; position: absolute; top:-78px; left:34px; z-index: 3;}
#wrap_add .merit_demerit h4{ font-size: 22px; font-weight: 900; color: #e96e6a; margin-bottom: 20px;}
#wrap_add .merit_demerit h4.blue{color: #2e9a9f;}
#wrap_add .merit_demerit p + h4{ margin-top: 35px;}
#wrap_add .merit_demerit p { min-height: 52px;}
#wrap_add .merit_demerit .choice .illust{ display: block; margin: 40px auto 0 auto;}


#wrap_add .schedule_box .choice:before{ display: block; content: ""; background: url(../images/top/service_illust_03.png) no-repeat; width: 119px; height: 196px; position: absolute; bottom:-23px; right:40px; z-index: 3;}
#wrap_add .schedule_box .choice > div.box_1{ padding-left: 35px; padding-right: 20px;}
#wrap_add .schedule_box .choice > div.box_2{ padding-left: 65px; padding-right: 60px;}
#wrap_add .schedule_box .choice p{ text-align: center; font-weight: 700; margin-top: 45px; margin-bottom: 50px;}
#wrap_add .schedule_box .choice p > mark{ display: block; font-size: 35px; font-weight: 900; color: #e96e6a; background: url(../images/top/service_meyasu_line01.png) no-repeat center bottom; padding-bottom: 3px; letter-spacing: 0.06em;}
#wrap_add .schedule_box .choice .box_2 p > mark{ background: url(../images/top/service_meyasu_line02.png) no-repeat center bottom; }

#wrap_add .schedule_box .schedule_flow li{ display: flex; position: relative; align-items: center; justify-content: flex-start; flex-wrap: nowrap;}
#wrap_add .schedule_box .schedule_flow li + li{ margin-top: 50px;}
#wrap_add .schedule_box .schedule_flow li + li:before{ display: block; content: ""; background: url(../images/top/service_indent_gray.png) no-repeat; width: 20px; height: 11px; position: absolute; top:-30px; left:26px;}
#wrap_add .schedule_box .schedule_flow li > span{ display: block; width: 75px; height: 75px; background-color: #1861ae; text-align: center; font-size: 40px; color: #ffffff; line-height: 1; padding-top: 16px; border-radius: 50%; box-sizing: border-box;}
#wrap_add .schedule_box .box_2 .schedule_flow li > span{ background-color: #f5af51;}
#wrap_add .schedule_box .schedule_flow li p{ margin:0 0 0 10px; line-height: 1.81; font-weight: 400; text-align: left;}



/*--------------- お客様の声 --------------*/
#wrap_add .voice_blocks{ background-color: #e5ec9d; padding: 75px 0 100px 0;}

#wrap_add .voice_blocks h2.normal{ color: #000e01;}
#wrap_add .voice_blocks .voice_list{ display: flex; flex-wrap: wrap; justify-content: space-between;}
#wrap_add .voice_blocks .voice_one{ background-color: #ffffff; border-radius: 20px; width: 570px; min-height: 450px; box-sizing: border-box; padding: 45px; position: relative; margin-bottom: 100px;}

#wrap_add .voice_blocks .voice_one h3{font-size: 18px; font-weight: 500; border-radius: 50%; width: 166px; height: 166px; color: #ffffff; background-color: #000e01; text-align: center; line-height: 2.01; padding-top:55px; box-sizing: border-box; margin: -90px auto 30px auto; }
#wrap_add .voice_blocks .voice_one p{ font-size: 18px; line-height: 2.01;}
#wrap_add .voice_blocks .voice_one .illust_01{position: absolute; top:-41px; left:-52px;}
#wrap_add .voice_blocks .voice_one .illust_02{position: absolute; bottom:-35px; right:-40px;}
#wrap_add .voice_blocks .voice_one .illust_03{position: absolute; top:-33px; left:-118px ;}
#wrap_add .voice_blocks .voice_one .illust_04{position: absolute; bottom:0; right:-192px;}

#wrap_add .voice_blocks .btn_area{ margin-top: -20px;}

/*--------------- よくある質問 --------------*/
#wrap_add .qa_blocks{ background-color: #faf7f2; padding: 75px 0 100px 0;}

#wrap_add .qa_blocks h2.normal{ color: #2da538;}

#wrap_add .qa_blocks .qa_list{}
#wrap_add .qa_blocks .qa_list dt{ font-size: 30px; font-weight: 400; color: #2da538; margin-bottom: -20px; box-sizing: border-box; padding-left: 87px; position: relative; z-index: 2;}
#wrap_add .qa_blocks .qa_list dt:before{ content: "Q"; font-family: 'Pathway Gothic One', sans-serif; font-size: 100px; font-weight: 400; position: absolute; left:32px; top: -38px; line-height: 1;}
#wrap_add .qa_blocks .qa_list dd{ background-color: #ffffff; padding: 60px 90px 60px 90px; font-size: 18px; line-height: 2.01; margin-bottom: 90px; position: relative; z-index: 1;}
#wrap_add .qa_blocks .qa_list dd > p + p{ margin-top: 30px;}
#wrap_add .qa_blocks .qa_list dd img.illust_01{position: absolute; top:-178px; left:-192px;}
#wrap_add .qa_blocks .qa_list dd img.illust_02{position: absolute; bottom:-54px; right:-100px;}
#wrap_add .qa_blocks .qa_list dd img.illust_03{position: absolute; top:27px; left:-117px ;}
#wrap_add .qa_blocks .qa_list dd img.illust_04{position: absolute; bottom:-8px; right:-156px;}

#wrap_add .qa_blocks .btn_area{ margin-top: -10px;}		


/*--------------- お問い合わせ --------------*/
#wrap_add .contact_box{ padding: 75px 0 85px 0; text-align: center;}
#wrap_add .contact_box.wh{ background-color: #ffffff;}

#wrap_add .contact_box h2{ font-size: 60px; font-weight: 900; color: #ffffff; line-height: 1.31; letter-spacing: 0.03em; margin-bottom: 30px; position: relative;}
#wrap_add .contact_box.wh h2{ color: #2da538;}
#wrap_add .contact_box h2:before{ content: ""; background: url(../images/top/contact_illust.png) no-repeat; width: 126px; height: 258px; display: block; position: absolute; top:3px; right:98px;}

#wrap_add .contact_box h2 > strong{color: #fff100; font-weight: 900 !important;}
#wrap_add .contact_box.wh h2 > strong{ color: #de7503;}
#wrap_add .contact_box h2 + p{ font-size: 18px; margin-bottom: 45px; color: #ffffff;}
#wrap_add .contact_box.wh  h2 + p{ color: #000000;}
#wrap_add .contact_box:not(.detail) .box{ display: flex; justify-content: space-between; flex-wrap: nowrap; width: 1030px; margin: 0 auto 0 auto;}
#wrap_add .contact_box .tel{ background-color: #f1ece8; width: 500px; border-radius: 15px; padding-top: 17px; margin-bottom: -5px;}
#wrap_add .contact_box.wh .tel{ background-color: #f1f0e8;}
#wrap_add .contact_box .tel h3{ font-size: 18px; font-weight: 700; color: #2da538; margin-bottom: 10px;}
#wrap_add .contact_box .tel > a.num{ font-size: 46px; color: #333333; line-height: 1; letter-spacing: 0.04em;}
#wrap_add .contact_box .tel > a.num[href^="tel:"]{pointer-events: none;}
#wrap_add .contact_box .tel > a.num:before{ content: ""; background: url(../images/top/contact_icon_tell.png) no-repeat; width: 29px; height: 32px; display: inline-block; vertical-align: middle; margin-right: 8px; margin-bottom: 2px;}
#wrap_add .contact_box .tel > .time{ font-size: 12px; color: #555555; letter-spacing: 0.1em; margin-top: 5px;}

#wrap_add .contact_box .mail{ width: 500px;}
#wrap_add .contact_box .satei_btn{ display: block; width: 100%; height: 130px; background-color: #fff100; box-shadow:0 5px 0 #dbcf00; text-align: center; margin: auto; color: #e1832a; box-sizing: border-box; border-radius: 15px; position: relative; transition: .3s; padding-top: 30px; letter-spacing: 0.06em;}
#wrap_add .contact_box.wh .satei_btn{background-color: #ea1d44; box-shadow:0 5px 0 #ad0021; color: #ffffff;}
#wrap_add .contact_box .satei_btn:hover { transform: translateY(5px); box-shadow: 0 0 0 #dbcf00; }
#wrap_add .contact_box.wh .satei_btn:hover { box-shadow:0 0 0 #ad0021; }

#wrap_add .contact_box .satei_btn em{display: block; font-size: 15px; font-weight: 300; letter-spacing: 0.06em;}
#wrap_add .contact_box .satei_btn span{display: block; font-size: 28px; font-weight: 700;}
#wrap_add .contact_box .satei_btn span:before{ content: ""; background: url(../images/top/contact_icon_mail_or.png) no-repeat; width: 39px; height: 28px; display: inline-block; vertical-align: middle; margin-right: 20px; margin-bottom: 4px;}
#wrap_add .contact_box.wh .satei_btn span:before{ background: url(../images/top/contact_icon_mail_wh.png) no-repeat;}

#wrap_add .contact_box .satei_btn span > strong{color: #b14a0c; font-weight: 700 !important;}
#wrap_add .contact_box.wh .satei_btn span > strong{color: #ffe674;}

#wrap_add .contact_box.detail h2:before{ top:32px; }
#wrap_add .contact_box.detail h2 + p{ margin-bottom: 75px; }
#wrap_add .contact_box.detail .tel{ width: 100%; border-radius: 20px; background-color: #faf6f3; padding: 40px 0 60px 0; margin-bottom: 75px;}
#wrap_add .contact_box.detail .tel h3{ font-size: 32px; margin-bottom: 30px;}
#wrap_add .contact_box.detail .tel > a.num{ font-size: 73px;}
#wrap_add .contact_box.detail .tel > a.num:before{ background: url(../images/top/contact_icon_tell_big.png) no-repeat; width: 43px; height: 49px; margin-right: 10px; margin-bottom: 6px;}
#wrap_add .contact_box.detail .tel > .time{ font-size: 16px; color: #555555; letter-spacing: 0.1em; margin-top: 15px;}

#wrap_add .contact_box.detail .form > h3{font-size: 32px; font-weight: 700; color: #faf7f2; margin-bottom: 45px;}
#wrap_add .contact_box.detail .form > h3 > strong{ color: #fff100; font-weight: 700 !important;}


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


/*-------------------------- ご案内予約 -------------------------*/
.raiten{width:100%; height:auto; position:relative; border-radius: 20px; background: url(../images/top/sainome_bk.jpg) repeat center top; padding: 60px 0 65px 0; margin-bottom: 90px; display: flex; flex-direction: row-reverse; justify-content: center; align-items: center; box-sizing: border-box;}
	
.raiten .inn{text-align: center; padding-left: 45px; padding-right: 60px; position: relative;}
.raiten .inn:after{ display: block; content: ""; background: url(../images/top/raiten_illust.png) no-repeat; width: 101px; height: 121px; position: absolute; bottom:-5px; right:10px;}
.raiten h2{ margin-bottom: 26px;}
.raiten p{ color: #41340f; line-height: 1.61; margin-bottom: 23px;}

.raiten a.raiten_btn{ display: flex; width: 420px; height: 75px; background-color: #ff8650; box-shadow:0 3px 0 rgba(0,0,0,.15); text-align: center; margin: auto; font-size: 20px; color: #ffffff; font-weight: 500; box-sizing: border-box; border-radius: 45px; position: relative; transition: .3s; letter-spacing: 0.06em; align-items: center; justify-content: center;}
.raiten a.raiten_btn > img{ margin-bottom: 2px;}
.raiten a.raiten_btn:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.15); }

@media print, screen and (max-width: 1550px) {
	.raiten{padding-right: 10px; padding-left: 15px;}
	.raiten .inn { padding-left: 25px; padding-right: 50px;}
	.raiten h2 > img{ width: 100%;}
	.raiten p br{ display: none;}
	.raiten .img_bg{width: 350px;}
}




/*-------------------------- キーワード検索 -------------------------*/
.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; }
}


/*-------------------------- contact -------------------------*/
#contents-inner-top .contact {
margin:30px auto 0;
width:690px;
height:160px;
position:relative;
background:url(../images/top/contact_tel.png) no-repeat;
}
#contents-inner-top .contact .mail{
position:absolute;
top:78px;
right:18px;
}


/*-------------------------- 非公開物件 -------------------------*/
#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{}


/* board_information ----------------------------------------------------------------------------------------------*/
#contents-inner-top .board_information{margin:0 0px 20px 0px;}
#contents-inner-top .board_information.movie_blocks{ margin-bottom: 50px;}


/* netde ----------------------------------------------------------------------------------------------*/
#contents-inner-top .netde {width:660px; text-align:right;}



