How can I correctly add extra info on register page?

[y_y]

Hi. I am straggling to add extra information to ask to customers on our register page. 

Now I have two problems and below is the photo of the page I made on a draft (so on the real page it's little bit different)

1. want to locate "誕生日" on the leftmost 

You can see the word "誕生日" in the middle, which means "birthday" in Japanese. 

In terms of arrangement I want to locate it at the leftmost like other labels such as "Email", "パスワード"（password）. 

How can I do this?

2. want to locate "性別" as label 

Above the green button you can see radio buttons and the leftmost one is "性別", which actually means "gender". So I want to locate it as the label of this category but my code does not work correctly. 

Here is my code concerning this page. Please tell me where and how to fix. 

Thank you

{% form 'create_customer' %}

{{ form.errors | default_errors }}

<label for="FirstName" class="hidden-label">{{ 'customer.register.first_name' | t }}</label>
<input type="text" name="customer[first_name]" id="FirstName" class="input-full" placeholder="{{ 'customer.register.first_name' | t }}" {% if form.first_name %}value="{{ form.first_name }}"{% endif %} autocapitalize="words" autofocus>

<label for="LastName" class="hidden-label">{{ 'customer.register.last_name' | t }}</label>
<input type="text" name="customer[last_name]" id="LastName" class="input-full" placeholder="{{ 'customer.register.last_name' | t }}" {% if form.last_name %}value="{{ form.last_name }}"{% endif %} autocapitalize="words">

<label for="Email" class="hidden-label">{{ 'customer.register.email' | t }}</label>
<input type="email" name="customer[email]" id="Email" class="input-full{% if form.errors contains 'email' %} error{% endif %}" placeholder="{{ 'customer.register.email' | t }}" {% if form.email %} value="{{ form.email }}"{% endif %} autocorrect="off" autocapitalize="off">

<label for="CreatePassword" class="hidden-label">{{ 'customer.register.password' | t }}</label>
<input type="password" name="customer[password]" id="CreatePassword" class="input-full{% if form.errors contains 'password' %} error{% endif %}" placeholder="{{ 'customer.register.password' | t }}">

<label for="birthday" class="label">誕生日</label>
<input type="date" value="" name="customer[note][誕生日]" id="birthday">

<div class="field-radio">
<label for="gender" class="label">性別</label>
<input type="radio" value="男性" name="customer[note][性別]" id="gender">男性
<input type="radio" value="女性" name="customer[note][性別]" id="gender">女性
<input type="radio" value="その他" name="customer[note][性別]" id="gender">その他
<input type="radio" value="解答しない" name="customer[note][性別]" id="gender">解答しない
</div>

<p>
<input type="submit" value="{{ 'customer.register.submit' | t }}" class="btn btn--full">
</p>
<a href="{{ shop.url }}">{{ 'customer.register.cancel' | t }}</a>

{% endform %}

[KetanKumar]

@y_y 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[y_y]

Hi! Thanks for contacting me. Here's our shop. 

https://shop.ethicalspirits.jp/

[KetanKumar]

@y_y 

yes, i have check now its work

[y_y]

@KetanKumar 

Could you specify whereto edit in the code?

The problems I described above still remain unsolved

[KetanKumar]

@y_y 

can you please share specials screenshot that part

[y_y]

@KetanKumar 

Sorry for replying late,

Here's the link and the screenshot!

https://shop.ethicalspirits.jp/account/register