@charset "utf-8";

/*==============================
    page top（CONTACT）
==============================*/
.indexContact .secPageTop .pageTopBg,
.coContact .secPageTop .pageTopBg,
.okContact .secPageTop .pageTopBg{
    background-image:url("../img/member/bgPageTop.jpg");
}
.indexContact .secPageTop .pageTopTit,
.coContact .secPageTop .pageTopTit,
.okContact .secPageTop .pageTopTit{
    margin-top:6.6rem;
}

@media only screen and (max-width:1215px){
    .indexContact .secPageTop .pageTopBg,
    .coContact .secPageTop .pageTopBg,
    .okContact .secPageTop .pageTopBg{
        background-image:url("../img/member/bgPageTopSp.jpg");
    }
    .indexContact .secPageTop .pageTopTit,
    .coContact .secPageTop .pageTopTit,
    .okContact .secPageTop .pageTopTit{
        margin-top:0;
    }
}

/*==============================
    main
==============================*/
.indexContact main,
.coContact main,
.okContact main{
    background:var(--bgColorBeigeLight2);
}
.indexContact .secFormReserve,
.coContact .secFormReserve,
.okContact .secFormReserve{
    margin-top:0;
    border-top:none;
    background:transparent;
}
.indexContact .secFormReserve{
    margin-top:11.4rem;
    padding-top:12rem;
    border-top:1px solid var(--borderColorBeige);
}
.coContact .secFormReserve,
.okContact .secFormReserve{
    padding-top:8rem;
}
.indexContact .formReserveTitJa .spOnly,
.coContact .formReserveTitJa .spOnly,
.okContact .formReserveTitJa .spOnly{
    display:none;
}

@media only screen and (max-width:1215px){
    .indexContact .secFormReserve,
    .coContact .secFormReserve,
    .okContact .secFormReserve{
        margin-top:5.6rem;
        padding-top:4.9rem;
        padding-bottom:3rem;
    }
    .indexContact .formReserveTitJa .spNone,
    .coContact .formReserveTitJa .spNone,
    .okContact .formReserveTitJa .spNone{
        display:none;
    }
    .indexContact .formReserveTitJa .spOnly,
    .coContact .formReserveTitJa .spOnly,
    .okContact .formReserveTitJa .spOnly{
        display:inline;
    }
}

/* seccTop */
.seccTop{
    margin-top: 8rem;
}
.seccTop .tit{
    font-size: var(--pcFontSize18);
    text-align: center;
}
.seccTop .img{
    text-align: center;
    width: 120rem;
    margin: 5rem auto 0;
}
@media only screen and (max-width:1215px){
    .seccTop{
        margin-top: 5rem;
    }
    .seccTop .tit{
        font-size: var(--spFontSize14);
    }
    .seccTop .img{
        text-align: center;
        width: 92%;
        max-width: 34.5rem;
        margin: 3rem auto 0;
    }
}

@media only screen and (min-width: 1216px) {
    .secFormTable .checkList {
        grid-auto-flow: inherit;
    }
}