templates/contact/index.html.twig line 1

Open in your IDE? 
  1. <!DOCTYPE html>
<html lang="ja">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <meta name="keywords" content="MIKAWA ARENA">
        <meta name="description" content="みんなのアリーナで、三河のMIRAIを！三河のMIRAIをつくる募金 2025年10月開始！">

        <meta property="og:title" content="TEAM MIKAWA みんなのアリーナ ｜ 三河安城交流拠点建設募金団体">
        <meta property="og:type" content="website">
        <meta property="og:url" content="https://mikawa-arena.jp/">
        <meta property="og:image" content="https://mikawa-arena.jp/assets/img/ogp.jpg">
        <meta property="og:description" content="みんなのアリーナで、三河のMIRAIを！三河のMIRAIをつくる募金 2025年10月開始！">

        <meta name="twitter:card" content="summary_large_image">
        <meta name="twitter:title" content="TEAM MIKAWA みんなのアリーナ ｜ 三河安城交流拠点建設募金団体">
        <meta name="twitter:image" content="https://mikawa-arena.jp/assets/img/ogp.jpg">
        <meta name="twitter:description" content="みんなのアリーナで、三河のMIRAIを！三河のMIRAIをつくる募金 2025年10月開始！">

        <title>TEAM MIKAWA みんなのアリーナ ｜ 三河安城交流拠点建設募金団体</title>

        <link rel="canonical" href="https://mikawa-arena.jp/news/">
        <link rel="icon" href="/assets/img/favicon.ico">
        <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=Noto+Sans+JP:wght@400;500;600;700&family=Roboto:wght@400;500;600;700&display=swap" rel="stylesheet">

    <link rel="stylesheet" href="/assets/css/common.css">
<link rel="stylesheet" href="/assets/css/swiper-bundle.css">
<link rel="stylesheet" href="./assets/css/contact.css">
<style>


.year {
    width: 8em !important;
}
.month {
    width: 6em !important;
}
.day {
    width: 6em !important;
}
.g-recaptcha div {
    margin: 0 auto;
    margin-bottom: 30px;
}
.birth {
    white-space: nowrap;
}
.birth span {
    min-width: 5.0em !important;
    width: 15vw !important;
}
.birth select {
    width: 100%;
}

.error > ul li {
    margin-top: .5em;
    padding-left: 1.4em;
    background: url(/assets/img/common/icon_error0.svg) no-repeat left center / auto 1em;
    line-height: 1.5;
    font-size: .9em;
    font-weight: 500;
    color: #f37e8b;
}

</style>

