@media screen and (max-width:1040px) {

    .pc{
        display: none;
    }

    img.contents-img, img.contents-img2 {
        width: 80%;
        margin-bottom: -16%;
    }


    .contents-txt-box, .contents-txt-box2 {
        width: 90%;
    }

    .contents-txt {
        padding: 23% 5% 7% 15%;
    }

    .contents-txt2{
        padding: 23% 9% 7% 12%;
    }

    .text {
       max-width: 100%;
    }

}


@media screen and (max-width:960px) {

    
}/* 960px */


@media screen and (max-width:640px) {

    .menu{
        display: none;
    }

    .drawer{
        display: inline-block;
    }

    .contents-wrap {
        margin: 100px 0;
    }

    .sp{
        display: inline-block;
    }

    html {
        font-size: 13px;
          background: #000;
        }

    .img80 {
        width: 80%;
    }


    .sidebar, .sidebar2 {
        width: 30px;
    }

    .swiper-wrap {
        width: 95%;
    }

    .wrap-all {
        width: 90%;
    }


    .swiper-button-prev, .swiper-button-next {
        width: 25px !important;
        height: 25px !important;
        background-size: 25px 25px !important;
    }

    h3 {
        font-size: 1.7em;
    }

    .contents-txt2 {
        padding: 23% 11% 7% 5%;
    }

    h5, h6 {
        font-size: 2.5em;
    }

    .sm-txt {
        font-size: 1.5em;
    }

    h5:before {
        left: 34%;
    }

    h6:before {
        left: 15%;
    }

    p.endtxt {
        font-size: 1em;
    }

    .sm-txt2 {
        font-size: 0.9em;
    }


    .m-bottom {
        margin-bottom: 6em;
    }

    footer {
    padding: 9px 0;
    }


} /* 480 */


@media screen and (max-width:480px) {

 img.contents-img, img.contents-img2  {
    width: 90%;
}

} /* 480 */