@charset "utf-8";
/* CSS Document */


    .container01{
		font-family:"Hiragino Kaku Gothic ProN", Meiryo, "Noto Sans JP", sans-serif;color:#222;
		max-width:980px;margin:28px auto;padding:18px;background:#fff;border-radius:6px;box-shadow:0 6px 18px rgba(0,0,0,0.06)}

    /* ヘッダー */
    .doc-header{display:flex;align-items:center;gap:12px;padding:12px 18px;border-bottom:1px solid #e6e6e6}
    .clip{width:28px;height:28px;background:#eee;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:16px}
    .doc-title{font-weight:700;font-size:18px}

    /* メッセージ */
    .hero{padding:18px}
    .hero .lead{
	padding: 22px 18px;
	font-size: 2em;
	line-height: 1.4;
	border-left: 8px solid #424242;
}
    .lead .accent{color:#e60012;font-weight:700}

    /* メイン：画像＋ステップ一覧 */
    .main-row{display:grid;grid-template-columns:1fr 320px;gap:18px;padding:18px 18px 0}
    .photo{width:100%;height:260px;object-fit:cover;border-radius:6px;border:1px solid #ddd}

    .accident-steps{display:flex;flex-direction:column;gap:0}
    .accident-steps .step-item{background:#0b2b7a;color:#fff;text-align:center;padding:14px 10px;font-size:16px}
    .accident-steps .step-arrow{width:0;height:0;border-left:18px solid transparent;border-right:18px solid transparent;border-top:14px solid #0b2b7a;margin:0 auto}

    /* 番号付きステップ */
    .steps{display:flex;flex-direction:column;gap:18px;padding:18px}
    .step{display:flex;gap:16px}
    .step-num{
	font-size: 3em;
	color: #e21b1b;
	font-weight: 800;
	min-width: 100px;
	text-align: right;
}
    .step-body{flex:1}
.step-body ol{
	background-color: #FFFFFF;
	border-radius: 6px;
	padding-top: 10px;
	padding-bottom: 10px;
}
    .step-title{
	font-weight: 800;
	margin-bottom: 0px;
	font-size: 1.2em;
	margin-top: 6px;
}

    .alert{
	background: #e21b1b;
	color: #fff;
	padding: 12px 16px;
	border-radius: 4px;
	font-weight: 700;
	margin: 14px 18px;
	font-size: 1.2em;
}

    .content{padding:0 25px 24px}
    .question{
	color: #e21b1b;
	font-weight: 800;
	margin-top: 10px;
	text-align: center;
	font-size: 1.4em;
}

    .blue-band{
	background: #0b2b7a;
	color: #fff;
	padding: 10px 16px;
	border-radius: 4px;
	margin: 6px 18px;
	font-weight: 700;
	font-size: 1.2em;
}

    @media(max-width:740px){
		    .step-num{
	font-size: 2.4em;
	color: #e21b1b;
	font-weight: 800;
	min-width: 60px;
	text-align: right;
}
		.main-row{grid-template-columns:1fr}
		.photo{height:180px}}