https://shibetsutown-iju.com/index.html

1<!doctype html>
2<html class="no-js" lang="ja">
3
4<head>
5  <meta charset="utf-8">

5
6  <script async src="https://www.googletagmanager.com/gtag/js?id=

6G-0K6GG49JG0

6"></script>
7  

7<script>
8    

8window.dataLayer = window.dataLayer || [];
9    function gtag() { dataLayer.push(arguments); }
10    gtag('js', new Date());
11    gtag('config', '

11G-0K6GG49JG0

11');
12  

12</script>

12
13
14  <title>しべつ暮らし/標津町定住サポートセンター</title>
15  <meta name="description"
16    content="標津町（しべつちょう）は北海道の東、根室海峡沿岸の中央部に位置しています。定住サポートセンターでは、移住定住をお考えの方へ町からご提供できる情報を紹介しています。オンライン移住相談も承っております！">
17  <!-- OGP / Twitter Card -->
18  <meta property="og:type" content="website">
19  <meta property="og:site_name" content="しべつ暮らし／標津町定住サポートセンター">
20  <meta property="og:locale" content="ja_JP">
21  <meta property="og:title" content="しべつ暮らし/標津町定住サポートセンター">
22  <meta property="og:description" content="標津町（しべつちょう）は北海道の東、根室海峡沿岸の中央部に位置しています。定住サポートセンターでは、移住定住をお考えの方へ町からご提供できる情報を紹介しています。オンライン移住相談も承っております！">
23  <meta property="og:url" content="https://shibetsutown-iju.com/">
24  <meta property="og:image" content="https://shibetsutown-iju.com/images/ogp/ogp-top.jpg">
25  <meta property="og:image:width" content="1200">
26  <meta property="og:image:height" content="630">
27  <meta property="og:image:alt" content="残雪の知床連山を背にした標津町の牧草地">
28  <meta name="twitter:card" content="summary_large_image">
29  <meta name="twitter:title" content="しべつ暮らし/標津町定住サポートセンター">
30  <meta name="twitter:description" content="標津町（しべつちょう）は北海道の東、根室海峡沿岸の中央部に位置しています。定住サポートセンターでは、移住定住をお考えの方へ町からご提供できる情報を紹介しています。オンライン移住相談も承っております！">
31  <meta name="twitter:image" content="https://shibetsutown-iju.com/images/ogp/ogp-top.jpg">
32
33  <meta name="viewport" content="width=device-width,initial-scale=1.0" />
34
35  <link rel="shortcut icon" href="images/favicon.ico">
36  <link rel="apple-touch-icon" href="images/apple-touch-icon.png">
37
38  <link rel="stylesheet" href="css/font-awesome.min.css" />
39  <link rel="stylesheet" href="css/swiper.css">
40
41  <!-- Original generic CSS (kept for News/Footer compatibility) -->
42  <link rel="stylesheet" href="css/original.css" />
43  <link rel="stylesheet" href="css/style.css" />
44
45  <link rel="stylesheet" href="css/modern-theme.css">
46</head>
47
48<body>
49  <!-- ナビゲーションバー -->
50  <nav class="modern-nav">
51    <a href="index.html#slider" class="nav-logo"
52      onClick="gtag('event', 'logo', {'event_category': 'click', 'event_label': 'logo-home', 'value': 1});">
53      <img src="images/logo-light.png" alt="Logo">
54    </a>
55    <ul class="nav-links">
56      <li><a href="#slider"
57          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-home', 'value': 1});">ホーム</a>
58      </li>
59      <li><a href="#news"
60          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-news', 'value': 1});">お知らせ</a>
61      </li>
62      <li><a href="#estate"
63          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-estate', 'value': 1});">物件情報</a>
64      </li>
65      <li><a href="#work"
66          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-work', 'value': 1});">仕事情報</a>
67      </li>
68      <li><a href="#support"
69          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-support', 'value': 1});">支援制度</a>
70      </li>
71      <li><a href="#trial"
72          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-trial', 'value': 1});">お試し暮らし</a>
73      </li>
74      <li><a href="#faq"
75          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-faq', 'value': 1});">よくある質問</a>
76      </li>
77      <li><a href="#toiawase"
78          onClick="gtag('event', 'navbar', {'event_category': 'click', 'event_label': 'nav-bar-toiawase', 'value': 1});">お問合せ</a>
79      </li>
80    </ul>
81    <button class="hamburger-btn" id="hamburger-btn" aria-label="メニューを開く">

82      <span></span>
83      <span></span>
84      <span></span>
85    </button>
86  </nav>
87
88  <!-- コンパクトドロップダウンメニュー -->
89  <div class="fullscreen-overlay" id="fullscreen-overlay">
90    <nav class="overlay-nav">
91      <ul>
92        <li><a href="#slider">ホーム</a></li>
93        <li><a href="#news">お知らせ</a></li>
94        <li><a href="#estate">物件情報</a></li>
95        <li><a href="#work">仕事情報</a></li>
96        <li><a href="#support">支援制度</a></li>
97        <li><a href="#trial">お試し暮らし</a></li>
98        <li><a href="#faq">よくある質問</a></li>
99        <li><a href="#toiawase">お問合せ</a></li>
100      </ul>
101    </nav>
102    <button class="overlay-close" id="overlay-close" aria-label="メニューを閉じる">&#x2715;</button>
103  </div>
104
105  <!-- Epic Cinematic Hero Slider -->
106  <div class="hero-container" id="slider">
107    <div class="swiper-container">
108      <div class="swiper-wrapper">
109        <div class="swiper-slide">
110          <div class="swiper-slide-img">
111            <picture>
112              <source srcset="images/1_home/Slider/01-1.webp" type="image/webp">
113              <img src="images/1_home/Slider/01-1.jpg" width="1549" height="968" fetchpriority="high"
114                decoding="async" alt="初夏の湿原に続く木道">
115            </picture>
116          </div>
117        </div>
118        <div class="swiper-slide">
119          <div class="swiper-slide-img">
120            <picture>
121              <source srcset="images/1_home/Slider/02-1.webp" type="image/webp">
122              <img src="images/1_home/Slider/02-1.jpg" width="1920" height="1200" decoding="async"
123                alt="サケをかたどった街灯が並ぶ標津町の橋">
124            </picture>
125          </div>
126        </div>
127        <div class="swiper-slide">
128          <div class="swiper-slide-img">
129            <picture>
130              <source srcset="images/1_home/Slider/03-1.webp" type="image/webp">
131              <img src="images/1_home/Slider/03-1.jpg" width="1920" height="1200" decoding="async"
132                alt="標津川の河口と根室海峡を望む標津町の空撮">
133            </picture>
134          </div>
135        </div>
136        <div class="swiper-slide">
137          <div class="swiper-slide-img">
138            <picture>
139              <source srcset="images/1_home/Slider/04-1.webp" type="image/webp">
140              <img src="images/1_home/Slider/04-1.jpg" width="1920" height="1200" decoding="async"
141                alt="根室海峡に沈む四角い太陽">
142            </picture>
143          </div>
144        </div>
145        <div class="swiper-slide">
146          <div class="swiper-slide-img">
147            <picture>
148              <source srcset="images/1_home/Slider/05-1.webp" type="image/webp">
149              <img src="images/1_home/Slider/05-1.jpg" width="1920" height="1200" decoding="async"
150                alt="残雪の知床連山を背にした牧草地の牛">
151            </picture>
152          </div>
153        </div>
154      </div>
155    </div>
156
157    <div class="hero-overlay-text">
158      <div class="hero-text">
159        <h1 class="serif-font">標津町には<br>定住サポートセンターが<br>あります。</h1>
160        <p>誰もが安心して快適に暮らせる標津町。この豊かな大自然を、あなたの「第2のふるさと」にしませんか？<br>
161定住サポートセンターでは、移住・定住を検討されている方へ役立つ情報を発信しています。</p>
162      </div>
163    </div>
164  </div>
165
166  <!-- NEWS Section -->
167  <section id="news" class="modern-section" style="padding: 100px 0 50px;">
168    

168<script type="text/javascript" src="js/footer_news.js"></script>

168
169    

169<script type="text/javascript">news();</script>

169
170  </section>
171
172  <!-- 物件情報 -->
173  <section id="estate" class="modern-section bg-white">
174    <div class="modern-container">
175      <div class="m-section-title">
176        <span class="m-title-en font-en">Residence</span>
177        <h2 class="m-title-jp serif-font">物件情報</h2>
178        <span class="title-line"></span>
179      </div>
180      <p class="section-desc">空き家になった家や土地の情報および、生活の拠点となる民間アパートなどの住宅情報をご紹介。</p>
181
182      <div class="modern-grid">
183        <a href="about_akiyabank.html"
184          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'about_bank', 'value': 1});"
185          class="minimal-card">
186          <div class="icon-box"><i class="fa fa-info-circle"></i></div>
187          <p>空き家・空き地バンク<br>ご利用について</p>
188          <span class="badge-sub">制度のご案内</span>
189        </a>
190        <a href="estate.html"
191          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'estate', 'value': 1});"
192          class="minimal-card">
193          <div class="icon-box"><i class="fa fa-home"></i></div>
194          <p>空き家・空き地バンク<br>物件情報</p>
195          <span class="badge-sub">一覧を見る</span>
196        </a>
197        <a href="minkan_apart.html"
198          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'minkan_apart', 'value': 1});"
199          class="minimal-card">
200          <div class="icon-box"><i class="fa fa-building"></i></div>
201          <p>民間アパート<br>物件情報</p>
202          <span class="badge-sub">一覧を見る</span>
203        </a>
204        <a href="https://www.shibetsutown.jp/life/?content=338" target="_blank"
205          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'koei-page', 'value': 1});"
206          class="minimal-card">
207          <div class="icon-box"><i class="fa fa-university"></i></div>
208          <p>公営住宅<br>情報</p>
209          <span class="badge-sub">標津町公式HPへ</span>
210        </a>
211      </div>
212    </div>
213  </section>
214
215  <!-- 仕事情報 -->
216  <section id="work" class="modern-section bg-light">
217    <div class="modern-container">
218      <div class="m-section-title">
219        <span class="m-title-en font-en">Work</span>
220        <h2 class="m-title-jp serif-font">仕事情報</h2>
221        <span class="title-line"></span>
222      </div>
223      <p class="section-desc">移住するにあたって、一番のハードルとなるお仕事探し。<br>町内の求人情報から起業支援、就農サポートなど、標津町で働くための環境をご案内しています。</p>
224
225      <div class="grid-3-2">
226        <a href="https://www.shibetsutown.jp/administration/?content=960" target="_blank"
227          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'Index_町内求人情報', 'value': 1});"
228          class="minimal-card">
229          <div class="icon-box"><i class="fa fa-briefcase"></i></div>
230          <p>町求人情報</p>
231          <span class="badge-sub">随時更新</span>
232        </a>
233        <a href="iju-shien.html"
234          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'Index_移住支援金Page', 'value': 1});"
235          class="minimal-card">
236          <div class="icon-box"><i class="fa fa-money"></i></div>
237          <p>移住支援金制度</p>
238          <span class="badge-sub">詳しく見る</span>
239        </a>
240        <a href="kigyoushien.html"
241          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'Index_kigyo-shien', 'value': 1});"
242          class="minimal-card">
243          <div class="icon-box"><i class="fa fa-line-chart"></i></div>
244          <p>起業支援制度</p>
245          <span class="badge-sub">随時受付中</span>
246        </a>
247        <a href="https://www.shibetsutown.jp/business/?content=384" target="_blank"
248          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'Index_hellowork', 'value': 1});"
249          class="minimal-card">
250          <div class="icon-box"><i class="fa fa-search"></i></div>
251          <p>ハローワーク求人</p>

