/* --------------------------------------------------------------------------
   .contents
--------------------------------------------------------------------------- */
.contents {
  position: relative;
  background: url("/komachi-official/assets/images/bg_pattern01.png");
  text-align: center;
}

.contents::before, .contents::after {
  position: absolute;
  left: 0;
  width: 100%;
  height: 5px;
  background: url("/komachi-official/assets/images/404/border_sm.png");
  background-size: 17px 5px;
  background-repeat: repeat-x;
  content: '';
}

.contents::before {
  top: 1.5px;
}

.contents::after {
  bottom: 1.5px;
}

.contents__img {
  position: relative;
}

.contents__img p {
  position: absolute;
  top: 0;
  left: 101%;
  visibility: hidden;
  width: 100%;
}

.contents__img span {
  position: relative;
  z-index: 1;
}

.contents__img span::before {
  position: absolute;
  z-index: -1;
  background-size: contain;
  content: '';
}

.contents__txt {
  position: relative;
  margin: 23px 0 0;
  line-height: 1;
}

.contents__txt span {
  position: absolute;
  top: 0;
  left: 101%;
  visibility: hidden;
  width: 100%;
}

.contents__link {
  margin-top: 40px;
}

.contents__link .c-btn--size01 img {
  height: 15px;
}

.contents__link-inner {
  position: relative;
}

.contents__link-inner::before, .contents__link-inner::after {
  position: absolute;
  background-size: contain;
  content: '';
}

.contents__link-inner::before {
  background-image: url("/komachi-official/assets/images/404/turtle_img01.png");
}

@media (min-width: 768px) {
  body {
    width: auto;
  }
  .contents {
    display: flex;
    align-items: center;
    min-height: 415px;
    height: calc(100vh - (94px + 408px));
  }
  .contents::before, .contents::after {
    height: 8px;
    background: url("/komachi-official/assets/images/404/border_lg.png");
  }
  .contents::before {
    top: 0;
  }
  .contents::after {
    bottom: 3px;
  }
  .contents__img span::before {
    top: -65px;
    left: -44px;
    width: 106px;
    height: 106px;
    background-image: url("/komachi-official/assets/images/404/obj_lg.png");
  }
  .contents__txt {
    margin: 23px 0 0 7px;
  }
  .contents__link-inner {
    display: inline-block;
  }
  .contents__link-inner::before {
    bottom: -18px;
    left: -87px;
    width: 72px;
    height: 52px;
  }
  .contents__link-inner::after {
    top: -17px;
    right: -84px;
    width: 73px;
    height: 62px;
    background-image: url("/komachi-official/assets/images/404/turtle_img02_lg.png");
  }
}

@media (min-width: 768px) and (max-width: 1024px) {
  body {
    width: auto;
  }
}

@media (min-width: 1280px) {
  body {
    width: auto;
  }
  .contents {
    height: calc(100vh - (157px + 408px));
  }
}

@media (max-width: 767px) {
  .contents {
    padding: 67px 0;
    background-size: 100px 100px;
  }
  .contents__img span::before {
    top: -39px;
    left: -38px;
    width: 70px;
    height: 70px;
    background-image: url("/komachi-official/assets/images/404/obj_sm.png");
  }
  .contents__link-inner::before {
    top: -47px;
    left: 50%;
    margin-left: -142px;
    width: 36px;
    height: 26px;
  }
  .contents__link-inner::after {
    top: -142px;
    right: 50%;
    margin-right: -152px;
    width: 43px;
    height: 37px;
    background-image: url("/komachi-official/assets/images/404/turtle_img02_sm.png");
  }
}

/*# sourceMappingURL=../../../../maps/komachi-official/assets/styles/404/index.css.map */