@charset "utf-8";

.isForm.isCo #header,
.isForm.isCo #footer,
.isForm.isCo #btnNavi,
.isForm.isCo #menu,
.isForm.isCo #pnkz{
    display: none;
}

/* boxCmnForm */
.boxCmnForm{
    text-align: center;
    margin-top: 6rem;
}
.boxCmnForm .tit{
    font-size: var(--pcFontSize45);
    line-height: var(--pcLineHeight45_70);
    font-weight: bold;
}
.boxCmnForm .tit2{
    font-size: var(--pcFontSize36);
    font-weight: bold;
}
.boxCmnForm .txt{
    margin-top: 2.5rem;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_32);
}
.boxCmnForm .txt2{
    margin-top: 0;
    display: block;
}
@media only screen and (max-width:1215px){
    .boxCmnForm{
        margin-top: 2.5rem;
    }
    .boxCmnForm .tit,
    .boxCmnForm .tit2{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_30);
    }
    .boxCmnForm .txt{
        margin-top: 2rem;
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
    }
    .boxCmnForm .txt2{
        margin: 4rem 0 1.5rem;
    }
}

/* boxFormStep */
.boxFormStep{
    position: relative;
    display: flex;
    justify-content: center;
    counter-reset: number 0;
    margin-top: 4rem;
}
.boxFormStep::before{
    top: 2.6rem;
    width: calc(5.2rem * 3 + 10rem * 2);
    height: 0.3rem;
    background-color: var(--form_step_border);
}
.boxFormStep .formStepItem{
    position: relative;
    font-size: var(--pcFontSize14);
    padding-top: 7.2rem;
    width: 5.2rem;
    text-align: center;
}
.boxFormStep .formStepItem:nth-child(n+2){
    margin-left: 10rem;
}
.boxFormStep::before,
.boxFormStep .formStepItem::after{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    left: 0;
    right: 0;
}
.boxFormStep .formStepItem::after{
    counter-increment: number 1;
    content: counter(number);
    top: 0;
    width: 5.2rem;
    height: 5.2rem;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--ColorWhite);
    background-color: var(--form_step_border);
    font-size: var(--pcFontSize18);
    font-family:"Oswald", sans-serif;
}
.boxFormStep .formStepItem.active{
    color: var(--form_step_active);
}
.boxFormStep .formStepItem.active::after{
    background-color: var(--form_step_active);
}
@media only screen and (max-width:1215px){
    .boxCmnForm .boxFormStep{
        margin-top: 3rem;
    }
    .boxCmnForm .txt2 + .boxFormStep{
        margin-top: 0;
    }
    .boxFormStep::before{
        top: 1.6rem;
        width: calc(3.1rem * 3 + 3rem * 2);
        height: 1px;
    }
    .boxFormStep .formStepItem{
        font-size: var(--spFontSize11);
        padding-top: 3.7rem;
        width: 3.1rem;
    }
    .boxFormStep .formStepItem:nth-child(n+2){
        margin-left: 3rem;
    }
    .boxFormStep .formStepItem::after{
        width: 3.1rem;
        height: 3.1rem;
        font-size: var(--pcFontSize12);
    }
}

/* secCmnForm */
.secCmnForm{
    position: relative;
    background-color: var(--cmnTitBg);
    padding: 7rem 0 var(--footerPc);
    margin-top: 15rem;
}
.secCmnForm::before{
    content: '';
    width: 1px;
    height: 10rem;
    background-color: var(--keyColor);
    position: absolute;
    top: -5rem;
    left: 50%;
    transform: translateX(-50%);
}
.secCmnForm.co::before{
    display: none;
}
.pass .secCmnForm{
    padding-bottom: 0;
}
.secCmnForm.ok{
    background-color: inherit;
    margin-top: 0;
}
.secCmnForm.ok .boxFormBtn{
    margin-top: 0!important;
}
.secCmnForm .secForm{
    padding: 7.5rem;
    border-radius: 2rem;
    background-color: var(--ColorWhite);
    box-shadow: 0 0 0.1rem 0 var(--borderColor);
    margin-bottom: 3rem;
}
.secCmnForm .secForm table{
    width: 100%;
}
@media only screen and (max-width:1215px){
    .secCmnForm{
        padding: 2rem 0 var(--footerSp);
        margin-top: 7rem;
    }
    .secCmnForm::before{
        height: 4rem;
        top: -2rem;
    }
    .secCmnForm.co {
        padding-bottom: 10rem;
    }
    .secCmnForm .secForm{
        box-shadow: unset;
        padding: 3rem 2rem 4rem;
        border-radius: 1rem;
    }
    .secCmnForm .secForm table{
        display: block;
        width: 100%;
    }
    .secCmnForm .secForm tbody{
        display: block;
        width: 100%;
    }
}

/* secFormWrap */
.secFormWrap{
    width: 100%;
    margin: 1.1rem auto 0;
    font-size: 0;
}
.secForm:not(.secCalendar) tr{
    display: block;
    padding-top: 3rem;
}
.secForm:not(.secCalendar) tr:first-child{
    padding-top: 0;
}
.secForm:not(.secCalendar) th,
.secForm:not(.secCalendar) td{
    display: block;
    position: relative;
}
.secForm:not(.secCalendar) .boxTit{
    display: flex;
    align-items: center;
    font-size: 0;
    position: relative;
}
.secForm:not(.secCalendar) .boxTit .tit{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    font-weight: bold;
}
.secForm:not(.secCalendar) .boxTit .tit2{
    font-size: var(--pcFontSize14);
}
.secForm:not(.secCalendar) .item{
    position: relative;
}
.secForm:not(.secCalendar) .item .boxTit{
    position: absolute;
    top: -2.8rem;
    left: 0;
}
@media only screen and (max-width:1215px){
    .secFormWrap{
        margin: 1.7rem auto 0;
    }
    .secForm:not(.secCalendar) tr{
        padding-top: 1.8rem;
    }
    .secForm:not(.secCalendar) .boxTit .tit{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
    }
    .secCmnForm:not(.co) .secForm:not(.secCalendar) .boxTit .tit{
        max-width: calc(100% - 3.5rem);
    }
    .secForm:not(.secCalendar) .boxTit .tit2{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
    }
    .secForm:not(.secCalendar) .item .boxTit{
        top: -2rem;
    }
    .secCmnForm:not(.co) .secForm:not(.secCalendar) .boxTit .tit.txtW100{
        max-width: none;
        padding-right: 0;
        font-size: var(--spFontSize12);
    }
}


