html, body {
    margin: 0;

    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.Introduction {
  width: 100%;
  height: 3vh;
  padding: 0px;
  font-size:9.5pt;

  display: flex;
  flex-direction: column;
  justify-content: flex-end;

  text-align: center;
  border: 0px solid #000;
}

.ApplyToAll {
  font-size:9.5pt;

  text-align: center;
  border: 0px solid #000;
}

.ChotMemo {
  width: 100%;
  padding-top: 10vh;
  padding-bottom: 0vh;

  /* 真ん中に配置する。 */
  display: flex;
  flex-direction: column; /* 内部要素は縦方向に配置 */

  justify-content: center;
  align-items: center;

  text-align: center;
  border: 0px solid #000;
}

.OpeForAll {
  width: 100%;
  height: 3vh;
  margin-top: 15px;
  padding: 0px;

  /* 真ん中に配置する。 */
  display: flex;
  flex-direction: row; /* 内部要素は横方向に配置 */

  justify-content: center;
  align-items: flex-start;

  text-align: center;

  border: 0px solid #000;
}

.FooterBox {
  width: 100%;
  height: 15vh;
  padding: 0px;

  display: flex;
  flex-direction: column;
  justify-content: flex-end; /* 縦方向の下寄せ */

  text-align: center;

  font-size:9pt;
  border: 0px solid blue;
}

button {
    font-family: "Noto Sans JP", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
}

.MemoButton {
    width:161px;
    height:100px;
}

.FuncButton {
    width:60px;
    height:30px;

    margin-right:10px;
    margin-left :10px;

    font-size:9pt;
}

.SettingRadioLabel {
    width:120px;
    height:30px;

    margin-right:10px;
    margin-left :10px;

  display: inline-flex;
  align-items: center;  /* 縦方向中央揃え */    

    font-size:9pt;
    border: 0px solid #000;
}

.TermsPrivacy {
  width: 100%;
  height: 90vh;
  padding: 50px;

  /* 真ん中に配置する。 */
  justify-content: center;
  align-items: center;
}

ul {
    font-size:10pt;
}