<!--
page : contact
url : http://x.fuji-ceremony.com/contact
globalNavi:Array
(
    [] => ホーム
    [plans] => Array
        (
            [plans] => ご葬儀プラン
            [family] => ご家族葬プラン
            [oneday] => 一日葬プラン
            [kouei] => 公営斎場プラン
            [kasou] => 直火葬プラン
        )

    [facility] => 施設紹介
    [flow] => 葬儀の流れ
    [member] => 会員制度
    [faq] => FAQ
    [other] => Array
        (
            [] => その他
            [otherbis] => サポート of Your Life
            [prior] => 事前相談
        )

    [link] => Array
        (
            [] => リンク
            [uofuji] => 料理部『魚ふじ』
            [magokoro] => 真想～まごころ～
            [donation] => ご供花籠 お供物
            [partnership] => パートナーシップ
        )

)
headerNavi:Array
(
    [access] => Array
        (
            [name] => アクセスマップ
            [icon] => fas fa-map-marker-alt
        )

    [contact] => Array
        (
            [name] => 資料請求
            [icon] => fas fa-envelope
        )

    [company] => Array
        (
            [name] => 会社概要
            [icon] => fas fa-building
        )

)
footerNavi:Array
(
    [0] => Array
        (
            [] => ホーム
            [plans] => ご葬儀プラン
            [facility] => 施設紹介
            [flow] => 葬儀の流れ
        )

    [1] => Array
        (
            [member] => 会員制度
            [contact] => 資料請求
            [company] => 会社概要
            [uofuji] => 料理部『魚ふじ』
        )

    [2] => Array
        (
            [magokoro] => 真想～まごころ～
            [donation] => ご供花籠 お供物
            [prior] => 事前相談
            [partnership] => パートナーシップ
            [otherbis] => サポート of Your Life
        )

)
SEO:[commonTitle:]
Array
(
    [home] => Array
        (
            [description] => 千葉県我孫子市の葬儀社「藤セレモニー」では少ない負担で満足のいく葬儀をご奉仕しております。また、充実の設備にゆとりとやすらぎを兼ね備えた葬儀会館「藤ホール」もあり葬儀場所も安心です。お葬式以外でも法事・法要にもご利用いただけます。
        )

    [plans] => Array
        (
            [title] => ご葬儀プラン|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーのご希望に合わせてえらべるプラン。ご家族葬プラン、一日葬プラン、公営斎場プラン、直火葬プラン、すべて安心のセット価格です。
        )

    [facility] => Array
        (
            [title] => 施設紹介|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの施設紹介について掲載しています。プライバシーを守るため一日一葬儀の完全貸切、お身体の不自由な方も安心してご参列いただけるよう全館バリアフリー設計、ご遺族様控室、ご遺体安置室も完備。
        )

    [flow] => Array
        (
            [title] => 葬儀の流れ|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの一般的な葬儀の流れをご説明します。
        )

    [member] => Array
        (
            [title] => 会員制度|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの会員制度。もしもの時の安心に 万一の際の備えに
          お葬儀安心保障制度には月々の掛金は一切ございません。ご入会金だけで、 ご入会後の勧誘、営業も一切ございません。ご入会者ご本人様・ご家族様 万一のご葬儀の際にご利用いただけます。。
        )

    [faq] => Array
        (
            [title] => FAQ|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーのよくある質問(FAQ)について掲載しています。
        )

    [access] => Array
        (
            [title] => アクセスマップ|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーのアクセスマップについて掲載しています。
        )

    [contact] => Array
        (
            [title] => 資料請求|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの資料請求について掲載しています。
        )

    [plan] => Array
        (
            [title] => ご葬儀プラン|我孫子葬儀社 藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーのご葬儀プランについて掲載しています。
        )

    [company] => Array
        (
            [title] => 会社概要|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの会社概要について掲載しています。
        )

    [uofuji] => Array
        (
            [title] => 料理部『魚ふじ』|我孫子葬儀社藤セレモニー 
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの料理部『魚ふじ』について掲載しています。
        )

    [magokoro] => Array
        (
            [title] => 真想～まごころ～|我孫子葬儀社藤セレモニー 納棺
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの納棺、真想～まごころ～について掲載しています。
        )

    [donation] => Array
        (
            [title] => ご供花籠 お供物|我孫子葬儀社藤セレモニー 
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーのご供花籠 お供物について掲載しています。
        )

    [prior] => Array
        (
            [title] => 事前相談|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニー。送られる方様送る方様のご意志ご希望を反映させたお葬儀の事前相談ができます。
        )

    [family] => Array
        (
            [title] => ご家族葬プラン|我孫子葬儀社藤セレモニー【公式】
            [description] => 我孫子市の葬儀社 藤セレモニーのご家族葬プラン。お通夜 告別式と2日間にかけて行いますので、故人様との最後のお時間をゆっくりお過ごしになられていただけます。ご家族様ご親族様だけではなく、ご縁の方様にお別れのお時間をお作りすることもできます。
        )

    [oneday] => Array
        (
            [title] => 一日葬プラン|我孫子葬儀社藤セレモニー【公式】
            [description] => 千我孫子市の葬儀社 藤セレモニーの一日葬プランお葬式のかたちにとらわれず、ご家族様が故人様と向き合え、ゆっくりとしたお別れをしていただくことができます。経済的なご負担、ご参列者様への気遣いやご準備の軽減、お時間の短縮をすることができます。
        )

    [kouei] => Array
        (
            [title] => 公営斎場プラン|我孫子葬儀社藤セレモニー【公式】
            [description] => 千我孫子市の葬儀社 藤セレモニーの公営斎場プラン。ウイングホール柏斎場、印西斎場ともに、ご家族葬から大規模葬に幅広く利用できるお式場。火葬場移動にかかる手間を省け、移動車両費用負担の軽減と お葬儀式に要するお時間を短縮することができます。
        )

    [kasou] => Array
        (
            [title] => 直火葬プラン|我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーの直火葬プラン。お通夜やお葬儀告別式などのお式典を行わずに、ご家族近親者様だけで、お別れご火葬を行い送られるお葬式のかたちです。
        )

)
-->
<!DOCTYPE html>
<html lang="ja">

