@charset "utf-8";
.secCmnHero{
    background-image: url(../img/catalog/bgHero.jpg);
}
#btnNavi{
    position: absolute;
}
@media only screen and (max-width:767px){
    .secCmnHero{
        background-image: url(../img/catalog/bgHero_sp.jpg);
    }
}

/* secCatalogTop */
.secCatalogTop{
    padding: 9.1rem 0 11.8rem;
    background: url(../img/catalog/bgTop.png) center top / cover;
    text-align: center;
}
.secCatalogTop .txtCatalogTit{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_38);
    letter-spacing: var(--pcLetterSpacing20_50);
    font-weight: bold;
}
.secCatalogTop .boxConceptImg{
    margin-top: 4.1rem;
}
.secCatalogTop .imgCatalog{
    margin-top: -7.3rem;
    position: relative;
    z-index: 2;
}
@media only screen and (max-width:1215px){
    .secCatalogTop{
        padding: 3.1rem 0 3.5rem;
        background: url(../img/catalog/bgTop_sp.png) center top / cover;
    }
    .secCatalogTop .txtCatalogTit{
        font-size: var(--spFontSize16);
        line-height: var(--spLineHeight16_28);
        letter-spacing: var(--spLetterSpacing0);
    }
    .secCatalogTop .boxConceptImg{
        margin-top: 1.9rem;
    }
    .secCatalogTop .imgCatalog{
        width: calc(344 / 375 * 100%);
        margin: -1.3rem auto 0;
    }
}

.secContact{
    margin-top: 0;
}
.secFormWrap{
    margin-top: 6rem;
}
@media only screen and (max-width:1215px){
    .secContact{
        margin-top: 0;
    }
    .secFormWrap{
        margin-top: 6rem;
    }
}