@charset "utf-8";

/* ===================================================================
Tablet CSS
ウィンドウ幅[641～1023px]の場合に適用
=================================================================== */
@media screen and (max-width: 1023px) {

/* ===================================================================
各ページ共通
=================================================================== */

/*	body
--------------------------------------------------------------------*/
body {
overflow: hidden;
}

/*	h
--------------------------------------------------------------------*/

/*	main
--------------------------------------------------------------------*/
.sec_form > p,
.txt_attention,
.pp_check {
padding-right: 2%;
padding-left: 2%;
}

.sec_form > p .ico_or {
display: inline-block;
}

/*	form
--------------------------------------------------------------------*/
/* ----- form select start ----- */
.prt_select::after {
right: 30px;
line-height: 95px;
}
/* ----- form select end ----- */

/* ----- form 必須or任意 icon start ----- */
.ico_or {
display: block;
width: 4em;
margin: 0;
margin-top: .5em;
text-align: center;
}
/* ----- form 必須or任意 icon end ----- */

/* ----- form error message start ----- */
.msg_required {
position: static;
left: auto;
max-width: 100%;
margin-top: 10px;
}

.sec_name .msg_required,
.sec_ruby .msg_required,
.sec_address .msg_required {
max-width: 100%;
}
/* ----- form error message end ----- */

.sec_form dt {
display: block;
max-width: 30%;
padding: 20px 2%;
}

.sec_form dd {
max-width: 70%;
padding: 20px 2%;
}

.sec_name,
.sec_ruby,
.select_birth {
display: block;
}

.sec_name > span,
.sec_ruby > span {
display: block;
max-width: 100%;
}

.sec_name > span:last-child,
.sec_ruby > span:last-child {
margin: 0;
margin-top: 10px;
}

.sec_form .sec_address {
display: block;
padding: 0;
margin: 0;
}

.sec_form .sec_address dt,
.sec_form .sec_address dd {
max-width: 100%;
width: 100%;
padding: 0;
}

.sec_form .sec_address dt {
padding-bottom: 10px;
font-weight: bold;
}

.sec_form .sec_address dd:not(:last-child) {
padding-bottom: 20px;
}

.sec_address .ttl_build_name_num {
-webkit-box-direction: normal;/* Androidブラウザ用 */
-webkit-flex-direction: row;/* safari PC 用 */
flex-direction: row;
}

.sec_address .ttl_build_name_num .ico_or {
margin: 0;
font-weight: normal;
}

.select_birth > span {
display: block;
max-width: 100%;
}

.select_birth > span:not(:first-child) {
margin: 0;
margin-top: 10px;
}

/* ===================================================================
nav_step
=================================================================== */
.nav_step {
padding: 1em 2%;
}

.nav_step li {
width: 35%;
}

}