@extends('template')
@section('head')
@endsection

@section('content')



<section class="reform-flow">
    <div class="wrapper">


        <div class="reform-flow__one">
            <div class="reform-flow__arrow">
                無料相談
            </div>
            <div class="reform-flow__blocks">
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            01
                            <img class="flor-illust1-sp" src="{{root('img/reform/flow-illust1.png')}}" alt="">

                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow1.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                            まずは無料相談にお越しください
                        </div>
                        <div class="reform-flow__text">
                            物件探しやリフォームに関するご質問、資金のご相談など<br class="pc">お客様専属の担当者（クリエーター）が承ります。<br>※ご来店には事前予約不要です。
                        </div>
                        <a href="/shop" class="reform-flow__button"><i class="fas fa-chevron-right"></i>
                        店舗紹介
                </a>
                    </div>
                </div>
            </div>
        </div>



        <div class="reform-flow__one">
            <div class="reform-flow__arrow2">
                1週間
            </div>
            <div class="reform-flow__blocks">
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            02

                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow2.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                            お客様の理想やご希望を徹底的にヒアリング

                        </div>
                        <div class="reform-flow__text">
                            お客様のライフスタイルや現状、家族構成、お住まいの希望<br class="pc">（漠然としていてもかまいません）などを伺わせていただきます。
                        </div>
                        <img class="flor-illust1" src="{{root('img/reform/flow-illust1.png')}}" alt="">

                    </div>
                </div>
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            03
                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow3.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                            リフォームする物件を探す・選ぶ
                        </div>
                        <div class="reform-flow__text">
                            地元に強い三春情報センターの経験やノウハウを活かし、<br class="pc">リフォーム向きの物件の中からご希望にあったエリア、面積、築年数等の<br class="pc">条件の物件をお探しし現地調査を行いご提案します。<br class="pc">耐震性や管理状態・資産価値面でのアドバイスもさせていただきます。
                        </div>
                        <a href="/buy" class="reform-flow__button"><i class="fas fa-chevron-right"></i>
                        物件を探す
                </a>
                    </div>
                </div>
            </div>
        </div>



        <div class="reform-flow__one">
            <div class="reform-flow__arrow3">
                    2週間
            </div>
            <div class="reform-flow__blocks">
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            04
                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow4.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                                リフォームプランのご提案
                        </div>
                        <div class="reform-flow__text">
                                基本プランが決定し、弊社にお気持ちが固まりましたら、<br class="pc">ご契約の段取りを進めさせていただきます。
                        </div>

                    </div>
                </div>
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            05
                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow5.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                                資金計画・住宅ローン相談
                        </div>
                        <div class="reform-flow__text">
                                基本プランをベースとして、詳細デザイン、設計、設備仕様やカラーを決めていきます。
                        </div>

                    </div>
                </div>
            </div>
        </div>



        <div class="reform-flow__one">
            <div class="reform-flow__arrow4">
                    1ヶ月半
            </div>
            <div class="reform-flow__blocks">
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            06
                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow6.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                                ご契約
                        </div>
                        <div class="reform-flow__text">
                                詳細プランとお見積りが決定しましたら、増減契約書を結んでいただき、その内容をもとに、<br class="pc">
                                発注作業などの着工準備を行ないます。
                        </div>

                    </div>
                </div>
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            07
                            <img class="flor-illust1-sp" src="{{root('img/reform/flow-illust2.png')}}" alt="">
                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow7.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                                詳細プランニング・お見積り・カラースキームのご提案
                        </div>
                        <div class="reform-flow__text">
                                着工前に、お客様さま、専属担当者（クリエーター）、<br class="pc">
                                現場監督の三者で最終確認を行います。
                        </div>
                        <img src="{{root('img/reform/flow-illust2.png')}}" alt="">

                    </div>
                </div>

                <div class="reform-flow__block">
                        <div class="reform-flow__iconic">
                            <div class="reform-flow__number">
                                08
                            </div>
                            <div class="reform-flow__image">
                                <img src="{{root('img/reform/flow8.png')}}" alt="">
                            </div>
                        </div>
                        <div class="reform-flow__line">
                        </div>
                        <div class="reform-flow__texts">
                            <div class="reform-flow__title">
                                    プランニング決定・増減契約書
                            </div>
                            <div class="reform-flow__text">
                                    工事の中間に一度現場をご説明・確認させて頂き、<br class="pc">
細かな修正などをチェックしていきます。
                            </div>

                        </div>
                    </div>
            </div>
        </div>


        <div class="reform-flow__one">
            <div class="reform-flow__arrow5">
                    2ヶ月半
            </div>
            <div class="reform-flow__blocks">
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            09
                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow9.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                                着工前打ち合わせ・着工
                        </div>
                        <div class="reform-flow__text">
                                設備器具類等の取扱説明書、引渡し書、保証書をお渡しし、鍵をお返しいたします。<br class="pc">
                                引っ越しの際の業者手配も可能です。ぜひご相談ください。<br class="pc">
                                それでは、あなただけの住まいを存分にお楽しみください。
                        </div>

                    </div>
                </div>
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            10
                            <img class="flor-illust1-sp" src="{{root('img/reform/flow-illust3.png')}}" alt="">

                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow10.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                                工事・中間確認・完成
                        </div>
                        <div class="reform-flow__text">
                                工事を実施します。途中中間確認が入ります。<br class="pc">
                                そして、いよいよ完成です！
                        </div>
                        <img src="{{root('img/reform/flow-illust3.png')}}" alt="">
                    </div>
                </div>
            </div>
        </div>


        <div class="reform-flow__one">
            <div class="reform-flow__arrow6">
                アフターサービス
            </div>
            <div class="reform-flow__blocks">
                <div class="reform-flow__block">
                    <div class="reform-flow__iconic">
                        <div class="reform-flow__number">
                            11
                        </div>
                        <div class="reform-flow__image">
                            <img src="{{root('img/reform/flow11.png')}}" alt="">
                        </div>
                    </div>
                    <div class="reform-flow__line">
                    </div>
                    <div class="reform-flow__texts">
                        <div class="reform-flow__title">
                                ご入居・ライフサポート
                        </div>
                        <div class="reform-flow__text">
                                お引渡後も引き続きサポートさせていただきます。<br class="pc">
                                どうぞ、遠慮なくご連絡ください。
                        </div>

                    </div>
                </div>

            </div>
        </div>

    </div>
</section>

<style type="text/css">
    @media screen and (max-width: 768px) {
        .wrapper {
            width: auto;
        }

        .header__link-wrapper .header__link {
            margin: 0 25px 0 0;
        }

        .inner {
            width: auto;
        }

        .header__form .header__input {
            width: 200px;
        }

        .inner .favorite-list__buttons {
            display: flex;
        }

        .header__button i {
            margin-bottom: 10px;
        }

		.reform-flow__button {
			width:auto;
			margin-right: 50px;
		}

		.reform-flow__block {
			padding-top: 10px;
		}
		.footer {
			padding-left: 20px;
		}
		.footerlink__one {
			padding-left: 10px;
		}
    }

	@media screen and (max-width: 1024px) {
		 .wrapper {
            width: auto;
        }
		.reform-flow__block {
			padding-top: 10px;
		}
		.footer {
			padding-left: 20px;
		}
		.footerlink__one {
			padding-left: 10px;
		}
    .reform-flow__button {
  width:auto;
  margin-right: 0px;
}
	}
</style>
@endsection
