@charset "utf-8";

@import url("/contents/style/recommend.css?t=1");
#wrap_top section{ position: relative; z-index: 0;}


/*------------------------------------------ main ----------------------------------------*/
#top_main{ position: relative; z-index: 1;}
#main_image{position: relative;}
#main_image .main_box{width: 100%;position: relative;z-index: -1;margin-bottom: -17%;}

#main_image .img{width: 50.908%;margin-left: -22.5%;}
#main_image .img > img{ width: 100%;}

#main_image .h{display: flex;position: absolute;top:9.5%;left:27.5%;align-content: flex-start;justify-content: space-between;flex-wrap: nowrap;align-items: flex-start;width: 67%;}
#main_image .h .main_text{ width: 68.864%;}
#main_image .h .main_illust{width: 30.498%;margin-left: 3%;margin-top: -2.8%;}


/*---アニメーション---*/
.main_box .main-animation {opacity: 0;}
.main_box .main-animation.main-animation--up{
  animation: text_opacity 1s ease-out forwards;
}

.main_box .main-animation.img{animation-delay:0.1s !important;}
.main_box .main-animation.h{animation-delay:0.1s !important;}

.main_box .main-animation.main-animation--up.img,.main_box .main-animation.main-animation--up.h{
  animation: text_opacity 1.5s ease-out forwards;
}

@keyframes text_opacity { 0% {opacity: 0; } 100% {opacity: 1; } }


@keyframes translateX { 0% { transform: translateX(50%); }  100% { transform: translateX(0); } }
@keyframes fadeIn { 0% {opacity: 0;} 100% {opacity: 1;} }

/* ================================= 
form
================================= */
#main_image .form_area{ background: #f7f7f7; border: 1px solid #0f445d; border-radius: 15px;}
#main_image .form_area .tit{ background: #0f445d; text-align: center; color: #ffffff; font-size: 30px; font-weight: bold; padding: 15px 0 15px 0; margin-bottom: 10px; border-radius: 15px 15px 0 0;}
#main_image .form_area .tit span{display: inline-block; vertical-align: middle; background: #ffffff; width: 215px; font-size: 16px; color: #0f445d; margin: 0 20px 10px 0; padding: 1px 0 2px 0; line-height: 1.31; border-radius: 5px; }
#main_image .form_area .tit mark{ background: transparent; color: #ffed99;}

#main_image .form_area .wrap_form{ padding:0 70px 20px 70px; }

#main_image .wrap_form .form_blocks{ position: relative; background: transparent;}
#main_image .wrap_form table.form input.w2 { width: 80%;}
#main_image .wrap_form table.form input.w3 { width: 100px;}
#main_image .wrap_form table.form input.w4 { width: 30%;}
#main_image .wrap_form table.form input.w5 { width: 60%; display: inline-block;}
#main_image .wrap_form table.form input.w6 { width: 37%; display: inline-block;}
#main_image .wrap_form table.form input.w7 { width: 100%;}

#main_image .wrap_form table.form {font-size:20px; border-collapse:separate; border-spacing:0; margin-bottom:15px; border-bottom:none; border-radius: 5px; overflow: hidden;background: transparent; border-top: none;}
#main_image .wrap_form table.form .item { display: inline-block; font-size: 20px; font-weight: bold; position: relative; color: #3d3d3d;}
#main_image .wrap_form table.form .item:before{display: inline-block;vertical-align: middle;content: "1";background: url("/contents/images/top/form_num.png") no-repeat;background-size: 100% auto;width: 70px;height: 60px;color: #ffffff;margin: 0 14px 6px 0;font-family: 'Urbanist', sans-serif;font-size: 26px;font-weight: bold;text-align: center;box-sizing: border-box;padding: 24px 10px 0 0;}
#main_image .wrap_form table.form tr:nth-child(2) .item:before{content: "2";}
#main_image .wrap_form table.form tr:nth-child(3) .item:before{content: "3";}
#main_image .wrap_form table.form tr:nth-child(4) .item:before{content: "4";}
#main_image .wrap_form table.form tr:nth-child(5) .item:before{content: "5";}

