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

@section('content')

<p class="lead-sp">住まいの立地や間取り、デザインは<br>とことん妥協したくない。無駄な費用は抑えて、<br>こだわりたいところにはお金をかけたい。<br>三春情報センターの「中古＋リフォーム」には<br>たくさんのメリットがあります。</p>


<section class="merit-choice">
    <div class="merit-choice__grey-padding"></div>
    <div class="inner">
      <div class="merits__top">
          <div class="merits__merit">
              <span>MERIT</span>
          </div>
          <div class="merits__number">
              01
          </div>
      </div>
        <div class="merit-choice__title">
            「中古＋リフォーム」という<br class="sp">新しい選択肢
        </div>
                  <img class="merit-sp" src="{{root('img/reform/merit-sp.jpg')}}" alt="" >

        <div class="merit-choice__points">
            <div class="merit-choice__point">
                <img src="{{root('img/reform/point1.png')}}" alt="" class="merit-choice__balloon">
                <img src="{{root('img/reform/mesh.png')}}" alt="" class="merit-choice__mesh">
                <div class="merit-choice__image-right"><img src="{{root('img/reform/r_01a.jpg')}}" alt=""></div>
                <div class="merit-choice__image-left"><img src="{{root('img/reform/r_01b.jpg')}}" alt=""></div>
            </div>
            <div class="merit-choice__plus">
                <i class="fas fa-plus" ></i>
            </div>
            <div class="merit-choice__point">
                <img src="{{root('img/reform/point2.png')}}" alt="" class="merit-choice__balloon--right">
                <img src="{{root('img/reform/mesh.png')}}" alt="" class="merit-choice__mesh">
                <div class="merit-choice__image-left"><img src="{{root('img/reform/r_02a.jpg')}}" alt=""></div>
                <div class="merit-choice__image-right"><img src="{{root('img/reform/r_02b.jpg')}}" alt=""></div>
            </div>
        </div>

    </div>
</section>

<section class="merits__two">
        <div class="inner">
            <div class="merits__top">
                <div class="merits__merit">
                    <span>MERIT</span>
                </div>
                <div class="merits__number">
                    02
                </div>
            </div>
            <div class="merits__title">
                もとの間取りを活かすことも、<br> 思い通りの空間をつくることも自由にできます。
            </div>
            <p class="merits__explain">
                中古＋リフォームなら、あなたやご家族のご希望に合わせた空間設計も自由自在。<br class="pc">中古物件の長所を活かしたまま、魅力的な住空間につくり替えたり、<br class="pc">ライフスタイルに合わせたオーダーメイドのリフォームなど、予算内で理想の住空間をつくることができます。
            </p>
            <div class="merits__achivements">
                <div class="merits__achivement">
                    <div class="merits__achive">
                        リフォーム施工実績<span>2,399件</span>
                    </div>
                    <div class="merits__addition">
                        ※工事金額100万円以上<br> ※2001年～2013年実績
                    </div>
                </div>
                <div class="merits__achivement">
                    <div class="merits__achive">
                        神奈川県内リフォーム実績<span>第1位</span>
                    </div>
                    <div class="merits__addition">
                        ※2011年取扱高（非専業リフォーム業者内）<br> ※リフォーム産業新聞調べ
                    </div>
                </div>
            </div>
            <div class="merits__photos">
                <div class="merits__photo-pc">
                    <img src="{{root('img/reform/merit2_1.png')}}" alt="">
                </div>
                <div class="merits__photo">
                    <img src="{{root('img/reform/merit2_2.png')}}" alt="">
                </div>
            </div>
        </div>
    </section>
	<section class="merits__three">
        <div class="inner">
            <div class="merits__top">
                <div class="merits__merit">
                    <span>MERIT</span>
                </div>
                <div class="merits__number">
                    03
                </div>
            </div>
            <div class="merits__title">
                物件代金とリフォーム費用を<br class="sp">合わせてローンを組むことで、<br> 月々のお支払いがお得になります。
            </div>
            <p class="merits__explain">
                三春情報センターの紹介先銀行にて<br class="pc">「中古物件代金」と「リフォーム工事費用」を合わせてローンを組むことができます。<br class="pc">
                <br class="pc">住宅ローンの長い借入期間と安い金利でまとめてローンを組めるので、お得に住まいをご購入いただけます。
            </p>
            <p>
                【ローンの資金計画例】
            </p>
            <div class="merits__loan">
                <img src="{{root('img/reform/merit_loan.png')}}" alt="">
            </div>
            <p class="merits__paragraph">
                ※上記の他に不動産購入時の仲介手数料、住宅ローンの諸経費、毎月の管理費、修繕積立費棟がかかります。<br> ※1「住宅ローン」の金利1.075%は提携銀行の店頭金利2.475%に優遇金利1.4%を受けた場合の金利になります。
                <br> ※優遇金利および返済期間は提携銀行の状況やお客様により異なる場合があります。
                <br> ※別途諸費用がかかります。
            </p>
        </div>
    </section>

	<section class="merits__four">
        <div class="inner">
            <div class="merits__top">
                <div class="merits__merit">
                    MERIT
                </div>
                <div class="merits__number">
                    04
                </div>
            </div>
            <div class="merits__title">
                「一番の暮らし方」を実現する<br> 三春情報センターの<br class="sp">「トータルプランニング」
            </div>
            <p class="merits__explain">
                ご家族の将来設計や「生活のなかで大切にしていること」などに適した、<br class="pc">“お客様一人ひとりのためのオーダーメイド住空間”の施工を自社ワンストップにて「予算内」でつくり上げます。<br class="pc"><br class="pc">細部まで丁寧に造り込まれた施工で、ワンランク上の「ご満足」と「心地よさ」を感じていただけます。
            </p>
            <div class="merits__image">
                <img class="pc" src="{{root('img/reform/order.jpg')}}" alt="">
                <img class="sp" src="{{root('img/reform/order-sp.jpg')}}" alt="">
            </div>
        </div>
    </section>
<style type="text/css">
.pc {
  display:block;
}
.sp {
  display:none;
}

    @media screen and (max-width: 768px) {
      .pc {
        display:none;
      }
      .sp {
        display:block;
      }
      .merit-choice__points{
          display:none;
        }
        .wrapper {
            width: auto;
        }

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

        .inner {
            width: 90%;
            margin:0 0 0 5%;
            padding:0px 0 0 0;
        }

        .header__form .header__input {
            width: 200px;
        }

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

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

		.merit-choice__points {
			display: grid;
		}

		.merit-choice__point {
			width: 80%;
		}

		.merit-choice__balloon {
			left: -60px;
		}
		.merit-choice__plus {
			display: block;
			  margin-left: auto;
			  margin-right: auto;
			  margin-top: 20px;
			  margin-bottom: 20px;
			  width: 48%;
			  text-align: center;
		}
		.merits__achivements {
			width: 100%;
			padding-left: 10px;
		}
		.merits__loan img {
			width: 100%;
		}

		.footer {
			padding-left: 10px;
		}
		.footerlink__one {
			padding-left: 10px;
		}
    }
	 @media screen and (max-width: 1028px) {
		.footer {
			padding-left: 20px;
		}
		.footerlink__one {
			padding-left: 10px;
		}
	 }
</style>
@endsection
