@font-face {
  font-family: "timemachine-wa";
  font-style: normal;
  font-weight: 300;
  font-display: block;
  /* src: url("https://pub-e57dc2218cfc4837ab27ffbbc8d6b607.r2.dev/timemachine-wa/timemachine-wa.woff") format("woff"), url("https://pub-e57dc2218cfc4837ab27ffbbc8d6b607.r2.dev/timemachine-wa/timemachine-wa.woff2") format("woff2"), url("https://pub-e57dc2218cfc4837ab27ffbbc8d6b607.r2.dev/timemachine-wa/timemachine-wa.woff2") format("opentype"); */
  src: url("https://blog.5hanayome.net/fonts/timemachine-wa/timemachine-wa.woff") format("woff"), url("https://blog.5hanayome.net/fonts/timemachine-wa/timemachine-wa.woff2") format("woff2"), url("https://blog.5hanayome.net/fonts/timemachine-wa/timemachine-wa.woff2") format("opentype");
}

header{
  font-family: timemachine-wa;
  margin: 0;
}

.english{
  color: #000;
  font-size: 82px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

.japanese{
  color: #000;
  font-size: 40px;
  font-style: normal;
  font-weight: 300;
  line-height: normal;
}

/*タブレット用*/
@media screen and (max-width: 959px) {
}

/*スマホ用*/
@media screen and (max-width: 480px) {
  body{
    margin: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 22px;
  }

  header{
    height: 60px;
    position: relative;
  }

  .english{
    color: #000;
    font-size: 50px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
  }

  .japanese{
    color: #000;
    font-size: 25px;
    font-style: normal;
    font-weight: 300;
    margin: 0;
    position: absolute;
    bottom: -15px;
    right: 7px;
  }
}