<!DOCTYPE html>
<html>
<head>
<!-- Google Tag Manager -->
<script>
(function (w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({'gtm.start': new Date().getTime(), event: 'gtm.js'});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-TDTJ9TR');
</script>
<!-- End Google Tag Manager -->
<meta charset="UTF-8">
<title>
{% block title %}【公式】「とこワク」は三重県のワーケーションポータルサイト
{% endblock %}
</title>
<meta property="og:title" content="{% block meta_og_title %}【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}">
<meta name="description" content="{% block meta_description %}「とこワク」は三重県のワーケーションポータルサイトです。とこわか(常若)の地・三重でWork + Innovation!{% endblock %}">
<meta property="og:description" content="{% block meta_og_description %}「とこワク」は三重県のワーケーションポータルサイトです。とこわか(常若)の地・三重でWork + Innovation!{% endblock %}">
<meta property="og:url" content="{% block meta_og_siteurl %}{{ app.request.uri }}{% endblock %}">
<meta property="og:site_name" content="【公式】「とこワク」は三重県のワーケーションポータルサイト">
<meta property="og:locale" content="ja_JP">
<meta property="og:type" content="website">
<meta name="twitter:card" content="summary_large_image"/>
<meta name="twitter:title" content="{% block meta_twitter_title %}【公式】「とこワク」は三重県のワーケーションポータルサイト{% endblock %}">
{% block meta_og_image %}
<meta property="og:image" content="{{ absolute_url('/ogp.png')}}">
<meta property="og:image:alt" content="OG-Image-Alt">
<meta property="og:image:width" content="1200">
<meta property="og:image:height" content="630">
{% endblock %}
<meta name="format-detection" content="telephone=no">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" rel="stylesheet">
{% block stylesheets %}
{{ encore_entry_link_tags('app') }}
{% endblock %}
{% block javascripts %}
{{ encore_entry_script_tags('app') }}
{% endblock %}
{% block extraHeader %}{% endblock %}
</head>
<body>
<!-- Google Tag Manager (noscript) -->
<noscript>
<iframe src="https://www.googletagmanager.com/ns.html?id=GTM-TDTJ9TR" height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<!-- End Google Tag Manager (noscript) -->
<header {% if page is defined and page == "top" %} class="js-header-toggle" {% endif %} id="HEADER">
<div class="headerContainer">
<div class="headerContainerLink__logo">
<a href="/" class="img__tokowakaLogo">
<img src="{{ asset('build/images/common/logo.png') }}" alt="ロゴ">
</a>
<span>{{ 'index.header.head-title'|trans }}</span>
</div>
<div class="headerContainer__right">
<div class="headerContainer__link">
<a href="{{ path('news_index') }}">{{ 'index.header.nav5'|trans }}</a>
<a href="{{ path('search_index') }}">{{ 'index.header.nav2'|trans }}</a>
<a href="{{ path('map_search_index') }}">{{ 'index.header.nav3'|trans }}</a>
<a href="{{ path('life') }}">{{ 'index.header.nav4'|trans }}</a>
</div>
{# <form>
<input type="search" name="search" placeholder="フリーワードで検索できます">
<button type="submit">
<img src="{{ asset('build/images/common/search_icon.png') }}" alt="">
</button>
</form> #}
<div class="headerContainerLink__language">
<img src="{{ asset('build/images/common/earth_icon.png') }}" alt="言語">
<button class="js-language-button">
{{ 'index.header.languCurrent'|trans }}
</button>
<div class="headerContainerLinkLanguage__list js-language-list">
{% if app.request.locale != "ja" %}
<a href="{{ path('top', {_locale: 'ja'}) }}">{{ 'index.header.languJa'|trans }}</a>
{% endif %}
{% if app.request.locale != "en" %}
<a href="{{ path('top', {_locale: 'en'}) }}">{{ 'index.header.languEn'|trans }}</a>
{% endif %}
{% if app.request.locale != "cn" %}
<a href="{{ path('top', {_locale: 'cn'}) }}">{{ 'index.header.languCh1'|trans }}</a>
{% endif %}
{% if app.request.locale != "tw" %}
<a href="{{ path('top', {_locale: 'tw'}) }}">{{ 'index.header.languCh2'|trans }}</a>
{% endif %}
</div>
</div>
<a href="{{ path('search_index') }}" class="headerContainer__search">
<img src="{{ asset('build/images/common/search_icon.png') }}" alt="">
</a>
<button class="js-hamburger-toggle">
<span class="line line--01"></span>
<span class="line line--02"></span>
<span class="line line--03"></span>
</button>
</div>
</div>
<div class="js-spMenu-toggle spMenu">
<div class="spMenuLinkContainer">
<a href="{{ path('top') }}">{{ 'common.top'|trans|raw }}</a>
<a href="{{ path('tokowaku') }}">{{ 'index.header.nav1'|trans }}</a>
<a href="{{ path('news_index') }}">{{ 'news.newsPage.title'|trans|raw }}</a>
<a href="{{ path('life') }}">{{ 'life.breadcrumbsHead'|trans|raw }}</a>
<a href="{{ path('report_index') }}">{{ 'report.header.text3'|trans|raw }}</a>
<a href="{{ path('simulation01') }}">{{ 'common.entry.simulation'|trans|raw }}</a>
</div>
<div class="spMenuSearchContainer">
<h3>{{ 'common.sp_title'|trans|raw }}</h3>
<div class="spMenuSearchContainer__link">
<a href="{{ path('map_search_index') }}" class="link_map">{{ 'common.entry.map'|trans|raw }}</a>
<a href="{{ path('modelplan_index') }}" class="link_modelplan">{{ 'common.entry.modelplan'|trans|raw }}</a>
<a href="{{ path('workspace_index') }}" class="link_work">{{ 'common.entry.workspace'|trans|raw }}</a>
<a href="{{ path('facility_index') }}" class="link_facility">{{ 'common.entry.facility'|trans|raw }}</a>
<a href="{{ path('activity_index') }}" class="link_activity">{{ 'common.entry.activity'|trans|raw }}</a>
<a href="{{ path('activity_index', {category: 16}) }}" class="link_mobility">{{ 'common.entry.mobility'|trans|raw }}</a>
</div>
</div>
<div class="spMenuTranslationContainer">
<a href="{{ path('top', {_locale: 'ja'}) }}">{{ 'index.header.languJa'|trans }}</a>
<a href="{{ path('top', {_locale: 'en'}) }}">{{ 'index.header.languEn'|trans }}</a>
<a href="{{ path('top', {_locale: 'cn'}) }}">{{ 'index.header.languCh1'|trans }}</a>
<a href="{{ path('top', {_locale: 'tw'}) }}">{{ 'index.header.languCh2'|trans }}</a>
</div>
<div class="spMenuSNSContainer">
<a href="https://twitter.com/mie_workation" target="_blank" rel="noopener noreferrer" class="sns_tw">
<img src="{{ asset('build/images/common/tw_white.png') }}" alt="Twitter">
</a>
<a href="https://www.instagram.com/mie_workation/" target="_blank" rel="noopener noreferrer" class="sns_ins">
<img src="{{ asset('build/images/common/inst_white.png') }}" alt="Instagram">
</a>
</div>
</div>
</header>
{% block body %}{% endblock %}
<footer>
<div class="footerBanner">
<div class="footerBannerContainer">
<a href="https://www.kanko-komono.com/workation/" target="_blank" rel="noopener noreferrer">
<img src="{{ asset('build/images/common/banner_komano.jpg') }}" alt="菰野町観光協会">
</a>
<a href="https://www.kankomie.or.jp/" target="_blank" rel="noopener noreferrer">
<img src="{{ asset('build/images/common/banner_sightseeing.jpg') }}" alt="観光三重">
</a>
<a href="https://www.taiken.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
<img src="{{ asset('build/images/common/banner_experience.jpg') }}" alt="豊かな自然と美味しいグルメの宝庫三重県で、思い出に残るワクワク体験を!">
</a>
<a href="https://www.ijyu.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
<img src="{{ asset('build/images/common/banner_life.jpg') }}" alt="ええとこやんか三重">
</a>
<a href="https://mie-terrace.jp/" target="_blank" rel="noopener noreferrer">
<img src="{{ asset('build/images/common/banner_mieterrace.jpg') }}" alt="三重テラス">
</a>
<a href="https://www.mie30.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
<img src="{{ asset('build/images/common/banner_promotion.jpg') }}" alt="つづきは三重で">
</a>
<a href="https://www.sato.pref.mie.lg.jp/" target="_blank" rel="noopener noreferrer">
<img src="{{ asset('build/images/common/banner_journey.jpg') }}" alt="三重の里いなか旅のススメ">
</a>
</div>
</div>
<div class="footerInfo" id="SCROLL_TARGET">
<button class="screenTop js-scroll-top"></button>
<div class="footerInfoTopContainer">
<div class="footerInfoTopContainer__company">
<div class="img__tokowakaLogoWhite">
<img src="{{ asset('build/images/common/logo_white.png') }}" alt="ロゴ">
<span>{{ 'index.header.head-title'|trans }}</span>
</div>
<p>{{ 'base.footerInfoTopContainer.address'|trans|raw }}</p>
<a href="{{ path('inquiry') }}">{{ 'base.footerInfoTopContainer.btn'|trans|raw }}</a>
</div>
<div class="footerInfoTopContainer__link">
<a href="{{ path('top') }}">{{ 'common.top'|trans|raw }}</a>
<a href="{{ path('report_index') }}">{{ 'report.header.text3'|trans|raw }}</a>
<a href="{{ path('facility_index') }}">{{ 'common.entry.facility'|trans|raw }}</a>
<a href="{{ path('news_index') }}">{{ 'news.newsPage.title'|trans|raw }}</a>
<a href="{{ path('simulation01') }}">{{ 'common.entry.simulation'|trans|raw }}</a>
<a href="{{ path('activity_index') }}">{{ 'common.entry.activity'|trans|raw }}</a>
<a href="{{ path('tokowaku') }}">{{ 'index.header.nav1'|trans }}</a>
<a href="{{ path('modelplan_index') }}">{{ 'common.entry.modelplan'|trans|raw }}</a>
<a href="{{ path('activity_index', {category: 16}) }}">{{ 'common.entry.mobility'|trans|raw }}</a>
<a href="{{ path('life') }}">{{ 'life.breadcrumbsHead'|trans|raw }}</a>
<a href="{{ path('workspace_index') }}">{{ 'common.entry.workspace'|trans|raw }}</a>
<a href="{{ path('map_search_index') }}">{{ 'common.entry.map'|trans|raw }}</a>
</div>
</div>
<div class="footer__line"></div>
<div class="footerInfoBottomContainer">
<div class="footerInfoBottomContainer__link">
<div
class="footerInfoBottomContainerLink__item">
{# <a href="" class="sp__none">
<img src="{{ asset('build/images/common/jp_icon.png') }}" alt="jp">
{{ 'index.header.languJa'|trans }}
</a> #}
<div>
<a href="https://twitter.com/mie_workation" target="_blank" rel="noopener noreferrer" class="img__sns img__sns--tw">
<img src="{{ asset('build/images/common/tw_white.png') }}" alt="Twitter">
</a>
<a href="https://www.instagram.com/mie_workation/" target="_blank" rel="noopener noreferrer" class="img__sns">
<img src="{{ asset('build/images/common/inst_white.png') }}" alt="Instagram">
</a>
</div>
<div>
<a href="{{ path('privacy') }}">
{{ 'privacy.policy'|trans }}</a>
<a href="{{ path('contact_index') }}">{{ 'base.footerInfoTopContainer.wish'|trans|raw }}</a>
</div>
</div>
<span>Copyright 2021 Mie Prefecture, All Rights Reserved.</span>
</div>
</div>
</div>
</footer>
</body>
</html>