@charset "utf-8";
/*------------------------------------------------------------
	トップページ
------------------------------------------------------------*/
.pageTitle {
    background-image: url("../img/facial/bg01.png");
}

.pageTitle .headLine01 {
    letter-spacing: 0.5px;
}

.pageTitle .topTxt {
    margin-bottom: 125px;
    letter-spacing: 1.5px;
}

.pageTitle .cTxt {
    margin-bottom: 53px;
    letter-spacing: 3px;
}

.pageTitle .cTxt .ttl {
    margin-bottom: 3px;
    letter-spacing: 2px;
}

#main .comRecommend .content {
    padding: 150px 0 145px;
}

#main .comRecommend.whiteBg .ttlBox p {
    margin-bottom: 20px;
}

#main .comRecommend .imgList li .ttl {
    letter-spacing: 2.5px;
}

#main .comFeature .ttlBox {
    padding: 150px 0 20px;
    min-height: 460px;
}

#main .comFeature .pointList .point01 .subBox {
    background-image: url("../img/facial/photo04.jpg");
}

#main .comFeature .pointList .point02 .subBox {
    background-image: url("../img/facial/photo05.jpg");
}

#main .comFeature .pointList .point03 .subBox {
    background-image: url("../img/facial/photo06.jpg");
}

#main .comFeature .pointList .point01,
#main .comFeature .pointList .point02 {
    background: #D8D6DB;
}

#main .comFeature .pointList .point03 {
    background: #080B13;
}

#main .comFeature .pointList .point01 .innBox,
#main .comFeature .pointList .point02 .innBox {
    color: #01031E;
}

#main .comFeature .pointList li .innBox p {
    letter-spacing: 1px;
}

#main .baseTableBox .tableBox tbody .wid01:before {
    display: none;
}

@media all and (max-width: 767px) {
     .pageTitle {
        background-image: url("../img/facial/sp_bg01.png");
         background-position: top 159px center;
    }
    
    .pageTitle .headLine01 {
        padding-bottom: 28px;
        font-size: 1.8rem;
        letter-spacing: 0;
    }

    .pageTitle .topTxt {
        margin-bottom: 148px;
        letter-spacing: 2px;
    }

    .pageTitle .cTxt {
        margin-bottom: 26px;
        letter-spacing: 2px;
    }
    
   .pageTitle .cTxt .ttl {
        margin-bottom: 18px;
       letter-spacing: 0.5px;
    }

    #main .comRecommend .content {
        padding: 75px 0 133px;
    }

    #main .comFeature .ttlBox {
        padding: 76px 0 68px;
        min-height: inherit;
    }

    #main .comFeature .pointList li .innBox {
        color: #FFF !important;
    }

    #main .comFeature .pointList li .headLine02 {
        margin-bottom: 18px;
    }
    
    #main .comBox {
        padding-bottom: 136px;
    }
    
    #main .comBox .rBox {
        margin-bottom: 26px;
    }
    
    #main .comBox .comBtn a {
        padding-top: 15px;
    }
   
    #main .comPrice .headLine01 {
        margin-bottom: 21px;
    }
    
    #main .comPrice .title {
        margin-bottom: 24px;
        line-height: 3.3;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 {
        margin-bottom: 7px;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 .num {
        margin-top: 3px;
        width: 45px;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 .txt {
        margin-left: 12px;
        letter-spacing: 0;
        line-height: 1.5;
    }
    
    #main .baseTableBox .tableBox tbody td {
        padding-left: 11px !important;
    }
    
    #main .baseTableBox .tableBox tbody .wid01 {
        padding-left: 4px;
        width: 45%;
    }
    
    #main .baseTableBox .tableBox tbody td {
        padding: 12px 0 12px 4px;
        line-height: 1.7;
    }
}

@media all and (max-width: 374px) {
    #main .comBox .lBox p {
        letter-spacing: 1px;
    }
    
    #main .comRecommend.whiteBg .ttlBox p {
        letter-spacing: 1px;
    }
    
    #main .comFeature .ttlBox .title {
        letter-spacing: 0;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 .num {
        padding: 5px 0 5px 5px;
        width: 40px;
    }
    
    #main .baseTableBox .textBox .ttlBox .headLine02 .txt {
        margin-left: 5px;
        width: calc(100% - 40px);
    }
    
    #main .comPrice .title {
        letter-spacing: 0px;
    }
}