@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,#main_image .inn{position: relative; z-index: 0; margin-top: 40px;}
#main_image:before{position: absolute; display: block; content: ""; background: url("../images/top/bg_blug.jpg") repeat; width: 100%; height: calc(100% - 480px); top:310px; z-index: -1; left:0; right:0; margin: auto;}
#main_image .inn:before{position: absolute;display: block;content: "";background: url("../images/top/bg_illust_l.png") repeat;width: 306px;height: 116px;top: 206px;z-index: 0;left: -333px;}
#main_image .inn:after{position: absolute;display: block;content: "";background: url("../images/top/bg_illust_r.png") repeat;width: 358px;height: 116px;top: 206px;z-index: 0;right: -402px;}

#main_image .main_box{display: flex;justify-content: space-between;align-items: flex-start;flex-wrap: nowrap; margin-bottom: -12px;}
#main_image .main_box .img{ padding-top: 65px;}
#main_image .main_box .img img{ width: 525px;}
#main_image .main_box .text{ position: relative;}
#main_image .main_box .text .h{position: absolute;top: 86px;left: 102px;z-index: 5; letter-spacing: normal;}
#main_image .main_box .text .h img{ width: 100%;}
#main_image .main_box .text .h p{font-weight: 900; font-size: 54px; color: #4c4c4c; text-shadow: 0 4px rgba(0,0,0,0.08); margin-bottom: 25px; padding: 19px 0 17px 0;}
#main_image .main_box .text .h p span{ display: inline-block;}
#main_image .main_box .text .h p.text_a span:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5)){color: #c4a545; font-size: 65px;}
#main_image .main_box .text .h p.text_b span:is(:nth-child(1),:nth-child(2),:nth-child(4),:nth-child(5),:nth-child(6)){color: #64b4e6; font-size: 82px;}
#main_image .main_box .text .h p.text_c span:is(:nth-child(1),:nth-child(2),:nth-child(3),:nth-child(4),:nth-child(5),:nth-child(6)){color: #f1758f; font-size: 86px;}
#main_image .main_box .text .h p.text_c span:is(:nth-child(2),:nth-child(3)){margin-left: -10px;}

#main_image .main_box .text .bg{ background: url("/contents/images/top/main/fukidashi.png") no-repeat; width: 713px; height: 467px; box-sizing: border-box;}

#main_image .bur_link{display: flex;align-items: center;justify-content: space-between;flex-wrap: nowrap; margin-bottom: 50px; position: relative; z-index: 1;}
#main_image .bur_link .btn{ width: 590px; height: 110px;}
#main_image .bur_link .btn a{ display: flex; width: 100%; height: 100%; text-align: center; border-radius: 40px; background: rgb(255,255,255); background: linear-gradient(180deg, rgba(255,255,255,1) 50%, rgba(250,250,250,1) 50%); align-items: center; justify-content: center; box-shadow: 0 0 20px rgba(7,42,59,0.06); transition: .3s;}
#main_image .bur_link .btn a:hover{ opacity: .7; box-shadow: 0 0 0 rgba(7,42,59,0.06);}


/*---アニメーション---*/
.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.bg{animation-delay:0.5s !important;}

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

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


#main_image .main_box .text .h p.main-animation-text {overflow: hidden;opacity: 0;}

#main_image .main_box .text .h p.main-animation-text{animation: text_opacity 1.5s ease-out forwards;animation-delay:0.9s;}

#main_image .main_box .text .h p.main-animation-text.main-animation--up span {animation: translateX 0.4s cubic-bezier(0.39, 0.575, 0.565, 1) both, fadeIn 0.3s cubic-bezier(0.55, 0.055, 0.675, 0.19) both;}

#main_image .main_box .text .h p.text_a.main-animation-text span:nth-child(1) {animation-delay:1.0s !important}
#main_image .main_box .text .h p.text_a.main-animation-text span:nth-child(2) {animation-delay:1.1s !important}
#main_image .main_box .text .h p.text_a.main-animation-text span:nth-child(3) {animation-delay:1.2s !important}
#main_image .main_box .text .h p.text_a.main-animation-text span:nth-child(4) {animation-delay:1.3s !important}
#main_image .main_box .text .h p.text_a.main-animation-text span:nth-child(5) {animation-delay:1.4s !important}
#main_image .main_box .text .h p.text_a.main-animation-text span:nth-child(6) {animation-delay:1.5s !important}

