https://sobaniru.com/contact/index.html

1<!DOCTYPE html>
2<html lang="ja">
3<!-- プライバシーポリシーバナー -->

4<script>
5/** 同意後にだけGTMを読み込む */
6function loadGTM(containerId) {
7  // dataLayer準備
8  window.dataLayer = window.dataLayer || [];
9  window.dataLayer.push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
10
11  // gtm.js を動的挿入（ここで初めて通信が発生）
12  const s = document.createElement("script");
13  s.async = true;
14  s.src = "https://www.googletagmanager.com/gtm.js?id=" + encodeURIComponent(containerId);
15  document.head.appendChild(s);
16}
17
18/** 任意（非必須）タグ群を同意後に有効化 */
19function enableNonEssential() {
20
21  loadGTM("GTM-PPCDJ38L");
22}
23
24
25function disableNonEssential() {
26  
27  /**["_ga", "_gid", "_gat"].forEach((name) => {
28    document.cookie = `${name}=; Max-Age=0; path=/;`;
29    document.cookie = `${name}=; Max-Age=0; path=/; SameSite=Lax;`;
30  }); */
31}
32
33document.addEventListener("DOMContentLoaded", function () {
34  const banner    = document.getElementById("cookie-banner");
35  const acceptBtn = document.getElementById("cookie-accept");
36  const closeBtn  = document.getElementById("cookie-close");
37
38  if (!banner) return;
39
40  const KEY = "cookieConsent"; // accepted / rejected
41  const consent = localStorage.getItem(KEY);
42
43  // 初回（未選択）のみ表示
44  if (consent !== "accepted" && consent !== "rejected") {
45    banner.style.display = "flex";
46  } else {
47    banner.style.display = "none";
48  }
49
50  // 同意（許可）
51  acceptBtn?.addEventListener("click", function () {
52    localStorage.setItem(KEY, "accepted");
53    banner.style.display = "none";
54    enableNonEssential(); // ★同意後にGTMロード
55  });
56
57  // 閉じる（=拒否）
58  closeBtn.addEventListener("click", function (e) {
59    e.preventDefault();
60    e.stopPropagation();
61
62    localStorage.setItem(KEY, "rejected");
63    banner.style.display = "none";
64    disableNonEssential();
65  });
66
67  // 既に同意済みならページロード時に有効化
68  if (consent === "accepted") {
69    enableNonEssential();
70  }
71});
72</script>

72
73
74
75<head>
76	<meta charset="UTF-8">
77	<meta http-equiv="X-UA-Compatible" content="IE=edge">
78	<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
79	<!-- meta -->
80	<meta name="keywords" content="ソバニル、ソバニイル、そばにる、そばにいる、SOBANIRU、SOBANIIRU、オンライン面会、ビデオ面会、病院、入院、ワンタッチ面会、ワンタッチ面会テレビ、面会テレビ、ビデオ通話、ビデオ通話機器、福祉、面会制限、面会禁止、独居老人、JR">
81	<meta name="description" content="ソバニルのお問い合わせページです。">
82	<meta property="og:image" content="https://sobaniru.com/assets/meta/ogp.jpg">
83	<meta property="og:image:width" content="1200">
84	<meta property="og:image:height" content="630">
85	<meta name="twitter:card" content="summary_large_image">
86	<meta name="twitter:image" content="https://sobaniru.com/assets/meta/twitter-image.jpg">
87	<meta name="msapplication-TileImage" content="https://sobaniru.com/assets/meta/ms-tile-150x150.png">
88	<meta name="msapplication-TileColor" content="#FFFFFF">
89
90	<!-- favicon -->
91	<link rel="icon" href="/assets/meta/favicon.ico">
92	<link rel="apple-touch-icon" sizes="180x180" href="https://sobaniru.com/assets/meta/apple-touch-icon.png">
93	<link rel="icon" sizes="192x192" href="https://sobaniru.com/assets/meta/android-chrome.png">
94	<title>ソバニル │ お問い合わせ</title>
95	

95<script type="text/javascript" src="/assets/js/jquery-3.2.1.min.js"></script>