<head>
      <meta name="robots" content="noindex">
    <meta name="googlebot" content="noindex">
    <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
      <title>資料請求|我孫子葬儀社藤セレモニー【公式】｜</title>
        <meta name="description" content="千葉県我孫子市の葬儀社 藤セレモニーの資料請求について掲載しています。">
    <meta propaty=="og:url"
    content="http://x.fuji-ceremony.com/contact">
  <meta propaty=="og:type" content="website">
      <meta propaty=="og:title" content="資料請求|我孫子葬儀社藤セレモニー【公式】｜【公式】藤セレモニー オフィシャルサイト">
        <meta propaty=="og:description" content="千葉県我孫子市の葬儀社 藤セレモニーの資料請求について掲載しています。">
    <meta propaty=="og:site_name" content="【公式】藤セレモニー オフィシャルサイト">
  <meta propaty=="og:locale" content="ja_JP">
  <link rel="preconnect" href="https://fonts.googleapis.com">
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
  <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP&display=swap" rel="stylesheet">
  
  <link href="https://use.fontawesome.com/releases/v5.15.4/css/all.css" rel="stylesheet">
  <link rel="stylesheet" href="/css/bStyle.css">
  <!-- favicon -->
  <link rel="icon" href="/favicon/16.ico" type="image/x-icon">
  <link rel="icon" href="/favicon/32.ico" type="image/x-icon">
  <link rel="icon" href="/favicon/48.ico" type="image/x-icon">
  <link rel="icon" href="/favicon/64.ico" type="image/x-icon">
  <!-- apple -->
  <link rel="apple-touch-icon" href="/favicon/57.png" sizes="57x57">
  <link rel="apple-touch-icon" href="/favicon/60.png" sizes="60x60">
  <link rel="apple-touch-icon" href="/favicon/72.png" sizes="72x72">
  <link rel="apple-touch-icon" href="/favicon/76.png" sizes="76x76">
  <link rel="apple-touch-icon" href="/favicon/114.png" sizes="114x114">
  <link rel="apple-touch-icon" href="/favicon/120.png" sizes="120x120">
  <link rel="apple-touch-icon" href="/favicon/144.png" sizes="144x144">
  <link rel="apple-touch-icon" href="/favicon/142.png" sizes="152x152">
  <link rel="apple-touch-icon" href="/favicon/180.png" sizes="180x180">
  <!-- android -->
  <link rel="icon" href="/favicon/16.png" sizes="16x16">
  <link rel="icon" href="/favicon/32.png" sizes="32x32">
  <link rel="icon" href="/favicon/48.png" sizes="48x48">
  <link rel="icon" href="/favicon/96.png" sizes="96x96">
  <link rel="icon" href="/favicon/192.png" sizes="192x192">
  <script src="/js/axios.min.js"></script>
  <style>
    .carousel {
      overflow: hidden;
    }

    .navbar-item {
      color: #000;
    }

    @media  screen and (min-width: 1024px) {
      a.navbar-item.is-active {
        color: #000;
        background-color: #cfbfdf;
      }

      a.navbar-item:hover,
      a.navbar-item:active,
      a.navbar-item:visited,
      a.navbar-item:target {
        background-color: #cfbfdf;
        color: #000;
      }

      a.is-active {
        background-color: #cfbfdf;
        color: #000;
      }
      nav#menu{
        display:none;
      }
    }
  </style>
  <link rel="stylesheet" href="/css/carousel.css">
  <link rel="stylesheet" href="/css/slideout.css">
  <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js'
    integrity='sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ=='
    crossorigin='anonymous'></script>
