body {
    -webkit-text-size-adjust: 100%;
    background-color: #F7F7F7; /* 背景色を薄いグレーに変更 */
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 20px;	
    color: #333333; /* テキストの色を濃いグレーに変更 */
}

.top {
    font-size: 18px;	
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

table {
    font-size: 20px;	
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

span {
    display: inline-block;
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
    font-size: 20px;	
}

div {
    width: 100%;
    font-size: 20px;	
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

font {
    font-size: 25px;	
    font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}

HR.style-seven {
    height: 30px;
    border-style: solid;
    border-color: #4A4A4A; /* ボーダーの色をダークグレーに変更 */
    border-width: 1px 0 0 0;
    border-radius: 20px;
}

HR.style-seven:before {
    display: block;
    content: "";
    height: 30px;
    margin-top: -31px;    
    border-style: solid;
    border-color: #4A4A4A; /* ボーダーの色をダークグレーに変更 */
    border-width: 0 0 1px 0;
    border-radius: 20px;
}

HR {
  border-top: 2px dashed #8da3c1; /* ボーダーの色を落ち着いた青に変更 */
  background-color: #5c7c9d; /* 背景色を濃い青に変更 */
}