:root {
    --gap-size: 0.29vw;
    --p100a-white: #fff;
    --p100a-black: #000;
    --p100a-font: Poppins, sans-serif;
}

.p100aCen {
    padding: 8.33vw 24.4vw 4.74vw 24.4vw;
    color: var(--p100a-black);
    font-family: var(--p100a-font);
}
.p100aCenTit {
    font-size: 0.86vw;
    font-weight: 400;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 4.94vw;
}
.p100aPos {
    position: relative;
}
.p100aWhite {
    color: var(--p100a-white) !important;
}
.p100aBigFlex {
    display: flex;
    gap: var(--gap-size);
}
.p100aBigGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--gap-size);
}
.p100aBigAbs {
    position: absolute;
    top: 0.35vw;
    left: 50%;
    transform: translateX(-50%);
    font-weight: 700;
    font-size: 0.97vw;
    line-height: 1;
    white-space: nowrap;
    text-align: center;
}
.bigSubAbs {
    display: flex;
    align-items: flex-start;
    top: -34%;
    left: 23%;
    transform: translateX(-21%);
}
.p100aSpec {
    padding: 5.41vw 15.36vw 8.85vw 12.37vw;
    color: var(--p100a-black);
    font-family: var(--p100a-font);
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20vw;
}
.p100aSpecCon {
    width: 100%;
}
.p100aSpec img {
	width: 23.17vw;
}
.p100aSpecTit {
    font-size: 2.8vw;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 1vw;
}
.p100aSpecGrid {
    display: flex;
    flex-direction: column;
    gap: 0.2vw;
}
.p100aSpecItem {
    display: flex;
    align-items: center;
    line-height: 2;
    justify-content: space-between;
    border-bottom: 1px dashed #ccc;
}
.p100aSpecLabel {
    font-size: 1.2vw;
    font-weight: 600;
}
.p100aSpecValue {
    font-size: 0.97vw;
    font-weight: 400;
}
.p100aMultiText {
    position: relative;
}
.p100aMultiTextBlack .p100aMultiAbs {
    top: 5.07vw;
}
.p100aMultiTextBlack2 .p100aMultiAbs {
    top: 2.34vw;
}
.p100aMultiTextWhite .p100aMultiAbs {
    top: 7vw;
}
.p100aMultiTextWhite .p100aMultiTitle,
.p100aMultiTextWhite .p100aMultiDesc {
    color: var(--p100a-white);
}
.p100aMultiTextWhite2 .p100aMultiAbs {
    top: 10.67vw;
}
.p100aMultiTextWhite2 .p100aMultiTitle {
    color: var(--p100a-white);
}
.p100aMultiAbs {
    font-family: var(--p100a-font);
    position: absolute;
    top: 0.7vw;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    z-index: 2;
}
.p100aMultiTitle {
    font-weight: 700;
    font-size: 2.8vw;
    line-height: 1;
    color: var(--p100a-black);
}
.p100aMultiDesc {
    font-weight: 500;
    font-size: 1.25vw;
    line-height: 1.1;
    color: var(--p100a-black);
}
.p100aTop {
    padding-top: 3.38vw;
    z-index: 2;
}
.p100aImg {
    width: 6vw;
    margin-left: -1.7vw;
}
.mediaBlo {
    width: 100%;
    height: auto;
    display: block;
}
.p100aAva {
    padding: 6.25vw 18.15vw 4.81vw 18.15vw;
    color: var(--p100a-black);
    font-family: var(--p100a-font);
}
.p100aAvaTit {
    font-weight: 700;
    font-size: 2.8vw;
    line-height: 1;
    text-align: center;
}
#p100aColorGrid {
    display: flex;
    column-gap: 1.56vw;
}
.p100aAvaGrid {
    display: grid;
    gap: 0.2vw;
    justify-items: center;
    padding-top: 6.9vw;
}
.p100aCom {
    padding: 2.44vw 28.56vw 5.6vw 32.81vw;
    color: var(--p100a-black);
    font-family: var(--p100a-font);
    display: grid;
    gap: 5.2vw;
}
.bigSubGrid {
    display: grid;
    gap: var(--gap-size);
}


