@charset "utf-8";
.text-alert,error-message {
    color: #FB0027 !important;
    font-weight: bold;
    margin-top: 0.7rem;
}

.text-alert-frame{
    font-size: 1.6rem;
    padding: 1rem 0;
}

.required_input {
    color: #e11a1a;
    padding-left: 0.5rem;
}

.parentheses {
    font-size: 1.4rem;
    line-height: 1;
}

.required {
    display: inline-block;
    margin-left: .5rem;
    padding: .4rem .4rem;
    border-radius: 0;
    background-color: #e11a1a;
    font-size: 10rem;
    font-weight: lighter;
    line-height: 1;
    color: #fff;
    vertical-align: middle;
    position: relative;
    margin-top: -.25rem;
}

.signup_note span{
    display: block;
    line-height: 2.2rem !important;
}

.contact-select-style-wrap {
    position: relative;
}
.contact-select-style-wrap::before {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FF8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: cover;
    content: "";
    display: inline-block;
    width: 1.1rem;
    height: 1.2rem;
    position: absolute;
    top: 42%;
    left: 34%;
    vertical-align: middle;
    pointer-events: none;
}
.contact-select-text {
    font-weight: bold;
    margin-bottom: 1.4rem;
}
.contact-select-style {
    width: 39.5%;
    height: 4.5rem;
    border-radius: .4rem;
    border: 1px solid #cccccc;
    background-color: #f7f8f8;
    padding: 0 1.6rem;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
.contact-select-style::placeholder {
    color: #000000;
}

@media screen and (max-width: 991px) {
    .parentheses {
        font-size: 1.3rem;
    }
    .required {
        display: inline-block;
        margin-left: .5rem;
        padding: .4rem .4rem;
        border-radius: 0;
        background-color: #e11a1a;
        font-size: 10rem;
        font-weight: lighter;
        line-height: 1;
        color: #fff;
        vertical-align: middle;
        position: relative;
        margin-top: -.25rem;
    }
    .contact-select-style {
        width: 100%;
        height: 4.5rem;
    }
    .contact-select-style-wrap::before {
        background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FF8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
        background-repeat: no-repeat;
        background-size: contain;
        content: "";
        display: inline-block;
        width: 1.6rem;
        height: 1.2rem;
        position: absolute;
        top: 42%;
        left: 94%;
        vertical-align: middle;
        pointer-events: none;
    }
}

.contact-table td .td-item-flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contact-table td .td-item-flex-f{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}
.contact-table td .td-item.td-width-small,
.contact-table td .td-item-select.td-width-small {
    /*width: 32%;*/
    width: 214px;
}
.contact-table td .td-item.td-width-lower-middle {
    width: 320px;
}
.contact-table-other-recipient td .td-item.td-width-small {
    width: 30.5%;
}
.contact-table td .td-item.td-width-middle {
    width: 68.8%;
}
.contact-table td .td-item:not(:last-of-type) {
    margin-right: 3rem;
}
.contact-table td .td-item-select:not(:last-of-type) {
    margin-right: 2rem;
}
.contact-table td .td-item .input-small,
.contact-table td .td-item .input-middle {
    width: 100%;
}
.contact-table td .td-item-select-inner {
    position: relative;
}
.td-item-birthday{
    margin-bottom: 0;
}

.contact-table,
.contact-table2 {
    margin: 0 auto 0 auto;
    border: solid .2rem #F1CD79 !important;
    border-bottom: none;
    border-radius: .1rem;
    border-spacing: 0;
    table-layout: auto;
    box-sizing: border-box;
    text-align: left;
}

.contact-table th {
    width: 27.25%;
    padding: 1rem 1rem 1rem 2rem;
    letter-spacing: 0.05em;
    border-top: 1px solid #F1CD79;
    border-right: none;
    border-bottom: 1px solid #F1CD79;
    border-left: 1px solid #F1CD79;
    background-color: #FDE8AE;
    text-align: left;
    position: static;
}

.contact-table td {
    width: 72.75%;
    padding: 3.4rem 3.2rem 3.4rem 3.45rem;
    border-top: 1px solid #d9d9d9;
    border-right: 1px solid #d9d9d9;
    border-bottom: 1px solid #d9d9d9;
    border-left: none;
}
.contact-table td input {
    border: solid .1rem #cccccc;
    border-radius: .4rem;
    padding: 1.4rem 1.4rem;
    outline: none;
    background-color: #f7f8f8;
    height: 4.5rem;
}
.contact-table td input[disabled]{
    background-color: #e2e2e2;
}
.contact-table td input::placeholder {
    color: #acadad;
}
.contact-table td span {
    display: block;
    font-size: 1.4rem;
    line-height: 1;
    margin: .75rem 0 .25rem;
}
.contact-table td .input-large {
    width: 100%;
}
.contact-table td .input-middle,
.contact-table02 td .input-middle {
    width: 64%;
}
.contact-table td .input-small {
    width: 34%;
}
.contact-table td .form-detail-wrapper .input-small {
    width: 32.1%;
    position: relative;
}
.contact-table td .form-detail-wrapper .input-uppermiddle {
    width: 68.8%;
    position: relative;
}
.contact-table td .form-detail-wrapper .input-large {
    width: 100%;
    position: relative;
}
.contact-table td .form-detail-wrapper .input-small:not(:last-of-type) {
    margin-right: 2rem;
}
.contact-table td .input-small:not(:last-of-type) {
    margin-right: 3rem;
}

.contact-table2 th{
    width: 27.25%;
    padding: 1rem 1rem 1rem 2rem;
    letter-spacing: 0.05em;
    border-top: 1px solid #F1CD79;
    border-right: none;
    border-bottom: 1px solid #F1CD79;
    border-left: 1px solid #F1CD79;
    background-color: #FDE8AE;
    text-align: left;
    position: static;
}

.form-radio-wrapper input[type=radio],
.contact-checkbox input[type=checkbox] {
    display: none;
}
.form-radio-wrapper input[type=radio]:checked + .radio-label::before,
.contact-checkbox input[type=checkbox]:checked + .checkbox::before {
    border-color: #dddddd;
}
.form-radio-wrapper input[type=radio]:checked + .radio-label::after,
.contact-checkbox input[type=checkbox]:checked + .checkbox::after {
    opacity: 1;
}

.contact-checkbox-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 3.6rem;
}
.contact-checkbox {
    display: inline-block;
    flex: 33.3333333333%;
    position: relative;
}

