@charset "utf-8";
.information {
    margin-top: 65px;
	margin-bottom: 20px;
}

.heading02 {
    margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
	font-size: 26px;
	text-align: left;
	border-bottom: 5px solid #dddddd;
}

.heading02::after {
	content: '';
	position: absolute;
	bottom: -5px;
	left: 50%;
	transform: translateX(-50%);
	width: 70px;
	height: 5px;
	background-color: #387ccc;
}

ul{
    /* list-style-type: none;  リストのマーカーを非表示にする */
    padding-left: 20px;
}
li{
    
    margin-bottom: 10px; /* 各リストアイテムの間にスペースを追加 */
}

.subtitle {
	margin-top: 20px;
	margin-bottom: 20px;
}

#table03 {
    margin-top: 30px;
    width: 100%;
    border-collapse: collapse; /* テーブルの枠線を統合して区切り線を明確にする */
    border-spacing: 0; /* セル間のスペースをなくす */
    margin-bottom: 30px; /* テーブル間の余白を統一 */
}

#table03 th,
#table03 td {
    display: table-cell; /* セルをテーブルセルとして表示 */
    width: auto; /* セルの幅を自動調整 */
    padding: 10px; /* セルの内側に余白を追加 */
    text-align: left; /* テキストを左揃え */
    vertical-align: top; /* テキストを上揃え */
    border-bottom: 1px solid #ddd; /* セルの下に区切り線を追加 */
    box-sizing: border-box; /* パディングを含めた幅を維持 */
}

#table03 th {
    background-color: #f0f0f0; /* 見出し部分に背景色を追加（色変更が不要なら削除） */
    vertical-align: middle; /* 垂直方向の中央揃え */
    padding-left: 20px; /* 必要なインデント幅に調整 */
    font-weight: normal; /* 全ての<th>の太字を解除 */
    width: 80%;
}

#table03 tr {
    display: table-row; /* 行をテーブル行として表示 */
}
#table03 th.highlight {
    font-size: 1.2em; /* 文字サイズを大きく */
    font-weight: bold; /* 太字 */
    text-transform: uppercase; /* 大文字に変換 */
}

.url_link {
    text-decoration: none; /* リンクの下線を削除 */
    color: blue; /* 必要であれば色を指定（青色） */
}

#table03 th.extra-indent {
    padding-left: 60px; /* さらにインデントを深くする */
}
/* スマートフォン向けの調整 */
@media only screen and (max-width: 480px) {
    th,
    td {
        width: 100%;
        display: block;
        padding: 16px 0; /* スマートフォン向けにパディングを調整 */
    }

    th {
        width: 100%;
    }

    td {
        padding-top: 0;
    }
}