@charset "UTF-8";

/********************　共通　********************/
.pc {
    display: none !important;
}
.sp {
    display: block !important;
}
@media screen and (min-width:750px){
.pc {
    display: block !important;
 }
.sp {
    display: none !important;
}
}

html {
    font-size: 62.5%;
}

body {
    font-size: 1.2rem;
    font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}

*, *::before, *::after {
    box-sizing: border-box;
}

#wrapper {
    position: relative;
    height: 100vh;
    font-size: 100px;
    text-align: center;
}

#main {
    position: absolute;
    top: 47%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
    width: 100%;
}

#main img {
    width: 70%;
    max-width: 500px;
}
#main p {
    font-size: 16px;
    color: #888;
}

#footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    font-size: 10px;
    text-align: center;
    padding: 20px 0;
}