@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 > .inn{width: calc(100% - 180px); min-width: 1200px;}


.blue_btn a{ display: block; width: 450px; height: 75px; background-color: #00479d; box-shadow:0 3px 0 #002858; text-align: center; margin: auto; font-size: 18px; color: #ffffff; font-weight: 500; box-sizing: border-box; border-radius: 5px; position: relative; transition: .3s; padding: 19px 0 0 40px; letter-spacing: 0.06em;}
.blue_btn a:after{ content: ""; background: url(../images/top/indent_wh.png) no-repeat; width: 9px; height: 15px; display: inline-block; vertical-align: middle; margin: 0 0 3px 15px;}
.blue_btn a:hover { transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,.15); }

.blue_btn a.movie_illust:before{content: ""; background: url("../images/top/movie_illust.png") no-repeat; width: 73px; height: 91px; position: absolute; left: 40px; bottom: -5px;}
.blue_btn a.reason_illust:before{content: ""; background: url("../images/top/reason_illust.png") no-repeat; width: 68px; height: 89px; position: absolute; left: 40px; bottom: -5px;}
.blue_btn a.flow_illust:before{content: ""; background: url("../images/top/flow_illust.png") no-repeat; width: 64px; height: 91px; position: absolute; left: 20px; bottom: -5px;}

/*------------------------------------------ main ----------------------------------------*/
#main_image { width: 100%; min-height: 800px; margin:0 auto 0 auto; background: url(../images/top/main_bg.jpg) no-repeat center -380px; box-sizing:border-box;}
#main_image .inn{ position: relative; z-index: 0; padding:25px 0 30px 0; box-sizing: border-box; height: 100%; min-height: 800px;}
#main_image .inn:after{ display: block; content: ""; clear: both;}

#main_image .img{ position: absolute; left:-88px; top:0px; z-index: 1;}
#main_image .h{ position: absolute; top:70px; left:210px; z-index: 2;}


#main_image .search_area{ width: 550px; background: rgb(255,255,255,0.95); box-sizing: border-box; padding: 30px 35px 40px 35px; text-align: center; float: right; margin-right: -80px; box-shadow: 0 15px 20px rgba(0,0,0,0.15);}
#main_image .search_area .sub_h{ background: #00479d; border-radius: 15px; font-size: 16px; font-weight: 400; color: #ffffff; margin-bottom: 19px; position: relative; line-height: 1.95em; letter-spacing: 0.06em;}
#main_image .search_area .sub_h mark{ color: #ffd700; background: transparent;}
#main_image .search_area .tit{ font-size: 38px; font-weight: 700; color: #00479d; margin-bottom: 26px;}

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

@media print, screen and (max-width: 1399px) {
	#main_image .img {left: -115px;}
	#main_image .h {left: 180px;}
	#main_image .search_area{ width: 500px; margin-right: 0; }
}

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

/* baikyaku */
#main_image .wrap_form .form_blocks{ position: relative;}

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

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

#main_image .wrap_form table.form .item { display: inline-block; font-size: 16px; position: relative; line-height: 1.5em; font-weight: 500;}
#main_image .wrap_form table.form th {padding:5px 0 5px 0; border-top: 2px solid #00479d; border-bottom: 1px dotted rgba(0,71,157,0.5); color: #00479d; box-sizing: border-box;}
#main_image .wrap_form table.form td {padding:0; font-size: 16px; font-weight: 300; padding: 9px 0 13px 0; text-align: left;}
#main_image .wrap_form table.form .supplement { color:#9a9a9a;}
#main_image .wrap_form table.form .value {margin:0;}
#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;}
#main_image .wrap_form table.form label:hover{opacity: .7;}
#main_image .wrap_form table.form input[type="radio"] {display: none;}
#main_image .wrap_form table.form input[type="radio"] + label:before{ display: block; content: ""; position: absolute; top:2px; left:0; background-color: #e7e7e7; width: 20px; height: 20px; border-radius: 50%;}
#main_image .wrap_form table.form input[type="radio"]:checked + label{color: #ff8650;}
#main_image .wrap_form table.form input[type="radio"]:checked + label:hover{opacity: 1;}
#main_image .wrap_form table.form input[type="radio"]:checked + label:after{ display: block; content: ""; position: absolute; top:6px; left:4px; background-color: #e95198; width: 12px; height: 12px; border-radius: 50%;}

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

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

