.error-page {
  margin-top: 60px;
  text-align: center; }
  .error-page h1 {
    font-size: 24px;
    margin-top: 30px;
    font-weight: bold; }
  .error-page p {
    margin: 10px auto 0;
    font-size: 16px; }
/* ボタン */
.error-page .page-header-box {
    margin: 30px 0 20px;
    padding: 20px 8em 20px 0;
    background: none; }
  .error-page .page-header-box .box .box-r .view-box {
    /* width: 100%; */
    /* padding:0 auto; */
    background: none;
    border: none; } 
        .error-page .page-header-box .box .box-r .view-box .box .ttl span {
          padding: 0.5em 1em;
          position: absolute;
          left: 50%;
          transform: translate(-50%,-50%);
          font-size: 16px; }
            .error-page .page-header-box .box .box-r .view-box .box .ttl span a {
              color: unset; }
            .error-page .page-header-box .box .box-r .view-box .box .ttl span a:hover {
              opacity: .8;
              text-decoration: none; }

/* スマホ対応 */
@media (max-width: 768px) {
  .error-page {
    margin: 50px auto 50px; }
    .error-page h1 {
      font-size: 18px;
      margin-top: 20px; }
    .error-page p {
      text-align: left;
      font-size: 14px; }
  
  /* ボタン */
.error-page .page-header-box {
  padding: 20px 12em 20px 0; }
  .error-page .page-header-box .box .box-r .view-box .box {
    padding: 0 auto;
    margin: 0px auto 50px; }
    .error-page .page-header-box .box .box-r .view-box .box .ttl span {
      /* padding: 0.8em 1em; */
      /* width: 180px; */
      font-size: 12px; }
}