@media screen and (min-width:768px) and ( max-width:1024px) {
    /*==============================
セクション1
==============================*/
    .section1 {
        padding: 0 15px 3% 15px;
    }
    .sec1-title img {
        width: 60%;
    }
    /*==============================
セクション2
==============================*/
    .sec2-title img {
        padding: 30px 15px;
    }
    .section2 {
        padding: 1% 15px 0 15px;
    }
    /*==============================
セクション3
==============================*/
    .sec3-title {
        margin: 10px auto;
    }
    .sec3-title-wrap {
        position: relative;
        max-width: 960px;
        margin: 0 auto;
        text-align: center;
    }
    .sec3-title img {
        width: 95%;
    }
    .section3 {
        padding: 0 15px 3% 15px;
    }
    .sec3-image1 img {
        width: 55%;
    }
    .sec3-image3 {
        padding: 30px 0 0 0;
    }
    .sec3-image4 img {
        width: 65%;
    }
    /*==============================
セクション4
==============================*/
    .sec4-title {
        margin: 20px auto;
    }
    .sec4-title img {
        width: 95%;
    }
    .sec4-image1 {
        max-width: 960px;
        margin: 0 auto;
        text-align: left;
        padding: 40px 15px 0 15px;
    }
    .section4 {
        /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
        background-attachment: scroll;
    }
    .sec4-image1 img {
        width: 95%;
    }
    .sec4-image2 {
        padding: 40px 15px 0 15px;
    }
    .sec4-image2 img {
        width: 100%;
    }
    .sec4-image3 {
        padding: 40px 15px 0 15px;
    }
    .sec4-image3 img {
        width: 85%;
    }
    .sec4-image4 {
        padding: 0;
    }
    .sec4-image4 img {
        width: 100%;
    }
    .sec4-image5 {
        max-width: 960px;
        margin: 0 auto;
        text-align: center;
        padding: 40px 15px 0 15px;
    }
    .sec4-image5 img {
        width: 100%;
    }
    .sec4-image6 {
        max-width: 960px;
        margin: 0 auto;
        text-align: center;
        padding: 40px 15px 0 15px;
    }
    .sec4-image6 img {
        width: 50%;
    }
    /*==============================
セクション5
==============================*/
    .section5 {
        padding: 0 15px 3% 15px;
    }
    /*==============================
セクション6
==============================*/
    .section6 {
        padding: 0 15px 3% 15px;
    }
    .sec6-title {
        padding: 40px 0 0 0;
    }
    .sec6-image1 {
        padding: 40px 0 0 0;
    }
    .sec6-image2 {
        padding: 40px 0 0 0;
    }
    .sec6-image2 img {
        width: 95%;
    }
    /*==============================
セクション8
==============================*/
    /*==============================
セクション8
==============================*/
    .section8 {
        background-attachment: scroll;
    }
    .sec8-title {
        max-width: 960px;
        margin: 0 auto;
        text-align: center;
        padding: 4% 0 2% 0;
    }
    .sec8-title img {
        width: 75%;
    }
    .sec8-image1 {
        padding: 0 15px 0 15px;
    }
    .sec8-image2 {
        padding: 0 15px 0 15px;
    }
    .sec8-image3 {
        padding: 0 15px 0 15px;
    }
    .sec8-image4 {
        padding: 0 15px 0 15px;
    }
    .sec8-image5 {
        padding: 30px 15px 0 15px;
    }
    /*==============================
 セクション10
 ==============================*/
    .sec10-image2 img {
        width: 84%;
    }
    .sec10-image3 img {
        width: 84%;
    }
}