#main_image .main_box .text .h p.text_b.main-animation-text span:nth-child(1) {animation-delay:1.6s !important}
#main_image .main_box .text .h p.text_b.main-animation-text span:nth-child(2) {animation-delay:1.7s !important}
#main_image .main_box .text .h p.text_b.main-animation-text span:nth-child(3) {animation-delay:1.8s !important}
#main_image .main_box .text .h p.text_b.main-animation-text span:nth-child(4) {animation-delay:1.9s !important}
#main_image .main_box .text .h p.text_b.main-animation-text span:nth-child(5) {animation-delay:2.0s !important}
#main_image .main_box .text .h p.text_b.main-animation-text span:nth-child(6) {animation-delay:2.1s !important}
#main_image .main_box .text .h p.text_b.main-animation-text span:nth-child(7) {animation-delay:2.2s !important}

#main_image .main_box .text .h p.text_c.main-animation-text span:nth-child(1) {animation-delay:2.3s !important}
#main_image .main_box .text .h p.text_c.main-animation-text span:nth-child(2) {animation-delay:2.4s !important}
#main_image .main_box .text .h p.text_c.main-animation-text span:nth-child(3) {animation-delay:2.5s !important}
#main_image .main_box .text .h p.text_c.main-animation-text span:nth-child(4) {animation-delay:2.6s !important}
#main_image .main_box .text .h p.text_c.main-animation-text span:nth-child(5) {animation-delay:2.7s !important}
#main_image .main_box .text .h p.text_c.main-animation-text span:nth-child(6) {animation-delay:2.8s !important}
#main_image .main_box .text .h p.text_c.main-animation-text span:nth-child(7) {animation-delay:2.9s !important}


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

/* ================================= 
form
================================= */
#main_image .form_area{ background: #ffffff; border: 4px solid #64b4e6; border-radius: 60px; box-shadow: 0 0 20px rgba(7,42,59,0.15);}
#main_image .form_area .tit{ background: #64b4e6; text-align: center; color: #ffffff; font-size: 42px; font-weight: bold; text-shadow: 0 3px 0 rgba(0,0,0,0.13); padding: 30px 0 25px 0; margin-bottom: 20px; border-radius: 55px 55px 0 0;}
#main_image .form_area .tit span{display: inline-block; vertical-align: middle; background: #ffffff; width: 340px; font-size: 22px; color: #2780b7; text-shadow: none; margin: 0 20px 10px 0; padding: 1px 0 2px 0; line-height: 1.31; border-radius: 20px; box-shadow: 0 3px 0 rgba(0,0,0,0.13);}
#main_image .form_area .tit mark{ background: transparent; color: #ffff8b;}

#main_image .form_area .wrap_form{ padding:0 95px 35px 95px; }

#main_image .wrap_form .form_blocks{ position: relative; padding-bottom: 25px; margin-bottom: 18px;}
#main_image .wrap_form .form_blocks:before{ display: block; content: ""; background: url("../images/top/form_indent.png") no-repeat; background-size: 100% auto; width: 43px; height: 25px; position: absolute; bottom:0; left: 50%; margin-left: -14.5px;}
#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: 37%;}
#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:20px; border-bottom: 1px dotted rgba(0,0,0,0.3); border-radius: 5px; overflow: hidden;}
#main_image .wrap_form table.form .item { display: inline-block; font-size: 26px; font-weight: bold; position: relative;}
#main_image .wrap_form table.form .item:before{ display: inline-block; vertical-align: middle; content: "1"; background: url("../images/top/form_num.png") no-repeat; background-size: 100% auto; width: 90px; height: 79px; color: #ffffff; margin: 0 14px 6px 0; font-family: 'Urbanist', sans-serif; font-size: 34px; font-weight: bold; text-align: center; box-sizing: border-box; padding: 35px 12px 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: "を入力";color: #575757;margin-left: 2px;}

