.one-bt-box {
    margin: 0;
    line-height: 1.8;
}

.one-box{
    margin: 4rem auto;
    padding: 3rem;
    color: #232323;
    background: var(--bg-light-blue);
    border-left: solid 18px var(--blue);
    border-radius: 4px;
    font-size: 2rem;
}

.one-box ul{
    list-style: outside;
    padding-left: 3rem;
}

.one-box ul li{
    margin-bottom: 1em;
    font-weight: 600;
    line-height: 1.2;
}

.one-box ul li:last-of-type{
    margin-bottom: 0;
}

.one-box ul li span{
    font-size: 1.4rem;
}

.two-box{
    border: 2px solid var(--blue);
    padding: 2rem;
    border-radius: 4px;
}

.two-box h2{
    margin: 0 0 10px;
    font-size: 2rem;
    color: var(--blue);
}

.two-box .f_small{
    color: gray;
}

.list_num{
    list-style: decimal;
    list-style-position: outside;
}

.code_form{
    font-size: 1.6rem;
}
#yu .form1 {
    max-width: 1000px;
    width: 100%;
}
#yu .code_exp{
    margin: 2rem auto;
}
#yu .m-b20{
    margin-bottom: 20px;
}
.warning_msg.fs_20{
    font-size: 2rem;
}
.form_box{
    width: 70%;
    margin: auto;
    border-radius: 3px;
}
.form-btn{
    margin-top: 20px;
    display: block;
    font-size: 2rem;
    padding: 0.5rem 3rem;
}
.sp{
    display: none;
}
.form_box{
    margin-top: 20px;
    padding: 40px 0;
}
#yu input[type="text"].code-input {
    width: 10em;
}
#yu .top-code {
    max-width: 1000px;
    height: unset;
    margin: 0 auto 2rem;
}
#yu .top-code2 {
line-height: 1;
}
#yu .border {
    margin: 0;
}
#yu .shinsei-btn {
    margin-bottom: 0;
    font-size: 22px;
}
#yu .ninni2{
    font-size: 34px;
    margin-bottom: 40px;
}
#yu .hissu2{
    font-size: 1.6rem;
}
#yu .hissu2::after{
    background-color: #ed2e2e;
    font-size: 0.7em;
    color: #ffffff;
    margin-left: 5px;
    padding: 2px 6px;
}
.base-bt.m-t40{
    margin-top: 40px;
}

#yu .top_title{
    border-bottom: none;
}

@media (max-width: 700px) {
    #yu #registform .form1 input[type="text"].code-input {
        width: 29%!important;
    }
    #yu .form_title {
        margin-top: 0;
    }
    .sp{
        display: block;
    }
    .sub-title h1 {
        font-size: 1.3rem;
    }
    .form-btn{
        box-sizing: border-box;
        width: 100%;
    }
    section{
        padding: 10px 0 60px 0;
    }
    .top_title.mt_80{
        margin-top: 4rem;
        padding-bottom: 0;
    }
}

/*こっから今回追加*/
.contents{
    width: 75%;
}
.application p{
    color: var(--navy);
}
.point_requirement_wrapper {
    position: relative;
    width: 100%;
    top: unset;
    left: unset;
    transform: none;
    -webkit-transform: none;
    -ms-transform: none;
}
.application .point_requirement_list{
    width: 80%;
    background-image: none;
    border: 1px solid var(--navy);
    padding: 3rem;
}
.top-code{
    width: 80%;
    margin: auto;
}
.top-code .border{
    padding: 0 10px;
}
.top-code-title{
    color: var(--navy);
    font-weight: 600;
    font-size: 1.5rem;
    margin: 0 0 20px 0;
}
.top-code .base-btn{
    width: 40%;
}
.top-code .flex{
    display: flex;
}
#mailapplyview .form-komoku, #mailresendview .form-komoku{
    margin: 5px 0;
}
#mailapplyview .long-form, #mailresendview .long-form{
    margin-bottom: 20px;
    width: 100%;
    box-sizing: border-box;
}

#mailresendview .bg-form{
    padding: 20px;
    color: var(--navy);
}

#mailresendview .list_num{
    background-color: #f5f5f5;
    padding: 3rem 5rem;
    border-radius: 4px;
    margin-top: 2rem;
    font-weight: 500;
}

#mailresendview .list_num li{
    margin-bottom: 1.5rem;
}

#mailresendview .change_mailaddress{
    max-width: 600px;
    width: 90%;
    margin: auto;
    font-size: 1.6rem;
}

#mailresendview .change_mailaddress h3{
    background: #439cce;
    padding: 0.5rem;
    font-size: 1.6rem;
    color: #fff;
}