#main_image .wrap_form table.form .item:after{display: inline-block;vertical-align: baseline;content: "を入力"; font-weight: 500; margin-left: 2px; font-weight: 500;}

#main_image .wrap_form table.form th {padding:17px 0 13px 0; vertical-align:top; color: #3d3d3d; box-sizing: border-box; text-align: left; width: 280px; background: transparent;}
#main_image .wrap_form table.form td {padding:0; vertical-align:middle; font-size: 16px; font-weight: 500; padding: 14px 0 17px 0; text-align: left; background: transparent; box-sizing: border-box;}
#main_image .wrap_form table.form th,#main_image .wrap_form table.form td{ border-bottom: 1px dotted rgba(0,0,0,0.3);}
#main_image .wrap_form table.form .supplement { color:#838383; display: inline-block; margin-left: 10px;}
#main_image .wrap_form table.form .supplement strong{color: inherit;font-size: 11px;font-weight: 500 !important;-webkit-text-stroke-width: 0 !important;}
#main_image .wrap_form table.form .value {margin:6px 0 0 0;}
#main_image .wrap_form table.form label {position: relative; cursor: pointer; transition: .3s;}
#main_image .wrap_form table.form label:hover{opacity: .7;}
#main_image .wrap_form table.form td .item_inn + .item_inn{ margin-top: 10px;}

#main_image .wrap_form table.form input[type="text"],#main_image .wrap_form table.form input[type="tel"]{background-color: #ffffff; border-radius: 6px; padding: 5px 10px 5px 10px; box-sizing: border-box;}
#main_image .wrap_form table.form strong { color:#ec6e52; font-size:16px;}

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

#main_image .wrap_form table.form .value.est_type{}
#main_image .wrap_form table.form .value.est_type input[type=radio]{margin-right: -40px !important; margin-left: 20px !important; position: relative; z-index: 5;}
#main_image .wrap_form table.form .value.est_type label{background: #ffffff;border-radius: 5px;height: 46px;display: inline-block;padding: 7.5px 20px 0 46px;box-sizing: border-box;z-index: 0;margin-right: -16px;}
#main_image .wrap_form table.form .value.est_type input[type=radio]:checked + label{background: #ffece8;}


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


#wrap_top #main_image .wrap_form .submit_btn{ display: block; width: 360px; height: 76px; margin: 0 auto 0 auto; border: 0; color: #ffffff; font-size: 28px; font-weight: bold; background:url("../images/top/icon_satei.png") no-repeat center left 48px,#ec6e52; background-size: 29px auto; box-shadow: 0 4px 0 rgba(98,98,98,0.1); border-radius: 15px; text-align: center; cursor: pointer; transition: .3s; position: relative; letter-spacing: 0.03em; font-family:"Zen Kaku Gothic New","Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "HanSerif Japanese", Meiryo, Osaka, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "ＭＳ ゴシック", ArialMT, sans-serif; padding: 0 0 2px 50px; line-height: 0.85; box-sizing: border-box;}
#wrap_top #main_image .wrap_form .submit_btn:hover { background:url("../images/top/icon_satei.png") no-repeat center left 48px,#cc543a; background-size: 29px auto; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }


@media print, screen and (min-width: 1550px) {
    #main_image .form_area .tit{font-size: 35px;padding: 26px 0 25px 0;}
    #main_image .form_area .tit span{width: 270px;font-size: 20px;margin: 0 20px 8px 0;padding: 5px 0 6px 0;}
    #main_image .form_area .wrap_form{ padding-bottom: 35px;}
    #main_image .wrap_form table.form{ margin-bottom: 28px;}
    #main_image .wrap_form table.form .item{    font-size: 24px;}
    #main_image .wrap_form table.form th { width: 345px;}
    #main_image .wrap_form table.form td{ font-size: 18px;}
    #main_image .wrap_form table.form .value.est_type label{height: 53px;padding: 10.5px 25px 0 56px;margin-right: -18px;}
    #main_image .wrap_form table.form input[type="text"],#main_image .wrap_form table.form input[type="tel"]{padding: 10px 15px 10px 15px;}
    #wrap_top #main_image .wrap_form .submit_btn{ width: 400px;height: 85px; font-size: 30px;}

}