#main_image .wrap_form table.form strong { color:#e95098; font-weight:300 !important; font-size:15px;}

#main_image .wrap_form table.form .item_inn + .item_inn{ margin-top: 7px; border-top: 1px dotted #ddd; padding-top: 7px;}
#main_image .wrap_form table.form .requireLabel{font-size:12px; color:#e95098; position: absolute; top:0; right:-17px;}
#main_image .wrap_form table.form .example{ font-size: 14px; color: #565656; margin-left: 8px;}
#main_image .form #input_address{display:none; margin-top:10px;}
#main_image .wrap_form .submit_btn{ width: 380px; height: 75px; margin: 0 auto 0 auto; border: 0; color: #ffffff; font-size: 24px; font-weight: 500; background: url(../images/top/icon_satei_wh.png) no-repeat center left 65px,#e95098; background-size: 29px auto; text-align: center; cursor: pointer; box-shadow:0 4px 0 #ca377c; transition: .3s; border-radius: 5px; 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;}
#main_image .wrap_form .submit_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 #ca377c; }


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

/*--------------- 動画集 --------------*/
#wrap_add01.movie{padding: 90px 0 100px 0;}
#wrap_add01.movie .movie_slide{ margin-bottom: 70px; margin-top: 70px; padding-bottom: 15px;}
#wrap_add01.movie .movie_slide div.slick-slide{ margin: 0 15px 0 15px;}
#wrap_add01.movie .movie_slide div.slick-slide iframe{ border-radius: 15px;}

/*--------------- 新着査定・購入希望のお客様 --------------*/
#wrap_add02.news{ display: flex;}
#wrap_add02.news > div{ width: 50%; min-width: 600px; padding: 3.2% 4.5% 4.2% 4.5%; box-sizing: border-box;}
#wrap_add02.news .buy_customer_box{ background: #ffd700; position: relative;}
#wrap_add02.news .new_satei_box{ background: #00479d;}


#wrap_add02.news h2{font-size: 40px; font-weight: 700; color: #00397e; box-sizing: border-box; margin: 0 0 40px 0; padding: 0;}
#wrap_add02.news .new_satei_box h2{ color: #ffd700;}
#wrap_add02.news .buy_customer_box h2{ padding-right: 250px;}
#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:9.5%; top:-30px; width:250px; height: 165px; background: #ffffff; box-sizing: border-box; border-radius: 25px; border: 2px solid #00397e; text-align: center; box-shadow: 0 3px 0 #00397e; padding-top: 12px; z-index: 1;}
#wrap_add02.news .buy_customer_box .total_num:before{display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 18px 10px 0 10px; border-color: #ffffff transparent transparent transparent; z-index: 2; position: absolute; bottom:-18px; left:0; right:0; margin: auto;}
#wrap_add02.news .buy_customer_box .total_num:after{display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 23px 13px 0 13px; border-color: #00397e transparent transparent transparent; position: absolute; bottom:-26px; left:0; right:0; margin: auto; z-index: 0;}

#wrap_add02.news .buy_customer_box .total_num .h{ font-size: 20px; font-weight: 700; color: #00479d; margin-bottom:2px; letter-spacing: 0.06em;}
#wrap_add02.news .buy_customer_box .total_num p.pink_txt{ font-size: 26px; font-weight: 700; color: #db2561;}
#wrap_add02.news .buy_customer_box .total_num p.pink_txt span{ display: inline-block; font-size:43px; line-height: 1; vertical-align: text-bottom; font-weight: 500; margin-right: 5px;}
#wrap_add02.news .buy_customer_box .total_num p > small{ color: #010101; font-size: 14px; font-weight: 300; width: 204px; display: block; margin: 9px auto 0 auto; line-height: 1.5em; text-align: left;}

#wrap_add02.news .list li{ background: #ffffff; font-size: 16px; font-weight: 300; padding: 25px 30px 25px 30px; box-sizing: border-box; line-height: 1.8em;}
#wrap_add02.news .list li + li{ margin-top: 1px;}
#wrap_add02.news .list li strong{ display: block; font-weight: 700 !important; color: #00479d;}
#wrap_add02.news .list li .pink{ color: #e95098;}

