@extends('user.layouts.app')

@section('title', '身分証明書登録ガイド')

@section('header')
    <p><a href="{{ route('user.my_account.edit', ['is_image'=>1]) }}">＜</a></p>
    <h1 id="title">身分証明書登録ガイド<a class="question-mark modal-open" data-target="use_flow"><img src="{{ asset('assets/user/img/question_mark.png') }}"></a></h1>
@endsection

@section('content')
    <main>
        <div id="wrapper" class="contents">
            <div class="guid-section">
                <img src="{{ asset('assets/user/img/身分証明書登録ガイド.jpg') }}" class="tiny" id="card_register_guide">
            </div>
        </div>
    </main>
@endsection
@section('page_css')
    <style>
        div.guid-section{
            text-align: center;
            width: 100%;
        }
        div.guid-section img{
            text-align: center;
            width: 70%;
            margin: -20px auto 0 auto;
        }

        @media only screen and (max-width: 736px) {
            div.guid-section img{
                width: 90%;
                margin-top: -30px;
            }

        }
    </style>
@endsection

@section('page_js')
    <script>

    </script>
@endsection