95
96	<!-- stylesheet -->
97	<link rel="stylesheet" href="/assets/css/style.css">
98	<!-- font -->
99	<link rel="preconnect" href="https://fonts.googleapis.com">
100	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
101	<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700;900&display=swap" rel="stylesheet">
102	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700;800;900&display=swap" rel="stylesheet">
103</head>
104
105<body>
106
107	
108
109	<!-- header -->
110	<header>
111		<!-- /.headerPC -->
112		<div class="pc_only">
113			<div id="header_pc" class="headerPC header_display">
114			  <div class="headerPC__container">
115				<div class="headerPC__logo">
116					<a href="/index.html#top"><img src="/assets/img/header/sobaniru_logo.png" alt="ソバニル"></a>
117				</div>
118				<div class="headerPC__nav">
119				  <li><a href="/index.html#about">ソバニルとは？</a></li>
120				  <li><a href="/index.html#why">なぜ障子なのか</a></li>
121				  <li><a href="/index.html#function">4つの機能</a></li>
122				  <li><a href="/index.html#flow">ご利用までの流れ</a></li>
123				  <li><a href="/index.html#rental">レンタル品</a></li>
124				  <li><a href="/index.html#voice">利用者の声</a></li>
125				</div>
126				<div class="headerPC__btn">
127					<a href="/contact/index.html" class="custom-button">
128						お問い合わせ
129					</a>
130				</div>
131			  </div>
132			</div>
133		  </div>
134		<!-- /.headerPC -->
135		<!-- headerSP -->
136		<div class="sp_only">
137			<div id="header_sp" class="headerSP header_display">
138				<div class="headerSP__container">
139					<div class="headerSP__logo">
140						<a href="/index.html#top"><img src="/assets/img/header/sobaniru_logo.png" alt="ソバニル"></a>
141					</div>
142				</div>
143				<div class="headerSP__menubutton" onclick="toggle()">
144					<i></i>
145					<i></i>
146					<i></i>
147				</div>
148				

148<script>
149					function toggle() {
150						document.querySelector('.headerSP__menubutton').classList.toggle('open');
151						document.querySelector('.headerSP__menu').classList.toggle('open');
152					}
153				</script>

153
154			</div>
155			<div id="header_sp_menu" class="headerSP__menu header_display">
156				<ul>
157					<li><a href="/index.html#about">ソバニルとは？</a></li>
158					<li><a href="/index.html#why">なぜ障子なのか</a></li>
159					<li><a href="/index.html#function">4つの機能</a></li>
160					<li><a href="/index.html#flow">ご利用までの流れ</a></li>
161					<li><a href="/index.html#rental">レンタル品</a></li>
162					<li><a href="/index.html#voice">利用者の声</a></li>
163					  <div class="headerSP__button">
164						<a href="/contact/index.html">
165							お問い合わせ
166						</a>
167						</div>
168				</ul>
169			</div>
170			

170<script>
171				function toggle() {
172					document.querySelector('.headerSP__menubutton').classList.toggle('open');
173					document.querySelector('.headerSP__menu').classList.toggle('open');
174				}
175				$(".headerSP__menu ul li a").click(function () {
176					$(".headerSP__menubutton").removeClass("open");
177					$(".headerSP__menu").removeClass("open");
178				});
179			</script>

179
180		</div>
181		<!-- /.headerSP -->
182	</header>
183	<!-- /.header -->
184
185	<!-- main-->
186	<main class="main">
187		<!-- fv -->
188
189		<!-- news-->
190			<section id="coontact_form">
191				<div class="coontact_form__wrapper">
192					<div class="content">
193						<div class="coontact_form__head">
194							<div class="coontact_form__title">
195								<h1 class="decorated-heading">お問い合わせ</h1>
196							</div>
197                        </div>
198                        <div class="coontact_form__area">
199							

199<script>
200							window.addEventListener("message", function(event) {
201								if (event.data === "scrollToTop") {
202								window.scrollTo({ top: 0, behavior: "smooth" });
203								} else if (event.data && event.data.type === 'setHeight') {
204								const frame = document.getElementById('qooker-frame');
205								if (frame) {
206									frame.style.height = event.data.height + 'px';
207								}
208								}
209							});
210							</script>

210
211							<p class="coontact_form__txt">
212								<iframe id="qooker-frame" src="https://form.qooker.jp/Q/ja/sobaniru/sobaniru/"  width="100%"  style="border: none; overflow: hidden;"  scrolling="no"></iframe>
213							</p>
214                        </div>
215					</div>
216				</div>
217			</section>
218			<!-- ./news-->
219
220			  <section id="footer">
221				<div class="footer__bottom">
222				<img src="/assets/img/footer/company_logo.png" alt="ジェイアール東日本企画" class="footer__jeki__logo">
223				<p class="footer__copyright pc_only">
224					※「SOBANIRU(そばにる)」および「ソバニルロゴ」は株式会社ジェイアール東日本企画の登録商標です。<br>
225				</p>
226				<p class="footer__copyright sp_only">
227					※「SOBANIRU(そばにる)」および「ソバニルロゴ」は<br>株式会社ジェイアール東日本企画の登録商標です。
228				</p>
229				
230				</div>
231			  </section>
232		</main>
233		<!-- ./main-->
234
235	<div id="cookie-banner" style="display: none;">
236		<span class="cookie-text">
237			当サイトではユーザーの利便性向上のためにCookieを使用しています。
238			本ページをご確認ください。
239		</span>
240		<div class="cookie-actions">
241			<button id="cookie-accept">OK</button>
242			<button id="cookie-close">閉じる</button>
243		</div>
244	</div>
245
246	

246<script type="text/javascript" src="/assets/js/main.js" charset="UTF-8"></script>

246
247	

247<script type="text/javascript" src="/assets/js/slick.min.js"></script>

247
248	

248<script type="text/javascript" src="/assets/js/slick_custom.js"></script>

248
249
250
251</body>
252
253</html>