/* sub css */
.h3-title-area{
    text-align: center;
}
.h3-title-area .ico-wrap{
    margin: 0 0 30px;
}
.h3-title-area .ico-wrap .ico{}
.h3-title-area .ico-wrap .ico img{}
.h3-title-area .title-wrap{}
.h3-title-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
}
.h3-title-area .text-wrap{
    margin: 30px 0 0;
}
.h3-title-area .text-wrap .text{
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #616161;
}
.h3-title-area .ico-list-area{
    /* margin: 48px 0 0; */
}
.h3-title-area .ico-list-area .list-wrap{
    font-size: 0;
    margin: 0 -15px;
}
.h3-title-area .ico-list-area .list-con{
    display: inline-block;
    padding: 48px 15px;
    vertical-align: text-top;
}
.h3-title-area .ico-list-area .list-inner{}
.h3-title-area .ico-list-area .ico{}
.h3-title-area .ico-list-area .ico img{
    filter: drop-shadow(10px 5px 20px rgba(0, 0, 0, 0.12));
}
.h3-title-area .store-btn-area{
    margin: 30px -12px 0 0;
    text-align: center;
    font-size: 0;
}
.h3-title-area .store-btn-area .btn-wrap{
    display: inline-block;
    padding-right: 12px;
    vertical-align: text-top;
}
.h3-title-area .store-btn-area .btn-wrap .btn{
    display: block;
}
.faq-area{
    margin: 100px 0 0;
}
body{
    padding: 60px 0 0;
}
#hd{
    background-color: #fff;
}
#hd .hd-area .logo a {
    background-image: url('../images/logo-active.svg');
}
#hd .hd-area .right .gnb .dep1 .text{
    color: #212121;
}
#hd .hd-area .right .open-btn-area .open-gnb .ico span,
#hd .hd-area .right .open-btn-area .open-gnb .ico span::before,
#hd .hd-area .right .open-btn-area .open-gnb .ico span::after{
    background-color: #212121;
}
.p-area{
    padding: 120px 0;
}
.h5-title-area{
    text-align: center;
}
.h5-title-area .title-area{}
.h5-title-area .title-area .ico-wrap{}
.h5-title-area .title-area .ico-wrap .ico{}
.h5-title-area .title-area .ico-wrap .ico img{
    filter: drop-shadow(0px 2.5px 15px rgba(0, 0, 0, 0.15));
    border-radius: 18px;
}
.h5-title-area .title-area .title-wrap{
    margin: 32px 0 0;
}
.h5-title-area .title-area .title-wrap .title{
    font-weight: 800;
    font-size: 90px;
    line-height: 1.11;
    letter-spacing: -0.01em;
    color: #000000;
}
.h5-title-area .title-area .text-wrap{
    margin: 30px 0 0;
}
.h5-title-area .title-area .text-wrap .text{
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    text-align: center;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}
.h5-title-area .title-area .btn-wrap{
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 24px 0 0;
}
.h5-title-area .title-area .btn-wrap .button{
    display: flex;
    padding: 10px 25px;
    align-items: center;
    justify-content: center;
    background-color: #000;
    border-radius: 100px;
    color: #FFFFFF;
}
.h5-title-area .title-area .btn-wrap .button .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
}
.h5-title-area .title-area .btn-wrap .button2{
    display: flex;
    align-items: center;
    margin-left: 5px;
    padding: 19px 25px;
}
.h5-title-area .title-area .btn-wrap .button2 .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #212121;
}
.h5-title-area .title-area .btn-wrap .button2 .ico{
    margin-left: 8px;
}
.h5-title-area .title-area .btn-wrap .button2 .ico img{
    vertical-align: middle;
}
.intro-title .title-area .ico-wrap .ico img{
    width: 600px !important;
    max-width: 90% !important;
    transition: .6s ease-in-out;-moz-transition: .6s ease-in-out;-webkit-transition: .6s ease-in-out;-o-transition: .6s ease-in-out;
    transition-delay: .3s;-moz-transition-delay: .3s;-webkit-transition-delay: .3s;-o-transition-delay: .3s;
}
.intro-title.on .title-area .ico-wrap .ico img{
    width: 90px !important;
}
.intro-title .title-area .title-wrap{
    opacity: 0;
    transition: opacity .6s ease-out;-moz-transition: opacity .6s ease-out;-webkit-transition: opacity .6s ease-out;-o-transition: opacity .6s ease-out;
    transition-delay: .3s;-moz-transition-delay: .3s;-webkit-transition-delay: .3s;-o-transition-delay: .3s;
}
.intro-title.on .title-area .title-wrap{
    opacity: 1;
}
.care-card{
    background-color: #f5f5f5;
}
.care-card .card-list-area{
    max-width: 1220px;
    margin: 100px auto 0;
    padding: 0 10px;
}
.care-card .card-list-area .list-wrap{
    margin: -40px 0 0;
}
.care-card .card-list-area .list-con{
    padding: 40px 0 0;
}
.care-card .card-list-area .list-inner{
    position: relative;
    display: flex;
    height: 750px;
    padding: 0 60px 100px;
    align-items: flex-end;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.15);
    border-radius: 40px;
    overflow: hidden;
}
.care-card .card-list-area .content-text-area{
    position: relative;
    z-index: 20;
}
.care-card .card-list-area .content-text-area .title-area{}
.care-card .card-list-area .content-text-area .title-area .ico-wrap{}
.care-card .card-list-area .content-text-area .title-area .ico-wrap .ico{
    display: flex;
    width: 50px;
    height: 50px;
    align-items: center;
    justify-content: center;
}
.care-card .card-list-area .content-text-area .title-area .ico-wrap .ico img{}
.care-card .card-list-area .content-text-area .title-area .title-wrap{
    margin: 24px 0 0;
}
.care-card .card-list-area .content-text-area .title-area .title-wrap .title{
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.01em;
}
.care-card .card-list-area .content-text-area .text-area{
    margin: 24px 0 0;
}
.care-card .card-list-area .content-text-area .text-area .text-wrap{}
.care-card .card-list-area .content-text-area .text-area .text-wrap .text{
    font-weight: 800;
    font-size: 72px;
    line-height: 90px;
    letter-spacing: -0.01em;
    color: #212121;
}
.care-card .card-list-area .bg-area{}
.care-card .card-list-area .bg-area .bg-wrap{}
.care-card .card-list-area .bg-area .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    text-indent: -9999px;
}
.care1{
    padding: 150px 0;
    background-color: #f5f5f5;
}
.care1 .area{
    max-width: 1030px;
    margin: 0 auto;
    padding: 0 15px;
}
.care1 .area .top-title-area{
    text-align: center;
}
.care1 .area .top-title-area .caption-wrap{
    margin: 0 0 20px;
}
.care1 .area .top-title-area .caption-wrap .caption{
    font-weight: 700;
    font-size: 32px;
    line-height: 45px;
    letter-spacing: -0.045em;
    color: #FF6A00;
}
.care1 .area .top-title-area .title-wrap{}
.care1 .area .top-title-area .title-wrap .title{
    font-weight: 800;
    font-size: 90px;
    line-height: 100px;
    letter-spacing: -0.01em;
    color: #000000;
}
.care1 .area .top-title-area .text-wrap{
    margin: 30px 0 0;
}
.care1 .area .top-title-area .text-wrap .text{
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: -0.01em;

    color: #616161;
}
.care1 .area .list-area{
    margin: 100px 0 0;
}
.care1 .area .list-area .list-wrap{
    margin: -30px -15px 0;
    font-size: 0;
}
.care1 .area .list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 30px 15px 0;
    vertical-align: top;
}
.care1 .area .list-area .list-con:last-child{
    width: 100%;
}
.care1 .area .list-area .list-inner{}
.care1 .area .list-area .thumb-area{}
.care1 .area .list-area .thumb-area .thumb-wrap{}
.care1 .area .list-area .thumb-area .thumb{}
.care1 .area .list-area .thumb-area .thumb img{}
.care1 .area .refer-text-area{
    margin: 20px 0 0;
}
.care1 .area .refer-text-area .text-wrap{}
.care1 .area .refer-text-area .text-wrap .text{
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}
.pro1{
    margin-bottom: 150px;
    text-align: center;
}
.pro1 .area{}
.pro1 .area .thumb-area{}
.pro1 .area .thumb-area .thumb-wrap{}
.pro1 .area .thumb-area .thumb{
    padding: 0 10px;
}
.pro1 .area .thumb-area .thumb img{}
.pro1 .area .content-text-area{
    margin: 120px 0 0;
}
.pro1 .area .content-text-area .title-wrap{}
.pro1 .area .content-text-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
    color: #000000;
}
.pro1 .area .content-text-area .text-wrap{
    margin: 30px 0 0;
}
.pro1 .area .content-text-area .text-wrap .text{
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pro1 .area .ico-list-area{
    max-width: 1207px;
    padding: 0 15px;
    margin: 120px auto 0;
}
.pro1 .area .ico-list-area .list-wrap{
    font-size: 0;
    margin: 0 -10px;
}
.pro1 .area .ico-list-area .list-con{
    display: inline-block;
    width: 33.33%;
    padding: 0 10px;
    vertical-align: top;
    text-align: left;
}
.pro1 .area .ico-list-area .list-inner{
    padding: 30px 0 0 30px;
    height: 330px;
    background-color: #F5F5F5;
    border-radius: 30px;
}
.pro1 .area .ico-list-area .list-box{}
.pro1 .area .ico-list-area .ico-wrap{}
.pro1 .area .ico-list-area .ico-wrap .ico{}
.pro1 .area .ico-list-area .ico-wrap .ico img{}
.pro1 .area .ico-list-area .text-area{
    margin: 15px 0 0;
}
.pro1 .area .ico-list-area .text-area .title-wrap{}
.pro1 .area .ico-list-area .text-area .title-wrap .title{
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: -0.01em;
}
.pro1 .area .ico-list-area .text-area .text-wrap{
    margin: 20px 0 0;
}
.pro1 .area .ico-list-area .text-area .text-wrap .title{
    font-weight: 700;
    font-size: 19px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pro1 .area .ico-list-area .text-area .text-wrap .text{
    margin: 15px 0 0;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pro1 .area .ico-list-area .text-area .text-wrap .refer{
    margin: 15px 0 0;
    font-weight: 700;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}
.pro2{
    position: relative;
    min-height: 993px;
    padding: 120px 0 116px;
    background-color: #000;
    overflow: hidden;
}
.pro2 .area{}
.pro2 .area .bg-area{}
.pro2 .area .bg-area .bg-wrap{}
.pro2 .area .bg-area .bg{
    position: absolute;
    right: 15%;
    bottom: 8%;
    width: 48.75%;
    max-width: 936px;
    height: 0;
    padding-bottom: 36.5%;
    background: url('../../v2/img/x3/pro31.png?ver=2') 60% 50% no-repeat;
    background-size: cover;
}
.pro2 .area .content-text-area{
    position: relative;
    max-width: 1020px;
    padding: 0 10px;
    margin: 0 auto;
    color: #fff;
    z-index: 20;
}
.pro2 .area .content-text-area .title-area{}
.pro2 .area .content-text-area .title-area .title-wrap{}
.pro2 .area .content-text-area .title-area .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}
.pro2 .area .content-text-area .text-list-area{
    margin: 125px 0 0;
}
.pro2 .area .content-text-area .text-list-area .list-wrap{
    margin: -45px 0 0;
}
.pro2 .area .content-text-area .text-list-area .list-con{
    padding: 45px 0 0;
}
.pro2 .area .content-text-area .text-list-area .list-inner{}
.pro2 .area .content-text-area .text-list-area .text-area{}
.pro2 .area .content-text-area .text-list-area .text-area .title-wrap{}
.pro2 .area .content-text-area .text-list-area .text-area .title-wrap .title{
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #FF6A00;
}
.pro2 .area .content-text-area .text-list-area .text-area .text-wrap{
    margin: 15px 0 0;
}
.pro2 .area .content-text-area .text-list-area .text-area .text-wrap .text{
    font-weight: 700;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #F5F5F5;
}
.pro3{
    background: #F5F5F5;
    padding: 150px 0;
}
.pro3 .area{
    max-width: 1030px;
    padding: 0 15px;
    margin: 0 auto;
}
.pro3 .area .card-list-area{}
.pro3 .area .card-list-area .list-wrap{
    margin: -20px -10px 0;
    font-size: 0;
}
.pro3 .area .card-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 20px 10px 0;
    vertical-align: text-top;
}
.pro3 .area .card-list-area .list-inner{}
.pro3 .area .card-list-area .thumb-wrap{}
.pro3 .area .card-list-area .thumb-wrap .thumb{}
.pro3 .area .card-list-area .thumb-wrap .thumb img{
    width: 100%;
}
.pro3 .area .content-text-area{
    margin: 30px 0 0;
}
.pro3 .area .content-text-area .text-wrap{}
.pro3 .area .content-text-area .text-wrap .text{
    font-weight: 700;
    font-size: 28px;
    line-height: 33px;
    letter-spacing: -0.01em;
}
.pro3 .area .content-text-area .text-wrap .refer{
    margin: 30px 0 0;
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}
.pro4{
    background-color: #f5f5f5;
}
.pro4 .area{}
.pro4 .area .top-title-area{
    text-align: center;
}
.pro4 .area .top-title-area .title-wrap{}
.pro4 .area .top-title-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    color: #000000;
}
.pro4 .area .ico-list-area{
    max-width: 820px;
    padding: 0 10px;
    margin: 100px auto 0;
}
.pro4 .area .ico-list-area .list-wrap{
    margin: -90px 0 0;
    font-size: 0;
}
.pro4 .area .ico-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 90px 0 0;
    vertical-align: text-top;
}
.pro4 .area .ico-list-area .list-inner{}
.pro4 .area .ico-list-area .list-con:nth-child(even) .list-inner{
    padding-left: 150px;
}
.pro4 .area .ico-list-area .ico-wrap{}
.pro4 .area .ico-list-area .ico-wrap .ico{
    display: flex;
    width: 45px;
    height: 45px;
    align-items: center;
    justify-content: center;
}
.pro4 .area .ico-list-area .ico-wrap .ico img{}
.pro4 .area .ico-list-area .content-text-area{
    margin: 20px 0 0;
}
.pro4 .area .ico-list-area .content-text-area .title-wrap{}
.pro4 .area .ico-list-area .content-text-area .title-wrap .title{
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #000000;
}
.pro4 .area .ico-list-area .content-text-area .text-wrap{
    margin: 15px 0 0;
}
.pro4 .area .ico-list-area .content-text-area .text-wrap .text{
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #000000;
}
.pro5-outer{
    background-color: #f5f5f5;
}
.pro5{
    position: relative;
    left: 50%;
    width: 1920px;
    margin-left: -960px;
    min-height: 1158px;
    padding: 120px 0;
    margin-bottom: -170px;
}
.pro5 .area{}
.pro5 .area .content-text-area{
    position: relative;
    max-width: 1336px;
    padding:  0 10px;
    margin: 0 auto;
    z-index: 20;
}
.pro5 .area .content-text-area .title-wrap{}
.pro5 .area .content-text-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
    text-transform: lowercase;
    color: #000000;
}
.pro5 .area .bg-area{}
.pro5 .area .bg-area .bg-wrap{}
.pro5 .area .bg-area .bg-wrap .bg{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    max-width: 1920px;
    height: 100%;
    text-indent: -9999px;
    font-size: 0;
    background: url('../../v2/img/x3/pro61.png') 50% -100% no-repeat;
    background-size: cover;
}
.pro6{
    padding: 120px 0 150px;
}
.pro6 .area{
    max-width: 1430px;
    padding: 0 15px;
    margin: 0 auto;
}
.pro6 .thumb-list-area{}
.pro6 .thumb-list-area .list-wrap{
    margin: -20px -15px 0;
    font-size: 0;
}
.pro6 .thumb-list-area .list-con{
    display: inline-block;
    width: 50%;
    padding: 20px 15px 0;
    vertical-align: top;
}
.pro6 .thumb-list-area .list-inner{}
.pro6 .thumb-list-area .thumb-wrap{}
.pro6 .thumb-list-area .thumb-wrap .thumb{}
.pro6 .thumb-list-area .thumb-wrap .thumb img{
    width: 100%;
}
.pro7{
    padding: 150px 0 170px;
}
.pro7 .area{
    max-width: 1070px;
    padding: 0 35px;
    margin: 0 auto;
}
.pro7 .top-title-area{
    text-align: center;
}
.pro7 .top-title-area .title-wrap{}
.pro7 .top-title-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
}
.pro7 .list-area{
    margin: 120px 0 0;
}
.pro7 .list-wrap{
    margin: -120px 0 0;
}
.pro7 .list-con{
    padding: 120px 0 0;
}
.pro7 .list-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.pro7 .list-con:nth-child(odd) .list-inner{
    flex-direction: row-reverse;
}
.pro7 .content-text-area{
    position: relative;
}
.pro7 .content-text-area .ico-list-area{}
.pro7 .content-text-area .ico-list-wrap{
    margin: -60px 0 0;
}
.pro7 .content-text-area .ico-list-con{
    margin: 60px 0 0;
}
.pro7 .content-text-area .ico-list-inner{}
.pro7 .content-text-area .ico-wrap{}
.pro7 .content-text-area .ico-wrap .ico{}
.pro7 .content-text-area .ico-wrap .ico img{}
.pro7 .content-text-area .title-wrap{
    margin: 5px 0 0;
}
.pro7 .content-text-area .title-wrap .title{
    white-space: nowrap;
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
}
.pro7 .content-text-area .text-wrap{
    margin: 10px 0 0;
}
.pro7 .content-text-area .text-wrap .text{
    font-weight: 700;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pro7 .thumb-area{}
.pro7 .thumb-area .thumb-wrap{}
.pro7 .thumb-area .thumb-wrap .thumb{}
.pro7 .thumb-area .thumb-wrap .thumb img{
    position: relative;
}
.pro8{
    padding: 120px 0;
    background-color: #F5F5F5;
}
.pro8 .area{
    text-align: center;
}
.pro8 .top-title-area{}
.pro8 .top-title-area .title-wrap{}
.pro8 .top-title-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
}
.pro8 .top-title-area .text-wrap{
    margin: 30px 0 0;
}
.pro8 .top-title-area .text-wrap .text{
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pro8 .thumb-area{
    margin: 97px 0 0;
}
.pro8 .thumb-area .thumb-wrap{}
.pro8 .thumb-area .thumb{}
.pro8 .thumb-area .thumb img{
    width: 641px;
}
.tv1{
    margin-bottom: 150px;
}
.tv1 .area{}
.tv1 .area .thumb-list-area{}
.tv1 .area .thumb-list-area .list-wrap{
    display: flex;
    align-items: flex-start;
    justify-content: center;
    flex-direction: row-reverse;
}
.tv1 .area .thumb-list-area .list-con{}
.tv1 .area .thumb-list-area .list-inner{}
.tv1 .area .thumb-list-area .thumb{}
.tv1 .area .thumb-list-area .thumb img{}
.tv1 .area .content-text-area{
    margin: 90px 0 0;
    text-align: center;
}
.tv1 .area .content-text-area .title-wrap{}
.tv1 .area .content-text-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
    color: #000000;
}
.tv1 .area .content-text-area .text-wrap{
    margin: 30px 0 0;
}
.tv1 .area .content-text-area .text-wrap .text{
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #616161;
}
.tv2{}
.tv2 .area{}
.tv2 .area .list-area{}
.tv2 .area .list-wrap{
    margin: -100px 0 0;
}
.tv2 .area .list-con{
    padding: 100px 0 0;
}
.tv2 .area .list-con .list-inner{
    display: flex;
    align-items: center;
    justify-content: center;
}
.tv2 .area .list-con:nth-child(odd) .list-inner{
    flex-direction: row-reverse;
}
.tv2 .area .list-con:nth-child(1) .list-inner{
    padding-right: 200px;
}
.tv2 .area .list-con .content-text-area{}
.tv2 .area .list-con:nth-child(1) .content-text-area{
    padding-left: 160px;
}
.tv2 .area .list-con:nth-child(2) .content-text-area{
    padding-right: 86px;
}
.tv2 .area .list-con:nth-child(3) .content-text-area{
    padding-left: 70px;
}
.tv2 .area .list-con .content-text-area .ico-wrap{}
.tv2 .area .list-con .content-text-area .ico-wrap .ico{
    display: flex;
    width: 55px;
    height: 55px;
    align-items: center;
    justify-content: center;
}
.tv2 .area .list-con .content-text-area .ico-wrap .ico img{}
.tv2 .area .list-con .content-text-area .title-wrap{
    margin: 20px 0 0;
}
.tv2 .area .list-con .content-text-area .title-wrap .title{
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
    color: #000000;
}
.tv2 .area .list-con .content-text-area .text-wrap{
    margin: 30px 0 0;
}
.tv2 .area .list-con .content-text-area .text-wrap .text{
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #616161;
}
.tv2 .area .list-con .thumb-area{}
.tv2 .area .list-con .thumb-area .thumb-wrap{}
.tv2 .area .list-con .thumb-area .thumb-wrap .thumb{}
.tv2 .area .list-con .thumb-area .thumb-wrap .thumb img{}
.tv3{
    padding: 150px 0;
    background-color: #f5f5f5;
}
.tv3 .area{
    max-width: 1420px;
    margin: 0 auto;
    padding: 0 15px;
}
.tv3 .area .list-area{}
.tv3 .area .list-area .list-wrap{
    margin: -40px 0 0;
}
.tv3 .area .list-area .list-con{
    padding: 40px 0 0;
}
.tv3 .area .list-area .list-inner{
    display: flex;
    padding: 78px 0 78px 12.5%;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 30px;
}
.tv3 .area .list-area .list-con:nth-child(2) .list-inner{
    padding-bottom: 28px;
}
.tv3 .area .list-area .content-text-area{}
.tv3 .area .list-area .list-con:nth-child(2) .list-inner .content-text-area{
    padding-bottom: 50px;
}
.tv3 .area .list-area .content-text-area .caption-wrap{
    display: flex;
    margin: 0 0 20px;
}
.tv3 .area .list-area .content-text-area .caption-wrap .caption{
    padding: 5px 10px;
    border: 1px solid #9E9E9E;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}
.tv3 .area .list-area .content-text-area .title-wrap{}
.tv3 .area .list-area .content-text-area .title-wrap .title{
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.01em;
    color: #000000;
}
.tv3 .area .list-area .content-text-area .text-wrap{
    margin: 40px 0 0;
}
.tv3 .area .list-area .content-text-area .text-wrap .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.tv3 .area .list-area .content-text-area .refer-wrap{
    margin: 20px 0 0;
}
.tv3 .area .list-area .content-text-area .refer-wrap .refer{
    padding-left: 14px;
    text-indent: -14px;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}
.tv3 .area .list-area .thumb-area{}
.tv3 .area .list-area .thumb-area .thumb-wrap{}
.tv3 .area .list-area .thumb-area .thumb-wrap .thumb{}
.tv3 .area .list-area .thumb-area .thumb-wrap .thumb img{}
.app1{
    margin-bottom: 170px;
    text-align: center;
}
.app1 .area{}
.app1 .area .img-area{}
.app1 .area .img-area .img-wrap{}
.app1 .area .img-area .img{}
.app1 .area .img-area .img img{}
.app2{
    background-color: #f5f5f5;
}
.app2 .area{
    max-width: 1020px;
    margin: 0 auto;
    padding: 0 10px;
}
.app2 .area .list-area{
    margin: 120px 0 0;
}
.app2 .area .list-wrap{
    margin: -30px -15px 0;
    font-size: 0;
}
.app2 .area .list-con{
    display: inline-block;
    width: 50%;
    padding: 30px 15px 0;
    vertical-align: text-top;
}
.app2 .area .list-con .list-inner{
    position: relative;
    background: #FFFFFF;
    border-radius: 20px;
}
.app2 .area .list-con:nth-child(1) .list-inner{
    height: 850px;
}
.app2 .area .list-con:nth-child(2) .list-inner{
    height: 780px;
}
.app2 .area .list-con:nth-child(3) .list-inner{
    height: 780px;
}
.app2 .area .list-con:nth-child(4) .list-inner{
    top: -70px;
    height: 850px;
}
.app2 .area .list-con .content-text-area{
    padding: 80px 0 48px 50px;
}
.app2 .area .list-con .content-text-area .title-wrap{}
.app2 .area .list-con .content-text-area .title-wrap .title{
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.01em;
    color: #000000;
}
.app2 .area .list-con .content-text-area .text-wrap{
    margin: 20px 0 0;
}
.app2 .area .list-con .content-text-area .text-wrap .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #212121;
}
.app2 .area .list-con .thumb-area{
    text-align: center;
}
.app2 .area .list-con:nth-child(2) .thumb-area,
.app2 .area .list-con:nth-child(3) .thumb-area{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.app2 .area .list-con .thumb-area .thumb-wrap{}
.app2 .area .list-con .thumb-area .thumb{}
.app2 .area .list-con .thumb-area .thumb img{}
.app3{
    padding-bottom: 150px;
}
.app3 .area{}
.app3 .area .slide-bg-area{
    max-width: 300px;
    margin: 120px auto 0;
}
.app3 .area .slide-outer{
    height: 0;
    padding-bottom: 203.33%;
    background: url('../../v2/img/x3/app42.png') 50% 50% no-repeat;
    background-size: cover;
}
.app3 .area .slide-outer .slide-area{
    left: -45px;
    max-width: 254px;
    margin: 0 auto;
    padding-top: 169px;
    overflow: visible;
    text-align: center;
}
.app3 .area .slide-outer .slide-wrap{}
.app3 .area .slide-outer .slide-con{}
.app3 .area .slide-outer .slide-con.swiper-slide-prev,
.app3 .area .slide-outer .slide-con.swiper-slide-active{
    margin-right: 85px !important;
}
.app3 .area .slide-outer .slide-inner{
    transition: .25s;
}
.app3 .area .slide-outer .slide-con.swiper-slide-active .slide-inner{}
.app3 .area .slide-outer .thumb{}
.app3 .area .slide-outer .thumb img{}
.app4{
    padding: 150px 0;
    background-color: #f5f5f5;
}
.app4 .area{
    max-width: 1163px;
    padding: 0 15px;
    margin: 0 auto;
}
.app4 .top-title-area{
    text-align: center;
}
.app4 .top-title-area .title-wrap{}
.app4 .top-title-area .title-wrap .title{
    font-weight: 800;
    font-size: 90px;
    line-height: 100px;
    letter-spacing: -0.01em;
    color: #000000;
}
.app4 .top-title-area .text-wrap{
    margin: 30px 0 0;
}
.app4 .top-title-area .text-wrap .text{
    font-weight: 700;
    font-size: 24px;
    line-height: 33px;
    letter-spacing: -0.01em;
    color: #616161;
}
.app4 .list-area{
    position: relative;
    margin: 40px 0 0;
    padding-right: 50%;
}
.app4 .list-area .list-wrap{
    margin: -40px -20px 0;
    font-size: 0;
}
.app4 .list-area .list-con{
    display: inline-block;
    width: 100%;
    padding: 40px 20px 0;
    vertical-align: top;
}
.app4 .list-area .list-con:nth-child(4){
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
}
.app4 .list-area .list-con:nth-child(3){
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50%;
}
.app4 .list-area .list-inner{
    position: relative;
    height: 800px;
    padding: 60px 50px 0;
    background-color: #fff;
    border-radius: 20px;
}
.app4 .list-area .list-con:nth-child(odd) .list-inner{
    height: 595px;
}
.app4 .list-area .list-con:nth-child(4) .list-inner{
    display: flex;
    padding: 0 50px;
    flex-direction: column-reverse;
    justify-content: start;
}
.app4 .list-area .content-text-area{}
.app4 .list-area .content-text-area .caption-wrap{
    display: flex;
    margin: 0 0 20px;
}
.app4 .list-area .content-text-area .caption-wrap .caption{
    padding: 5px 10px;
    border: 1px solid #9E9E9E;
    border-radius: 50px;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}
.app4 .list-area .content-text-area .title-wrap{}
.app4 .list-area .content-text-area .title-wrap .title{
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #000000;
}
.app4 .list-area .content-text-area .text-wrap{
    margin: 15px 0 0;
}
.app4 .list-area .content-text-area .text-wrap .text{
    font-weight: 700;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.app4 .list-area .thumb-area{
    text-align: center;
}
.app4 .list-area .list-con:nth-child(1) .thumb-area{
    margin: 40px 0 0;
}
.app4 .list-area .list-con:nth-child(2) .thumb-area{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.app4 .list-area .list-con:nth-child(3) .thumb-area{
    margin: 90px 0 0;
}
.app4 .list-area .list-con:nth-child(4) .thumb-area{
    margin: 0 0 70px;
}
.app4 .list-area .thumb-area .thumb-wrap{}
.app4 .list-area .thumb-area .thumb-wrap .thumb{}
.app4 .list-area .thumb-area .thumb-wrap .thumb img{}
.app4 .list-area-top{
    margin: 100px 0 0;
    padding-right: 0;
}
.app4 .list-area-top .list-con{
    width: 100%;
}
.app4 .list-area-top .list-con .list-inner{
    display: flex;
    height: auto !important;
    padding: 35px 60px;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: flex-end;
}
.app4 .list-area-top .content-text-area{
    padding-left: 70px;
}
.app4 .list-area-top .list-con .list-inner .thumb-area{
    margin: 0;
}
.connect1 .area .ico-slide-area{
    margin: 0 0 45px;
}
.connect1 .area .ico-slide-area .slide-outer{
    height: 90px;
}
.connect1 .area .ico-slide-area .slide-area{
    height: 90px;
}
.connect1 .area .ico-slide-area .slide-wrap{}
.connect1 .area .ico-slide-area .slide-con{}
.connect1 .area .ico-slide-area .slide-inner{}
.connect1 .area .ico-slide-area .ico{
    text-align: center;
}
.connect1 .area .ico-slide-area .ico img{}
.connect2{}
.connect2 .area{
    max-width: 1010px;
    margin: 0 auto;
    padding: 0 10px;
}
.connect2 .area .item-list-area{
    padding: 30px 0 0;
}
.connect2 .area .item-list-wrap{
    margin: -220px 0 0;
}
.connect2 .area .item-list-con{
    padding: 220px 0 0;
}
.connect2 .area .item-list-con .item-list-inner{
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.connect2 .area .item-list-con .content-text-area{}
.connect2 .area .item-list-con .content-text-area .idx-list-area{}
.connect2 .area .item-list-con .content-text-area .idx-list-area .list-wrap{
    display: flex;
    align-items: center;
}
.connect2 .area .item-list-con .content-text-area .idx-list-area .list-con{
    margin-right: 8px;
}
.connect2 .area .item-list-con .content-text-area .idx-list-area .list-inner{
    display: flex;
    width: 24px;
    height: 24px;
    align-items: center;
    justify-content: center;
    background-color: #eee;
    border-radius: 50%;
    color: #9E9E9E;
}
.connect2 .area .item-list-con:nth-child(1) .content-text-area .idx-list-area .list-con:nth-child(1) .list-inner,
.connect2 .area .item-list-con:nth-child(2) .content-text-area .idx-list-area .list-con:nth-child(2) .list-inner,
.connect2 .area .item-list-con:nth-child(3) .content-text-area .idx-list-area .list-con:nth-child(3) .list-inner,
.connect2 .area .item-list-con:nth-child(4) .content-text-area .idx-list-area .list-con:nth-child(4) .list-inner,
.connect2 .area .item-list-con:nth-child(5) .content-text-area .idx-list-area .list-con:nth-child(5) .list-inner,
.connect2 .area .item-list-con:nth-child(6) .content-text-area .idx-list-area .list-con:nth-child(6) .list-inner{
    background-color: #5a86e8;
    color: #fff;
}
.connect2 .area .item-list-con .content-text-area .idx-list-area .idx{
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
}
.connect2 .area .item-list-con .content-text-area .title-area{
    margin: 24px 0 0;
}
.connect2 .area .item-list-con .content-text-area .title-area .title-wrap{}
.connect2 .area .item-list-con .content-text-area .title-area .title-wrap .title{
    font-weight: 800;
    font-size: 50px;
    line-height: 60px;
    letter-spacing: -0.01em;
    color: #212121;
}
.connect2 .area .item-list-con .content-text-area .title-area .text-wrap{
    margin: 32px 0 0;
}
.connect2 .area .item-list-con .content-text-area .title-area .text-wrap .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.connect2 .area .item-list-con .content-text-area .store-btn-area{
    margin: 24px -12px 0 0;
    text-align: left;
    font-size: 0;
}
.connect2 .area .item-list-con .content-text-area .store-btn-area .btn-wrap{
    display: inline-block;
    padding-right: 12px;
    vertical-align: text-top;
}
.connect2 .area .item-list-con .content-text-area .store-btn-area .btn-wrap .btn{
    display: block;
}
.connect2 .area .item-list-con .content-text-area .num-text-area{
    margin: 12px 0 0;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .title-wrap{
    padding: 12px 0 0;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .title-wrap .title{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #000000;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .list-wrap{
    padding: 8px 0 0;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .list-con{
    padding: 12px 0 0;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .list-inner{
    display: flex;
    align-items: center;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .num-wrap{
    display: flex;
    width: 18px;
    height: 18px;
    margin-right: 12px;
    align-items: center;
    justify-content: center;
    background: #212121;
    border-radius: 50%;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .num-wrap .num{
    font-weight: 400;
    font-size: 12px;
    line-height: 16;
    letter-spacing: -0.01em;
    color: #FFFFFF;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .text-wrap{}
.connect2 .area .item-list-con .content-text-area .num-text-area .text-wrap .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .ico-wrap{
    padding: 12px 0 20px;
}
.connect2 .area .item-list-con .content-text-area .num-text-area .ico-wrap .ico{}
.connect2 .area .item-list-con .content-text-area .num-text-area .ico-wrap .ico img{}
.connect2 .area .item-list-con .thumb-area{}
.connect2 .area .item-list-con .thumb-area .thumb-wrap{}
.connect2 .area .item-list-con .thumb-area .thumb-wrap .thumb{}
.connect2 .area .item-list-con .thumb-area .thumb-wrap .thumb img{
    width: 380px;
}
.connect3{
    padding: 324px 10px 70px;
    text-align: center;
}
.connect3 .area{}
.connect3 .area .logo-area{}
.connect3 .area .logo-area .logo-wrap{}
.connect3 .area .logo-area .logo{}
.connect3 .area .logo-area .logo img{}
.connect3 .area .simbol-list-area{
    margin: 32px 0 0;
}
.connect3 .area .simbol-list-area .list-wrap{
    margin: 0 -10px;
    font-size: 0;
}
.connect3 .area .simbol-list-area .list-con{
    display: inline-block;
    padding: 0 10px;
    vertical-align: text-top;
}
.connect3 .area .simbol-list-area .list-inner{}
.connect3 .area .simbol-list-area .img{}
.connect3 .area .simbol-list-area .img img{}
.connect3 .area .content-text-area{
    margin: 100px 0 0;
}
.connect3 .area .content-text-area .title-area{}
.connect3 .area .content-text-area .title-area .title-wrap{}
.connect3 .area .content-text-area .title-area .title-wrap .title{
    font-weight: 700;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.01em;
    color: #212121;
}
.connect3 .area .content-text-area .title-area .text-wrap{
    margin: 12px 0 0;
}
.connect3 .area .content-text-area .title-area .text-wrap .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.connect3 .area .btn-title-area{
    margin: 50px 0 0;
}
.connect3 .area .btn-title-area .title-wrap{}
.connect3 .area .btn-title-area .title-wrap .title{
    font-weight: 700;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #212121;
}
.connect3 .area .store-btn-area{
    margin: 12px -12px 0 0;
    text-align: center;
    font-size: 0;
}
.connect3 .area .store-btn-area .btn-wrap{
    display: inline-block;
    padding-right: 12px;
    vertical-align: text-top;
}
.connect3 .area .store-btn-area .btn-wrap .btn{
    display: block;
}
.pevo-use{
    margin: 120px 0 0;
}
.pevo-use .use-area{
    max-width: 1024px;
    margin: 0 auto;
    padding: 0 10px;
}
.pevo-use .use-area .use-wrap{}
.pevo-use .use-area .use-wrap .use-title-area{
    text-align: center;
}
.pevo-use .use-area .use-wrap .use-title-area .title-wrap{}
.pevo-use .use-area .use-wrap .use-title-area .title-wrap .text{
    font-weight: 700;
    font-size: 28px;
    line-height: 34px;
    letter-spacing: -0.01em;
    color: #FF6A00;
}
.pevo-use .use-area .use-wrap .use-title-area .title-wrap .title{
    margin: 16px 0 0;
    font-weight: 800;
    font-size: 72px;
    line-height: 80px;
    letter-spacing: -0.01em;
    color: #000000;
}
.pevo-use .use-area .use-wrap .item-list-area{
    margin: 100px 0 0;
}
.pevo-use .use-area .use-wrap .item-list-area .list-wrap{
    font-size: 0;
    margin: -20px -20px 0;
}
.pevo-use .use-area .use-wrap .item-list-area .list-con{
    display: inline-block;
    width: 50%;
    vertical-align: top;
    padding: 20px 20px 0;
}
.pevo-use .use-area .use-wrap .item-list-area .list-inner{
    padding: 60px 40px;
    border: 1px solid #dadcde;
    border-radius: 20px;
}
.pevo-use .use-area .use-wrap .item-list-area .item-text-area{}
.pevo-use .use-area .use-wrap .item-list-area .item-text-area .title-wrap{}
.pevo-use .use-area .use-wrap .item-list-area .item-text-area .title-wrap .title{
    font-weight: 800;
    font-size: 40px;
    line-height: 48px;
    letter-spacing: -0.01em;
    color: #000000;
}
.pevo-use .use-area .use-wrap .item-list-area .item-text-area .text-wrap{
    margin: 30px 0 0;
}
.pevo-use .use-area .use-wrap .item-list-area .item-text-area .text-wrap .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pevo-use .use-area .use-wrap .item-list-area .item-text-area .text-wrap .price{
    font-weight: 700;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #212121;
}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area{
    height: 350px;
    padding: 40px 0 0;
    margin: 30px 0 0;
    border-top: 1px solid #eee;
}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-list-wrap{
    margin: -40px 0 0;
}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-list-con{
    padding: 40px 0 0;
}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-list-inner{
    display: flex;
    align-items: flex-start;
}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-wrap{
    width: 53px;
    min-width: 53px;
    max-width: 53px;
}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-wrap .ico{}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-wrap .ico img{}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .text-wrap{}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .text-wrap .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pevo-use .use-area .use-wrap .item-list-area .ico-list-area .text-wrap .text.lh40{
    line-height: 40px;
}
.pevo-use .use-area .use-wrap .item-list-area .bot-btn-area{}
.pevo-use .use-area .use-wrap .item-list-area .bot-btn-area .btn-wrap{}
.pevo-use .use-area .use-wrap .item-list-area .bot-btn-area .btn-wrap .button{
    display: flex;
    width: 100%;
    height: 58px;
    align-items: center;
    justify-content: center;
    text-align: center;
    border: 1px solid #9e9e9e;
    border-radius: 10px;
}
.pevo-use .use-area .use-wrap .item-list-area .bot-btn-area .btn-wrap .button .text{
    font-weight: 500;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #212121;
}
.pevo-use .use-area .use-wrap .refer-text-area{
    margin: 30px 0 0;
}
.pevo-use .use-area .use-wrap .refer-text-area .text-wrap{}
.pevo-use .use-area .use-wrap .refer-text-area .text-wrap .title{
    font-weight: 700;
    font-size: 17px;
    line-height: 26px;
    letter-spacing: -0.01em;
    color: #616161;
}
.pevo-use .use-area .use-wrap .refer-text-area .text-wrap .text{
    margin: 7px 0 0;
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -0.01em;
    color: #9E9E9E;
}


@media all and (max-width: 1356px){
    .pro5{
        left: 0;
        width: 100%;
        margin-left: 0;
    }
    .pro5{
        min-height: 0;
        padding: 80px 0 10px;
        margin-bottom: -120px;
    }
    .pro5 .area .content-text-area{
        max-width: 520px;
        padding: 0 35px;
    }
    .pro5 .area .content-text-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .pro5 .area .bg-area{
        max-width: 520px;
        margin: 24px auto 0;
    }
    .pro5 .area .bg-area .bg-wrap .bg{
        position: relative;
        height: 0;
        padding-bottom: 150%;
        background-position: 76.5% 50%;
    }
}

@media all and (max-width: 1200px){
    .pro1 .area .ico-list-area{
        margin: 100px auto 0;
    }
    .pro1 .area .ico-list-area .list-inner{
        height: 360px;
    }
}

@media all and (max-width: 1020px){
    .h3-title-area .title-wrap .title{
        font-size: 60px;
        line-height: 1.11;
    }
    .h3-title-area .text-wrap{
        margin: 20px 0 0;
    }
    .h3-title-area .text-wrap .text{
        font-weight: 500;
        font-size: 20px;
        line-height: 1.38;
    }
    .h3-title-area .ico-list-area .ico img{
        width: 72px;
    }
    .faq-area{
        margin: 60px 0 0;
    }
    .p-area{
        padding: 100px 0 100px;
    }
    .h4-title-area{
        text-align: center;
    }
    .h4-title-area .title-area .title-wrap .title{
        font-size: 56px;
        line-height: 1.2;
    }
    .h4-title-area .title-area .text-wrap{
        margin: 20px 0 0;
    }
    .h4-title-area .title-area .text-wrap .text{
        font-size: 24px;
        line-height: 1.2;
    }
    .h5-title-area .title-area .title-wrap{
        margin: 24px 0 0;
    }
    .h5-title-area .title-area .title-wrap .title{
        font-size: 72px;
    }
    .h5-title-area .title-area .text-wrap{
        margin: 15px 0 0;
    }
    .h5-title-area .title-area .text-wrap .text{
        font-size: 24px;
        line-height: 33px;
    }
    .h5-title-area .title-area .btn-wrap{
        margin: 20px 0 0;
    }
    .h5-title-area .title-area .btn-wrap .button2{
        padding: 10px 15px;
    }
    .care-card{
        padding-top: 60px !important;
    }
    .care-card .card-list-area{
        max-width: 350px;
        margin: 30px auto 0;
    }
    .care-card .card-list-area .list-wrap{
        margin: -20px 0 0;
    }
    .care-card .card-list-area .list-con{
        padding: 20px 0 0;
    }
    .care-card .card-list-area .list-inner{
        display: block;
        height: auto;
        padding: 0;
        border-radius: 10px;
    }
    .care-card .card-list-area .content-text-area{
        padding: 50px 0 20px 40px;
    }
    .care-card .card-list-area .content-text-area .title-area .title-wrap .title{
        font-size: 24px;
        line-height: 33px;
    }
    .care-card .card-list-area .content-text-area .text-area .text-wrap .text{
        font-size: 28px;
        line-height: 34px;
    }
    .care-card .card-list-area .bg-area{}
    .care-card .card-list-area .bg-area .bg-wrap{}
    .care-card .card-list-area .bg-area .bg{
        position: relative;
        height: 0;
        padding-bottom: 85%;
    }
    .care-card .card-list-area .list-con:nth-child(1) .bg-area .bg{
        background-position: 90% 65%;
        padding-bottom: 80%;
        background-size: 180%;
    }
    .care-card .card-list-area .list-con:nth-child(2) .bg-area .bg{
        background-position: 95% 65%;
        padding-bottom: 95%;
        background-size: 165%;
    }
    .care-card .card-list-area .list-con:nth-child(3) .bg-area{
        text-align: right;
        font-size: 0;
        padding: 27px 28px 23px 0;
    }
    .care-card .card-list-area .list-con:nth-child(3) .bg-area .bg-wrap{
        display: inline-block;
        width: 100%;
        max-width: 170px;
    }
    .care-card .card-list-area .list-con:nth-child(3) .bg-area .bg{
        background-image: url('/common/v2/img/x3/care23-m.png') !important;
        padding-bottom: 157%;
    }
    .care1{
        padding: 80px 0;
    }
    .care1 .area .top-title-area .caption-wrap{
        margin: 0 0 15px;
    }
    .care1 .area .top-title-area .caption-wrap .caption{
        font-size: 17px;
        line-height: 26px;
    }
    .care1 .area .top-title-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .care1 .area .top-title-area .text-wrap{
        margin: 15px 0 0;
    }
    .care1 .area .top-title-area .text-wrap .text{
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;
    }
    .care1 .area .list-area{
        margin: 50px 0 0;
    }
    .care1 .area .list-area .list-wrap{
        margin: -20px -15px 0;
        font-size: 0;
    }
    .care1 .area .list-area .list-con{
        width: 100%;
        padding: 20px 15px 0;
    }
    .care1 .area .list-area .list-con:last-child{
        width: 100%;
    }
    .care1 .area .refer-text-area{
        margin: 15px 0 0;
    }
    .care1 .area .refer-text-area .text-wrap .text{
        font-size: 11px;
        line-height: 15px;
    }
    .pro1{
        margin-bottom: 80px;
    }
    .pro1 .area .content-text-area{
        margin: 81px 0 0;
    }
    .pro1 .area .content-text-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .pro1 .area .content-text-area .text-wrap{
        margin: 24px 0 0;
    }
    .pro1 .area .content-text-area .text-wrap .text{
        font-size: 17px;
        line-height: 26px;
        font-weight: 500;
    }
    .pro1 .area .ico-list-area{
        max-width: 400px;
        margin: 80px auto 0;
    }
    .pro1 .area .ico-list-area .list-wrap{
        margin: -20px 0 0;
    }
    .pro1 .area .ico-list-area .list-con{
        width: 100%;
        padding: 20px 0 0;
    }
    .pro1 .area .ico-list-area .list-inner{
        height: auto;
        padding: 21px 0 21px 25px;
        border-radius: 20px;
    }
    .pro1 .area .ico-list-area .text-area{
        margin: 8px 0 0;
    }
    .pro1 .area .ico-list-area .text-area .title-wrap .title{
        font-size: 18px;
        line-height: 26px;
    }
    .pro1 .area .ico-list-area .text-area .text-wrap{
        margin: 10px 0 0;
    }
    .pro1 .area .ico-list-area .text-area .text-wrap .title{
        font-size: 16px;
        line-height: 22px;
        font-weight: 500;
    }
    .pro1 .area .ico-list-area .text-area .text-wrap .text{
        margin: 10px 0 0;
        font-size: 13px;
        line-height: 20px;
    }
    .pro1 .area .ico-list-area .text-area .text-wrap .refer{
        margin: 10px 0 0;
        font-size: 11px;
        line-height: 15px;
    }
    .pro2{
        min-height: 0;
        padding: 0 25px 120px;
    }
    .pro2 .area{}
    .pro2 .area .bg-area{
        margin: 0 -25px ;
    }
    .pro2 .area .bg-area .bg{
        position: relative;
        right: 0;
        width: 100%;
        height: 0;
        padding-bottom: 100%;
        background-position: 80% 50%;
    }
    .pro2 .area .content-text-area .title-area .title{
        font-size: 40px;
        line-height: 48px;
    }
    .pro2 .area .content-text-area .text-list-area{
        margin: 60px 0 0;
    }
    .pro2 .area .content-text-area .text-list-area .text-area .text-wrap .text{
        font-weight: 500;
        font-size: 15px;
        line-height: 24px;
    }
    .pro4{
        padding-top: 80px !important;
    }
    .pro4 .area .top-title-area{
        max-width: 520px;
        padding: 0 35px;
        margin: 0 auto;
        text-align: left;
    }
    .pro4 .area .top-title-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .pro4 .area .ico-list-area{
        max-width: 520px;
        padding: 0 35px;
        margin: 48px auto 0;
    }
    .pro4 .area .ico-list-area .list-wrap{
        margin: -40px 0 0;
        font-size: 0;
    }
    .pro4 .area .ico-list-area .list-con{
        width: 100%;
    }
    .pro4 .area .ico-list-area .list-con:nth-child(even) .list-inner{
        padding-left: 0;
    }
    .pro4 .area .ico-list-area .content-text-area{
        margin: 16px 0 0;
    }
    .pro4 .area .ico-list-area .content-text-area .title-wrap .title{
        font-size: 24px;
        line-height: 33px;
    }
    .pro4 .area .ico-list-area .content-text-area .text-wrap{
        margin: 16px 0 0;
    }
    .pro6{
        padding: 80px 0;
    }
    .pro6 .area{
        max-width: 420px;
    }
    .pro6 .thumb-list-area .list-con{
        width: 100%;
    }
    .pro7{
        padding: 80px 0;
    }
    .pro7 .area{
        max-width: 480px;
    }
    .pro7 .top-title-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .pro7 .list-area{
        margin: 50px 0 0;
    }
    .pro7 .list-wrap{
        margin: -110px 0 0;
    }
    .pro7 .list-con{
        padding: 110px 0 0;
    }
    .pro7 .list-inner{
        flex-direction: column-reverse !important;
    }
    .pro7 .content-text-area{
        left: 0 !important;
        width: 100%;
        margin: 40px 0 0;
    }
    .pro7 .content-text-area .ico-list-wrap{
        margin: -20px 0 0;
    }
    .pro7 .content-text-area .ico-list-con{
        margin: 20px 0 0;
    }
    .pro7 .content-text-area .ico-wrap .ico img{
        width: 40px;
    }
    .pro7 .content-text-area .title-wrap{
        margin: 10px 0 0;
    }
    .pro7 .content-text-area .text-wrap .text{
        font-weight: 500;
        font-size: 15px;
        line-height: 24px;
    }
    .pro7 .thumb-area{
        text-align: center;
    }
    .pro7 .thumb-area .thumb-wrap .thumb img{
        width: 230px !important;
        left: 0 !important;
    }
    .pro8{
        padding: 80px 0;
    }
    .pro8 .top-title-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .pro8 .top-title-area .text-wrap{
        margin: 20px 0 0;
    }
    .pro8 .top-title-area .text-wrap .text{
        font-weight: 500;
        font-size: 15px;
        line-height: 24px;
    }
    .pro8 .thumb-area{
        margin: 30px 0 0;
    }
    .tv1{
        margin-bottom: 60px;
    }
    .tv1 .area{
        max-width: 420px;
        padding: 0 10px;
        margin: 0 auto;
    }
    .tv1 .area .thumb-list-area .list-wrap{
        display: block;
        margin: -20px 0 0;
        text-align: center;
    }
    .tv1 .area .thumb-list-area .list-con{
        padding: 20px 0 0;
    }
    .tv1 .area .thumb-list-area .list-con:first-child .thumb img{
        max-width: 200px;
        transform: translateY(0) !important;
        -moz-transform: translateY(0) !important;
        -webkit-transform: translateY(0) !important;
        -o-transform: translateY(0) !important;
    }
    .tv1 .area .thumb-list-area .list-con:nth-child(2) .thumb img{
        max-width: 94%;
        transform: translateX(1.5%);-moz-transform: translateX(1.5%);-webkit-transform: translateX(1.5%);-o-transform: translateX(1.5%);
    }
    .tv1 .area .content-text-area{
        margin: 30px 0 0;
    }
    .tv1 .area .content-text-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .tv1 .area .content-text-area .text-wrap{
        margin: 24px 0 0;
    }
    .tv1 .area .content-text-area .text-wrap .text{
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;
    }
    .tv2{
        padding: 60px 0;
        margin-bottom: -120px;
        background-color: #f5f5f5;
    }
    .tv2 .area{
        max-width: 360px;
        padding: 0 10px;
        margin: 0 auto;
    }
    .tv2 .area .list-con .list-inner{
        display: block;
    }
    .tv2 .area .list-con:nth-child(1) .list-inner{
        padding-right: 0;
    }
    .tv2 .area .list-con .content-text-area{
        padding: 0 !important;
    }
    .tv2 .area .list-con .content-text-area .ico-wrap .ico{
        width: 35px;
        height: 35px;
    }
    .tv2 .area .list-con .content-text-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .tv2 .area .list-con .content-text-area .text-wrap .text{
        font-size: 17px;
        line-height: 26px;
    }
    .tv2 .area .list-con .thumb-area{
        margin: 40px 0 0;
    }
    .tv3{
        padding: 80px 0;
    }
    .tv3 .area{
        max-width: 420px;
    }
    .tv3 .area .list-area .list-wrap{
        margin: -20px 0 0;
    }
    .tv3 .area .list-area .list-con{
        padding: 20px 0 0;
    }
    .tv3 .area .list-area .list-inner{
        display: block;
        padding: 40px 0 40px 30px !important;
    }
    .tv3 .area .list-area .list-con:nth-child(2) .list-inner{
        padding-bottom: 10px !important;
    }
    .tv3 .area .list-area .list-con:nth-child(2) .list-inner .content-text-area{
        padding-bottom: 0;
    }
    .tv3 .area .list-area .content-text-area .caption-wrap{
        margin: 0 0 15px;
    }
    .tv3 .area .list-area .content-text-area .caption-wrap .caption{
        padding: 4px 8px;
        font-size: 11px;
        line-height: 17px;
    }
    .tv3 .area .list-area .content-text-area .title-wrap .title{
        font-weight: 700;
        font-size: 28px;
        line-height: 40px;
    }
    .tv3 .area .list-area .content-text-area .text-wrap{
        margin: 15px 0 0;
    }
    .tv3 .area .list-area .content-text-area .text-wrap .text{
        font-size: 15px;
        line-height: 24px;
    }
    .tv3 .area .list-area .content-text-area .refer-wrap{
        margin: 15px 0 0;
    }
    .tv3 .area .list-area .content-text-area .refer-wrap .refer{
        padding-left: 11px;
        text-indent: -11px;
        font-weight: 500;
        font-size: 11px;
        line-height: 15px;
    }
    .tv3 .area .list-area .thumb-area{
        margin: 40px 0 0;
        text-align: right;
    }
    .tv3 .area .list-area .list-con:nth-child(1) .thumb-area .thumb-wrap .thumb img{
        width: 435px;
    }
    .tv3 .area .list-area .list-con:nth-child(3) .thumb-area .thumb-wrap .thumb img{
        width: 349px;
    }
    .app1{
        margin-bottom: 60px;
    }
    .app1 .area .img-area .img img{
        transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);
    }
    .app2{
        padding-top: 100px !important;
    }
    .app2 .area{
        max-width: 520px;
        padding: 0 35px;
        margin: 0 auto;
    }
    .app2 .area .list-area{
        margin: 60px 0 0;
    }
    .app2 .area .list-wrap{
        margin: -20px 0 0;
    }
    .app2 .area .list-con{
        width: 100%;
        padding: 20px 0 0;
        transition-delay: 0s !important;
        -moz-transition-delay: 0s !important;
        -webkit-transition-delay: 0s !important;
        -o-transition-delay: 0s !important;
    }
    .app2 .area .list-con .list-inner{
        height: auto !important;
        top: 0 !important;
    }
    .app2 .area .list-con .content-text-area{
        padding: 48px 0 40px 20px;
    }
    .app2 .area .list-con .content-text-area .title-wrap .title{
        font-size: 28px;
        line-height: 34px;
    }
    .app2 .area .list-con .content-text-area .text-wrap{
        margin: 16px 0 0;
    }
    .app2 .area .list-con .thumb-area{
        padding: 0 25px;
        text-align: center;
    }
    .app2 .area .list-con:nth-child(2) .thumb-area,
    .app2 .area .list-con:nth-child(3) .thumb-area{
        position: relative;
    }
    .app2 .area .list-con:nth-child(1) .thumb-area,
    .app2 .area .list-con:nth-child(4) .thumb-area{
        padding-bottom: 60px;
    }
    .connect1 .area .ico-slide-area{
        margin: 0 0 33px;
    }
    .connect1 .area .ico-slide-area{
        margin: 0 0 33px;
    }
    .connect1 .area .ico-slide-area .ico img{
        width: 70px;
    }
    .connect2 .area{
        max-width: 600px;
        margin: 0 auto;
        padding: 0 35px;
    }
    .connect2 .area .item-list-area{
        padding: 60px 0 0;
    }
    .connect2 .area .item-list-wrap{
        margin: -140px 0 0;
    }
    .connect2 .area .item-list-con{
        padding: 140px 0 0;
    }
    .connect2 .area .item-list-con .item-list-inner{
        flex-direction: column-reverse;
    }
    .connect2 .area .item-list-con .content-text-area .title-area{
        margin: 24px 0 0;
    }
    .connect2 .area .item-list-con .content-text-area .title-area .title-wrap{}
    .connect2 .area .item-list-con .content-text-area .title-area .title-wrap .title{
        font-size: 35px;
        line-height: 48px;
    }
    .connect2 .area .item-list-con .content-text-area .store-btn-area{
        margin: 32px -12px 0 0;
    }
    .connect2 .area .item-list-con .content-text-area .store-btn-area .btn-wrap{
        padding-right: 12px;
    }
    .connect2 .area .item-list-con .content-text-area .num-text-area{
        margin: 12px 0 0;
    }
    .connect2 .area .item-list-con .content-text-area .num-text-area .title-wrap{
        padding: 12px 0 0;
    }
    .connect2 .area .item-list-con .content-text-area .num-text-area .title-wrap .title{
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;
        letter-spacing: -0.01em;
        color: #000000;
    }
    .connect2 .area .item-list-con .thumb-area{
        margin-bottom: 60px;
    }
    .connect2 .area .item-list-con .thumb-area .thumb-wrap .thumb img{
        width: 320px;
    }
    .connect3{
        padding: 164px 10px 80px;
    }
    .connect3 .area .logo-area .logo img{
        width: 163px;
    }
    .connect3 .area .simbol-list-area{
        margin: 20px 0 0;
    }
    .connect3 .area .simbol-list-area .list-wrap{
        margin: 0 -5px;
        font-size: 0;
    }
    .connect3 .area .simbol-list-area .list-con{
        padding: 0 5px;
    }
    .connect3 .area .simbol-list-area .img img{
        width: 48px;
    }
    .connect3 .area .content-text-area{
        margin: 60px 0 0;
    }
    .connect3 .area .content-text-area .title-area .title-wrap .title{
        font-size: 28px;
        line-height: 34px;
    }
    .connect3 .area .btn-title-area{
        margin: 40px 0 0;
    }
    .pevo-use{
        margin: 28px 0 0;
    }
    .pevo-use .use-area{
        max-width: 390px;
        padding: 0 20px;
    }
    .pevo-use .use-area .use-wrap .use-title-area .title-wrap .text{
        font-weight: 500;
        font-size: 17px;
        line-height: 26px;
    }
    .pevo-use .use-area .use-wrap .use-title-area .title-wrap .title{
        margin: 2px 0 0;
        font-weight: 800;
        font-size: 40px;
        line-height: 48px;
        color: #212121;
    }
    .pevo-use .use-area .use-wrap .item-list-area{
        margin: 60px 0 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .list-wrap{
        margin: -20px -20px 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .list-con{
        width: 100%;
    }
    .pevo-use .use-area .use-wrap .item-list-area .list-inner{
        padding: 30px 28px 40px;
        border-radius: 30px;
    }
    .pevo-use .use-area .use-wrap .item-list-area .item-text-area .title-wrap .title{
        font-weight: 700;
        font-size: 28px;
        line-height: 33px;
        color: #212121;
    }
    .pevo-use .use-area .use-wrap .item-list-area .item-text-area .text-wrap{
        margin: 20px 0 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .item-text-area .text-wrap .text{
        letter-spacing: -0.05em;
    }
    .pevo-use .use-area .use-wrap .item-list-area .item-text-area .text-wrap .price{
        color: #616161;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area{
        height: auto;
        padding: 30px 0 0;
        margin: 20px 0 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-list-wrap{
        margin: -15px 0 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-list-con{
        padding: 15px 0 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-list-inner{
        display: flex;
        align-items: flex-start;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-wrap{
        width: 37px;
        min-width: 37px;
        max-width: 37px;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .ico-wrap .ico img{
        width: 30px;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .text-wrap .text{
        font-weight: 600;
        font-size: 14px;
        line-height: 20px;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .text-wrap .text br{
        display: none;
    }
    .pevo-use .use-area .use-wrap .item-list-area .ico-list-area .text-wrap .text.lh40{
        line-height: 20px;
    }
    .pevo-use .use-area .use-wrap .item-list-area .bot-btn-area{
        margin: 30px 0 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .bot-btn-area .btn-wrap .button{
        height: 49px;
        background-color: #ff9013;
        border-radius: 7px;
        border-width: 0;
    }
    .pevo-use .use-area .use-wrap .item-list-area .bot-btn-area .btn-wrap .button .text{
        color: #fff;
    }
    .pevo-use .use-area .use-wrap .refer-text-area{
        margin: 20px 0 0;
    }
    .pro1 .area .ico-list-area .ico-wrap .ico img{
        width: 24px;
    }
}


@media all and (max-width: 768px){
    .h3-title-area{
        text-align: center;
    }
    .h3-title-area .ico-wrap{
        margin: 0 0 20px;
    }
    .h3-title-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .h3-title-area .text-wrap{
        margin: 15px 0 0;
    }
    body{
        padding: 56px 0 0;
    }
    .p-area{
        padding: 28px 0 80px;
    }
    .h3-title-area{
        text-align: center;
    }
    .h3-title-area .ico-wrap{
        margin: 0 0 20px;
    }
    .h3-title-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .h3-title-area .text-wrap{
        margin: 15px 0 0;
    }
    .app2 .h3-title-area .text-wrap{
        margin: 30px 0 0;
    }
    .h3-title-area .text-wrap .text{
        font-size: 17px;
        line-height: 26px;
    }
    .h3-title-area .ico-list-area{
        /* margin: 45px 0 0; */
    }
    .h3-title-area .ico-list-area .list-wrap{
        margin: 0 -15px 0 0;
    }
    .h3-title-area .ico-list-area .list-con{
        padding: 45px 15px 80px 0;
    }
    .h3-title-area .ico-list-area .ico{}
    .h3-title-area .ico-list-area .ico img{
        width: 57px;
    }
    .h4-title-area{
        text-align: center;
    }
    .h4-title-area .title-area .title-wrap .title{
        font-size: 40px;
        line-height: 1.2;
    }
    .h4-title-area .title-area .text-wrap{
        margin: 15px 0 0;
    }
    .h4-title-area .title-area .text-wrap .text{
        font-size: 17px;
        line-height: 26px;
    }
    .h4-title-area .btn-area{
        margin: 25px 0 0;
    }
    .h5-title-area{
        padding-top: 48px !important;
    }
    .h5-title-area .title-area .ico-wrap .ico img{
        width: 70px;
    }
    .h5-title-area .title-area .title-wrap{
        margin: 20px 0 0;
    }
    .h5-title-area .title-area .title-wrap .title{
        font-size: 40px;
        line-height: 1.2;
    }
    .h5-title-area .title-area .btn-wrap{
        margin: 30px 0 0;
    }
    .pro2 .area .bg-area .bg{
        padding-bottom: 140%;
        background-position: 60% 50%;
    }
    .pro3{
        padding: 80px 0;
    }
    .pro3 .area{
        max-width: 420px;
    }
    .pro3 .area .card-list-area .list-wrap{
        margin: -10px -10px 0;
        font-size: 0;
    }
    .pro3 .area .card-list-area .list-con{
        padding: 10px 5px 0;
        transition-delay: 0s !important;
            -moz-transition-delay: 0s !important;
            -webkit-transition-delay: 0s !important;
            -o-transition-delay: 0s !important;
    }
    .pro3 .area .card-list-area .list-con.show1020{
        display: inline-block !important;
    }
    .pro3 .area .content-text-area{
        margin: 30px 0 0;
        padding: 0 20px;
    }
    .pro3 .area .content-text-area .text-wrap .text{
        font-size: 20px;
        line-height: 28px;
    }
    .pro3 .area .content-text-area .text-wrap .refer{
        margin: 15px 0 0;
        font-size: 11px;
        line-height: 15px;
    }
    .pro5{
        margin-bottom: -60px;
    }
    .app3{
        padding-top: 84px !important;
        padding-bottom: 70px;
    }
    .app3 .area .slide-bg-area{
        max-width: 200px;
        margin: 80px auto 0;
    }
    .app3 .area .slide-outer .slide-area{
        left: 0;
        max-width: 156px;
        padding-top: 116px;
    }
    .app3 .area .slide-outer .slide-con.swiper-slide-prev,
    .app3 .area .slide-outer .slide-con.swiper-slide-active{
        margin-right: 40px !important;
    }
    .app4{
        padding: 80px 0;
    }
    .app4 .area{
        max-width: 480px;
    }
    .app4 .top-title-area .title-wrap .title{
        font-size: 40px;
        line-height: 48px;
    }
    .app4 .top-title-area .text-wrap{
        margin: 15px 0 0;
    }
    .app4 .top-title-area .text-wrap .text{
        font-size: 15px;
        line-height: 24px;
        font-weight: 500;
    }
    .app4 .list-area{
        margin: 20px 0 0;
        padding-right: 0;
    }
    .app4 .list-area .list-wrap{
        margin: -20px 0 0;
        font-size: 0;
    }
    .app4 .list-area .list-con{
        padding: 20px 0 0;
        transition-delay: 0 !important;-moz-transition-delay: 0 !important;-webkit-transition-delay: 0 !important;-o-transition-delay: 0 !important;
    }
    .app4 .list-area .list-con:nth-child(3),
    .app4 .list-area .list-con:nth-child(4){
        position: relative;
        width: 100%;
    }
    .app4 .list-area .list-inner{
        height: auto !important;
        padding: 40px 30px 50px !important;
    }
    .app4 .list-area .list-con:nth-child(2) .list-inner{
        padding-bottom: 0 !important;
    }
    .app4 .list-area .list-con:nth-child(4) .list-inner{
        padding-top: 0 !important;
        padding: 0 50px;
    }
    .app4 .list-area .content-text-area .caption-wrap{
        margin: 0 0 16px;
    }
    .app4 .list-area .content-text-area .caption-wrap .caption{
        padding: 4px 8px;
        font-size: 11px;
        line-height: 17px;
    }
    .app4 .list-area .content-text-area .title-wrap .title{
        line-height: 40px;
    }
    .app4 .list-area .content-text-area .text-wrap{
        margin: 16px 0 0;
    }
    .app4 .list-area .content-text-area .text-wrap .text{
        font-size: 15px;
        line-height: 24px;
        font-weight: 500;
    }
    .app4 .list-area .list-con:nth-child(1) .thumb-area{
        margin: 44px 0 0;
    }
    .app4 .list-area .list-con:nth-child(2) .thumb-area{
        position: relative;
        margin: 61px 0 0;
    }
    .app4 .list-area .list-con:nth-child(3) .thumb-area{
        margin: 90px 0 0;
    }
    .app4 .list-area .list-con:nth-child(4) .thumb-area{
        margin: 0 0 50px;
    }
    .app4 .list-area-top{
        margin: 50px 0 0;
    }
    .app4 .list-area-top .list-con .list-inner{
        display: block;
        padding: 40px 30px;
    }
    .app4 .list-area-top .content-text-area{
        padding-left: 0;
    }
    .tv2{
        margin-bottom: -60px;
    }
}
/* // sub css */