@charset "utf-8";

.secFormCatalog{
    margin: 15rem auto;
    position: relative;
    z-index: 20;
}
.secFormCatalog .engTit{
    width: 21.6rem;
    margin: 0 auto;
    text-align: center;
}
.secFormCatalog .tit{
    font-size: var(--pcFontSize16);
    margin-top: 3rem;
    font-weight: bold;
    text-align: center;
}
@media only screen and (max-width:1215px){
    .secCatalogTitBox .engTit{
        width: 8.7rem;
    }
    .secCatalogTitBox .tit{
        font-size: var(--spFontSize13);
        margin-top: 1.5rem;
    }
}

.secForm{
    position: relative;
    z-index: 20;
}

.secFormCatalog span{
    display: block;
}
.secFormCatalog .catalogList{
    width: 132rem;
    max-width: calc(100% - 10rem);
    margin: 6rem auto 0;
    display: flex;
    flex-wrap: wrap;
    position: relative;
}
.secFormCatalog .catalogItem{
    width: calc(50% - 2.5rem);
    margin-right: 5rem;
    position: relative;
}
.secFormCatalog .catalogItem:nth-child(2n){
    margin-right: 0;
}
.secFormCatalog .catalogItem:nth-child(n+3){
    margin-top: 5rem;
}
.secFormCatalog .catalogItem input[type="checkbox"] {
    visibility: hidden;
    display: none;
}
.secFormCatalog .catalogItem .item{
    transition: opacity 0.2s ease-out;
    cursor: pointer;
    height: 100%;
    padding: 0 4rem 14rem;
    box-shadow: 0rem 0rem 0.485rem 0.015rem rgba(0, 0, 0, 0.15);
    position: relative;
}
.secFormCatalog .catalogItem .imgWrap{
    padding: 4rem;
    background: var(--colorWhite);
}
.secFormCatalog .catalogItem .imgBox {
    width: 100%;
    padding-top: 62.74%;
}
.secFormCatalog .catalogItem .txtWrap{
    padding: 4.5rem 0 0;
    border-top: solid 0.1rem var(--statusBorderColor);
}
.secFormCatalog .catalogTit{
    font-size: var(--pcFontSize22);
    font-weight: bold;
    line-height: var(--pcLineHeight22_34);
}
.secFormCatalog .catalogTxt{
    font-size: var(--pcFontSize15);
    line-height: var(--pcLineHeight15_40);
    margin-top: 1rem;
}
.secFormCatalog .btnOff,
.secFormCatalog .btnOn{
    width: 38rem;
    height: 8rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    font-size: var(--pcFontSize15);
    color: var(--colorWhite);
    letter-spacing: var(--pcLetterSpacing15_50);
    margin: 0 auto;
    position: absolute;
    bottom: 4.5rem;
    left: calc(50% - 19rem);
    border-radius: 0.4rem;
}
.secFormCatalog .btnOff{
    background: var(--colorWhite);
    color: var(--textColor);
    border: solid 0.1rem var(--textColor);
}
.secFormCatalog .btnOn{
    background: #0d6ea9;
    color: var(--colorWhite);
    border: solid 0.1rem #0d6ea9;
}
.secFormCatalog input[type="checkbox"]:not(:checked) + .item .btnOn,
.secFormCatalog input[type="checkbox"]:checked + .item .btnOff{
    display: none;
}
.secFormCatalog input[type="checkbox"]:checked + .item::after{
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    border-radius: 0.4rem;
    border: solid 0.1rem var(--priceColor);
}
.secFormCatalog .btnOff::after,
.secFormCatalog .btnOn::after{
    position: absolute;
    content: "";
    width: 0.8rem;
    height: 1.2rem;
    right: 3rem;
    top: calc(50% - 0.6rem);
}
.secFormCatalog.lazyloaded .btnOff::after{
    background: url(../img/catalog/iconBtnOff.png) center top / cover;
}
.secFormCatalog.lazyloaded .btnOn::after{
    background: url(../img/catalog/iconBtnOn.png) center top / cover;
}
@media only screen and (max-width:1215px){
    .secFormCatalog{
        margin: 6rem auto 5rem;
    }
    .secFormCatalog .catalogList{
        width: 89.334%;
        max-width: none;
        display: block;
        margin-top: 3rem;
    }
    .secFormCatalog .catalogItem{
        width: 100%;
        margin-right: 0;
    }
    .secFormCatalog .catalogItem:nth-child(n+2),
    .secFormCatalog .catalogItem:nth-child(n+3){
        margin-top: 3rem;
    }
    .secFormCatalog .catalogItem .item{
        padding: 0 2rem 2.5rem;
    }
    .secFormCatalog .catalogItem .imgWrap{
        padding: 2rem 0 0;
    }
    .secFormCatalog .catalogItem .txtWrap{
        padding: 2rem 0 0;
    }
    .secFormCatalog .catalogItem .imgBox{
        padding-top: 72.882%;
    }
    .secFormCatalog .catalogTit{
        font-size: var(--spFontSize18);
        line-height: var(--spLineHeight18_25);
    }
    .secFormCatalog .catalogTxt {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_28);
        margin-top: 1rem;
    }
    .secFormCatalog .btnOff,
    .secFormCatalog .btnOn{
        width: 100%;
        height: 5rem;
        font-size: var(--spFontSize14);
        margin: 2rem auto 0;
        position: relative;
        bottom: 0;
        left: 0;
        border-radius: 0.4rem;
    }
    .secFormCatalog .btnOff::after,
    .secFormCatalog .btnOn::after{
        right: 1.5rem;
    }
}
/* secCmnCatalog */
.secCmnCatalog{
    height: 78rem;
    display: flex;
    align-items: center;
    background: url(../img/catalog/bgCmnCatalog.jpg) center top / cover;
}
.secCmnCatalog .Inner{
    position: relative;
}
.secCmnCatalog .heroInner{
    display: flex;
    justify-content: space-between;
    padding-top: 9rem;
    position: relative;
    z-index: 10;
}
.secCmnCatalog .leftTit{
    font-size: var(--pcFontSize22);
    letter-spacing: var(--pcLetterSpacing22_175);
}
.secCmnCatalog .leftEngTit{
    font-size: var(--pcFontSize60);
    font-weight: bold;
    margin-top: 3rem;
}
.secCmnCatalog .leftTxt{
    font-size: var(--pcFontSize16);
    line-height: var(--pcLineHeight16_40);
    letter-spacing: var(--pcLetterSpacing16_50);
    font-weight: bold;
    margin-top: 2.5rem;
}
.secCmnCatalog .rightbox{
    color: var(--colorWhite);
    padding-top: 3.5rem;
}
.secCmnCatalog .rightimg{
    width: 14rem;
    position: relative;
    margin-left: auto;
}
.secCmnCatalog .rightimg::after{
    position: absolute;
    content: "";
    width: 11.3rem;
    height: 0.1rem;
    top: calc(50% - 0.05rem);
    left: -13.5rem;
    background: var(--colorWhite);
}
.secCmnCatalog .righttxt{
    font-size: var(--pcFontSize25);
    line-height: var(--pcLineHeight25_40);
    margin-top: 3rem;
}
.secCmnCatalog .righttxt_eng{
    font-size: var(--pcFontSize9);
    line-height: var(--pcLineHeight9_18);
    letter-spacing: var(--pcLetterSpacing9_300);
    margin-top: 2.4rem;
}
@media only screen and (min-width:1216px){
    .secCmnCatalog .righttxt,
    .secCmnCatalog .righttxt_eng{
        text-align: right;
    }
}
.secCmnCatalog .img{
    position: absolute;
    width: 59.5rem;
    top: calc(50% - 28rem);
    left: calc(50% - 29.75rem);
}
@media only screen and (max-width:1215px){
    .secCmnCatalog{
        height: 65rem;
        background: url(../img/catalog/bgCmnCatalog_sp.jpg) center bottom / cover;
    }
    .secCmnCatalog .Inner{
        height: 100%;
    }
    .secCmnCatalog .heroInner{
        display: flex;
        flex-flow: column;
        padding: 14rem 1.5rem 3.5rem;
        height: 100%;
    }
    .secCmnCatalog .leftTit{
        font-size: var(--spFontSize18);
    }
    .secCmnCatalog .leftEngTit{
        font-size: var(--spFontSize36);
        margin-top: 2rem;
    }
    .secCmnCatalog .leftTxt{
        font-size: var(--spFontSize13);
        line-height: var(--spLineHeight13_26);
        letter-spacing: var(--spLetterSpacing13_50);
        margin-top: 1.2rem;
    }
    .secCmnCatalog .rightbox{
        padding-top: 3.5rem;
    }
    .secCmnCatalog .rightimg{
        width: 7.1rem;
        margin-left: 0;
    }
    .secCmnCatalog .rightimg::after{
        width: 12.1rem;
        height: 0.1rem;
        top: calc(50% - 0.05rem);
        left: 9rem;
    }
    .secCmnCatalog .righttxt{
        font-size: var(--spFontSize11);
        margin-top: 2.2rem;
    }
    .secCmnCatalog .righttxt_eng{
        font-size: var(--spFontSize8);
        line-height: var(--spLineHeight8_14);
        letter-spacing: var(--spLetterSpacing8_200);
        margin-top: 1.5rem;
    }
    .secCmnCatalog .img{
        width: 33.3rem;
        top: calc(50% - 5rem);
        left: calc(50% - 15.5rem);
    }
}
#pnkz{
    padding: 4.5rem 0px;
    z-index: 10;
    position: relative;
}
@media only screen and (max-width:1215px){
    #pnkz{
        padding: 2rem 0px;
    }
}
/* secCatalogTop */
.secCatalogTop{
    padding-top: 4rem;
    position: relative;
}
.secCatalogTop::after{
    position: absolute;
    content: "";
    width: 192rem;
    height: 150rem;
    top: -11rem;
    left: calc(50% - 96rem);
}
.secCatalogTop.lazyloaded::after{
    background: url(../img/catalog/bgCatalogTop.jpg) center top / cover;
}
.secCatalogTop .wrapper{
    position: relative;
    z-index: 10;
}
.secCatalogTop .titBox{
    text-align: center;
}
.secCatalogTop .engTit{
    width: 14.1rem;
    margin: 0 auto;
}
.secCatalogTop .tit{
    font-size: var(--pcFontSize25);
    font-weight: bold;
    padding-top: 2rem;
    margin-top: 2rem;
    position: relative;
}
.secCatalogTop .tit::after{
    position: absolute;
    content: "";
    width: 5rem;
    height: 0.1rem;
    top: 0;
    left: calc(50% - 2.5rem);
    background: var(--textColor);
}
.secCatalogTop .txt{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_34);
    margin-top: 4rem;
}
.secCatalogTop .imgTxt{
    width: 108rem;
    margin: 5rem auto 0;
}
@media only screen and (max-width:1215px){
    .secCatalogTop{
        padding-top: 4.5rem;
        overflow: hidden;
    }
    .secCatalogTop::after{
        width: 100%;
        height: 37.5rem;
        top: 0;
        left: 0;
    }
    .secCatalogTop.lazyloaded::after{
        background: url(../img/catalog/bgCatalogTop_sp.jpg) center bottom / cover;
    }
    .secCatalogTop .engTit{
        width: 11.3rem;
    }
    .secCatalogTop .tit{
        font-size: var(--spFontSize14);
        padding-top: 1.5rem;
        margin-top: 1.5rem;
    }
    .secCatalogTop .tit::after{
        width: 3.5rem;
        left: calc(50% - 1.75rem);
    }
    .secCatalogTop .txt{
        font-size: var(--spFontSize15);
        line-height: var(--spLineHeight15_28);
        margin-top: 2.2rem;
    }
    .secCatalogTop .imgTxt{
        width: 39rem;
        margin: 2.2rem auto 0;
    }
}
@media only screen and (max-width: 400px){
    .secCatalogTop .imgTxt{
        width: calc(100% + 1.5rem);
        position: relative;
        left: -0.75rem;
    }
}
.secFormTable{
    border-top: none;
}
.secForm .formBox{
    padding-top: 4rem;
}
@media only screen and (max-width:1215px){
    .secForm .formBox{
        padding-top: 0;
    }
}



/* secEtate_Hero */
.page_details #header:not(.scroll),
.page_details #btnNav:not(.scroll){
    color: #fff;
}
.page_details #header:not(.scroll) .logo_on{
    display: none;
}
.page_details #header.scroll .logo_off{
    display: none;
}
.page_details #btnNav:not(.scroll) .btnNav-line::before,
.page_details #btnNav:not(.scroll) .btnNav-line::after{
    background-color: #fff;
}
.page_details .mainwrapper{
    position: relative;
}
@media only screen and (min-width:1216px){
    .co #btnNav:not(.scroll){
        color: var(--textColor);
    }
    .co #btnNav:not(.scroll) .btnNav-line::before,
    .co #btnNav:not(.scroll) .btnNav-line::after{
        background-color: var(--textColor);
    }
}

#pnkz{
    z-index: 200;
}