.obi-navy{
    background: var(--navy);
    color: #ffffff;
    padding: 6px 10px;
    margin: 0;
}
.form_w60,.form_w60 input[type='text'],.form_w60 select{
    width: 60%;
}
input[type='text'].num{
    width: 100%;
}
.koukan_shinsei_table tbody tr th {
    text-align: right;
}
.confirm_table th{
    font-weight: 600;
    text-align: left;
}
.questionnaire tbody tr th{
    text-align: left;
}
.questionnaire tbody tr{
    vertical-align: top;
    margin-bottom: 40px;
}
.questionnaire input[type='text'], input[type='tel'], input[type='email'], input[type='url'], select{
    width: 97%;
}
.questionnaire select{
    width: 100%!important;
}
th.required:after{
    word-break: keep-all;
}
#yu .tel{
    max-width: 130px;
}
.ui-datepicker-calendar tr th,
.ui-datepicker-calendar tr td {
    font-size: 1.35rem;
}
@media (max-width: 700px) {
    .top-code .base-btn {
        width: 100%;
    }
    .application .point_requirement_list {
        padding: 1rem;
    }
    .top-code {
        width: 90%;
    }
    .top-code .border {
        padding: 0 2px;
        font-size: 0.8rem;
    }
    .top-code .flex{
        align-items: center;
    }
    .contents {
        width: 90%;
    }
    p{
        margin: 0;
    }
    .form_w60,.form_w60 input[type='text'],.form_w60 select{
        width: 94%;
    }

    .form_w60 select{
        width: 100%;
        box-sizing: border-box;
    }

    .koukan_shinsei_table tbody tr th{
        text-align: left;
    }
    /*
    input[type='text'].num {
        width: 22%;
    }
    */
    #yu .tel {
        max-width: 80px;
    }
    .confirm_table table tr th, .confirm_table table tr td {
        border-bottom: none;
    }
    .confirm_table table tr,.confirm_table tr{
        border-bottom: 1px solid #B5B5B5;
    }
    .confirm_table th {
        border-bottom: none;
    }
    .questionnaire select {
        width: 96.5%!important;
    }
    #complete .contents{
        width: 80%;
    }
    #mailresendview .change_mailaddress{
        width: 100%;
    }
}
@media (max-width: 600px) {
    .ui-datepicker-calendar thead{
        display: none;
    }
    .koukan_shinsei_table tr th,.koukan_shinsei_table tr td,.questionnaire tr th{
        padding: 0.1rem 0.35rem;
    }
    .use_year{
        width: 55%!important;
        margin: 0 0.4rem 0 0;
    }
}


/*style.css より移植*/


#yu .line-high13{
    line-height:1.3em;
}

#yu .line-high15{
    line-height:1.5em;
}

#yu .line-high15{
    line-height:1.5em;
}

#yu .user_top_title{
    color: #a4c354;
    font-size:23px;
    line-height	:1.4em;
    margin:40px auto;
}

#yu .user_top_txt{
    max-width:600px;
    width:90%;
    font-size:1.6rem;
    margin:40px auto;
    color: var(--text-black);
}


#yu input{
    box-sizing: border-box;
    margin-bottom:0.3em;
}

#yu select{
    margin-bottom:0.3em;
}

#yu .bg-gray{
    background-color: #f5f5f5;
    width: 70%;
    margin: 6rem auto;
    padding: 3rem;
    border-radius: 4px;
}

#yu .text-green{
    color: #a4c354;
}

.resendmail_warn{
    font-size: 1.6rem;
    font-weight: 600;
    color: red;
}

#yu .text-white{
    color: white;
}

#yu .form-komoku{
    padding-block-start: 0.5em;
    padding-block-end: 0.5em;
    padding-inline-start: 1em;
    padding-inline-end: 0.5em;
    margin-top:10px;
}

#yu .narabu{
    text-align: left;
}

#yu .bg-green{
    background-color: #a4c354;
}

#yu .hissu2::after{
    content:"必須";
    font-size:8px;
    background-color: #ffc0cb;
    color: red;
    padding:2px 2px;
    margin:0 2px;
    white-space: nowrap;
}

#yu .top-code2{
    line-height: 1.8;
}

#yu .input100{
    width:100px;
}

#yu .border{
    margin:0px;
}
#yu .bold {
    font-weight: bold;
}

#yu .sp-block{
    display:none;
}

#yu .pc-block {
    display: block;
}

/*user_mail_ninsho*/
#yu .form-base{
    max-width: 600px;
    width:90%;
    margin-bottom:15px;
}

#yu .form-komoku{
    font-size:1.6rem;
    text-align: left;
}
/*shinseli*/

#yu .long-form{
    max-width: 600px;
    width:100%;
}

#yu .memo{
    margin:20px;
    font-size:16px;
}

#yu .yubin::before{
    content: "〒";
    font-size: 16px;
    color: black;
    padding: 2px 0;
    margin: 0 10px 0 0;
}

#yu .haihun::before{
    content:"−";
    font-size:12px;
    color: black;
    padding:2px 0;
}

#yu .tel, .yubin, .haihun{
    display:inline-block;
}

#yu .input150{
    width:150px;

}

