@charset "utf-8";
/* CSS Document */

/*---------------------------------------------------------------*/
/*---special/axis/business---*/
/*---------------------------------------------------------------*/
.pg-SpecialAxisBusiness .container .high .txtBox_custom{
    width: auto;
}
.pg-SpecialAxisBusiness .container .lineupBox .textBox {
    text-align: center;
    padding: 18px 16px 54px;
    background: url(../img/special/axis/business/lineup_bg.png) no-repeat center bottom 18px;
    background-size: 99px auto;
}

/*---------------------------------------------------------------*/
/*---special/dorainmagic/---*/
/*---------------------------------------------------------------*/

.pg-SpecialDrainmagic .container .bBox .magic .magicList{
    padding: 29px 10px 20px 23px;
}
.pg-SpecialDrainmagic .container .bBox .magic .magicList .flexB{
    font-size: 2.2rem;
}

.pg-SpecialDrainmagic .container .bBox .magic .magicList li{
    width: 385px;
}
.pg-SpecialDrainmagic .container .bBox .magic .magicList li:not(:nth-child(3n)){
    margin-right: 20px;
}
.pg-SpecialDrainmagic .container .bBox .magic .magicList li.pho{
    margin: -7px 0 0 0px;
}


@media screen and (min-width: 768px) {
}


@media screen and (max-width: 767px) {
    
    /*---------------------------------------------------------------*/
    /*---special/axis/business---*/
    /*---------------------------------------------------------------*/
    .pg-SpecialAxisBusiness .container .high_custom{
       padding: 60px 0; 
    }
    .pg-SpecialAxisBusiness .container .lineupBox .textBox {
        padding: 14px 12px 44px;
        background-position: center bottom 14px;
    }
    
    /*---------------------------------------------------------------*/
    /*---special/dorainmagic/---*/
    /*---------------------------------------------------------------*/
    .pg-SpecialDrainmagic .container .bBox .magic .magicList {
        padding: 20px 15px 20px 15px;
    }
    .pg-SpecialDrainmagic .container .bBox .magic .magicList li{
        width: auto;
    }
    .pg-SpecialDrainmagic .container .bBox .magic .magicList li:not(:nth-child(3n)) {
        margin-right: 0;
    }
    .pg-SpecialDrainmagic .container .bBox .magic .magicList li.pho {
        margin: 0;
    }
    .pg-SpecialDrainmagic .container .bBox .magic .magicList .flexB{
        font-size: 2.0rem;
    }
    
}