PageSourceSearch

https://saidera.co.jp//ma/lesson.html

html saidera.co.jp collected 2026-10-07 19:41:32 UTC 118,386 bytes, 1,462 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja-JP">
3<head>
4<meta charset="UTF-8">
5<meta http-equiv="content-type" content="text/html; charset=UTF-8">
6<link rel="dns-prefetch" href="//module.bindsite.jp">
7<link rel="dns-prefetch" href="//webfont-pub.weblife.me">
8<meta name="google-site-verification" content="LphjJTGbPKbeWt0BAlvKltnhBKCl6icwryzqzkydwJk">
9<meta name="robots" content="index">
10<meta name="viewport" content="width=device-width, initial-scale=1">
11<meta name="description" content="東京・原宿のマスタリングスタジオ直営のDTMレッスン。1996年創業のスタジオで現役エンジニアがマンツーマン指導。ミックス・マスタリング・Dolby Atmosに対応し、オンライン/原宿スタジオ対面で受講可。30分の無料リスニング体験あり。">
12<meta property="og:title" content="DTMレッスン 東京|マスタリングスタジオ直営・現役エンジニアの個人指導">
13<meta property="og:type" content="website">
14<meta property="og:image" content="https://saidera.co.jp/../_userdata/saidera_ogp.jpg">
15<meta property="og:url" content="https://saidera.co.jp/ma/lesson.html">
16<meta property="og:site_name" content="Saidera Mastering &amp; Recording">
17<meta property="og:description" content="東京・原宿のマスタリングスタジオ直営のDTMレッスン。1996年創業のスタジオで現役エンジニアがマンツーマン指導。ミックス・マスタリング・Dolby Atmosに対応し、オンライン/原宿スタジオ対面で受講可。30分の無料リスニング体験あり。">
18<meta name="twitter:card" content="summary_large_image">
19<meta name="twitter:image:src" content="https://saidera.co.jp/../_userdata/saidera_ogp.jpg">
20<link rel="canonical" href="https://saidera.co.jp/ma/lesson.html">
21<title>DTMレッスン 東京|マスタリングスタジオ直営・現役エンジニアの個人指導</title>
22<link rel="stylesheet" type="text/css" href="../_module/styles/bind.css?v=16.0.0" id="bind-css">
23<link rel="stylesheet" type="text/css" href="../_dress/white/base.css?1791177595356">
24<link rel="stylesheet" type="text/css" href="lesson.css?1791177595357c0100" id="page-css">
25<link rel="stylesheet" type="text/css" href="../_webfonts.css?1791177595373" id="webfont-css">
26<script type="application/ld+json">
27[
28        {
29        "@context": "https://schema.org",
30        "@type": "WebSite",
31        "name": "Saidera Mastering & Recording",
32        "url": "https://saidera.co.jp/"
33    },
34        {
35        "@context": "https://schema.org",
36        "@type": "WebPage",
37        "@id": "https://saidera.co.jp/ma/lesson.html#webpage",
38        "name": "DTM Lesson│Saidera Mastering & Recording",
39        "url": "https://saidera.co.jp/ma/lesson.html",
40        "description": "東京・原宿のマスタリングスタジオ直営のDTMレッスン。1996年創業のスタジオで現役エンジニアがマンツーマン指導。ミックス・マスタリング・Dolby Atmosに対応し、オンライン/原宿スタジオ対面で受講可。30分の無料リスニング体験あり。",
41        "image": "https://saidera.co.jp/bdflashinfo/thumbnail.png",
42        "datePublished": "2026-08-20T17:21:02Z",
43        "dateModified": "2026-08-20T17:21:02Z"
44    },
45        {
46        "@context": "https://schema.org",
47        "@type": "LocalBusiness",
48        "@id": "https://saidera.co.jp/ma/lesson.html#localbusiness",
49        "name": "Saidera Mastering",
50        "description": "マスタリング・スタジオ",
51        "address":         {
52            "@type": "PostalAddress",
53            "addressCountry": "JP",
54            "postalCode": "150-0001",
55            "addressRegion": "東京都",
56            "addressLocality": "渋谷区",
57            "streetAddress": "神宮前3丁目33−2"
58        },
59        "telephone": "03-5410-6789",
60        "image": "https://saidera.co.jp/bdflashinfo/thumbnail.png",
61        "openingHoursSpecification":         {
62            "@type": "OpeningHoursSpecification",
63            "dayOfWeek": "[Monday, Tuesday, Wednesday, Thursday, Friday]",
64            "opens": "10:00",
65            "closes": "18:00"
66        }
67    },
68    {
69    "@context": "https://schema.org",
70    "@type": "BreadcrumbList",
71    "itemListElement":     [
72                {
73            "@type": "ListItem",
74            "position": 1,
75            "name": "Saidera Mastering & Recording",
76            "item": "https://saidera.co.jp/index.html"
77        },
78                {
79            "@type": "ListItem",
80            "position": 2,
81            "name": "DTM Lesson"
82        }
83    ]
84}
85]
86</script>
86
87<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 87-88
87
88<script async src="https://www.googletagmanager.com/gtag/js?id=
88UA-97901064-1
vendor: 12 bytes, line 88
88"></script>
89<script>
90  
vendor: 134 bytes, lines 90-94
90window.dataLayer = window.dataLayer || [];
91  function gtag(){dataLayer.push(arguments);}
92  gtag('js', new Date());
93
94  gtag('config', '
94UA-97901064-1
vendor: 4 bytes, line 94
94');
95</script>
95
96</head>
97<body id="l-1" class="l-1 -dress_white bd-webp" data-type="responsive" data-fontplus="1" data-ga-traking="true" data-page-animation="none">
98<div id="page" class="bg-window ">
99<div class="bg-document">
100<noscript>
101<div id="js-off">
102<img src="../_module/images/noscript.gif" alt="Enable JavaScript in your browser. このウェブサイトはJavaScriptをオンにしてご覧下さい。">
103</div>
104</noscript>
105<div id="a-header" data-float="false" class="a-header   cssskin-_area_header">
106<header>
107<div class="site_frame">
108<section>
109<div id="bk29570" class="b-plain c-space_normal c-sp-space_normal c-padding_normal c-sp-padding_normal cssskin-_block_header" data-bk-id="bk29570" data-shared="true" data-sharedname="Header">
110<div class=" column -column1">
111<p class=" c-body">
111<script>
112(function(){
113  if(document.getElementById('sdh-style')) return;
114  var s = document.createElement('style');
115  s.id = 'sdh-style';
116  s.textContent =
117    /* ページ固有の本文幅CSS(例: lesson.css の max-width:960px 中央寄せ)にヘッダーが巻き込まれて狭く/右ズレするのを防ぐ。a-header/ghost内のブロック列は常に全幅にし、幅制御は .sdh-header__inner(max-width:1240px) 側に一本化する */
118    '#a-header .b-plain>.column,#a-header .b-plain>.g-column,#a-ghost_header .b-plain>.column,#a-ghost_header .b-plain>.g-column{max-width:none !important;margin-left:0 !important;margin-right:0 !important;padding-top:0 !important;}' +
119    /* ヘッダー上の空白の正体(2026-07-30 本番実測)。ヘッダー自体の余白ではなく、BiNDup が外側に足す2つの余白の合計だった:
120       ①ブロックの余白設定 c-padding_normal → bind.css の「.c-padding_normal>.column{padding:30px}」でヘッダー上に30px(スマホは c-sp-padding_normal で15px)
121       ②BiNDup エディタが先頭の 
121<script> を自動で <p class="c-body"> に包むため空の段落が生まれ、base.css の「.-dress_white .c-body{margin-top:15px}」で更に15px
122       → PC 45px / スマホ 30px の白帯。ヘッダー内部の padding をいくら直しても消えないのはこれが原因。両方をここで打ち消す
123       (同型の対処は saidera-works-section.html にも既にある。:has() 版はヘッダーが a-header 以外に貼られた場合の保険) */
124    '.b-plain>.column:has(>.sdh-header){padding-top:0 !important;}' +
125    '.b-plain>.column:has(>.sdh-header)>p{margin:0 !important;}' +
126    '#a-header .b-plain>.column>p,#a-ghost_header .b-plain>.column>p{margin:0 !important;}' +
127    '.sdh-header{width:100%;background:#fff;border-bottom:1px solid #e5e5e5;font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",sans-serif;}' +
128    '.sdh-header__inner{max-width:1240px;margin:0 auto;padding:0 32px;height:76px;display:flex;align-items:center;justify-content:space-between;gap:20px;transition:height 0.3s ease;}' +
129    '.sdh-header__logo{flex-shrink:0;display:flex;align-items:center;}' +
130    '.sdh-header__logo img{height:60px;width:auto;display:block;transition:height 0.3s ease;}' +
131    '.sdh-nav{display:flex;align-items:center;gap:26px;}' +
132    '.sdh-header .sdh-nav__link{font-size:13.5px;font-weight:400;letter-spacing:0.12em;color:#444 !important;white-space:nowrap;padding:6px 0;position:relative;transition:color 0.25s ease;text-decoration:none;line-height:1;}' +
133    '.sdh-header .sdh-nav__link::after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:#c22;transform:scaleX(0);transform-origin:left center;transition:transform 0.3s ease;}' +
134    '.sdh-header .sdh-nav__link:hover{color:#222 !important;}' +
135    '.sdh-header .sdh-nav__link:hover::after{transform:scaleX(1);}' +
136    '.sdh-header__mobile-actions{display:none;align-items:center;gap:10px;}' +
137    '.sdh-header .sdh-mcta{display:inline-flex;align-items:center;flex-shrink:0;text-decoration:none;white-space:nowrap;line-height:1;}' +
138    '.sdh-header .sdh-mcta--contact{font-size:12px;font-weight:400;letter-spacing:0.04em;color:#444 !important;padding:8px 0;}' +
139    '.sdh-header .sdh-mcta--contact span{border-bottom:1px solid #ccc;padding-bottom:3px;}' +
140    '.sdh-header .sdh-mcta--listening{background:#c22 !important;color:#fff !important;font-size:12px;font-weight:400;letter-spacing:0.04em;padding:10px 11px;border-radius:4px;}' +
141    '.sdh-header__ctas{flex-shrink:0;display:flex;align-items:center;gap:10px;}' +
142    '.sdh-header .sdh-contact-btn{display:inline-flex;align-items:center;border:1px solid #222 !important;color:#222 !important;background:none !important;padding:9px 20px;font-size:13px;font-weight:300;letter-spacing:0.08em;border-radius:4px;white-space:nowrap;line-height:1;transition:border-color 0.25s ease,color 0.25s ease;text-decoration:none;}' +
143    '.sdh-header .sdh-contact-btn:hover{border-color:#c22 !important;color:#c22 !important;}' +
144    '.sdh-header .sdh-listening-btn{display:inline-flex;align-items:center;border:1px solid #c22 !important;background:#c22 !important;color:#fff !important;padding:9px 20px;font-size:13px;font-weight:400;letter-spacing:0.08em;border-radius:4px;white-space:nowrap;line-height:1;text-decoration:none;transition:background 0.25s ease,border-color 0.25s ease;}' +
145    '.sdh-header .sdh-listening-btn:hover{background:#a81c1c !important;border-color:#a81c1c !important;}' +
146    '.sdh-header--compact{box-shadow:0 1px 8px rgba(0,0,0,0.08);}' +
147    '.sdh-header--compact .sdh-header__inner{height:64px;}' +
148    '.sdh-header--compact .sdh-header__logo img{height:48px;}' +
149    '.sdh-header--ghost{position:fixed;top:0;left:0;z-index:9000;background:#fff;box-shadow:0 1px 8px rgba(0,0,0,0.08);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-6px);transition:opacity 0.3s ease,transform 0.3s ease,visibility 0.3s;}' +
150    '.sdh-header--ghost.is-visible{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);}' +
151    '@media(prefers-reduced-motion:reduce){.sdh-header--ghost{transition:none;transform:none;}.sdh-header__inner,.sdh-header__logo img{transition:none;}}' +
152    '.sdh-header[data-sdh-duplicate],.sdh-mobile-menu[data-sdh-duplicate]{display:none !important;}' +
153    '.sdh-header--ghost .sdh-header__inner{height:64px;}' +
154    '.sdh-header--ghost .sdh-header__logo img{height:48px;}' +
155    '.sdh-header--ghost .sdh-contact-btn{padding:7px 16px;}' +
156    '.sdh-header--ghost .sdh-listening-btn{padding:7px 16px;}' +
157    '.sdh-burger{display:none;flex-shrink:0;width:44px;height:44px;border:none;background:none;cursor:pointer;position:relative;margin-right:-8px;padding:0;}' +
158    '.sdh-burger span{position:absolute;left:11px;width:22px;height:1px;background:#222;transition:transform 0.3s ease,opacity 0.3s ease;}' +
159    '.sdh-burger span:nth-child(1){top:16px;}' +
160    '.sdh-burger span:nth-child(2){top:22px;}' +
161    '.sdh-burger span:nth-child(3){top:28px;}' +
162    '.sdh-mobile-menu{position:fixed;inset:0;z-index:9500;background:#fff;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity 0.35s ease,visibility 0.35s ease;overflow-y:auto;font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",sans-serif;}' +
163    '.sdh-mobile-menu.is-open{opacity:1;visibility:visible;}' +
164    '.sdh-mobile-menu__head{display:flex;align-items:center;justify-content:space-between;padding:0 20px;height:64px;border-bottom:1px solid #e5e5e5;flex-shrink:0;}' +
165    '.sdh-mobile-menu__head img{height:48px;width:auto;display:block;}' +
166    '.sdh-mobile-menu__close{width:44px;height:44px;border:none;background:none;cursor:pointer;position:relative;margin-right:-8px;padding:0;}' +
167    '.sdh-mobile-menu__close span{position:absolute;left:11px;top:22px;width:22px;height:1px;background:#222;}' +
168    '.sdh-mobile-menu__close span:nth-child(1){transform:rotate(45deg);}' +
169    '.sdh-mobile-menu__close span:nth-child(2){transform:rotate(-45deg);}' +
170    '.sdh-mobile-menu__body{padding:12px 28px 40px;display:flex;flex-direction:column;}' +
171    '.sdh-mobile-menu .sdh-mobile-menu__link{display:block;padding:17px 2px;font-size:15px;letter-spacing:0.12em;color:#333 !important;border-bottom:1px solid #e5e5e5 !important;text-decoration:none;}' +
172    '.sdh-mobile-menu .sdh-mobile-menu__listening{display:block;margin-top:32px;text-align:center;border:1px solid #c22 !important;background:#c22 !important;color:#fff !important;padding:13px 32px;font-size:14px;font-weight:400;letter-spacing:0.08em;border-radius:4px;text-decoration:none;}' +
173    '.sdh-mobile-menu .sdh-mobile-menu__contact{display:block;margin-top:12px;text-align:center;border:1px solid #c22 !important;background:none !important;color:#c22 !important;padding:13px 32px;font-size:14px;font-weight:300;letter-spacing:0.08em;border-radius:4px;text-decoration:none;}' +
174    '.sdh-mobile-menu__note{margin-top:14px;font-size:12px;letter-spacing:0.08em;color:#888;text-align:center;}' +
175    '.sdh-modal{display:none;position:fixed;inset:0;z-index:9800;background:rgba(0,0,0,0.55);align-items:center;justify-content:center;padding:20px;}' +
176    '.sdh-modal.is-open{display:flex;}' +
177    '.sdh-modal__box{background:#fff;width:100%;max-width:620px;max-height:90vh;border-radius:4px;overflow:hidden;display:flex;flex-direction:column;font-family:"Helvetica Neue","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","メイリオ",sans-serif;}' +
178    '.sdh-modal__head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid #e5e5e5;flex-shrink:0;}' +
179    '.sdh-modal__title{margin:0;font-size:13px;font-weight:400;letter-spacing:0.08em;color:#222;}' +
180    '.sdh-modal__close{background:none;border:none;cursor:pointer;font-size:18px;color:#999;padding:0;line-height:1;}' +
181    '.sdh-modal__body{overflow-y:auto;}' +
182    '.sdh-modal__body iframe{border:none;display:block;width:100%;height:540px;max-height:70vh;}' +
183    '@media(max-width:1160px){.sdh-nav{display:none;}.sdh-header__ctas{display:none;}.sdh-header__mobile-actions{display:flex;}.sdh-burger{display:block;}.sdh-header__inner{padding:0 20px;height:68px;gap:14px;}.sdh-header__logo img{height:50px;}.sdh-header--compact .sdh-header__inner{height:58px;}.sdh-header--compact .sdh-header__logo img{height:42px;}.sdh-header--ghost .sdh-header__inner{height:58px;}.sdh-header--ghost .sdh-header__logo img{height:42px;}}';
184  document.head.appendChild(s);
185})();
186</script>
186
187<!-- 通常ヘッダー(唯一のヘッダーDOM。ゴーストは必要時にJSがこれを複製して生成する) --> </p>
188<div class="sdh-header">
189<div class="sdh-header__inner">
190<a class="sdh-header__logo" href="https://saidera.co.jp//index.html" aria-label="Saidera Mastering &amp; Recording"> <img fetchpriority="high" src="../_userdata/header/saidera-logo.jpg" alt="SAIDERA MASTERING &amp; RECORDING"> </a>
191<div class="sdh-nav" aria-label="メインナビゲーション">
192<a class="sdh-nav__link" href="https://saidera.co.jp//index.html">TOP / Mastering</a>
193<a class="sdh-nav__link" href="https://saidera.co.jp//ma/lesson.html">Lesson</a>
194<a class="sdh-nav__link" href="https://saidera.co.jp//ma/dolbyatmos.html">Immersive</a>
195<a class="sdh-nav__link" href="https://saidera.co.jp//labels.html">Labels</a>
196<a class="sdh-nav__link" href="https://saidera.co.jp//ai/ai.html">Ai Design</a>
197<a class="sdh-nav__link" href="https://saidera.co.jp//ma/faq.html">FAQ</a>
198<a class="sdh-nav__link" href="https://saidera.co.jp//cn20/company.html">Company</a>
199</div>
200<div class="sdh-header__ctas">
201<a class="sdh-contact-btn" href="javascript:void(0)" onclick="sdhOpenModal('contact');return false;">お問い合わせ</a>
202<a class="sdh-listening-btn" href="javascript:void(0)" onclick="sdhOpenModal('listening');return false;">無料リスニング・プログラム</a>
203</div>
204<!-- スマホ用アクション(ロゴと反対側=右寄せ、バーガーと同じグループにまとめて主従を整理。案A) -->
205<div class="sdh-header__mobile-actions">
206<a class="sdh-mcta sdh-mcta--contact" href="javascript:void(0)" onclick="sdhOpenModal('contact');return false;"><span>お問い合わせ</span></a>
207<a class="sdh-mcta sdh-mcta--listening" href="javascript:void(0)" onclick="sdhOpenModal('listening');return false;">無料リスニング</a>
208<button class="sdh-burger" type="button" aria-label="メニューを開く" aria-expanded="false" onclick="sdhOpenMenu()"> <span></span><span></span><span></span> </button>
209</div>
210</div>
211</div>
212<!-- モバイルメニュー(全画面ドロワー。初期化時にJSがbody直下へ移動する) -->
213<div class="sdh-mobile-menu" id="sdh-mobile-menu" role="dialog" aria-modal="true" aria-label="メニュー">
214<div class="sdh-mobile-menu__head">
215<img src="../_userdata/header/saidera-logo.jpg" alt="SAIDERA MASTERING &amp; RECORDING">
216<button class="sdh-mobile-menu__close" type="button" aria-label="メニューを閉じる" onclick="sdhCloseMenu()"> <span></span><span></span> </button>
217</div>
218<div class="sdh-mobile-menu__body">
219<a class="sdh-mobile-menu__link" href="https://saidera.co.jp//index.html">TOP / Mastering</a>
220<a class="sdh-mobile-menu__link" href="https://saidera.co.jp//ma/lesson.html">Lesson</a>
221<a class="sdh-mobile-menu__link" href="https://saidera.co.jp//ma/dolbyatmos.html">Immersive</a>
222<a class="sdh-mobile-menu__link" href="https://saidera.co.jp//labels.html">Labels</a>
223<a class="sdh-mobile-menu__link" href="https://saidera.co.jp//ai/ai.html">Ai Design</a>
224<a class="sdh-mobile-menu__link" href="https://saidera.co.jp//ma/faq.html">FAQ</a>
225<a class="sdh-mobile-menu__link" href="https://saidera.co.jp//cn20/company.html">Company</a>
226<a class="sdh-mobile-menu__listening" href="javascript:void(0)" onclick="sdhOpenModal('listening');return false;">無料リスニング・プログラム</a>
227<a class="sdh-mobile-menu__contact" href="javascript:void(0)" onclick="sdhOpenModal('contact');return false;">お問い合わせ</a>
228</div>
229</div>
230<!-- お問い合わせ/無料リスニング・プログラムのポップアップ(Googleフォーム埋め込み。初期化時にJSがbody直下へ移動する) -->
231<div class="sdh-modal" id="sdh-contact-modal" role="dialog" aria-modal="true" aria-label="お問い合わせ" onclick="if(event.target===this)sdhCloseModal('contact')">
232<div class="sdh-modal__box">
233<div class="sdh-modal__head">
234<p class="sdh-modal__title">お問い合わせ</p>
235<button class="sdh-modal__close" type="button" aria-label="閉じる" onclick="sdhCloseModal('contact')">✕</button>
236</div>
237<div class="sdh-modal__body">
238<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSclotu3hs6MUXwqv9gxBjSVqvZ8Ufs5eWfUssdhPhXjcvydzg/viewform?embedded=true" loading="lazy" title="お問い合わせフォーム">読み込んでいます…</iframe>
239</div>
240</div>
241</div>
242<div class="sdh-modal" id="sdh-listening-modal" role="dialog" aria-modal="true" aria-label="無料リスニング・プログラム" onclick="if(event.target===this)sdhCloseModal('listening')">
243<div class="sdh-modal__box">
244<div class="sdh-modal__head">
245<p class="sdh-modal__title">無料リスニング・プログラム</p>
246<button class="sdh-modal__close" type="button" aria-label="閉じる" onclick="sdhCloseModal('listening')">✕</button>
247</div>
248<div class="sdh-modal__body">
249<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScs_lUC0Cov3BsCE9JR3FTH-tmeYEVqxt4-RCkCMBImZa5LjQ/viewform?embedded=true" loading="lazy" title="無料リスニング・プログラム申し込みフォーム">読み込んでいます…</iframe>
250</div>
251</div>
252</div>
253<script>
254/* ============ 制御JS(単一ヘッダー+状態クラス方式) ============
255   表示ルール(BiNDup純正の fixedController と衝突しない役割分担):
256   - 通常ヘッダーが画面内に見えている間(ページ最上部にいる、または BiNDup の
257     ヘッダー追従設定 #a-header[data-float="true"] により固定されている間)は
258     ゴーストを出さない。スクロール量が 120px を超えていたら(=固定中)
259     sdh-header--compact を付けて影+コンパクト表示にする。
260   - 通常ヘッダーが画面外へ 120px 以上流れたら(=追従OFFのページ)、通常
261     ヘッダーの複製(ゴースト)を生成してフェード表示する。 */
262
263/* 本体選定: 重複貼り付けされても #a-header 内にあるものを本体とする */
264function sdhPickNormalHeader() {
265  var candidates = document.querySelectorAll('.sdh-header:not(.sdh-header--ghost)');
266  var aHeader = document.getElementById('a-header');
267  if (aHeader) {
268    for (var i = 0; i < candidates.length; i++) {
269      if (aHeader.contains(candidates[i])) { return candidates[i]; }
270    }
271  }
272  return candidates[0] || null;
273}
274
275function sdhDisableDuplicate(el) {
276  el.style.display = 'none';
277  el.setAttribute('aria-hidden', 'true');
278  el.setAttribute('data-sdh-duplicate', 'true');
279  if (el.id) { el.removeAttribute('id'); } /* ID重複を解消(getElementById の誤爆防止) */
280}
281
282/* 重複貼り付け防御: 本体以外の通常ヘッダー・旧版由来の静的ゴースト・
283   2個目以降のモバイルメニューを無効化する */
284function sdhDedup() {
285  var keep = sdhPickNormalHeader();
286  var headers = document.querySelectorAll('.sdh-header:not(.sdh-header--ghost)');
287  var i;
288  for (i = 0; i < headers.length; i++) {
289    if (headers[i] !== keep) { sdhDisableDuplicate(headers[i]); }
290  }
291  /* 自前生成(data-sdh-clone付き)でないゴーストは旧版の貼り付け残骸なので無効化 */
292  var ghosts = document.querySelectorAll('.sdh-header--ghost:not([data-sdh-clone])');
293  for (i = 0; i < ghosts.length; i++) { sdhDisableDuplicate(ghosts[i]); }
294  var menus = document.querySelectorAll('.sdh-mobile-menu');
295  for (i = 1; i < menus.length; i++) { sdhDisableDuplicate(menus[i]); }
296  /* モーダルは id ごと(contact/listening)に先頭の1個だけを残す */
297  var seenModalIds = {};
298  var modals = document.querySelectorAll('.sdh-modal[id]');
299  for (i = 0; i < modals.length; i++) {
300    var mid = modals[i].id;
301    if (seenModalIds[mid]) { sdhDisableDuplicate(modals[i]); } else { seenModalIds[mid] = true; }
302  }
303}
304
305function sdhInitHeader() {
306  if (window.__sdhHeaderInit) return;
307  window.__sdhHeaderInit = true;
308
309  var normalHeader = sdhPickNormalHeader();
310  if (!normalHeader) return;
311
312  /* fixed要素は祖先の transform や z-index スタッキングの影響を受けるため、
313     モバイルメニュー・ポップアップ(とゴースト生成時)は body 直下に置く */
314  var menu = document.querySelector('.sdh-mobile-menu');
315  if (menu && menu.parentElement !== document.body) { document.body.appendChild(menu); }
316  var modalsInit = document.querySelectorAll('.sdh-modal');
317  for (var mi = 0; mi < modalsInit.length; mi++) {
318    if (modalsInit[mi].parentElement !== document.body) { document.body.appendChild(modalsInit[mi]); }
319  }
320
321  var ghost = null;
322  var ghostVisible = false;
323  var compact = false;
324
325  function createGhost() {
326    ghost = normalHeader.cloneNode(true);
327    ghost.classList.add('sdh-header--ghost');
328    ghost.classList.remove('sdh-header--compact');
329    ghost.removeAttribute('id');
330    ghost.removeAttribute('style');
331    ghost.setAttribute('data-sdh-clone', 'true');
332    ghost.setAttribute('aria-hidden', 'true');
333    var focusables = ghost.querySelectorAll('a, button');
334    for (var i = 0; i < focusables.length; i++) { focusables[i].setAttribute('tabindex', '-1'); }
335    document.body.appendChild(ghost);
336    /* 直後に is-visible を付けてもフェードが効くよう、一度レイアウトを確定させる */
337    void ghost.offsetHeight;
338  }
339
340  function setGhostVisible(on) {
341    if (on === ghostVisible) return;
342    if (on && !ghost) { createGhost(); }
343    if (!ghost) return;
344    ghostVisible = on;
345    if (on) { ghost.classList.add('is-visible'); } else { ghost.classList.remove('is-visible'); }
346    ghost.setAttribute('aria-hidden', on ? 'false' : 'true');
347    var focusables = ghost.querySelectorAll('a, button');
348    for (var i = 0; i < focusables.length; i++) {
349      if (on) { focusables[i].removeAttribute('tabindex'); }
350      else { focusables[i].setAttribute('tabindex', '-1'); }
351    }
352  }
353
354  function setCompact(on) {
355    if (on === compact) return;
356    compact = on;
357    if (on) { normalHeader.classList.add('sdh-header--compact'); }
358    else { normalHeader.classList.remove('sdh-header--compact'); }
359  }
360
361  function update() {
362    var rect = normalHeader.getBoundingClientRect();
363    /* レンダリング前・一時的な非表示中(rectが全て0)は判定しない */
364    if (rect.width === 0 && rect.height === 0 && rect.top === 0 && rect.bottom === 0) return;
365    var scrollY = window.pageYOffset || 0;
366    if (rect.bottom > 0) {
367      /* 通常ヘッダーが見えている(最上部 or BiNDupのfixedControllerが固定中) */
368      setGhostVisible(false);
369      setCompact(scrollY > 120);
370    } else {
371      /* 通常ヘッダーが画面外(=追従OFFのページでスクロールした) */
372      setCompact(false);
373      if (!ghost) { createGhost(); } /* フェードに備えて先に生成しておく */
374      setGhostVisible(rect.bottom < -120);
375    }
376  }
377
378  /* update は getBoundingClientRect 1回+状態変化時のみDOM書き換えの軽量処理
379     なので rAF スロットルは使わず直接呼ぶ(rAFコールバックがタブ非表示等で
380     落ちるとフラグが固まり以後動かなくなる事故を避ける) */
381  window.addEventListener('scroll', update, { passive: true });
382  window.addEventListener('resize', update);
383  /* bind.js(defer)の fixedController 適用が遅れても初期状態を拾えるように */
384  window.addEventListener('load', update);
385  update();
386}
387
388(function () {
389  /* dedup は毎回実行(後から DOM に現れた重複ブロックも掃除できる)。
390     本初期化は DOMContentLoaded 後に window フラグで1回だけ実行する */
391  sdhDedup();
392  if (document.readyState === 'loading') {
393    document.addEventListener('DOMContentLoaded', function () {
394      sdhDedup();
395      sdhInitHeader();
396    });
397  } else {
398    sdhInitHeader();
399  }
400})();
401
402/* body のスクロールロックはメニュー・ポップアップのどちらか1つでも開いていれば
403   hidden、両方閉じたら解除、という一元管理(順序に依存させないため) */
404function sdhSyncBodyScroll() {
405  var anyOpen = document.querySelector('.sdh-modal.is-open') || document.querySelector('.sdh-mobile-menu.is-open');
406  document.body.style.overflow = anyOpen ? 'hidden' : '';
407}
408
409/* ID ではなくクラスで先頭要素(=dedup 後の本体)を掴む */
410function sdhOpenMenu() {
411  var menu = document.querySelector('.sdh-mobile-menu');
412  if (!menu) return;
413  menu.classList.add('is-open');
414  sdhSyncBodyScroll();
415  var burgers = document.querySelectorAll('.sdh-burger');
416  for (var i = 0; i < burgers.length; i++) { burgers[i].setAttribute('aria-expanded', 'true'); }
417}
418function sdhCloseMenu() {
419  var menu = document.querySelector('.sdh-mobile-menu');
420  if (!menu) return;
421  menu.classList.remove('is-open');
422  sdhSyncBodyScroll();
423  var burgers = document.querySelectorAll('.sdh-burger');
424  for (var i = 0; i < burgers.length; i++) { burgers[i].setAttribute('aria-expanded', 'false'); }
425}
426
427/* お問い合わせ/無料リスニング・プログラムのポップアップ開閉(name: 'contact' | 'listening') */
428function sdhOpenModal(name) {
429  var modal = document.getElementById('sdh-' + name + '-modal');
430  if (!modal) return;
431  modal.classList.add('is-open');
432  sdhSyncBodyScroll();
433}
434function sdhCloseModal(name) {
435  var modal = document.getElementById('sdh-' + name + '-modal');
436  if (!modal) return;
437  modal.classList.remove('is-open');
438  sdhSyncBodyScroll();
439}
440(function () {
441  if (window.__sdhMenuLinksInit) return;
442  window.__sdhMenuLinksInit = true;
443  var links = document.querySelectorAll('.sdh-mobile-menu__link, .sdh-mobile-menu__contact, .sdh-mobile-menu__listening');
444  for (var i = 0; i < links.length; i++) {
445    links[i].addEventListener('click', sdhCloseMenu);
446  }
447})();
448</script>
448
449<p></p>
450</div>
451</div>
452</section>
453</div>
454</header>
455</div>
456<div id="a-billboard" class="a-billboard    cssskin-_area_billboard">
457<div class="site_frame">
458<section>
459<div id="bk27199" class="b-plain cssskin-_block_billboard" data-bk-id="bk27199">
460<div class=" column -column1">
461</div>
462</div>
463</section>
464</div>
465</div>
466<main>
467<div id="a-site_contents" class="a-site_contents  noskin">
468<article>
469<div class="site_frame">
470<div class="g-column">
471<div id="a-main" class="a-main column -col12 ">
472<section>
473<div id="bk27200" class="b-plain c-space_normal c-sp-space_normal c-sp-padding_init cssskin-_block_main" data-bk-id="bk27200">
474<div class=" column -column1">
475<p class=" c-body">
476<link rel="preconnect" href="https://fonts.googleapis.com">
477<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
478<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;300;400&amp;display=swap" rel="stylesheet">
479<!--
480  クリエイター塾 / DTMレッスンセクション (BiNDup 用) — 受注改善リニューアル版
481  ================================================================
482  貼り付け先: クリエイター塾ページのカスタム HTML パーツ
483
484  画像アップロード必要:
485    - _userdata/studio/sdmo.jpg               (ヒーロー写真 / TOPと共通)
486    - _userdata/Lesson/equipement-01.jpg     (機材グリッド左大: ECLIPSE TD508 MK4)
487    - _userdata/Lesson/equipement-02.jpg     (機材グリッド右上: GRACE Design m905)
488    - _userdata/Lesson/equipement-03.jpg     (機材グリッド右下: SHIZUKA Stillness Panel)
489    - _userdata/Lesson/photo-01.jpg          (制作実績フォト 1)
490    - _userdata/Lesson/photo-02.jpg          (制作実績フォト 2)
491    - _userdata/Lesson/photo-03.jpg          (制作実績フォト 3)
492    - _userdata/Lesson/photo-04.jpg          (制作実績フォト 4)
493    ※ フォルダ名 "Lesson" は大文字小文字を正確に合わせること(サーバー区別あり)
494
495  SEO 構成:
496    - 冒頭 
496<script>: CSS 注入(パターン8)
497    - 末尾 
497<script type="application/ld+json">: Course / FAQPage 構造化データ
498    - title / meta description / canonical は BiNDup 標準 SEO 設定欄で管理
499
500  主な変更 (2026-06-11):
501    - ヒーロー KW 強化(DTM・マスタリング・Dolby Atmos レッスン)
502    - 旧「お申し込みを迷っている方へ」→ 無料スタジオ体験ブロックに統合
503    - こんな経験はありませんか?文言を需要ドリブンに改定
504    - Lessons にアコーディオン(.sdm-lmore)追加
505    - Feature 02 を「1996年創業のマスタリングスタジオ直営」に差し替え
506    - ③ を「サウンドクオリティ向上レッスン」に改称(2026-09-08 田口さん判断。旧:制作クオリティ向上レッスン/さらに旧:自宅DTMクオリティ向上)
507    - CTA 3箇所を onclick 版に統一(href="#" 全廃)
508    - FAQ に体験向け3問 + 勧誘FAQ1問を追加
509    - 料金セクションに都度払いバンドを追加
510
511  主な変更 (2026-07-23):
512    - FAQ を3列の常時表示カード→アコーディオン(開閉式・1カラム)に変更しスクロール量を削減
513    - FAQ 末尾に全FAQページ(/ma/faq.html の Lesson カテゴリ)への導線リンクを追加
514    - SEOロングテール追記(plans/saidera-lesson-additions-v2.html 確定分):
515      ヒーローに東京/オンライン受講の一文、対応DAWブロック、Accessブロック(住所・アクセス)、
516      悩みパートに初心者歓迎の一文を追加。ブロックA(信頼バンド)は不採用、B/C(講師名・受講者の声)は対象外のまま
517    - 料金プラン⑦直下に CTA④(本申し込み)の枠とモーダルを追加。Googleフォーム
518      (レッスンお申し込み・ご相談フォーム)と接続済み(plans/lesson-application-form-skeleton.md)
519
520  ⚠ SNS OGP は JS 動的注入で SNS クローラに認識されない可能性あり
521     (Google は JS 実行するので title/description/JSON-LD は OK)
522
523  主な変更 (2026-07-30):
524    - FAQ の「?」アイコンの曲線パスが崩れていたため、綺麗な曲線パスに差し替え
525    - FAQ セクションを3問のアコーディオン→全FAQページへの導線リンク1本のみに簡略化
526    - ヒーロー見出し上の英字ラベル「DTM Lesson & School」を削除
527    - 無料リスニング・プログラムのブロック(.flp)に、カーソルを合わせると
528      浮き上がる hover アニメーションを追加(ease-out・touchデバイスは対象外)
529
530  最終更新: 2026-07-30
531--> 
531<script>
532(function(){
533  if(document.getElementById('sdm-lesson-style')) return;
534  var s = document.createElement('style');
535  s.id = 'sdm-lesson-style';
536  s.textContent =
537    '.sdm-strengths-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-items:stretch}' +
538    '.sdm-strengths-item{text-align:left}' +
539    '.sdm-feature-circle{width:96px;height:96px;border-radius:50%;background:#fff;border:2px solid currentColor;display:flex;align-items:center;justify-content:center;margin:0 auto 26px;opacity:0.92}' +
540    '.sdm-feature-circle svg{width:40px;height:40px;stroke:currentColor;fill:none;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}' +
541    '.sdm-lessons-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:24px;align-items:stretch}' +
542    '.sdm-faq-link{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid #d5cfc3;border-radius:4px;padding:17px 28px;text-decoration:none !important;font-size:0.92em;color:#444;font-weight:400;letter-spacing:0.02em;line-height:1.7;transition:border-color 0.18s ease,background 0.18s ease}' +
543    '.sdm-faq-link em{font-style:normal;color:#c22;font-weight:500}' +
544    '.sdm-faq-link:hover{border-color:#c22;background:#fffdfa}' +
545    '.sdm-price-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}' +
546    '.sdm-acc{border:1px solid #e5e5e5;border-radius:3px;background:#fff;margin:0 0 8px;overflow:hidden}' +
547    '.sdm-acc summary{cursor:pointer;padding:13px 18px;font-size:0.72em;color:#444;letter-spacing:0.12em;text-transform:uppercase;font-weight:400;list-style:none;display:flex;justify-content:space-between;align-items:center}' +
548    '.sdm-acc summary::-webkit-details-marker{display:none}' +
549    '.sdm-acc summary::after{content:"+";font-size:1.3em;color:#c22;font-weight:300;line-height:1}' +
550    '.sdm-acc[open] summary::after{content:"−"}' +
551    '.sdm-acc[open] summary{background:#fafafa}' +
552    '.sdm-acc-body{padding:14px 20px 18px;background:#fafafa}' +
553    '.sdm-acc-body ul{margin:0;padding:0;list-style:none}' +
554    '.sdm-acc-body li{font-size:0.82em;color:#333;line-height:1.85;font-weight:300}' +
555    '.sdm-experience-block{margin-bottom:64px;text-align:center}' +
556    '.sdm-worry-title{display:flex;align-items:center;justify-content:center;gap:14px;margin:58px 0 24px;color:#333}' +
557    '.sdm-worry-title-line{font-size:1.08em;line-height:1.5;font-weight:400;letter-spacing:0.08em;margin:0}' +
558    '.sdm-worry-slash{font-size:1.3em;font-weight:300;line-height:1;color:#aca6a0}' +
559    '.sdm-worry-panel{position:relative;background:#aca6a0;border:none;border-radius:6px;padding:32px 40px 40px;color:#fff;margin:0 auto 56px;max-width:980px}' +
560    '.sdm-worry-panel:after{content:"";position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);border-left:20px solid transparent;border-right:20px solid transparent;border-top:20px solid #aca6a0}' +
561    '.sdm-worry-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;align-items:stretch}' +
562    '.sdm-worry-col h3{font-size:0.98em;line-height:1.5;letter-spacing:0.06em;margin:0 0 14px;font-weight:400;color:#fff;text-align:center}' +
563    '.sdm-worry-content{display:flex;flex-direction:row;align-items:center;gap:14px}' +
564    '.sdm-worry-bubble{position:relative;flex:1;background:#fff;border:none;border-radius:8px;padding:16px 18px;text-align:left;min-height:80px;box-shadow:0 1px 4px rgba(0,0,0,0.06);display:flex;align-items:center}' +
565    '.sdm-worry-bubble:after{content:"";position:absolute;top:50%;right:-10px;transform:translateY(-50%);border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff}' +
566    '.sdm-worry-bubble p{font-size:0.84em;color:#333;line-height:1.85;margin:0;font-weight:300;letter-spacing:0.01em}' +
567    '.sdm-worry-person{display:block;flex-shrink:0}' +
568    '.sdm-worry-person svg{width:126px;height:auto;display:block}' +
569    '.sdm-worry-result{font-size:1em;line-height:1.9;color:#222;letter-spacing:0.04em;margin:0;font-weight:400}' +
570    '.sdm-worry-result strong{color:#c22;font-weight:500}' +
571    '.sdm-studio-photo-block{max-width:780px;margin:34px auto 0;text-align:center}' +
572    '.sdm-studio-photo{width:100%;aspect-ratio:16/7;background:#f5f3ee;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden;display:flex;align-items:center;justify-content:center}' +
573    '.sdm-studio-photo img{width:100%;height:100%;object-fit:cover;display:block}' +
574    '.sdm-studio-photo-caption{font-size:0.86em;color:#444;line-height:1.9;margin:14px 0 0;font-weight:300}' +
575    '.sdm-examples-card{background:#fff;border:1px solid #e5e5e5;border-radius:4px;padding:40px 44px}' +
576    '.sdm-examples-photos{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin:22px 0 12px}' +
577    '.sdm-examples-photos img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;display:block}' +
578    '.sdm-examples-quote{border-left:3px solid #c22;padding:8px 18px;margin:26px 0 0;background:#fafafa}' +
579    '.sdm-card-head{padding:24px 28px 14px;display:flex;gap:16px;align-items:flex-start}' +
580    '.sdm-card-head svg{flex-shrink:0;width:38px;height:38px;stroke:#222;margin-top:24px}' +
581    '.sdm-card-head-text{flex:1;min-width:0}' +
582    '.sdm-lmore{margin:auto 0 0}' +
583    '.sdm-gear-grid{display:grid !important;grid-template-columns:repeat(3,1fr) !important;gap:8px;height:240px}' +
584    '.sdm-lmore summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:12px 0 2px;font-size:0.8em;color:#c22;font-weight:400;letter-spacing:0.04em}' +
585    '.sdm-lmore summary::-webkit-details-marker{display:none}' +
586    '.sdm-lmore summary::after{content:"+";font-size:1.2em;font-weight:300;line-height:1}' +
587    '.sdm-lmore[open] summary::after{content:"−"}' +
588    '.sdm-lesson-card{transition:transform 0.2s ease,box-shadow 0.2s ease}' +
589    '.sdm-lesson-card:hover{transform:translateY(-5px);box-shadow:0 10px 24px rgba(0,0,0,0.12)}' +
590    '.sdm-lesson-head{background:var(--lesson-accent);padding:24px 24px 20px;min-height:124px;box-sizing:border-box;display:flex;gap:16px;align-items:flex-start}' +
591    '.sdm-lesson-head-text{flex:1;min-width:0}' +
592    '.sdm-lesson-icon-tile{flex-shrink:0;width:76px;height:76px;border-radius:8px;background:var(--lesson-tint);overflow:hidden}' +
593    '.sdm-lesson-icon-tile img{width:100%;height:100%;object-fit:cover;display:block}' +
594    '.sdm-trial-block{background:#fff;border:1px solid #e5e5e5;border-radius:6px;overflow:hidden;margin:0 auto 64px;max-width:780px}' +
595    '.sdm-trial-body{padding:26px 34px 28px}' +
596    '.sdm-trial-main{display:block;margin-bottom:16px}' +
597    '.sdm-trial-title-small{font-size:0.78em;color:#666;letter-spacing:0.12em;line-height:1.6;margin:0 0 6px;font-weight:300;text-transform:uppercase}' +
598    '.sdm-trial-title-large{font-size:1.42em;color:#222;letter-spacing:0.03em;line-height:1.45;margin:0;font-weight:400}' +
599    '.sdm-trial-info{display:grid;grid-template-columns:1fr auto;gap:28px;padding-top:18px;align-items:center}' +
600    '.sdm-trial-note{font-size:0.82em;color:#444;line-height:1.85;margin:0;font-weight:300}' +
601    '.sdm-sec-ic{flex-shrink:0;width:22px;height:22px;align-self:center;stroke:#c22;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}' +
602    '.sdm-exp-head{display:flex;align-items:center;gap:12px}' +
603    '.sdm-exp-ic{flex-shrink:0;width:24px;height:24px;stroke:#c22;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}' +
604    '.sdm-feat-ic{display:block;width:34px;height:34px;stroke:#222;fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin:0 0 14px}' +
605    '.sdm-step-ic{display:block;width:26px;height:26px;stroke:#c22;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;margin:0 0 10px}' +
606    '@media (max-width:767px){' +
607      '.sdm-gear-grid{height:120px !important}' +
608      '.sdm-strengths-grid,.sdm-lessons-grid,.sdm-price-grid,.sdm-trial-steps,.sdm-worry-grid,.sdm-trial-main,.sdm-trial-info{grid-template-columns:1fr}' +
609      '.sdm-trial-title-large{font-size:2.2em}' +
610      '.sdm-trial-title-small{text-align:center;font-size:1.1em}' +
611      '.sdm-trial-info{text-align:center}' +
612      '.sdm-experience-block,.sdm-examples-card{padding:28px 20px !important}' +
613      '.sdm-trial-block{padding:28px 20px !important}' +
614      '.sdm-examples-photos{grid-template-columns:repeat(2,1fr)}' +
615      '.sdm-strengths-grid{gap:48px}' +
616      '.sdm-feature-circle{width:96px;height:96px;margin-bottom:22px}' +
617      '.sdm-worry-title{gap:10px}' +
618      '.sdm-worry-title-line{font-size:1.02em}' +
619      '.sdm-worry-panel{padding:24px 20px}' +
620      '.sdm-worry-content{flex-direction:column;gap:10px}' +
621      '.sdm-worry-bubble{width:100%;box-sizing:border-box}' +
622      '.sdm-worry-bubble:before,.sdm-worry-bubble:after{display:none}' +
623      '.sdm-worry-person svg{width:108px}' +
624    '}
624' +
625    /* ── 無料リスニング・プログラム ブロック(2026-07-28 新設) ── */
626    '.flp{background:#fff;border:1px solid #e5e5e5;border-radius:4px;color:#222;margin:0 auto 64px;box-sizing:border-box;font-family:\'Helvetica Neue\',\'Hiragino Kaku Gothic ProN\',\'ヒラギノ角ゴ ProN W3\',\'メイリオ\',sans-serif;transition:transform 260ms cubic-bezier(0.23,1,0.32,1),box-shadow 260ms cubic-bezier(0.23,1,0.32,1),border-color 260ms ease}' +
627    '@media (hover:hover) and (pointer:fine){.flp:hover{transform:translateY(-6px);box-shadow:0 20px 44px rgba(0,0,0,0.09);border-color:#e3c3c3}}' +
628    '.flp *,.flp *:before,.flp *:after{box-sizing:border-box}' +
629    '.flp-in{max-width:1100px;margin:0 auto;padding:40px;display:flex;flex-direction:column;gap:26px}' +
630    '.flp-head{display:flex;flex-direction:column;gap:14px;align-items:flex-start}' +
631    '.flp-tag{display:inline-block;color:#444;font-size:0.82em;font-weight:600;letter-spacing:0.08em;margin:0;line-height:1.5}' +
632    '.flp-h{font-size:1.7em;font-weight:400;font-style:normal;letter-spacing:0.03em;line-height:1.5;margin:0;color:#222;min-width:0;max-width:26em}' +
633    '.flp-h .nw{white-space:nowrap}' +
634    '.flp-body{font-size:0.9em;font-weight:300;line-height:1.85;color:#444;margin:0}' +
635    '.flp-use{font-size:0.88em;font-weight:400;color:#222;margin:0;line-height:1.8}' +
636    '.flp-lane{display:flex;flex-direction:column;gap:0}' +
637    '.flp-span{display:flex;align-items:center;gap:12px;padding-bottom:11px}' +
638    '.flp-span i{flex:1;height:1px;background:#cfc9bd;min-width:0}' +
639    '.flp-span b{font-size:0.72em;font-weight:400;letter-spacing:0.12em;color:#666;white-space:nowrap}' +
640    '.flp-regions{display:grid;grid-template-columns:1.2fr 1fr;gap:3px}' +
641    '.flp-region{border-radius:2px;padding:12px 18px;min-width:0;display:flex;flex-direction:row;align-items:center;gap:14px}' +
642    '.flp{box-shadow:0 10px 32px rgba(0,0,0,0.09)}' +
643    '.flp-region-a{background:#dedad2}' +
644    '.flp-region-b{background:#fff;border:1px solid #dcd7cd}' +
645    '.flp-time{font-size:1.32em;font-weight:600;letter-spacing:0.01em;line-height:1.2;font-variant-numeric:tabular-nums}' +
646    '.flp-region-a .flp-time{color:#c22}' +
647    '.flp-region-b .flp-time{color:#666}' +
648    '.flp-time small{font-size:0.46em;font-weight:400;letter-spacing:0.06em;margin-left:5px;text-transform:lowercase}' +
649    '.flp-region-name{font-size:0.84em;font-weight:600;letter-spacing:0.02em;color:#222}' +
650    '.flp-desc{display:grid;grid-template-columns:1.2fr 1fr;gap:3px;padding-top:13px}' +
651    '.flp-desc p{font-size:0.85em;font-weight:300;line-height:1.85;color:#444;margin:0;padding-right:22px;min-width:0}' +
652    '.flp-desc p+p{padding-left:1px;padding-right:0}' +
653    '.flp-access{font-size:0.82em;font-weight:300;color:#666;margin:0;line-height:1.8}' +
654    '.flp-book{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center}' +
655    '.flp-cta{display:inline-flex;align-items:center;justify-content:center;background:#c22 !important;color:#fff !important;text-decoration:none !important;padding:16px 38px;font-size:0.98em;font-weight:500;letter-spacing:0.05em;border-radius:4px;cursor:pointer;white-space:nowrap;line-height:1.2;transition:background 0.18s ease}' +
656    '.flp-cta:hover{background:#a91d1d !important}' +
657    '.flp-cta:active{transform:translateY(1px)}' +
658    '.flp-cta:focus-visible{outline:3px solid #222;outline-offset:3px}' +
659    '.flp-faq{display:inline-flex;align-items:center;gap:14px;background:#fff;border:1px solid #d5cfc3;border-radius:4px;padding:13px 18px;text-decoration:none;transition:border-color 0.18s ease,background 0.18s ease}' +
660    '.flp-faq{text-decoration:none !important}' + '.flp-faq span{font-size:0.85em;font-weight:400;color:#444 !important}' +
661    '.flp-faq em{font-style:normal;font-size:0.76em;letter-spacing:0.1em;color:#c22 !important;white-space:nowrap}' +
662    '.flp-faq:hover{border-color:#c22;background:#fffdfa}' +
663    '.flp-faq:focus-visible{outline:3px solid #222;outline-offset:3px}' +
664    '@media (max-width:767px){' +
665      '.flp-in{padding:32px 20px !important;gap:22px}' +
666      '.flp-h{font-size:1.35em}' +
667      '.flp-h .nw{white-space:normal}' +
668      '.flp-regions{grid-template-columns:1fr;gap:10px}' +
669      '.flp-region{padding:16px}' +
670      '.flp-desc{grid-template-columns:1fr;gap:18px;padding-top:14px}' +
671      '.flp-desc p{padding-right:0}' +
672      '.flp-desc p+p{padding-left:0}' +
673      '.flp-book{gap:14px}' +
674      '.flp-cta{width:100%;padding:16px 20px;font-size:0.92em}' +
675      '.flp-faq{width:100%;justify-content:space-between}' +
676    '}';
677  document.head.appendChild(s);
678
679  /* SEO メタタグ(title / description / canonical / OGP / Twitter Card)は
680     BiNDup 標準 SEO 設定欄で管理する(サーバー側出力)。
681     JS 動的注入は ① BiNDup 標準と二重出力になる ② SNS クローラが JS を
682     実行せず OGP を認識しない、の 2 点から撤去した。2026-06-09 */
683})();
684</script>
684 
684<script>
685(function(){
686  if(document.getElementById('sdm-lesson-tune2')) return;
687  var s=document.createElement('style'); s.id='sdm-lesson-tune2';
688  s.textContent =
689    '.flp{max-width:1100px;transition:none}' +
690    '.flp:hover{transform:none;box-shadow:0 10px 32px rgba(0,0,0,0.09);border-color:#e5e5e5}' +
691    '.flp .flp-tag{color:#c22;font-weight:600;font-size:0.78em;letter-spacing:0.1em}' +
692    '.flp .flp-h{font-size:1.5em;font-weight:600;letter-spacing:0.005em;line-height:1.45;color:#222;max-width:22em}' +
693    '.flp .flp-body{color:#555;font-size:0.92em;line-height:1.95;font-weight:300;max-width:none}' +
694    '.flp .sdm-lmore summary{display:inline-flex;align-items:center;gap:10px;background:#faf9f6;border:1px solid #dcd7cd;border-radius:4px;padding:11px 20px;font-size:0.86em;color:#222;font-weight:400;cursor:pointer;width:auto;list-style:none}' +
695    '.flp .sdm-lmore summary:hover{border-color:#c22;background:#fffdfa;color:#c22}' +
696    '.flp .sdm-lmore summary::-webkit-details-marker{display:none}' +
697    '.flp .sdm-lmore summary::after{content:"+";font-size:0.95em;color:#c22;line-height:1}' +
698    '.flp .sdm-lmore[open] summary::after{content:"−"}' +
699    '.flp-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px}' +
700    '.flp-dcard{background:#faf9f6;border-radius:6px;padding:16px 18px}' +
701    '.flp-dcard .flp-dhead{font-weight:600;color:#222;font-size:0.86em;margin:0 0 8px}' +
702    '.flp-dcard p{font-size:0.84em;line-height:1.75;margin:0 0 8px;color:#444;padding:0}' +
703    '.flp-dcard p:last-child{margin-bottom:0}' +
704    '@media (max-width:767px){.flp-detail-grid{grid-template-columns:1fr}.sdm-strengths-grid{grid-template-columns:1fr !important}}' +
705    '#sdm-lesson .sdm-page p{max-width:none}' +
706    'h3{font-weight:600;letter-spacing:0.01em}' +
707    '.sdm-btn-primary{display:inline-flex;align-items:center;gap:12px;background:transparent !important;color:#222 !important;border:none;padding:0;font-size:0.95em;font-weight:400;text-decoration:none;border-radius:0;width:auto;max-width:none}' +
708    '.sdm-btn-primary::before{content:"→";display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:#c22;color:#fff;font-size:0.95em;flex-shrink:0;transition:transform .2s ease}' +
709    '.sdm-btn-primary:hover{color:#c22 !important}' +
710    '.sdm-btn-primary:hover::before{transform:translateX(3px)}' +
711    '.sdm-lesson-card > div:last-child{flex:1;display:flex;flex-direction:column}' +
712    '.sdm-lesson-card .sdm-card-more{margin-top:auto}' +
713    '.sdm-lesson-card .sdm-card-more{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;background:#faf9f6;border:1px solid #dcd7cd;border-radius:4px;padding:9px 16px;font-size:0.82em;color:#222}' +
714    '.sdm-lesson-card:hover .sdm-card-more{border-color:#c22;background:#fffdfa;color:#c22}' +
715    '.sdm-examples-card{background:transparent;border:none;padding:0}' +
716    '.sdm-examples-quote{background:#fff;border-left:3px solid #c22;padding:16px 22px;border-radius:0 4px 4px 0}' +
717    '.flp .flp-more{display:inline-flex;align-items:center;gap:10px;background:#faf9f6;border:1px solid #dcd7cd;border-radius:4px;padding:11px 20px;font-size:0.86em;color:#222;font-weight:400;cursor:pointer;transition:border-color .18s ease,background .18s ease,color .18s ease}' +
718    '.flp .flp-more::after{content:"+";font-size:0.95em;color:#c22;line-height:1}' +
719    '.flp .flp-more[data-open="1"]::after{content:"−"}' +
720    '.flp .flp-more:hover{border-color:#c22;background:#fffdfa;color:#c22}';
721  document.head.appendChild(s);
722})();
723</script>
723 
723<script>
724(function(){
725  if(document.getElementById('sdm-lesson-tune')) return;
726  var s = document.createElement('style');
727  s.id = 'sdm-lesson-tune';
728  s.textContent =
729    '.flp{max-width:1100px !important;}' +
730    '.flp-in{padding:26px 28px 28px !important;gap:12px !important;}' +
731    '.flp-head{gap:10px !important;}' +
732    '.flp-h{line-height:1.5 !important;margin:0 !important;font-size:1.22em !important;}' +
733    '.flp-body{line-height:1.7 !important;font-size:0.88em !important;margin:0 !important;}' +
734    '.flp-regions{gap:3px !important;}' +
735    '.flp-region{padding:10px 16px !important;}' +
736    '.flp .sdm-lmore summary{display:inline-flex !important;align-items:center;gap:8px;justify-content:flex-start !important;width:auto !important;}' +
737    '.flp-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:14px;}' +
738    '.flp-dcard{background:#faf9f6;border-radius:6px;padding:16px 18px;}' +
739    '.flp-dcard .flp-dhead{font-weight:600 !important;color:#222;font-size:0.86em !important;margin:0 0 8px !important;}' +
740    '.flp-dcard p{font-size:0.84em !important;line-height:1.75 !important;margin:0 0 8px !important;color:#444;padding:0 !important;}' +
741    '.flp-dcard p:last-child{margin-bottom:0 !important;}' +
742    '.flp-book{margin-top:6px !important;}' +
743    '@media (max-width:767px){.flp-detail-grid{grid-template-columns:1fr;}}' +
744    '.sdm-lmodal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.55);z-index:9999;align-items:center;justify-content:center;padding:20px;box-sizing:border-box;}' +
745    '.sdm-lmodal-panel{background:#fff;max-width:1020px;width:100%;max-height:92vh;overflow:auto;border-radius:6px;padding:34px 40px;box-sizing:border-box;}' +
746    '.sdm-lmodal-panel p{font-size:0.92em;line-height:1.8;}' +
747    '.sdm-lmodal-panel ul{margin:0 0 12px;padding-left:0;list-style:none;}';
748  document.head.appendChild(s);
749})();
750</script>
750 </p>
751<div style="max-width: 1280px; margin: 0 auto; padding: 0 20px; font-family: 'Noto Sans JP', 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', sans-serif; color: #222; font-size: 1.2em;">
752<!-- ① ヒーロー -->
753<div style="text-align: center; margin-bottom: 42px;">
754<h1 style="font-size: clamp(1.7em, 3.8vw, 2.4em); font-weight: 700; letter-spacing: -0.01em; margin: 0; color: #222; line-height: 1.3;"><span style="white-space:nowrap;">DTMレッスン</span> <span style="font-weight:400; font-size:0.72em; margin:0 0.22em; vertical-align:0.06em;">/</span> <span style="white-space:nowrap;">DTMスクール</span></h1>
755<p style="font-size:0.95em;color:#555;line-height:2.05;margin:24px auto 0;font-weight:400;">東京・原宿のマスタリング・スタジオ Saidera Mastering &amp; Recording が運営するDTMレッスン/DTMスクール(DTM教室)。<br>現役エンジニアによるマンツーマン指導で、DTMの基礎からマスタリング・Dolby Atmosまで幅広く対応ã
755—ます。</p>
756<!-- Features(Udemy風の特長ブロック)— CTA の直前に配置 -->
757<div class="sdm-strengths-grid" style="max-width: 1120px; margin: 58px auto 44px;">
758<div class="sdm-strengths-item" style="background:#c22;border-radius:8px;padding:30px 28px;text-align:left;">
759<div style="font-size:1.05em;font-weight:600;margin:0 0 12px;color:#fff;line-height:1.6;">
760 現役エンジニアから
761<br>マンツーマンで学べる
762</div>
763<p style="font-size:0.88em;font-weight:300;line-height:1.9;margin:0;color:rgba(255,255,255,0.92);"> 制作の現場で使われている聴き方や判断基準を、初心者の方でも目的に合わせて学べます。 </p>
764</div>
765<div class="sdm-strengths-item" style="background:#d98c3f;border-radius:8px;padding:30px 28px;text-align:left;">
766<div style="font-size:1.05em;font-weight:600;margin:0 0 12px;color:#fff;line-height:1.6;">
767 プロの制作スタジオが
768<br>直接運営
769</div>
770<p style="font-size:0.88em;font-weight:300;line-height:1.9;margin:0;color:rgba(255,255,255,0.92);">
770 音楽制作を手がけるマスタリング・レコーディングスタジオが運営しています。 </p>
771</div>
772<div class="sdm-strengths-item" style="background:#3b6fa0;border-radius:8px;padding:30px 28px;text-align:left;">
773<div style="font-size:1.05em;font-weight:600;margin:0 0 12px;color:#fff;line-height:1.6;">
774 対面でもオンラインでも
775<br>受講できる
776</div>
777<p style="font-size:0.88em;font-weight:300;line-height:1.9;margin:0;color:rgba(255,255,255,0.92);"> スタジオでの対面レッスンはもちろん、遠方からのオンライン受講にも対応しています。 </p>
778</div>
779</div>
780<div style="text-align:center;">
781<a onclick="document.getElementById('sdm-application-modal').style.display='flex'" style="cursor:pointer; display:block; width:100%; max-width:440px; margin:0 auto; box-sizing:border-box; background:#c22; color:#fff; padding:14px 20px; font-size:0.95em; font-weight:400; letter-spacing:0.06em; border-radius:4px; text-decoration:none; text-align:center;">レッスンに申し込む →</a>
782<p style="margin:14px 0 0; font-size:0.85em; font-weight:300; color:#555;">受講を迷っている方へ — まずは無料リスニング・プログラムで体験 ↓</p>
783<p style="margin:8px 0 0; font-size:0.85em; font-weight:300; color:#555;">レッスンではなく、マスタリング/ミキシングのご依頼をお探しの方は <a href="https://saidera.co.jp/" style="color:#c22; text-decoration:none; border-bottom:1px solid rgba(204,34,34,0.3);">料金・ご依頼はこちら →</a></p>
784</div>
785<div style="width: 100%; max-width: 820px; height: 1px; background: #e5e5e5; margin: 42px auto 0;"></div>
786</div>
787<!-- ③ 無料リスニング・プログラム(2026-07-28 全面改訂:オノさん/木村さん新方針=前半20分ノンストップ+後半10分 持ち込み・質疑応答) -->
788<div class="flp" id="sdm-flp">
789<div class="flp-in">
790<div class="flp-head">
791<p class="flp-tag">無料リスニング・プログラム(スタジオ体験)</p>
792<p class="flp-h"><span class="nw">マスタリング・スタジオで、"正確な音"を耳で知る。</span><br><span class="nw">SDMO Studioで体感してみませんか?</span></p>
793<p class="flp-body" style="margin-top:14px;">SDMO Studio では、わずかな音の違いが「誰にでも」分かります。耳のいい人だけに分かる、という話ではありません。作曲家やアーティストの方はもちろん、オーディオマニアや、音楽を聴くのが好きなだけの方も歓迎しています。一度に1〜3名までご参加いただけます。</p>
794</div>
795<div style="display:flex; align-items:center; gap:22px; flex-wrap:wrap; margin:4px 0 0;">
796<a class="flp-more" onclick="var d=document.getElementById('flp-detail'); var open=d.style.display==='block'; d.style.display=open?'none':'block'; this.setAttribute('data-open', open?'0':'1');" data-open="0">プログラムの詳しい内容を見る</a>
797<a class="sdm-btn-primary" onclick="var m=document.getElementById('sdm-listening-modal')||document.getElementById('listening-modal'); if(m){m.style.display='flex';}" style="cursor:pointer;">無料で予約する</a>
798</div>
799<div id="flp-detail" style="display:none; margin-top:16px;">
800<div class="flp-detail-grid">
801<div class="flp-dcard">
802<p class="flp-dhead">Dolby Atmos(7.1.4ch)の視聴</p>
803<p>前半20分は、Saidera Mastering &amp; Recording が実際に仕上げた作品を、7.1.4ch の正確なモニター環境でお聴きいただきます。</p>
804</div>
805<div class="flp-dcard">
806<p class="flp-dhead">持ち込み・リクエスト試聴・質疑応答</p>
807<p>後半10分は、お持ち込みの USB(WAV等)・CD・SACD・Blu-ray のほか、配信サービスの再生(Apple Music)やSaidera Labels作品の試聴と質疑応答に対応します。</p>
808</div>
809<div class="flp-dcard">
810<p class="flp-dhead">ご参加にあたって</p>
811<p>マスタリングやミキシングを依頼してみたい、レッスンを受けてみたい。迷っている段階でも大丈夫でã
811™ã€‚まずは無料デモを聴きに来てみてください。</p>
812</div>
813</div>
814<p style="margin:12px 0 0; font-size:0.82em; color:#666; line-height:1.75; font-weight:300;">受付時間: 平日 10:00〜18:00。明治神宮前駅から徒歩7分・外苑前駅から徒歩6分(<a onclick="document.getElementById('sdm-map-modal').style.display='flex'" style="cursor:pointer;color:#666;text-decoration:underline;">地図を見る</a>)。</p>
815<p style="margin:14px 0 0;"><a href="https://saidera.co.jp/ma/faq.html#sfaq-c1" style="font-size:0.85em;color:#555;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:1px;">その他のご質問は FAQ →</a></p>
816</div>
817</div>
818</div>
819<!-- ⑤ Lessons(6種類カード) -->
820<div style="margin-bottom: 64px;">
821<div style="display: flex; align-items: baseline; gap: 16px; margin-bottom: 28px;">
822<svg class="sdm-sec-ic" viewbox="0 0 24 24" aria-hidden="true">
823<path d="M12 4 2 9l10 5 10-5z" />
824<path d="M6 11.5V16c0 1.4 2.7 2.7 6 2.7s6-1.3 6-2.7v-4.5" />
825<path d="M22 9v5" />
826</svg>
827<h2 style="font-size: 1.1em; font-weight: 400; margin: 0; letter-spacing: 0.08em; text-transform: uppercase;">Lessons</h2>
828<div style="flex: 1; height: 1px; background: #e5e5e5;"></div>
829</div>
830<div class="sdm-lessons-grid">
831<!-- ───────── 【カード差し替え】① リスニング・レッスン ───────── -->
832<div class="sdm-lesson-card" onclick="document.getElementById('sdm-lmodal-1').style.display='flex'" style="cursor:pointer; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column;">
833<div style="display: flex; align-items: center; gap: 14px; padding: 22px 28px 6px;">
834<span style="flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #c22; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.95em; font-weight: 600;">1</span>
835<h3 style="font-size: 1.08em; font-weight: 600; margin:0; color: #222; line-height: 1.5;">リスニング・レッスン</h3>
836</div>
837<div style="padding: 8px 28px 24px; flex: 1; display: flex; flex-direction: column;">
838<p style="font-size: 0.82em; color: #666; margin: 0 0 12px; font-weight: 300; line-height:1.7;">プロは経験から身につけている"音の聴き方"</p>
839<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 聴き方のコツは誰にでも気づくようになります。自分の中に「音の基準」を作る — エンジニア、作曲家、DJ、オーディオファンのためのクリティカル・リスニング。 </p>
840<span class="sdm-card-more">詳しく見る →</span>
841</div>
842</div>
843<!-- ───────── 【カード差し替え】② マスタリング・レッスン ───────── -->
844<div class="sdm-lesson-card" onclick="document.getElementById('sdm-lmodal-2').style.display='flex'" style="cursor:pointer; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column;">
845<div style="display: flex; align-items: center; gap: 14px; padding: 22px 28px 6px;">
846<span style="flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #d98c3f; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.95em; font-weight: 600;">2</span>
847<h3 style="font-size: 1.08em; font-weight: 600; margin:0; color: #222; line-height: 1.5;">マスタリング・レッスン</h3>
848</div>
849<div style="padding: 8px 28px 24px; flex: 1; display: flex; flex-direction: column;">
850<p style="font-size: 0.82em; color: #666; margin: 0 0 12px; font-weight: 300; line-height:1.7;">音圧調整・EQ など、実践的マスタリング技術を基礎から応用まで</p>
851<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> マスタリングに特化した DTMレッスン。体系的に学びたい未経験者から、現場のプロのピンポイントな質問まで幅広く対応ã
851—ます。 </p>
852<span class="sdm-card-more">詳しく見る →</span>
853</div>
854</div>
855<!-- ───────── 【カード差し替え】③ サウンドクオリティ向上レッスン ───────── -->
856<div class="sdm-lesson-card" onclick="document.getElementById('sdm-lmodal-3').style.display='flex'" style="cursor:pointer; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column;">
857<div style="display: flex; align-items: center; gap: 14px; padding: 22px 28px 6px;">
858<span style="flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #5b8a72; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.95em; font-weight: 600;">3</span>
859<h3 style="font-size: 1.08em; font-weight: 600; margin:0; color: #222; line-height: 1.5;">サウンドクオリティ向上レッスン</h3>
860</div>
861<div style="padding: 8px 28px 24px; flex: 1; display: flex; flex-direction: column;">
862<p style="font-size: 0.82em; color: #666; margin: 0 0 12px; font-weight: 300; line-height:1.7;">プロと同じ機材でも、音が違う理由を包括的に</p>
863<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 基本セッティングから順番に原因を紐解き、最大限の音質を引き出すための具体的な方法を伝授します。DJ を目指す方、自宅録音をする方も必見です。 </p>
864<span class="sdm-card-more">詳しく見る →</span>
865</div>
866</div>
867<!-- ───────── 【カード差し替え】④ Dolby Atmos レッスン ───────── -->
868<div class="sdm-lesson-card" onclick="document.getElementById('sdm-lmodal-4').style.display='flex'" style="cursor:pointer; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column;">
869<div style="display: flex; align-items: center; gap: 14px; padding: 22px 28px 6px;">
870<span style="flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #3b6fa0; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.95em; font-weight: 600;">4</span>
871<h3 style="font-size: 1.08em; font-weight: 600; margin:0; color: #222; line-height: 1.5;">Dolby Atmos レッスン</h3>
872</div>
873<div style="padding: 8px 28px 24px; flex: 1; display: flex; flex-direction: column;">
874<p style="font-size: 0.82em; color: #666; margin: 0 0 12px; font-weight: 300; line-height:1.7;">イマーシブ・立体音響を基礎から応用まで</p>
875<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 映画・音楽・アニメ・ゲーム業界で今や当たり前の <a href="https://saidera.co.jp/ma/dolbyatmos.html" style="color:#222; text-decoration:none; border-bottom:1px solid #ddd;">Dolby Atmos</a>(イマーシブ・立体音響)を、基礎から応用までわかりやすく教えます。正確なモニターで体験しながら習得できます。 </p>
876<span class="sdm-card-more">詳しく見る →</span>
877</div>
878</div>
879<!-- ───────── ⑤ 12カリキュラム・コース(2026-08-04 新設・Rei指示) ───────── -->
880<div class="sdm-lesson-card" onclick="document.getElementById('sdm-lmodal-5').style.display='flex'" style="cursor:pointer; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column;">
881<div style="display: flex; align-items: center; gap: 14px; padding: 22px 28px 6px;">
882<span style="flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #c22; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.95em; font-weight: 600;">5</span>
883<h3 style="font-size: 1.08em; font-weight: 600; margin:0; color: #222; line-height: 1.5;">近道教えちゃいます!</h3>
884</div>
885<div style="padding: 8px 28px 24px; flex: 1; display: flex; flex-direction: column;">
886<p style="font-size: 0.82em; color: #666; margin: 0 0 12px; font-weight: 300; line-height:1.7;">リアルに学べる、12のカリキュラム</p>
887<p style="font-size: 0.95em; color: #555; line-height: 1.8; margin: 0 0 16px; font-weight: 300;">録音・ミキシング・マスタリングから、配信やレコードでの届け方、著作権、セルフプロデュースまで。制作の入口から作品が世に出るまでを12回で一通り学べます。著作権/AI作曲とホール・フェス・クラブのPAの2コマは、オノ セイゲンが担当します。</p>
888<span class="sdm-card-more">詳しく見る →</span>
889</div>
890</div>
891<!-- ───────── ⑥ ビジョン達成!コース(2026-08-06 新設・小松さん指示) ───────── -->
892<div class="sdm-lesson-card" onclick="document.getElementById('sdm-lmodal-6').style.display='flex'" style="cursor:pointer; background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column;">
893<div style="display: flex; align-items: center; gap: 14px; padding: 22px 28px 6px;">
894<span style="flex-shrink: 0; width: 34px; height: 34px; border-radius: 50%; background: #7a4f96; color: #fff; display: inline-flex; align-items: center; justify-content: center; font-size: 0.95em; font-weight: 600;">6</span>
895<h3 style="font-size: 1.08em; font-weight: 600; margin:0; color: #222; line-height: 1.5;">ビジョン達成!コース</h3>
896</div>
897<div style="padding: 8px 28px 24px; flex: 1; display: flex; flex-direction: column;">
898<p style="font-size: 0.82em; color: #666; margin: 0 0 12px; font-weight: 300; line-height:1.7;">音楽に携わるすべての人向け</p>
899<p style="font-size: 0.95em; color: #555; line-height: 1.8; margin: 0 0 16px; font-weight: 300;">あなた自身がなりたいものになるために、ビジョンの決め方と、ビジョンの現実化のノウハウをお伝えします。それに加え、現状の悩みや停滞に突破口を切り開き、自分の人生に拡大した視点が持てるよう全力でサポートします。</p>
900<span class="sdm-card-more">詳しく見る →</span>
901</div>
902</div>
903</div>
904</div>
905<!-- ⑦ 料金プラン + CTA③ -->
906<div style="margin-bottom: 64px;">
907<div style="display: flex; align-items: baseline; gap: 16px; margin-bottom: 28px;">
908<svg class="sdm-sec-ic" viewbox="0 0 24 24" aria-hidden="true">
909<circle cx="12" cy="12" r="9" />
910<path d="M8.5 8l3.5 4 3.5-4M12 12v5M9.5 13.7h5M9.5 16h5" />
911</svg>
912<h2 style="font-size: 1.1em; font-weight: 400; margin: 0; letter-spacing: 0.08em; text-transform: uppercase;">Price / Booking</h2>
913<span style="font-size: 0.85em; color: #666; font-weight: 300;">— オンライン/対面(原宿 SDMO Studio)の料金</span>
914<div style="flex: 1; height: 1px; background: #e5e5e5;"></div>
915</div>
916<!-- 安心バンド: 都度払いの競合対比 -->
917<div style="display:flex; flex-wrap:wrap; gap:10px 22px; margin-bottom:24px;">
918<span style="font-size:0.82em; color:#444; font-weight:400;"><span style="color:#c22; font-weight:500;">✓</span> 入会金なし</span>
919<span style="font-size:0.82em; color:#444; font-weight:400;"><span style="color:#c22; font-weight:500;">✓</span> 登録不要</span>
920<span style="font-size:0.82em; color:#444; font-weight:400;"><span style="color:#c22; font-weight:500;">✓</span> 1レッスンずつ都度払い</span>
921</div>
922<div class="sdm-price-grid" style="margin-bottom: 28px;">
923<!-- Online -->
924<div style="background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 28px 28px 24px;">
925<div style="display:flex; align-items:center; gap:14px; margin:0 0 16px;">
926<svg viewbox="0 0 24 24" fill="none" stroke="#c22" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width:30px;height:30px;display:block;margin:0;flex-shrink:0;">
927<rect x="2" y="4" width="20" height="13" rx="2" />
928<path d="M8 21h8M12 17v4" />
929<path d="m10 8 5 2.5-5 2.5z" fill="#c22" stroke="none" />
930</svg>
931<h3 style="font-size:1.05em; font-weight:600; margin:0;">オンライン・レッスン</h3>
932</div>
933<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 20px; font-weight: 300;"> 全国どこからでも、Zoom や Google Meet などのオンラインツールで受講できます。セットアップは事前にサポートしますので、はじめての方もご安心ください。 </p>
934<div style="margin: 0 0 14px;">
935<div style="display: flex; align-items: baseline; gap: 10px; margin-bottom: 5px;">
936<span style="font-size: 0.7em; color: #777; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; min-width: 60px;">60 min</span>
937<span style="font-size: 1em; font-weight: 400; color: #222;">¥11,000 <span style="font-size: 0.75em; font-weight: 300; color: #555;">(税込)</span></span>
938</div>
939<div style="display: flex; align-items: baseline; gap: 10px;">
940<span style="font-size: 0.7em; color: #777; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; min-width: 60px;">90 min</span>
941<span style="font-size: 1em; font-weight: 400; color: #222;">¥16,500 <span style="font-size: 0.75em; font-weight: 300; color: #555;">(税込)</span></span>
942</div>
943</div>
944</div>
945<!-- Attended -->
946<div style="background: #fff; border: 1px solid #e5e5e5; border-radius: 4px; padding: 28px 28px 24px;">
947<div style="display:flex; align-items:center; gap:14px; margin:0 0 16px;">
948<svg viewbox="0 0 24 24" fill="none" stroke="#c22" stroke-width="1.4" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true" style="width:30px;height:30px;display:block;margin:0;flex-shrink:0;">
949<path d="M12 21s-6.5-6-6.5-10.5a6.5 6.5 0 0 1 13 0C18.5 15 12 21 12 21z" />
950<circle cx="12" cy="10.5" r="2.5" />
951</svg>
952<h3 style="font-size:1.05em; font-weight:600; margin:0;">対面レッスン(SDMO Studio)</h3>
953</div>
954<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 20px; font-weight: 300;"> 明治神宮前駅から徒歩7分・外苑前駅から徒歩6分。東京・
954原宿のDTM教室として SDMO Studio で受講できます。プロが日々作品を仕上げているスピーカーで聴きながら学べます。 </p>
955<div style="margin: 0 0 14px;">
956<div style="display: flex; align-items: baseline; gap: 10px; margin-bottom: 5px;">
957<span style="font-size: 0.7em; color: #777; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; min-width: 60px;">60 min</span>
958<span style="font-size: 1em; font-weight: 400; color: #222;">¥16,500 <span style="font-size: 0.75em; font-weight: 300; color: #555;">(税込)</span></span>
959</div>
960<div style="display: flex; align-items: baseline; gap: 10px;">
961<span style="font-size: 0.7em; color: #777; font-weight: 400; text-transform: uppercase; letter-spacing: 0.1em; min-width: 60px;">90 min</span>
962<span style="font-size: 1em; font-weight: 400; color: #222;">¥24,750 <span style="font-size: 0.75em; font-weight: 300; color: #555;">(税込)</span></span>
963</div>
964</div>
965<p style="font-size: 0.8em; color: #555; margin: 0; font-weight: 300; line-height: 1.7; padding-top: 14px;"> ※ 平日 10:00〜18:00外のご利用は別途 30% のチャージが発生。 </p>
966</div>
967</div>
968<p style="font-size: 0.85em; color: #555; line-height: 1.8; margin: 0 0 8px; font-weight: 300;"> ※ 入会金や登録は必要ありません。都度ご予約ください。 </p>
969<p style="font-size: 0.85em; color: #555; line-height: 1.8; margin: 0 0 8px; font-weight: 300;"> ※ レッスンは料金内でお 2 人まで来ていただいて構いません。 </p>
970<p style="font-size: 0.85em; color: #555; line-height: 1.8; margin: 0 0 28px; font-weight: 300;"> ※ お支払い方法: 銀行振込 / クレジットカード / PayPal(クレジット・PayPal は +3% の手数料) </p>
971<!-- CTA④ 本申し込み(フォームURL確定後に接続。plans/lesson-application-form-skeleton.md 参照) -->
972<div style="text-align:center; padding-top:20px;">
973<a onclick="document.getElementById('sdm-application-modal').style.display='flex'" style="cursor:pointer; display:block; width:100%; max-width:440px; margin:0 auto; box-sizing:border-box; background:#c22; color:#fff; padding:14px 20px; font-size:0.95em; font-weight:400; letter-spacing:0.06em; border-radius:4px; text-decoration:none; text-align:center;">レッスンに申し込む →</a>
974</div>
975</div>
976<div style="width: 100%; max-width: 820px; height: 1px; background: #e5e5e5; margin: 0 auto 42px;"></div>
977<!-- ⑥ Production Examples(制作実績)— 08-21: 全幅ウォームグレー帯 -->
978<div style="margin:0 calc(50% - 50vw) 64px; width:100vw; background:#faf9f6; padding:56px 0;">
979<div style="max-width:1100px; margin:0 auto; padding:0 20px;">
980<div style="margin-bottom: 64px;">
981<div style="display: flex; align-items: baseline; gap: 16px; margin-bottom: 28px;">
982<svg class="sdm-sec-ic" viewbox="0 0 24 24" aria-hidden="true">
983<circle cx="12" cy="12" r="9" />
984<circle cx="12" cy="12" r="2.4" />
985</svg>
986<h2 style="font-size: 1.1em; font-weight: 400; margin: 0; letter-spacing: 0.08em; text-transform: uppercase;">Production Examples</h2>
987<span style="font-size: 0.85em; color: #666; font-weight: 300;">— Saidera Mastering &amp; Recording 制作実績</span>
988<div style="flex: 1; height: 1px; background: #e5e5e5;"></div>
989</div>
990<div class="sdm-examples-card">
991<p style="font-size: 0.72em; color: #c22; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 12px; font-weight: 400;">Case Study</p>
992<h3 style="font-size: 1.3em; font-weight: 400; margin: 0 0 10px; letter-spacing: 0.02em; line-height: 1.5;">ピアノとマイク 3 本だけで作る、初めての自主制作アルバム</h3>
993<p style="font-size: 0.9em; color: #555; margin: 0 0 8px; font-weight: 400; line-height: 1.6;">— 立原 綾乃『Garden』 <span style="color: #888;">(2025 年 4 月リリース)</span></p>
994<div class="sdm-examples-photos">
995<img src="../_userdata/Lesson/photo-01.jpg" alt="制作実績 1" loading="lazy" onerror="this.style.display='none'">
996<img src="../_userdata/Lesson/photo-02.jpg" alt="制作実績 2" loading="lazy" onerror="this.style.display='none'">
997<img src="../_userdata/Lesson/photo-03.jpg" alt="制作実績 3" loading="lazy" onerror="this.style.display='none'">
998<img src="../_userdata/Lesson/photo-04.jpg" alt="制作実績 4" loading="lazy" onerror="this.style.display='none'">
999</div>
1000<p style="font-size: 0.78em; color: #888; text-align: center; margin: 0 0 24px; font-weight: 300; line-height: 1.6;">軽井沢「森の音楽堂」での録音風景と、シンガーソングライター 立原 綾乃さん。</p>
1001<p style="font-size: 0.92em; color: #222; line-height: 1.95; margin: 0 0 26px; font-weight: 400; background: #fafafa; padding: 18px 22px; border-left: 3px solid #c22; border-radius: 4px;"> ひと昔まえでしたら、このようなロケーション・レコーディングは、メジャーレーベルやしっかりと制作費がないと実現できませんでした。当時の DAW・マイクなど録音機材は、いまの 10〜50 倍の値段だったからです。今なら会社員のボーナス程度の予算でも、プライベートスタジオを組むことができます。 </p>
1002<p style="font-size: 0.92em; color: #333; line-height: 2; margin: 0 0 16px; font-weight: 300;"> 2024 年、オノ宛に 1 通の録音相談が届きました。シンガーソングライターの立原綾乃さん。「軽井沢に <strong style="font-weight: 400;">"森の音楽堂"</strong> と呼ぶ小さなホールとコンサートピアノを所有していて活動をしているが、自分で録音した経験はない」というご相談でした。 </p>
1003<p style="font-size: 0.92em; color: #333; line-height: 2; margin: 0 0 16px; font-weight: 300;"> オノの答えは明確でした — <em style="font-style: italic; color: #222;">「エンジニアと機材を持ち込むこともできますが、その予算で録音機材を揃えてしまいましょう。ファーストアルバムだけでなく、これから何枚でも作れます。ミキシングやマスタリングはオンラインで仕上げればいいのです」</em>。 </p>
1004<p style="font-size: 0.92em; color: #333; line-height: 2; margin: 0 0 16px; font-weight: 300;"> 機材選びはイケベ楽器の沼田さんを紹介し、予算内に収まる最小構成 — <strong style="font-weight: 400;">マイク 3 本/ProTools/SSL 12</strong> に絞り込みました。ピアノに 2 本、ボーカルに 1 本。それだけです。 </p>
1005<p style="font-size: 0.92em; color: #333; line-height: 2; margin: 0 0 16px; font-weight: 300;"> 雪の残る軽井沢に、オノ セイゲンが <a href="https://saidera.co.jp/prof/tat.html" style="color: #222; text-decoration: none; border-bottom: 1px solid #ddd;">木村 達司</a> と <a href="https://saidera.co.jp/prof/kamada.html" style="color: #222; text-decoration: none; border-bottom: 1px solid #ddd;">鎌田 岳彦</a> の 2 名のエンジニアと向かい、ピアノ位置とボーカルのマイクのベストなセッティングを 半日で決定。あとは立原さんが、自分のペースで毎日録音を進めていくのです。 </p>
1006<p style="font-size: 0.92em; color: #333; line-height: 2; margin: 0 0 16px; font-weight: 300;"> 仕上げのミキシングは <a href="https://saidera.co.jp/prof/tomita.html" style="color: #222; text-decoration: none; border-bottom: 1px solid #ddd;">トミー・トミタ</a> がオンラインで対応、マスタリングは <a href="https://saidera.co.jp/prof/ono.html" style="color: #222; text-decoration: none; border-bottom: 1px solid #ddd;">オノ セイゲン</a>。2025 年 4 月、立原綾乃さんのファーストアルバム『Garden』がリリースされました。 </p>
1007<div class="sdm-examples-quote">
1008<p style="font-size: 0.92em; color: #222; line-height: 1.95; margin: 0; font-weight: 300; font-style: italic;"> まちがいなくアーティスト本人の満足できるいい音の制作ができるワークフローを、まったく初めての方にも手取り足取り伝授する — それが <strong style="font-style: normal; font-weight: 400;">Saidera Mastering &amp; Recording の DTMレッスン</strong> です。 </p>
1009</div>
1010</div>
1011<p style="margin:18px 0 0;"><a href="https://saidera.co.jp/ma/recordingandmixinglesson.html" style="font-size:0.85em;color:#555;text-decoration:none;border-bottom:1px solid #bbb;padding-bottom:1px;">この制作の詳しい記録(録音風景の写真つき)を見る →</a></p>
1012</div>
1013<div style="width: 100%; max-width: 820px; height: 1px; background: #e5e5e5; margin: 0 auto 42px;"></div>
1014</div>
1015</div>
1016<!-- ⑧ FAQ -->
1017<div style="margin-bottom: 32px;">
1018<div style="display: flex; align-items: baseline; gap: 16px; margin-bottom: 28px;">
1019<svg class="sdm-sec-ic" viewbox="0 0 24 24" aria-hidden="true">
1020<path d="M21 15a2 2 0 0 1-2 2H8l-5 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" />
1021<path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3" />
1022<path d="M12 15.4h.01" />
1023</svg>
1024<h2 style="font-size: 1.1em; font-weight: 400; margin: 0; letter-spacing: 0.08em; text-transform: uppercase;">FAQ — よくあるご質問</h2>
1025<div style="flex: 1; height: 1px; background: #e5e5e5;"></div>
1026</div>
1027<div style="text-align:center;">
1028<a class="sdm-faq-link" href="https://saidera.co.jp/ma/faq.html#sfaq-c4">レッスンに関するその他のご質問・料金の詳細は <em>FAQ ページ</em>でご確認いただけます →</a>
1029</div>
1030</div>
1031</div>
1032<!-- ▼ 無料リスニング予約モーダル(Lessonページ専用 / footer 非依存) -->
1033<div id="sdm-listening-modal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55); z-index:9999;
1033 align-items:center; justify-content:center;" onclick="if(event.target===this)this.style.display='none'">
1034<div style="background:#fff; width:90%; max-width:620px; max-height:88vh; display:flex; flex-direction:column; border-radius:4px; overflow:hidden; font-family:'Noto Sans JP','Helvetica Neue','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',sans-serif;">
1035<div style="display:flex; justify-content:space-between; align-items:center; padding:14px 20px; border-bottom:1px solid #e5e5e5; flex-shrink:0;">
1036<p style="margin:0; font-size:0.82em; font-weight:400; letter-spacing:0.08em; color:#333; text-transform:uppercase;">Free Listening Program — 予約</p>
1037<button onclick="document.getElementById('sdm-listening-modal').style.display='none'" style="background:none; border:none; cursor:pointer; font-size:1.1em; color:#888; padding:0; line-height:1; font-weight:300;">✕</button>
1038</div>
1039<iframe src="https://docs.google.com/forms/d/e/1FAIpQLScs_lUC0Cov3BsCE9JR3FTH-tmeYEVqxt4-RCkCMBImZa5LjQ/viewform?embedded=true" style="flex:1; border:none; min-height:520px;" frameborder="0">読み込み中…</iframe>
1040</div>
1041</div>
1042<!-- ▼ レッスン本申し込みモーダル(Lessonページ専用 / footer 非依存) -->
1043<div id="sdm-lmodal-1" class="sdm-lmodal" onclick="if(event.target===this)this.style.display='none'">
1044<div class="sdm-lmodal-panel">
1045<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 12px;">
1046<h3 style="font-size:1.1em;font-weight:600;margin:0;color:#222;line-height:1.5;">リスニング・レッスン</h3>
1047<button onclick="document.getElementById('sdm-lmodal-1').style.display='none'" style="background:none;border:none;cursor:pointer;font-size:1.15em;color:#888;padding:0;line-height:1;">✕</button>
1048</div>
1049<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 聴き方のコツは誰にでも気づくようになります。自分の中に「音の基準」を作る — エンジニア、作曲家、DJ、オーディオファンのためのクリティカル・リスニング。 </p>
1050<div>
1051<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">レッスン内容・例を見る</p>
1052<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 機材を変えてもミックスが安定しない、自分の判断に確信が持てない — その原因は耳の経験不足にあります。プロが日々作品を仕上げているスタジオで名盤の細部を聴き分ける訓練を重ねることで、自宅やオンラインでも一貫した判断ができるようになります。 </p>
1053<p style="font-size: 0.82em; color: #555; line-height: 1.85; margin: 4px 0 0; font-weight: 300;"> ご自分の好きな CD・レコード・音楽データをお持ちください。SDMO Studio では映画の 5.1ch Blu-ray、SACD、Dolby Atmos 作品例もご用意しています。 </p>
1054<p style="font-size:0.85em;font-weight:600;color:#c22;letter-spacing:0.08em;margin:22px 0 10px;">NEW</p>
1055<p style="font-size:0.95em;font-weight:600;color:#c22;line-height:1.7;margin:0 0 6px;">モニター調整・レッスンが加わりました</p>
1056<p style="font-size:0.95em;font-weight:300;color:#c22;line-height:1.8;margin:0;">SDMO Studio モニター調整責任者の田口 黎が講師。オノ セイゲン直伝。(オノのコンサルティングは<a href="https://saidera.co.jp/ai/ai.html" style="color:#c22;text-decoration:none;border-bottom:1px solid rgba(204,34,34,0.5);">こちら</a>)</p>
1057</div>
1058</div>
1059</div>
1060<div id="sdm-lmodal-2" class="sdm-lmodal" onclick="if(event.target===this)this.style.display='none'">
1061<div class="sdm-lmodal-panel">
1062<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 12px;">
1063<h3 style="font-size:1.1em;font-weight:600;margin:0;color:#222;line-height:1.5;">マスタリング・レッスン</h3>
1064<button onclick="document.getElementById('sdm-lmodal-2').style.display='none'" style="background:none;border:none;cursor:pointer;font-size:1.15em;color:#888;padding:0;line-height:1;">✕</button>
1065</div>
1066<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> マスタリングに特化した DTMレッスン。体系的に学びたい未経験者から、現場のプロのピンポイントな質問まで幅広く対応ã
1066—ます。 </p>
1067<div>
1068<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">レッスン内容・カリキュラムを見る</p>
1069<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 現役マスタリングエンジニアが実作業を見せながら向き合います。基礎理論だけでなく、現場の判断基準をそのまま体験できます。 </p>
1070<p style="font-size: 0.78em; color: #666; margin: 0 0 8px; font-weight: 300; line-height: 1.7;"> ▼ 全カリキュラム(系統的に学べる順序で並べています) </p>
1071<div style="margin: 0 0 16px;">
1072<div>
1073<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">カリキュラム(初級〜中級)/全 8 項目</p>
1074<div class="sdm-acc-body">
1075<ul>
1076<li>・ モニタースピーカーの設置・調整、ヘッドホンの聴き分け</li>
1077<li>・ マスタリング用のソフト・ハード・機材選びの相談</li>
1078<li>・ 良い録音を聴く(ジャンル・時代・エンジニア別)</li>
1079<li>・ まずはマスタリングをやってみる</li>
1080<li>・ EQ /コンプレッサー/リミッターの基礎</li>
1081<li>・ ボーカルをより良く聴かせるマスタリング</li>
1082<li>・ 音圧アップのテクニックと注意点</li>
1083<li>・ 音源ファイルの書き出しと総評</li>
1084</ul>
1085</div>
1086</div>
1087<div>
1088<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">カリキュラム(中級〜上級)/全 11 項目</p>
1089<div class="sdm-acc-body">
1090<ul>
1091<li>・ クリティカル・リスニング(音を聴きとる耳を育む)</li>
1092<li>・ 現状のマスタリング音源から課題を見つける</li>
1093<li>・ 世界の最新サウンドを聴いて気づきを得る(2020 年以降)</li>
1094<li>・ 音を言葉にする。コミュニケーションの重要性</li>
1095<li>・ 各周波数にどんな音がいるか</li>
1096<li>・ プラグインプリセットの意図を掴む</li>
1097<li>・ iZotope Ozone だけで仕上げるマスタリング</li>
1098<li>・ QC(品質管理)・iZotope RX でのノイズ除去</li>
1099<li>・ EQ/コンプの思考と具体テクニック</li>
1100<li>・ ボーカル・ドラムの聴かせ方</li>
1101<li>・ 現状のマスタリング処理へのピンポイントアドバイス</li>
1102</ul>
1103</div>
1104</div>
1105</div>
1106</div>
1107</div>
1108</div>
1109<div id="sdm-lmodal-3" class="sdm-lmodal" onclick="if(event.target===this)this.style.display='none'">
1110<div class="sdm-lmodal-panel">
1111<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 12px;">
1112<h3 style="font-size:1.1em;font-weight:600;margin:0;color:#222;line-height:1.5;">サウンドクオリティ向上レッスン</h3>
1113<button onclick="document.getElementById('sdm-lmodal-3').style.display='none'" style="background:none;border:none;cursor:pointer;font-size:1.15em;color:#888;padding:0;line-height:1;">✕</button>
1114</div>
1115<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 基本セッティングから順番に原因を紐解き、最大限の音質を引き出すための具体的な方法を伝授します。DJ を目指す方、自宅録音をする方も必見です。 </p>
1116<div>
1117<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">レッスン内容・例を見る</p>
1118<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 同じプラグイン、同じ DAW、同じモニターでも、プロと自宅の音が違う本当の理由は「環境とセッティング」です。録音前・モニタリング前の段階から見直すことで、お持ちの機材本来の性能を引き出します。 </p>
1119<div style="background: #fafafa; padding: 14px 16px; margin: 0 0 16px; border-left: 2px solid #ddd;">
1120<p style="font-size: 0.72em; color: #666; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 8px; font-weight: 400;">レッスン例</p>
1121<ul style="margin: 0; padding: 0; list-style: none;">
1122<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ マイクのセッティング</li>
1123<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ 録音前の音質調整・ルームアコースティック</li>
1124<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ モニタリング環境の整え方</li>
1125<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ トラック診断&改善アドバイス</li>
1126<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">
1126・ EQ で帯域を住み分ける(こもり・団子の解消)</li>
1127<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ コンプレッサーでまとまりを作る</li>
1128<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ リバーブ/ディレイなど空間処理の基本</li>
1129<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ スピーカー設置・吸音材の配置</li>
1130<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ ヘッドホンミックスの落とし穴</li>
1131<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ ゲインステージングの考え方</li>
1132<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ DAW 設定・バッファサイズの最適化</li>
1133</ul>
1134</div>
1135</div>
1136</div>
1137</div>
1138<div id="sdm-lmodal-4" class="sdm-lmodal" onclick="if(event.target===this)this.style.display='none'">
1139<div class="sdm-lmodal-panel">
1140<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 12px;">
1141<h3 style="font-size:1.1em;font-weight:600;margin:0;color:#222;line-height:1.5;">Dolby Atmos レッスン</h3>
1142<button onclick="document.getElementById('sdm-lmodal-4').style.display='none'" style="background:none;border:none;cursor:pointer;font-size:1.15em;color:#888;padding:0;line-height:1;">✕</button>
1143</div>
1144<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> 映画・音楽・アニメ・ゲーム業界で今や当たり前の <a href="https://saidera.co.jp/ma/dolbyatmos.html" style="color:#222; text-decoration:none; border-bottom:1px solid #ddd;">Dolby Atmos</a>(イマーシブ・立体音響)を、基礎から応用までわかりやすく教えます。正確なモニターで体験しながら習得できます。 </p>
1145<div>
1146<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">レッスン内容・例を見る</p>
1147<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;"> SHIZUKA Stillness Panel SDM と最新モデル Eclipse TD 508MK4(8cm フルレンジタイムドメイン・スピーカー)による 7.1.4 は、ホームシアターのお手本です。 </p>
1148<div style="background: #fafafa; padding: 14px 16px; margin: 12px 0 16px; border-left: 2px solid #ddd;">
1149<p style="font-size: 0.72em; color: #666; letter-spacing: 0.1em; text-transform: uppercase; margin: 0 0 8px; font-weight: 400;">レッスン例</p>
1150<ul style="margin: 0; padding: 0; list-style: none;">
1151<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ Dolby Atmos の基本概念と制作フロー</li>
1152<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ DAW 設定・モニター環境のセットアップ</li>
1153<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ ベッド / オブジェクトの使い分け</li>
1154<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ 空間演出(パン・リバーブ)/納品仕様</li>
1155<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ バイノーラル変換と確認手法</li>
1156<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ ADM BWF ファイルの書き出し</li>
1157<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ Apple Music Spatial Audio 配信仕様</li>
1158<li style="font-size: 0.82em; color: #333; line-height: 1.7; font-weight: 300;">・ ステレオ → Atmos のリミックス手順</li>
1159</ul>
1160</div>
1161</div>
1162</div>
1163</div>
1164<div id="sdm-lmodal-5" class="sdm-lmodal" onclick="if(event.target===this)this.style.display='none'">
1165<div class="sdm-lmodal-panel">
1166<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 12px;">
1167<h3 style="font-size:1.1em;font-weight:600;margin:0;color:#222;line-height:1.5;">近道教えちゃいます!</h3>
1168<button onclick="document.getElementById('sdm-lmodal-5').style.display='none'" style="background:none;border:none;cursor:pointer;font-size:1.15em;color:#888;padding:0;line-height:1;">✕</button>
1169</div>
1170<div>
1171<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">1〜12のカリキュラムを見る</p>
1172<ul style="list-style: none; padding: 0; margin: 0 0 16px;">
1173<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">① 録音とは <span style="color: #666;">— いちばん重要なのです。</span></li>
1174<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">② ミキシング/マスタリングとは <span style="color: #666;">— バランスをとる。</span></li>
1175<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">③ デジタルとアナログ</li>
1176<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">④ 配信/レコード/CD/ハイレゾ</li>
1177<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑤ アーティスト <span style="color: #666;">
1177— なぜファンはそのアーティストを選ぶ? 他のアーティストと何が違う? あなたの特徴は? 声? 表現?</span></li>
1178<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑥ ノベルティーと物販の重要性</li>
1179<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑦ 発声/演奏/ダンス <span style="color: #666;">— 表現する重要性。読譜(基礎)、楽典、コード。</span></li>
1180<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑧ デモテープ/トラックメーキング <span style="color: #666;">— プロを目指すには必要。</span></li>
1181<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑨ 音以外のビジュアル面の演出</li>
1182<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑩ マネジメント <span style="color: #666;">— セルフプロデュース/SNSでのプロモーション。</span></li>
1183<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑪ コンサートホール(classic)/スタジアムやフェス/クラブのPA</li>
1184<li style="font-size: 0.82em; color: #333; line-height: 1.85; font-weight: 300;">⑫ 著作権/著作隣接権/AI 作曲</li>
1185</ul>
1186<p style="font-size: 0.82em; color: #555; line-height: 1.85; margin: 0 0 4px; font-weight: 300;">①〜⑩ 担当講師: Sorina Turcas</p>
1187<p style="font-size: 0.82em; color: #555; line-height: 1.85; margin: 0 0 4px; font-weight: 300;">⑪⑫の講師: オノ セイゲン</p>
1188<p style="font-size: 0.82em; color: #555; line-height: 1.85; margin: 0 0 4px; font-weight: 300;">②③④は、田口、根本を選択も可能。</p>
1189<p style="font-size: 0.82em; color: #555; line-height: 1.85; margin: 12px 0 4px; font-weight: 300;">対面推奨(オンラインも同額)</p>
1190<p style="font-size: 0.95em; font-weight: 400; color: #222; margin: 8px 0 0;">¥198,000 <span style="font-size: 0.75em; font-weight: 300; color: #555;">(税込)</span><span style="font-size: 0.8em; font-weight: 300; color: #555;">|1回あたり ¥15,000(税込)</span></p>
1191</div>
1192</div>
1193</div>
1194<div id="sdm-lmodal-6" class="sdm-lmodal" onclick="if(event.target===this)this.style.display='none'">
1195<div class="sdm-lmodal-panel">
1196<div style="display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin:0 0 12px;">
1197<h3 style="font-size:1.1em;font-weight:600;margin:0;color:#222;line-height:1.5;">ビジョン達成!コース</h3>
1198<button onclick="document.getElementById('sdm-lmodal-6').style.display='none'" style="background:none;border:none;cursor:pointer;font-size:1.15em;color:#888;padding:0;line-height:1;">✕</button>
1199</div>
1200<div>
1201<p style="font-size:0.9em;font-weight:600;color:#222;margin:18px 0 8px;">コース内容を見る</p>
1202<p style="font-size: 0.95em; color: #333; line-height: 1.8; margin: 0 0 16px; font-weight: 300;">あなた自身がなりたいものになるために、ビジョンの決め方と、ビジョンの現実化のノウハウをお伝えします。それに加え、現状の悩みや停滞に突破口を切り開き、自分の人生に拡大した視点が持てるよう全力でサポートします。</p>
1203<p style="font-size: 0.82em; color: #555; line-height: 1.85; margin: 0; padding-top: 14px; border-top: 1px solid #f0f0f0; font-weight: 300;">担当講師:法政大学経営学部卒業 <span style="color: #222; font-weight: 400; white-space: nowrap;">小松 憲亮</span><br>アメリカの心理学者・哲学博士であるゲリー・ボーネル氏に師事。<br>専門の訓練と自己探究を続けながら研鑽を積む。</p>
1204</div>
1205</div>
1206</div>
1207<div id="sdm-map-modal" class="sdm-lmodal" onclick="if(event.target===this)this.style.display='none'">
1208<div class="sdm-lmodal-panel" style="max-width:760px;padding:20px;">
1209<div style="display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 12px;">
1210<p style="font-size:1em;font-weight:600;margin:0;color:#222;">SDMO Studio / 東京都渋谷区神宮前3-33-2</p>
1211<button onclick="document.getElementById('sdm-map-modal').style.display='none'" style="background:none;border:none;cursor:pointer;font-size:1.15em;color:#888;padding:0;line-height:1;">✕</button>
1212</div>
1213<iframe src="https://www.google.com/maps?q=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%8B%E8%B0%B7%E5%8C%BA%E7%A5%9E%E5%AE%AE%E5%89%8D3-33-2&amp;output=embed" style="width:100%;height:420px;border:0;display:block;border-radius:4px;" loading="lazy" title="SDMO Studio 地図"></iframe>
1214<p style="font-size:0.8em;color:#666;margin:10px 0 0;"><a href="https://www.google.com/maps/search/?api=1&amp;query=%E6%9D%B1%E4%BA%AC%E9%83%BD%E6%B8%8B%E8%B0%B7%E5%8C%BA%E7%A5%9E%E5%AE%AE%E5%89%8D3-33-2" target="_blank" rel="noopener" style="color:#c22;">Google マップで開く →</a></p>
1215</div>
1216</div>
1217<div id="sdm-application-modal" style="display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.55); z-index:9999;
1217 align-items:center; justify-content:center;" onclick="if(event.target===this)this.style.display='none'">
1218<div style="background:#fff; width:90%; max-width:620px; max-height:88vh; display:flex; flex-direction:column; border-radius:4px; overflow:hidden; font-family:'Noto Sans JP','Helvetica Neue','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ',sans-serif;">
1219<div style="display:flex; justify-content:space-between; align-items:center; padding:14px 20px; border-bottom:1px solid #e5e5e5; flex-shrink:0;">
1220<p style="margin:0; font-size:0.82em; font-weight:400; letter-spacing:0.08em; color:#333; text-transform:uppercase;">Lesson Application — お申し込み</p>
1221<button onclick="document.getElementById('sdm-application-modal').style.display='none'" style="background:none; border:none; cursor:pointer; font-size:1.1em; color:#888; padding:0; line-height:1; font-weight:300;">✕</button>
1222</div>
1223<iframe src="https://docs.google.com/forms/d/1V3K5sawLbV43BWhGh7sEJV6LebkCLMfPH6xZOy4aLJY/viewform?embedded=true" style="flex:1; border:none; min-height:520px;" frameborder="0">読み込み中…</iframe>
1224</div>
1225</div>
1226<!-- ============================================================
1227     構造化データ (JSON-LD) - body 内配置で Google 公式サポート
1228============================================================ -->
1229<script type="application/ld+json">
1230{
1231  "@context": "https://schema.org",
1232  "@type": "Course",
1233  "name": "Saidera Mastering & Recording DTMレッスン",
1234  "description": "原宿のマスタリングスタジオで、現役プロエンジニアから DTM・マスタリング・Dolby Atmos を完全マンツーマンで学べるレッスン。1996 年創業 Saidera Mastering & Recording 直営。",
1235  "url": "https://saidera.co.jp/ma/lesson.html",
1236  "provider": {
1237    "@type": "Organization",
1238    "name": "Saidera Mastering & Recording",
1239    "url": "https://saidera.co.jp/",
1240    "logo": "https://saidera.co.jp/_src/23499/saidera-logo_short.png",
1241    "foundingDate": "1996"
1242  },
1243  "inLanguage": "ja",
1244  "courseMode": ["onsite", "online"],
1245  "educationalLevel": ["Beginner", "Intermediate", "Advanced"],
1246  "hasCourseInstance": [
1247    {
1248      "@type": "CourseInstance",
1249      "name": "リスニング・レッスン",
1250      "description": "プロのエンジニアが日々使う正確なモニター環境で、音の聴き方を養うクリティカル・リスニングのレッスン。",
1251      "courseMode": ["onsite", "online"]
1252    },
1253    {
1254      "@type": "CourseInstance",
1255      "name": "マスタリング・レッスン",
1256      "description": "音圧調整・EQ など、実践的マスタリング技術を基礎から応用まで学べるレッスン。",
1257      "courseMode": ["onsite", "online"]
1258    },
1259    {
1260      "@type": "CourseInstance",
1261      "name": "サウンドクオリティ向上レッスン",
1262      "description": "プロと同じ機材でも自宅とスタジオで音が違う理由=環境とセッティングを、基本から見直して自宅制作の音質を引き上げるレッスン。",
1263      "courseMode": ["onsite", "online"]
1264    },
1265    {
1266      "@type": "CourseInstance",
1267      "name": "Dolby Atmos レッスン",
1268      "description": "SHIZUKA Stillness Panel SDM + Eclipse TD 508MK4 の 7.1.4 環境で、Dolby Atmos の制作を基礎から配信用マスタリングまで学べるレッスン。",
1269      "courseMode": ["onsite"]
1270    }
1271  ],
1272  "offers": [
1273    {
1274      "@type": "Offer",
1275      "name": "オンライン・レッスン 60 分",
1276      "price": "11000",
1277      "priceCurrency": "JPY",
1278      "availability": "https://schema.org/InStock"
1279    },
1280    {
1281      "@type": "Offer",
1282      "name": "オンライン・レッスン 90 分",
1283      "price": "16500",
1284      "priceCurrency": "JPY",
1285      "availability": "https://schema.org/InStock"
1286    },
1287    {
1288      "@type": "Offer",
1289      "name": "対面レッスン 60 分 (SDMO Studio)",
1290      "price": "16500",
1291      "priceCurrency": "JPY",
1292      "availability": "https://schema.org/InStock"
1293    },
1294    {
1295      "@type": "Offer",
1296      "name": "対面レッスン 90 分 (SDMO Studio)",
1297      "price": "24750",
1298      "priceCurrency": "JPY",
1299      "availability": "https://schema.org/InStock"
1300    }
1301  ]
1302}
1303</script>
vendor: 1 bytes, line 1303
1303
1304<script type="application/ld+json">
1305{
1306  "@context": "https://schema.org",
1307  "@type": "FAQPage",
1308  "mainEntity": [
1309    {
1310      "@type": "Question",
1311      "name": "体験で自分の曲を聴いてもらえますか?",
1312      "acceptedAnswer": {
1313        "@type": "Answer",
1314        "text": "体験ではこちらで用意した音源を聴いていただく形のため、ご自身の曲の持ち込みは承っていません。自分の曲を題材にしたい場合はレッスンをご利用ください。"
1315      }
1316    },
1317    {
1318      "@type": "Question",
1319      "name": "DTM や音楽制作の経験がなくても受講できますか?",
1320      "acceptedAnswer": {
1321        "@type": "Answer",
1322        "text": "はい。専門用語の壁を感じている方もゼロからお伝えします。"
1323      }
1324    },
1325    {
1326      "@type": "Question",
1327      "name": "使用 DAW は何でも対応してもらえますか?",
1328      "acceptedAnswer": {
1329        "@type": "Answer",
1330        "text": "Pro Tools / Logic Pro / Cubase / Studio One / Ableton Live など主要 DAW に対å¿
1330œã—ます。ご予約時にお知らせください。"
1331      }
1332    }
1333  ]
1334}
1335</script>
1335
1336<p></p>
1337</div>
1338</div>
1339</section>
1340</div>
1341</div>
1342</div>
1343</article>
1344</div>
1345</main>
1346<div id="a-footer" data-float="false" class="a-footer   cssskin-_area_footer">
1347<footer>
1348<div class="site_frame">
1349<div id="bk27203" class="b-plain c-space_normal c-sp-space_normal c-padding_normal c-sp-padding_normal cssskin-_block_footer" data-bk-id="bk27203" data-shared="true" data-sharedname="フッター">
1350<div class=" column -column1">
1351<p class=" c-body">
1352<!--
1353================================================================
1354Saidera TOPページ:Footer セクション(確定版)
1355作成: 2026-05-25
1356- BiNDup 16 のカスタムHTMLパーツに貼り付け
1357- ソーシャルアイコン画像: _userdata/footer/ にアップ後に反映
1358  - footer/icon-facebook.png
1359  - footer/icon-x.png
1360  - footer/icon-instagram.png
1361  - footer/icon-note.png
1362  - footer/icon-weibo.png
1363================================================================
1364--> </p>
1365<footer style="background: #f7f6f4; border-top: 3px solid #c22; padding: 56px 20px 40px; font-family: 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', sans-serif; color: #222;">
1366<div style="max-width: 1100px; margin: 0 auto;">
1367<!-- ▼ ワードマーク + ソーシャルアイコン -->
1368<div style="display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 24px; border-bottom: 1px solid #e5e5e5; padding-bottom: 36px; margin-bottom: 36px;">
1369<p style="font-family: 'Times New Roman', serif; font-size: 1.7em; font-weight: 300; color: #222; margin: 0; letter-spacing: 0.04em;">Saidera Mastering &amp; Recording</p>
1370<!-- ソーシャルアイコン -->
1371<div style="display: flex; gap: 20px; align-items: center;">
1372<a href="https://www.facebook.com/saideramastering" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;" onmouseover="this.style.filter='drop-shadow(0 0 6px rgba(0,0,0,0.25)) brightness(1.2)'" onmouseout="this.style.filter='none'"> <img src="../_userdata/footer/icon-facebook.png" alt="Facebook" style="width: 100%; height: 100%; object-fit: contain;" onerror="this.parentNode.innerHTML='<span style=&quot;font-size:0.65em;color:#999;letter-spacing:0.1em;text-transform:uppercase;font-family:Helvetica Neue,sans-serif;&quot;>Facebook</span>';"> </a>
1373<a href="https://x.com/saidera001" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;" onmouseover="this.style.filter='drop-shadow(0 0 6px rgba(0,0,0,0.25)) brightness(1.2)'" onmouseout="this.style.filter='none'"> <img src="../_userdata/footer/icon-x.png" alt="X" style="width: 100%; height: 100%; object-fit: contain;" onerror="this.parentNode.innerHTML='<span style=&quot;font-size:0.65em;color:#999;letter-spacing:0.1em;text-transform:uppercase;font-family:Helvetica Neue,sans-serif;&quot;>X</span>';"> </a>
1374<a href="https://www.instagram.com/saidera_mastering_recording/" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;" onmouseover="this.style.filter='drop-shadow(0 0 6px rgba(0,0,0,0.25)) brightness(1.2)'" onmouseout="this.style.filter='none'"> <img src="../_userdata/footer/icon-instagram.png" alt="Instagram" style="width: 100%; height: 100%; object-fit: contain;" onerror="this.parentNode.innerHTML='<span style=&quot;font-size:0.65em;color:#999;letter-spacing:0.1em;text-transform:uppercase;font-family:Helvetica Neue,sans-serif;&quot;>Instagram</span>';"> </a>
1375<a href="https://note.com/saidera" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;" onmouseover="this.style.filter='drop-shadow(0 0 6px rgba(0,0,0,0.25)) brightness(1.2)'" onmouseout="this.style.filter='none'"> <img src="../_userdata/footer/icon-note.png" alt="note" style="width: 100%; height: 100%; object-fit: contain;" onerror="this.parentNode.innerHTML='<span style=&quot;font-size:0.65em;color:#999;letter-spacing:0.1em;font-family:Helvetica Neue,sans-serif;&quot;>note</span>';"> </a>
1376<a href="https://weibo.com/saidera?refer_flag=1001030101_&amp;is_hot=1" style="display: flex; align-items: center; justify-content: center; width: 24px; height: 24px;" onmouseover="this.style.filter='drop-shadow(0 0 6px rgba(0,0,0,0.25)) brightness(1.2)'" onmouseout="this.style.filter='none'"> <img src="../_userdata/footer/icon-weibo.png" alt="Weibo" style="width: 100%; height: 100%; object-fit: contain;" onerror="this.parentNode.innerHTML='<span style=&quot;font-size:0.65em;color:#999;letter-spacing:0.1em;text-transform:uppercase;font-family:Helvetica Neue,sans-serif;&quot;>Weibo</span>';"> </a>
1377</div>
1378</div>
1379<!-- ▼ 住所 + 連絡先 -->
1380<div style="display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 48px; margin-bottom: 48px;">
1381<div>
1382<p style="font-size: 0.75em; color: #666; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 14px; font-weight: 400;">Location</p>
1383<p style="font-size: 0.9em; color: #333; line-height: 2; margin: 0; font-weight: 400;"> 〒150-0001<br> 東京都渋谷区神宮前 3-33-2 </p>
1384</div>
1385<div>
1386<p style="font-size: 0.75em; color: #666; letter-spacing: 0.2em; text-transform: uppercase; margin: 0 0 14px; font-weight: 400;">Contact</p>
1387<p style="font-size: 0.9em; color: #333; line-height: 2; margin: 0 0 20px; font-weight: 400;"> 03-5410-6789<br> <span style="font-size: 0.88em; color: #666;">平日 10:00 – 18:00</span><br> <a href="mailto:[email protected]" style="color: #333; text-decoration: none; font-weight: 400;">[email protected]</a> </p>
1388<button onclick="document.getElementById('saidera-contact-modal').style.display='flex'" style="display: inline-block; padding: 10px 28px; border: 1px solid #c22; font-size: 0.85em; color: #c22; background: none; cursor: pointer; font-weight: 400; letter-spacing: 0.06em; font-family: inherit;"> お問い合わせ → </button>
1389</div>
1390</div>
1391<!-- ▼ コピーライト -->
1392<div style="border-top: 1px solid #e5e5e5; padding-top: 20px;">
1393<p style="font-size: 0.72em; color: #888; margin: 0; font-weight: 300; letter-spacing: 0.06em;"> © 2026 Saidera Mastering &amp; Recording. All rights reserved. </p>
1394</div>
1395</div>
1396</footer>
1397<!-- ▼ お問い合わせモーダル -->
1398<div id="saidera-contact-modal" style="display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.55); z-index: 9999; align-items: center; justify-content: center;" onclick="if(event.target===this)this.style.display='none'">
1399<div style="background: #fff; width: 90%; max-width: 620px; max-height: 90vh; border-radius: 4px; overflow: hidden; display: flex; flex-direction: column; font-family: 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', 'ヒラã‚
1399®ãƒŽè§’ã‚´ ProN W3', 'メイリオ', sans-serif;">
1400<!-- モーダルヘッダー -->
1401<div style="display: flex; align-items: center; justify-content: space-between; padding: 16px 20px; border-bottom: 1px solid #e5e5e5;">
1402<p style="margin: 0; font-size: 0.82em; font-weight: 400; letter-spacing: 0.08em; color: #222; text-transform: uppercase;">Contact</p>
1403<button onclick="document.getElementById('saidera-contact-modal').style.display='none'" style="background: none; border: none; cursor: pointer; font-size: 1.1em; color: #999; padding: 0; line-height: 1; font-family: inherit;">✕</button>
1404</div>
1405<!-- Google Form iframe -->
1406<iframe src="https://docs.google.com/forms/d/e/1FAIpQLSclotu3hs6MUXwqv9gxBjSVqvZ8Ufs5eWfUssdhPhXjcvydzg/viewform?embedded=true" width="100%" height="540" frameborder="0" marginheight="0" marginwidth="0" style="border: none; display: block;"> 読み込んでいます… </iframe>
1407</div>
1408</div>
1409<!--
1410================================================================
1411備考:
1412- ソーシャルアイコン画像は _userdata/footer/ にアップ(拡張子 .png のまま)
1413- アップロード手順は Knowledge/bindup-image-management.md 参照
1414- note の URL は TODO 箇所を実 URL に差し替え
1415- コピーライト年は要確認・更新
1416================================================================
1417-->
1418<p></p>
1419</div>
1420</div>
1421</div>
1422</footer>
1423</div>
1424<div id="w-top-left" class="w-base w-top w-left">
1425</div>
1426<div id="w-top-right" class="w-base w-top w-right">
1427</div>
1428<div id="w-middle-left" class="w-base w-middle w-left">
1429</div>
1430<div id="w-middle-right" class="w-base w-middle w-right">
1431</div>
1432<div id="w-bottom-left" class="w-base w-bottom w-left">
1433</div>
1434<div id="w-bottom-right" class="w-base w-bottom w-right">
1435</div>
1436</div>
1437</div>
1438<script type="text/javascript">
1439<!--
1440var css_list = ['//fonts.googleapis.com/css?family=Noto Sans:regular,italic,700,700italic&display=swap','//fonts.googleapis.com/css?family=Open Sans:300,300italic,regular,italic,600,600italic,700,700italic,800,800italic&display=swap','//fonts.googleapis.com/css?family=Inconsolata:regular,700&display=swap','//fonts.googleapis.com/css?family=Roboto:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic,900,900italic&display=swap','//fonts.googleapis.com/css?family=Roboto Mono:100,100italic,300,300italic,regular,italic,500,500italic,700,700italic&display=swap','//fonts.googleapis.com/css?family=Noto Sans JP:100,300,regular,500,700,900&display=swap','../_csslinkbtn/btn-import.css'];
1441var page_update = 1789439062523;
1442//-->
1443</script>
vendor: 1 bytes, line 1443
1443
1444<script src="../_module/lib/lib.js?v=16.0.0" defer></script>
vendor: 1 bytes, line 1444
1444
1445<script src="../_module/scripts/bind.js?v=16.0.0" id="script-js" defer></script>
1445
1446<!--[if lt IE 9]>
1446<script src="../_module/lib/html5shiv.min.js?v=16.0.0"></script>
1446<![endif]-->
1447<!-- custom_tags_start -->
1448<script defer type="text/javascript">
1449</script>
1449
1450<!-- custom_tags_end -->
1451<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 64 bytes, lines 1451-1452
1451
1452<script async src="https://www.googletagmanager.com/gtag/js?id=
1452UA-97894809-1
vendor: 12 bytes, line 1452
1452"></script>
1453<script>
1454  
vendor: 134 bytes, lines 1454-1458
1454window.dataLayer = window.dataLayer || [];
1455  function gtag(){dataLayer.push(arguments);}
1456  gtag('js', new Date());
1457
1458  gtag('config', '
1458UA-97894809-1
vendor: 4 bytes, line 1458
1458');
1459</script>
1459
1460
1461</body>
1462</html>

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.