@charset "UTF-8";



/* --------------------------------------------------
  notfound
-------------------------------------------------- */
#notfound .hd {
  margin-bottom: 20px;
  font-size: 26px;
}
#notfound .hd span {
  display: inline;
  padding: 0 1px;
  background-color: #1e1e1e;
  color: #fafafa;
}
.notfound-shd {
  margin-bottom: 20px;
  font-family: MyYugo, MyHiragino, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
  font-size: 14px;
}
.notfound-shd span {
  display: block;
  padding: 0 1px;
  background-color: #ebebeb;
}
.notfound-text {
  text-align: justify;
  font-family: MyYugo, MyHiragino, -apple-system, BlinkMacSystemFont, Meiryo, sans-serif;
  font-size: 14px;
  line-height: 2;
}
.notfound-text:not(:last-child) {
  margin-bottom: 20px;
}
.notfound-btn {
  font-size: 14px;
}
.notfound-btn a {
  display: inline-block;
  background-color: #f81006;
  color: #fafafa;
}
.notfound-btn span {
  display: inline-block;
  padding: 5px 10px 3px;
}
/*short pc + tablet style*/
@media screen and (min-width: 1024px) and (max-width: 1280px) {
}
/*tablet style*/
@media screen and (min-width: 768px) and (max-width: 1023px) {
}
/*sp style*/
@media screen and (max-width: 767px) {
  #notfound .hd {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(30 / 375 * 100vw);
  }
  .notfound-shd {
    margin-bottom: calc(20 / 375 * 100vw);
    font-size: calc(14 / 375 * 100vw);
  }
  .notfound-text {
    font-size: calc(14 / 375 * 100vw);
  }
  .notfound-text:not(:last-child) {
    margin-bottom: calc(10 / 375 * 100vw);
  }
  .notfound-btn {
    font-size: calc(14 / 375 * 100vw);
  }
  .notfound-btn span {
    padding: calc(5 / 375 * 100vw) calc(10 / 375 * 100vw) calc(3 / 375 * 100vw);
  }
}



/* --------------------------------------------------
  768px〜 hover pc + tablet style
  touchデバイスでhoverを使うと2回クリックしないと
  いけないくなるので、.notouchを先頭につけてください
-------------------------------------------------- */
@media screen and (min-width: 768px) {
}