@charset "utf-8";
/* ReminderLoginIdInput CSS */
#nameSeiGroup, #telNoGroup,#nameMeiGroup,#nameMeiItemWrap {
    display: table-row;
}
#nameSeiLabelItemWrap, #telNo1LabelItemWrap {
    display: table-cell;
    width: 32%;
    background: #cbd0d3;
    border: 1px solid #b1b1b1;
    padding: 10px;
    text-align: left;
    margin: 0;
    vertical-align: middle;
}
#nameSeiItemWrap, #telNo1ItemWrap {
    display: table-cell;
    width: 68%;
    background: #fff;
    padding: 10px;
    text-align: left;
    border: 1px solid #ccc;
    margin: 0;
    vertical-align: middle;
}
div#firstAccessModal {
    min-width: 100%;
}
div#emailInputItemWrap{
    display: table-row;
}
div#emailInputThSurround,
div#nameSeiLabelItemWrap,
div#telNo1LabelItemWrap,
div#nameMeiLabelItemWrap,
div#nameMeiThSurround {
    display: table-cell;
    width: 32%;
    background: #f3f3f3;
    border: 1px solid #b1b1b1;
    padding: 10px;
    text-align: left;
    margin: 0;
    vertical-align: middle;
    border-left: none;
}
div#nameSeiItemWrap,
div#nameSeiItemWrap,
div#telNo1ItemWrap,
div#nameMeiItemWrap{
    border-right: none;
}
label#nameSeiLabel_innerId,
label#telNo1Label_innerId,
label#nameMei_labelId{
    font-weight: bold;
}
.required:after {
    float: right;
}
div#emailInputTdSurround,
div#nameSeiItemWrap,
div#telNo1ItemWrap,
div#nameMeiTdSurround {
    padding: 16px;
}
.contents .table input {
    margin: 0 5px 0 0;
    vertical-align: middle;
}
.contents .table input + span {
    margin-right: 5px;
    vertical-align: middle;
}
.contents input[type='text'].nameSei,
.contents input[type='text'].nameMei,
.contents .table .td input[type='text'].nameMei {
    width: 470px;
    max-width: 100%;
}
.contents input[class*="tel"] {
    width: calc(100% / 3 - 21px);
    max-width: 139px;
}
input#reminderButton {
    font-size: 1.2em;
    min-width: 180px;
    line-height: 1.5;
    padding: 4px 16px;
    vertical-align: sub;
}
hr {
    margin-bottom: 30px;
    height: 1px;
    background-color: #434343;
    border: none;
}
div#layoutGroup {
    margin-top: 3px;
}
h3#customerInfoAreaTitle_innerId {
    padding-top: 44px;
}
@media screen and (max-width: 767px) {
div#emailInputThSurround,
div#nameSeiLabelItemWrap,
div#telNo1LabelItemWrap,
div#nameMeiThSurround {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: none;
    text-align: left;
    box-sizing: border-box;
    width: 100%;
    background: #f3f3f3;
    padding: 15px;
    border-right: none;
    margin: 0;
}
div#emailInputItemWrap,
div#nameSeiGroup
div#telNoGroup,
div#nameMeiItemWrap {
    display: block;
}
div#emailInputTdSurround,
div#nameSeiItemWrap,
div#telNo1ItemWrap,
div#nameMeiTdSurround {
    display: block;
    border: 0;
    margin: 0;
    width: 100%;
}
div#nameSeiLabelItemWrap,
div#telNo1LabelItemWrap {
    border-top: 1px solid #b1b1b1;
    justify-content: flex-start;
}
.telNoGroup {
    border-bottom: 1px solid #b1b1b1;
}
label#nameSeiLabel_innerId::after {
    padding-left: 187px;
}
label#telNo1Label_innerId::after  {
    padding-left: 215px;
}
.contents input[type='text'].nameSei,
.contents input[type='text'].nameMei,
.contents .table .td input[type='text'].nameMei {
    width: 100%;
}
}