252          <span class="badge-sub">標津町公式HP</span>
253        </a>
254        <a href="https://www.ja-shibetsu.com/boshu/" target="_blank"
255          onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'Index_shuno-shien', 'value': 1});"
256          class="minimal-card">
257          <div class="icon-box"><i class="fa fa-leaf"></i></div>
258          <p>就農サポート</p>
259          <span class="badge-sub">JA標津HP</span>
260        </a>
261      </div>
262    </div>
263  </section>
264
265  <!-- 支援制度 -->
266  <section id="support" class="modern-section bg-white">
267    <div class="modern-container">
268      <div class="m-section-title">
269        <span class="m-title-en font-en">Support</span>
270        <h2 class="m-title-jp serif-font">支援制度</h2>
271        <span class="title-line"></span>
272      </div>
273      <p class="section-desc">移住・定住をサポートするための各種手当てや補助金など、役立つ制度を一覧にまとめました。<br>ご自身に合った支援をぜひご活用ください。</p>
274
275      <a href="support_system.html" target="_blank"
276        onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'Index_支援制度', 'value': 1});"
277        class="grand-banner" style="padding: 0; background: transparent; border: none;">
278        <div class="grand-banner-inner" style="padding: 0;">
279          <img src="images/11_support_system/00_shien-ichiran.png" alt="標津町の各種支援制度"
280            style="width: 100%; height: auto; border-radius: 8px; display: block;">
281        </div>
282      </a>
283    </div>
284  </section>
285
286  <!-- お試し暮らし -->
287
288  <section id="trial" class="modern-section bg-light">
289    <div class="modern-container">
290      <div class="m-section-title">
291        <span class="m-title-en font-en">Trial</span>
292        <h2 class="m-title-jp serif-font">お試し暮らし</h2>
293        <span class="title-line"></span>
294      </div>
295      <p class="section-desc">令和８年度募集再開！<br>

