@charset "utf-8";

/* secReserve */
.secReserve{
    position: relative;
    padding-bottom: 18.1rem;
}
.secReserve.lazyloaded{
    background: url(../img/lp/imgBg_reserve.png) center bottom no-repeat #fff;
}
.secReserve .boxForm{
    display: none;
}
.secReserve .boxForm.showForm{
    display: block;
}
@media only screen and (max-width:1215px){
    .secReserve{
        padding-bottom: calc(2.3rem + (112 / 1215 * 100vw));
    }
    .secReserve.lazyloaded{
        background-image: url(../img/lp/imgBg_reserve_sp.png);
        background-size: 100% auto;
    }
}
/*-----------------------------------------------
    ok.html
-----------------------------------------------*/


/* ▼250827 */
.secFormTit .txt{
    margin-top: 0;
}
/* secReservetitlebox */
.secReservetitlebox{
    position: relative;
    text-align: center;
}
.secReservetitlebox::after{
    content: "";
    position: absolute;
    width: 59.4rem;
    height: 10.2rem;
    left: calc(50% - 29.7rem);
    top: calc(50% - 5.1rem);
}
.secReservetitlebox.lazyloaded::after{
    background: url(../img/lp/imgTitle_bg.png) center center  no-repeat;
    background-size: 100% auto;
}
.secReservetitlebox .Reservetitle{
    font-size: var(--pcFontSize60);
    line-height: var(--pcLineHeight60_80);
    display: inline-block;
    font-weight: bold;
    position: relative;
    z-index: 3;
}
@media only screen and (max-width:1215px){
    .secReservetitlebox::after{
        width: 24rem;
        height: 4.1rem;
        left: calc(50% - 12rem);
        top: calc(50% - 2.05rem);
    }
    .secReservetitlebox.lazyloaded::after{
        background-image: url(../img/lp/imgTitle_bg_sp.png);
    }
    .secReservetitlebox .Reservetitle{
        font-size: var(--spFontSize25);
        line-height: var(--spLineHeight25_40);
    }
}

.secTab{
    display: flex;
    position: relative;
    margin-top: 5.6rem;
}
.secTab .tab{
    width: calc((100% - 2rem) / 2);
    height: 11.7rem;
    background: #fff;
    border: 0.4rem solid var(--keyColor);
    font-size: var(--pcFontSize30);
    color: var(--keyColor);
    display: flex;
    align-items: center;
    cursor: pointer;
    border-bottom: none;
    border-radius: 2rem 2rem 0 0;
}
.secTab .tab + .tab{
    margin-left: 2rem;
}
.secTab .tab.tabOn{
    background: var(--keyColor);
    color: #fff;
}
.secTab .tabInner{
    display: inline-block;
    width: 100%;
    text-align: center;
}
.secTab .tabtxt{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_40);
    letter-spacing: var(--pcLetterSpacing30_100);
}
.secTab .tabtxt_sub{
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_40);
}
.secTab .tabtxt_sub + .tabtxt{
    margin-top: 0.2rem;
}
.secTab .back_orange{
    position: relative;
    font-size: var(--pcFontSize32);
    background-color: var(--colorOrange);
    color: var(--colorWhite);
    padding: 0 0.8rem;
    z-index: 1;
    margin-right: 0.5rem;
    letter-spacing: 0;
}
@media only screen and (max-width:1215px){
    .secTab{
        margin-top: 2.6rem;
    }
    .secTab .tab{
        width: calc((100% - 0.7rem) / 2);
        height: 7.2rem;
        border-radius: 1rem 1rem 0 0;
        border-width: 0.2rem;
    }
    .secTab .tab + .tab{
        margin-left: 0.7rem;
    }
    .secTab .tabtxt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_20);
    }
    .secTab .tabtxt_sub{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_18);
    }
    .secTab .tabtxt_sub + .tabtxt{
        margin-top: 0;
    }
    .secTab .back_orange{
        font-size: var(--spFontSize15);
        padding: 0 0.5rem;
        margin-right: 0.5rem;
    }
}
/* secFormArea */
.secFormArea{
    border: 0.4rem solid var(--keyColor);
    padding-top: 7.5rem;
    border-radius: 0 0 2rem 2rem;
    padding-bottom: 3.7rem;
}
@media only screen and (max-width:1215px){
    .secFormArea{
        border-width: 0.2rem;
        padding-top: 2rem;
        padding-bottom: 0;
        border-radius: 0 0 0.5rem 0.5rem;
    }
}
.secFormArea .formAreatxt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_30);
    text-align: center;
    font-weight: bold;
    letter-spacing: var(--pcLetterSpacing18_50);
}
@media only screen and (max-width:1215px){
    .secFormArea .formAreatxt{
        font-size: var(--spFontSize15);
        line-height: calc(23 / 15);
        letter-spacing: 0;
    }
}