</head>

<body>
  <nav id="menu" class="has-background-primary-light">
    <section class="p-1">
      <aside class="menu">
        <h2 class="menu-label">メニュー</h2>
        <ul class="menu-list">
                                    <li><a href="/"
                  class="navbar-item ">ホーム</a></li>
                                                <div class="navbar-item has-dropdown is-hoverable">
                                                                          <li><a  href="/plans"  class="navbar-link">
                        ご葬儀プラン
                      </a></li>
                    <div class="navbar-dropdown">
                                                                            <li><a href="/plans/family" class="navbar-item">
                          ご家族葬プラン
                        </a></li>
                                                                          <li><a href="/plans/oneday" class="navbar-item">
                          一日葬プラン
                        </a></li>
                                                                          <li><a href="/plans/kouei" class="navbar-item">
                          公営斎場プラン
                        </a></li>
                                                                          <li><a href="/plans/kasou" class="navbar-item">
                          直火葬プラン
                        </a></li>
                                                </div>
              </div>
                                                <li><a href="/facility"
                  class="navbar-item ">施設紹介</a></li>
                                                <li><a href="/flow"
                  class="navbar-item ">葬儀の流れ</a></li>
                                                <li><a href="/member"
                  class="navbar-item ">会員制度</a></li>
                                                <li><a href="/faq"
                  class="navbar-item ">FAQ</a></li>
                                                <div class="navbar-item has-dropdown is-hoverable">
                                                                          <li><a  class="navbar-link">
                        その他
                      </a></li>
                    <div class="navbar-dropdown">
                                                                            <li><a href="/otherbis" class="navbar-item">
                          サポート of Your Life
                        </a></li>
                                                                          <li><a href="/prior" class="navbar-item">
                          事前相談
                        </a></li>
                                                </div>
              </div>
                                                <div class="navbar-item has-dropdown is-hoverable">
                                                                          <li><a  class="navbar-link">
                        リンク
                      </a></li>
                    <div class="navbar-dropdown">
                                                                            <li><a href="/uofuji" class="navbar-item">
                          料理部『魚ふじ』
                        </a></li>
                                                                          <li><a href="/magokoro" class="navbar-item">
                          真想～まごころ～
                        </a></li>
                                                                          <li><a href="/donation" class="navbar-item">
                          ご供花籠 お供物
                        </a></li>
                                                                          <li><a href="/partnership" class="navbar-item">
                          パートナーシップ
                        </a></li>
                                                </div>
              </div>
                      
                      <li><a href="/access" class="navbar-item "><i
                  class="fas fa-map-marker-alt"></i>アクセスマップ</a></li>
                      <li><a href="/contact" class="navbar-item  is-active "><i
                  class="fas fa-envelope"></i>資料請求</a></li>
                      <li><a href="/company" class="navbar-item "><i
                  class="fas fa-building"></i>会社概要</a></li>
                    
      </aside>
    </section>
  </nav>

  <main id="panel">

    <div id="wrapper">
      <header class="is-sticky">
  <nav class="navbar is-primary" role="navigation" aria-label="Main navigation">
    <div class="container">
      <div class="navbar-brand">
        <a href="/" class="navbar-item title-logo is-marginless is-family-secondary">藤セレモニー<span
            class="subtitle-logo">想送葬空間<span style="font-size:0.2rem;">Ⓡ</span></span></a>

        <button class="button navbar-burger js-slideout-toggle" data-target="navMenu">
          <span></span>
          <span></span>
          <span></span>
        </button>
      </div>
      <div class="navbar-menu ">
        <div class="navbar-end">
                      <a href="/access" class="navbar-item "><i
                class="fas fa-map-marker-alt"></i>&nbsp;アクセスマップ</a>
                      <a href="/contact" class="navbar-item  is-active "><i
                class="fas fa-envelope"></i>&nbsp;資料請求</a>
                      <a href="/company" class="navbar-item "><i
                class="fas fa-building"></i>&nbsp;会社概要</a>
                  </div>
      </div>
    </div>
  </nav>