#main_image .wrap_form table.form th {padding:17px 0 13px 0; vertical-align:top; color: #2780b7; box-sizing: border-box; text-align: left; width: 420px;}
#main_image .wrap_form table.form td {padding:0; vertical-align:middle; font-size: 20px; font-weight: 500; padding: 14px 40px 17px 40px; text-align: left;}
#main_image .wrap_form table.form tr + tr th,#main_image .wrap_form table.form tr + tr td{ border-top: 1px dotted rgba(0,0,0,0.3);}
#main_image .wrap_form table.form .supplement { color:#9a9a9a;}
#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"],input[type="tel"]{background-color: #ffffff; border-radius: 30px; padding: 10px 20px 10px 20px; box-sizing: border-box;}


#main_image .wrap_form table.form strong { color:#f1758f; 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;}


#wrap_top #main_image .wrap_form .submit_btn{ display: block; width: 470px; height: 100px; margin: 0 auto 0 auto; border: 0; color: #ffffff; font-size: 35px; font-weight: bold; text-shadow: 2px 2px 0 rgba(0,0,0,0.14); background: rgb(241,117,143); background: linear-gradient(180deg, rgba(241,117,143,1) 50%, rgba(240,105,133,1) 50%); box-shadow: 0 20px 20px rgba(0,0,0,0.1); border-radius: 40px; 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-left: 45px; padding-top: 0; padding-bottom: 4px; line-height: 0.85; box-sizing: border-box;}
#wrap_top #main_image .wrap_form .submit_btn:hover { opacity: .7; transform: translateY(2px); box-shadow: 0 0 0 rgba(0,0,0,0.1); }



/* ================================= 
代表のご挨拶
================================= */
#wrap_add01.greeting{position: relative;z-index: 0;background: url("../images/top/bg_skyblug.jpg") repeat;padding: 258px 0 140px 0;margin-top: -170px;}
#wrap_add01.greeting:before{position: absolute; z-index: 1; display: block; content: ""; background: url("../images/top/greeting_bg.png") no-repeat center; width: 100%; height: 250px; top:330px; left:0;}

#wrap_add01.greeting h2.normal_tit{margin-bottom: 60px;}

#wrap_add01.greeting .box{display: flex; justify-content: space-between;align-items: flex-start;flex-wrap: nowrap; }
#wrap_add01.greeting .box .img{width: 320px;margin-top: 8px;}
#wrap_add01.greeting .box .img img{ width: 100%; border-radius: 80px; box-shadow: 30px 30px 30px rgba(9,34,52,0.15);}
#wrap_add01.greeting .box .text{width: 795px; }
#wrap_add01.greeting .box .text .h{border-bottom: 3px solid #2780b7;text-shadow: 2px 2px #ffffff;padding-bottom: 37px;margin-bottom: 35px;}
#wrap_add01.greeting .box .text .h .company{font-size: 26px;font-weight: 700;color: #4c4c4c;margin-bottom: 24px;}
#wrap_add01.greeting .box .text .h .name{ font-size: 44px; font-weight: 700; color: #2780b7;}
#wrap_add01.greeting .box .text .h .name span{display: block;font-size: 22px;margin-bottom: -24px;}
#wrap_add01.greeting .box .text .h .name .mark{width: 76px;display: inline-block;vertical-align: baseline;margin: 0 0 0 300px;}
#wrap_add01.greeting .box .text > p + p{ margin-top: 30px; }


/* ================================= 
お悩みはありませんか？
================================= */
#wrap_add02.nayami{ position: relative; z-index: 0; overflow: hidden;}
#wrap_add02.nayami .inn{ position: relative; z-index: 0; padding: 100px 0 55px 0;} 
#wrap_add02.nayami .inn:before,#wrap_add02.nayami .inn:after{ display: block; content: ""; position: absolute; bottom:0;}
#wrap_add02.nayami .inn:before{width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #64b4e6; border-width: 300px 0px 0px 1500px; right:50%; z-index: 1;}
#wrap_add02.nayami .inn:after{width: 0; height: 0; border-style: solid; border-color: transparent transparent #64b4e6 transparent; border-width: 0px 0px 300px 1500px; left:50%;}

#wrap_add02.nayami .box{display: flex; justify-content: space-between;align-items: flex-end;flex-wrap: nowrap; margin: 0 -85px 0 -120px; }
#wrap_add02.nayami .box .img{ padding-top: 10px; position: relative; z-index: 0;}
#wrap_add02.nayami .list{ position: relative; z-index: 5;}
#wrap_add02.nayami .list li{width: 700px; font-size:22px; color:#000000; font-weight: 500; background: #fff5e7; padding: 20px 0 20px 0; border-radius: 25px; position: relative; text-align: center; box-sizing: border-box; letter-spacing: 0;}
#wrap_add02.nayami .list li:before{ display: block; content: ""; width: 0; height: 0; border-style: solid; border-color: transparent #fff5e7 transparent transparent; border-width: 7px 17px 7px 0px; position: absolute; top:50%; margin-top: -7px; left:-16px;}
#wrap_add02.nayami .list li + li{margin-top: 20px;}

