p.submis_top {
   text-align: left !important;  /* 両端揃え（justify）を解除して字間割れを防ぐ */
   color: #333;                  /* 真っ黒ではなく濃いグレーで可読性向上 */
   margin:  0;
}
p.submis {
   text-align: left !important;  /* 両端揃え（justify）を解除して字間割れを防ぐ */
   color: #333;                  /* 真っ黒ではなく濃いグレーで可読性向上 */
   margin: 1em 0;
}
.text-red {
   color: #e60012 !important; /* 落ち着いた赤色（!importantをつけて確実に色を変えます） */
   font-weight: bold;
   font-size: 1.3em;
}

.alert-box {
   border: 2px solid #e60012; /* 文字色と同じ赤で統一 */
   background-color: #fff5f5; /* ほんのり赤い背景 */
   padding: 1.2em;            /* 内側の余白を少し広めに */
   border-radius: 6px;        /* 角丸 */
   margin: 1.5em 0;
   box-shadow: 0 2px 5px rgba(230, 0, 18, 0.1); /* 薄い影をつけて少し浮かせる */
}
.warning-box {
   border: 2px solid #ffb300; /* 濃いめの黄色（オレンジ） */
   background-color: #fffde7; /* ほんのり黄色い背景 */
   padding: 1.2em;
   border-radius: 6px;
   margin: 1.5em 0;
}

ol.submis-list {
   padding: 1.5em;
   padding-left: 2.5em;          /* 数字がはみ出さないように左の余白を少し広めにとる */
   margin: 1em 0 1.5em 0;
   background-color: #f7fcff;    /* 薄い水色の背景 */
   border: 1px solid #e0f0fa;    /* 薄い水色の枠線 */
   border-radius: 6px;           /* 少し角を丸く */
}

ol.submis-list li {
   margin-bottom: 1em;         /* 項目ごとの行間 */
   line-height: 1.5;
   color: #333;
   text-align: left;
   font-size: 1.1em;
}

ol.submis-list li:last-child {
   margin-bottom: 0;             /* 最後の項目の下余白を消す */
}
div.submiss_check{
   display: flex;
   justify-content: center;
   gap: 20px;
   flex-wrap: wrap;
}
img.submis-btn {
   width: 80%;            /* スマホなどの画面が狭い時は横幅いっぱいに広げる */
   max-width: 300px;       /* ★ここでお好みの横幅（サイズ）に制限します */
   height: auto;           /* 縦横比を崩さない */
   display: block;         /* 配置をコントロールするためにブロック化 */
   margin: 1em auto 0 auto;
   transition: 0.3s;       /* マウスを乗せたときのアニメーションを滑らかに */
}
/* マウスを乗せたときに少し明るくする演出（リンクボタンらしくなります） */
img.submis-btn:hover {
   opacity: 0.8;
}

@media screen and (min-width: 768px) {
div.submiss_check{
   flex-direction: row;
}
img.submis-btn {
   margin: 1.5em 0;      /* 横並び時は上下のみマージンを設定 */
}
}