@charset "UTF-8";

#content_404 {
  background: #eaf9ff;
  text-align: center;
  width: 270px;
  margin: 240px auto 0;
  padding: 30px;
}
#content_404 h2 {
  background: none;
  color: #000;
  font-size: 24px;
  height: 1em;
  line-height: 1em;
  margin:0 0 20px;
  padding: 0;
  text-indent: 0;
}
#content_404 p{
  line-height: 1em;
  margin-bottom: 30px;
  font-size: 14px;
}
#content_404 p.link {
  margin-bottom: 0;
}
#content_404 p.link a{
  color: #008dc5;
  text-decoration: underline;
}
#content_404 p.link a:hover {
  text-decoration: none;
}
@media screen and (max-width: 641px) {
  #content_404 {
    margin: 20% auto 20%;
    padding: 30px 2%;
    width: 76%;
  }
  #content_404 p{
    font-size: 13px;
  }
}
@media screen and (max-width: 375px) {
  #content_404 p{
    font-size: 12px;
  }
}


/*  2020.07.16  */
@media screen and (min-width: 642px) {
#main_contents {
  min-height: 1000px;
}
}

@media screen and (max-width: 641px) {
#main_header #sp_nav {
  position: absolute;
  top: 50px;
  left: 0;
  width: 100%;
  height: calc(100vh - 50px);
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

}