_top.html

@extends("/_layouts/base.html")

@section("head-link")
@parent
<!-- BEGIN_MODULE Touch_RootBlog -->
<!-- サイトトップページ用 構造化データ -->
@include("/include/head/structured-data-sitetop.html")
<!-- END_MODULE Touch_RootBlog -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/css/splide.min.css">
@endsection

@section("head-js")
@parent
<script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.1.4/dist/js/splide.min.js"></script>
<script>
  document.addEventListener('DOMContentLoaded', function () {
    // メインビジュアルのフェードインスライド
    <!-- BEGIN_MODULE Module_Field id="MF_main_visual" -->
    <!-- BEGIN_IF [<!-- BEGIN main_visual:loop -->{main_visual_display}<!-- END main_visual:loop -->/neq/1] -->
    new Splide('#main-visual-slider', {<!-- BEGIN main_visual_slider_type:veil -->
      type: '{main_visual_slider_type}',<!-- END main_visual_slider_type:veil -->
      autoplay: true,<!-- BEGIN main_visual_slider_interval:veil -->
      interval: {main_visual_slider_interval},<!-- END main_visual_slider_interval:veil --><!-- BEGIN main_visual_slider_speed:veil -->
      speed: {main_visual_slider_speed},<!-- END main_visual_slider_speed:veil -->
      arrows: false,
      pagination: true,
      perPage: 1,
      perMove: 1,
      focus: 0,
      rewind: true,
    }).mount();
    <!-- END_IF -->
    <!-- END_MODULE Module_Field -->

    // 最新情報バナーのカルーセル
    new Splide('#news-banner-carousel', {
      type: 'loop',
      gap: '0.5rem',
      arrows: true,
      pagination: true,
      perPage: 3,
      perMove: 1,
      focus: 0,
      breakpoints: {
        768: {
          perPage: 2,
        },
        480: {
          perPage: 1,
        },
      }
    }).mount();
  });
</script>
@endsection

@section("admin-part")
@endsection

@section("main")
<!-- トップ用メインビジュアル -->
@include("/include/parts/top-main-visual.html", {"module_id": "MF_main_visual"})

<!-- トップ用メッセージ -->
@include("/include/parts/top-message.html", {"module_id": "MF_message"})

<hr class="section-separator">

<div class="acms-container">
  <!-- ※管理用パーツ -->
  @include("/admin/action.html")
  @include("/admin/switch-user.html")
</div>

<!-- エントリーサマリー：事業内容 -->
@include("/include/entry/summary-top-thumbnail.html", {"module_id": "summary_service"})

<!-- 採用情報 -->
@include("/include/parts/cta-visual.html", {"module_id": "MF_cta_visual_top"})


<!-- エントリーサマリー：採用情報 -->
@include("/include/entry/summary-top-bordered.html", {"module_id": "summary_recruit"})

<!-- エントリーサマリー&バナー：最新情報 -->
@include("/include/parts/summary-news.html")

<!-- エントリーサマリー：スタッフブログ -->
@include("/include/entry/summary-top-blog.html", {"module_id": "summary_blog"})

<!-- 動画 -->
@include("/include/parts/video.html", {"module_id": "MF_video"})

<!-- バナーモジュール（枠付き） -->
@include("/include/parts/banner-bordered.html", {"module_id": "banner_related_site"})

@include("/include/parts/cta-top.html", {"module_id":"MF_cta_top"})
@endsection

@section("footer-cta")
@endsection

@section("footer")
<footer class="footer">
  <!-- フッター -->
  @include("/include/global/footer.html")
</footer>
@endsection