app/template/default/Firsttime/firsttime.twig line 1

Open in your IDE?
  1. {#
    This file is part of EC-CUBE
    
    Copyright(c) EC-CUBE CO.,LTD. All Rights Reserved.
    
    http://www.ec-cube.co.jp/
    
    For the full copyright and license information, please view the LICENSE
    file that was distributed with this source code.
    #}
    {% extends 'default_frame.twig' %}
    
    {% block main %}
    
                <section class="rf-page-fv-section">
                    <div class="rf-page-fv-img">
                        <picture>
                            <source media="(min-width:768px)" srcset="{{ asset('assets/img/fv-beginner.png', 'user_data') }} 1x, {{ asset('assets/img/fv-beginner@2x.png', 'user_data') }} 2x" sizes="100vw">
                            <source media="(max-width:767px)" srcset="{{ asset('assets/img/fv-beginner-sp.png', 'user_data') }} 1x, {{ asset('assets/img/fv-beginner-sp@2x.png', 'user_data') }} 2x" sizes="100vw">
                            <img src="{{ asset('assets/img/fv-beginner.png', 'user_data') }}" alt="">
                        </picture>
                    </div>
                    <div class="container">
                        <div class="rf-page-fv-inner">
                            <div class="rf-page-fv-title">
                                <picture>
                                    <source srcset="{{ asset('assets/img/title-beginner.png', 'user_data') }} 1x, {{ asset('assets/img/title-beginner@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <img src="{{ asset('assets/img/title-beginner.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                            <div class="rf-page-fv-lead">
                                <picture>
                                    <source srcset="{{ asset('assets/img/lead-beginner.png', 'user_data') }} 1x, {{ asset('assets/img/lead-beginner@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <img src="{{ asset('assets/img/lead-beginner.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                </section>
    
                <section class="rf-beginner-section">
                    <div class="rf-beginner-area-01">
                        <div class="container">
                            <div class="rf-product-large-title bg-yellow">
                                <h2 class="rf-product-large-title-inner">ふとんは5年でこう変わる!?</h2>
                            </div>
                            <div class="rf-beginner-compare">
                                <div class="rf-beginner-single-img">
                                    <picture>
                                        <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-compare-icon.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-compare-icon@2x.png', 'user_data') }} 2x" sizes="100vw">
                                        <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-compare-icon-sp.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-compare-icon-sp@2x.png', 'user_data') }} 2x" sizes="100vw">
                                        <img src="{{ asset('assets/img/beginner-compare-icon.png', 'user_data') }}" alt="">
                                    </picture>
                                </div>
                                <div class="rf-compare-desc">
                                    <span>5年使うと保温力が約22%〜23%DOWN</span><br>
                                    ※使用期間平均5年、ダウン率50%以上の羽毛ふとんを使用した際の保温力変化:当社調べ
                                </div>
                                <div class="row rf-beginner-compare-img">
                                    <picture>
                                        <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-compare-01.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-compare-01@2x.png', 'user_data') }} 2x" sizes="100vw">
                                        <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-compare-01-sp.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-compare-01-sp@2x.png', 'user_data') }} 2x" sizes="100vw">
                                        <img src="{{ asset('assets/img/beginner-compare-01.png', 'user_data') }}" alt="">
                                    </picture>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="rf-beginner-area-02">
                        <div class="container">
                            <div class="rf-product-large-title bg-pink rf-check-title">
                                <h2 class="rf-product-large-title-inner">あなたのふとんは大丈夫?</h2>
                            </div>
                            <p class="rf-beginner-lead">まずは簡単リフトンCheck!</p>
                            <div class="rf-beginner-single-img">
                                <picture>
                                    <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-check-01.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-check-01@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-check-01-sp.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-check-01-sp@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <img src="{{ asset('assets/img/beginner-check-01.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                    <div class="rf-beginner-area-03">
                        <div class="container">
                            <div class="rf-product-large-title bg-red rf-check-title">
                                <h2 class="rf-product-large-title-inner">1つでも当てはまった方は<br>リフトンのふとんリフォームで解決</h2>
                            </div>
                            <div class="rf-beginner-reform-text">
                                意外と意識してないけど、干すだけでは<span>解消できない</span><br>
                                汚れの蓄積や、<span>保温力の低下</span>などが進行していきます。<br>
                                汚れは、主に皮脂やフケ、繊維のホコリ、ほおっておくと、<br>
                                <span>アレルギーや疾患の原因</span>になる場合も・・・。
                            </div>
                            <div class="rf-beginner-reform-img">
                                <picture>
                                    <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-reform-01.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-reform-01@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-reform-01-sp.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-reform-01-sp@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <img src="{{ asset('assets/img/beginner-reform-01.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                            <div class="rf-beginner-assistant-img">
                                <picture>
                                    <source srcset="{{ asset('assets/img/beginner-assistant.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-assistant@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <img src="{{ asset('assets/img/beginner-assistant.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                    <div class="rf-beginner-area-04">
                        <div class="container">
                            <div class="rf-product-large-title bg-blue">
                                <h2 class="rf-product-large-title-inner">ふとんは人生の<span class="fraction"><span>1</span><span>3</span></span>着ている服です</h2>
                            </div>
                            <p class="rf-beginner-lead">
                                服が毎日汚れるように、<br class="d-block d-md-none">ふとんも毎日汚れていきます。<br>衣服は手軽に洗濯できますが、<br class="d-block d-md-none">ふとんはそうはいきません。<br>そこで大切なのが<br class="d-block d-md-none">「定期的なメンテナンス」<br><span>リフトンのふとんリフォームで</span><br>あなたのふとんがきれいで<br class="d-block d-md-none">健康的に甦ります
                            </p>
                            <div class="rf-beginner-single-img">
                                <picture>
                                    <source media="(min-width:768px)" srcset="{{ asset('assets/img/lp-img-09.png', 'user_data') }}" sizes="100vw">
                                    <source media="(max-width:767px)" srcset="{{ asset('assets/img/lp-img-09-sp.png', 'user_data') }}" sizes="100vw">
                                    <img src="{{ asset('assets/img/lp-img-09.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                    <div class="rf-beginner-area-05">
                        <div class="container">
                            <div class="rf-product-large-title bg-pink rf-check-title">
                                <h2 class="rf-product-large-title-inner">リフトン<span>4</span>つのこだわり</h2>
                            </div>
                            <div class="rf-beginner-single-img">
                                <picture>
                                    <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-fourth.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-fourth@2x.png', 'user_data') }} 2x " sizes="100vw">
                                    <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-fourth-sp.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-fourth-sp@2x.png', 'user_data') }} 2x " sizes="100vw">
                                    <img src="{{ asset('assets/img/beginner-fourth.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                        </div>
                    </div>
                    <div class="rf-beginner-area-06">
                        <div class="container">
                            <div class="rf-product-large-title bg-blue">
                                <h2 class="rf-product-large-title-inner">ふとんリフォームって何するの?</h2>
                            </div>
                            <p class="rf-beginner-lead">
                                リフトンでは<br class="d-block d-md-none">お客様の愛着あるおふとんを、<br>1枚1枚大切に甦らせます。
                            </p>
                            <div class="rf-beginner-point-img">
                                <picture>
                                    <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-point-img.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-point-img@2x.png', 'user_data') }} 2x " sizes="100vw">
                                    <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-point-img-sp.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-point-img-sp@2x.png', 'user_data') }} 2x " sizes="100vw">
                                    <img src="{{ asset('assets/img/beginner-point-img.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                            <div class="row gutter-15 justify-content-center">
                                <div class="col-11 col-sm-6">
                                    <div class="rf-beginner-single-img">
                                        <picture>
                                            <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-point-01.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-point-01@2x.png', 'user_data') }} 2x " sizes="100vw">
                                            <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-point-01-sp.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-point-01-sp@2x.png', 'user_data') }} 2x " sizes="100vw">
                                            <img src="{{ asset('assets/img/beginner-point-01.png', 'user_data') }}" alt="">
                                        </picture>
                                    </div>
                                </div>
                                <div class="col-11 col-sm-6">
                                    <div class="rf-beginner-single-img">
                                        <picture>
                                            <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-point-02.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-point-02@2x.png', 'user_data') }} 2x " sizes="100vw">
                                            <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-point-02-sp.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-point-02-sp@2x.png', 'user_data') }} 2x " sizes="100vw">
                                            <img src="{{ asset('assets/img/beginner-point-02.png', 'user_data') }}" alt="">
                                        </picture>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="rf-beginner-area-07">
                        <div class="container">
                            <div class="rf-product-large-title bg-pink rf-check-title">
                                <h2 class="rf-product-large-title-inner">ご注文の流れ</h2>
                            </div>
                            <div class="rf-beginner-single-img">
                                <picture>
                                    <source media="(min-width:768px)" srcset="{{ asset('assets/img/beginner-beginner-step.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-step@2x.png', 'user_data') }} 2x " sizes="100vw">
                                    <source media="(max-width:767px)" srcset="{{ asset('assets/img/beginner-beginner-step-sp.png', 'user_data') }} 1x,{{ asset('assets/img/beginner-step-sp@2x.png', 'user_data') }} 2x " sizes="100vw">
                                    <img src="{{ asset('assets/img/beginner-step.png', 'user_data') }}" alt="">
                                </picture>
                            </div>
                            <a class="rf-assistant-click" href="{{ url('assistant') }}">
                                <picture>
                                    <source srcset="{{ asset('assets/img/beginner-assistant.png', 'user_data') }} 1x, {{ asset('assets/img/beginner-assistant@2x.png', 'user_data') }} 2x" sizes="100vw">
                                    <img src="{{ asset('assets/img/beginner-assistant.png', 'user_data') }}" alt="">
                                </picture>
                            </a>
                        </div>
                    </div>
                    <div class="rf-beginner-area-08">
                        <div class="container">
                            <div class="rf-beginner-middle-title">リフトンの取り組み</div>
                            <p class="rf-beginner-lead">
                                リフトンではさまざまな活動を通じて、<br>地球環境への貢献をめざします。
                            </p>
                            <div class="row gutter-15 justify-content-center">
                                <div class="col-12 col-sm-5 col-md-4">
                                    <div class="rf-beginner-action">
                                        <div class="rf-beginner-action-img"><img src="{{ asset('assets/img/lp-img-18.png', 'user_data') }}" alt=""></div>
                                        <div class="rf-beginner-action-text">
            リフォームしたふとんから剥がした側生地を、環境をはじめとするさまざまなプロジェクトの支援や推進を行う非営利組織「ap bank」など多くの団体に提供。
                                        </div>
                                    </div>
                                </div>
                                <div class="col-12 col-sm-5 col-md-4">
                                    <div class="rf-beginner-action">
                                        <div class="rf-beginner-action-img"><img src="{{ asset('assets/img/lp-img-19.png', 'user_data') }}" alt=""></div>
                                        <div class="rf-beginner-action-text">
                                            廃棄予定のふとんを、クリエーターにより、新しく再生する活動や提案をする「中綿プライス展」に提供。
                                        </div>
                                    </div>
                                </div>
                            </div>
    
                        </div>
                    </div>
                </section>
    
    {% endblock %}