#yu .input200{
    width:200px;

}

#yu .komemo{
    margin:0;
    font-size:8px;
}

#yu .komemo-th{
    font-size: 12px;
    font-weight: 800;
    margin: 20px 5px;
}
.contents.form-base .komemo{
    color: red;
    font-size: 13px!important;
}

#yu .koukan_shinsei_table {
    border-collapse: collapse;
    margin: 0 auto;
    text-indent: initial;
    border-spacing: 0.5em 0;
    width:100%;
}

#yu .koukan_shinsei_table tr th {
    display: table-cell;
    font-weight: bold;
    width:35%;
    vertical-align: top;
}

#yu .koukan_shinsei_table tr td {
    vertical-align: inherit;
}

#yu .product_shinsei_table tr th {
    background-color: #f5f5ff;
}

#yu ::placeholder {
    padding-left:0.5em;
    opacity:0.5;
}

#yu .choice{
    font-size: 0.8em;
}


#yu .button2{
    width:100px;
    margin:20px auto;
}

#yu .button3{
    width:210px;
    margin:20px auto;
}

#yu .btn2 {
    width: 130px;
    height: 40px;
    font-size: 14px;
    line-height: 40px;
    border-radius: 5px;
}
#yu .btn3 {
    width: 130px;
    height:40px;
    margin-right:10px;
    font-size: 14px;
    line-height: 40px;
    border-radius:5px;
}

#yu .button2 ul{
    display: flex;
}

#yu .button3 ul{
    display: flex;
}

#yu li.btn3{
    border:1px solid #a4c354;
}

#yu .bg-pink{
    background-color: #ffc0cb;
}

#yu .txt-red{
    color: red;
}

#yu .chui{
    max-width:600px;
    width:90%;
    padding-top: 10px;
    padding-bottom: 10px;
}

#yu .kan20{
    margin-top:20px;
    margin-bottom: 20px;
}

#yu .questionary_table {
    border-collapse: collapse;
    margin: 0 auto;
    text-indent: initial;
    border-spacing: 0.5em 0;
    width:100%;
}

#yu .questionary_table tr th {
    display: table-cell;
    font-weight: bold;
    width:30%;
    vertical-align: top;
}

#yu .questionary_table tr td {
    vertical-align: inherit;
}

#yu .txt30{
    font-size:30px;
}

#privacypolicy,
#privacypolicy2{
    font-size: 1.4rem;
}

#privacypolicy h3,
#privacypolicy2 h3{
    font-size: 2rem;
    text-align: center;
}

#privacypolicy h4,
#privacypolicy2 h4{
    margin: 2rem 0px 1rem;
}

.kiyaku-cover{
    font-size: 1.6rem;
    text-align: center;
}
.num-cover{
    display: flex;
    max-width: 350px;
}
#yu footer .tel{
    max-width: 100%;
}
.enquete_annotation{
    color: #808080;
    font-size: 1.4rem;
}
#receipt_preview_pre,#receipt_preview,
#receipt1_preview_pre,#receipt1_preview,
#receipt2_preview_pre,#receipt2_preview,
#guarantee_preview_pre,#guarantee_preview,
#installation_preview_pre,#installation_preview,
#inspection_preview_pre,#inspection_preview,
#inspection1_preview_pre,#inspection1_preview,
#inspection2_preview_pre,#inspection2_preview,
#inspection3_preview_pre,#inspection3_preview
{
    width: 50%;
}

#yu .shinsei-box .bg-gray{
    width: 50%;
    margin: 2rem 0;
}

@media screen and (max-width: 767px) {
    #yu .koukan_shinsei_table tr th, .koukan_shinsei_table tr td {
        font-size: 0.8rem;
        display: block;
        padding:0;
        width: 100%;
    }

    #yu .koukan_shinsei_table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 auto;
    }

    #yu .sp-none{
        display: none;
    }

    #yu p {
        margin-block-start: 0.5em;
        margin-block-end: 0.5em;

    }

    #yu .questionary_table tr th, .questionary_table tr td {
        font-size: 0.8rem;
        display: block;
        padding:0;
        width: 100%;
    }

    #yu .questionary_table {
        width: 100%;
        border-collapse: collapse;
        margin: 0 auto;
    }

    #privacypolicy table{
        margin-left: 0;
        width: 100%;
    }

    #privacypolicy .product_table table td{
        padding: 0;
    }

    #privacypolicy table tr th , #privacypolicy table tr td{
        display: revert;
    }
}

@media (max-width: 600px) {
    #yu .pc-block{
        display:none;
    }

    #yu .sp-block{
        display:block;
    }

    #yu .user_top_txt{
        width:100%;
    }

    #yu .bg-gray{
        width: initial;
    }
    .code-input {
        width: 29%!important;
    }

}

/*利用規約*/
#privacypolicy .product_table table td{
    width: 17%;
    line-height: 1.4;
    text-align: center;
    padding: 0.5rem;
}