/* ここにクラスを追加してください */

.main {
    /* サイト全体に背景をつける場合はここに背景色を設定してください。 */
    /* background-color: #00f6f9; */
}

/* 目次の項目間の間隔を設定 */
.index {
    gap: 20px; /* 目次の項目間の間隔 */
}

.left-content {
    /* 画像だけで背景がいらない場合は空にしてください。 */
    /* padding: 30px 40px;
    background-color: #e66597;
    border-radius: 30px; */
}

.right-content {
    padding: 30px 40px;
    background-color: #00dbd4;
    border-radius: 30px;
}

/* フッターの背景色と文字色を設定 */
#footer {
    background-color: #fffdb8; /* フッターの背景色 */
    color: #3f3f3f; /* フッターの文字色 */
}


/* コンテンツの背景を設定 */
.section01_content {
    background-color: #ffffff;
    box-shadow: 0 0 1px rgb(232, 232, 232);
}
.section02_content {
    background-color: #ffffff;
    box-shadow: 0 0 1px gray;

}
.section03_title {
    background-color: #ffffff;
}
.section03_content {
   /*  background-image: url(../images/bg_header_10.webp); */
    box-shadow: 0 0 1px gray;
}
.section04_content {
    /*  background-image: url(../images/bg_header_10.webp); */
     box-shadow: 0 0 1px gray;
 }
 .section05_content {
    /*  background-image: url(../images/bg_header_10.webp); */
     box-shadow: 0 0 1px gray;
 }
 .section06_content {
    /*  background-image: url(../images/bg_header_10.webp); */
     box-shadow: 0 0 1px rgb(216, 216, 216);
 }
 .section07_content {
    /*  background-image: url(../images/bg_header_10.webp); */
     box-shadow: 0 0 1px gray;
 }