@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(--whiteColor);
    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(--grayColor_light2);
    padding: 8rem 0 var(--footerPc);
    margin-top: 7rem;
}
.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(--whiteColor);
    box-shadow: 0 0.5rem 0.5rem 0 var(--blackColor_10);
    margin-bottom: 3rem;
}
.secCmnForm .secForm table{
    width: 100%;
}
@media only screen and (max-width:1215px){
    .secCmnForm{
        padding: 3rem 0 var(--footerSp);
        margin-top: 4rem;
    }
    .secCmnForm.co {
        padding-bottom: 10rem;
    }
    .secCmnForm .secForm{
        box-shadow: 0 0 01rem 0 var(--blackColor_03);
        padding: 3rem 1.5rem 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;
}
.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) .boxTit:not(:has(.must)) .tit:after,
.secFormWrap .must{
    font-size: var(--pcFontSize11);
    line-height: var(--pcLineHeight11_11);
    border: 0.1rem solid #000;
    border-radius: 0.2rem;
    padding: 2px 0.3rem;
    margin-left: 0.9rem;
    font-weight: bold;
    background-color: var(--whiteColor);
}
.secFormWrap .must{
    color: var(--form_must_Color);
    border-color: var(--form_must_Color);
}
.secCmnForm:not(.co) .boxTit:not(:has(.must)) .tit {
    position: relative;
    padding-right: 4rem;
}
.secCmnForm:not(.co) .boxTit:not(:has(.must)) .tit:after{
    position: absolute;
    content: '任意';
    margin: auto;
    display: block;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    border-color: 0.1rem solid var(--form_opt_Color);
    color: var(--form_opt_Color);
    background-color: var(--whiteColor);
}
@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;
    }
}

/* チェックボックス */
.secFormWrap .boxRadio,
.secFormWrap .boxCheck{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-top: 1.5rem;
    gap: 1rem;
}
.secFormWrap .boxRadio.is_row,
.secFormWrap .boxCheck.is_row{
    flex-direction: row;
    flex-wrap: wrap;
    gap: 1rem 0;
}
.secFormWrap .boxRadio.is_row.gp10{
    gap: 1rem;
    margin-top: 2rem;
}
.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 #d4d6de;
}
.secFormWrap .txtRadio::before{
    border-radius: 100%;
}
.secFormWrap input[type="checkbox"]:checked + .txtCheck::before{
    background: url(../img/common/iconCheckbox.gif) center center / 1.4rem auto no-repeat,#fff;
}
.secFormWrap input[type="radio"]:checked + .txtRadio::after{
    content: "";
    width: 1.4rem;
    height: 1.4rem;
    border-radius: 100%;
    background: #4b4949;
    position: absolute;
    top: 0;
    left: 0.8rem;
    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;
}
@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 .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;
    }
}
@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: #fff;
    color: var(--textColor);
    font-family: inherit;
    border: 1px solid #d4d6de;
}
.secFormWrap select {
    padding: 1rem 3.5rem 1rem 2.5rem;
}
.secFormWrap textarea {
    width: 100%;
    height: 20rem;
    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: 1.1rem 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.3rem;
    }
    .secFormWrap select {
        padding: 1rem 3rem 1rem 1rem;
    }
    .secFormWrap textarea {
        height: 15rem;
        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 .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 .w320{
        width: 49.18%;
    }
    .secFormWrap .w70p{
        width: 70%;
    }
    .secFormWrap .ws100p{
        width: 100%;
    }
    .secFormWrap .mt2s{
        margin-top: 2rem;
    }
}


/* 住所 */
.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 .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(--form_linkColor);
}
.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: 43rem;
    margin: 5rem auto 0;
}
.boxFormBtn .aBtnForm{
    width: 100%;
    height: 8.1rem;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pcFontSize20);
    border-radius: 0.8rem;
}
.boxFormBtn .aBtnForm:not(.aBtnFormBack){
    background-color: var(--form_btn_color);
    color: var(--whiteColor);
}
.boxFormBtn .aBtnFormLogin:not(.aBtnFormBack){
    background-color: var(--blackColor_light4);
    color: var(--whiteColor);
}
.boxFormBtn .aBtnFormBack{
    width: 70%;
    height: 7.1rem;
    margin: 2rem auto 0;
    border: 1px solid var(--form_btn_color);
    background-color: var(--whiteColor);
}
@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(--pcFontSize13);
	line-height: var(--pcLineHeight13_24);
}
.secForm .txtMemo {
    color: var(--grayColor_dark4);
    margin: 1.4rem 0 -1.4rem;
}
@media only screen and (max-width:1215px){
    .txtMemo {
        font-size: var(--spFontSize10);
        line-height: var(--spLineHeight10_17);
    }
    .secForm .txtMemo {
        line-height: var(--spLineHeight10_15);
        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_red_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_form/iconLoader.png) center center / 3.2rem auto no-repeat,var(--form_btn_color_05)!important;
    font-size: 0!important;
}

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

/* boxFormCampaign */
.boxFormCampaign{
    margin-top: 5rem;
    background-color: var(--whiteColor);
    border-radius: 0 0 2rem 2rem;
    box-shadow: 0 0.5rem 0.5rem 0 var(--blackColor_10);
}
.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(--whiteColor);
    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 01rem 0 var(--blackColor_03);
    }
    .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(--whiteColor);
    box-shadow: 0 0 1rem 0 var(--blackColor_10);
}
.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(--whiteColor);
}
.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(--whiteColor);
    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 .titEng{
    font-size: var(--pcFontSize60);
    font-weight: bold;
}
.boxForm .boxDetailsTit .titJp{
    font-size: var(--pcFontSize18);
    margin-top: 2rem;
    font-weight: bold;
}
@media only screen and (max-width:1215px){
    .boxForm .boxDetailsTit{
        margin-top: 3rem;
    }
    .boxForm .boxDetailsTit .titEng{
        font-size: var(--spFontSize24);
        letter-spacing: var(--spLetterSpacing24_0);
    }
    .boxForm .boxDetailsTit .titJp{
        font-size: var(--spFontSize12);
        letter-spacing: var(--spLetterSpacing12_0);
        margin-top: 1rem;
    }
}
/* boxCmnFormTit */
.boxCmnFormTit .txtJp{
    margin: 6rem auto 3rem;
    font-size: var(--pcFontSize20);
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .boxCmnFormTit .txtJp{
        margin: 3rem auto 2.5rem;
        font-size: var(--spFontSize16);
    }
}