app/template/default/sea_burial.twig line 1

Open in your IDE?
  1. {% extends 'default_frame.twig' %}
  2. {% set body_class = 'sea_burial' %}
  3. {% block stylesheet %}
  4.     <style type="text/css">
  5.         .sea_burial {
  6.             background-color: #F0EDE9;
  7.         }
  8.         summary {
  9.             display: block;
  10.         }
  11.         summary::-webkit-details-marker {
  12.             display: none;
  13.         }
  14.         summary:after {
  15.             transition: transform 0.4s;
  16.         }
  17.         details[open] summary:after {
  18.             content: '-';
  19.             transform: rotate(-180deg);
  20.         }
  21.         .form-check {
  22.             display: flex;
  23.             align-items: center;
  24.             gap: 0.68rem;
  25.         }
  26.         #agreement_type_agreement {
  27.             border-radius: 0;
  28.             -webkit-appearance: none;
  29.             -moz-appearance: none;
  30.             appearance: none;
  31.             width: 1.5rem;
  32.             height: 1.5rem;
  33.             background-color: #fff;
  34.             cursor: pointer;
  35.             border: 1px solid #CCCCCC;
  36.             position: relative;
  37.             transition: background 0.4s;
  38.         }
  39.         #agreement_type_agreement:after {
  40.             content: '';
  41.             display: block;
  42.             width: 100%;
  43.             height: 100%;
  44.             background-image: url("{{ asset('assets/icon/check.svg') }}");
  45.             background-repeat: no-repeat;
  46.             background-position: center;
  47.         }
  48.         #agreement_type_agreement:checked {
  49.             background-color: #C73C3C;
  50.         }
  51.         .form-check-label {
  52.             cursor: pointer;
  53.         }
  54.         #js-submit {
  55.             transition: background 0.4s
  56.         }
  57.     </style>
  58. {% endblock stylesheet %}
  59. {% block javascript %}
  60.     <script>
  61.         $("#agreement_type_agreement").change(function () {
  62. const button = $("#js-submit");
  63. if ($(this).is(":checked")) {
  64. button.prop("disabled", false);
  65. button.removeClass('bg-gray');
  66. button.addClass('bg-black');
  67. } else {
  68. button.prop("disabled", true);
  69. button.removeClass('bg-black');
  70. button.addClass('bg-gray');
  71. }
  72. });
  73.     </script>
  74. {% endblock javascript %}
  75. {% set breadcrumbs = [ {'name': '海洋散骨'}] %}
  76. {% set plans = [
  77.     {
  78.         title:'散骨プラン',
  79.         text:'代理散骨<br>ご家族に代わり、私たちが心を込めてお送りします。<br>※お客様のご乗船及び散骨セレモニーへのご参列はできませんのでご了承ください。',
  80.     },
  81.     {
  82.         title:'費用に含まれるもの',
  83.         text:'ご遺骨の粉骨、散骨セレモニー、献花用花びら、写真、散骨証明書',
  84.     },
  85.     {
  86.         title:'散骨エリア',
  87.         text:'東京湾(羽田沖)',
  88.     },
  89.     {
  90.         title:'日程',
  91.         text:'ご依頼から1ヶ月以内に散骨いたします。<br>※天候等の状況により前後いたします。散骨日はご指定いただけません。',
  92.     },
  93. ] %}
  94. {% set flows = [
  95.     {
  96.         title:'ご依頼',
  97.         text:'約款をご一読いただき、ご納得の上でお申し込みください。',
  98.     },
  99.     {
  100.         title:'ご遺骨の郵送',
  101.         text:'お申し込み後に弊社からお送りする決済完了及び海洋散骨の案内メールにある指定の事業所宛てにご遺骨をご送付ください。ご遺骨の郵送にはゆうパックをご利用ください。
  102.         <span class="text-red">※ご遺骨のご返却は致しかねますので、お手元に一部残したい場合は、必ず送付前に分骨し、散骨したいご遺骨のみをご送付ください。<span>',
  103.     },
  104.     {
  105.         title:'ご遺骨を粉骨',
  106.         text:'ご遺骨を粉末状にし、水溶性の紙袋に納めます。<br>*海洋散骨を行うには粉骨が必要です。',
  107.     },
  108.     {
  109.         title:'出航',
  110.         text:'原則的にご依頼から1ヶ月以内に出航いたします。<br>*出航日は天候等の状況により判断します。ご指定はいただけませんので予めご了承ください。',
  111.     },
  112.     {
  113.         title:'散骨',
  114.         text:'ご家族に代わって、スタッフが心を込めて海にお還しします。海中で袋が溶け、海に広がっていきます。',
  115.     },
  116.     {
  117.         title:'献花・黙祷',
  118.         text:'散骨の後、色とりどりの花びらを海にお供えします。鐘の音とともに周回し、黙祷いたします。<br>*散骨の様子は撮影し、後日写真データをお届けします。',
  119.     },
  120.     {
  121.         title:'散骨証明書のご送付',
  122.         text:'散骨を行った海域の経度緯度や時間を記載した散骨証明書をお送りします。<br>※散骨証明書はペットのお名前で作成します。注文手続きの備考欄にご希望のお名前をご記入ください。',
  123.     },
  124. ] %}
  125. {% block main %}
  126.     <section class="first_view bg-[url('/html/template/default/assets/img/sea_burial/mv.webp')] md:bg-[url('/html/template/default/assets/img/sea_burial/mv-sp.webp')] bg-no-repeat bg-cover bg-bottom pt-20 md:pt-16 pb-32 md:pb-52 text-white">
  127.         {{ include('Block/breadcrumb.twig') }}
  128.         <div class="grid justify-center gap-10">
  129.             <h1 class="[writing-mode:vertical-rl] w-fit mx-auto font-notoserif text-[2rem] tracking-[.2em]">想いと共に海へ</h1>
  130.             <p class="text-center tracking-widest leading-loose text-sm">海があの子を優しく包む<br>
  131.                 空と一体になったその情景は<br>
  132.                 永遠に続くことでしょう<br>
  133.                 いつくしの海洋散骨はそんな想いの<br>
  134.                 受け皿です。</p>
  135.         </div>
  136.     </section>
  137.     <section class="pt-20 px-6">
  138.         <div class="mx-auto w-full max-w-[50rem]">
  139.             <hgroup class="tracking-widest grid gap-3">
  140.                 <h2 lang="en" class="font-light text-[2.5rem] leading-none">PLAN</h2>
  141.                 <p lang="ja" class="text-xs leading-loose">プラン内容</p>
  142.             </hgroup>
  143.             <h3 class="mt-10 text-2xl font-medium">いつくしの海洋散骨</h3>
  144.             <p class="text-xl tracking-wider mt-2 leading-[1.8]">
  145.                 39,600
  146.                 <span class="text-xs leading-normal">円(税込)/1柱</span>
  147.             </p>
  148.             {% for plan in plans %}
  149.                 <dl class="py-10 grid grid-cols-[1fr_30.5rem] md:grid-cols-1 md:gap-2{% if loop.first == false %}  border-t border-gray{% endif %}">
  150.                     <dt class="font-medium md:text-sm">{{plan.title}}</dt>
  151.                     <dd class="whitespace-pre-wrap text-sm leading-loose">{{plan.text|raw}}</dd>
  152.                 </dl>
  153.             {% endfor %}
  154.         </div>
  155.     </section>
  156.     <section class="pt-[7.5rem] px-6">
  157.         <div class="mx-auto w-full max-w-[50rem]">
  158.             <hgroup class="tracking-widest grid gap-3">
  159.                 <h2 lang="en" class="font-light text-[2.5rem] leading-none">FLOW</h2>
  160.                 <p lang="ja" class="text-xs leading-loose">海洋散骨の流れ</p>
  161.             </hgroup>
  162.             <div class="grid gap-10 mt-10 [counter-reset:flow]">
  163.                 {% for flow in flows %}
  164.                     <div class="grid grid-cols-2 md:grid-cols-1 gap-x-8 gap-y-6 [counter-increment:flow] items-start grid-rows-[max-content_1fr]">
  165.                         <h3 class="before:content-['STEP'counter(flow)] before:text-2xl before:block before:font-light text-lg grid gap-4 md:text-center">{{flow.title}}</h3>
  166.                         <p class="text-sm leading-loose col-start-2 md:col-start-1 row-start-2 md:row-start-3">{{flow.text|raw|nl2br}}</p>
  167.                         <img alt="" class="w-full row-start-1 md:row-start-2 col-start-1 row-span-2 md:row-auto" src="{{asset('assets/img/sea_burial/flow-' ~ loop.index ~ '.webp')}}"/>
  168.                     </div>
  169.                     {% if loop.index == 2 %}
  170.                         <details class="border-y border-black mt-6">
  171.                             <summary class="hover py-6 font-medium text-lg after:content-['+'] flex items-center justify-between">ご遺骨の送り方</summary>
  172.                             <div>
  173.                                 <p class="text-sm text-red">お申し込みから2週間以内にご遺骨が届くように、ご送付頂きますようお願い致します。</p>
  174.                                 <dl class="grid gap-5 py-6">
  175.                                     <dt class="leading-[1.8]">① 梱包</dt>
  176.                                     <dd class="text-sm leading-loose">
  177.                                         骨壺の重量・サイズにあった段ボールをお選びいただき、気泡緩衝材(プチプチシート)や新聞紙等で周りの隙間を埋めて、中のものが動かないよう固定してください。ご遺骨は、ケースや袋に入れていただいても差し支えございません。できる限り大切にご送付ください。尚、火葬済みの焼骨のみ対応可能です。<br>
  178.                                         ご遺骨のご返却は致しかねますので、お手元に一部残したい場合は、必ず送付前に分骨し、散骨したいご遺骨のみをご送付ください。
  179.                                     </dd>
  180.                                 </dl>
  181.                                 <dl class="grid gap-5 py-6">
  182.                                     <dt class="leading-[1.8]">② 郵送</dt>
  183.                                     <dd class="text-sm leading-loose">
  184.                                         ゆうパックをご使用ください。「縦・横・高さの合計が170cm以下、重さ25kg以内」のお荷物を郵送できます。伝票の内容品には、「骨壺」とご記入ください。もし気になられるようでしたら、「花瓶」や「壺」とご記入頂いても受領致しますので、ご安心ください。
  185.                                     </dd>
  186.                                 </dl>
  187.                             </div>
  188.                         </details>
  189.                     {% endif %}
  190.                     {% if loop.last == false %}
  191.                         <div class="w-[23.43rem] md:w-full h-28 bg-gradient-to-b  from-[#F7F7F700] from-25% to-[#E6E0D9] mx-auto [clip-path:polygon(0_0,50%_100%,100%_0)]"></div>
  192.                     {% endif %}
  193.                 {% endfor %}
  194.             </div>
  195.         </div>
  196.     </section>
  197.     <section class="py-[7.5rem] px-6">
  198.         <div class="mx-auto w-full max-w-[50rem]">
  199.             <hgroup class="tracking-widest grid gap-3">
  200.                 <h2 lang="en" class="font-light text-[2.5rem] leading-none">APPLICATION</h2>
  201.                 <p lang="ja" class="text-xs leading-loose">海洋散骨を申し込む</p>
  202.             </hgroup>
  203.             <p class="w-full h-80 md:h-[29rem] overflow-y-scroll bg-white mt-10 p-2 text-sm leading-loose mb-6">
  204.                 第1条 本約款の目的/適用範囲<br>
  205.                 1 ペット代理海洋散骨サービス利用約款(以下、「本約款」という。)は、本サービスの提供条件及び本サービスの利用に関する利用者とサービス提供者との間の権利義務関係を定めることを目的とし規定します。<br>
  206.                 2 本約款は、本サービスに関する利用者とサービス提供者との間の一切の関係に適用されます。<br>
  207.                 3 サービス提供者が別途お渡しする申込書や同意書、ウェブページ上に掲載する個別規定及び追加規定は、本約款の一部を構成するものとし、本約款とこれら個別規定又は追加規定の内容が異なる場合は、個別規定又は追加規定の内容が優先するものとします。<br>
  208.                 <br>
  209.                 第2条 定義<br>
  210.                 本約款において、次の各号に掲げる用語の定義は、以下のとおりとします。<br>
  211.                 <br>
  212.                 (1)「サービス提供者」とは、ペット埋葬サービスを提供する株式会社まなかをいいます。<br>
  213.                 (2)「サービス提供者等」とは、サービス提供者及びサービス提供者と提携している本サービスを提供する上で関連する者をいいます。<br>
  214.                 (3)「利用者」とは、本約款の定めに従い、サービス提供者に対して次号に定める本サービスの利用を申し込み、サービス提供者との間で本サービスの利用に関する契約(以下、「利用契約」という。)が成立した者をいいます。<br>
  215.                 (4)「本サービス」とは、サービス提供者が利用者に対して提供する、第4条に定めるサービスの全部又は一部をいいます。<br>
  216.                 (5)「商品等」とは、サービス提供者が販売する商品又は提供する役務をいいます。<br>
  217.                 (6)「販売等」とは、サービス提供者が行う商品の販売又は役務の提供をいいます。<br>
  218.                 (7)「ペット代理海洋散骨」とは、ご遺骨を、サービス提供者等が定める海域に粉骨の上散骨することをいう。<br>
  219.                 (8)「ご遺骨」とは、利用者が提供し本サービスの対象となる適法に火葬された以下のいずれかの焼骨をいいます。<br>
  220.                 (ア)犬<br>
  221.                 (イ)猫<br>
  222.                 (ウ)その他、サービス提供者が認めたもの<br>
  223.                 (9)「ご家族」とは、ご遺骨に対して民法206条に定める所有権を有する方をいいます。<br>
  224.                 <br>
  225.                 第3条 利用契約<br>
  226.                 1 本サービスの利用を希望する者は、本約款のすべてに同意の上、サービス提供者に対して本サービスにかかる費用を支払いかつサービス提供者に対してインターネットまたは書面にて利用申込を行うことにより、本サービスの利用申込みを行ったものとします。<br>
  227.                 2 本サービスの利用を希望する者が、所定の同意書に署名、押印を行い、当該同意書をサービス提供者へ発送したときに、本サービスの利用を希望する者とサービス提供者との間で利用契約が成立します。<br>
  228.                 <br>
  229.                 第4条 本サービスの種類及び内容<br>
  230.                 サービス提供者が利用者に対して提供する本サービスの種類は、次のとおりとし、具体的なサービス内容は別に定めるものとします。<br>
  231.                 <br>
  232.                 (1)ペット代理海洋散骨<br>
  233.                 (2)前号に関連する商品等の販売及びオプションの販売等<br>
  234.                 <br>
  235.                 第5条 本サービスの利用上の注意<br>
  236.                 1 本サービスの申込みは、原則としてご家族のみが行うことができます。ご家族以外の場合は、本サービスを申し込む前に事前にサービス提供者へご相談いただき承認を受けなければなりません。<br>
  237.                 2 本サービスは天候や気候に左右されることがあり、またサービス提供者等の稼働状況により、事前にサービス提供者のホームページ上で公表するペット代理海洋散骨の実施予定期日が予告なく変更される場合があり、それらの期日を利用者により指定することはできません。<br>
  238.                 3 サービス提供者等がペット代理海洋散骨をした後は、ご遺骨の返却はできません。<br>
  239.                 4 サービス提供者等は、利用者から提供されたご遺骨に事件性があると考えた場合、利用者に事前の許可を得ずに警察に連絡することがあります。<br>
  240.                 5 利用者が自身でご遺骨をサービス提供者に送る場合、日本郵便株式会社が行う所定のサービスにより郵送しなければなりません。<br>
  241.                 6 サービス提供者は、サービス申込者に対して、予め本サービスの重要な内容について説明を行います。サービス提供者は、同意書の受領をもってサービス申込者が十分な理解を得たものとして利用契約に応じるものとします。<br>
  242.                 第6条 利用者の義務:禁止事項<br>
  243.                 利用者は、本サービスの利用にあたり、次の各号に掲げる行為をしないものとします。<br>
  244.                 <br>
  245.                 (1)法令、裁判所の判決、決定若しくは命令、又は法令上拘束力のある行政措置に違反する行為及びこれらを助長する行為又はそのおそれのある行為<br>
  246.                 (2)公序良俗に反し又は善良な風俗を害するおそれのある行為<br>
  247.                 (3)他人の権利(所有権等の一般的な財産権のほか、著作権、商標権、意匠権、特許権等の知的財産権、名誉・プライバシー等の人格権も含む。以下同じ。)を侵害する行為又はそのおそれのある行為<br>
  248.                 (4)サービス提供者等のサービス提供を妨げる行為<br>
  249.                 (5)サービス提供者等の承諾なく、他の利用者に対して迷惑となる行為<br>
  250.                 (6)本約款に違反する行為又はそのおそれのある行為<br>
  251.                 (7)本サービスの趣旨・目的に反する行為<br>
  252.                 (8)前各号の行為を直接又は間接に惹起し、又は容易にする行為<br>
  253.                 (9)その他、サービス提供者が不適切と判断した行為<br>
  254.                 万が一、サービス提供者が、本サービスの履行により、ご家族として正当な権利を有する第三者から、サービス提供の停止、損害賠償請求、その他の異議を申し立てられた場合、利用者はサービス提供者の損害のすべてを補償し、必要に応じてサービス提供者はサービス利用料をもって相殺することとします。<br>
  255.                 <br>
  256.                 第7条 利用者の個人情報の取扱い<br>
  257.                 サービス提供者は、利用者の個人情報を、別途ウェブページ上に掲示するサービス提供者のプライバシー・ポリシーに基づき、適切に取り扱うものとします。<br>
  258.                 <br>
  259.                 第8条 本サービスの一時停止<br>
  260.                 1 サービス提供者は、次の各号に掲げるいずれかの事由がある場合は、利用者に事前に通知することなく本サービスを一時的に停止することができます。<br>
  261.                 (1)第4条に定めるサービスに関連する法令やガイドライン等に変更があり、サービス提供者がサービス内容について検討を行う必要がある場合<br>
  262.                 (2)サービス提供者等や利用者、その他の第三者の利益を保護するため、サービス提供者においてサービスの一時停止がやむを得ないと判断した場合<br>
  263.                 (3)サービス提供者等が気候や天候によりサービスの一時停止がやむを得ないと判断した場合<br>
  264.                 (4)サービス提供者からの利用者への問合せその他の回答を求める連絡に対して10日間以上応答がない場合<br>
  265.                 (5)その他、サービス提供者がサービスの一時停止を必要とした場合<br>
  266.                 2 利用者は、前項に基づき、本サービスが一時停止される場合があることをあらかじめ承諾し、本サービスの一時停止により利用者に何らかの損害・費用負担が生じたとしても、サービス提供者に故意又は重大な過失がある場合を除き、サービス提供者に対して補償等を請求しないものとします。<br>
  267.                 <br>
  268.                 第9条 利用者による本サービスの解約<br>
  269.                 1 利用者は、本サービス申込後、サービス提供者所定の方法により、サービス提供者に通知することでいつでも本サービスを解約することができます。<br>
  270.                 2 サービス提供者は、前項の通知時期に応じて以下に定める金額を利用者に返金します。<br>
  271.                 (1)本サービス申込後、利用者がご遺骨を発送する前…サービス利用料の100%<br>
  272.                 (2)利用者がご遺骨を発送後またはサービス提供者が送骨パックを発送後…サービス利用料の80%<br>
  273.                 (3)サービス提供者の粉骨作業実施以降…サービス利用料の0%<br>
  274.                 <br>
  275.                 第10条 サービス提供者による本サービスの解約<br>
  276.                 1 サービス提供者は、次のいずれかに該当するときは、利用者に事前に通知することなく、直ちに本サービスの全部または一部を解除することができるものとします。<br>
  277.                 (1)本サービス利用契約成立後に、第12条各号に該当する事由、その他サービス提供者が本サービス利用契約の締結を拒否すべき事由が判明したとき<br>
  278.                 (2)サービス提供者が、第8条に基づき本サービスの提供を停止した場合で、停止後サービス提供者の指定する期日までにその原因となった事由が解消されない場合<br>
  279.                 (3)利用者が、第6条に規定する禁止事項を行ったとき<br>
  280.                 (4)利用者が、サービス提供者の問い合わせ窓口等に長時間の電話を行う、同様の問い合わせを過度に繰り返し行う、不当な義務もしくは要求等を強要する、または嫌がらせを行う等、サービス提供者の業務に支障を来たしたとき<br>
  281.                 (5)サービス提供者からの利用者への問合せその他の回答を求める連絡に対して30日間以上応答がない場合<br>
  282.                 (6)契約者等が本約款に違反したとき<br>
  283.                 2 前項による本サービス利用契約の全部または一部の解除は、サービス提供者の利用者に対する損害の賠償請求を妨げないものとし、サービス提供者は、本条に基づきサービス提供者が行った行為により利用者等に生じた損害について一切の責任を負いません<br>
  284.                 <br>
  285.                 第11条 本サービスの解約時の措置<br>
  286.                 1 本サービスが解約されたときにサービス提供者がご遺骨その他利用者からお預かりしている物品がある場合、原則として申し込みのあった住所へ郵送することにより返品いたします。<br>
  287.                 2 前項の定めにより利用者に何らかの損害・費用負担が生じたとしても、サービス提供者に故意又は重大な過失がある場合を除き、サービス提供者に対して補償等を請求しないものとします。<br>
  288.                 <br>
  289.                 第12条 本サービスの利用拒絶<br>
  290.                 サービス提供者は、利用者が次の各号に掲げる事項のいずれかに該当する場合は、利用者に対して本サービスの提供を拒絶することができます。<br>
  291.                 <br>
  292.                 (1)利用者が実在しないとき<br>
  293.                 (2)利用者の申込内容や必要書類に虚偽、偽造があることが判明したとき<br>
  294.                 (3)ご遺骨に事件性があるとサービス提供者または警察が判断したとき<br>
  295.                 (4)利用者が本約款のいずれかの規定に違反したとき<br>
  296.                 (5)利用者が、過去に本約款の違反等により、本サービスの利用を拒絶されたことがあるとき<br>
  297.                 (6)利用者が制限行為能力者であって、本サービス利用の際に法定代理人、保佐人又は補助人の同意等を得ていないとき<br>
  298.                 (7)利用者について、次条に定める表明・保証に反する内容が判明したとき<br>
  299.                 (8)その他、利用者に対する本サービスの提供が相当でないとサービス提供者が判断したとき<br>
  300.                 <br>
  301.                 第13条 反社会的勢力の排除<br>
  302.                 利用者は、サービス提供者に対し、次の各号に掲げる内容を表明し、保証します。<br>
  303.                 <br>
  304.                 (1)利用者又はその役員(業務を執行する社員、取締役、執行役又はこれらに準じる者をいう。以下同じ。)、支配株主その他経営に実質的に関与する者が、現在及び将来にわたって、暴力団、暴力団関係企業、総会屋若しくはこれらに準じる者又はその構成員その他の反社会的勢力に該当せず、また反社会的勢力と社会的に非難されるべき関係を持たないこと<br>
  305.                 (2)自ら又は第三者を利用して、現在及び将来にわたって、次の行為をしないこと<br>
  306.                 ア 暴力的な要求行為<br>
  307.                 イ 法的な責任を超えた不当な要求行為<br>
  308.                 ウ 取引に関して脅迫的な言動をし、又は暴力を用いる行為<br>
  309.                 エ 風説を流布し、偽計を用い、又は威力を用いて、サービス提供者の信用を毀損し、又はサービス提供者の業務を妨害する行為<br>
  310.                 オ その他、アないしエに準ずる行為<br>
  311.                 (3)反社会的勢力に自己の名義を利用させ、利用契約の締結をするものではないこと<br>
  312.                 <br>
  313.                 第14条 本サービスの廃止<br>
  314.                 1 サービス提供者は、業務上の都合等により、利用者に対して提供している本サービスの全部又は一部を廃止することができます。<br>
  315.                 2 利用者は、前項に定める本サービスの全部又は一部の廃止により利用者に何らかの損害又は費用負担が生じたとしても、サービス提供者に故意又は重大な過失がある場合を除き、サービス提供者に対して補償等を請求しないものとします。<br>
  316.                 <br>
  317.                 第15条 責任範囲の限定、免責、不可抗力<br>
  318.                 1 サービス提供者は、利用者に対して本サービスを提供するにあたり、当社指定の配送協力会社を利用してご遺骨や商品等を配送します。万が一、当該配送中に事故があった場合、利用者はサービス提供者に対して補償等を請求しないものとします。この場合利用者は、配送協力会社に対して直接賠償制度についての連絡や手続き等のやり取りを行っていただきます。なお、ご遺骨自体は賠償対象になりませんのでご了承ください。<br>
  319.                 2 サービス提供者は、ご遺骨の遺族間で話し合いが済んだ前提で本サービスをお引き受け、提供いたします。利用者は、本サービスに関して、サービス提供者は当該遺族間の紛争の当事者とならず、また当該遺族その他の第三者に関して一切責任を負わないことをあらかじめ了承の上、本サービスに申し込みを行います。<br>
  320.                 3 地震、津波、暴風雨、洪水、戦争、暴動、内乱、反乱、革命、テロ、大規模火災、感染症、疫病、伝染病、ストライキ、ロックアウト、法令の制定・改廃、その他の当事者の合理的支配を超えた偶発的事象(以下「不可抗力」という。)による本サービスの全部または一部の履行遅滞または履行不能については、サービス提供者は責任を負いません。<br>
  321.                 4 ご遺骨等利用者からお預かりする物品の不可抗力による紛失や滅失について、サービス提供者は責任を負いません。<br>
  322.                 5 不可抗力による本サービスの全部または一部の履行遅滞または履行不能が90日を超えて継続する場合、各当事者は、相手方に書面または申込みフォーム等の文書で通知することにより本サービスを解除することができます。<br>
  323.                 6 消費者契約法の適用その他の理由により、本約款その他サービス提供者の損害賠償責任を免責する規定にかかわらずサービス提供者が利用者に対して損害賠償責任を負う場合においても、サービス提供者の賠償責任の範囲は、サービス提供者の責に帰すべき事由により現実に発生した直接かつ通常の損害に限られるものとします。<br>
  324.                 7 本サービスにサービス提供者の責めに帰すべき瑕疵があり、それによって利用者に損害が生じた場合のサービス提供者が負担する損害賠償責任は、利用者が当該サービスに対して支払った価格を限度とします。ただし、サービス提供者に故意又は重過失がある場合は除きます。<br>
  325.                 <br>
  326.                 第16条 通知方法<br>
  327.                 本約款に基づき、又は関連してサービス提供者から利用者に対してなされる通知は、本約款又は利用契約に別段の定めがある場合を除き、利用者のメールアドレスに電子メールを送信する方法や郵便その他の方法で行うものとし、この場合は、サービス提供者が当該通知を発した時点で通知が完了したものとみなします。<br>
  328.                 <br>
  329.                 第17条 第三者への委託<br>
  330.                 サービス提供者は、本サービスの提供にあたり一部または全部をサービス提供者等の第三者に委託して行わせることができます。<br>
  331.                 <br>
  332.                 第18条 準拠法<br>
  333.                 本約款及び利用契約の準拠法は、日本法とします。<br>
  334.                 <br>
  335.                 第19条 合意管轄<br>
  336.                 本約款又は利用契約に関する訴訟については、水戸地方裁判所を第一審の専属的合意管轄裁判所とします。<br>
  337.                 <br>
  338.                 第20条 本約款の変更<br>
  339.                 サービス提供者は、本約款の変更が利用者の一般の利益に適合する場合、又は本約款の変更が、利用契約をした目的に反せず、かつ、変更の必要性、変更後の内容の相当性、変更に係る事情に照らして合理的なものである場合には、効力発生時期を定め、かつ、本約款を変更する旨及び変更後の本約款の内容並びにその効力発生時期をインターネットの利用その他の適切な方法により利用者に周知することで、本約款を変更することができ、かかる変更により、利用者が本約款の変更に同意したものとみなして変更後の本約款を適用します。<br>
  340.                 <br>
  341.                 令和5年4月1日
  342.             </p>
  343.             <form method="post" action="{{ url('sea_burial') }}">
  344.                 {{ form_widget(form._token) }}
  345.                 <div class="flex items-center">{{ form_widget(form.agreement) }}
  346.                     <span class="text-red text-xs pl-3">※必須</span>
  347.                 </div>
  348.                 {{ form_errors(form.agreement) }}
  349.                 <button class="font-bold w-full max-w-96 h-[2.8rem] grid place-items-center mx-auto bg-gray text-white rounded-[0.18rem] text-sm mt-10 hover" type="submit" class="ec-blockBtn--action" id="js-submit" disabled>
  350.                     同意の上、申し込む
  351.                 </button>
  352.             </form>
  353.         </div>
  354.     </section>
  355. {% endblock %}