@charset "utf-8";
.design{
    width: 100%;
    overflow: hidden;
}
.secStaticTit{
    position: relative;
    height: 700px;
    overflow: hidden;
}
.secStaticTit img{
    position: absolute;
    width: 1920px;
    left: calc(50% - 960px);
}
@media only screen and (max-width:767px){
    .secStaticTit{
        height: auto;
    }
    .secStaticTit img{
        position: static;
        width: 100%;
        left: 0;
    }
}

.indexCmnTit{
    font-size: 40px;
    line-height: 1.5;
    color: #fff;
    background: #f39800;
    text-align: center;
    padding: 50px 0;
    font-weight: 700;
    letter-spacing:2px;
}
.indexCmnTit .spanBig{
    font-size: 70px;
    color: #fffc00;
    vertical-align: -5px;
    line-height: 1;
}
@media only screen and (max-width:767px){
    .indexCmnTit{
        font-size: 18px;
        line-height: 1.5;
        padding: 20px 0;
        letter-spacing: normal;
    }
    .indexCmnTit .spanBig{
        font-size: 25px;
        vertical-align: -2px;
    }
}
@media only screen and (max-width:359px){
    .indexCmnTit{
        font-size: 18px;
    }
}
/*-----------------------------------------------
    index
-----------------------------------------------*/

/*--secIndexTop--*/
.secIndexTop{
    margin-top: 100px;
}
.secIndexTop .topWrapper{
    position: relative;
    height: 720px;
    overflow: hidden;
}
.secIndexTop .txtBox{
    padding-top: 55px;
    padding-left: 257px;
}
.secIndexTop .boxTit{
    font-size: 36px;
    line-height: 2.05;
    font-weight: 700;
    letter-spacing: 2.25px;
}
.secIndexTop .boxTxt{
    font-size: 20px;
    line-height: 2.2;
    margin-top: 50px;
    font-weight: 500;
    letter-spacing: 1.6px;
}
.secIndexTop .spanSpace{
    margin-top: 25px;
    display: block;
}
.secIndexTop .itemImg{
    position: absolute;
    top: 0;
}
.secIndexTop .itemImg.left{
    left: calc(50% - 960px);
}
.secIndexTop .itemImg.right{
    right: calc(50% - 960px);
}
@media only screen and (max-width:767px){
    .secIndexTop{
        margin-top: 20px;
    }
    .secIndexTop .topWrapper{
        height: auto;
    }
    .secIndexTop .txtBox{
        padding: 0;
    }
    .secIndexTop .boxTit{
        font-size: 18px;
        line-height: 2.4;
        letter-spacing: normal;
    }
    .secIndexTop .boxTxt{
        font-size: 13px;
        line-height: 2;
        margin-top: 12px;
        letter-spacing: normal;
    }
    .secIndexTop .spanSpace{
        margin-top: 12px;
    }
    .secIndexTop .itemCenter{
        margin-top: 35px;
    }
}
@media only screen and (max-width:359px){
    .secIndexTop .boxTit{
        font-size: 16px;
    }
    .secIndexTop .boxTxt{
        font-size: 12px;
    }
}


