@charset "utf-8";

.secCmnIndexTop {
    width: 100%;
    height: auto;
}
@media only screen and (max-width:1215px) {
    .secCmnIndexTop {
        width: 100%;
        height: 100%;
        min-height: unset;
        max-height: unset;
    }
}

/*-----------------------------------------------
    spec
-----------------------------------------------*/
/* secCmnIndexTop */
.secCmnIndexTop .titBox {
    display: inline-block;
    width: 100%;
    text-align: left;
    padding-bottom: 11.4rem;
}

.secCmnIndexTop .subtit {
    font-size: var(--pcFontSize50);
    line-height: var(--pcLineHeight50_50);
    letter-spacing: var(--pcLetterSpacing50_100);
    font-weight: bold;
}

.secCmnIndexTop .title {
    font-size: var(--pcFontSize96);
    line-height: var(--pcLineHeight96_130);
    letter-spacing: var(--pcLetterSpacing96_30);
    font-weight: bold;
    margin-top: 1.7rem;
}

@media only screen and (max-width:1215px) {
    .secCmnIndexTop .titBox {
        padding-bottom: 15.2rem;
    }

    .secCmnIndexTop .subtit {
        font-size: var(--spFontSize24);
        line-height: var(--spLineHeight24_35);
        letter-spacing: var(--spLetterSpacing24_50);
    }

    .secCmnIndexTop .title {
        font-size: var(--spFontSize36);
        line-height: var(--spLineHeight36_50);
        letter-spacing: var(--spLetterSpacing36_50);
        margin-top: 0.9rem;
    }
}

/* secTopBox */

.secTopBox .txtBox .topImg {
    width: 81.8rem;
    margin: 0 auto;
}


@media only screen and (max-width:1215px) {
    .secTopBox .txtBox .topImg {
        width: 29rem;
    }

}

/* secSpec */
.secSpec .boxShadow {
    box-shadow: 0px 0px 11.04px 0.96px rgba(0, 0, 0, 0.15);
}

/* secSpecSwitch */
.secSpecSwitch {
    width: 100%;
    margin: 0 auto;
    margin-top: 6.8rem;
}

.secSpecSwitch .boxList {
    display: flex;
    gap: 4rem;
    justify-content: center;
}

@media only screen and (max-width:1215px) {
    .secSpecSwitch {
        margin-top: 2.8rem;
    }

    .secSpecSwitch .boxList {
        gap: 0.5rem;
    }
}

/* secSpecOutline */
/* Outline01 */
.secSpecOutline.Outline01 {
    background: #e8f5f0;
    background: linear-gradient(180deg,
            rgba(232, 245, 240, 1) 0%,
            rgba(220, 239, 251, 1) 22%,
            rgba(204, 224, 248, 1) 40%,
            rgba(194, 202, 244, 1) 56%,
            rgba(196, 204, 244, 1) 62%,
            rgba(206, 224, 248, 1) 76%,
            rgba(223, 239, 250, 1) 88%,
            rgba(233, 246, 241, 1) 100%);
    width: calc(50% + (138rem / 2));
    /* margin:0 0 0 auto; */
    margin-top: 17.5rem;
    border-radius: 0 6rem 6rem 0;
    position: relative;
    padding-bottom: 8rem;
}

.secSpecOutline.Outline01::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 100%;
    background: url(../img/concept/spec/bgSecSpecDetails01.png) right top / auto no-repeat;
    border-radius: 0 6rem 0 0;
    pointer-events: none;
    z-index: 0;
}

.secSpecOutline.Outline01 .wrapper {
    margin: 0 9rem 0 auto;
    position: relative;
    z-index: 1;
}

.secSpecOutline.Outline01 .boxImg.imgTit {
    position: relative;
    top: -4.7rem;
    left: 0;
}

.secSpecOutline.Outline01 .txt {
    font-size: var(--pcFontSize28);
    line-height: var(--pcLineHeight28_54);
    font-weight: bold;
    margin-top: -1.4rem;
    letter-spacing: var(--pcLetterSpacing28_50);
    text-align: left;
}