/* 必須 */
.secCmnForm:not(.co) .boxTit:not(:has(.must)) .tit:after,
.secFormWrap .must{
    font-size: var(--pcFontSize12);
    border-radius: 0.2rem;
    margin-left: 0.9rem;
    font-weight: bold;
    background-color: var(--ColorWhite);
}
.secFormWrap .must{
    color: var(--form_must_Color);
}
.secCmnForm:not(.co) .boxTit:not(:has(.must)) .tit {
    position: relative;
    padding-right: 4rem;
}
@media only screen and (max-width:1215px){
    .secCmnForm:not(.co) .boxTit:not(:has(.must)) .tit {
        padding-right: 3.5rem;
    }
    .secCmnForm:not(.co) .boxTit:not(:has(.must)) .tit:after,
    .secFormWrap .must{
        font-size: var(--spFontSize10);
        padding: 0.2rem 0.3rem 0.2rem;
        margin-left: 0.7rem;
        position: absolute;
        right: 0;
        top: 50%;
        transform: translateY(-50%);
    }
}

/* チェックボックス */
.secFormWrap .boxRadio,
.secFormWrap .boxCheck{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.5rem;
    gap: 1rem;
}
.secFormWrap .boxRadio.is_row.gp10{
    gap: 1rem;
    margin-top: 2rem;
}
.secFormWrap .boxCheck.is_wrap{
    gap: 0;
}
.secFormWrap .labelRadio input[type="radio"],
.secFormWrap .txtRadio::before,
.secFormWrap input[type="checkbox"],
.secFormWrap .txtCheck::before{
    width: 3rem;
    height: 3rem;
}
.secFormWrap .labelRadio input[type="radio"],
.secFormWrap input[type="checkbox"]{
    visibility: hidden;
    position: absolute;
    margin: 0;
}
.secFormWrap .labelRadio,
.secFormWrap .labelCheck{
    position: relative;
    display: inline-block;
}
.secFormWrap .txtRadio,
.secFormWrap .txtCheck{
    display: inline-flex;
    align-items: center;
    font-size: 0;
    width: 100%;
}
.secFormWrap .txtRadio::before,
.secFormWrap .txtCheck::before{
    content: "";
    width: 3rem;
    height: 3rem;
    border-radius: 0.5rem;
    background: #fff;
    margin-right: 1rem;
    border: 1px solid var(--textColor);
}
.secFormWrap .txtRadio::before{
    border-radius: 100%;
}
.secFormWrap input[type="checkbox"]:checked + .txtCheck::before{
    background: url(../img/common/iconCheckbox.png) center center / 1.4rem auto no-repeat,var(--keyColor);
}
.secFormWrap input[type="radio"]:checked + .txtRadio::before{
    background: var(--keyColor);
}
.secFormWrap input[type="radio"]:checked + .txtRadio::after{
    content: "";
    width: 1rem;
    height: 1rem;
    border-radius: 100%;
    background: var(--ColorWhite);
    position: absolute;
    top: 0;
    left: 1rem;
    bottom: 0;
    margin: auto;
}
.secFormWrap .boxCheck .txt,
.secFormWrap .boxRadio .txt{
    max-width: calc(100% - 3.4rem);
    /* font-size: var(--pcFontSize13); */
    white-space: nowrap;
}
.secFormWrap .txt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_24);
}
.co .secFormWrap .txt{
    line-height: var(--pcLineHeight16_34);
}
.secFormWrap .itemRadio_input,
.secFormWrap .itemCheck_input{
    display: flex;
    align-items: center;
}
.secFormWrap .itemRadio_input .box_input,
.secFormWrap .itemCheck_input .box_input {
    margin-left: 2rem;
}

