/*-----------------------------------------------
	index.html
-----------------------------------------------*/
/* secTop */
.secTop{
    height: 500px;
    padding-top: 100px;
}
.secTop.lazyloaded{
    background: url("../img/reform/bgTop.jpg") no-repeat center top;    
}
.secTop .titTop{
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 1px;
}
.secTop .titTop2{
    margin-top: 35px;
}
.secTop .titIn1{
    font-size: 20px;
}
.secTop .txtTop{
    font-size: 20px;
    line-height: 1.5;
    letter-spacing: 1px;
    margin-top: 20px;
}
.secTop .btnTop{
    display: block;
    width: 400px;
    height: 66px;
    border-radius: 50px;
    padding-top: 24px;
    color: #FFF;
    text-align: center;
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 40px;
}
@media only screen and (max-width:767px){
    .secTop{
        height: auto;
        padding: 10% 0 60%;
    }
    .secTop.lazyloaded{
        background: url("../img/reform/bgTop_sp.jpg") center bottom /100% no-repeat, #e2e4e2;        
    }
    .secTop .wrapBox{
        padding-left: 0;
        width: 92%;
        margin: 0 auto;
        text-align: center;
    }
    .secTop .titTop{
        font-size: 15px;
        font-weight: 400;
        letter-spacing: 0.5px;
    }
    .secTop .titTop2{
        margin-top: 10px;
        font-size: 20px;
        line-height: 1.6;
        font-weight: 700;
    }
    .secTop .titIn1{
        font-size: 15px;
    }
    .secTop .btnTop{
        width: 245px;
        height: 40px;
        padding-top: 12px;
        font-size: 16px;
        margin: 20px auto 0;
    }
}
@media only screen and (max-width:360px){
     .secTop .titTop2{
        font-size: 18px;
    }
}
@media only screen and (max-width:340px){
     .secTop .titTop2{
        font-size: 16px;
    }    
}
/* secPoint */
.secPoint{
    margin: 50px auto 0;
    padding-bottom: 95px;
    border-bottom: #dedada solid 1px;
}
.secPoint .titPoint{
    font-size: 26px;
    letter-spacing: 1px;
    text-align: center;
    padding-bottom: 30px;
    position: relative;
}
.secPoint .titPoint::after{
    content: "";
    width: 60px;
    height: 1px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background: #404040;
}
.secPoint .linkList{
    margin: 50px auto 0;
}
.secPoint .link{
    margin-bottom: 100px;
}
.secPoint .box{
    display: block;
    color: #000;
    position: relative;    
    height: auto;
}
.secPoint .itemBox{
    width: 700px;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin:auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;    
}
.secPoint .boxIn{
    width: 100%;
    min-height: 200px;
    display: flex;
    align-items: center;
    background: #FFF;
    border: #e5e5e5 solid 1px;
    padding: 40px 0;
}
.secPoint .link:nth-child(2n) .itemBox{
    left: auto;
    right: 0;
}
.secPoint .icon{
    color: #ea678b;
    text-align: center;    
}
.secPoint .icon .txt1{
    font-size: 16px;
}
.secPoint .icon .txt2{
    font-size: 55px;
    margin-top: 5px;
}
.secPoint .itemBox .icon{
    width: 160px;
}
.secPoint .itemBox .tit{
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 1.5px;
    flex: 1;
    padding-right: 20px;
}
.secPoint .link:nth-child(odd) .imgBox{
    float: right;
}
.secPoint .item{
    margin-bottom: 100px;
}
.secPoint .item:last-child{
    margin-bottom: 0;
}
.secPoint .itemList .icon{
    position: relative;
    padding-bottom: 25px;
    margin-bottom: 20px;
}
.secPoint .itemList .icon::after{
    content: "";
    width: 52px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
}
.secPoint .itemList .titItem{
    font-size: 28px;
    line-height: 1.5;
    letter-spacing: 1px;
    text-align: center;
}
.secPoint .itemList .boxAbout{
    margin-top: 55px;
    padding-top: 60px;
    border-top: #c9c9c9 solid 1px;
}
.secPoint .itemList .imgAbout{
    float: right;
    width: 600px;
}
.secPoint .itemList .txtAbout{
    width: 550px;
    float: left;
}
.secPoint .itemList .txt{
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 0.5px;
}
.secPoint .itemList .txt:nth-child(n+2){
    margin-top: 30px;
}
@media only screen and (max-width:767px){
    .secPoint{
        margin: 30px auto 0;
        padding-bottom: 30px;
        width: 92%;
    }
    .secPoint .titPoint{
        font-size: 20px;
        letter-spacing: 0.5px;
        padding-bottom: 35px;
    }
    .secPoint .titPoint::after{
        display: none;
    }
    .secPoint .icon .txt2{
        font-size: 36px;
    }
    .secPoint .item{
        margin-bottom: 40px;
    }
    .secPoint .itemList .icon{
        padding-bottom: 15px;
        margin-bottom: 30px;
    }
    .secPoint .itemList .icon::after{
        width: 45px;
    }
    .secPoint .itemList .titItem{
        font-size: 20px;
        letter-spacing: 0.5px;
    }
    .secPoint .itemList .boxAbout{
        margin-top: 25px;
        padding-top: 0;
        border-top: none;
    }
    .secPoint .itemList .imgAbout{
        float: none;
        width: 100%;
    }
    .secPoint .itemList .txtAbout{
        width: 100%;
        float: none;
        margin-top: 15px;
    }
    .secPoint .itemList .txt{
        font-size: 14px;
        line-height: 2;
        letter-spacing: 0;
    }
    .secPoint .itemList .txt:nth-child(n+2){
        margin-top: 20px;
    }
    .secPoint .itemList .txt.none{
        margin-top: 0;
    }
}
/*-----------------------------------------------
	knowledge.html
-----------------------------------------------*/
/* secKnowledge */
.secKnowledge{
    margin: 50px auto 0;
    width: 1040px;
}
.secKnowledge .btnList{
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;        
}
.secKnowledge .boxIn{
    width: 480px;
    color: #000;
    text-align: center;
    border: #e1e1e1 solid 1px;
    padding: 60px 10px;
    margin: 80px 80px 0 0;
}
.secKnowledge .boxIn:nth-child(2n){
    margin-right: 0;
}
.secKnowledge .boxIn:nth-child(-n+2){
    margin-top: 0;
}
.secKnowledge .titIn{
    font-size: 20px;
    letter-spacing: 1px;
    margin-top: 20px;
}
.secKnowledge .txtIn{
    font-size: 16px;
    line-height: 1.75;
    margin-top: 10px;
}
.secKnowledge .btnBox{
    width: 140px;
    height: 40px;
    color: #FFF;
    margin: 25px auto 0;
    font-size: 13px;
    padding-top: 13px;
}
@media only screen and (max-width:767px){
    .secKnowledge{
        margin: 20px auto 0;
        width: 92%;
    }
    .secKnowledge .boxIn{
        width: 47%;
        padding: 4% 10px;
        margin: 6% 6% 0 0;
        box-shadow:0px 3px 0px 0px #ededed;
    }
    .secKnowledge .titIn{
        font-size: 16px;
        letter-spacing: 0;
        margin-top: 10px;
        line-height: 1.4;
    }
    .secKnowledge .txtIn{
        font-size: 12px;
        line-height: 1.7;
        margin-top: 10px;
    }
}
@media only screen and (max-width:360px){
    .secKnowledge .titIn{
        font-size: 14px;
    }
    .secKnowledge .txtIn{
        font-size: 11px;
    }
}