.secSpecOutline.Outline01 .boxList {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
    margin-top: 6rem;
}

@media only screen and (max-width:1215px) {
    .secSpecOutline.Outline01 {
        background-color: #e6f4eb;
        background-image:
            radial-gradient(46% 22% at 28% 22%, rgba(78, 210, 171, 0.52) 0%, rgba(78, 210, 171, 0) 78%),
            radial-gradient(44% 20% at 33% 47%, rgba(66, 202, 173, 0.48) 0%, rgba(66, 202, 173, 0) 78%),
            radial-gradient(42% 20% at 35% 72%, rgba(92, 216, 180, 0.46) 0%, rgba(92, 216, 180, 0) 78%),
            radial-gradient(40% 18% at 72% 58%, rgba(194, 210, 245, 0.20) 0%, rgba(194, 210, 245, 0) 76%),
            radial-gradient(30% 12% at 54% 82%, rgba(205, 219, 132, 0.44) 0%, rgba(205, 219, 132, 0) 78%),
            linear-gradient(180deg, rgba(230, 244, 234, 1) 0%, rgba(222, 241, 231, 1) 22%, rgba(214, 238, 228, 1) 46%, rgba(211, 236, 225, 1) 68%, rgba(226, 242, 232, 1) 100%);
        background-size: 41.2rem 89rem;
        background-repeat: repeat-y;
        background-position: center top;
        width: 100%;
        /* margin:0 0 0 auto; */
        margin-top: 6.5rem;
        border-radius: 0 4rem 0 0;
        position: relative;
    }
    .secSpecOutline.Outline01::before {
        height: 100%;
        background: url(../img/concept/spec/bgSecSpecDetails01_sp.png) right top / 100% no-repeat;
        border-radius: 0 4rem 0 0;
        width: 22.5rem;
        pointer-events: none;
        z-index: 0;
    }
    .secSpecOutline.Outline01 .wrapper {
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }
    .secSpecOutline.Outline01 .boxImg.imgTit {
        width: 26.2rem;
        top: -1.4rem;
        left: 0;
    }
    .secSpecOutline.Outline01 .txt {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        font-weight: bold;
        margin-top: 0.4rem;
        letter-spacing: var(--spLetterSpacing14_50);
    }
    .secSpecOutline.Outline01 .boxList {
        gap: 1.3rem 0.4rem;
        margin-top: 2rem;
    }
    .Outline01 .boxList .item {
        width: calc((100% - 0.8rem)/3);
    }
}

/* secSpecDetails */
.secSpecOutline.Outline01 .secSpecDetails .boxList {
    display: flex;
    flex-direction: column;
    gap: 8rem;
}

.secSpecDetails .item {
    width: 100%;
    border-radius: 2rem;
}
.Outline01 .secSpecDetails .detailsCard {
    width: 100%;
    margin: 0 auto;
    position: relative;
}
#details06 .detailsCard {
    overflow: hidden;
}

.Outline01 .secSpecDetails .boxImg.num {
    position: absolute;
    top: 4rem;
    left: 3.7rem;
}

.Outline01 .secSpecDetails .detailsCardHead {
    background: var(--bgColor03);
    border-radius: 2rem 2rem 0 0;
}

.Outline01 .detailsCardHead .txt {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--pcFontSize30);
    line-height: var(--pcLineHeight30_45);
    letter-spacing: var(--pcLetterSpacing30_50);
    font-weight: bold;
    text-align: center;
    color: var(--ColorWhite);
    min-height: 8rem;
    margin-top: 0;
}

.Outline01 .secSpecDetails .detailsCardBody {
    padding: 5rem 10rem 8rem;
    background: var(--ColorWhite);
    border-radius: 0 0 2rem 2rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 4rem;
    overflow: hidden;
}


.secSpecDetails .detailsCardBody .boxImg{
    position: relative;
}

.Outline01 .detailsCardBody .imgBox {
    display: flex;
    gap: 2rem;
}