/* ================================= 
4つの強み
================================= */
#wrap_add01.strength{ margin-top: 30px; margin-bottom: 60px;}

#wrap_add01.strength .h {display: flex;justify-content: space-between;flex-wrap: nowrap;align-items: center;margin-bottom: -17px;position: relative;z-index: 1;}
#wrap_add01.strength .h h2 {font-size: 38px;font-weight: 700;color: #3f4042;text-align: left;margin: 0 0 50px 0;width: 670px;}
#wrap_add01.strength .h h2 >span.eng {display: block;position: relative;margin: 15px 0 15px 5px;}
#wrap_add01.strength .h h2 >span.eng:after {content: "";display: block;background: #beaf87;width: 300%;height: 1px;position: absolute;left: 113px;top: 50%;}
#wrap_add01.strength .h h2 > em {font-size: 50px;font-weight: 700;}

#wrap_add01.strength .box{position: relative;z-index: 0;display: flex;justify-content: space-between;align-items: center;flex-wrap: nowrap;}
#wrap_add01.strength .box:nth-child(even){flex-direction: row-reverse;}
#wrap_add01.strength .box + .box{ margin-top: 55px;}
#wrap_add01.strength .box:before {content: "";display: block;background: #f5f5f5;width: 300%;height: calc(100% - 18px);position: absolute;left: -150%;top: 9px; z-index: -1;}
#wrap_add01.strength .box:nth-child(even):before{ background: #f7f5ef;}

#wrap_add01.strength .box .text{ padding-right: 35px;}
#wrap_add01.strength .box:nth-child(even) .text{ padding-right: 0; padding-left: 35px;}

#wrap_add01.strength .box .img img{ width: 434px;}

#wrap_add01.strength .box .text h3{font-size: 30px;font-weight: 700;color: #104862;padding: 0;margin: 0 0 15px 0;line-height: 1.6em;}
#wrap_add01.strength .box:nth-child(even) h3{color: #ae985c;}
#wrap_add01.strength .box .text h3 > .num{display: block;margin-bottom: 10px;}
#wrap_add01.strength .box .text h3 > .num img{ width: 87px;}
#wrap_add01.strength .box .text p{font-size: 16px;line-height: 1.7em;font-weight: 400;color: #000;margin-bottom: 5px;}

#wrap_add01.strength .box .text p.l_spacing_0{letter-spacing: 0;}
#wrap_add01.strength .box .text p + p{ margin-top: 20px;}


@media print, screen and (min-width: 1550px) {
    #wrap_add01.strength{margin-bottom: 80px;}
    #wrap_add01.strength .h h2 {font-size: 45px; width: 890px;}
    #wrap_add01.strength .box:nth-child(even) .text{padding-left: 80px;}
    #wrap_add01.strength .box .text h3{font-size: 40px; margin: 0 0 20px 0;}
    #wrap_add01.strength .box .text p{ font-size: 18px; line-height: 1.8em; padding-right: 50px;}
    #wrap_add01.strength .box:nth-child(even) .text p{padding-right: 20px;}

    #wrap_add01.strength .box .img img{ width: 500px;}
}



/* ================================= 
売却の流れ
================================= */
#wrap_add02.flow{ margin-bottom: 70px;}
#wrap_add02.flow .inn{ width: 1200px;}