</header>            <header class="is-sticky" style="top:47px;">
  <nav class="navbar is-primary" role="navigation" aria-label="Main navigation">
    <div class="container">
      <div class="navbar-brand">
        <!-- <a href="index.html" class="navbar-item title is-marginless">藤セレモニーホール</a>
            <button class="button navbar-burger" data-target="navMenu">
              <span></span>
              <span></span>
              <span></span>
            </button> -->
      </div>
      <div class="navbar-menu" id="navMenu">
        <div class="navbar-start is-justify-content-space-between" style="width:100%;">
                              <a href="/"
          class="navbar-item ">ホーム</a>
                                          <div class="navbar-item has-dropdown is-hoverable">
                                                                          <a  href="/plans"  class="navbar-link">
                      ご葬儀プラン
                    </a>
                    <div class="navbar-dropdown">
                                                                            <a href="/plans/family" class="navbar-item">
                        ご家族葬プラン
                      </a>
                                                                          <a href="/plans/oneday" class="navbar-item">
                        一日葬プラン
                      </a>
                                                                          <a href="/plans/kouei" class="navbar-item">
                        公営斎場プラン
                      </a>
                                                                          <a href="/plans/kasou" class="navbar-item">
                        直火葬プラン
                      </a>
                                                </div>
        </div>
                                  <a href="/facility"
          class="navbar-item ">施設紹介</a>
                                    <a href="/flow"
          class="navbar-item ">葬儀の流れ</a>
                                    <a href="/member"
          class="navbar-item ">会員制度</a>
                                    <a href="/faq"
          class="navbar-item ">FAQ</a>
                                          <div class="navbar-item has-dropdown is-hoverable">
                                                                          <a  class="navbar-link">
                      その他
                    </a>
                    <div class="navbar-dropdown">
                                                                            <a href="/otherbis" class="navbar-item">
                        サポート of Your Life
                      </a>
                                                                          <a href="/prior" class="navbar-item">
                        事前相談
                      </a>
                                                </div>
        </div>
                                        <div class="navbar-item has-dropdown is-hoverable">
                                                                          <a  class="navbar-link">
                      リンク
                    </a>
                    <div class="navbar-dropdown">
                                                                            <a href="/uofuji" class="navbar-item">
                        料理部『魚ふじ』
                      </a>
                                                                          <a href="/magokoro" class="navbar-item">
                        真想～まごころ～
                      </a>
                                                                          <a href="/donation" class="navbar-item">
                        ご供花籠 お供物
                      </a>
                                                                          <a href="/partnership" class="navbar-item">
                        パートナーシップ
                      </a>
                                                </div>
        </div>
              
      </div>
    </div>
</div>
</nav>
</header>
      
      <script src="node_modules/jquery-validation/dist/jquery.validate.min.js"></script>
<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
<script>
  $(function(){
    $.validator.addMethod(
  "onlyNum",
  function (value, element) {
    return this.optional(element) || /^([0-9]+)$/.test(value);
  },
  "半角英数字で入力してください"
);
$("#form1").validate({
  rules: {
    name_kj: {
      required: true,
    },
    name_kn: {
      required: true,
    },
    email: {
      required: true,
      email: true,
    },
    phone: {
      required: true,
      onlyNum: true,
    },
  },
  messages: {
    name_kj: {
      required: "入力必須項目です",
    },
    name_kn: {
      required: "入力必須項目です",
    },
    email: {
      required: "メールアドレスを入力してください",
      email: "有効なメールアドレスを入力してください",
    },
    phone: {
      required: "電話番号を半角数字で入力してください",
      onlyNum: "半角英数字のみで入力してください",
    },
  },
  errorClass: "validation-error",
  errorElement: "p",
  errorPlacement: function (error, element) {
    //console.log(error);
    console.log(element);
    
    error.appendTo(element.data("error_place"));
  },
  });
  
  });