295自分の視点で移住生活を考えながら、<br class="br-sp">標津町の暮らしを体験してみませんか？</p>
296      <!-- 募集中の表示 -->
297      <a href="otameshi-gurashi.html" onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'trial', 'value': 1});"
298        class="grand-banner trial-banner" style="padding: 0; background: transparent; border: none;">
299        <div class="grand-banner-inner" style="padding: 0;">
300          <img src="images/11_support_system/1-03_otameshi-gurashi.png" alt="標津町お試し暮らし 令和8年度募集開始"
301            style="width: 100%; height: auto; display: block;">
302        </div>
303      </a>
304
305      <!-- 休止中の表示に戻す場合は、上の <a> タグをコメントアウトし、下のコメントアウトを外してください
306      <a href="otameshi-gurashi.html" onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'trial', 'value': 1});" class="grand-banner">
307        <div class="grand-banner-inner" style="text-align: center;">
308          <div class="icon-box">
309            <i class="fa fa-suitcase" style="font-size: 3.5rem; color: var(--accent); opacity: 0.9;"></i>
310          </div>
311          <h3 class="serif-font" style="font-size: 1.8rem; color: var(--primary); margin: 0 0 15px; letter-spacing: 2px; line-height: 1.4;">標津町お試し暮らし<br>令和8年度募集開始</h3>
312          <span class="badge-sub">詳細はこちら</span>
313        </div>
314      </a>-->
315
316      <!-- 募集終了（休止中）の場合は、下のコメントアウトを外し、上の募集中バナーをコメントアウトしてください
317      <div class="trial-closed-box">
318        <h1 class="font-en">Currently Closed</h1>
319        <p class="serif-font">
320          現在、お試し暮らしは休止させていただいております。<br>再開にあたっては本サイトにてお知らせいたしますので、<br>何卒ご理解のほどお願い申し上げます。
321        </p>
322      </div>
323      -->
324
325    </div>
326  </section>
327
328  <!-- よくある質問 -->
329  <section id="faq" class="modern-section bg-white">
330    <div class="modern-container">
331      <div class="m-section-title">
332        <span class="m-title-en font-en">FAQ</span>
333        <h2 class="m-title-jp serif-font">よくある質問</h2>
334        <span class="title-line"></span>
335      </div>
336      <p class="section-desc">移住やお試し暮らしの手続き、生活環境など、皆様からよく寄せられる質問を集めました。<br>少しでも疑問が解決できるよう、お気軽にご参照ください。</p>
337
338      <a href="faq.html" target="_blank"
339        onClick="gtag('event', 'click', {'event_category': 'click', 'event_label': 'faq', 'value': 1});"
340        class="grand-banner">
341        <div class="grand-banner-inner" style="text-align: center;">
342          <div class="icon-box">
343            <i class="fa fa-question-circle" style="font-size: 3.5rem; color: var(--accent); opacity: 0.9;"></i>
344          </div>
345          <h3 class="serif-font" style="font-size: 2rem; color: var(--primary); margin: 0 0 15px; letter-spacing: 2px;">
346            Q&amp;A</h3>
347          <span class="badge-sub">よくある質問はこちら</span>
348        </div>
349      </a>
350    </div>
351  </section>
352
353  <!-- お問い合わせ -->
354  <section id="toiawase" class="modern-section bg-light" style="padding: 80px 0;">
355    