#wrap_add02.flow .list{display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: space-between; margin-bottom: 35px;}
#wrap_add02.flow .list .box{background: #f7f5ef;width: 152px;height: 386px;border-radius: 10px;position: relative;box-sizing: border-box;display: flex;flex-direction: column;align-items: center;justify-content: flex-start;flex-wrap: nowrap;align-content: center;}
#wrap_add02.flow .list .box + .box:before{ content: ""; background: url("/contents/images/top/flow_indent_gold.png") no-repeat; background-size: 100% auto; width: 15px; height: 27px; position: absolute; top:50%; left:-18px; margin-top: -13.5px;}
#wrap_add02.flow .list .box .num{display: block;background: url("../images/top/flow_num_bg.png") no-repeat;width: 63px;height: 63px;font-size: 24px;font-weight: 500;color: #ffffff;text-align: center;box-sizing: border-box;padding-top: 23px;margin: -25px 0 20px 0;}
#wrap_add02.flow .list .box h3{font-size: 22px;font-weight: 700;color: #3f4042;padding: 0;margin: 0 0 15px 0;line-height: 1.6em;-ms-writing-mode: tb-rl; writing-mode: vertical-rl;}
#wrap_add02.flow .list .box .illust{display: flex;width: 125px;height: 110px;margin: 0 auto;position: absolute;bottom: 30px;left:0;right:0;align-items: flex-end;justify-content: center;}


@media print, screen and (min-width: 1550px) {
    #wrap_add02.flow{margin-bottom: 90px;}
    #wrap_add02.flow .inn{ width: 1400px;}
    #wrap_add02.flow h2.normal_tit{margin-bottom: 60px;}
    #wrap_add02.flow .list{margin-bottom: 45px;}
    #wrap_add02.flow .list .box{width: 170px;height: 395px;}
    #wrap_add02.flow .list .box + .box:before{ left: -24.5px;}
    #wrap_add02.flow .list .box h3{font-size: 24px;}
    #wrap_add02.flow .list .box .num{ font-size: 25px; padding-top: 23px;}
}



/* ================================= 
仲介と買取ってなにが違うの？
================================= */
#wrap_add03.chigai{background: url("../images/top/bg_gold.jpg") repeat; padding: 65px 0 70px 0; margin-bottom: 60px;}
#wrap_add03.chigai .inn{ width: 1000px;}

#wrap_add03.chigai h2{font-size: 40px;color: #3d3d3d;font-weight: 900;text-align: center;letter-spacing: -0.01em;margin: 0 0 23px 0;}
#wrap_add03.chigai h2 .speech_bubble{width: 188px;height: 46px;background: #beaf87;text-align: center;box-sizing: border-box;font-size: 20px;font-weight: 500;color: #ffffff;display: block;margin: 0 auto 10px auto;position: relative;padding: 7px 0 0 0;line-height: 1.6em;letter-spacing: 0.06em;}
#wrap_add03.chigai h2 .speech_bubble:before{display: block; content: ""; width: 0;height: 0;border-style: solid;border-color: #beaf87 transparent transparent transparent;border-width: 9px 7.5px 0px 7.5px; position: absolute; bottom:-9px; left:0; right:0; margin: auto;}
#wrap_add03.chigai h2 mark{font-size:48px; color:#beaf87; background: transparent;}
#wrap_add03.chigai h2 mark.pink{ color:#ec6e52;}
#wrap_add03.chigai h2 .space{ margin-right: -12px;}
#wrap_add03.chigai h2 + p{font-size: 16px;line-height: 1.7em;font-weight: 400;color: #000;text-align: center;}

#wrap_add03.chigai .compare_table{position: relative;margin-top: 67px;z-index: 5;border: 2px solid #e6dec8; background: #ffffff;}
#wrap_add03.chigai .compare_table .box{display: flex;}
#wrap_add03.chigai .compare_table .box.sab_h{position: sticky;top: 130px;text-align: center;padding-bottom: 300px;}
#wrap_top:has(#header.scroll-up.down) #wrap_add03.chigai .compare_table .box.sab_h{top: 85px;}
#wrap_add03.chigai .compare_table .box.sab_h img{margin-top: -28px; width: 390px;}
#wrap_add03.chigai .compare_table .box.sab_h + .box{ margin-top: calc(-300px + -33px);}
#wrap_add03.chigai .compare_table .box.bg_gray{ background: #faf9f7;}