/* other */
.secFormWrap .boxOther{
    margin-top: 1.4rem;
}
/* is_wrap */
.secFormWrap .boxCheck.is_wrap{
    flex-wrap: wrap;
    flex-direction: row;
}
.secFormWrap .boxCheck.is_wrap .itemCheck{
    width: 15.5rem;
}
.secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(n+6){
    margin-top: 1rem;
}
.secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(5n+2){
    width: 22rem;
}
.secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(5n+3){
    width: 21rem;
}
.secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(5n+4){
    width: 13rem;
}
.secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(5n){
    width: auto;
}
@media only screen and (max-width:1215px){
    .secFormWrap .boxRadio,
    .secFormWrap .boxCheck{
        margin-top: 1.3rem;
    }
    .secFormWrap .boxRadio.is_row,
    .secFormWrap .boxCheck.is_row {
        gap: 0.5rem 0;
    }
    .secFormWrap .itemRadio,
    .secFormWrap .itemCheck{
        width: 100%!important;
    }
    .secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(2n+1){
        width: 59.32% !important;
    }
    .secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(2n){
        width: 40.68% !important;
    }
    .secFormWrap .boxCheck.is_wrap .itemCheck:last-child{
        width: 100% !important;
    }
    .secFormWrap .txtCheck::before{
        margin-right: 0.8rem;
    }
    .secFormWrap .boxCheck .txt,
    .secFormWrap .boxRadio .txt{
        max-width: none;
        font-size: var(--pcFontSize12);
        line-height: var(--spLineHeight12_22);
    }
    .co .secFormWrap .txt{
        font-size: var(--pcFontSize12);
        line-height: var(--spLineHeight12_22);
        margin: -1rem 0 0 1rem;
    }
    .secFormWrap .itemRadio_input .box_input,
    .secFormWrap .itemCheck_input .box_input {
        margin-left: 1rem;
    }
    .secFormWrap .labelRadio input[type="radio"],
    .secFormWrap .txtRadio::before,
    .secFormWrap input[type="checkbox"],
    .secFormWrap .txtCheck::before,
    .secFormWrap .txtRadio::before,
    .secFormWrap .txtCheck::before{
        width: 2.4rem;
        height: 2.4rem;
    }
    .secFormWrap .boxRadio.is_row.gp10{
        gap: 1rem;
        margin-top: 1.3rem;
    }

    .secFormWrap .boxCheck.is_wrap .itemCheck:nth-child(n+3){
        margin-top: 0.5rem;
    }
    .secFormWrap input[type="radio"]:checked + .txtRadio::after {
        left: 0.7rem;
    }
}
/* @media only screen and (max-width:370px){
    .secFormWrap .boxCheck .txt,
    .secFormWrap .boxRadio .txt{
        font-size: var(--pcFontSize10);
    }
    .secFormWrap .labelRadio input[type="radio"], 
    .secFormWrap .txtRadio::before, 
    .secFormWrap input[type="checkbox"], 
    .secFormWrap .txtCheck::before, 
    .secFormWrap .txtRadio::before,
    .secFormWrap .txtCheck::before {
        width: 2rem;
        height: 2rem;
    }
} */

/* 入力ボックス */
.secFormWrap input[type="text"],
.secFormWrap input[type="tel"],
.secFormWrap input[type="email"],
.secFormWrap input[type="number"],
.secFormWrap input[type="password"],
.secFormWrap select,
.secFormWrap textarea {
    position: relative;
    height: 6rem;
    font-size: var(--pcFontSize16);
    padding: 1rem 1rem 1rem 2.5rem;
    border-radius: 0.5rem;
    background: var(--ColorWhite);
    color: var(--textColor);
    font-family: inherit;
    border: 1px solid var(--textColor);
}
.secFormWrap select {
    padding: 1rem 3.5rem 1rem 2.5rem;
}
.secFormWrap textarea {
    width: 100%;
    height: 30rem;
    line-height: var(--pcLineHeight16_24);
    padding: 2rem;
}
.secFormWrap select::placeholder,
.secFormWrap textarea::placeholder,
.secFormWrap input::placeholder {
    color: #ccc;
}
.secFormWrap select:focus::placeholder,
.secFormWrap textarea:focus::placeholder,
.secFormWrap input:focus::placeholder {
    color: transparent!important;
}
.box_input,
.box_select{
    margin-top: 2rem;
}
.itemCheck_input .box_input,
.itemCheck_input .box_select{
    margin-top: 0;
}
.box_input + .box_select,
.box_select + .box_input{
    margin-top: 1rem;
}
.txt_input > .box_select:not(:only-child){
    margin-top: 0;
}
/* box_select */
.box_select{
    position: relative;
}
.box_select::before{
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.7rem 0.6rem 0 0.6rem;
    border-color: var(--textColor) transparent transparent transparent;
    top: 0;
    bottom: 0;
    right: 2rem;
    margin: auto;
    z-index: 1;
}
.box_select select {
    -webkit-appearance: none;
    appearance: none;
    outline: none;
}
.txt_input{
    display: flex;
    align-items: center;
}
.box_row .txt,
.box_col .txt,
.txt_input .txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_27);
    margin-left: 0.9rem;
}
.box_row .txt.txt_before,
.box_col .txt.txt_before,
.txt_input .txt.txt_before{
    margin: 0 0.9rem 0 0;
}
.box_row,
.box_col{
    display: flex;
    justify-content: flex-start;
}
.box_row{
    flex-direction: row;
}
.box_col{
    flex-direction: column;
}
.is_between{
    justify-content: space-between;
}
@media only screen and (max-width:1215px){
    .secFormWrap input[type="text"],
    .secFormWrap input[type="tel"],
    .secFormWrap input[type="email"],
    .secFormWrap input[type="number"],
    .secFormWrap input[type="password"],
    .secFormWrap select,
    .secFormWrap textarea {
        height: 4.5rem;
        font-size: var(--spFontSize16);
        padding: 1rem;
        border-radius: 0.5rem;
    }
    .secFormWrap select {
        padding: 1rem 3rem 1rem 1rem;
    }
    .secFormWrap textarea {
        height: 25rem;
        line-height: var(--spLineHeight16_24);
        padding: 1.5rem;
    }
    .secFormWrap select::placeholder,
    .secFormWrap textarea::placeholder,
    .secFormWrap input::placeholder {
        font-size: var(--spFontSize14);
    }
    .box_input{
        margin-top: 0.7rem;
    }
    .box_input + .box_select,
    .boxCheck + .box_input{
        margin-top: 0.8rem;
    }
    .box_select::before{
        border-width: 0.6rem 0.4rem 0 0.4rem;
    }
    .box_row .txt,
    .box_col .txt,
    .txt_input .txt{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_21);
    }
    .box_input, .box_select {
        margin-top: 1.3rem;
    }
}

