html, body {
  margin: 0;

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

  scrollbar-width: thin;
}

.AppTitle {
  width: 100%;
/*
  display: flex;
  flex-direction: column;
  justify-content: center;
*/
  font-size:10pt;

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

.TitleSentense {
  width: 100%;
  height: 150px;
  margin-top: 10px;
  padding: 0px;
  font-size:8pt;

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

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

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

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

  text-align: center;

  border: 0px solid #34b429;
}

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

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

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

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

.ApplyToAll {
  font-size:9pt;

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

.OpeForAll {
  width: 100%;

  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: 120px;
  padding: 0px;

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

  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:180px;
    height:60px;
}

.ResumeButton {
    width:88px;
    height:60px;

    margin-top:3px;
}

.CloseButton {
    width:88px;
    height:60px;

    margin-top:3px;
}

.CatalobButton {
    width:180px;
    height:60px;

    margin-top:3px;
}

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

    margin-right:1px;
    margin-left :1px;

    font-size:9pt;
    text-align:center;
}

.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;
}