#wrap_add03.chigai .compare_table .box .th{width: 68px;display: flex;align-items: center;justify-content: center;}
#wrap_add03.chigai .compare_table .box .th span{display: inline-block;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;font-size: 24px;font-weight: bold;letter-spacing: 0.06em; color: #4d4d4d;}
#wrap_add03.chigai .compare_table .box .td{width:calc(50% - 34px); box-sizing: border-box;}
#wrap_add03.chigai .compare_table .box:not(.sab_h) .td{ border-left: 1px dotted rgba(0,0,0,0.15);}
#wrap_add03.chigai .compare_table .box:not(.sab_h) .td{padding: 40px 24px 40px 24px;}
#wrap_add03.chigai .compare_table .box:not(.sab_h) .td img{ display: block; margin: 0 auto; max-width: 100%;}
#wrap_add03.chigai .compare_table .box.sab_h + .box .td{ padding-top: 60px;}

#wrap_add03.chigai .compare_table .box mark{ background: transparent; font-weight: 700;}
#wrap_add03.chigai .compare_table .box .type_1 mark{ color: #99895e;}
#wrap_add03.chigai .compare_table .box .type_2 mark{ color: #ec6e52;}

#wrap_add03.chigai .compare_table .box p:has(+ img){ margin-bottom: 35px;}

#wrap_add03.chigai .compare_table .box img + .cheak_li{ margin-top: 25px;}

#wrap_add03.chigai .compare_table .box .num_li li{font-size: 15px;font-weight: 500;letter-spacing: 0.03em;padding-left: 35px;line-height: 1.7em;}
#wrap_add03.chigai .compare_table .box .num_li li + li{margin-top: 30px;}
#wrap_add03.chigai .compare_table .box .num_li li span{display: block;font-size: 18px;font-weight: 700;color: #99895e;margin: 0 0 8px -35px;}
#wrap_add03.chigai .compare_table .box .num_li li span:before{display: inline-block;content: "1";background: #beaf87;width: 25px;height: 25px;border-radius: 50%;text-align: center;font-size: 16px;color: #ffffff;font-weight: 500;margin-right: 9px;line-height: 1.45em;vertical-align: top;}
#wrap_add03.chigai .compare_table .box .num_li li + li span:before{content: "2";}

#wrap_add03.chigai .compare_table .box .type_2 .num_li li span{color: #ec6e52;}
#wrap_add03.chigai .compare_table .box .type_2 .num_li li span:before{background: #ec6e52;}


#wrap_add03.chigai .compare_table .box .cheak_li li{font-size: 16px;font-weight: 500;letter-spacing: 0.03em;position: relative;padding-left: 35px;line-height: 1.6em;}
#wrap_add03.chigai .compare_table .box .cheak_li li + li{margin-top: 17px;}
#wrap_add03.chigai .compare_table .box .cheak_li li:before{content: "";background: url("../images/top/icon_cheak.png") no-repeat;width: 25px;height: 22px;position: absolute;top: 1px;left:0;}

#wrap_add03.chigai .compare_table .box .type_2 .cheak_li li:before{background: url("../images/top/icon_cheak_pink.png") no-repeat;}

#wrap_add03.chigai .compare_table .box .img01{height: 140px;}
#wrap_add03.chigai .compare_table .box .img02{height: 88px;}