/* box_pass */
.secCmnForm .box_pass {
    position: relative;
}
.secCmnForm .box_pass .iconEye {
    display: flex;
    position: absolute;
    right: 2rem;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 2.7rem;
    height: 2rem;
    text-align: center;
    cursor: pointer;
}
@media only screen and (max-width:1215px){
    .secCmnForm .box_pass .iconEye {
        right: 1.5rem;
        width: 2rem;
        height: 1.5rem;
    }
}

/* 調整 */
.secFormWrap .w100p{
    width: 100%;
}
.secFormWrap .w100{
    width: 10rem;
}
.secFormWrap .w130{
    width: 13rem;
}
.secFormWrap .w160{
    width: 16rem;
}
.secFormWrap .w170{
    width: 17rem;
}
.secFormWrap .w180{
    width: 18rem;
}
.secFormWrap .w200{
    width: 20rem;
}
.secFormWrap .w215{
    width: 21.5rem;
}
.secFormWrap .w220{
    width: 22rem;
}
.secFormWrap .w230{
    width: 23rem;
}
.secFormWrap .w240{
    width: 24rem;
}
.secFormWrap .w260{
    width: 26rem;
}
.secFormWrap .w300{
    width: 30rem;
}
.secFormWrap .w320{
    width: 32rem;
}
.secFormWrap .w370{
    width: 37rem;
}
.secFormWrap .w410{
    width: 41.5rem;
}
.secFormWrap .w450{
    width: 45rem;
}
.secFormWrap .w570{
    width: 57rem;
}
.secFormWrap .w50p{
    width: 50%;
}
.secFormWrap .mt0{
    margin-top: 0!important;
}
.secFormWrap .mt25{
    margin-top: 2.5rem!important;
}
.secFormWrap .mt35{
    margin-top: 3.5rem;
}
@media only screen and (max-width:1215px){
    .secFormWrap .w300,
    .secFormWrap .w370,
    .secFormWrap .w450,
    .secFormWrap .w570{
        width: 100%;
    }
    .secFormWrap .w100{
        width: 8rem;
    }
    .secFormWrap .w200{
        width: 10rem;
    }
    .secFormWrap .ws145{
        width: 14.5rem;
    }
    .secFormWrap .w410{
        width: 49.18%;
    }
    .secFormWrap .w70p{
        width: 70%;
    }
    .secFormWrap .w200.w100p,
    .secFormWrap .ws100p{
        width: 100%;
    }
    .secFormWrap .mt2s{
        margin-top: 2rem;
    }
}


/* 住所 */
.secFormWrap .boxZipInput{
    display: flex;
    align-items: center;
}
.secFormWrap .txtZip{
    font-size: var(--pcFontSize16);
    margin-right: 0.8rem;
}
.secFormWrap .boxAddress{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: 2rem;
}
.secFormWrap .boxAddress + .boxAddress{
    margin-top: 1rem;
}
.secFormWrap .boxAddress .box_select,
.secFormWrap .boxAddress .box_input{
    margin-top: 0;
}
@media only screen and (max-width:1215px){
    .secFormWrap .txtZip{
        font-size: var(--spFontSize14);
        margin-right: 0.8rem;
    }
    .secFormWrap .boxAddress{
        margin-top: 1rem;
    }
    .secFormWrap .boxAddress + .boxAddress{
        margin-top: 0.8rem;
    }
    .secFormWrap .boxAddress .box_select,
    .secFormWrap .boxAddress .box_input{
        width: 100%;
    }
    .secFormWrap .boxAddress .txt{
        display: none;
    }
}

/* 希望パスワード */
.secFormWrap .boxPass{
    position: relative;
}
.secFormWrap .boxPass .iconEye{
    position: absolute;
    right: 1.5rem;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 2.7rem;
    height: 2rem;
    display: flex;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .secFormWrap .boxPass{
        position: relative;
    }
}

/* boxAgree */
.boxAgree{
    margin-top: 4.3rem;
    text-align: center;
}
.boxAgree .boxCheck{
    align-items: center;
}
.boxAgree .txtCheck::before {
    width: 2.4rem;
    height: 2.4rem;
    margin-right: 1rem;
}
.boxAgree .boxCheck .txt{
    max-width: none;
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_26);
}
.boxCmnForm .link,
.boxAgree a{
    color: var(--textColor);
    text-decoration: underline;
    text-decoration-color: var(--borderColorGray);
    text-underline-offset: 0.2rem;
}
.boxCmnForm .link{
    text-decoration: underline;
}
.boxAgree .txtError {
    display: inline-block;
}
@media only screen and (max-width:1215px){
    .boxAgree{
        margin-top: 2.6rem;
    }
    .boxAgree .txtCheck::before {
        margin-right: 0.5rem;
    }
    .boxAgree .boxCheck .txt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
    }
}

/* boxFormBtn */
.boxFormBtn{
    text-align: center;
    width: 100%;
    margin: 5rem auto 0;
}
.boxFormBtn .aBtnForm{
    width: 100%;
    height: 9.5rem;
    border-radius: 4.75rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pcFontSize20);
    font-weight: bold;
    position: relative;
}
.boxFormBtn .aBtnForm::after{
    content: '';
    width: 1.5rem;
    height: 0.9rem;
    position: absolute;
    top: 50%;
    right: 4rem;
    transform: translateY(-50%);
}
.boxFormBtn .aBtnForm.lazyloaded::after{
    background: url(../img/common/iconArrowWhite.png) center top / cover;
}
.boxFormBtn .aBtnForm:not(.aBtnFormBack){
    background-color: var(--cmnFormBtnBg);
    color: var(--ColorWhite);
}
.boxFormBtn .aBtnFormLogin:not(.aBtnFormBack){
    background-color: var(--cmnFormBtnBg);
    color: var(--ColorWhite);
}
.boxFormBtn .aBtnFormBack{
    width: 70%;
    height: 7.1rem;
    margin: 2rem auto 0;
    border: 1px solid var(--form_btn_color);
    background-color: var(--ColorWhite);
}
@media only screen and (max-width:1215px){
    .boxFormBtn{
        width: 91.045%;
        margin: 2rem auto 0;
    }
    .boxFormBtn .aBtnForm{
        height: 5.5rem;
        font-size: var(--spFontSize15);
    }
    .boxFormBtn .aBtnFormBack{
        width: 70%;
        height: 4.5rem;
    }
}


