@charset "UTF-8"

html{
  position: relative;
  height: 100%;
}

body{
  font-family: unset;
  position: relative;
  height: 100%;
}


body #wrapper{
font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "繝｡繧､繝ｪ繧ｪ", meiryo,"serif","Yu mincho", sans-serif;
}

a {
  outline: none;
}

#global_header {
  display: block;
}

#nav_sp {
  display: none;
}

#global_footer {
  display: block;
}

.footer_sp {
  display: none;
}

.clearfix {
  display: block;
  margin: 0;
  padding: 0;
}
/*clearfix*/

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-table;
}
/* Hides from IE-mac \*/

* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}

a{
text-decoration: none;
}

/* ///////////////////////////////// *//* ///////////////////////////////// */
@media screen and (max-width: 768px) {

  body {
      font-family: -apple-system-body, BlinkMacSystemFont, "Helvetica Neue", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Noto Sans Japanese", "貂ｸ繧ｴ繧ｷ繝�け Medium", "Yu Gothic Medium", "繝｡繧､繝ｪ繧ｪ", meiryo, sans-serif;
      position: relative;
      height: 100%;
    }

    .clearfix {
      display: block;
      margin: 0;
      padding: 0;
    }

    #global_header {
      display: none;
    }

    #nav_sp {
      display: block;
    }

    #global_footer {
      display: none;
    }

    .footer_sp {
      display: block;
      position:relative;
      margin-top: -30px;
    }

}