@charset "UTF-8";

/* h1、h2、h3を左寄せに */
h1{
    border-style:dashed;
    border-width: 0 0 10px 0;
    padding: 5px;
    margin: 5px;
    width: 200px;
    height: 100%;
    background-color:rgba(182, 225, 225, 0.997);
    color: white;
    font-size: 40px;
    text-align: left; /* 左寄せ */
    text-align: left
}
h2{
    border-style:dashed;
    border-width: 0 0 10px 0;
    padding: 0;
    margin: 5px;
    width: 100px;
    height: 100%;
    background-color:rgba(182, 225, 225, 0.997);
    color: white;
    font-size: 40px;
    text-align: left; /* 左寄せ */
}
h3 {
    border-style:dashed;
    border-width: 0 0 10px 0;
    padding: 5px;
    margin: 5px;
    width: 250px;
    height: 100%;
    background-color:rgba(182, 225, 225, 0.997);
    color: white;
    font-size: 40px;
    text-align: left; /* 左寄せ */
}

/* h4を右寄せに */
h4 {
    border-style: solid;
    border-width: 0 0 10px 0;
    border-color:white;
    padding: 0 90% 0  5px;
    margin: 5px;
    width: 100px;
    height: 100%;
    background-color:rgba(182, 225, 225, 0.997);
    color: white;
    font-size: 20px;
    text-align: right; /* 右寄せ */
}

ul {
    line-height: 25px;
    padding: 0 50px;
    margin: 0 20px;
}

p {
    color: black;
    line-height: 25px;
    padding: 0 10px;
    margin: 0 10px;
}

table {
    width: 50%;
    margin: auto;
    border-collapse: collapse;
}

table td {
    padding: 10px;
    margin: 10px;
    border: solid 1px #113366;
}

body {
    font-family: 'Times New Roman', Times, serif;
    font-size: 20px;
    background-color: rgba(182, 225, 225, 0.997);
}

@media (max-width: 414px) { /* 必要に応じて max-width を調整 */
    body {
        font-size: 16px; /* 小さな画面向けにフォントサイズを調整 */
    }
    h1, h2, h3, h4 {
        font-size: 18px; /* 小さな画面向けに見出しのフォントサイズを調整 */
    }
    ul {
        padding: 0 20px; /* 小さな画面向けにリストの余白を調整 */
    }
    table {
        width: 100%; /* 小さな画面向けにテーブルを幅いっぱいに広げる */
    }
    table td {
        padding: 5px; /* 小さな画面向けにセルの余白を調整 */
    }
    /* 特定のコンテンツに合わせて必要な調整を追加してください */
}