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


/*1024以上表示*/
@media screen and (min-width: 1024px) {.topcatch h1{font-size: 3.3em; !important;}}

/*800〜1023表示*/
@media screen and (min-width: 800px) and (max-width: 1023px)  {.topcatch h1{font-size: 2.8em; !important;}}

/*769〜799表示*/
@media screen and (min-width: 769px) and (max-width: 799px)  {.topcatch h1{font-size: 2.8em; !important;}}

/*721〜768表示*/
@media screen and (min-width: 721px) and (max-width: 768px)  {.topcatch h1{font-size: 2.5em; !important;}}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px)  {.topcatch h1{font-size: 2.5em; !important;}}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px)  {.topcatch h1{font-size: 2.2em; !important;}}

/*320以下で表示*/
@media screen and (max-width:320px) {.topcatch h1{font-size: 1.8em; !important;}}



/*PCでは無効（改行しない）*/
.s_pc{ display: none;}
.s_pc835{ display: none;}
.s_pc800{ display: none;}
.s_tb3{ display: none;}
.s_tb2{ display: none;}
.s_tb1{ display: none;}
.s_xs3{ display: none;}
.s_xs2{ display: none;}
.s_xs{ display: none;}



/*1025以上表示*/
@media screen and (min-width: 1025px) {
    .s_pc{
        display: block;
    }
}


/*835以上表示*/
@media screen and (min-width: 835px) {
    .s_pc835{
        display: block;
    }
}


/*800以上表示*/
@media screen and (min-width: 800px) {
    .s_pc800{
        display: block;
    }
}

/*835〜1024表示*/
@media screen and  (min-width: 835px) and (max-width: 1024px)  {
    .s_tb3{
        display: block;
    }
}

/*769〜799表示*/
@media screen and (min-width: 769px) and (max-width: 799px) {
    .s_tb799{
        display: block;
    }
}



/*769〜834表示*/
@media screen and (min-width: 769px) and (max-width: 834px) {
    .s_tb2{
        display: block;
    }
}

/*721〜768表示*/
@media screen and (min-width: 721px) and (max-width: 768px) {
    .s_tb1{
        display: block;
    }
}

/*414〜720表示*/
@media screen and (min-width: 401px) and (max-width: 720px) {
    .s_xs3{
        display: block;
    }
}

/*321〜413表示*/
@media screen and (min-width: 321px) and (max-width: 400px) {
    .s_xs2{
        display: block;
    }
}

/*320以下で表示*/
@media screen and (max-width:320px) {
    .s_xs{
        display: block;
    }
}