@media print, screen and (min-width: 1550px) {
    #wrap_add03.chigai{ padding: 75px 0 80px 0; margin-bottom: 80px;}
    #wrap_add03.chigai .inn{ width: 1200px;}
    #wrap_add03.chigai h2{font-size: 45px;margin: 0 0 23px 0;}
    #wrap_add03.chigai h2 .speech_bubble{width: 200px;height: 52px;font-size: 22px;}
    #wrap_add03.chigai h2 mark{font-size:55px; }
    #wrap_add03.chigai h2 + p{font-size: 18px;line-height: 1.8em;}

    #wrap_add03.chigai .compare_table{ margin-top: 85px;}
    
    #wrap_add03.chigai .compare_table .box.sab_h{top: 140px; padding-bottom: 340px;}
    #wrap_top:has(#header.scroll-up.down) #wrap_add03.chigai .compare_table .box.sab_h{top: 108px;}
    #wrap_add03.chigai .compare_table .box.sab_h img{width: 500px; margin-top: -40px;}
    #wrap_add03.chigai .compare_table .box.sab_h + .box{ margin-top:calc(-340px + -38px);}

    #wrap_add03.chigai .compare_table .box{font-size: 18px;line-height: 1.8em;}
    #wrap_add03.chigai .compare_table .box .th{width: 86px;}
    #wrap_add03.chigai .compare_table .box .th span{ font-size: 28px; }
    #wrap_add03.chigai .compare_table .box .td{width:calc(50% - 43px);}

    #wrap_add03.chigai .compare_table .box .num_li li{font-size: 18px;padding-left: 35px;}
    #wrap_add03.chigai .compare_table .box .num_li li span{font-size: 22px;margin: 0 0 12px -35px;}
    #wrap_add03.chigai .compare_table .box .num_li li span:before{width: 28px;height: 28px;font-size: 18px;margin-right: 8px;line-height: 1.42em;}

    #wrap_add03.chigai .compare_table .box .cheak_li li{font-size: 18px;}
    #wrap_add03.chigai .compare_table .box .cheak_li li:before{ top:3px;}

    #wrap_add03.chigai .compare_table .box p:has(+ img){min-height: 65px;}
    
    #wrap_add03.chigai .compare_table .box .img01{height: 180px;}
    #wrap_add03.chigai .compare_table .box .img02{height: 115px;}
    
}




/* ================================= 
売却にかかる費用
================================= */
#wrap_add04.cost{ margin-bottom: 70px;}
#wrap_add04.cost .inn{ width: 1000px;}

#wrap_add04.cost .img{display: block;margin: -40px auto 37px auto;text-align: center;}
#wrap_add04.cost .img img{ width: 680px;}
#wrap_add04.cost  p.center{font-size: 16px;line-height: 1.8em;font-weight: 400;color: #000;text-align: center;}
#wrap_add04.cost  p.center strong{ color: #998652; font-weight: 700;}
#wrap_add04.cost .cost_figure01{width: 630px;margin: 20px auto 53px auto;/*background: #f7f5ef;*/padding: 20px 0 20px 0;text-align: center;}
#wrap_add04.cost .cost_figure01 img{ width: 100%;}

#wrap_add04.cost .figure_block{display: flex;justify-content: space-between;flex-wrap: wrap;}
#wrap_add04.cost .figure_block .box{width: 100%; border: 4px solid #beaf87; padding: 70px 5.5% 30px 5.5%; box-sizing: border-box; position: relative;}
#wrap_add04.cost .figure_block .box img{ width: 100%;}
#wrap_add04.cost .figure_block .box img + p{ margin-top: 20px; font-size: 14px;}
#wrap_add04.cost .figure_block .box img + p strong{font-size: 18px; font-weight: bold; color: #beaf87; display: block; margin-bottom: 5px;}
#wrap_add04.cost .figure_block .box img + p strong > sup{font-size: 65%; display: inline-block; margin-left: 2px; color: #a5966c;}
#wrap_add04.cost .figure_block .box.mini{ /*width: 48%;*/ margin-top: 40px; text-align: left; padding: 60px 35px 30px 35px;}
#wrap_add04.cost .figure_block h3{text-align: center;font-size: 24px;background: url("../images/top/cost_waku.png") no-repeat center right;width: 319px;height: 58px;box-sizing: border-box;color: #ffffff;position: absolute;left:-4px;top:-15px;padding-top: 14px;font-weight: 500;}
#wrap_add04.cost .figure_block .box.mini h3{background: url("../images/top/cost_waku.png") no-repeat center right;background-size: auto 100%;width: 220px;height: 50px;top:-13px;padding-top: 10px;width: auto;padding: 10px 40px 0 37px;}

