@charset "UTF-8";

/***** 全体 *****/
body {
  font-family: Helvetica, "ゴシックMB101 M", "Gothic MB101 Medium",
    "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo",
    "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000000;
}

/***** ヘッダー ****/
.header {
  height: 48px;
  align-items: center;
  background-color: #e60012;
}
.img_header_logo {
  width: 185px;
  vertical-align: bottom;
}

/***** 本文 *****/
.content {
  min-height: calc(100vh - 48px - 90px - 18px);
}
.doc {
  margin-top: 24px;
}

/* 画像 */
.img_store_badge {
  margin: 16px 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.img_app_badge {
  height: 55px;
}
.img_google_badge {
  margin-left: 8px;
  height: 71px;
}

/***** フッター *****/
.footer {
  background-color: #e60012;
}

/***** SPサイズ *****/
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  .content {
    margin-top: 32px;
    min-height: calc(100vh - 48px - 71px - 18px);
  }
  .doc_area,
  .doc {
    margin-top: 16px;
  }
  ul {
    padding-inline-start: 30px;
  }
  .img_store_badge {
    margin: 8px 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .img_app_badge {
    height: 45px;
  }
  .img_google_badge {
    margin-left: 8px;
    height: 59px;
  }
  .footer {
    margin-top: 32px;
  }
}

/***** h3追加 *****/
.head {
  margin-bottom: 2rem;
  font-size: 20px;
  color: #e60012;
  font-weight: bold;
}
.box {
  padding: 2rem;
  border: 1px solid #e60012;
}
a {
  color: #e60012;
}