@charset "utf-8";

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


/*------------------------------------------ main ----------------------------------------*/
#top_main{ }
#main_image{position: relative; height: 1000px; z-index: 0; overflow: hidden;}
#main_image .h{width: 49%; position: absolute; top:0; right:0; padding-top: 335px;}
#main_image .h img{ width: 763px;}

#main_image .swiper_block {overflow: hidden; margin: 0 auto; }
#main_image .swiper_block .swiper { width: 100%; height: 100%; overflow: hidden;}
#main_image .swiper_block .swiper-slide { overflow: hidden; }
#main_image .swiper_block .swiper-slide img { height: 100%; width: 100%; overflow: hidden; }

#main_image .main_img { width: 50%; height: 885px; position: absolute; top:0; left:0;}
#main_image .main_img .img,#main_image .main_img .img_bg{width: 676px;/* height: 452px; */aspect-ratio: 1 / 0.6686390532544378;}
#main_image .main_img .img{position: absolute; z-index: 5; top:280px; right:70px; border-radius: 15px; overflow: hidden;}
#main_image .main_img .img_bg{position: absolute; z-index: 3; top:300px; right:93px; background: #fcc0c6; border-radius: 15px;}
#main_image .main_img .svg_logo{position: absolute; z-index: 0; top:-80px; right:84px; width: 575px;}
#main_image .main_img .svg_logo svg + svg{ margin-top: 220px;}

.main-animation{/*line-height: 1; color: #4d4d4d; letter-spacing: 0.09em;*/}
.main-animation.h img{display: inline-block; opacity: 0;}
.main-animation.main-animation--up.h img{animation: text_anime_on 1s ease-out forwards; animation-delay:3.0s;}

.main-animation{ opacity: 0; transition: .3s;}
.main-animation.js-initialized{ opacity: 1;}

.main-animation.main_img .img,.main-animation.main_img .img_bg{display: inline-block; opacity: 0;}
.main-animation.main-animation--up.main_img .img{animation: slide-skew-2 1s ease-out forwards; animation-delay:2.3s;}
.main-animation.main-animation--up.main_img .img_bg{animation: slide-skew 1s ease-out forwards; animation-delay:2.3s;}

@keyframes slide-skew {0% {transform: translate(30px,-30px) scale(1.0);opacity: 0; filter: blur(6px);}100% {transform: translate(0,0) scale(1.0); filter: blur(0);}80%,100% {opacity: 1;}}
@keyframes slide-skew-2 {0% {transform: translate(-30px,30px) scale(1.0);opacity: 0; filter: blur(6px);}100% {transform: translate(0,0) scale(1.0) filter: blur(0);;}80%,100% {opacity: 1;}}