.contact-checkbox .checkbox {
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
    padding-top: 0.5rem;
    padding-left: 3.4rem;
    position: relative;
    width: auto;
}

.contact-checkbox .checkbox::before {
    background: #f1f1f1;
    border: .1rem solid #d1d1d1;
    content: '';
    width: 2.4rem;
    height: 2.4rem;
    top: .35rem;
    left: 0;
    position: absolute;
    display: inline-block;
}

.contact-checkbox .checkbox::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(../images/common/checkbox_check_pc.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center right .3rem;
    width: 2.4rem;
    height: 2.4rem;
    top: .35rem;
    left: 0;
    background-color: #F28D13;
    border-radius: .25rem;
    opacity: 0;
}

.contact-checkbox-btn {
    display: inline-block;
    margin-bottom: 2.5rem;
}

.contact-select-btn select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.contact-flex-inner-style {
    width: 100%;
    height: 4.5rem;
    border-radius: .4rem;
    border: 1px solid #cccccc;
    background-color: #f7f8f8;
    padding: 0 1.6rem;
}

.contact-form-select {
    display: block;
    width: 100%;
    padding: 0.375rem 3.25rem 0.375rem 1.6rem;
    -moz-padding-start: calc(0.75rem - 3px);
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2;
    color: #212529;
    background-color: #f7f8f8;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23FF8C00' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right 0.75rem center;
    background-size: 16px 12px;
    border: 1px solid #cccccc;
    border-radius: .4rem;
    transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

.form-detail-wrapper > div:not(:last-of-type) {
    margin-bottom: 3rem;
}
.form-detail {
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.form-detail-block {
    display: block;
    position: relative;
}

.form-checkbox-flex-wrap {
    margin-top: 1rem;
    margin-bottom: 5rem;
}
.form-checkbox-flex {
    display: flex;
    flex-wrap: wrap;
}

/**/

.form-checkbox-inner {
    top: 1rem;
    position: relative;
    display: flex;
    align-items: center;
    margin: 1.3rem 0 .1rem;
    height: auto;
}
.form-checkbox-inner .checkbox {
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
    padding-top: 0;
    padding-left: 2.8rem;
    position: relative;
    width: auto;
    font-size: 1.8rem;
    font-weight: normal;
    line-height: 1.15;
    color: #000000;
    display: flex;
    align-items: center;
    text-align: left;
}
.form-checkbox-flex .form-checkbox-inner:not(:last-of-type) {
    margin-right: 2.85rem;
}
.form-checkbox-inner .checkbox-small {
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
    padding-top: 0;
    padding-left: 3.3rem;
    position: relative;
    width: auto;
    font-size: 1.3rem;
    font-weight: normal;
    line-height: 1.15;
    color: #000000;
    display: flex;
    height: 2rem;
    align-items: center;
}
.form-checkbox-inner input[type=checkbox] {
    display: none;
}
.form-checkbox-inner input[type=checkbox]:checked + .checkbox::before,
.form-checkbox-inner input[type=checkbox]:checked + .checkbox-small::before {
    border-color: #dddddd;
}
.form-checkbox-inner .checkbox::before,
.form-checkbox-inner .checkbox-small::before {
    background: #f1f1f1;
    border: .1rem solid #d1d1d1;
    content: '';
    width: 2rem;
    height: 2rem;
    top: 0;
    left: 0;
    position: absolute;
    display: inline-block;
}
.form-checkbox-inner input[type=checkbox]:checked + .checkbox::after,
.form-checkbox-inner input[type=checkbox]:checked + .checkbox-small::after {
    opacity: 1;
}
.form-checkbox-inner .checkbox::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(../images/common/checkbox_check_pc.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center right .4rem;
    width: 2rem;
    height: 2rem;
    top: 0;
    left: 0;
    background-color: #F28D13;
    border-radius: .25rem;
    opacity: 0;
}
.form-checkbox-inner .checkbox-small::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-image: url(../images/common/checkbox_check_pc.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: center right .3rem;
    width: 2rem;
    height: 2rem;
    top: 0;
    left: 0;
    background-color: #F28D13;
    border-radius: .25rem;
    opacity: 0;
}
/**/



.form-textarea textarea {
    border: solid .1rem #cccccc;
    border-radius: .4rem;
    padding: .625rem 1.4rem;
    margin: 0;
    outline: none;
    background-color: #f7f8f8;
    width: 100%;
    min-height: 20rem;
    font-size: 1.8rem;
}

.form-textarea textarea::placeholder {
    color: #acadad;
    line-height: 1.8666666666;
}
.form-btn-wrapper {
    display: flex;
    justify-content: center;
}
.form-p-wrap {
    margin: 0 0 2.75rem;
}
.form-m-tb1 {
    margin: 1rem auto;
}
.form-m-tb2 {
    margin: 2rem auto;
}
.form-m-tb3 {
    margin: 3rem auto;
}
.form-m-tb4 {
    margin: 4rem auto;
}

.form-btn-yellow a,
.form-btn-yellow button,
.form-btn-yellow input {
    background-color: #FAAF18;
    border-radius: 5rem;
    border: 1px solid #FAAF18;
    color: #fff;
    overflow: hidden;
    position: relative;
    width: 250px;
    height: 5rem;
    padding: 25px 38px;
    padding: 1.1rem 3.3rem;
    font-size: 1.8rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.form-btn-yellow a::after,
.form-btn-yellow button::after,
.form-btn-yellow input::after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../images/common/button-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.form-btn-member a,
.form-btn-member button,
.form-btn-member input {
    background-color: #FAAF18;
    border-radius: 5rem;
    border: 1px solid #FAAF18;
    color: #fff;
    overflow: hidden;
    position: relative;
    width: 250px;
    height: 5rem;
    padding: 25px 38px;
    font-size: 1.8rem;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.form-btn-member a::after,
.form-btn-member button::after,
.form-btn-member input::after {
    content: "";
    width: 16px;
    height: 16px;
    background-image: url(../images/common/button-icon.png);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
}

.form-btn-member button:disabled{
    opacity: 0.3;
    cursor: not-allowed;
}
.form-btn-member button:disabled:hover{
    opacity: 0.3;
}


.form-btn-member-wide a,
.form-btn-member-wide button,
.form-btn-member-wide input {
    background-color: #FAAF18;
    border-radius: 5rem;
    border: 1px solid #FAAF18;
    color: #fff;
    overflow: hidden;
    position: relative;
    width: 320px;
    height: 5rem;
    padding: 32px 38px;
    font-size: 2.2rem;
    line-height: 1.1;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.form-btn-member-wide a::after,
.form-btn-member-wide button::after,
.form-btn-member-wide input::after {
  content: "";
  width: 16px;
  height: 16px;
  background-image: url(../images/common/button-icon.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 20px;
}

.form-btn-member-wide button:disabled{
    opacity: 0.3;
    cursor: not-allowed;
}
.form-btn-member-wide button:disabled:hover{
    opacity: 0.3;
}

.form-btn-member-alert a,
.form-btn-member-alert button,
.form-btn-member-alert input {
    background-color: #BF0005;
    border-radius: 0.5rem;
    border: 1px solid #BF0005;
    color: #fff;
    overflow: hidden;
    position: relative;
    width: 25rem;
    width: 30rem;
    height: 4rem;
    padding: 1.1rem 3.3rem;
    font-size: 1.8rem;
    line-height: 1.784375;
    display: flex;
    align-items: center;
    justify-content: center;
}

.form-btn-member-alert a::after,
.form-btn-member-alert button::after,
.form-btn-member-alert input::after {
    content: "";
    display: inline-block;
    background-image: url(../images/common/form_right_arrow.png);
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    width: .85rem;
    height: 1.45rem;
    position: absolute;
    top: 35%;
    right: 5.5%;
}

.form-btn-short{
    width: 15rem !important;
}

.form-btn-middle{
    width: 20rem !important;
}

.form-btn-border button,
.form-btn-border a {
    background-color: #fff;
    border-radius: 2.175rem;
    border: 1px solid #000000;
    color: #000000;
    overflow: hidden;
    position: relative;
    min-width: 20rem;
    height: 4.35rem;
    padding: 1.1rem 3.3rem;
    font-size: 1.8rem;
    line-height: 2.1961538461;
    display: flex;
    align-items: center;
    justify-content: center;
    letter-spacing: 0.01em;
}
.form-btn-border button::before,
.form-btn-border a::before {
    content: "";
    display: inline-block;
    background-image: url(../images/common/form_left_arrow.png);
    background-image: none;
    background-image: none;
    background-repeat: no-repeat;
    background-size: contain;
    width: .6rem;
    height: 1rem;
    position: absolute;
    top: 39%;
    left: 7%;
}
.form-btn-blue button,
.form-btn-blue a {
    color: #fff;
    display: flex;
    padding: .8rem 4.73rem .8rem 1.85rem;
    font-size: 1.8rem;
    line-height: 1.5333333333;
    letter-spacing: 0.035em;
    align-items: center;
    height: 5.7rem;
    position: relative;
    cursor: pointer;
    background-color: #0e69c4;
    border-radius: .4rem;
    border: .1rem solid #0e69c4;
}
.form-btn-blue button::after,
.form-btn-blue a::after {
    position: absolute;
    content: '';
    background-image: url(../images/common/register-btn.png);
    background-size: contain;
    display: inline-block;
    width: 1.95rem;
    height: 1.5rem;
    right: 6.5%;
    top: 35%;
}

.form-btn-blue button:disabled{
    opacity: 0.3;
    cursor: not-allowed;
}
.form-btn-blue button:disabled:hover{
    opacity: 0.3;
}

.form-btn-blue a:hover,
.form-btn-blue button:hover,
.form-btn-blue input:hover,
.form-btn-yellow a:hover,
.form-btn-yellow button:hover,
.form-btn-yellow input:hover,
.form-btn-border a:hover,
.form-btn-border button:hover,
.form-btn-border input:hover,
.form-btn-member a:hover,
.form-btn-member button:hover,
.form-btn-member input:hover,
.form-btn-member-wide a:hover,
.form-btn-member-wide button:hover,
.form-btn-member-wide input:hover,
.form-btn-member-alert a:hover,
.form-btn-member-alert button:hover,
.form-btn-member-alert input:hover {
    opacity: 0.7;
}

.radio-item:not(:last-of-type) {
    margin-right: 2.5rem;
}
.radio-item {
    display: inline-block;
}
.form-radio-wrapper .radio-item {
    display: inline-block;
    padding: 1rem 2.5rem 1rem 0;
}
.form-radio-wrapper .radio-item.padding-remove {
    display: inline-block;
    padding: 1rem 0 1rem 0;
}
.radio-label::before {
    border-radius: 50%;
    background-color: #f7f8f8;
    border: .1rem solid #dddddd;
    content: '';
    display: block;
    width: 2.4rem;
    height: 2.4rem;
    top: 0;
    left: 0;
    position: absolute;
}
.radio-label::after {
    background-color: #FAAF18;
    border-radius: 50%;
    content: '';
    display: block;
    width: 1rem;
    height: 1rem;
    top: .7rem;
    left: .7rem;
    opacity: 0;
    position: absolute;
}
.radio-item label {
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding-top: .3rem;
    padding-left: 3.4rem;
    position: relative;
    width: auto;
}
.radio-item label {
    margin: 0;
    box-sizing: border-box;
    cursor: pointer;
    display: flex;
    padding-top: 0;
    padding-left: 3.4rem;
    position: relative;
    width: auto;
    /* top: .4rem; */
    align-items: center;
    /* height: 2.4rem; */
}
input[type="radio"] {
    -webkit-appearance: radio;
    appearance: radio;
}
label[for] {
    cursor: pointer;
}

@media screen and (max-width: 991px) {
    .error-wrapper span {
        font-size: 10rem;
    }
    .error-wrapper .error-text {
        font-size: 10rem;
        text-align: center;
    }
    .form-btn-red {
        max-width: 28.5rem;
        margin: 4rem auto 3rem auto;
    }
    .sp-text-l {
        text-align: left;
    }
    .contact-table td .td-item-flex {
        display: block;
    }
    .contact-table td .td-item.td-width-small,
    .contact-table td .td-item.td-width-lower-middle {
        width: 100%;
        margin-right: 3rem;
    }
    .contact-table td .td-item.td-width-small:not(:last-of-type) {
        margin-bottom: 1.75rem;
    }
    .contact-table td .td-item.td-width-middle {
        width: 100%;
    }
    .contact-table td .td-item-flex .td-item:nth-of-type(2) {
        margin-bottom: 0;
    }
    .td-item-birthday{
        margin-bottom: 1.75rem;
    }
    .contact-table tr{
        display: block;
    }
    .contact-table:not(:last-of-type) {
        margin: 0 auto 3rem auto;
    }
    .contact-table th {
        width: 100%;
        padding: 2.1rem 1.6rem 1.7rem 1.6rem;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        display: block;
    }
    .contact-table tr:not(:first-of-type) th {
        border-top: 1px solid #d9d9d9;
    }
    .contact-table td {
        width: 100%;
        padding: 1.85rem 1.6rem 1.85rem 1.6rem;
        border-top: none;
        border-right: none;
        border-left: none;
        border-bottom: none;
        display: block;
    }
    .contact-table td input {
        border: solid .1rem #cccccc;
        border-radius: .4rem;
        padding: 1.3rem 1.4rem;
        outline: none;
        background-color: #f7f8f8;
        font-size: 1.6rem;
        line-height: 1;
    }
    .contact-table td span {
        display: block;
        font-size: 1.3rem;
        margin: 1.5rem 0 0;
    }
    .contact-table td span:nth-of-type(2) {
        line-height: 1.5;
    }
    .contact-table td div:nth-of-type(3) span:nth-of-type(2) {
        line-height: 1.5;
    }
    .contact-table td p {
        color: #000000;
    }
    .contact-table td .input-large {
        width: 100%;
    }
    .contact-table td .input-middle {
        width: 100%;
    }
    .contact-table td .input-small {
        width: 100%;
    }
    .contact-table td .form-detail-block .input-small:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 0;
    }
    .contact-table td .input-small:not(:last-of-type) {
        margin-right: 0;
        margin-bottom: 1.75rem;
    }
    .contact-table td .form-detail-wrapper .input-small {
        width: 100%;
    }
    .contact-table td .form-detail-wrapper .input-uppermiddle {
        width: 100%;
    }
    .form-detail-wrapper > div:not(:last-of-type) {
        margin-bottom: 2rem;
    }
    .contact-table td p {
        font-size: 1.4rem;
        line-height: 1;
    }

    .contact-table-style {
        margin-bottom: 6rem;
    }
    .contact-table-style tr {
        display: flex;
        flex-direction: column;
    }
    .contact-table-style th {
        width: 100%;
        padding: 2.1rem 1.6rem 1.7rem 1.6rem;
        letter-spacing: 0.05em;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
        background-color: #edfaff;
        line-height: 1;
    }
    .contact-table-style td {
        width: 100%;
        padding: 1.8rem 1.6rem 1.9rem 1.6rem;
        border-top: none;
        border-right: none;
        border-bottom: none;
        border-left: none;
    }
    .contact-checkbox-wrapper {
        display: block;
        flex-wrap: wrap;
        margin-bottom: 1.3rem;
        flex-direction: column;
        padding-left: 2.6rem;
        padding-right: 2.6rem;
    }
    .contact-checkbox {
        display: flex;
        flex: 100%;
        position: relative;
        padding-top: 1rem;
        padding-bottom: .2rem;
    }
    .contact-checkbox-content {
        justify-content: space-between;
        display: flex;
        width: 100%;
    }
    .contact-checkbox-btn {
        display: flex;
        margin-bottom: 0;
        flex: 55%;
        align-items: center;
        margin: 0 .5rem 0 0;
        /*height: 9rem;*/
    }
    .contact-select-btn {
        flex: 43%;
        text-align: left;
        margin: 0 0 1rem;
    }
    .contact-checkbox .checkbox {
        margin: 0;
        box-sizing: border-box;
        cursor: pointer;
        padding-top: 0;
        padding-left: 3.4rem;
        position: relative;
        width: auto;
        color: #000000;
    }

    .contact-select-text {
        font-size: 1.4rem;
        line-height: 1.6428571428;
        margin-bottom: 1rem;
    }

    .contact-checkbox .checkbox::before {
        background: #f1f1f1;
        border: .1rem solid #d1d1d1;
        content: '';
        width: 2.2rem;
        height: 2.2rem;
        top: 0;
        left: 0;
        position: absolute;
        display: inline-block;
    }
    .contact-checkbox .checkbox::after {
        background-image: url(../images/common/checkbox_check_sp.png);
        background-size: 65%;
        background-position: center right .41rem;
        width: 2.2rem;
        height: 2.2rem;
        top: 0;
        left: 0;
    }
    .form-detail,
    .form-detail-block {
        display: block;
    }
    .form-checkbox-flex-wrap {
        margin: .5rem 0 3.5rem;
    }
    .form-checkbox-flex {
        display: block;
    }
    .form-textarea textarea {
        border: solid .1rem #cccccc;
        border-radius: .4rem;
        padding: .625rem 1.4rem;
        margin: 0;
        outline: none;
        background-color: #f7f8f8;
        width: 100%;
        min-height: 11rem;
        font-size: 1.6rem;
    }
    .form-textarea textarea::placeholder {
        font-size: 1.4rem;
        line-height: 1.7142857142;
    }
    .form-btn-yellow a {
        min-width: auto;
    }
    .form-btn-border a {
        width: 100%;
    }
    .radio-item label {
        padding-top: .3rem;
        padding-left: 3.4rem;
        position: relative;
        width: auto;
        font-size: 1.4rem;
        line-height: 1.5714285714;
    }
    .radio-label::before {
        border-radius: 50%;
        background-color: #f7f8f8;
        border: .1rem solid #dddddd;
        content: '';
        display: block;
        width: 2.4rem;
        height: 2.4rem;
        top: .25rem;
        left: 0;
        position: absolute;
    }
    .radio-label::after {
        background-color: #0e69c4;
        border-radius: 50%;
        content: '';
        display: block;
        width: 1rem;
        height: 1rem;
        top: 1rem;
        left: .7rem;
    }
}

.name-family,.name-firtst{
    padding-right: 0.5rem;
}

#popup-records-save {
    position: fixed;
    display: flex;
    font-family: 'メイリオ', 'Meiryo', sans-serif;
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    line-height: 470px;
    width: 97%;
    top: 50%;
    transform: translate(-1.25%, -50%);
    background-color: rgba(255, 255, 255, 0.65);
}

#l-modal {
    position: fixed;
    display: flex;
    top: 0;
    left: 0;
    z-index: 999;
    height: 200vh;
    width: 100%;
    background-color: transparent;
  }
