@charset "UTF-8";

@media screen and (min-width: 768px),print {
.seo_bread_list {position: relative; z-index: 1;}
.seo_bread_list a{position: relative; z-index: 1;}

#con1 {}
#con1 .bx{width: 100%; margin: -70px auto 0; background: url(../images/house/con1-bg.png) no-repeat top 83px center #18943B; padding: 123px 0 368px;}
#con1 .bx .inner{width: 780px; margin: 0 auto; background: #fff; padding: 63px 50px 50px; border-radius: 10px; box-shadow: 0px 0px 20px 0px #777777;}
#con1 .bx .inner .ttl1{text-align: center; margin-bottom: 30px; padding-left: 20px;}
#con1 .bx .inner .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.95; font-weight: 400; text-align: center; }

#con2 {}
#con2 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 0 0 124px; }
#con2 .bx .inner {width: 100%; margin: 0 auto -320px; padding: 122px 0 89px; position: relative; z-index: 1; top: -254px;}
#con2 .bx .inner::before {content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 83.3%; background-color: #ffffff; border-radius: 0 20px 20px 0; z-index: -1;}

#con2 .bx .inner .in-bx1{width: 1280px; margin: 0 auto 85px; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 495px; margin-left: auto; margin-right: 123px;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 28px; letter-spacing: 1.4px; line-height: 1.6; font-weight: 500; margin-bottom: 34px;}
#con2 .bx .inner .in-bx1 .in-inner1 .img1{position: absolute; left: 90px; top: -15px;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 400; margin-bottom: 30px;}

#con2 .bx .inner .in-bx2{width: 1280px; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner2{width: 493px; margin-right: auto; margin-left: 97px;}
#con2 .bx .inner .in-bx2 .in-inner2 .img1{position: absolute; right: 222px; top: -13px;}
#con2 .bx .inner .in-bx2 .in-inner2 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2.1; font-weight: 400; margin-bottom: 30px;}



#con3 {}
#con3 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 82px 0 5px; }
#con3 .bx .inner {width: 1200px; margin: 0 auto 70px; }

#con3 .bx .inner .in-bx1{width: 800px; margin: 0 auto 90px; position: relative; border: 1px solid #18943B; padding: 80px 0 30px; border-radius: 20px;}
#con3 .bx .inner .in-bx1 .in-inner1{}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 24px; letter-spacing: 1px; line-height: 1.6; font-weight: 500; color: #fff; text-align: center; background: #18943B; padding: 6px 0; width: 380px; margin: -107px auto 22px; border-radius: 30px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list{margin-bottom: 27px; position: relative; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .list::before{content: ""; width: 54px; height: 54px; margin: 0 auto; background: url(../images/house/con3-icon.png) no-repeat top center; position: absolute; left: 370px; top: 103px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{width: 240px; margin-right: 134px; background: #fff; padding: 0 0 25px; position: relative; border-radius: 0 0 15px 15px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:last-child{margin-right: 0;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .img1{text-align: center; margin-bottom: 15px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt1{font-size: 30px; letter-spacing: 0.7px; line-height: 1.65; font-weight: 500; color: #18943B; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt2{font-size: 16px; letter-spacing: 0.7px; line-height: 1.4; font-weight: 400; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt2 span{font-size: 20px; }
#con3 .bx .inner .in-bx1 .in-inner1 .txt3{font-size: 16px; letter-spacing: 0.8px; line-height: 1.65; font-weight: 400; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt3 span{font-size: 18px;}

#con3 .bx .inner .ttl2{font-size: 28px; letter-spacing: 1.4px; line-height: 1.65; font-weight: 500; text-align: center; margin-bottom: 33px;}
#con3 .bx .inner .txt4{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; text-align: center; }


#con4 {}
#con4 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding-bottom: 163px;}
#con4 .bx .inner {width: 1280px; margin: 0 auto; background: #fff; padding: 83px 50px 90px; border-radius: 15px;}

#con4 .bx .inner .in-bx1{}
#con4 .bx .inner .in-bx1 .in-inner1{margin: 0 auto 80px;}
#con4 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 28px; letter-spacing: 1.5px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 67px; padding-right: 5px;}
#con4 .bx .inner .in-bx1 .in-inner1 .ttl1 span{color: #F08201; background: linear-gradient(transparent 60%, #FDE786 60%); display: inline-block; padding-left: 6px; margin-left: -5px; letter-spacing: 3.5px;}
#con4 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; text-align: center; margin-bottom: 10px;}
#con4 .bx .inner .in-bx1 .in-inner1 .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li{width: 330px; margin-right: 40px; border: 1px solid #EDF1E5; padding: 40px 38px; border-radius: 10px;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li:last-child{margin-right: 0; border: 1px solid #8BC121; }
#con4 .bx .inner .in-bx1 .in-inner1 .list li .in-txt1{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; text-align: center; background: #EDF1E5; width: 180px; margin: 0 auto 38px; padding: 6px 0; border-radius: 20px;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li:last-child .in-txt1{font-size: 20px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; text-align: center; background: #8BC121; color: #fff; width: 180px; margin: 0 auto 38px; padding: 6px 0; border-radius: 20px;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li .in-img1{text-align: center; margin-bottom: 24px;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li .in-txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400;}

#con4 .bx .inner .in-bx2{}
#con4 .bx .inner .in-bx2 .in-inner2{margin: 0 auto 76px;}
#con4 .bx .inner .in-bx2 .in-inner2 .ttl1{font-size: 20px; letter-spacing: 1px; line-height: 1.6; font-weight: 500; text-align: center; color: #fff; background: #8BC121; width: 387px; margin: 0 auto 45px; padding: 6px 10px 6px 0; border-radius: 30px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list{margin-bottom: 28px; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li{width: 170px; margin-right: 34px; background: #EDF1E5; border-radius: 100px; position: relative; padding: 60px 0 25px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(3){background: #FDE786;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(4){background: #FDE786;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:last-child{margin-right: 0; }
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-icon1{text-align: center; position: absolute; left: 0; right: 10px; top: -8px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(2) .in-icon1{position: absolute; left: 0; right: 0px; top: -18px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(3) .in-icon1{position: absolute; left: 0; right: 0px; top: -18px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(4) .in-icon1{position: absolute; left: 0; right: 0px; top: -21px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(5) .in-icon1{position: absolute; left: 0; right: -3px; top: -18px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 0.8; font-weight: 500; text-align: center; padding-top: 10px;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-txt2{font-size: 28px; letter-spacing: 0.8px; line-height: 1.5; font-weight: 500; text-align: center;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-txt3{font-size: 16px; letter-spacing: 0.8px; line-height: 1; font-weight: 500; text-align: center;}
#con4 .bx .inner .in-bx2 .in-inner2 .txt{font-size: 18px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 400; text-align: center;}
#con4 .bx .inner .in-bx2 .in-inner2 .txt span{color: #18943B;}

#con4 .bx .inner .in-bx3{width: 1000px; margin: 0 auto 78px; position: relative;}
#con4 .bx .inner .in-bx3 .in-inner3{width: 550px; margin-right: auto; margin-left: 7px;}
#con4 .bx .inner .in-bx3 .in-inner3 .img4{position: absolute; right: 8px; top: 3px;}
#con4 .bx .inner .in-bx3 .in-inner3 .txt1{font-size: 16px; letter-spacing: 0.8px; line-height: 2; font-weight: 400; margin-bottom: 35px;}

#con4 .bx .inner .in-bx4{}
#con4 .bx .inner .in-bx4 .in-inner4{width: 850px; margin: 0 auto; position: relative; border: 1px solid #8BC121; padding: 52px 0 40px; border-radius: 20px;}
#con4 .bx .inner .in-bx4 .in-inner4 .last-ttl{text-align: center; margin-bottom: 20px; padding-right: 7px;}
#con4 .bx .inner .in-bx4 .in-inner4 .last-txt{font-size: 20px; letter-spacing: 1px; line-height: 1.85; font-weight: 500; text-align: center;}


#con5 {}
#con5 .bx {width: 100%; margin: 0 auto 97px; background: #EDF1E5; padding-bottom: 10px;}
#con5 .bx .inner {width: 1200px; margin: 0 auto 100px; position: relative;}

#con5 .bx .in-bx1{width: 1200px; margin: 0 auto 90px; position: relative;}
#con5 .bx .in-bx1 .in-inner1{width: 570px; margin-right: auto; background: #18943B; border-radius: 20px; padding: 80px 0px 80px 50px; position: relative; z-index: 1;}
#con5 .bx .in-bx1 .in-inner1 .ttl1{font-size: 30px; letter-spacing: 1.4px; line-height: 1.6; font-weight: 500; color: #fff; margin-bottom: 38px;}
#con5 .bx .in-bx1 .in-inner1 .txt1{font-size: 20px; letter-spacing: 1px; line-height: 1.65; font-weight: 500; color: #fff;}
#con5 .bx .in-bx1 .img1{position: absolute; right: 0px; top: -48px; z-index: 0;}

#con5 .bx .in-bx2{width: 1200px; margin: 0 auto; position: relative;}
#con5 .bx .in-bx2 .in-inner2{}
#con5 .bx .in-bx2 .in-inner2 .list{display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con5 .bx .in-bx2 .in-inner2 .list li{width: 380px; margin-right: 16px; background: #fff; padding: 50px 50px 45px; position: relative; border-radius: 15px;}
#con5 .bx .in-bx2 .in-inner2 .list li:last-child{margin-right: 0;}

#con5 .bx .in-bx2 .in-inner2 .list li .img1{text-align: center; margin-bottom: 20px;}
#con5 .bx .in-bx2 .in-inner2 .list li .ttl2{font-size: 22px; letter-spacing: 0.8px; line-height: 1.6; font-weight: 500; text-align: center; color: #F08201; position: relative; margin-bottom: 40px;}
#con5 .bx .in-bx2 .in-inner2 .list li .ttl2::after{content: ""; width: 100%; height: 4px; margin: 0 auto; background: url(../images/house/con5-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -20px;}
#con5 .bx .in-bx2 .in-inner2 .list li .txt2{font-size: 16px; letter-spacing: 0.8px; line-height: 2.05; font-weight: 400; margin-bottom: 5px;}
#con5 .bx .in-bx2 .in-inner2 .list li .txt2-mini{font-size: 13px; letter-spacing: 0.7px; line-height: 1.65; font-weight: 400;}


#con6 {}
#con6 .bx{width: 1280px; margin: 0 auto;}
#con6 .bx .inner{}
#con6 .bx .inner .ttl{text-align: center; margin-bottom: 38px; padding-right: 10px;}
#con6 .bx .inner .txt{font-size: 20px; letter-spacing: 1px; line-height: 1.6; font-weight: 500; text-align: center; margin-bottom: 37px;}
#con6 .bx .inner .btn{text-align: center; margin-bottom: 40px;}
#con6 .bx .inner .img{text-align: center; margin-bottom: 130px;}




}

@media screen and (min-width:768px) and ( max-width:1450px) {
}

@media screen and (min-width:768px) and ( max-width:1700px) {
#con2 .bx .inner::before {content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 95%; background-color: #ffffff; border-radius: 0 20px 20px 0; z-index: -1;}
}


@media screen and (max-width: 767px) {


#con1 {}
#con1 .bx{width: 100%; margin: -14vw auto 0; background: url(../images/house/sp-con1-bg.png) no-repeat top 15vw center #18943B; padding: 40vw 0 65vw; background-size: 100%;}
#con1 .bx .inner{width: 82%; margin: 0 auto; background: #fff; padding: 11vw 5vw 9vw; border-radius: 2vw; box-shadow: 0px 0px 20px 0px #777777;}
#con1 .bx .inner .ttl1{width: 65%; margin: 0 auto 5vw; padding-right: 3vw;}
#con1 .bx .inner .txt1{font-size: 3.55vw; letter-spacing: 0vw; line-height: 1.85; font-weight: 400;}

#con2 {}
#con2 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 0 0 12vw; }
#con2 .bx .inner {width: 100%; margin: 0 auto -30vw; padding: 13vw 4vw 11vw; position: relative; z-index: 1; top: -20vw;}
#con2 .bx .inner::before {content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 100%; background-color: #ffffff; border-radius: 2vw 2vw 2vw 2vw; z-index: -1;}

#con2 .bx .inner .in-bx1{width: 100%; margin: 0 auto 11vw; position: relative;}
#con2 .bx .inner .in-bx1 .in-inner1{width: 100%; margin: 0 auto;}
#con2 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.7; font-weight: 500; margin-bottom: 9vw; padding-left: 5vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .img1{width: 100%; margin: 0 auto 9vw;}
#con2 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.55vw; letter-spacing: 0; line-height: 1.85; font-weight: 400; margin-bottom: 5vw; padding: 0 5vw;}

#con2 .bx .inner .in-bx2{width: 100%; margin: 0 auto; position: relative;}
#con2 .bx .inner .in-bx2 .in-inner2{width: 100%; margin: 0 auto;}
#con2 .bx .inner .in-bx2 .in-inner2 .img1{width: 100%; margin: 0 auto 6vw;}
#con2 .bx .inner .in-bx2 .in-inner2 .txt1{font-size: 3.55vw; letter-spacing: 0; line-height: 1.85; font-weight: 400; margin-bottom: 5vw; padding: 0 5vw;}



#con3 {}
#con3 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding: 24vw 0 13vw; }
#con3 .bx .inner {width: 100%; margin: 0 auto 5vw; }

#con3 .bx .inner .in-bx1{width: 87%; margin: 0 auto 18vw; position: relative; border: 1px solid #18943B; padding: 8vw 0 14vw; border-radius: 5vw;}
#con3 .bx .inner .in-bx1 .in-inner1{}
#con3 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5vw; letter-spacing: 0.6vw; line-height: 1.6; font-weight: 500; color: #fff; text-align: center; background: #18943B; padding: 2vw 0vw 2vw 2vw; width: 71%; margin: -15vw auto 5vw; border-radius: 15vw; position: relative; left: -1vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list{margin-bottom: 5vw; position: relative; padding: 0 6vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list::before{content: ""; width: 20vw; height: 20vw; margin: 0 auto; background: url(../images/house/sp-con3-icon.png) no-repeat top center; position: absolute; left: 0; right: 0; top: 70vw; background-size: 9vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li{width: 100%; margin: 0 auto 24vw; background: #fff; padding: 0 0 5vw; position: relative; border-radius: 0 0 15px 15px;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li:last-child{margin-bottom: -4vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .img1{text-align: center; margin-bottom: 1vw;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt1{font-size: 5.7vw; letter-spacing: 0.3vw; line-height: 1.5; font-weight: 500; color: #18943B; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt2{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 400; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .list li .txt2 span{font-size: 4vw; }
#con3 .bx .inner .in-bx1 .in-inner1 .txt3{font-size: 3.35vw; letter-spacing: 0.1vw; line-height: 1.65; font-weight: 400; text-align: center;}
#con3 .bx .inner .in-bx1 .in-inner1 .txt3 span{font-size: 4vw;}

#con3 .bx .inner .ttl2{font-size: 5.1vw; letter-spacing: 0.5vw; line-height: 1.85; font-weight: 500; margin-bottom: 5vw; padding: 0 9vw;}
#con3 .bx .inner .txt4{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.85; font-weight: 400; padding: 0 9vw;}


#con4 {}
#con4 .bx {width: 100%; margin: 0 auto; background: #EDF1E5; padding-bottom: 19vw;}
#con4 .bx .inner {width: 94%; margin: 0 auto; background: #fff; padding: 13vw 6vw 10vw; border-radius: 5vw;}

#con4 .bx .inner .in-bx1{}
#con4 .bx .inner .in-bx1 .in-inner1{margin: 0 auto 13vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .ttl1{font-size: 5vw; letter-spacing: 0.1vw; line-height: 2; font-weight: 500; margin-bottom: 2vw; padding-left: 1vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .ttl1 span{color: #F08201; background: linear-gradient(transparent 60%, #FDE786 60%); display: inline-block; padding-left: 1vw; margin-left: -1vw; letter-spacing: 0.6vw; position: relative; top: -1vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .txt1{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.6; font-weight: 400; text-align: center; margin-bottom: 5vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .list{}
#con4 .bx .inner .in-bx1 .in-inner1 .list li{width: 100%; margin: 0 auto 6vw; border: 1px solid #EDF1E5; padding: 10vw 5vw 5vw; border-radius: 2vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li:last-child{margin-right: 0; border: 1px solid #8BC121; }
#con4 .bx .inner .in-bx1 .in-inner1 .list li .in-txt1{font-size: 4vw; letter-spacing: 0vw; line-height: 1.6; font-weight: 500; text-align: center; background: #EDF1E5; width: 63%; margin: 0 auto 5vw; padding: 0.5vw 0; border-radius: 15vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li:last-child .in-txt1{font-size: 4vw; letter-spacing: 0vw; line-height: 1.6; font-weight: 500; text-align: center; background: #8BC121; color: #fff; width: 63%; margin: 0 auto 5vw; padding: 0.5vw 0; border-radius: 15vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li .in-img1{width: 40%; margin: 0 auto 4vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li .in-txt2{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 2; font-weight: 400; padding: 0 5vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(2) .in-txt2{padding: 0 8.5vw;}
#con4 .bx .inner .in-bx1 .in-inner1 .list li:nth-of-type(3) .in-txt2{padding: 0 8.5vw;}

#con4 .bx .inner .in-bx2{}
#con4 .bx .inner .in-bx2 .in-inner2{margin: 0 auto 9vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .ttl1{font-size: 4vw; letter-spacing: 0.1vw; line-height: 1.6; font-weight: 500; text-align: center; color: #fff; background: #8BC121; width: 100%; margin: 0 auto 12vw; padding: 1vw 0; border-radius: 15vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list{ margin-bottom: 7vw; display: -webkit-box; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;-webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li{width: 36vw; margin-right: 2vw; margin-bottom: 10vw; background: #EDF1E5; border-radius: 20vw; position: relative; padding: 5vw 0 5vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:last-child{margin-right: 0; margin-bottom: 0;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(3){background: #FDE786;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(4){background: #FDE786;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-child(2n){margin-right: 0; }
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-icon1{width: 20vw; margin: 0 auto; text-align: center; position: absolute; left: 0; right: 3vw; top: -3vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(2) .in-icon1{width: 17vw; margin: 0 auto; position: absolute; left: 0; right: -1vw; top: -5vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(3) .in-icon1{width: 20vw; margin: 0 auto; position: absolute; left: 0; right: 1vw; top: -6vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(4) .in-icon1{width: 11vw; margin: 0 auto; position: absolute; left: 0; right: 0vw; top: -6vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li:nth-of-type(5) .in-icon1{width: 22vw; margin: 0 auto; position: absolute; left: 0; right: 0vw; top: -5vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-txt1{font-size: 3.55vw; letter-spacing: 0; line-height: 0.8; font-weight: 500; text-align: center; padding-top: 9vw;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-txt2{font-size: 6vw; letter-spacing: 0.2vw; line-height: 1.5; font-weight: 500; text-align: center;}
#con4 .bx .inner .in-bx2 .in-inner2 .list li .in-txt3{font-size: 3.55vw; letter-spacing: 0; line-height: 1; font-weight: 500; text-align: center;}
#con4 .bx .inner .in-bx2 .in-inner2 .txt{font-size: 3.35vw; letter-spacing: 0.2vw; line-height: 1.85; font-weight: 400; }
#con4 .bx .inner .in-bx2 .in-inner2 .txt span{color: #18943B;}

#con4 .bx .inner .in-bx3{width: 100%; margin: 0 auto 9vw; position: relative;}
#con4 .bx .inner .in-bx3 .in-inner3{width: 100%; margin: 0 auto;}
#con4 .bx .inner .in-bx3 .in-inner3 .img4{width: 100%; margin: 0 auto 4vw;}
#con4 .bx .inner .in-bx3 .in-inner3 .txt1{font-size: 3.55vw; letter-spacing: 0; line-height: 1.75; font-weight: 400; margin-bottom: 7vw;}

#con4 .bx .inner .in-bx4{}
#con4 .bx .inner .in-bx4 .in-inner4{width: 100%; margin: 0 auto; position: relative; border: 1px solid #8BC121; padding: 10vw 5vw 8vw; border-radius: 5vw;}
#con4 .bx .inner .in-bx4 .in-inner4 .last-ttl{width: 49vw; margin: 0 auto 3vw; padding-left: 3vw;}
#con4 .bx .inner .in-bx4 .in-inner4 .last-txt{font-size: 3.85vw; letter-spacing: 0.25vw; line-height: 1.85; font-weight: 500;}


#con5 {}
#con5 .bx {width: 100%; margin: 0 auto 10vw; background: #EDF1E5; padding-bottom: 10px;}
#con5 .bx .inner {width: 100%; margin: 0 auto 13vw; position: relative;}

#con5 .bx .in-bx1{width: 100%; margin: 0 auto 15vw; position: relative;}
#con5 .bx .in-bx1 .in-inner1{width: 100%; margin: 0 auto; background: #18943B; padding: 11vw 9vw 10vw; position: relative; z-index: 1;}
#con5 .bx .in-bx1 .in-inner1 .ttl1{font-size: 5.4vw; letter-spacing: 0.2vw; line-height: 1.65; font-weight: 500; color: #fff; margin-bottom: 4vw;}
#con5 .bx .in-bx1 .in-inner1 .txt1{font-size: 3.8vw; letter-spacing: 0.25vw; line-height: 1.85; font-weight: 500; color: #fff;}
#con5 .bx .in-bx1 .img1{width: 100%; margin: 0 auto;}

#con5 .bx .in-bx2{width: 100%; margin: 0 auto; position: relative;}
#con5 .bx .in-bx2 .in-inner2{}
#con5 .bx .in-bx2 .in-inner2 .list{}
#con5 .bx .in-bx2 .in-inner2 .list li{width: 82%; margin: 0 auto 14vw; background: #fff; padding: 8vw 8vw 10vw; position: relative; border-radius: 2vw;}
#con5 .bx .in-bx2 .in-inner2 .list li:last-child{margin-bottom: 0;}

#con5 .bx .in-bx2 .in-inner2 .list li .img1{width: 48vw; margin: 0 auto 7vw;}
#con5 .bx .in-bx2 .in-inner2 .list li .ttl2{font-size: 5.3vw; letter-spacing: 0.3vw; line-height: 1.6; font-weight: 500; text-align: center; color: #F08201; position: relative; margin-bottom: 10vw;}
#con5 .bx .in-bx2 .in-inner2 .list li .ttl2::after{content: ""; width: 100%; height: 2vw; margin: 0 auto; background: url(../images/house/con5-ttl-icon.png) repeat-x; position: absolute; left: 0; right: 0; bottom: -7vw;}
#con5 .bx .in-bx2 .in-inner2 .list li .txt2{font-size: 3.55vw; letter-spacing: 0; line-height: 1.75; font-weight: 400; margin-bottom: 0vw;}
#con5 .bx .in-bx2 .in-inner2 .list li .txt2-mini{font-size: 3.25vw; letter-spacing: 0; line-height: 1.85; font-weight: 400;}


#con6 {}
#con6 .bx{width: 94%; margin: 0 auto 15vw; padding: 5vw 0 5vw;}
#con6 .bx .inner{}
#con6 .bx .inner .ttl{width: 88%; margin: 0 auto 9vw;}
#con6 .bx .inner .txt{font-size: 4.4vw; letter-spacing: 0.1vw; line-height: 1.8; font-weight: 500; margin-bottom: 9vw; padding: 0 3.5vw;}
#con6 .bx .inner .btn{width: 90%; margin: 0 auto 10vw;}
#con6 .bx .inner .img{width: 100%; margin: 0 auto;}



}