@charset "UTF-8";
/*---共通部分
html {

}

body {
max-width: 100%;
text-align: center;
---*/


/*-----
 PC
-----*/
@media screen and (min-width: 1024px) {

    #pc {
        display: block;
        max-width: 100%;
        margin-left: 0;
    }

    .top #pc {
        margin-top: 100px;
    }

    .contact #pc img {
        max-width: 40%;
        margin: 10% 30%;
    }

    .catch１ #pc {
        margin-bottom: 12%;
    }

    .catch3 #pc {
        margin-bottom: 12%;
    }

    #tb {
        display: none;
    }

    #sp {
        display: none;
    }
}

/*-----
 PC　END
-----*/

/*-----
 TB
-----*/
@media screen and (min-width: 481px) and (max-width: 1023px) {
    #pc {
        display: none;
    }

    #tb {
        display: block;
        max-width: 100%;
        margin-left: 0;
    }

    .top #tb {
        margin-top: 100px;
    }

    .contact #tb img {
        max-width: 50%;
        margin: 12% 25% 17% 25%;

    }

    .catch１ #tb {
        margin-bottom: 12%;
    }

    .catch3 #tb {
        margin-bottom: 12%;
    }

    #sp {
        display: none;
    }
}

/*-----
 TB　END
-----*/
/*-----
 SP
-----*/
@media screen and (max-width: 480px) {

    #pc {
        display: none;
    }

    #tb {
        display: none;
    }

    #sp {
        display: block;
        max-width: 100%;
        margin-left: 0;
    }

    .top #sp {
        margin-bottom: 20px;
    }

    .catch１ #sp {
        margin-top: 20%;
        margin-bottom: 20%;
    }

    .catch3 #sp {
        margin-bottom: 12%;
    }

    .contact #sp img {
        max-width: 60%;
        margin: 12% 20% 17% 20%;

    }
}

/*---
SP_END
 ---*/