#wrap_add02.news .news_inn_ber{ height: 305px; padding:0; overflow-scrolling: touch; box-sizing: border-box; margin: 5px;}
#wrap_add02.news .news_inn_ber .simplebar-track {width: 10px; background:#b2ab2f; border-radius: 0;}
#wrap_add02.news .news_inn_ber .simplebar-track .simplebar-scrollbar.simplebar-visible::before{opacity:1;}
#wrap_add02.news .news_inn_ber .simplebar-track .simplebar-scrollbar::before{background: #00479d; border-radius: 0;}

#wrap_add02.news .new_satei_box .news_inn_ber .simplebar-track {width: 10px; background:#4d736e; border-radius: 0;}
#wrap_add02.news .new_satei_box .news_inn_ber .simplebar-track .simplebar-scrollbar::before{background: #ffd700; border-radius: 0;}




@media print, screen and (max-width: 1750px) {
	#wrap_add02.news h2{ font-size: 37px;}
	#wrap_add02.news .buy_customer_box .total_num{ width: 220px;}
	#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: 22px;}
	#wrap_add02.news .buy_customer_box .total_num p.pink_txt span{ font-size: 40px;}
	#wrap_add02.news .buy_customer_box .total_num p > small{width: 176px;}
}

@media print, screen and (max-width: 1650px) {
	#wrap_add02.news h2{ font-size: 36px;}
	#wrap_add02.news .buy_customer_box h2 { padding-right: 180px;}
	#wrap_add02.news .buy_customer_box .total_num{ right: 15px;}
}

@media print, screen and (max-width: 1450px) {
	#wrap_add02.news{ margin-top: 30px;}
	#wrap_add02.news > div {padding: 4.5% 4% 4% 4%;}
	#wrap_add02.news .buy_customer_box h2 { padding-right: 0;}
	#wrap_add02.news .list > li { font-size: 15px; padding: 20px 25px 20px 25px; line-height: 1.7em;}
	
	#wrap_add02.news .buy_customer_box .total_num { position: absolute; right: auto; left:8%; margin:0; top: -75px; width: 370px; height: 95px; padding-top: 13px; }
	#wrap_add02.news .buy_customer_box .total_num:before{left: 28px; right: auto;}
	#wrap_add02.news .buy_customer_box .total_num:after{ left: 25px; right: auto;}
	#wrap_add02.news .buy_customer_box .total_num .h { font-size: 18px; margin-bottom: 0; letter-spacing: 0.03em; margin-left: 30px; text-align: left;}
	#wrap_add02.news .buy_customer_box .total_num p.pink_txt{ font-size: 20px; margin-right: 25px; margin-top: -38px; text-align: right;}
	#wrap_add02.news .buy_customer_box .total_num p.pink_txt span{ font-size: 38px;}
	#wrap_add02.news .buy_customer_box .total_num p > small{ font-size: 13px; width: auto; margin: 2px auto 0 30px; text-align: left; }
}


/*--------------- こんなお悩みはありませんか --------------*/
#wrap_add03.nayami{background:url("../images/top/nayami_bg.jpg") repeat;}
#wrap_add03.nayami .inn{padding: 90px 0 85px 0; position: relative;}