</script>
  <section class="section">
    <div class="container">
      <nav class="breadcrumb" aria-label="breadcrumbs">
        <ul>
                      <li ><a
                href="/"><i class="fas fa-home"></i></a></li>
                      <li  class="is-active" ><a
                href="/contact">資料請求</a></li>
                  </ul>
      </nav>
          <h1 class="title is-4 has-background-title has-text-primary has-text-centered">お問合せ・資料請求</h1>
      <h3 class="title is-3 has-text-centered">もしもの時にはまずお電話ください。</h3>
      <div class="box has-text-centered">
        <h2 class="title is-1 mb-1">☎04-7179-4411</h2>
        <p class="is-size-6">24時間・年中無休受付</p>
      </div>

      <h3 class="title is-3 has-text-centered">お問い合わせフォーム</h3>
      

      <div class="steps">
        <div class="step-item is-active">
          <div class="step-marker">
            1
          </div>
          <div class="step-details">
            <p class="step-title">ご入力</p>
          </div>
        </div>
        <div class="step-item">
          <div class="step-marker">2</div>
          <div class="step-details">
            <p class="step-title">ご確認</p>
          </div>
        </div>
        <div class="step-item">
          <div class="step-marker">3</div>
          <div class="step-details">
            <p class="step-title">送信完了</p>
          </div>
        </div>
        
      </div>

      <form action="/contact/confirm" method="POST" enctype="multipart/form-data" id="form1">
      <div class="box h-adr">
        <span class="p-country-name" style="display:none;">Japan</span>
        <div class="field is-horizontal">
          <div class="field-label is-normal">
            <label class="label">お名前（漢字）</label>
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <input type="text" name="name_kj" class="input" data-error_place="#name_kjErr" placeholder="藤 太郎">
                <p id="name_kjErr" class="help is-danger"><!-- error message --></p>
              </div>
            </div>
          </div>
        </div>
        <div class="field is-horizontal">
          <div class="field-label is-normal">
            <label class="label">お名前（ひらがな）</label>
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <input type="text" name="name_kn" class="input" data-error_place="#name_knErr" placeholder="ふじ たろう">
                <p id="name_knErr" class="help is-danger"><!-- error message --></p>
              </div>
            </div>
          </div>
        </div>
        <div class="field is-horizontal">
          <div class="field-label is-normal">
            <label class="label">メールアドレス</label>
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <input type="text" name="email" class="input" placeholder="fuji@xxx.com" data-error_place="#emailErr">
                <p id="emailErr" class="help is-danger"><!-- error message --></p>
              </div>
            </div>
          </div>
        </div>

        <div class="field is-horizontal">
          <div class="field-label is-normal">
            <label class="label">ご住所</label>
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <input type="text" name="postal" class="mb-1 input p-postal-code" id="textInput" placeholder="2701121"><br>
                <input type="text" name="prefecture" class="mb-1 input p-region" id="textInput" placeholder="都道府県"><br>
                <input type="text" name="city" class="mb-1 input p-locality p-street-address" id="textInput" placeholder="市区町村"><br>
                <input type="text" name="address" class="input" id="textInput" placeholder="番地">
              </div>
            </div>
          </div>
        </div>
        <div class="field is-horizontal">
          <div class="field-label is-normal">
            <label class="label">電話番号</label>
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <input type="text" name="phone" class="input" id="textInput" placeholder="09012345678" data-error_place="#phoneErr" >
                <p id="phoneErr" class="help is-danger"><!-- error message --></p>
              </div>
            </div>
          </div>
        </div>

        <div class="field is-horizontal">
          <div class="field-label is-normal">
            <label class="label">ご用件</label>
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <div class="select">
                  <select name="category">
                    <option vaiue="">選択してください</option>
                    <option value="お問い合わせ">お問い合わせ</option>
                    <option value="資料請求">資料請求</option>
                    <option value="見学">見学</option>
                    <option value="その他">その他</option>
                  </select>
                </div>
              </div>
            </div>
          </div>
        </div>

        <div class="field is-horizontal">
          <div class="field-label is-normal">
            <label class="label">ご相談内容など</label>
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <textarea name="content" class="textarea" placeholder="ご自由にお書きください"></textarea>
              </div>
            </div>
          </div>
        </div>

        <div class="field is-horizontal">
          <div class="field-label">
            <!-- Leave empty to provide spacing -->
          </div>
          <div class="field-body">
            <div class="field">
              <div class="control">
                <button type="submit" class="button is-primary">確認する</button>
              </div>
            </div>
          </div>
        </div>
      </div>
    </form>
    </div>

    </table>

  </section>

    </div>
    <footer class="footer p-0">
      <div class="hero is-footer">