#wrap_add04.cost .figure_block .box.mini p + p{margin-top: 20px;}
#wrap_add04.cost .figure_block .box.mini small{font-size: 14px;}

#wrap_add04.cost .figure_block p,ul.circle_li{font-size: 16px;line-height: 1.7em;font-weight: 400;color: #000;}

#wrap_add04.cost .figure_block ul.circle_li{ margin: 20px 0 20px 0;}
#wrap_add04.cost .figure_block ul.circle_li li{ list-style: disc; margin-left: 22px;}

@media print, screen and (min-width: 1550px) {
    #wrap_add04.cost{ margin-bottom: 90px;}
    #wrap_add04.cost .inn{ width: 1200px;}

#wrap_add04.cost .img{margin: -20px auto 35px auto;}
#wrap_add04.cost .img img{ width: 800px;}
    
#wrap_add04.cost  p.center{font-size: 18px;line-height: 1.9em;}
#wrap_add04.cost .cost_figure01{width: 700px;margin: 30px auto 65px auto;padding: 25px 0 25px 0;}

#wrap_add04.cost .figure_block .box{padding: 80px 6% 40px 6%; }
#wrap_add04.cost .figure_block .box img{ width: 100%; max-width: 100%; display: block; margin: auto;}
#wrap_add04.cost .figure_block .box.mini{ margin-top: 50px; padding: 60px 35px 30px 35px;}
#wrap_add04.cost .figure_block h3{font-size: 26px;background: url("../images/top/cost_waku.png") no-repeat center right;background-size: auto 100%;width: 340px;height: 65px;padding-top: 14px;}
#wrap_add04.cost .figure_block .box.mini h3{height: 55px;}
#wrap_add04.cost .figure_block p{font-size: 18px;line-height: 1.8em;}

#wrap_add04.cost .figure_block .box img + p{ margin-top: 25px; font-size: 15px;}
#wrap_add04.cost .figure_block .box img + p strong{font-size: 20px; margin-bottom: 10px;}
    
}


/* ================================= 
リンクバナー
================================= */
#wrap_add05.bnr_bl{ background: #beaf87; padding: 65px 0 80px 0; margin-bottom: 70px;}
#wrap_add05.bnr_bl .inn{ width: 1000px; display: flex;justify-content: space-between;flex-wrap: nowrap;}

#wrap_add05.bnr_bl .bnr{ width: 48.3%;}
#wrap_add05.bnr_bl a{ width: 100%; display: block; box-shadow:4px 5px 0 rgba(0,0,0,0.1);  background: #ffffff;}
#wrap_add05.bnr_bl a,#wrap_add05.bnr_bl a *{ transition: .3s;}
#wrap_add05.bnr_bl a img{ width: 100%;}
#wrap_add05.bnr_bl a:hover{transform: translateY(3px); box-shadow:0 0 0 rgba(0,0,0,0.1);}
#wrap_add05.bnr_bl a:hover img{ opacity: 0.7;}

@media print, screen and (min-width: 1550px) {
    #wrap_add05.bnr_bl{ padding: 85px 0 90px 0; margin-bottom: 90px;}
    #wrap_add05.bnr_bl .inn{ width: 1200px;}
}

/* ================================= 
よくあるご質問
================================= */
#wrap_add06.faq{ margin-bottom: 80px;}
#wrap_add06.faq .inn{ width: 1000px;} 

