endpoints.path: /
endpoints.endpoint_type: HTTP
endpoints.scan_time: 2025-10-03T15:01:54.059344
endpoints.uri: https://www.frect.jp/
endpoints.protocol: HTTP/1.1
endpoints.status_reason: OK
endpoints.key: content-encoding
endpoints.headers: gzip
endpoints.key: x-turbo-charged-by
endpoints.headers: LiteSpeed
endpoints.key: Content-Type
endpoints.headers: text/html
endpoints.key: Connection
endpoints.headers: keep-alive
endpoints.key: Content-Length
endpoints.headers: 6400
endpoints.key: Server
endpoints.headers: LiteSpeed
endpoints.key: etag
endpoints.headers: "506c-6812abfb-b0d55f9f16b87d6e;gz"
endpoints.key: last-modified
endpoints.headers: Wed, 30 Apr 2025 23:02:19 GMT
endpoints.key: vary
endpoints.headers: Accept-Encoding
endpoints.key: accept-ranges
endpoints.headers: bytes
endpoints.key: Date
endpoints.headers: <REDACTED>
endpoints.html_tags: <title>長野の映像制作会社FRECT｜ブランディング・CM・3DCG制作</title> <meta name="google-site-verification" content="9gXBRZUI6zi9d8UirsFkBuK8HeSY9sWnjAbaAk_Kp10" /> <meta name="description" content="長野県佐久市に拠点を構える映像制作会社FRECT。企業CM、プロモーション動画、3DCGなど、映像によるブランディング支援を行っています。" /> <meta property="og:title" content="長野の映像制作会社FRECT｜企業動画・3DCG・CM制作" /> <meta property="og:description" content="FRECTは企業の価値を映像に変えるクリエイティブパートナーです。映像によるブランディング、3DCG、TVCM制作まで対応。" /> <meta property="og:image" content="https://frect.jp/images/og-image.jpg" /> <meta property="og:url" content="https://frect.jp/" /> <meta property="og:type" content="website" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="長野の映像制作会社FRECT" /> <meta name="twitter:description" content="企業の映像ブランディングを支援する映像制作会社FRECT。" /> <meta name="twitter:image" content="https://frect.jp/images/og-image.jpg" /> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" />
endpoints.body: <!DOCTYPE html>
  <html lang="ja">
  <head>
    <meta name="google-site-verification" content="9gXBRZUI6zi9d8UirsFkBuK8HeSY9sWnjAbaAk_Kp10" />
    <!-- SEO Meta Tags -->
    <meta name="description" content="長野県佐久市に拠点を構える映像制作会社FRECT。企業CM、プロモーション動画、3DCGなど、映像によるブランディング支援を行っています。" />
    <meta property="og:title" content="長野の映像制作会社FRECT｜企業動画・3DCG・CM制作" />
    <meta property="og:description" content="FRECTは企業の価値を映像に変えるクリエイティブパートナーです。映像によるブランディング、3DCG、TVCM制作まで対応。" />
    <meta property="og:image" content="https://frect.jp/images/og-image.jpg" />
    <meta property="og:url" content="https://frect.jp/" />
    <meta property="og:type" content="website" />
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="長野の映像制作会社FRECT" />
    <meta name="twitter:description" content="企業の映像ブランディングを支援する映像制作会社FRECT。" />
    <meta name="twitter:image" content="https://frect.jp/images/og-image.jpg" />
    <link rel="icon" href="https://frect.jp/images/frect_logofabi.svg" type="image/svg+xml" />
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "FRECT",
      "url": "https://frect.jp",
      "logo": "https://frect.jp/images/frect_logo.svg",
      "description": "長野県佐久市に拠点を置く、企業映像・TVCM・3DCG制作に強みを持つ映像制作会社。",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "岩村田828-1",
        "addressLocality": "佐久市",
        "addressRegion": "長野県",
        "postalCode": "385-0022",
        "addressCountry": "JP"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+81-80-1026-2939",
        "contactType": "customer service"
      }
    }
      const logo = document.getElementById("nav-logo");
  logo.addEventListener("click", (e) => {
    if (window.innerWidth <= 768) {
      const links = document.getElementById("nav-links");
      if (links.classList.contains("open")) {
        window.location.href = "https://frect.jp/";
      } else {
        e.preventDefault();
        links.classList.add("open");
      }
    }
  });
  </script>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>長野の映像制作会社FRECT｜ブランディング・CM・3DCG制作</title>
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;700&display=swap" rel="stylesheet" />
    <style>
      :root{--black:#000;--charcoal:#111;--graphite:#1a1a1a;--white:#fff;--gray:#c9c9c9;--font:'Noto Serif JP',serif}
      *{margin:0;padding:0;box-sizing:border-box}
      body{font-family:var(--font);background:var(--black);color:var(--white);line-height:1.8;font-size:16px;overflow-x:hidden}
      nav {width:100%;padding:28px 60px;display:flex;justify-content:space-between;align-items:center;background:rgba(0,0,0,0.8);position:sticky;top:0;z-index:1000;gap:60px;}
      nav img{height:34px;opacity:.8;margin:0 auto;}
      /* HERO */
      header{position:relative;height:100vh;overflow:hidden;margin-top:-90px;padding-top:90px;}
      header video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1}
      .hero-overlay{position:relative;z-index:2;height:100%;display:flex;align-items:flex-end;justify-content:center;padding:0 20px 10px;background:linear-gradient(to top,var(--black)10%,rgba(0,0,0,.3)60%,transparent 90%);text-align:center}
      
      .hero-overlay h1{font-size:1.8rem;font-weight:400;max-width:700px;margin-bottom:20px}
      /* SECTION BASE */
      main section{border-top:1px solid #222;color:var(--gray)}
      .wrap{max-width:840px;margin:0 auto;padding:80px 8%}
      h2{font-size:1.4rem;font-weight:700;margin-bottom:26px;color:var(--white)}
      p{font-size:1rem}
      /* CATEGORY COLORS */
      .vision{background:var(--charcoal)}
      .craft{background:var(--graphite)}
      .studio{background:var(--charcoal)}
      .vfx{background:var(--graphite)}
      .philosophy{background:var(--charcoal)}
      .local{background:var(--graphite)}
      /* IMAGES LAYOUTS */
      .full img{width:100vw;display:block;height:auto}
      .split{display:flex;flex-wrap:wrap}
      .split img{width:50%;height:auto}
      .offset{display:flex;flex-wrap:wrap;align-items:center}
      .offset img{width:65%}
      .offset .wrap{width:35%;text-align:left;padding:0 8%}
      .offset.rev img{order:2}
      .offset.rev .wrap{text-align:right}
      /* FOOTER */
      footer{background:var(--black);text-align:center;padding:140px 20px 120px;color:#7a7a7a;border-top:1px solid #222}
      footer img{display:block;margin:0 auto 40px;height:26px;opacity:.6}
      footer p{font-size:.8rem;margin:0 auto 24px}
      footer p:last-child{margin-bottom:40px}
      /* RESPONSIVE */
      @media(max-width:900px){
        .offset,.offset.rev{flex-direction:column}
        .offset img,.offset .wrap{width:100%;text-align:center;padding:60px 6%}
        .split{flex-direction:column}
        .split img{width:100%}
      }
        .hero-logo{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:90px;opacity:.9;z-index:2}
        /* increased section spacing */
      .vision .wrap,.philosophy .wrap{padding-top:240px;padding-bottom:240px;}
      .studio .wrap{padding-top:240px;padding-bottom:240px;}
        /* === WORKS GRID === */
      .works-grid{background:var(--graphite);border-top:1px solid #222;color:var(--gray)}
      .works-grid .wrap{padding:120px 8% 40px;text-align:center}
      .grid{display:grid;grid-template-columns:repeat(4, 1fr);gap:5px;padding-bottom:120px;max-width:100%;margin:0 auto}
      .grid figure{margin:0}
      .grid img{width:100%;height:auto;display:block}
      .grid figcaption{font-size:.9rem;padding:8px 4px;text-align:center}
      @media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
  @media(min-width:901px) and (max-width:1300px){.grid{grid-template-columns:repeat(3,1fr)}}
  @media(min-width:901px) and (max-width:1200px){.grid{grid-template-columns:repeat(3,1fr)}}
        .grid video {width: 100%; display: block; aspect-ratio: 1 / 1; object-fit: cover; border: none; outline: none; cursor: pointer;}
  #nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 28px 40px;
    background: rgba(0,0,0,0.8);
    position: sticky;
    top: 0;
    z-index: 1000;
  }
  @media (max-width: 768px) {
    #nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    align-items: center;
    justify-content: flex-end;
    margin-left: auto;
    padding-right: 10px;
    text-align: right;
  }
    nav { flex-direction: column; }
    #nav-toggle { display: block; }
    #nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: auto;
    justify-content: flex-start;
    align-items: center;
  }
    #nav-links.open {
      display: flex;
    }
    #nav-links a {
      margin: 10px 0;
    }
  }
    #nav img {
      height: 34px;
      opacity: 0.8;
      margin-top: 6px;
      margin-bottom: 4px;
  }
    #nav-links {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-left: auto;
    justify-content: flex-end;
    align-items: center;
    margin: 0 auto;
    max-width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
    #nav-links a {
      white-space: nowrap;
    }
  }
  .mobile-break { display: inline; }
  @media (max-width: 768px) {
    .mobile-break { display: block; }
  }
  </style>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Service",
    "serviceType": "映像制作サービス",
    "provider": {
      "@type": "Organization",
      "name": "FRECT"
    },
    "areaServed": {
      "@type": "Place",
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "佐久市",
        "addressRegion": "長野県",
        "addressCountry": "JP"
      }
    },
    "description": "企業CM・ブランディング動画・3DCGなど、企業価値を映像で表現するFRECTの映像制作サービス。"
  }
  </script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
  <script>
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-XXXXXXXXXX');
  </script>
  
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
  </head>
  <body>
    <nav id="nav">
    <a href="https://frect.jp/" id="nav-logo" style="display:flex;align-items:center;justify-content:center;height:100%"><img src="https://frect.jp/images/frect_logo.svg" alt="FRECT logo" style="height:34px;opacity:0.8"></a>
    <div id="nav-toggle" style="cursor:pointer;display:none;margin-left:auto;height:100%;align-items:center;justify-content:center">
      <img src="https://frect.jp/images/H_Menu.svg" alt="menu" style="height:26px;">
    </div>
    <div id="nav-links">
      <a href="#vision" style="color:white;margin-left:20px;text-decoration:none">Vision</a>
      <a href="#craft" style="color:white;margin-left:20px;text-decoration:none">Craft</a>
      <a href="#studio" style="color:white;margin-left:20px;text-decoration:none">Studio</a>
      <a href="#vfx" style="color:white;margin-left:20px;text-decoration:none">VFX</a>
      <a href="#philosophy" style="color:white;margin-left:20px;text-decoration:none">Philosophy</a>
      <a href="#works" style="color:white;margin-left:20px;text-decoration:none">Works</a>
      <a href="#contact" style="color:white;margin-left:20px;text-decoration:none">Contact</a>
    </div>
  </nav>
  <script>
  document.addEventListener("DOMContentLoaded", () => {
    const toggle = document.getElementById("nav-toggle");
    const links = document.getElementById("nav-links");
    const logo = document.getElementById("nav-logo");
  
    toggle.addEventListener("click", () => {
      links.classList.toggle("open");
    });
  
    logo.addEventListener("click", (e) => {
      if (window.innerWidth <= 768) {
        if (links.classList.contains("open")) {
          window.location.href = "https://frect.jp/";
        } else {
          e.preventDefault();
          links.classList.add("open");
        }
      }
    });
  
    document.querySelectorAll("#nav-links a").forEach(link => {
      link.addEventListener("click", (e) => {
        e.preventDefault();
        const targetId = link.getAttribute("href");
        const target = document.querySelector(targetId);
        if (target) {
          const yOffset = -80;
          const y = target.getBoundingClientRect().top + window.pageYOffset + yOffset;
          window.scrollTo({ top: y, behavior: 'smooth' });
        }
        if (window.innerWidth <= 768) {
          links.classList.remove("open");
        }
      });
    });
  });
  </script>
  <style>
  @media (max-width: 768px) {
    #nav-toggle { display: block; }
    #nav-links {
      display: none;
      flex-direction: column;
      width: 100%;
      background: #000;
      text-align: center;
      padding: 20px 0;
    }
    #nav-links a {
      margin: 10px 0;
    }
  }
    #nav-links {
    flex-wrap: wrap;
    gap: 20px;
  }
    #nav-links a {
      margin: 10px 0;
    }
  }
  </style>
    <header>
      <video autoplay muted loop playsinline><source src="https://frect.jp/movie/HP01.mp4" type="video/mp4"></video>
      <img class="hero-logo" src="https://frect.jp/images/frect_logo.svg" alt="FRECT logo">
      <div class="hero-overlay"><h1><span class="mobile-break">映像という価値観で </span><span class="mobile-break">企業の物語を紡ぐ。</span></h1></div>
    </header>
    <main>
      <!-- Vision full -->
      <section class="vision full" id="vision"><img src="https://frect.jp/images/H1.jpg" alt="企業価値を映像で表現するビジュアル"><div class="wrap"><h2>Vision — 企業価値を映像に封じ込める</h2><p>映像は言葉を超えるコミュニケーション。FRECTはブランドの核となる価値観を可視化し、心に余韻を残す“静かな力”を届けます。ブランドの本質を浮かび上がらせるラグジュアリーな視覚体験、それがFRECTのビジョンです。</p></div></section>
      <!-- Craft offset left-img -->
      <section class="craft offset" id="craft"><img src="https://frect.jp/images/H2.jpg" alt="映像のクラフトマンシップと光の演出"><div class="wrap"><h2>Craft — 光と影のクラフツマンシップ</h2><p>カメラワーク、照明、被写体── それぞれが織り成すバランスを1フレーム単位でチューニング。職人の手仕事のような繊細さで“質感”を感じさせる映像へ昇華します。</p></div></section>
      <!-- Studio split grid -->
      <section class="studio split" id="studio"><img src="https://frect.jp/images/H3.jpg" alt="スタジオ撮影の現場写真"><img src="https://frect.jp/images/H4.jpg" alt="ロケーション撮影のシーン"><div class="wrap"><h2>Studio — 空間そのものを演出する</h2><p>スタジオ撮影では光を操り空気を刻むことでドラマを構築。ロケ撮影では土地の息遣いまで映像に織り込みます。場所を超えた体験へ導く舞台設計です。</p></div></section>
      <!-- VFX offset right-img -->
      <section class="vfx offset rev" id="vfx"><img src="https://frect.jp/images/H5.jpg" alt="VFXを使った3DCG合成映像"><div class="wrap"><h2>VFX & CG — 想像を超える没入体験</h2><p>最先端の3DCGとVFXで現実と幻想の境界を曖昧に。ブランド世界を拡張し感情を増幅させる視覚芸術を提供します。</p></div></section>
      <!-- Philosophy full -->
      <section class="philosophy full" id="philosophy"><img src="https://frect.jp/images/H6.jpg" alt="ブランドの精神を映像で表現する様子"><div class="wrap"><h2>Philosophy — ブランドの精神を映す</h2><p>数値化できない精神性に光を当て、映像という無形の宝石に磨き上げます。観る者とブランドを静かに結ぶストーリーがここにあります。</p></div></section>
      <!-- Works Grid -->
      <section class="works-grid" id="works">
        <div class="wrap"><h2>Works — 実績ギャラリー</h2></div>
        <div class="grid">
    <figure>
    <div style="position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;">
      <iframe 
        src="https://www.youtube.com/embed/o-K-Qla7PAc" 
        title="YouTube video player" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; aspect-ratio: 16 / 9; object-fit: cover;">
      </iframe>
    </div>
    <figcaption>Project Title 01</figcaption>
  </figure>
    <figure>
    <div style="position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;">
      <iframe 
        src="https://www.youtube.com/embed/9_IkTvXu9f4" 
        title="YouTube video player" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
      </iframe>
    </div>
    <figcaption>Project Title 02</figcaption>
  </figure>
    <figure>
    <div style="position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;">
      <iframe src="https://www.youtube.com/embed/GnCmi5dVrcI" 
        title="YouTube video player" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
      </iframe>
    </div>
    <figcaption>Project Title 03</figcaption>
  </figure>
    <figure>
    <div style="position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;">
      <iframe src="https://www.youtube.com/embed/02mizHlazCs" 
        title="YouTube video player" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
      </iframe>
    </div>
    <figcaption>Project Title 04</figcaption>
  </figure>
    <figure>
    <div style="position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;">
      <iframe src="https://www.youtube.com/embed/uI1Cj6JzkTc" 
        title="YouTube video player" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
      </iframe>
    </div>
    <figcaption>Project Title 05</figcaption>
  </figure>
    <figure>
    <div style="position: relative; width: 100%; padding-top: 56.25%; overflow: hidden;">
      <iframe src="https://www.youtube.com/embed/O5rVwcvRk30" 
        title="YouTube video player" 
        frameborder="0" 
        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" 
        allowfullscreen 
        style="position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;">
      </iframe>
    </div>
    <figcaption>Project Title 06</figcaption>
  </figure>
  </div>
  <div id="videoModal" style="display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,0.9);z-index:9999;align-items:center;justify-content:center;">
    <video id="modalVideo" controls style="max-width:90%;max-height:90%"></video>
  </div>
  <script>
  function openVideo(el) {
    const modal = document.getElementById('videoModal');
    const modalVideo = document.getElementById('modalVideo');
    modalVideo.src = el.querySelector('source').src;
    modal.style.display = 'flex';
    modalVideo.play();
  }
  document.getElementById('videoModal').addEventListener('click', function() {
    this.style.display = 'none';
    document.getElementById('modalVideo').pause();
    document.getElementById('modalVideo').currentTime = 0;
  });
  </script>
      </section>
      </section>
      <!-- Local offset left-img -->
      <section class="local offset"><img src="https://frect.jp/images/H9.jpg" alt="佐久市を拠点としたローカル映像制作"><div class="wrap"><h2>Local to Global — 佐久市から世界へ</h2><p>長野県佐久市を拠点に、地域の物語を世界視点で再構築。ローカルの情緒とグローバルのダイナミズムを掛け合わせ、唯一無二のブランド映像を生み出します。</p></div></section>
    </main>
    <section class="contact" id="contact" style="background:#111;border-top:1px solid #222;padding:120px 20px 100px;text-align:center">
    <h2 style="color:white;font-size:1.4rem;margin-bottom:26px">Contact — お問い合わせ</h2>
    <form action="/php/send.php" method="POST" style="max-width:480px;margin:0 auto;text-align:left">
      <label style="display:block;margin-bottom:10px;color:white">お名前<br><input type="text" name="name" required style="width:100%;padding:10px;margin-top:6px;background:#000;color:white;border:1px solid #444;border-radius:4px"></label>
      <label style="display:block;margin-bottom:10px;color:white">メールアドレス<br><input type="email" name="email" required style="width:100%;padding:10px;margin-top:6px;background:#000;color:white;border:1px solid #444;border-radius:4px"></label>
      <label style="display:block;margin-bottom:10px;color:white">メッセージ<br><textarea name="message" rows="5" required style="width:100%;padding:10px;margin-top:6px;background:#000;color:white;border:1px solid #444;border-radius:4px"></textarea></label>
      <button type="submit" style="margin-top:20px;padding:12px 24px;background:white;color:black;border:none;border-radius:6px;cursor:pointer">送信する</button>
    </form>
  </section>
  <footer>
      <img src="https://frect.jp/images/frect_logo.svg" alt="FRECT logo">
      <p>〒385‑0022 長野県佐久市岩村田 828‑1<br>TEL 080‑1026‑2939</p>
      <p>&copy; 2025 FRECT Inc. All rights reserved.</p>
    </footer>
  <script>
    document.addEventListener("DOMContentLoaded", () => {
      gsap.utils.toArray("section").forEach(section => {
        gsap.fromTo(section, 
          { opacity: 0, y: 50 }, 
          { opacity: 1, y: 0, duration: 1, scrollTrigger: section }
        );
      });
    });
  </script>
  </body>
  </html>
  
endpoints.name: https://frect.jp/images/frect_logofabi.svg
endpoints.name: https://www.frect.jp/favicon.ico
endpoints.html_title: 長野の映像制作会社FRECT｜ブランディング・CM・3DCG制作
endpoints.supported_versions: HTTP/1.1
endpoints.banner: HTTP/1.1 200 OK
  Date:  <REDACTED>
  Content-Type: text/html
  Content-Length: 6400
  Connection: keep-alive
  Server: LiteSpeed
  last-modified: Wed, 30 Apr 2025 23:02:19 GMT
  etag: "506c-6812abfb-b0d55f9f16b87d6e;gz"
  accept-ranges: bytes
  content-encoding: gzip
  vary: Accept-Encoding
  x-turbo-charged-by: LiteSpeed
  
endpoints.ip: 118.27.125.231
[binary data, 8 values, 215 bytes]