#details04 .detailsCardBody .boxImg.img04 {
    margin-top: -2.5rem;
}
.Outline01 .itemTxtInner{
    font-size: var(--pcFontSize20);
    line-height: var(--pcLineHeight20_40);
}
@media only screen and (max-width:1215px) {
    .secSpecOutline.Outline01 .secSpecDetails .boxList {
        gap: 3rem;
        margin-top: 2.8rem;
    }

    .Outline01 .secSpecDetails .item {
        width: 100%;
        border-radius: 2rem;
    }

    .Outline01 .secSpecDetails .detailsCard {
        width: 100%;
        margin: 0 auto;
        position: relative;
    }

    .Outline01 .secSpecDetails .boxImg.num {
        width: 5.1rem;
        top: 2.3rem;
        left: 0.6rem;
    }

    .Outline01 .secSpecDetails .detailsCardHead {
        border-radius: 1rem 1rem 0 0;
    }

    .Outline01 .detailsCardHead .txt {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_20);
        letter-spacing: var(--spLetterSpacing0);
        min-height: 5rem;
    }

    .Outline01 .secSpecDetails .detailsCardBody {
        padding: 1.5rem 2rem 3rem;
        border-radius: 0 0 1rem 1rem;
        gap: 3rem;
        overflow: hidden;
    }

    .Outline01 .detailsCardBody .imgBox {
        flex-direction: column;
    }

    #details04 .detailsCardBody .boxImg.img04 {
        margin-top: -2rem;
    }
    #details06 .imgBox {
        width: 100%;
    }
    #details06 .imgBox .boxImg {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }
    #details06 .scrollItem {
        position: relative;
        width: 100%;
        max-width: 100%;
        height: 27.4rem;
        overflow-x: auto;
        overflow-y: hidden;
        box-sizing: border-box;
        -ms-overflow-style: none;
        scrollbar-width: none;
    }
    #details06 .scrollItem::-webkit-scrollbar {
        display: none;
    }
    #details06 .scrollItem .img {
        display: inline-block;
        width: auto;
        height: 100%;
        text-align: center;
        padding: 0;
    }
    #details06 .scrollItem .img img {
        width: auto;
        height: 100%;
        max-width: none;
        display: block;
    }
    #details06 .scrollItem::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/common/iconScroll.png) center center / 12rem auto no-repeat;
        transition: all 0.2s ease-out 0.2s;
        animation: scrollItemAnimationSpec 1s linear infinite;
        z-index: 10;
        pointer-events: none;
    }
    #details06 .scrollItem.scrolled::before {
        opacity: 0;
    }
    .Outline01 .itemTxtInner{
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_24);
    }
}
@keyframes scrollItemAnimationSpec {
    0%   { transform:translateX(0); }
    25%  { transform:translateX(10px); }
    50%  { transform:translateX(0); }
    75%  { transform:translateX(-10px); }
    100% { transform:translateX(0); }
}
@media only screen and (max-width:374px) { 
    .Outline01 .secSpecDetails .boxImg.num {
        width: 4.2rem;
        left: 0.5rem;
    }
}

/* Outline02 */
.secSpecOutline.Outline02 {
    background: #f9eac6;
    background:
        radial-gradient(50% 12% at 70% 4%, rgba(250, 200, 196, 0.72) 0%, rgba(250, 200, 196, 0.44) 48%, rgba(250, 200, 196, 0) 70%),
        radial-gradient(54% 14% at 96% 27%, rgba(251, 206, 202, 0.70) 0%, rgba(251, 206, 202, 0.42) 48%, rgba(251, 206, 202, 0) 72%),
        radial-gradient(48% 12% at 77% 50%, rgba(249, 194, 189, 0.68) 0%, rgba(249, 194, 189, 0.40) 46%, rgba(249, 194, 189, 0) 70%),
        radial-gradient(52% 14% at 98% 75%, rgba(250, 204, 199, 0.70) 0%, rgba(250, 204, 199, 0.42) 48%, rgba(250, 204, 199, 0) 72%),
        radial-gradient(46% 12% at 73% 98%, rgba(248, 196, 190, 0.66) 0%, rgba(248, 196, 190, 0.38) 46%, rgba(248, 196, 190, 0) 70%),
        linear-gradient(180deg, rgba(248, 233, 196, 1) 0%, rgba(249, 232, 191, 1) 24%, rgba(248, 229, 185, 1) 51%, rgba(247, 227, 184, 1) 76%, rgba(248, 232, 194, 1) 100%);
    width: calc(50% + (138rem / 2));
    margin: 0 0 0 auto;
    margin-top: 17.5rem;
    border-radius: 6rem 0 0 6rem;
    position: relative;
    padding-bottom: 8rem;
}

