/* STYLE LIST ------------------------------------------------------

 00. COMMON STYLE

 01. CONTENTS

 02. MEDIAQUERY for TABLET

 03. MEDIAQUERY for SMARTPHONE

-------------------------------------------------------------------- */
/* 01. CONTENTS
-------------------------------------------------------------------- */
.notFoundContentsWrapper {
  border-bottom: 130px solid #ECF2F9;
  padding: 100px 0 0; }

.notFoundContents {
  margin-bottom: -60px;
  text-align: center; }
  .notFoundContents h2 {
    margin-bottom: 10px; }
    .notFoundContents h2 .space {
      display: inline-block;
      width: 25px; }
  .notFoundContents h3 {
    font-size: 1.1em;
    font-weight: bold;
    margin-bottom: 1.5em; }
  .notFoundContents p {
    text-align: center; }
  .notFoundContents .btnArea {
    margin: 50px 0; }
    .notFoundContents .btnArea a {
      background: url(../../shared/img/whiteArrow.png) right 20px center no-repeat #0d5faf;
      border-radius: 19px;
      color: #fff;
      display: inline-block;
      font-size: 1.15em;
      font-weight: bold;
      padding: 6px 46px;
      position: relative;
      transition: .3s; }
      .notFoundContents .btnArea a:hover {
        opacity: 0.7;
        text-decoration: none; }

/* 02. MEDIAQUERY for TABLET
-------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {
  .notFoundContentsWrapper {
    border-top: 8px solid #0D5FAF; } }
/* 03. MEDIAQUERY for SMARTPHONE
-------------------------------------------------------------------- */
@media screen and (max-width: 640px) {
  .notFoundContentsWrapper {
    border-bottom-width: 60px;
    padding: 35px 0 0; }

  .notFoundContents {
    margin-bottom: -30px; }
    .notFoundContents h2 {
      margin-bottom: 20px; }
      .notFoundContents h2 .space {
        width: 17px; }
      .notFoundContents h2 .space404Not {
        display: block;
        height: 13px; }
      .notFoundContents h2 img {
        height: 34px; }
    .notFoundContents .btnArea {
      margin: 2em 0; }
      .notFoundContents .btnArea a {
        box-sizing: border-box;
        font-size: 1.5em;
        width: 100%; }
    .notFoundContents .imgSorry {
      width: 202px; } }
.inline-block {
  display: inline-block !important; }