.main-animation.main-animation--up.main_img .svg_logo{}
.main-animation.main-animation--up.main_img .svg_logo path{fill:rgba(165,233,220,.7); stroke:#00947a; stroke-opacity:1; stroke-width: 1px;animation: svg-anime 3s ease-out forwards; animation-delay:0s;}
@keyframes svg-anime {0% {fill: transparent;stroke-dasharray: 1500px;stroke-dashoffset: 1500px;}50% {fill: transparent;stroke-dashoffset: 0;}100%{fill:rgba(165,233,220,.7); stroke:rgba(165,233,220,.7);}}
    

.text-animation--0{font-size: 48px;}
.text-animation--0 span:nth-child(1) {animation-delay:.0s;}
.text-animation--0 span:nth-child(2) {animation-delay:.05s;}
.text-animation--0 span:nth-child(3) {animation-delay:.1s;}
.text-animation--0 span:nth-child(4) {animation-delay:.15s;}
.text-animation--0 span:nth-child(5) {animation-delay:.2s;}
.text-animation--0 span:nth-child(6) {animation-delay:.25s;}
.text-animation--0 span:nth-child(7) {animation-delay:.3s;}
.text-animation--0 span:nth-child(8) {animation-delay:.35s;}

.text-animation--1{font-size: 60px; margin-top: 30px;}
.text-animation--1 span:nth-child(1) {animation-delay:.4s; color: #37b44b;}
.text-animation--1 span:nth-child(2) {animation-delay:.45s; color: #37b44b;}
.text-animation--1 span:nth-child(3) {animation-delay:.5s; color: #37b44b;}
.text-animation--1 span:nth-child(4) {animation-delay:.55s; color: #37b44b;}
.text-animation--1 span:nth-child(5) {animation-delay:.6s; color: #37b44b;}
.text-animation--1 span:nth-child(6) {animation-delay:.65s;}
.text-animation--1 span:nth-child(7) {animation-delay:.7s;}
.text-animation--1 span:nth-child(8) {animation-delay:.75s;}
.text-animation--1 span:nth-child(9) {animation-delay:.8s;}

.text-animation--2{ width: 590px; font-size: 16px; line-height: 2em; letter-spacing: 0.03em; margin: 55px 0 0 4px;}
.text-animation--2 span:nth-child(1) {animation-delay:1.0s;}



@keyframes zoomUp { 0% { transform: scale(1); } 100% { transform: scale(1.15); } }
#main_image .zoomup { animation: zoomUp 10s linear 0s normal both;}

#main_image .scrolldown{ position:absolute; right:4.2%; bottom:0; height:180px; z-index: 900; }
#main_image .scrolldown span{ display: block; margin: -61px 0 0 -4px; }
#main_image .scrolldown:before {content: "";position: absolute;top:0;left: 0;width: 1px;height: 50px;border-radius: 0;background: rgba(77,77,77,1);animation: circlemove 1.6s ease-in-out infinite, cirlemovehide 1.6s ease-out infinite;}

@keyframes circlemove{ 0%{top:0;} 100%{top:130px;}}
@keyframes cirlemovehide{0%{opacity:0} 50%{opacity:1;} 80%{opacity:0.9;} 100%{opacity:0;}}

#main_image .scrolldown:after{content:"";position: absolute;bottom:0;left:0;width:1px;height: 180px;background: rgba(77,77,77,0.2);}


@media print, screen and (max-width: 1650px) {
    #main_image{height: 980px;}

    #main_image .h{ width: 50%; padding-top: 322px;}
    #main_image .h img{ width: 688px;}
    
    #main_image .main_img .svg_logo{width: 506px; top: -50px;}
    #main_image .main_img .svg_logo svg + svg{ margin-top: 43%;}
    #main_image .main_img{width: 51%;}
    #main_image .main_img .img, #main_image .main_img .img_bg{ width: 606px;}
}

@media print, screen and (max-width: 1450px) {
    #main_image{height: 950px;}
    #main_image .h{ width: 50.5%; padding-top: 318px;}
    #main_image .h img{ width: 610px;}
    
    #main_image .main_img .svg_logo{width: 476px; top: -20px;}
    #main_image .main_img .img, #main_image .main_img .img_bg{ width: 530px;}
    #main_image .main_img .img_bg{top: 295px;right: 86px;}

}

@media print, screen and (max-width: 1300px) {
    #main_image{height: 910px;}
    #main_image .h{ padding-top: 316px;}
    #main_image .h img{ width: 560px;}
    #main_image .main_img .svg_logo{width: 446px; top: -20px;}
    #main_image .main_img .img, #main_image .main_img .img_bg{ width: 500px;}
    #main_image .main_img .img_bg{top: 295px;right: 86px;}
}



/*--------------- 事業概要 --------------*/

#wrap_add01.solutions{ margin-top: 100px;}

#wrap_add01.solutions .h{}
#wrap_add01.solutions .h h2.normal_tit{width: calc(100% - 270px); min-width: 1200px; margin: 0 auto -35px auto; position: relative; z-index: 1; box-sizing: border-box; text-align: right;}
#wrap_add01.solutions .h .h_img{ display: block; width: 100%; position: relative; z-index: -1;}

#wrap_add01.solutions .inn{width: 90%;max-width: 1500px;min-width: 1100px;margin: -290px auto 0 auto;position: relative;z-index: 0;box-sizing: border-box;padding: 60px 5% 0 5%;}
#wrap_add01.solutions .inn:before{display: block;content: ""; width: 100%;height: 400px;position: absolute;z-index: -1;top:0;left:0;box-sizing: border-box;border-radius: 30px 30px 0 0;background: #ffffff;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);}
#wrap_add01.solutions .inn > h3{ color: #ea6674; text-align: center; font-size: 50px; font-weight: 700; padding: 0; margin: 0 0 30px 0;}
#wrap_add01.solutions .inn > h3 + p{font-size: 18px; line-height: 2.0em; color: #3e3e3e; text-align: center;}

#wrap_add01.solutions .link_list{margin-top: 70px;display: flex;flex-wrap: wrap;justify-content: space-between;}
#wrap_add01.solutions .link_list li{width: 31.5%; margin-bottom: 50px; border-radius: 15px; background: RGBA(165, 233, 220, 40); background: linear-gradient(90deg, rgba(165, 233, 220, 0.4) 0%, rgba(156, 230, 205, 0.4) 100%); overflow: hidden; box-sizing: border-box; transition: .6s;}
#wrap_add01.solutions .link_list li a{color: inherit; display: block; width: 100%; height: 100%; box-sizing: border-box; padding: 0 0 30px 0; transition: .6s;}
#wrap_add01.solutions .link_list li .img{display: block; width: 100%; aspect-ratio: 1 / 0.4878640776699029; border-radius: 0 0 15px 15px; margin-bottom: 20px; overflow: hidden; transition: .6s;}
#wrap_add01.solutions .link_list li .img img{ width: 100%; height: 100%; object-fit: cover; transition: .6s;}
#wrap_add01.solutions .link_list li p{font-size: 15px; font-weight: normal; line-height: 1.7em; padding: 0 25px 0 25px; margin: 0; transition: .6s;}
#wrap_add01.solutions .link_list li p.h{font-size: 24px;font-weight: bold;color: #009f83;margin-bottom: 15px;display: flex;align-items: center;flex-wrap: nowrap;justify-content: flex-start;}
#wrap_add01.solutions .link_list li .indent{width: 32px;height: 32px;border-radius: 50%;border: 1px solid #009f83;display: flex;justify-content: center;align-items: center; margin: 0 0 0 20px;}
#wrap_add01.solutions .link_list li .indent .svg{filter: brightness(0) saturate(100%) invert(37%) sepia(80%) saturate(1044%) hue-rotate(136deg) brightness(97%) contrast(101%); }

#wrap_add01.solutions .link_list li:nth-child(2){background: #A5E0E9; background: linear-gradient(90deg, rgba(165, 224, 233, 0.4) 0%, rgba(156, 230, 226, 0.4) 100%);}
#wrap_add01.solutions .link_list li:nth-child(2) p.h{color: #008a9f;}
#wrap_add01.solutions .link_list li:nth-child(2) .indent{border-color:#008a9f;}
#wrap_add01.solutions .link_list li:nth-child(2) .indent .svg{filter: brightness(0) saturate(100%) invert(35%) sepia(98%) saturate(708%) hue-rotate(148deg) brightness(96%) contrast(100%);}

#wrap_add01.solutions .link_list li:nth-child(3){background: #A5D0E9; background: linear-gradient(90deg, rgba(165, 208, 233, 0.4) 0%, rgba(156, 219, 230, 0.4) 100%);}
#wrap_add01.solutions .link_list li:nth-child(3) p.h{color: #00709f;}
#wrap_add01.solutions .link_list li:nth-child(3) .indent{border-color:#00709f;}
#wrap_add01.solutions .link_list li:nth-child(3) .indent .svg{filter: brightness(0) saturate(100%) invert(19%) sepia(92%) saturate(2439%) hue-rotate(180deg) brightness(103%) contrast(101%);}

#wrap_add01.solutions .link_list li:nth-child(4){background: #B2CCED; background: linear-gradient(90deg, rgba(178, 204, 237, 0.4) 0%, rgba(166, 202, 233, 0.4) 100%);}
#wrap_add01.solutions .link_list li:nth-child(4) p.h{color: #00569f;}
#wrap_add01.solutions .link_list li:nth-child(4) .indent{border-color:#00569f;}
#wrap_add01.solutions .link_list li:nth-child(4) .indent .svg{filter: brightness(0) saturate(100%) invert(16%) sepia(97%) saturate(2506%) hue-rotate(194deg) brightness(99%) contrast(101%);}

#wrap_add01.solutions .link_list li:nth-child(5){background: #B7C7EC; background: linear-gradient(90deg, rgba(183, 199, 236, 0.4) 0%, rgba(178, 191, 231, 0.4) 100%);}
#wrap_add01.solutions .link_list li:nth-child(5) p.h{color: #244ea5;}
#wrap_add01.solutions .link_list li:nth-child(5) .indent{border-color:#244ea5;}
#wrap_add01.solutions .link_list li:nth-child(5) .indent .svg{filter: brightness(0) saturate(100%) invert(26%) sepia(17%) saturate(6091%) hue-rotate(202deg) brightness(92%) contrast(92%);}

#wrap_add01.solutions .link_list li:nth-child(6){background: #B7C7EC; background: linear-gradient(90deg, rgba(195, 198, 233, 0.4) 0%, rgba(189, 178, 225, 0.4) 100%);}
#wrap_add01.solutions .link_list li:nth-child(6) p.h{color: #3644af;}
#wrap_add01.solutions .link_list li:nth-child(6) .indent{border-color:#3644af;}
#wrap_add01.solutions .link_list li:nth-child(6) .indent .svg{filter: brightness(0) saturate(100%) invert(17%) sepia(71%) saturate(2939%) hue-rotate(230deg) brightness(92%) contrast(87%);}

#wrap_add01.solutions .link_list li:has(a:hover){background:rgba(0,159,131,0.9);}
#wrap_add01.solutions .link_list li:has(a:hover) p.h,#wrap_add01.solutions .link_list li:has(a:hover) p{color: #ffffff;}
#wrap_add01.solutions .link_list li:has(a:hover) .indent{border-color:#ffffff; background: #ffffff;}
#wrap_add01.solutions .link_list li:has(a:hover) .indent .svg{opacity: .8; /*filter: brightness(0) saturate(100%) invert(100%) sepia(0%) saturate(7494%) hue-rotate(103deg) brightness(100%) contrast(98%);*/}
#wrap_add01.solutions .link_list li:has(a:hover) .img img{transform: scale(1.1); opacity: .95;}

#wrap_add01.solutions .link_list li:nth-child(2):has(a:hover){background: rgba(0, 138, 159, 0.9);}
#wrap_add01.solutions .link_list li:nth-child(3):has(a:hover){background: rgba(0, 112, 159, 0.9);}
#wrap_add01.solutions .link_list li:nth-child(4):has(a:hover){background: rgba(0, 86, 159, 0.9);}
#wrap_add01.solutions .link_list li:nth-child(5):has(a:hover){background: rgba(36, 78, 165, 0.9);}
#wrap_add01.solutions .link_list li:nth-child(6):has(a:hover){background: rgba(54, 68, 175, 0.9);}

@media print, screen and (max-width: 1650px) {
    #wrap_add01.solutions .inn{margin-top: -270px;}
}
@media print, screen and (max-width: 1450px) {
    #wrap_add01.solutions .inn{margin-top: -250px;}
    #wrap_add01.solutions .inn > h3{font-size: 44px;}
    #wrap_add01.solutions .inn > h3 + p{font-size: 16px;}
    #wrap_add01.solutions .link_list li p.h {font-size: 21px;}
}

@media print, screen and (max-width: 1300px) {
    #wrap_add01.solutions .inn{margin-top: -200px; padding-right: 3%; padding-left:3%;}
}

/*--------------- 解決事例 --------------*/
#wrap_add02.case{ margin-top: 150px;}
#wrap_add02.case .inn{width: calc(100% - 270px);min-width: 1200px;margin: 0 auto 0 auto;position: relative;z-index: 0;box-sizing: border-box;padding: 0;}

#wrap_add02.case .h{display: flex;flex-wrap: nowrap;align-items:flex-end;justify-content: space-between; margin: 0 0 60px 0;}
#wrap_add02.case .h h2.normal_tit{margin: 0; position: relative; z-index: 1; box-sizing: border-box; text-align: left;}
#wrap_add02.case .h h2.normal_tit span.eng,#wrap_add02.case .h h2.normal_tit small{vertical-align: baseline;}
#wrap_add02.case .h .circle_btn.pink a{ width: 285px;}

#wrap_add02.case .case_slide{object-fit: 0; transition: .3s;}
#wrap_add02.case .case_slide.slick-initialized{opacity: 1;}

#wrap_add02.case .case_slide .slick-list{overflow: inherit;}
#wrap_add02.case .case_slide .slick-track{display: flex;}
#wrap_add02.case .case_slide .box{ width: 570px; height: auto; margin: 0 60px 0 0; position: relative; z-index: 0; box-sizing: border-box; padding: 35px 45px 35px 45px;}
#wrap_add02.case .case_slide .box:before{display: block; content: ""; width: 100%; height: 100%; background: #ffffff; border-radius: 15px; position: absolute; top:0; right: 0; z-index: -1; transition: .6s;}
#wrap_add02.case .case_slide .box:after{display: block; content: ""; width: 100%; height: 100%; background: #fcc0c6; border-radius: 15px; opacity: .35; position: absolute; top:13px; right: 14px; z-index: -2; transition: .6s;}

#wrap_add02.case .case_slide h3{font-size: 24px;font-weight: 700;color: #3e3e3e;line-height: 1.6em;margin: 0 0 27px 0;padding: 0;box-sizing: border-box;/*min-height: 143px;*/}
#wrap_add02.case .case_slide h3 span{display: block; width: 170px; background: #A5E9DC; background: linear-gradient(90deg, rgba(165, 233, 220, 0.66) 0%, rgba(156, 230, 205, 0.66) 100%); font-size: 16px; font-weight: bold; color: #009f83; text-align: center; padding: 10px 0 10px 0; box-sizing: border-box; border-radius: 20px; line-height: 1em; margin: 0 0 30px 0;}
#wrap_add02.case .case_slide p{ font-size: 16px; line-height: 1.8em; font-weight: 400; color: #252525;}
#wrap_add02.case .case_slide p + p{ margin-top: 20px;}

#wrap_add02.case .case_slide .slick-slide{ opacity: 0.5;}
#wrap_add02.case .case_slide .slick-slide.slick-current{opacity: 1;}

#wrap_add02.case .case_slide .slick-prev,#wrap_add02.case .case_slide .slick-next{ left: 0; right: 0; margin: auto; z-index: 999; width: 58px; height: 70px;}
#wrap_add02.case .case_slide .slick-prev{ left: -613px;}
#wrap_add02.case .case_slide .slick-next{ right: -636px;}
#wrap_add02.case .case_slide .slick-prev:before,#wrap_add02.case .case_slide .slick-next:before{ display: block; background:url("../images/top/indent_pink.png") no-repeat center; content: ""; opacity: 1; width: 25px; height: 37px;}

#wrap_add02.case .case_slide .slick-next:before{transform:rotate(180deg);}

#wrap_add02.case .case_slide .slick-prev:hover,#wrap_add02.case .case_slide .slick-next:hover{ opacity: .7;}


@media print, screen and (max-width: 1450px) {
    #wrap_add02.case .case_slide {margin-left: 30px;}
    #wrap_add02.case .case_slide .box{ width: 450px; padding: 25px 35px 25px 35px; margin: 0 40px 0 0;}
    #wrap_add02.case .case_slide .slick-prev{ left: -500px;}
    #wrap_add02.case .case_slide .slick-next{ right: -540px;}
}


/*--------------- 解決までの流れ --------------*/
#wrap_add03.flow{ margin-top: 230px;}

#wrap_add03.flow .h{}
#wrap_add03.flow .h h2.normal_tit{width: calc(100% - 270px); min-width: 1200px; margin: 0 auto -35px auto; position: relative; z-index: 1; box-sizing: border-box; text-align: right;}
#wrap_add03.flow .h .h_img{ display: block; width: 100%; position: relative; z-index: -1;}

#wrap_add03.flow .inn{width: 90%;max-width: 1500px;min-width: 1100px;margin: -290px auto 0 auto;position: relative;z-index: 0;box-sizing: border-box;padding: 90px 5% 0 5%;}
#wrap_add03.flow .inn:before{display: block;content: ""; width: 100%;height: 430px;position: absolute;z-index: -1;top:0;left:0;box-sizing: border-box;border-radius: 30px 30px 0 0;background: #ffffff;background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 70%, rgba(255, 255, 255, 0) 100%);}
#wrap_add03.flow .flow_figure{text-align: center;}
#wrap_add03.flow .flow_figure img{ width: 100%; max-width: 1307px;}

#wrap_add03.flow .text{display: flex;flex-wrap: nowrap;align-items:flex-end;justify-content: space-between; margin: 55px 0 0 0;}
#wrap_add03.flow .text p{font-size: 18px; line-height: 2.0em; color: #252525; }

@media print, screen and (max-width: 1650px) {
    #wrap_add03.flow .inn{margin-top: -270px;}
}
@media print, screen and (max-width: 1450px) {
    #wrap_add03.flow .text{ margin-top: 45px;}
    #wrap_add03.flow .inn{margin-top: -250px;}
    #wrap_add03.flow .text p{font-size: 16px;}
}

@media print, screen and (max-width: 1300px) {
    #wrap_add03.flow .text{ margin-top: 35px;}
    #wrap_add03.flow .inn{margin-top: -200px; padding-right: 3%; padding-left:3%;}
}


/*--------------- 採用情報 --------------*/
#wrap_add #wrap_recruit{margin-top: 300px;}
#wrap_add #wrap_recruit .bg img{ display: block; width: 100%; height: 700px; object-fit: cover; object-position: center top; position: relative; z-index: -1;}

#wrap_add #wrap_recruit .inn{position: absolute; width: 37%; height: 100%; top:0; right:0; z-index: 1; box-sizing: border-box; padding:140px 0 0 0; }

#wrap_add #wrap_recruit h2{padding: 0; margin: 0 0 35px 0;}
#wrap_add #wrap_recruit h2 .svg_text{ display: block;}
#wrap_add #wrap_recruit h2 .svg_text .svg{ width: 509px;}

#wrap_add #wrap_recruit h2 small{display: block;color: #009f83;font-size: 46px;font-weight: 700;margin: -58px 0 0 55px;letter-spacing: 0.06em;text-shadow: 0 0 10px #e5edef,0 0 20px #e5edef,0 0 50px #e5edef;}
#wrap_add #wrap_recruit p{font-size: 18px; line-height: 2.0em; color: #2f2f2f; text-align: left;}

#wrap_add #wrap_recruit p,#wrap_add #wrap_recruit .circle_btn.gr{ margin-left: 55px;}

#wrap_add #wrap_recruit .circle_btn.gr{margin-top: 50px;}
#wrap_add #wrap_recruit .circle_btn.gr a{font-size: 18px;color: #009f83;font-weight: 500;width: 200px;}
#wrap_add #wrap_recruit .circle_btn.gr a span.indent {width: 58px;height: 58px;border: 1px solid #009f83; background: #009f83;}
#wrap_add #wrap_recruit .circle_btn.gr a span.indent > .svg{filter: brightness(0) saturate(100%) invert(99%) sepia(0%) saturate(1204%) hue-rotate(312deg) brightness(118%) contrast(100%); width: 15px; left: 21px; }
#wrap_add #wrap_recruit .circle_btn.gr a span.txt { padding: 13px 0 0 20px;margin: 0 0 0 60px;}

#wrap_add #wrap_recruit .circle_btn.gr a:hover span.indent  {width: 100%;border: 1px solid #009f83; background: #009f83;}

@media print, screen and (max-width: 1500px) {
    #wrap_add #wrap_recruit .inn{ padding-top: 120px; zoom:0.95;}
    #wrap_add #wrap_recruit .bg img{height: 600px;}
}

@media print, screen and (max-width: 1400px) {
    #wrap_add #wrap_recruit .inn{ width: 45%;}
        #wrap_add #wrap_recruit .bg img { height: 550px; object-position: right top; }
}


/*--------------- アニメーション --------------*/
#wrap_add #wrap_recruit .scroll_animation.fade_blur_3 h2 small,#wrap_add #wrap_recruit .scroll_animation.fade_blur_3 p,#wrap_add #wrap_recruit .scroll_animation.fade_blur_3 .circle_btn{opacity: 0;}
#wrap_add #wrap_recruit .scroll_animation.fade_blur_3.active h2 small,#wrap_add #wrap_recruit .scroll_animation.fade_blur_3.active p,#wrap_add #wrap_recruit .scroll_animation.fade_blur_3.active .circle_btn{animation: text_anime_on 1s ease-out forwards; animation-delay:2.2s;}

#wrap_add #wrap_recruit .scroll_animation.fade_blur_2{ animation-delay:1s;}

#wrap_add #wrap_recruit h2 .svg_text.scroll_animation path{fill:transparent; stroke: transparent; opacity: 0;}
#wrap_add #wrap_recruit h2 .svg_text.scroll_animation.active path{ animation: svg-anime-2 2s ease-in-out forwards; stroke: rgba(0,159,131, 0.5); stroke-dasharray: 1000; stroke-dashoffset: 0; stroke-width: 0.25; animation-delay:1.5s;}
@keyframes svg-anime-2 {0% {fill: transparent;stroke-dashoffset: 1000; opacity: 0;}10% {fill: transparent; opacity:1;}80% {fill: transparent;opacity:1;}100% {fill: transparent;stroke-dashoffset: 0;opacity:1;}}


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