.secSpecOutline.Outline02::before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 85rem;
    height: 100%;
    background: url(../img/concept/spec/bgSecSpecDetails02.png) right top / 100% no-repeat;
    border-radius: 0 0 0 6rem;
    pointer-events: none;
    z-index: 0;
}

.secSpecOutline.Outline02 .wrapper {
    margin: 0 auto 0 9rem;
    position: relative;
    z-index: 1;
}


.secSpecOutline.Outline02 .boxImg.imgTop {
    margin-top: -0.7rem;
}

.secSpecOutline.Outline02 .boxImg.imgTit {
    position: relative;
    top: -4.7rem;
    left: -2rem;
    width: 98.5rem;
}

.secSpecOutline.Outline02 .txt {
    font-size: var(--pcFontSize22);
    line-height: var(--pcLineHeight22_50);
    font-weight: bold;
    margin-top: 4.5rem;
    letter-spacing: var(--pcLetterSpacing22_50);
    text-align: left;
}

.secSpecOutline.Outline02 .boxList {
    display: flex;
    flex-wrap: wrap;
    gap: 3rem;
    justify-content: center;
    margin-top: 6rem;
}

@media only screen and (max-width:1215px) {
    .secSpecOutline.Outline02 {
        background-color: #f8e8bf;
        background-image:
            radial-gradient(130% 46% at 34% 16%, rgba(250, 202, 203, 0.34) 0%, rgba(250, 202, 203, 0) 100%),
            radial-gradient(124% 52% at 66% 56%, rgba(249, 191, 193, 0.50) 0%, rgba(249, 191, 193, 0) 100%),
            radial-gradient(128% 48% at 36% 90%, rgba(250, 206, 201, 0.32) 0%, rgba(250, 206, 201, 0) 100%),
            linear-gradient(180deg, rgba(248, 234, 193, 1) 0%, rgba(247, 230, 188, 0.98) 30%, rgba(247, 223, 190, 0.95) 44%, rgba(248, 197, 191, 0.70) 60%, rgba(247, 223, 190, 0.93) 76%, rgba(248, 233, 194, 1) 100%);
        background-size: 19rem 101rem;
        background-repeat: repeat;
        background-position: center 20rem;
        width: 100%;
        margin: 0 auto;
        margin-top: 6.5rem;
        border-radius: 4rem 0 0 0;
        position: relative;
    }

    .secSpecOutline.Outline02::before {
        height: 100%;
        background: url(../img/concept/spec/bgSecSpecDetails02_sp.png) right top / 100% no-repeat;
        border-radius: 4rem 0 0 0;
        width: 24rem;
        pointer-events: none;
        z-index: 0;
    }

    .secSpecOutline.Outline02 .wrapper {
        margin: 0 auto;
        position: relative;
        z-index: 1;
    }

    .secSpecOutline.Outline02 .boxImg.imgTit {
        width: 30.9rem;
        top: -2.4rem;
        left: -2rem;
    }

    .secSpecOutline.Outline02 .boxImg.imgTop {
        margin-top: -2.4rem;
    }

    .secSpecOutline.Outline02 .txt {
        font-size: var(--spFontSize14);
        line-height: var(--spLineHeight14_26);
        font-weight: bold;
        margin-top: 2.2rem;
        letter-spacing: var(--spLetterSpacing14_50);
    }

    .secSpecOutline.Outline02 .boxList {
        gap: 1.3rem 0.4rem;
        margin-top: 2rem;
    }

    .Outline02 .boxList .item {
        width: calc((100% - 0.8rem)/3);
    }
}

