@charset "utf-8";

html { margin: 0px; padding: 0px; background-color: #000000;}
/* add reset */
* {list-style: none; }
a {color: inherit; text-decoration: none;}
img {max-width: 100%; vertical-align: middle;}

/* layout */
.cont1 {background: url(/assets/images/pc-bg.png) no-repeat center; background-size: cover; text-align: center; background-position: top;}
.cont1 .btn {bottom: 0; left: 0; right: 0;}
.cont2 .pc {display: block;}
.cont2 .mob {display: none;}

@media screen and (max-width: 600px) {
    .cont1 {background: url(/assets/images/mob01.png) no-repeat center; background-size: cover;background-position: top;}
    .cont1 .btn { bottom: 20%; left: 0; right: 0;}
    .cont2 .pc {display: none;}
    .cont2 .mob {display: block;}
}
@media screen and (max-width: 500px) {
    .cont1-1 {padding-top: 20px;}

}