<!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/donation.css">
<script src="https://www.google.com/recaptcha/api.js" async defer></script>
<style>
h3 span {
font-size: 0.8em;
font-weight: normal;
}
.year {
width: 8em !important;
}
.month {
width: 6em !important;
}
.day {
width: 6em !important;
}
.g-recaptcha div {
margin: 0 auto;
margin-bottom: 30px;
}
.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;
}
div.error p.error {
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;
}
table.amountAll {
margin-top: 0;
width: 100%;
max-width: 100%;
white-space: nowrap;
}
table.amountAll td {
display: block;
border: none;
background-color: transparent;
padding: .75em 0 !important;
padding-top: 0 !important;
}
form table.amountAll span.amount {
display: block;
width: auto;
}
form table.amountAll span.amount b {
display: inline-block;
vertical-align: middle;
width: 120px;
}
form table.amountAll span.amount input {
width: 220px !important;
}
@media (max-width: 500px) {
form table.amountAll span.amount b {
width: 100px;
}
form table.amountAll span.amount input {
width: 160px !important;
}
}
input[type="date"]::-webkit-date-and-time-value {
text-align: left;
}
@media (max-width: 767px) {
input[type=date], input[type=datetime], input[type=datetime-local] {
padding: 8px 12px;
min-height: 42.2px;
text-align: left !important;
}
}
</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 class="corporation">
<section id="head">
<div class="inner">
<h1 class="ttl">Donation<span class="jp">法人による寄附</span></h1>
</div>
</section>
<section class="step">
<div class="inner">
<div class="inner">
<div>
<b class="step"></b>
<ol>
<li class="act">申込情報の入力</li>
<li>申込内容の確認</li>
<li>申込完了</li>
<li>メール確認</li>
<li>お振込み</li>
<li>寄附完了</li>
</ol>
</div>
</div>
</div>
</section>
{{ form_start(form) }}
{% set formErrors = form.vars.errors.form.getErrors(true) %}
{{ form_widget(form.status) }}
<section>
<div class="inner">
<div class="inner">
<h2 class="ttl">法人情報入力</h2>
<table>
<tbody class="h-adr">
<tr>
<th>
法人名
</th>
{% if form.corp_name.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<span class="corp-name">{{ form_widget(form.corp_name) }}</span>
<div class="error">
{{ form_errors(form.corp_name) }}
</div>
</td>
</tr>
<tr>
<th>
代表者職名
</th>
{% if form.represen_position.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<span class="corp-name">{{ form_widget(form.represen_position) }}</span>
<div class="error">
{{ form_errors(form.represen_position) }}
</div>
</td>
</tr>
<tr>
<th>
代表者名
</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>
本社所在地<br>郵便番号
</th>
{% if form.zip0.vars.errors|length > 0 or form.zip1.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<input type="hidden" class="p-country-name" value="Japan">
<span class="zip"><b>〒</b>{{ form_widget(form.zip0) }}</span>
<span class="zip"><b>-</b>{{ form_widget(form.zip1) }}</span>
<div class="error">
{{ form_errors(form.zip0) }}
{{ form_errors(form.zip1) }}
</div>
</td>
</tr>
<tr>
<th>
本社所在地<br>都道府県
</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>
本社所在地<br>市区町村/番地
</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>
<p class="note">領収書への記載、郵送物の発送の際に必要になりますのでご記載ください</p>
</td>
</tr>
</tbody>
</table>
<h2 class="ttl">担当者情報入力</h2>
<table>
<tbody>
<tr>
<th>
担当者名
</th>
{% if form.dep_lastname.vars.errors|length > 0 or form.dep_firstname.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<span class="name"><b>姓</b>{{ form_widget(form.dep_lastname) }}</span>
<span class="name"><b>名</b>{{ form_widget(form.dep_firstname) }}</span>
<div class="error">
{{ form_errors(form.dep_lastname) }}
{{ form_errors(form.dep_firstname) }}
</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>
<tr>
<th>
部署
</th>
{% if form.department.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<span class="corp-name">{{ form_widget(form.department) }}</span>
<div class="error">
{{ form_errors(form.department) }}
</div>
</td>
</tr>
</tbody>
<tbody class="depatment">
<tr>
<th>
所在地
</th>
<td>
<span class="radio">
{{- form_widget(form.location[0], {
'attr': {
'id': 'location1'
}
}) -}}
{{- form_label(form.location[0], null) -}}
</span>
<span class="radio">
{{- form_widget(form.location[1], {
'attr': {
'id': 'location2'
}
}) -}}
{{- form_label(form.location[1], null) -}}
</span>
</td>
</tr>
</tbody>
{% if location == 'location2' %}
<tbody id="dep-address" class="h-adr">
{% else %}
<tbody id="dep-address" class="h-adr hide">
{% endif %}
<tr>
<th>
所在地郵便番号
</th>
{% if form.zip2_0.vars.errors|length > 0 or form.zip2_1.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<input type="hidden" class="p-country-name" value="Japan">
<span class="zip"><b>〒</b>{{ form_widget(form.zip2_0) }}</span>
<span class="zip"><b>-</b>{{ form_widget(form.zip2_1) }}</span>
<div class="error">
{{ form_errors(form.zip2_0) }}
{{ form_errors(form.zip2_1) }}
</div>
</td>
</tr>
<tr>
<th>
所在地当道府県
</th>
{% if form.prefecture2.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<span class="address">
{{ form_widget(form.prefecture2) }}
</span>
<div class="error">
{{ form_errors(form.prefecture2) }}
</div>
</td>
</tr>
<tr>
<th>
所在地市区町村/番地
</th>
{% if form.address2.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<span class="address">
{{ form_widget(form.address2) }}
</span>
<div class="error">
{{ form_errors(form.address2) }}
</div>
</td>
</tr>
<tr>
<th>
建物名/部屋番号
</th>
<td>
<span class="address option">
{{ form_widget(form.address_option2) }}
</span>
<div class="error">
{{ form_errors(form.address_option2) }}
</div>
<p class="note">税控除や発送の際に必要になりますので必ずご記載ください</p>
</td>
</tr>
<tr>
<th>
電話番号
</th>
{% if form.tel2.vars.errors|length > 0 %}<td class="error">{% else %}<td>{% endif %}
<span class="tel">{{ form_widget(form.tel2) }}<b class="cap">ハイフンは不要です</b></span>
<div class="error">
{{ form_errors(form.tel2) }}
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</section>
<section>
<div class="inner">
<div class="inner">
<h2 class="ttl">寄附金額の入力</h2>
<table>
<tr>
<th>
ご寄附金額
</th>
<td>
<table class="amountAll">
<tr>
<td>
{% if paymentList|length > 0 %}
{% set amount = paymentList[0].amount %}
{% else %}
{% set amount = '' %}
{% endif %}
<span class="amount"><b>寄附金額</b><input class="amount" type="text" name="amount0" id="amountAll" value={{ amount }}><i>円</i></span>
</td>
</tr>
</table>
<span class="radio">
{{- form_widget(form.payment[0], {
'attr': {
'id': 'payment1'
}
}) -}}
{{- form_label(form.payment[0], null) -}}
</span>
<span class="radio">
{{- form_widget(form.payment[1], {
'attr': {
'id': 'payment2'
}
}) -}}
{{- form_label(form.payment[1], null) -}}
</span>
{% if payment == 'payment2' %}
<div id="amount0" class="hide">
{% else %}
<div id="amount0">
{% endif %}
<table class="amount">
{% if payment == 'payment2' %}
<tr>
<td>
<span class="amount"><b>振込予定日</b><input type="date" name="date0" id="date0" min={{ today }} placeholder="振込予定日"></span>
</td>
</tr>
{% else %}
{% if paymentList|length > 0 %}
{% for pmt in paymentList %}
<tr>
<td>
<span class="amount"><b>振込予定日</b><input type="date" name="date0" id="date0" min={{ today }} placeholder="振込予定日" value={{ pmt.date }}></span>
{% if pmt.err|length > 0 %}
<div class="error">
{% for err in pmt.err %}
<p class="error">{{ err }}</p>
{% endfor %}
</div>
{% endif %}
</td>
</tr>
{% endfor %}
{% else %}
<tr>
<td>
<span class="amount"><b>振込予定日</b><input type="date" name="date0" id="date0" min={{ today }} placeholder="振込予定日"></span>
</td>
</tr>
{% endif %}
{% endif %}
</table>
</div>
{% if payment == 'payment2' %}
<div id="amount1">
{% else %}
<div id="amount1" class="hide">
{% endif %}
<table class="amount">
{% if paymentList|length > 0 %}
{% for pmt in paymentList %}
{% if payment == 'payment2' %}
{% set cnt = loop.index0 %}
{% else %}
{% set cnt = loop.index %}
{% endif %}
{% if cnt > 0 %}
<tr>
<th>
{{ cnt }}回目
</th>
<td>
<span class="amount"><b>寄附金額</b><input class="amount" type="text" name={{ 'amount' ~ cnt }} id={{ 'amount' ~ cnt }} value={{ pmt.amount }}><i>円</i></span>
<span class="amount"><b>振込予定日</b><input type="date" name={{ 'date' ~ cnt }} min={{ today }} id={{ 'date' ~ cnt }} placeholder="振込予定日" value={{ pmt.date }}></span>
{% if pmt.err|length > 0 %}
<div class="error">
{% for err in pmt.err %}
<p class="error">{{ err }}</p>
{% endfor %}
</div>
{% endif %}
</td>
</tr>
{% endif %}
{% endfor %}
{% else %}
<tr>
<th>
1回目
</th>
<td>
<span class="amount"><b>寄附金額</b><input class="amount" type="text" name="amount1" id="amount1"><i>円</i></span>
<span class="amount"><b>振込予定日</b><input type="date" name="date1" id="date1" min={{ today }} placeholder="振込予定日"></span>
</td>
</tr>
{% endif %}
</table>
<div><span class="btn_add">2回目以降</span></div>
</div>
<h3 style="margin-bottom: 1em;">ご寄附いただいた法人名を当ホームページで公表することを希望されますか? <Span>※公表時期は未定です。</span></h3>
<span class="radio">
{{- form_widget(form.is_public[0], {
'attr': {
'id': 'is_public1'
}
}) -}}
{{- form_label(form.is_public[0], null) -}}
</span>
<span class="radio">
{{- form_widget(form.is_public[1], {
'attr': {
'id': 'is_public2'
}
}) -}}
{{- form_label(form.is_public[1], null) -}}
</span>
</td>
</tr>
</table>
</div>
</div>
</section>
<section class="submit">
<div class="inner">
<div class="inner">
<div class="g-recaptcha" data-sitekey="6Lf95LMrAAAAABf9ael97XmiBkzfKbjFFSdSDiIE" data-callback="verifyCallback" data-expired-callback="expiredCallback"></div>
{{ form_widget(form.save, { 'label': '申込内容確認画面へ進む' }) }}
</div>
</div>
</section>
{{ form_end(form) }}
</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>
var form_zip0 = document.getElementById('form_zip0');
var form_zip1 = document.getElementById('form_zip1');
var form_zip2_0 = document.getElementById('form_zip2_0');
var form_zip2_1 = document.getElementById('form_zip2_1');
var form_tel = document.getElementById('form_tel2');
var form_prefecture = document.getElementById('form_prefecture');
var form_address = document.getElementById('form_address');
var form_address_option = document.getElementById('form_address_option');
var form_prefecture2 = document.getElementById('form_prefecture2');
var form_address2 = document.getElementById('form_address2');
var amountAll = document.getElementById('amountAll');
var form_email = document.getElementById('form_email');
var form_email02 = document.getElementById('form_email02');
form_zip0.addEventListener('change', (e) => replaceHankaku(e));
form_zip1.addEventListener('change', (e) => replaceHankaku(e));
form_zip2_0.addEventListener('change', (e) => replaceHankaku(e));
form_zip2_1.addEventListener('change', (e) => replaceHankaku(e));
form_email.addEventListener('change', (e) => replaceHankaku(e));
form_email02.addEventListener('change', (e) => replaceHankaku(e));
form_address.addEventListener('change', (e) => replaceHankaku(e));
form_address_option.addEventListener('change', (e) => replaceHankaku(e));
amountAll.addEventListener('change', (e) => replaceHankaku(e));
document.getElementById("form_save").disabled = true;
function checkZipCode () {
var zipCode = form_zip0.value + form_zip1.value;
if ( zipCode.length == 7 ) getAddress (zipCode, form_prefecture, form_address);
}
function checkZipCode2 () {
var zipCode = form_zip2_0.value + form_zip2_1.value;
if ( zipCode.length == 7 ) getAddress (zipCode, form_prefecture2, form_address2);
}
async function getAddress (zipCode, pref, addr) {
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];
pref.value = obj.prefcode;
addr.value = obj.address2 + obj.address3;
}
}
function fixTelephone () {
form_tel.value = form_tel.value.replace(/-/g, '');
}
function updateTextView(e, item){
console.log('updateTextView e', e);
var num = getNumber(e.target.value);
console.log('num', num.toLocaleString());
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_zip2_0.addEventListener('input', () => checkZipCode2());
form_zip2_1.addEventListener('input', () => checkZipCode2());
form_tel.addEventListener('change', () => fixTelephone());
var paymentForm = document.querySelectorAll('input.amount');
paymentForm.forEach((item) => {
console.log('item', item);
item.addEventListener('change', (e) => updateTextView(e, item));
});
</script>
<script>
var verifyCallback = function(response) {
document.getElementById("form_save").disabled = false;
};
var expiredCallback = function() {
document.getElementById("form_save").disabled = true;
};
</script>
<script src="https://yubinbango.github.io/yubinbango/yubinbango.js" charset="UTF-8"></script>
<script type="module" src="./assets/js/donation-corporation.js"></script>
</body></html>