#wrap_add02.nayami .list li:nth-child(1){ margin-left: -105px;}
#wrap_add02.nayami .list li:nth-child(2){font-size: 24px; margin-left: -35px;}
#wrap_add02.nayami .list li:nth-child(3){margin-left: -60px; box-shadow: 0 0 15px #ffffff;}
#wrap_add02.nayami .list li:nth-child(5){margin-left: -30px;}
#wrap_add02.nayami .list li:nth-child(7){font-size: 24px; margin-left: -40px;}

#wrap_add02.nayami .list li:nth-child(2),
#wrap_add02.nayami .list li:nth-child(7){background: #e9f3e3;}
#wrap_add02.nayami .list li:nth-child(2):before,
#wrap_add02.nayami .list li:nth-child(7):before{border-color: transparent #e9f3e3 transparent transparent;}

#wrap_add02.nayami .list li:nth-child(3),
#wrap_add02.nayami .list li:nth-child(6){background: #daf1f9;}
#wrap_add02.nayami .list li:nth-child(3):before,
#wrap_add02.nayami .list li:nth-child(6):before{border-color: transparent #daf1f9 transparent transparent;}

#wrap_add02.nayami .list li:nth-child(4){background: #ffe7e7;}
#wrap_add02.nayami .list li:nth-child(4):before{border-color: transparent #ffe7e7 transparent transparent;}


@media print, screen and (max-width: 1450px) {
#wrap_add02.nayami .box{margin-right: 0; }
#wrap_add02.nayami .list li:nth-child(2){margin-left: -75px;}
#wrap_add02.nayami .list li:nth-child(3){margin-left: -60px;}
#wrap_add02.nayami .list li:nth-child(4){margin-left: -90px;}
#wrap_add02.nayami .list li:nth-child(5){margin-left: -75px;}
#wrap_add02.nayami .list li:nth-child(6){margin-left: -60px;}
#wrap_add02.nayami .list li:nth-child(7){margin-left: -90px;}
}



/* ================================= 
お任せください
================================= */
#wrap_add03.entrust{ background: #64b4e6; color: #ffffff; font-size: 20px; font-weight: 500; line-height: 1.9em;}
#wrap_add03.entrust .inn{position: relative; padding:55px 0 80px 0;}

#wrap_add03.entrust h2{font-size: 54px; font-weight: 700; color: #ffffff; text-shadow: 0 3px rgba(0,0,0,0.13); line-height: 1.85em; margin-bottom: 53px;}
#wrap_add03.entrust h2 span{font-size: 75px;}
#wrap_add03.entrust h2 span.yellow{font-size: 97px; color: #ffff8b; position: relative;}
#wrap_add03.entrust h2 span.yellow:before{ display: block; content: ""; background: url("../images/top/entrust_h_point.png") no-repeat; background-size: 100% auto; width: 56px; height: 50px; position: absolute; top:-10px; left:-40px;}
#wrap_add03.entrust h2 span.line{font-size: 90px; background: url("../images/top/entrust_h_line.png") no-repeat bottom center; background-size: 351px auto; padding-bottom: 15px;}
#wrap_add03.entrust h2 span:not(.yellow,.line){ letter-spacing: -0.04em; margin-left: -13px;}

#wrap_add03.entrust p{letter-spacing: 0.06em; margin-left: 12px; width: 800px;}
#wrap_add03.entrust p.fukidashi{ display: block; background: #ffffff; border: 3px solid #2780b7; border-radius: 25px; width: 830px; height: 70px; box-sizing: border-box; font-size: 25px; font-weight: 500; color: #292929; position: relative; z-index: 0; text-align: left; letter-spacing: 0.03em; margin:0 0 32px 5px; overflow: hidden;}
#wrap_add03.entrust p.fukidashi span{display: inline-block; margin: 12px 0 0 0; }
#wrap_add03.entrust p.fukidashi span.tit{width: 190px; background: #def3ff; color: #2780b7; position: relative;z-index: 2;display: block;padding: 12px 0 0 0;box-sizing: border-box;height: 100%; float: left; text-align: center; margin:0 30px 0 0; font-weight: bold;}
#wrap_add03.entrust p.fukidashi:after{ display: block; content: ""; clear: both;}
#wrap_add03.entrust .entrust_illust{position: absolute; bottom:-10px; right:-43px;}