/* secSpecBody */

/* secSpecDetails */
.secSpecBody .secInnerBox {
    margin-top: 6rem;
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 4rem;
}

.secSpecDetails {
    border-radius: 2rem;
}

.secSpecDetails .secSpecDetailsTit {
    position: relative;
    cursor: pointer;
    isolation: isolate;
}

.secSpecDetails .secSpecDetailsTit .boxImg {
    position: relative;
    z-index: 0;
}

.secSpecDetails .secSpecDetailsTit:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 4rem;
    width: 6rem;
    height: 6rem;
    margin-top: -2.4rem;
    border-radius: 50%;
    box-sizing: border-box;
    z-index: 2;
    pointer-events: none;
    display: block;
    background-color: var(--bgColor04);
    background-image:
        linear-gradient(var(--ColorWhite), var(--ColorWhite)),
        linear-gradient(var(--ColorWhite), var(--ColorWhite));
    background-size: 1.8rem 0.2rem, 0.2rem 1.8rem;
    background-position: center center, center center;
    background-repeat: no-repeat;
    border: 0.2rem solid transparent;
    transform: translateY(-12%);
    transition:
        background-color 0.35s ease,
        border-color 0.35s ease,
        background-image 0.35s ease;
}

.secSpecDetails .secSpecDetailsTit.on:before {
    background-color: transparent;
    background-image: none;
    border-color: var(--bgColor04);
}

.secSpecDetails .secSpecDetailsTit:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 6rem;
    width: 1.8rem;
    height: 0.2rem;
    margin-top: -0.1rem;
    background: var(--bgColor04);
    border-radius: 999px;
    z-index: 3;
    pointer-events: none;
    display: block;
    opacity: 0;
    transform: scale(0.92) translateY(-50%);
    transition:
        opacity 0.35s ease,
        transform 0.35s ease;
}

.secSpecDetails .secSpecDetailsTit.on:after {
    opacity: 1;
    transform: scale(1) translateY(-50%);
}

.secSpecDetails .secSpecDetailsTit img {
    border-radius: 2rem;
}

.secSpecDetails .secSpecDetailsTit.on img {
    border-radius: 2rem 2rem 0 0;
}