<div class="hero-body">
  <div class="container">
    <div class="columns">
      <div class="column is-two-fifths">
        <h1 class="subtitle is-5 is-family-secondary mb-0"><span style="font-size:0.6em;">総合葬祭</span><br>藤セレモニー</h1>
        <p class="is-size-6 is-family-secondary">〒270-1121 千葉県我孫子市中峠1154</p>
        <p class="is-size-6 is-family-secondary">04-7179-4411</p>
      </div>
      <div class="column pt-5">
        <div class="columns">
          <div class="column">
            <ul class="is-family-secondary">
                            <li>▶ <a href="/">ホーム</a></li>
                            <li>▶ <a href="/plans">ご葬儀プラン</a></li>
                            <li>▶ <a href="/facility">施設紹介</a></li>
                            <li>▶ <a href="/flow">葬儀の流れ</a></li>
                          </ul>
          </div>
          <div class="column">
            <ul class="is-family-secondary">
                            <li>▶ <a href="/member">会員制度</a></li>
                            <li>▶ <a href="/contact">資料請求</a></li>
                            <li>▶ <a href="/company">会社概要</a></li>
                            <li>▶ <a href="/uofuji">料理部『魚ふじ』</a></li>
                          </ul>
          </div>
          <div class="column">
            <ul class="is-family-secondary">
                            <li>▶ <a href="/magokoro">真想～まごころ～</a></li>
                            <li>▶ <a href="/donation">ご供花籠 お供物</a></li>
                            <li>▶ <a href="/prior">事前相談</a></li>
                            <li>▶ <a href="/partnership">パートナーシップ</a></li>
                            <li>▶ <a href="/otherbis">サポート of Your Life</a></li>
                          </ul>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>
</div>
<div class="hero is-primary">
<div class="hero-body pt-1 pb-1 has-text-centered">
  <p class="is-size-7 has-ls-1">Copyright ©  FUJI CEREMONY ALL Rights Reserved.</p>
</div>
</div>    </footer>
  </main>

  <script src="/js/bulma-collapsible.min.js"></script>
  <script src="/js/bulma-collapsible-init.js"></script>
  <script src="/js/bulma-carousel.min.js"></script>
  <script src="/js/slideout.min.js"></script>
  <script>
    const slideout = new Slideout({
      'panel': document.getElementById('panel'),
      'menu': document.getElementById('menu'),
      'padding': 256,
      'tolerance': 70,
      'side': 'right'
    });
    const burgers = document.querySelector('.js-slideout-toggle');
    burgers.addEventListener('click', () => {
      slideout.toggle();
      burgers.classList.toggle('is-active');
    });
  </script>
  <script type="text/javascript" src="/js/modal-fx.min.js"></script>
  <link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
  <script src="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.js"></script>
  <script>
    console.log(window.location.pathname);
    /**---------------------------------------------
     * homeページのみ
     **-----------------------------------------------*/
    if (window.location.pathname == '/' || window.location.pathname == 'home') {
      function heroCarousel(flag,num){
        //console.log(flag);
        
        const active = $('div.hero-carousel div.is-active');
        let next;
        let index;
        const id = active.parents('section:visible').attr('id');
        

        if (!flag) {
          next = active.is('div:last-of-type') ? $(`section#${id} div.hero-carousel div`).first() : active.next();
          index = next.index();
        } else if (flag === 'dot') {
          next = $(`section#${id} div.hero-carousel div`).eq(num);
          index = num;
        } else {
          next = active.is('div:first-of-type') ? $(`section#${id} div.hero-carousel div`).last() : active.prev();
          index = next.index();
        }
        //      console.log(index);
        // next = active.is('div:last-of-type') ? $('div.hero-carousel div').first() : active.next();
        next.addClass('is-active');
        active.removeClass('is-active');
        $(`section#${id} .carousel-dot`).eq(index).addClass("is-active").siblings().removeClass("is-active");
        
      }
      const setHeroCrousel = setInterval(heroCarousel, 8000);
      $('.carousel-button').on('click', function() {
        //console.log(setHeroCrousel);
        // clearInterval(setHeroCrousel);
        const flag = $(this).hasClass("next") ? false : true;

        heroCarousel(flag);
        clearInterval(heroCarousel);
      });
    }

    $('.carousel-dot').on('click', function() {
      const id = $(this).parents('section:visible').attr('id');
      
      if ($(this).hasClass('is-active')) return;
      const num = $(this).index();
      heroCarousel('dot', num);
      clearInterval(heroCarousel);
    });

    AOS.init({
      easing: "ease-out",
      duration: 800,
    });
  </script>
</body>
</html>