html {
  height: 100%;
  min-height: 100vh; }

body {
  height: 100%;
  min-height: 100vh;
  font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif"; }

img {
  display: block;
  width: 100%;
  height: auto; }

.sp {
  display: none; }

.wrp {
  min-height: 100%;
  background: url("../images/back_bg.jpg") repeat center top #000000; }

.inwrp {
  max-width: 1000px;
  width: 100%;
  margin: 0px auto; }

.hdr_page {
  height: 100vh;
  background-image: url("../images/dot_screen.png"), url("../images/hero_bg.jpg");
  background-repeat: repeat, no-repeat;
  background-position: left top, center top;
  background-size: 28px, cover;
  padding-top: 30vh; }
  .hdr_page .logo {
    max-width: 800px;
    width: 95vw;
    margin: 0px auto; }

.ftr_page {
  background-color: #000000;
  padding: 8vh 0 5vh; }
  .ftr_page .ftr_logo {
    max-width: 350px;
    width: 50%;
    margin: 0px auto 5vh; }
  .ftr_page .copyright {
    font-size: 1rem;
    color: #FFFFFF;
    text-align: center; }

@media screen and (max-width: 425px) {
  .pc {
    display: none; }

  .sp {
    display: block; } }