</head>
    <body>
        <script type="module" src="/assets/js/common.js"></script>
        
    <header>
    <div class="inner">
        <h2 class="logo"><a href="/"><img src="/assets/img/common/logo0.svg" alt="MIKAWA ARENA" width="132" height="101"></a></h2>

        <nav>
            <ul>
                <li><a href="/news/">ニュース</a></li>
                <li><a href="/concept/">アリーナのコンセプト</a></li>
                <li><a href="/faq/">よくあるご質問</a></li>
                <li><a href="/contact/">お問い合わせ</a></li>
                <li><a href="/special/">特集</a></li>
            </ul>
            <div class="btns"><a class="btn" href="/donation/">寄附の申し込み</a></div>
            <div id="btn-menu">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </nav>
    </div>
    
    <div id="menu">
        <h2><img src="/assets/img/common/logo1.svg" alt="MIKAWA ARENA" width="132" height="101"></h2>
        <div class="inner">
            <nav class="menu">
                <ul>
                    <li><a href="/"><b>Top</b>トップページ</a></li>
                    <li><a href="/news/"><b>News</b>ニュース</a></li>
                    <li><a href="/concept/"><b>Concept</b>アリーナのコンセプト</a></li>
                    <li>
                        <a href="/donation/"><b>Donation</b>三河のMIRAIをつくる募金</a>
                        <ul>
              <li><a href="/donation/individual/">個人による寄附</a></li>
              <li><a href="/donation/corporation/">法人による寄附</a></li>
                        </ul>
                    </li>
                    <li><a href="/faq/"><b>FAQ</b>よくあるご質問</a></li>
                    <li><a href="/contact/"><b>Contact</b>お問い合わせ</a></li>
                    <li><a href="/special/"><b>Special</b>アリーナができるまで</a></li>
                    <li><a href="/about/"><b>About Us</b>募金団体について</a></li>
                </ul>
            </nav>

            <div class="btns">
                <div class="policy">
                    <ul>
                    <li><a href="/privacy/">個人情報保護方針</a></li>
                    <li><a href="/tradelaw/">特定商取引法に基づく表記</a></li>
                    </ul>
                </div>
                <div class="sns">
                    <ul>
                        <li><a href="https://x.com/mikawa_arena" target="_blank"><img src="/assets/img/common/icon_x1.svg" alt="X" width="24" height="24"></a></li>
            <li><a href="https://www.instagram.com/mikawa_arena" target="_blank"><img src="/assets/img/common/icon_instagram1.svg" alt="Instagram" width="24" height="24"></a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</header>
    <main>
        <section id="head">
            <div class="inner">
                <h1 class="ttl">
                    Contact<span class="jp">お問い合わせ</span>
                </h1>
            </div>
        </section>

        <section id="body">
            <div class="inner">
                <div class="inner">
                    <p>お問い合わせの内容によってはお返事までにお時間を頂く場合や、<br class="pc">お返事を差し上げられない場合がございます。予めご了承ください。</p>

                    {{ form_start(form) }}
                    {{ form_widget(form.status) }}
                        <input type="hidden" class="p-country-name" value="Japan">
                        <h2 class="ttl">お問い合わせ区分</h2>
                        <div class="form-box">
                            <span class="radio">
                                {{- form_widget(form.type[0], {
                                    'attr': {
                                        'id': 'type1'
                                    }
                                }) -}}
                                {{- form_label(form.type[0], null) -}}

                            </span>
                            <span class="radio">
                                {{- form_widget(form.type[1], {
                                    'attr': {
                                        'id': 'type2'
                                    }
                                }) -}}
                                {{- form_label(form.type[1], null) -}}

                            </span>
                        </div>

                        <h2 class="ttl">お問い合わせカテゴリ</h2>
                        
                        {% if form.category1.vars.errors|length > 0 or form.category2.vars.errors|length > 0 %}<div class="form-box error">{% else %}<div class="form-box">{% endif %}
                            {% if type == 'type2' %}
                                {{ form_widget(form.category1, {
                                    'attr': {
                                        'class': "hide"
                                    }
                                }) }}
                            {% else %}
                                {{ form_widget(form.category1) }}
                            {% endif %}


                            {% if type == '' or type == 'type1' %}
                                {{ form_widget(form.category2, {
                                    'attr': {
                                        'class': "hide"
                                    }
                                }) }}
                            {% else %}
                                {{ form_widget(form.category2) }}
                            {% endif %}

                            <div class="error">
                            {{ form_errors(form.category1) }}
                            {{ form_errors(form.category2) }}
                            </div>
                        </div>
                        
                        <h2 class="ttl">個人情報入力</h2>
                        <table>
                            <tr>
                                <th>
                                    お名前
                                    <b>領収書の宛名になります</b>
                                </th>
                                {% if form.lastname.vars.errors|length > 0 or form.firstname.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="name"><b>姓</b>{{ form_widget(form.lastname) }}</span>
                                    <span class="name"><b>名</b>{{ form_widget(form.firstname) }}</span>
                                    <div class="error">
                                    {{ form_errors(form.lastname) }}
                                    {{ form_errors(form.firstname) }}
                                    </div>
                                </td>
                            </tr>
    
                            <tr>
                                <th>
                                    お名前 [フリガナ]
                                </th>
                                {% if form.lastname_kana.vars.errors|length > 0 or form.firstname_kana.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="name"><b>セイ</b>{{ form_widget(form.lastname_kana) }}</span>
                                    <span class="name"><b>メイ</b>{{ form_widget(form.firstname_kana) }}</span>
                                    <div class="error">
                                    {{ form_errors(form.lastname_kana) }}
                                    {{ form_errors(form.firstname_kana) }}
                                    </div>
                                </td>
                            </tr>
    
                            <tr>
                                <th>
                                    メールアドレス
                                    <b>※@mikawa-arena.jpの<br>ドメイン制限を外してください</b>
                                </th>
                                {% if form.email.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="email">{{ form_widget(form.email) }}</span>
                                    <div class="error">
                                    {{ form_errors(form.email) }}
                                    </div>
                                    <p class="cap">確認のためにもう一度入力してください</p>
                                    <span class="email">{{ form_widget(form.email02, {
                                        'attr': {
                                            'oncopy': "return false",
                                            'onpaste': "return false",
                                            'oncontextmenu': "return false"
                                        }
                                    }) }}</span>
                                    <div class="error">
                                    {{ form_errors(form.email02) }}
                                    </div>
                                    
                                </td>
                            </tr>
                            
                            {% if type == '' or type == 'type1' %}<tr class="corp hide">{% else %}<tr class="corp">{% endif %}
                                <th>
                                    貴社名
                                </th>
                                {% if form.corp_name.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="company">
                                        {{ form_widget(form.corp_name) }}
                                    </span>
                                    <div class="error">
                                    {{ form_errors(form.corp_name) }}
                                    </div>
                                </td>
                            </tr>
                            
                            {% if type == '' or type == 'type1' %}<tr class="corp hide">{% else %}<tr class="corp">{% endif %}
                                <th>
                                    部署名/役職名
                                </th>
                                {% if form.department.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="position option">
                                        {{ form_widget(form.department) }}
                                    </span>
                                    <div class="error">
                                    {{ form_errors(form.department) }}
                                    </div>
                                </td>
                            </tr>

                            <tr>
                                <th>
                                    郵便番号
                                </th>
                                {% if form.zip0.vars.errors|length > 0 or form.zip1.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="zip"><b>〒</b>{{ form_widget(form.zip0) }}</span>
                                    <span class="zip"><b>-</b>{{ form_widget(form.zip1) }}</span>

                                    <input type="hidden" class="p-region" readonly><input type="hidden" class="p-locality" readonly><input type="hidden" class="p-street-address"><input type="hidden" class="p-extended-address">
                                    <div class="error">
                                    {{ form_errors(form.zip0) }}
                                    {{ form_errors(form.zip1) }}
                                    </div>
                                </td>
                            </tr>
    
                            <tr>
                                <th>
                                    都道府県
                                </th>
                                {% if form.prefecture.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="address">
                                        {{ form_widget(form.prefecture) }}
                                    </span>
                                    <div class="error">
                                    {{ form_errors(form.prefecture) }}
                                    </div>
                                </td>
                            </tr>
    
                            <tr>
                                <th>
                                    市区町村/番地
                                </th>
                                {% if form.address.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="address">
                                        {{ form_widget(form.address) }}
                                    </span>
                                    <div class="error">
                                    {{ form_errors(form.address) }}
                                    </div>
                                </td>
                            </tr>
    
                            <tr>
                                <th>
                                    建物名/部屋番号
                                </th>
                                <td>
                                    <span class="address option">
                                        {{ form_widget(form.address_option) }}
                                    </span>
                                    <div class="error">
                                    {{ form_errors(form.address_option) }}
                                    </div>
                                </td>
                            </tr>
                            
                            <tr>
                                <th>
                                    電話番号
                                </th>
                                {% if form.tel.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
                                    <span class="tel">{{ form_widget(form.tel) }}<b class="cap">ハイフンは不要です</b></span>
                                    <div class="error">
                                    {{ form_errors(form.tel) }}
                                    </div>
                                </td>
                            </tr>
                        </table>

                        <h2 class="ttl">お問い合わせ内容</h2>
                        
                        {% if form.tel.vars.errors|length > 0 %}<div class="form-box error">{% else %}<div class="form-box">{% endif %}
                            {{ form_widget(form.msg) }}
                            <div class="error">
                            {{ form_errors(form.msg) }}
                            </div>
                        </div>

                        <div class="privacy">
                            <input type="checkbox" name="privacy" id="privacy"><label for="privacy"><a href="/privacy/" target="privacy">プライバシーポリシー</a>に同意する</label>
                        </div>

                        <div class="submit">
                            {{- form_widget(form.save, {
                                'attr': { 'class': 'btn btn_submit arrow inact' },
                                'label': '内容確認画面に進む'
                            }) -}}
                        </div>
                    {{ form_end(form) }}
                </div>
            </div>
        </section>
    </main>
    <footer>
    <div class="inner">
    <div>
      <div class="head">
        <img src="/assets/img/common/logo0.svg" alt="MIKAWA ARENA" width="177" height="132">
        <div class="sns">
          <ul>
            <li><a href="https://x.com/mikawa_arena" target="_blank"><img src="/assets/img/common/icon_x0.svg" alt="X" width="24" height="24"></a></li>
            <li><a href="https://www.instagram.com/mikawa_arena" target="_blank"><img src="/assets/img/common/icon_instagram0.svg" alt="Instagram" width="24" height="24"></a></li>
          </ul>
        </div>
      </div>

      <nav class="menu">
        <ul>
          <li><a href="/"><b>Top</b>トップページ</a></li>
          <li><a href="/news/"><b>News</b>ニュース</a></li>
          <li><a href="/concept/"><b>Concept</b>アリーナのコンセプト</a></li>
          <li>
            <a href="/donation/"><b>Donation</b>三河のMIRAIをつくる募金</a>
            <ul>
              <li><a href="/donation/individual/">個人による寄附</a></li>
              <li><a href="/donation/corporation/">法人による寄附</a></li>
            </ul>
          </li>
          <li><a href="/faq/"><b>FAQ</b>よくあるご質問</a></li>
          <li><a href="/contact/"><b>Contact</b>お問い合わせ</a></li>
          <li><a href="/special/"><b>Special</b>アリーナができるまで</a></li>
          <li><a href="/about/"><b>About Us</b>募金団体について</a></li>
        </ul>
      </nav>

      <div class="bnrs">
        <ul>
          <li>
            <a href="https://go-seahorses.jp/" target="_blank">
              <img src="/assets/img/common/bnr0.png" alt="" width="190" height="160">
            </a>  
          </li>
        </ul>
      </div>
    </div>

    <div class="copy">
      <ul>
      <li><a href="/privacy/">個人情報保護方針</a></li>
      <li><a href="/tradelaw/">特定商取引法に基づく表記</a></li>
      </ul>
      <p>
        ©三河安城交流拠点建設募金団体
      </p>
    </div>
    
    </div>
</footer>
<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
<script type="module" src="./assets/js/contact.js"></script>

<script>

var form_email = document.getElementById('form_email');
var form_email02 = document.getElementById('form_email02');

var form_zip0 = document.getElementById('form_zip0');
var form_zip1 = document.getElementById('form_zip1');
var form_tel = document.getElementById('form_tel');
var form_prefecture = document.getElementById('form_prefecture');
var form_address = document.getElementById('form_address');
var form_address_option = document.getElementById('form_address_option');

form_email.addEventListener('change', (e) => replaceHankaku(e));
form_email02.addEventListener('change', (e) => replaceHankaku(e));
form_zip0.addEventListener('change', (e) => replaceHankaku(e));
form_zip1.addEventListener('change', (e) => replaceHankaku(e));
form_tel.addEventListener('change', (e) => replaceHankaku(e));
form_address.addEventListener('change', (e) => replaceHankaku(e));
form_address_option.addEventListener('change', (e) => replaceHankaku(e));

function checkZipCode () {
    var zipCode = form_zip0.value + form_zip1.value;
    if ( zipCode.length == 7 ) getAddress (zipCode);
}

async function getAddress (zipCode) {
    const data = await fetch("https://zipcloud.ibsnet.co.jp/api/search?zipcode=" + zipCode);
      const res = await data.json();
    if ( res.results.length > 0 ) {
        var obj = res.results[0];
        form_prefecture.value = obj.prefcode;
        form_address.value = obj.address2 + obj.address3;
    }
}

function fixTelephone () {
    form_tel.value = form_tel.value.replace(/-/g, '');
}

function updateTextView(e, item){
    console.log('e', e);
    var num = getNumber(e.target.value);
    if(num==0){
        item.value = '';
    }else{
        item.value = num.toLocaleString();
    }
}

function getNumber(_str){
    var arr = _str.split('');
    var out = new Array();
    for(var cnt=0;cnt<arr.length;cnt++){
        if(isNaN(arr[cnt])==false){
            out.push(arr[cnt]);
        }
    }
    return Number(out.join(''));
}

function replaceHankaku (e) {
    // 半角変換
    var halfVal = e.target.value.replace(/[！-～]/g,
        function( tmpStr ) {
        // 文字コードをシフト
        return String.fromCharCode( tmpStr.charCodeAt(0) - 0xFEE0 );
        }
    );
    
    // 文字コードシフトで対応できない文字の変換
    e.target.value = halfVal.replace(/”/g, "\"")
        .replace(/’/g, "'")
        .replace(/‘/g, "`")
        .replace(/￥/g, "\\")
        .replace(/　/g, " ")
        .replace(/〜/g, "~");
}


form_zip0.addEventListener('input', () => checkZipCode());
form_zip1.addEventListener('input', () => checkZipCode());
form_tel.addEventListener('change', () => fixTelephone());

</script>



</body></html>