Cacher is the code snippet organizer for pro developers

<div class="row justify-content-center">
    <div class="col-lg-10">
        <!-- Heading -->
        <div class="text-center g-mb-60">
            <h2 class="g-font-weight-600 text-uppercase mb-2">よくある質問</h2>
        </div>
        <!-- End Heading -->

        <div id="accordion" class="u-accordion u-accordion-color-primary" role="tablist" aria-multiselectable="true">
            <!-- Card -->
            <div class="card g-brd-none rounded-0 g-mb-20">
                <div id="accordion-heading-01" class="g-brd-bottom g-brd-gray-light-v4 g-pa-0" role="tab">
                    <h5 class="mb-0">
                        <a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover rounded-0 g-px-30 g-py-20" href="#accordion-body-01" data-toggle="collapse" data-parent="#accordion" aria-expanded="false" aria-controls="accordion-body-01">
                            質問A
                            <span class="u-accordion__control-icon">
                          <i class="fa fa-angle-down"></i>
                          <i class="fa fa-angle-up"></i>
                        </span>
                        </a>
                    </h5>
                </div>
                <div id="accordion-body-01" class="collapse" role="tabpanel" aria-labelledby="accordion-heading-01" data-parent="#accordion">
                    <div class="u-accordion__body g-color-gray-dark-v4 g-pa-30">
                        道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。
                    </div>
                </div>
            </div>
            <!-- End Card -->

            <!-- Card -->
            <div class="card g-brd-none rounded-0 g-mb-20">
                <div id="accordion-heading-02" class="g-brd-bottom g-brd-gray-light-v4 g-pa-0" role="tab">
                    <h5 class="mb-0">
                        <a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover rounded-0 g-px-30 g-py-20" href="#accordion-body-02" data-toggle="collapse" data-parent="#accordion" aria-expanded="false" aria-controls="accordion-body-02">
                            質問B
                            <span class="u-accordion__control-icon">
                          <i class="fa fa-angle-down"></i>
                          <i class="fa fa-angle-up"></i>
                        </span>
                        </a>
                    </h5>
                </div>
                <div id="accordion-body-02" class="collapse" role="tabpanel" aria-labelledby="accordion-heading-02" data-parent="#accordion">
                    <div class="u-accordion__body g-color-gray-dark-v4 g-pa-30">
                        道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。
                    </div>
                </div>
            </div>
            <!-- End Card -->

            <!-- Card -->
            <div class="card g-brd-none rounded-0 g-mb-20">
                <div id="accordion-heading-03" class="g-brd-bottom g-brd-gray-light-v4 g-pa-0" role="tab">
                    <h5 class="mb-0">
                        <a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover rounded-0 g-px-30 g-py-20" href="#accordion-body-03" data-toggle="collapse" data-parent="#accordion" aria-expanded="false" aria-controls="accordion-body-03">
                            質問C
                            <span class="u-accordion__control-icon">
                          <i class="fa fa-angle-down"></i>
                          <i class="fa fa-angle-up"></i>
                        </span>
                        </a>
                    </h5>
                </div>
                <div id="accordion-body-03" class="collapse" role="tabpanel" aria-labelledby="accordion-heading-03" data-parent="#accordion">
                    <div class="u-accordion__body g-color-gray-dark-v4 g-pa-30">
                        道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。
                    </div>
                </div>
            </div>
            <!-- End Card -->

            <!-- Card -->
            <div class="card g-brd-none rounded-0 g-mb-20">
                <div id="accordion-heading-04" class="g-brd-bottom g-brd-gray-light-v4 g-pa-0" role="tab">
                    <h5 class="mb-0">
                        <a class="collapsed d-flex justify-content-between g-color-main g-text-underline--none--hover rounded-0 g-px-30 g-py-20" href="#accordion-body-04" data-toggle="collapse" data-parent="#accordion" aria-expanded="false" aria-controls="accordion-body-04">
                            質問D
                            <span class="u-accordion__control-icon">
                          <i class="fa fa-angle-down"></i>
                          <i class="fa fa-angle-up"></i>
                        </span>
                        </a>
                    </h5>
                </div>
                <div id="accordion-body-04" class="collapse" role="tabpanel" aria-labelledby="accordion-heading-04" data-parent="#accordion">
                    <div class="u-accordion__body g-color-gray-dark-v4 g-pa-30">
                        道がつづら折りになって、いよいよ天城峠が近づいたと思うころ、雨足が杉の密林を白く染めながら、すさまじい早さで麓からわたしを追って来た。
                    </div>
                </div>
            </div>
            <!-- End Card -->
        </div>
    </div>
</div>