#wrap_add03.nayami .nayami_img{ position: absolute; top:35px; left:-1150px; right:0; margin: auto; z-index: 1;}
#wrap_add03.nayami .nayami_list{ position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: 95px;}
#wrap_add03.nayami .nayami_list li{font-size: 24px; font-weight: 700; color: #00479d; text-align: center; width: 23.2%; background: url("../images/top/nayami_illust.png") no-repeat right 40px bottom,#ffffff; background-size: 87px auto; border-radius: 5px; border: 2px solid #00479d; box-shadow: 0 3px 0 #00479d; padding:50px 20px 50px 20px; box-sizing: border-box; margin-bottom: 35px; }
mark{ background: transparent; color: #e95098;}

#wrap_add03.nayami .kaiketsu{background: #00479d; text-align: center; font-size: 36px; font-weight: bold; color: #ffffff; line-height: 1.6em; position: relative;}
#wrap_add03.nayami .kaiketsu:before{display: block; content: ""; width: 0; height: 0; border-style: solid; border-width: 18px 16px 0 16px; border-color: #ffffff transparent transparent transparent; z-index: 2; position: absolute; top:0; left:0; right:320px; margin: auto;}
#wrap_add03.nayami .kaiketsu .inn{ padding:50px 330px 50px 0; box-sizing: border-box;}
#wrap_add03.nayami .kaiketsu .kaiketsu_img{ position: absolute; bottom:0; right:0; margin: auto;}


@media print, screen and (max-width: 1750px) {
	#wrap_add03.nayami .nayami_list li{ font-size: 22px;}
}

@media print, screen and (max-width: 1650px) {
	#wrap_add03.nayami .nayami_list li{ font-size: 20px; width: 24%; margin-bottom: 20px;}
}

@media print, screen and (max-width: 1480px) {
	#wrap_add03.nayami .nayami_list{justify-content: flex-start; margin: 0 -1% 0 -1%;}
	#wrap_add03.nayami .nayami_list li{  width: 31.3%; margin: 0 1% 25px 1%;}
}

@media print, screen and (max-width: 1399px) {
	#wrap_add03.nayami .nayami_img { left: -60px; right: auto; width: 300px;}
}


/*--------------- 選ばれる理由 --------------*/
#wrap_add04.reason{padding: 90px 0 100px 0;}

#wrap_add04.reason .reason_list{ position: relative; z-index: 2; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: stretch; margin-top: 95px; margin-bottom: 25px;}
#wrap_add04.reason .reason_list li{font-size: 24px; font-weight: 500; color: #00479d; width: 23.2%; min-height: 245px; background: url("../images/top/reason01_img.jpg") no-repeat right bottom,#ffffff; background-size: 100% auto; border-radius: 0 0 6px 0; border-right: 2px solid #00479d; border-bottom: 2px solid #00479d; padding:0 20px 50px 0; box-sizing: border-box; margin-bottom: 60px; }
#wrap_add04.reason .reason_list li:nth-child(2){background-image:url("../images/top/reason02_img.jpg");}
#wrap_add04.reason .reason_list li:nth-child(3){background-image:url("../images/top/reason03_img.jpg");}
#wrap_add04.reason .reason_list li:nth-child(4){background-image:url("../images/top/reason04_img.jpg");}
#wrap_add04.reason .reason_list li:nth-child(5){background-image:url("../images/top/reason05_img.jpg");}
#wrap_add04.reason .reason_list li:nth-child(6){background-image:url("../images/top/reason06_img.jpg");}
#wrap_add04.reason .reason_list li:nth-child(7){background-image:url("../images/top/reason07_img.jpg");}
#wrap_add04.reason .reason_list li:nth-child(8){background-image:url("../images/top/reason08_img.jpg");}

#wrap_add04.reason .reason_list li .num{font-size: 22px; color: #e9589b; font-weight: 500; margin-bottom: 20px;}
#wrap_add04.reason .reason_list li .num > span{font-size: 32px; margin: 0 0 3px 10px; display: inline-block; vertical-align: middle;}
#wrap_add04.reason .reason_list li p{ line-height: 1.7em;}
#wrap_add04.reason .reason_list li p > strong{ font-weight: 700 !important;}

@media print, screen and (min-width: 1950px) {
	#wrap_add04.reason .reason_list li{ background-size: 400px auto;}
}

@media print, screen and (max-width: 1550px) {
	#wrap_add04.reason .reason_list li{ font-size: 22px;}
	#wrap_add04.reason .reason_list li .num{font-size: 20px;}
	#wrap_add04.reason .reason_list li .num > span{font-size: 30px;}
}

@media print, screen and (max-width: 1480px) {
	#wrap_add04.reason .reason_list{justify-content: flex-start; margin: 0 -1% 0 -1%;}
	#wrap_add04.reason .reason_list li{  width: 31.3%; margin: 0 1% 50px 1%;}
}


/*--------------- 売却サービス --------------*/
#wrap_add05.service{ background: #ffd700; padding: 98px 0 50px 0; position: relative; text-align: center;}
#wrap_add05.service h2{ position: relative; width: 1200px; margin: 0 auto 55px auto;}
#wrap_add05.service h2:after{ display: block; content: ""; background: url("../images/top/service_h_img_pc.png") no-repeat; width: 322px; height: 450px; position: absolute; bottom:-274px; left:112px;}
#wrap_add05.service h2 + p{width: 1200px; margin: 0 auto 0 auto; box-sizing: border-box; text-align: left; padding-left: 485px;}

#wrap_add05.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: 75px auto 0 auto;}
#wrap_add05.service .service_list > div{ background: no-repeat left top #ffffff; background-size: auto 100%; border-radius: 6px; width: 48.3%; margin-bottom: 60px; padding: 65px 50px 50px 20%; box-shadow:0 3px 0 #f6cf00; box-sizing: border-box; position: relative; }
 
#wrap_add05.service .service_list > div.ex01{background-image:url("../images/top/service01_img.jpg"); min-height: 558px;}
#wrap_add05.service .service_list > div.ex02{background-image:url("../images/top/service02_img.jpg"); min-height: 558px;}
#wrap_add05.service .service_list > div.ex03{background-image:url("../images/top/service03_img.jpg"); min-height: 641px;}
#wrap_add05.service .service_list > div.ex04{background-image:url("../images/top/service04_img.jpg"); min-height: 641px;}

#wrap_add05.service .service_list .num{ width: 130px; height: 130px; border-radius: 6px; background:url("../images/top/service_num_bg.jpg") repeat; text-align: center; font-size: 19px; font-weight: 500; color: #ffffff; padding-top: 19px; box-sizing: border-box; letter-spacing: 0.08em; position: absolute; top:-10px; left:-10px;}
#wrap_add05.service .service_list .num > span{ display: block; font-size: 40px; margin-top: 5px;}
#wrap_add05.service .service_list h3{ text-align: center; font-size:60px; font-weight: 700; color: #00479d; margin:0 0 40px 0; padding:0; line-height: 1.3em;}
#wrap_add05.service .service_list h3 > span{display: block; background: #dde7f2; border-radius: 25px; padding: 8px 0 9px 0; margin-bottom: 15px; font-size: 20px; letter-spacing: 0.03em; line-height: 1.2;}
#wrap_add05.service .service_list p{ font-weight: 300;}
#wrap_add05.service .service_list .small_btn{display: block; font-size: 17px; font-weight: 500; color: #00479d; background: transparent; border-bottom: 2px solid #00479d; width: 170px; height: 50px; box-sizing: border-box; padding: 6.5px 0 0 0; position: relative; z-index: 1; transition: .3s; text-align: center; margin: 25px auto 0 auto;}
#wrap_add05.service .service_list .small_btn:after{ display: inline-block; vertical-align: middle; content: ""; background: url("../images/top/indent_bl.png") no-repeat; background-size: 9px auto; width: 9px; height: 13px; margin-left: 15px; margin-bottom: 3px;}
#wrap_add05.service .service_list .small_btn::before { content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; background: #00479d; transform-origin: 50% 0%; transform: scaleY(0); transition: transform ease .3s; border-radius: 0;}

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

@media print, screen and (max-width: 1680px) {
	#wrap_add05.service .service_list{ width: calc(100% - 100px);}
	#wrap_add05.service .service_list > div{ margin-bottom: 50px; padding: 45px 35px 55px 20%; min-height: auto !important; background-position: center left -30px;}
	#wrap_add05.service .service_list h3{ margin-bottom: 30px;}
	#wrap_add05.service .service_list p {font-size: 16px; line-height: 1.8em;}
	#wrap_add05.service .service_list .small_btn{ margin-top: 10px;}
}

@media print, screen and (max-width: 1399px) {
	#wrap_add05.service .service_list > div {padding: 35px 30px 40px 20%;background-position: center left -5px;}
	#wrap_add05.service .service_list .num { width: 110px; height: 110px; font-size: 17px; padding-top: 14px;}
	#wrap_add05.service .service_list .num > span { font-size: 34px; margin-top: 0; }
	
	#wrap_add05.service .service_list h3{ font-size: 50px; margin-bottom: 25px;}
	#wrap_add05.service .service_list h3 > span{ font-size: 16px;}
	#wrap_add05.service .service_list p { font-size: 14px; line-height: 1.6em;}
	#wrap_add05.service .service_list .small_btn { font-size: 15px; width: 140px; }
}


/*--------------- ご利用の流れ --------------*/
#wrap_add06.flow{background:url("../images/top/flow_bg.jpg") repeat; padding: 90px 0 100px 0; position: relative; width: 100%; text-align: center;}
#wrap_add06.flow h2{ margin-bottom: 50px;}
#wrap_add06.flow h2 + p{ margin-bottom: 60px;}
#wrap_add06.flow .flow_list{display: flex; flex-wrap: nowrap; justify-content: space-between; width: calc(100% - 180px); min-width: 1150px; margin: 0 auto 80px auto;}
#wrap_add06.flow .flow_list > div{ background: #ffffff; border-radius: 6px; border: 1px solid #00479d; width: 11%; position: relative; margin: 0;}
#wrap_add06.flow .flow_list > div.box.blue{ background: #eef6ff;}
#wrap_add06.flow .flow_list > div.box.yellow{ background: #fffae1;}
#wrap_add06.flow .flow_list > div.box.pink{ background: #ffecf5;}
#wrap_add06.flow .flow_list > div.first{ margin: 0;}
#wrap_add06.flow .flow_list > div + div:before{ display: block; background:url("../images/top/flow_indent.png") repeat; content: ""; width: 19px; height: 31px; position: absolute; top:50%; margin-top: -9.5px; left: -22.5%;}
#wrap_add06.flow .box .img{border-radius: 6px 6px 0 0; overflow: hidden;}
#wrap_add06.flow .box .img > img{width: 100%;}
#wrap_add06.flow .box h3{-ms-writing-mode: tb-rl; writing-mode: vertical-rl; text-orientation: upright; box-sizing: border-box; max-height: 300px; padding-top: 30px; padding-bottom: 35px; align-items: center; display: flex; flex-wrap: wrap; width: 100%; align-content: center; font-size: 26px; color: #00479d; font-weight: 700; text-align: left;}

#wrap_add06.flow .box .ribon_num{background:url("../images/top/flow_ribon.png") no-repeat; width: 143px; height: 53px; text-align: center; font-size: 18px; font-weight: 500; color: #ffffff; padding-top: 1px; box-sizing: border-box; position: absolute; top:15px; left:-18px; letter-spacing: 0.08em;}

@media print, screen and (max-width: 1650px) {
	#wrap_add06.flow .box h3{font-size: 24px;}
}

@media print, screen and (max-width: 1550px) {
	#wrap_add06.flow .box h3{font-size: 22px;}
}

/*--------------- お客様の声 --------------*/
#wrap_add07.voice{background:url("../images/top/voice_bg.jpg") repeat; padding: 95px 0 105px 0;}
#wrap_add07.voice .voice_slide{ margin-top: 60px; margin-bottom: 100px;}
#wrap_add07.voice .voice_slide .box{ opacity: .6; background: #ffffff; box-shadow: 0 3px 0 rgba(175,200,230,0.3); border-radius: 6px; width: 450px; position: relative; box-sizing: border-box; padding: 75px 40px 55px 40px; margin: 37px 15px 3px 15px; }
#wrap_add07.voice .voice_slide .box:before{content: ""; background: url("../images/top/voice_icon.png") no-repeat; background-size: 76px auto; width: 76px; height: 76px; position: absolute; left: 0; right:0; margin: auto; top:-37px;}
#wrap_add07.voice .voice_slide .box h3{ font-size: 24px; font-weight: 700; color: #00479d; margin: 0 0 23px 0; 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: -545px;}
#wrap_add07.voice .voice_slide .slick-next{ right: -538px;}
#wrap_add07.voice .voice_slide .slick-prev:before,#wrap_add07.voice .voice_slide .slick-next:before{ display: block; background:url("../images/top/flow_indent.png") no-repeat center,#ffffff; content: ""; opacity: 1; width: 100%; height: 100%; border-radius: 6px; border: 2px solid #00479d;}

#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{}