.s-line{
    height: 1px;
    background-color: #b2b2b2;
    text-indent: -9999px;
}
#snb{
    background-color: #fafafa;
    border-top: 1px solid #e0e0e0;
    border-bottom: 1px solid #e0e0e0;
}
#snb .snb-area{
    position: relative;
    padding-left: 45px;
}
#snb .snb-area .home-wrap{
    position: absolute;
    left: 0;
    top: 0;
}
#snb .snb-area .home-wrap .btn-wrap{}
#snb .snb-area .home-wrap .btn-wrap .btn{
    position: relative;
    display: flex;
    width: 45px;
    height: 68px;
    align-items: center;
    justify-content: center;
}
#snb .snb-area .home-wrap .btn-wrap .btn::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #e0e0e0;
}
#snb .snb-area .home-wrap .btn-wrap .btn .ico-wrap{}
#snb .snb-area .home-wrap .btn-wrap .btn .ico-wrap .ico{
    transition: .25s;
}
#snb .snb-area .home-wrap .btn-wrap .btn .ico-wrap .ico:hover{
    opacity: 0.7;
}
#snb .snb-area .home-wrap .btn-wrap .btn .ico-wrap .ico img{}
#snb .snb-area .snb-list-area{}
#snb .snb-area .snb-list-area .dep1-wrap{}
#snb .snb-area .snb-list-area .dep1-wrap .dep1-con{
    position: relative;
    float: left;
    width: 50%;
    max-width: 220px;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1-inner{}
#snb .snb-area .snb-list-area .dep1-wrap .dep1{
    position: relative;
    display: block;
    padding: 0 20px;
    overflow: hidden;
    transition: .25s;
    color: #717171;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1::after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    display: block;
    width: 1px;
    height: 20px;
    margin-top: -10px;
    background-color: #e0e0e0;
    transition: .25s;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1-con.active .dep1,
#snb .snb-area .snb-list-area .dep1-wrap .dep1:hover{
    color: #fff;
    background-color: #165451;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1-con.active .dep1::after,
#snb .snb-area .snb-list-area .dep1-wrap .dep1:hover::after{
    background-color: #165451;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1 .text-area{
    position: relative;
    display: flex;
    align-items: center;
    height: 68px;
    line-height: 68px;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1 .text-area .text-wrap{}