355<script type="text/javascript" src="js/footer_toiawase.js"></script>

355
356    

356<script type="text/javascript">toiawase();</script>

356
357  </section>
358
359  <!-- footer -->
360  <footer>
361    

361<script type="text/javascript" src="js/footer_menu.js"></script>

361
362    

362<script type="text/javascript">menu1();</script>

362
363    <a href="javascript:;" class="scrollToTop" aria-label="ページトップへ戻る"><i class="fa fa-angle-up"></i><span
364        class="pagetop-text">TOPへ</span></a>
365  </footer>
366
367  <!-- ハンバーガーメニュー・PageTop制御 -->
368  

368<script type="text/javascript" src="js/menu-pagetop.js"></script>

368
369
370  <!-- Scripts -->
371  

371<script type="text/javascript" src="js/jquery.min.js"></script>

371
372  

372<script type="text/javascript" src="js/modernizr.js"></script>

372
373  

373<script type="text/javascript" src="js/bootstrap.js"></script>

373
374  

374<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>

374
375  

375<script type="text/javascript" src="js/smooth-scroll.js"></script>

375
376  

376<script type="text/javascript" src="js/wow.min.js"></script>

376
377  

377<script type="text/javascript" src="js/page-scroll.js"></script>

377
378  

378<script type="text/javascript" src="js/jquery.easypiechart.js"></script>

378
379  

379<script type="text/javascript" src="js/jquery.parallax-1.1.3.js"></script>

379
380  

380<script type="text/javascript" src="js/jquery.isotope.min.js"></script>

380
381  

381<script type="text/javascript" src="js/owl.carousel.min.js"></script>

381
382  

382<script type="text/javascript" src="js/jquery.magnific-popup.min.js"></script>

382
383  

383<script type="text/javascript" src="js/popup-gallery.js"></script>

383
384  

384<script type="text/javascript" src="js/jquery.tools.min.js"></script>

384
385  

385<script type="text/javascript" src="js/jquery.countTo.js"></script>

385
386  

386<script type="text/javascript" src="js/20210908_original.js"></script>

386
387  

387<script type="text/javascript" src="js/swiper.js"></script>

387
388
389</body>
390
391</html>