.secSpecDetails .secSpecDetailsTit .accLabel {
    display: none;
}
.secSpecDetails .secSpecDetailsBody {
    padding: 3.1rem 4rem 8rem;
    background: var(--ColorWhite);
    border-radius: 0 0 2rem 2rem;
}
.secSpecDetails .secSpecDetailsBody .txt {
    font-size: var(--pcFontSize14);
    line-height: var(--pcLineHeight14_30);
    letter-spacing: var(--pcLetterSpacing14_50);
    font-weight: bold;
    text-align: left;
    margin-top: 0;
}
.secSpecDetails .secSpecDetailsBody .boxList {
    display: flex;
    flex-wrap: wrap;
    gap: 5rem;
    justify-content: flex-start;
    margin-top: 3.2rem;
}
.secSpecDetails .boxList .itemBox {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 4rem;
}
.secSpecDetails#box01 .itemBox .item06 {
    position: relative;
    top: -2rem;
}
.secSpecDetails#box01 .itemBox03 {
    gap: 12.6rem;
}
.secSpecDetails .boxList.headNone {
    margin-top: 0;
    padding-top: 2rem;
}
.secInnerBox .txtBox .boxImg{
    margin: 0 auto;
    width: 65.7rem;
}
@media only screen and (max-width:1215px) {
    .secSpecBody .secInnerBox {
        margin-top: 3rem;
        gap: 3rem;
    }

    .secSpecDetails {
        border-radius: 2rem;
        position: relative;
    }

    .secSpecDetails .secSpecDetailsTit {
        padding: 2rem;
        background: var(--ColorWhite);
        border-radius: 1rem 1rem 0 0;
        overflow: hidden;
    }

    .secSpecDetails .secSpecDetailsTit.secSpecDetailsBtn {
        padding-top: 0;
        padding-bottom: 5rem;
        border-radius: 0 0 1rem 1rem;
    }

    .secSpecDetails .secSpecDetailsTit .boxImg {
        position: relative;
        z-index: 0;
    }

    .secSpecDetails .secSpecDetailsTit:before, 
    .secSpecDetails .secSpecDetailsTit.on:before,
    .secSpecDetails .secSpecDetailsTit:after,
    .secSpecDetails .secSpecDetailsTit.on:after {
        display: none;
    }

    .secSpecDetails .secSpecDetailsTit .accLabel {
        display: flex;
        align-items: center;
        justify-content: center;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 5rem;
        z-index: 3;
        color: var(--ColorWhite);
        font-size: var(--spFontSize14);
        font-weight: bold;
        line-height: 1;
        letter-spacing: var(--spLetterSpacing14_50);
        pointer-events: none;
    }

    .secSpecDetails .secSpecDetailsTit.on .accLabel {
        color: var(--bgColor04);
    }
    .secSpecDetails .secSpecDetailsTit .accLabel:before {
        content: "";
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: 0;
        width: 100%;
        height: 5rem;
        margin-top: 0;
        border-radius: 0 0 1rem 1rem;
        border: none;
        z-index: -1;
        pointer-events: none;
        display: block;
        background-color: var(--bgColor04);
        background-image: none;
        transform: none;
    }
    .secSpecDetails .secSpecDetailsTit.on .accLabel:before {
        background-color: var(--bgColor05);
    }
    .secSpecDetails .secSpecDetailsTit .accLabel:after {
        content: "";
        position: absolute;
        top: auto;
        right: 2.1rem;
        bottom: 1.7rem;
        width: 1.6rem;
        height: 1.6rem;
        margin-top: 0;
        border-radius: 999px;
        z-index: 3;
        pointer-events: none;
        display: block;
        background: transparent;
        background-image:
            linear-gradient(var(--ColorWhite), var(--ColorWhite)),
            linear-gradient(var(--ColorWhite), var(--ColorWhite));
        background-size: 1.6rem 0.2rem, 0.2rem 1.6rem;
        background-position: center center, center center;
        background-repeat: no-repeat;
        opacity: 1;
        transform: none;
        transition:
            background-size 0.35s ease;
    }
    .secSpecDetails .secSpecDetailsTit.on .accLabel:after {
        background-size: 1.6rem 0.2rem, 0 0;
        background-image: linear-gradient(var(--bgColor04), var(--bgColor04)), linear-gradient(var(--bgColor04), var(--bgColor04));
    }
    .secSpecDetails .secSpecDetailsTit img {
        border-radius: 1rem 1rem 0 0;
    }
    .secSpecDetails .secSpecDetailsTit.on img {
        border-radius: 1rem 1rem 0 0;
    }
    .secSpecDetails .secSpecDetailsBody {
        padding: 0 2rem 3rem;
        border-radius: 0;
    }
    .secSpecDetails .secSpecDetailsBody .txt {
        font-size: var(--spFontSize12);
        line-height: var(--spLineHeight12_22);
        letter-spacing: 0;
    }
    .secSpecDetails .secSpecDetailsBody .boxList {
        display: flex;
        flex-wrap: wrap;
        gap: 3rem;
        justify-content: center;
        margin-top: 2.6rem;
        flex-direction: column;
    }
    .secSpecDetails .secSpecDetailsBody .item {
        width: 100%;
    }
    .secSpecDetails .boxList .itemBox {
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .secSpecDetails#box01 .itemBox .item06 {
        position: static;
    }
    .secSpecDetails#box01 .itemBox03 {
        gap: 3rem;
    }
    .secSpecDetails .boxList.headNone {
        padding-top: 0.5rem;
        margin-top: 0;
    }
    .secInnerBox .txtBox .boxImg{
        width: 28.3rem;
    }
}

.secCmnShowRoom {
    margin-top: 7.5rem;
}
@media only screen and (max-width: 767px) {
    .secCmnShowRoom {
        margin-top: 5.9rem;
    }
}