/* txtMemo */
.txtMemo {
	font-size: var(--pcFontSize14);
	line-height: var(--pcLineHeight14_26);
    padding: 0 8rem;
}
.secForm .txtMemo {
    margin: 4.4rem 0 0;
}
@media only screen and (max-width:1215px){
    .txtMemo {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding: 0;
    }
    .secForm .txtMemo {
        margin: 0.4rem 0 -0.4rem;
    }
}

/* txtMemo2 */
.txtMemo2 {
	font-size: var(--pcFontSize12);
	line-height: var(--pcLineHeight12_20);
}
.secForm .txtMemo2 {
    margin: 1.4rem 1rem 0;
}
@media only screen and (max-width:1215px){
    .txtMemo2 {
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
    }
    .secForm .txtMemo2 {
        margin: 0.5rem 0 0;
    }
}

.fRed{
    color: var(--form_must_Color);
}
.fRed2{
    color: var(--redColor);
}
.fRed3{
    color: var(--form_red3_Color);
}

/* btnSendCo */
.btnSendCo.no_tap,
.btnSendCoBack.no_tap{
    pointer-events: none!important;
    transition: none!important;
}
.btnSendCoBack.no_tap{
    opacity: 0.3!important;
}
.btnSendCo.no_tap{
    background: url(../img/common/iconLoader.png) center center / 3.2rem auto no-repeat,var(--ColorWhite)!important;
    font-size: 0!important;
}

/* txtok */
.secFormWrap .txt.txtok{
    text-align: center;
}

/* boxFormCampaign */
.boxFormCampaign{
    margin-top: 5rem;
    background-color: var(--ColorWhite);
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0 0 0.5rem 0 var(--borderColor);
}
.boxFormCampaign .boxTit{
    display: flex;
}
.boxFormCampaign .txtCampaign,
.boxFormCampaign .titCampaign{
    font-size: var(--pcFontSize16);
    height: 7rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.boxFormCampaign .txtCampaign{
    background-color: var(--campaign_txt_bg_Color);
    color: var(--campaign_txt_Color);
    width: 10rem;
}
.boxFormCampaign .titCampaign{
    background-color: var(--campaign_tit_bg_Color);
    color: var(--ColorWhite);
    width: calc(100% - 10rem);
    justify-content: flex-start;
    padding-left: 2rem;
}
.boxFormCampaign .boxCampaign{
    padding: 3.5rem 6.5rem;
}
.boxFormCampaign .campaignList{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_28);
}
.boxFormCampaign .campaignItem{
    position: relative;
}
.boxFormCampaign .item{
    padding-left: 1.1rem;
}
.boxFormCampaign .item::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 1.5rem;
    left: 0;
    width: 0.2rem;
    height: 0.2rem;
    background-color: var(--blackColor);
}
@media only screen and (max-width:1215px){
    .boxFormCampaign{
        margin-top: 3rem;
        border-radius: 0 0 1rem 1rem;
        box-shadow: 0 0 0.5rem 0 var(--borderColor);
    }
    .boxFormCampaign .txtCampaign,
    .boxFormCampaign .titCampaign{
        font-size: var(--spFontSize11);
        height: 4rem;
    }
    .boxFormCampaign .txtCampaign{
        width: 5rem;
    }
    .boxFormCampaign .titCampaign{
        width: calc(100% - 5rem);
        padding: 0;
        justify-content: center;
    }
    .boxFormCampaign .boxCampaign{
        padding: 2rem 2.5rem;
    }
    .boxFormCampaign .campaignList{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
    }
    .boxFormCampaign .campaignItem:not(.item){
        margin-bottom: 0.3rem;
    }
    .boxFormCampaign .campaignItem:first-child{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
    }
    .boxFormCampaign .item{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_17);
        padding-left: 0.9rem;
    }
    .boxFormCampaign .item::before{
        top: 1rem;
    }
}

/* データピッカー */
.secFormWrap .boxDatepicker{
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 0.9rem;
}
.secFormWrap .boxDatepicker .txt{
    position: relative;
    margin-top: 3rem;
}
.secFormWrap .boxDatepicker .must{
    position: absolute;
    left: 0;
    bottom: -2.2rem;
    padding: 0 0.3rem;
    margin: 0;
}
.secFormWrap .boxDatepicker + .boxDatepicker{
    margin-top: 2rem;
}
.secFormWrap .boxDatepicker .box_select,
.secFormWrap .boxDatepicker .box_input{
    position: relative;
    margin-top: 0;
}
.secFormWrap .boxDatepicker .box + .box{
    margin-top: 1rem;
}
.ui-widget.ui-widget-content{
	z-index: 1000 !important;
	font-size: var(--pcFontSize15);
    font-family: inherit;
}
.secFormWrap .txtDate{
	font-size: var(--pcFontSize12);
    line-height: var(--pcLineHeight12_18);
    text-align: right;
    margin-top: 1.7rem;
}
.secFormWrap .boxDatepicker .box_input::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    right: 2rem;
    width: 1.4rem;
    height: 1.6rem;
    z-index: 1;
}
.secFormWrap .boxDatepicker.lazyloaded .box_input::before{
    background: url(../img/common/logo/calendar-days2.svg) center top / cover no-repeat;
}
@media only screen and (max-width:1215px){
    .secFormWrap .secFormDatepicker th{
        display: none;
    }
    .secFormWrap .boxDatepicker{
        margin-top: 1rem;
        flex-direction: column;
    }
    .secFormWrap .boxDatepicker .txt {
        margin-top: 0;
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
        font-weight: bold;
    }
    .secFormWrap .boxDatepicker .must{
        position: static;
    }
    .secFormWrap .boxDatepickerIn{
        width: 100%;
        margin-top: 0.6rem;
    }
    .secFormWrap .boxDatepicker + .boxDatepicker{
        margin-top: 1.5rem;
    }
    .secFormWrap .boxDatepicker .box_select,
    .secFormWrap .boxDatepicker .box_input{
        width: 100%;
    }
    .secFormWrap .boxDatepicker .box + .box{
        margin-top: 0.5rem;
    }
	.ui-widget.ui-widget-content{
        font-size: var(--spFontSize17);
	}
    .secFormWrap .txtDate{
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_15);
        text-align: left;
        margin-top: 1rem;
        white-space: nowrap;
    }
    .secFormWrap .boxDatepicker .box_input::before{
        right: 1rem;
    }
}