/*-----------------------------------------------
	flow.html
-----------------------------------------------*/
/* secTop */
.secFlow .secTop{
    height: 500px;
    padding-top: 170px;
}
.secFlow .secTop.lazyloaded{
    background: url("../img/reform/bgTopFlow.jpg") no-repeat center top;    
}
.secFlow .secTop .titSub{
    font-size: 18px;
    letter-spacing: 1px;
}
.secFlow .secTop .titTop{
    font-size: 33px;
    margin-top: 15px;
}
.secFlow .secTop .txtTop{
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.5px;
    margin-top: 15px;
}
.secFlow .txtFlowTop{
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding: 19px 0;
    margin-bottom: 40px;
}
@media only screen and (max-width:767px){
    .secFlow .secTop{
        padding: 10% 0 60%;
        height: auto;
    }
    .secFlow .secTop.lazyloaded{
        background: url("../img/reform/bgTopFlow_sp.jpg") center bottom /100% no-repeat, #e2e4e2;
    }
    .secFlow .secTop .titSub{
        font-size: 13px;
    }
    .secFlow .secTop .titTop{
        font-size: 20px;
        line-height: 1.6;
        margin-top: 10px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }
    .secFlow .secTop .txtTop{
        font-size: 12px;
        line-height: 1.6;
        margin-top: 10px;
    }
    .secFlow .txtFlowTop{
        font-size: 15px;
        line-height: 1.5;
        padding: 15px 0;
        margin-bottom: 10px;
    }
}
/* secStep */
.secStep{
    margin: 100px auto 0;
    border-bottom: #dedada solid 1px;
}
.secStep .item{
    display: -webkit-flex;
    display: flex;
    margin-bottom: 40px;
}
.secStep .item:last-child{
    margin-bottom: 15px;
}
.secStep .leftBox{
    width: 70px;
    position: relative;
}
.secStep .leftBox::before{
    content: "";
    width: 11px;
    height: calc(100% - 96px);
    position: absolute;
    top: 70px;
    left: 19px;
    background: #c9c9c9;
}
.secStep .leftBox::after{
    content: "";
    width: 48px;
    height: 26px;
    position: absolute;
    left: 0;
    bottom: 0;
    border-top: 26px solid #c9c9c9;
    border-right: 24px solid transparent;
    border-left: 24px solid transparent;    
}
.secStep .item:last-child .leftBox::before,
.secStep .item:last-child .leftBox::after{
    display: none;
}
.secStep .icon{
    color: #eb6877;
    width: 50px;
    text-align: center;
}
.secStep .icon .txt1{
    font-size: 16px;
    letter-spacing: 0.5px;
}
.secStep .icon .txt2{
    font-size: 42px;
    letter-spacing: 0.5px;
    margin-top: 5px;
}
.secStep .rightBox{
    width: calc(100% - 70px);
    padding-bottom: 45px;
}
.secStep .titBox{
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 20px;
}
.secStep .titBox .tit{
    font-size: 22px;
    line-height: 1.5;
}
.secStep .iconFree{
    width: 60px;
    font-size: 16px;
    background: #e60012;
    color: #FFF;
    text-align: center;
    padding: 6px 0 5px;
    letter-spacing: 2px;
    margin-left: 10px;
}
.secStep .txtBox{
    border-top: #dedada solid 1px;
    padding-top: 25px;
    width: 100%;
}
.secStep .txtBox .titIn{
    font-size: 17px;
    line-height: 1.5;
}
.secStep .txtBox .txtIn{
    font-size: 15px;
    line-height: 1.7;
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secStep{
        margin: 50px auto 0;
        width: 92%;
    }
    .secStep .item{
        margin-bottom: 20px;
    }
    .secStep .item:last-child{
        margin-bottom: 0;
    }
    .secStep .item:last-child .rightBox{
        padding-bottom: 30px;
    }
    .secStep .icon{
        width: 50px;
        text-align: center;
    }
    .secStep .titBox{
        margin-bottom: 15px;
        -webkit-justify-content: space-between;
        justify-content: space-between;    
    }
    .secStep .titBox .tit{
        font-size: 17px;
        letter-spacing: 0;
        width: calc(100% - 60px);
        padding-top: 3px;
    }
    .secStep .iconFree{
        width: 52px;
        font-size: 15px;
        margin-left: 0;
    }
    .secStep .txtBox{
        padding-top: 15px;
    }
    .secStep .txtBox .titIn{
        font-size: 15px;
        line-height: 1.6;
    }
    .secStep .txtBox .txtIn{
        font-size: 13px;
        line-height: 1.8;
        margin-top: 10px;
    }
}