#wrap_add06.faq dl + dl{ margin-top: 35px;}
#wrap_add06.faq dt{font-size: 22px; cursor: pointer; font-weight: 500; color: #ffffff; background: #104862; width: 100%; padding: 12px 60px 12px 60px; text-align: left !important; box-sizing: border-box; line-height: 1.61; position: relative; transition: .3s;}
#wrap_add06.faq dt:before{display: block;content: "";background: url("../images/top/icon_q.png") no-repeat;width: 23px;height: 51px;position: absolute;top: -5px;left: 20px;}

#wrap_add06.faq dt:after {display: inline-block;content: "＋";font-size: 30px;font-weight: 400;position: absolute;right: 15px;top: 50%;margin-top: -25px;color:#beaf87;}

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


@media print, screen and (min-width: 1550px) {
    #wrap_add06.faq{ margin-bottom: 90px;}
    #wrap_add06.faq .inn{ width: 1200px;}
    #wrap_add06.faq dt{font-size: 25px; padding: 12px 60px 15px 60px;}
    #wrap_add06.faq dd{ont-size: 18px;line-height: 1.8em;}
}



/* ================================= 
お客様の声
================================= */
#wrap_add07.voice{ background: #f7f5ef; padding: 65px 0 75px 0; margin-bottom: 60px;}

#wrap_add07.voice .voice_list .slick-list{overflow: inherit;}
#wrap_add07.voice .voice_list .slick-track{ display: flex; align-items: stretch;}
#wrap_add07.voice .voice_list .box{width: 405px;height: auto; background: #ffffff;margin: 0 15px 0 15px;padding: 30px 35px 35px 35px;box-sizing: border-box; opacity: .7; transition: .3s;}
#wrap_add07.voice .voice_list .box.slick-current{ opacity: 1;}
#wrap_add07.voice .voice_list .h{font-size: 20px;font-weight: bold;margin-bottom: 18px;}
#wrap_add07.voice .voice_list .h > img{display: inline-block; vertical-align: middle; margin:0 20px 3px 0; width: 72px; }
#wrap_add07.voice .voice_list h3{font-size: 20px;font-weight: 500;color: #beaf87;padding: 0;margin: 0 0 18px 0;line-height: 1.6em;}
#wrap_add07.voice .voice_list p{font-size: 15px;line-height: 1.7em;font-weight: 400;color: #000;}

#wrap_add07.voice .voice_list .slick-dots{ bottom: -35px;}
#wrap_add07.voice .voice_list .slick-dots li button:before{ font-size: 11px;}

#wrap_add07.voice .voice_list .slick-prev,#wrap_add07.voice .voice_list .slick-next{ left: 0; right: 0; margin: auto; z-index: 999; width: 54px; height: 54px; transition: .3s; background: #ffffff; border-radius: 50%;}
#wrap_add07.voice .voice_list .slick-prev{left: -480px;}
#wrap_add07.voice .voice_list .slick-next{right: -486px;}
#wrap_add07.voice .voice_list .slick-prev:before,#wrap_add07.voice .voice_list .slick-next:before{ display: block; background:url("../images/top/voice_indent.png") no-repeat center; content: ""; opacity: 1; width: 54px; height: 54px; transition: .3s;}

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

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


.googlevoice{ text-align: center; margin-bottom: 70px;}


@media print, screen and (min-width: 1550px) {
    #wrap_add07.voice{ padding: 85px 0 95px 0; margin-bottom: 90px;}
    #wrap_add07.voice .voice_list .box{ width: 430px;}
    #wrap_add07.voice .voice_list .h{font-size: 22px;}
    #wrap_add07.voice .voice_list h3{font-size: 24px;font-weight: 700;}
    #wrap_add07.voice .voice_list p{font-size: 17px;line-height: 1.8em;}

    #wrap_add07.voice .voice_list .slick-prev{left: -500px;}
    #wrap_add07.voice .voice_list .slick-next{right: -506px;}
    
    .googlevoice{  margin-bottom: 90px;}
}




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



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

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