@media(min-width:768px){
    /*共通*/
    .only-sp {
        display: none;
    }

    /*メイン画像周り*/
    #heroCopyArea {
        position: relative;
    }
    #heroCopyArea #budsproCopy {
        position: absolute;
        z-index: 100;
        left: 10%;
        top: 50%;
        transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
    }

    /*flexListBox*/
    .flexListBox {
        display: flex;
        justify-content: center;
    }
    .flexListA {
        width: 90%;
        text-align: center;
        padding: 0 1%
    }
    .flexListA .listIconImg {
        min-height: 63px;
    }

    /*f-01*/
    .feature01 {
        display: flex;
        justify-content: center;
    }
    .feature01 .feature01-03 {
        width: 30%;
    }
    .feature01 .feature01-02, 
    .feature01 .feature01-03 {
        width: 35%;
        padding: 0 3%;
    }
    .feature01 .feature01-03 {
        -webkit-align-self:center;
        -moz-align-self:center;
        -ms-align-self:center;
        align-self:center;
    }

    /*featureLtoR*/
    .featureLtoR {
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .feature_txt, .feature_img {
        width: 100%;
    }
    /*featureRtoL*/
    .featureRtoL {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    /*featureLtoR-aliS*/
    .featureLtoR-aliS {
        display: flex;
        justify-content: center;
        align-items:flex-start;
    }
    /*featureRtoL-aliS*/
    .featureRtoL-aliS {
        display: flex;
        justify-content: center;
        align-items:flex-start;
    }
}


.feature01 .feature01-02, 
.feature01 .feature01-03 {
  text-align: center;
}


@media(max-width:767px){
    /*共通*/
    .only-pc {
        display: none;
    }
    .pcLeft-spCenter {
        text-align: center;
    }

    /*flexListBox*/
    .flexListBox {
        width: 80%;
        margin: 0 auto;
    }
    .flexListA {
        display: flex;
        align-items: center;
        padding-bottom: 20px;
    }
    .flexListA .listIconImg {
        width: 10%;
        margin-right: 10px;
        text-align: center;
    }
    .flexListA .listIconImg img {
        width: 100%;
    }
    .flexListA .listIconTxt {
        width: 90%;
    }

    /*f-01*/
    .feature01-01 h3 {
        text-align: center;
    }

    /*featureLtoR*/
    .featureLtoR {
        display: flex;
        flex-direction: column-reverse;
    }
    .feature_txt, .feature_img {
        text-align: center;
    }

    .featureLtoR-aliS {
        display: flex;
        flex-direction: column-reverse;
    }


}