/* ================================= 
3つの特徴
================================= */
#wrap_add04.point{ padding: 100px 0 140px 0;}

#wrap_add04.point h2{ width: 750px; height: 320px; box-sizing: border-box; border-radius: 90px; background:#ffffff; border: 4px solid #4c4c4c; text-align: center; font-size: 100px; font-weight: 900; color: #f1758f; text-shadow: 0 4px rgba(0,0,0,0.08); box-shadow: 0 0 50px rgba(0,0,0,0.08); margin: 0 auto -65px auto; line-height: 0.98em; padding-top: 40px; position: relative; z-index: 2;}
#wrap_add04.point h2:before{display: block;content: ""; width: 0; height: 0; border-style: solid; border-color: #ffffff transparent transparent transparent; border-width: 30px 20px 0px 20px; position: absolute;left: 50%;bottom:-30px;margin-left: -20px; z-index: 1;}
#wrap_add04.point h2:after{display: block;content: ""; width: 0; height: 0; border-style: solid; border-color: #4c4c4c transparent transparent transparent; border-width: 36px 24px 0px 24px; position: absolute;left: 50%;bottom:-36px;margin-left: -24px; z-index: -1;}
#wrap_add04.point h2 span{display: block; font-size: 54px; color: #4c4c4c;}
#wrap_add04.point h2 em{font-size: 150px; font-family: 'Urbanist', sans-serif; font-weight: 700;}
#wrap_add04.point h2 small{font-size: 86px;}

#wrap_add04.point .box .h{display: block; background: url("../images/top/bg_skyblug.jpg") repeat; position: relative; z-index: 0;}
#wrap_add04.point .box.point02 .h{background: url("../images/top/bg_green.jpg") repeat;}
#wrap_add04.point .box.point03 .h{background: url("../images/top/bg_orange.jpg") repeat;}

#wrap_add04.point .box .h h3{ position: relative; padding:52px 0 50px 0; font-size: 54px; font-weight: 700; color: #4c4c4c; text-shadow: 0 3px #ffffff; line-height: 1.7em; margin: 0 auto 0 auto;}
#wrap_add04.point .box.point01 h3{ padding-top: 115px;}
#wrap_add04.point .box.point02 h3{ padding-left: 595px; font-size: 46px; line-height: 1.65em;}
#wrap_add04.point .box.point03 h3{ text-align: center; font-size: 46px; line-height: 1.65em; margin-bottom: 40px;}

#wrap_add04.point .box .h h3:before{position: absolute;display: block;content: "";background: url("../images/top/bg_illust_l.png") repeat;width: 306px;height: 116px;top: -100px;z-index: 0;left: -280px;}
#wrap_add04.point .box .h h3:after{position: absolute;display: block;content: "";background: url("../images/top/bg_illust_r.png") repeat;width: 358px;height: 116px;top: -100px;z-index: 0;right: -300px;}

#wrap_add04.point .box.point02 .h h3:before{background: url("../images/top/bg_illust_l_green.png") repeat;}
#wrap_add04.point .box.point02 .h h3:after{background: url("../images/top/bg_illust_r_green.png") repeat;}
#wrap_add04.point .box.point03 .h h3:before{background: url("../images/top/bg_illust_l_orange.png") repeat;}
#wrap_add04.point .box.point03 .h h3:after{background: url("../images/top/bg_illust_r_orange.png") repeat;}