/* boxFormSelect */
.boxFormSelect{
    margin-bottom: 8rem;
}
.boxFormSelect .boxRadio{
    margin-top: 4rem;
    display: flex;
    justify-content: space-between;
}
.boxFormSelect .itemRadio{
    width: 48.75%;
    text-align: center;
}
.boxFormSelect span{
    display: block;
}
.boxFormSelect input[type="radio"]{
    width: 100%;
    height: 100%;
}
.boxFormSelect input[type="radio"]{
    visibility: hidden;
    position: absolute;
    top: 0;
    left: 0;
    margin: 0;
}
.boxFormSelect .labelRadio{
    position: relative;
    display: inline-block;
    width: 100%;
    font-size: 0;
    cursor: pointer;
}
.boxFormSelect .boxTxt{
    /* border-radius: 1.5rem; */
    padding: 4rem 1rem;
    background-color: var(--ColorWhite);
    box-shadow: 0 0 0.5rem 0 var(--borderColor);
}
.boxFormSelect .titRadio{
    position: relative;
    font-size: var(--pcFontSize22);
    font-weight: bold;
    padding-top: 3.7rem;
}
.boxFormSelect .titRadio::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    width: 2rem;
    height: 2.2rem;
}
.boxFormSelect .titRadio.isVisit::before{
    background: url(../img/common/iconVisit.png) center top / cover no-repeat;
}
.boxFormSelect .titRadio.isMail::before{
    background: url(../img/common/iconMail.png) center top / cover no-repeat;
}
.boxFormSelect input[type="radio"]:checked + .boxTxt .titRadio.isVisit::before{
    background: url(../img/common/iconVisit_active.png) center top / cover no-repeat;
}
.boxFormSelect input[type="radio"]:checked + .boxTxt .titRadio.isMail::before{
    background: url(../img/common/iconMail_active.png) center top / cover no-repeat;
}
.boxFormSelect .txtRadio{
    font-size: var(--pcFontSize18);
    margin-top: 1.3rem;
}
.boxFormSelect input[type="radio"]:checked + .boxTxt{
    background: var(--formSelect_active_color);
    color: var(--ColorWhite);
}
.boxForm .boxMail{
    display: none;
}
@media only screen and (max-width:1215px){
    .boxFormSelect{
        margin-bottom: 3rem;
    }
    .boxFormSelect .boxRadio {
        margin-top: 2.5rem;
    }
    .boxFormSelect .itemRadio{
        width: 48.36%;
    }
    .boxFormSelect .boxTxt{
        /* border-radius: 1rem; */
        padding: 2.1rem 0.5rem;
    }
    .boxFormSelect .titRadio{
        font-size: var(--spFontSize14);
        padding-top: 2.5rem;
    }
    .boxFormSelect .titRadio::before{
        width: 1.6rem;
        height: 1.8rem;
    }
    .boxFormSelect .txtRadio{
        font-size: var(--spFontSize11);
        margin-top: 0.8rem;
    }
}

/* boxBack */
.boxBack{
    padding: 10rem 0 20rem;
}
.boxBack .aBtnBack{
    position: relative;
    width: 40rem;
    height: 7.5rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--ColorWhite);
    color: var(--blackColor);
    border: 1px solid var(--blackColor);
    font-size: var(--pcFontSize16);
    font-weight: bold;
}
.boxBack .aBtnBack::before{
    position: absolute;
    content: '';
    margin: auto;
    display: block;
    top: 0;
    bottom: 0;
    left: 5rem;
    width: 1.5rem;
    height: 0.3rem;
    transform: scaleX(-1);
}
.boxBack .aBtnBack.lazyloaded::before{
    background: url(../img/common/iconArrow_right.png) center top / cover no-repeat;
}
@media only screen and (max-width:1215px){
    .boxBack{
        padding: 6rem 0 10rem;
    }
    .boxBack .aBtnBack{
        width: 24.5rem;
        height: 5.5rem;
        font-size: var(--spFontSize12);
    }
    .boxBack .aBtnBack::before{
        left: 3rem;
    }
}

/* txtError */
.txtError {
	color: #F00;
	font-size: var(--pcFontSize12);
	line-height: var(--pcLineHeight12_18);
	background: url(../img/common/iconError.png) 0 0.2rem / 1.4rem auto no-repeat;
	padding: 0 0 0 1.7rem;
	margin-top: 0.8rem;
}
.txtMemo + .txtError {
    margin-top: 1.8rem;
}
@media only screen and (max-width:1215px){
    .txtError {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_18);
    }
}

