PageSourceSearch

https://daiki-design.com/works/

html daiki-design.com collected 2026-10-06 12:22:58 UTC 28,054 bytes, 53 lines download raw bytes

1<!DOCTYPE html><html lang="ja"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Daiki Odaka(尾高 大騎)の制作実績。ウェブサイト・コーポレートサイト・ホームページ、エディトリアル、キャンペーンのポートフォリオ。静岡県を拠点に、全国からご依頼・ご相談に対応可能です。"><link rel="canonical" href="https://daiki-design.com/works/"><title>Works — Daiki Odaka | 尾高 大騎</title><link rel="icon" href="/favicon.ico" sizes="any"><link rel="icon" type="image/png" sizes="512x512" href="/favicon-512.png"><link rel="apple-touch-icon" href="/apple-touch-icon.png"><meta property="og:type" content="website"><meta property="og:locale" content="ja_JP"><meta property="og:site_name" content="Daiki Odaka | 尾高 大騎"><meta property="og:title" content="Works — Daiki Odaka | 尾高 大騎"><meta property="og:description" content="Daiki Odaka(尾高 大騎)の制作実績。ウェブサイト・コーポレートサイト・ホームページ、エディトリアル、キャンペーンのポートフォリオ。静岡県を拠点に、全国からご依頼・ご相談に対応可能です。">
1<meta property="og:url" content="https://daiki-design.com/works/"><meta property="og:image" content="https://daiki-design.com/ogp.png"><meta name="twitter:card" content="summary"><meta name="twitter:title" content="Works — Daiki Odaka | 尾高 大騎"><meta name="twitter:description" content="Daiki Odaka(尾高 大騎)の制作実績。ウェブサイト・コーポレートサイト・ホームページ、エディトリアル、キャンペーンのポートフォリオ。静岡県を拠点に、全国からご依頼・ご相談に対応可能です。"><meta name="twitter:image" content="https://daiki-design.com/ogp.png">
1<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"WebSite","@id":"https://daiki-design.com/#website","url":"https://daiki-design.com","name":"Daiki Odaka | 尾高 大騎","alternateName":["Daiki Design","尾高 大騎","尾高大騎"],"description":"Daiki Odaka(尾高 大騎)。静岡県磐田市を拠点に、ウェブサイト・コーポレートサイト・ホームページの制作、グラフィックデザインなど幅広く承っております。中小企業をはじめ、全国のクライアントからのご依頼・ご相談が可能です。","inLanguage":"ja","publisher":{"@id":"https://daiki-design.com/#person"}},{"@type":"Person","@id":"https://daiki-design.com/#person","name":"尾高 大騎","alternateName":["Daiki Odaka","尾高大騎","Daiki Design","尾高 大騎","尾高大騎"],"url":"https://daiki-design.com","email":"[email protected]","jobTitle":"Web Designer","sameAs":["https://www.instagram.com/daiki.dsgn"],"address":{"@type":"PostalAddress","addressLocality":"磐田市","addressRegion":"静岡県","addressCountry":"JP"}},{"@type":"ProfessionalService","@id":"https://daiki-design.com/#service","name":"尾高 大騎 — 静岡県 ウェブサイト・コーポレートサイト・ホームページ制作","alternateName":["Daiki Odaka","尾高大騎"],"url":"https://daiki-design.com","description":"Daiki Odaka(尾高 大騎)。静岡県磐田市を拠点に、ウェブサイト・コーポレートサイト・ホームページの制作、グラフィックデザインなど幅広く承っております。中小企業をはじめ、全国のクライアントからのご依頼・ご相談が可能です。","inLanguage":"ja","email":"[email protected]","areaServed":[{"@type":"State","name":"静岡県"},{"@type":"Country","name":"日本"}],"address":{"@type":"PostalAddress","addressLocality":"磐田市","addressRegion":"静岡県","addressCountry":"JP"}}]}</script>
1<!-- フォント --><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=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&family=DM+Mono:wght@400;700&family=Noto+Serif+JP:wght@400;500;700;900&family=Yuji+Boku&display=swap" rel="stylesheet"><style>#do-header[data-astro-cid-3ef6ksr2]{--ease: cubic-bezier(.22, 1, .36, 1);--beige: #F5F5DC}#do-header[data-astro-cid-3ef6ksr2]{position:fixed;top:0;left:0;right:0;z-index:9990;height:var(--header-h);display:flex;align-items:center;justify-content:center;color:var(--tx-beige);pointer-events:auto;background:#000000d9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.do-brand-label[data-astro-cid-3ef6ksr2]{position:fixed;top:0;left:calc(var(--edge-offset) + var(--brand-left));height:var(--header-h);display:flex;flex-direction:column;justify-content:center;z-index:9991;text-decoration:none;color:var(--tx-beige);user-select:none;pointer-events:auto}.do-brand-label[data-astro-cid-3ef6ksr2]:hover .do-label-name[data-astro-cid-3ef6ksr2],.do-brand-label[data-astro-cid-3ef6ksr2]:hover .do-label-year[data-astro-cid-3ef6ksr2]{opacity:1}.do-label-name[data-astro-cid-3ef6ksr2]{display:block;font-family:var(--font-display);font-size:clamp(1.33rem,1.82vw,1.68rem);font-weight:400;letter-spacing:.12em;line-height:1.2;color:var(--tx-beige);opacity:.72;transition:opacity .3s}.do-label-year[data-astro-cid-3ef6ksr2]{display:block;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.32em;text-transform:uppercase;color:var(--tx-beige);opacity:.6;margin-top:.2rem;transition:opacity .3s}.do-header-nav[data-astro-cid-3ef6ksr2]{display:flex;align-items:center;gap:2.8rem;list-style:none}.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.3em;color:inherit;text-decoration:none;text-transform:uppercase;opacity:.65;transition:opacity .3s var(--ease);padding:14px 16px;margin:-14px -16px}.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover,.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{opacity:1}.do-nav-top[data-astro-cid-3ef6ksr2]{display:none}@media(max-width:767px){.do-brand-label[data-astro-cid-3ef6ksr2]{display:none}.do-nav-top[data-astro-cid-3ef6ksr2]{display:block}.do-header-nav[data-astro-cid-3ef6ksr2]{gap:clamp(1.25rem,4vw,2.8rem)}}@media(prefers-reduced-motion:reduce){.do-header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2],.do-label-name[data-astro-cid-3ef6ksr2],.do-label-year[data-astro-cid-3ef6ksr2]{transition-duration:.01s}}.do-subpage{--ease: cubic-bezier(.22, 1, .36, 1);--beige: #F5F5DC;--text: var(--tx);--text-mute: var(--tx-mute);--text-faint: var(--tx-ghost);--hr: rgba(255, 255, 255, .12);--subpage-measure: 980px}.do-subpage{background:#000;color:var(--text);padding-top:7rem;padding-bottom:12rem;padding-inline:var(--gutter);max-width:var(--max-content);margin-inline:auto;overflow:hidden}.do-subpage [data-reveal=up]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease);will-change:opacity,transform}.do-subpage [data-reveal=up].is-revealed{opacity:1;transform:translateY(0)}.do-subpage .do-page-header{margin:4rem 0 8rem;text-align:center}.do-subpage .do-page-title{font-family:var(--font-display);font-weight:400;font-size:clamp(56px,9vw,128px);line-height:1.08;letter-spacing:-.01em;color:#f5f5dccc;margin:0}.do-subpage .do-page-title em{display:inline-block;margin-top:.15em;font-style:italic;color:#f5f5dc66;font-size:.82em}.do-subpage .do-section-heading{display:flex;align-items:baseline;gap:1.4rem;margin:0 0 5rem;padding-bottom:1.6rem;border-bottom:1px solid var(--hr)}.do-subpage .do-section-num{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.32em;color:var(--text-faint)}.do-subpage .do-section-name{font-family:var(--font-display);font-size:clamp(28px,3.4vw,44px);font-weight:400;letter-spacing:.02em;color:var(--beige)}@media(prefers-reduced-motion:reduce){.do-subpage [data-reveal=up],.do-subpage [data-reveal=up].is-revealed{opacity:1;transform:none;transition:none}}@media(max-width:430px){.do-subpage{padding-bottom:6rem}.do-subpage .do-page-header{margin:2rem 0 5rem}.do-subpage .do-section-heading{margin-bottom:3rem;padding-bottom:1rem}}
2</style><link rel="stylesheet" href="/_astro/Footer.DZu0AmPp.css"><style>.do-subpage[data-astro-cid-7atbypev]#do-works-page{--gold: #C9A96E}.do-works-section[data-astro-cid-7atbypev]{max-width:var(--subpage-measure);margin:0 auto 10rem}.do-works-section[data-astro-cid-7atbypev]:last-of-type{margin-bottom:0}.do-works-figure[data-astro-cid-7atbypev]{--works-vh-cap: 80vh;--works-min: 400px;width:clamp(min(100%,var(--works-min)),calc(var(--works-vh-cap) * var(--ar, 1.4)),100%);margin:0 auto 8rem;container-type:inline-size}.do-works-section[data-astro-cid-7atbypev] .do-works-figure[data-astro-cid-7atbypev]:last-of-type{margin-bottom:0}.do-works-figure[data-astro-cid-7atbypev] img{display:block;width:100%;height:auto}@media(orientation:portrait)and (min-width:820px)and (max-width:1100px){.do-works-figure[data-astro-cid-7atbypev]{--works-vh-cap: 70vh}}.do-works-caption[data-astro-cid-7atbypev]{display:flex;align-items:baseline;flex-wrap:wrap;gap:.4rem .8rem;margin-top:1.2rem}.do-works-caption-number[data-astro-cid-7atbypev]{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.2em;color:var(--gold);opacity:.7}.do-works-caption-category[data-astro-cid-7atbypev]{font-family:var(--font-display);font-size:.92rem;font-weight:300;letter-spacing:.08em;color:var(--tx-beige);flex:1;white-space:nowrap}.do-works-caption-tag[data-astro-cid-7atbypev]{font-family:var(--font-mono);font-size:.65rem;letter-spacing:.25em;text-transform:uppercase;color:var(--tx-faint)}.do-works-caption-link[data-astro-cid-7atbypev]{position:relative;color:#f5f5dcd9;opacity:.65;text-decoration:none;padding-bottom:2px;transition:opacity .3s var(--ease)}.do-works-caption-link[data-astro-cid-7atbypev]:after{content:"";position:absolute;
2left:0;bottom:0;width:0;height:1px;background:currentColor;transition:width .3s var(--ease)}.do-works-caption-link[data-astro-cid-7atbypev]:hover{opacity:1}.do-works-caption-link[data-astro-cid-7atbypev]:hover:after{width:100%}@container (max-width: 380px){.do-works-caption-category[data-astro-cid-7atbypev]{white-space:normal}.do-works-caption-tag[data-astro-cid-7atbypev]{flex-basis:100%}}@media(max-width:430px){.do-works-section[data-astro-cid-7atbypev]{margin-bottom:6rem}.do-works-figure[data-astro-cid-7atbypev]{margin-bottom:4rem}}@media(prefers-reduced-motion:reduce){.do-works-caption-link[data-astro-cid-7atbypev],.do-works-caption-link[data-astro-cid-7atbypev]:after{transition:none}}
3</style></head> <body> <!-- 全画面幅スロット(Hero・ヘッダー等) --> <header id="do-header" data-astro-cid-3ef6ksr2> <!-- 左上: ブランドラベル
4       Hero.astro の .do-brand-label.is-at-header 状態を初期状態として再現する。
5       サブページでは状態切替(is-shown / is-transitioning / is-at-header)が
6       不要なため、変化系クラスは持たず最初から fixed で表示する。
7       768px未満では非表示になり、Home 動線はナビの TOP 項目が担う
8       (Hero.astro と完全同期)。 --> <a href="/" class="do-brand-label" aria-label="Home" data-astro-cid-3ef6ksr2> <span class="do-label-name" data-astro-cid-3ef6ksr2>Daiki Odaka</span> <span class="do-label-year" data-astro-cid-3ef6ksr2>Portfolio 2026</span> </a> <!-- 中央: ナビゲーション
9       TOP はモバイル(768px未満)専用項目。デスクトップではブランドラベルが
10       Home 動線を担うため非表示。サブページなので TOP は現在地ではなく
11       トップページへの遷移リンク(aria-current なし)。 --> <nav aria-label="メインナビゲーション" data-astro-cid-3ef6ksr2> <ul class="do-header-nav" data-astro-cid-3ef6ksr2> <li class="do-nav-top" data-astro-cid-3ef6ksr2> <a href="/" data-astro-cid-3ef6ksr2>TOP</a> </li> <li data-astro-cid-3ef6ksr2> <a href="/works" aria-current="page" data-astro-cid-3ef6ksr2>Works</a> </li> <li data-astro-cid-3ef6ksr2> <a href="/about" data-astro-cid-3ef6ksr2>About</a> </li> <li data-astro-cid-3ef6ksr2> <a href="/#do-contact" data-astro-cid-3ef6ksr2>Contact</a> </li> </ul> </nav> </header><main id="do-works-page" class="do-subpage" aria-labelledby="do-works-page-title" data-astro-cid-7atbypev> <!-- ==========================================================
12         ページタイトル
13         トップのWorks見出しと同じ構文「Site, Editorial & Campaign」を使い、
14         「ダイジェスト見出し = 詳細ページタイトル」の対応関係を可視化
15         (about.astro の「About me & Principle」と同じ思想)
16    ========================================================== --> <header class="do-page-header" data-reveal-group data-astro-cid-7atbypev> <h1 id="do-works-page-title" class="do-page-title" data-reveal="up" data-delay="0" data-astro-cid-7atbypev>
17Site, Editorial<br data-astro-cid-7atbypev><em data-astro-cid-7atbypev>&amp; Campaign</em> </h1> </header> <!-- ==========================================================
18         SECTION 01: Site
19         作品: 1点(TAISHI OISHI / 実案件)
20    ========================================================== --> <section class="do-works-section" aria-labelledby="do-works-site-heading" data-reveal-group data-astro-cid-7atbypev> <h2 id="do-works-site-heading" class="do-section-heading" data-reveal="up" data-delay="0" data-astro-cid-7atbypev> <span class="do-section-num" data-astro-cid-7atbypev>01</span> <span class="do-section-name" data-astro-cid-7atbypev>Site</span> </h2> <!-- 作品 01 / Concept Website(実案件のため Personal Project タグなし)
21           最初の作品は loading="eager" でファーストビュー直後の即時表示を担保 --> <figure class="do-works-figure" data-reveal="up" data-delay="1" style="--ar:0.9125395152792413" data-astro-cid-7atbypev> <img src="/_astro/1.BXPtOiLi_ZeBIxt.webp" srcset="/_astro/1.BXPtOiLi_ZvW5Br.webp 600w, /_astro/1.BXPtOiLi_ZeBIxt.webp 866w" alt="Concept Website" sizes="(max-width: 980px) 100v
21w, 980px" loading="eager" decoding="async" data-astro-cid-7atbypev="true" width="866" height="949"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>01</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Site — Concept Website</span> <a class="do-works-caption-tag do-works-caption-link" href="https://oishi-eizo.com/" target="_blank" rel="noopener noreferrer" aria-label="Visit the live site (opens in a new tab)" data-astro-cid-7atbypev>Visit Site</a> </figcaption> </figure> </section> <!-- ==========================================================
22         SECTION 02: Editorial
23         作品: 2点(共に自主制作 Sample)
24    ========================================================== --> <section class="do-works-section" aria-labelledby="do-works-editorial-heading" data-reveal-group data-astro-cid-7atbypev> <h2 id="do-works-editorial-heading" class="do-section-heading" data-reveal="up" data-delay="0" data-astro-cid-7atbypev> <span class="do-section-num" data-astro-cid-7atbypev>02</span> <span class="do-section-name" data-astro-cid-7atbypev>Editorial</span> </h2> <!-- 作品 01 / Magazine Cover --> <figure class="do-works-figure" data-reveal="up" data-delay="1" style="--ar:0.75" data-astro-cid-7atbypev> <img src="/_astro/2.lpITwik0_ZGsog9.webp" srcset="/_astro/2.lpITwik0_ZvWIi0.webp 600w, /_astro/2.lpITwik0_ZPvN0S.webp 980w, /_astro/2.lpITwik0_185Pwu.webp 1600w" alt="Magazine Cover" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="1992" height="2656"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>01</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Editorial — Magazine Cover</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span> </figcaption> </figure> <!-- 作品 02 / Magazine Cover --> <figure class="do-works-figure" data-reveal="up" data-delay="2" style="--ar:0.75" data-astro-cid-7atbypev> <img src="/_astro/5.BTzeuF91_FRHkd.webp" srcset="/_astro/5.BTzeuF91_ZC8zy1.webp 600w, /_astro/5.BTzeuF91_ZVGEgT.webp 980w, /_astro/5.BTzeuF91_FRHkd.webp 1200w" alt="Magazine Cover" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="1200" height="1600"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>02</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Editorial — Magazine Cover</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span> </figcaption> </figure> </section> <!-- ==========================================================
25         SECTION 03: Campaign
26         作品: 2点(共に自主制作 Sample)
27    ========================================================== --> <section class="do-works-section" aria-labelledby="do-works-campaign-heading" data-reveal-group data-astro-cid-7atbypev> <h2 id="do-works-campaign-heading" class="do-section-heading" data-reveal="up" data-delay="0" data-astro-cid-7atbypev> <span class="do-section-num" data-astro-cid-7atbypev>03</span> <span class="do-section-name" data-astro-cid-7atbypev>Campaign</span> </h2> <!-- 作品 01 / Product Banner --> <figure class="do-works-figure" data-reveal="up" data-delay="1" style="--ar:1.28" data-astro-cid-7atbypev> <img src="/_astro/3.CkjdGwf8_PFdwJ.webp" srcset="/_astro/3.CkjdGwf8_Z29Daxm.webp 600w, /_astro/3.CkjdGwf8_l0BlB.webp 980w, /_astro/3.CkjdGwf8_Z1T1DFO.webp 1600w" alt="Product Banner" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="3200" height="2500"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>01</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Campaign — Product Banner</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span>
27 </figcaption> </figure> <!-- 作品 02 / Product Banner --> <figure class="do-works-figure" data-reveal="up" data-delay="2" style="--ar:1.3333333333333333" data-astro-cid-7atbypev> <img src="/_astro/4.DE9ICOrz_18CDgI.webp" srcset="/_astro/4.DE9ICOrz_1iecd3.webp 600w, /_astro/4.DE9ICOrz_ZMaVDk.webp 980w, /_astro/4.DE9ICOrz_18CDgI.webp 1600w" alt="Product Banner" sizes="(max-width: 980px) 100vw, 980px" loading="lazy" decoding="async" data-astro-cid-7atbypev="true" width="1600" height="1200"> <figcaption class="do-works-caption" data-astro-cid-7atbypev> <span class="do-works-caption-number" data-astro-cid-7atbypev>02</span> <span class="do-works-caption-category" data-astro-cid-7atbypev>Campaign — Product Banner</span> <span class="do-works-caption-tag" data-astro-cid-7atbypev>Personal Project</span> </figcaption> </figure> </section> </main><footer class="do-footer" data-astro-cid-sz7xmlte> <!-- stage: 前景を --max-content(1600px)で中央頭打ちする枠。全ページ共通。
28       padding-inline をここへ持たせ、枠外縁=1600 を他セクションと一致させる。 --> <div class="do-footer-stage" data-astro-cid-sz7xmlte> <!-- 所在地(装飾レイヤー、右寄せ)
29       大きく薄く配置することで「あるかないか」の境界に立つ存在
30       読めるが目立たない、余白を演出する役割 --> <p class="do-footer-location" data-astro-cid-sz7xmlte>Iwata, Shizuoka, Japan</p> <!-- 連絡先(縦2行、ラベル列幅固定で値の左端を揃える)
31       ul/li セマンティクス: 複数の連絡手段は意味的にリスト構造 --> <ul class="do-footer-contact" data-astro-cid-sz7xmlte> <li class="do-footer-contact-item" data-astro-cid-sz7xmlte> <span class="do-footer-contact-label" data-astro-cid-sz7xmlte>Email</span> <a class="do-footer-contact-value" href="mailto:[email protected]" data-astro-cid-sz7xmlte>[email protected]</a> </li> <li class="do-footer-contact-item" data-astro-cid-sz7xmlte> <span class="do-footer-contact-label" data-astro-cid-sz7xmlte>Instagram</span> <a class="do-footer-contact-value" href="https://www.instagram.com/daiki.dsgn" target="_blank" rel="noopener noreferrer" data-astro-cid-sz7xmlte>@daiki.dsgn</a> </li> </ul> <!-- 権利表記(中央揃え)
32       中点(·)は視覚的セパレーター、aria-hidden で読み上げから除外 --> <p class="do-footer-meta" data-astro-cid-sz7xmlte> <span class="do-footer-copyright" data-astro-cid-sz7xmlte>© 2026 Daiki Odaka</span> <span class="do-footer-meta-sep" aria-hidden="true" data-astro-cid-sz7xmlte>·</span> <a class="do-footer-policy" href="/privacy-policy" data-astro-cid-sz7xmlte>Privacy Policy</a> </p> </div> </footer> <!-- 通常コンテンツスロット(site-wrapperで幅制限)
33         default slot に内容がある時だけ出力する。
34         (現状すべて slot="full-width" 運用のため、通常はこのブロックは出力されない。
35          ただし下層ページの <noscript> など slot 属性を持たない要素が default slot に
36          流れ込んだ場合は出力される。site-wrapper 側ã
36§ã¯ min-height を持たないため、
37          中身が空でも余分な縦余白は生まれない。) --> <div class="site-wrapper">      <noscript> <style>
38      #do-works-page [data-reveal] {
39        opacity: 1 !important;
40        transform: none !important;
41      }
42    </style> </noscript>  </div> <!-- グローバルFAB「Back to top」ボタン
43         - 全ページ共通でビューポート1倍高さ通過後に右下に表示
44         - 最上部から1vh以内に戻ったら非表示にフェードアウト
45         - クリックでページ最上部へ smooth スクロール
46         - 「ページ遷移」ではなく「現ページ内のスクロール」を担う独立要素
47         - ブランドラベル(Home動線)とは役割が異なる --> <button type="button" id="do-back-to-top" class="do-back-to-top" aria-label="Back to top" hidden> <svg class="do-back-to-top-icon" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"> <polyline points="6 14 12 8 18 14"></polyline> </svg> </button> <!-- グローバルカーソルトレイル用canvas(サイト全体共通) --> <canvas id="do-global-trail" aria-hidden="true"></canvas>  
47<script type="module">(function(){if(window.matchMedia("(prefers-reduced-motion: reduce)").matches)return;var a=document.getElementById("do-global-trail");if(!a)return;var n=a.getContext("2d"),s=160,g={densityMul:1,sizeMul:1,countCap:3,countCoef:.07,countBase:1},y={densityMul:.7,sizeMul:.9,countCap:2,countCoef:.055,countBase:.8};function c(t){var r=t!==void 0?t:Math.random();return r<.14?{r:160,g:190,b:255}:r<.26?{r:200,g:218,b:255}:r<.36?{r:255,g:240,b:195}:r<.44?{r:255,g:225,b:160}:{r:248,g:248,b:242}}function d(t,r){return"rgba("+t.r+","+t.g+","+t.b+","+r+")"}function M(){this.alive=!1}M.prototype.spawn=function(t,r,i,e,u,l){this.alive=!0,this.x=t+(Math.random()-.5)*1.5,this.y=r+(Math.random()-.5)*1.5;var o=Math.sqrt(i*i+e*e)||1;this.vx=i/o*1.2+(Math.random()-.5)*.3,this.vy=e/o*1.2+(Math.random()-.5)*.3,this.r=(.3+Math.pow(Math.random(),2)*2)*l,this.life=0,this.maxLife=.4+Math.random()*.5,this.col=c(Math.random()),this.flare=this.r>1.5,this.density=u};for(var v=[],I=0;I<s;I++)v.push(new M);function q(){for(var t=0;t<s;t++)if(!v[t].alive)return v[t];return null}var b=[];function L(){b=[];for(var t=document.querySelectorAll("input, textarea"),r=0;r<t.length;r++){var i=t[r];if(!(i.type==="hidden"||i.type==="submit"||i.type==="button")){var e=i.getBoundingClientRect();b.push(e)}}}function k(t,r){for(var i=0;i<b.length;i++){var e=b[i];if(t>=e.left&&t<=e.right&&r>=e.top&&r<=e.bottom)return!0}return!1}function z(){var t=document.activeElement;if(!t)return!1;var r=t.tagName;return r==="INPUT"||r==="TEXTAREA"}var x=null,f=null;function C(){if(x||(x=document.getElementById("do-hero")),!x){f=null;return}f=x.getBoundingClientRect()}window.addEventListener("scroll",function(){C(),L()},{passive:!0}),window.addEventListener("resize",function(){B(),C(),L()},{passive:!0});var R=0,S=0;document.addEventListener("mousemove",function(t){var r=t.clientX,i=t.clientY,e=r-R,u=i-S;if(R=r,S=i,!z()&&!k(r,i)){var l=!1;f&&(l=r>=f.left&&r<=f.right&&i>=f.top&&i<=f.bottom);for(var o=l?g:y,m=Math.sqrt(e*e+u*u),E=Math.min(Math.floor(o.countBase+m*o.countCoef),o.countCap),w=0;w<E;w++){var h=q();h&&h.spawn(r,i,e,u,o.densityMul,o.sizeMul)}}},{passive:!0});var A=0;function P(t){var r=Math.min((t-A)/1e3,.05);A=t,n.clearRect(0,0,a.width,a.height);for(var i=0;i<s;i++){var e=v[i];if(e.alive){if(e.life+=r,e.life>=e.maxLife){e.alive=!1;continue}var u=e.life/e.maxLife,l=(1-Math.pow(u,1.4))*e.density,o=e.r*(1-u*.4),m=r*60,E=Math.pow(.96,m);if(e.vx*=E,e.vy*=E,e.x+=e.vx*m,e.y+=e.vy*m,o>.7){var w=o*4.2,h=n.createRadialGradient(e.x,e.y,0,e.x,e.y,w);h.addColorStop(0,d(e.col,l*.32)),h.addColorStop(1,d(e.col,0)),n.fillStyle=h,n.beginPath(),n.arc(e.x,e.y,w,0,Math.PI*2),n.fill()}if(e.flare&&l>.4){var T=o*3.5;n.lineWidth=.35,n.strokeStyle=d(e.col,l*.22),n.beginPath(),n.moveTo(e.x-T,e.y),n.lineTo(e.x+T,e.y),n.stroke(),n.beginPath(),n.moveTo(e.x,e.y-T),n.lineTo(e.x,e.y+T),n.stroke()}n.fillStyle=d(e.col,l),n.beginPath(),n.arc(e.x,e.y,o,0,Math.PI*2),n.fill()}}requestAnimationFrame(P)}function B(){a.width=window.innerWidth,a.height=window.innerHeight}function F(){B(),C(),L(),requestAnimationFrame(P)}document.readyState==="complete"?F():window.addEventListener("load",F)})();(function(){var a=document.getElementById("do-back-to-top");if(!a)return;var n=!1,s=!1;function g(){n=!1;var c=window.scrollY||window.pageYOffset||0,d=window.innerHeight,M=d,v=d*.01;!s&&c>M?(s=!0,a.hidden=!1,requestAnimationFrame(function(){a.classList.add("is-visible")})):s&&c<=v&&(s=!1,a.classList.remove("is-visible"),setTimeout(function(){s||(a.hidden=!0)},400))}function y(){n||(requestAnimationFrame(g),n=!0)}a.addEventListener("click",function(){var c=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;window.scrollTo({top:0,behavior:c?"auto":"smooth"})}),window.addEventListener("scroll",y,{passive:!0}),window.addEventListener("resize",y,{passive:!0}),g()})();</script>
47 
47<script type="module">(function(){var t=document.querySelectorAll("[data-reveal-group]");if(!t.length)return;function g(a){var e=[];a.hasAttribute("data-reveal")&&e.push(a);for(var n=a.querySelectorAll("[data-reveal]"),r=0;r<n.length;r++)e.push(n[r]);return e}for(var v={},o=0;o<t.length;o++){var u=t[o].getAttribute("data-reveal-group");u&&(v[u]=v[u]||[]).push(t[o])}function s(a){for(var e=0;e<a.length;e++)for(var n=g(a[e]),r=0;r<n.length;r++)n[r].classList.add("is-revealed")}var c=window.matchMedia&&window.matchMedia("(prefers-reduced-motion: reduce)").matches;if(c||typeof IntersectionObserver>"u"){for(var i=0;i<t.length;i++)s([t[i]]);return}for(var h=new IntersectionObserver(function(a){a.forEach(function(e){if(e.isIntersecting||e.boundingClientRect.top<0){var n=e.target,r=n.getAttribute("data-reveal-group"),d=r?v[r]:[n];s(d);for(var f=0;f<d.length;f++)h.unobserve(d[f])}})},{threshold:0,rootMargin:"0px 0px -10% 0px"}),l=0;l<t.length;l++)h.observe(t[l])})();</script>
47</body></html>  <!--
48  Reveal animation:
49  reveal の発火は Layout.astro の共通 observer に一本化したため、
50  本ページ個別のスクリプトは廃止。各 do-works-section(Site/Editorial/
51  Campaign)と do-page-header に付与した data-reveal-group が、
52  到達時にそのセクション内の [data-reveal] を一斉表示する。
53-->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.