body {
  font-family: 
    -apple-system, /* MacやiOSのシステムフォント */
    BlinkMacSystemFont, /* MacのChromeなど */
    "Segoe UI", /* Windowsの標準ゴシック体 */
    Roboto, /* Androidや一部のGoogleフォント */
    "Helvetica Neue", Helvetica, Arial, /* Macのサンセリフ */
    "Noto Sans JP", "Yu Gothic", "Meiryo", /* 日本語対応フォント */
    sans-serif; /* 最後の汎用フォント */
}
    .box {
      width: 450px;
      margin: 20px auto 0;
      padding: 10px;
      border: #D1F8EF;
      border-radius: 10px;
      box-shadow: 2px 2px;
      background-color: #A1E3F9;
      text-align: center;
      color: #3674B5;
    }
    .box-item {
      width: 400px;
      background-color: #D1F8EF;
      margin: 5px auto;
      padding: 10px 5px;
      color: #3674B5;
    }
    .box-item a {
      color:inherit; 
    }
    .boxrh-item {
      width: 450px;
      padding: 10px;
      border: #D1F8EF;
      border-radius: 10px;
      box-shadow: 2px 2px;
      background-color: #A1E3F9;
      color: #3674B5;
      text-align: center;
      margin: 20px auto;
      color: #3674B5;
      opacity: 0.5;
    }
  .image {
      width: 250px;
  }
    .separator {
      margin: 10px auto 20px;
      width: 80%;
      height: 1px;
      background-color: #ccc;
    }