/*-----------------------------------------------
    boxDetailsTit
-----------------------------------------------*/
.boxForm .boxDetailsTit{
    text-align: center;
    margin-top: 6rem;
}
.boxForm .boxDetailsTit .titJp{
    font-size: var(--pcFontSize40);
    letter-spacing: var(--pcLetterSpacing40_50);
    font-weight: bold;
}
.boxForm .boxDetailsTit .titSub{
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    margin-top: 3.8rem;
}
@media only screen and (max-width:1215px){
    .boxForm .boxDetailsTit{
        margin-top: 3rem;
    }
    .boxForm .boxDetailsTit .titJp{
        font-size: var(--spFontSize20);
        letter-spacing: var(--spLetterSpacing0);
    }
    .boxForm .boxDetailsTit .titSub{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing0);
        margin-top: 2rem;
    }
}

/*-----------------------------------------------
    boxFlowList
-----------------------------------------------*/
.boxForm .boxFlowList{
    display: flex;
    justify-content: center;
    gap: 9.5rem;
    position: relative;
    margin-top: 3.9rem;
}
.boxForm .boxFlowList::after{
    content: '';
    width: 27rem;
    height: 0.1rem;
    background-color: var(--borderColorGray);
    position: absolute;
    top: 1.5rem;
    left: 50%;
    transform: translate(-50%);
}
.boxForm .boxFlowList .item{
    position: relative;
    padding-top: 4.9rem;
    font-size: var(--pcFontSize16);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    text-align: center;
    z-index: 1;
}
.boxForm .boxFlowList .item::before{
    content: '';
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 0.15rem solid var(--textColor);
    background-color: #fff;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
}
.boxForm .boxFlowList .item.on::after{
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--keyColor);
    position: absolute;
    top: 1rem;
    left: 50%;
    transform: translateX(-50%);
}
@media only screen and (max-width:1215px){
    .boxForm .boxFlowList{
        gap: 4.3rem;
        margin-top: 2rem;
    }
    .boxForm .boxFlowList::after{
        width: 12.5rem;
        height: 0.1rem;
        top: 0.8rem;
    }
    .boxForm .boxFlowList .item{
        padding-top: 3.2rem;
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
    }
    .boxForm .boxFlowList .item::before{
        width: 1.9rem;
        height: 1.9rem;
        border: 0.1rem solid var(--textColor);
    }
    .boxForm .boxFlowList .item.on::after{
        width: 0.7rem;
        height: 0.7rem;
        top: 0.6rem;
    }
}

/* boxCmnFormTit */
.boxCmnFormTit .txtJp{
    margin: 7rem auto 5rem;
    font-size: var(--pcFontSize26);
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .boxCmnFormTit .txtJp{
        margin: 3.8rem auto 3rem;
        font-size: var(--spFontSize18);
    }
}

.secFormWrap .inputRequired {
    background: transparent;
}
.secFormWrap .inputRequired.isEmpty {
    background: var(--form_mustBg_Color);
}

/* boxCampaignTxt */
.boxCampaignTxt{
    background-color: var(--ColorWhite);
    padding: 5rem 5rem 6.4rem;
    border-radius: 2rem;
    box-shadow: 0 0 0.5rem 0 var(--borderColor);
    margin-top: 5rem;
}
.boxCampaignTxt .titCampaign{
    width: 100%;
    padding: 2rem 1rem;
    background: var(--keyColor);
    border-radius: 3.5rem;
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_30);
    letter-spacing: var(--pcLetterSpacing20_50);
    color: var(--ColorWhite);
    font-weight: bold;
    text-align: center;
}
.boxCampaignTxt .txtCampaign{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    padding: 0 3rem 0 7rem;
    margin-top: 2.4rem;
}
@media only screen and (max-width:1215px){
    .boxCampaignTxt{
        padding: 0 0 3rem;
        border-radius: 1rem;
        box-shadow: none;
        margin-top: 3rem;
    }
    .boxCampaignTxt .titCampaign{
        width: 100%;
        padding: 1.8rem 1rem;
        border-radius: 1rem 1rem 0 0;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_22);
        letter-spacing: var(--spLetterSpacing0);
    }
    .boxCampaignTxt .boxTxtCampaign{
        position: relative;
    }
    .boxCampaignTxt .txtCampaign{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        padding: 1.8rem 2rem 6rem;
        margin-top: 0;
        max-height: 22rem;
        overflow: hidden;
        transition: max-height 0.3s ease;
        position: relative;
    }
    .boxCampaignTxt .boxTxtCampaign.isOpen .txtCampaign{
        max-height: none;
    }
    .boxCampaignTxt .boxTxtCampaign::after{
        content: '';
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 10rem;
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
        pointer-events: none;
        z-index: 1;
    }
    .boxCampaignTxt .boxTxtCampaign.isOpen::after{
        display: none;
    }
    .boxCampaignTxt .boxBtnMore{
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        z-index: 2;
    }
    .boxCampaignTxt .btnMore{
        width: 19.5rem;
        height: 4.5rem;
        border: 0.1rem solid var(--keyColor);
        border-radius: 2.25rem;
        background-color: var(--ColorWhite);
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing0);
        text-align: center;
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative
    }
    .boxCampaignTxt .btnMore::after{
        content: '+';
        font-size: 1.6rem;
        position: absolute;
        top: calc(50% - 0.2rem);
        right: 1.6rem;
        transform: translateY(-50%);
    }
    .boxCampaignTxt .boxTxtCampaign.isOpen .btnMore::after{
        content: '−';
    }
}

#dynamic_calendar_section.hide,
.secCmnForm tr.hide{
    display: none;
}