#wrap_add04.point .box .h h3 .num{display: block; background: url("../images/top/point_num.png") no-repeat bottom center; width: 153px; font-size: 30px; font-family: 'Urbanist', sans-serif; font-weight: 600; color: #64b4e6; text-shadow: none; line-height: 1.35em; text-align: center; margin-bottom: 24px;}
#wrap_add04.point .box.point02 h3 .num{ margin-bottom: 36px; color: #4fc880;}
#wrap_add04.point .box.point03 h3 .num{ margin:0 auto 45px auto; color: #e8a042;}
#wrap_add04.point .box .h h3 .num em{font-size: 40px; display: inline-block; vertical-align: baseline; margin-left:8px; }
#wrap_add04.point .box .h h3 mark{background: transparent; color: #2780b7;}
#wrap_add04.point .box.point02 .h h3 mark{color: #1a954c;}
#wrap_add04.point .box.point03 .h h3 mark{color: #ba771f;}
#wrap_add04.point .box.point02 .h h3 mark:not(.skyblue){ letter-spacing: -0.03em;}
#wrap_add04.point .box .h h3 mark.skyblue{ color: #64b4e6;}
#wrap_add04.point .box.point02 .h h3 mark.skyblue{ color: #4fc880;}
#wrap_add04.point .box.point03 .h h3 mark.skyblue{ color: #e8a042;}
#wrap_add04.point .box .text{ font-size: 20px; line-height: 1.8em; font-weight: 500; color: #000000;}
#wrap_add04.point .box:is(.point01,.point02) .text{display: flex;justify-content: space-between;position: relative;z-index: 1;margin-bottom: 200px;}
#wrap_add04.point .box.point02 .text{ flex-direction: row-reverse;}
#wrap_add04.point .box:is(.point01,.point02) .text p{width: 50%; box-sizing: border-box; padding-top: 50px;}
#wrap_add04.point .box.point03 .text p{ width: 900px; margin: 0 auto 0 auto;}
#wrap_add04.point .box:is(.point01,.point02) .text .img{width: 520px; height: 450px; border-radius: 100px; overflow: hidden; margin-top: -165px; box-shadow: 30px 30px 30px rgba(0,0,0,0.1);}
#wrap_add04.point .box.point02 .text .img{margin-top: -195px;}
#wrap_add04.point .box:is(.point01,.point02) .text .img img{width:100%; }
#wrap_add04.point .box.point03 .text .img{text-align: center; margin: 50px auto 55px auto;}


@media print, screen and (max-width: 1500px) {
#wrap_add04.point .box .h h3:before{left: -150px;}
#wrap_add04.point .box .h h3:after{right: -200px;}
}

/* ================================= 
ご相談事例
================================= */
#wrap_add05.jirei{ background: url("../images/top/bg_cheak.jpg") repeat; padding:70px 0 105px 0; }

#wrap_add05.jirei .inn{ display: flex; justify-content: center; flex-wrap: nowrap;}
#wrap_add05.jirei .inn h2.normal_tit{ font-size: 55px; letter-spacing: -0.03em; text-shadow: 0 4px rgba(0,0,0,0.08); line-height: 1.85em;}
#wrap_add05.jirei .inn h2.normal_tit .skyblue{font-size: 55px; position: relative; padding-left: 96px;}
#wrap_add05.jirei .inn h2.normal_tit .skyblue:before{ display: block; content: ""; background: url("../images/top/jirei_h_icon.png") no-repeat; background-size: 100% auto; width: 81px; height: 56px; position: absolute; left:0; top:50%; margin-top: -28px;}
#wrap_add05.jirei .inn h2.normal_tit .pink{display: block; font-size: 90px; color: #f1758f; letter-spacing: 0.08em;}

#wrap_add05.jirei .inn img.jirei_illust{display: block;margin-top: -165px;margin-left: -35px;margin-right: 35px;}

#wrap_add05.jirei .jirei_slider{ margin-top: 15px;}
#wrap_add05.jirei .jirei_box{width: 500px; font-weight: 500; color: #000000; background: #ffffff;border: 4px solid #64b4e6;border-radius:60px;padding: 35px 30px 35px 35px;box-sizing: border-box; margin-right: 18px; margin-left: 18px; box-shadow: 20px 20px 20px rgba(7,42,59,0.08); margin-bottom: 60px;}
#wrap_add05.jirei .jirei_box h3{font-size: 30px;font-weight: 700;color: #000000;line-height: 1.7em;margin-bottom: 20px;}
#wrap_add05.jirei .jirei_box h3 span{display:inline-block;background: #64b4e6;border-radius:30px;font-size: 18px;padding: 5px 20px 5px 20px;color: #ffffff;line-height: 1.15em;margin-bottom: 14px;}




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