/*-----------------------------------------------
	selection.html
-----------------------------------------------*/
/* secTop */
.secSelection .secTop{
    height: 500px;
    padding-top: 170px;
}
.secSelection .secTop.lazyloaded{
    background: url("../img/reform/bgTopSelection.jpg") no-repeat center top;
}
.secSelection .secTop .titSub{
    font-size: 18px;
    letter-spacing: 1px;
}
.secSelection .secTop .titTop{
    font-size: 33px;
    margin-top: 15px;
}
.secSelection .secTop .txtTop{
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.5px;
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secSelection .secTop{
        padding: 10% 0 60%;
        height: auto;
    }
    .secSelection .secTop.lazyloaded{
        background: url("../img/reform/bgTopSelection_sp.jpg") center bottom /100% no-repeat, #e2e4e2;
    }
    .secSelection .secTop .titSub{
        font-size: 13px;
    }
    .secSelection .secTop .titTop{
        font-size: 20px;
        line-height: 1.6;
        margin-top: 10px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }
    .secSelection .secTop .txtTop{
        font-size: 12px;
        line-height: 1.6;
        margin-top: 10px;
    }
}
/* secPoint */
.secSelection .secPoint{
    border-bottom: none;
}
.secSelection .secPoint .boxAbout{
    padding: 50px 0 0;
}
.secSelection .secPoint .circleList{
    display: -webkit-flex;
    display: flex;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    justify-content: center;
    width: calc(180px + ((180px + 20px) * 4));
    margin: 0 auto;
}
.secSelection .secPoint .circle{
    width: 180px;
    height: 180px;
    background: #f1f1f1;
    border-radius: 100%;
    text-align: center;
    display: -webkit-flex;
    display: flex;    
    -webkit-justify-content: center;
    justify-content: center;    
    -webkit-align-items: center;
    align-items: center;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 700;
    margin-right: 20px;
}
.secSelection .secPoint .circle:last-child,
.secSelection .secPoint .circle:nth-child(5n){
    margin-right: 0;
}
.secSelection .secPoint .circle:nth-child(n + 6){
    margin-top: 20px;
}
.secSelection .secPoint .leftBox{
    float: left;
}
.secSelection .secPoint .rightBox{
    float: right;
}
.secSelection .secPoint .btnReserve,
.secSelection .secPoint .btnAnother{
    display: block;
    width: 500px;
    height: 66px;
    color: #FFF;
    text-align: center;
    border-radius: 50px;
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: 500;
    padding-top: 22px;
    margin-top: 40px;
}
.secSelection .secPoint .btnAnother{
    color: #000;
    border: #c9c9c9 solid 1px;
}
.secSelection .secPoint .txt{
    margin: 0 auto 30px;
}
.secSelection .secPoint .txt:last-child{
    margin-bottom: 0;
}
.secSelection .secPoint .titIn{
    font-size: 28px;
    line-height: 1.8;
}
.secSelection .secPoint .flowList{
    margin: 10px auto 0;
}
.secSelection .secPoint .flow{
    width: 560px;
    float: left;
    text-align: center;
    border: #c9c9c9 solid 1px;
    padding: 16px 10px 15px;
    font-size: 16px;
    margin-top: 10px;
    position: relative;
    font-weight: 500;
}
.secSelection .secPoint .flow:nth-child(2n){
    float: right;
}
.secSelection .secPoint .flow:nth-child(2n)::after{
    content: "";
    width: 35px;
    height: 16px;
    background: url("../img/reform/iconArrow01.gif") no-repeat center;
    position: absolute;
    left: -58px;
    top: 0;
    bottom: 0;
    margin: auto;
}
/* secPoint box1 */
.secSelection .box1 .boxIn{
    margin: 50px auto 0;
    padding: 40px 40px;
}
.secSelection .box1 .btnReserve{
    margin-top: 0;
}
.secSelection .box1 .leftBox,
.secSelection .box1 .rightBox{
    float: none;
}
@media only screen and (min-width:768px){
.secSelection .box1 .leftBox{
    flex: 1;
    padding-right: 20px;
}
}
/* secPoint box3 */
.secSelection .box3 .leftBox{
    width: 640px;
}
.secSelection .box3 .circleList{
    width: 580px;
    margin-left: 0;
}
@media only screen and (max-width:767px){
    .secSelection .secPoint{
        border-bottom: #dedada solid 1px;
        padding-bottom: 50px;
    }
    .secSelection .secPoint .boxAbout{
        padding: 0;
    }
    .secSelection .secPoint .circleList{
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        width: 100%;
    }
    .secSelection .secPoint .circle:nth-child(5n),
    .secSelection .secPoint .circle{
        width:calc((100% - 20px) / 3);
        height: 0;
        padding-top: 32%;
        font-size: 11px;
        position: relative;
        margin-right: 10px;
    }
    .secSelection .secPoint .circle:nth-child(3n),
    .secSelection .secPoint .circle:last-child{
        margin-right: 0;
    }
    .secSelection .secPoint .circle:nth-child(n + 4),
    .secSelection .secPoint .circle:nth-child(n + 6){
        margin-top: 10px;
    }
    .secSelection .secPoint .txtCircle{
        width: 100%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        -webkit-transform: translateY(-50%) translateX(-50%);
        margin: auto;
        letter-spacing: -0.5px;
    }
    .secSelection .secPoint .leftBox{
        float: none;
    }
    .secSelection .secPoint .rightBox{
        float: none;
    }
    .secSelection .secPoint .btnReserve,
    .secSelection .secPoint .btnAnother{
        width: 88%;
        height: 36px;
        font-size: 16px;
        padding-top: 11px;
        margin: 20px auto 0;
    }
    .secSelection .secPoint .txt{
        margin: 0 auto 24px;
    }
    .secSelection .secPoint .titIn{
        font-size: 14px;
        line-height: 2;
    }
    .secSelection .secPoint .flowList{
        margin: 0;
    }
    .secSelection .secPoint .flow{
        width: 100%;
        float: none;
        padding: 12px 10px;
        font-size: 14px;
        line-height: 1.4;
        margin-top: 20px;
    }
    .secSelection .secPoint .flow:nth-child(2n){
        float: none;
    }
    .secSelection .secPoint .flow:nth-child(2n)::after{
        content: "";
        background: none;
        border-top: 6px solid #000;
        border-right: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 6px solid transparent;
        width: 12px;
        height: 6px;
        position: absolute;
        left: 0;
        right: 0;
        top: -14px;
        margin: 0 auto;
    }
    /* secPoint box1 */
    .secSelection .box1 .boxIn{
        margin: 20px auto 0;
        flex-wrap:wrap;
        padding: 20px;
    }
    .secSelection .box1 .leftBox{
        width: 100%;
    }
    .secSelection .box1 .rightBox{
        display: block;
        width: 100%;
    }
    /* secPoint box3 */
    .secSelection .box3 .leftBox{
        width: 100%;
    }
    .secSelection .box3 .circleList{
        width: 100%;
        margin-top: 30px;
    }
    /* secPoint box4 */
    .secSelection .box4 .leftBox{
        margin-top: 20px;
    }
}
@media only screen and (max-width:350px){
    .secSelection .secPoint .circle{
        font-size: 10px;
    }
}

