Skip to content

sora / achievement

Go to a project
Commit 0ef72ae6 by Orine Matsui
Options

form新規前

parent 807662e6
Inline Side-by-side
Showing with 1009 additions and 0 deletions
achievement-official.conohawing.com/common_previous/css/contact.css
...@@ -255,6 +255,665 @@ contact.css ...@@ -255,6 +255,665 @@ contact.css
.header-contact {
text-align: center;
font-size: 16px;
margin-bottom: 60px;
}
button {
font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility;
text-size-adjust: none;
}
.p-contact a.link-btn-arrow {
margin: 30px 0 60px;
}
.form_row {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
border-bottom: 1px solid #dcdcdc;
}
.form_row label {
font-size: 16px;
}
.form_row .left {
position: relative;
width: 33.75%;
padding-left: 5%;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
font-size: 16px;
}
.form_row .right {
width: calc(100% - 33.75%);
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.form_row .form_checkbox,
.form_row .right label {
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.form_row.form_row_02 .right label,
.form_row.form_row_03 .right label {
width: calc(50% - 20px) ;
}
.form_row.form_row_02 .right label + label {
margin-left: 20px;
}
.form_row.form_row_02 .right .label_text {
display: inline-block;
width: 40px;
}
.form_row .form-group-02 {
width: 100%;
}
.form_row.form_row_content .right label:not(:first-child) {
margin-left: 40px;
}
.form_row ul {
margin-top: 40px;
}
.form_row ul li {
margin-bottom: 20px;
}
.required {
display: inline-block;
margin-left: 20px;
padding: 2px 6px;
background: #dc3b3a;
font-size: 10px;
color: #fff;
line-height: 14px;
}
.required.error {
background: #dc3b3a;
}
input[type="radio"] {
visibility: hidden;
width: 0;
margin: 0;
}
input[type="radio"] + .label_text {
padding-left: 24px;
position:relative;
margin: 20px 20px 20px 0;
}
input[type="radio"] + .label_text:before {
content: "";
display: block;
position: absolute;
top: 4px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #918d8a;
border-radius: 50%;
}
input[type="radio"]:checked + .label_text::after {
content: "";
display: block;
position: absolute;
top: 7px;
left: 3px;
width: 11px;
height: 11px;
background: #060605;
border-radius: 50%;
}
.form_checkbox {
position: relative;
}
input[type="checkbox"] {
visibility: hidden;
width: 0;
margin: 0;
}
input[type="checkbox"] + .label_text {
padding-left: 24px;
position:relative;
margin: 5px 20px 5px 0;
}
input[type="checkbox"] + .label_text:before {
content: "";
display: block;
position: absolute;
top: 4px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #918d8a;
}
input[type="checkbox"]:checked + .label_text::after {
content: "";
display: block;
position: absolute;
top: 0px;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 2px solid #060605;
border-right: 2px solid #060605;
}
.form_checkbox input[type="checkbox"] + .label_text:before {
}
.form_checkbox input[type="checkbox"]:checked + .label_text::after {
}
textarea,
input[type="text"],
input[type="url"],
input[type="email"] {
display: block;
padding: 12px;
font-size: 16px;
line-height: 1.571;
background-color: #f8f8f8;
border-width: 1px;
border: 1px solid #dcdcdc!important;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
-o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
outline: none!important;
}
input[type="text"],
input[type="url"],
input[type="email"] {
height: 50px;
}
.form_select {
position: relative;
min-width: 126px;
}
select::-ms-expand {
display: none;
}
.form_select:after {
content: '▼';
font-size: 10px;
color: #fff;
right: 0;
top: 0;
padding: 18px 10px 18px;
position: absolute;
pointer-events: none;
width: 10px;
height: 14px;
background: #333;
}
.form_select select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
display: block;
width: 100%;
max-width: 244px;
height: 50px;
float: right;
padding: 12px 14px;
font-size: 16px;
line-height: 1.6;
color: #333;
background-color: #f8f8f8;
background-image: none;
border: 1px solid #dcdcdc!important;
-ms-word-break: normal;
word-break: normal;
outline: none!important;
}
.form_select select + .label_text {
margin-left: 30px;
}
.form_row .right > p,
input[type="radio"],
input[type="radio"] + label {
margin-top: 15px;
margin-bottom: 15px;
font-size: 16px;
}
input[type="checkbox"],
input[type="checkbox"] + label {
margin-top: 8px;
}
textarea,
input[type="text"],
input[type="url"],
input[type="email"] {
margin-top: 20px;
margin-bottom: 20px;
}
.form_select {
margin-top: 20px;
margin-bottom: 20px;
}
textarea,
input[type="text"],
input[type="url"],
input[type="email"] {
width: 90%;
}
#last_name,
#first_name,
#last_name_kana,
#first_name_kana
{
margin-left: 8px;
margin-right: 18px;
width: 300px;
}
#start_time,
#end_time {
width: calc(50% - 30px);
}
#start_time {
margin-right: 8px;
}
#end_time {
margin-left: 8px;
}
#number_people {
margin-right: 8px;
width: calc(50% - 30px);
}
#first_name,
#first_name_kana
{
margin-right: 0;
}
#year {
width: 144px;
margin-right: 10px;
}
#zip,
#month,
#day,
#pref {
width: 244px;
}
#town,
#building {
margin-top: 10px;
width: 90%;
}
#start_time,
#end_time
{
margin-top: 0;
margin-bottom: 0;
}
#space1 + label,
#space2 + label,
#corporation + label,
#individual + label,
#web_search + label,
#introduction + label {
margin-top: 15px;
}
#space7 + label,
#other_opportunity + label,
#user_agreement + label,
#finished + label {
margin-bottom: 15px;
}
#finished + label {
margin-top: 0;
}
.form_select {
margin-left: 16px;
margin-right: 6px;
}
.form_select:first-child {
margin-left: 0;
}
.form_checkbox {
margin-top: 20px;
margin-bottom: 20px;
}
.observation_day_text
{
margin-top: -9px!important;
margin-bottom: 15px!important;
}
/* バリデーションエラーメッセージ */
.form_row .right .alert_text_pc {
display: inline-block!important;
}
.form_row .right .alert_text_sp {
display: none!important;
}
.form_row .right .alert_area{
width: 100%;
}
.form_row .right p.alert_text{
margin-top:-10px;
margin-bottom: 10px;
width: 100%;
color: #dc3b3a;
font-size: 14px;
}
.form_row .right .alert_area {
margin-top: -10px;
}
.form_row .right .form_checkbox p.alert_text{
margin-top:0px;
}
.form_row .right .alert_area p.alert_text{
margin-top: 0;
display: inline-block;
width: auto;
}
.form_row_02 .right .alert_area p.alert_text{
margin-left: 50px;
display: inline-block;
width: calc(45% - 40px);
}
.form_row_02 .right .alert_area p.alert_text + p.alert_text{
margin-left: 70px;
}
.form_row_04 .right .alert_area p.alert_text + p.alert_text {
margin-left: 14px;
}
.form_row_04 .right .alert_area p.alert_text:last-child {
margin-left: 106px!important;
}
.form_row .left label[for="service_use"] {
margin-top: 20px;
margin-bottom: 20px;
}
.contact-bottom-buttons {
margin-top: 60px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
min-height: 81px;
}
.contact-bottom-buttons .left {
width: 33.75%;
padding-right: 40px;
}
.contact-bottom-buttons .right {
width: calc(100% - 33.75%);
}
.contact-bottom-buttons button[type="submit"] {
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
}
.contact-bottom-buttons button[type="submit"] {
display: block;
position: relative;
width: 100%;
}
@media(max-width:768px) {
.content-side .content-side-section {
margin-bottom: 0;
}
.form_row,
.contact-bottom-buttons {
display: block;
}
.form_row .left,
.form_row .right,
.contact-bottom-buttons .left,
.contact-bottom-buttons .right {
width: 100%;
}
.form_row .left {
padding-left: 0;
margin-top: 15px;
}
.form_row .left br {
display: none;
}
.p-contact a.link-btn-arrow {
margin: 30px 0 0;
}
.contact-bottom-buttons .left {
padding-right: 0;
}
.form_row.form_row_02 .right label,
.form_row.form_row_03 .right label {
width: 100%;
}
.form_row.form_row_02 .right label + label {
margin-left: 0;
}
.form_row .left label[for="service_use"] {
margin-top: 0;
margin-bottom: 0;
}
.form_row.form_row_content .right label:not(:first-child) {
margin-left: 40px;
}
#last_name,
#first_name,
#last_name_kana,
#first_name_kana {
margin-right: 0;
margin-left: 0;
width: 100%;
}
#media + label {
width: 100%;
}
#tel_no_1, #tel_no_2, #tel_no_3 {
width: calc(33% - 10px);
}
#start_time, #end_time {
width: calc(50% - 20px);
}
#end_time + p {
width: 120%;
}
.form_select {
margin-left: 0;
}
#use_year,
#observation_year {
width: 100px;
}
#use_month,
#observation_month,
#use_day,
#observation_day {
width: 80px;
}
#town,
#building {
margin-top: 10px;
width: 100%;
}
textarea,
input[type="text"],
input[type="url"],
input[type="email"] {
margin-top: 8px;
width: 100%;
}
#zip,
#month,
#day,
#pref {
width: 320px;
}
.form_select {
margin-top: 8px;
}
.form_row .right .alert_text_pc {
display: none!important;
}
.form_row .right .alert_text_sp {
display: block!important;
}
.form_row .right .alert_area {
margin-top: -10px;
}
.form_row .right .alert_area p.alert_text{
margin-top: 0;
display: block;
width: 100%;
}
.form_row_02 .right .alert_area p.alert_text{
margin-left: 0;
display: block;
width: 100%;
}
.form_row_02 .right .alert_area p.alert_text + p.alert_text{
margin-left: 0;
}
.form_row_04 .right .alert_area p.alert_text + p.alert_text {
margin-left: 0;
}
.form_row_04 .right .alert_area p.alert_text:last-child {
margin-left: 0!important;
}
}
/* ------------------------------------------
confirm
------------------------------------------ */
#p-confirm .form_row {
padding-top: 15px;
padding-bottom: 15px;
}
#p-confirm p + .form_row {
margin-top: 60px;
}
#p-confirm .contact-bottom-buttons {
border-top: 1px solid #c4c2bf;
}
#p-confirm .contact-bottom-buttons button[type="submit"] {
margin-top: 60px;
}
@media(max-width:768px) {
#p-confirm .contact-bottom-buttons .left button[type="submit"] {
margin-bottom: 0px;
}
#p-confirm .contact-bottom-buttons .right button[type="submit"] {
margin-top: 30px;
}
}
/* ------------------------------------------
thanks
------------------------------------------ */
#p-thanks .content-section-box h3 {
font-size: 1.7rem;
margin-bottom: 26px;
}
#p-thanks .content-section-box h4 {
font-weight: 800;
margin-top: 46px;
margin-bottom: 16px;
}
#p-thanks .content-section-box p + p {
margin-top: 26px;
}
#p-thanks .contact-bottom-buttons a {
margin-top: 50px;
}
......
achievement-official.conohawing.com/contact/form/index.php 0 → 100644
<?php $pageid="contact";?>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/header.php'); ?>
<div class="p-other">
<div class="c-breadcrumb pc-only">
<ul class="c-breadcrumb__inner">
<li class="c-breadcrumb__item"><a href="/"><span>TOP</span></a></li>
<li class="c-breadcrumb__item"><span>お問い合わせ</span></li>
</ul>
</div>
<section class="c-mainvisual p-other-mv">
<div class="c-mainvisual__inner">
<h2 class="c-mainvisual__ttl">お問い合わせ</h2>
</div>
</section>
<div class="container">
<main class="p-contact-content">
<section class="otherSingle2">
<form method="post" action="">
<div class="form_row form_row_content">
<div class="left"><label for="form_content">ご相談内容</label><span class="required error">必須</span></div>
<div class="right">
<label><input type="radio" name="form_content" value="male" id="form_content_01" required><span class="label_text">サービス</span></label>
<label><input type="radio" name="form_content" value="female" id="form_content_02" required><span class="label_text">採用</span></label>
<label><input type="radio" name="form_content" value="male" id="form_content_03" required><span class="label_text">個別相談</span></label>
<label><input type="radio" name="form_content" value="female" id="form_content_04" required><span class="label_text">その他</span></label>
<p class="alert_text">お問い合わせ項目を選んでください。</p>
</div>
</div>
<div class="form_row form_row_02">
<div class="left"><label for="last_name">お名前</label><span class="required error">必須</span></div>
<div class="right">
<label><span class="label_text">性</span><input type="text" name="last_name" placeholder="" id="last_name" maxlength="20" value="" required="required"></label>
<p class="alert_text alert_text_sp">姓が入力されていません。</p>
<label><span class="label_text">名</span><input type="text" name="first_name" placeholder="" id="first_name" maxlength="20" value="" required="required"></label>
<div class="alert_area"><p class="alert_text alert_text_pc">姓が入力されていません。</p>
<p class="alert_text">名が入力されていません。</p></div>
</div>
</div>
<div class="form_row form_row_02">
<div class="left"><label for="last_name_kana">お名前(かな)</label><span class="required error">必須</span></div>
<div class="right">
<label><span class="label_text">セイ</span><input type="text" name="last_name_kana" placeholder="" id="last_name_kana" maxlength="20" value=""></label>
<p class="alert_text alert_text_sp">セイが入力されていません。</p>
<label><span class="label_text">メイ</span><input type="text" name="first_name_kana" placeholder="" id="first_name_kana" maxlength="20" value="" required="required"></label>
<div class="alert_area"><p class="alert_text alert_text_pc">セイが入力されていません。</p>
<p class="alert_text">メイが入力されていません。</p></div>
</div>
</div>
<div class="form_row">
<div class="left"><label for="gender">性別</label><span class="required error">必須</span></div>
<div class="right">
<label><input type="radio" name="gender" value="male" id="gender_male" required><span class="label_text">男</span></label>
<label><input type="radio" name="gender" value="female" id="gender_female" required><span class="label_text">女</span></label>
</div>
</div>
<div class="form_row form_row_04">
<div class="left"><label for="gender">生年月日</label><span class="required error">必須</span></div>
<div class="right">
<label for="year"><input type="text" name="year" id="year" required><span class="label_text">年</span></label>
<p class="alert_text alert_text_sp">年が入力されていません。</p>
<label for="month" class="form_select"><select name="month" id="month" required>
<option value="">【選択してください】</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
</select></label><span class="label_text">月</span>
<p class="alert_text alert_text_sp">月が選択されていません。</p>
<label for="day" class="form_select"><select name="day" id="day" required>
<option value="" selected="selected">【選択してください】</option>
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
<option value="11">11</option>
<option value="12">12</option>
<option value="13">13</option>
<option value="14">14</option>
<option value="15">15</option>
<option value="16">16</option>
<option value="17">17</option>
<option value="18">18</option>
<option value="19">19</option>
<option value="20">20</option>
<option value="21">21</option>
<option value="22">22</option>
<option value="23">23</option>
<option value="24">24</option>
<option value="25">25</option>
<option value="26">26</option>
<option value="27">27</option>
<option value="28">28</option>
<option value="29">29</option>
<option value="30">30</option>
<option value="31">31</option>
</select></label><span class="label_text">日</span>
<div class="alert_area"><p class="alert_text alert_text_pc">年が入力されていません。</p>
<p class="alert_text alert_text_pc">月が選択されていません。</p>
<p class="alert_text">日が選択されていません。</p></div>
</div>
</div>
<div class="form_row">
<div class="left"><label for="zip">郵便番号</label><span class="required error">必須</span></div>
<div class="right">
<input type="text" name="zip" id="zip" pattern="\d{3}[\-\s]?\d{4}" x-autocompletetype="postal-code" required>
<div class="alert_area"><p class="sup_text">※郵便番号7桁をハイフン(-)なしでご入力ください</p>
<p class="alert_text">郵便番号が入力されていません。</p></div>
</div>
</div>
<div class="form_row">
<div class="left"><label for="pref">住所</label><span class="required error">必須</span></div>
<div class="right">
<div class="form-group">
<label class="form_select"><select name="pref" id="pref" x-autocompletetype="region" required>
<option value="" selected="selected">-- 都道府県 --</option>
<optgroup label="北海道">
<option value="1">北海道</option>
</optgroup>
<optgroup label="東北">
<option value="2">青森県</option>
<option value="3">岩手県</option>
<option value="4">宮城県</option>
<option value="5">秋田県</option>
<option value="6">山形県</option>
<option value="7">福島県</option>
</optgroup>
<optgroup label="関東">
<option value="8">茨城県</option>
<option value="9">栃木県</option>
<option value="10">群馬県</option>
<option value="11">埼玉県</option>
<option value="12">千葉県</option>
<option value="13">東京都</option>
<option value="14">神奈川県</option>
</optgroup>
<optgroup label="北陸">
<option value="15">新潟県</option>
<option value="16">富山県</option>
<option value="17">石川県</option>
<option value="18">福井県</option>
</optgroup>
<optgroup label="中部">
<option value="19">山梨県</option>
<option value="20">長野県</option>
<option value="21">岐阜県</option>
<option value="22">静岡県</option>
<option value="23">愛知県</option>
</optgroup>
<optgroup label="近畿">
<option value="24">三重県</option>
<option value="25">滋賀県</option>
<option value="26">京都府</option>
<option value="27">大阪府</option>
<option value="28">兵庫県</option>
<option value="29">奈良県</option>
<option value="30">和歌山県</option>
</optgroup>
<optgroup label="中国">
<option value="31">鳥取県</option>
<option value="32">島根県</option>
<option value="33">岡山県</option>
<option value="34">広島県</option>
<option value="35">山口県</option>
</optgroup>
<optgroup label="四国">
<option value="36">徳島県</option>
<option value="37">香川県</option>
<option value="38">愛媛県</option>
<option value="39">高知県</option>
</optgroup>
<optgroup label="九州/沖縄">
<option value="40">福岡県</option>
<option value="41">佐賀県</option>
<option value="42">長崎県</option>
<option value="43">熊本県</option>
<option value="44">大分県</option>
<option value="45">宮崎県</option>
<option value="46">鹿児島県</option>
<option value="47">沖縄県</option>
</optgroup>
</select></label>
<p class="alert_text">都道府県が入力されていません。</p>
</div>
<div class="form-group-02"><div class="form-group">
<label for="town">市区町村/番地</label>
<input type="text" name="town" id="town" x-autocompletetype="street-address" required>
<p class="alert_text">市区町村が入力されていません。</p>
</div>
<div class="form-group">
<label for="building">マンション名</label>
<input type="text" name="building" id="building">
<p class="alert_text">丁目番地・マンション名が入力されていません。</p>
</div></div>
</div>
</div>
<div class="form_row">
<div class="left"><label for="tel_no">電話番号</label><span class="required error">必須</span></div>
<div class="right">
<input type="text" name="tel_no" placeholder="" id="tel_no" value="" maxlength="12" required="required">
<p class="alert_text">電話番号が入力されていません。</p>
</div>
</div>
<div class="form_row">
<div class="left"><label for="fax_no">FAX番号</label></div>
<div class="right">
<input type="text" name="fax_no" placeholder="" id="fax_no" value="" maxlength="12">
</div>
</div>
<div class="form_row">
<div class="left"><label for="regist_email">メールアドレス</label><span class="required error">必須</span></div>
<div class="right">
<input type="email" name="mail_address" placeholder="" id="regist_email" value="" maxlength="256" required="required">
<p class="alert_text">メールアドレスが入力されていません。</p>
</div>
</div>
<div class="form_row">
<div class="left"><label for="confirm_email">メールアドレス（再入力）</label><span class="required error">必須</span></div>
<div class="right">
<input type="email" name="confirm_email" placeholder="" id="confirm_email" value="" maxlength="256" required="required">
<p class="alert_text">確認用メールアドレスが一致しません。</p>
</div>
</div>
<div class="form_row">
<div class="left"><label for="office_name">会社名</label></div>
<div class="right">
<input type="text" name="office_name" placeholder="" id="office_name" value="" maxlength="80">
</div>
</div>
<div class="form_row">
<div class="left"><label for="department_name">部署名</label></div>
<div class="right">
<input type="text" name="department_name" placeholder="" id="department_name" value="" maxlength="80">
</div>
</div>
<div class="form_row">
<div class="left"><label for="position">役職</label></div>
<div class="right">
<input type="text" name="position" placeholder="" id="position" value="" maxlength="80">
</div>
</div>
<div class="form_row">
<div class="left"><label for="club_members">クラブ会員登録</label><span class="required error">必須</span></div>
<div class="right">
<label><input id="club_members1" name="club_members" type="radio" value="1" checked="checked"><span class="label_text">有</span></label>
<label><input id="club_members2" name="club_members" type="radio" value="2"><span class="label_text">無</span></label>
</div>
</div>
<div class="form_row">
<div class="left"><label for="members_number">会員番号</label></div>
<div class="right">
<input type="text" name="members_number" data-charcheck="digit" placeholder="" id="members_number" value="" maxlength="20">
</div>
</div>
<div class="form_row form_row_03">
<div class="left">お問合せのきっかけ</div>
<div class="right">
<div class="form_checkbox">
<label><input id="inquiry_content1" name="inquiry_content[]" type="checkbox" value="1"><span class="label_text">検索エンジン（Yahoo!,Google等）</span></label>
<label><input id="inquiry_content2" name="inquiry_content[]" type="checkbox" value="2"><span class="label_text">Webサイトより</span></label>
<label><input id="inquiry_content3" name="inquiry_content[]" type="checkbox" value="3"><span class="label_text">DM</span></label>
<label><input id="inquiry_content4" name="inquiry_content[]" type="checkbox" value="4"><span class="label_text">弊社関連書籍</span></label>
<label><input id="inquiry_content5" name="inquiry_content[]" type="checkbox" value="5"><span class="label_text">メールマガジン</span></label>
<label><input id="inquiry_content6" name="inquiry_content[]" type="checkbox" value="6"><span class="label_text">青木仁志オフィシャルサイト</span></label>
<label><input id="inquiry_content7" name="inquiry_content[]" type="checkbox" value="7"><span class="label_text">ClubNews</span></label>
<label><input id="inquiry_content8" name="inquiry_content[]" type="checkbox" value="8"><span class="label_text">知人からの紹介</span></label>
<label><input id="inquiry_content9" name="inquiry_content[]" type="checkbox" value="9"><span class="label_text">弊社コンサルタントからの紹介</span></label>
<label><input id="inquiry_content10" name="inquiry_content[]" type="checkbox" value="10"><span class="label_text">その他</span></label>
</div>
</div>
</div>
<div class="form_row">
<div class="left"><label for="service_use">アチーブメント株式会社<br>サービス利用の有無</label></div>
<div class="right">
<label><input id="service_use1" name="service_use" type="radio" value="1" checked="checked"><span class="label_text">有</span></label>
<label><input id="service_use2" name="service_use" type="radio" value="2"><span class="label_text">無</span></label>
</div>
</div>
<div class="form_row">
<div class="left">お問合わせ内容<span class="required error">必須</span></div>
<div class="right">
<textarea name="purpose" rows="4" cols="40" required="required"></textarea>
<p class="alert_text">お問い合わせ内容が入力されていません。</p>
</div>
</div>
<div class="form_row">
<div class="left">個人情報保護方針<span class="required error">必須</span></div>
<div class="right">
<p>当社の「<a href="#" target="_blank">個人情報保護方針及び個人情報の取り扱い指針</a>」に承諾頂いた上で送信をお願い致します。</p>
<div class="form_checkbox">
<label><input id="info_agreement" required="required" name="info_agreement" type="checkbox" value="1"><span class="label_text">個人情報保護方針に同意します。</span></label>
<p class="alert_text">個人情報保護方針をご確認のうえ、同意してください。</p>
</div>
</div>
</div>
<div class="contact-bottom-buttons">
<div class="left c-btn1"><a href="https://www.moyore-niigata.jp/contact" class="c-btn1__txt">リセットする</a></div>
<div class="right c-btn1 c-btn-faq"><button type="submit" class="c-btn1__txt">送信する</button></div>
</div>
</form>
</section>
</main>
</div>
</div>
<?php include($_SERVER['DOCUMENT_ROOT'] . '/assets/include/footer.php'); ?>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or sign in to comment