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

/*　シリーズバナー
**************************************************************/
#seriesBannar {
    width: 100%;
    margin: 0;
    padding: 0;
}
#seriesBannar .contents-outer {
    width: 100%;
}
#seriesBannar .contents-inner-wide {
    width: 92%;
    margin: 0 auto;
    padding: 50px 0;
}
#seriesBannar .column-box {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
#seriesBannar .column-box .mx-auto {
	margin-right: auto;
	margin-left: auto;
}
#seriesBannar .column-box .col-25,
#seriesBannar .column-box .col-30,
#seriesBannar .column-box .col-33,
#seriesBannar .column-box .col-50,
#seriesBannar .column-box .col-70,
#seriesBannar .column-box .col-75,
#seriesBannar .column-box .col-100 {
    padding: 0 2.5%;
}
#seriesBannar .column-box .col-25 {
    width: 25%; 
}
#seriesBannar .column-box .col-30 {
    width: 30%; 
}
#seriesBannar .column-box .col-33 {
    width: calc(100% / 3); 
}
#seriesBannar .column-box .col-50 {
    width: 50%; 
}
.column-box .col-70 {
    width: 70%; 
}
#seriesBannar .column-box .col-75 {
    width: 75%; 
}
#seriesBannar .column-box .col-100 {
    width: 100%; 
}
#seriesBannar .column-box .mx-auto {
    margin-right: auto;
    margin-left: auto;
}

@media screen and (max-width: 800px) {
    #seriesBannar .column-box .col-30 {
        width: 70%;
        margin: 0 auto 1.5em auto;
    }
    #seriesBannar .column-box .col-50 {
        width: 100%; 
    }
    #seriesBannar .column-box .col-70 {
        width: 100%; 
    }
    #seriesBannar .column-box .col-sp-50 {
        width: 50%;
    }
    #seriesBannar .column-box .col-sp-70 {
        width: 70%;
    }
    .column-box .col-sp-100 {
        width: 100%; 
    }
}

@media screen and (max-width: 480px) {
    #seriesBannar .column-box .col-sp-50 {
        width: 100%;
    }
}

/* 上マージン */
#seriesBannar .mt-0 { margin-top: 0!important; }
#seriesBannar .mt-1 { margin-top: 1.0rem!important; }
#seriesBannar .mt-2 { margin-top: 2.0rem!important; }
#seriesBannar .mt-3 { margin-top: 3.0rem!important; }
#seriesBannar .mt-4 { margin-top: 4.0rem!important; }
#seriesBannar .mt-5 { margin-top: 5.0rem!important; }
/* 下マージン */ 
#seriesBannar .mb-0 { margin-bottom: 0!important; }
#seriesBannar .mb-1 { margin-bottom: 1.0rem!important; }
#seriesBannar .mb-2 { margin-bottom: 2.0rem!important; }
#seriesBannar .mb-3 { margin-bottom: 3.0rem!important; }
#seriesBannar .mb-4 { margin-bottom: 4.0rem!important; }
#seriesBannar .mb-5 { margin-bottom: 5.0rem!important; }
/* 左マージン */
#seriesBannar .ml-0 { margin-left: 0!important; }
#seriesBannar .ml-1 { margin-left: 1.0rem!important; }
#seriesBannar .ml-2 { margin-left: 2.0rem!important; }
#seriesBannar .ml-3 { margin-left: 3.0rem!important; }
#seriesBannar .ml-4 { margin-left: 4.0rem!important; }
#seriesBannar .ml-5 { margin-left: 5.0rem!important; }
/* 右マージン */
#seriesBannar .mr-0 { margin-right: 0!important; }
#seriesBannar .mr-1 { margin-right: 1.0rem!important; }
#seriesBannar .mr-2 { margin-right: 2.0rem!important; }
#seriesBannar .mr-3 { margin-right: 3.0rem!important; }
#seriesBannar .mr-4 { margin-right: 4.0rem!important; }
#seriesBannar .mr-5 { margin-right: 5.0rem!important; }