<!--
page : facility
url : http://fuji-ceremony.com/facility
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
        (
            [title] => 我孫子葬儀社藤セレモニー【公式】トップページ
            [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] => 千葉県我孫子市の葬儀社 藤セレモニーの直火葬プラン。お通夜やお葬儀告別式などのお式典を行わずに、ご家族近親者様だけで、お別れご火葬を行い送られるお葬式のかたちです。
        )

    [otherbis] => Array
        (
            [title] => サポート of Your Life |我孫子葬儀社藤セレモニー【公式】
            [description] => 千葉県我孫子市の葬儀社 藤セレモニーは葬儀以外にも相続のお手伝いや遺品整理サービス 住宅間整理サービスもサポートします。
        )

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

<head>
    <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://fuji-ceremony.com/facility">
  <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  is-active ">施設紹介</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 "><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 "><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  is-active ">施設紹介</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>
      
        <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="/facility">施設紹介</a></li>
                  </ul>
      </nav>
          <h1 class="title is-4 has-background-title has-text-primary has-text-centered">施設紹介</h1>
      <div class="columns is-gapless mb-0">
        <div class="column">
          <figure class="image is-4by3">
            <img src="image/facility01.jpg" alt="">
          </figure>
        </div>
        <div class="column">
          <div class="p-6">
            <h3 class="title is-3 has-text-primary has-text-centered">式場</h3>
            <p class="paragraph">一日一葬儀の完全貸切によりプライバシーが守られます。設備が整っているので準備などの手間が省けます。</p>
          </div>
        </div>
      </div>
      <div class="columns is-gapless mb-0 is-mobile-column-reverse">
        <div class="column">
          <div class="p-6">
            <h3 class="title is-3 has-text-primary has-text-centered">エントランス</h3>
            <p class="paragraph">全館バリアフリー設計なのでお身体の不自由な方も安心してご参列いただけます。<br>（車椅子完備）</p>
          </div>
        </div>
        <div class="column">
          <figure class="image is-4by3">
            <img src="image/facility02.jpg" alt="">
          </figure>
        </div>
      </div>
      <div class="columns is-gapless mb-0">
        <div class="column">
          <figure class="image is-4by3">
            <img src="image/facility03.jpg" alt="">
          </figure>
        </div>
        <div class="column">
          <div class="p-6">
            <h3 class="title is-3 has-text-primary has-text-centered">遺族親族控室</h3>
            <p class="paragraph">ご遺族様控室、ご遺体安置室も完備しております。<br>ゆったりと最後のお別れをすることができます。</p>
          </div>
        </div>
      </div>
      <div class="columns is-gapless mb-0  is-mobile-column-reverse">
        <div class="column">
          <div class="p-6">
            <h3 class="title is-3 has-text-primary has-text-centered">御偲会場</h3>
            <p class="paragraph">葬儀後の法事・法要などにもご利用いただけます。</p>
          </div>
        </div>
        <div class="column">
          <figure class="image is-4by3">
            <img src="image/facility04.jpg" alt="">
          </figure>
        </div>
      </div>
      <div class="columns is-gapless mb-0">
        <div class="column">
          <figure class="image is-4by3">
            <img src="image/facility05.jpg" alt="">
          </figure>
        </div>
        <div class="column">
          <div class="p-6">
            <h3 class="title is-3 has-text-primary has-text-centered">駐車場</h3>
            <p class="paragraph">ホール前に専用駐車場を完備しており、お車でお越しの方にも便利です。<br>
              (32台駐車可）</p>
          </div>
        </div>
      </div>
    </div>
  </section>
  <section class="section">
    <div class="container">
      <div class="columns">
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">宿泊（浴室完備）</div>
        </div>
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">導師控室</div>
        </div>
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">霊安室</div>
        </div>
      </div>
      <div class="columns">
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">化粧直し室・更衣室</div>
        </div>
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">車椅子</div>
        </div>
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">オムツ替えベッド</div>
        </div>
      </div>
      <div class="columns">
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">バリアフリー</div>
        </div>
        <div class="column">
          <div class="box has-background-primary has-text-white has-text-weight-bold is-size-4 has-text-centered">法要・法事利用</div>
        </div>
      </div>

      

    </div>
  </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>