{"id":96,"date":"2026-05-20T21:17:35","date_gmt":"2026-05-20T12:17:35","guid":{"rendered":"https:\/\/vistaq.jp\/?page_id=96"},"modified":"2026-05-20T21:20:52","modified_gmt":"2026-05-20T12:20:52","slug":"96-2","status":"publish","type":"page","link":"https:\/\/vistaq.jp\/?page_id=96","title":{"rendered":""},"content":{"rendered":"\n<style>\nbody.page-id-96 {\n  margin: 0 !important;\n  padding: 0 !important;\n  background: #fafaf7 !important;\n  overflow-x: hidden !important;\n}\n\nbody.page-id-96 .wp-block-template-part,\nbody.page-id-96 .wp-block-navigation,\nbody.page-id-96 .wp-site-blocks > header,\nbody.page-id-96 .wp-block-site-title,\nbody.page-id-96 .wp-block-site-logo,\nbody.page-id-96 .wp-block-page-list,\nbody.page-id-96 .wp-block-post-title,\nbody.page-id-96 .entry-title,\nbody.page-id-96 footer {\n  display: none !important;\n}\n\nbody.page-id-96 .wp-site-blocks,\nbody.page-id-96 main,\nbody.page-id-96 article,\nbody.page-id-96 .wp-block-post-content,\nbody.page-id-96 .entry-content,\nbody.page-id-96 .is-layout-constrained,\nbody.page-id-96 .wp-block-group,\nbody.page-id-96 .wp-block-html {\n  max-width: none !important;\n  width: 100% !important;\n  margin: 0 !important;\n  padding: 0 !important;\n}\n\nbody.page-id-96 .is-layout-constrained > *,\nbody.page-id-96 .wp-block-post-content > *,\nbody.page-id-96 .entry-content > *,\nbody.page-id-96 .wp-block-group > *,\nbody.page-id-96 .wp-block-html > * {\n  max-width: none !important;\n  width: 100% !important;\n  margin-left: 0 !important;\n  margin-right: 0 !important;\n}\n\nbody.logged-in.page-id-96 .vistaq-lp-header {\n  top: 32px !important;\n}\n\n@media (max-width: 782px) {\n  body.logged-in.page-id-96 .vistaq-lp-header {\n    top: 46px !important;\n  }\n}\n<\/style>\n\n<style>\nbody.page-id-single {\n  margin: 0 !important;\n  padding: 0 !important;\n  background: #fafaf7 !important;\n  overflow-x: hidden !important;\n}\n<\/style>\n\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>VISTAQ\uff5c\u6620\u50cf\u5236\u4f5c<\/title>\n<meta name=\"description\" content=\"\u4f1d\u308f\u3063\u3066\u3044\u306a\u304b\u3063\u305f\u4fa1\u5024\u3092\u3001\u6620\u50cf\u3067\u5c4a\u304f\u5f62\u306b\u3002VISTAQ\u306f\u30d6\u30e9\u30f3\u30c9\u306e\u4e16\u754c\u89b3\u3092\u6620\u50cf\u306b\u5bbf\u3057\u307e\u3059\u3002\">\n\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Shippori+Mincho:wght@400;500;600;700&#038;family=Noto+Sans+JP:wght@300;400;500;600;700&#038;family=Cormorant+Garamond:wght@400;500;600&#038;display=swap\" rel=\"stylesheet\">\n\n<style>\n:root {\n  --bg: #fafaf7;\n  --bg-soft: #f3f3ed;\n  --bg-card: #ffffff;\n  --text: #14201a;\n  --text-mute: #5a6660;\n  --text-dim: #8a9690;\n  --line: #e2e2dc;\n  --accent: #0f6e5b;\n  --accent-soft: #1a8a73;\n  --accent-bg: #e8f3ee;\n  --shadow: 0 1px 3px rgba(20,32,26,0.04), 0 6px 24px rgba(20,32,26,0.06);\n  --font-serif: 'Shippori Mincho', serif;\n  --font-display: 'Cormorant Garamond', serif;\n  --font-sans: 'Noto Sans JP', sans-serif;\n}\n\n* { margin: 0; padding: 0; box-sizing: border-box; }\nhtml { scroll-behavior: smooth; }\nbody {\n  background: var(--bg);\n  color: var(--text);\n  font-family: var(--font-sans);\n  font-weight: 400;\n  line-height: 1.7;\n  -webkit-font-smoothing: antialiased;\n  overflow-x: hidden;\n}\n\n.container { max-width: 1280px; margin: 0 auto; padding: 0 32px; }\n\n\/* ===== HEADER ===== *\/\nheader {\n  position: fixed; top: 0; left: 0; right: 0; z-index: 100;\n  padding: 14px 0;\n  backdrop-filter: blur(14px);\n  background: rgba(250,250,247,0.92);\n  border-bottom: 1px solid rgba(226,226,220,0.6);\n}\nheader .container { display: flex; justify-content: space-between; align-items: center; }\n.logo-img { height: 56px; width: auto; display: block; object-fit: contain; }\n.nav-cta {\n  display: inline-flex; align-items: center; gap: 10px;\n  padding: 13px 26px; background: var(--accent); color: #fff;\n  text-decoration: none; font-size: 14px; font-weight: 500;\n  letter-spacing: 0.05em; border-radius: 999px; transition: all 0.3s ease;\n}\n.nav-cta:hover { background: var(--accent-soft); transform: translateY(-1px); }\n\n\/* ===== HERO ===== *\/\n.hero { padding: 160px 0 100px; position: relative; overflow: hidden; }\n.hero .container { position: relative; }\n.hero-inner { display: grid; grid-template-columns: 1.05fr 1fr; gap: 56px; align-items: center; }\n.hero-text { position: relative; z-index: 2; }\n.hero-visual { position: relative; z-index: 1; display: flex; justify-content: center; align-items: center; }\n.hero-visual img { width: 100%; max-width: 560px; height: auto; display: block; mix-blend-mode: multiply; }\n.hero-eyebrow {\n  display: inline-block; font-family: var(--font-display);\n  font-size: 14px; letter-spacing: 0.3em; color: var(--accent);\n  margin-bottom: 32px; padding: 6px 16px;\n  background: var(--accent-bg); border-radius: 999px;\n}\n.hero h1 {\n  font-family: var(--font-serif); font-weight: 500;\n  font-size: clamp(40px, 5.4vw, 76px); line-height: 1.3;\n  letter-spacing: -0.01em; margin-bottom: 36px;\n}\n.hero h1 .circle-word {\n  position: relative; display: inline-block;\n  font-family: var(--font-display); font-weight: 700; color: var(--accent); padding: 0 8px;\n}\n.hero h1 .circle-word::before {\n  content: ''; position: absolute; top: -8px; left: -8px; right: -8px; bottom: -8px;\n  border: 2.5px solid var(--accent); border-radius: 50%;\n  transform: rotate(-2deg) scaleX(1.05); opacity: 0.65;\n}\n.hero-sub { font-size: 17px; color: var(--text-mute); line-height: 2; max-width: 560px; margin-bottom: 32px; }\n.hero-points { list-style: none; margin-bottom: 48px; }\n.hero-points li { display: flex; align-items: center; gap: 12px; color: var(--text); font-size: 16px; padding: 10px 0; font-weight: 500; }\n.check { flex-shrink: 0; width: 22px; height: 22px; border-radius: 50%; background: var(--accent); color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 700; }\n.hero-cta-group { display: flex; gap: 16px; align-items: center; flex-wrap: wrap; }\n.btn-primary { display: inline-flex; align-items: center; gap: 10px; padding: 18px 36px; background: var(--accent); color: #fff; text-decoration: none; font-size: 15px; font-weight: 600; letter-spacing: 0.03em; border-radius: 999px; transition: all 0.3s ease; }\n.btn-primary:hover { background: var(--accent-soft); transform: translateY(-2px); }\n.btn-secondary { display: inline-flex; align-items: center; gap: 10px; padding: 18px 32px; background: transparent; color: var(--text); text-decoration: none; font-size: 15px; font-weight: 600; border-radius: 999px; border: 1.5px solid var(--text); transition: all 0.3s ease; }\n.btn-secondary:hover { background: var(--text); color: var(--bg); }\n\n\/* ===== COMMON SECTION ===== *\/\nsection { padding: 120px 0; position: relative; }\n.section-label { display: inline-block; font-family: var(--font-display); font-size: 13px; letter-spacing: 0.3em; color: var(--accent); margin-bottom: 20px; padding: 6px 14px; background: var(--accent-bg); border-radius: 999px; }\n.section-title { font-family: var(--font-serif); font-weight: 500; font-size: clamp(32px, 4vw, 50px); line-height: 1.4; margin-bottom: 24px; letter-spacing: -0.005em; }\n.section-title .em { font-family: var(--font-serif); font-weight: 700; color: var(--accent); }\n.section-lead { color: var(--text-mute); font-size: 17px; line-height: 2; max-width: 680px; }\n\n\/* ===== STATEMENT ===== *\/\n.statement { padding: 140px 0; position: relative; overflow: hidden; background-color: #111; }\n.statement-bg { position: absolute; inset: 0; background-image: url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/Gemini_Generated_Image_7jya9e7jya9e7jya-scaled.png'); background-size: cover; background-position: center; opacity: 0.35; z-index: 0; }\n.statement-content { position: relative; z-index: 1; }\n.statement-quote { font-family: var(--font-serif); font-size: clamp(26px, 3vw, 38px); line-height: 1.7; text-align: center; max-width: 900px; margin: 0 auto; color: #fff; font-weight: 500; }\n.statement-quote .em { font-family: var(--font-serif); font-weight: 700; color: #4cb89a; }\n\n\/* ===== SERVICE ===== *\/\n#service { background: var(--bg); }\n.service-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; margin-top: 64px; }\n.service-item {\n  padding: 36px; border-radius: 16px; transition: all 0.4s ease;\n  box-shadow: var(--shadow); position: relative; overflow: hidden;\n  min-height: 320px; display: flex; flex-direction: column; justify-content: flex-end;\n  border: 1px solid var(--line);\n}\n.service-item-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.5s ease; z-index: 0; }\n.service-item:hover .service-item-bg { transform: scale(1.04); }\n.service-item-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.15) 30%, rgba(0,0,0,0.72) 100%); z-index: 1; }\n.service-item-content { position: relative; z-index: 2; }\n.service-item:hover { transform: translateY(-4px); border-color: var(--accent); }\n.service-num { font-family: var(--font-display); font-size: 28px; font-weight: 600; color: #fff; letter-spacing: 0.2em; margin-bottom: 16px; }\n.service-item h3 { font-family: var(--font-serif); font-size: 22px; font-weight: 500; margin-bottom: 14px; line-height: 1.5; color: #fff; }\n.service-item p { color: rgba(255,255,255,0.78); font-size: 15px; line-height: 1.9; }\n.counsel-tag { display: inline-block; margin-top: 14px; padding: 5px 14px; background: var(--accent-bg); color: var(--accent); font-size: 13px; font-weight: 500; border-radius: 999px; }\n\n\/* ===== WORKS ===== *\/\n.works { background: var(--bg-soft); }\n.works-block { margin-top: 72px; }\n.works-block-header { display: flex; align-items: baseline; gap: 16px; margin-bottom: 28px; flex-wrap: wrap; }\n.works-block-title { font-family: var(--font-serif); font-size: 20px; font-weight: 500; color: var(--text); }\n.works-block-note { font-family: var(--font-sans); font-size: 13px; color: var(--text-mute); }\n\n.works-vertical-area { display: flex; justify-content: center; }\n.work-vertical-single { position: relative; width: 280px; aspect-ratio: 9 \/ 16; border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); background: var(--text); transition: transform 0.4s ease, box-shadow 0.4s ease; flex-shrink: 0; }\n.work-vertical-single:hover { transform: translateY(-4px); box-shadow: 0 16px 40px -12px rgba(15,110,91,0.3); }\n.vthumb-inner { position: absolute; inset: 0; cursor: pointer; border-radius: 16px; overflow: hidden; }\n.vthumb-bg { position: absolute; inset: 0; background-size: cover; background-position: center; transition: transform 0.4s ease; }\n.work-vertical-single:hover .vthumb-bg { transform: scale(1.04); }\n.vthumb-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.35) 0%, transparent 35%, transparent 50%, rgba(0,0,0,0.75) 100%); }\n.vthumb-label { position: absolute; top: 14px; left: 14px; padding: 5px 13px; border-radius: 999px; background: rgba(15,110,91,0.88); color: #fff; font-size: 11px; font-weight: 600; letter-spacing: 0.04em; backdrop-filter: blur(4px); white-space: nowrap; }\n.vthumb-play { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 64px; height: 64px; border-radius: 50%; background: rgba(255,255,255,0.18); border: 2px solid rgba(255,255,255,0.6); display: flex; align-items: center; justify-content: center; transition: all 0.3s ease; backdrop-filter: blur(4px); }\n.work-vertical-single:hover .vthumb-play { background: rgba(15,110,91,0.85); border-color: transparent; transform: translate(-50%, -50%) scale(1.08); }\n.vthumb-info { position: absolute; bottom: 0; left: 0; right: 0; padding: 20px 16px 16px; }\n.vthumb-title { font-family: var(--font-serif); font-size: 17px; font-weight: 500; color: #fff; line-height: 1.4; margin-bottom: 4px; }\n.vthumb-sub { font-size: 12px; color: rgba(255,255,255,0.65); margin-bottom: 10px; }\n.vthumb-credit { font-size: 10px; color: rgba(255,255,255,0.4); letter-spacing: 0.15em; border-top: 1px solid rgba(255,255,255,0.15); padding-top: 8px; }\n\n.works-slider-outer { position: relative; }\n.works-slider-track-wrap { overflow: hidden; border-radius: 14px; }\n.works-slider-track { display: flex; gap: 20px; transition: transform 0.45s cubic-bezier(0.4,0,0.2,1); }\n.work-slide { flex: 0 0 calc((100% - 40px) \/ 3); position: relative; aspect-ratio: 16 \/ 9; border-radius: 14px; overflow: hidden; background: var(--text); box-shadow: var(--shadow); transition: transform 0.4s ease, box-shadow 0.4s ease; }\n.work-slide:hover { transform: translateY(-4px); box-shadow: 0 16px 40px -12px rgba(15,110,91,0.25); }\n.work-slide iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: none; }\n.video-label { position: absolute; top: 12px; left: 12px; z-index: 10; padding: 5px 12px; border-radius: 999px; background: rgba(15,110,91,0.88); color: #fff; font-family: var(--font-sans); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; pointer-events: none; backdrop-filter: blur(4px); white-space: nowrap; }\n.slider-btn { position: absolute; top: 50%; transform: translateY(-50%); width: 44px; height: 44px; border-radius: 50%; background: var(--bg-card); border: 1.5px solid var(--line); color: var(--text); font-size: 18px; cursor: pointer; display: flex; align-items: center; justify-content: center; box-shadow: var(--shadow); transition: all 0.3s ease; z-index: 10; }\n.slider-btn:hover { background: var(--accent); color: #fff; border-color: var(--accent); }\n.slider-btn.prev { left: -22px; }\n.slider-btn.next { right: -22px; }\n.slider-btn:disabled { opacity: 0.3; cursor: default; }\n.slider-btn:disabled:hover { background: var(--bg-card); color: var(--text); border-color: var(--line); }\n.slider-dots { display: flex; justify-content: center; gap: 8px; margin-top: 20px; }\n.slider-dot { width: 8px; height: 8px; border-radius: 50%; background: var(--line); cursor: pointer; transition: all 0.3s ease; border: none; padding: 0; }\n.slider-dot.active { background: var(--accent); transform: scale(1.3); }\n\n\/* ===== CINEMATOGRAPHER ===== *\/\n.cinematographer { background: var(--bg); padding: 120px 0; }\n.cine-head { text-align: center; margin-bottom: 72px; max-width: 820px; margin-left: auto; margin-right: auto; }\n.cine-head .section-label { margin-bottom: 24px; }\n.cine-head .section-lead { margin: 0 auto; }\n.cine-layout { display: grid; grid-template-columns: 360px 1fr; gap: 64px; align-items: start; max-width: 1080px; margin: 0 auto; }\n.cine-portrait { width: 100%; aspect-ratio: 1 \/ 1; border-radius: 16px; overflow: hidden; box-shadow: var(--shadow); background: var(--bg-soft); position: sticky; top: 100px; }\n.cine-portrait img { width: 100%; height: 100%; object-fit: cover; display: block; }\n.cine-body { display: flex; flex-direction: column; gap: 36px; }\n.cine-name { font-family: var(--font-serif); font-size: 28px; font-weight: 500; line-height: 1.4; padding-bottom: 20px; border-bottom: 1px solid var(--line); }\n.cine-name .role { display: block; font-family: var(--font-display); font-size: 13px; letter-spacing: 0.3em; color: var(--accent); margin-bottom: 10px; font-weight: 600; }\n.cine-block h4 { font-family: var(--font-display); font-size: 12px; letter-spacing: 0.3em; color: var(--accent); margin-bottom: 14px; font-weight: 600; }\n.cine-block p { font-family: var(--font-serif); font-size: 16px; line-height: 2; color: var(--text); font-weight: 400; }\n.cine-block p + p { margin-top: 14px; }\n.cine-philosophy-quote { font-family: var(--font-serif); font-size: 22px; font-weight: 500; line-height: 1.7; color: var(--accent); padding: 8px 0 8px 24px; border-left: 3px solid var(--accent); margin-bottom: 14px; }\n.cine-closing { margin-top: 16px; padding: 32px; background: var(--bg-soft); border-radius: 14px; border-left: 4px solid var(--accent); }\n.cine-closing p { font-family: var(--font-serif); font-size: 17px; line-height: 1.9; color: var(--text); font-weight: 500; }\n.cine-closing .sign { display: block; margin-top: 14px; font-family: var(--font-display); font-size: 13px; letter-spacing: 0.2em; color: var(--text-mute); }\n\n\/* ===== PRICING ===== *\/\n.pricing { background: var(--bg-soft); }\n.pricing-head { text-align: center; margin-bottom: 64px; }\n.pricing-head .section-lead { margin: 0 auto; }\n.plan-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }\n.plan { padding: 44px 32px; background: var(--bg-card); border: 1px solid var(--line); border-radius: 16px; position: relative; transition: all 0.4s ease; }\n.plan:hover { transform: translateY(-6px); border-color: var(--accent); box-shadow: 0 16px 40px -12px rgba(15,110,91,0.2); }\n.plan.featured { border: 2px solid var(--accent); background: linear-gradient(180deg, #fff 0%, var(--accent-bg) 100%); }\n.plan.featured::before { content: 'POPULAR'; position: absolute; top: -14px; left: 50%; transform: translateX(-50%); background: var(--accent); color: #fff; padding: 6px 22px; font-family: var(--font-display); font-size: 11px; letter-spacing: 0.3em; border-radius: 999px; }\n.plan-name { font-family: var(--font-display); font-size: 13px; letter-spacing: 0.3em; color: var(--accent); margin-bottom: 8px; }\n.plan-jp { font-family: var(--font-serif); font-size: 24px; font-weight: 500; margin-bottom: 24px; }\n.plan-price { display: flex; align-items: baseline; margin-bottom: 8px; padding-bottom: 24px; border-bottom: 1px solid var(--line); }\n.plan-price .yen { font-size: 14px; color: var(--text-mute); margin-right: 4px; }\n.plan-price .num { font-family: var(--font-serif); font-size: 48px; font-weight: 600; line-height: 1; }\n.plan-price .tilde { font-size: 24px; color: var(--text-mute); margin-left: 4px; }\n.plan-price .term { font-size: 13px; color: var(--text-mute); margin-left: 6px; }\n.plan-sub { margin-bottom: 28px; padding-bottom: 28px; border-bottom: 1px solid var(--line); font-size: 13px; color: var(--text-mute); }\n.plan-features { list-style: none; margin-bottom: 36px; }\n.plan-features li { color: var(--text); font-size: 14px; padding: 9px 0; padding-left: 26px; position: relative; line-height: 1.7; }\n.plan-features li::before { content: '\u2713'; color: var(--accent); position: absolute; left: 0; font-weight: 700; }\n.plan-cta { display: block; width: 100%; padding: 15px; text-align: center; text-decoration: none; border: 1.5px solid var(--text); color: var(--text); font-size: 14px; font-weight: 600; border-radius: 999px; transition: all 0.3s ease; }\n.plan-cta:hover { background: var(--text); color: var(--bg); }\n.plan.featured .plan-cta { background: var(--accent); color: #fff; border-color: var(--accent); }\n.plan.featured .plan-cta:hover { background: var(--accent-soft); border-color: var(--accent-soft); }\n.pricing-note { text-align: center; margin-top: 32px; color: var(--text-mute); font-size: 13px; }\n\n\/* ===== TARGET ===== *\/\n.target-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 16px; margin-top: 64px; }\n.target-card { position: relative; min-height: 200px; border-radius: 14px; overflow: hidden; background-size: cover; background-position: center; border: 1px solid var(--line); transition: all 0.3s ease; display: flex; align-items: flex-end; }\n.target-card:hover { transform: translateY(-4px); border-color: var(--accent); }\n.target-card:hover .target-card-overlay { opacity: 0.55; }\n.target-card-overlay { position: absolute; inset: 0; background: linear-gradient(to bottom, rgba(0,0,0,0.1) 0%, rgba(0,0,0,0.65) 100%); transition: opacity 0.3s ease; }\n.target-card-content { position: relative; z-index: 1; padding: 16px; width: 100%; }\n.target-card .label-en { font-family: var(--font-display); font-size: 13px; color: rgba(255,255,255,0.7); margin-bottom: 6px; }\n.target-card .label-jp { font-family: var(--font-serif); font-size: 16px; font-weight: 500; line-height: 1.6; color: #fff; }\n\n\/* ===== FAQ ===== *\/\n.faq-list { margin-top: 64px; max-width: 880px; }\ndetails { border-bottom: 1px solid var(--line); padding: 28px 0; cursor: pointer; }\ndetails:first-child { border-top: 1px solid var(--line); }\nsummary { list-style: none; display: flex; justify-content: space-between; align-items: center; gap: 24px; font-family: var(--font-serif); font-size: 19px; font-weight: 500; color: var(--text); }\nsummary::-webkit-details-marker { display: none; }\nsummary::after { content: '+'; font-family: var(--font-display); font-size: 32px; color: var(--accent); transition: transform 0.3s ease; line-height: 1; }\ndetails[open] summary::after { transform: rotate(45deg); }\ndetails p { margin-top: 18px; color: var(--text-mute); line-height: 2; font-size: 15px; }\n\n\/* ===== FINAL CTA ===== *\/\n.final-cta { background: var(--text); color: #fff; padding: 120px 0; text-align: center; position: relative; overflow: hidden; }\n.final-cta::before { content: ''; position: absolute; top: -200px; left: 50%; transform: translateX(-50%); width: 800px; height: 800px; background: radial-gradient(circle, rgba(15,110,91,0.5) 0%, transparent 60%); pointer-events: none; }\n.final-cta-inner { position: relative; z-index: 1; }\n.final-cta .section-label { background: rgba(15,110,91,0.2); color: #4cb89a; }\n.final-cta h2 { font-family: var(--font-serif); font-size: clamp(36px, 5vw, 60px); font-weight: 500; line-height: 1.4; margin: 24px 0 32px; }\n.final-cta h2 .em { font-family: var(--font-display); font-weight: 700; color: #4cb89a; }\n.final-cta p { color: rgba(255,255,255,0.7); font-size: 17px; max-width: 560px; margin: 0 auto 48px; line-height: 2; }\n.final-cta .btn-primary { background: #fff; color: var(--text); }\n.final-cta .btn-primary:hover { background: var(--accent); color: #fff; }\n\n\/* ===== CONTACT ===== *\/\n.contact { padding: 120px 0; }\n.contact-grid { display: grid; grid-template-columns: 1fr 1.2fr; gap: 80px; align-items: start; }\n.contact-info p { color: var(--text-mute); margin-bottom: 24px; line-height: 2; }\n.contact-detail { margin-top: 32px; padding-top: 32px; border-top: 1px solid var(--line); }\n.contact-detail dt { font-family: var(--font-display); font-size: 12px; color: var(--accent); letter-spacing: 0.25em; margin-bottom: 6px; margin-top: 20px; }\n.contact-detail dd { font-family: var(--font-serif); font-size: 17px; color: var(--text); }\n.form-box { padding: 48px; background: var(--bg-card); border: 1px solid var(--line); border-radius: 20px; box-shadow: var(--shadow); }\n.form-box h3 { font-family: var(--font-serif); font-size: 24px; font-weight: 500; margin-bottom: 8px; }\n.form-box .form-sub { color: var(--text-mute); font-size: 14px; margin-bottom: 32px; }\n.form-note { margin-top: 14px; color: var(--text-mute); font-size: 12px; line-height: 1.8; }\n.form-grid { display: grid; gap: 18px; }\n.form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }\n.form-group { display: grid; gap: 8px; }\n.form-label { font-size: 13px; font-weight: 600; color: var(--text); letter-spacing: 0.04em; }\n.form-input, .form-select, .form-textarea { width: 100%; padding: 14px 16px; border: 1px solid var(--line); border-radius: 10px; background: #fff; color: var(--text); font-family: var(--font-sans); font-size: 15px; line-height: 1.6; outline: none; transition: border-color 0.25s ease, box-shadow 0.25s ease; -webkit-appearance: none; }\n.form-textarea { min-height: 150px; resize: vertical; }\n.form-input:focus, .form-select:focus, .form-textarea:focus { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(15,110,91,0.12); }\n.form-submit { width: 100%; margin-top: 8px; padding: 16px 24px; border: none; border-radius: 999px; background: var(--accent); color: #fff; font-family: var(--font-sans); font-size: 15px; font-weight: 600; letter-spacing: 0.06em; cursor: pointer; transition: all 0.3s ease; }\n.form-submit:hover { background: var(--accent-soft); transform: translateY(-1px); }\n\n\/* ===== FOOTER ===== *\/\nfooter { background: var(--bg-soft); padding: 48px 0; text-align: center; color: var(--text-mute); font-size: 13px; }\n.footer-logo { height: 32px; width: auto; display: inline-block; margin-bottom: 16px; object-fit: contain; opacity: 0.9; }\nfooter p { margin: 4px 0; }\n\n\/* ===== RESPONSIVE ===== *\/\n@media (max-width: 900px) {\n  .hero { padding: 130px 0 80px; }\n  .hero-inner { grid-template-columns: 1fr; gap: 40px; }\n  .hero-visual { order: -1; max-width: 360px; margin: 0 auto; }\n  .service-grid { grid-template-columns: 1fr; }\n  .plan-grid { grid-template-columns: 1fr; }\n  .target-grid { grid-template-columns: repeat(2, 1fr); }\n  .work-slide { flex: 0 0 calc((100% - 20px) \/ 2); }\n  .slider-btn { display: none; }\n  .cinematographer { padding: 80px 0; }\n  .cine-layout { grid-template-columns: 1fr; gap: 40px; max-width: 520px; }\n  .cine-portrait { position: static; max-width: 320px; margin: 0 auto; }\n  .cine-name { font-size: 24px; text-align: center; padding-bottom: 16px; }\n  .cine-name .role { text-align: center; }\n  .cine-philosophy-quote { font-size: 19px; padding-left: 18px; }\n  .contact-grid { grid-template-columns: 1fr; gap: 56px; }\n  .form-box { padding: 32px; }\n  .form-row { grid-template-columns: 1fr; }\n  section { padding: 80px 0; }\n  .hero-cta-group .btn-primary, .hero-cta-group .btn-secondary { width: 100%; justify-content: center; }\n  .nav-cta { padding: 10px 18px; font-size: 13px; }\n}\n@media (max-width: 600px) {\n  .work-slide { flex: 0 0 100%; }\n  .work-vertical-single { width: 220px; }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<header>\n  <div class=\"container\">\n    <img decoding=\"async\" src=\"https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ae0639fa-9518-4393-9bb8-a8f27e9b8237.png\" alt=\"VISTAQ\" class=\"logo-img\">\n    <a href=\"#contact\" class=\"nav-cta\">\u7121\u6599\u76f8\u8ac7<\/a>\n  <\/div>\n<\/header>\n\n<!-- ===== HERO ===== -->\n<section class=\"hero\">\n  <div class=\"container\">\n    <div class=\"hero-inner\">\n      <div class=\"hero-text\">\n        <span class=\"hero-eyebrow\">VIDEO PRODUCTION<\/span>\n        <h1>\u4f1d\u308f\u3063\u3066\u3044\u306a\u304b\u3063\u305f<br><span class=\"circle-word\">\u4fa1\u5024<\/span>\u3092\u3001<br>\u6620\u50cf\u3067\u5c4a\u304f\u5f62\u306b\u3002<\/h1>\n        <p class=\"hero-sub\">\n          \u305d\u306e\u5834\u306e\u5149\u3001\u7a7a\u6c17\u3001\u77ac\u9593\u3092\u6620\u50cf\u306b\u5bbf\u3059\u3002<br>\n          \u9ad8\u54c1\u8cea\u6620\u50cf\u5236\u4f5c\u3001VISTAQ\u306e\u4ed5\u4e8b\u3067\u3059\u3002\n        <\/p>\n        <ul class=\"hero-points\">\n          <li><span class=\"check\">\u2713<\/span>\u64ae\u5f71\u301c\u7de8\u96c6\u307e\u3067\u3001\u5c02\u5c5e\u30c1\u30fc\u30e0\u304c\u5bfe\u5fdc<\/li>\n          <li><span class=\"check\">\u2713<\/span>1\u672c\u304b\u3089\u4f9d\u983c\u53ef\u80fd\u30fb\u7d0d\u671f\u67d4\u8edf\u5bfe\u5fdc<\/li>\n          <li><span class=\"check\">\u2713<\/span>\u95a2\u897f\u570f\u3092\u4e2d\u5fc3\u306b\u5168\u56fd\u5bfe\u5fdc<\/li>\n        <\/ul>\n        <div class=\"hero-cta-group\">\n          <a href=\"#pricing\" class=\"btn-primary\">\u6599\u91d1\u3092\u898b\u308b \u2192<\/a>\n          <a href=\"#works\" class=\"btn-secondary\">\u5b9f\u7e3e\u3092\u898b\u308b<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"hero-visual\">\n        <img decoding=\"async\" src=\"https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/6973df1b-6cac-4d81-96a1-2ce052ad015d.png\" alt=\"\">\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== STATEMENT ===== -->\n<section class=\"statement\">\n  <div class=\"statement-bg\"><\/div>\n  <div class=\"container statement-content\">\n    <p class=\"statement-quote\">\n      \u5747\u4e00\u5316\u3055\u308c\u305f\u30af\u30ea\u30a8\u30a4\u30c6\u30a3\u30d6\u306b\u306f\u3001\u51fa\u305b\u306a\u3044<span class=\"em\">\u6e29\u5ea6<\/span>\u304c\u3042\u308b\u3002<br>\n      \u305d\u306e\u5834\u306e\u5149\u3001\u7a7a\u6c17\u3001\u77ac\u9593\u3092\u6620\u50cf\u306b\u5bbf\u3059\u3053\u3068\u3002<br>\n      \u305d\u306e\u5834\u306b\u3057\u304b\u306a\u3044\u3082\u306e\u3092\u6620\u50cf\u306b\u713c\u304d\u3064\u3051\u308b\u3002\u305d\u308c\u304c<span class=\"em\">VISTAQ<\/span>\u306e\u6620\u50cf\u3067\u3059\u3002\n    <\/p>\n  <\/div>\n<\/section>\n\n<!-- ===== SERVICE ===== -->\n<section id=\"service\">\n  <div class=\"container\">\n    <span class=\"section-label\">SERVICE<\/span>\n    <h2 class=\"section-title\">\u64ae\u5f71\u304b\u3089\u7d0d\u54c1\u307e\u3067\u3001<br><span class=\"em\">\u4e00\u8cab\u3057\u3066\u5bfe\u5fdc\u3057\u307e\u3059<\/span>\u3002<\/h2>\n    <p class=\"section-lead\">\n      \u4f01\u753b\u30fb\u64ae\u5f71\u30fb\u7de8\u96c6\u307e\u3067\u5168\u5de5\u7a0b\u3092VISTAQ\u304c\u62c5\u5f53\u3002\u73fe\u5834\u306e\u7a7a\u6c17\u611f\u3054\u3068\u6620\u50cf\u306b\u53ce\u3081\u3001\u30d6\u30e9\u30f3\u30c9\u306e\u4e16\u754c\u89b3\u3092\u5c4a\u3051\u307e\u3059\u3002\n    <\/p>\n    <div class=\"service-grid\">\n      <div class=\"service-item\">\n        <div class=\"service-item-bg\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_29_15-1.png')\"><\/div>\n        <div class=\"service-item-overlay\"><\/div>\n        <div class=\"service-item-content\">\n          <div class=\"service-num\">01<\/div>\n          <h3>\u64ae\u5f71\u304b\u3089\u7de8\u96c6\u307e\u3067\u3001\u4e00\u8cab\u5bfe\u5fdc<\/h3>\n          <p>\u4f01\u753b\u30fb\u64ae\u5f71\u30fb\u7de8\u96c6\u307e\u3067\u5168\u5de5\u7a0b\u3092VISTAQ\u304c\u62c5\u5f53\u3002\u5c02\u5c5e\u30c1\u30fc\u30e0\u304c\u3001\u73fe\u5730\u306b\u8d74\u3044\u3066\u7a7a\u6c17\u611f\u3054\u3068\u6620\u50cf\u306b\u53ce\u3081\u307e\u3059\u3002<\/p>\n          <p style=\"margin-top:12px;\">Zoom \/ Google Meet\u3067\u8907\u6570\u56de\u306e\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u5b9f\u65bd\u3002\u4e16\u754c\u89b3\u306e\u64e6\u308a\u5408\u308f\u305b\u3092\u4e01\u5be7\u306b\u884c\u3044\u3001\u30a4\u30e1\u30fc\u30b8\u3092100%\u6620\u50cf\u306b\u843d\u3068\u3057\u8fbc\u307f\u307e\u3059\u3002<\/p>\n          <span class=\"counsel-tag\">\ud83c\udfa5 \u30aa\u30f3\u30e9\u30a4\u30f3\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u5bfe\u5fdc<\/span>\n        <\/div>\n      <\/div>\n      <div class=\"service-item\">\n        <div class=\"service-item-bg\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_29_15-2.png')\"><\/div>\n        <div class=\"service-item-overlay\"><\/div>\n        <div class=\"service-item-content\">\n          <div class=\"service-num\">02<\/div>\n          <h3>\u7d0d\u54c1\u5f8c\u306e\u4fee\u6b63\u5bfe\u5fdc<\/h3>\n          <p>\u3054\u7d0d\u54c1\u5f8c\u306e\u4fee\u6b63\u306b\u3082\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\uff08\u7121\u65992\u56de\u307e\u3067\uff09\u3002\u7d30\u90e8\u307e\u3067\u30d6\u30e9\u30f3\u30c9\u306e\u4e16\u754c\u89b3\u306b\u6cbf\u3046\u3088\u3046\u3001\u4e01\u5be7\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"service-item\">\n        <div class=\"service-item-bg\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_29_16-3.png')\"><\/div>\n        <div class=\"service-item-overlay\"><\/div>\n        <div class=\"service-item-content\">\n          <div class=\"service-num\">03<\/div>\n          <h3>\u95a2\u897f\u570f\u3092\u4e2d\u5fc3\u306b\u5168\u56fd\u5bfe\u5fdc<\/h3>\n          <p>\u95a2\u897f\u570f\u306f\u8fc5\u901f\u306b\u5bfe\u5fdc\u53ef\u80fd\u3002\u5168\u56fd\u306e\u64ae\u5f71\u306b\u3082\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\uff08\u9060\u65b9\u306e\u5834\u5408\u306f\u4ea4\u901a\u8cbb\u3092\u5225\u9014\u3054\u76f8\u8ac7\uff09\u3002<\/p>\n        <\/div>\n      <\/div>\n      <div class=\"service-item\">\n        <div class=\"service-item-bg\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_29_17-4.png')\"><\/div>\n        <div class=\"service-item-overlay\"><\/div>\n        <div class=\"service-item-content\">\n          <div class=\"service-num\">04<\/div>\n          <h3>\u7e26\u52d5\u753b\u30fb\u6a2a\u52d5\u753b\u30fbPV\u3001\u5e45\u5e83\u304f\u5bfe\u5fdc<\/h3>\n          <p>\u65bd\u8a2d\u7d39\u4ecb\u6620\u50cf\u30fbSNS\u7e26\u52d5\u753b\u30fb\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u6620\u50cf\u30fb\u30a4\u30d9\u30f3\u30c8\u6620\u50cf\u306a\u3069\u3001\u76ee\u7684\u306b\u5408\u308f\u305b\u305f\u6620\u50cf\u5236\u4f5c\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== WORKS ===== -->\n<section id=\"works\" class=\"works\">\n  <div class=\"container\">\n    <span class=\"section-label\">WORKS<\/span>\n    <h2 class=\"section-title\">\u3053\u308c\u307e\u3067\u306e<span class=\"em\">\u5b9f\u7e3e<\/span>\u3002<\/h2>\n    <p class=\"section-lead\">VISTAQ\u304c\u624b\u304c\u3051\u3066\u304d\u305f\u6620\u50cf\u4f5c\u54c1\u306e\u4e00\u90e8\u3092\u3054\u89a7\u3044\u305f\u3060\u3051\u307e\u3059\u3002<\/p>\n\n    <div class=\"works-block\">\n      <div class=\"works-block-header\">\n        <div class=\"works-block-title\">\u6a2a\u52d5\u753b\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa<\/div>\n        <div class=\"works-block-note\">\u203b\u6a2a\u52d5\u753b\u306f\u53c2\u8003\u8cc7\u6599\u3068\u3057\u3066\u3054\u89a7\u304f\u3060\u3055\u3044<\/div>\n      <\/div>\n      <div class=\"works-slider-outer\">\n        <button class=\"slider-btn prev\" id=\"sliderPrev\" aria-label=\"\u524d\u3078\">\u2039<\/button>\n        <div class=\"works-slider-track-wrap\">\n          <div class=\"works-slider-track\" id=\"sliderTrack\">\n            <div class=\"work-slide\"><span class=\"video-label\">\u7b2c24\u56de YOSAKOI\u3055\u305b\u307c\u796d\u308a \/ \u5730\u57df\u6587\u5316\u6620\u50cf<\/span><iframe src=\"https:\/\/www.youtube.com\/embed\/7iiVlyK7AWk\" title=\"YOSAKOI\u3055\u305b\u307c\u796d\u308a\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n            <div class=\"work-slide\"><span class=\"video-label\">\u7b2c25\u56de \u3088\u3055\u3053\u3044\u5168\u56fd\u5927\u4f1a \/ \u6f14\u821e\u6620\u50cf<\/span><iframe src=\"https:\/\/www.youtube.com\/embed\/DqI_uTH69aA\" title=\"\u3088\u3055\u3053\u3044\u5168\u56fd\u5927\u4f1a\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n            <div class=\"work-slide\"><span class=\"video-label\">\u5bbf\u6cca\u65bd\u8a2d\u30d7\u30ed\u30e2\u30fc\u30b7\u30e7\u30f3 \/ \u53c2\u8003<\/span><iframe src=\"https:\/\/www.youtube.com\/embed\/bBepw4Jl7N8\" title=\"\u5bbf\u6cca\u65bd\u8a2d\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n            <div class=\"work-slide\"><span class=\"video-label\">\u5e97\u8217\u30aa\u30fc\u30d7\u30cb\u30f3\u30b0 \/ \u53c2\u8003<\/span><iframe src=\"https:\/\/www.youtube.com\/embed\/SZF8x9pPXLI\" title=\"\u5e97\u8217\u30aa\u30fc\u30d7\u30cb\u30f3\u30b0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n            <div class=\"work-slide\"><span class=\"video-label\">\u30d6\u30e9\u30f3\u30c9\u6620\u50cf \/ \u53c2\u8003<\/span><iframe src=\"https:\/\/www.youtube.com\/embed\/5HCfMTKoL8I\" title=\"\u30d6\u30e9\u30f3\u30c9\u6620\u50cf\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n            <div class=\"work-slide\"><span class=\"video-label\">\u4f01\u696d\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u6620\u50cf \/ \u53c2\u8003<\/span><iframe src=\"https:\/\/www.youtube.com\/embed\/qPSoIm1TWo8\" title=\"\u4f01\u696d\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture\" allowfullscreen><\/iframe><\/div>\n          <\/div>\n        <\/div>\n        <button class=\"slider-btn next\" id=\"sliderNext\" aria-label=\"\u6b21\u3078\">\u203a<\/button>\n      <\/div>\n      <div class=\"slider-dots\" id=\"sliderDots\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CINEMATOGRAPHER ===== -->\n<section id=\"cinematographer\" class=\"cinematographer\">\n  <div class=\"container\">\n    <div class=\"cine-head\">\n      <span class=\"section-label\">CINEMATOGRAPHER<\/span>\n      <h2 class=\"section-title\">\u8ab0\u304c\u64ae\u308b\u304b\u3002\u305d\u308c\u304c\u3001<br>\u6620\u50cf\u306e<span class=\"em\">\u6e29\u5ea6<\/span>\u3092\u6c7a\u3081\u308b\u3002<\/h2>\n      <p class=\"section-lead\">VISTAQ\u306e\u6620\u50cf\u3092\u652f\u3048\u308b\u3001\u64ae\u5f71\u76e3\u7763\u3092\u3054\u7d39\u4ecb\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"cine-layout\">\n      <div class=\"cine-portrait\">\n        <img decoding=\"async\" src=\"https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/FCB95797-A502-4584-AA72-3C22C60A5135.png\" alt=\"VISTAQ \u64ae\u5f71\u76e3\u7763 \u9df2\u5c3e\u6602\u4e16\">\n      <\/div>\n      <div class=\"cine-body\">\n        <div class=\"cine-name\">\n          <span class=\"role\">DIRECTOR OF PHOTOGRAPHY<\/span>\n          \u9df2\u5c3e \u6602\u4e16\n        <\/div>\n        <div class=\"cine-block\">\n          <h4>CAREER<\/h4>\n          <p>\u9577\u5d0e\u770c\u4f50\u4e16\u4fdd\u5e02\u51fa\u8eab\u3002\u64ae\u5f71\u6b747\u5e74\u3002MV\u3001\u4f01\u696d\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u3001\u5bbf\u6cca\u65bd\u8a2d\u3001\u30c9\u30ad\u30e5\u30e1\u30f3\u30bf\u30ea\u30fc\u307e\u3067\u3001\u30b8\u30e3\u30f3\u30eb\u3092\u554f\u308f\u305a\u6620\u50cf\u306e\u73fe\u5834\u306b\u7acb\u3061\u7d9a\u3051\u3066\u304d\u305f\u3002<\/p>\n        <\/div>\n        <div class=\"cine-block\">\n          <h4>CLIENTS<\/h4>\n          <p>Sony\u3001Nikon\u3001Netflix\u3001\u4e16\u754c\u6c34\u6cf3\u3001Mr.Brothers\u3002Netflix\u30aa\u30ea\u30b8\u30ca\u30eb\u30c9\u30ad\u30e5\u30e1\u30f3\u30bf\u30ea\u30fc\u3067\u306f\u65e5\u672c\u30d1\u30fc\u30c8\u306e\u30ab\u30e1\u30e9\u30de\u30f3\u3092\u62c5\u5f53\u3002\u4e5d\u5dde\u4e09\u5927\u796d\u308a\u306e\u3072\u3068\u3064\u300cYOSAKOI\u3055\u305b\u307c\u796d\u308a\u300d\u3067\u306f\u3001\u30b8\u30e3\u30d1\u30cd\u30c3\u30c8\u305f\u304b\u305f\u30fb\u798f\u5ca1\u9280\u884c\u3089\u5927\u624b\u5354\u8cdb\u306e\u3082\u3068\u3001\u5730\u57df\u6587\u5316\u306e\u4e2d\u6838\u3068\u306a\u308b\u6620\u50cf\u3092\u624b\u304c\u3051\u305f\u3002<\/p>\n        <\/div>\n        <div class=\"cine-block\">\n          <h4>PHILOSOPHY<\/h4>\n          <p class=\"cine-philosophy-quote\">\u826f\u3044\u6620\u50cf\u306f\u3001\u30b7\u30e3\u30c3\u30bf\u30fc\u3092\u5207\u308b\u524d\u306b\u6c7a\u307e\u3063\u3066\u3044\u308b\u3002<\/p>\n          <p>\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u306e\u4e8b\u696d\u80cc\u666f\u3001\u6620\u50cf\u306e\u7528\u9014\u3001\u305d\u306e\u5148\u306b\u3044\u308b\u8996\u8074\u8005\u307e\u3067\u6398\u308a\u4e0b\u3052\u3066\u805e\u304d\u3001\u300c\u8a00\u8449\u306b\u306a\u3089\u306a\u3044\u7406\u60f3\u300d\u3092\u5f15\u304d\u51fa\u3059\u3002\u64ae\u5f71\u524d\u306b\u306f\u5fc5\u305a\u69cb\u56f3\u30a4\u30e1\u30fc\u30b8\u3092\u5171\u6709\u3057\u3001\u5f53\u65e5\u306e\u8a8d\u8b58\u306e\u30ba\u30ec\u3092\u30bc\u30ed\u306b\u3059\u308b\u3002\u73fe\u5834\u3067\u306f\u7a7a\u6c17\u3092\u4f5c\u308a\u3001\u65bd\u8a2d\u306e\u30b9\u30bf\u30c3\u30d5\u304c\u81ea\u7136\u306b\u632f\u308b\u821e\u3048\u308b\u72b6\u614b\u3092\u6574\u3048\u308b\u3002<\/p>\n        <\/div>\n        <div class=\"cine-closing\">\n          <p>\u3069\u3093\u306a\u73fe\u5834\u3067\u3082\u3001\u6700\u9069\u89e3\u3092\u4e00\u7dd2\u306b\u898b\u3064\u3051\u307e\u3059\u3002\u5fa1\u793e\u306e\u6b21\u306e\u4e00\u624b\u306b\u3001\u5373\u6226\u529b\u3068\u3057\u3066\u52a0\u308f\u3089\u305b\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n          <span class=\"sign\">\u2014 \u9df2\u5c3e \u6602\u4e16<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== PRICING ===== -->\n<section id=\"pricing\" class=\"pricing\">\n  <div class=\"container\">\n    <div class=\"pricing-head\">\n      <span class=\"section-label\">PRICING<\/span>\n      <h2 class=\"section-title\">\u660e\u78ba\u306a\u6599\u91d1\u3067\u3001<br><span class=\"em\">\u4f9d\u983c\u3057\u3084\u3059\u304f<\/span>\u3002<\/h2>\n      <p class=\"section-lead\">\n        \u307e\u305a\u306f1\u672c\u304b\u3089\u3002\u76ee\u7684\u306b\u5408\u308f\u305b\u3066\u30d7\u30e9\u30f3\u3092\u304a\u9078\u3073\u3044\u305f\u3060\u3051\u307e\u3059\u3002<br>\u3054\u4e0d\u660e\u306a\u70b9\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n    <div class=\"plan-grid\">\n      <div class=\"plan\">\n        <div class=\"plan-name\">PLAN 01<\/div>\n        <div class=\"plan-jp\">\u7e26\u578b SNS \u52d5\u753b<\/div>\n        <div class=\"plan-price\">\n          <span class=\"yen\">\u00a5<\/span><span class=\"num\">40,000<\/span><span class=\"tilde\">\u301c<\/span>\n          <span class=\"term\">\/ 1\u672c<\/span>\n        <\/div>\n        <div class=\"plan-sub\">Instagram Reels \/ TikTok \u5bfe\u5fdc<\/div>\n        <ul class=\"plan-features\">\n          <li>\u7e26\u578b\u52d5\u753b\uff089:16\uff09<\/li>\n          <li>\u64ae\u5f71\u301c\u7de8\u96c6\u307e\u3067\u4e00\u8cab\u5bfe\u5fdc<\/li>\n          <li>\u4fee\u6b632\u56de\u307e\u3067\u7121\u6599<\/li>\n          <li>\u95a2\u897f\u570f\u5185 \u4ea4\u901a\u8cbb\u8fbc\u307f<\/li>\n        <\/ul>\n        <a href=\"#contact\" class=\"plan-cta\">\u76f8\u8ac7\u3059\u308b<\/a>\n      <\/div>\n      <div class=\"plan featured\">\n        <div class=\"plan-name\">PLAN 02<\/div>\n        <div class=\"plan-jp\">\u65bd\u8a2d\u7d39\u4ecb\u6620\u50cf<\/div>\n        <div class=\"plan-price\">\n          <span class=\"yen\">\u00a5<\/span><span class=\"num\">50,000<\/span><span class=\"tilde\">\u301c<\/span>\n          <span class=\"term\">\/ 1\u672c<\/span>\n        <\/div>\n        <div class=\"plan-sub\">\u65bd\u8a2d\u30fb\u7a7a\u9593\u306e\u9b45\u529b\u3092\u6620\u50cf\u306b\u51dd\u7e2e<\/div>\n        <ul class=\"plan-features\">\n          <li>\u6a2a\u578b\u30fb\u7e26\u578b\u3069\u3061\u3089\u306b\u3082\u5bfe\u5fdc<\/li>\n          <li>\u64ae\u5f71\u301c\u7de8\u96c6\u307e\u3067\u4e00\u8cab\u5bfe\u5fdc<\/li>\n          <li>\u4fee\u6b632\u56de\u307e\u3067\u7121\u6599<\/li>\n          <li>\u95a2\u897f\u570f\u5185 \u4ea4\u901a\u8cbb\u8fbc\u307f<\/li>\n          <li>\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u8907\u6570\u56de\u5bfe\u5fdc<\/li>\n        <\/ul>\n        <a href=\"#contact\" class=\"plan-cta\">\u76f8\u8ac7\u3059\u308b<\/a>\n      <\/div>\n      <div class=\"plan\">\n        <div class=\"plan-name\">PLAN 03<\/div>\n        <div class=\"plan-jp\">\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u6620\u50cf<\/div>\n        <div class=\"plan-price\">\n          <span class=\"yen\">\u00a5<\/span><span class=\"num\">75,000<\/span><span class=\"tilde\">\u301c<\/span>\n          <span class=\"term\">\/ 1\u672c<\/span>\n        <\/div>\n        <div class=\"plan-sub\">\u65bd\u8a2d\u306e\u4e16\u754c\u89b3\u30fb\u7a7a\u6c17\u611f\u3092\u6620\u50cf\u5316<\/div>\n        <ul class=\"plan-features\">\n          <li>\u30c7\u30a3\u30ec\u30af\u30b7\u30e7\u30f3\u8fbc\u307f<\/li>\n          <li>\u64ae\u5f71\u301c\u7de8\u96c6\u307e\u3067\u4e00\u8cab\u5bfe\u5fdc<\/li>\n          <li>\u4fee\u6b632\u56de\u307e\u3067\u7121\u6599<\/li>\n          <li>\u95a2\u897f\u570f\u5185 \u4ea4\u901a\u8cbb\u8fbc\u307f<\/li>\n          <li>\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u8907\u6570\u56de\u5bfe\u5fdc<\/li>\n        <\/ul>\n        <a href=\"#contact\" class=\"plan-cta\">\u76f8\u8ac7\u3059\u308b<\/a>\n      <\/div>\n    <\/div>\n    <p class=\"pricing-note\">\u203b \u9060\u65b9\u306e\u64ae\u5f71\u306b\u3064\u3044\u3066\u306f\u3001\u4ea4\u901a\u8cbb\u3092\u5225\u9014\u3054\u76f8\u8ac7\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\n  <\/div>\n<\/section>\n\n<!-- ===== FOR WHOM ===== -->\n<section id=\"target\">\n  <div class=\"container\">\n    <span class=\"section-label\">FOR WHOM<\/span>\n    <h2 class=\"section-title\">\u3053\u3093\u306a\u65b9\u306b\u3001<span class=\"em\">\u5411\u3044\u3066\u3044\u307e\u3059<\/span>\u3002<\/h2>\n    <p class=\"section-lead\">\u65bd\u8a2d\u306e\u4fa1\u5024\u304c\u4f1d\u308f\u3063\u3066\u3044\u306a\u3044\u3068\u611f\u3058\u3066\u3044\u308b\u65b9\u3001\u6620\u50cf\u3067\u4e16\u754c\u89b3\u3092\u8868\u73fe\u3057\u305f\u3044\u65b9\u306b\u6700\u9069\u306a\u30b5\u30fc\u30d3\u30b9\u3067\u3059\u3002<\/p>\n    <div class=\"target-grid\">\n      <div class=\"target-card\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_51_38-1.png')\"><div class=\"target-card-overlay\"><\/div><div class=\"target-card-content\"><div class=\"label-en\">Villa &#038; Hotel<\/div><div class=\"label-jp\">\u30f4\u30a3\u30e9\u30fb\u5bbf\u6cca\u65bd\u8a2d<\/div><\/div><\/div>\n      <div class=\"target-card\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_51_38-2.png')\"><div class=\"target-card-overlay\"><\/div><div class=\"target-card-content\"><div class=\"label-en\">Glamping<\/div><div class=\"label-jp\">\u30b0\u30e9\u30f3\u30d4\u30f3\u30b0<br>\u4f53\u9a13\u65bd\u8a2d<\/div><\/div><\/div>\n      <div class=\"target-card\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_51_39-3.png')\"><div class=\"target-card-overlay\"><\/div><div class=\"target-card-content\"><div class=\"label-en\">Cuisine<\/div><div class=\"label-jp\">\u30ec\u30b9\u30c8\u30e9\u30f3<br>\u98f2\u98df\u5e97<\/div><\/div><\/div>\n      <div class=\"target-card\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_51_39-4.png')\"><div class=\"target-card-overlay\"><\/div><div class=\"target-card-content\"><div class=\"label-en\">Real Estate<\/div><div class=\"label-jp\">\u30de\u30f3\u30b7\u30e7\u30f3<br>\u6238\u5efa\u3066<\/div><\/div><\/div>\n      <div class=\"target-card\" style=\"background-image:url('https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ChatGPT-Image-2026\u5e745\u670818\u65e5-17_51_40-5.png')\"><div class=\"target-card-overlay\"><\/div><div class=\"target-card-content\"><div class=\"label-en\">Brand &#038; Event<\/div><div class=\"label-jp\">\u4f01\u696dPV<br>\u30a4\u30d9\u30f3\u30c8\u6620\u50cf<\/div><\/div><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FAQ ===== -->\n<section id=\"faq\">\n  <div class=\"container\">\n    <span class=\"section-label\">FAQ<\/span>\n    <h2 class=\"section-title\">\u3088\u304f\u3042\u308b<span class=\"em\">\u3054\u8cea\u554f<\/span>\u3002<\/h2>\n    <div class=\"faq-list\">\n      <details>\n        <summary>\u64ae\u5f71\u5834\u6240\u307e\u3067\u6765\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u304b\uff1f<\/summary>\n        <p>\u306f\u3044\u3001\u95a2\u897f\u570f\u306f\u8fc5\u901f\u306b\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\u5168\u56fd\u306e\u64ae\u5f71\u306b\u3082\u5bfe\u5fdc\u3057\u3066\u304a\u308a\u307e\u3059\u304c\u3001\u9060\u65b9\u306e\u5834\u5408\u306f\u5225\u9014\u4ea4\u901a\u8cbb\u3092\u3054\u76f8\u8ac7\u3055\u305b\u3066\u3044\u305f\u3060\u304d\u307e\u3059\u3002<\/p>\n      <\/details>\n      <details>\n        <summary>\u4fee\u6b63\u306f\u4f55\u56de\u307e\u3067\u5bfe\u5fdc\u3057\u3066\u3044\u305f\u3060\u3051\u307e\u3059\u304b\uff1f<\/summary>\n        <p>\u7121\u6599\u4fee\u6b63\u306f2\u56de\u307e\u3067\u5bfe\u5fdc\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u7d30\u90e8\u307e\u3067\u30d6\u30e9\u30f3\u30c9\u306e\u4e16\u754c\u89b3\u306b\u6cbf\u3046\u3088\u3046\u3001\u4e01\u5be7\u306b\u4ed5\u4e0a\u3052\u307e\u3059\u3002<\/p>\n      <\/details>\n      <details>\n        <summary>\u7d0d\u54c1\u307e\u3067\u3069\u306e\u304f\u3089\u3044\u304b\u304b\u308a\u307e\u3059\u304b\uff1f<\/summary>\n        <p>\u64ae\u5f71\u304b\u3089\u7d0d\u54c1\u307e\u3067\u3001\u901a\u5e381\u301c2\u9031\u9593\u3092\u76ee\u5b89\u306b\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u3054\u8981\u671b\u306b\u3088\u308a\u77ed\u7d0d\u671f\u306b\u3082\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\u3002\u8a73\u7d30\u306f\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/details>\n      <details>\n        <summary>\u307e\u305a\u3069\u3093\u306a\u76f8\u8ac7\u3092\u3059\u308c\u3070\u3044\u3044\u3067\u3059\u304b\uff1f<\/summary>\n        <p>\u300c\u3053\u3093\u306a\u6620\u50cf\u3092\u4f5c\u308a\u305f\u3044\u300d\u3068\u3044\u3046\u6f20\u7136\u3068\u3057\u305f\u30a4\u30e1\u30fc\u30b8\u3067\u5927\u4e08\u592b\u3067\u3059\u3002\u30ab\u30a6\u30f3\u30bb\u30ea\u30f3\u30b0\u3092\u901a\u3058\u3066\u3001\u65bd\u8a2d\u306e\u4e16\u754c\u89b3\u3084\u76ee\u7684\u3092\u30d2\u30a2\u30ea\u30f3\u30b0\u3057\u3001\u6700\u9069\u306a\u63d0\u6848\u3092\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n      <\/details>\n      <details>\n        <summary>\u6a2a\u52d5\u753b\u3084\u30a4\u30d9\u30f3\u30c8\u52d5\u753b\u306b\u3082\u5bfe\u5fdc\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary>\n        <p>\u306f\u3044\u3001\u5bfe\u5fdc\u53ef\u80fd\u3067\u3059\u3002\u6a2a\u52d5\u753b\u30fb\u30a4\u30d9\u30f3\u30c8\u52d5\u753b\u30fb\u6cd5\u4ebaPV\u306a\u3069\u3001\u5e45\u5e83\u304f\u5bfe\u5fdc\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u307e\u305a\u306f\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n      <\/details>\n      <details>\n        <summary>\u652f\u6255\u3044\u65b9\u6cd5\u306f\uff1f<\/summary>\n        <p>\u9280\u884c\u632f\u8fbc\u3067\u306e\u304a\u652f\u6255\u3044\u3092\u57fa\u672c\u3068\u3057\u3066\u304a\u308a\u307e\u3059\u3002\u3054\u5951\u7d04\u6642\u306b\u8a73\u7d30\u3092\u3054\u6848\u5185\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n      <\/details>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== FINAL CTA ===== -->\n<section class=\"final-cta\">\n  <div class=\"container\">\n    <div class=\"final-cta-inner\">\n      <span class=\"section-label\">GET STARTED<\/span>\n      <h2>\u307e\u305a\u3001\u6620\u50cf\u3092<span class=\"em\">\u4e00\u672c<\/span>\u3002<br>\u305d\u308c\u3060\u3051\u3067\u3001\u5909\u308f\u308a\u307e\u3059\u3002<\/h2>\n      <p>VISTAQ\u306e\u6620\u50cf\u304c\u3001\u30d6\u30e9\u30f3\u30c9\u306b\u3069\u3046\u4f5c\u7528\u3059\u308b\u304b\u3002\u305d\u308c\u306f1\u672c\u898b\u3066\u3044\u305f\u3060\u3051\u308c\u3070\u3001\u304d\u3063\u3068\u4f1d\u308f\u308a\u307e\u3059\u3002<\/p>\n      <a href=\"#contact\" class=\"btn-primary\">\u7121\u6599\u76f8\u8ac7\u3059\u308b \u2192<\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- ===== CONTACT ===== -->\n<section id=\"contact\" class=\"contact\">\n  <div class=\"container\">\n    <div class=\"contact-grid\">\n      <div class=\"contact-info\">\n        <span class=\"section-label\">CONTACT<\/span>\n        <h2 class=\"section-title\">\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n        <p>\u30b5\u30fc\u30d3\u30b9\u306b\u95a2\u3059\u308b\u3054\u8cea\u554f\u3001\u304a\u898b\u7a4d\u3082\u308a\u306e\u3054\u4f9d\u983c\u306a\u3069\u3001\u304a\u6c17\u8efd\u306b\u304a\u554f\u3044\u5408\u308f\u305b\u304f\u3060\u3055\u3044\u3002\u901a\u5e3824\u6642\u9593\u4ee5\u5185\u306b\u3054\u8fd4\u4fe1\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n        <dl class=\"contact-detail\">\n          <dt>EMAIL<\/dt><dd>info@vistaq.jp<\/dd>\n          <dt>RESPONSE<\/dt><dd>\u901a\u5e3824\u6642\u9593\u4ee5\u5185<\/dd>\n          <dt>AREA<\/dt><dd>\u95a2\u897f\u570f\u3092\u4e2d\u5fc3\u306b\u5168\u56fd\u5bfe\u5fdc<\/dd>\n        <\/dl>\n      <\/div>\n      <div class=\"form-box\">\n        <h3>\u7121\u6599\u76f8\u8ac7\u30d5\u30a9\u30fc\u30e0<\/h3>\n        <p class=\"form-sub\">\u4e0b\u8a18\u30d5\u30a9\u30fc\u30e0\u3088\u308a\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/p>\n        <div class=\"form-grid\">\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label class=\"form-label\">\u304a\u540d\u524d\uff08\u5fc5\u9808\uff09<\/label>\n              <input class=\"form-input\" type=\"text\" placeholder=\"\u5c71\u7530 \u592a\u90ce\">\n            <\/div>\n            <div class=\"form-group\">\n              <label class=\"form-label\">\u4f1a\u793e\u540d\u30fb\u5e97\u8217\u540d<\/label>\n              <input class=\"form-input\" type=\"text\" placeholder=\"\u682a\u5f0f\u4f1a\u793e\u25cb\u25cb\">\n            <\/div>\n          <\/div>\n          <div class=\"form-row\">\n            <div class=\"form-group\">\n              <label class=\"form-label\">\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\uff08\u5fc5\u9808\uff09<\/label>\n              <input class=\"form-input\" type=\"email\" placeholder=\"info@example.com\">\n            <\/div>\n            <div class=\"form-group\">\n              <label class=\"form-label\">\u96fb\u8a71\u756a\u53f7<\/label>\n              <input class=\"form-input\" type=\"tel\" placeholder=\"090-0000-0000\">\n            <\/div>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">\u76f8\u8ac7\u5185\u5bb9\uff08\u5fc5\u9808\uff09<\/label>\n            <select class=\"form-select\">\n              <option value=\"\">\u2014 \u4ee5\u4e0b\u304b\u3089\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044 \u2014<\/option>\n              <option>\u7e26\u578bSNS\u52d5\u753b<\/option>\n              <option>\u65bd\u8a2d\u7d39\u4ecb\u6620\u50cf<\/option>\n              <option>\u30d6\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\u6620\u50cf<\/option>\n              <option>\u4f01\u696dPV\u30fb\u6a2a\u52d5\u753b\u5236\u4f5c<\/option>\n              <option>\u305d\u306e\u4ed6<\/option>\n            <\/select>\n          <\/div>\n          <div class=\"form-group\">\n            <label class=\"form-label\">\u3054\u76f8\u8ac7\u5185\u5bb9\uff08\u5fc5\u9808\uff09<\/label>\n            <textarea class=\"form-textarea\" placeholder=\"\u3054\u8981\u671b\u3084\u3054\u8cea\u554f\u3092\u304a\u66f8\u304d\u304f\u3060\u3055\u3044\u3002\"><\/textarea>\n          <\/div>\n          <button class=\"form-submit\">\u9001\u4fe1\u3059\u308b \u2192<\/button>\n        <\/div>\n        <p class=\"form-note\">\u9001\u4fe1\u5f8c\u3001\u901a\u5e3824\u6642\u9593\u4ee5\u5185\u306b info@vistaq.jp \u3088\u308a\u3054\u8fd4\u4fe1\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<footer>\n  <div class=\"container\">\n    <img decoding=\"async\" src=\"https:\/\/vistaq.jp\/wp-content\/uploads\/2026\/05\/ae0639fa-9518-4393-9bb8-a8f27e9b8237.png\" alt=\"VISTAQ\" class=\"footer-logo\">\n    <p>\u6620\u50cf\u5236\u4f5c\u30c1\u30fc\u30e0 VISTAQ<\/p>\n    <p>\u4ee3\u8868\uff1a\u5c0f\u4e45\u4fdd \u771f\u6674<\/p>\n    <p style=\"margin-top:16px;\">&copy; 2026 VISTAQ. All Rights Reserved.<\/p>\n  <\/div>\n<\/footer>\n\n<script>\nfunction playVerticalVideo() {\n  const thumb = document.getElementById('vthumbInner');\n  const iframe = document.getElementById('verticalIframe');\n  if (!thumb || !iframe) return;\n  thumb.style.display = 'none';\n  iframe.src = iframe.getAttribute('data-src');\n  iframe.style.display = 'block';\n}\n\n(function() {\n  const track = document.getElementById('sliderTrack');\n  const prevBtn = document.getElementById('sliderPrev');\n  const nextBtn = document.getElementById('sliderNext');\n  const dotsContainer = document.getElementById('sliderDots');\n  if (!track) return;\n  const slides = track.querySelectorAll('.work-slide');\n  const total = slides.length;\n  let current = 0;\n\n  function getSlidesPerView() {\n    if (window.innerWidth <= 600) return 1;\n    if (window.innerWidth <= 900) return 2;\n    return 3;\n  }\n\n  function buildDots() {\n    dotsContainer.innerHTML = '';\n    const perView = getSlidesPerView();\n    const pages = Math.ceil(total \/ perView);\n    for (let i = 0; i < pages; i++) {\n      const dot = document.createElement('button');\n      dot.className = 'slider-dot' + (i === 0 ? ' active' : '');\n      dot.addEventListener('click', () => goTo(i * perView));\n      dotsContainer.appendChild(dot);\n    }\n  }\n\n  function updateDots() {\n    const perView = getSlidesPerView();\n    const dots = dotsContainer.querySelectorAll('.slider-dot');\n    const activePage = Math.floor(current \/ perView);\n    dots.forEach((d, i) => d.classList.toggle('active', i === activePage));\n  }\n\n  function goTo(index) {\n    const perView = getSlidesPerView();\n    const maxIndex = total - perView;\n    current = Math.max(0, Math.min(index, maxIndex));\n    const gap = 20;\n    const slideWidth = slides[0].offsetWidth + gap;\n    track.style.transform = `translateX(-${current * slideWidth}px)`;\n    updateDots();\n    prevBtn.disabled = current === 0;\n    nextBtn.disabled = current >= maxIndex;\n  }\n\n  prevBtn.addEventListener('click', () => goTo(current - getSlidesPerView()));\n  nextBtn.addEventListener('click', () => goTo(current + getSlidesPerView()));\n\n  buildDots();\n  goTo(0);\n\n  let resizeTimer;\n  window.addEventListener('resize', () => {\n    clearTimeout(resizeTimer);\n    resizeTimer = setTimeout(() => { buildDots(); goTo(0); }, 150);\n  });\n})();\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>VISTAQ\uff5c\u6620\u50cf\u5236\u4f5c \u7121\u6599\u76f8\u8ac7 VIDEO PRODUCTION \u4f1d\u308f\u3063\u3066\u3044\u306a\u304b\u3063\u305f\u4fa1\u5024\u3092\u3001\u6620\u50cf\u3067\u5c4a\u304f\u5f62\u306b\u3002 \u305d\u306e\u5834\u306e\u5149\u3001\u7a7a\u6c17\u3001\u77ac\u9593\u3092\u6620\u50cf\u306b\u5bbf\u3059\u3002 \u9ad8\u54c1\u8cea\u6620\u50cf\u5236\u4f5c\u3001VISTAQ\u306e\u4ed5\u4e8b\u3067\u3059\u3002 \u2713\u64ae\u5f71\u301c\u7de8\u96c6\u307e\u3067\u3001\u5c02\u5c5e\u30c1\u30fc\u30e0 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-96","page","type-page","status-publish","hentry"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/vistaq.jp\/index.php?rest_route=\/wp\/v2\/pages\/96","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vistaq.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vistaq.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vistaq.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/vistaq.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=96"}],"version-history":[{"count":2,"href":"https:\/\/vistaq.jp\/index.php?rest_route=\/wp\/v2\/pages\/96\/revisions"}],"predecessor-version":[{"id":98,"href":"https:\/\/vistaq.jp\/index.php?rest_route=\/wp\/v2\/pages\/96\/revisions\/98"}],"wp:attachment":[{"href":"https:\/\/vistaq.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=96"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}