{
"component": "InstructionalTimeline",
"type"

{
"component": "InstructionalTimeline",
"type": "container",
"style": {
"backgroundColor": "#FFFFFF",
"padding": "p-6 md:p-10",
"fontFamily": "sans-serif",
"maxWidth": "max-w-2xl",
"margin": "mx-auto"
},
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "gap-y-8 md:gap-y-12"
},
"children": [
{
"component": "InstructionStep",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "row",
"alignItems": "flex-start",
"gap": "gap-x-4"
},
"children": [
{
"component": "StepNumberBadge",
"type": "container",
"style": {
"width": "w-10",
"height": "h-10",
"minWidth": "w-10",
"borderRadius": "rounded-full",
"backgroundColor": "#263984"
},
"layout": {
"display": "flex",
"alignItems": "center",
"justifyContent": "center"
},
"children": [
{
"component": "Text",
"content": "1",
"style": {
"fontSize": "text-xl",
"fontWeight": "font-bold",
"color": "text-white"
}
}
]
},
{
"component": "ContentBlock",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "gap-y-4"
},
"children": [
{
"component": "Text",
"content": "車両をカードリーダーの前に駐車させて下さい。",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900",
"lineHeight": "leading-relaxed"
}
},
{
"component": "Image",
"src": "tiemline_step1.svg",
"alt": "A line drawing of the rear of a car parked in front of a parking gate card reader.",
"style": {
"width": "w-full",
"marginTop": "mt-2"
}
}
]
}
]
},
{
"component": "InstructionStep",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "row",
"alignItems": "flex-start",
"gap": "gap-x-4"
},
"children": [
{
"component": "StepNumberBadge",
"type": "container",
"style": {
"width": "w-10",
"height": "h-10",
"minWidth": "w-10",
"borderRadius": "rounded-full",
"backgroundColor": "#263984"
},
"layout": {
"display": "flex",
"alignItems": "center",
"justifyContent": "center"
},
"children": [
{
"component": "Text",
"content": "2",
"style": {
"fontSize": "text-xl",
"fontWeight": "font-bold",
"color": "text-white"
}
}
]
},
{
"component": "ContentBlock",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "gap-y-4"
},
"children": [
{
"component": "Text",
"content": "カードリーダーに備付けられているインターフォンで係員をお呼び出しください。",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900",
"lineHeight": "leading-relaxed"
}
},
{
"component": "Image",
"src": "tiemline_step2.svg",
"alt": "A close-up line drawing of the card reader's intercom button. A red arrow with Japanese text '係員呼出' (Call Attendant) points to the circular button.",
"style": {
"width": "w-full",
"marginTop": "mt-2"
}
}
]
}
]
},
{
"component": "InstructionStep",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "row",
"alignItems": "flex-start",
"gap": "gap-x-4"
},
"children": [
{
"component": "StepNumberBadge",
"type": "container",
"style": {
"width": "w-10",
"height": "h-10",
"minWidth": "w-10",
"borderRadius": "rounded-full",
"backgroundColor": "#263984"
},
"layout": {
"display": "flex",
"alignItems": "center",
"justifyContent": "center"
},
"children": [
{
"component": "Text",
"content": "3",
"style": {
"fontSize": "text-xl",
"fontWeight": "font-bold",
"color": "text-white"
}
}
]
},
{
"component": "ContentBlock",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "gap-y-4"
},
"children": [
{
"component": "Text",
"content": "係員の誘導により、カードリーダーに備付けのカメラに身障者手帳をかざして下さい。",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900",
"lineHeight": "leading-relaxed"
}
},
{
"component": "Image",
"src": "tiemline_step3.svg",
"alt": "A line drawing showing a hand holding a disability certificate in front of the parking gate machine's camera module. A red arrow indicates the action of presenting the card to the camera.",
"style": {
"width": "w-full",
"marginTop": "mt-2"
}
}
]
}
]
},
{
"component": "InstructionStep",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "row",
"alignItems": "flex-start",
"gap": "gap-x-4"
},
"children": [
{
"component": "StepNumberBadge",
"type": "container",
"style": {
"width": "w-10",
"height": "h-10",
"minWidth": "w-10",
"borderRadius": "rounded-full",
"backgroundColor": "#263984"
},
"layout": {
"display": "flex",
"alignItems": "center",
"justifyContent": "center"
},
"children": [
{
"component": "Text",
"content": "4",
"style": {
"fontSize": "text-xl",
"fontWeight": "font-bold",
"color": "text-white"
}
}
]
},
{
"component": "ContentBlock",
"type": "container",
"layout": {
"display": "flex",
"flexDirection": "column",
"gap": "gap-y-4"
},
"children": [
{
"component": "Text",
"content": "係員の誘導により、駐車券を挿入して下さい。割引認証された駐車券が返却され、ゲートが開き入場できます。",
"style": {
"fontSize": "text-base",
"fontWeight": "font-medium",
"color": "text-gray-900",
"lineHeight": "leading-relaxed"
}
},
{
"component": "Image",
"src": "tiemline_step4.svg",
"alt": "A line drawing of the car at the gate. A red arrow with Japanese text '駐車券挿入' (Insert Parking Ticket) points to the ticket slot. Another red label on the rising gate arm says 'OPEN'.",
"style": {
"width": "w-full",
"marginTop": "mt-2"
}
}
]
}
]
}
]
}