@media (min-width: 769px) and (max-width: 1024px) {
    :root {
        --gap-size: 0.8vw;
    }
    .p100aCen {
        padding: 5vw 6vw 3vw 6vw;
    }
    .p100aCenTit {
        font-size: 1.4vw;
        margin-bottom: 4vw;
        line-height: 1.3;
    }
    .p100aBigFlex {
        display: grid;
        grid-template-columns: 1fr;
    }
    .p100aBigGrid {
        grid-template-columns: 1fr 1fr;
    }
    .bigSubGrid {
        grid-template-columns: 1fr 1fr;
    }
    .p100aBigAbs {
        font-size: 2.5vw;
        top: 1.5vw;
    }
    .bigSubAbs {
        top: 50%;
        transform: translateY(-50%);
    }
    .p100aImg {
        width: 10vw;
        margin-left: -2.5vw;
    }
    .p100aMultiTitle {
        font-size: 3.5vw;
        line-height: 1;
    }
    .p100aMultiDesc {
        font-size: 1.55vw;
    }
    .p100aMultiTextWhite .p100aMultiAbs {
        top: 6vw;
    }
    .p100aMultiTextWhite2 .p100aMultiAbs {
        top: 12vw;
    }
    .p100aMultiTextBlack .p100aMultiAbs,
    .p100aMultiTextBlack2 .p100aMultiAbs {
        top: 3.5vw;
    }
    .p100aAva {
        padding: 8vw 10vw 6vw 10vw;
    }
    .p100aAvaTit {
        font-size: 4vw;
    }
    #p100aColorGrid {
        flex-wrap: wrap;
        column-gap: 2vw;
    }
    .p100aAvaGrid {
        width: 23%;
        padding-top: 4vw;
    }
    .p100aCom {
        padding: 4vw 8vw 6vw 8vw;
        gap: 4vw;
    }
    .p100aSpec {
        padding: 5vw 8vw 6vw 8vw;
        flex-direction: column;
        gap: 5vw;
        align-items: stretch;
    }
    .p100aSpec img {
        width: 100%;
        max-width: 45vw;
        margin: 0 auto;
        display: block;
    }
    .p100aSpecTit {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .p100aSpecLabel {
        font-size: 2vw;
    }
    .p100aSpecValue {
        font-size: 2vw;
    }
}

@media (max-width: 768px) {
    :root {
        --gap-size: 1.2vw;
    }
    .p100aCen {
        padding: 5vw 3vw 3vw 3vw;
    }
    .p100aCenTit {
        font-size: 2.5vw;
        margin-bottom: 5vw;
        line-height: 1.4;
    }
    .p100aBigFlex {
        display: grid;
        grid-template-columns: 1fr;
    }
    .p100aBigGrid {
        grid-template-columns: 1fr;
    }
    .bigSubGrid {
        grid-template-columns: 1fr 1fr;
    }
    .p100aBigAbs {
        font-size: 2.5vw;
        top: 2vw;
    }
    .bigSubAbs {
        top: 50%;
        transform: translateY(-50%);
        align-items: center;
    }
    .p100aTop {
        padding-top: 0;
        font-size: 2vw;
    }
    .p100aImg {
        width: 12vw;
        margin-left: 0;
    }
    .p100aMultiAbs {
        top: 1.3vw;
    }
    .p100aMultiTitle {
        font-size: 4vw;
        line-height: 1;
    }
    .p100aMultiDesc {
        font-size: 1.8vw;
        line-height: 1.5;
    }
    .p100aMultiTextWhite .p100aMultiAbs {
        top: 8vw;
    }
    .p100aMultiTextWhite2 .p100aMultiAbs {
        top: 10vw;
    }
    .p100aMultiTextBlack .p100aMultiAbs,
    .p100aMultiTextBlack2 .p100aMultiAbs {
        top: 3vw;
    }
    .p100aAva {
        padding: 10vw 5vw 8vw 5vw;
    }
    .p100aAvaTit {
        font-size: 5vw;
    }
    #p100aColorGrid {
        flex-wrap: wrap;
        column-gap: 3vw;
        row-gap: 2vw;
    }
    .p100aAvaGrid {
        width: 47%;
        gap: 2vw;
    }
    .p100aCom {
        padding: 6vw 4vw 8vw 4vw;
        gap: 3vw;
    }
    .p100aSpec {
        padding: 6vw 5vw 8vw 5vw;
        flex-direction: column;
        gap: 6vw;
        align-items: stretch;
    }
    .p100aSpec img {
        width: 100%;
        max-width: 55vw;
        margin: 0 auto;
        display: block;
    }
    .p100aSpecTit {
        font-size: 5vw;
        margin-bottom: 2.5vw;
    }
    .p100aSpecLabel {
        font-size: 2.5vw;
    }
    .p100aSpecValue {
        font-size: 2.5vw;
    }
}