.Index_Page .secCmnForm{
    padding-top: 1.2rem;
}
.Index_Page .secForm{
    border-top: none;
    width: 100%;
}
.secForm_list::placeholder{
    color: #BCBCBC;
}
.secForm_list input[type="text"],
.secForm_list input[type="tel"],
.secForm_list input[type="email"],
.secForm_list input[type="number"],
.secForm_list input[type="password"],
.secForm_list select,
.secForm_list textarea{
    height: 4.6rem;
    border: solid 1px var(--inputBorderColor);
    font-size: var(--pcFontSize16);
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-family: inherit;
    color: var(--textColor);
    background-color: var(--inputBgColor);
}
.secForm_list select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding-right: 3.5rem;
}
.secForm_list .w100p{
    width: 100%;
}
.secForm_list .txtError{
    color: #f00;
    font-size: var(--pcFontSize12);
    background: url(../img/common/iconError.png) left top no-repeat;
    background-size: 1.4rem;
    padding: 0.2rem 0 0.2rem 1.7rem;
    margin-top: 1rem;
    /* display: none; */
}
/* secForm_list */
.secForm_list{}
.secForm_list .formItem{
    width: 100%;
}
.secForm_list .formItem + .formItem{
    margin-top: 4.1rem;
}
.secForm_list .formItem:has(.form_checklist) + .formItem{
    margin-top: 3.7rem;
}
.secForm_list .formtitbox{
    display: block;
}
.secForm_list .question_txt{
    font-size: var(--pcFontSize18);
    line-height: var(--pcLineHeight18_30);
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-right: calc(4.2rem + 2rem);
    letter-spacing: 0.05em;
}
.secForm_list .txtmust{
    position: absolute;
    width: 4.2rem;
    height: 2rem;
    right: 0;
    top: calc(50% - 1rem);
    background-color: var(--mustColor);
    color: var(--colorWhite);
    display: flex;
    align-items: center;
}
.secForm_list .must_in{
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_18);
    display: inline-block;
    text-align: center;
    width: 100%;
}
.secForm_list .formContent{
    margin-top: 1.7rem;
}
.secForm_list .formContent:has(.form_checklist){
    margin-top: 1.3rem;
}
.secForm_list .formContent:has(.form_datalist){
    margin-top: 1.3rem;
}
.secForm_list .form_checklist{
    width: 100%;
}
.secForm_list .form_checklist .checkItem{
    display:inline-block;
    margin-right: 3.5rem;
}
.secForm_list .form_checklist .labelItem{
    display: inline-block;
    position: relative;
}
.secForm_list .form_checklist input{
    position: absolute;
    width: 1rem;
    height: 1rem;
    left: 0;
    top: 0;
    visibility: hidden;
}
.secForm_list .form_checklist .txtCheck{
    position: relative;
    padding-left: calc(2.4rem + 1.2rem);
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    font-weight: bold;
}
.secForm_list .form_checklist .txtCheck::before{
    content: "";
    position: absolute;
    width: 2.4rem;
    height: 2.4rem;
    left: 0;
    top: calc(50% - 1.2rem);
    border-radius: 50%;
    border: 1px solid;
    border-color: var(--colorGray);
    background-color: var(--colorWhite);
}
.secForm_list .form_checklist input:checked + .txtCheck::before{
    background-color:var(--colorGray);
}
.secForm_list .form_checklist .txtCheck::after{
    content: "";
    position: absolute;
    width: 1.2rem;
    height: 1.2rem;
    top: calc(50% - 0.6rem);
    left: 0.6rem;
    border-radius: 50%;
    background-color: #fff;
}
.secForm_list .boxPrivacy{
    width: 100%;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_17);
    letter-spacing: var(--pcLetterSpacing14_50);
    height: 24rem;
    overflow-y: scroll;
    border: 1px solid var(--inputBorderColor);
    padding: 1.8rem;
    margin-top: 1rem;
}
.secCmnForm .mailTxt{
    margin-top: 6.1rem;
}
@media only screen and (max-width:1215px){
    .Index_Page .secCmnForm{
        padding-top: 1.5rem;
        padding-bottom: 3.1rem;
    }
    .secForm_list input[type="text"],
    .secForm_list input[type="tel"],
    .secForm_list input[type="email"],
    .secForm_list input[type="number"],
    .secForm_list input[type="password"],
    .secForm_list select,
    .secForm_list textarea{
        height: 5.5rem;
        padding-left: 1rem;
        padding-right: 1rem;
    }
    /* secForm_list */
    .secForm_list{
        padding: 0 1.5rem;
    }
    .secForm_list .formItem + .formItem{
        margin-top: 2.9rem;
    }
    .secForm_list .formItem:has(.form_checklist) + .formItem{
        margin-top: 29px;
    }
    .secForm_list .question_txt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_20);
        padding-right: calc(3.8rem + 0.4rem);
    }
    .secForm_list .txtmust{
        width: 3.8rem;
        height: 1.6rem;
        top: calc(50% - 0.8rem);
    }
    .secForm_list .must_in{
        font-size: var(--spFontSize11);
        line-height: var(--spLineHeight11_14);
    }
    .secForm_list .formContent{
        margin-top: 0.5rem;
    }
    .secForm_list .formContent:has(.form_checklist){
        margin-top: 1.3rem;
    }
    .secForm_list .formContent:has(.form_datalist){
        margin-top: 1.3rem;
    }
    .secForm_list .form_checklist{
        width: 100%;
    }
    .secForm_list .form_checklist .checkItem{
        display:block;
        margin-right: 0;
    }
    .secForm_list .form_checklist .checkItem + .checkItem{
        margin-top: 1.5rem;
    }
    .secForm_list .form_checklist .txtCheck{
        padding-left: calc(2rem + 10px);
        font-size: var(--pcFontSize13);
        line-height: var(--pcLineHeight13_20);
    }
    .secForm_list .form_checklist .txtCheck::before{
        width: 2rem;
        height: 2rem;
        top: calc(50% - 1rem);
    }
    .secForm_list .form_checklist .txtCheck::after{
        width: 1rem;
        height: 1rem;
        top: calc(50% - 0.5rem);
        left: 0.5rem;
    }
    .secForm_list .boxPrivacy{
        height: 44rem;
        padding: 1rem 0.5rem;
        margin-top: 0;
    }
    .secCmnForm .mailTxt .innerTit{
        margin-top: 0;
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_18);
    }
    .secCmnForm .mailTxt{
        margin-top: 2.5rem;
    }
}
.secCmnForm .formUndertxtbox{
    text-align: center;
    margin-top: 5rem;
}
.secCmnForm .formUndertxtbox .undertxt{
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_40);
    font-weight: bold;
    background: linear-gradient(transparent 70%, var(--colorYellow) 0%);
    display: inline;
}
.secCmnForm .formUndertxtbox .redtxt{
    color: var(--colorRed);
}
.secCmnFormBtn{
    margin-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secCmnForm .formUndertxtbox{
        margin-top: 2rem;
    }
    .secCmnForm .formUndertxtbox .undertxt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_30);
    }
    .secCmnFormBtn{
        margin-top: 2.3rem;
    }
}
/* secForm_list */
.secForm_list .form_datalist{
    width: 100%;
}
.secForm_list .datalist .dataitem{
    width: 100%;
}
.secForm_list .datalist .dataitem{}
.secForm_list .datalist .dataitem + .dataitem{
    margin-top: 2.6rem;
}
.secForm_list .datetxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    font-weight: bold;
}
.secForm_list .data_flex{
    display: flex;
    margin-top: 0.3rem;
}
.secForm_list .data_flex .data_box{
    width: 38rem;
    position: relative;
}
.secForm_list .data_flex .data_box::after{
    content: "";
    position: absolute;
    width: 1.2rem;
    height: 0.7rem;
    background-color: var(--textColor);
    top: calc(50% - 0.35rem);
    right: 1.8rem;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.secForm_list .data_flex .time_box{
    margin-left: 3.5rem;
}
.secForm_list .time_box .timeIn{
    display: flex;
    align-items: center;
}
.secForm_list .timetxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_30);
    font-weight: bold;
    letter-spacing: 0.1em;
    padding-right: 0.9rem;
}
.secForm_list .time_box .selectbox{
    width:20rem;
    position: relative;
}
.secForm_list .time_box .selectbox::after{
    content: "";
    position: absolute;
    width: 1.2rem;
    height: 0.7rem;
    background-color: var(--textColor);
    top: calc(50% - 0.35rem);
    right: 1.8rem;
    clip-path: polygon(0 0, 50% 100%, 100% 0);
}
.secForm_list .data_undertxt{
    text-align: left;
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_20);
    margin-top: 1.8rem;
}
@media only screen and (max-width:1215px){
    .secForm_list .form_datalist{
        width: 100%;
    }
    .secForm_list .datalist .dataitem + .dataitem{
        margin-top: 1.4rem;
    }
    .secForm_list .datetxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_20);
    }
    .secForm_list .data_flex{
        margin-top: 0.3rem;
    }
    .secForm_list .data_flex .data_box{
        width: 17rem;
    }
    .secForm_list .data_flex .data_box::after{
        width: 1.2rem;
        height: 0.7rem;
        top: calc(50% - 0.35rem);
        right: 1.2rem;
    }
    .secForm_list .data_flex .time_box{
        margin-left: 0;
        width: calc(100% - 17rem);
        padding-left: 0.5rem;
    }
    .secForm_list .time_box .timeIn{
        display: block;
    }
    .secForm_list .timetxt{
        display: none;
    }
    .secForm_list .time_box .selectbox{
        width: 100%;
        max-width: 20rem;
    }
    .secForm_list .time_box .selectbox::after{
        width: 1.2rem;
        height: 0.7rem;
        top: calc(50% - 0.35rem);
        right: 1.2rem;
    }
    .secForm_list .data_undertxt{
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_20);
        margin-top: 1.3rem;
    }
}