/* secChoose */
.secChoose .boxChooseCard{
    background-color: var(--ColorWhite);
    border-radius: 2rem;
    padding: 4.5rem 8rem;
    box-shadow: 0 0 0.1rem 0 var(--borderColor);
}
.secChoose .itemChoose{
    display: flex;
    align-items: center;
    gap: 1rem;
    cursor: pointer;
    padding: 0.5rem 0;
}
.secChoose .itemChoose input[type="radio"]{
    display: none;
}
.secChoose .itemChoose .radioCustom{
    width: 3rem;
    height: 3rem;
    border: 0.1rem solid var(--textColor);
    border-radius: 50%;
    background-color: var(--ColorWhite);
    position: relative;
    flex-shrink: 0;
}
.secChoose .itemChoose input[type="radio"]:checked + .radioCustom{
    border-color: var(--keyColor);
    background-color: var(--keyColor);
}
.secChoose .itemChoose input[type="radio"]:checked + .radioCustom::after{
    content: '';
    width: 1rem;
    height: 1rem;
    border-radius: 50%;
    background-color: var(--ColorWhite);
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.secChoose .itemChoose .txtChoose{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_32);
    letter-spacing: var(--pcLetterSpacing16_50);
    color: var(--textColor);
}
@media only screen and (max-width:1215px){
    .secChoose{
        margin: 0 auto 3rem;
    }
    .secChoose .boxChooseCard{
        padding: 2.5rem 2rem;
        border-radius: 1rem;
    }
    .secChoose .itemChoose{
        gap: 1rem;
        padding: 1.5rem 0;
    }
    .secChoose .itemChoose .radioCustom{
        width: 2rem;
        height: 2rem;
    }
    .secChoose .itemChoose input[type="radio"]:checked + .radioCustom::after{
        width: 0.7rem;
        height: 0.7rem;
    }
    .secChoose .itemChoose .txtChoose{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
        letter-spacing: var(--spLetterSpacing0);
    }
}
.isCo #container{
    margin-top: 0;
}
.isForm #container{
    background-color: var(--cmnTitBg);
}
.isForm .secCmnForm {
    margin-top: 0;
}


/* 築年数・ご予算（単位付き入力） */
.secFormWrap .box_input_unit {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 0.8rem;
}
.secFormWrap .box_input_unit .txtUnit {
    font-size: var(--pcFontSize16);
}

/* 写真・図面（デザインカンプに合わせた見た目） */
.secFormWrap .boxFileUpload {
    margin-top: 0;
}
.secFormWrap .boxFileUpload .txtFormNote {
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_28);
    margin: 1.5rem 0;
}
.secFormWrap .boxFileUpload .txtFormCaution {
    font-size: var(--pcFontSize12);
    color: var(--colorGray, #666);
    margin-bottom: 1.5rem;
}
.secFormWrap .listFileUpload {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}
.secFormWrap .itemFileUpload {
    display: block;
    margin-bottom: 1rem;
}
.secFormWrap .itemFileUpload:last-child {
    margin-bottom: 0;
}
.secFormWrap .itemFileUpload .boxFileInput {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.secFormWrap .itemFileUpload .inputFile {
    position: absolute;
    width: 0.1px;
    height: 0.1px;
    opacity: 0;
    overflow: hidden;
    z-index: -1;
}
.secFormWrap .itemFileUpload .boxFileName {
    min-width: 0;
    height: 6rem;
    padding: 0 1rem 0 2.5rem;
    display: flex;
    align-items: center;
    border: 1px solid #d4d6de;
    border-radius: 0.5rem;
    background: #fff;
    color: var(--textColor);
    font-size: var(--pcFontSize16);
    width: 68rem;
}
.secFormWrap .itemFileUpload .txtFileName {
    font-size: var(--pcFontSize16);
    white-space: nowrap;
    color: var(--categoryTextColor);
}
.secFormWrap .itemFileUpload .boxFileInput.is_selected .txtFileName {
    color: var(--textColor);
}
.secFormWrap .itemFileUpload .boxFileBtn {
    flex-shrink: 0;
    width: calc(100% - 70rem);
    margin-left: 1rem;
}
.secFormWrap .itemFileUpload .btnFileSelect,
.secFormWrap .itemFileUpload .btnFileClear {
    font-size: var(--pcFontSize14);
    height: 6rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    border: 1px solid #d4d6de;
    border-radius: 0.5rem;
    background-color: #fff;
    text-align: center;
    transition: background-color 0.2s, border-color 0.2s;
    width: 100%;
}
.secFormWrap .itemFileUpload .btnFileSelect{
    background: var(--colorSelect);
    font-family: inherit;
}
.secFormWrap .itemFileUpload .btnFileClear{
    background: var(--textColor);
    color: var(--ColorWhite);
}
@media only screen and (max-width: 1215px) {
    .secFormWrap .box_input_unit .txtUnit {
        font-size: var(--spFontSize14);
    }
    .secFormWrap .boxFileUpload .txtFormNote {
        font-size: var(--spFontSize11);
        margin: 0.8rem 0;
    }
    .secFormWrap .itemFileUpload {
        margin-bottom: 1rem;
    }
    .secFormWrap .itemFileUpload .boxFileName {
        height: 5rem;
        padding: 1rem;
        font-size: var(--spFontSize16);
        border-radius: 0.5rem 0 0 0.5rem;
        width: calc(100% - 5rem);
    }
    .secFormWrap .itemFileUpload .boxFileBtn{
        width: 5rem;
        margin-left: 0;
    }
    .secFormWrap .itemFileUpload .txtFileName {
        font-size: var(--spFontSize16);
    }
    .secFormWrap .itemFileUpload .btnFileSelect,
    .secFormWrap .itemFileUpload .btnFileClear {
        font-size: var(--spFontSize12);
        padding: 0.6rem 1.2rem;
        height: 5rem;
        border-radius: 0 0.5rem 0.5rem 0;
        border-left: none;
    }
}