:root,
body {
  font-family: -apple-system, BlinkMacSystemFont, ヒラギノ角ゴ ProN W3,
    Hiragino Kaku Gothic ProN W3, HiraKakuProN-W3, ヒラギノ角ゴ ProN,
    Hiragino Kaku Gothic ProN, ヒラギノ角ゴ Pro, Hiragino Kaku Gothic Pro, メイリオ,
    Meiryo, 游ゴシック体, YuGothic, Yu Gothic M, 游ゴシック Medium, Yu Gothic Medium,
    Osaka, ＭＳ Ｐゴシック, MS PGothic, Helvetica Neue, HelveticaNeue, Helvetica, Arial,
    sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji;
}

@media (max-width: 640px) {
  :root,
  body {
    font-size: 10px;
    font-size: 3.125vw;
  }
}

@media (min-width: 641px) {
  :root,
  body {
    font-size: 14px;
  }
}

@media (max-width: 640px) {
  #header {
    padding-top: 0;
    padding-bottom: 29.8%;
    background-image: url(../../img/public/wiiu-switch-transfer/sp_bg.jpg);
  }
}

@media (min-width: 641px) {
  #header {
    background-image: url(../../img/public/wiiu-switch-transfer/pc_bg.jpg);
  }
}

#header-logo {
  display: none;
}

dl.step-head dt,
dl.step-head dd {
  font-size: 1rem;
  color: #5d3300;
  text-align: center;
  font-weight: bold;
  padding-right: 2rem;
  padding-left: 2rem;
}

dl.step-head dd {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
  background-color: #f9eeda;
}

.ok-large-button {
  width: 80%;
}
@media screen and (max-width: 640px) {
  .ok-large-button {
    padding: 15px;
  }
}