/*-----------------------------------------------
	aftter.html
-----------------------------------------------*/
/* secTop */
.secAfter .secTop{
    height: 500px;
    padding-top: 170px;
}
.secAfter .secTop.lazyloaded{
    background: url("../img/reform/bgTopAfter.jpg") no-repeat center top;    
}
.secAfter .secTop .titSub{
    font-size: 18px;
    letter-spacing: 1px;
}
.secAfter .secTop .titTop{
    font-size: 33px;
    margin-top: 15px;
}
.secAfter .secTop .txtTop{
    font-size: 15px;
    line-height: 2;
    letter-spacing: 0.5px;
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secAfter .secTop{
        padding: 10% 0 60%;
        height: auto;
    }
    .secAfter .secTop.lazyloaded{
        background: url("../img/reform/bgTopAfter_sp.jpg") center bottom /100% no-repeat, #e2e4e2;        
    }
    .secAfter .secTop .titSub{
        font-size: 13px;
    }
    .secAfter .secTop .titTop{
        font-size: 20px;
        line-height: 1.6;
        margin-top: 10px;
        font-weight: 700;
        letter-spacing: 0.5px;
    }
    .secAfter .secTop .txtTop{
        font-size: 12px;
        line-height: 1.6;
        margin-top: 10px;
    }
}
/* secWarranty */
.secWarranty{
    margin: 50px auto;
    border: #c9c9c9 solid 1px;
    padding: 35px 40px 50px;
    position: relative;
}
.secWarranty::after{
    content: "";
    width: 337px;
    height: 316px;
    background: url("../img/reform/imgWomen01.png") no-repeat;
    position: absolute;
    right: 20px;
    bottom: 0;
}
.secWarranty .leftBox{
    float: left;
}
.secWarranty .tit{
    font-size: 24px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.secWarranty .txt{
    font-size: 15px;
    line-height: 1.8;
    margin-top: 10px;
}
.secWarranty .boxImportant{
    margin-top: 35px;
}
.secWarranty .boxImportant .icon{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    float: left;
    background: linear-gradient(45deg, rgba(247,202,106,1) 0%, rgba(252,170,127,1) 100%);
    color: #FFF;
    text-align: center;
    font-size: 24px;
    padding-top: 40px;
    letter-spacing: 2px;
}
.secWarranty .boxImportant .txtBox{
    float: left;
    color: #e26920;
    margin-left: 15px;
}
.secWarranty .boxImportant .txt1{
    font-size: 16px;
    line-height: 1.8;
    letter-spacing: 0.5px;
}
.secWarranty .boxImportant .txt2{
    font-size: 29px;
    line-height: 1.7;
    margin-left: -8px;
    letter-spacing: 2px;    
}
.secWarranty .rightBox{
    float: left;
    margin-left: 30px;
}
@media only screen and (max-width:767px){
    .secWarranty{
        margin: 30px auto;
        border: none;
        padding: 0;
        width: 92%;
        text-align: center;
        display: block;
    }
    .secWarranty::after{
        content: "";
        width: 337px;
        height: 316px;
        background: url("../img/reform/imgWomen01.png") no-repeat;
        position: absolute;
        right: 20px;
        bottom: 0;
        display: none;
    }
    .secWarranty .leftBox{
        float: none;
    }
    .secWarranty .tit{
        font-size: 20px;
    }
    .secWarranty .txt{
        font-size: 14px;
        line-height: 2;
        text-align: left;
    }
    .secWarranty .boxImportant{
        margin-top: 25px;
    }
    .secWarranty .boxImportant .icon{
        width: 245px;
        height: 46px;
        border-radius: 0;
        float: none;
        margin: 0 auto;
        font-size: 22px;
        padding-top: 13px;
    }
    .secWarranty .boxImportant .txtBox{
        float: none;
        margin: 20px auto 0;
    }
    .secWarranty .boxImportant .txt1{
        font-size: 15px;
    }
    .secWarranty .boxImportant .txt2{
        font-size: 22px;
        line-height: 1.5;
        margin: 5px 0;
        letter-spacing: 2px;    
    }
    .secWarranty .rightBox{
        float: none;
        width: 200px;
        margin: 10px auto 0;
    }
    .secWarranty .btnList{
        width: 245px;
        margin: 20px auto 0;
    }
    .secWarranty .btnList .btn{
        display: block;
        color: #000;
        font-size: 15px;
        border-radius: 50px;
        border: #c9c9c9 solid 1px;
        text-align: center;
        padding: 10px 0 9px;
        margin: 15px auto 0;
        box-shadow:0px 3px 0px 0px #c9c9c9;
    }
}
/* secBox */
.secAfter .secBox{
    margin: 50px auto 0;
}
.secAfter .titAfterCmn{
    font-size: 20px;
    letter-spacing: 1px;
    border: #c9c9c9 solid 1px;
    padding: 20px;
    margin-bottom: 30px;
}
.secAfter .titAfterCmn.none{
    margin-bottom: 0;
    border-bottom: none;
}
@media only screen and (max-width:767px){
    .secAfter .secBox{
        margin: 40px auto 0;
        width: 92%;
    }
    .secAfter .titAfterCmn{
        font-size: 15px;
        line-height: 1.4;
        padding: 20px;
        margin-bottom: 20px;
        text-align: center;
    }
}

/* secDisclaimer */
.secDisclaimer .txt{
    display: -webkit-flex;
    display: flex;    
    font-size: 15px;
    line-height: 1.8;
}
.secDisclaimer .txtNum{
    min-width: 26px;
    letter-spacing: 1px;
}
.secDisclaimer .txtIn{
    width: calc(100% - 26px);
}
@media only screen and (max-width:767px){
    .secDisclaimer .txt{
        font-size: 13px;
        line-height: 1.5;
        margin-bottom: 20px;
    }
    .secDisclaimer .txtNum{
        min-width: 26px;
    }
    .secDisclaimer .txtIn{
        width: calc(100% - 26px);
        letter-spacing: 1px;
    }
}

/* secMaintenance */
.secMaintenance .list{
    border: #e5e5e5 solid 1px;
    margin-top: 30px;
    width: 100%;
    height: 200px;
    display: -webkit-flex;
    display: flex;    
    -webkit-align-items: center;
    align-items: center;    
}
.secMaintenance .icon{
    width: 170px;
    text-align: center;
    color: #ea678b;
}
.secMaintenance .icon .txt1{
    font-size: 14px;
}
.secMaintenance .icon .txt2{
    font-size: 55px;
    margin-top: 5px;
}
.secMaintenance .tit{
    font-size: 28px;
    letter-spacing: 1px;
}
.secMaintenance .txt{
    font-size: 15px;
    line-height: 1.8;
    margin-top: 15px;
}
@media only screen and (max-width:767px){
    .secMaintenance .list{
        border: none;
        margin-top: 30px;
        height: auto;
        display: block;
        position: relative;
    }
    .secMaintenance .icon{
        width: 50px;
        text-align: left;
        position: absolute;
        left: 0;
        top: 0;
    }
    .secMaintenance .icon .txt1{
        font-size: 10px;
    }
    .secMaintenance .icon .txt2{
        font-size: 30px;
    }
    .secMaintenance .tit{
        font-size: 16px;
        width: 100%;
        line-height: 1.4;
        margin: 0;
        padding: 15px 0 0 50px;
    }
    .secMaintenance .txt{
        font-size: 14px;
        line-height: 2;
        margin-top: 15px;
    }    
}

/*-----------------------------------------------
	faq.html
-----------------------------------------------*/
.secFaqList .faqList{
    margin: 20px auto 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;    
}
.secFaqList .faqList .faq{
    display: flex;
    align-items: center;
    width: 580px;
    min-height: 45px;
    color: #000;
    padding: 12px 20px 10px;
    border: #c9c9c9 solid 1px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.5;
    box-shadow:0px 3px 0px 0px #e4e4e4;
    margin-bottom: 25px;
    font-weight: 500;
}
.secFaqList .answerList{
    margin: 30px auto 0;
}
.secFaqList .answer{
    margin-bottom: 25px;
    cursor: pointer;
}
.secFaqList .boxAnswer{
    border: #c9c9c9 solid 1px;
    padding: 32px 50px;
}
.secFaqList .titIn{
    font-size: 24px;
    line-height: 1.5;
    letter-spacing: 2px;
    padding-right: 70px;
    position: relative;
}
.secFaqList .titIn::before{
    content: "";
    width: 40px;
    height: 4px;
    background: #CCC;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
}
.secFaqList .titIn::after{
    content: "";
    width: 4px;
    height: 40px;
    background: #CCC;
    position: absolute;
    right: 18px;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 1;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;    
}
.secFaqList .active .titIn::after{
    opacity: 0;
}
.secFaqList .underBox{
    height: 0;
    opacity: 0;
    overflow: hidden;
    -webkit-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;        
}
.secFaqList .active .underBox{
    height: auto;
    opacity: 1;
}
.secFaqList .dlBox{
    display: -webkit-flex;
    display: flex;
    width: 100%;
    border-top: #c9c9c9 solid 1px;
    padding-top: 0;
    margin-top: 0;
}
.secFaqList .active .dlBox{
    padding-top: 30px;
    margin-top: 30px;    
}
.secFaqList .dtBox{
    width: 100px;
    height: 100px;
    border-radius: 100%;
    float: left;
    background: linear-gradient(45deg, rgba(247,202,106,1) 0%, rgba(252,170,127,1) 100%);
    color: #FFF;
    text-align: center;
    font-size: 20px;
    padding-top: 42px;
    letter-spacing: 2px;    
}
.secFaqList .ddBox{
    width: calc(100% - 100px);
    padding: 15px 0 0 20px;
    font-size: 15px;
    line-height: 1.8;
    letter-spacing: 1px;
}
.secFaqList .btnToTop{
    float: right;
    display: none;
    width: 140px;
    height: 45px;
    color: #000;
    padding: 12px 20px 10px;
    border: #c9c9c9 solid 1px;
    border-radius: 50px;
    font-size: 14px;
    line-height: 1.5;
    box-shadow:0px 3px 0px 0px #e4e4e4;
    margin-top: 20px;
    font-weight: 500;
}
.secFaqList .active .btnToTop{
    display: block;    
}
@media only screen and (max-width:767px){
    .secFaqList .faqList{
        margin: 20px auto 0;
        width: 92%;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap;
        -webkit-flex-direction: column;
        flex-direction: column;
    }
    .secFaqList .faqList .faq{
        display: -webkit-flex;
        display: flex;
        -webkit-align-items: center;
        align-items: center;
        width: 100%;
        min-height: 55px;
        padding: 8px 20px;
        font-size: 12px;
        line-height: 1.3;
        box-shadow:0px 4px 0px 0px #e4e4e4;
        margin-bottom: 18px;
    }
    .secFaqList .answerList{
        margin: 20px auto 0;
        width: 92%;
    }
    .secFaqList .answer{
        margin-bottom: 20px;
    }
    .secFaqList .boxAnswer{
        padding: 20px;
    }
    .secFaqList .titIn{
        font-size: 15px;
        letter-spacing: 0.5px;
        padding-right: 40px;
    }
    .secFaqList .titIn::before{
        width: 30px;
    }
    .secFaqList .titIn::after{
        height: 30px;
        right: 13px;
    }    
    .secFaqList .active .dlBox{
        padding-top: 15px;
        margin-top: 15px;
    }    
    .secFaqList .dtBox{
        width: 45px;
        height: 45px;
        font-size: 12px;
        padding-top: 18px;
        letter-spacing: 0;    
    }
    .secFaqList .ddBox{
        width: calc(100% - 45px);
        padding: 0 0 0 15px;
        font-size: 13px;
        line-height: 1.5;
    }
    .secFaqList .btnToTop{
        width: 120px;
        height: auto;
        padding: 10px;
        font-size: 12px;
        margin-top: 10px;
        text-align: center;
    }    
}
/* ▼250522 */
.secTop .btnTop{
    background-color: #da2b17;
    box-shadow: inset 0 -5px #ae2212;
    border-radius: 10px;
    font-weight: bold;
    padding-top: 23px;
}
@media only screen and (max-width:767px){
    .secTop .btnTop{
        padding-top: 13px;
        box-shadow: inset 0 -3px #ae2212;
    }
}
.secKnowledge .boxIn{
    background-color:#f4f0da;
    border-color: #fff;
}
.secKnowledge .btnBox{
    background-color: #da2b17;
    border-radius: 5px;
    box-shadow: inset 0 -5px #ae2212;
}
@media only screen and (max-width:767px){
    .secKnowledge .boxIn{
        border-color:#e1e1e1;
        border-radius: 5px;
    }
}
.secSelection .secPoint .btnReserve{
    background-color: #14bfce;
    box-shadow: inset 0 -5px #1099a5;
    border-radius: 10px;
    font-weight: bold;
}
.secSelection .secPoint .btnAnother{
    background-color: #fff;
    box-shadow: inset 0 -5px #c9c9c9;
    border-radius: 10px;
    font-weight: bold;
}
@media only screen and (max-width:767px){
    .secSelection .secPoint .btnReserve,
    .secSelection .secPoint .btnAnother{
        height: 40px;
        padding-top: 12px;
    }
    .secSelection .secPoint .btnReserve{
        box-shadow: inset 0 -3px #1099a5;
    }
    .secSelection .secPoint .btnAnother{
        box-shadow: inset 0 -3px #c9c9c9;
    }
}
.secPoint .itemList .subtit{
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    margin-top: 20px;
}
@media only screen and (max-width:767px){
    .secPoint .itemList .subtit{
        font-size: 16px;
        margin-top: 10px;
    }
}
.AboutlistContent{
    margin: 0 auto;
    margin-top: 50px;
    max-width: calc(180px + ((180px + 20px) * 4));
    width: 100%;
}
.AboutlistContent .listItem{
    display: block;
}
.AboutlistContent .listItem + .listItem{
    margin-top: 20px;
}
.AboutlistContent .listtit{
    font-size: 18px;
    line-height: 1.5;
    font-weight: bold;
}
.AboutlistContent .listtxt{
    font-size: 15px;
    line-height: 1.8;
    margin-top: 5px;
}
@media only screen and (max-width:767px){
    .AboutlistContent{
        margin-top: 30px;
        max-width:100%;
    }
    .AboutlistContent .listItem{
        display: block;
    }
    .AboutlistContent .listItem + .listItem{
        margin-top: 10px;
    }
    .AboutlistContent .listtit{
        font-size: 15px;
    }
    .AboutlistContent .listtxt{
        font-size: 12px;
        margin-top: 3px;
    }
}