.p22fExp {
    background-color: #ffffff;
    font-family: Helvetica;
    font-size: 1.25vw;
    line-height: 1.77vw;
    color: #000;
    padding-bottom: 3.12vw;
}
.p22fExpCon {
    width: 70.36vw;
    margin: 0 auto;
}
.p22fExpCons {
    padding: 6.92vw 0 3.38vw 0;
}
.p22fExpFlex {
    display: flex;
    justify-content: center;
    gap: 1.14vw;
}
.p22fExpGrid {
    display: grid;
    gap: 0.67vw;
}
.p22fExpPos {
    position: relative;
}
.p22fExpTit {
    font-weight: bold;
    line-height: 1.25vw;
    text-align: center;
    position: absolute;
    top: 1.82vw;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}
.p22fExpSubGrid {
    display: grid;
    gap: 1.77vw;
    position: absolute;
    top: 7.08vw;
    left: 1.71vw;
}
.p22fExpSubFlex {
    display: flex;
    gap: 0.62vw;
    align-items: center;
}
.p22fExpSubFlex img {
    width: 3.28vw;
}
.p22fExpSubTit {
    font-weight: bold;
    font-size: 1.25vw;
    line-height: 1.66vw;
}
.p22fExpSub {
    font-weight: bold;
    font-size: 0.78vw;
    line-height: 1.35vw;
}
.p22fGra {
    background: url('/wp-content/uploads/2024/09/p22f_10.webp') no-repeat top center;
    background-size: cover;
    color: #ffffff;
}
.p22fCon {
    width: 37.4vw;
    padding: 19.06vw 0 18.49vw 12.70vw;
}
.p22fGraTit {
    font-weight: bold;
    font-size: 3.75vw;
    line-height: 4.37vw;
}
.p22fGraSubTit {
    font-size: 1.04vw;
    line-height: 1.35vw;
    text-align: justify;
}
.p22fSavor {
    background: url('/wp-content/uploads/2024/09/p22f_11.webp') no-repeat top center;
    background-size: cover;
    color: #000000;
    text-align: center;
    padding: 3.69vw 0 37.65vw 0;
    font-family: Helvetica;
}
.p22fSavorTit {
    font-weight: bold;
    font-size: 3.75vw;
    line-height: 3.7vw;
}
.p22fSavorSubTit {
    font-size: 1.04vw;
    line-height: 1.25vw;
}
.p22Fle {
    background-color: #ffffff;
    font-family: Helvetica;
    color: #000000;
    padding-top: 3.12vw;
}
.p22fFleCon {
    width: 66.92vw;
    margin: 0 auto;
    text-align: center;
}
.p22FleFlex {
    display: flex;
    gap: 0.88vw;
}
.p22FlexCom {
    background-color: #f5f5f5;
    border-radius: 15px;
    display: grid;
    justify-items: center;
}
.p22FleSubTit {
    font-size: 1.04vw;
    line-height: 1.25vw;
    padding: 1.14vw 0 1.77vw 0;
}
.p22ComTit {
    font-weight: bold;
    font-size: 1.45vw;
padding-top: 2.08vw;
}
.p22FlexImg {
    padding: 1.25vw 3.85vw 2.29vw 3.85vw;
}
.p22FlexImgs {
    padding: 0 6.25vw 0 6.51vw;
}
.p22fFleBot {
    padding: 1.71vw 16.21vw 2.39vw 16.07vw;
    justify-content: center;
    display: flex;
gap: 1.3vw;
}
.p22fFleFre {
    font-weight: bold;
    font-size: 1.56vw;
    line-height: 2.57vw;
    white-space: nowrap;
}
.p22fFleGrid {
    gap: 0.83vw;
    display: grid;
    padding: 2.81vw 0 2.39vw 0;
}
.p22fFles {
    font-weight: bold;
    font-size: 1.82vw;
}
.p22fFleRec {
    font-size: 1.25vw;
}
.p22fLast {
    background: #eeeeee;
    font-family: Helvetica;
    color: #000;
    padding-top: 4.89vw;
}
.p22fLastTit {
    font-weight: bold;
    font-size: 3.79vw;
    line-height: 4.37vw;
    text-align: center;
}
.p22fLastSubTit {
    font-size: 1.04vw;
    line-height: 1.04vw;
    text-align: center;
    padding: 1.3vw 0 3.9vw 0;
}
.p22fLast img {
    padding: 0 16.4vw 0 14.14vw;
}
.p22fEasy {
    background: url('/wp-content/uploads/2024/09/p22f_16.webp') no-repeat top center;
    background-size: cover;
    color: #000000;
    padding: 18.17vw 0 14.94vw 53.54vw;
}
.p22fEasyTit {
    font-weight: bold;
    font-size: 3.79vw;
    line-height: 4.37vw;
}
.p22fEasySubTit {
    font-size: 1.04vw;
    line-height: 1.35vw;
    text-align: justify;
}
.p22fEasyCon {
    width: 33.64vw;
    display: grid;
    gap: 2.5vw;
}
.p22fEasyFlex {
    display: flex;
    gap: 1.97vw;
}
.p22fSmooth {
    background: url('/wp-content/uploads/2024/09/p22f_17.webp') no-repeat top center;
    background-size: cover;
    color: #000000;
    padding: 17.34vw 0 16.71vw 12.81vw;
}
.p22SmoothCon {
    width: 33.8vw;
}
.p22SmoothCon img {
    padding: 3.64vw 5.88vw 0 0.26vw;
}
.p22fVar {
    background: url('/wp-content/uploads/2024/09/p22f_19.webp') no-repeat top center;
    background-size: cover;
    color: #000000;
    padding-bottom: 4.11vw;
}
.p22fVarCon {
    width: 86.87vw;
    margin: 0 auto;
    background: rgba(255, 255, 255, 0.4);
    border-radius: 50px;
    padding: 2.24vw 3.28vw 2.24vw 4.47vw;
    display: flex;
}
.p22fVarTit {
    font-weight: bold;
    font-size: 3.79vw;
    line-height: 4.37vw;
    text-align: center;
    padding: 4.21vw 0 2.08vw 0;
}
.p22fVarSubTit {
    font-weight: bold;
    font-size: 1.04vw;
    line-height: 1.04vw;
    text-align: center;
}
.p22fVarGrid {
    display: grid;
    gap: 2.65vw;
    justify-items: center;
    padding-right: 2.86vw;
}
.p22fComp {
    background: #fff;
    color: #000000;
    padding: 3.8vw 0 3.9vw 0;
    text-align: center;
}
.p22fComp img {
    padding: 2.08vw 10.52vw 0 9.74vw;
}
.p22fAnni {
    background: #eeeeee;
    padding: 3.8vw 10.83vw 5.78vw 10.41vw;
}
.p22fSpec {
    background: url('/wp-content/uploads/2024/09/p22f_21.webp') no-repeat top center;
    background-size: cover;
    color: #fff;
    padding: 5.31vw 0 7.39vw 12.91vw;
}
.p22fSpecCon {
    width: 33.8vw;
}
.p22fSpecTit {
    font-weight: bold;
    font-size: 3.02vw;
    line-height: 5.88vw;
}
.p22fSpCon {
    font-size: 1.56vw;
    line-height: 2.6vw;
}
.p22fSpflex {
    display: flex;
    justify-content: space-between;
}
.p22fSpecSubTit {
    font-weight: bold;
}
.p22fSpecSubCon {
    font-weight: normal;
}
.p22fAnni img {
    border-radius: 15px;
    display: block;
    margin-bottom: 1.82vw;
}
@media screen and (max-width: 768px) {
    .p22fExp {
        font-size: 3.75vw;
        line-height: 4.27vw;
        text-align: justify;
    }
    .p22fExpCon {
        width: 90vw;
    }
    .p22fExpTit {
        white-space: wrap;
        line-height: 2.25vw;
        font-size: 2.25vw;
        width: 90%;
        top: 1vw;
    }
    .p22fExpSubTit {
        font-size: 2.25vw;
        line-height: 2.66vw;
    }
    .p22fExpSub {
        font-size: 1.78vw;
    }
    .p22fExpSubFlex img {
        width: 5.28vw;
    }
    .p22fCon {
        width: 50vw;
        padding: 19.06vw 0 18.49vw 5.7vw;
    }
    .p22fGraSubTit {
        padding-top: 3vw;
        font-size: 2.95vw;
        line-height: 3.75vw;
    }
    .p22fSavor {
        padding: 3.69vw 0 60.65vw 0;
    }
    .p22fSavorSubTit {
        padding-top: 2vw;
        font-size: 2.95vw;
        line-height: 3.75vw;
        width: 90vw;
        margin: 0 auto;
    }
    .p22fFleCon {
        width: 90vw;
    }
    .p22FleSubTit, .p22fEasySubTit {
        font-size: 2.95vw;
        line-height: 3.75vw;
        text-align: justify;
    }
    .p22ComTit {
        font-size: 2.95vw;
        line-height: 2.75vw;
    }
    .p22fFles, .p22fLastSubTit, .p22fVarSubTit {
        font-size: 2.95vw;
        line-height: 2.95vw;
    }
    .p22fFleRec, .p22fFleFre {
        font-size: 2.95vw;
    }
    .p22fEasyFlex {
        flex-wrap: wrap;
    }
    .p22fFleBot {
        padding: 1.71vw 27.21vw 2.39vw 27.07vw;
    }
    .p22fEasyCon {
        width: 41.64vw;
    }
    .p22fSmooth {
        padding: 17.34vw 0 16.71vw 4.81vw;
    }
    .p22SmoothCon {
        width: 39.5vw;
    }
    .p22fVarCon {
        width: 90vw;
        border-radius: 15px;
        flex-wrap: wrap;
        gap: 5vw 0;
        justify-content: center;
    }
    .p22fSpec {
        padding: 5.31vw 0 7.39vw 6.91vw;
    }
    .p22fSpecTit {
        font-size: 6.02vw;
    }
    .p22fSpecCon {
        width: 51vw;
    }
    .p22fSpCon {
        font-size: 2.95vw;
        line-height: 4.95vw;
    }
    .p22fAnni {
        padding: 3.8vw 5.83vw 5.78vw 5.41vw;
    }
    .p22fVarGrid img {
        width: 10vw;
    }
}
@media screen and (max-width: 1024px) {
    .p22fExp {
        font-size: 3.5vw;
        line-height: 4.5vw;
    }
    .p22fExpCons {
        text-align: justify;
    }
    .p22fExpCon {
        width: 90vw;
    }
    .p22fExpTit {
        font-size: 2vw;
        line-height: 2.5vw;
        top: 0.85vw;
    }
    .p22fExpSubTit {
        font-size: 1.5vw;
        line-height: 2.5vw;
    }
    .p22fExpSub {
        font-size: 1.05vw;
        line-height: 1.3vw;
    }
    .p22fCon {
        width: 53.4vw;
    }
    .p22fEasyCon, .p22SmoothCon {
        width: 40vw;
    }
    .p22fFleCon {
        width: 90vw;
    }
    .p22fGraSubTit, .p22fSavorSubTit, .p22FleSubTit, .p22fLastSubTit, .p22fEasySubTit, .p22fEasySubTit, .p22fVarSubTit {
        font-size: 2vw;
        line-height: 2.5vw;
    }
    .p22fVarCon {
        border-radius: 15px;
        flex-wrap: wrap;
        justify-content: center;
        gap: 3vw 0;
    }
    .p22fVarGrid img {
        width: 12vw;
    }
    .p22fSpecCon {
        width: 43.8vw;
    }
    .p22fSpCon {
        font-size: 2vw;
        line-height: 3.3vw;
    }
}