.secIndexIdeal{
    margin-top: 108px;
}
.secIndexIdeal .tit{
    font-size: 40px;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
}
.secIndexIdeal .worriesBox{
    display: flex;
    margin-top: 50px;
    position: relative;
}
.secIndexIdeal .worriesBox::after{
    position: absolute;
    content: "";
    width: 200px;
    height: 50px;
    left: calc(50% - 100px);
    bottom: -85px;
}
.secIndexIdeal .worriesBox.lazyloaded::after{
    background: url(../img/concept/index/iconArrow.gif) center top;
}
.secIndexIdeal .worriesItem{
    width: 32.308%;
    margin-right: 1.538%;
    height: 280px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1.59;
    color: #fff;
    font-weight: 700;
    background:linear-gradient(to bottom right, #3e434a 50% , #33373d 50%);
}
.secIndexIdeal .worriesItem:last-child{
    margin-right: 0;
}
.secIndexIdeal .idealTxt{
    margin-top: 118px;
    font-size: 25px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.secIndexIdeal .idealTit{
    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    margin-top: 24px;
    letter-spacing: 1.5px;
}
.secIndexIdeal .spanColor{
    color: #f39800;
}
.secIndexIdeal .idealList{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
}
.secIndexIdeal .idealItem{
    width: 23.077%;
    margin-right: 2.564%;
}
.secIndexIdeal .idealItem:nth-child(4),.secIndexIdeal .idealItem:last-child{
    margin-right: 0;
}
.secIndexIdeal .idealItem:nth-child(n+5){
    margin-top: 30px;
}
.secIndexIdeal .itemTxt{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background: #f39800;
    color: #fff;
    padding: 25px 0;
    letter-spacing: 1.5px;
}
@media only screen and (max-width:767px){
    .secIndexIdeal{
        margin-top: 45px;
    }
    .secIndexIdeal .tit{
        font-size: 18px;
    }
    .secIndexIdeal .worriesBox{
        display: block;
        margin-top: 20px;
        position: relative;
    }
    .secIndexIdeal .worriesBox::after{
        width: 100px;
        height: 25px;
        left: calc(50% - 50px);
        bottom: -50px;
    }
    .secIndexIdeal .worriesBox.lazyloaded::after{
        background-size: cover;
    }
    .secIndexIdeal .worriesItem{
        width: 100%;
        margin: 0 auto;
        height: 80px;
        font-size: 14px;
    }
    .secIndexIdeal .worriesItem:nth-child(n+2){
        margin: 15px auto 0;
    }
    .secIndexIdeal .idealTxt{
        margin-top: 80px;
        font-size: 15px;
        letter-spacing: normal;
    }
    .secIndexIdeal .idealTit{
        font-size: 18px;
        margin-top: 15px;
        letter-spacing: 1px;
    }
    .secIndexIdeal .idealList{
        justify-content: flex-start;
        margin-top: 30px;
    }
    .secIndexIdeal .idealItem{
        width: 47%;
        margin-right: 6%;
    }
    .secIndexIdeal .idealItem:nth-child(2n),.secIndexIdeal .idealItem:last-child{
        margin-right: 0;
    }
    .secIndexIdeal .idealItem:nth-child(n+3){
        margin-top: 10px;
    }
    .secIndexIdeal .itemTxt{
        font-size: 14px;
        padding: 15px 0;
        letter-spacing: normal;
    }
}
@media only screen and (max-width:359px){
    .secIndexIdeal .tit{
        font-size: 16px;
    }
    .secIndexIdeal .idealTit {
        font-size: 16px;
    }
}
/*--secIndexReason--*/
.secIndexReason{
    margin-top: 150px;
}
.secIndexReason .reasonList{
    margin-top: 55px;
}
.secIndexReason .indexCmnTit{
    line-height: 1.3;
    padding: 52px 0 45px;
}
.secIndexReason .reasonItem{
    display: flex;
}
.secIndexReason .reasonItem:nth-child(2n+1){
    flex-flow: row-reverse;
}
.secIndexReason .reasonItem:nth-child(n+2){
    margin-top: 115px;
}
.secIndexReason .txtBox{
    width: calc(100% - 500px);
    padding-left: 73px;
}
.secIndexReason .reasonItem:nth-child(2n+1) .txtBox{
    padding-right: 73px;
    padding-left: 0;
}
.secIndexReason .topBox{
    display: flex;
    align-items: center;
}
.secIndexReason .txtNum{
    font-size: 100px;
    color: #FF8C00;
    font-weight: 700;
    background: -webkit-linear-gradient(0deg, #f39800,#6eb92b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    flex-shrink: 0;
}
.secIndexReason .boxTit{
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    margin-left: 25px;
    letter-spacing: 1px;
}
.secIndexReason .reasonItem:first-child .boxTit{
    margin-left: 10px;
}
.secIndexReason .boxTxt{
    font-size: 15px;
    line-height: 2;
    font-weight: 500;
    margin-top: 20px;
    letter-spacing: 1px;
}
.secIndexReason .imgBox{
    padding-top: 15px;
}
@media only screen and (max-width:767px){
    .secIndexReason{
        margin-top: 50px;
    }
    .secIndexReason .reasonList{
        margin-top: 30px;
    }
    .secIndexReason .indexCmnTit{
        line-height: 1.5;
        padding: 20px 0 ;
    }
    .secIndexReason .reasonItem{
        display: block;
    }
    .secIndexReason .reasonItem:nth-child(n+2){
        margin-top: 40px;
    }
    .secIndexReason .txtBox{
        width: 92%;
        margin: 20px auto 0;
        padding-left: 0;
    }
    .secIndexReason .reasonItem:nth-child(2n+1) .txtBox{
        padding-right: 0;
    }
    .secIndexReason .topBox{
        display: flex;
        align-items: center;
    }
    .secIndexReason .txtNum{
        font-size: 40px;
    }
    .secIndexReason .boxTit{
        font-size: 18px;
        line-height: 1.4;
        margin-left: 15px;
        letter-spacing: normal;
    }
    .secIndexReason .reasonItem:first-child .boxTit{
        margin-left: 10px;
    }
    .secIndexReason .boxTxt{
        font-size: 13px;
        line-height: 1.8;
        margin-top: 15px;
        letter-spacing: normal;
    }
    .secIndexReason .imgBox{
        padding-top: 0;
    }
}
@media only screen and (max-width:359px){
    .secIndexReason .txtNum {
        font-size: 35px;
    }
    .secIndexReason .boxTit {
        font-size: 15px;
    }
    .secIndexReason .boxTxt{
        font-size: 12px;
    }
}

/*--secIndexPlan--*/
.secIndexPlan{
    margin-top: 150px;
}
.secIndexPlan .imgPrice{
    margin-top: 50px;
}
.secIndexPlan .imgBox{
    margin-top: 20px;
}
.secIndexPlan .underBox{
    display: flex;
    margin-top: 10px;
}
.secIndexPlan .underBoxImg{
    width: calc(50% - 5px);
}
.secIndexPlan .underBoxImg:last-child{
    margin-left: 10px;
}
.secIndexPlan .costBox{
    margin: 145px 0 0;
}
.secIndexPlan .bgBox{
    text-align: center;
    padding: 73px 0 65px;
}
.secIndexPlan .bgBox.lazyloaded{
    background: url(../img/concept/index/bgIndexCost.jpg) center top;
}
.secIndexPlan .middleTxt{
    margin-top: 75px;
}
.secIndexPlan .bottomTxt{
    margin-top: 18px;
}
@media only screen and (max-width:767px){
    .secIndexPlan {
        margin-top: 50px;
    }
    .secIndexPlan .imgPrice {
        margin-top: 30px;
    }
    .secIndexPlan .costBox {
        margin: 50px 0 0;
    }
    .secIndexPlan .bgBox{
        text-align: center;
        padding: 30px 0 35px;
    }
    .secIndexPlan .topTxt{
        width: 81.334%;
        margin: 0 auto;
    }
    .secIndexPlan .middleTxt{
        width: 94.667%;
        margin: 33px auto 0;
    }
    .secIndexPlan .bgBox.lazyloaded{
        background: url(../img/concept/index/bgIndexCost_sp.jpg) center top / cover;
    }
    /* spSlider */
    .secIndexPlan .secSpSlider{
        margin-top: 20px;
    }
    .secIndexPlan .swiper-container{
        width: 88%;
        margin: 0 auto;
    }
    .secIndexPlan .swiper-button-prev,.secIndexPlan .swiper-button-next{
        width: 30px;
        height: 30px;
        top: calc(50% - 15px);
        border-radius: 50%;
    }
    .secIndexPlan .swiper-button-prev{
        left: 0;
    }
    .secIndexPlan .swiper-button-next{
        right: 0;
    }
    .secIndexPlan .swiper-button-prev::after,.secIndexPlan .swiper-button-next::after{
        display: none;
    }
    .secIndexPlan .swiper-button-prev.lazyloaded{
        background: url(../img/common/iconBtnPrev.png) center / 15px auto no-repeat #33373d;
    }
    .secIndexPlan .swiper-button-next.lazyloaded{
        background: url(../img/common/iconBtnNext.png) center / 15px auto no-repeat #33373d;
    }
    .secIndexPlan .swiper-button-next.swiper-button-disabled,.secIndexPlan .swiper-button-prev.swiper-button-disabled {
        display: none;
    }
}

.secCmnConcept{
    margin: 70px auto 150px;
}
.secCmnConcept .topTxtBox{
    position: relative;
    padding-bottom: 52px;
}
.secCmnConcept .topTxtBox::before{
    position: absolute;
    content: "";
    width: 187px;
    height: 346px;
    left: 75px;
    bottom: 0;
}
.secCmnConcept .topTxtBox.lazyloaded::before{
    background: url(../img/concept/common/imgCmnConcept01.jpg) center top;
}
.secCmnConcept .topTxtBox::after{
    position: absolute;
    content: "";
    width: 209px;
    height: 336px;
    right: 55px;
    bottom: 0;
}
.secCmnConcept .topTxtBox.lazyloaded::after{
    background: url(../img/concept/common/imgCmnConcept02.jpg) center top;
}
.secCmnConcept .conceptTit{
    font-size: 50px;
    line-height: 1.4;
    font-weight: 700;
    text-align: center;
    letter-spacing: 1.5px;
}
.secCmnConcept .spanSmall{
    font-size: 30px;
}
.secCmnConcept .conceptTxt{
    font-size: 30px;
    line-height: 2;
    text-align: center;
    margin-top: 48px;
    letter-spacing: 1.5px;
    font-weight: 500;
}
.secCmnConcept .spanLine{
    background: linear-gradient(transparent 75%, #f39800 75% ,#f39800 90%,transparent 90%);
}
.secCmnConcept .secCmnBnr {
    margin-top: 0;
    z-index: 10;
}
.secCmnConcept .secCmnLink{
    margin-top: 98px;
    text-align: center;
}
.secCmnConcept .linkTopTxt{
    font-size: 40px;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.secCmnConcept .linkMainTxt{
    margin-top: 26px;
    font-size: 40px;
    line-height: 1.8;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.secCmnConcept .spanBig{
    font-size: 60px;
    line-height: 1;
    color: #f39800;
}
.secCmnConcept .spanLong{
    letter-spacing: 4.5px;
}
.secCmnConcept .linkList{
    display: flex;
    justify-content: center;
    margin-top: 54px;
}
.secCmnConcept .listItem{
    width: 19.077%;
    margin-right: 1.15375%;
}
.secCmnConcept .listItem:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secCmnConcept{
        margin: 30px auto 50px;
    }
    .secCmnConcept .conceptTit{
        font-size: 22px;
        letter-spacing: normal;
    }
    .secCmnConcept .spanSmall{
        font-size: 15px;
    }
    .secCmnConcept .conceptTxt{
        font-size: 12px;
        line-height: 1.8;
        margin-top: 20px;
        letter-spacing: normal;
        position: relative;
        z-index: 10;
    }
    .secCmnConcept .spanLine{
        background: linear-gradient(transparent 75%, #f39800 75% ,#f39800 90%,transparent 90%);
    }
    .secCmnConcept .secCmnBnr {
        margin-top: 0;
        z-index: 10;
    }
    .secCmnConcept .topTxtBox{
        padding-bottom: 30px;
    }
    .secCmnConcept .topTxtBox::before{
        width: 70px;
        height: 129px;
        left: 0;
    }
    .secCmnConcept .topTxtBox.lazyloaded::before,.secCmnConcept .topTxtBox.lazyloaded::after{
        background-size: cover;
    }
    .secCmnConcept .topTxtBox::after{
        width: 80px;
        height: 129px;
        right: 0;
    }
    .secCmnConcept .secCmnLink{
        margin-top: 40px;
    }
    .secCmnConcept .linkTopTxt{
        font-size: 16px;
        letter-spacing: normal;
    }
    .secCmnConcept .linkMainTxt{
        margin-top: 12px;
        font-size: 16px;
        line-height: 1.7;
        letter-spacing: normal;
    }
    .secCmnConcept .spanBig{
        font-size: 22px;
    }
    .secCmnConcept .spanLong{
        letter-spacing: 1px;
    }
    .secCmnConcept .linkList{
        flex-wrap: wrap;
        justify-content: flex-start;
        margin: 30px auto 0;
        width: 100%;
    }
    .secCmnConcept .listItem{
        width: calc(50% - 0.5px);
        margin-right: 1px;
    }
    .secCmnConcept .listItem:nth-child(2n){
        margin-right: 0;
    }
    .secCmnConcept .listItem:nth-child(n+3){
        margin-top: 1px;
    }
    .secCmnConcept .listItem:last-child{
        margin-right: 0;
    }

}
@media only screen and (max-width:359px){
    .secCmnConcept .conceptTxt {
        font-size: 11px;
    }
    .secCmnConcept .topTxtBox::before{
        width: 59px;
        height: 110px;
    }
    .secCmnConcept .topTxtBox::after{
        width: 68px;
        height: 110px;
    }
}


/* ---------------
   design
-----------------*/

.secDesignTop{
    margin-top: 90px;
}
.secDesignTop .topTxt{
    font-size: 22px;
    font-weight: 700;
    line-height: 1.7727;
    text-align: center;
    letter-spacing: 1.5px;
}
.secDesignTop .topTit{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 9px;
    letter-spacing: 2px;
}
.secDesignTop .spanNum{
    font-size: 70px;
    color: #f39800;
    vertical-align: -4px;
}
.secDesignTop  .topList{
    display: flex;
    margin-top: 60px;
}
.secDesignTop .topItem{
    width: 30.77%;
    margin-right: 3.845%;
}
.secDesignTop .topItem:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secDesignTop{
        margin-top: 20px;
    }
    .secDesignTop .topTxt{
        font-size: 13px;
        line-height: 2;
        letter-spacing: 1px;
    }
    .secDesignTop .topTit{
        font-size: 18px;
        letter-spacing: 1px;
    }
    .secDesignTop .spanNum{
        font-size: 30px;
        vertical-align: -2px;
    }
    .secDesignTop  .topList{
        display: block;
        margin-top: 20px;
    }
    .secDesignTop .topItem{
        width: 85%;
        margin: 0 auto;
        max-width: 400px;
    }
    .secDesignTop .topItem:last-child{
        margin-right: auto;
    }
    .secDesignTop .topItem:nth-child(n+2){
        margin-top: 20px;
    }
}

.secDesignHope{
    margin-top: 120px;
}
.secDesignHope .hopeTit{
    font-size: 40px;
    text-align: center;
    font-weight: 700;
}
.secDesignHope .txtColor{
   background: #fac33f;
   padding: 0 10px;
}
.secDesignHope  .hopeList{
    margin-top: 65px;
    display: flex;
}
.secDesignHope .hopeItem{
    width: 23.077%;
    margin-right: 2.564%;
}
.secDesignHope .hopeItem:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secDesignHope{
        margin-top: 30px;
    }
    .secDesignHope .hopeTit{
        font-size: 18px;
    }
    .secDesignHope .txtColor{
       padding: 0 5px;
    }
    .secDesignHope  .hopeList{
        margin-top: 30px;
        flex-wrap: wrap;
    }
    .secDesignHope .hopeItem{
        width: 45%;
        margin-right: 10%;
    }
    .secDesignHope .hopeItem:nth-child(2n){
        margin-right: 0;
    }
    .secDesignHope .hopeItem:nth-child(n+3){
        margin-top: 20px;
    }
}

.secDesignBnr{
    margin-top: 98px;
    position: relative;
    overflow: hidden;
    height: 500px;
}
.secDesignBnr .innerCover{
    position: absolute;
    width: 1920px;
    left: calc(50% - 960px);
}
@media only screen and (max-width:767px){
    .secDesignBnr{
        margin-top: 30px;
        height: auto;
    }
    .secDesignBnr .innerCover{
        position: static;
        width: 100%;
    }
}


.cmnColor{
    color: #FF8C00;
    background: -webkit-linear-gradient(0deg, #f39800,#6eb92b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
}

.secDesignIdea{
    margin-top: 112px;
}
.secDesignIdea .ideaTit{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
}
.secDesignIdea .spanNum{
    color: #f39800;
    font-size: 70px;
    vertical-align: -3px;
    letter-spacing: normal;
    padding-right: 5px;
}
@media only screen and (max-width:767px){
    .secDesignIdea{
        margin-top: 30px;
    }
    .secDesignIdea .ideaTit{
        font-size: 18px;
        letter-spacing: normal;
    }
    .secDesignIdea .spanNum{
        font-size: 30px;
        vertical-align: -2px;
        padding-right: 3px;
    }
}
@media only screen and (max-width:359px){
    .secDesignIdea .ideaTit{
        font-size: 16px;
    }
    .secDesignIdea .spanNum{
        font-size: 25px;
    }
}
/* ideaList */
.secDesignIdea .ideaList{
    margin-top: 86px;
}
.secDesignIdea .ideaBox:nth-child(n+2){
    margin-top: 112px;
}
.secDesignIdea .boxTit{
    text-align:left;
    position: relative;
    height: 100px;
z-index: 3;}
.secDesignIdea .boxTit .titbox{
    z-index: 10;
    width: 1610px;
    height: 100%;position: absolute;
    align-items: center;padding-left: 30px;display: flex;left: 0;
    top: 0;
    background-color: #413530;
}
.secDesignIdea .boxTit::after{
    content: "";
    width:1630px;
    z-index: 5;height: 100%;
    position: absolute;
    top: 20px;
    left: -20px;
    background: rgb(255,177,27);
    background: linear-gradient(90deg, rgba(255,177,27,1) 0%, rgba(255,118,105,1) 100%, rgba(255,255,255,1) 100%);
}
.secDesignIdea .boxTit .titbox img{

}
.secDesignIdea .contentList{
    margin-top: -14px;
}
.secDesignIdea .innerWrapper{
    width: 93.077%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.secDesignIdea .contentList{
    background: #f9f7f1;
    padding: 70px 0 60px;
}
.secDesignIdea .contentItem{
    width: calc(50% - 20px);
    margin-right: 40px;
}
.secDesignIdea .contentItem:nth-child(2n){
    margin-right: 0;
}
.secDesignIdea .contentItem:nth-child(n+3){
    margin-top: 47px;
}
@media only screen and (max-width:767px){
    .secDesignIdea .ideaList{
        margin-top: 30px;
    }
    .secDesignIdea .ideaBox:nth-child(n+2){
        margin-top: 20px;
    }
    .secDesignIdea .boxTit{
        width: 100%;
        margin: 0 auto;
    }
    .secDesignIdea .boxTit{
        text-align:left;
        position: relative;
        height: 50px;
        z-index: 3;}
    .secDesignIdea .boxTit .titbox{
        z-index: 10;
        width: 91%;
        height: 100%;position: absolute;
        align-items: center;padding-left: 18px;display: flex;left: auto;
        right: 0;top: 0;
        background-color: #413530;
    }
    .secDesignIdea .boxTit::after{
        content: "";
        width: 92.5%;
        z-index: 5;height: 100%;
        position: absolute;
        top: 1.5vw;
        left: auto;
        right: 0;background: rgb(255,177,27);
        background: linear-gradient(90deg, rgba(255,177,27,1) 0%, rgba(255,118,105,1) 100%, rgba(255,255,255,1) 100%);
    }
    .secDesignIdea .boxTit .titbox img{

    height: 20px;width: auto;}
    .secDesignIdea .contentList{
        margin-top: -20px;
    }
    .secDesignIdea .innerWrapper{
        width: 92%;
        display: block;
    }
    .secDesignIdea .contentList{
        padding: 45px 0;
    }
    .secDesignIdea .contentItem{
        width: 100%;
        margin-right: 0;
    }
    .secDesignIdea .contentItem:nth-child(n+2){
        margin-top: 20px;
    }
}
/* topBox */
.secDesignIdea .topBox{
    position: relative;
}
.secDesignIdea .ideaNum{
    font-size: 28px;
    font-weight: 700;
}
.secDesignIdea .nameTxt{
    font-size: 25px;
    font-weight: 700;
    margin-top: 9px;
}
.secDesignIdea .spanLine{
    border-bottom: solid 1px #1b0808;
    padding-bottom: 4px;
}
.secDesignIdea .explanationTxt{
    font-size: 14px;
    font-weight: 500;
    margin-top: 24px;
    line-height: 24px;
}
.secDesignIdea .boxCloud{
    font-size: 14px;
    line-height: 1.57;
    height: 52px;
    padding: 12px 16px 0;
    letter-spacing: 0.5px;
    background: #fff;
    border: solid 2px #000;
    position: absolute;
    top: 50px;
    right: 0;
    font-weight: 700;
}
.secDesignIdea .boxCloud.txt2{
    height: 76px;
    padding: 14px 15px 0;
    top: 22px;
}
.secDesignIdea .boxCloud::after{
    position: absolute;
    content: "";
    width: 21px;
    height: 16px;
    bottom: -12px;
    right: 22px;
}
.secDesignIdea .boxCloud.lazyloaded::after{
   background: url(../img/concept/design/imgItemCloud.png) center top / cover;
}

/* isDesktopIpad */
.isDesktopIpad .secDesignIdea .explanationTxt {
    font-size: 11px;
    line-height: 18px;
}
.isDesktopIpad .secDesignIdea .nameTxt {
    font-size: 23px;
}
.isDesktopIpad .secDesignIdea .boxCloud{
    font-size: 11px;
    letter-spacing: normal;
    padding-left: 8px;
    padding-right: 8px;
    top: 40px;
    border: solid 1.5px #000;
    padding: 6px;
    height: auto;
}
.isDesktopIpad .secDesignIdea .boxCloud.txt2 {
    top: 15px;
    padding: 6px;
    height: auto;
}

@media only screen and (max-width:767px){
    .secDesignIdea .ideaNum{
        font-size: 16px;
    }
    .secDesignIdea .nameTxt{
        font-size: 14px;
        margin-top: 3px;
    }
    .secDesignIdea .spanLine{
        padding-bottom: 3px;
    }
    .secDesignIdea .explanationTxt{
        font-size: 11px;
        margin-top: 13px;
        line-height: 18px;
    }
    .secDesignIdea .boxCloud{
        font-size: 11px;
        line-height: 1.6;
        height: auto;
        padding: 3px 5px;
        letter-spacing: normal;
        position: static;
        width: 100%;
        text-align: center;
        margin-top: 15px;
    }
    .secDesignIdea .boxCloud.txt2{
        height: auto;
        padding: 3px 5px;
    }
    .secDesignIdea .boxCloud::after{
        width: 16px;
        height: 10px;
        bottom: -4px;
        right: auto;
        left: calc(50% - 8px);
    }
    .secDesignIdea .boxCloud.lazyloaded::after{
        background: url(../img/concept/design/imgItemCloud_sp.png) center top / cover;
     }
}

/* imgBox */
.secDesignIdea .imgBox{
    display: flex;
    margin-top: 16px;
}
.secDesignIdea .img{
    width: calc(50% - 2.5px);
    margin-right: 5px;
}
.secDesignIdea .img:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secDesignIdea .imgBox{
        margin-top: 10px;
    }
    .secDesignIdea .img{
        width: calc(50% - 1.5px);
        margin-right: 3px;
    }
}

.secDesignFloor{
    margin-top: 150px;
}
.secDesignFloor .foorTit{
    font-size: 40px;
    line-height: 1.875;
    font-weight: 700;
    text-align: center;
    letter-spacing: 2px;
}
.secDesignFloor .txtColor{
    background: #fac33f;
    padding: 0 5px;
}
.secDesignFloor .foorImg{
    margin-top: 45px;
}
@media only screen and (max-width:767px){
    .secDesignFloor{
        margin-top: 30px;
        overflow: hidden;
    }
    .secDesignFloor .foorTit{
        font-size: 18px;
        line-height: 1.9;
        letter-spacing: normal;
    }
    .secDesignFloor .spanSpleft{
        padding-left: 5px;
    }
    .secDesignFloor .spanSpRight{
        padding-right: 5px;
    }
    .secDesignFloor .foorImg{
        margin-top: 20px;
    }
}

@media only screen and (max-width:767px){
	.scrollItem{
        position: relative;
        width: 100%;
        height: 100%;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    .scrollItem::-webkit-scrollbar{
        display: none;
    }
    .scrollItem::before{
        content: "";
        display: block;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: url(../img/concept/design/iconZoom.png) center center / 80px auto no-repeat;
        transition: all 0.2s ease-out 0.2s;
        animation: scrollItemAnimation 1s linear infinite;
        z-index: 10;
        pointer-events: none;
    }
    .scrollItem.scrolled::before{
        opacity: 0;
    }
    @keyframes scrollItemAnimation {
        0%   { transform:translateX(0); }
        25%   { transform:translateX(10px) }
        50% { transform:translateX(0); }
        75% { transform:translateX(-10px); }
        100% { transform:translateX(0); }
    }
}

/* secDesignGallery */
.secDesignGallery{
    margin-top: 146px;
}
.secDesignGallery .galleryTit{
    font-size: 40px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
}
.secDesignGallery .txtColor{
   background: #fac33f;
   padding: 0 5px;
}
@media only screen and (max-width:767px){
    .secDesignGallery{
        margin-top: 40px;
        overflow: hidden;
    }
    .secDesignGallery .galleryTit{
        font-size: 18px;
       line-height: 1.9;
        letter-spacing: normal;
    }
    .secDesignGallery .spanSpleft{
        padding-left: 5px;
    }
    .secDesignGallery .spanSpRight{
        padding-right: 5px;
    }
}
/* secDesignSlider */
.secDesignSlider{
    margin-top: 50px;
}
.secDesignSlider .boxSlider{
    position: relative;
    overflow: hidden;
}
.secDesignSlider .swiper-wrapper{
    transition-timing-function: linear;
}
.secDesignSlider .swiper-container{
    width: 470px;
    overflow: visible;
}
@media only screen and (max-width:767px){
    .secDesignSlider{
        margin-top: 20px;
    }
    .secDesignSlider .swiper-container{
        width: 62.667vw;
    }
    .secDesignSlider .img{
        text-align: center;
    }
    .secDesignSlider img{
        max-width: 100%;
        height: auto;
        width: auto;
    }
}

.design .secCmnConcept {
    margin: 77px auto 150px;
}
.design .secCmnConcept .topTxtBox {
    padding-bottom: 77px;
}
@media only screen and (max-width:767px){
    .design .secCmnConcept .topTxtBox {
        padding-bottom: 15px;
    }
    .design .secCmnConcept {
        margin: 40px auto 50px;
    }
}

/* ---------------
   performance
-----------------*/

.secPerformanceTop{
    margin-top: 96px;
}
.secPerformanceTop .topTit{
    font-size: 40px;
    font-weight: 700;
    text-align: center;
    margin-top: 9px;
    letter-spacing: 1.5px;
}
.secPerformanceTop .spanColor{
    color: #f39800;
}
.secPerformanceTop  .topList{
    display: flex;
    margin-top: 68px;
}
.secPerformanceTop .topItem{
    width: 30.77%;
    margin-right: 3.845%;
}
.secPerformanceTop .topItem:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secPerformanceTop{
        margin-top: 20px;
    }
    .secPerformanceTop .topTit{
        font-size: 18px;
        line-height: 1.6;
        letter-spacing: 1px;
    }
    .secPerformanceTop .spanNum{
        font-size: 30px;
        vertical-align: -2px;
    }
    .secPerformanceTop  .topList{
        display: block;
        margin-top: 20px;
    }
    .secPerformanceTop .topItem{
        width: 90%;
        margin: 0 auto;
        max-width: 400px;
    }
    .secPerformanceTop .topItem:last-child{
        margin-right: auto;
    }
    .secPerformanceTop .topItem:nth-child(n+2){
        margin-top: 30px;
    }
}

/* bgColor */
.bgColor01 {
    background-image: -moz-linear-gradient( 0deg, rgb(255,117,105) 0%, rgb(255,177,26) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(255,117,105) 0%, rgb(255,177,26) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(255,117,105) 0%, rgb(255,177,26) 100%);
}

.secPerformanceElement{
    margin-top: 110px;
}
.secPerformanceElement .elementTit{
    font-size: 30px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    letter-spacing: 2px;
}
.secPerformanceElement .spanBgcolor{
    background: #000;
    padding: 7px 10px;
}
.secPerformanceElement .spanNum{
    color: #f39800;
    font-size: 40px;
    vertical-align: -3px;
}
.secPerformanceElement .elementBox{
    display: flex;
    margin-top: 40px;
}
.secPerformanceElement .elementTxt{
    font-size: 38px;
    font-weight: 700;
    color: #fff;
    width: 19.231%;
    margin-right: 0.96125%;
    text-align: center;
    padding: 45px 0;
    letter-spacing: 4px;
}
.secPerformanceElement .elementTxt:last-child{
    margin-right: 0;
}
@media only screen and (max-width:767px){
    .secPerformanceElement{
        margin-top: 40px;
    }
    .secPerformanceElement .elementTit{
        font-size: 18px;
        line-height: 1.8;
        letter-spacing: normal;
    }
    .secPerformanceElement .spanBgcolor{
        padding: 5px 10px;
    }
    .secPerformanceElement .spanPRight{
        padding-right: 5px;
    }
    .secPerformanceElement .spanPLeft{
        padding-left: 5px;
    }
    .secPerformanceElement .spanNum{
        font-size: 30px;
    }
    .secPerformanceElement .elementBox{
        flex-wrap: wrap;
        justify-content: center;
        margin-top: 20px;
    }
    .secPerformanceElement .elementTxt{
        font-size: 18px;
        color: #fff;
        width: 30%;
        margin-right: 5%;
        padding: 15px 0;
        letter-spacing: 2px;
    }
    .secPerformanceElement .elementTxt:nth-child(3){
        margin-right: 0;
    }
    .secPerformanceElement .elementTxt:nth-child(n+4){
        margin-top: 15px;
    }
}

/* secElementMain */
.secElementMain{
    margin-top: 76px;
}
.secElementMain .mainTxt{
    font-size: 40px;
    line-height: 1.7;
    text-align: center;
    font-weight: 700;
    letter-spacing: 3px;
}
.secElementMain .spanNum{
    font-size: 70px;
    color: #f39800;
    line-height: 1;
    vertical-align: -3px;
}

/* mainBox */
.secElementMain .mainBox{
    margin-top: 37px;
}
.secElementMain .mainBox:nth-child(n+3){
    margin-top: 85px;
}
.secElementMain .titBar{
    padding: 34px 0;
    color: #fff;
    font-size: 30px;
    text-align: center;
    font-weight: 700;
    letter-spacing: 2px;
}
.secElementMain .boxList{
    padding-top: 37px;
}
.secElementMain .listItem{
    display: flex;
    flex-direction: row-reverse;
}
.secElementMain .listItem:nth-child(n+2){
    margin-top: 110px;
}
.secElementMain .txtBox{
    width: calc(100% - 500px);
    padding-right: 80px;
}
.secElementMain .topBox{
    display: flex;
    align-items: center;
}
.secElementMain .boxNum{
    font-size: 100px;
    color: #f39800;
    font-weight: 700;
    flex-shrink: 0;
}
.secElementMain .boxTit{
    font-size: 30px;
    line-height: 1.5;
    font-weight: 700;
    margin-left: 25px;
    letter-spacing: 2px;
}
.secElementMain .boxTit.firstTit{
    margin-left: 10px;
}
.secElementMain .spanColor{
    color: #f39800;
}
.secElementMain .boxTxt{
    font-size: 15px;
    font-weight: 500;
    line-height: 1.8;
    margin-top: 20px;
    letter-spacing: 1px;
}
.secElementMain .pointBox{
    position: relative;
    background: #f9f7f1;
    padding: 25px 20px;
    margin-top: 47px;
}
.secElementMain .pointTit{
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    width: 72px;
    padding: 4px 0;
    background-image: -moz-linear-gradient( 0deg, rgb(243,152,0) 0%, rgb(110,185,43) 100%);
    background-image: -webkit-linear-gradient( 0deg, rgb(243,152,0) 0%, rgb(110,185,43) 100%);
    background-image: -ms-linear-gradient( 0deg, rgb(243,152,0) 0%, rgb(110,185,43) 100%);
    position: absolute;
    left: 20px;
    top: -14px;
}
.secElementMain .pointTxt{
    line-height: 1.6;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
.secElementMain .zeh{
    margin-top: 30px;
    margin-left: 10px;
}
.secElementMain .zehLink{
    color: #000;
    margin-top: 30px;
    letter-spacing: 0.5px;
    font-size: 15px;
    font-weight: 500;
}
.secElementMain .imgBox{
    margin-top: 14px;
}

@media only screen and (max-width:767px){
    .secElementMain{
        margin-top: 30px;
    }
    .secElementMain .mainTxt{
        font-size: 18px;
        line-height: 1.5;
        letter-spacing: normal;
    }
    .secElementMain .spanNum {
        font-size: 30px;
    }
    .secElementMain .mainBox{
        margin-top: 20px;
    }
    .secElementMain .mainBox:nth-child(n+3){
        margin-top: 40px;
    }
    .secElementMain .titBar{
        padding: 20px 0;
        font-size: 18px;
        letter-spacing: 1px;
    }
    .secElementMain .boxList {
        padding-top: 20px;
    }
    .secElementMain .listItem{
        display: block;
    }
    .secElementMain .txtBox{
        width: 100%;
        padding-right: 0;
        margin-top: 20px;
    }
    .secElementMain .boxNum{
        font-size: 40px;
    }
    .secElementMain .boxTit{
        font-size: 15px;
        margin-left: 8px;
        letter-spacing: 0;
    }
    .secElementMain .boxTit.firstTit{
        margin-left: 5px;
    }
    .secElementMain .boxTxt{
        font-size: 13px;
        line-height: 1.8;
        margin-top: 15px;
        letter-spacing: 0;
    }
    .secElementMain .pointBox{
        padding: 15px 10px;
        margin-top: 20px;
    }
    .secElementMain .pointTit{
        font-size: 14px;
        width: 55px;
        padding: 4px 0 2px;
        left: 10px;
        top: -10px;
    }
    .secElementMain .pointTxt{
        font-size: 13px;
        line-height: 1.8;
    }
    .secElementMain .zeh{
        margin-top: 20px;
        margin-left: 10px;
    }
    .secElementMain .zehLink{
        color: #000;
        margin-top: 30px;
        letter-spacing: 0.5px;
        font-size: 13px;
    }
    .secElementMain .imgBox{
        margin-top: 0;
    }
    .secElementMain .listItem:nth-child(n+2) {
        margin-top: 40px;
    }
}
@media only screen and (max-width:359px){
    .secElementMain .mainTxt {
        font-size: 16px;
    }
    .secElementMain .spanNum {
        font-size: 28px;
    }
    .secElementMain .boxNum {
        font-size: 30px;
    }
    .secElementMain .boxTit {
        font-size: 13px;
    }
    .secElementMain .boxTxt {
        font-size: 11px;
        margin-top: 10px;
    }
    .secElementMain .pointTxt{
        font-size: 11px;
    }
}

.performance .secCmnConcept {
    margin: 122px auto 150px;
}
.performance .secCmnConcept .topTxtBox {
    padding-bottom: 24px;
}
.performance .secCmnConcept .conceptTxt {
    margin-top: 0px;
}
@media only screen and (max-width:767px){
    .performance .secCmnConcept .topTxtBox {
        padding-bottom: 15px;
    }
    .performance .secCmnConcept {
        margin: 40px auto 50px;
    }
}

/* secPerformanceWarranty */
.secPerformanceWarranty{
    margin-top: 75px;
}
.secPerformanceWarranty .titHead{
    height: 60px;
    background: #302b29;
    color: #fff;
    font-weight: bold;
    text-align: center;
    padding-top: 10px;
    font-size: 30px;
    letter-spacing: 2px;
}
.secPerformanceWarranty .fTitHeadNum{
    color: #f39800;
    font-size: 38px;
    vertical-align: -3px;
}
.secPerformanceWarranty .boxMenu{
    display: flex;
    justify-content: space-between;
    margin-top: 57px;
}
.secPerformanceWarranty .linkMenu{
    width: 320px;
    height: 230px;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    background: #f9f7f1;
    border: 1px solid #302b29;
    color: inherit;
    text-decoration: none;
    position: relative;
    padding-top: 10px;
}
.secPerformanceWarranty .numMenu,
.secPerformanceWarranty .numDetails{
    width: 55px;
    height: 55px;
    font-size: 30px;
    font-weight: bold;
    color: #fff;
    border-radius: 27.5px;
    position: absolute;
    top: -27.5px;
    left: calc(50% - 27.5px);
    background: #302b29;
    display: flex;
    align-items: center;
    justify-content: center;
}
.secPerformanceWarranty .txtMenu{
    font-size: 25px;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    letter-spacing: 1.5px;
}
.secPerformanceWarranty .imgMenu{
    margin-top: 10px;
}
.secPerformanceWarranty .fTxtMenuNum{
    font-size: 30px;
    vertical-align: -1px;
}
.secPerformanceWarranty .boxDetails{
    margin-top: 29px;
    padding-top: 28px;
}
.secPerformanceWarranty .boxDetailsIn{
    background: #f9f7f1;
    border: 1px solid #302b29;
    position: relative;
    text-align: center;
}
.secPerformanceWarranty .boxMenu + .boxDetails{
    margin-top: 39px;
}
.secPerformanceWarranty .titDetails{
    font-size: 25px;
    font-weight: bold;
    padding: 55px 0 30px;
    letter-spacing: 2px;
}
.secPerformanceWarranty .txtDetails{
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 1px;
    padding: 35px 0 46px;
}
@media only screen and (max-width:767px){
    .secPerformanceWarranty{
        margin-top: 40px;
    }
    .secPerformanceWarranty .titHead{
        height: auto;
        padding: 10px 0;
        font-size: 18px;
        letter-spacing: 0.5px;
    }
    .secPerformanceWarranty .fTitHeadNum{
        font-size: 23px;
        vertical-align: -2px;
    }
    .secPerformanceWarranty .boxMenu{
        margin-top: 25px;
    }
    .secPerformanceWarranty .itemMenu{
        width: calc(33.333% - 5px);
    }
    .secPerformanceWarranty .linkMenu{
        width: 100%;
        height: 120px;
        padding-top: 0;
    }
    .secPerformanceWarranty .numMenu,
    .secPerformanceWarranty .numDetails{
        width: 30px;
        height: 30px;
        font-size: 18px;
        border-radius: 15px;
        top: -15px;
        left: calc(50% - 15px);
    }
    .secPerformanceWarranty .txtMenu{
        font-size: 15px;
        letter-spacing: 0;
    }
    .secPerformanceWarranty .imgMenu{
        margin-top: 7px;
    }
    .secPerformanceWarranty .imgMenu img{
        width: auto;
        height: 32px;
    }
    .secPerformanceWarranty .fTxtMenuNum{
        font-size: 18px;
    }
    .secPerformanceWarranty .boxDetails{
        margin-top: 15px;
        padding-top: 15px;
    }
    .secPerformanceWarranty .boxMenu + .boxDetails{
        margin-top: 20px;
    }
    .secPerformanceWarranty .boxDetailsIn{
        padding: 10px;
    }
    .secPerformanceWarranty .titDetails{
        font-size: 15px;
        line-height: 1.5;
        padding: 15px 0;
        letter-spacing: 0;
    }
    .secPerformanceWarranty .txtDetails{
        font-size: 13px;
        letter-spacing: 0;
        padding: 15px 0;
        text-align: left;
    }
}
@media only screen and (max-width:359px){
    .secPerformanceWarranty .numMenu,
    .secPerformanceWarranty .numDetails{
        font-size: 15px;
    }
    .secPerformanceWarranty .txtMenu{
        font-size: 13px;
        letter-spacing: 0;
    }
    .secPerformanceWarranty .fTxtMenuNum{
        font-size: 15px;
    }
}

/* --------------
  after
----------------*/
/*--secAfterTop--*/
.secAfterTop{
    margin-top: 100px;
}
.secAfterTop .topWrapper{
    position: relative;
    height: 480px;
    overflow: hidden;
}
.secAfterTop .txtBox{
    padding-top: 30px;
    padding-left: 215px;
}
.secAfterTop .boxTit{
    font-size: 30px;
    line-height: 2;
    font-weight: 700;
    letter-spacing: 1.5px;
}
.secAfterTop .boxTxt{
    font-size: 15px;
    line-height: 2.4;
    margin-top: 15px;
    font-weight: 500;
    letter-spacing: 1px;
}
.secAfterTop .spanSpace{
    margin-top: 25px;
    display: block;
}
.secAfterTop .itemImg{
    position: absolute;
    top: 0;
}
.secAfterTop .itemImg.left{
    left: calc(50% - 960px);
}
.secAfterTop .itemImg.right{
    right: calc(50% - 960px);
}
@media only screen and (max-width:767px){
    .secAfterTop{
        margin-top: 20px;
    }
    .secAfterTop .topWrapper{
        height: auto;
    }
    .secAfterTop .txtBox{
        padding: 0;
    }
    .secAfterTop .boxTit{
        font-size: 16px;
        line-height: 2.4;
        letter-spacing: normal;
    }
    .secAfterTop .boxTxt{
        font-size: 12px;
        line-height: 2;
        margin-top: 12px;
        letter-spacing: normal;
    }
    .secAfterTop .spanSpace{
        margin-top: 12px;
    }
    .secAfterTop .itemCenter{
        width: 89.334%;
        margin: 35px auto 0;
    }
}
@media only screen and (max-width:359px){
    .secAfterTop .boxTit{
        font-size: 14px;
    }
    .secAfterTop .boxTxt{
        font-size: 10px;
    }
}

.secAfterIdeal{
    margin-top: 88px;
}
.secAfterIdeal .tit{
    font-size: 40px;
    line-height: 1.5;
    text-align: center;
    font-weight: 700;
    letter-spacing: normal;
}
.secAfterIdeal .worriesBox{
    display: flex;
    margin-top: 20px;
    position: relative;
}
.secAfterIdeal .worriesBox::after{
    position: absolute;
    content: "";
    width: 160px;
    height: 106px;
    left: calc(50% - 80px);
    bottom: -126px;
}
.secAfterIdeal .worriesBox.lazyloaded::after{
    background: url(../img/concept/after/iconArrow.gif) center top / cover;
}
.secAfterIdeal .worriesItem{
    width: 32.308%;
    margin-right: 1.538%;
    height: 280px;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
    font-size: 22px;
    line-height: 1.59;
    color: #fff;
    font-weight: 700;
    background:linear-gradient(to bottom right, #3e434a 50% , #33373d 50%);
}
.secAfterIdeal .worriesItem:last-child{
    margin-right: 0;
}
.secAfterIdeal .idealTit{
    font-size: 40px;
    line-height: 1.5;
    font-weight: 700;
    text-align: center;
    margin-top: 145px;
    letter-spacing: normal;
    color: #f39800;
}
.secAfterIdeal .idealList{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 50px;
}
.secAfterIdeal .idealItem{
    width: 23.077%;
    margin-right: 2.564%;
}
.secAfterIdeal .idealItem:nth-child(4),.secAfterIdeal .idealItem:last-child{
    margin-right: 0;
}
.secAfterIdeal .idealItem:nth-child(n+5){
    margin-top: 30px;
}
.secAfterIdeal .itemTxt{
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    background: #f39800;
    color: #fff;
    padding: 25px 0;
    letter-spacing: 1.5px;
}
@media only screen and (max-width:767px){
    .secAfterIdeal{
        margin-top: 45px;
    }
    .secAfterIdeal .tit{
        font-size: 18px;
    }
    .secAfterIdeal .worriesBox{
        display: block;
        margin-top: 20px;
        position: relative;
    }
    .secAfterIdeal .worriesBox::after{
        width: 80px;
        height: 53px;
        left: calc(50% - 40px);
        bottom: -70px;
    }
    .secAfterIdeal .worriesBox.lazyloaded::after{
        background-size: cover;
    }
    .secAfterIdeal .worriesItem{
        width: 100%;
        margin: 0 auto;
        height: 80px;
        font-size: 14px;
    }
    .secAfterIdeal .worriesItem:nth-child(n+2){
        margin: 15px auto 0;
    }
    .secAfterIdeal .idealTit{
        font-size: 18px;
        margin-top: 85px;
        letter-spacing: 1px;
    }
    .secAfterIdeal .idealList{
        justify-content: flex-start;
        margin-top: 30px;
    }
    .secAfterIdeal .idealItem{
        width: 47%;
        margin-right: 6%;
    }
    .secAfterIdeal .idealItem:nth-child(2n),.secAfterIdeal .idealItem:last-child{
        margin-right: 0;
    }
    .secAfterIdeal .idealItem:nth-child(n+3){
        margin-top: 10px;
    }
    .secAfterIdeal .itemTxt{
        font-size: 14px;
        padding: 15px 0;
        letter-spacing: normal;
    }
}
@media only screen and (max-width:359px){
    .secAfterIdeal .tit{
        font-size: 16px;
    }
}

.afterCmnTit{
    line-height: 1.466;
    padding: 38px 0 34px;
    font-size: 30px;
    color: #fff;
    text-align: center;
    font-weight: 700;
    letter-spacing: 1px;
}
@media only screen and (max-width:767px){
    .afterCmnTit{
        line-height: 1.5;
        padding: 20px 0;
        font-size: 18px;
        letter-spacing: normal;
    }
}
@media only screen and (max-width:359px){
    .afterCmnTit{
        font-size: 16px;
    }
}

/*--secAfterPoint--*/
.secAfterPoint{
    margin-top: 90px;
}
.secAfterPoint .pointList{
    margin-top: 60px;
}
.secAfterPoint .pointItem{
    display: flex;
}
.secAfterPoint .pointItem:nth-child(n+2){
    margin-top: 92px;
}
.secAfterPoint .leftBox{
    position: relative;
    margin-top: 8px;
}
.secAfterPoint .numTxt{
    font-size: 55px;
    color: #FF8C00;
    background: -webkit-linear-gradient(0deg, #f39800,#6eb92b);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    display: inline-block;
    font-weight: 700;
    position: absolute;
    top: -25px;
    left: 20px;
}
.secAfterPoint .rightBox{
    padding-left: 40px;
}
.secAfterPoint .boxTit{
    font-size: 30px;
    font-weight: 700;
    line-height: 1.466;
}
.secAfterPoint .boxTxt{
    font-size: 14px;
    line-height: 1.857;
    font-weight: 500;
    margin-top: 17px;
}
.secAfterPoint .spanSpace{
    display: block;
    margin-top: 27px;
}
@media only screen and (max-width:767px){
    .secAfterPoint{
        margin-top: 30px;
    }
    .secAfterPoint .pointList{
        margin-top: 30px;
    }
    .secAfterPoint .pointItem{
        display: block;
    }
    .secAfterPoint .pointItem:nth-child(n+2){
        margin-top: 50px;
    }
    .secAfterPoint .leftBox{
        position: relative;
        margin-top: 0;
    }
    .secAfterPoint .numTxt{
        font-size: 30px;
        top: -15px;
        left: 10px;
    }
    .secAfterPoint .rightBox{
        padding-left: 0;
        margin-top: 15px;
    }
    .secAfterPoint .boxTit{
        font-size: 15px;
        line-height: 1.5;
    }
    .secAfterPoint .boxTxt{
        font-size: 12px;
        line-height: 1.8;
        margin-top: 12px;
    }
    .secAfterPoint .spanSpace{
        margin-top: 10px;
    }
}
@media only screen and (max-width:359px){
    .secAfterPoint .boxTit{
        font-size: 13px;
    }
    .secAfterPoint .boxTxt{
        font-size: 10px;
    }
}

.secAfterSupport{
    margin-top: 100px;
}
.secAfterSupport .supportTit{
    font-size: 20px;
    line-height: 1.6;
    text-align: center;
    font-weight: 700;
    margin-top: 42px;
    letter-spacing: 0.5px;
}
.secAfterSupport .img{
    margin-top: 33px;
}
@media only screen and (max-width:767px){
    .secAfterSupport{
        margin-top: 40px;
    }
    .secAfterSupport .supportTit{
        font-size: 14px;
        line-height: 1.6;
        margin-top: 20px;
        letter-spacing: normal;
    }
    .secAfterSupport .img{
        margin-top: 20px;
    }
}

.after .conceptTit{
    color: #f39800;
}
.after .secCmnConcept .topTxtBox {
    position: relative;
    padding-bottom: 36px;
}
.after .secCmnConcept .spanSmall {
    color: #000;
    letter-spacing: normal;
}
.after .secCmnConcept {
    margin-top: 92px;
}
.after  .secCmnConcept .conceptTxt {
    font-size: 26px;
    line-height: 2;
    margin-top: 16px;
}
@media only screen and (max-width:767px){
    .after .secCmnConcept {
        margin-top: 40px;
    }
    .after .secCmnConcept .conceptTxt {
        font-size: 12px;
        line-height: 2;
    }
    .after .conceptTit {
        line-height: 1.5;
    }
    .after .secCmnConcept .spanSmall {
        display: block;
        line-height: 1.4;
        padding-bottom: 5px;
    }
}
@media only screen and (max-width:359px){
    .after .secCmnConcept .spanSmall {
        font-size: 13px;
    }
}

.isDesktopIpad .noneIpad{
    display: none !important;
}
.isDesktopIpad .secAfterPoint .boxTit {
    font-size: 22px;
}
.isDesktopIpad .secAfterPoint .boxTxt {
    font-size: 12px;
}