#snb .snb-area .snb-list-area .dep1-wrap .dep1 .text-area .text-wrap .title{
    padding-right: 30px;
    font-size: 18px;
    font-weight: 500;
    word-break: break-all;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1-con:first-child .dep1 .text-area .text-wrap .title{
    font-weight: 700;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1 .text-area .ico-wrap{
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
    line-height: 1;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1 .text-area .ico-wrap .ico{
    transition: .25s;-moz-transition: .25s;-webkit-transition: .25s;-o-transition: .25s;
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1-con.active .dep1 .text-area .ico-wrap .ico{
    transform: rotate(180deg);-moz-transform: rotate(180deg);-webkit-transform: rotate(180deg);-o-transform: rotate(180deg);
}
#snb .snb-area .snb-list-area .dep1-wrap .dep1 .text-area .ico-wrap .ico img{}
#snb .snb-area .snb-list-area .dep2-area{
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-top-width: 0;
    z-index: 99999;
}
#snb .snb-area .snb-list-area .dep2-area .dep2-wrap{}
#snb .snb-area .snb-list-area .dep2-area .dep2-con{
    border-top: 1px solid #e0e0e0;
}
#snb .snb-area .snb-list-area .dep2-area .dep2{
    display: block;
    padding: 0 20px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #717171;
    font-weight: 400;
    transition: .25s;
    overflow: hidden;
}
#snb .snb-area .snb-list-area .dep2-area .dep2-con.active .dep2,
#snb .snb-area .snb-list-area .dep2-area .dep2:hover{
    background-color: #165451;
    color: #fff;
}
.sub-visual .sub-visual__img{
    max-width: none;
}
.s1111{
    position: relative;
}
.s1111 .bg-area{}
.s1111 .bg-area .bg-wrap{}
.s1111 .bg-area .bg{
    height: 0;
    padding-bottom: 1000px;
    background-position: 75% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.s1111 .area{}
.s1111 .area .text-area{}
.s1111 .area .text-area .title-wrap{}
.s1111 .area .text-area .title-wrap .caption-con{
    padding-left: 25px;
    font-size: 0;
}
.s1111 .area .text-area .title-wrap .caption-con .caption{
    display: inline-block;
    padding: 15px 35px;
    background-color: #165451;
    border-radius: 50px;
    color: #fff;
    font-weight: 300;
}
.s1111 .area .text-area .title-wrap .title-con{
    font-size: 0;
}
.s1111 .area .text-area .title-wrap .title-con .title-inner{
    position: relative;
    display: inline-block;
    padding: 0 10px;
}
.s1111 .area .text-area .title-wrap .title-con .title-inner::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 25%;
    background-color: #80b97f;
}
.s1111 .area .text-area .title-wrap .title-con .title{
    position: relative;
    z-index: 20;
    line-height: 1.4;
    font-weight: 900;
}
.s1111 .area .text-area .text-wrap{
    margin: 80px 0 0;
}
.s1111 .area .text-area .text-wrap .text-con{
    padding-left: 25px;
}
.s1111 .area .text-area .text-wrap .text-con .text{
    line-height: 1.6;
    font-weight: 400;
}
.s1112{
    position: relative;
}
.s1112 .bg-area{}
.s1112 .bg-area .bg-wrap{}
.s1112 .bg-area .bg-wrap .bg{
    height: 0;
    padding-bottom: 880px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.s1112 .area{}
.s1112 .area .text-area{
    text-align: center;
    color: #fff;
}
.s1112 .area .text-area .title-wrap{}
.s1112 .area .text-area .title-wrap .caption-con{}
.s1112 .area .text-area .title-wrap .caption-con .caption{
    font-weight: 300;
    line-height: 1.4;
    font-size: 120px;
}
.s1112 .area .text-area .title-wrap .title-con{}
.s1112 .area .text-area .title-wrap .title-con .title{
    font-weight: 900;
    line-height: 1.2;
    font-size: 180px;
    color: #ffd56d;
}
.s1112 .area .text-area .text-wrap{
    margin: 70px 0 0;
    font-size: 0;
}
.s1112 .area .text-area .text-wrap .text-con{
    display: inline-block;
    padding: 10px 35px;
    background-color: #3c7a61;
}
.s1112 .area .text-area .text-wrap .text-con .text{
    line-height: 1.4;
    font-weight: 300;
}
.s1112 .area .text-area .text-wrap .text-con .text strong{
    font-weight: 900;
    color: #ffd56d;
}
.s1112 .area .text-area .text-wrap .text-con .text em{
    position: relative;
    bottom: 10px;
    margin: 0 30px;
    vertical-align: middle;
}
.s1113{}
.s1113 .bg-area{}
.s1113 .bg-area .bg-wrap{}
.s1113 .bg-area .bg-wrap .bg{
    height: 0;
    padding-bottom: 880px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.s-top-title-area{
    padding: 100px 0 80px;
}
.s-top-title-area .title-wrap{
    text-align: center;
}
.s-top-title-area .title-wrap .title-con{}
.s-top-title-area .title-wrap .title{
    font-weight: 300;
    line-height: 1.4;
}
.s-top-title-area .title-wrap .title strong{
    font-weight: 700;
}
.s1114{
    position: relative;
}
.s1114::before{
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 18.25%;
    max-height: 540px;
    background-color: #f5f5f5;
}
.s1114 .area{
    position: relative;
}
.s1114 .area .list-area{}
.s1114 .area .list-area .list-wrap{
    font-size: 0;
    margin: 0 -10px;
}
.s1114 .area .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    vertical-align: text-top;
}
.s1114 .area .list-area .list-inner{}
.s1114 .area .list-area .thumb-wrap{}
.s1114 .area .list-area .thumb-wrap .thumb{}
.s1114 .area .list-area .thumb-wrap .thumb img{
    width: 100%;
}
.s1114 .area .list-area .title-wrap{
    padding: 44px 10px;
    background-color: #165451;
}
.s1114 .area .list-area .title-wrap .title-con{
    text-align: center;
}
.s1114 .area .list-area .title-wrap .title{
    font-weight: 300;
    color: #fff;
    line-height: 1.4;
}
.s1114 .area .list-area .title-wrap .title strong{
    font-weight: 700;
}
.s1114 .area .product-list-area{}
.s1114 .area .product-list-area .list-wrap{
    margin: -30px 0 0;
}
.s1114 .area .product-list-area .list-con{
    padding: 30px 0 0;
}
.s1114 .area .product-list-area .list-inner{
    position: relative;
    background-color: #f5f5f5;
}
.s1114 .area .product-list-area .bg-wrap{}
.s1114 .area .product-list-area .bg-wrap .bg-con{}
.s1114 .area .product-list-area .bg-wrap .bg{
    height: 0;
    padding-bottom: 34.375%;
    background-position: 100% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.s1114 .area .product-list-area .list-con:nth-child(even) .bg-wrap .bg{
    background-position: 0 50%;
}
.s1114 .area .product-list-area .text-area{}
.s1114 .area .product-list-area .text-area .text-wrap{
    padding-left: 6.25%;
}
.s1114 .area .product-list-area .list-con:nth-child(even) .text-area .text-wrap{
    padding-left: 45.625%;
}
.s1114 .area .product-list-area .text-area .title-con{}
.s1114 .area .product-list-area .text-area .title-con .caption{
    color: #9e9e9e;
    font-weight: 300;
    line-height: 1.4;
}
.s1114 .area .product-list-area .text-area .title-con .title{
    line-height: 1.4;
    font-weight: 300;
}
.s1114 .area .product-list-area .text-area .title-con .title strong{
    font-weight: 700;
}
.s1114 .area .product-list-area .text-area .text-con{
    margin: 60px 0 0;
}
.s1114 .area .product-list-area .text-area .text-con .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1115{
    position: relative;
}
.s1115 .bg-area{}
.s1115 .bg-area .bg-wrap{}
.s1115 .bg-area .bg-wrap .bg{
    height: 0;
    padding-bottom: 880px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.s1115 .area{
    text-align: center;
    color: #fff;
}
.s1115 .area .text-area{}
.s1115 .area .text-area .text-wrap{}
.s1115 .area .text-area .text-wrap .text-con{}
.s1115 .area .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1115 .area .text-area .text-wrap .text strong{
    font-weight: 700;
}
.s1116{
    position: relative;
}
.s1116 .bg-area{}
.s1116 .bg-area .bg-wrap{}
.s1116 .bg-area .bg-wrap .bg{
    height: 0;
    padding-bottom: 880px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.s1116 .text-area{
    position: absolute;
    right: 0;
    top: 50%;
    width: 50%;
    max-width: 840px;
    padding: 100px 0 100px 70px;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
    background: rgba(22, 84, 81, 0.9);
}
.s1116 .text-area .text-wrap{
    color: #fff;
}
.s1116 .text-area .text-wrap .text-con{}
.s1116 .text-area .text-wrap .title{
    font-weight: 900;
    line-height: 1.4;
}
.s1116 .text-area .text-wrap .title strong{
    font-weight: 900;
    color: #80b97f;
}
.s1116 .text-area .text-wrap .text{
    margin: 45px 0 0;
    line-height: 1.4;
    font-weight: 400;
}
.s1116_2 .text-area{
    left: 13.5%;
    right: auto;
    padding: 0;
    background: none;
}
.s1117{
    position: relative;
}
.s1117 .bg-area{}
.s1117 .bg-area .bg-wrap{}
.s1117 .bg-area .bg{
    height: 0;
    padding-bottom: 880px;
    background-position: 100% 0%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.s1117 .text-area{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
}
.s1117 .text-area .text-wrap{}
.s1117 .text-area .text-wrap .text-con{}
.s1117 .text-area .text-wrap .ico{}
.s1117 .text-area .text-wrap .ico img{}
.s1117 .text-area .text-wrap .title{
    margin: 35px 0 0;
    line-height: 1.4;
    color: #424242;
    font-weight: 300;
}
.s1117 .text-area .text-wrap .title strong{
    font-weight: 900;
    color: #80b97f;
}
.s1117 .text-area .text-wrap .text{
    margin: 40px 0 0;
    color: #9e9e9e;
    line-height: 1.4;
    font-weight: 400;
}
.s1117 .text-area .btn-con{
    margin: 65px 0 0;
    font-size: 0;
}
.s1117 .text-area .btn-con .btn{
    display: inline-block;
    padding: 20px 45px;
    background-color: #80b97f;
    color: #fff;
    border-radius: 50px;
    transition: .25s;
}
.s1117 .text-area .btn-con .btn:hover{
    background-color: #333;
}
.s1117 .text-area .btn-con .btn strong{
    font-weight: 700;
}
.s-area{
    padding: 100px 0 150px;
}
.s-title-area{
    text-align: center;
}
.s-title-area.c-white{
    color: #fff;
}
.s-title-area .text-area{}
.s-title-area .text-area .title-wrap{}
.s-title-area .text-area .title-wrap .ico{
    margin: 0 0 15px;
}
.s-title-area .text-area .title-wrap .ico img{
    max-width: 10%;
}
.s-title-area .text-area .title-wrap .text{
    font-weight: 300;
    line-height: 1.4;
    color: #9e9e9e;
}
.s-title-area .text-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s-title-area .text-area .title-wrap .title span{
    font-weight: 300;
}
.s-title-area .text-area .text-wrap{
    margin: 28px 0 0;
}
.s-title-area .text-area .text-wrap .text{
    color: #9e9e9e;
    line-height: 1.4;
    font-weight: 400;
}
.s-title-area .text-area .text-wrap .text2{
    line-height: 1.4;
    font-weight: 300;
}
.s-title-area .text-area .text-wrap .text2 strong{
    font-weight: 700;
}
.s1211{}
.s1211 .area{}
.s1211 .area .list-wrap{
    font-size: 0;
    margin: -100px -10px 0;
}
.s1211 .area .list-wrap .list-con{
    display: inline-block;
    width: 33.33%;
    padding: 100px 10px 0;
    vertical-align: text-top;
}
.s1211 .area .list-wrap .list-inner{}
.s1211 .area .list-wrap .link{
    display: block;
}
.s1211 .area .list-wrap .thumb-area{}
.s1211 .area .list-wrap .thumb-area .thumb-wrap{}
.s1211 .area .list-wrap .thumb-area .thumb{
    overflow: hidden;
}
.s1211 .area .list-wrap .thumb-area .thumb img{
    width: 100%;
    transition: .25s;-moz-transition: .25s;-webkit-transition: .25s;-o-transition: .25s;
}
.s1211 .area .list-wrap .link:hover .thumb-area .thumb img{
    transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);
}
.s1211 .area .list-wrap .text-area{
    padding: 40px 10px;
    background-color: #165451;
    text-align: center;
}
.s1211 .area .list-wrap .text-area .name-wrap{
    color: #fff;
}
.s1211 .area .list-wrap .text-area .name-wrap .job{
    font-weight: 300;
    line-height: 1.4;
}
.s1211 .area .list-wrap .text-area .name-wrap .name{
    margin: 3px 0 0;
    font-weight: 300;
    line-height: 1.4;
}
.s1211 .area .list-wrap .text-area .name-wrap .name strong{
    font-weight: 700;
}
.s1211 .area .list-wrap .text-area .name-wrap .cate{
    margin: 8px 0 0;
    font-weight: 300;
    line-height: 1.4;
}
.s1211 .area .list-wrap .text-area .btn-wrap{
    max-width: 420px;
    margin: 25px auto 0;
    padding: 25px 0 0;
    border-top: 1px solid #9e9e9e;
}
.s1211 .area .list-wrap .text-area .btn-wrap .btn{
    color: #80b97f;
    font-weight: 700;
}
.s1211 .area .list-wrap .text-area .btn-wrap .btn span{
    margin-left: 10px;
}
.s1211_pop{
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    overflow-y: auto;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.5);
}
.s1211_pop .pop-area{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    max-height: 100%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
}
.s1211_pop .pop-area .pop-wrap{}
.s1211_pop .pop-area .pop-con{}
.s1211_pop .pop-area .list-wrap{}
.s1211_pop .pop-area .list-con{
    display: none;
}
.s1211_pop .pop-area .list-inner{
    position: relative;
}
.s1211_pop .pop-area .close-btn-wrap{
    position: absolute;
    right: 160px;
    top: 160px;
}
.s1211_pop .pop-area .close-btn-wrap .btn{}
.s1211_pop .pop-area .close-btn-wrap .btn img{}
.s1211_pop .pop-area .img{}
.s1211_pop .pop-area .img img{}
.s1311{}
.s1311-2{
    padding: 100px 0;
    background: url('../img/s1311-2-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s1311 .area{
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
}
.s1311 .right{
    width: 56.25%;
    margin-left: -6.25%;
}
.s1311 .right .thumb-area{}
.s1311 .right .thumb-area .thumb-wrap{}
.s1311 .right .thumb-area .thumb{}
.s1311 .right .thumb-area .thumb img{}
.s1311 .left{
    position: relative;
    width: 50%;
    padding: 75px 0 75px 55px;
    margin-bottom: 50px;
    background: url('../img/s1311.jpg') 0 0 no-repeat;
    background-size: cover;
}
.s1311 .left .text-area{
    color: #fff;
}
.s1311-2 .left .text-area{
    color: #212121;
}
.s1311 .left .text-area .title-wrap{}
.s1311 .left .text-area .title-wrap .title{
    font-weight: 300;
    line-height: 1.25;
}
.s1311 .left .text-area .title-wrap .title strong{
    font-weight: 900;
    color: #80b97f;
}
.s1311 .left .text-area .text-wrap{
    margin: 25px 0 0;
}
.s1311 .left .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1311 .left .text-area .text-wrap .text strong{
    font-weight: 700;
}
.s1312{
    padding: 120px 0;
    background-color: #f5f5f5;
}
.s1312 .area{
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
}
.s1312 .right{
    width: 30%;
    margin-left: 1.25%;
}
.s1312 .right .logo-area{
    max-width: 80%;
    margin: 0 auto;
    text-align: center;
}
.s1312 .right .logo-area .logo-wrap{}
.s1312 .right .logo-area .logo{}
.s1312 .right .logo-area .logo img{}
.s1312 .right .nav-area{
    margin: 60px 0 0;
}
.s1312 .right .nav-area .nav{}
.s1312 .right .nav-area .dep1-wrap{}
.s1312 .right .nav-area .dep1-con{}
.s1312 .right .nav-area .dep1{
    position: relative;
    display: block;
    padding: 30px 10px 30px 0;
    transition: .25s;
    color: #9e9e9e;
    background-color: #fff;
}
.s1312 .right .nav-area .dep1-con.active .dep1,
.s1312 .right .nav-area .dep1-con .dep1:hover{
    background-color: #165451;
    color: #fff;
}
.s1312 .right .nav-area .dep1::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    margin-top: -15px;
    border-left: 20px solid #f5f5f5;
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
    transform: translateX(-100%);-moz-transform: translateX(-100%);-webkit-transform: translateX(-100%);-o-transform: translateX(-100%);
    transition: .25s;-moz-transition: .25s;-webkit-transition: .25s;-o-transition: .25s;
}
.s1312 .right .nav-area .dep1-con.active .dep1::before{
    transform: translateX(0);-moz-transform: translateX(0);-webkit-transform: translateX(0);-o-transform: translateX(0);
}
.s1312 .right .nav-area .text-area{
    font-size: 0;
}
.s1312 .right .nav-area .text-area .floor-wrap{
    display: inline-block;
    width: 31.25%;
    vertical-align: middle;
    text-align: center;
}
.s1312 .right .nav-area .text-area .floor-wrap .floor{
    font-weight: 300;
    transition: .25s;
}
.s1312 .right .nav-area .dep1-con.active .dep1 .text-area .floor-wrap .floor,
.s1312 .right .nav-area .dep1-con .dep1:hover .text-area .floor-wrap .floor{
    color: #7cb886;
}
.s1312 .right .nav-area .text-area .floor-wrap .floor strong{
    font-weight: 900;
}
.s1312 .right .nav-area .text-area .text-wrap{
    display: inline-block;
    width: 68.75%;
    vertical-align: middle;
}
.s1312 .right .nav-area .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1312 .left{
    width: 68.75%;
}
.s1312 .left .slide-list-wrap{}
.s1312 .left .slide-list-con{}
.s1312 .left .slide-list-inner{}
.s1312 .left .slide-area{
    position: relative;
    overflow: hidden;
}
.s1312 .left .slide-wrap{}
.s1312 .left .slide-con{}
.s1312 .left .slide-inner{}
.s1312 .left .slide-inner .img{
    text-align: center;
}
.s1312 .left .slide-inner .img img{
    margin: 0 auto;
}
.s1312 .left .swiper-button-next{
    width: 26px;
    height: 40px;
    margin-top: -20px;
    background-image: url('../img/s132_next.png');
    right: 60px;
}
.s1312 .left .swiper-button-prev{
    width: 26px;
    height: 40px;
    margin-top: -20px;
    background-image: url('../img/s132_prev.png');
    left: 60px;
}
.s1313{}
.s1313 .area{}
.s1313 .list-wrap{
    margin: -90px -10px 0;
    font-size: 0;
}
.s1313 .list-wrap .list-con{
    display: inline-block;
    width: 50%;
    padding: 90px 10px 0;
    vertical-align: text-top;
}
.s1313 .list-wrap .list-inner{}
.s1313 .list-wrap .thumb-area{
    margin: 0 0 20px;
}
.s1313 .list-wrap .thumb-area .thumb-wrap{}
.s1313 .list-wrap .thumb-area .thumb{}
.s1313 .list-wrap .thumb-area .thumb img{
    width: 100%;
}
.s1313 .list-wrap .text-area{
    text-align: center;
}
.s1313 .list-wrap .text-area .title-wrap{}
.s1313 .list-wrap .text-area .title-wrap .text{
    line-height: 1.2;
    font-weight: 300;
}
.s1313 .list-wrap .text-area .title-wrap .title{
    line-height: 1.2;
    color: #80b97f;
    font-weight: 900;
}
.s1411{
    position: relative;
}
.s1411 .bg-area{}
.s1411 .bg-area .bg-wrap{}
.s1411 .bg-area .bg{
    height: 0;
    padding-bottom: 732px;
    background-position: 75% 100%;
    background-size: cover;
    background-repeat: no-repeat;
    text-indent: -9999px;
}
.s1411 .area{}
.s1411 .area .text-area{}
.s1411 .area .text-area .title-wrap{
    color: #fff;
}
.s1411 .area .text-area .title-wrap .title{
    font-weight: 300;
    line-height: 1.6;
    font-size: 98px;
}
.s1411 .area .text-area .title-wrap .title em{
    font-weight: 900;
    background-color: #ffd56d;
    color: #061739;
}
.s1411 .area .text-area .title-wrap .title strong{
    font-weight: 900;
}
.s1411 .area .text-area .title-wrap .text{
    margin: 15px 0 0;
    padding-left: 20px;
    line-height: 1.4;
}
.s1411 .area .text-area .caption-area{
    margin: 50px 0 0;
}
.s1411 .area .text-area .caption-area .list-wrap{
    margin: 0 -15px 0 0;
    font-size: 0;
}
.s1411 .area .text-area .caption-area .list-con{
    display: inline-block;
    margin: 0 15px 0 0;
}
.s1411 .area .text-area .caption-area .list-inner{
    min-width: 250px;
    padding: 0 10px;
    text-align: center;
    background-color: #ced2d8;
    border-radius: 50px;
}
.s1411 .area .text-area .caption-area .caption{
    height: 80px;
    line-height: 80px;
    white-space: nowrap;
    font-weight: 300;
}
.s1411 .area .text-area .caption-area .caption strong{
    font-weight: 700;
}
.s1412{
    padding: 115px 0;
    background-color: #f5f5f5;
}
.s1412 .area{
    display: flex;
    align-items: center;
    justify-content: center;
}
.s1412 .left{
    width: 50%;
}
.s1412 .left .cs-area{}
.s1412 .left .cs-area .tb{}
.s1412 .left .cs-area .tb tr{}
.s1412 .left .cs-area .tb th{
    padding: 35px 0;
    vertical-align: top;
}
.s1412 .left .cs-area .tb td{
    padding: 35px 0 35px 15px;
    font-size: 0;
    vertical-align: top;
}
.s1412 .left .cs-area .tb .title-wrap{}
.s1412 .left .cs-area .tb .title-wrap .title{
    height: 72px;
    line-height: 72px;
    background-color: #80b97f;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
.s1412 .left .cs-area .tb .text-wrap{
    display: inline-block;
    vertical-align: top;
}
.s1412 .left .cs-area .tb .text-wrap .text{
    font-weight: 300;
    line-height: 72px;
}
.s1412 .left .cs-area .tb .text-wrap .text em{
    font-weight: 400;
}
.s1412 .left .cs-area .tb .text-wrap .text strong{
    font-weight: 300;
}
.s1412 .left .cs-area .tb .text-wrap .text .red{
    color: #ff003c;
}
.s1412 .left .cs-area .tb .text-wrap .text .green{
    color: #80b97f;
}
.s1412 .left .cs-area .tb .text-wrap .refer{
    text-align: right;
    color: #ff003c;
    font-weight: 700;
}
.s1412 .left .cs-area .tb .text-wrap .refer img{
    vertical-align: middle;
}
.s1412 .right{
    width: 50%;
    padding: 20px 0 20px 90px;
    border-left: 1px solid #9e9e9e;
}
.s1412 .right .text-area{}
.s1412 .right .text-area .text-wrap{}
.s1412 .right .text-area .text-wrap .title{
    color: #80b97f;
    font-weight: 900;
}
.s1412 .right .text-area .text-wrap .text{
    margin: 25px 0 0;
    line-height: 1.5;
    font-weight: 300;
}
.s1412 .right .text-area .text-wrap .text .bar{
    position: relative;
    bottom: 4px;
    font-weight: 700;
    color: #9e9e9e;
    margin: 0 5px;
    vertical-align: middle;
}
.s1412 .right .text-area .tel-wrap{
    display: flex;
    align-items: center;
    margin: 80px 0 0;
}
.s1412 .right .text-area .tel-wrap .title{
    color: #80b97f;
    font-weight: 900;
}
.s1412 .right .text-area .tel-wrap .title img{}
.s1412 .right .text-area .tel-wrap .tel{
    margin-left: 10px;
    font-weight: 900;
}
.s1412 .right .text-area .tel-wrap .tel a{
    transition: .25s;
}
.s1412 .right .text-area .tel-wrap .tel a:hover{
    color: #80b97f;
}
.s1413{}
.s1413 .area{}
.s1413 .area .map-area{
    position: relative;
    height: 640px;
}
.s1413 .area .map-area #map{
    position: absolute;
    left: 0;
    top: 0;
    width: 100% !important;
    height: 100% !important;
}
.s1413 .contact-area{
    display: flex;
    align-items: center;
}
.s1413 .contact-area .left{
    width: 50%;
    padding-right: 100px;
}
.s1413 .contact-area .right{
    width: 50%;
}
.s1413 .contact-area .list-area{
    padding: 70px 0 0;
}
.s1413 .contact-area .list-area .list-wrap{}
.s1413 .contact-area .list-area .list-con{
    padding: 45px 0 0;
    margin: 45px 0 0;
    border-top: 1px dashed #e0e0e0;
}
.s1413 .contact-area .list-area .list-con:first-child{
    padding: 0;
    margin: 0;
    border-top-width: 0;
}
.s1413 .contact-area .list-area .list-inner{
    display: flex;
    width: 100%; 
}
.s1413 .contact-area .list-area .list-con:last-child .list-inner{
    align-items: flex-start;
}
.s1413 .contact-area .list-area .ico-area{
    width: 80px;
}
.s1413 .contact-area .list-area .ico-area .ico-wrap{}
.s1413 .contact-area .list-area .ico-area .ico{}
.s1413 .contact-area .list-area .ico-area .ico img{}
.s1413 .contact-area .list-area .text-area{
    padding-left: 30px;
}
.s1413 .contact-area .list-area .text-area .title-wrap{}
.s1413 .contact-area .list-area .text-area .title-wrap .title{
    margin: 0 0 20px;
    font-weight: 300;
    line-height: 1.4;
}
.s1413 .contact-area .list-area .text-area .title-wrap .title strong{
    font-weight: 900;
}
.s1413 .contact-area .list-area .text-area .text-wrap{}
.s1413 .contact-area .list-area .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1413 .contact-area .list-area .text-area .text-wrap .text strong{
    font-weight: 700;
}
.s1413 .contact-area .list-area .text-area .text-wrap .text .orange{
    color: #ff8244;
}
.s1413 .contact-area .list-area .text-area .caption-wrap{
    display: flex;
    align-items: center;
    margin-left: -25px;
    margin-top: 25px;
}
.s1413 .contact-area .list-area .text-area .caption-wrap .caption-con{
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.s1413 .contact-area .list-area .text-area .caption-wrap .caption{
    padding: 3px 5px;
    background-color: #00aeab;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
}

.s1413 .contact-area .list-area .text-area .text-wrap .bus_box1{
	width:30px;
	height:30px;
	line-height:28px;
    background-color: #7eb97f;
    border-radius: 30px;
    color: #fff;
    font-weight: 700;
	text-align:center;
	display:inline-block;
}


.s1413 .contact-area .list-area .text-area .caption-wrap .caption.red{
    background-color: #f86e55;
}
.s1413 .contact-area .list-area .text-area .caption-wrap .text{
    margin-left: 10px;
    font-weight: 400;
}
.s1413 .contact-area .list-area .text-area .addr-wrap{
    max-width: 586px;
    text-align: center;
    color: #fff;
    margin: 28px 0 0;
    padding: 10px 0;
    background-color: #165451;
    border-radius: 5px;
}
.s1413 .contact-area .list-area .text-area .addr-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1413 .contact-area .list-area .text-area .addr-wrap .text strong{
    font-weight: 700;
}
.s1413 .contact-area .map-image-area{}
.s1413 .contact-area .map-image-area .img{}
.s1413 .contact-area .map-image-area .img img{}
.s1414{
    padding: 100px 0;
    background-color: #f5f5f5;
}
.s1414 .area{}
.s1414 .top-title-area{
    text-align: center;
}
.s1414 .top-title-area .title-wrap{
    font-size: 0;

}
.s1414 .top-title-area .title-wrap .title{
    display: inline-block;
    padding: 17px 40px;
    background-color: #165451;
    border-radius: 50px;
    color: #fff;
    font-weight: 300;
    line-height: 1.4;
}
.s1414 .top-title-area .title-wrap .title strong{
    font-weight: 700;
}
.s1414 .list-area{}
.s1414 .list-area .list-wrap{
    margin: -60px -10px 0;
    font-size: 0;
}
.s1414 .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 60px 10px 0;
    vertical-align: text-top;
}
.s1414 .list-area .list-inner{}
.s1414 .list-area .thumb-area{
    position: relative;
}
.s1414 .list-area .thumb-area .num-wrap{
    position: absolute;
    left: 0;
    top: 0;
}
.s1414 .list-area .thumb-area .num-wrap .num{
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    background-color: #80b97f;
    color: #fff;
    font-weight: 700;
}
.s1414 .list-area .thumb-area .thumb-wrap{}
.s1414 .list-area .thumb-area .thumb-wrap .thumb{}
.s1414 .list-area .thumb-area .thumb-wrap .thumb img{
    width: 100%;
}
.s1414 .list-area .text-area{
    margin: 10px 0 0;
    padding: 30px 10px;
    text-align: center;
    background-color: #165451;
    border-radius: 5px;
    color: #fff;
}
.s1414 .list-area .text-area .text-wrap{}
.s1414 .list-area .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1414 .list-area .text-area .text-wrap .text strong{
    font-weight: 700;
}
.s1414 .list-area .text-area .caption-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: -25px;
    margin-top: 25px;
}
.s1414 .list-area .text-area .caption-wrap .caption-con{
    display: flex;
    align-items: center;
    margin-left: 25px;
}
.s1414 .list-area .text-area .caption-wrap .caption{
    padding: 3px 5px;
    background-color: #00aeab;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
}
.s1414 .list-area .text-area .caption-wrap .caption.red{
    background-color: #f86e55;
}
.s1414 .list-area .text-area .caption-wrap .text{
    margin-left: 10px;
    font-weight: 400;
}
.s1415{}
.s1415 .area{
    text-align: center;
}
.s1415 .area .thumb-area{}
.s1415 .area .thumb-area .thumb-wrap{}
.s1415 .area .thumb-area .thumb{}
.s1415 .area .thumb-area .thumb img{
    width: 100%;
}
.s1415 .area .text-area{
    margin: 10px 0 0;
    padding: 20px 10px;
    text-align: center;
    background-color: #165451;
    border-radius: 5px;
    color: #fff;
}
.s1415 .area .text-area .text-wrap{}
.s1415 .area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s1415 .area .text-area .text strong{
    font-weight: 700;
    color: #80b97f;
}
.s1415 .area .bot-text-area{}
.s1415 .area .bot-text-area .text-wrap{}
.s1415 .area .bot-text-area .text{
    font-weight: 300;
    line-height: 1.6;
}
.s1415 .area .bot-text-area .text strong{
    font-weight: 700;
}
.s1511{}
.s1511 .area{}
.s1511 .list-area{}
.s1511 .list-area .list-wrap{
    margin: -100px -10px 0;
    font-size: 0;
}
.s1511 .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 100px 10px 0;
    vertical-align: text-top;
    text-align: center;
}
.s1511 .list-area .list-inner{}
.s1511 .list-area .thumb-area{}
.s1511 .list-area .thumb-area .thumb-wrap{}
.s1511 .list-area .thumb-area .thumb{}
.s1511 .list-area .thumb-area .thumb img{
    width: 100%;
}
.s1511 .list-area .text-area{}
.s1511 .list-area .text-area .title-wrap{
    padding: 32px 0;
    border-bottom: 1px solid #e0e0e0;
}
.s1511 .list-area .text-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.2;
}
.s1511 .list-area .text-area .text-wrap{
    padding: 30px 10px 0;
}
.s1511 .list-area .text-area .text-wrap .text{
    line-height: 1.4;
    font-weight: 300;
}
.s1611{
    padding: 100px 0;
    background-color: #fafafa;
}
.s1611 .area{
    text-align: center;
}
.s1611 .area .img-area{}
.s1611 .area .img-area .img-wrap{}
.s1611 .area .img-area .img{}
.s1611 .area .img-area .img img{}
.s1612{}
.s1612 .area{}
.s1612 .list-area{}
.s1612 .list-area .list-wrap{
    margin: -20px -10px 0;
    text-align: center;
    font-size: 0;
}
.s1612 .list-area .list-con{
    display: inline-block;
    width: 33.33%;
    padding: 20px 10px 0;
    vertical-align: text-top;
}
.s1612 .list-area .list-inner{}
.s1612 .list-area .link{
    display: block;
    border: 1px solid #e0e0e0;
}
.s1612 .list-area .link-inner{}
.s1612 .list-area .thumb-area{}
.s1612 .list-area .thumb-area .thumb-wrap{}
.s1612 .list-area .thumb-area .thumb{
    overflow: hidden;
}
.s1612 .list-area .thumb-area .thumb img{
    width: 100%;
    transition: .25s;-moz-transition: .25s;-webkit-transition: .25s;-o-transition: .25s;
}
.s1612 .list-area .link:hover .thumb-area .thumb img{
    transform: scale(1.1);-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);
}
.s1612 .list-area .text-area{
    padding: 38px 10px;
    background-color: #f5f5f5;
}
.s1612 .list-area .text-area .title-wrap{}
.s1612 .list-area .text-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s1612 .list-area .text-area .title-wrap .line{
    max-width: 320px;
    height: 1px;
    margin: 35px auto;
    text-indent: -9999px;
    background-color: #e0e0e0;
}
.s1612 .list-area .text-area .url-wrap{}
.s1612 .list-area .text-area .url-wrap .url{
    color: #165451;
    font-weight: 400;
}
.s2111{}
.s2111 .img-list-area{}
.s2111 .img-list-area .list-wrap{
    display: flex;
    align-items: flex-start;
}
.s2111 .img-list-area .list-con{
    width: 50%;
}
.s2111 .img-list-area .list-con:nth-child(2){
    padding: 100px 0 0;
}
.s2111 .img-list-area .list-inner{}
.s2111 .img-list-area .img{}
.s2111 .img-list-area .img img{}
.s2111 .top-img-area{
    position: relative;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
}
.s2111 .top-img-area .img-wrap{}
.s2111 .top-img-area .img{}
.s2111 .top-img-area .img img{}
.s2111 .top-img-area2{}
.s2111 .top-img-area .img-wrap{}
.s2111 .top-img-area .img{}
.s2111 .top-img-area .img img{}
.s2111 .bot-img-area{
    text-align: center;
}
.s2111 .bot-img-area .img-wrap{}
.s2111 .bot-img-area .img{}
.s2111 .bot-img-area .img img{}
.s2111 .gray-img-wrap{
    background-color: #f7f7f7;
}
.s2112-area{
    padding: 120px 0 60px;
    background-color: #f5f5f5;
}
.s2112{}
.s2112 .area{
    display: flex;
    align-items: center;
}
.s2112 .left{
    width: 50%;
}
.s2112 .right{
    width: 50%;
}
.s2112 .left .img-area{
    text-align: center;
    font-size: 0;
}
.s2112 .left .img-area .img-wrap{
    position: relative;
    display: inline-block;
}
.s2112 .left .img-area .img{}
.s2112 .left .img-area .img img{}
.s2112 .left .img-area .btn-list-area{}
.s2112 .left .img-area .btn-list-area .list-wrap{}
.s2112 .left .img-area .btn-list-area .list-con{
    position: absolute;
    left: 0;
    top: 0;
    width: 22.5%;
    height: 6.5%;
    z-index: 90;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(1){
    left: 55.5%;
    top: 0%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(2){
    left: 53.8%;
    top: 11.5%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(3){
    left: 7.5%;
    top: 15.5%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(4){
    top: 28.5%;
    left: 0%;
    width: 26%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(5){
    top: 28.5%;
    left: 53.8%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(6){
    top: 36.5%;
    left: 9%;
    width: 26%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(7){
    left: auto;
    right: 0%;
    width: 26%;
    top: 36.6%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(8){
    left: 10%;
    top: 57.4%;
}
.s2112 .left .img-area .btn-list-area .list-con:nth-child(9){
    left: auto;
    right: 3.4%;
    top: auto;
    bottom: 12.3%;
    width: 26.2%;
}
.s2112 .left .img-area .btn-list-area .list-inner{}
.s2112 .left .img-area .btn-list-area .btn{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 50px;
    background-color: #165451;
    font-size: 24px;
}
.s2112 .left .img-area .btn-list-area .btn .point{
    position: absolute;
    left: -48px;
    top: 50%;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 2px solid #165451;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
    text-indent: -9999px;
}
.s2112 .left .img-area .btn-list-area .btn .point.point-right{
    left: auto;
    right: -48px;
}
.s2112 .left .img-area .btn-list-area .btn .point::before{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 24px;
    height: 2px;
    background-color: #165451;
    margin: -1px 0 0;
}
.s2112 .left .img-area .btn-list-area .btn .point.point-right::before{
    left: auto;
    right: 100%;
}
.s2112 .left .img-area .btn-list-area .btn .point::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 18px;
    height: 18px;
    background-color: rgba(22, 84, 81, 0.5);
    border-radius: 50%;
    transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
}
.s2112 .left .img-area .btn-list-area .btn .point span{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.s2112 .left .img-area .btn-list-area .btn .point span::before{
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    background: transparent;
    background: -moz-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: radial-gradient(ellipse at center, transparent 30%,rgba(108,170,74,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='rgba(108,170,74,0.8)',GradientType=1 );
    animation: selfcheck-point-hover 1.5s linear 0s infinite;
}
.s2112 .left .img-area .btn-list-area .list-con:hover .btn .point span::before{
    display: block;
    background: transparent;
    background: -moz-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: -o-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: -ms-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: radial-gradient(ellipse at center, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(128, 185, 127, 0.5)', GradientType=1);
}
.s2112 .left .img-area .btn-list-area .list-con.active .btn .point span::before{
    display: block;
    background: transparent;
    background: -moz-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: -webkit-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: -o-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: -ms-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: radial-gradient(ellipse at center,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent',  endColorstr='rgba(236, 145, 9, 0.8)', GradientType=1 );
}
@keyframes selfcheck-point-hover {
    0% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
    35% {
        transform: scale(1.8);
        -webkit-transform: scale(1.8);
        -moz-transform: scale(1.8);
        -o-transform: scale(1.8);
        -ms-transform: scale(1.8);
    }
    70% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
    100% {
        transform: scale(1);
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
    }
}
.s2112 .left .img-area .btn-list-area .list-con:hover .btn{
    background-color: #80b97f;
}
.s2112 .left .img-area .btn-list-area .list-con:hover .btn .point{
    border-color: #80b97f;
}
.s2112 .left .img-area .btn-list-area .list-con:hover .btn .point::before{
    background-color: #80b97f;
}
.s2112 .left .img-area .btn-list-area .list-con:hover .btn .point::after{
    background-color: rgba(128, 185, 127, 0.5);
}
.s2112 .left .img-area .btn-list-area .list-con.active .btn{
    background-color: #ec9109;
}
.s2112 .left .img-area .btn-list-area .list-con.active .btn .point{
    border-color: #ec9109;
}
.s2112 .left .img-area .btn-list-area .list-con.active .btn .point::before{
    background-color: #ec9109;
}
.s2112 .left .img-area .btn-list-area .list-con.active .btn .point::after{
    background-color: rgba(236, 145, 9, 0.5);
}
.s2112 .content-text-area{
    position: relative;
    height: 0;
    padding-bottom: 85.71%;
    background: url('../img/s2123.jpg') 100% 100% no-repeat;
    background-size: cover;
}
.s2112 .content-text-area .content-wrap{}
.s2112 .intro-text-area{
    padding: 0 10px 40px;
    text-align: center;
}
.s2112 .intro-text-area .text-wrap{}
.s2112 .intro-text-area .text-wrap .ico{
    margin: 0 0 45px;
}
.s2112 .intro-text-area .text-wrap .ico img{}
.s2112 .intro-text-area .text-wrap .title{
    margin: 0 0 25px;
    color: #78a676;
    font-weight: 700;
    line-height: 1.4;
}
.s2112 .intro-text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2112 .intro-text-area .text-wrap .text strong{
    font-weight: 700;
}
.s2112 .text-list-area{
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    padding: 105px 60px 0;
}
.s2112 .text-list-area .list-wrap{}
.s2112 .text-list-area .list-con{
    display: none;
}
.s2112 .text-list-area .list-inner{}
.s2112 .text-list-area .list-text-area{}
.s2112 .text-list-area .list-text-area .title-area{
    display: flex;
    align-items: center;
    padding: 0 0 35px;
    margin: 0 0 55px;
    border-bottom: 1px solid #e0e0e0;
}
.s2112 .text-list-area .list-text-area .title-area .ico-wrap{
    margin-right: 30px;
}
.s2112 .text-list-area .list-text-area .title-area .ico-wrap .ico{}
.s2112 .text-list-area .list-text-area .title-area .ico-wrap .ico img{}
.s2112 .text-list-area .list-text-area .title-area .title-wrap{}
.s2112 .text-list-area .list-text-area .title-area .title-wrap .title{
    color: #80b97f;
    font-weight: 700;
    line-height: 1.2;
}
.s2112 .text-list-area .list-text-area .title-area .title-wrap .title strong{
    color: #165451;
}
.s2112 .text-list-area .list-text-area .text-area{}
.s2112 .text-list-area .list-text-area .text-area .dot-list-area{}
.s2112 .text-list-area .list-text-area .text-area .dot-list-wrap{
    margin: -35px -40px 0 0;
}
.s2112 .text-list-area .list-text-area .text-area .dot-list-con{
    padding: 35px 0 0;
}
.s2112 .text-list-area .list-text-area .text-area .dot-list-inner{}
.s2112 .text-list-area .list-text-area .text-area .text-wrap{}
.s2112 .text-list-area .list-text-area .text-area .text-wrap .dot-text{
    position: relative;
    padding-left: 14px;
    line-height: 1.3;
    font-weight: 400;
    letter-spacing: -2px;
}
.s2112 .text-list-area .list-text-area .text-area .text-wrap .dot-text::before{
    content: '\00b7';
    position: absolute;
    left: 0;
    top: 0;
    color: #80b97f;
}
.s2113{
    padding: 120px 0 115px;
    background: url('../img/s213-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s2113 .slide-area{
    padding: 0 100px;
}
.s2113 .slide-area .slide-wrap{}
.s2113 .slide-area .slide-con{}
.s2113 .slide-area .slide-inner{
    text-align: center;
    color: #fff;
}
.s2113.s8115 .slide-area .slide-inner{
    color: #212121;
}
.s2113 .slide-area .thumb-area{}
.s2113 .slide-area .thumb-area .thumb-wrap{}
.s2113 .slide-area .thumb-area .thumb{}
.s2113 .slide-area .thumb-area .thumb img{}
.s2113 .slide-area .text-area{
    margin: 25px 0 0;
}
.s2113 .slide-area .text-area .text-wrap{}
.s2113 .slide-area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2113 .slide-area .bx-wrapper .bx-pager{
    display: none;
}
.s2113 .slide-area .bx-wrapper .bx-controls-direction a{
    width: 80px;
    height: 80px;
    margin-top: -120px;
}
.s2113 .slide-area .bx-wrapper .bx-controls-direction a.bx-prev{
    left: -100px;
    background: url('../img/s213-prev.jpg') 0 0 no-repeat;
}
.s2113 .slide-area .bx-wrapper .bx-controls-direction a.bx-next{
    right: -100px;
    background: url('../img/s213-next.jpg') 0 0 no-repeat;
}
.s2114{
    padding: 150px 0 110px;
    background-color: #f5f5f5;
}
.s2114 .area{
    padding: 65px 10px 40px;
    background-color: #e2e2e2;
    border-radius: 20px;
    text-align: center;
}
.s2114 .area .text-area{}
.s2114 .area .text-area .title-wrap{
    margin: 0 0 30px;
}
.s2114 .area .text-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s2114 .area .text-area .img-wrap{}
.s2114 .area .text-area .img-wrap .img{}
.s2114 .area .text-area .img-wrap .img img{}
.s2114 .area2{
    display: flex;
    align-items: center;
}
.s2114 .area2 .wrap{
    width: 50%;
}
.s2114 .area2 .img-area{}
.s2114 .area2 .img-wrap{}
.s2114 .area2 .img{}
.s2114 .area2 .img img{}
.s2115{
    padding: 140px 0;
}
.s2115.pt0{
    padding-top: 0 !important;
}
.s2115 .list-area{}
.s2115 .list-area .list-wrap{
    margin: -50px 0 0;
}
.s2115 .list-area .list-con{
    padding: 50px 0 0;
}
.s2115 .list-area .list-inner{
    position: relative;
}
.s2115 .list-area .bg-area{}
.s2115 .list-area .bg-area .bg-wrap{}
.s2115 .list-area .bg-area .bg{
    height: 0;
    padding-bottom: 520px;
    background-repeat: no-repeat;
    background-position: 0 50%;
    text-indent: -9999px;
}
.s2115 .list-area .list-con:nth-child(even) .bg-area .bg{
    background-position: 100% 50%;
}
.s2115 .list-area .content-text-area{
    position: absolute;
    left: 50%;
    top: 50%;
    width: 50%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
}
.s2115 .list-area .list-con:nth-child(even) .content-text-area{
    left: 0;
}
.s2115 .list-area .content-text-area .content-text-wrap{
    position: relative;
    padding-left: 100px;
}
.s2115 .list-area .content-text-area .num-wrap{
    position: absolute;
    left: 0;
    top: 0;
}
.s2115 .list-area .content-text-area .num-wrap .num{
    width: 76px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    background-color: #80b97f;
    border-radius: 50%;
    color: #fff;
    font-weight: 700;
}
.s2115 .list-area .content-text-area .text-area{}
.s2115 .list-area .content-text-area .text-area .title-wrap{}
.s2115 .list-area .content-text-area .text-area .title-wrap .title{
    line-height: 76px;
    font-weight: 700;
}
.s2115 .list-area .content-text-area .text-area .text-wrap{}
.s2115 .list-area .content-text-area .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2116{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s2116.bgc-green{
    background-color: #165451;
}
.s2116.bgc-green .s-title-area{
    color: #fff;
}
.s2116 .list-area{}
.s2116 .list-area .list-wrap{
    margin: -37px -37px 0 0;
    text-align: center;
    font-size: 0;
}
.s2116 .list-area .list-con{
    display: inline-block;
    width: 33.33%;
    padding: 37px 37px 0 0;
}
.s2116 .list-area .list-inner{
    position: relative;
    padding-bottom: 100%;
    background-color: #fff;
    border: 2px solid #80b97f;
    border-radius: 15px;
}
.s2116 .list-area .text-area{}
.s2116 .list-area .text-area .text-wrap{}
.s2116 .list-area .text-area .text{
    font-weight: 300;
    line-height: 1.3;
}
.s2116 .list-area .text-area .text strong{
    font-weight: 500;
    color: #80b87e;
}
.s2116 .bot-text-area{
    margin: 60px 0 0;
    text-align: center;
    font-size: 0;
}
.s2116 .bot-text-area .text-wrap{
    display: inline-block;
    width: 100%;
    max-width: 1100px;
    padding: 30px 15px;
    background-color: #eaeaea;
    border-radius: 50px;
}
.s2116 .bot-text-area .text-wrap .text{
    line-height: 1.4;
    font-weight: 400;
}
.s2117{
    padding: 185px 0;
    background: url('../img/s2117-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
}
.s2117 .area{}
.s2117 .area .content-text-area{}
.s2117 .area .content-text-area .title-area{}
.s2117 .area .content-text-area .title-area .ico-wrap{
    margin: 0 0 30px;
}
.s2117 .area .content-text-area .title-area .ico-wrap .ico{}
.s2117 .area .content-text-area .title-area .ico-wrap .ico img{}
.s2117 .area .content-text-area .title-area .title-wrap{}
.s2117 .area .content-text-area .title-area .title-wrap .title{
    font-weight: 400;
    line-height: 1.4;
}
.s2117 .area .content-text-area .title-area .title-wrap .title strong{
    font-weight: 700;
}
.s2117 .area .content-text-area .text-area{
    margin: 40px 0 0;
}
.s2117 .area .content-text-area .text-area .text-wrap{}
.s2117 .area .content-text-area .text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s2117 .area .content-text-area .text-area .text-wrap .text strong{
    font-weight: 700;
}
.s2212{
    padding: 200px 0 190px;
    background: url('../img/s2212-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s2212 .area{}
.s2212 .area .content-text-area{
    text-align: center;
    color: #fff;
}
.s2212 .area .title-area{}
.s2212 .area .title-area .title-wrap{}
.s2212 .area .title-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.25;
}
.s2212 .area .title-area .title-wrap .title strong{}
.s2212 .area .text-area{
    margin: 45px 0 0;
}
.s2212 .area .text-area .text-wrap{}
.s2212 .area .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2212 .area .text-area .text-wrap .text strong{
    font-weight: 700;
}
.s2213{
    padding: 145px 0 140px;
}
.s2213 .area{
    text-align: center;
}
.s2213 .list-area{}
.s2213 .list-area .list-wrap{
    margin: 0 -7px;
    font-size: 0;
}
.s2213 .list-area .list-con{
    display: inline-block;
    width: 33.33%;
    padding: 0 7px;
    vertical-align: text-top;
}
.s2213 .list-area .list-inner{
    position: relative;
    height: 0;
    padding-bottom: 116.826%;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
}
.s2213 .list-area .content-text-area{
    color: #fff;
}
.s2213 .list-area .title-area{
    font-size: 0;
}
.s2213 .list-area .title-area .title-wrap{
    display: inline-block;
    padding: 20px 25px;
    background-color: #80b97f;
    border-radius: 50px;
}
.s2213 .list-area .title-area .title{
    font-weight: 700;
}
.s2213 .list-area .text-area{
    margin: 25px 0 0;
}
.s2213 .list-area .text-area .text-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.s2213 .list-area .text-area .text-con{}
.s2213 .list-area .text-area .text{
    line-height: 1.5;
    font-weight: 400;
}
.s2213 .bot-text-area{
    margin: 70px 0 0;
}
.s2213 .bot-text-area .text-wrap{}
.s2213 .bot-text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2213 .bot-text-area .text-wrap .text strong{
    font-weight: 700;
}
.s2214{
    padding: 100px 0 140px;
    background: url('../img/s2214-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s2214 .area{}
.s2214 .area .content-text-area{
    text-align: center;
    color: #fff;
}
.s2214 .area .content-text-area .title-area{}
.s2214 .area .content-text-area .title-area .title-wrap{}
.s2214 .area .content-text-area .title-area .title-wrap .title{
    font-weight: 300;
    line-height: 1.4;
}
.s2214 .area .content-text-area .title-area .title-wrap .title strong{
    font-weight: 700;
}
.s2214 .area .content-text-area .title-area .text-wrap{
    margin: 25px 0 0;
}
.s2214 .area .content-text-area .title-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2214 .area .content-text-area .title-area .text-wrap .text strong{
    font-weight: 700;
}
.s2214 .area .content-text-area .text-area .img-wrap{
    margin: 40px 0 0;
}
.s2214 .area .content-text-area .text-area .img-wrap .img{}
.s2214 .area .content-text-area .text-area .img-wrap .img img{
    max-width: 70%;
}
.s2214 .area .content-text-area .text-area .text-wrap{
    margin: 40px 0 0;
}
.s2214 .area .content-text-area .text-area .text-wrap .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2214 .area .content-text-area .text-area .text-wrap .text strong{
    font-weight: 700;
}
.s2215{
    padding: 150px 0;
    background-color: #f5f5f5;
}
.s2215.pt0{
    padding-top: 0 !important;
}
.s2215.bgc-white{
    background-color: #fff;
}
.s2215 .area{}
.s2215 .area .list-area{}
.s2215 .area .list-area .list-wrap{
    margin: -75px 0 0;
}
.s2215 .area .list-area .list-con{
    padding: 75px 0 0;
}
.s2215 .area .list-area .list-inner{
    display: flex;
    align-items: center;
}
.s2215 .area .list-area .list-con:nth-child(even) .list-inner{
    flex-direction: row-reverse;
}
.s2215 .area .list-area .col{
    width: 50%;
}
.s2215 .area .list-area .thunb-area{}
.s2215 .area .list-area .thunb-area .thumb-wrap{}
.s2215 .area .list-area .thunb-area .thumb{}
.s2215 .area .list-area .thunb-area .thumb img{}
.s2215 .area .list-area .content-text-area{
    padding: 0 0 0 120px;
}
.s2215 .area .list-area .content-text-area .ban-area{}
.s2215 .area .list-area .content-text-area .ban-area .ban-wrap{
    font-size: 0;
}
.s2215 .area .list-area .content-text-area .ban-area .ban{
    display: inline-block;
    padding: 15px 30px;
    background-color: #80b97f;
    color: #fff;
    font-weight: 700;
    border-radius: 50px;
}
.s2215 .area .list-area .content-text-area .text-area{
    margin-top: 25px;
    padding-left: 30px;
}
.s2215 .area .list-area .content-text-area .text-area .text-wrap{}
.s2215 .area .list-area .content-text-area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2215 .area .list-area .content-text-area .text-area .text strong{
    font-weight: 700;
}
.s2216{
    padding: 270px 0 240px;
    background: url('../img/s2216.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s2216 .area{}
.s2216 .content-text-area{
    text-align: center;
    color: #fff;
}
.s2216 .content-text-area .title-area{}
.s2216 .content-text-area .title-area .title-wrap{}
.s2216 .content-text-area .title-area .title{
    font-weight: 700;
    line-height: 1.4;
}
.s2216 .content-text-area .title-area .title strong{
    color: #9ec99e;
}
.s2216 .content-text-area .text-area{}
.s2216 .content-text-area .text-area .text-wrap{}
.s2216 .content-text-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s2216 .content-text-area .text-area .text strong{
    color: #9ec99e;
    font-weight: 700;
}
.s2217{
    padding: 140px 0 150px;
}
.s2217 .area{}
.s2217 .area .list-area{}
.s2217 .area .list-area .list-wrap{
    margin: -65px -20px 0;
    font-size: 0;
    text-align: center;
}
.s2217 .area .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 65px 20px 0;
    vertical-align: text-top;
}
.s2217 .area .list-area .list-inner{}
.s2217 .area .list-area .thumb-area{
    margin: 0 0 40px;
}
.s2217 .area .list-area .thumb-area .thumb-wrap{}
.s2217 .area .list-area .thumb-area .thumb{}
.s2217 .area .list-area .thumb-area .thumb img{}
.s2217 .area .list-area .content-text-area{}
.s2217 .area .list-area .content-text-area .title-area{
    margin: 0 0 20px;
}
.s2217 .area .list-area .content-text-area .title-area .title-wrap{}
.s2217 .area .list-area .content-text-area .title-area .title{
    font-weight: 700;
    line-height: 1.4;
}
.s2217 .area .list-area .content-text-area .title-area .title span{
    color: #165451;
}
.s2217 .area .list-area .content-text-area .text-area{}
.s2217 .area .list-area .content-text-area .text-area .text-wrap{}
.s2217 .area .list-area .content-text-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s2217 .area .list-area .content-text-area .text-area .text span{}
.s2218{
    padding: 150px 0 140px;
    background-color: #165451;
    color: #fff;
}
.s2218 .nav{
    padding: 0 100px;
    margin: 0 0 130px;
}
.s2218 .nav .dep1-wrap{
    margin: 0 -28px;
    text-align: center;
    font-size: 0;
}
.s2218 .nav .dep1-con{
    display: inline-block;
    width: 14.285%;
    padding: 0 28px;
    vertical-align: text-top;
}
.s2218 .nav .dep1-inner{}
.s2218 .nav .dep1{}
.s2218 .nav .ico-area{}
.s2218 .nav .ico-area .ico-wrap{
    position: relative;
    height: 0;
    padding-bottom: 100%;
    background-color: #fff;
    border-radius: 50%;
    transition: .25s;
}
.s2218 .nav .dep1:hover .ico-area .ico-wrap,
.s2218 .nav .dep1.active .ico-area .ico-wrap{
    background-color: #80b97f;
}
.s2218 .nav .ico-area .ico{
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
}
.s2218 .nav .ico-area .ico img{
    transition: .25s;
}
.s2218 .nav .dep1:hover .ico-area .ico-wrap .ico img,
.s2218 .nav .dep1.active .ico-area .ico-wrap .ico img{
    filter: brightness(0) invert(1);
}
.s2218 .nav .title-area{
    margin: 15px 0 0;
}
.s2218 .nav .title-area .title-wrap{}
.s2218 .nav .title-area .title{
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
}
.s2218 .slide-area{
    text-align: center;
}
.s2218 .slide-area .slide-wrap{}
.s2218 .slide-area .slide-con{}
.s2218 .slide-area .slide-inner{
    padding: 0 100px;
}
.s2218 .slide-area .title-area{
    margin: 0 0 40px;
}
.s2218 .slide-area .title-area .title-wrap{}
.s2218 .slide-area .title-area .title{
    font-weight: 700;
}
.s2218 .slide-area .thumb-list-area{
    margin: 0 0 60px;
}
.s2218 .slide-area .thumb-list-area .list-wrap{
    margin: 0 -10px;
    font-size: 0;
}
.s2218 .slide-area .thumb-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    vertical-align: text-top;
}
.s2218 .slide-area .thumb-list-area .list-inner{}
.s2218 .slide-area .thumb-list-area .thumb-wrap{}
.s2218 .slide-area .thumb-list-area .thumb{}
.s2218 .slide-area .thumb-list-area .thumb img{}
.s2218 .slide-area .text-area{}
.s2218 .slide-area .text-area .text-wrap{}
.s2218 .slide-area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s2218 .slide-area .bx-wrapper .bx-controls-direction a{
    width: 80px;
    height: 80px;
    margin-top: -40px;
}
.s2218 .slide-area .bx-wrapper .bx-controls-direction a.bx-prev{
    left: 0;
    background: url('../img/s2218_prev.jpg') 0 0 no-repeat;
}
.s2218 .slide-area .bx-wrapper .bx-controls-direction a.bx-next{
    right: 0;
    background: url('../img/s2218_next.jpg') 0 0 no-repeat;
}
.s2219{
    padding: 160px 0 170px;
}
.s2219 .area{}
.s2219 .area .list-area{}
.s2219 .area .list-area .list-wrap{
    margin: -100px -150px 0;
    font-size: 0;
    text-align: center;
}
.s2219 .area .list-area .list-con{
    position: relative;
    display: inline-block;
    width: 33.33%;
    padding: 100px 150px 0;
    vertical-align: text-top;
}
.s2219 .area .list-area .list-con::before{
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    display: block;
    width: 53px;
    height: 49px;
    transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
    background: url('../img/s2219-arrow.png') 0 0 no-repeat;
}
.s2219.s7114 .area .list-area .list-wrap{
    margin: -25px -150px;
}
.s2219.s7114 .area .list-area .list-con{
    padding: 25px 150px;
}
.s2219.s6114 .area .list-area .list-con::before{
    background-image: url('../img/s6114-arrow.png');
}
.s2219 .area .list-area .list-con:nth-child(3n+1):before{
    display: none;
}
.s2219 .area .list-area .list-inner{}
.s2219 .area .list-area .thumb-area{
    margin: 0 0 30px;
}
.s2219 .area .list-area .thumb-area .thumb-wrap{}
.s2219 .area .list-area .thumb-area .thumb{}
.s2219 .area .list-area .thumb-area .thumb img{}
.s2219 .area .list-area .text-area{}
.s2219 .area .list-area .text-area .text-wrap{}
.s2219 .area .list-area .text-area .text{
    height: 100px;
    line-height: 100px;
    background-color: #e7eeed;
    border-radius: 50px;
    color: #165451;
    font-weight: 700;
}
.s2219 .area .list-area .text-area .text2{
    font-weight: 400;
    line-height: 1.4;
    margin: 0 -50px;
}
.s22110{
    padding: 150px 0 0;
}
.s22110 .slide-area{
    position: relative;
}
.s22110 .slide-area .swiper{}
.s22110 .slide-area .slide-wrap{}
.s22110 .slide-area .slide-con{}
.s22110 .slide-area .slide-inner{}
.s22110 .slide-area .img-wrap{}
.s22110 .slide-area .img-wrap .img{}
.s22110 .slide-area .img-wrap .img img{
    width: 100%;
}
.s22110 .arrow{
    position: absolute;
    top: 50%;
    display: block;
    width: 80px;
    height: 80px;
    margin-top: -40px;
}
.s22110 .swiper-button-prev{
    left: 50%;
    margin-left: -800px;
    background: url('../img/s22110_prev.jpg') 0 0 no-repeat;
}
.s22110 .swiper-button-next{
    right: 50%;
    margin-right: -800px;
    background: url('../img/s22110_next.jpg') 0 0 no-repeat;
}
.s3111{
    position: relative;
}
.s3111::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 60%;
    background-color: #414141;
}
.s3111 .area{
    position: relative;
    display: flex;
    align-items: flex-end;
}
.s3111 .area .top-title-area{
    position: absolute;
    left: 50%;
    top: 100px;
    width: 50%;
}
.s3111 .area .top-title-area .title-wrap{}
.s3111 .area .top-title-area .title-wrap .title{
    line-height: 1.4;
    font-weight: 700;
}
.s3111 .area .top-title-area .title-wrap .title strong{}
.s3111 .area .img-area{
    width: 50%;
    font-size: 0;
    text-align: center;
}
.s3111 .area .img-area .img-wrap{
    position: relative;
    display: inline-block;
}
.s3111 .area .img-area .img img{}
.s3111 .area .img-area .button-list-area{}
.s3111 .area .img-area .button-list-area .list-wrap{}
.s3111 .area .img-area .button-list-area .list-con{
    position: absolute;
}
.s3111 .area .img-area .button-list-area .list-con:nth-child(1){
    left: 62%;
    top: 0;
    width: 21.7%;
    height: 6.5%;
}
.s3111 .area .img-area .button-list-area .list-con:nth-child(2){
    left: 56.7%;
    top: 10.4%;
    width: 17.9%;
    height: 6.5%;
}
.s3111 .area .img-area .button-list-area .list-con:nth-child(3){
    left: 17.7%;
    top: 25.4%;
    width: 18.1%;
    height: 6.5%;
}
.s3111 .area .img-area .button-list-area .list-con:nth-child(4){
    left: 28.3%;
    top: 34.7%;
    width: 24.1%;
    height: 6.5%;
}
.s3111 .area .img-area .button-list-area .list-con:nth-child(5){
    left: 12.3%;
    top: 61.7%;
    width: 18.1%;
    height: 6.5%;
}
.s3111 .area .img-area .button-list-area .list-con:nth-child(6){
    left: 51.3%;
    top: 68.5%;
    width: 18.1%;
    height: 6.5%;
}
.s3111 .area .img-area .button-list-area .btn{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
    color: #fff;
    cursor: pointer;
    border-radius: 50px;
    background-color: #165451;
    font-size: 24px;
}
.s3111 .area .img-area .button-list-area .btn .point{
    position: absolute;
    left: -48px;
    top: 50%;
    width: 27px;
    height: 27px;
    border-radius: 50%;
    border: 2px solid #165451;
    transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);
    text-indent: -9999px;
}
.s3111 .area .img-area .button-list-area .btn .point.point-right{
    left: auto;
    right: -48px;
}
.s3111 .area .img-area .button-list-area .btn .point::before{
    content: '';
    position: absolute;
    left: 100%;
    top: 50%;
    display: block;
    width: 24px;
    height: 2px;
    background-color: #165451;
    margin: -1px 0 0;
}
.s3111 .area .img-area .button-list-area .btn .point.point-right::before{
    left: auto;
    right: 100%;
}
.s3111 .area .img-area .button-list-area .btn .point::after{
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    display: block;
    width: 18px;
    height: 18px;
    background-color: rgba(22, 84, 81, 0.5);
    border-radius: 50%;
    transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
}
.s3111 .area .img-area .button-list-area .btn .point span{
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: 100%;
    text-indent: -9999px;
}
.s3111 .area .img-area .button-list-area .btn .point span::before{
    content: "";
    display: none;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    margin-top: -50%;
    margin-left: -50%;
    border-radius: 50%;
    background: transparent;
    background: -moz-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: -o-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: -ms-radial-gradient(center, ellipse cover, transparent 30%,rgba(108,170,74,0.8) 100%);
    background: radial-gradient(ellipse at center, transparent 30%,rgba(108,170,74,0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent', endColorstr='rgba(108,170,74,0.8)',GradientType=1 );
    animation: selfcheck-point-hover 1.5s linear 0s infinite;
}
.s3111 .area .img-area .button-list-area .list-con:hover .btn .point span::before{
    display: block;
    background: transparent;
    background: -moz-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: -webkit-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: -o-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: -ms-radial-gradient(center, ellipse cover, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    background: radial-gradient(ellipse at center, transparent 30%, rgba(128, 185, 127, 0.5) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='transparent', endColorstr='rgba(128, 185, 127, 0.5)', GradientType=1);
}
.s3111 .area .img-area .button-list-area .list-con.active .btn .point span::before{
    display: block;
    background: transparent;
    background: -moz-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: -webkit-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: -o-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: -ms-radial-gradient(center,  ellipse cover,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    background: radial-gradient(ellipse at center,  transparent 30%, rgba(236, 145, 9, 0.8) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='transparent',  endColorstr='rgba(236, 145, 9, 0.8)', GradientType=1 );
}
.s3111 .area .img-area .button-list-area .list-con:hover .btn{
    background-color: #80b97f;
}
.s3111 .area .img-area .button-list-area .list-con:hover .btn .point{
    border-color: #80b97f;
}
.s3111 .area .img-area .button-list-area .list-con:hover .btn .point::before{
    background-color: #80b97f;
}
.s3111 .area .img-area .button-list-area .list-con:hover .btn .point::after{
    background-color: rgba(128, 185, 127, 0.5);
}
.s3111 .area .img-area .button-list-area .list-con.active .btn{
    background-color: #ec9109;
}
.s3111 .area .img-area .button-list-area .list-con.active .btn .point{
    border-color: #ec9109;
}
.s3111 .area .img-area .button-list-area .list-con.active .btn .point::before{
    background-color: #ec9109;
}
.s3111 .area .img-area .button-list-area .list-con.active .btn .point::after{
    background-color: rgba(236, 145, 9, 0.5);
}
.s3111 .area .content-text-area{
    width: 50%;
}
.s3111 .area .content-text-area .text-list-area{}
.s3111 .area .content-text-area .list-wrap{}
.s3111 .area .content-text-area .list-con{
    display: none;
}
.s3111 .area .content-text-area .list-con:first-child{
    display: block;
}
.s3111 .area .content-text-area .list-inner{}
.s3111 .area .content-text-area .text-area{
    color: #fff;
}
.s3111 .area .content-text-area .text-area .title-wrap{
    display: flex;
    align-items: center;
}
.s3111 .area .content-text-area .text-area .title-wrap .bar{
    width: 5px;
    height: 37px;
    margin-right: 18px;
    background-color: #80b97f;
    text-indent: -9999px;
}
.s3111 .area .content-text-area .text-area .title-wrap .title{
    font-weight: 700;
}
.s3111 .area .content-text-area .text-area .text-wrap{
    margin: 45px -5px 145px;
    font-size: 0;
}
.s3111 .area .content-text-area .text-area .text-wrap .text-con{
    display: inline-block;
    width: 50%;
    padding: 0 5px;
    vertical-align: text-top;
}
.s3111 .area .content-text-area .text-area .text-wrap .text{
    position: relative;
    margin-top: 10px;
    padding-left: 20px;
    font-weight: 400;
    line-height: 1.4;
    letter-spacing: -1.5px;
}
.s3111 .area .content-text-area .text-area .text-wrap .text:first-child{
    margin-top: 0;
}
.s3111 .area .content-text-area .text-area .text-wrap .text::before{
    content: '\00b7';
    position: absolute;
    left: 0;
    top: 0;
}
.s3112{
    padding: 140px 0 130px;
    color: #fff;
    background-color: #165451;
}
.s3112 .area{}
.s3112 .area .step-list-area{}
.s3112 .area .step-list-area .list-wrap{
    text-align: center;
    font-size: 0;
}
.s3112 .area .step-list-area .list-con{
    position: relative;
    display: inline-block;
    width: 25%;
    vertical-align: text-top;
}
.s3112 .area .step-list-area .list-con::before{
    content: '';
    position: absolute;
    left: 0;
    top: 23px;
    display: block;
    width: 100%;
    height: 1px;
    background-color: #fff;
}
.s3112 .area .step-list-area .list-con:first-child:before{
    left: 50%;
}
.s3112 .area .step-list-area .list-con:last-child:before{
    left: -50%;
}
.s3112 .area .step-list-area .list-inner{}
.s3112 .area .step-list-area .step-area{}
.s3112 .area .step-list-area .step-area .text-wrap{}
.s3112 .area .step-list-area .step-area .text-wrap .step{
    position: relative;
    z-index: 20;
    display: inline-block;
    width: 132px;
    height: 46px;
    line-height: 46px;
    background-color: #fff;
    text-align: center;
    border-radius: 50px;
    color: #165451;
    font-weight: 700;
}
.s3112 .area .step-list-area .text-area{
    margin: 35px 0 0;
}
.s3112 .area .step-list-area .text-area .text-wrap{}
.s3112 .area .step-list-area .text-area .text-wrap .text{
    font-weight: 700;
}
.s3112 .area .img-list-area{}
.s3112 .area .img-list-area .list-wrap{
    font-size: 0;
    margin: 0 -10px;
}
.s3112 .area .img-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 0 10px;
    vertical-align: text-top;
    text-align: center;
}
.s3112 .area .img-list-area .list-inner{}
.s3112 .area .img-list-area .thumb-area{
    margin: 0 0 40px;
}
.s3112 .area .img-list-area .thumb-area .thumb-wrap{}
.s3112 .area .img-list-area .thumb-area .thumb{}
.s3112 .area .img-list-area .thumb-area .thumb img{}
.s3112 .area .img-list-area .text-area{}
.s3112 .area .img-list-area .text-area .title-wrap{}
.s3112 .area .img-list-area .text-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s3112 .area .img-list-area .text-area .text-wrap{
    margin: 20px 0 0;
}
.s3112 .area .img-list-area .text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s3113{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s3113 .area{}
.s3113 .top-img-area{}
.s3113 .top-img-area .img-wrap{}
.s3113 .top-img-area .img-wrap .img{}
.s3113 .top-img-area .img-wrap .img img{
    width: 100%;
}
.s3113 .img-list-area{}
.s3113 .img-list-area .list-wrap{
    font-size: 0;
    margin: 0 -10px;
}
.s3113 .img-list-area .list-con{
    display: inline-block;
    width: 33.33%;
    padding: 20px 10px 0;
    vertical-align: text-top;
}
.s3113 .img-list-area .list-inner{}
.s3113 .img-list-area .img{}
.s3113 .img-list-area .img img{}
.s3114{
    padding: 140px 0;
    text-align: center;
}
.s3114 .area{}
.s3114 .area .img-area{}
.s3114 .area .img-area .img-wrap{}
.s3114 .area .img-area .img{}
.s3114 .area .img-area .img img{}
.s3114 .area .text-area{}
.s3114 .area .text-area .text-wrap{}
.s3114 .area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s3114 .area .text-area .text strong{
    font-weight: 700;
}
.s3115{
    padding: 140px 0;
    background: url('../img/s3115-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
    color: #fff;
}
.s3115 .area{}
.s3115 .area .list-area{}
.s3115 .area .list-area .list-wrap{
    margin: -40px -20px 0;
    font-size: 0;
    text-align: center;
}
.s3115 .area .list-area .list-con{
    display: inline-block;
    width: 25%;
    padding: 40px 20px 0;
    vertical-align: text-top;
}
.s3115 .area .list-area .list-inner{}
.s3115 .area .list-area .thumb-area{}
.s3115 .area .list-area .thumb-area .thumb-wrap{}
.s3115 .area .list-area .thumb-area .thumb{}
.s3115 .area .list-area .thumb-area .thumb img{}
.s3115 .area .list-area .text-area{
    margin: 40px 0 0;
}
.s3115 .area .list-area .text-area .text-wrap{}
.s3115 .area .list-area .text-area .text{
    line-height: 1.3;
    font-weight: 300;
}
.s3115 .area .list-area .text-area .text strong{
    font-weight: 700;
}
.s3116{
    padding: 140px 0;
}
.s3116.s61110{
    background: url('../img/s61110-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s3116 .area{
    display: flex;
    align-items: center;
}
.s3116 .area .img-area{
    width: 50%;
    text-align: center;
}
.s3116 .area .img-area .img-wrap{}
.s3116 .area .img-area .img{}
.s3116 .area .img-area .img img{}
.s3116 .area .content-text-area{
    width: 50%;
}
.s3116 .area .content-text-area .title-area{}
.s3116 .area .content-text-area .title-area .title-wrap{}
.s3116 .area .content-text-area .title-area .title-wrap .text{
    line-height: 1.4;
    color: #9e9e9e;
    font-weight: 400;
}
.s3116 .area .content-text-area .title-area .title-wrap .title{
    font-weight: 300;
    line-height: 1.4;
}
.s3116 .area .content-text-area .title-area .title-wrap .title strong{
    font-weight: 700;
}
.s3116 .area .content-text-area .title-area .title-wrap .title2{
    font-weight: 700;
    line-height: 1.2;
}
.s3116 .area .content-text-area .title-area .title-wrap .title2 strong{}
.s3116 .area .content-text-area .text-area{
    margin: 60px 0 0;
}
.s3116 .area .content-text-area .text-area .text-wrap{}
.s3116 .area .content-text-area .text-area .text-wrap .text{
    color: #9e9e9e;
    font-weight: 700;
    line-height: 1.4;
}
.s3116 .area .content-text-area .text-area .text-wrap .text2{
    margin: 15px 0 0;
    font-weight: 300;
    line-height: 1.4;
}
.s3116 .area .content-text-area .text-area .text-wrap .text3{
    opacity: 0.6;
    font-weight: 400;
    line-height: 1.4;
    color: #fff;
}
.s3117{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s3117 .area{}
.s3117 .area .list-area{}
.s3117 .area .list-area .list-wrap{
    margin: -20px -10px 0;
    font-size: 0;
}
.s3117 .area .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 20px 10px 0;
    vertical-align: text-top;
}
.s3117 .area .list-area .list-inner{}
.s3117 .area .list-area .img{}
.s3117 .area .list-area .img img{}
.s3118{
    padding: 140px 0 0;
}
.s3118 .area{
    text-align: center;
}
.s3118 .area .thumb-list-area{}
.s3118 .area .thumb-list-area .list-wrap{
    margin: -20px -10px 0;
    font-size: 0;
}
.s3118 .area .thumb-list-area .list-con{
    display: inline-block;
    width: 20%;
    padding: 20px 10px 0;
    vertical-align: text-top;
}
.s3118 .area .thumb-list-area .list-inner{}
.s3118 .area .thumb-list-area .thumb-wrap{}
.s3118 .area .thumb-list-area .thumb-wrap .thumb{}
.s3118 .area .thumb-list-area .thumb-wrap .thumb img{}
.s3118 .area .thumb-list-area .title-wrap{
    margin: 45px 0 0;
}
.s3118 .area .thumb-list-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s3118 .area .bot-text-area{
    margin: 75px 0 0;
    font-size: 0;
}
.s3118 .area .bot-text-area .text-wrap{
    display: inline-block;
    padding: 35px 80px;
    background-color: #f5f5f5;
    border-radius: 50px;
}
.s3118 .area .bot-text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s3118-2{
    padding: 140px 0;
    background-color: #165451;
    color: #fff;
}
.s3118-2 .area .bot-text-area .text-wrap{
    background-color: #225d5a;
}
.s3122{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s3122.bgc-white{
    background-color: #fff;
}
.s3122 .area{}
.s3122 .area .img-wrap{}
.s3122 .area .img-wrap .img{
    text-align: center;
}
.s3122 .area .img-wrap .img img{}
.s3122 .area .bot-text-wrap{}
.s3122 .area .bot-text-wrap .text-wrap{}
.s3122 .area .bot-text-wrap .text{
    line-height: 1.4;
    font-weight: 400;
}
.s3122 .area .bot-text-wrap .text strong{
    font-weight: 700;
}
.s3123{
    padding: 140px 0;
}
.s3123 .area{}
.s3123 .area .thumb-list-area{}
.s3123 .area .thumb-list-area .list-wrap{
    margin: -60px -10px 0;
    text-align: center;
    font-size: 0;
}
.s3123 .area .thumb-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 60px 10px 0;
    vertical-align: text-top;
}
.s3123 .area .thumb-list-area .list-inner{}
.s3123 .area .thumb-list-area .thumb-wrap{}
.s3123 .area .thumb-list-area .thumb-wrap .thumb{}
.s3123 .area .thumb-list-area .thumb-wrap .thumb img{
    width: 100%;
}
.s3123 .area .thumb-list-area .text-wrap{
    margin: 10px 0 0;
    padding: 20px 10px;
    background-color: #80b97f;
    border-radius: 0 0 10px 10px;
    color: #fff;
}
.s3123 .area .thumb-list-area .text-wrap .text{
    font-weight: 700;
    line-height: 1.4;
}
.s3124{
    padding: 140px 0;
    text-align: center;
    background: url('../img/s3124-bg.jpg') 50% 50% no-repeat;
}
.s3131{
    padding: 140px 0;
    background: url('../img/s3131-bg.jpg') 50% 50% no-repeat;
    color: #fff;
}
.s3131 .area{}
.s3131 .area .list-area{}
.s3131 .area .list-area .list-wrap{
    margin: -28px 0 0;
}
.s3131 .area .list-area .list-con{
    padding: 28px 0 0;
}
.s3131 .area .list-area .list-inner{
    display: flex;
    align-items: center;
    background-color: #fff;
    border-radius: 100px;
    padding: 28px 40px;
    color: #212121;
}
.s3131 .area .list-area .ico-area{
    margin-right: 46px;
}
.s3131 .area .list-area .ico-area .ico-wrap{}
.s3131 .area .list-area .ico-area .ico{}
.s3131 .area .list-area .ico-area .ico img{}
.s3131 .area .list-area .text-area{}
.s3131 .area .list-area .text-area .text-wrap{}
.s3131 .area .list-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s3131 .area .list-area .text-area .text strong{
    font-weight: 700;
}
.s3132{
    padding: 140px 0;
}
.s3132 .area{}
.s3132 .area .img-list-area{}
.s3132 .area .img-list-area .list-wrap{
    margin: -20px -10px 0;
    text-align: center;
    font-size: 0;
}
.s3132 .area .img-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 20px 10px 0;
    vertical-align: text-top;
}
.s3132 .area .img-list-area .list-inner{}
.s3132 .area .img-list-area .img{}
.s3132 .area .img-list-area .img img{}
.s3132 .area .text-list-area{}
.s3132 .area .text-list-area .list-wrap{
    text-align: center;
    font-size: 0;
}
.s3132 .area .text-list-area .list-con{
    display: inline-block;
    width: 25%;
    padding: 0 20px;
    vertical-align: text-top;
}
.s3132 .area .text-list-area .list-inner{
    display: flex;
    height: 488px;
    align-items: center;
    justify-content: center;
    border: 2px solid #5eb97c;
    border-radius: 200px;
}
.s3132 .area .text-list-area .text-area{}
.s3132 .area .text-list-area .text-area .text-wrap{}
.s3132 .area .text-list-area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s3132 .area .text-list-area .text-area .text strong{
    font-weight: 700;
}
.s3133{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s3133 .area{}
.s3133 .area .list-area{}
.s3133 .area .list-area .list-wrap{
    margin: -30px -30px 0;
    font-size: 0;
}
.s3133 .area .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 30px 30px 0;
    vertical-align: text-top;
}
.s3133 .area .list-area .list-inner{
    background-color: #fff;
    border: 2px solid #80b97f;
    border-top-width: 10px;
    padding: 0 33px;
    text-align: center;
}
.s3133 .area .list-area .content-text-area{}
.s3133 .area .list-area .content-text-area .title-area{
    padding: 45px 0 35px;
    border-bottom: 1px solid #80b97f;
}
.s3133 .area .list-area .content-text-area .title-area .title-wrap{}
.s3133 .area .list-area .content-text-area .title-area .title{
    font-weight: 300;
    line-height: 1.4;
}
.s3133 .area .list-area .content-text-area .title-area .title strong{
    font-weight: 700;
}
.s3133 .area .list-area .content-text-area .text-area{
    padding: 45px 0;
}
.s3133 .area .list-area .content-text-area .text-area .text-wrap{
    display: flex;
    justify-content: center;
    align-items: center;
}
.s3133 .area .list-area .content-text-area .text-area .text-con{}
.s3133 .area .list-area .content-text-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s4111{
    background: url('../img/s4111-bg.png') 50% 50% no-repeat;
    background-size: cover;
}
.s4111.s5111{
    padding: 40px 0 0;
    background-image: url('../img/s5111-bg.jpg');
}
.s4111 .area{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.s4111.s4111-2 .area{
    flex-direction: row;
}
.s4111 .area .content-text-area{
    width: 50%;
    color: #fff;
}
.s5111 .area .content-text-area{
    color: #212121;
}
.s4111 .area .content-text-area .text-area{}
.s4111 .area .content-text-area .text-area .title-wrap{}
.s4111 .area .content-text-area .text-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s4111.s5111 .area .content-text-area .text-area .title-wrap .title{
    color: #165451;
}
.s4111 .area .content-text-area .text-area .text-wrap{
    margin: 20px 0 0;
}
.s4111 .area .content-text-area .text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s4111 .area .img-area{
    width: 50%;
}
.s4111 .area .img-area .img-wrap{}
.s4111 .area .img-area .img{}
.s4111 .area .img-area .img img{}
.s4113{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s4113.bgc-white{
    background-color: #fff;
}
.s4113.s5214{
    background: url('../img/s5214-bg.jpg') 50% 0 no-repeat;
    background-size: cover;
}
.s4113 .area{}
.s4113 .area .img-list-area{}
.s4113 .area .img-list-area .list-wrap{
    margin: -45px -20px 0;
    font-size: 0;
}
.s4113 .area .img-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 45px 20px 0;
    vertical-align: text-top;
}
.s4113 .area .img-list-area .list-inner{}
.s4113 .area .img-list-area .thumb-area{}
.s4113 .area .img-list-area .thumb-area .thumb-wrap{}
.s4113 .area .img-list-area .thumb-area .thumb{}
.s4113 .area .img-list-area .thumb-area .thumb img{}
.s4113 .area .img-list-area .text-area{
    display: flex;
    margin: 20px 0 0;
    align-items: center;
}
.s4113 .area .img-list-area .text-area .ico-wrap{
    margin-right: 35px;
}
.s4113 .area .img-list-area .text-area .ico-wrap .ico{}
.s4113 .area .img-list-area .text-area .ico-wrap .ico img{}
.s4113 .area .img-list-area .text-area .text-wrap{}
.s4113 .area .img-list-area .text-area .text-wrap .text{
    font-weight: 500;
    line-height: 1.4;
}
.s4113.s5112{
    background-color: #2d2d2d;
}
.s4113.s5112.bgc-gray{
    background-color: #f5f5f5;
}
.s4113.s5112 .area .img-list-area .text-area{
    justify-content: center;
    color: #fff;
    text-align: center;
}
.s4113.s5112.bgc-gray .area .img-list-area .text-area{
    color: #212121;
}
.s4119{
    padding: 140px 0 0;
}
.s4119 .area{}
.s4119 .area .list-area{}
.s4119 .area .list-area .list-wrap{
    margin: -40px -20px 0;
    text-align: center;
    font-size: 0;
}
.s4119 .area .list-area .list-con{
    display: inline-block;
    width: 33.33%;
    padding: 40px 20px 0;
    vertical-align: text-top;
}
.s4119 .area .list-area .list-inner{
    background-color: #fff;
    border: 2px solid #80b97f;
    border-radius: 10px;
}
.s4119 .area .list-area .content-text-area{
    padding: 50px 0;
}
.s4119 .area .list-area .content-text-area .ico-area{
    margin: 0 0 35px;
}
.s4119 .area .list-area .content-text-area .ico-area .ico-wrap{}
.s4119 .area .list-area .content-text-area .ico-area .ico{}
.s4119 .area .list-area .content-text-area .ico-area .ico img{}
.s4119 .area .list-area .content-text-area .text-area{}
.s4119 .area .list-area .content-text-area .text-area .auto_height_con{}
.s4119 .area .list-area .content-text-area .text-area .title-wrap{}
.s4119 .area .list-area .content-text-area .text-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s4119 .area .list-area .content-text-area .text-area .text-wrap{
    margin: 20px 0 0;
}
.s4119 .area .list-area .content-text-area .text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s4211{
    position: relative;
    padding: 0 0 140px;
}
.s4211::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 70%;
    background-color: #165451;
}
.s4211 .area{
    position: relative;
    color: #fff;
    text-align: center;
}
.s4211 .area .thumb-list-area{}
.s4211 .area .thumb-list-area .list-wrap{
    margin: -40px -10px 0;
    font-size: 0;
}
.s4211 .area .thumb-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 40px 10px 0;
    vertical-align: text-top;
}
.s4211 .area .thumb-list-area .list-inner{}
.s4211 .area .thumb-list-area .thumb-area{}
.s4211 .area .thumb-list-area .thumb-area .thumb-wrap{}
.s4211 .area .thumb-list-area .thumb-area .thumb{}
.s4211 .area .thumb-list-area .thumb-area .thumb img{}
.s4211 .area .thumb-list-area .text-area{
    margin: 25px 0 0;
}
.s4211 .area .thumb-list-area .text-area .text-wrap{}
.s4211 .area .thumb-list-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s4211 .area .thumb-list-area .text-area .text strong{
    font-weight: 700;
}
.s4211 .area .bot-text-area{
    margin: 85px 0 0;
}
.s4211 .area .bot-text-area .text-wrap{}
.s4211 .area .bot-text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s4211 .area .bot-text-area .text-wrap .text strong{
    font-weight: 700;
}
.s4512{
    padding: 140px 0;
    color: #fff;
    text-align: center;
    background: url('../img/s4512-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s4512 .area{}
.s4512 .col-list-area{}
.s4512 .col-list-area .list-wrap{
    margin: -40px -10px 0;
    font-size: 0;
}
.s4512 .col-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 40px 10px 0;
    vertical-align: text-top;
}
.s4512 .col-list-area .list-inner{}
.s4512 .col-list-area .content-text-area{}
.s4512 .col-list-area .content-text-area .title-area{}
.s4512 .col-list-area .content-text-area .title-area .title-wrap{
    display: flex;
    height: 112px;
    align-items: center;
    justify-content: center;
    background-color: #8bbf8b;
    border-radius: 10px;
}
.s4512 .col-list-area .content-text-area .title-area .title{}
.s4512 .col-list-area .content-text-area .text-area{}
.s4512 .col-list-area .content-text-area .text-area .text-wrap{
    display: flex;
    height: 112px;
    margin: 10px 0 0;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 10px;
}
.s4512 .col-list-area .content-text-area .text-area .text{
    color: #212121;
    font-weight: 400;
    line-height: 1.4;
}
.s4512 .col-list-area .content-text-area .text-area .text strong{
    color: #165451;
    font-weight: 700;
}
.s5113{
    padding: 140px 0;
}
.s5113 .area{}
.s5113 .area .item-list-area{}
.s5113 .area .item-list-area .item-list-wrap{
    margin: -120px 0 0;
}
.s5113 .area .item-list-area .item-list-con{
    padding: 120px 0 0;
}
.s5113 .area .item-list-area .item-list-inner{}
.s5113 .area .item-list-area .num-title-area{
    display: flex;
    align-items: center;
}
.s5113 .area .item-list-area .num-title-area .num-wrap{
    margin-right: 20px;
}
.s5113 .area .item-list-area .num-title-area .num-wrap .num{
    width: 90px;
    height: 90px;
    line-height: 90px;
    background-color: #8bbf8b;
    font-weight: 700;
    text-align: center;
    border-radius: 50%;
}
.s5113 .area .item-list-area .num-title-area .title-wrap{}
.s5113 .area .item-list-area .num-title-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s5113 .area .item-list-area .content-area{
    display: flex;
    margin: 55px 0 0;
    align-items: center;
}
.s5113 .area .item-list-area .content-area .img-area{
    width: 40%;
    text-align: center;
}
.s5113 .area .item-list-area .content-area .img-area .img-wrap{}
.s5113 .area .item-list-area .content-area .img-area .img{}
.s5113 .area .item-list-area .content-area .img-area .img img{}
.s5113 .area .item-list-area .content-area .list-area{
    width: 60%;
}
.s5113 .area .item-list-area .content-area .list-wrap{
    margin: -30px 0 0;
}
.s5113 .area .item-list-area .content-area .list-con{
    padding: 30px 0 0;
}
.s5113 .area .item-list-area .content-area .list-inner{
    position: relative;
    padding-left: 288px;
}
.s5113 .area .item-list-area .content-area .title-area{
    position: absolute;
    left: 0;
    top: 0;
}
.s5113 .area .item-list-area .content-area .title-area .title-wrap{}
.s5113 .area .item-list-area .content-area .title-area .title{
    width: 250px;
    height: 80px;
    line-height: 80px;
    text-align: center;
    background-color: #8bbf8b;
    font-weight: 700;
    border-radius: 10px;
}
.s5113 .area .item-list-area .content-area .text-area{}
.s5113 .area .item-list-area .content-area .text-area .text-wrap{
    min-height: 80px;
    padding: 10px 0 0;
}
.s5113 .area .item-list-area .content-area .text-area .text{
    line-height: 1.4;
    font-weight: 400;
}
.s5113 .area .item-list-area .item-list-con:nth-child(2) .num-title-area .num-wrap .num,
.s5113 .area .item-list-area .item-list-con:nth-child(2) .content-area .title-area .title{
    background-color: #eab8ad;
}
.s5114{}
.s5114 .top-arrow-area{
    position: relative;
    top: 2px;
    text-align: center;
}
.s5114 .top-arrow-area .arrow-wrap{}
.s5114 .top-arrow-area .arrow{}
.s5114 .top-arrow-area .arrow img{}
.s5114 .area{
    padding: 120px 0;
    background-color: #165451;
    color: #fff;
    text-align: center;
}
.s5114 .area .content-text-area{}
.s5114 .area .content-text-area .text-wrap{}
.s5114 .area .content-text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s5114 .area .content-text-area .text-wrap .text strong{
    font-weight: 700;
}
.s5114 .area .bot-text-area{
    margin: 50px 0 0;
    font-size: 0;
}
.s5114 .area .bot-text-area .text-wrap{
    display: inline-block;
    padding: 35px 80px;
    border-radius: 50px;
    background-color: #225d5a;
}
.s5114 .area .bot-text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s5115{
    padding: 140px 0;
}
.s5115 .area{
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
}
.s5115 .area .right{
    width: 50%;
    padding-left: 60px;
}
.s5115 .area .right .content-text-area{}
.s5115 .area .right .content-text-area .title-area{
    font-size: 0;
}
.s5115 .area .right .content-text-area .title-area .title-wrap{
    position: relative;
    display: inline-block;
}
.s5115 .area .right .content-text-area .title-area .title-wrap::before{
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 22px;
    background-color: #80b97f;
}
.s5115 .area .right .content-text-area .title-area .title{
    position: relative;
    font-weight: 700;
    line-height: 1.4;
}
.s5115 .area .right .content-text-area .text-area{
    margin: 50px 0 0;
}
.s5115 .area .right .content-text-area .text-area .text-wrap{}
.s5115 .area .right .content-text-area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s5115 .area .right .content-text-area .text-area .text strong{
    font-weight: 700;
}
.s5115 .area .left{
    width: 50%;
}
.s5115 .area .left .thumb-area{}
.s5115 .area .left .thumb-area .thumb-wrap{}
.s5115 .area .left .thumb-area .thumb{}
.s5115 .area .left .thumb-area .thumb img{}
.s5215{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s5215 .area{}
.s5215 .item-list-area{}
.s5215 .item-list-area .list-wrap{
    margin: -55px 0 0;
}
.s5215 .item-list-area .list-con{
    padding: 55px 0 0;
}
.s5215 .item-list-area .list-inner{
    display: flex;
    height: 600px;
    align-items: center;
    border-radius: 10px;
    background-size: cover;
}
.s5215 .item-list-area .list-con:nth-child(1) .list-inner{
    background: url('../img/s52151.png') 50% 50% no-repeat;
}
.s5215 .item-list-area .list-con:nth-child(2) .list-inner{
    background: url('../img/s52152.png') 50% 50% no-repeat;
}
.s5215 .item-list-area .list-con:nth-child(3) .list-inner{
    background: url('../img/s52153.png') 50% 50% no-repeat;
}
.s5215 .item-list-area .content-text-area{
    width: 60%;
    padding-left: 130px;
    color: #fff;
}
.s5215 .item-list-area .content-text-area .title-area{
    display: flex;
    align-items: center;
}
.s5215 .item-list-area .content-text-area .title-area .line-wrap{}
.s5215 .item-list-area .content-text-area .title-area .line-wrap .line{
    width: 5px;
    height: 37px;
    margin-right: 18px;
    background-color: #80b97f;
    text-indent: -9999px;
}
.s5215 .item-list-area .content-text-area .title-area .title-wrap{}
.s5215 .item-list-area .content-text-area .title-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s5215 .item-list-area .content-text-area .text-area{
    margin: 15px 0 0;
}
.s5215 .item-list-area .content-text-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s5215 .item-list-area .content-text-area .text-area .text strong{
    font-weight: 700;
}
.s5215 .item-list-area .img-area{
    width: 40%;
}
.s5215 .item-list-area .img-area .img-wrap{}
.s5215 .item-list-area .img-area .img{}
.s5215 .item-list-area .img-area .img img{}
.s6111{
    padding: 140px 0;
}
.s6111 .area{}
.s6111 .area .list-area{}
.s6111 .area .list-area .list-wrap{
    margin: -40px -40px 0;
    text-align: center;
    font-size: 0;
}
.s6111 .area .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 40px 40px 0;
    vertical-align: text-top;
}
.s6111 .area .list-area .list-inner{}
.s6111 .area .list-area .thumb-area{}
.s6111 .area .list-area .thumb-area .thumb-wrap{}
.s6111 .area .list-area .thumb-area .thumb{}
.s6111 .area .list-area .thumb-area .thumb img{}
.s6111 .area .list-area .content-text-area{
    margin: 40px 0 0;
}
.s6111 .area .list-area .content-text-area .title-area{}
.s6111 .area .list-area .content-text-area .title-area .title-wrap{}
.s6111 .area .list-area .content-text-area .title-area .title{
    color: #165451;
    font-weight: 700;
    line-height: 1.4;
}
.s6111 .area .list-area .content-text-area .text-area{
    margin: 25px 0 0;
}
.s6111 .area .list-area .content-text-area .text-area .text-wrap{}
.s6111 .area .list-area .content-text-area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s6111 .area .list-area .content-text-area .caption-area{
    margin: 10px -10px 0;
    font-size: 0;
}
.s6111 .area .list-area .content-text-area .caption-area .caption-wrap{
    display: inline-block;
    width: 50%;
    max-width: 380px;
    padding: 20px 10px 0;
    vertical-align: text-top;
}
.s6111 .area .list-area .content-text-area .caption-area .caption{
    padding: 20px 10px;
    background-color: #80b97f;
    border-radius: 50px;
    color: #fff;
    font-weight: 700;
    line-height: 1.4;
}
.s6112{
    padding: 140px 0;
    background: url('../img/s6112-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s6112 .area{}
.s6112 .area .content-text-area{
    text-align: center;
    color: #fff;
}
.s6112 .area .content-text-area .title-area{}
.s6112 .area .content-text-area .title-area .title-wrap{}
.s6112 .area .content-text-area .title-area .title{
    line-height: 1.4;
    font-weight: 400;
}
.s6112 .area .content-text-area .title-area .title strong{
    font-weight: 700;
}
.s6112 .area .content-text-area .text-area{
    margin: 30px 0 0;
}
.s6112 .area .content-text-area .text-area .text-wrap{}
.s6112 .area .content-text-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s6112 .area .content-text-area .text-area .text.op50{
    opacity: 0.5;
}
.s6113{
    padding: 140px 0;
}
.s6113 .area{}
.s6113 .area .list-area{}
.s6113 .area .list-area .list-wrap{
    margin: -30px 0 0;
}
.s6113 .area .list-area .list-con{
    padding: 30px 0 0;
}
.s6113 .area .list-area .list-inner{
    padding: 40px 45px;
    background-color: #f0f0f0;
    border-radius: 50px;
}
.s6113 .area .list-area .content-text-area{
    position: relative;
    display: flex;
    padding-left: 360px;
    height: 158px;
    align-items: center;
}
.s6113 .area .list-area .content-text-area .title-area{
    position: absolute;
    left: 0;
    top: 0;
}
.s6113 .area .list-area .content-text-area .title-area .title-wrap{}
.s6113 .area .list-area .content-text-area .title-area .title{
    width: 320px;
    height: 158px;
    line-height: 158px;
    text-align: center;
    background-color: #80b97f;
    border-radius: 20px;
    color: #fff;
}
.s6113 .area .list-area .content-text-area .text-area{}
.s6113 .area .list-area .content-text-area .text-area .text-wrap{}
.s6113 .area .list-area .content-text-area .text-area .text{
    line-height: 1.4;
    font-weight: 400;
}
.s6113 .area .list-area .content-text-area .text-area .text strong{
    font-weight: 700;
}
.s6115{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s6115 .area{
    display: flex;
    align-items: center;
}
.s6115 .area .thumb-area{
    width: 50%;
}
.s6115 .area .thumb-area .thumb-wrap{}
.s6115 .area .thumb-area .thumb{}
.s6115 .area .thumb-area .thumb img{}
.s6115 .area .content-text-area{
    width: 50%;
    padding-left: 55px;
}
.s6115 .area .content-text-area .list-area{}
.s6115 .area .content-text-area .list-wrap{
    margin: -30px 0 0;
}
.s6115 .area .content-text-area .list-con{
    padding: 30px 0 0;
}
.s6115 .area .content-text-area .list-inner{
    display: flex;
    align-items: center;
}
.s6115 .area .content-text-area .ico-area{
    margin-right: 18px;
}
.s6115 .area .content-text-area .ico-area .ico-wrap{}
.s6115 .area .content-text-area .ico-area .ico{}
.s6115 .area .content-text-area .ico-area .ico img{}
.s6115 .area .content-text-area .text-area{}
.s6115 .area .content-text-area .text-area .text-wrap{}
.s6115 .area .content-text-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s6118{
    padding: 140px 0;
}
.s6118 .area{}
.s6118 .list-area{}
.s6118 .list-area .list-wrap{
    margin: -40px 0 0;
}
.s6118 .list-area .list-con{
    padding: 40px 0 0;
}
.s6118 .list-area .list-inner{
    display: flex;
    height: 520px;
    align-items: center;
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    border-radius: 10px;
    padding-left: 96px;
}
.s6118 .list-area .content-text-area{
    position: relative;
    padding-left: 100px;
    color: #fff;
}
.s6118 .list-area .content-text-area .num-area{
    position: absolute;
    left: 0;
    top: 0;
}
.s6118 .list-area .content-text-area .num-area .num-wrap{}
.s6118 .list-area .content-text-area .num-area .num{
    width: 76px;
    height: 76px;
    line-height: 76px;
    text-align: center;
    background-color: #80b97f;
    color: #fff;
    font-weight: 700;
    border-radius: 50%;
}
.s6118 .list-area .content-text-area .title-area{}
.s6118 .list-area .content-text-area .title-area .title-wrap{}
.s6118 .list-area .content-text-area .title-area .title{
    line-height: 76px;
    font-weight: 700;
}
.s6118 .list-area .content-text-area .text-area{
    margin: 10px 0 0;
}
.s6118 .list-area .content-text-area .text-area .text-wrap{}
.s6118 .list-area .content-text-area .text-area .text{
    font-weight: 300;
    line-height: 1.4;
}
.s6118 .area .bot-text-area{
    margin: 50px 0 0;
    font-size: 0;
    text-align: center;
}
.s6118 .area .bot-text-area .text-wrap{
    display: inline-block;
    padding: 35px 80px;
    border-radius: 50px;
    background-color: #f4f4f4;
}
.s6118 .area .bot-text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s7113{
    padding: 140px 0;
    background-color: #f5f5f5;
}
.s7113 .area{}
.s7113 .area .item-list-area{}
.s7113 .area .item-list-area .list-wrap{
    margin: -85px 0 0;
}
.s7113 .area .item-list-area .list-con{
    padding: 85px 0 0;
}
.s7113 .area .item-list-area .list-inner{}
.s7113 .area .item-list-area .box-title-area{
    background-color: #165451;
    border-radius: 10px;
}
.s7113 .area .item-list-area .box-title-area .title-wrap{}
.s7113 .area .item-list-area .box-title-area .title{
    height: 100px;
    line-height: 100px;
    color: #fff;
    font-weight: 700;
    text-align: center;
}
.s7113 .area .item-list-area .col-list-area{
    margin: 60px 0 0;
}
.s7113 .area .item-list-area .col-list-area .col-list-wrap{
    text-align: center;
    font-size: 0;
    margin: -40px -20px 0;
}
.s7113 .area .item-list-area .col-list-area .col-list-con{
    display: inline-block;
    width: 25%;
    padding: 40px 20px 0;
    vertical-align: text-top;
}
.s7113 .area .item-list-area .col-list-area .col-list-wrap.col2 .col-list-con{
    width: 50%;
}
.s7113 .area .item-list-area .col-list-area .col-list-inner{}
.s7113 .area .item-list-area .col-list-area .thumb-area{}
.s7113 .area .item-list-area .col-list-area .thumb-area .thumb-wrap{}
.s7113 .area .item-list-area .col-list-area .thumb-area .thumb{}
.s7113 .area .item-list-area .col-list-area .thumb-area .thumb img{}
.s7113 .area .item-list-area .col-list-area .content-text-area{
    margin: 20px 0 0;
}
.s7113 .area .item-list-area .col-list-area .content-text-area .text-wrap{}
.s7113 .area .item-list-area .col-list-area .content-text-area .text-wrap .title{
    margin: 0 0 5px;
    line-height: 1.4;
    font-weight: 700;
}
.s7113 .area .item-list-area .col-list-area .content-text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s7113 .bot-text-area{
    margin: 60px 0 0;
    text-align: center;
    font-size: 0;
}
.s7113 .bot-text-area .text-wrap{
    display: inline-block;
    width: 100%;
    max-width: 1100px;
    padding: 30px 15px;
    background-color: #dfbe8c;
    border-radius: 50px;
}
.s7113 .bot-text-area .text-wrap .text{
    line-height: 1.4;
    font-weight: 400;
}
.s7115{
    padding: 140px 0 90px;
    background-color: #f5f5f5;
}
.s7116{
    padding: 0 0 140px;
    background-color: #f5f5f5;
}
.s7116 .area .bot-text-area .text-wrap{
    background-color: #e9e9e9;
}
.s8114{
    padding: 140px 0;
    background: url('../img/s8114-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s8114 .area{
    text-align: center;
    color: #fff;
}
.s8114 .area .top-title-area{}
.s8114 .area .top-title-area .title-wrap{}
.s8114 .area .top-title-area .title-wrap .title{
    color: #b59870;
    font-weight: 700;
    line-height: 1.4;
}
.s8114 .area .top-title-area .text-wrap{
    margin: 30px 0 0;
}
.s8114 .area .top-title-area .text-wrap .text{
    line-height: 1.4;
    font-weight: 400;
}
.s8114 .area .img-area{
    margin: 150px 0 0;
}
.s8114 .area .img-area .img-wrap{}
.s8114 .area .img-area .img{}
.s8114 .area .img-area .img img{}
.s8114 .area .bot-text-area{
    margin: 80px 0 0;
}
.s8114 .area .bot-text-area .text-wrap{
    opacity: 0.5;
}
.s8114 .area .bot-text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s8114 .area .bot-text-area .text-wrap .text2{
    margin: 30px 0 0;
    font-weight: 400;
    line-height: 1.4;
}
.s8118{
    padding: 140px 0;
    background: url('../img/s8118-bg.jpg') 50% 50% no-repeat;
    background-size: cover;
}
.s8118 .area{}
.s8118 .area .content-text-area{
    text-align: center;
    color: #fff;
}
.s8118 .area .content-text-area .title-area{}
.s8118 .area .content-text-area .title-area .title-wrap{}
.s8118 .area .content-text-area .title-area .title-wrap .title{
    font-weight: 700;
    line-height: 1.4;
}
.s8118 .area .content-text-area .title-area .title-wrap .text{
    margin: 35px 0 0;
    font-weight: 400;
    line-height: 1.4;
}
.s8118 .area .content-text-area .text-area{
    margin: 50px 0 0;
    font-size: 0;
}
.s8118 .area .content-text-area .text-area .text-wrap{
    display: inline-block;
    width: 100%;
    max-width: 1120px;
    padding: 75px 20px;
    background-color: rgba(0, 0, 0, 0.3);
    border: 1px solid rgba(255, 255, 255, 0.5);
}
.s8118 .area .content-text-area .text-area .text-wrap .text{
    font-weight: 400;
    line-height: 1.4;
}
.s8118 .area .content-text-area .text-area .text-wrap .text2{
    margin: 5px 0 0;
    font-weight: 400;
    line-height: 1.4;
}
.s2311{}
.s2311 .qna-list-area{}
.s2311 .qna-list-area .qna-list-wrap{
    margin: -100px 0 0;
}
.s2311 .qna-list-area .qna-list-con{
    padding: 100px 0 0;
}
.s2311 .qna-list-area .qna-list-inner{}
.s2311 .qna-list-area .q-area{
    padding: 26px 0;
    background-color: #80b97f;
    border-radius: 10px;
    color: #fff;
}
.s2311 .qna-list-area .q-area .q-wrap{
    display: flex;
    align-items: center;
}
.s2311 .qna-list-area .q-area .ico-area{
    width: 175px;
    min-width: 175px;
    text-align: center;
}
.s2311 .qna-list-area .q-area .ico-area .ico-wrap{}
.s2311 .qna-list-area .q-area .ico-area .ico{}
.s2311 .qna-list-area .q-area .ico-area .ico img{}
.s2311 .qna-list-area .q-area .content-text-area{
    padding-right: 10px;
}
.s2311 .qna-list-area .q-area .content-text-area .text-area{}
.s2311 .qna-list-area .q-area .content-text-area .text-area .text-wrap{}
.s2311 .qna-list-area .q-area .content-text-area .text-area .text{
    font-weight: 700;
    line-height: 1.4;
}
.s2311 .qna-list-area .a-area{
    margin: 10px 0 0;
    padding: 26px 0;
    background-color: #f5f5f5;
    border-radius: 10px;
}
.s2311 .qna-list-area .a-area .a-wrap{
    display: flex;
    align-items: center;
}
.s2311 .qna-list-area .a-area .ico-area{
    width: 175px;
    min-width: 175px;
    text-align: center;
}
.s2311 .qna-list-area .a-area .ico-area .ico-wrap{}
.s2311 .qna-list-area .a-area .ico-area .ico{}
.s2311 .qna-list-area .a-area .ico-area .ico img{}
.s2311 .qna-list-area .a-area .content-text-area{}
.s2311 .qna-list-area .a-area .content-text-area .text-area{}
.s2311 .qna-list-area .a-area .content-text-area .text-area .text-wrap{}
.s2311 .qna-list-area .a-area .content-text-area .text-area .text{
    font-weight: 400;
    line-height: 1.4;
}
.s2311 .qna-list-area .a-area .content-text-area .text-area .text strong{
    font-weight: 500;
}

@media all and (max-width:1620px){
    .s1111 .bg-area .bg{
        padding-bottom: 62.5%;
    }
    .s1111 .area .text-area .title-wrap .caption-con{
        padding-left: 0px;
    }
    .s1111 .area .text-area .title-wrap .caption-con .caption{
        padding: 10px 10px;
        font-size: 3vw;
    }
    .s1111 .area .text-area .title-wrap .title-con .title-inner{
        padding: 0 5px;
    }
    .s1111 .area .text-area .title-wrap .title-con .title{
        font-size: 7.5vw;
    }
    .s1111 .area .text-area .text-wrap{
        margin: 40px 0 0;
    }
    .s1111 .area .text-area .text-wrap .text-con{
        padding-left: 6px;
    }
    .s1111 .area .text-area .text-wrap .text-con .text{
        font-size: 2.2vw;
    }
    .s1112 .bg-area .bg-wrap .bg{
        padding-bottom: 55%;
    }
    .s1112 .area .text-area .title-wrap .caption-con .caption{
        font-size: 80px;
    }
    .s1112 .area .text-area .title-wrap .title-con .title{
        font-size: 100px;
    }
    .s1112 .area .text-area .text-wrap{
        margin: 40px 0 0;
    }
    .s1112 .area .text-area .text-wrap .text-con{
        padding: 10px 25px;
    }
    .s1112 .area .text-area .text-wrap .text-con .text{
        font-size: 40px;
    }
    .s1112 .area .text-area .text-wrap .text-con .text em{
        font-size: 24px;
        bottom: 6px;
        margin: 0 20px;
    }
    .s1113 .bg-area .bg-wrap .bg{
        padding-bottom: 55%;
    }
    .s-top-title-area{
        padding: 70px 0 50px;
    }
    .s1114 .area .list-area .title-wrap{
        padding: 30px 10px;
    }
    .s1114 .area .product-list-area .text-area .text-con{
        margin: 30px 0 0;
    }
    .s1114 .s-top-title-area .title-wrap .title{
        font-size: 30px;
    }
    .s1115{
        position: relative;
    }
    .s1115 .bg-area .bg-wrap .bg{
        padding-bottom: 55%;
    }
    .s1115 .area .text-area .text-wrap .text{
        font-size: 3.5vw;
    }
    .s1116 .bg-area .bg-wrap .bg{
        padding-bottom: 55%;
        background-position: 100% 50%;
    }
    .s1116 .text-area{
        left: 50%;
        right: auto;
        width: 60%;
        transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
        padding: 30px 10px;
        text-align: center;
    }
    .s1116 .text-area .text-wrap .title{
        font-size: 5vw;
    }
    .s1116 .text-area .text-wrap .text{
        margin: 15px 0 0;
        font-size: 2.5vw;
    }
    .s1117{
        background-color: #f0e9e1;
    }
    .s1117 .bg-area{
        max-width: 640px;
        margin: 0 auto;
    }
    .s1117 .bg-area .bg{
        padding-bottom: 50%;
    }
    .s1117 .text-area{
        position: relative;
        top: 0;
        padding: 20px 10px 50px;
        transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);
        text-align: center;
    }
    .s1117 .text-area .text-wrap .title{
        margin: 15px 0 0;
        font-size: 5vw;
    }
    .s1117 .text-area .text-wrap .text{
        margin: 20px 0 0;
        font-size: 2.5vw;
    }
    .s1117 .text-area .btn-con{
        margin: 25px 0 0;
    }
    .s1117 .text-area .btn-con .btn{
        padding: 10px 20px;
    }
    .s-area{
        padding: 70px 0 120px;
    }
    .s-title-area .text-area .text-wrap{
        margin: 14px 0 0;
    }
    .s3113 .s-title-area .text-area .text-wrap .text2{
        font-size: 13px;
        letter-spacing: -0.5px;
    }
    .s1211 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s1211 .area .list-wrap{
        margin: -50px -10px 0;
    }
    .s1211 .area .list-wrap .list-con{
        width: 100%;
        padding: 50px 10px 0;
    }
    .s1211 .area .list-wrap .text-area{
        padding: 30px 10px;
    }
    .s1211 .area .list-wrap .text-area .name-wrap .name{
        margin: 2px 0 0;
    }
    .s1211 .area .list-wrap .text-area .name-wrap .cate{
        margin: 4px 0 0;
    }
    .s1211 .area .list-wrap .text-area .btn-wrap{
        margin: 15px auto 0;
        padding: 15px 0 0;
    }
    .s1211 .area .list-wrap .text-area .btn-wrap .btn span{
        margin-left: 5px;
    }
    .s1311-2{
        padding: 70px 0;
    }
    .s1311 .area{
        display: block;
        max-width: 600px;
        margin: 0 auto;
    }
    .s1311 .right{
        width: 100%;
        margin-left: 0;
    }
    .s1311 .right .thumb-area .thumb img{
        width: 100%;
        vertical-align: top;
    }
    .s1311 .left{
        width: 100%;
        padding: 50px 20px;
        margin-bottom: 0;
    }
    .s1311 .left .text-area .text-wrap{
        margin: 15px 0 0;
    }
    .s1312{
        padding: 50px 0;
    }
    .s1312 .area{
        display: block;
        max-width: 600px;
        margin: 0 auto;
    }
    .s1312 .right{
        width: 100%;
        margin: 0 0 20px;
    }
    .s1312 .right .logo-area{
        max-width: 40%;
    }
    .s1312 .right .nav-area{
        margin: 20px 0 0;
    }
    .s1312 .right .nav-area .dep1-wrap{
        font-size: 0;
    }
    .s1312 .right .nav-area .dep1-con{
        display: inline-block;
        width: 50%;
        vertical-align: text-top;
    }
    .s1312 .right .nav-area .dep1{
        display: flex;
        height: 200px;
        align-items: center;
        padding: 20px 10px;
        text-align: center;
    }
    .s1312 .right .nav-area .dep1::before{
        left: 50%;
        top: auto;
        bottom: 0;
        margin: 0 0 0 -10px;
        transform: translateY(100%);-moz-transform: translateY(100%);-webkit-transform: translateY(100%);-o-transform: translateY(100%);
        border-bottom: 14px solid #f5f5f5;
        border-left: 10px solid transparent;
        border-right: 10px solid transparent;
        border-top-width: 0;
    }
    .s1312 .right .nav-area .dep1-con.active .dep1::before{
        transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);
    }
    .s1312 .right .nav-area .text-area{
        width: 100%;
    }
    .s1312 .right .nav-area .text-area .floor-wrap{
        width: 25%;
    }
    .s1312 .right .nav-area .text-area .text-wrap{
        width: 75%;
        text-align: left;
    }
    .s1312 .right .nav-area .text-area .text-wrap .text{
        font-size: 14px;
    }
    .s1312 .left{
        width: 100%;
    }
    .s1312 .left .swiper-button-next{
        width: 13px;
        height: 20px;
        margin-top: -10px;
        background-size: cover;
        right: 10px;
    }
    .s1312 .left .swiper-button-prev{
        width: 13px;
        height: 20px;
        margin-top: -10px;
        background-size: cover;
        left: 10px;
    }
    .s1411 .bg-area .bg{
        padding-bottom: 75%;
    }
    .s1411 .area{
        padding: 0;
        text-align: center;
    }
    .s1411 .area .tly-50{
        /* position: relative;
        top: 0;
        transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0); */
        text-align: center;
        font-size: 0;
    }
    .s1411 .area .text-area{
        display: inline-block;
        padding: 50px 15px;
        background-color: rgba(0, 0, 0, 0.5);
    }
    .s1411 .area .text-area .title-wrap .title{
        font-size: 7vw;
    }
    .s1411 .area .text-area .title-wrap .text{
        margin: 10px 0 0;
        padding-left: 0;
    }
    .s1411 .area .text-area .caption-area{
        margin: 20px 0 0;
    }
    .s1411 .area .text-area .caption-area .list-wrap{
        margin: 0 -5px 0 0;
    }
    .s1411 .area .text-area .caption-area .list-con{
        margin: 0 5px 0 0;
    }
    .s1411 .area .text-area .caption-area .list-inner{
        min-width: 0;
    }
    .s1411 .area .text-area .caption-area .caption{
        height: 60px;
        line-height: 60px;
    }
    .s2111{
        overflow: hidden;
    }
    .s2111 .img-list-area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s2111 .img-list-area .list-wrap{
        display: block;
    }
    .s2111 .img-list-area .list-con{
        width: 100%;
    }
    .s2111 .img-list-area .list-con:nth-child(2){
        padding: 30px 0 0;
    }
    .s2111 .top-img-area{
        left: -20%;
        width: 140%;
        margin-left: 0;
    }
    .s2112-area{
        padding: 70px 0 40px;
    }
    .s2112 .area{
        display: block;
        max-width: 600px;
        margin: 0 auto;
    }
    .s2112 .left{
        width: 100%;
    }
    .s2112 .right{
        width: 100%;
        padding: 30px 0 0;
    }
    .s2112 .content-text-area{
        padding-bottom: 100%;
    }
    .s2112 .intro-text-area{
        padding: 0 10px 20px;
    }
    .s2112 .intro-text-area .text-wrap .ico{
        margin: 0 0 20px;
    }
    .s2112 .intro-text-area .text-wrap .ico img{
        max-width: 20%;
    }
    .s2112 .intro-text-area .text-wrap .title{
        margin: 0 0 15px;
    }
    .s2112 .text-list-area{
        padding: 40px 10px 0;
    }
    .s2112 .text-list-area .list-text-area .title-area{
        justify-content: center;
        padding: 0 0 25px;
        margin: 0 0 25px;
    }
    .s2112 .text-list-area .list-text-area .title-area .ico-wrap{
        margin-right: 10px;
    }
    .s2112 .text-list-area .list-text-area .title-area .ico-wrap .ico img{
        width: 30px;
    }
    .s2112 .text-list-area .list-text-area .text-area .dot-list-wrap{
        margin: -25px 0 0;
    }
    .s2112 .text-list-area .list-text-area .text-area .dot-list-con{
        padding: 25px 0 0;
    }
    .s2112 .text-list-area .list-text-area .text-area .text-wrap .dot-text{
        padding: 0;
    }
    .s2112 .text-list-area .list-text-area .text-area .text-wrap .dot-text::before{
        position: relative;
        display: inline-block;
        margin-right: 3px;
    }
    .s2113{
        padding: 70px 0;
    }
    .s2113 .slide-area{
        padding: 0 50px;
    }
    .s2113 .slide-area .text-area{
        margin: 15px 0 0;
    }
    .s2113 .slide-area .bx-wrapper .bx-controls-direction a{
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .s2113 .slide-area .bx-wrapper .bx-controls-direction a.bx-prev{
        left: -50px;
        background-size: cover;
    }
    .s2113 .slide-area .bx-wrapper .bx-controls-direction a.bx-next{
        right: -50px;
        background-size: cover;
    }
    .s2114{
        padding: 70px 0 50px;
    }
    .s2114 .area{
        padding: 40px 10px 25px;
    }
    .s2114 .area .text-area .title-wrap{
        margin: 0 0 15px;
    }
    .s2114 .area2{
        display: block;
        max-width: 600px;
        margin: -30px auto 0;
    }
    .s2114 .area2 .wrap{
        width: 100%;
        padding: 30px 0 0;
    }
    .s2115{
        padding: 70px 0;
    }
    .s2115 .list-area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s2115 .list-area .list-wrap{
        margin: -30px 0 0;
    }
    .s2115 .list-area .list-con{
        padding: 30px 0 0;
    }
    .s2115 .list-area .bg-area .bg{
        padding-bottom: 80%;
        background-size: cover;
    }
    .s2115 .list-area .list-con:first-child .bg-area .bg{
        background-position: 25% 0;
        border-radius: 100px 0 0 0;
    }
    .s2115 .list-area .content-text-area{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);
    }
    .s2115 .list-area .content-text-area .content-text-wrap{
        padding: 30px 10px;
        text-align: center;
    }
    .s2115 .list-area .content-text-area .num-wrap{
        position: relative;
        margin: 0 0 5px;
    }
    .s2115 .list-area .content-text-area .num-wrap .num{
        width: 60px;
        height: 60px;
        line-height: 60px;
        margin: 0 auto;
    }
    .s2115 .list-area .content-text-area .text-area .title-wrap .title{
        line-height: 1.4;
    }
    .s2115 .list-area .content-text-area .text-area .text-wrap{
        margin: 5px 0 0;
    }
    .s2117{
        padding: 80px 0;
    }
    .s2117 .area .content-text-area .title-area .ico-wrap{
        margin: 0 0 20px;
    }
    .s2117 .area .content-text-area .title-area .ico-wrap .ico img{
        max-width: 20%;
    }
    .s2117 .area .content-text-area .title-area .title-wrap .title{
        font-size: 20px;
    }
    .s2117 .area .content-text-area .text-area{
        margin: 20px 0 0;
    }
    .s2117 .area .content-text-area .text-area .text-wrap .text{
        font-size: 14px;
    }
    .s2212{
        padding: 80px 0;
    }
    .s2212 .area .title-area .title-wrap .title{
        font-size: 24px;
    }
    .s2212 .area .text-area{
        margin: 25px 0 0;
    }
    .s2212 .area .text-area .text-wrap .text{
        font-size: 16px;
    }
    .s2213{
        padding: 70px 0;
    }
    .s2213 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s2213 .list-area .list-wrap{
        margin: -10px 0 0;
    }
    .s2213 .list-area .list-con{
        width: 100%;
        padding: 10px 0 0;
    }
    .s2213 .list-area .list-inner{
        border-radius: 10px;
    }
    .s2213 .list-area .title-area .title-wrap{
        padding: 15px 25px;
    }
    .s2213 .list-area .text-area{
        margin: 15px 0 0;
    }
    .s2213 .list-area .text-area .text-wrap{
        height: auto !important;
    }
    .s2213 .bot-text-area{
        margin: 35px 0 0;
    }
    .s2215{
        padding: 70px 0;
    }
    .s2215 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s2215 .area .list-area .list-wrap{
        margin: -40px 0 0;
    }
    .s2215 .area .list-area .list-con{
        padding: 40px 0 0;
    }
    .s2215 .area .list-area .list-inner{
        display: block;
    }
    .s2215 .area .list-area .col{
        width: 100%;
        text-align: center;
    }
    .s2215 .area .list-area .content-text-area{
        padding: 20px 0 0;
    }
    .s2215 .area .list-area .content-text-area .ban-area .ban{
        padding: 10px 20px;
    }
    .s2215 .area .list-area .content-text-area .text-area{
        margin: 10px 0 0;
        padding: 0;
    }
    .s2217{
        padding: 80px 0 100px;
    }
    .s2217 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s2217 .area .list-area .list-wrap{
        margin: 40px 0 0;
    }
    .s2217 .area .list-area .list-con{
        width: 100%;
        padding: 40px 0 0;
    }
    .s2217 .area .list-area .thumb-area{
        margin: 0 0 20px;
    }
    .s2217 .area .list-area .content-text-area .title-area{
        margin: 0 0 10px;
    }
    .s2218{
        padding: 80px 0 100px;
    }
    .s2218 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s2218 .nav{
        padding: 0;
        margin: 0 0 50px;
    }
    .s2218 .nav .dep1-wrap{
        margin: -20px -10px;
    }
    .s2218 .nav .dep1-con{
        width: 25%;
        padding: 20px 10px;
    }
    .s2218 .nav .title-area{
        margin: 10px 0 0;
    }
    .s2218 .slide-area .slide-inner{
        padding: 0;
    }
    .s2218 .slide-area .title-area{
        margin: 0 0 20px;
    }
    .s2218 .slide-area .thumb-list-area{
        margin: 0 0 40px;
    }
    .s2218 .slide-area .thumb-list-area .list-wrap{
        margin: -10px 0 0;
    }
    .s2218 .slide-area .thumb-list-area .list-con{
        width: 100%;
        padding: 10px 0 0;
    }
    .s2218 .slide-area .bx-wrapper .bx-controls-direction a{
        width: 40px;
        height: 40px;
        margin-top: -20px;
    }
    .s2218 .slide-area .bx-wrapper .bx-controls-direction a.bx-prev,
    .s2218 .slide-area .bx-wrapper .bx-controls-direction a.bx-next{
        background-size: cover;
    }
    .s2219{
        padding: 80px 0 100px;
    }
    .s2219 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s2219 .area .list-area .list-wrap{
        margin: -25px 0 0;
    }
    .s2219 .area .list-area .list-con{
        width: 100%;
        padding: 25px 0 0;
    }
    .s2219.s7114 .area .list-area .list-wrap{
        margin: -25px 0 0;
    }
    .s2219.s7114 .area .list-area .list-con{
        padding: 25px 0 0;
    }
    .s2219 .area .list-area .list-con::before{
        position: relative;
        top: 0;
        width: 53px;
        height: 49px;
        margin: 0 auto 25px;
        transform: translate(0, 0) rotate(90deg);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(0, 0) rotate(90deg);-o-transform: translate(0, 0) rotate(90deg);
    }
    .s2219 .area .list-area .list-con:nth-child(3n+1):before{
        display: block;
    }
    .s2219 .area .list-area .list-con:first-child:before{
        display: none;
    }
    .s2219 .area .list-area .thumb-area{
        margin: 0 0 15px;
    }
    .s2219 .area .list-area .text-area .text{
        height: 80px;
        line-height: 80px;
    }
    .s2219 .area .list-area .text-area .text2{
        margin: 0;
    }
    .s22110{
        padding: 70px 0 0;
    }
    .s22110 .arrow{
        width: 60px;
        height: 60px;
        margin-top: -30px;
    }
    .s22110 .swiper-button-prev{
        left: 10px;
        margin-left: 0;
        background-size: cover;
    }
    .s22110 .swiper-button-next{
        right: 10px;
        margin-right: 0;
        background-size: cover;
    }
    .s3111::before{
        content: '';
        position: absolute;
        left: 0;
        bottom: 0;
        display: block;
        width: 100%;
        height: 60%;
        background-color: #414141;
    }
    .s3111 .area{
        display: block;
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }
    .s3111 .area .top-title-area{
        position: relative;
        left: 0;
        top: 0;
        width: 100%;
        margin: 0 0 30px;
    }
    .s3111 .area .img-area{
        width: 100%;
        margin: 0 0 30px;
    }
    .s3111 .area .img-area .img img{
        max-width: 360px;
    }
    .s3111 .area .content-text-area{
        width: 100%;
    }
    .s3111 .area .content-text-area .text-list-area{
        min-height: 300px;
    }
    .s3111 .area .content-text-area .text-area .title-wrap{
        justify-content: center;
    }
    .s3111 .area .content-text-area .text-area .title-wrap .bar{
        width: 4px;
        height: 30px;
        margin-right: 10px;
    }
    .s3111 .area .content-text-area .text-area .text-wrap{
        margin: 30px 0 0;
        padding: 0 0 50px;
    }
    .s3111 .area .content-text-area .text-area .text-wrap .text-con{
        width: 100%;
    }
    .s3111 .area .content-text-area .text-area .text-wrap .text{
        margin-top: 0;
        padding-left: 0;
    }
    .s3111 .area .content-text-area .text-area .text-wrap .text::before{
        position: relative;
        margin-right: 3px;
    }
    .s3111 .area .img-area .button-list-area .btn{
        font-size: 13px;
    }
    .s3111 .area .img-area .button-list-area .btn .point{
        left: -24px;
        width: 16px;
        height: 16px;
    }
    .s3111 .area .img-area .button-list-area .btn .point.point-right{
        left: auto;
        right: -24px;
    }
    .s3111 .area .img-area .button-list-area .btn .point::before{
        width: 16px;
    }
    .s3111 .area .img-area .button-list-area .btn .point::after{
        width: 10px;
        height: 10px;
    }
    .s3112{
        padding: 80px 0;
    }
    .s3112 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s3112 .s-title-area .text-area .title-wrap .title{
        font-size: 24px;
    }
    .s3112 .area .step-list-area .list-wrap{
        margin: 0 -10px;
    }
    .s3112 .area .step-list-area .list-con{
        padding: 0 10px;
    }
    .s3112 .area .step-list-area .list-con::before{
        top: 18px;
    }
    .s3112 .area .step-list-area .step-area .text-wrap .step{
        width: 60px;
        height: 36px;
        line-height: 36px;
        font-size: 14px;
    }
    .s3112 .area .step-list-area .text-area{
        margin: 15px 0 0;
    }
    .s3112 .area .step-list-area .text-area .text-wrap .text{
        font-size: 13px;
        line-height: 1.4;
    }
    .s3112 .area .img-list-area .list-wrap{
        margin: -20px 0 0;
    }
    .s3112 .area .img-list-area .list-con{
        width: 100%;
        padding: 20px 0 0;
    }
    .s3112 .area .img-list-area .thumb-area{
        margin: 0 0 20px;
    }
    .s3112 .area .img-list-area .text-area .text-wrap{
        margin: 10px 0 0;
    }
    .s3114{
        padding: 70px 0;
    }
    .s3114 .area .text-area .text{
        font-size: 16px;
    }
    .s3115{
        padding: 70px 0;
    }
    .s3115 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s3115 .area .list-area .list-con{
        width: 50%;
    }
    .s3115 .area .list-area .text-area{
        margin: 20px 0 0;
    }
    .s3116{
        padding: 70px 0;
    }
    .s3116 .area{
        display: block;
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }
    .s3116 .area .img-area{
        width: 100%;
        margin: 0 0 20px;
    }
    .s3116 .area .content-text-area{
        width: 100%;
    }
    .s3116 .area .content-text-area .text-area{
        margin: 30px 0 0;
    }
    .s3116 .area .content-text-area .text-area .text-wrap .text2{
        margin: 10px 0 0;
    }
    .s3117{
        padding: 70px 0;
    }
    .s3117 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s3117 .area .list-area .list-con{
        width: 100%;
    }
    .s3118{
        padding: 70px 0 0;
    }
    .s3118-2{
        padding: 70px 0;
    }
    .s3118 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s3118 .area .thumb-list-area .list-con{
        width: 50%;
    }
    .s3118 .area .thumb-list-area .title-wrap{
        margin: 20px 0 0;
    }
    .s3118 .area .bot-text-area{
        margin: 50px 0 0;
    }
    .s3118 .area .bot-text-area .text-wrap{
        padding: 15px 20px;
    }
    .s3122{
        padding: 70px 0;
    }
    .s3123{
        padding: 70px 0;
    }
    .s3123 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s3123 .area .thumb-list-area .list-wrap{
        margin: -40px 0 0;
    }
    .s3123 .area .thumb-list-area .list-con{
        width: 100%;
        padding: 40px 0 0;
    }
    .s3123 .area .thumb-list-area .text-wrap{
        margin: 5px 0 0;
        padding: 15px 10px;
    }
    .s3124{
        padding: 50px 0;
    }
    .s3131{
        padding: 70px 0;
    }
    .s3131 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s3131 .area .list-area .list-wrap{
        margin: -20px 0 0;
    }
    .s3131 .area .list-area .list-con{
        padding: 20px 0 0;
    }
    .s3131 .area .list-area .list-inner{
        display: block;
        border-radius: 50px;
        padding: 20px 20px;
        text-align: center;
    }
    .s3131 .area .list-area .ico-area{
        margin: 0 0 10px;
    }
    .s3131 .area .list-area .ico-area .ico img{
        width: 40px;
    }
    .s3132{
        padding: 70px 0;
    }
    .s3132 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s3132 .area .img-list-area .list-con{
        width: 100%;
    }
    .s3132 .area .text-list-area .list-wrap{
        margin: -20px 0 0;
    }
    .s3132 .area .text-list-area .list-con{
        width: 100%;
        padding: 20px 0 0;
    }
    .s3132 .area .text-list-area .list-inner{
        height: auto;
        padding: 30px 20px;
        border-radius: 100px;
    }
    .s3133{
        padding: 70px 0;
    }
    .s3133 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s3133 .area .list-area .list-con{
        width: 100%;
    }
    .s3133 .area .list-area .list-inner{
        padding: 0 20px;
    }
    .s3133 .area .list-area .content-text-area .title-area{
        padding: 20px 0 15px;
    }
    .s3133 .area .list-area .content-text-area .text-area{
        padding: 20px 0;
    }
    .s3133 .area .list-area .content-text-area .text-area .text-wrap{
        height: auto !important;
    }
    .s4111 .area{
        display: block;
        max-width: 500px;
        margin: 0 auto;
    }
    .s4111 .area .content-text-area{
        width: 100%;
        padding: 50px 10px;
        text-align: center;
    }
    .s4111 .area .content-text-area .text-area .text-wrap{
        margin: 10px 0 0;
    }
    .s4111 .area .content-text-area .text-area .title-wrap .title{
        font-size: 32px;
    }
    .s4111 .area .content-text-area .text-area .text-wrap .text{
        font-size: 18px;
    }
    .s4111 .area .img-area{
        width: 100%;
    }
    .s4113{
        padding: 70px 0;
    }
    .s4113 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s4113 .area .img-list-area .list-con{
        width: 100%;
    }
    .s4113 .area .img-list-area .text-area{
        display: block;
        margin: 10px 0 0;
        text-align: center;
    }
    .s4113 .area .img-list-area .text-area .ico-wrap{
        margin: 0 0 5px;
    }
    .s4113 .area .img-list-area .text-area .ico-wrap .ico img{
        width: 24px;
    }
    .s4119{
        padding: 70px 0 0;
    }
    .s4119 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s4119 .area .list-area .list-con{
        width: 100%;
    }
    .s4119 .area .list-area .content-text-area{
        padding: 30px 0;
    }
    .s4119 .area .list-area .content-text-area .ico-area{
        margin: 0 0 15px;
    }
    .s4119 .area .list-area .content-text-area .ico-area .ico img{
        width: 100px;
    }
    .s4119 .area .list-area .content-text-area .text-area{
        height: auto !important;
    }
    .s4119 .area .list-area .content-text-area .text-area .text-wrap{
        margin: 10px 0 0;
    }
    .s4211{
        padding: 70px 0;
        background-color: #165451;
    }
    .s4211::before{
        display: none;
    }
    .s4211 .area .thumb-list-area .list-con{
        width: 100%;
    }
    .s4211 .area .thumb-list-area .text-area{
        margin: 15px 0 0;
    }
    .s4211 .area .bot-text-area{
        margin: 35px 0 0;
    }
    .s4512{
        padding: 70px 0;
    }
    .s4512 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s4512 .col-list-area .list-con{
        width: 100%;
    }
    .s4512 .col-list-area .content-text-area .title-area .title-wrap{
        height: 80px;
        padding: 0 10px;
    }
    .s4512 .col-list-area .content-text-area .text-area .text-wrap{
        height: 80px;
        padding: 0 10px;
    }
    .s5113{
        padding: 70px 0;
    }
    .s5113 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s5113 .area .item-list-area .item-list-wrap{
        margin: -60px 0 0;
    }
    .s5113 .area .item-list-area .item-list-con{
        padding: 60px 0 0;
    }
    .s5113 .area .item-list-area .num-title-area{
        display: block;
        text-align: center;
    }
    .s5113 .area .item-list-area .num-title-area .num-wrap{
        margin: 0 0 10px;
    }
    .s5113 .area .item-list-area .num-title-area .num-wrap .num{
        margin: 0 auto;
    }
    .s5113 .area .item-list-area .content-area{
        display: block;
        margin: 30px 0 0;
    }
    .s5113 .area .item-list-area .content-area .img-area{
        width: 100%;
        margin: 0 0 20px;
    }
    .s5113 .area .item-list-area .content-area .list-area{
        width: 100%;
    }
    .s5113 .area .item-list-area .content-area .list-wrap{
        margin: -20px 0 0;
    }
    .s5113 .area .item-list-area .content-area .list-con{
        padding: 20px 0 0;
    }
    .s5113 .area .item-list-area .content-area .list-inner{
        padding-left: 0;
    }
    .s5113 .area .item-list-area .content-area .title-area{
        position: relative;
        margin: 0 0 5px;
    }
    .s5113 .area .item-list-area .content-area .title-area .title{
        margin: 0 auto;
    }
    .s5113 .area .item-list-area .content-area .text-area .text-wrap{
        min-height: 0;
        padding: 10px 0 0;
        text-align: center;
    }
    .s5114 .top-arrow-area .arrow img{
        width: 40px;
    }
    .s5114 .area{
        padding: 50px 0;
    }
    .s5114 .area .content-text-area .text-wrap .text{
        font-size: 16px;
    }
    .s5114 .area .bot-text-area{
        margin: 25px 0 0;
        font-size: 0;
    }
    .s5114 .area .bot-text-area .text-wrap{
        padding: 20px 20px;
    }
    .s5115{
        padding: 70px 0;
    }
    .s5115 .area{
        display: block;
        max-width: 400px;
        margin: 0 auto;
        text-align: center;
    }
    .s5115 .area .right{
        width: 100%;
        padding: 0;
    }
    .s5115 .area .right .content-text-area .title-area .title-wrap::before{
        height: 16px;
    }
    .s5115 .area .right .content-text-area .text-area{
        margin: 30px 0 0;
    }
    .s5115 .area .left{
        width: 100%;
        margin: 30px 0 0;
    }
    .s5215{
        padding: 70px 0;
    }
    .s5215 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s5215 .item-list-area .list-wrap{
        margin: -30px 0 0;
    }
    .s5215 .item-list-area .list-con{
        padding: 30px 0 0;
    }
    .s5215 .item-list-area .list-inner{
        display: block;
        height: auto;
        padding: 60px 10px;
        text-align: center;
    }
    .s5215 .item-list-area .content-text-area{
        width: 100%;
        padding: 0;
    }
    .s5215 .item-list-area .content-text-area .title-area{
        justify-content: center;
    }
    .s5215 .item-list-area .content-text-area .title-area .line-wrap .line{
        width: 4px;
        height: 30px;
        margin-right: 10px;
    }
    .s5215 .item-list-area .content-text-area .text-area{
        margin: 10px 0 0;
    }
    .s5215 .item-list-area .img-area{
        width: 100%;
        margin: 20px 0 0;
    }
    .s5215 .item-list-area .img-area .img img{
        max-width: 40%;
    }
    .s6111{
        padding: 70px 0;
    }
    .s6111 .area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s6111 .area .list-area .list-con{
        width: 100%;
    }
    .s6111 .area .list-area .content-text-area{
        margin: 20px 0 0;
    }
    .s6111 .area .list-area .content-text-area .text-area{
        margin: 15px 0 0;
    }
    .s6111 .area .list-area .content-text-area .caption-area .caption-wrap {
        width: 80%;
    }
    .s6112{
        padding: 70px 0;
    }
    .s6112 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s6112 .area .content-text-area .text-area{
        margin: 15px 0 0;
    }
    .s6112 .area .content-text-area .title-area .title{
        font-size: 24px;
    }
    .s6112 .area .content-text-area .text-area .text{
        font-size: 16px;
    }
    .s6113{
        padding: 70px 0;
    }
    .s6113 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s6113 .area .list-area .list-inner{
        padding: 20px 10px;
        border-radius: 20px;
    }
    .s6113 .area .list-area .content-text-area{
        display: block;
        padding-left: 0;
        height: auto;
        text-align: center;
    }
    .s6113 .area .list-area .content-text-area .title-area{
        position: relative;
        margin: 0 0 10px;
    }
    .s6113 .area .list-area .content-text-area .title-area .title-wrap{
        font-size: 0;
    }
    .s6113 .area .list-area .content-text-area .title-area .title{
        display: inline-block;
        width: auto;
        height: auto;
        padding: 20px 30px;
        line-height: 1;
    }
    .s6115{
        padding: 70px 0;
    }
    .s6115 .area{
        display: block;
        max-width: 400px;
        margin: 0 auto;
        padding: 0 10px;
        text-align: center;
    }
    .s6115 .area .thumb-area{
        width: 100%;
        margin: 0 0 20px;
    }
    .s6115 .area .content-text-area{
        width: 100%;
        padding: 0;
    }
    .s6115 .area .content-text-area .list-wrap{
        margin: -20px 0 0;
    }
    .s6115 .area .content-text-area .list-con{
        padding: 20px 0 0;
    }
    .s6115 .area .content-text-area .list-inner{
        display: block;
    }
    .s6115 .area .content-text-area .ico-area{
        margin: 0 0 5px;
    }
    .s6118{
        padding: 70px 0;
    }
    .s6118 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s6118 .list-area .list-inner{
        height: auto;
        justify-content: center;
        padding: 50px 10px;
        text-align: center;
    }
    .s6118 .list-area .content-text-area{
        padding-left: 0;
    }
    .s6118 .list-area .content-text-area .num-area{
        position: relative;
    }
    .s6118 .list-area .content-text-area .num-area .num{
        width: 50px;
        height: 50px;
        line-height: 50px;
        margin: 0 auto 5px;
    }
    .s6118 .list-area .content-text-area .title-area .title{
        line-height: 1.4;
    }
    .s6118 .list-area .content-text-area .text-area{
        margin: 5px 0 0;
    }
    .s6118 .area .bot-text-area{
        margin: 20px 0 0;
    }
    .s6118 .area .bot-text-area .text-wrap{
        padding: 20px 20px;
    }
    .s7113{
        padding: 70px 0;
    }
    .s7113 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s7113 .area .item-list-area .list-wrap{
        margin: -50px 0 0;
    }
    .s7113 .area .item-list-area .list-con{
        padding: 50px 0 0;
    }
    .s7113 .area .item-list-area .box-title-area .title{
        padding: 20px 10px;
        height: auto;
        line-height: 1.4;
    }
    .s7113 .area .item-list-area .col-list-area{
        margin: 30px 0 0;
    }
    .s7113 .area .item-list-area .col-list-area .col-list-wrap{
        margin: -20px -10px 0;
    }
    .s7113 .area .item-list-area .col-list-area .col-list-con{
        width: 50%;
        padding: 20px 10px 0;
    }
    .s7113 .area .item-list-area .col-list-area .col-list-wrap.col2 .col-list-con{
        width: 100%;
    }
    .s7113 .area .item-list-area .col-list-area .content-text-area{
        margin: 10px 0 0;
    }
    .s7113 .bot-text-area{
        margin: 30px 0 0;
    }
    .s7113 .bot-text-area .text-wrap{
        padding: 20px 10px;
    }
    .s7115{
        padding: 70px 0 40px;
    }
    .s7116{
        padding: 0 0 70px;
    }
    .s8114{
        padding: 70px 0;
    }
    .s8114 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s8114 .area .top-title-area .text-wrap{
        margin: 20px 0 0;
    }
    .s8114 .area .img-area{
        margin: 70px 0 0;
    }
    .s8114 .area .bot-text-area{
        margin: 40px 0 0;
    }
    .s8114 .area .bot-text-area .text-wrap .text2{
        margin: 15px 0 0;
    }
    .s8118{
        padding: 70px 0;
    }
    .s8118 .area{
        max-width: 500px;
        margin: 0 auto;
    }
    .s8118 .area .content-text-area .title-area .title-wrap .text{
        margin: 15px 0 0;
        font-weight: 400;
        line-height: 1.4;
    }
    .s8118 .area .content-text-area .text-area{
        margin: 20px 0 0;
        font-size: 0;
    }
    .s8118 .area .content-text-area .text-area .text-wrap{
        padding: 50px 20px;
    }
    .s2311{
        max-width: 400px;
        margin: 0 auto;
        text-align: center;
    }
    .s2311 .qna-list-area .qna-list-wrap{
        margin: -50px 0 0;
    }
    .s2311 .qna-list-area .qna-list-con{
        padding: 50px 0 0;
    }
    .s2311 .qna-list-area .q-area{
        padding: 15px 10px;
    }
    .s2311 .qna-list-area .q-area .q-wrap{
        display: block;
    }
    .s2311 .qna-list-area .q-area .ico-area{
        width: 100%;
        margin: 0 0 5px;
    }
    .s2311 .qna-list-area .q-area .content-text-area{
        padding: 0;
    }
    .s2311 .qna-list-area .a-area{
        margin: 5px 0 0;
        padding: 15px 10px;
    }
    .s2311 .qna-list-area .a-area .a-wrap{
        display: block;
    }
    .s2311 .qna-list-area .a-area .ico-area{
        width: 100%;
        margin: 0 0 5px;
    }
}

@media all and (max-width: 1300px){
    .s2116{
        padding: 70px 0;
    }
    .s2116 .list-area{
        max-width: 400px;
        margin: 0 auto;
    }
    .s2116 .list-area .list-wrap{
        margin: -10px -5px 0;
    }
    .s2116 .list-area .list-con{
        width: 50%;
        padding: 10px 5px 0;
    }
    .s2116 .list-area .list-inner{
        border-width: 1px;
    }
    .s2116 .list-area .list-inner .text-area{
        padding: 0 10px;
    }
    .s2116 .list-area .list-inner .text-area .text{
        letter-spacing: -1px;
    }
    .s2116 .bot-text-area{
        margin: 30px 0 0;
    }
    .s2116 .bot-text-area .text-wrap{
        padding: 20px 10px;
    }
    .s2214{
        padding: 50px 0 70px;
    }
    .s2214 .area .content-text-area .title-area .text-wrap{
        margin: 15px 0 0;
    }
    .s2214 .area .content-text-area .text-area .img-wrap{
        margin: 20px 0 0;
    }
    .s2214 .area .content-text-area .text-area .text-wrap{
        margin: 20px 0 0;
    }
    .s2216{
        padding: 120px 0;
    }
}
@media all and (max-width: 1200px){
    .s1313 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s1313 .list-wrap{
        margin: -40px 0 0;
    }
    .s1313 .list-wrap .list-con{
        width: 100%;
        padding: 40px 0 0;
    }
    .s1313 .list-wrap .thumb-area{
        margin: 0 0 10px;
    }
    .s1412{
        padding: 70px 0;
    }
    .s1412 .area{
        display: block;
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }
    .s1412 .left{
        width: 100%;
        font-size: 0;
    }
    .s1412 .left .cs-area{
        display: inline-block;
    }
    .s1412 .left .cs-area .tb{
        width: auto;
        text-align: left;
    }
    .s1412 .left .cs-area .tb colgroup col:first-child{
        width: 120px !important;
    }
    .s1412 .left .cs-area .tb th{
        padding: 10px 0;
    }
    .s1412 .left .cs-area .tb td{
        padding: 10px 0 10px 10px;
    }
    .s1412 .left .cs-area .tb .title-wrap .title{
        height: 40px;
        line-height: 40px;
        font-size: 22px;
    }
    .s1412 .left .cs-area .tb .text-wrap .text{
        line-height: 40px;
        font-size: 22px;
    }
    .s1412 .left .cs-area .tb .text-wrap .text span{
        font-size: 16px;
    }
    .s1412 .left .cs-area .tb .text-wrap .refer{
        font-size: 22px;
    }
    .s1412 .left .cs-area .tb .text-wrap .refer img{
        width: 20px;
    }
    .s1412 .right{
        width: 100%;
        margin: 30px 0 0;
        padding: 30px 0 0;
        border-left-width: 0;
        border-top: 1px solid #9e9e9e;
    }
    .s1412 .right .text-area .text-wrap .text{
        margin: 15px 0 0;
        line-height: 1.5;
        font-weight: 300;
        font-size: 16px;
    }
    .s1412 .right .text-area .text-wrap .text .bar{
        bottom: 2px;
        font-size: 14px;
    }
    .s1412 .right .text-area .tel-wrap{
        margin: 40px 0 0;
        justify-content: center;
    }
    .s1412 .right .text-area .tel-wrap .tel{
        margin-left: 5px;
    }
    .s1413 .area .map-area{
        height: 0;
        padding-bottom: 56.25%;
    }
    .s1413 .contact-area{
        display: block;
        max-width: 600px;
        margin: 0 auto;
        text-align: center;
    }
    .s1413 .contact-area .left{
        width: 100%;
        padding: 0 0 30px;
    }
    .s1413 .contact-area .right{
        width: 100%;
    }
    .s1413 .contact-area .list-area{
        padding: 0;
    }
    .s1413 .contact-area .list-area .list-con{
        padding: 20px 0 0;
        margin: 20px 0 0;
    }
    .s1413 .contact-area .list-area .list-inner{
        display: block;
    }
    .s1413 .contact-area .list-area .ico-area{
        width: 100%;
        margin: 0 0 10px;
    }
    .s1413 .contact-area .list-area .text-area{
        padding: 0;
    }
    .s1413 .contact-area .list-area .text-area .title-wrap .title{
        margin: 0 0 10px;
    }
    .s1413 .contact-area .list-area .text-area .caption-wrap{
        justify-content: center;
        margin-top: 15px;
        margin-left: -15px;
    }
    .s1413 .contact-area .list-area .text-area .caption-wrap .caption-con{
        margin-left: 15px;
    }
    .s1413 .contact-area .list-area .text-area .caption-wrap .text{
        margin-left: 5px;
    }
    .s1413 .contact-area .list-area .text-area .addr-wrap{
        display: inline-block;
        padding: 10px 10px;
        letter-spacing: -1px;
        margin: 14px 0 0;
    }
    .s1414{
        padding: 70px 0;
    }
    .s1414 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s1414 .top-title-area .title-wrap .title{
        padding: 12px 25px;
    }
    .s1414 .list-area .list-con{
        width: 100%;
    }
    .s1414 .list-area .thumb-area .num-wrap .num{
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .s1414 .list-area .text-area{
        margin: 5px 0 0;
        padding: 20px 10px;
    }
    .s1414 .list-area .text-area .caption-wrap{
        margin-left: -10px;
        margin-top: 10px;
    }
    .s1414 .list-area .text-area .caption-wrap .caption-con{
        margin-left: 10px;
    }
    .s1414 .list-area .text-area .caption-wrap .text{
        margin-left: 5px;
    }
    .s1415 .area .text-area{
        margin: 5px 0 0;
        padding: 15px 5px;
    }
    .s1611{
        padding: 70px 0;
    }
    .s1612 .area{
        max-width: 720px;
        margin: 0 auto;
    }
    .s1612 .list-area .list-con{
        width: 50%;
    }
    .s1612 .list-area .text-area{
        padding: 25px 10px;
    }
    .s1612 .list-area .text-area .title-wrap .line{
        max-width: 240px;
        margin: 20px auto;
    }
    .s3113{
        padding: 100px 0;
    }
    .s3113 .img-list-area .list-wrap{
        margin: 0 -5px;
    }
    .s3113 .img-list-area .list-con{
        padding: 10px 5px 0;
    }
}

@media all and (max-width:1000px){
    .s1114 .area .list-area .title-wrap{
        padding: 20px 5px;
    }
    .s1114 .area .product-list-area .tly-50{
        position: relative;
        top: 0;
        transform: translateY(0);-moz-transform: translateY(0);-webkit-transform: translateY(0);-o-transform: translateY(0);
    }
    .s1114 .area .product-list-area .bg-wrap .bg{
        padding-bottom: 80%;
    }
    .s1114 .area .product-list-area .text-area .text-wrap,
    .s1114 .area .product-list-area .list-con:nth-child(even) .text-area .text-wrap{
        padding: 30px 10px;
        text-align: center;
    }
    .s1114 .area .product-list-area .text-area .text-con{
        margin: 20px 0 0;
    }
    .s1211_pop .pop-area .close-btn-wrap{
        top: 50px;
        right: 50px;
        width: 24px;
    }
    .s1511 .area{
        max-width: 600px;
        margin: 0 auto;
    }
    .s1511 .list-area{}
    .s1511 .list-area .list-wrap{
        margin: -50px 0 0;
    }
    .s1511 .list-area .list-con{
        width: 100%;
        padding: 50px 0 0;
    }
    .s1511 .list-area .text-area .title-wrap{
        padding: 20px 0;
    }
    .s1511 .list-area .text-area .text-wrap{
        padding: 20px 5px 0;
    }
    .s1511 .list-area .text-area .text-wrap .text{
        line-height: 1.4;
        font-weight: 300;
    }
}

@media all and (max-width:768px){
    .s1111 .area .text-area .text-wrap{
        margin: 20px 0 0;
    }
    .s1112 .bg-area .bg-wrap .bg{
        padding-bottom: 75%;
    }
    .s1112 .area .text-area .title-wrap .caption-con .caption{
        font-size: 8vw;
    }
    .s1112 .area .text-area .title-wrap .title-con .title{
        font-size: 13vw;
    }
    .s1112 .area .text-area .text-wrap{
        margin: 20px 0 0;
    }
    .s1112 .area .text-area .text-wrap .text-con{
        padding: 10px 15px;
    }
    .s1112 .area .text-area .text-wrap .text-con .text{
        font-size: 4vw;
    }
    .s1112 .area .text-area .text-wrap .text-con .text em{
        font-size: 16px;
        bottom: 4px;
        margin: 0 15px;
    }
    .s1211_pop .pop-area .close-btn-wrap{
        top: 20px;
        right: 20px;
    }
    .s1411 .bg-area .bg{
        padding-bottom: 100%;
    }
    .s1411 .area .text-area .caption-area .caption{
        font-size: 16px;
        line-height: 40px;
        height: 40px;
    }
    .s1413 .area .map-area{
        padding-bottom: 75%;
    }
    .s1415 .area .text-area .text{
        font-size: 6vw;
    }
    .s1611{
        padding: 50px 0;
    }
    .s1612 .area{
        max-width: 400px;
    }
    .s1612 .list-area .list-con{
        width: 100%;
    }
    .s1612 .list-area .text-area{
        padding: 20px 10px;
    }
    .s1612 .list-area .text-area .title-wrap .line{
        margin: 10px auto;
    }
    .txt-m24{
        font-size: 24px;
    }
    .txt-m16{
        font-size: 16px;
    }
}

@media all and (max-width:486px){
    .s1114 .area .product-list-area .text-area .title-con .caption{
        font-size: 20px;
    }
    .s1114 .area .product-list-area .text-area .title-con .title{
        font-size: 28px;
    }
    .s1312 .right .nav-area .dep1{
        height: 130px;
    }
    .s1312 .right .nav-area .text-area .floor-wrap{
        width: 20%;
    }
    .s1312 .right .nav-area .text-area .floor-wrap .floor{
        font-size: 24px;
        text-align: left;
    }
    .s1312 .right .nav-area .text-area .text-wrap{
        width: 80%;
    }
    .s1312 .right .nav-area .text-area .text-wrap .text{
        font-size: 12px;
    }
    .s1412 .right .text-area .tel-wrap .title{
        font-size: 20px;
    }
    .s1412 .right .text-area .tel-wrap .title img{
        width: 24px;
    }
    .s1412 .right .text-area .tel-wrap .tel{
        font-size: 36px;
    }
    .s2112 .left .img-area .img img{
        max-width: 360px;
    }
    .s2112 .left .img-area .btn-list-area .list-con:nth-child(1){
        left: 58.5%;
    }
    .s2112 .left .img-area .btn-list-area .list-con:nth-child(2){
        left: 56.8%;
    }
    .s2112 .left .img-area .btn-list-area .list-con:nth-child(3){
        left: 5.5%;
    }
    .s2112 .left .img-area .btn-list-area .list-con:nth-child(5){
        left: 55.8%;
    }
    .s2112 .left .img-area .btn-list-area .list-con:nth-child(6){
        left: 7%;
    }
    .s2112 .left .img-area .btn-list-area .list-con:nth-child(8){
        left: 8%;
    }
    .s2112 .left .img-area .btn-list-area .list-con:nth-child(9){
        right: 0.4%;
    }
    .s2112 .left .img-area .btn-list-area .btn{
        font-size: 16px;
    }
    .s2112 .left .img-area .btn-list-area .btn .point{
        left: -40px;
        width: 22px;
        height: 22px;
    }
    .s2112 .left .img-area .btn-list-area .btn .point.point-right{
        right: -40px;
    }
    .s2112 .left .img-area .btn-list-area .btn .point::after{
        width: 14px;
        height: 14px;
        background-color: rgba(22, 84, 81, 0.5);
        border-radius: 50%;
        transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);
    }
}

.sub-nav{position:relative;z-index:80;background-color:#fafafa;border-top:1px solid #e0e0e0;border-bottom:1px solid #e0e0e0}.sub-nav .wrapper{display:flex;align-items:center}.sub-nav__home{width:70px;display:block;height:56px;line-height:56px;text-indent:-9999em;overflow:hidden;background:url("/assets/img/common/icon-home.png") no-repeat center;border-left:1px solid #e0e0e0;border-right:1px solid #e0e0e0;cursor:pointer}.sub-nav__depth1,.sub-nav__depth2{padding:0 1em;min-width:220px;position:relative;border-right:1px solid #e0e0e0;position:relative}.sub-nav__depth1:before,.sub-nav__depth2:before{content:'';display:block;width:22px;height:22px;margin-top:-11px;border:1px solid #e4e4e4;border-radius:50%;position:absolute;top:50%;right:20px}.sub-nav__depth1:after,.sub-nav__depth2:after{position:absolute;top:50%;right:28px;content:'';display:block;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid #7e7e7e}.sub-nav__depth1 strong,.sub-nav__depth2 strong{display:flex;align-items:center;height:56px;line-height:1;color:#7b7b7b;font-weight:400;cursor:pointer}.sub-nav a{display:block}.sub-nav__list{display:none;position:absolute;top:100%;left:0;width:100%;background-color:#fff;border:1px solid #ddd}.sub-nav__list>li a{padding:1em}@media screen and (max-width: 768px){.sub-nav .wrapper{width:100%}.sub-nav__depth1,.sub-nav__depth2{min-width:auto;width:50%;font-size:.875rem;padding:0 1.5em 0 .5em}.sub-nav__depth1:before,.sub-nav__depth2:before{width:16px;height:16px;margin-top:-8px;top:50%;right:3px}.sub-nav__depth1:after,.sub-nav__depth2:after{right:8px;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #7e7e7e}}.none-padding-bottom{padding-bottom:0 !important}.none-padding-top{padding-top:0 !important}.none-margin-bottom{margin-bottom:0 !important}.none-margin-top{margin-top:0 !important}.etc_area{position:relative;width:100%;height:0;padding-bottom:700px;margin:100px 0}.etc_area textarea{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;border:1px solid #d9d9d9;color:#333;line-height:1.8;font-size:16px;font-weight:300;white-space:pre-wrap}@media screen and (max-width: 1000px){.etc_area{padding-bottom:75%;margin:50px 0}.etc_area textarea{font-size:12px}}.contents__inner{padding:0 0 8.75em 0}.contents__inner.none-padding{padding-bottom:0}.contents__inner.login{padding:11.25em 0}.contents__inner.more-padding-top{padding:6.25em 0 8.75em 0}.contents__inner.bg-gray{background-color:#f9f9f9}@media screen and (max-width: 1320px){.contents__inner{padding:3.125em 0 4.6875em 0}}@media screen and (max-width: 768px){.contents__inner{padding:0 0 2.5em 0}}.page__title{text-align:center;padding:4.6875em 0}.page__title h3{font-size:3rem;font-weight:500;line-height:1.4;color:#313131}.page__title p{padding-top:1em;font-size:.75rem;font-weight:400;letter-spacing:5px;color:#9e9e9e;line-height:1.4}.page__title p b{font-weight:600}@media screen and (max-width: 1320px){.page__title{padding:3.125em 0}.page__title h3{font-size:2.5rem}}@media screen and (max-width: 768px){.page__title h3{font-size:1.5625rem}.page__title p{font-size:.6875rem}}.section{padding:5rem 0}.section.bg-gray{background-color:#f5f5f5}.section .section-title{font-size:2.5rem;font-weight:300}.section .section-title b{font-weight:600}.section p{font-size:1.125rem;font-weight:300;line-height:1.6;margin-top:1.25rem}@media screen and (max-width: 1320px){.section{padding:4.375rem 0}.section .section-title{font-size:1.875rem}.section p{font-size:1rem}}@media screen and (max-width: 768px){.section{padding:2.5rem 0}.section .section-title{font-size:1.5625rem}}.checkerboard-layout h4{font-size:2.5rem;font-weight:300}.checkerboard-layout h4 .color-main{color:#80b97f;font-weight:600}.checkerboard-layout .checkerboard-layout__item{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;padding-top:8.75em}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__figure{width:50%;display:flex;justify-content:flex-start}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__figure .checkerboard-layout__img{display:block;width:93%}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont{width:50%}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper{padding-left:10%;box-sizing:border-box}.checkerboard-layout .checkerboard-layout__item:nth-child(2n) .checkerboard-layout__figure{order:3;justify-content:flex-end}.checkerboard-layout .checkerboard-layout__item:nth-child(2n) .checkerboard-layout__cont{order:1}.checkerboard-layout .checkerboard-layout__item:nth-child(2n) .checkerboard-layout__cont .wrapper{padding-left:28%}@media screen and (max-width: 1320px){.checkerboard-layout h4{font-size:2rem}.checkerboard-layout .checkerboard-layout__item{padding-top:6.25em}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper{width:80%}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper p br{display:none}.checkerboard-layout .checkerboard-layout__item:nth-child(2n) .checkerboard-layout__cont .wrapper{padding-left:0}}@media screen and (max-width: 768px){.checkerboard-layout h4{font-size:1.5rem}.checkerboard-layout .checkerboard-layout__item{display:block;padding-top:4em}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__figure{width:100%;padding:1em;box-sizing:border-box}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__figure .checkerboard-layout__img{border-radius:15px;width:100%}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont{width:100%}.checkerboard-layout .checkerboard-layout__item .checkerboard-layout__cont .wrapper{width:95%;margin-top:1em;padding-left:0 !important}}.desc-area{position:relative;display:flex;justify-content:center;align-items:center;text-align:center;color:#fff;background-size:cover;background-repeat:no-repeat;background-position:center}.desc-area:after{content:'';display:block;width:1px;height:150px;background-color:#5e5e5e;position:absolute;top:0;left:50%;margin-left:.5px}.desc-area h3{font-size:2.5rem;font-weight:100;line-height:135%}.desc-area h3 b{font-weight:600}.desc-area p{font-size:1.125rem;font-weight:300;margin-top:1.875em;line-height:200%}.desc-area p b{font-weight:600}.desc-area .wrapper{position:relative;padding-bottom:4em}@media screen and (max-width: 1320px){.desc-area h3{font-size:2rem}.desc-area p{font-size:1rem}}@media screen and (max-width: 768px){.desc-area{display:block;box-sizing:border-box;padding-top:4em}.desc-area:after{height:50px}.desc-area h3{font-size:1.5rem}.desc-area p{font-size:1rem}.desc-area p br{display:none}}.role-area{position:relative}.role__item--top{position:absolute;top:-230px;left:0;width:100%;text-align:center}.role__item--top .wrapper{background-color:#fff;padding:4.6875em 1.5em;box-sizing:border-box}.role__item--top strong{font-size:2.5rem;font-weight:300}.role__item--top strong b{font-weight:600;color:#80b97f}.role__item--top p{font-size:1.125rem;font-weight:300;line-height:177.7777777778%;margin-top:1.875em;color:#5e5e5e}@media screen and (max-width: 1320px){.role__item--top{top:-120px}.role__item--top .wrapper{padding:3em 1em}.role__item--top strong{font-size:1.875rem}.role__item--top p{font-size:1rem}}@media screen and (max-width: 768px){.role__item--top{position:static}.role__item--top strong{font-size:1.5625rem}.role__item--top p{font-size:1rem}.role__item--top p br{display:none}}.role__item--bottom{padding-top:228px;padding-bottom:8.75em;background-color:#f5f5f5;text-align:center}.role__item--bottom h3{margin-top:7.5rem;font-size:2.5rem;font-weight:300}.role__item--bottom h3 b{font-weight:600}.role__item--bottom .wrapper>p{font-size:1.125rem;font-weight:300;margin-top:2.1875em;line-height:155.5555555556%}.role__item--bottom ul{display:flex;align-items:flex-start;justify-content:space-between;margin-top:60px}.role__item--bottom ul li{width:300px}.role__item--bottom ul li strong{width:100%;height:150px;display:flex;align-items:center;justify-content:center;background-color:#80b97f;border-radius:75px;color:#fff;position:relative;margin-bottom:80px;font-size:1.125rem;font-weight:600;line-height:1.6}.role__item--bottom ul li strong:before{position:absolute;bottom:-80px;left:50%;content:'';margin-left:-3.5px;width:7px;height:7px;background-color:#80b97f;border-radius:50%}.role__item--bottom ul li strong:after{position:absolute;bottom:-80px;left:50%;content:'';display:block;width:1px;height:80px;background-color:#80b97f}.role__item--bottom ul li p{font-size:1.125rem;font-weight:300;line-height:177.7777777778%;color:#5e5e5e;padding:.5em;letter-spacing:-1px}@media screen and (max-width: 1320px){.role__item--bottom h3{font-size:1.875rem}.role__item--bottom .wrapper>p{font-size:1rem}.role__item--bottom ul li strong{width:95%;height:120px;margin:0 auto 80px 0}.role__item--bottom ul li p{font-size:1rem}}@media screen and (max-width: 768px){.role__item--bottom{padding-top:0px;padding:4em 0}.role__item--bottom h3{margin-top:0;font-size:1.5625rem}.role__item--bottom .wrapper>p{font-size:1rem}.role__item--bottom ul{margin-top:2.5em;flex-wrap:wrap}.role__item--bottom ul li{width:49%;margin-bottom:1em}.role__item--bottom ul li strong{height:65px;margin-bottom:40px;padding:0 1em;box-sizing:border-box;font-size:1rem}.role__item--bottom ul li strong:before{bottom:-40px}.role__item--bottom ul li strong:after{height:40px;bottom:-40px}.role__item--bottom ul li p{font-size:1rem}.role__item--bottom ul li p br{display:none}}.desc-area.none-cross-cont{height:auto !important;padding:12.5em 0 6.25em 0}.desc-area.none-cross-cont .wrapper{padding-bottom:0}.role__item--bottom.none-cross-cont{padding:5.9375em 0 8.125em 0}.role__item--bottom.none-cross-cont h3{margin-top:0}@media screen and (max-width: 768px){.desc-area.none-cross-cont{padding:4em 0}.role__item--bottom.none-cross-cont{padding:4em 0}}.describe-layout{padding:6.25em 0}.describe-layout .wrapper>h3{font-size:2.5rem;text-align:center}.describe-layout .wrapper>p{font-size:1.125rem;font-weight:300;text-align:center;color:#5e5e5e;margin-top:1.875em;line-height:1.6}.describe-layout.type--white .describe-cont{background-color:#fff}.describe-cont{margin-top:3.125em;background-color:#f8f8f8;display:flex;justify-content:center;align-items:center;padding:7.5em 0}.describe-cont .describe-dt{width:25.7575757576%;text-align:center}.describe-cont .describe-dt .icon-area{display:inline-block;background-repeat:no-repeat;background-position:center;margin-bottom:1em}.describe-cont .describe-dt strong{display:block;text-align:center;color:#80b97f;font-size:1.125rem;font-weight:600;line-height:1.3}.describe-cont .describe-dd{width:74.2424242424%;box-sizing:border-box;padding-left:5.9375em;padding-right:10.9375em;border-left:1px solid #d0d0d0}.describe-cont .describe-dd ul li{position:relative;padding-left:1em;line-height:1.6;font-size:1.125rem;font-weight:300;margin-top:10px;letter-spacing:-1px;color:#292929}.describe-cont .describe-dd ul li b{font-weight:500}.describe-cont .describe-dd ul li:first-child{margin-top:0}.describe-cont .describe-dd ul li:after{content:'';display:block;width:5px;height:5px;background-color:#80b97f;border-radius:50%;position:absolute;top:.7rem;left:0}@media screen and (max-width: 1320px){.describe-layout{padding:6.25em 0}.describe-layout .wrapper>h3{font-size:2rem}.describe-layout .wrapper>p{font-size:1rem}.describe-cont{padding:5.625em 0}.describe-cont .describe-dd{padding-left:3.125em;padding-right:6.25em}.describe-cont .describe-dd ul li{font-size:1rem}}@media screen and (max-width: 768px){.describe-layout{padding:3.75em 0}.describe-layout .wrapper>h3{font-size:1.5rem}.describe-layout .wrapper>p{font-size:1rem}.describe-cont{padding:1.875em 0;display:block}.describe-cont .describe-dt{width:100%;text-align:center}.describe-cont .describe-dt strong{font-size:1.125rem}.describe-cont .describe-dd{width:100%;border:0;margin-top:1.5em;padding-left:.9375em;padding-right:.9375em}.describe-cont .describe-dd ul li{font-size:1rem}}@media screen and (max-width: 480px){.describe-layout .wrapper>p{word-break:keep-all}.describe-layout .wrapper>p br{display:none}}.icon-notice{width:51px;height:46px;background-image:url("/assets/img/sub/icon-notice.png")}.deco-check{position:relative;padding-left:1.5em;line-height:1.6}.deco-check:after{content:'';position:absolute;top:5px;left:0;display:block;width:20px;height:20px;background:url("/assets/img/common/list-deco.png") no-repeat center}.etc .etc_area{position:relative;width:100%;height:0;padding-bottom:700px;margin:50px 0}.etc .etc_area textarea{position:absolute;left:0;top:0;width:100%;height:100%;padding:10px;border:1px solid #d9d9d9;color:#333;line-height:1.8;font-size:16px;font-weight:300;white-space:pre-wrap}.etc .btn-back{display:block;width:260px;height:50px;line-height:50px;font-size:14px;text-align:center;margin:0 auto;background-color:#247bc2;color:#fff;border-radius:3px;cursor:pointer}.etc .btn-back:hover{opacity:.8}@media screen and (max-width: 768px){.etc .etc_area{padding-bottom:75%;margin:50px 0}.etc .etc_area textarea{font-size:12px}}.square-layout--color,.square-layout{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}.square-layout--color li,.square-layout li{background-color:#f5f5f5;display:flex;justify-content:center;align-items:center;height:110px;margin-bottom:1em;border-radius:5px}.square-layout--color li span,.square-layout li span{font-size:1.125rem;font-weight:300;line-height:1.6;padding:1em;box-sizing:border-box}.square-layout--color.item--4 li,.square-layout.item--4 li{width:24.1071428571%}.square-layout--color.item--3,.square-layout.item--3{max-width:840px;width:100%;margin:0 auto}.square-layout--color.item--3 li,.square-layout.item--3 li{width:32.1428571429%}@media screen and (max-width: 768px){.square-layout--color li,.square-layout li{height:80px}.square-layout--color li span,.square-layout li span{font-size:1rem}.square-layout--color li span br,.square-layout li span br{display:none}.square-layout--color.item--4 li,.square-layout.item--4 li{width:48%}.square-layout--color.item--3,.square-layout.item--3{max-width:840px;width:100%;margin:0 auto}.square-layout--color.item--3 li,.square-layout.item--3 li{width:48%}}@media screen and (max-width: 480px){.square-layout.item--3{display:block}.square-layout.item--3 li{width:100%;word-break:keep-all}}.square-layout--color.item--3 li{height:115px}.square-layout--color li{background-color:#80b97f;height:180px}.square-layout--color li span{color:#fff}.main-color-circle-list{display:flex;align-items:flex-start;justify-content:space-between;margin-top:60px}.main-color-circle-list li{width:240px}.main-color-circle-list li strong{width:100%;height:100px;display:flex;align-items:center;justify-content:center;background-color:#80b97f;border-radius:75px;color:#fff;position:relative;margin-bottom:80px;font-size:1.125rem;font-weight:600;line-height:1.6}.main-color-circle-list li strong:before{position:absolute;bottom:-80px;left:50%;content:'';margin-left:-3.5px;width:7px;height:7px;background-color:#80b97f;border-radius:50%}.main-color-circle-list li strong:after{position:absolute;bottom:-80px;left:50%;content:'';display:block;width:1px;height:80px;background-color:#80b97f}.main-color-circle-list li p{font-size:1.125rem;font-weight:300;line-height:177.7777777778%;color:#5e5e5e;padding:.5em;letter-spacing:-1px;text-align:center}@media screen and (max-width: 1320px){.main-color-circle-list li strong{width:95%;height:100px;margin:0 auto 80px 0}.main-color-circle-list li p{font-size:1rem}}@media screen and (max-width: 768px){.main-color-circle-list{margin-top:2.5em;flex-wrap:wrap}.main-color-circle-list li{width:49%;margin-bottom:1em}.main-color-circle-list li strong{height:65px;margin-bottom:40px;padding:0 1em;box-sizing:border-box;font-size:1rem}.main-color-circle-list li strong:before{bottom:-40px}.main-color-circle-list li strong:after{height:40px;bottom:-40px}.main-color-circle-list li p{font-size:1rem}.main-color-circle-list li p br{display:none}}
/*# sourceMappingURL=sub.css.map */
.s1211_pop .pop-area .close-btn-wrap{z-index:10000}