{#
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' %}
{% set body_class = 'front_page' %}
{% block stylesheet %}
<style>
#image_background{
display:none;
}
.popup .popup__link__btn:hover {
background: #00a0b4 !important;
color: white !important;
border: none !important;
}
.popup__service {
position: relative;
}
.popup__service::before {
position: absolute;
content: '只今準備中';
color: #fff;
background: #00a0b4;
font-size: 23rem;
display: flex;
align-items: center;
justify-content: center;
width: 180px;
height: 70px;
top: calc(50% - 35px);
left: calc(50% - 90px);
}
.popup__service .popup__service__step,
.popup__service .popup__service__description {
opacity: .1;
}
.popup__service .popup__service__step .popup__service__step__img {
width: 130rem;
height: 130rem;
}
.service .service__inner-body-content .service__inner-text .service__description.sub-title-description {
font-size: 12rem;
line-height: 18rem;
}
@media only screen and (min-width: 768px) {
.is-pc {
display: flex;
}
.is-sp {
display: none;
}
}
@media only screen and (max-width: 767px) {
.is-pc {
display: none;
}
.is-sp {
display: flex;
}
}
</style>
{% endblock %}
{% block javascript %}
<script>
// var video = document.getElementById('video_background');
var image = document.getElementById('image_background');
image.style.display = 'inline';
// video.addEventListener('ended', function() {
// video.style.display = 'none';
// image.style.display = 'inline';
// }, false);
$('.cta__application').on('click', function(){
$('.popup').removeClass('--js-hide');
$('body').addClass('--js-open');
$('#application_select').fadeIn();
});
</script>
{% endblock javascript %}
{% block main %}
<div class="loading"></div>
<script src="//yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
<div class="popup --js-hide">
<div class="popup__wrap">
<div class="popup__close"><img src="{{ asset('img/pc/icon-close.svg', 'user_data') }}" alt="閉じる"></div>
<div class="popup__inner">
{# <div class="popup__shop">
<div class="popup__shop__ttl">対象店舗</div>
<p class="popup__link__btn">コンビニエンスストア</p>
<div class="popup__shop__list">
<p>●ファミリーマート全店</p>
<p>●セブンイレブン全店</p>
</div>
<p class="popup__link__btn" href="">コンビニエンスストア</p>
<div class="popup__shop__description">
※24時間お預かりボックス「PUDO」もご利用いただけます。<br>
※ヤマトの置き配システムもご利用いただけます。
</div>
</div> #}
<div class="popup__attention" id="popup__attention">
<div class="popup__attention-section">
<div class="popup__attention__step first-step">クロネコヤマトのクロネコメンバー登録後、専用箱を購入</div>
<div class="popup__attention__description">※クロネコマーケットアプリをダウンロードしていただき専用箱を購入ください。</div>
<div class="popup__attention__step second-step">以下のいずれかの箱をお選びいただきご購入ください。</div>
<p class="popup__link__btn">レギュラーサイズ</p>
<div class="popup__attention__text">「クロネコボックス10」or「クロネコボックス12」をご購入ください。</div>
<div class="popup__attention__description add-set">※クロネコボックス12をご購入の方は衣類を詰める際は8分目を目安にお入れください。</div>
<div class="popup__attention__btn__group">
<div class="btn__group">
<p class="popup__link__btn">LL箱をご利用の方</p>
<div class="popup__attention__text">「クロネコボックス14」をご購入ください。</div>
</div>
<div class="btn__group">
<p class="popup__link__btn">特大箱をご利用の方</p>
<div class="popup__attention__text">お近くのヤマト営業所にて<br class="no-sp">「クロネコボックス16」をご購入ください。
</div>
</div>
</div>
<div class="popup__attention__step third-step">丸三専用BOX（新品）でお届けしますので次回はそちらの箱をご利用ください。</div>
</div>
<h2 class="register__ttl">本サービスをご利用のお客様はこちらをご登録ください</h2>
<div class="register__row">
<div class="resister__url">
<div class="register__member">●クロネコメンバー登録</div>
<a href="https://auth.kms.kuronekoyamato.co.jp/auth/login" target='_blank' rel='noopener noreferrer' class="register__link">https://auth.kms.kuronekoyamato.co.jp/auth/login</a>
<div class="register__market">
●クロネコマーケット（専用箱購入）
<p>※ご自宅以外での集荷・お届けを希望のお客様はこちらから専用箱をご購入ください。</p>
</div>
<a href="https://market.kuronekoyamato.co.jp/" target='_blank' rel='noopener noreferrer' class="register__link">https://market.kuronekoyamato.co.jp/</a>
</div>
<div class="register__qr">
<picture>
<source srcset="{{ asset('img/sp/kuroneko-qr.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/kuroneko-qr.svg', 'user_data') }}" alt="QRコード">
</picture>
</div>
</div>
</div>
<div class="popup__service">
<div class="popup__service__step">
<div class="popup__service__step__img">
<picture>
<source srcset="{{ asset('img/common/sp-service-step-1.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/common/service-step-1.svg', 'user_data') }}" alt="柔軟剤の準備について">
</picture>
</div>
<div class="popup__service__step__text">
<div class="step__mark no-sp">
<img src="{{ asset('img/common/step-mark01.svg', 'user_data') }}" alt="STEP">
</div>
<p>普段お使いいただいている柔軟剤を専用ボトルor空きペットボトルにお入れください。</p>
</div>
</div>
<div class="popup__service__step">
<div class="popup__service__step__img">
<picture>
<source srcset="{{ asset('img/common/sp-service-step-2.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/common/service-step-2.svg', 'user_data') }}" alt="柔軟剤の準備について">
</picture>
</div>
<div class="popup__service__step__text">
<div class="step__mark no-sp">
<img src="{{ asset('img/common/step-mark02.svg', 'user_data') }}" alt="STEP">
</div>
<p>ジップロックなどチャック付きの袋にきちんと密封し専用ボックスにお入れください。</p>
</div>
</div>
<div class="popup__service__step">
<div class="popup__service__step__img">
<picture>
<source srcset="{{ asset('img/common/sp-service-step-3.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/common/service-step-3.svg', 'user_data') }}" alt="柔軟剤の準備について">
</picture>
</div>
<div class="popup__service__step__text">
<div class="step__mark no-sp">
<img src="{{ asset('img/common/step-mark03.svg', 'user_data') }}" alt="STEP">
</div>
<p>サブクス契約のお客様へは専用ボトルをご用意いたします。</p>
</div>
</div>
<div class="popup__service__description">※同封いただいたペットボトルにつきましては使用後破棄させていただきますのでご了承ください。</div>
</div>
<div class="popup__shop" id="application_select">
<div class="popup__shop__ttl">お申し込み</div>
<p class="popup__link__btn" onclick="application('first')">初回お申し込みの方</p>
<p class="popup__link__btn mt-20" onclick="application('second')">2 回目以降のお申し込みの方</p>
</div>
<div class="popup__attention" id="first_application">
<div class="popup__attention-section">
<div class="popup__attention__step text-center p-0 pb-20">初回お申し込みの方</div>
<div class="popup__attention__step first-step">お洗濯の量に合わせてプランを選択します。</div>
<div class="popup__attention__btn__group">
{% for Product in Products %}
{% if Product.id == '6' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application" href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
</div>
{% endif %}
{% if Product.id == '7' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application mx-2" href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
</div>
{% endif %}
{% if Product.id == '8' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application" href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
</div>
{% endif %}
{% endfor %}
</div>
<div class="first_application_description">
・初回申し込み時は袋に入れて依頼ください。※レギュラー箱の目安はゴミ袋（大）サイズとなります。<br>
・初回のみサービス料が含まれます
</div>
{# <div class="divider__line"></div>
<div class="popup__attention__step second-step">毎日出せるサブスクプランもご用意</div>
<div class="popup__attention__btn__group flex-start">
{% for Product in Products %}
{% if Product.id == '9' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application" href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
</div>
{% endif %}
{% if Product.id == '10' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application mx-2" href="{{ url('product_detail', {'id': Product.id}) }}">{{ Product.name }}</a>
</div>
{% endif %}
{% endfor %}
</div> #}
</div>
</div>
<div class="popup__attention" id="second_application">
<div class="popup__attention-section">
<div class="popup__attention__step text-center p-0 pb-20">2 回目以降のお申し込みの方</div>
<div class="popup__attention__step first-step">お洗濯の量に合わせてプランを選択します。</div>
<div class="popup__attention__btn__group">
{% for Product in Products %}
{% if Product.id == '1' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application" href="{{ url('product_detail', {'id': Product.id}) }}">レギュラーサイズ</a>
</div>
{% endif %}
{% if Product.id == '2' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application mx-2" href="{{ url('product_detail', {'id': Product.id}) }}">スモールサイズ</a>
</div>
{% endif %}
{% if Product.id == '3' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application" href="{{ url('product_detail', {'id': Product.id}) }}">特大サイズ</a>
</div>
{% endif %}
{% endfor %}
</div>
<div class="first_application_description">
※2 回目以降は初回受け取り時に使用した箱を再利用ください。
</div>
{# <div class="divider__line"></div>
<div class="popup__attention__step second-step">毎日出せるサブスクプランもご用意</div>
<div class="popup__attention__btn__group flex-start">
{% for Product in Products %}
{% if Product.id == '4' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application" href="{{ url('product_detail', {'id': Product.id}) }}">レギュラー箱をご利用の方</a>
</div>
{% endif %}
{% if Product.id == '5' %}
<div class="new__application">
<div class="new__application_image">
<img src="{{ asset(Product.main_list_image|no_image_product, 'save_image') }}" alt="{{ Product.name }}">
</div>
<a class="add_new_application mx-2" href="{{ url('product_detail', {'id': Product.id}) }}">LL箱をご利用の方</a>
</div>
{% endif %}
{% endfor %}
</div> #}
</div>
</div>
</div>
</div>
</div>
<div class="mv__inner">
{#<video id="video_background" autoplay muted width="100%" height="100%">#}
{# <source src="{{ asset('video/video.m4v', 'user_data') }}" type="video/mp4" />#}
{#</video>#}
<picture id="image_background">
<source srcset="{{ asset('img/sp/mv-img.jpg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/mv-img.jpg', 'user_data') }}" alt="ご自宅までの完全デリバリーご家庭の洗濯物お任せください。">
</picture>
</div>
<section class="cta top-banner">
<div class="cta__inner inner">
<div class="cta__wrap">
<div class="cta__img">
<div class="cta__img__ttl">家庭洗濯をプロが<br class="no-pc">代行</div>
<div class="cta__img__sub__ttl">洗って、<br class="no-pc">乾燥、<br class="no-pc">畳んでお返し。</div>
<div class="divider__line"></div>
<div class="cta__img__description">【注意】ご登録前に「家庭洗濯物代行サービスご利用規約」を必ずお読みください。</div>
<a href="{{ url('help_agreement') }}" target='_blank' rel='noopener noreferrer' class="cta__btn">ご利用規約はこちら</a>
</div>
<div class="cta__application">
<picture>
<source srcset="{{ asset('img/sp/cta-application.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/cta-application.svg', 'user_data') }}" alt="お申込はこちら">
</picture>
</div>
</div>
</div>
</section>
<section class="about">
<div class="about__inner inner">
<div class="about__row">
<h2 class="about__ttl">こんなお悩み<br class="no-pc">ございませんか？</h2>
<div class="about__lead">
<picture>
<source srcset="{{ asset('img/sp/about-lead.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/about-lead.svg', 'user_data') }}" alt="沖縄県内・離島も対応可能！！！">
</picture>
</div>
</div>
<div class="about__img01">
<div class="about__img01_icon_part">
<picture>
<source srcset="{{ asset('img/sp/about-img01.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/about-img01.svg', 'user_data') }}" alt="お悩み">
</picture>
</div>
<div class="about__img01_text_part">
<p class="about__img_description">毎日の洗濯の時間を別の事に有効に使いたい</p>
<p class="about__img_description">家族が増えた分洗濯物の量が多くなった。<br>奥さんだけに任せているので心苦しい。</p>
<p class="about__img_description">自宅に乾燥機がないので天気が悪い日は部屋干になり乾きが悪い</p>
<p class="about__img_description">コインランドリーで待つ時間やたたむ手間を省きたい</p>
</div>
</div>
<div class="about__img02">
<div class="about__img02_text_part">
<h2 class="about__sub_ttl">
<span>洗濯代行とは？<span></h2>
<p class="about__img_description">便利な完全デリバリーサービスとなります。</p>
<p class="about__img_description">お客様のご自宅へ回収に伺い、17:30まにでスマホでご依頼いただければ当日回収、最短2日でお届けいたします。</p>
<p class="about__img_description">お届けもご指定の日時にご自宅へお届けいたします。</p>
</div>
<div class="about__img02_icon_part">
<picture>
<source srcset="{{ asset('img/sp/about-img02.png', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/about-img02.png', 'user_data') }}" alt="お悩み">
</picture>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="how" id="how">
<div class="how__inner inner">
<div class="how__ttl">ご利用方法</div>
<div class="how__img">
<div class="how__img__part">
<div class="img__part">
<picture>
<source srcset="{{ asset('img/sp/how-img-1.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/how-img-1.png', 'user_data') }}" alt="STEP1">
</picture>
</div>
<div class="how__img__text">
WEBサイトよりご注文・集荷依頼していただき注文専用箱にお入れください
</div>
</div>
<div class="how__img__part">
<div class="img__part">
<picture>
<source srcset="{{ asset('img/sp/how-img-2.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/how-img-2.png', 'user_data') }}" alt="STEP2">
</picture>
</div>
<div class="how__img__text">
ご自宅へヤマト運輸さんが回収に伺います
</div>
<div class="how__shop-btn is-pc">お申し込みはこちら</div>
</div>
<div class="how__img__part">
<div class="img__part">
<picture>
<source srcset="{{ asset('img/sp/how-img-3.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/how-img-3.png', 'user_data') }}" alt="STEP3">
</picture>
</div>
<div class="how__img__text">
最短2日でお届けにあがります
</div>
</div>
<div class="how__shop-btn is-sp">お申し込みはこちら</div>
</div>
{#<div class="how__attention">#}
{# <p class="how__attention-notice">【ご利用の際の注意点】</p>#}
{# <p class="how__attention-text">初回ご利用の際のみ、お持ちのダンボール箱に入れて回収ドライバーにお渡し頂くか下記に記載の「クロネコマーケット」サイトにて指定箱をご購入ください。</p>#}
{# <p class="how__attention-text">クリーニング後のお届けは丸三デリバリー専用箱（新品）に入れてお返しいたしますので次回ご利用の際はそちらの箱を再利用してお出しください。以降は毎回新品の箱に入れてお届けいたします。</p>#}
{# <p class="how__attention-add-text">尚、お客様ご自身で用意されるダンボール箱に関してはサイズに規定がございますので以下を参照ください。</p>#}
{# <div class="how__attention-detail-text">#}
{# <div class="text-content">#}
{# <p>・レギュラーサイズ／箱の高さ、幅、奥行きの合計が110cm以内<br>#}
{# （例）高さ30cm×幅34cm×奥行き46cm#}
{# </p>#}
{# <p>・LLサイズ／箱の高さ、幅、奥行きの合計が140cm以内<br>#}
{# （例）高さ40cm×幅35cm×奥行き65cm#}
{# </p>#}
{# <p>・特大サイズ／箱の高さ、幅、奥行きの合計が16035cm以内<br>#}
{# （例）高さ5035cm×幅4035cm×奥行き7035cm#}
{# </p>#}
{# <p class="no-padding">申込み後は最短でドライバーが回収に伺う為、サービス申込みは箱の準備が完了しだいご注文お願いいたします。</p>#}
{# <p class="how__attention-text">コンビニ利用の場合はレギュラーサイズよりも若干小さめの箱（クロネコボックス10）のみのお取扱いとなります。</p>#}
{# </div>#}
{# <div class="box-image">#}
{# <img src="{{ asset('img/pc/box.png', 'user_data') }}" alt="Box">#}
{# </div>#}
{# </div>#}
{#</div>#}
{# <div class="how__attention-btn">詳しくはこちら</div> #}
</div>
</section>
<section class="service">
<div class="service__inner inner">
<div class="service__inner-body-content">
<div class="service__inner-text">
<div class="service__title">
<div class="service__sub-title">
17:30<span>までに<br class="no-pc">
ご注文頂ければ</span><br>
最短2日後で<br class="no-pc">お届け!!
<div class="service__description sub-title-description">
（初回お申し込み時のみ<br class="no-pc">最短3日でお届けいたします）
</div>
</div>
<div class="service__main-title">
<span>仕上がり目安</span>
</div>
</div>
<div class="service__description">
17:30までにスマホでご注文いただければ最短2日後にお届けいたします。<br>
※工場の混み具合により遅延する場合もございますのでご了承ください。
</div>
</div>
<div class="service__img">
<picture>
<source srcset="{{ asset('img/sp/how-service-caractor.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/how-service-caractor.svg', 'user_data') }}" alt="嬉しいサービス">
</picture>
</div>
</div>
{# <div class="service__introduce-body-content">
<div class="service__introduce-text">
<div class="service__title">
<span>嬉しいサービス</span>
</div>
<div class="service__sub-title">普段お使いの柔軟剤をご利用いただけます。</div>
<div class="service__description">
※ご指定がない場合は専用柔軟剤を使用させていただきます。
</div>
<div class="service__btn no-sp">
<span>柔軟剤の準備について</span>
</div>
</div>
<div class="service__introduce__img">
<picture>
<source srcset="{{ asset('img/sp/how-service-img.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/how-service-img.svg', 'user_data') }}" alt="嬉しいサービス">
</picture>
</div>
</div>
<div class="service__btn no-pc">
<span>柔軟剤の準備について</span>
</div> #}
</div>
<div class="price__inner inner">
<h2 class="price__ttl">ご利用料金</h2>
<div class="price__sub__ttl">お洗濯の量に合わせて<span>選</span>べる<br class="no-pc"><span>3</span>つのプラン</div>
<div class="price__plan__image first">
<div class="plan__size--mark">
<p><span>約</span>88<span>L</span>
</p>
3〜4名用<br>（140サイズ）
</div>
<div class="plan__img__title no-sp">
<img src="{{ asset('img/pc/price-img-title01.svg', 'user_data') }}" alt="3つのプラン">
</div>
<div class="price__plan__textpart">
<div class="plan__title">レギュラーサイズ</div>
<div class="plan__price">
<p>
5,000<span>円</span>{# <br> #}
<span class="tax-price">（税込）</span>
</p>
</div>
<div class="plan__img__title no-pc">
<img src="{{ asset('img/sp/price-img-title01.svg', 'user_data') }}" alt="3つのプラン">
</div>
<div class="plan__estimate__package">
<p>［梱包目安］</p>
<ul>
<li>
<span>●</span>バスタオル 8～10枚
</li>
<li>
<span>●</span>ズボン 10枚
</li>
<li>
<span>●</span>Tシャツ 15～20枚
</li>
<li>
<span>●</span>子供服 15～20枚
</li>
<li>
<span>●</span>靴下 20足
</li>
</ul>
</div>
</div>
<div class="price__img price__img01">
<picture>
<source srcset="{{ asset('img/sp/price-img01.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/price-img01.svg', 'user_data') }}" alt="3つのプラン">
</picture>
</div>
</div>
<div class="price__plan__image--second">
<div class="price__img">
<picture>
<source srcset="{{ asset('img/sp/price-img02.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/price-img.svg', 'user_data') }}" alt="3つのプラン">
</picture>
</div>
<div class="price__img no-pc">
<picture>
<source srcset="{{ asset('img/sp/price-img03.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/price-img03.svg', 'user_data') }}" alt="3つのプラン">
</picture>
</div>
</div>
<div class="price__inner__text">
※送料につきましてはすべてのプランに含まれております。（沖縄本島内のみ）<br>
※乾燥仕上げとなりますので剥がれの恐れのあるプリント製品はお受けでき兼ねます。その他色うつり、縮みなど<br>
が起こる製品もお受けできませんので「洗濯表示マーク」をご確認の上お出しください。<br>
白物、色物の別洗いは出来かねますので万一色移りが生じた場合の保証等はいたしません。ご理解の上サービスを<br>
ご利用ください。
【お預かりできないものの一例】<br>
Yシャツ、スーツ、ニット類、ドレス、かりゆしウェア、ジャンパー類、ネクタイ、寝具類、カーペットなど
</div>
</div>
</section>
{# <section class="subscribe">
<div class="subscribe__inner inner">
<div class="subscribe__ttl__section">
<div class="subscribe__ttl">毎日出せる<br>サブスクプランもご用意</div>
<div class="subscribe__ttl__mark">
<span>一ヶ月<br>使いたい<br>放題!</span>
<span>お好みの<br>柔軟剤を<br>入れられる<br>専用容器付</span>
</div>
</div>
<div class="subscribe__inner__body">
<div class="subscribe__img">
<picture>
<source srcset="{{ asset('img/sp/subscribe-img.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/subscribe-img.svg', 'user_data') }}" alt="毎日出せるサブスクプランもご用意">
</picture>
</div>
<div class="subscribe__inner__price--first">
<div class="subscribe__price__img">
<img src="{{ asset('img/pc/subscribe-price.svg', 'user_data') }}" alt="毎日出せるサブスクプランもご用意">
</div>
<div class="subscribe__price">
55,000<span>円</span>
<p>（税込60,500円）</p>
</div>
</div>
<div class="subscribe__inner__price--second">
<div class="subscribe__ll_box">LL箱</div>
<div class="subscribe__price__img">
<img src="{{ asset('img/pc/subscribe-price.svg', 'user_data') }}" alt="毎日出せるサブスクプランもご用意">
</div>
<div class="subscribe__price">
77,700<span>円</span>
<p>（税込85,470円）</p>
</div>
</div>
</div>
<div class="subscribe__text">
※送料につきましてはご利用ごとに決済が<br class="no-pc">必要となります。
</div>
</div>
</section> #}
<section class="cta">
<div class="cta__inner inner">
<div class="cta__wrap">
<div class="cta__img">
<div class="cta__img__ttl">家庭洗濯をプロが<br class="no-pc">代行</div>
<div class="cta__img__sub__ttl">洗って、<br class="no-pc">乾燥、<br class="no-pc">畳んでお返し。</div>
<div class="divider__line"></div>
<div class="cta__img__description">【注意】ご登録前に「家庭洗濯物代行サービスご利用規約」を必ずお読みください。</div>
</div>
<div class="cta__application">
<picture>
<source srcset="{{ asset('img/sp/cta-application.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/cta-application.svg', 'user_data') }}" alt="お申込はこちら">
</picture>
</div>
</div>
</div>
</section>
{#<section class="register">#}
{# <div class="register__inner inner">#}
{# <h2 class="register__ttl">本サービスをご利用のお客様はこちらをご登録ください</h2>#}
{# <div class="register__row">#}
{# <div class="resister__url">#}
{# <div class="register__member">●クロネコメンバー登録</div>#}
{# <a href="https://auth.kms.kuronekoyamato.co.jp/auth/login" target='_blank' rel='noopener noreferrer' class="register__link">https://auth.kms.kuronekoyamato.co.jp/auth/login</a>#}
{# <div class="register__market">#}
{# ●クロネコマーケット（専用箱購入）#}
{# <p>※ご自宅以外での集荷・お届けを希望のお客様はこちらから専用箱をご購入ください。</p>#}
{# </div>#}
{# <a href="https://market.kuronekoyamato.co.jp/" target='_blank' rel='noopener noreferrer' class="register__link">https://market.kuronekoyamato.co.jp/</a>#}
{# </div>#}
{# <div class="register__qr">#}
{# <picture>#}
{# <source srcset="{{ asset('img/sp/kuroneko-qr.svg', 'user_data') }}" media="(max-width:900px)">#}
{# <img src="{{ asset('img/pc/kuroneko-qr.svg', 'user_data') }}" alt="QRコード">#}
{# </picture>#}
{# </div>#}
{# </div>#}
{# </div>#}
{#</section>#}
<section class="case" id="case">
<div class="case__inner inner">
<h2 class="case__ttl">ご利用事例</h2>
<div class="case__inner__body">
<div class="case__part__section">
<div class="case__img">
<img src="{{ asset('img/pc/case01.svg', 'user_data') }}" alt="23歳 女性 一人暮らし">
</div>
<div class="case__body">
<div class="case__body__ttl">23歳 女性<br class="no-pc">
一人暮らし</div>
<div class="case__body__content">
仕事や飲み会から帰宅してからの家事は本当に面倒でした。<br>
休みにまとめてやるのが習慣化していたけど毎日の洗濯がなくなったおかげで休みも有効に使えて助かってます。
</div>
</div>
</div>
<div class="case__part__section">
<div class="case__img">
<img src="{{ asset('img/pc/case02.svg', 'user_data') }}" alt="35歳 女性 家族4人暮らし">
</div>
<div class="case__body">
<div class="case__body__ttl">35歳 女性<br class="no-pc">
家族4人暮らし</div>
<div class="case__body__content">
うちは主人と共働きなのですが家事は私がほとんど負担しています。お掃除は日を空けたり休みに一気にやったりできますが洗濯物は溜める事が出来ない毎日の負担だったので洗濯代行で助かってます。
</div>
</div>
</div>
<div class="case__part__section">
<div class="case__img">
<img src="{{ asset('img/pc/case03.svg', 'user_data') }}" alt="30歳 男性 一人暮らし">
</div>
<div class="case__body">
<div class="case__body__ttl">30歳 男性<br class="no-pc">
一人暮らし</div>
<div class="case__body__content">
仕事が忙しいので家事は二の次になりがち、特に洗濯物は溜まると嫌なので悩んでいました。<br>
洗濯・乾燥はしても畳む気力がない私には助かるサービス!<br>
きれいに畳まれて届くのでしまうだけで快適な生活です。
</div>
</div>
</div>
<div class="case__part__section">
<div class="case__img">
<img src="{{ asset('img/pc/case04.svg', 'user_data') }}" alt="40歳 男性 家族4人暮らし">
</div>
<div class="case__body">
<div class="case__body__ttl">40歳 男性<br class="no-pc">
家族4人暮らし</div>
<div class="case__body__content">
妻と共働きですが仕事から帰ってきてから家事の協力は疲れていて出来ないし休みはゴルフや家族で外出する事が多く、家事は妻が1人でこなしてくれていたので心苦しかったです。この洗濯代行を聞いて妻の為にすぐに利用したいと思いました。
</div>
</div>
</div>
<div class="case__part__section">
<div class="case__img">
<img src="{{ asset('img/pc/case05.svg', 'user_data') }}" alt="67歳 女性 ご主人と二人暮らし">
</div>
<div class="case__body">
<div class="case__body__ttl">67歳 女性
<br>ご主人と二人暮らし
</div>
<div class="case__body__content">
洗濯物を干したり運んだりが年々しんどくなってきていたのでこのサービスを聞いて喜んでいます。毎日の洗濯時間を主人やお友達との趣味や集まりの時間に使えるようになり充実しています。
</div>
</div>
</div>
<div class="case__part__section">
<div class="case__img">
<img src="{{ asset('img/pc/case06.svg', 'user_data') }}" alt="19歳 男子学生">
</div>
<div class="case__body">
<div class="case__body__ttl">19歳<br class="no-pc">
男子学生</div>
<div class="case__body__content">
コインランドリーをよく利用していますが1回あたり約1000円ぐらいかかっていました。面倒なたたみまでやってくれてこの価格なら時間短縮も出来て全然使いやすいです。
</div>
</div>
</div>
</div>
</div>
</section>
<section class="cta --bg-blue">
<div class="cta__inner inner">
<div class="cta__wrap">
<div class="cta__img">
<div class="cta__img__ttl">家庭洗濯をプロが<br class="no-pc">代行</div>
<div class="cta__img__sub__ttl">洗って、<br class="no-pc">乾燥、<br class="no-pc">畳んでお返し。</div>
<div class="divider__line"></div>
<div class="cta__img__description">【注意】ご登録前に「家庭洗濯物代行サービスご利用規約」を必ずお読みください。</div>
</div>
<div class="cta__application">
<picture>
<source srcset="{{ asset('img/sp/cta-application.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/cta-application.svg', 'user_data') }}" alt="お申込はこちら">
</picture>
</div>
</div>
</div>
</section>
{#
<section class="contact" id="contact">
<div class="contact__inner inner">
<h2 class="contact__ttl">お問い合わせ</h2>
<div class="contact__sub__ttl">ご意見•お問い合わせにつきましてはお問い合わせフォームをご利用ください。<br>
※お急ぎの方については080-8030-9109（受付時間:9:00〜19:00）までお問い合わせください。</div>
<form method="post" action="{{ url('homepage') }}" class="contact__form" novalidate>
{{ form_widget(form._token) }}
<table class="contact__table">
<tr class="contact__table-row">
<th class="contact__table-head">お名前<span>※</span>
</th>
<td class="contact__table-data">
<div class="ec-halfInput ec-input{{ has_errors(form.user_name) ? ' error' }}">
{{ form_widget(form.user_name, {'id': 'name', 'attr': {'class': 'contact__table-input'}}) }}
<p class="error-msg">{{ form_errors(form.user_name) }}</p>
</div>
</td>
</tr>
<tr class="contact__table-row">
<th class="contact__table-head">フリガナ<span>※</span>
</th>
<td class="contact__table-data">
<div class="ec-halfInput ec-input{{ has_errors(form.user_name_kana) ? ' error' }}">
{{ form_widget(form.user_name_kana, {'id': 'kana', 'attr': {'class': 'contact__table-input'}}) }}
<p class="error-msg">{{ form_errors(form.user_name_kana) }}</p>
</div>
</td>
</tr>
<tr class="contact__table-row">
<th class="contact__table-head">電話番号</th>
<td class="contact__table-data">
<div class="ec-telInput{{ has_errors(form.phone_number) ? ' error' }}">
{{ form_widget(form.phone_number, {'id': 'tel', 'attr': {'class': 'contact__table-input'}}) }}
<p class="error-msg">{{ form_errors(form.phone_number) }}</p>
</div>
</td>
</tr>
<tr class="contact__table-row">
<th class="contact__table-head">メールアドレス<span>※</span>
</th>
<td class="contact__table-data">
<div class="ec-input{{ has_errors(form.email) ? ' error' }}">
{{ form_widget(form.email, {'id': 'email', 'attr': {'class': 'contact__table-input'}}) }}
<p class="error-msg">{{ form_errors(form.email) }}</p>
</div>
</td>
</tr>
<tr class="contact__table-row">
<th class="contact__table-head">ご住所</th>
<td class="contact__table-data">
<div class="ec-input{{ has_errors(form.address) ? ' error' }}">
{{ form_widget(form.address, {'id': 'address', 'attr': {'class': 'contact__table-input --address'}}) }}
<p class="error-msg">{{ form_errors(form.address) }}</p>
</div>
</td>
</tr>
<tr class="contact__table-row">
<th class="contact__table-head">お問い合わせ内容<span>※</span>
</th>
<td class="contact__table-data">
<div class="ec-input{{ has_errors(form.contents) ? ' error' }}">
{{ form_widget(form.contents, {'id': 'message', 'attr': {'class': 'contact__table-textarea', 'rows': '10'}}) }}
<p class="error-msg">{{ form_errors(form.contents) }}</p>
</div>
</td>
</tr>
</table>
<div class="contact__agree">
<div class="contact__agree-para">
<a href="{{ url('help_privacy') }}">プライバシーポリシー</a>に同意の上、送信お願いします。
</div>
<div class="contact__agree-check">
<label class="contact__agree-label checkbox_label privacy_label" for="agree">
{{ form_widget(form.privacy_chk) }}
</label>
</div>
<div style="text-align:center;" class="ec-input{{ has_errors(form.privacy_chk) ? ' error' }}">
<p class="error-msg">{{ form_errors(form.privacy_chk) }}</p>
</div>
</div>
<div class="contact__submit-wrap" id="contact">
<button type="submit" class="contact__submit form-reset ec-blockBtn--action" name="mode" value="complete">{{ '送信'|trans }}</button>
</div>
</form>
</div>
{% if param %}
<h2 class="ec-report-success">{{ 'お問い合わせ内容の送信が完了いたしました'|trans }}</h2>
{% endif %}
</section>
#}
<section class="sns">
<div class="sns__inner">
<ul class="sns__list">
<li class="sns__item">
<a href="#" class="sns__item-link">
<picture>
<source srcset="{{ asset('img/sp/icon-facebook.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/icon-facebook.svg', 'user_data') }}" alt="facebook">
</picture>
</a>
</li>
<li class="sns__item">
<a href="#" class="sns__item-link">
<picture>
<source srcset="{{ asset('img/sp/icon-instagram.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/icon-instagram.svg', 'user_data') }}" alt="instagram">
</picture>
</a>
</li>
<li class="sns__item">
<a href="#" class="sns__item-link">
<picture>
<source srcset="{{ asset('img/sp/icon-twitter.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/icon-twitter.svg', 'user_data') }}" alt="twitter">
</picture>
</a>
</li>
<li class="sns__item">
<a href="#" class="sns__item-link">
<picture>
<source srcset="{{ asset('img/sp/icon-line.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/icon-line.svg', 'user_data') }}" alt="line">
</picture>
</a>
</li>
<li class="sns__item">
<a href="#" class="sns__item-link">
<picture>
<source srcset="{{ asset('img/sp/icon-youtube.svg', 'user_data') }}" media="(max-width:900px)">
<img src="{{ asset('img/pc/icon-youtube.svg', 'user_data') }}" alt="youtube">
</picture>
</a>
</li>
</ul>
</div>
</section>
{% endblock %}