 <style>
    body, html {
      height: 100%;
      margin: 0;
    }
    .centered-content {
      display: flex;
      justify-content: center; /* 横方向中央揃え */
      align-items: center;     /* 縦方向中央揃え */
      height: 100vh;           /* ビューポートの高さに合わせる */
      text-align: center;
      flex-direction: column;
    }
  </style>
</head>



<style>
.notice-title {
  display: inline-block;
  position: relative;
  font-size: 50px;
  text-align: center;
}

.notice-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: repeating-linear-gradient(-45deg, #6ad1c8, #6ad1c8 2px, #fff 2px, #fff 4px);
}
.notice-wrapper {
  text-align: center;
}
</style>




<style>
h101{
  font-size:  20px; 
}
</style>