@charset "Shift_JIS";

.information {
  margin:10px 3px;
  border-collapse: separate;
  border-spacing: 0 10px; /* 幅を調整する値に変更 */
}


.information td {
  padding-bottom:5px;
}
.information_date {
  font-weight: bold;
  width: 90px;
  padding-right: 10px;
  vertical-align: top;
}

h2.info {
  padding: 1rem 2rem;
  color: #fff;
  background: #015dac;
  background-image: radial-gradient(#0175d5 13%, transparent 13%), radial-gradient(#0175d5 13%, transparent 13%);
  background-size: 50px 50px;
  background-position: 0 0, 25px 25px;
}


.information_dl {
    /* Gridコンテナにする */
    display: grid;
    /* 2列のグリッドを定義 */
    /* 1列目 (dt) は固定幅 9em */
    /* 2列目 (dd) は残りのスペースを埋める */
    grid-template-columns: 9em 1fr; 
    margin: 10px 0;
}

/* dtとddには個別の幅設定は不要 */
.information_dl dt,
.information_dl dd {
    padding: 2px 0;
    /* ddのコンテンツが長くなっても内側で改行させる（必須） */
    overflow-wrap: break-word;
}

/* dt の文字寄せを指定 */
.information_dl dt {
    text-align: left;
}

/* dd の文字寄せを指定 */
.information_dl dd {
    text-align: right;
    max-width: calc(9ch + 1em); 
    margin-left: 5px;
}