/*areaPost*/
.wp-caption {
    width: 100% !important;
}

.areaPost {
    padding-top: 48px;
    margin-bottom: 0;
}

.areaPost .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: inherit;
    align-items: flex-start;
    gap: 15px;
    max-width: 1560px;
}

/*boxRight*/

.areaPost .boxRight .postContent {
    border: 3px solid #333333;
    padding: 46px 47px 40px;
    border-radius: 16px;
    background-color: #fff;
    word-wrap: break-word;
    margin-bottom: 20px;
}

.areaPost .boxRight .postTrader {
    border: 5px solid #fc9b27;
    background: #fc9b27;
    border-radius: 10px;
    margin-bottom: 49px;
    margin-top: 32px;
}

.areaPost .areaBannerInfo .wrapBanner .infoPhoto {
    padding: 0 31px;
}

.areaPost .boxRight .postContent .postTrader .titlePost {
    font-size: 33px;
    color: #fff;
    text-align: center !important;
    padding: 8px 0 14px;
    margin: 0;
    border: 0;
    line-height: 1;
}

.areaPost .boxRight .postContent .postTrader .titlePost .titleTxt {
    position: relative;
    padding-left: 44px;
    font-weight: 500;
}

.areaPost .boxRight .postContent .postTrader .titlePost .titleTxt:before {
    content: "";
    position: absolute;
    top: 4px;
    left: -7px;
    background: url(../../../../../../../../themes/sc/assets/images/column/icon-crown.png) no-repeat center center/100%;
    width: 42px;
    height: 34px;
}

.areaPost .boxRight .postContent .postTrader .titlePost .titleTxt .number {
    font-size: 41px;
    font-weight: 400;
}

.areaPost .boxRight .postTrader .traderDetail {
    background: #fff;
    padding: 25px 34px 23px;
    border-radius: 0 0 5px 5px;
}

.areaPost .boxRight .postTrader .traderDetail .traderBox {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}

.areaPost .boxRight .postTrader .traderDetail .traderPhoto {
    padding: 0;
    margin: 0;
    width: 50%;
}

.areaPost .boxRight .postTrader .traderDetail .traderPhoto img {
    margin: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: 342/171;
    object-fit: cover;
    object-position: center;
}

.areaPost .boxRight .postTrader .traderDetail .traderContent {
    width: 46%;
}

.areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle {
    margin-bottom: 13px;
    padding: 0;
    margin-top: 0;
    position: initial;
    text-decoration: none;
}

.areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle a {
    font-size: 25px;
    line-height: 1;
    color: #303030;
    font-weight: 700;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    text-decoration: none;
}

.areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle a:before {
    content: "";
    display: none;
}

.areaPost .boxRight .postTrader .traderDetail .traderContent .traderTxt {
    line-height: 1.84;
    text-align: justify;
    padding-right: 7px;
    font-size: 14px;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
}

.areaPost .boxRight .postTrader .traderDetail .traderContent .traderTxt p:first-child {
    padding: 0;
    line-height: 1.75;
}

.areaPost .boxRight .traderBtn {
    width: 302px;
    margin: 0 auto;
}

.areaPost .boxRight .postContent .traderBtn a {
    font-size: 18px;
    color: #ffffff !important;
    font-weight: 700;
    background-color: #fc9b27;
    width: 99%;
    display: block;
    text-align: center;
    padding: 14px 0;
    border-radius: 26px;
    text-decoration: none;
}

.areaPost .boxRight .postContent .contentPost>p {
    text-align: justify;
    letter-spacing: 0.35px;
    margin: 22px 0 24px;
    font-size: 18px;
    color: #454545;
    line-height: 1.7777777778;
    font-weight: 500;
}

.areaPost .boxRight .postContent .contentPost>p+p {
    margin-bottom: 40px;
}

.areaPost .boxRight .postContent .contentPost>p a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    text-decoration: underline;
    text-underline-offset: 3px;
    line-height: 1.7777777778;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: #20bbad;
}

.areaPost .boxRight .postContent .contentPost .areaBannerInfo .itemBtn a {
    color: #ffffff;
}

.areaPost .boxRight .postContent blockquote {
    margin: 0;
}

.areaPost .boxRight .postContent .contentPost>p img {
    width: 100%;
    margin-bottom: 19px;
}

.areaPost .boxRight .postContent .contentPost>p.postNote {
    background: #cff9f6;
    margin: 45px 0 46px;
    border-radius: 10px;
    padding: 31px 31px 34px !important;
}

.areaPost .boxRight .postContent h2 {
    font-size: 36px;
    font-weight: 800;
    color: #39B767;
    border-bottom: 3px solid #333333;
    padding: 0 26px 36px;
    margin: 30px 0 46px;
}

.areaPost .boxRight .postContent .contentPost>h3 {
    font-size: 22px;
    font-weight: bold;
    background: #FDEDE1;
    padding: 14px 39px 17px;
    margin: 30px 0;
    letter-spacing: 0.9px;
}
.areaPost .boxRight .postContent .contentPost> p + h3 {
    margin-top: 55px;
}
.areaPost .boxRight .postContent .contentPost> p + h4 {
    margin-top: 49px;
}

.areaPost .boxRight .postContent span.goldenUnderline {
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 249, 159, 0) 70%, rgba(255, 249, 159, 1) 70%, rgba(255, 249, 159, 1) 100%);
}

/*.areaPost .boxRight .postContent ol li:before {
content: "";
position: absolute;
top: 9px;
left: 6px;
width: 4px;
height: 4px;
border-radius: 50%;
background: #303030;
}*/

.areaPost .boxRight .areaBannerInfo.banner {
    margin-bottom: 94px;
}

.areaPost .boxRight .areaBannerInfo.banner .infoPhoto {
    padding: 0 31px;
}

.areaPost .boxRight .article .articleTitle {
    font-size: 20px;
    border-bottom: 3px solid #02bbad;
    padding-bottom: 9px;
    margin-bottom: 20px;
}

.areaPost .boxRight .article .itemProduct {
    padding: 0;
    margin-bottom: 15px;
}

.areaPost .boxRight .productBox {
    background: #02bbad;
    border: 2px solid #02bbad;
    margin-bottom: 8px;
    margin-top: 48px;
}

.areaPost .boxRight .productBox .productTitle {
    font-size: 18px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 4px 0 7px;
}

.areaPost .boxRight .itemProduct.article {
    margin-bottom: 0;
}

.areaPost .boxRight .itemProduct.article .itemContent {
    padding-top: 2px;
    background: #fff;
    position: relative;
    padding-right: 8px;
}

.areaPost .boxRight .itemProduct.article .itemContent .itemTop .dateTime {
    position: absolute;
    bottom: -2px;
    left: 1px;
    width: 100%;
    margin-top: 0;
}

.areaPost .boxRight .itemProduct.article .itemContent .itemContail {
    padding-right: 0;
}

.areaPost .boxRight .itemProduct {
    display: flex;
    justify-content: space-between;
    background: #fafafa;
    margin-bottom: 16px;
    padding: 19px 29px 18px 29px;
}

.areaPost .boxRight .itemProduct p {
    padding: 0 !important;
    margin: 0 !important;
}

.areaPost .boxRight .itemProduct .itemPhoto {
    width: 250px;
}

.areaPost .boxRight .itemProduct .itemPhoto img {
    width: 100%;
    height: 100%;
    aspect-ratio: 250/176;
    object-fit: cover;
    object-position: center;
    margin-bottom: 0;
}

.areaPost .boxRight .itemProduct .itemContent {
    width: calc(100% - 277px);
    padding-top: 18px;
    padding-right: 18px;
}

.areaPost .boxRight .itemProduct .itemContent .itemTop {
    display: flex;
    justify-content: space-between;
}

.areaPost .boxRight .itemProduct .itemContent .dateTime {
    width: 106px;
    font-size: 12px;
    color: #aaa;
    margin-top: 2px;
}

.areaPost .boxRight .itemProduct .itemContent .itemContail {
    padding-right: 17px;
}

.areaPost .boxRight .itemProduct .itemContent .itemContail .itemTitle {
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 11px !important;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.areaPost .boxRight .itemProduct .itemContent .itemContail .itemTxt p {
    padding: 0;
    font-size: 12px;
    font-weight: 400;
    line-height: 1.8;
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.areaBannerBetween .bannerPhoto {
    margin: 0 auto 99px;
}

.areaPost .boxRight .postContent .contentPost>p:first-child {
    /*padding: 0 31px;*/
    text-align: justify;
}

.areaPost .boxRight .postContent iframe {
    width: 100%;
    left: 0;
}

.areaContentFaq .titleItems {
    font-size: 20px;
}

/* row 261 */
/* FB 391 */
.areaPost .boxRight .postContent .contentPost>ul,
.areaPost .boxRight .postContent .vendorDataBox>ul,
.areaPost .boxRight .postContent .contentPost .vendorDataBox>div>ul {
    border: 2px solid #02BBAD;
    padding: 20px 30px;
    list-style: none;
    margin: 30px 0;
}

.areaPost .boxRight .postContent .contentPost>ul>li,
.areaPost .boxRight .postContent .vendorDataBox>ul>li,
.areaPost .boxRight .postContent .contentPost .vendorDataBox>div>ul>li {
    position: relative;
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    border-bottom: 1px dotted #C5C5C5;
    margin-left: 30px;
    padding-left: 0;
    padding-bottom: 10px;
    margin-bottom: 12px;
    letter-spacing: 2px;
    color: #454545;
}

.areaPost .boxRight .postContent .contentPost>ul>li:last-child,
.areaPost .boxRight .postContent .vendorDataBox>ul>li:last-child,
.areaPost .boxRight .postContent .contentPost .vendorDataBox>div>ul>li:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.areaPost .boxRight .postContent .contentPost>ul>li::before,
.areaPost .boxRight .postContent .vendorDataBox>ul>li::before,
.areaPost .boxRight .postContent .contentPost .vendorDataBox>div>ul>li::before {
    content: "";
    position: absolute;
    left: -32px;
    top: 7px;
    background: url(../images/column-detail/icon-check.svg) no-repeat center center / 100%;
    width: 20px;
    height: 18px;
}

/* END FB 391 */


.areaPost .boxCnt {
    margin: 30px 0 50px;
    text-align: left;
}

.areaPost .boxCnt .boxtitle {
    position: relative;
    display: inline-block;
    font-size: 24px !important;
    font-weight: 400;
    color: #fff;
    background-color: #02BBAD;
    padding: 4px 17px 1px 52px;
    letter-spacing: 1.7px;
    margin-top: 0;
    margin-bottom: 0;
    border-left: 0;
}

.areaPost .boxCnt .boxtitle::before {
    content: "";
    position: absolute;
    top: 58%;
    left: 17px;
    transform: translateY(-50%);
    background: url(../images/column-detail/icon-01.svg) no-repeat center center/100%;
    width: 28px;
    height: 28px;
}

.areaPost .boxRight .postContent .boxCnt .listCnt {
    border: 2px solid #02BBAD;
    padding: 20px 30px;
    list-style: none;
    margin: 0;
}

.areaPost .boxRight .postContent .boxCnt .listCnt li {
    position: relative;
    list-style: none;
    font-size: 16px;
    font-weight: 400;
    padding-left: 31px;
    letter-spacing: 2px;
    margin-bottom: 4px;
    margin-left: 0;
}

.areaPost .boxRight .postContent .boxCnt .listCnt li::before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    background: url(../images/column-detail/icon-like-01.svg) no-repeat center center/100%;
    width: 20px;
    height: 18px;
}

.areaPost .boxRight .postContent .boxCnt.boxRed .boxtitle {
    background-color: #FF464E;
    border-left: 0;
    margin-top: 0;
    margin-bottom: 0;
}

.areaPost .boxRight .postContent .boxCnt.boxRed .boxtitle::before {
    background-image: url(../images/column-detail/icon-02.svg);
}

.areaPost .boxRight .postContent .boxCnt.boxRed .listCnt {
    border-color: #FF464E;
}

.areaPost .boxRight .postContent .boxCnt.boxRed .listCnt li::before {
    background-image: url(../images/column-detail/icon-like-02.svg);
}

.areaPost .boxRight .postContent .boxCnt.boxCheck .listCnt li {
    border-bottom: 1px dotted #C5C5C5;
    margin-left: 30px;
    padding-left: 0;
    padding-bottom: 10px;
    margin-bottom: 12px;
}

.areaPost .boxRight .postContent .boxCnt.boxCheck .listCnt li:last-child {
    border: 0;
    padding-bottom: 0;
    margin-bottom: 0;
}

.areaPost .boxRight .postContent .boxCnt.boxCheck .listCnt li::before {
    background-image: url(../images/column-detail/icon-check.svg);
    left: -32px;
    top: 7px;
}

@media(min-width:769px) {

    .areaPost .boxRight .areaBannerInfo .boxBtn {
        left: 53px;
        padding: 0;
        width: 63.6%;
        bottom: -20px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn {
        width: 48.7%;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn a {
        font-size: 16px;
        padding: 9px 0 12px 5px;
        letter-spacing: .7px;
        text-indent: 0;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.estimateBtn {
        padding: 0;
        margin: 0;
        width: 48.7%;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn a,
    .areaPost .boxRight .postContent .contentPost .areaBannerInfo p a {
        color: #fff;
        display: block;
    }

    .areaPost .boxRight .postContent .traderBtn a:before,
    .areaPost .boxRight .areaBannerInfo .itemBtn a:before {
        content: "";
        display: none;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.estimateBtn a span:after {
        width: 19px;
        height: 19px;
        top: 51%;
        right: 5px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn {
        margin-bottom: 0;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a {
        padding: 9px 0 12px 8px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a span:after {
        width: 17px;
        height: 24px;
        right: 9px;
        top: 57%
    }
}

@media(max-width:1200px) and (min-width:769px) {

    .areaPost .wrapperArea .selectItem select,
    .areaPost .boxRight .wrapperMenu .wrapperBox .wrapperSelect select {
        min-height: 45px;
        font-size: 14px;
    }

    .areaPost .wrapperArea {
        margin-bottom: 15px;
    }

    /*boxRight*/

    .areaPost .boxRight .rightTitle {
        font-size: 26px;
    }

    .areaPost .boxRight .postTrader .traderDetail {
        padding: 15px;
    }

    .areaPost .boxRight .postContent .postTrader .titlePost {
        font-size: 28px;
    }

    .areaPost .boxRight .postContent .postTrader .titlePost .titleTxt:before {
        top: 0;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTxt {
        padding-right: 0;
        line-height: 1.5;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle {
        font-size: 22px
    }
}

@media(max-width: 1000px) and (min-width: 769px) {
    .areaPost .boxRight .photoDetail img {
        /*height: 41vw;*/
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a,
    .areaPost .boxRight .areaBannerInfo .itemBtn a {
        letter-spacing: 0;
        padding: 9px 0;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.estimateBtn a span:after,
    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a span:after {
        right: 0;
    }

    .areaPost .boxRight .areaBannerInfo .wrapBanner .infoPhoto {
        padding: 0;
    }

    .areaPost .boxRight .areaBannerInfo .boxBtn {
        left: 3%;
        width: 70.6%
    }
}

@media(max-width: 950px) and (min-width: 769px) {
    .areaPost .boxRight .postTrader .traderDetail .traderBox {
        flex-direction: column;
    }

    .areaPost .boxRight .postTrader .traderDetail {
        padding: 25px;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderPhoto {
        width: 100%;
        margin-bottom: 20px;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent {
        width: 100%;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle {
        text-align: center
    }
}

@media(max-width: 900px) and (min-width: 769px) {
    .areaPost .listCat li a {
        padding: 3px 8px 5px;
    }

    .areaPost .boxRight .itemProduct.article {
        padding: 15px;
    }

    .areaPost .boxRight .itemProduct .itemPhoto {
        width: 230px;
    }

    .areaPost .boxRight .itemProduct .itemContent {
        padding-top: 8px;
        width: calc(100% - 245px);
    }

    .areaBannerInfo .itemBtn a span {
        padding-right: 15px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.estimateBtn a span:after {
        right: -23px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a span:after {
        right: -10px
    }
}

@media(max-width: 800px) and (min-width: 769px) {

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a,
    .areaPost .boxRight .areaBannerInfo .itemBtn a {
        padding: 6px 0;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.estimateBtn a span:after {
        width: 16px;
        height: 16px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a span:after {
        width: 11px;
        height: 19px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a span:after {
        right: 0;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.estimateBtn a span:after {
        right: -12px;
    }

    .areaPost .boxRight .itemProduct .itemContent {
        padding-right: 0;
    }

    .areaPost .listCat li {
        margin-bottom: 7px;
        margin-right: 7px;
    }
}

@media(min-width:769px) {

    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle a:hover {
        color: #fc9b27;
    }

    .areaPost .boxRight .itemProduct .itemContent .itemContail .itemTitle a:hover {
        display: block;
        color: #fc9b27;
        opacity: 1;
    }

    .areaPost .boxRight .postContent .contentPost>p a:hover,
    .areaPost .boxRight .postContent .contentPost p a:hover,
    .areaPost .boxRight .postContent table td a:hover {
        text-decoration: none;
    }
}


@media(max-width:768px) {

    .areaPost .boxRight .areaBannerInfo .itemBtn a:before,
    .areaPost .boxRight .postContent .traderBtn a:before {
        content: "";
        display: none;
    }

    .areaPost {
        padding-top: 14px;
        margin-bottom: 44px;
    }

    .vendorDataBox p {
        font-size: 16px;
        line-height: 1.49;
    }

    .areaPost .boxRight .postContent .contentPost>div>p {
        font-size: 16px;
        line-height: 1.49;
    }


    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTxt p:first-child {
        line-height: 1.5;
    }

    .areaPost .boxRight .postContent .contentPost>p:first-child {
        /*padding: 0 14px;*/
    }

    .areaPost .boxRight .postContent .contentPost>p {
        font-size: 14px;
        letter-spacing: .03em;
        margin-bottom: 1px;
        line-height: 1.75;
    }

    .areaPost .boxRight .postContent .contentPost>p+p {
        margin: 17px 0;
    }

    .areaPost .boxRight .postTrader {
        margin-bottom: 19px;
        border-radius: 5px;
        margin-top: 25px;
        border-width: 2px;
    }

    .areaPost .boxRight .postContent .postTrader .titlePost {
        font-size: 16px;
        padding: 4px 0 8px;
    }

    .areaPost .boxRight .postContent .postTrader .titlePost .titleTxt .number {
        font-size: 20px;
    }

    .areaPost .boxRight .postContent .postTrader .titlePost .titleTxt {
        padding-left: 30px;
    }

    .areaPost .boxRight .postContent .postTrader .titlePost .titleTxt:before {
        width: 21px;
        height: 17px;
        top: 3px;
        left: 3px;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderBox {
        flex-direction: column;
        margin-bottom: 8px;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderPhoto {
        width: 83.3%;
        margin: 0 auto 13px;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent {
        width: 100%;
    }

    .areaPost .boxRight .postTrader .traderDetail {
        padding: 14px 13px 16px;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle {
        margin-bottom: 13px;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTitle a {
        font-size: 17px;
        text-align: center;
    }

    .areaPost .boxRight .postTrader .traderDetail .traderContent .traderTxt {
        font-size: 12px;
        letter-spacing: -.5px;
        line-height: 1.5;
        margin-bottom: 5px;
        -webkit-line-clamp: 4;
    }

    .areaPost .boxRight .traderBtn {
        width: 100%;
        margin: 0 auto 0 !important;
        max-width: 202px;
    }

    .areaPost .boxRight .postContent .traderBtn a {
        padding: 6px 0 8px;
        font-size: 14px !important;
    }

    .areaPost .boxRight .areaBannerInfo .wrapBanner .infoPhoto {
        padding: 0;
    }

    .areaBannerInfo .itemBtn.vendorBtn a span:after {
        top: 58%;
        right: -3px;
    }

    .areaPost .boxRight .postContent h2 {
        font-size: 24px !important;
        border-width: 1px;
        padding: 14px 0;
        margin-bottom: 17px;
        line-height: 1.45;
    }

    .areaPost .boxRight .postContent .contentPost>h3 {
        font-size: 16px !important;
        margin: 10px 0;
        padding: 16px;
    }
    .areaPost .boxRight .postContent .contentPost> p + h3 {
        margin-top: 20px;
    }

    .areaPost .boxRight .postContent .contentPost>p img {
        margin-bottom: 18px;
    }

    .areaPost .boxRight .postContent .contentPost>p.postNote {
        margin: 24px 0 21px;
        border-radius: 5px;
        padding: 18px 14px 22px !important;
        line-height: 1.5;
    }

    .areaPost .boxRight .postContent .contentPost>p a {
        font-size: 16px;
        margin-top: -2px;
    }

    .areaPost .boxRight .postContent .contentPost p a {
        font-size: 16px;
        margin-top: -2px;
    }

    .areaPost .boxRight .postContent .contentPost .areaBannerInfo .itemBtn a {
        display: block;
        padding: 4% 1% 4% 1.5%;
    }

    .areaPost .boxRight .postContent .contentPost .areaBannerInfo .itemBtn.vendorBtn a {
        font-size: clamp(10px, 2.7vw, 19px);
        letter-spacing: 0.4px;
        text-indent: -1px;
    }


    .areaPost .boxRight .postContent .contentPost .areaBannerInfo .itemBtn.estimateBtn a {
        font-size: clamp(11px, 3vw, 20px);
        letter-spacing: 1.9px;
        padding: 3.5% 1% 4.5% 1.5%;
    }

    .areaPost .boxRight .postContent {
        margin-bottom: 21px;
    }

    .areaPost .boxRight .productBox {
        border-width: 1px;
        margin-bottom: -15px;
        margin-top: 20px;
    }

    .areaPost .boxRight .productBox .productTitle {
        font-size: 15px !important;
        padding: 4px 0 5px;
    }

    .areaPost .boxRight .itemProduct.article {
        padding: 12px 13px 16px;
    }

    .areaPost .boxRight .itemProduct .itemPhoto {
        width: 45.7%;
    }

    .areaPost .boxRight .itemProduct.article .ỉtemPhoto {
        width: 45.7%;
    }

    .areaPost .boxRight .itemProduct.article .itemContent {
        position: relative;
        width: calc(100% - 51%);
        padding-top: 0;
        padding-right: 0;
        margin-top: -1px;
    }

    .areaPost .boxRight .article .itemProduct .ỉtemPhoto {
        width: 42%;
    }

    .areaPost .boxRight .article .itemProduct .itemContent {
        position: relative;
        width: calc(100% - 46.8%);
        padding-top: 0;
        padding-right: 0;
        margin-top: -2px;
    }

    .areaPost .boxRight .itemProduct.article .itemContent .itemTop .listCat {
        margin-left: 0;
    }

    .areaPost .boxRight .itemProduct .itemContent .itemContail .itemTitle {
        font-size: 14px;
        -webkit-line-clamp: 3;
        line-height: 1.27;
    }

    .areaPost .boxRight .itemProduct .itemContent .itemContail .itemTxt {
        display: none;
    }

    .areaPost .boxRight .itemProduct.article .itemContent .itemTop .dateTime {
        bottom: -4px;
        font-size: 9px;
    }

    .areaPost .boxRight .areaBannerInfo.banner {
        margin-bottom: 30px;
    }

    .areaPost .boxRight .article .articleTitle {
        font-size: 15px;
        padding-bottom: 2px;
        margin-bottom: 15px;
        border-width: 1px;
    }

    .areaPost .boxRight .itemProduct .itemContent .itemTop .listCat {
        width: 100%;
        margin-left: 0;
    }

    .areaPost .boxRight .itemProduct .itemContent .dateTime {
        position: absolute;
        width: 100%;
        bottom: -3px;
        left: 0;
        font-size: 9px;
    }

    .areaPost .boxRight .itemProduct .itemContent .itemTop {
        margin-bottom: 3px;
    }

    .areaPost .boxRight .itemProduct.article .itemContent .itemTop {
        margin: 2px 0 6px 0;
    }

    .areaPost .boxRight .article .itemProduct {
        margin-bottom: 22px;
    }

    .areaBannerInfo .boxBtn {
        bottom: -1%;
    }

    .areaBannerInfo .itemBtn.estimateBtn {
        width: 48.5%;
    }

    .areaBannerInfo .itemBtn.estimateBtn a {
        padding: 5% 1% 6% 1.5%;
    }

    .areaBannerInfo .itemBtn {
        width: 49%;
    }

    .areaBannerInfo .itemBtn.vendorBtn a {
        padding: 5% 1% 5.7% 1.5%;
    }

    .areaBannerBetween .bannerPhoto {
        margin: 0 auto 50px;
    }

    .areaContentFaq .titleItems {
        font-size: 15px
    }
    /* row 261 */
    /* FB 391 */
    .areaPost .boxRight .postContent .contentPost>ul,
    .areaPost .boxRight .postContent .vendorDataBox>ul,
    .areaPost .boxRight .postContent .contentPost .vendorDataBox>div>ul {
        padding: 10px 20px;
        margin: 20px 0;
    }

    .areaPost .boxRight .postContent .contentPost>ul>li,
    .areaPost .boxRight .postContent .vendorDataBox>ul>li,
    .areaPost .boxRight .postContent .contentPost .vendorDataBox>div>ul>li {
        margin-left: 20px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .areaPost .boxRight .postContent .contentPost>ul>li::before,
    .areaPost .boxRight .postContent .vendorDataBox>ul>li::before,
    .areaPost .boxRight .postContent .contentPost .vendorDataBox>div>ul>li::before {
        left: -22px;
        width: 15px;
        height: 13px;
    }

    /* FB 391 */

    .areaPost .boxCnt {
        margin: 15px 0;
    }
    .areaPost .boxCnt .boxtitle {
        font-size: 16px !important;
        padding: 4px 10px 3px 30px;
    }

    .areaPost .boxCnt .boxtitle::before {
        top: 55%;
        left: 10px;
        width: 20px;
        height: 20px;
    }

    .areaPost .boxRight .postContent .boxCnt .listCnt {
        padding: 10px 20px;
    }

    .areaPost .boxRight .postContent .boxCnt .listCnt li {
        font-size: 14px;
        padding-left: 25px;
    }

    .areaPost .boxRight .postContent .boxCnt .listCnt li::before {
        width: 15px;
        height: 13px;
    }

    .areaPost .boxRight .postContent .boxCnt.boxCheck .listCnt li {
        margin-left: 20px;
        padding-bottom: 5px;
        margin-bottom: 5px;
    }

    .areaPost .boxRight .postContent .boxCnt.boxCheck .listCnt li::before {
        left: -22px;
    }
}

@media (max-width: 414px) {
    .areaBannerInfo .boxBtn {
        bottom: -6px;
    }

    .areaPost .boxRight .areaBannerInfo .itemBtn.vendorBtn a span {
        padding-right: 12px;
    }

    .areaPost .boxRight .postContent iframe {
        height: inherit;
    }

    .areaPost .boxRight .postContent .contentPost .areaBannerInfo .itemBtn.vendorBtn a {
        font-size: 11px;
        padding: 4% 1% 5% 1.5%;
    }


    .areaPost .boxRight .postContent .contentPost .areaBannerInfo .itemBtn.estimateBtn a {
        padding: 4% 1% 5% 1.5%;
        font-size: 11px;
    }
}


/* TABLE */
/* postTable */
.areaPost .boxRight .postContent .postTable {
    overflow-x: auto;
    margin-top: 30px;
    position: relative;
}

.areaPost .boxRight .postContent .postTable .iconScroll {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, - 50%);
    width: 137px;
}

.areaPost .boxRight .postContent .postTable .is-scrolled~.iconScroll {
    display: none;
}

.areaPost .postTable::-webkit-scrollbar-track {
    background-color: #ACACAC;
    border-radius: 50px;
}

.areaPost .postTable::-webkit-scrollbar-thumb {
    background: #FC9B27;
    border-radius: 50px;
    cursor: grab;
}

.areaPost .postTable::-webkit-scrollbar {
    height: 8px;
}

.outer-scroll {
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;
    cursor: grab;
    user-select: none;
}

.outer-scroll.active {
    cursor: grabbing;
}

.outer-scroll::-webkit-scrollbar {
    height: 5px
}

.outer-scroll::-webkit-scrollbar-track {
    background: #F5F6F8;
    box-shadow: none;
    border: none;
    border-radius: 10px;
}

.outer-scroll::-webkit-scrollbar-thumb {
    background: #FC9C27;
    border-radius: 10px;
}

.areaPost .boxRight .postContent .postTable table {
    border: 0;
    width: max-content !important;
    user-select: none;

}

.areaPost .boxRight .postContent .postTable .tableMore {
    width: max-content;
    overflow: initial;
}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr {
    border-bottom: 2px solid #ffffff;
    border-top: 0;
}

.areaPost .boxRight .postContent .postTable tr th {
    border-right: 2px solid #fff;
    font-size: 16px !important;
    padding: 4px 0 4px;
    text-align: center;
    background: #029A91;
}

.areaPost .boxRight .postContent .postTable tr th.business {
    width: 152px !important;
    position: sticky;
    left: 0;
    z-index: 1;
}

.areaPost .boxRight .postContent .postTable tr th.website {
    width: 183px !important;
}

.areaPost .boxRight .postContent .postTable tr th.evaluation {
    width: 180px !important;
}

.areaPost .boxRight .postContent .postTable tr th.fee {
    width: 156px !important;
}

.areaPost .boxRight .postContent .postTable tr th.points {
    width: 280px !important;
}

.areaPost .boxRight .postContent .postTable tr th.payment {
    width: 420px !important;
}

.areaPost .boxRight .postContent .postTable tr th.regions {
    width: 127px !important;
}

.areaPost .boxRight .postContent .postTable tr th.early {
    width: 150px !important;
}

.areaPost .boxRight .postContent .postTable tr th.property {
    width: 117px !important;
}

.areaPost .boxRight .postContent .postTable tr th.service {
    width: 117px !important;
}

.areaPost .boxRight .postContent .postTable tr th:last-child {
    border: 0;
}

.areaPost .boxRight .postContent .postTable tr td {
    width: 151px!important;
    border-right: 1px solid #fff;
    padding: 7px 12px!important;
    background: #F8F8F8;
}

/* FBROW329 */

.areaPost .boxRight .postContent .postTable tr td:first-child {
    position: sticky;
    left: 0;
    z-index: 1;
    border-left: none!important;
    background: #F8F8F8!important;
}

.areaPost .boxRight .postContent .postTable tr td:last-child {
    border: 0;
}

.areaPost .boxRight .postContent .postTable tr td a {
    text-decoration: none;
}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .businessName {
    font-size: 14px;
    margin-bottom: 5px;
    color: #454545;
}

.areaPost .boxRight .postContent .outer-scroll table td {
    font-size: 14px;
}

/* FBROW329 */

.areaPost .boxRight .postContent .postTable tr td .businessPhoto {}

.areaPost .boxRight .postContent .postTable tr td .businessPhoto img {
    aspect-ratio: 209/80;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

/* FBROW329 */


.areaPost .boxRight .postContent .postTable tr td .tablePhone a {
    display: block;
    text-align: center;
    background: #02BBAD;
    color: #fff;
    font-size: 14px;
    padding: 6px 1px 6px 13px;
    border-radius: 4px;
}

/* FBROW329 */


.areaPost .boxRight .postContent .postTable tr td .tablePhone a span {
    position: relative;
}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .tablePhone a span::before {
    content: "";
    position: absolute;
    top: 57%;
    left: -26px;
    transform: translateY(-50%);
    background: url(../images/common/icon-phone.svg) no-repeat center center / 100%;
    width: 20px;
    height: 19px;
}

/* FBROW329 */

.areaPost .boxRight .postContent .postTable tr td .tableBtn {
    margin: 0;
}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .tableBtnWebsite {
    /*margin-bottom: 6px;*/
    margin: 0 0 8px;
}

.areaPost .boxRight .postContent .postTable tr td .tableBtn a {
    display: block;
    text-align: center;
    color: #fff;
    font-size: 14px;
    padding: 5px 0;
    border-radius: 4px;
    background: #FC9B27 url(../images/common/icon-arrow.png) no-repeat right 6px top 10px/8px;
}

.areaPost .boxRight .postContent .postTable tr td .reviewStartScore {
    display: flex;
    align-items: center;
    justify-content: center;
    /*height: 56px;*/
    /*margin-bottom: 6px;*/
    /* height: 51px; */
    margin-bottom: 3px;
    display: block;
}

.areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewRateList {
    padding: 0;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    width: 117px;
}

.areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewRateList li {
    position: relative;
    list-style: none;
    margin: 0 1px;
    width: 22px;
    height: 22px;
}

/* FBROW329 */

.areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewRateList li .star {}

.areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewRateList li .starfull {
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/common/star_yellow.png) no-repeat left top/cover;
    width: 100%;
    height: 100%;
}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewScore {
    font-size: 20px;
    color: #D11111;
    line-height: 1;
    transform: translateY(-1px);
    margin-left: 0;
    margin-top: 3px;
}

/* FBROW329 */

/* FB 391 */
.areaPost .boxRight .postContent .postTable tr td p.tableTxt {
    padding: 0;
    text-align: center;
    white-space: normal;
    font-size: 14px;
    margin: 0;
}

/* END FB 391 */



/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .tableTxt .tableFsz16 {
    font-size: 16px;
    display: block;
}

.areaPost .boxRight .postContent .postTable tr td .tableTxt.txtLeft {
    text-align: left;
    font-size: 14px;
    white-space: normal;
    /* FB 391 */
    margin: 0;
    /* END FB 391 */
}

/* FBROW329 */


.areaPost .boxRight .postContent .postTable tr td .listPayment {
    padding: 0 15px;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .listPayment li {
    list-style: none;
    margin-right: 1px;
    display: block;
    text-align: center;
    font-size: 14px;
    background: #CBCBCB;
    border-radius: 4px;
    padding: 3px 9px;
    margin-bottom: 4px;
}

/* FBROW329 */


.areaPost .boxRight .postContent .postTable tr td .listPayment li.active {
    background-color: #02BBAD;
}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .time {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4px;
}

/* FBROW329 */

/* FB 391 */
.areaPost .boxRight .postContent .postTable tr td .time .tableItem {
    margin: 0;
}

/* END FB 391 */


.areaPost .boxRight .postContent .postTable tr td .time .tableItem img {}

/* FBROW329 */
.areaPost .boxRight .postContent .postTable tr td .tableItem {
    width: 40px;
}

/* FBROW329 */


.areaPost .boxRight .postContent .postTable tr td .tableItem img {}

.areaPost .boxRight .postContent .postTable tr td .tableItem.active {
    opacity: 0.3;
}


@media (max-width: 768px) {
    /* table postTable*/
    .areaPost .boxRight .postContent .postTable table {
        border-collapse: collapse;
    }

    /* FBROW329 */
    .areaPost .boxRight .postContent .postTable tr th {
        border-right: 1px solid #fff;
        /* font-size: 15px !important;
		padding: 15px 0; */
        min-width: inherit;
    }


    /* .areaPost .boxRight .postContent .postTable tr th.business {
		width: 215px !important;
	}


	.areaPost .boxRight .postContent .postTable tr th.website {
		width: 180px !important;
	}

	.areaPost .boxRight .postContent .postTable tr th.evaluation {
		width: 119px !important;
	}

	.areaPost .boxRight .postContent .postTable tr th.payment {
		width: 430px !important;
	}

	.areaPost .boxRight .postContent .postTable tr th.regions {
		width: 155px !important;
	}

	.areaPost .boxRight .postContent .postTable tr th.early {
		width: 190px !important;
	}

	.areaPost .boxRight .postContent .postTable tr th.service,
	.areaPost .boxRight .postContent .postTable tr th.property {
		width: 150px !important;
	} */
    /* FBROW329 */


    .areaPost .boxRight .postContent .postTable tr td {
        width: auto !important;
        min-width: inherit;
        padding: 10px 7px;
        font-size: 14px !important;
    }

    .areaPost .boxRight .postContent .postTable tr td:first-child {
        width: 100px !important;
    }

    .areaPost .boxRight .postContent .postTable tr td:nth-child(2),
    .areaPost .boxRight .postContent .postTable tr td:nth-child(3) {
        width: 110px !important;
    }

    /* FBROW329 */
    .areaPost .boxRight .postContent .postTable tr td .tableBtn a,
    .areaPost .boxRight .postContent .postTable tr td .tablePhone a,
    .areaPost .boxRight .postContent .postTable tr td .businessName {
        /* font-size: 11px; */
    }

    .areaPost .boxRight .postContent .postTable tr td .time {
        gap: 10px;
    }

    .areaPost .boxRight .postContent .postTable tr td .tableBtn a {
        background-size: 7px;
        background-position: right 7px top 12px;
    }

    /* FBROW329 */

    .areaPost .boxRight .postContent .postTable tr td:nth-child(3) .tableBtn a {
        padding-right: 7px;
    }

    .areaPost .boxRight .postContent .postTable tr td .tablePhone a span {
        padding-left: 14px;
    }

    .areaPost .boxRight .postContent .postTable tr td .tablePhone a span::before {
        left: -10px;
        width: 19px;
        top: 58%;
    }

    .areaPost .boxRight .postContent .postTable tr td .reviewStartScore {
        height: 47px;
    }

    .areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewRateList {}

    .areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewRateList li {}

    /* FBROW329 */
    .areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewScore {
        transform: translateY(0);
    }

    /* FBROW329 */

    .areaPost .boxRight .postContent .postTable tr td .businessPhoto {
        margin-top: 0;
    }

    .areaPost .boxRight .postContent .postTable tr td .businessPhoto img {
        aspect-ratio: 180 / 80;
    }

    /* FBROW329 */
    .areaPost .boxRight .postContent .postTable tr td .tableTxt {
        padding: 0;
    }

    .areaPost .boxRight .postContent .postTable tr td .listPayment li {
        margin-right: 5px;
        /* font-size: 14px;
		padding: 6px 12px;
		margin-bottom: 5px; */
    }


    .areaPost .boxRight .postContent .postTable tr td .tableItem {
        /* width: 70px; */
    }

    /* FBROW329 */
}

@media (max-width: 430px) {
    .areaPost .boxRight .postContent .postTable .tableMore {
        width: 1678px;
    }

    .areaPost .boxRight .postContent .postTable table {
        width: 100% !important;
        border-collapse: collapse;
    }
}


/* CTAFOOTER */
.ctaFooter {
    background: #01BCAD;
    padding: 2vw 0 4vw;
    /* display: none; */
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    /* 260422 */
    z-index: 99;
    /* 260422 */

}

.ctaFooter .inner {
    padding: 0 2%;
}

.ctaFooter .wrapCtaFooter {}

.ctaFooter .wrapCtaFooter .listCtaFooter {
    display: flex;
    justify-content: space-between;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li {
    width: 48.5%;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li .txtCtaLeft {
    color: #ffffff;
    text-align: center;
    font-weight: 500;
    font-size: 3vw;
    margin-bottom: 7px;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li .txtCtaLeft span {
    font-weight: bold;
    font-size: 3.9vw;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li .btnCtaFooter {}

.ctaFooter .wrapCtaFooter .listCtaFooter li .btnCtaFooter a {
    display: block;
    font-size: 3.1vw;
    font-weight: bold;
    text-align: center;
    padding: 10px 5px;
    border-radius: 5px;
    box-shadow: 0px 5px 0px rgba(252, 125, 39, 1);
    background: #ffffff;
    color: #303030;
    text-indent: -5vw;
    position: relative;
    letter-spacing: 0.5px;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li .btnCtaFooter a:after {
    content: "";
    position: absolute;
    background: url('../images/common/icon-search.svg') no-repeat;
    background-size: 100%;
    width: 5vw;
    height: 6vw;
    top: 55%;
    transform: translateY(-50%);
    right: 4vw;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li:nth-child(2) .btnCtaFooter a {
    box-shadow: 0px 5px 0px rgba(224, 4, 5, 1);
}

.ctaFooter .wrapCtaFooter .listCtaFooter li:nth-child(2) .btnCtaFooter a:after {
    background: url('../images/common/icon-estimate.svg') no-repeat;
    background-size: 100%;
    width: 3.5vw;
    height: 4.9vw;
    right: 2vw;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li .btnCtaFooter a span {
    font-size: 4vw;
    color: #FC7D27;
    position: relative;
    margin-right: 2px;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li:nth-child(2) .btnCtaFooter a span {
    color: #E00405;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li .btnCtaFooter a span:after {
    content: "";
    position: absolute;
    background: url('../images/') no-repeat;
    background-size: 100%;
    width: 30px;
    height: 40px;
    top: 50%;
    right: 0;
}

.ctaFooter .wrapCtaFooter .listCtaFooter li:nth-child(2) .btnCtaFooter a span:after {
    background: url('../images/') no-repeat;
    background-size: 100%;
    width: 30px;
    height: 40px;
}

/* END CTAFOOTER */

.areaPost .boxRight .postContent .vendorDataItem {}

.areaPost .boxRight .postContent .vendorDataItem h2 {
    background: #FFFFFF;
    position: sticky;
    top: 80px;
    z-index: 2;
    font-size: 24px !important;
    border-bottom: 3px solid #02bbad;
    border-top: 3px solid #02bbad;
    padding: 19px 19px 20px;
    margin-bottom: 35px;
    margin-top: 40px;
    overflow: hidden;
}

.areaPost .boxRight .postContent .vendorDataItem h3 {
    font-size: 20px !important;
    background: #F3F3F3;
    border-left: 4px solid #029A91;
    padding: 16px 35px 17px;
    margin-bottom: 31px;
    margin-top: 46px;
}

.areaPost .boxRight .postContent .vendorDataItem p {
    letter-spacing: 0.03em;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px;
    color: #454545;
    line-height: 1.7777777778;
    font-weight: 500;
}

.areaPost .boxRight .postContent .vendorDataItem p+p {
    /* margin-top: 40px; */
}

.areaPost .boxRight .postContent .vendorDataItem p>a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    text-decoration: underline;
    text-underline-offset: 3px;
    line-height: 1.7777777778;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: #20bbad;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p {
    margin-top: 0;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p>a {
    color: #fc9b27;
    line-height: 1.5;
    text-decoration: none;
    margin-top: 0;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink>a {
    color: #ffffff;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink.btnAINextLink {
    width: 554px;
}

.areaPost .boxRight .postContent .vendorDataItem p img {
    width: 100%;
}

.areaPost .boxRight .postContent .vendorDataItem .payment {
    font-weight: bold;
}

.areaPost .boxRight .postContent .vendorDataItem .workFee {
    font-size: 18px;
    font-weight: bold;
    color: #20bbad;
}

.areaPost .boxRight .postContent .vendorDataItem .price {
    font-weight: bold;
}

.areaPost .boxRight .postContent .vendorDataItem .price span {
    font-size: 20px;
    font-weight: bold;
    color: #e00404;
    margin-left: 5px;
}

.areaPost .boxRight .postContent .vendorDataItem .listPhoto {
    padding: 0;
    margin: 0 0 20px;
    display: flex;
    flex-wrap: wrap;
}

.areaPost .boxRight .postContent .vendorDataItem .listPhoto li {
    list-style: none;
    width: calc(100% / 7 - 10px);
    margin-right: 11px;
    opacity: 0.4;
}

.areaPost .boxRight .postContent .vendorDataItem .listPhoto li:nth-child(7n) {
    margin-right: 0;
}

.areaPost .boxRight .postContent .vendorDataItem .listPhoto li.active {
    opacity: 1;
}

@media (max-width: 768px) {
    .areaPost .boxRight .postContent .vendorDataItem h2 {
        top: 52px;
        font-size: 18px !important;
        border-width: 1px;
        padding: 14px 0;
        margin-bottom: 17px;
        line-height: 1.45;
        margin-top: 20px;
    }

    .areaPost .boxRight .postContent .vendorDataItem h3 {
        font-size: 16px !important;
        margin: 20px 0 10px;
        padding: 16px;
    }

    .areaPost .boxRight .postContent .vendorDataItem .workFee {
        font-size: 14px;
    }

    .areaPost .boxRight .postContent .vendorDataItem .listPhoto li {
        width: calc(100% / 5 - 10px);
        margin-bottom: 7px;
        margin-right: 12px;
    }

    .areaPost .boxRight .postContent .vendorDataItem .listPhoto li:nth-child(7n) {
        margin-right: 12px;
    }

    .areaPost .boxRight .postContent .vendorDataItem .listPhoto li:nth-child(5n) {
        margin-right: 0;
    }

    .areaPost .boxRight .postContent .vendorDataItem p {
        font-size: 16px;
    }

    .areaPost .boxRight .postContent .vendorDataItem p+p {
        margin-top: 20px;
    }

    .areaPost .boxRight .postContent .vendorDataItem p>a {
        font-size: 16px;
    }

    .areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink.btnAINextLink {
        width: 80%;
    }

    .areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink.btnAINextLink a {
        font-size: 18px;
    }
}


/*POSTAI VENDORDATABOX */
.vendorDataBox {
    text-align: center;
}

.vendorDataBox p {
    text-align: justify;
    letter-spacing: 0.03em;
    margin-bottom: 20px;
    margin-top: 20px;
    font-size: 18px;
    color: #454545;
    line-height: 1.7777777778;
    font-weight: 500;
}

.vendorDataBox h3 {
    font-size: 20px !important;
    background: #F3F3F3;
    border-left: 4px solid #029A91;
    padding: 16px 35px 17px;
    margin-bottom: 31px;
    margin-top: 46px;
    text-align: justify;
}

.areaPost .boxRight .postContent h2 {
    /* text-align: justify; */
}

.traderReviewArea .listReview {
    text-align: justify;
}

.areaPost .boxRight .postContent h2.faqTitle {
    border: none;
    position: relative;
    padding: 0 20px;
    display: inline-block;
    font-size: 20px !important;
}

.areaPost .boxRight .postContent .vendorDataItem h3 {
    text-align: justify;
    margin-top: 40px;
}

.areaPost .boxRight .postContent .vendorDataItem h4 {
    text-align: justify;
}

.areaPost .boxRight .postContent h2.faqTitle:before {
    content: "";
    position: absolute;
    background: #000;
    height: 24px;
    width: 1px;
    top: 4px;
    transform: rotate(-35deg);
    left: 0;
}

.areaPost .boxRight .postContent h2.faqTitle:after {
    content: "";
    position: absolute;
    background: #000;
    height: 24px;
    width: 1px;
    top: 4px;
    transform: rotate(35deg);
    right: 0;
}

.areaPost .boxRight .postContent h3.faqQuestion {
    position: relative;
    display: flex;
    background-color: #026bbb;
    cursor: pointer;
    padding: 15px 75px 15px 70px;
    font-size: 20px;
    font-weight: 500;
    color: #fff;
    border-radius: 5px;
    border-left: none;
    margin: 0;
    margin-bottom: 10px;
}

.areaPost .boxRight .postContent h3.faqQuestion.open {
    border-radius: 5px 5px 0 0;
}

.areaPost .boxRight .postContent h3.faqQuestion:after {
    content: "";
    position: absolute;
    top: 17px;
    right: 29px;
    background: url(../images/common/icon-question.png) no-repeat center center;
    background-size: 100%;
    width: 30px;
    height: 30px;
    transition: transform .3s;
}

.areaPost .boxRight .postContent h3.faqQuestion.open:after {
    content: "";
    background-image: url(../images/common/icon-answer.png);
    transform: rotate(180deg);
    top: 17px;
    right: 28px;
}

.areaPost .boxRight .postContent h3.faqQuestion:before {
    content: "Q";
    position: absolute;
    top: 13px;
    left: 26px;
    line-height: 0.8;
    font-size: 35px;
    font-weight: bold;
}

.areaPost .boxRight .postContent .faqAnswer {
    line-height: 1.6;
    letter-spacing: -0.8px;
    padding: 15px 75px 25px 70px;
    font-size: 16px;
    text-align: justify;
    position: relative;
    display: none;
}

.areaPost .boxRight .postContent .faqAnswer:before {
    content: "A";
    position: absolute;
    top: 40%;
    transform: translateY(-50%);
    left: 26px;
    line-height: 0.8;
    font-size: 35px;
    font-weight: bold;
    color: #026bbb;
}

@media (max-width: 768px) {
    .vendorDataBox h3 {
        border-left: 4px solid #029A91;
        font-size: 16px !important;
        margin: 20px 0 10px;
        padding: 16px;
    }

    .areaPost .boxRight .postContent h2.faqTitle {
        padding: 0 20px;
        font-size: 15px !important;
    }

    .areaPost .boxRight .postContent h2.faqTitle:before {
        height: 24px;
        width: 1px;
        top: 4px;
        left: 0;
    }

    .areaPost .boxRight .postContent h2.faqTitle:after {
        height: 24px;
        width: 1px;
        top: 4px;
        right: 0;
    }

    .areaPost .boxRight .postContent h3.faqQuestion.open:after {
        top: 17px;
        width: 14px;
        height: 3px;
        right: 17px;
    }

    .areaPost .boxRight .postContent h3.faqQuestion {
        padding: 8px 65px 7px 47px;
        font-size: 15px !important;
    }

    .areaPost .boxRight .postContent h3.faqQuestion:after {
        top: 12px;
        right: 17px;
        width: 15px;
        height: 14px;
    }

    .areaPost .boxRight .postContent h3.faqQuestion:before {
        top: 10px;
        left: 15px;
        font-size: 20px;
    }

    .areaPost .boxRight .postContent .faqAnswer {
        letter-spacing: 0;
        padding: 3px 50px 12px 47px;
        font-size: 12px;
    }

    .areaPost .boxRight .postContent .faqAnswer:before {
        left: 15px;
        font-size: 20px;
    }
}

/*FBROW208*/
.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem {
    margin: 20px auto 0;
    width: 100%;
    max-width: 550px;
}

.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem a {
    display: block;
    text-align: center;
    color: #F5F5F5;
    padding: 6px 23px 8px;
    font-size: 24px;
    background: #E00404;
    font-weight: 600;
    border-radius: 50px;
    text-decoration: none;
}

.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem a span {
    position: relative;
    padding-right: 44px;
}

.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem a span:after {
    content: "";
    position: absolute;
    background: url('../images/common/icon-estimate.png') no-repeat;
    background-size: 100%;
    width: 24px;
    height: 33px;
    top: 51%;
    transform: translateY(-50%);
    right: 0;
}

/*BUTTONSEARCHITEM*/
.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonSearchItem a {
    padding: 6px 31px 8px;
    background: #FC9B27;
}

.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonSearchItem span {
    padding-right: 46px;
}

.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonSearchItem a span:after {
    background: url('../images/common/icon-search.png') no-repeat;
    background-size: 100%;
    width: 30px;
    height: 30px;
    top: 50%;
}

/*BUTTONCOLLECTITEM*/
.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonCollectItem a {
    padding: 6px 23px 8px 23px;
    background: #20BBAD;
}

.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonCollectItem span {
    padding-right: 63px;
}

.areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonCollectItem a span:after {
    background: url('../images/common/icon-collect.png') no-repeat;
    background-size: 100%;
    width: 54px;
    height: 50px;
    top: 49%;
}

@media (min-width: 769px) {
    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem a:hover {
        background: #FC9B27;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonSearchItem a:hover {
        background: #20BBAD;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonCollectItem a:hover {
        background: #E00404;
    }
}

@media (max-width: 768px) {
    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem {
        margin-top: 10px;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem a {
        font-size: 16px;
        padding: 6px 20px 8px;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem a span {
        padding-right: 30px;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem a span:after {
        width: 18px;
        height: 27px;
        top: 51%;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonSearchItem a {
        padding: 6px 20px 8px;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonSearchItem a span {
        padding-right: 30px;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonSearchItem a span:after {
        width: 25px;
        height: 25px;
        top: 50%;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonCollectItem a {
        padding: 7px 20px 8px;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonCollectItem a span {
        padding-right: 55px;
    }

    .areaPost .boxRight .postContent .contentPost p.buttonQuoteItem.buttonCollectItem a span:after {
        width: 39px;
        height: 34px;
        top: 46%;
    }
}

/* END 208 */

/* ROW 205 */
.vendorDataItem .traderReviewArea .btnNextLink {
    width: 304px;
    margin: 0 auto 20px;
}

.vendorDataItem .traderReviewArea .btnNextLink a {
    font-size: 18px;
    color: #ffffff;
    font-weight: bold;
    background-color: #fc9b27;
    width: 99%;
    display: block;
    text-align: center;
    padding: 13.5px 0;
    border-radius: 26px;
}

.vendorDataItem .traderReviewArea .btnNextLink.btnAINextLink a {
    background-color: #f172a3;
}

@media (max-width: 768px) {
    .vendorDataItem .traderReviewArea .btnNextLink {
        width: 252px;
    }

    .vendorDataItem .traderReviewArea .btnNextLink a {
        font-size: 15px;
        padding: 8.5px 0;
    }
}

/* END ROW 205 */



/*FEEDBACK ROW 210*/
.wrapMainTitle {
    position: relative;
}

.areaPost .boxRight .wrapMainTitle .rightTitle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    background: #D9D9D9;
    min-height: 7.8vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 10px 10px;
    margin-bottom: 0;
    /* FEEDBACK ROW 330 */
    z-index: 1;
    /* FEEDBACK ROW 330 */
}

@media (max-width: 768px) {
    .areaPost .boxRight .wrapMainTitle .rightTitle {
        min-height: 17.8vw;
    }
}


/*FEEBROW ROW 214*/
.boxEvaluateLike {
    border-radius: 5px;
    border: 1px solid #dddddd;
    padding: 20px 20px;
    margin-bottom: 50px;
}

.boxEvaluateLike .titlwEvaluateLike {
    text-align: justify;
    font-size: 16px;
    color: #000000;
    margin-bottom: 8px;
    font-weight: normal;
}

.boxEvaluateLike .listEvaluateLike {
    display: flex;
    justify-content: space-between;
}

.boxEvaluateLike .listEvaluateLike li {
    width: 48.5%;
}

.boxEvaluateLike .listEvaluateLike li a {
    display: block;
    background: #02bbad;
    padding: 10px 10px;
    text-align: center;
    color: #ffffff;
    font-size: 14px;
    border: 1px solid transparent;
}

.boxEvaluateLike .listEvaluateLike li:nth-child(2) a {
    background: #e9e9e9;
    border: 1px solid #dddddd;
    color: #000000;
}

.boxEvaluateLike .listEvaluateLike li a span {
    position: relative;
    padding: 0 0 0 20px;
    display: inline-block;
}

.boxEvaluateLike .listEvaluateLike li a.beforeLike span {
    padding: 0 20px;
}

.boxEvaluateLike .listEvaluateLike li a.beforeLike span:before,
.boxEvaluateLike .listEvaluateLike li a.beforeLike span:after {
    display: none;
}

.boxEvaluateLike .listEvaluateLike li:first-child a span:before {
    content: "";
    position: absolute;
    border: 1px solid #ffffff;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    top: 54%;
    transform: translateY(-50%);
    left: 0;
}

.boxEvaluateLike .listEvaluateLike li:first-child a span:after {
    content: "";
    position: absolute;
    border: 1px solid #ffffff;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    top: 54%;
    transform: translateY(-50%);
    left: -2px;
}

.boxEvaluateLike .listEvaluateLike li:last-child a span:before {
    content: "";
    position: absolute;
    background: #000000;
    width: 10px;
    height: 1px;
    top: 55%;
    transform: rotate(45deg) translateY(-50%);
    left: 0;
}

.boxEvaluateLike .listEvaluateLike li:last-child a span:after {
    content: "";
    position: absolute;
    background: #000000;
    width: 10px;
    height: 1px;
    top: 55%;
    transform: rotate(-45deg) translateY(-50%);
    left: 1px;
}

@media (max-width: 840px) and (min-width: 769px) {
    .boxEvaluateLike .titlwEvaluateLike {
        font-size: 14px;
    }

    .boxEvaluateLike .listEvaluateLike li a {
        font-size: 12px;
    }

    .boxEvaluateLike .listEvaluateLike li a span {
        padding: 0 0 0 17px;
    }

    .boxEvaluateLike .listEvaluateLike li a.beforeLike span {
        padding: 0 17px;
    }

    .boxEvaluateLike .listEvaluateLike li:first-child a span:after {
        width: 8px;
        height: 8px;
        top: 52%;
    }

    .boxEvaluateLike .listEvaluateLike li:first-child a span:before {
        width: 4px;
        height: 4px;
        top: 52%;
    }
}

@media (max-width: 768px) {
    .boxEvaluateLike {
        padding: 15px 15px;
    }

    .boxEvaluateLike .titlwEvaluateLike {
        font-size: 14px;
    }

    .boxEvaluateLike .listEvaluateLike li a {
        padding: 10px 5px;
        font-size: 12px;
    }

    .boxEvaluateLike .listEvaluateLike li a span {
        padding: 0 0 0 17px;
    }

    .boxEvaluateLike .listEvaluateLike li a.beforeLike span {
        padding: 0 17px;
    }

    .boxEvaluateLike .listEvaluateLike li:first-child a span:after {
        width: 8px;
        height: 8px;
        top: 50%;
    }

    .boxEvaluateLike .listEvaluateLike li:first-child a span:before {
        width: 4px;
        height: 4px;
        top: 50%;
    }
}

/* FEEDBACK ROW 277 */
.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton {
    text-align: center;
    margin: 20px 0;
}

/* FBROW314 */
.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a {
    text-decoration: none;
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    border-radius: 5px;
}

/*END - FBROW314 */


.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_slogan {
    color: #FDBD72;
    margin-top: -20px;
    font-size: 11px;
    background: #fff;
    border: 2px solid #FDBD72;
    padding: 2px 20px;
    border-radius: 5px;
    font-weight: 700;
    letter-spacing: 1px;
}


.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_slogan::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #00aabb;
    border-bottom: 0;
    border-right: 0;
    margin-left: -5px;
    margin-bottom: -10px;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_text {
    margin-top: 15px;
    color: #fff;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton {
    /* max-width: 600px; */
    margin: 40px auto;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_slogan {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 20px 5px;
    width: 90%;
    margin: -24px auto 0;
    letter-spacing: 0.7px;
    color: #FC9B27;
    border-color: #FC9B27;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_slogan::after {
    content: "";
    position: absolute;
    bottom: 0px;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
    border-top: 10px solid #FC9B27;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_slogan::before {
    content: "";
    position: absolute;
    bottom: -7px;
    left: calc(50% - 5px);
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-top: 10px solid #ffffff;
    z-index: 1;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_text {
    position: relative;
    font-size: 18px;
    margin-top: 16px;
    letter-spacing: 0.5px;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_text .areaCtaSimpleButton_text_after {
    position: relative;
    padding-right: 33px;
    text-indent: 20px;
    display: inline-block;
    letter-spacing: 0.8px;
}

.areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_text .areaCtaSimpleButton_text_after:after {
    content: "";
    position: absolute;
    background: url(../images/common/icon-search.svg) no-repeat;
    background-size: 100%;
    width: 28px;
    height: 28px;
    right: -13px;
    top: 0px;
    filter: brightness(0) invert(1);
}

.headerMenuCta {
    box-shadow: 0 4px 6px -3px rgba(0, 0, 0, 0.1);
    background: #fff;
    overflow: hidden;
}

.headerMenuCta.headerMenuCtaPc {
    display: none;
    height: 0;
}

.headerMenuCta.headerMenuCtaPc.menuVisible {
    display: block;
    height: 100%;
    position: sticky;
    top: 118px;
    left: 0;
    z-index: 999;
}

.headerMenuCta_list {
    display: flex;
    flex-wrap: wrap;
}

.headerMenuCta_list li {
    width: calc((100%/3) - 3px);
    margin-right: 4px;
}

.headerMenuCta_list li:nth-child(3n),
.headerMenuCta_list li:last-child {
    margin-right: 0;
}

.headerMenuCta_list li a {
    font-size: 14px;
    text-align: center;
    padding: 10px 10px;
    border-bottom: 4px solid #D9D9D9;
    display: block;
}

.headerMenuCta_list li.active a {
    border-bottom: 4px solid #01BCAD;
}

@media(min-width: 769px) {
    .headerMenuCta_list li a {
        font-size: 16px;
    }

    .headerMenuCta.headerMenuCtaPc {
        display: block;
    }
}

@media(max-width: 768px) {
    .showMenuCta #header .headerContainer {
        display: none;
    }
}

/* FBROW314 */
.areaPost .boxRight .postContent .contentPost .areaCtaPullDown {
    background: #F8992C;
    background: linear-gradient(90deg, rgba(248, 153, 44, 1) 0%, rgba(244, 121, 41, 1) 90%);
    padding: 25px 30px 22px 16.3vw;
    padding-left: clamp(150px, 16.3vw, 223px);
    border-radius: 4px;
    /* max-width: 600px; */
    margin: 0 auto 30px;
    position: relative;
}

.areaPost .boxRight .postContent .contentPost .areaCtaPullDown:before {
    content: "";
    position: absolute;
    background: url('../images/column-detail/cta-pulldown-photo.png') no-repeat;
    background-size: 100%;
    width: 15.9vw;
    width: clamp(150px, 15.9vw, 217px);
    height: 9.8vw;
    height: clamp(94px, 9.8vw, 134px);
    bottom: 0;
    left: 4px;
}

.areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_title {
    color: #ffffff;
    margin-bottom: 14px;
    font-size: 23px;
    position: relative;
    /* padding-left: 30px; */
}

.areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_title .colYellow {
    color: #FEE400;
}

/* .areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_title:before {
	content: "";
	position: absolute;
	background: url('../images/common/icon-pull-down-title.svg') no-repeat;
	background-size: 100%;
	width: 22px;
	height: 22px;
	top: 0;
	left: 0;
	filter: brightness(0) invert(1);
} */

.areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_select {
    width: 100%;
    border-radius: 0;
    border: none;
    padding: 5px 19px 7px;
    text-align: justify;
    font-size: 22px;
    box-shadow: none;
    height: 48px;
    font-weight: 500;
    font-family: 'Noto Sans JP', sans-serif;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(../images/common/icon-select-member-new.svg) no-repeat center right 15px / 30px 30px;
    /* margin-bottom: 13px; */
    color: #B5B5B5;
    cursor: pointer;
}

.areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_select.hasValue {
    color: #000000;
}

/* END - FBROW314 */


.areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_select::placeholder {
    color: red;
    font-weight: 500;
}

.areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_btn {
    margin-top: 15px;
}

.areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_btn a {
    text-decoration: none;
    background: #ffffff;
    color: #029A91;
    border-radius: 20px;
    text-align: center;
    font-size: 15px;
    display: block;
    padding: 10px 10px 9px;
    font-weight: bold;
    letter-spacing: 0.8px;
}

@media (max-width: 1050px) and (min-width: 769px) {
    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown {
        padding-left: clamp(160px, 17vw, 180px);
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_title {
        font-size: 20px;
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_select {
        font-size: 18px;
        background-size: 25px 25px;
    }
    /* 461 260326 */
    .areaReviews .wapperReviews .boxReviews {
        padding: 30px 30px 20px;
    }
    /* END 461 260326 */
}

@media (min-width: 769px) {
    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_btn a:hover {
        color: #FC9B27;
    }
}

@media (max-width: 768px) {
    /* fb 514 */
    .areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton {
        margin: 17px auto 20px;
    }
    /* fb 514 */

    /* FBROW314 */
    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown {
        padding: 3.3vw 3.5vw 2.8vw clamp(115px, 26.9vw, 167px);
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown:before {
        width: clamp(112px, 26.1vw, 150px);
        height: clamp(70px, 16.2vw, 94px);
        left: 2px;
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_title {
        font-size: clamp(12px, 2.8vw, 16px);
        margin-bottom: 6px;
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_select {
        font-size: clamp(12px, 2.8vw, 16px);
        height: clamp(25px, 5.9vw, 38px);
        background-size: clamp(14px, 3.2vw, 20px) clamp(14px, 3.2vw, 20px);
        background-position-x: calc(100% - 9px);
        padding: 3px 10px 5px;
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaPullDown .areaCtaPullDown_btn a {
        font-size: clamp(12px, 2.8vw, 16px);
    }

    /*END - FBROW314 */


    .areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_slogan::before {
        left: calc(50% - 5px);
        border-left: 6px solid transparent;
        border-right: 6px solid transparent;
        border-top: 8px solid #ffffff;
        bottom: -7px;
    }

}

@media(max-width:429px) {

    .areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_text {
        font-size: 4.3vw;
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_text .areaCtaSimpleButton_text_after {
        padding-right: 5vw;
        letter-spacing: 0;
        text-indent: 0;
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_text .areaCtaSimpleButton_text_after:after {
        width: 6vw;
        height: 6vw;
    }

    .areaPost .boxRight .postContent .contentPost .areaCtaSimpleButton .areaCtaSimpleButton_wrap a .areaCtaSimpleButton_slogan {
        font-size: 4vw;
        padding: 5px 2vw 5px;
    }
}

/* END-FEEDBACK ROW 277 */


/* ROW 252 */
.areaPost .boxRight .postContent .vendorDataItem h2 {
    border: none;
    margin: 0 20px 0 0;
    padding: 0;
    margin-top: 10px;
}

.vendorDataItem .vendorDataTitle {
    border-bottom: 3px solid #02bbad;
    border-top: 3px solid #02bbad;
    padding: 19px 19px 20px;
    margin-bottom: 35px;
    margin-top: 40px;
    position: sticky;
    top: 81px;
    background: #fff;
    z-index: 99;
}

.showMenuCta .vendorDataItem .vendorDataTitle {
    top: 166px;
}

.areaPost .boxRight .postContent .vendorDataItem p.vendorDataSlogan {
    font-size: 16px;
    font-weight: 600;
    margin-top: 0;
    margin-bottom: 0;
}

.vendorDataItem .vendorDataTitleWrap {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}

.vendorDataItem .vendorDataTitleWrap .vendorStartScore {
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 10px;
}

.vendorDataItem .vendorDataTitleWrap .vendorStartScore a {
    display: flex;
}

.vendorDataItem .vendorDataTitleWrap .vendorRatingList {
    display: inline-block;
    margin-left: 2px;
    padding-top: 0;
    padding-left: 0;
    margin-bottom: 0;
}

.vendorDataItem .vendorDataTitleWrap .vendorRatingList li {
    width: 25px;
    margin-right: 2px;
    display: inline-block;
}

.vendorDataItem .vendorDataTitleWrap .vendorReviewScore {
    margin-left: 10px;
    font-size: 26px;
    color: #e00404;
    font-weight: 700;
    line-height: 1;
}

.areaPost .boxRight .postContent .vendorDataItem table td a {
    color: #029A91;
}

.areaPost .boxRight .postContent .vendorDataItem table td {
    font-weight: 500;
}

.vendorDataItem .vendorDataFeature {
    transition: height 0.3s ease-in-out;
}

.areaPost .boxRight .postContent .vendorDataItem p.vendorDataReadmore {
    margin-top: 5px;
}

.areaPost .boxRight .postContent .vendorDataItem p.vendorDataReadmore a {
    color: #1100FF;
    font-weight: 500;
    text-decoration: none;
}

/* .areaPost .boxRight .postContent .vendorDataItem .workFee::before {
    content: '';
    position: absolute;
    width: 18px;
    height: 18px;
    background: #029A91;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.areaPost .boxRight .postContent .vendorDataItem .workFee {
    padding-left: 25px;
    position: relative;
} */

.vendorDataItem .paymentItem {
    display: flex;
    gap: 10px;
    margin-bottom: 10px;
    align-items: center;
}

.vendorDataItem .paymentItem:last-child {
    margin-bottom: 0;
}

.vendorDataItem .paymentList {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.vendorDataItem .paymentList li {
    display: flex;
    align-items: center;
    height: 40px;
    max-width: 80px;
    width: auto;
}

.vendorDataItem .paymentList li img {
    object-fit: cover;
    object-position: center;
    max-height: 100%;
}

@media(max-width:1200px) {
    .vendorDataItem .paymentItem {
        flex-direction: column;
        gap: 0;
    }
}

@media (max-width: 768px) {
    .vendorDataItem .vendorDataTitle {
        border-width: 1px;
        padding: 14px 0;
        margin-bottom: 17px;
        line-height: 1.45;
        margin-top: 20px;
        top: 60px;
    }

    .showMenuCta .vendorDataItem .vendorDataTitle {
        top: 45px;
    }

    .vendorDataItem .vendorDataTitleWrap .vendorRatingList li {
        width: 20px;
    }

    .areaPost .boxRight .postContent .vendorDataItem h2 {
        font-size: 20px;
    }

    .vendorDataItem .vendorDataTitleWrap .vendorReviewScore {
        font-size: 20px;
    }

    .areaPost .boxRight .postContent .vendorDataItem p.vendorDataSlogan {
        font-size: 14px;
    }

    .vendorDataItem .paymentList {
        gap: 5px;
    }

    .vendorDataItem .paymentList li {
        height: 30px;
        max-width: 60px;
    }
}

/* END ROW 252 */

/* ROW 334 */
.campaignTrader {
    margin: 30px 0;
}

.campaignTraderBg {
    background: url(../images/column-detail/campaign-trader-bg.png) no-repeat center center/cover;
    padding: 16px;
}

.campaignTraderBg .campaignTraderContent {
    background: #fff;
    padding: 20px 30px 30px 30px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderTitle {
    text-align: center;
    padding: 6px;
    font-size: 20px;
    color: #fff;
    background: #FC9B27;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember {
    display: flex;
    justify-content: space-between;
    padding: 28px 0 20px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
    width: 315px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto img {
    aspect-ratio: 147 / 71;
    object-fit: cover;
    object-position: center;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
    width: calc(100% - 335px);
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory {
    display: flex;
    margin-top: 4px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li {
    width: 30px;
    margin-right: 3px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li:last-child {
    margin-right: 0;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 5px;
    background-color: #fc9b27;
    width: 100%;
    min-height: 27px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li a.active {
    opacity: 0.3;
    pointer-events: none;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li a:hover {
    background-color: #02bbad;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li a img {
    width: 23px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle {
    font-size: 24px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderSlogan {
    font-size: 12px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo hr {
    width: 94%;
    margin-left: 0;
    background: #029A91;
    height: 2px;
    border: none;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .traderRatingAvg,
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .traderRatingCount {
    width: 47%;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateTitle {
    background: url(../images/column-detail/icon-campaign-trader-cup.svg) no-repeat center left;
    display: block;
    background-size: 16px 17px;
    padding-left: 20px;
    margin-bottom: 8px;
    font-size: 12px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateTitle.reviewTitle {
    background: url(../images/column-detail/icon-campaign-trader-review.svg) no-repeat center left;
    background-size: 20px 19px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList {
    display: inline-block;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList li {
    display: inline-block;
    width: 19px;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore.ScoreRed {
    color: #e00404;
    font-size: 20px;
    font-weight: bold;
    margin-left: 2px;
    line-height: 1;
    transform: translateY(-3px);
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore a {
    font-size: 13px;
    font-weight: bold;
    color: #fc9b27;
}

.areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink {
    text-align: center;
}

.areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink a {
    font-size: 20px;
    border: 2px solid #FC9B27;
    padding: 9px;
    color: #FC9B27;
    text-decoration: none;
    border-radius: 50px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 305px;
    margin: 0 auto;
}

.areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink a::before {
    content: '';
    background: url(../images/column-detail/icon-campaign-trader-review-btn.svg) no-repeat left center / 100% auto;
    width: 32px;
    height: 30px;
    margin-right: 12px;
}

.areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink a::after {
    content: '';
    background: url(../images/column-detail/icon-campaign-trader-arrow-btn.svg) no-repeat left center / 100% auto;
    width: 8px;
    height: 20px;
    margin-left: 20px;
}

@media(max-width: 1020px) {
    .campaignTraderBg .campaignTraderContent .campaignTraderMember {
        flex-direction: column;
        justify-content: unset;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto,
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
        width: 100%;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
        margin-bottom: 20px;
    }
}

@media(max-width: 768px) {
    .campaignTraderBg {
        padding: 10px;
    }

    .campaignTraderBg .campaignTraderContent {
        padding: 15px 20px 20px 20px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderTitle {
        font-size: 18px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember {
        padding: 18px 0 15px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle {
        font-size: 20px;
        margin: 5px 0;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList li {
        width: 16px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore.ScoreRed {
        font-size: 18px;
    }

    .areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink a {
        font-size: 16px;
        width: 250px;
    }

    .areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink a::before {
        margin-right: 10px;
        width: 22px;
        height: 18px;
    }

    .areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink a::after {
        margin-left: 10px;
    }
}

@media(max-width: 414px) {
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating {
        font-size: 12px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li {
        width: 27px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li a {
        height: 24px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .listCategory li a img {
        width: 20px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore a {
        font-size: 12px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderTitle {
        font-size: 14px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList li {
        width: 14px;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore.ScoreRed {
        font-size: 16px;
    }

    .areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink a {
        font-size: 14px;
    }
}

/* END ROW 334 */

/* Row 348 */
.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p {
    margin-bottom: 0;
    /* 461 260326*/
    letter-spacing: 0;
    /* END 461 260326*/
}

.traderReviewArea .listReview .reviewBox .contentBoxReview {
    flex-direction: column;
}

.wrapReviewLeft {
    width: 100%;
}

.wrapReviewRight {
    width: 100%;
    justify-content: unset;
}

.wrapReviewRight .imgReviewRight {
    flex: 0 0 120px;
}

.traderReviewArea .listReview .reviewBox {
    padding: 23px 50px 34px 50px;
}

.traderReviewArea .listReview .reviewBox .reviewContent {
    margin-bottom: 10px;
}

.traderReviewArea .listReview .reviewBox .reviewContent .contentTitle {
    font-size: 20px;
    background: url(../images/common/icon-review-title.svg) no-repeat left center/25px auto;
    padding-left: 35px;
}

.traderReviewArea .listReview .reviewBox .reviewRate .reviewPerson {
    position: relative;
}

.traderReviewArea .listReview .reviewBox .reviewRate .reviewPerson .date {
    font-size: 14px;
    position: absolute;
    top: 0;
    right: 0;
}

@media(max-width: 768px) {
    .traderReviewArea .listReview .reviewBox {
        padding: 15px 20px;
    }

    .traderReviewArea .listReview .reviewBox .reviewContent .contentTitle {
        font-size: 16px;
        background: url(../images/common/icon-review-title.svg) no-repeat left center/18px auto;
        padding-left: 25px;
    }

    .traderReviewArea .listReview .reviewBox .reviewRate .reviewPerson .date {
        /* FB349 */
        font-size: 13px;
        /* END FB349 */
    }

    .wrapReviewRight .imgReviewRight {
        flex: 0 0 calc((100% - 15px) / 4);
    }

    .areaPost .boxRight .postContent .traderReviewArea .listReview .reviewBox .reviewRate .reviewPerson .reviewInfor .reviewStartScore .reviewScore {
        font-size: 16px;
    }
}

/* End Row 348 */

/* FB 370 */
.areaReviewStep {
    margin-bottom: 0;
    margin-top: 20px;
    position: relative;
}

.areaReviewStep .wrapReviewStep {}

.areaReviewStep .wrapReviewStep .bannerReview {
    margin-bottom: 22px;
}

.areaReviewStep .wrapReviewStep .bannerReview img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 760/273;
}

.areaReviewStep .wrapReviewStep .seeReviewStep {
    text-align: center;
    margin-bottom: 18px;
}

.areaPost .boxRight .postContent .contentPost .areaReviewStep .wrapReviewStep .seeReviewStep a {
    position: relative;
    font-size: 19px;
    font-weight: normal;
    display: inline-block;
    color: #393939;
    padding-right: 33px;
    letter-spacing: 0.8px;
    text-decoration: none;
}

.areaReviewStep .wrapReviewStep .seeReviewStep:last-child {
    display: none;
}

.areaReviewStep .wrapReviewStep .boxReviewStep.activeReviewStepAfter~.seeReviewStep:first-child {
    display: none;
}

.areaReviewStep .wrapReviewStep .boxReviewStep.activeReviewStepAfter~.seeReviewStep:last-child {
    display: block;
}

.areaReviewStep .wrapReviewStep .seeReviewStep a:after {
    content: "";
    position: absolute;
    background: url('../images/column-detail/icon-toggle-step.svg') no-repeat;
    background-size: 100%;
    width: 27px;
    height: 27px;
    top: 53%;
    transform: translateY(-50%);
    right: 0px;
}

.areaReviewStep .wrapReviewStep .seeReviewStep.seeReviewStepClose {
    margin: 20px auto 0;
}

.areaReviewStep .wrapReviewStep .seeReviewStep.seeReviewStepClose a:after {
    background-image: url('../images/column-detail/icon-toggle-close.svg');
    width: 20px;
    height: 13px;
    top: 54%;
}

.areaReviewStep .wrapReviewStep .seeReviewStep a .reviewStepGreen {
    color: #029A91;
}

.areaReviewStep .wrapReviewStep .boxReviewStep {
    position: relative;
    height: 130px;
    overflow: hidden;
}

.areaReviewStep .wrapReviewStep .boxReviewStep:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 250px;
    bottom: 0;
    left: 0;
    background: linear-gradient(rgba(255, 255, 255, 0) 56%, rgba(255, 255, 255, 1) 70%, #fff 100%);
    border-radius: 0;
    z-index: 2;
}

.areaReviewStep .wrapReviewStep .boxReviewStep.activeReviewStepAfter {
    height: inherit;
}

.areaReviewStep .wrapReviewStep .boxReviewStep.activeReviewStepAfter:after {
    display: none;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep {
    display: flex;
    margin-bottom: 20px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep.activeReviewStepAfter .listReviewStep {
    margin-top: 5px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li {
    border: 3px solid #FC9C27;
    border-radius: 10px;
    padding: 12px 17px 12px 17px;
    background: #ffffff;
    position: relative;
    width: calc((100%/3) - 14px);
    margin-right: 21px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 16px solid transparent;
    border-bottom: 16px solid transparent;
    border-left: 15px solid #D9D9D9;
    top: 50%;
    transform: translateY(-50%);
    right: -24px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li:nth-child(3n) {
    margin-right: 0;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li:nth-child(3n):after {
    display: none;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 17px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep {
    width: 51%;
    margin-top: -10px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .numReviewStep {
    font-size: 18px;
    color: #FC9C27;
    font-weight: normal;
    margin-bottom: 4px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .numReviewStep .numberStep {
    font-size: 25px;
    margin-left: 6px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .nameReviewStep {
    font-size: 14px;
    font-weight: normal;
    color: #303030;
    line-height: 1.2;
    letter-spacing: 0.5px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep .stepReviewPhoto {
    width: 42.4%;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep .stepReviewPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 84/150;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapDesReviewStep {}

.areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapDesReviewStep .txtReviewStep {
    font-size: 13px;
    font-weight: normal;
    color: #000000;
    text-align: justify;
    line-height: 1.6;
    letter-spacing: 0.5px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview {
    background: #F5F6F8;
    border-radius: 5px;
    padding: 15px 17px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .titleWriteReview {
    font-size: 16px;
    font-weight: normal;
    color: #FC9C27;
    padding-left: 23px;
    position: relative;
    margin: 0 0 10px;
    letter-spacing: 0.6px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .titleWriteReview:before {
    content: "";
    position: absolute;
    background: url('../images/column-detail/icon-write-review.svg') no-repeat;
    background-size: 100%;
    width: 19px;
    height: 27px;
    top: 55%;
    transform: translateY(-50%);
    left: -3px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .boxWriteReview {
    background: #ffffff;
    display: flex;
    padding: 10px 13px;
    height: 34px;
    width: 100%;
    position: relative;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .boxWriteReview .iconSearchReview {
    position: relative;
    width: 20px;
    margin-top: -2px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .searchCompany {
    font-size: 14px;
    font-weight: normal;
    border: none;
    width: calc(100% - 25px);
    letter-spacing: 0.5px;
    margin-left: 5px;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .searchCompany::placeholder {
    color: #C7C7C7;
}

.areaReviewStep .wrapReviewStep .boxWriteReview:has(.searchCompany.loading) .iconSearchReview {
    width: 20px;
    height: 20px;
    padding: 4px;
    aspect-ratio: 1;
    border-radius: 50%;
    background: #FC9C27;
    --_m: conic-gradient(#0000 10%, #000),
        linear-gradient(#000 0 0) content-box;
    -webkit-mask: var(--_m);
    mask: var(--_m);
    -webkit-mask-composite: source-out;
    mask-composite: subtract;
    animation: l3 1s infinite linear;
}

.areaReviewStep .wrapReviewStep .boxWriteReview:has(.searchCompany.loading) .iconSearchReview img {
    display: none;
}

@keyframes l3 {
    to {
        transform: rotate(1turn);
    }
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .listCompany {
    margin-top: 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .listCompany li {
    margin-bottom: 15px;
    width: 47%;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .listCompany li:last-child {
    margin-bottom: 0;
}

.areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .listCompany li a {
    font-size: 14px;
}

@media (max-width: 1100px) and (min-width: 769px) {
    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep {
        flex-direction: column;
        max-width: 400px;
        margin: 0 auto 20px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li {
        width: 100%;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
        margin-bottom: 23px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li:last-child {
        margin-bottom: 0;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li:after {
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 10px solid #D9D9D9;
        border-bottom: none;
        top: initial;
        bottom: -21px;
        right: initial;
        left: 50%;
        transform: translateX(-50%);
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep {
        width: 34.8%;
        margin-bottom: 0;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep .stepReviewPhoto {
        width: 100%;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapDesReviewStep {
        width: 59%;
        margin-top: -6px;
        padding-right: 24px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep.pc {
        display: none;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep.sp {
        display: block;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep {
        width: 100%;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .numReviewStep {
        margin-bottom: 4px;
        letter-spacing: 0.8px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .numReviewStep .numberStep {
        margin-left: 3px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview {
        padding: 14px 17px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .titleWriteReview {
        padding-left: 23px;
        margin: 0 0 11px;
        letter-spacing: 0.6px;
    }
}

@media (min-width: 769px) {
    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .listCompany li a:hover {
        color: #FC9C27;
    }
}

@media (max-width: 768px) {
    .areaReviewStep .wrapReviewStep .bannerReview {
        margin-bottom: 11px;
    }

    .areaReviewStep .wrapReviewStep .seeReviewStep {
        margin-bottom: 10px;
    }

    .areaReviewStep .wrapReviewStep .seeReviewStep.seeReviewStepClose {
        margin: 13px auto 0;
    }

    .areaReviewStep .wrapReviewStep .seeReviewStep.seeReviewStepClose a {
        font-size: 12px;
        padding-right: 25px;
    }

    .areaPost .boxRight .postContent .contentPost .areaReviewStep .wrapReviewStep .seeReviewStep a {
        letter-spacing: 0.6px;
        font-size: 15px;
        padding-right: 35px;
    }

    .areaPost .boxRight .postContent .contentPost .areaReviewStep .wrapReviewStep .seeReviewStep.seeReviewStepClose a {
        letter-spacing: 0.6px;
        font-size: 12px;
        padding-right: 24px;
    }

    .areaReviewStep .wrapReviewStep .seeReviewStep a:after {
        right: -1px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep {
        padding: 0 1.5%;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep.activeReviewStepAfter {
        margin-top: 20px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep:after {
        height: 235px;
        background: linear-gradient(rgba(255, 255, 255, 0) 66%, rgba(255, 255, 255, 1) 69%, #fff 100%);
        bottom: -1px;
        z-index: 3;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep {
        flex-direction: column;
        max-width: 430px;
        margin: 0px auto 20px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li {
        width: 100%;
        margin-right: 0;
        display: flex;
        justify-content: space-between;
        padding: 7px 6px 7px;
        margin-bottom: 23px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li:last-child {
        margin-bottom: 0;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li:after {
        border-left: 18px solid transparent;
        border-right: 18px solid transparent;
        border-top: 10px solid #D9D9D9;
        border-bottom: none;
        top: initial;
        bottom: -21px;
        right: initial;
        left: 50%;
        transform: translateX(-50%);
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep {
        width: 34.8%;
        margin-bottom: 0;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep .stepReviewPhoto {
        width: 100%;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapNumReviewStep .stepReviewPhoto img {
        aspect-ratio: 84 / 149;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .wrapDesReviewStep {
        width: 59%;
        margin-top: -6px;
        padding-right: 24px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep {
        width: 100%;
        margin-top: 0;
        margin-bottom: 8px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .numReviewStep {
        margin-bottom: 4px;
        letter-spacing: 0.8px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .numReviewStep .numberStep {
        margin-left: 3px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .listReviewStep li .boxNumReviewStep .nameReviewStep {
        font-size: 16px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview {
        padding: 14px 17px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .titleWriteReview {
        padding-left: 23px;
        margin: 0 0 11px;
        letter-spacing: 0.6px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .boxWriteReview .iconSearchReview {
        margin-top: -4px;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .listCompany {
        margin-top: 15px;
        flex-direction: column;
    }

    .areaReviewStep .wrapReviewStep .boxReviewStep .wrapWriteReview .listCompany li {
        margin-bottom: 12px;
        width: 100%;
    }
}

/* END FB 370 */

/* row 372 */
.areaSimulationBanner {
    margin: 40px 0;
}

.areaSimulationBanner .boxSimulationBanner {
    margin: 0;
    text-align: center;
}

/* end row 372 */


/* row 377 */
.areaBannerSingle {}

.areaBannerSingle .traderBanner {
    padding: 18px 31px 29px;
    max-width: 912px;
    margin: 0 auto;
    border: none;
    background: url(../images/trader-detail/bg-banner-trader.png) no-repeat left center / cover;
    border-radius: 5px;
}

.areaBannerSingle .traderBanner .iframeBanner {
    margin: 0 auto;
}

.areaPost .areaBannerSingle .traderBanner p.titleBanner {
    font-size: 25px;
    font-weight: bold;
    text-align: center;
    color: #ffffff;
    margin: 0 auto 16px;
}

.areaBannerSingle .traderBanner .boxBanner {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
    max-width: 667px;
    margin: 0 auto;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperContact {
    width: 33.1%;
    padding: 0;
    background: transparent;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperContact a {
    background: #ffffff url(../images/trader-detail/icon-hotline-new.svg) no-repeat top 9px left 10px;
    background-size: 40px 32px;
    border: 3px solid #FE9C00;
    border-radius: 100px;
    display: block;
    padding: 4px 10px 11px 55px;
    position: relative;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperContact a .hotLine {
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #FE9C00;
    letter-spacing: -0.3px;
    margin: 0;
    line-height: 1.4;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperContact a .infoTime {
    font-size: 10px;
    color: #FE9C00;
    margin: -5px 0 0;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn {
    padding-left: 0;
    width: 66.2%;
    margin-top: 0px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader {
    width: 49.3%;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader a {
    background: #ffffff url(../images/common/icon-estimate-new.svg) no-repeat top 12px left 21px;
    text-align: left;
    border-radius: 100px;
    color: #FF464E;
    padding: 7px 15px 8px 62px;
    background-size: 31px 29px;
    border: 3px solid #FF464E;
    position: relative;
    display: block;
    font-size: 19px;
    font-weight: bold;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader a .subQuote {
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 0;
    margin: 0;
    color: #FF464E;
    line-height: 1.5;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader a .txtQuote {
    font-size: 11px;
    font-weight: normal;
    color: #FF464E;
    margin: -1px 0 0;
    line-height: 1.5;
    letter-spacing: 0;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader+.btnTrader {
    margin-left: 0;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader.website a {
    background: #FFFFFE url(../images/trader-detail/icon-website-new.svg) no-repeat top 12px left 18px;
    background-size: 38px 25px;
    color: #02BBAD;
    border-color: #029A91;
    padding: 6px 15px 9px 64px;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .website a .subQuote {
    color: #02BBAD;
}

.areaBannerSingle .traderBanner .boxBanner .wrapperBtn .website a .txtQuote {
    color: #02BBAD;
}

.areaBuddySingle {
    margin-bottom: 20px;
}

.areaBuddySingle .wrapBuddySingle table {
    width: 100%;
}

.areaBuddySingle .wrapBuddySingle table tr {
    position: relative;
    border-bottom: 0;
    background: transparent;
}

.areaBuddySingle .wrapBuddySingle table tr::before {
    content: "";
    position: absolute;
    bottom: -2px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: #fff;
    z-index: 9;
}

.areaPost .areaBuddySingle .wrapBuddySingle table tr th {
    border-right: 2px solid #fff;
    border-left: 4px solid #029A91;
    width: 37.5%;
    font-size: 20px !important;
    font-weight: normal;
    color: #029A91;
    text-align: center;
    /* 461 260326 */
    padding: 21px 10px 16px 10px;
    /* END 461 260326 */
    letter-spacing: 0px;
    background: #F5F5F5;
}

.areaPost .boxRight .postContent .vendorDataItem .areaBuddySingle .wrapBuddySingle table tr td p {
    margin: 0;
}

.areaPost .areaBuddySingle .wrapBuddySingle table tr td {
    width: 62.5%;
    font-size: 20px;
    font-weight: normal !important;
    color: #393939;
    text-align: left;
    padding: 23px 21px 19px;
    letter-spacing: 1px;
    background: #F5F5F5;
    letter-spacing: 0.3px;
    line-height: 1.2;
}

.traderReviewArea .contentListReview {
    position: relative;
}

.traderReviewArea .wrapListReview {
    width: 100%;
    margin-bottom: 40px;
}

.traderReviewArea .listReview {
    /* max-width: 2320px;
    width: max-content; */
    margin-bottom: 15px;
    flex-direction: column;
}

.traderReviewArea .listReview>li {
    /* width: 440px;
    margin-right: 20px; */
    width: 100%;
    margin-right: 0;
}

.traderReviewArea .listReview>li:nth-child(5n) {
    margin-right: 0;
}

.traderReviewArea .listReview>li:last-child {
    margin-right: 0;
}

.traderReviewArea .listReview .reviewBox .reviewContent .contentReview {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
    text-overflow: ellipsis;
}

.traderReviewArea .listReview .reviewBox .reviewContent .contentReview.expanded {
    display: block;
    -webkit-line-clamp: unset;
}

.traderReviewArea .listReview .reviewBox .reviewContent .toggleBtnReview {
    display: inline-block;
    color: #02bbad;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
}

.traderReviewArea .wrapReviewRight {
    overflow-x: auto;
    padding-bottom: 9px;
    user-select: none;
}

.traderReviewArea .wrapReviewRight::-webkit-scrollbar {
    height: 5px;
}

.traderReviewArea .wrapReviewRight::-webkit-scrollbar-track {
    background: #F5F6F8;
    box-shadow: none;
    border: none;
    border-radius: 10px;
}

.traderReviewArea .wrapReviewRight::-webkit-scrollbar-thumb {
    background: #FC9C27;
    border-radius: 10px;
}

.traderReviewArea .iconScroll {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 137px;
}

.traderReviewArea .wrapListReview.is-scrolled~.iconScroll {
    display: none;
}

@media (max-width: 1050px) and (min-width: 769px) {
    .areaBannerSingle .traderBanner {
        padding: 18px 11px 29px;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact a {
        background-position: 4px 6px;
        padding: 4px 10px 11px 46px;
    }
}

@media (max-width: 950px) and (min-width: 769px) {
    .areaBannerSingle .traderBanner .boxBanner {
        flex-direction: column;
        max-width: 420px;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact {
        width: 100%;
        max-width: 270px;
        margin-bottom: 15px;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn {
        width: 100%;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact a:after {
        content: "";
        position: absolute;
        background: url(../images/common/after-hotline.svg) no-repeat;
        background-size: 100%;
        width: 50px;
        height: 37px;
        top: 52%;
        transform: translateY(-50%);
        right: clamp(10px, 3.9vw, 13px);
    }
}

@media (min-width: 769px) {
    .areaBannerSingle .traderBanner .boxBanner .wrapperContact a {
        pointer-events: none;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader a:hover {
        box-shadow: 0 0 6px 4px #fff;
    }

    .traderReviewArea .listReview .reviewBox .reviewContent .toggleBtnReview:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }
}

@media (max-width: 768px) {
    .areaBannerSingle .traderBanner {
        padding: clamp(13px, 3.5vw, 21px) clamp(8px, 2vw, 20px) clamp(10px, 2.9vw, 17px) clamp(8px, 2vw, 20px);
    }

    .areaBannerSingle .traderBanner .titleBanner {
        font-size: clamp(12px, 3.2vw, 18px);
        margin-bottom: 2.6vw;
        letter-spacing: 1.5px;
    }

    .areaBannerSingle .traderBanner .boxBanner {
        flex-direction: column;
        max-width: 488px;
        margin: 0 auto 2.3vw;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact {
        width: 100%;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact a {
        padding: 0.9vw 2vw 2vw 15vw;
        padding-left: clamp(33px, 17vw, 88px);
        border-width: 0.6vw;
        background-size: clamp(34px, 8.3vw, 52px) clamp(34px, 9vw, 53px);
        background-position: clamp(14px, 4.4vw, 24px) clamp(8px, 2.4vw, 24px);
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact a:after {
        content: "";
        position: absolute;
        background: url(../images/common/after-hotline.svg) no-repeat;
        background-size: 100%;
        width: clamp(46px, 15.5vw, 93px);
        height: clamp(36px, 10.4vw, 62px);
        top: 52%;
        transform: translateY(-50%);
        right: clamp(10px, 3.9vw, 13px);
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact a .hotLine {
        font-size: clamp(24px, 6.7vw, 39px);
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperContact a .infoTime {
        margin-top: -6px;
        font-size: clamp(10px, 2.2vw, 13px);
        padding-left: 2px;
        margin-top: -9px;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn {
        width: 100%;
        margin: 2.4vw auto 0;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader {
        width: 49.3%;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader a {
        padding: 1.2vw 2vw 1.7vw 12vw;
        border-width: 0.6vw;
        background-size: clamp(23px, 6vw, 36px) clamp(22px, 6vw, 34px);
        background-position: clamp(14px, 4.1vw, 24px) clamp(8px, 2vw, 12px);
        padding-left: clamp(10px, 12vw, 78px);
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader a .subQuote {
        font-size: clamp(12px, 2.8vw, 16px);
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader a .txtQuote {
        font-size: clamp(9px, 1.7vw, 10px);
        margin-top: -0.2vw;
    }

    .areaBannerSingle .traderBanner .boxBanner .wrapperBtn .btnTrader.website a {
        padding: 1.2vw 2vw 1.7vw 12.3vw;
        background-size: clamp(24px, 6.7vw, 40px) clamp(23px, 6vw, 30px);
        background-position: clamp(13px, 3.5vw, 21px) clamp(6px, 2vw, 14px);
        padding-left: clamp(10px, 12vw, 78px);
    }

    .areaBuddySingle .wrapBuddySingle table tr {
        border: 4px solid #fff;
    }

    .areaBuddySingle .wrapBuddySingle table tr::before {
        display: none;
    }

    .areaPost .areaBuddySingle .wrapBuddySingle table tr th {
        font-size: 14px !important;
        width: 30% !important;
        border: solid #ffffff;
        border-width: 0 4px 0px 3px;
        letter-spacing: 0;
    }

    .areaPost .areaBuddySingle .wrapBuddySingle table tr td,
    .areaPost .areaBuddySingle .wrapBuddySingle table tr td:nth-child(2) {
        font-size: 14px !important;
        width: 70% !important;
        padding: 20px 11px;
        letter-spacing: 0;
        line-height: 1.5;
    }

    .traderReviewArea .listReview {
        flex-direction: row;
        max-width: 1585px;
    }

    .traderReviewArea .listReview>li {
        /* width: 295px;
        margin-right: 15px; */
    }

    .traderReviewArea .listReview>li .reviewBox {
        min-width: 100%;
    }
}

/* end row 377 */


/* Row391 */
.areaRecomPlumb {
    background: #E5F6F1;
    padding: 40px 0 40px;
    margin-bottom: 50px;
    margin-top: 30px;
}

.areaRecomPlumb .inner {
    display: block;
}

.areaRecomPlumb .titleRecomPlumb,
.areaPost .boxRight .postContent h2.titleRecomPlumb {
    color: #03766f;
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 20px;
    text-align: center !important;
    margin-top: 0;
    padding: 0;
    border: none;
}

.areaPost .boxRight .postContent h2.titleRecomPlumb {
    font-size: 24px !important;
}

.areaRecomPlumb .titleRecomPlumb span {
    display: inline-block;
    font-size: 38px;
}

.areaRecomPlumb .titleRecomPlumb .ttlbgbl01 {
    background: #029A91;
    color: #FFFFFF;
    padding: 10px 8px;
    border-radius: 8px;
    line-height: 1;
    margin-right: 5px;
}

.areaRecomPlumb .titleRecomPlumb .ttlbgbl02 {
    background: #02bbad;
    color: #FFFFFF;
    padding: 10px 8px;
    border-radius: 8px;
    line-height: 1;
    margin-right: 5px;
}

.areaRecomPlumb .subRecomPlumb {
    font-size: 18px;
    text-align: center;
    line-height: 1.6;
    margin-bottom: 27px;
    margin-top: 0;
    color: #000000;
}

.areaRecomPlumb .listRecomPlumb {}

.areaRecomPlumb .listRecomPlumb li {
    background: #fff;
    border-radius: 8px;
    margin-bottom: 10px;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest {
    display: flex;
    padding: 10px;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    position: relative;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest:after {
    content: "";
    position: absolute;
    background: url('../images/column-detail/icon-faq-close-column.svg') no-repeat;
    background-size: 100%;
    width: 13px;
    height: 13px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: all 0.4s;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest.openPlumb:after {
    background-image: url(../images/column-detail/icon-faq-column.svg);
    transform: translateY(-50%) rotate(180deg);
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest .recomPlumbPhoto {
    width: 150px;
    margin: 0;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest .recomPlumbPhoto img {
    aspect-ratio: 149/81;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest .txtRecomPlumbQuest {
    font-size: 20px;
    font-weight: bold;
    color: #03766f;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding-left: 10px;
    border-radius: 8px;
    width: calc(100% - 250px);
    margin: 0;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbAns {
    display: none;
    font-size: 16px;
    padding: 0 20px 20px 20px;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbAns p {
    color: #000;
    font-size: 16px;
    line-height: 1.6;
    padding-bottom: 15px;
    margin: 0;
}

.areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbAns p:first-child {
    border-top: 1px #d8d8d8 dashed;
    padding-top: 20px;
}

/* .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbAns p span {
    background-color: #ff9;
} */

/* areaProb */
.areaProb {
    margin-bottom: 40px;
}

.areaProb .inner {
    display: block;
}

.areaProb .wrapProb {}

.areaProb .wrapProb .wrapTitleProb {
    background: #029A91;
    border-bottom: 5px #03766f solid;
    margin-bottom: 0;
    position: relative;
    padding: 2px 20px 32px;
}

.areaProb .wrapProb .wrapTitleProb .subProb {
    text-align: center;
    transform: translateY(-12px);
    width: 100%;
}

.areaProb .wrapProb .wrapTitleProb .subProb p {
    color: #ffffff;
    text-align: center;
    background: #02bbad;
    border-radius: 20px;
    display: inline-block;
    padding: 2px 30px;
    position: relative;
    line-height: 1.5;
    margin: 0;
}

.areaProb .wrapProb .wrapTitleProb .titleProb {
    margin-top: 15px;
}

.areaProb .wrapProb .wrapTitleProb .titleProb p {
    font-size: 24px;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    margin: 0;
    letter-spacing: 0;
}

.areaProb .wrapProb .wrapTitleProb .titleProb h2 {
    font-size: 34px !important;
    color: #ffffff;
    text-align: center;
    font-weight: bold;
    line-height: 1.4;
    border: none;
    padding: 0;
    margin: 0;
}

.areaProb .wrapProb .listProb {
    background: #cff9f6;
    padding: 18px 18px;
}

.areaProb .wrapProb .listProb li {
    background: #ffffff;
    border-radius: 8px;
    position: relative;
    margin-bottom: 10px;
}

.areaProb .wrapProb .listProb li:last-child {
    margin-bottom: 0;
}

.areaProb .wrapProb .listProb li .wrapProbQuest {
    font-size: 16px;
    font-weight: 500;
    width: 100%;
    padding: 12px 56px 12px 16px;
    position: relative;
    color: #333333;
    border-radius: 8px 8px 0 0;
    cursor: pointer;
    text-align: left;
}

.areaProb .wrapProb .listProb li .wrapProbQuest:after {
    content: "";
    position: absolute;
    background: url('../images/common/icon-prob.svg') no-repeat;
    background-size: 100%;
    width: 16px;
    height: 9px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: all 0.4s;
}

.areaProb .wrapProb .listProb li .wrapProbQuest.openProb:after {
    transform: translateY(-50%) rotate(180deg);
}

.areaProb .wrapProb .listProb li .wrapProbAns {
    display: none;
    font-size: 14px;
    padding: 0 20px 20px 20px;
}

.areaProb .wrapProb .listProb li .wrapProbAns p {
    color: #333333;
    font-size: 14px;
    line-height: 1.6;
    padding-bottom: 15px;
    font-weight: normal;
    margin: 0;
}

.areaProb .wrapProb .listProb li .wrapProbAns p:first-child {
    border-top: 1px #d8d8d8 dashed;
    padding-top: 12px;
}

.areaProb .wrapProb .listProb li .wrapProbAns p img {
    width: 100%;
    height: 100%;
    aspect-ratio: 460/152;
    object-fit: cover;
    object-position: center;
}

.vendorDataBox .lead_text {
    text-align: justify;
}

.campaignTrader {
    text-align: center;
}

.areaPost .boxRight .postContent .vendorDataItem p.vendorDataReadmore {
    text-align: center;
}

.areaPost .boxRight .postContent .vendorDataItem p.vendorDataReadmore a {
    background: #FC9B27;
    padding: 10px 43px;
    border-radius: 100px;
    text-align: center;
    position: relative;
    color: #ffffff;
    font-weight: normal;
    max-width: 350px;
    width: 100%;
}

.areaPost .boxRight .postContent .vendorDataItem p.vendorDataReadmore a:after {
    content: "";
    position: absolute;
    background: url(../images/common/icon-prob.svg) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 9px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: all 0.4s;
    filter: brightness(0) invert(1);
}

.areaPost .boxRight .postContent .vendorDataItem .vendorDataFeature.collapsed~p.vendorDataReadmore a:after {
    content: "";
    position: absolute;
    background: url(../images/common/icon-prob.svg) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 9px;
    top: 50%;
    transform: translateY(-50%);
    right: 20px;
    transition: all 0.4s;
    filter: brightness(0) invert(1);
}

.areaPost .boxRight .postContent .vendorDataItem .vendorDataFeature~p.vendorDataReadmore a:after {
    transform: translateY(-50%) rotate(180deg);
}

.vendorDataBox .areaProb .inner {
    padding: 0;
}

.vendorDataItem .traderReviewArea .btnNextLink.btnAINextLink a {
    background-color: #fc9b27;
}

.vendorDataItem .traderReviewArea .btnNextLink.btnAINextLink a:after {
    content: "";
    position: absolute;
    background: url(../images/common/icon-prob.svg) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 9px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    right: 20px;
    transition: all 0.4s;
    filter: brightness(0) invert(1);

}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle,
.campaignTraderBg .campaignTraderContent .campaignTraderTitle,
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderSlogan,
.areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLink {
    margin: 0;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
    margin: 0;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle,
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderSlogan {
    text-align: center;
}

.areaPost .boxRight .postContent .postTable tr td .reviewStartScore .reviewScore {
    margin-bottom: 0;
    text-align: center;
}

.areaPost .boxRight .postContent .postTable tr td .businessPhoto,
.areaPost .boxRight .postContent .postTable tr td .tablePhone {
    margin: 0;
}

.areaPost .boxRight .postContent .postTable tr td .businessName {
    margin-top: 0;
    white-space: normal;
}

.areaProb .wrapProb .listProb li .wrapProbAns p a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    text-decoration: underline;
    text-underline-offset: 3px;
    line-height: 1.7777777778;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: #20bbad;
}

.areaProb .wrapProb .listProb li .wrapProbAns blockquote {
    margin: 0;
}

@media (min-width: 769px) {
    .areaProb .wrapProb .listProb li .wrapProbAns p a:hover {
        text-decoration: none;
    }
}

@media (max-width: 768px) {
    .areaRecomPlumb {
        padding: 40px 0 40px;
        margin-bottom: 50px;
    }

    .areaRecomPlumb .titleRecomPlumb {
        font-size: 20px;
        padding-left: 15px;
    }

    .areaPost .boxRight .postContent h2.titleRecomPlumb {
        font-size: 20px !important;
    }

    .areaRecomPlumb .titleRecomPlumb span {
        font-size: 26px;
    }

    .areaRecomPlumb .titleRecomPlumb .ttlbgbl01 {
        padding: 10px 8px;
        font-size: 38px;
    }

    .areaRecomPlumb .titleRecomPlumb .ttlbgbl02 {
        padding: 10px 8px;
        font-size: 38px;
    }

    .areaRecomPlumb .subRecomPlumb {
        font-size: 14px;
        margin-bottom: 21px;
    }

    .areaRecomPlumb .listRecomPlumb li {
        border-radius: 8px;
        margin-bottom: 10px;
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest {
        padding: 10px;
        border-radius: 8px 8px 0 0;
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest:after {
        right: 10px;
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest .recomPlumbPhoto {
        width: 104px;
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest .recomPlumbPhoto img {
        aspect-ratio: 104/56.5;
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbQuest .txtRecomPlumbQuest {
        font-size: 15px;
        width: calc(100% - 150px);
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbAns {
        font-size: 16px;
        padding: 0 10px 10px 10px;
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbAns p {
        font-size: 16px;
        line-height: 1.6;
        padding-bottom: 24px;
    }

    .areaRecomPlumb .listRecomPlumb li .wrapRecomPlumbAns p:first-child {
        padding-top: 10px;
    }

    .areaProb .wrapProb .wrapTitleProb .titleProb p {
        font-size: 18px;
    }

    .areaProb .wrapProb .wrapTitleProb .titleProb h2 {
        font-size: 28px !important;
    }

    .areaPost .boxRight .postContent .vendorDataItem p.vendorDataReadmore a {
        padding: 7px 33px 10px;
        max-width: 290px;
    }

    .areaPost .boxRight .postContent .vendorDataItem p.vendorDataReadmore a:after {
        right: 15px;
    }

    .areaProb .wrapProb .listProb li .wrapProbAns p a {
        font-size: 16px;
        margin-top: -2px;
    }
}

/* END Row391 */

/* FB412 */
.vendorBannerArea {}

.vendorBannerArea .vendorBanner.notSliderBanner {}

.vendorBannerArea .vendorBanner.notSliderBanner li {
    margin-right: 20px;
}

.vendorBannerArea .vendorBanner.notSliderBanner li:last-child {
    margin-right: 0;
}

.vendorBannerArea .vendorBanner li a img {
    width: 100%;
    height: 100%;
    aspect-ratio: 370 / 245;
    object-fit: cover;
    object-position: center;
}

.vendorBannerArea .navigation-wrapper .dots {
    display: flex;
    justify-content: center;
    margin-top: 20px;
}

.vendorBannerArea .navigation-wrapper .dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: #D9D9D9;
    margin: 0 3px;
}

.vendorBannerArea .navigation-wrapper .dot.dot--active {
    background-color: #029A91;
}

@media (min-width: 769px) {
    .vendorBannerArea .vendorBanner li a:hover {
        opacity: 0.6;
    }
}

/* END FB412 */






/* Start Row428 */

/* boxRight */
.areaPost .boxRight {
    flex: 1;
}

/* boxIntro */
.areaPost .boxRight .boxIntro.sectionBg {
    padding: 0;
    margin-bottom: 20px;
}

.areaPost .boxRight .boxIntro .introWrap {
    padding: clamp(30px, 5.9vw, 60px) clamp(30px, 5.6vw, 70px) clamp(30px, 5.9vw, 32px);
}

.areaPost .boxRight .boxIntro {
    margin-bottom: 7px;
}

.areaPost .boxRight .boxIntro .listCat li {
    display: flex;
    flex-wrap: wrap;
    gap: 5px 10px;
}

.areaPost .boxRight .boxIntro .listCat a {
    font-size: 24px;
    font-weight: bold;
    color: #39B767;
}

.areaPost .boxRight .boxIntro .rightTitle {
    font-size: 38px;
    font-weight: 900;
    color: #333333;
    margin-bottom: 16px;
    letter-spacing: 1.5px;
    line-height: 1.61;
}
.areaPost .boxRight .boxIntro .photoWrap {
    width: 100%;
    /* margin-bottom: 21px; */
}

.areaPost .boxRight .boxIntro .photoDetail {
    width: 100%;
}

.areaPost .boxRight .boxIntro .photoDetail img {
    width: 100%;
    aspect-ratio: 2/1;
    object-fit: cover;
    object-position: center;
    border-radius: 10px;
}

/* Photo Title Readmore */
.areaPost .boxRight .boxIntro .photoTitle {
    overflow: hidden;
    max-height: calc(1.7em * 4);
    word-break: break-word;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    line-height: 1.7;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333333;
    text-align: left;
    transition: max-height 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}
.areaPost .boxRight .boxIntro .photoTitle:not(.is-expanded):not(.is-animating) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    line-clamp: 4;
}

.areaPost .boxRight .boxIntro .photoTitle.is-animating,
.areaPost .boxRight .boxIntro .photoTitle.is-expanded {
    display: block;
    -webkit-line-clamp: unset;
    line-clamp: unset;
    -webkit-box-orient: unset;
    max-height: none;
}

.areaPost .boxRight .boxIntro .photoTitle-toggle {
    display: block;
    width: 100%;
    text-align: center;
    box-sizing: border-box;
    margin-top: 0;
}

.areaPost .boxRight .boxIntro .photoTitle.is-short + .photoTitle-toggle {
    display: none;
}


/* END phototitle Thumbnail */
.areaPost .boxRight .boxIntro .postSub {
    font-size: 18px;
    font-weight: 600;
    line-height: 1.6;
    /* margin-bottom: 24px; */
    letter-spacing: 0.7px;
}

.areaPost .boxRight .boxIntro .postSub p:not(:last-child) {
    margin-bottom: 15px;
}

.areaPost .boxRight .boxIntro .date>span {
    display: block;
    font-size: 16px;
    color: #777777;
    /* 100326 */
    margin-right: 10px;
    /* END 100326 */
}


.areaPost .boxRight .boxIntro .headIntro {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 10px 20px;
}
.areaPost .boxRight .boxIntro .headIntro .date {
    display: flex;
    gap: 20px;
}
.areaPost .boxRight .boxIntro .date>span .date {
    display: inline-block;
    margin-left: 16px;
}

.areaPost .boxRight .boxIntro .introLearn {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 43px;
    width: 100%;
    background-color: #F5F5F5;
    padding: 27px 70px 28px;
    border-radius: 0 0 16px 16px;
}

.areaPost .boxRight .boxIntro .introLearn .learnNote {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 30px;
    transform: translateY(1px);
}

.areaPost .boxRight .boxIntro .introLearn .learnNote .icon {
    width: 72px;
}

.areaPost .boxRight .boxIntro .introLearn .learnNote .sub {
    font-size: 17px;
    font-weight: 600;
    line-height: 1.7;
}

.areaPost .boxRight .boxIntro .introLearn .learnList li {
    position: relative;
    font-size: 17px;
    font-weight: 600;
    padding-left: 35px;
}

.areaPost .boxRight .boxIntro .introLearn .learnList li:not(:last-child) {
    margin-bottom: 12px;
}

.areaPost .boxRight .boxIntro .introLearn .learnList li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -2px;
    width: 27px;
    aspect-ratio: 1/1;
    background: url(../images/common/box-intro-icon-tick.png)no-repeat center/100%;
}

/* areaExperts */
.areaExperts {
    border: 3px solid #333333;
    background-color: #7EF5AA;
    border-radius: 16px;
    margin: 20px 0;
    overflow: hidden;
}

.areaExperts .wrapExperts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    padding: 25px 0 28px;
}

.areaExperts .titleExperts {
    font-size: 18px;
    color: #FDEDE1;
    background: #333333;
    border-radius: 0 20px 20px 0;
    padding: 26px 17px 27px 10px;
    font-weight: 500;
    writing-mode: vertical-rl;
    letter-spacing: 3px;
    line-height: 1.1;
    transform: translateY(1px);
}

.areaExperts .boxExperts {
    width: calc(100% - 47px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
    padding: 0 40px;
}

.areaExperts .boxExperts .experstPhoto {
    width: 156px;
}

.areaExperts .boxExperts .experstPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 120/120;
    border-radius: 50%;
    border: 3px solid #333;
}

.areaExperts .boxExperts .leftExperts {
    flex: 1;
}

.areaExperts .boxExperts .leftExperts .companyExperts {
    display: flex;
    flex-wrap: wrap;
    gap: 17px;
    margin-bottom: 10px;
}

.areaExperts .boxExperts .leftExperts .companyExperts .companyName {
    display: inline-block;
    font-size: 16px;
    color: #333333;
    text-decoration: underline;
    text-underline-offset: 2px;
    letter-spacing: 0.6px;
}

.areaExperts .boxExperts .leftExperts .companyExperts .companyBtn {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-weight: bold;
    color: #F5F5F5;
    border-radius: 10px;
    background-color: #333333;
    padding: 4px 26px 3px 14px;
    text-decoration: none;
    letter-spacing: 0.5px;
    line-height: 1.5;
}

.areaExperts .boxExperts .leftExperts .companyExperts .companyBtn::before {
    content: "";
    position: absolute;
    top: 52%;
    right: 13px;
    transform: translateY(-50%) rotate(-45deg);
    border: solid #F5F5F5;
    border-width: 0 2px 2px 0;
    padding: 2px;
}

.areaExperts .boxExperts .leftExperts .expertsProfile {
    margin-bottom: 13px;
}

.areaExperts .boxExperts .leftExperts .expertsProfile .nameExperts {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: 24px;
    color: #333333;
    font-weight: 700;
    display: flex;
    align-content: center;
}
.areaExperts .boxExperts .leftExperts .expertsProfile .companyExperts .nameExperts.sp {
    display: none;
}

.areaExperts .boxExperts .leftExperts .expertsProfile .nameExperts .name {
    display: inline-block;
    letter-spacing: 1px;
}

.areaExperts .boxExperts .leftExperts .expertsProfile .nameExperts .job {
    display: inline-block;
    font-size: 14px;
}

.areaExperts .boxExperts .leftExperts .expertsProfile .nameExperts .job .jobDetail {
    display: inline-block;
    padding: 0 5px;
    letter-spacing: 0.4px;
}

.areaExperts .boxExperts .leftExperts .expertsProfile .urlExperts {
    display: flex;
    align-items: center;
    margin-left: 10px;
    flex-shrink: 0;
}
.areaExperts .boxExperts .leftExperts .boxTxtExperts{
    margin-bottom: 20px;
}
.areaExperts .boxExperts .leftExperts .txtExperts {
    font-size: 14px;
}

.areaExperts .boxExperts .leftExperts .btnToggleIntro{
    display: none;
}

.areaExperts .boxExperts .leftExperts .degreeExperts {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 30px;
}

.areaExperts .boxExperts .leftExperts .degreeExperts .degreeIntro {
    position: relative;
    font-weight: bold;
    padding-left: 28px;
}

.areaExperts .boxExperts .leftExperts .degreeExperts .degreeIntro::before {
    content: "";
    position: absolute;
    top: 2px;
    left: 0;
    width: 19px;
    aspect-ratio: 1/1;
    background: url(../images/common/area-experts-icon-tick.png)no-repeat center/100%;
}

.areaExperts .boxExperts .leftExperts .degreeExperts .degreeIntro::after {
    content: "";
    position: absolute;
    top: 11px;
    right: -18px;
    width: 9px;
    height: 1px;
    background-color: #333;
}

.areaExperts .boxExperts .leftExperts .degreeExperts .degreeSub {
    font-weight: 500;
}

.areaExperts .expertInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 20px;
    background-color: #F5F5F5;
    justify-content: space-between;
    padding: 8px 9px;
}

.areaExperts .expertInfo .infoNetwork {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 10px;
    flex: 1;
    padding-left: 108px;
}

.areaExperts .expertInfo .infoNetwork li {
    width: 36px;
}

.areaExperts .expertInfo .infoSeeProfile a {
    position: relative;
    font-size: 14px;
    font-weight: 500;
    color: #333333;
    padding-right: 26px;
    text-decoration: none;
}

.areaExperts .expertInfo .infoSeeProfile a::before {
    content: "";
    position: absolute;
    top: 52%;
    right: 13px;
    transform: translateY(-50%) rotate(-45deg);
    border: solid #333333;
    border-width: 0 2px 2px 0;
    padding: 2px;
}

/* ez-toc-container */
#ez-toc-container {
    position: relative;
}

#ez-toc-container .toc-on-off {
    position: absolute;
    bottom: 10px;
    width: 100%;
    left: 0;
    text-align: center;
    cursor: pointer;
}

.areaPost .boxRight #ez-toc-container {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    flex-direction: row-reverse;
    gap: 44px;
    border: 3px solid #333333;
    border-radius: 16px;
    background-color: #FFFFFF;
    padding: 35px 40px 28px;
    margin-bottom: 20px;
    overflow: hidden;
}

.areaPost .boxRight #ez-toc-container::before {
    content: "";
    position: absolute;
    top: -2px;
    left: 65px;
    width: 101px;
    aspect-ratio: 101 / 120;
    background: url(../images/common/toc-container-photo.png)no-repeat center/100%;
}

.areaPost .boxRight #ez-toc-container .tocTitle {
    width: 145px;
    text-align: center;
    font-size: 34px;
    font-weight: bold;
    margin-top: 172px;
    letter-spacing: 1px;
}

.areaPost .boxRight #ez-toc-container .tocTitle span {
    display: block;
    font-size: 14px;
    font-weight: bold;
    letter-spacing: 4.7px;
    margin-bottom: -2px;
    margin-left: 3px;
}

.areaPost .boxRight #ez-toc-container.ezToggle:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 300px;
    bottom: 0;
    left: 0;
    border-radius: 0px;
    z-index: 0;
    background: linear-gradient(rgba(242, 243, 245, 0) 0%, rgba(242, 243, 245, 0.7) 50%, rgba(242, 243, 245, 0.9) 100%, #ffffff 100%);
    transition: all .5s;
}

.areaPost .boxRight #ez-toc-container.ezToggle.expanded:after {
    display: none;
}

.areaPost .boxRight #ez-toc-container .ez-toc-title-container {
    display: none;
    font-size: 20px;
    font-weight: 500;
    border: 0;
    padding: 0;
    margin: 0;
    width: 50px;
}

.areaPost .boxRight #ez-toc-container .ez-toc-title-container .ez-toc-title {
    font-size: 20px;
    border: 0;
    padding: 0;
    margin: 0;
}

.areaPost .boxRight #ez-toc-container nav {
    flex: 1;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list {
    text-align: left;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li {
    display: flex;
    flex-wrap: wrap;
    list-style: auto;
    letter-spacing: -1px;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li:not(:last-child) {
    margin-bottom: 33px;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li span {
    font-size: 18px;
    color: #39B767;
    margin-right: 17px;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li .counter {
    font-family: "Poppins", sans-serif;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li a {
    display: inline-block;
    flex: 1;
    font-size: 18px;
    font-weight: bold;
    color: #39B767;
    letter-spacing: 0;
    text-decoration: underline;
    text-underline-offset: 2px;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li .ez-toc-list-level-3 {
    width: 100%;
    margin-top: 11px;
    margin-left: 18px;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li .ez-toc-list-level-3 li {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    margin-bottom: 0;
}

.areaPost .boxRight #ez-toc-container .ez-toc-list>li .ez-toc-list-level-3 li a {
    flex: 1;
    color: #303030;
}
@media(max-width: 1200px) and (min-width:769px) {

}

/* bubble */

.areaPost .boxRight .postContent .bubble .bubbleBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 33px;
    padding-right: 62px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox:last-child {
    margin-bottom: 0;
}

.areaPost .boxRight .postContent .bubble .bubbleBox:nth-child(even) {
    flex-direction: row-reverse;
    padding-right: 8px;
    padding-left: 53px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser {
    text-align: center;
    width: 78px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userPhoto {
    border-radius: 50%;
    width: 100%;
    aspect-ratio: 1/1;
    margin-bottom: 4px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userPhoto img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userName {
    font-size: 16px;
    font-weight: 500;
    color: #D9E0F4;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #303030;
    background: #E5F6F1;
    border-radius: 10px;
    width: calc(100% - 118px);
    padding: 20px 56px 20px;
    text-align: justify;
    line-height: 1.85;
    letter-spacing: 0.3px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent:before {
    content: "";
    position: absolute;
    top: 38%;
    left: -10px;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-right: 10px solid #E5F6F1;
    border-bottom: 10px solid transparent;
}

.areaPost .boxRight .postContent .bubble .bubbleBox:nth-child(even) .bubbleContent:before {
    left: auto;
    right: -10px;
    border-left: 10px solid #E5F6F1;
    border-right: 0;
}
/* bubble */

/* h4 */
.areaPost .boxRight .postContent h4 {
    position: relative;
    font-size: 22px;
    margin-top: 41px;
    padding-left: 17px;
    margin-bottom: 17px;
    font-weight: bold;
    color: #333333;
    letter-spacing: 0.9px;
    text-align: left;
}

.areaPost .boxRight .postContent h4:before {
    content: "";
    position: absolute;
    top: 6px;
    left: 0;
    width: 4px;
    height: 26px;
    background: #333333;
}

/* review */
.areaReview {
    border-radius: 20px;
    margin-bottom: 0;
    background: #F5F5F5;
    padding: 31px 30px 31px;
}

.areaReview .reviewFrame {
    display: flex;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 10px;
}

.areaReview .reviewFrame::-webkit-scrollbar {
    height: 10px;
}

.areaReview .reviewFrame::-webkit-scrollbar-track {
    background: #FAFAFA;
}

.areaReview .reviewFrame::-webkit-scrollbar-thumb {
    background: #39B767;
    border-radius: 50px;
}

.areaReview .reviewBox {
    background: #FFFFFF;
    width: 343px;
    min-width: 343px;
    padding: 33px 40px 39px;
    margin-right: 24px;
}

.areaReview .reviewBox:last-child {
    margin-right: 0;
}

.areaReview .reviewBox .reviewTitle {
    font-size: 16px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 10px;
}

.areaReview .reviewBox .male {
    margin-bottom: 6px;
}

.areaReview .reviewBox .male .maleName {
    font-size: 12px;
    color: #787878;
    font-weight: 500;
    margin-bottom: 4px;
}

.areaReview .reviewBox .male .maleRatting {
    display: flex;
    align-items: center;
}

.areaReview .reviewBox .male .maleRatting .ratingNumber {
    font-size: 32px;
    color: #333333;
    font-weight: bold;
    margin-right: 17px;
    font-family: "Poppins", sans-serif;
}

.areaReview .reviewBox ul.listRatting {
    display: flex;
    padding: 0 !important;
    margin: -1px 0 0 !important;
}

.areaReview .reviewBox ul.listRatting li {
    list-style: none;
    margin: 0 5px 0 0;
    width: 27px;
}

.areaReview .reviewBox ul.listRatting li .iconStar {
    position: relative;
    line-height: 0;
}

.areaReview .reviewBox ul.listRatting li .iconStar img {
    width: 100%;
}

.areaReview .reviewBox ul.listRatting li .iconStar span {
    position: absolute;
    top: 0;
    left: 0;
    display: none;
    line-height: 0;
}

.areaReview .reviewBox ul.listRatting li.active .iconStar span {
    display: block;
}


.areaReview .reviewBox ul.listReview {
    margin: 0 0 14px;
    border-top: 1px solid #F3F3F3;
    padding: 0;
    max-width: 227px;
    width: 100%;
}

.areaReview .reviewBox ul.listReview>li {
    list-style: none;
    margin: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 8.7px 10px;
    border-bottom: 1px solid #F3F3F3;
}

.areaReview .reviewBox ul.listReview>li .nameReview {
    font-size: 14px;
    font-weight: bold;
}

.areaReview .reviewBox ul.listReview>li .listRatting {
    margin: 1px 11px 0 0;
}


.areaReview .reviewBox .thoughts {
    padding: 0;
    max-width: 227px;
    width: 100%;
}

.areaReview .reviewBox>.listReview {
    margin-bottom: 14px;
}

.areaReview .reviewBox>.listReview>li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid #F3F3F3;
    padding: 9px 10px;
}

.areaReview .reviewBox>.listReview>li:last-child {
    border-bottom: 1px solid #F3F3F3;
}

.areaReview .reviewBox>.listReview>li .nameReview {}

.areaReview .reviewBox>.listReview>li .listRatting {
    margin-top: 0px !important;
}

.areaReview .reviewBox>.listReview>li .listRatting li {
    width: 15px;
    margin: 0 0 0 1px;
}

.areaReview .reviewBox>.listReview>li .listRatting li .iconStar {}

.areaReview .reviewBox>.listReview>li .listRatting li .iconStar img {}



.areaReview .reviewBox .thoughts .thoughtsTitle {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 12px;
    padding: 0 10px;
}

.areaReview .reviewBox .thoughts .thoughtsTxt {
    font-size: 12px;
    font-weight: 500;
    color: #787878;
    line-height: 1.57;
    padding: 0 0 0 10px;
}

/* TABLE */
.areaPost .boxRight .postContent .tableMore {
    margin-bottom: 0;
    width: 100%;
    overflow-x: auto;
    padding-bottom: 2px;
    margin: 15px 0;
}

.areaPost .boxRight .postContent .tableMore {
	overflow-x: auto;
}

.areaPost .boxRight .postContent .tableMore table {
	width: 100% !important;
	margin-bottom: 6px;
}

.areaPost .boxRight .postContent .tableMore::-webkit-scrollbar {
	height: 10px;
}

.areaPost .boxRight .postContent .tableMore::-webkit-scrollbar-track {
	background: #FAFAFA;
}

.areaPost .boxRight .postContent .tableMore::-webkit-scrollbar-thumb {
	background: #39B767;
	border-radius: 99px;
}

.areaPost .boxRight .postContent table {
    border: none;
    width: 100% !important;
    height: inherit !important;
    font-weight: 500;
}

.areaPost .boxRight .postContent table tr {
    border: none;
}

.areaPost .boxRight .postContent table th {
    font-size: 18px !important;
    font-weight: bold;
    text-align: left;
    color: #fff;
    padding: 22px 37px 23px;
    background: #39B767;
    border: none;
}
.areaPost .boxRight .postContent table th:not(:last-child) {
    border-right: 3px solid #F3F3F3;
}

.areaPost .boxRight .postContent table td,
.areaPost .boxRight .postContent table td:first-child {
    background: #ffffff;
    font-size: 16px !important;
    font-weight: bold;
    text-align: left;
    color: #333333;
    padding: 22px 36px 22px;
    border: 3px solid #F3F3F3;
    width: auto;
    min-width: 190px;
}

.areaPost .boxRight .postContent table tr td:last-child {
    border: 3px solid #F3F3F3;
}

.areaPost .boxRight .postContent table td a {
    position: relative;
    display: inline-block;
    font-size: 16px;
    text-decoration: underline;
    text-underline-offset: 3px;
    line-height: 1.7777777778;
    letter-spacing: 0.03em;
    font-weight: 500;
    color: #20bbad;
}

/* openItem */
.areaPost .boxRight .postContent .contentPost .openItem {
    margin-bottom: 14px;
}

.areaPost .boxRight .postContent .contentPost .openItem .openTitle {
    position: relative;
    background: #39B767;
    display: block;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    border-radius: 10px;
    padding: 17px clamp(50px, 4.1vw, 70px) 19px 25px;
    margin-bottom: 3px;
    cursor: pointer;
}

.areaPost .boxRight .postContent .contentPost .openItem .openTitle:before {
    content: "";
    position: absolute;
    background: url(../images/common/icon-question.png) no-repeat center center;
    background-size: 100%;
    top: 19px;
    right: clamp(15px, 1.8vw, 31px);
    height: clamp(22px, 1.5vw, 25px);
    width: clamp(22px, 1.5vw, 25px);
    transition: transform .3s;
}

.areaPost .boxRight .postContent .contentPost .openItem .openTitle.open:before {
    background-image: url(../images/common/icon-answer.png);
    transform: rotate(180deg);
    top: 19px;
    right: clamp(15px, 1.8vw, 31px);
}

.areaPost .boxRight .postContent .contentPost .openItem .openContent {
    display: none;
    background: #ffffff;
    font-size: 18px;
    font-weight: bold;
    border-radius: 10px;
    padding: 11px 25px 17px;
    line-height: 1.78;
    text-align: justify;
    letter-spacing: 0;
}
/* apply */
.areaPost .boxRight .postContent .contentPost .apply {
    max-width: 292px;
    margin: 18px auto 0 0;
    width: 100%;
    color: #333333;
    letter-spacing: 0;
    text-align: center;
}
.areaPost .boxRight .postContent .contentPost .apply a {
    display: block;
    font-size: 18px;
    color: #333333;
    background: #7EF5AA;
    border-radius: 60px;
    font-weight: bold;
    text-align: center;
    padding: 13px 10px 16px;
    position: relative;
    border: 3px solid #333333;
    text-decoration: none;
    letter-spacing: 0;
}

.areaPost .boxRight .postContent .contentPost .apply a:before {
    content: "";
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%) rotate(-45deg);
    border: solid #333;
    border-width: 0 2px 2px 0;
    padding: 4px;
    width: auto;
    height: auto;
    background: transparent;
}
.areaPost .boxRight .postContent .contentPost .apply a span {
    position: relative;
}

/* caption */
.areaPost .boxRight .postContent .caption {
    position: relative;
    margin-bottom: 0;
    margin: 49px 0 30px;
}

.areaPost .boxRight .postContent .caption .captionTitle {
    display: inline-block;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    background: #333333;
    min-width: 236px;
    max-width: 90%;
    text-align: center;
    padding: 13px 30px 15px;
    border-radius: 10px;
    margin: 0 0px -30px 0;
}
.areaPost .boxRight .postContent .caption.orangebx .captionTitle {
    background: #FC9B27;
}
.areaPost .boxRight .postContent .caption blockquote ,
.areaPost .boxRight .postContent .caption ul{
    margin: 0;
    border: 3px solid #333333;
    padding: 39px clamp(20px, 2.7vw, 47px) 41px;
    background: #F5F3E3;
    border-radius: 10px;
}
.areaPost .boxRight .postContent .caption.orangebx blockquote ,
.areaPost .boxRight .postContent .caption.orangebx ul{
    border-color: #FC9B27;
}
.areaPost .boxRight .postContent .contentPost .caption blockquote p ,
.areaPost .boxRight .postContent .contentPost .caption ul li {
    position: relative;
    font-size: 18px;
    text-decoration: none;
    text-underline-offset: 3px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: bold;
    color: #333333;
}
.areaPost .boxRight .postContent .contentPost .caption blockquote p a,
.areaPost .boxRight .postContent .contentPost .caption ul li a {
    position: relative;
    display: inline-block;
    font-size: 18px;
    text-decoration: none;
    text-underline-offset: 3px;
    line-height: 1.5;
    letter-spacing: 0;
    font-weight: bold;
    color: #333333;
}
.areaPost .boxRight .postContent .caption > .captionTxt , 
.areaPost .boxRight .postContent .caption ul{
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 1.5;
    letter-spacing: 0;
    border: 3px solid #333333;
    padding: 39px clamp(20px, 2.7vw, 47px) 41px;
    background: #F5F3E3;
    border-radius: 10px;
}

/* dl */
.areaPost .boxRight .postContent dl {
    display: flex;
    border-radius: 4px;
    margin-bottom: 6px;
    align-items: inherit;
    border: none;
}

.areaPost .boxRight .postContent dl dt {
    width: 111px;
    background: #F5F5F5;
    padding: 19.5px 10px;
    font-weight: bold;
    color: #39B767;
    flex-shrink: 0;
    font-size: 16px;
    border: 3px solid #F3F3F3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}

.areaPost .boxRight .postContent dl dd {
    width: calc(100% - 111px);
    padding: 20px 27px 20px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #333;
    background-color: #fff;
    font-weight: normal;
    border: 3px solid #F3F3F3;
}

/* areaContentFaq */
.areaContentFaq {
    margin-bottom: 0;
}
.areaPost .contentPost .areaFaq {
    margin-bottom: 0;
}
.areaPost .contentPost .areaFaq .inner {
    padding: 0;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa {
    padding: 0;
}
.areaContentFaq .areaFaq .faqContent .scrollQa li {
    text-align: justify;
    list-style: none;
    margin-bottom: 6px;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question {
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    padding: 23px clamp(50px, 4.4vw, 75px) 23px 25px;
    background: #39B767;
    border-radius: 10px;
    margin-bottom: 3px;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question:before {
    content: "";
    position: absolute;
    top: 37px;
    background: url(../images/common/icon-question.png) no-repeat center center;
    background-size: 100%;
    right: clamp(15px, 2vw, 36px);
    height: clamp(22px, 1.5vw, 25px);
    width: clamp(22px, 1.5vw, 25px);
    transition: transform .3s;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question.open:before {
    content: "";
    background-image: url(../images/common/icon-answer.png);
    transform: rotate(180deg);
    top: 37px;
    right: clamp(15px, 2vw, 36px);
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .alphabet, 
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question .alphabet, 
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .alphabet {
    font-size: 30px;
    font-weight: bold;
    color: #ffffff;
    width: clamp(35px, 2.6vw, 45px);
    margin-right: clamp(10px, 1.1vw, 19px);
    transform: none;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question .questionTitle {
    width: calc(100% - clamp(35px, 2.6vw, 45px) - clamp(10px, 1.1vw, 19px));
    font-size: 18px;
    font-weight: bold;
    color: #ffffff;
    margin-top: -2px;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer {
    background: #F5F5F5;
    border-radius: 10px;
    padding: 17px 35px 22px 25px;
    display: none;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .alphabet {
    color: #39B767;
    width: clamp(35px, 2.6vw, 45px);
    margin-right: clamp(10px, 0.7vw, 11px);
    display: inline-block;
    line-height: 1.5;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .txt {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    width: calc(100% - clamp(45px, 3.6vw, 55px) - clamp(10px, 0.7vw, 11px)) !important;
    display: inline-block;
    margin-top: 2px;
    letter-spacing: 0px;
    text-align: justify;
}
/* block */
.areaPost .boxRight .postContent .block {
    background: #F3F3F3;
    color: #333333;
    border-left: 5px solid #39B767;
    padding: clamp(15px, 1.7vw, 31px) clamp(15px, 3vw, 60px) clamp(15px, 2.4vw, 40px) clamp(15px, 3.4vw, 60px);
    margin: 10px auto 0;
}

.areaPost .boxRight .postContent .block .blockTitle {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 9px;
}

.areaPost .boxRight .postContent .block .blockTxt {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.74;
}
/* stepWrap */
.areaPost .boxRight .postContent .stepWrap {}
.areaPost .boxRight .postContent .stepWrap .stepBox {
    display: flex;
    justify-content: space-between;
    border-top: 1px solid #F5F5F5;
    padding: 23px 0 24px;
    height: 100%;
}
.areaPost .boxRight .postContent .stepWrap .stepBox:last-child {
    border-bottom: 1px solid #F5F5F5;
}
.areaPost .boxRight .postContent .stepWrap .stepBox .stepNum {
    padding: 9px 0;
}

.areaPost .boxRight .postContent .stepWrap .stepBox .stepNum span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 99px;
    background: #E5F6F1;
    color: #39B767;
    font-size: 28px;
    border-radius: 10px;
    font-weight: bold;
    padding: 12px 10px;
    height: 100%;
    font-family: "Poppins", sans-serif;
}
.areaPost .boxRight .postContent .stepWrap .stepBox .stepPhoto {
    width: 96px;
}
.areaPost .boxRight .postContent .stepWrap .stepBox .stepContent {
    width: calc(100% - 127px);
}

.areaPost .boxRight .postContent .stepWrap .stepBox .stepContent .stepTitle {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    margin-bottom: 7px;
}

.areaPost .boxRight .postContent .stepWrap .stepBox .stepContent .stepTxt {
    font-size: 16px;
    font-weight: 500;
    line-height: 1.82;
    color: #333333;
}
/* ul */
.areaPost .boxRight .postContent .contentPost>ul,
.areaPost .boxRight .postContent .vendorDataBox>ul {
    padding-top: 4px;
    padding-left: 24px;
    margin-bottom: 46px;
    text-align: left;
    margin: 21px 0 55px 27px;
}

.areaPost .boxRight .postContent .contentPost>ul {
    border: none;
    padding: 0;
    margin-bottom: 0;
}
.areaPost .boxRight .postContent .contentPost>ul li:before {
    display: none;
}

.areaPost .boxRight .postContent .contentPost>ul li,
.areaPost .boxRight .postContent .vendorDataBox>ul li {
    list-style: disc;
    font-size: 18px;
    margin-bottom: 7px;
    color: #333333;
    line-height: 1.5;
    font-weight: 500;
    border-bottom: none;
    padding-bottom: 0;
    margin-left: 0;
    padding-left: 0;
    letter-spacing: 0px;
}

/* ol */
.areaPost .boxRight .postContent ol {
    margin-bottom: 0;
    padding-left: 25px;
    margin-top: 22px;
}

.areaPost .boxRight .postContent ol li {
    position: relative;
    font-size: 18px;
    margin-bottom: 7px;
    padding-left: 2px;
    font-weight: 500;
    color: #333333;
}

.areaTitle.areaTitleAfter .titleTxt {
    display: block;
    padding-left: 0;
}

.areaColumnMember .wrapColumnMember .areaTitle.areaTitleAfter .titleTxt::before {
    top: clamp(-168px, -9.6vw, -120px);
}
.areaColumnMember .boxColumnMember .navigation-wrapper .arrow {
    width: 10px;
    height: 38px;
}
.areaColumnMember .boxColumnMember .navigation-wrapper .arrow.arrow--left {
    left: -13px;
}
.areaColumnMember .boxColumnMember .navigation-wrapper .arrow.arrow--right {
    right: -13px;
}
.areaPost .boxRight .boxIntro .headIntro .date.sp {
    display: flex;
}
/* 100326 */
.areaPost .boxRight .boxIntro .date.pc {
    display: none;
}
/* END 100326 */

@media(min-width:769px) {

    .areaPost .boxRight #ez-toc-container .ez-toc-list li a:hover {
        text-decoration: none;
    }
    .areaExperts .expertInfo .infoSeeProfile a:hover {
        color: #39B767;
    }
    .areaExperts .expertInfo .infoSeeProfile a:hover:before {
        border-color: #39B767;
    }

    .areaPost .boxRight .postContent .contentPost .apply a:hover {
        color: #fff;
        background-color: #333;
        opacity: 1;
    }

    .areaPost .boxRight .postContent .contentPost .apply a:hover:before {
        border-color: #fff;
    }
    
    .areaColumnMember .sectionBg {
        padding: clamp(30px, 5.9vw, 41px) 16px clamp(30px, 5.9vw, 77px);
    }

    .areaColumnMember .wrapColumnMember .areaTitle.areaTitleBefore {
        margin-bottom: 36px;
    }

    .areaColumnMember .listColumnMember>li {
        width: calc((100% / 3) - 0px);
        min-width: calc((100% / 3) - 0px);
        max-width: calc((100% / 3) - 0px);
    }
}

@media(max-width: 1460px) and (min-width: 769px) {
    .areaPost .boxRight .boxIntro .introWrap {
        padding: 40px 30px;
    }
    .areaPost .boxRight .postContent {
        padding: 40px 30px;
    }
    .areaPost .boxRight #ez-toc-container {
        padding: 40px 30px;
    }
    .areaPost .boxRight #ez-toc-container::before {
        left: 55px;
    }
}

@media(max-width:1200px) and (min-width:769px) {

    .areaPost .boxRight .boxIntro .listCat a {
        font-size: 20px;
    }
    .areaPost .boxRight .boxIntro .rightTitle {
        font-size: 32px;
    }
    .areaPost .boxRight .postContent h2 {
        font-size: 30px;
        padding: 0 15px 20px;
    }
}
@media (max-width: 1050px) and (min-width: 769px) {
    .areaColumnMember .listColumnMember>li {
        width: calc(100% / 2);
        min-width: calc(100% / 2);
        max-width: calc(100% / 2);
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox {
        padding-right: 25px;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent {
        width: calc(100% - 105px);
        padding: 20px;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox:nth-child(even) {
        padding-right: 0;
        padding-left: 25px;
    }
}
@media (max-width: 1000px) and (min-width: 769px) {
    .areaPost .boxRight .boxIntro .introWrap {
        padding: 30px 20px;
    }
    .areaPost .boxRight .postContent {
        padding: 30px 20px;
    }
    .areaPost .boxRight #ez-toc-container {
        flex-direction: column-reverse;
        gap: 20px;
        padding: 30px 20px;
    }
    .areaPost .boxRight #ez-toc-container::before {
        top: 8px;
        left: 0;
        width: 80px;
        background-image: url(../images/common/toc-container-photo-sp.png);
    }
    .areaPost .boxRight #ez-toc-container .tocTitle {
        width: 100%;
        margin: 0;
    }
    .areaPost .boxRight #ez-toc-container .tocTitle span {
        display: inline-block;
        margin: 0 20px 0 0;
        vertical-align: middle;
    }
    .areaPost .boxRight #ez-toc-container nav {
        flex: inherit;
        width: 100%;
    }
    .areaPost .boxRight .boxIntro .introLearn {
        gap: 20px 30px;
        padding: 25px 20px;
    }
    .areaPost .boxRight .boxIntro .introLearn .learnNote {
        gap: 15px;
    }
    .areaPost .boxRight .boxIntro .introLearn .learnNote .icon {
        width: 55px;
    }   
    .areaExperts .boxExperts {
        gap: 20px;
        padding: 0 20px;
    }
    .areaExperts .boxExperts .experstPhoto {
        width: 150px;
    }
}
@media (min-width: 1001px) {
    .areaTitle.areaTitleAfter .titleTxt {
        padding-right: clamp(133px, 17.3vw, 280px);
    }
    .areaTitle.areaTitleAfter .titleTxt::before {
        right: 4vw;
    }
    .areaColumnMember .areaTitle.areaTitleAfter .titleTxt {
        padding-left: 29px;
    }
}
@media(max-width: 900px) and (min-width: 769px) {

    .areaExperts .wrapExperts {
        padding: 0 0 20px;
        gap: 30px;
    }
    .areaExperts .titleExperts {
        writing-mode: inherit;
        transform: translateY(0px);
        border-radius: 0 0 10px 10px;
        padding: 10px 15px;
        margin: 0 auto;
    }
    .areaExperts .boxExperts {
        width: 100%;
        justify-content: center;
    }
    .areaExperts .boxExperts .leftExperts {
        flex: inherit;
        width: 100%;
    }
    .areaExperts .boxExperts .leftExperts .companyExperts {
        justify-content: center;
    }
    .areaExperts .boxExperts .leftExperts .expertsProfile .nameExperts {
        justify-content: center;
    }

    .areaExperts .expertInfo .infoNetwork {
        padding-left: 0;
    }
}

@media(max-width: 800px) and (min-width: 769px) {

    /* areaExperts */
    .areaExperts .boxExperts {
        padding: 0 20px;
    }
}
@media (min-width: 769px) {
    .areaPost .boxRight .boxIntro .listCat a:hover {
        color: #fc9b27;
    }
    .areaExperts .boxExperts .leftExperts .companyExperts .companyName:hover {
        text-decoration: none;
    }
    .areaExperts .boxExperts .leftExperts .companyExperts .companyBtn:hover {
        background-color: #ffffff;
        color: #333333;
    }
    .areaExperts .boxExperts .leftExperts .companyExperts .companyBtn:hover:before {
        border-color: #333333;
    }
}
@media(max-width: 768px) {
    .areaPost .boxRight .boxIntro.sectionBg {
        border-radius: 17px;
    }

    .areaPost .boxRight .boxIntro .introWrap {
        padding: 22px 21px 22px;
    }

    .areaPost .boxRight .boxIntro .listCat a {
        font-size: 10px;
        /* font-size: 18px; */
    }

    .areaPost .boxRight .boxIntro .rightTitle {
        /* font-size: 24px; */
        font-size: 20px;
        margin-bottom: 21px;
        letter-spacing: 1px;
        line-height: 1.59;
    }

    .areaPost .boxRight .boxIntro .photoDetail img {
        border-radius: 5px;
    }
    .areaPost .boxRight .boxIntro .photoTitle {
        margin-top: 12px;
        transition-duration: 0.3s;
    }
    .areaPost .boxRight .boxIntro .photoTitle.is-animating {
        will-change: max-height;
    }

    .areaPost .boxRight .boxIntro .postSub {
        font-size: 14px;
        font-weight: 600;
        line-height: 1.44;
        /* margin-bottom: 25px; */
        letter-spacing: -0.4px;
    }

    .areaPost .boxRight .boxIntro .postSub p:not(:last-child) {
        margin-top: 18px;
    }
    .areaPost .boxRight .boxIntro .date{    
        display: flex;
        justify-content: space-between;
        align-items: center;
    }
    .areaPost .boxRight .boxIntro .date>span:not(:last-child) {
        margin-bottom: 2px;
    }
    .areaPost .boxRight .boxIntro .date>span {
        margin-bottom: 2px;
    }
    .areaPost .boxRight .boxIntro .date>span {
        /* font-size: 14px; */
        font-size: 10px;
    }
    .areaPost .boxRight .boxIntro .introLearn {
        padding: 18px 21px 23px;
        gap: 18px 30px;
    }

    .areaPost .boxRight .boxIntro .introLearn .learnNote {
        gap: 15px;
    }

    .areaPost .boxRight .boxIntro .introLearn .learnNote .sub br {
        display: none;
    }

    .areaPost .boxRight .boxIntro .introLearn .learnNote .icon {
        width: 36px;
    }

    .areaPost .boxRight .boxIntro .introLearn .learnNote .icon img {
        aspect-ratio: 36/37;
    }

    .areaPost .boxRight .boxIntro .introLearn .learnList li {
        font-size: 14px;
        padding-left: 37px;
    }

    .areaPost .boxRight .boxIntro .introLearn .learnList li::before {
        top: -2px;
        left: 0px;
    }

    /* areaExperts */
    .areaPost .boxRight .postContent {
        padding: 30px 21px;
    }

    .areaPost .boxRight .postContent .contentPost .areaExperts p.titleExperts {
        font-size: 20px;
        padding: 12px 10px;
    }

    .areaExperts .wrapExperts {
        justify-content: center;
        gap: 20px;
        padding: 0;
    }

    .areaExperts .titleExperts {
        writing-mode: inherit;
        font-size: 16px;
        padding: 10px;
        border-radius: 0 0 10px 10px;
        transform: translateY(0);
    }

    .areaExperts .boxExperts {
        justify-content: center;
        width: 100%;
        padding: 15px;
        gap: 20px;
    }

    .areaExperts .boxExperts .experstPhoto {
        width: 50%;
        max-width: 150px;
    }

    .areaExperts .boxExperts .leftExperts {
        width: 100%;
        flex: inherit;
        gap: 20px;
    }

    .areaExperts .boxExperts .leftExperts .expertsProfile {
        margin-bottom: 15px;
        display: flex;
        align-items: center;
        gap: 15px;
    }
    .areaExperts .boxExperts .leftExperts .infoCompanyExperts {
        margin: 0 auto;
    }
    .areaExperts .boxExperts .leftExperts .companyExperts {
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 10px;
        margin-bottom: 15px;
    }
    .areaExperts .boxExperts .leftExperts .companyExperts .companyName {
        display: block;
    }
    .areaExperts .boxExperts .leftExperts .companyExperts .companyBtn {
        display: block;
    }
    .areaExperts .boxExperts .leftExperts .degreeExperts {
        gap: 10px 20px;
    }

    .areaExperts .boxExperts .leftExperts .degreeExperts .degreeIntro::after {
        top: 10px;
        right: -16px;
    }

    .areaExperts .expertInfo {
        gap: 10px;
    }

    .areaExperts .expertInfo .infoNetwork {
        flex: inherit;
        width: 100%;
        padding: 0 10px;
    }

    .areaExperts .expertInfo .infoSeeProfile {
        width: 100%;
        text-align: center;
    }

    .areaExperts .boxExperts .leftExperts .expertsProfile .nameExperts {
        font-size: 20px;
        justify-content: center;
    }
    .areaExperts .boxExperts .leftExperts .expertsProfile .nameExperts.pc {
        display: none;
    }
    .areaExperts .boxExperts .leftExperts .expertsProfile .companyExperts .nameExperts.sp {
        display: flex;
    }
    .areaExperts .boxExperts .leftExperts .txtExperts {
        font-size: 14px;
        text-align: justify;
        color: #333333;
        line-height: 1.7;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
        transition: all 0.3s ease;
    }
    .areaExperts .boxExperts .leftExperts .txtExperts.is-open{
        -webkit-line-clamp: unset;
        overflow: visible;
    }
    .areaExperts .boxExperts .leftExperts .btnInfoSeeProfile{
        display: block;
        position: relative;
        cursor:pointer;
        background: #ffffff;
        text-align: center;
        width: 100%;
        max-width: 280px;
        margin: 0 auto;
        padding: 7px 0;
        font-family: 'Noto Sans JP', sans-serif;
        border-radius: 100px;
        margin-top: 15px;
    }
    .areaExperts .boxExperts .leftExperts .btnInfoSeeProfile::after {
        content: " ›";
        position: static;
        transform: none;
        font-size:1.4em;
        line-height:1;
        margin-left: 5px;
        margin-right: -15px;
    }
    /* ez-toc-container */
    .areaPost .boxRight #ez-toc-container {
        flex-direction: column-reverse;
        gap: 41px;
        padding: 28px 24px 29px;
        margin-bottom: 21px
    }

    #ez-toc-container .toc-on-off {
        bottom: 5px;
        font-size: 12px;
    }

    .areaPost .boxRight #ez-toc-container::before {
        top: -1px;
        left: 0;
        width: 88px;
        background-image: url(../images/common/toc-container-photo-sp.png);
    }

    .areaPost .boxRight #ez-toc-container .tocTitle {
        width: 100%;
        margin: 0;
        padding-left: 72px;
        display: flex;
        justify-content: center;
        align-items: flex-end;
        flex-direction: row-reverse;
        gap: 10px;
    }

    .areaPost .boxRight #ez-toc-container .tocTitle span {
        display: inline-block;
        margin: 0px 14px 0 0;
        transform: translateY(-7px)
    }

    .areaPost .boxRight #ez-toc-container nav {
        width: 100%;
        padding-top: 1px;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list li {
        letter-spacing: -.4px;
        font-size: 12px;
        margin-bottom: 7px;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list>li:not(:last-child) {
        margin-bottom: 5px;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list li::marker {
        font-size: 12px;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list li span {
        font-size: 18px;
        margin-right: 10px;
        width: 25px;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list li a {
        font-size: 14px;
        line-height: 1.57;
        display: inline;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-title-container .ez-toc-title {
        font-size: 14px;
        margin-top: 3px;
        display: block;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list>li .ez-toc-list-level-3 {
        margin-top: 12px;
        margin-left: 10px;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list>li .ez-toc-list-level-3 .counter {
        display: inline-block;
        transform: translateY(2px);
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list>li .ez-toc-list-level-3 a {
        flex: 1;
        font-weight: 400;
    }

    .areaPost .boxRight #ez-toc-container .ez-toc-list>li .ez-toc-list-level-3 li:not(:last-child) {
        margin-bottom: 3px;
    }

    #ez-toc-container.ezToggle nav {
        height: 355px;
    }

    .areaPost .boxRight #ez-toc-container.ezToggle:after {
        height: 190px;
    }

    /* bubble */
    .areaPost .boxRight .postContent .bubble .bubbleBox {
        padding: 0 !important;
    }

    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent {
        font-size: 14px;
        padding: 19px 18px 21px;
        width: calc(100% - 85px);
        line-height: 1.6;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent:before {
        top: 20%;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser {
        width: 60px;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userName {
        font-size: 14px;
    }

    /* h4 */
    .areaPost .boxRight .postContent h4 {
        font-size: 16px;
        padding-left: 9px;
        letter-spacing: -.9px;
        margin: 40px 0 20px;
    }

    .areaPost .boxRight .postContent .contentPost> p + h4 {
        margin-top: 40px;
    }

    .areaPost .boxRight .postContent h4:before {
        left: 0;
        width: 5px;
        height: 16px;
    }

    /* areaReview */
    .areaReview {
        padding: 20px;
    }
    .areaReview .reviewFrame {}

    .areaReview .reviewBox {
        width: clamp(250px, 66.7vw, 300px);
        min-width: clamp(250px, 66.7vw, 300px);
        padding: 20px;
        margin-right: 16px;
    }

    .areaReview .reviewBox .male .maleRatting {
        justify-content: space-between;
        flex-wrap: wrap;
    }

    .areaReview .reviewBox .male .maleRatting .ratingNumber {
        margin-right: 7px;
    }

    .areaReview .reviewBox ul.listRatting li {
        margin: 0 0 0 5px;
        width: 25px;
    }

    .areaReview .reviewBox ul.listReview {
        max-width: 100%;
    }

    /* table */
    .areaPost .boxRight .postContent table th {
        font-size: 15px !important;
        padding: 10px 15px 10px 15px;
    }
    .areaPost .boxRight .postContent table td,
    .areaPost .boxRight .postContent table td:first-child {
        font-size: 14px !important;
        padding: 10px 15px 10px 15px;
        border: 3px solid #F3F3F3;
        width: 50%;
    }

    .areaPost .boxRight .postContent table tr td:last-child {
        border: 3px solid #F3F3F3;
    }

    /* openItem */
    .areaPost .boxRight .postContent .contentPost .openItem .openTitle {
        font-size: 14px;
        padding-right: 40px;
    }

    .areaPost .boxRight .postContent .contentPost .openItem .openTitle:before {
        top: 50%;
        transform: translateY(-50%);
        right: 12px;
        width: 17px;
        height: 17px;
    }
    .areaPost .boxRight .postContent .contentPost .openItem .openTitle.open:before {
        transform: translateY(-50%) rotate(180deg);
        top: 50%;
        right: 12px;
    }
    .areaPost .boxRight .postContent .contentPost .openItem .openContent {
        font-size: 14px;
    }
    /* apply */
    .areaPost .boxRight .postContent .contentPost .apply {
        max-width: 180px;
        margin: 20px auto 0 0;
    }
    .areaPost .boxRight .postContent .contentPost .apply a {
        font-size: 14px;
        padding: 9px 10px;
    }

    .areaPost .boxRight .postContent .contentPost .apply a:before {
        right: 24px;
    }

    /* caption */
    .areaPost .boxRight .postContent .caption {
        margin: 17px 0;
    }

    .areaPost .boxRight .postContent .caption .captionTitle {
        min-width: 160px;
    }

    .areaPost .boxRight .postContent .contentPost .caption blockquote,
    .areaPost .boxRight .postContent .contentPost .caption ul {
        padding: 40px 20px 30px;
    }
    .areaPost .boxRight .postContent .contentPost .caption blockquote p,
    .areaPost .boxRight .postContent .contentPost .caption ul li {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .areaPost .boxRight .postContent .contentPost .caption blockquote p a,
    .areaPost .boxRight .postContent .contentPost .caption ul li a {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0;
    }
    .areaPost .boxRight .postContent .caption .captionTxt {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0;
        padding: 40px 20px 30px;
    }

    .areaPost .boxRight .postContent .contentPost .caption ul>li {
        font-size: 14px;
        line-height: 1.5;
        letter-spacing: 0;
    }

    /* dl */
    .areaPost .boxRight .postContent dl dt {
        width: 90px;
        padding: 10px 10px;
        font-size: 14px;
        border: 3px solid #F3F3F3;
    }
    .areaPost .boxRight .postContent dl dd {
        width: calc(100% - 90px);
        padding: 10px 15px 10px;
        font-size: 14px;
        border: 3px solid #F3F3F3;
    }
    /* faqContent */
    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .alphabet, 
    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question .alphabet, 
    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .alphabet {
        font-size: 24px;
        width: 30px;
        margin-right: 5px;
    }

    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question {
        padding: 20px 45px 20px 15px;
    }

    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question:before {
        right: 10px;
        width: 17px;
        height: 17px;
    }
    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question .questionTitle {
        font-size: 15px;
        width: calc(100% - 35px);
    }

    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question.open:before {
        right: 10px;
    }

    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer {
        padding: 20px 25px 20px 15px;
    }

    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .alphabet {
        width: 25px;
        margin-right: 5px;
    }

    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .txt {
        font-size: 15px;
        width: calc(100% - 40px) !important;
    } 

    /* block */
    .areaPost .boxRight .postContent .block {
        padding: 25px 30px;
    }

    .areaPost .boxRight .postContent .block .blockTitle {
        font-size: 15px;
    }

    .areaPost .boxRight .postContent .block .blockTxt {
        font-size: 14px;
    }

    /* stepWrap */
    .areaPost .boxRight .postContent .stepWrap .stepBox .stepNum span {
        width: 50px;
        font-size: 28px;
    }

    .areaPost .boxRight .postContent .stepWrap .stepBox .stepContent {
        width: calc(100% - 60px);
    }
    .areaPost .boxRight .postContent .stepWrap .stepBox .stepContent .stepTitle {
        font-size: 16px;
    }
 
    .areaPost .boxRight .postContent .stepWrap .stepBox .stepContent .stepTxt {
        font-size: 14px;
    }

    /* ul */
    .areaPost .boxRight .postContent .contentPost>ul,
    .areaPost .boxRight .postContent .vendorDataBox>ul {}

    .areaPost .boxRight .postContent .contentPost>ul li,
    .areaPost .boxRight .postContent .vendorDataBox>ul li {
        font-size: 14px;
        margin-bottom: 2px;
        line-height: 1.75;
    }

    .areaPost .boxRight .postContent .contentPost>ul li::marker,
    .areaPost .boxRight .postContent .vendorDataBox>ul li::marker {
        font-size: 8px;
    }

    /* ol */
    .areaPost .boxRight .postContent ol {
        margin-bottom: 0;
    }

    .areaPost .boxRight .postContent ol li {
        font-size: 14px;
        margin-bottom: 0;
        padding-left: 6px;
    }

    .areaPost .boxRight .postContent ol li:before {
        top: 8px;
        left: 0;
        width: 3px;
        height: 3px;
    }

    /* areaColumnMember */
    .areaColumnMember {
        margin-bottom: 0;
    }
    .areaColumnMember .wrapColumnMember .areaTitle.areaTitleAfter .titleTxt::before {
        top: clamp(-67px, -14vw, -40px);
    }

    .areaPost .boxRight .boxIntro .headIntro {
        gap: 5px 10px;
    }
    .areaPost .boxRight .boxIntro .date>span .date {
        margin-left: 5px;
    }

    /* 100326 */
    .areaPost .boxRight .boxIntro .date.pc,
    .areaPost .boxRight .boxIntro .date.sp {
        display: none;
    }
    /* END 100326 */

}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink.btnAINextLink {
    display: block;
    width: 100%;
    max-width: 266px;
    text-align: center;
    margin: 0 auto;
}
.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink.btnAINextLink a {
    position: relative;
    display: block;
    background: #7EF5AA;
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    border-radius: 30px;
    border: 3px solid #333333;
    padding: 8px 12px 10px 1px;
}
.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink.btnAINextLink a::before {
    content: "";
    position: absolute;
    top: 43%;
    right: 20px;
    transform: translateY(-50%) rotate(45deg);
    border: solid #333;
    border-width: 0 2px 2px 0;
    padding: 4px;
}
.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.btnNextLink.btnAINextLink a::after {
    content: none;
}
@media(max-width: 768px) {
    .areaListReview .ListReview .reviewRateScore {
        flex-wrap: wrap;
    }
    .areaListReview .ListReview .reviewRateScore .reviewBox .reviewWrapContent .wrapReviewRight {
        overflow-x: inherit;
        user-select: inherit;
        max-width: none;
        justify-content: inherit;
    }
    .areaListReview .ListReview .reviewRateScore .reviewBox .reviewRate .reviewPerson .reviewInfor  {
        text-align: left;
    }
    .areaListReview .ListReview .reviewRateScore .reviewBox .wrapReviewLeft {
        max-width: none;
    }
    .areaListReview .ListReview .reviewRateScore .reviewBox .reviewWrapContent .wrapReviewRight .imgReviewRight {
        flex: none;
    }
}

.traderReviewArea.areaReviews .wapperReviews {
    margin-bottom: 30px;
}

.traderReviewArea.areaReviews .wapperReviews .boxReviews {
    width: 100%;
    max-width: 850px;
    border-radius: 25px;
    padding: 34px 50px 22px;
    margin: 0 auto;
    background-color: #E5F6F1;
}

.traderReviewArea.areaReviews .boxReviews .garbageRate {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: transparent;
    margin-bottom: 32px;
}

.traderReviewArea.areaReviews .boxReviews .garbageRate>li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}

.traderReviewArea.areaReviews .boxReviews .garbageRate>li:not(:last-child) {
    margin-bottom: 9px;
}

.traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateTitle {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding-left: 0;
    background: transparent;
    letter-spacing: 0.9px;
}

.traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateList {
    margin-top: 0;
    transform: translateY(-1px);
    margin-left: 16px;
}

.traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateList>li {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
}

.traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateScore.ScoreRed {
    margin-left: 12px;
    transform: translateY(-1px);
    font-size: 40px;
    font-weight: 900;
    color: #333333;
    line-height: 1;
}

.traderReviewArea.areaReviews .wapperReviews .garbageRate>li.chat .garbageRateTitle {
    font-size: 20px;
    padding-left: 0;
    background: transparent;
}

.traderReviewArea.areaReviews .wapperReviews .garbageRate>li.chat .garbageRateScore {
    font-size: 20px;
    margin-left: 9px;
}

.traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateScore .textLink {
    display: inline-block;
    font-size: 18px;
    color: #FE6F10;
    margin-left: -5px;
    letter-spacing: 1px;
    transform: translateY(-1px);
}

.traderReviewArea.areaReviews .boxReviews .boxEvaluate {
    max-width: 510px;
    margin: 0 auto;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt {
    font-size: 18px;
    margin-right: 19px;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt a {
    color: #FE6F10;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList {
    display: flex;
    align-items: center;
    transform: translateY(1px);
}


.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
    width: 20px;
    margin-right: 5px;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .measure {
    position: relative;
    width: 240px;
    height: 15px;
    background-color: #ffffff;
    margin: 0 0 0 15px;
    transform: translateY(1px);
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .measure .mete {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    background-color: #FE6F10;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(2) .measure .mete {
    width: 53%;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(3) .measure .mete {
    width: 57%;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(4) .measure .mete {
    width: 0;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(5) .measure .mete {
    width: 9%;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .number {
    font-size: 18px;
    margin-left: 3px;
}

.traderReviewArea.areaReviews .wapperReviews .boxEvaluate .number a {
    color: #FE6F10;
}
/* 461 260326 */
@media (max-width: 1050px) and (min-width: 769px) {
    .traderReviewArea.areaReviews .wapperReviews .boxReviews {
        padding: 30px 30px 20px;
    }
}
@media(max-width: 950px) and (min-width:769px) {
    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt {
        font-size: 16px;
        margin-right: 10px;
    }
    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt a {
        font-size: 16px;
    }
    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
        width: 18px;
        margin-right: 3px;
    }
    .areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p>a {
        font-size: 16px;
    }
}
@media(max-width: 880px) and (min-width: 769px) {
    .areaReviews .boxReviews .boxEvaluate {
        max-width: 400px;
    }
    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateList {
        transform: translateY(4px);
    }
    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
        width: 16px;
        margin-right: 2px;
    }
    .traderReviewArea.areaReviews .boxReviews .boxEvaluate .listEval>li .measure {
        width: 200px;
    }
}
@media(max-width: 790px) and (min-width: 769px) {
    .traderReviewArea.areaReviews .wapperReviews .boxReviews {
        padding: 30px 10px 20px;
    }
}
/* END 461 260326 */
@media(max-width: 768px) {
    .traderReviewArea.areaReviews .wapperReviews .boxReviews {
        max-width: 100%;
        border-radius: 2px;
        padding: 20px 10px 12px;
        margin-bottom: 0;
    }

    .traderReviewArea.areaReviews .boxReviews .boxEvaluate {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }

    .traderReviewArea.areaReviews .wapperReviews .btnReview {
        width: 200px;
    }

    .traderReviewArea.areaReviews .wapperReviews .btnReview a {
        font-size: 14px;
        padding: 7px 5px
    }

    .traderReviewArea.areaReviews .wapperReviews .btnReview a::before {
        right: 10px;
    }

    .traderReviewArea.areaReviews .boxForm .itemForm .ttl {
        width: 40%;
        font-size: 16px;
    }

    .traderReviewArea.areaReviews .boxForm .itemForm .ipt {
        width: 60%;
    }

    .traderReviewArea.areaReviews .titleReviews {
        margin-bottom: 11px;
        font-size: 20px;
    }

    .traderReviewArea.areaReviews .boxReviews .garbageRate {
        width: 100%;
        margin-bottom: 10px;
    }

    .traderReviewArea.areaReviews .boxReviews .garbageRate>li {
        margin-bottom: 26px;
        padding-left: 2px;
    }

    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateTitle {
        font-size: 16px;
        margin: 0;
    }

    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateList {
        margin-top: 0;
        transform: translateY(0);
        margin-left: 6px;
    }

    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateList>li {
        width: 18px;
        margin-right: 2px;
    }

    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateScore.ScoreRed {
        margin-left: 8px;
        transform: translateY(-1px);
        font-size: 24px;
    }

    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li.chat .garbageRateTitle {
        font-size: 14px;
    }

    .traderReviewArea.areaReviews .boxReviews .garbageRate>li {
        line-height: 1.5;
        margin-bottom: 12px;
    }

    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li.chat .garbageRateScore {
        font-size: 14px;
        margin-left: 15px;
    }

    .traderReviewArea.areaReviews .wapperReviews .garbageRate>li .garbageRateScore .textLink {
        font-size: 12px;
        margin-left: -6px;
    }

    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .number {
        line-height: 1;
        margin: 0 -10px 0 -4px;
    }
    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .number a {
        font-size: 12px;
        letter-spacing: 0;
    }

    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .measure {
        position: relative;
        width: calc(100% - 140px);
        height: 10px;
        background-color: #fde2bf;
        margin: 0 9px 0 13px;
    }

    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
        width: 12px;
        margin-right: 2px;
    }

    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt {
        margin-right: 5px;
        line-height: 0.7;
    }
    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt a {
        font-size: 12px;
        letter-spacing: 0;
    }

    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList {
        line-height: 1;
    }

    .traderReviewArea.areaReviews .wapperReviews .boxEvaluate .listEval>li {
        display: flex;
        align-items: center;
        margin-bottom: 3px;
        margin-right: 0;
    }
}



/* row 477 */
.campaignTrader {
    margin: 20px 0;
}

.campaignTraderBg {
    background: #F5F3E3;
    padding: 0;
}

.campaignTraderBg .campaignTraderContent {
    background: none;
    padding: 0 57px 37px;
    position: relative;
}
.campaignTraderBg .campaignTraderContent .campaignTraderTitle {
    border-radius: 0 0 20px 20px;
    color: #F4ECE4;
    background: #39B767;
    width: fit-content;
    padding: 12px 30px;
    margin: 0 auto;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.16;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember {
    padding: 31px 0 22px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
    width: 375px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto img {
    aspect-ratio: 2/1;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
    width: calc(100% - 396px);
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderSlogan {
    font-size: 14px;
    font-weight: bold;
    text-align: start;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle {
    font-weight: bold;
    text-align: start;
}

.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating {
    column-gap: 8px;
    justify-content: start;
    margin-top: 12px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .traderRatingAvg, .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .traderRatingCount {
    width: fit-content;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList {
    display: inline-flex;
    gap: 1.8px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList li {
    width: 13.14px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore.ScoreRed {
    font-size: 25px;
    color: #FE6F10;
    font-weight: bold;
    line-height: 0.9;
    margin-left: 6px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .traderRatingAvg .garbageRateScore.reviewLink {
    display: inline-block;
    transform: translateY(-3px);
    margin-left: 5px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore a {
    font-size: 11px;
    color: #303030;
    font-weight: bold;
    text-decoration: underline;
    text-underline-offset: 2px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderListPoints {
    text-align: start;
    margin-top: 6px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderListPoints li {
    font-size: 16px;
    line-height: 1.8;
    color: #303030;
    padding-left: 31px;
    font-weight: bold;
    position: relative;
    letter-spacing: 0;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderListPoints li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 15px;
    transform: translateY(-50%);
    width: 23px;
    aspect-ratio: 1/1;
    background: url(../images/column-detail/icon-check-green.svg) no-repeat center;
    background-size: 100%;
        
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap {
    display: flex;
    gap: 14.07px;
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox {
    width: 100%;
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox a {
    display: block;
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    border: 3px solid;
    border-radius: 100px;
    padding: 9px 10px;
    background: white;
    transition: all 0.3s;
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a {
    border-color: #FE6F10;
    box-shadow: 0 4px 0 rgba(255,183,135);
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a .highlight {
    color: #FE6F10;
}

.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.siteLink a {
    border-color: #39B767;
    box-shadow: 0 4px 0 rgba(23,185,83);
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.siteLink a .highlight {
    color: #39B767;
}

.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox a .text {
    position: relative;
    padding-left: 39px;
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.siteLink a .text {
    padding-left: 49px;
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox a .text::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.siteLink a .text::before {
    background: url(../images/column-detail/icon-site-link.svg) no-repeat center;
    background-size: 100%;
    width: 40px;
    aspect-ratio: 40/29;
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a .text::before {
    background: url(../images/column-detail/icon-review.svg) no-repeat center;
    background-size: 100%;
    width: 29px;
    aspect-ratio: 1/1;
}
.areaPost .boxRight .postContent .contentPost .campaignTraderBg .campaignTraderContent p.campaignTraderLinkBox a::before {
    display: none;
}
@media (max-width: 1460px) {
    .campaignTraderBg .campaignTraderContent {
        padding: 0 30px 37px;
    }
}
@media (max-width: 1160px) and (min-width: 1021px) {
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
        width: 300px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
        width: calc(100% - 321px);
    }
}
@media (max-width: 1020px) {
    .campaignTraderBg .campaignTraderContent .campaignTraderMember {
        flex-direction: column;
        justify-content: unset;
        row-gap: 21px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
        width: 100%;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
        width: 100%;
    }
}
@media (max-width: 1000px) {
    .campaignTraderBg .campaignTraderContent {
        padding: 0 20px 37px;
    }
}   
@media (max-width: 900px) {
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox a {
        font-size: 17px;
        padding: 9px 5px;
    }
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox a .text {
        padding-left: 30px;
    }
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a .text::before {
        width: 25px;
        top: 60%;
    }
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.siteLink a .text {
        padding-left: 35px;
    }
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.siteLink a .text::before {
        width: 30px;
    }
}
@media (max-width: 800px) and (min-width: 769px) {
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap {
        flex-wrap: wrap;
    }
}
@media (min-width: 769px) {
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore a:hover {
        text-decoration: none;
    }
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox a:hover {
        transform: translateY(4px);
        box-shadow: none;
    }
}
@media (max-width: 768px) {
    .campaignTraderBg .campaignTraderContent {
        padding: 0 21px 30px;
    }
    .campaignTraderBg.sectionBg {
        border-radius: 17px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember {
        padding: 20px 0 15px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderTitle {
        padding: 12px 10px;
        font-size: 16px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderSlogan {
        font-size: 12px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderListPoints li {
        font-size: 14px;
        padding-left: 25px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderListPoints li::before {
        width: 19px;
        top: 13px;
    }
}   

@media (max-width: 560px) {
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap {
        flex-wrap: wrap;
    }
}
/* end row 477 */


/* 482 260421 */
.areaPost .boxRight .postContent {
    padding: 60px 77px 40px;
}
.areaPost .boxRight .postContent h2 {
    margin-bottom: 35px;
}

@media (max-width: 1460px) and (min-width: 769px) {
    .areaPost .boxRight .postContent {
        padding: 40px 30px;
    }
}
@media (max-width: 1000px) and (min-width: 769px) {
    .areaPost .boxRight .postContent {
        padding: 30px 20px;
    }
}
@media (max-width: 768px) {
    .areaPost .boxRight .postContent {
        padding: 30px 21px;
    }
}
.areaBannerWebsite {
    margin: 20px auto;
    max-width: 100%;
}
.areaBannerWebsite .wrapBannerWeb {
    border: 3px solid #333333;
    border-radius: 15px;
    padding: 28px 13px 18px;
    position: relative;
    display: flex;
    background: url('../images/trader-detail/bg-banner-website.jpg') no-repeat center center/cover;
    overflow: hidden;
}

.areaBannerWebsite .wrapBannerWeb .badgeIcon {
    background: #39B767;
    color: #ffffff;
    padding: 4px 8px;
    border-radius: 10px 40px 40px 40px;
    font-weight: bold;
    font-size: 20px;
    position: absolute;
    top: -3px;
    left: -3px;
    z-index: 2;
    width: 86px;
    height: 86px;
    text-align: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-indent: 10px;
}
.areaBannerWebsite .wrapBannerWeb .badgeIcon:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-top: 18px solid transparent;
    border-bottom: 18px solid transparent;
    border-left: 30px solid #39B767;
    bottom: -1px;
    right: -5px;
    transform: rotate(41deg);
}
.areaBannerWebsite .wrapBannerWeb .contentBannerWeb {
    flex: 1;
    padding-left: 88px;
    display: flex;
    flex-direction: column;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 8px;
    padding-right: 40px;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb {
    flex: 1;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .subTitleWeb {
    font-size: 18px;
    font-weight: bold;
    display: block;
    color: #333;
    margin-bottom: 14px;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .mainTitleWeb {
    color: #FE6F10;
    font-size: 32px;
    font-weight: 800;
    line-height: 1.56;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb {
    width: 161px;
    margin-left: 20px;
    display: flex;
    justify-content: center;
    margin-top: -6px;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb img {
    max-width: 100%;
    height: auto;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb {
    display: flex;
    justify-content: space-between;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .txtBannerWeb {
    font-weight: 500;
    font-size: 14px;
    line-height: 1.7;
    color: #333333;
}
.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .wrapTxtBannerWeb {
    width: calc(100% - 310px);
}
.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb {
    width: 301px;
    margin: 2px 0 0 auto;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb a {
    color: #333;
    text-decoration: none;
    font-weight: bold;
    padding: 14px 36px 17px 20px;
    border-radius: 13px;
    font-size: 17px;
    box-shadow: 0 4px 0 #FF6E00;
    align-items: center;
    background: #FF950A;
    background: linear-gradient(90deg,rgba(255, 149, 10, 1) 0%, rgba(255, 212, 0, 1) 100%);
    position: relative;
    width: 100%;
    display: block;
    transition: all 0.3s ease;
}

.areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb a:after {
    content: "";
    position: absolute;
    background: url('../images/trader-detail/icon-button-cta-web.svg') no-repeat;
    background-size: 100%;
    top: 51%;
    transform: translateY(-50%);
    right: 19px;
    width: 10px;
    height: 15px;
}
@media (max-width: 1120px) and (min-width: 769px) {
    .areaBannerWebsite .wrapBannerWeb .badgeIcon {
        font-size: clamp(14px, 1.7vw, 20px);
        width: clamp(70px, 7.7vw, 86px);
        height: clamp(70px, 7.7vw, 86px);
        text-indent: 8px;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb {
        padding-left: clamp(60px, 7.8vw, 88px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb {
        padding-right: clamp(20px, 3.5vw, 40px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .subTitleWeb {
        font-size: clamp(14px, 1.6vw, 18px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .mainTitleWeb {
        font-size: clamp(28px, 2.8vw, 32px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb {
        width: clamp(120px, 14.3vw, 161px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .txtBannerWeb {
        font-size: 12px;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .wrapTxtBannerWeb {
        width: calc(100% - clamp(240px, 26.8vw, 301px) - 10px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb {
        width: clamp(240px, 26.8vw, 301px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb a {
        font-size: clamp(14px, 1.5vw, 17px);
        padding: 16px 26px 16px 14px;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb a:after {
        right: 10px;
    }
}
@media (max-width: 950px) and (min-width: 769px) {
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb {
        /* flex-direction: column; */
        padding-right: 0;
        margin-bottom: 28px;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb {
        margin-bottom: 20px;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .subTitleWeb {
        margin-bottom: 4px;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb {
        margin: 0 auto 0;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb {
        /* flex-direction: column; */
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .wrapTxtBannerWeb{
        width: calc(100% - clamp(240px, 26.8vw, 301px) - 10px);
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .txtBannerWeb {
        margin-bottom: 12px;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb {
        margin: 0 auto;
    }
}
@media (min-width: 769px) {
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb a:hover {
        transform: translateY(4px);
        box-shadow: none;
    }
}

@media (max-width: 768px) {
    .areaBannerWebsite {
        margin: 20px auto;
        max-width: 900px;
    }
    .areaBannerWebsite .wrapBannerWeb {
        border: 3px solid #333333;
        border-radius: 15px;
        padding: 0;
        flex-direction: column;
        background: url('../images/trader-detail/bg-banner-website.jpg') repeat;
        background-size: 100%;
    }

    .areaBannerWebsite .wrapBannerWeb .badgeIcon {
        /* padding: 4px 11px;
        border-radius: 0;
        font-size: 20px;
        position: initial;
        z-index: 2;
        width: 100%;
        height: initial;
        text-indent: 0; */
        font-size: 16px;
        width: 75px;
        height: 75px;
    }
    .areaBannerWebsite .wrapBannerWeb .badgeIcon:after {
        /* display: none; */
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb {
        padding: 20px 15px;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb {
        margin-bottom: 0;
        padding-right: 0;
        /* flex-direction: column; */
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb {
        margin-bottom: 10px;
        flex: initial;
        width: 100%;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .subTitleWeb {
        font-size: 15px;
        margin-bottom: 30px;
        text-align: left;
        padding-left: 70px;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .mainTitleWeb {
        font-size: 22px;
        text-align: left;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb {
        width: 161px;
        margin: 0 auto;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb.pc {
        display: none;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb img {
        max-width: 100%;
        height: auto;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb {
        /* flex-direction: column; */
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .wrapTxtBannerWeb {
        display: flex;
        justify-content: space-between;
        align-items: top;
        gap: 10px;
        width: 100%;
    }
    
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .txtBannerWeb {
        font-size: 14px;
        width: 100%;
        margin-bottom: 15px;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb {
        max-width: 301px;
        width: 100%;
        margin: 0 auto;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb a {
        padding: 16px 16px 16px 10px;
        font-size: 16px;
        width: 100%;
        text-align: center;
    }

    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .btnLinkWeb a:after {
        top: 53%;
        right: 10px;
        width: 9px;
        height: 14px;
    }
}
@media (min-width: 601px) {
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .wrapTxtBannerWeb .imgBannerWeb.sp{
        display: none;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb.pc {
        display: block;
    }
}
@media (max-width: 600px) {
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .wrapTxtBannerWeb .imgBannerWeb.sp{
        display: block;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .imgBannerWeb.pc {
        display: none;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb{
        flex-direction: column;
    }
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .txtBannerWeb {
        width: 80%;
    }

}
@media (max-width: 560px) {
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .boxBannerWeb .wrapHeadBannerWeb .subTitleWeb {
        margin-bottom: 15px;
    }
}

@media (max-width: 559px) and (min-width: 391px) {
    .areaBannerWebsite .wrapBannerWeb .contentBannerWeb .iframeBannerWeb .wrapTxtBannerWeb .imgBannerWeb {
        width: 30%;
    }
}

/* areaEditMember */
.areaEditMember {
    background-color: #fdfae7;
    border: 2px solid #333;
    border-radius: 10px;
    overflow: hidden;
    max-width: 100%;
    margin: 40px auto;
}

    
.areaEditMember .wrapEditMember {}

.areaEditMember .wrapEditMember .boxEditMember {}

.areaEditMember .wrapEditMember .boxEditMember .boxSubEditMember {
    position: relative;
    background-color: #7EF5AA;
    display: inline-block;
    padding: 10px 55px 12px 53px;
    border-bottom-right-radius: 20px;
    min-width: 242px;
    text-align: center;
    letter-spacing: 0;
}

.areaEditMember .wrapEditMember .boxEditMember .boxSubEditMember .iconPencil {
    width: 55px;
    height: 47px;
    position: absolute;
    top: -2px;
    left: -1px;
}

.areaEditMember .wrapEditMember .boxEditMember .boxSubEditMember .iconPencil img {
    width: 100%;
    height: 100%;
}
.areaEditMember .wrapEditMember .boxEditMember .boxSubEditMember .subEditMember {
    font-weight: bold;
    font-size: 20px;
    color: #333;
}

.areaEditMember .wrapEditMember .contentEditMember {
    padding: 17px 28px 23px;
}

.areaEditMember .wrapEditMember .contentEditMember .txtEditMember {
    font-size: 19px;
    line-height: 1.58;
    color: #333;
    margin: 0 0 10px 0;
    font-weight: 700;
    letter-spacing: 0;
    text-align: justify;
}

.areaEditMember .wrapEditMember .contentEditMember .btnLinkEditMem {
    margin: 0;
}

.areaEditMember .wrapEditMember .contentEditMember .btnLinkEditMem a {
    color: #333;
    text-decoration: underline;
    font-size: 13px;
    font-weight: bold;
    letter-spacing: 0;
    text-underline-offset: 2px;
}

@media (min-width: 769px) {}

@media (max-width: 768px) {
    .areaEditMember {}

    .areaEditMember .wrapEditMember .boxEditMember {}
    .areaEditMember .wrapEditMember .boxEditMember .boxSubEditMember {
        padding: 9px 42px;
        min-width: 170px;
        max-width: 90%;
    }
    .areaEditMember .wrapEditMember .boxEditMember .boxSubEditMember .iconPencil {
        width: 45px;
        height: 47px;
    }

    .areaEditMember .wrapEditMember .boxEditMember .boxSubEditMember .subEditMember {
        font-size: 16px;
    }

    .areaEditMember .wrapEditMember .contentEditMember {
        padding: 20px 15px;
    }

    .areaEditMember .wrapEditMember .contentEditMember .txtEditMember {
        font-size: 16px;
        line-height: 1.5;
    }

    .areaEditMember .wrapEditMember .contentEditMember .btnLinkEditMem a {
        font-size: 13px !important;
    }
}
/* END areaEditMember */

/* areaRecomMember */
/* bubble */
.areaPost .boxRight .postContent .bubble {
    margin-bottom: 17px;
}
.areaPost .boxRight .postContent .bubble .bubbleBox {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
    padding-right: 0;
}

.areaPost .boxRight .postContent .bubble .bubbleBox:last-child {
    margin-bottom: 0;
}

.areaPost .boxRight .postContent .bubble .bubbleBox:nth-child(even) {
    flex-direction: row-reverse;
    padding-right: 0;
    padding-left: 0;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser {
    text-align: center;
    width: 78px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userPhoto {
    border-radius: 50%;
    width: 100%;
    aspect-ratio: 1/1;
    margin-bottom: 3px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userPhoto img {
    width: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: 50%;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userName {
    font-size: 16px;
    font-weight: 500;
    color: #D9E0F4;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent {
    position: relative;
    font-size: 16px;
    font-weight: bold;
    color: #303030;
    background: #E5F6F1;
    border-radius: 10px;
    width: calc(100% - 118px);
    padding: 20px 27px 21px;
    text-align: justify;
    line-height: 1.75;
    letter-spacing: 0.3px;
}

.areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent:before {
    content: "";
    position: absolute;
    top: 38%;
    left: -10px;
    transform: translateY(-50%);
    border-top: 10px solid transparent;
    border-right: 10px solid #E5F6F1;
    border-bottom: 10px solid transparent;
}

.areaPost .boxRight .postContent .bubble .bubbleBox:nth-child(even) .bubbleContent:before {
    left: auto;
    right: -10px;
    border-left: 10px solid #E5F6F1;
    border-right: 0;
}
/* bubble */
.areaRecomMember {
    margin: 14px 0;
}
.areaRecomMember .wrapRecomMember {
    max-width: 100%;
    margin: 0 auto;
    background-color: #e9f5f2;
    border: 2px solid #333;
    border-radius: 10px;
    position: relative;
    padding: 0 0 24px;
    align-items: center;
    overflow: hidden;
}

.areaRecomMember .wrapRecomMember .labelGreen {
    background-color: #3eb370;
    color: #fff;
    padding: 10px 42px 12px 40px;
    font-weight: 700;
    font-size: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 5px;
    display: inline-block;
    margin-bottom: 10px;
    max-width: 54%;
    letter-spacing: 0;
}

.areaRecomMember .wrapRecomMember .boxRecomMeber {
    display: flex;
    align-items: center;
    gap: 20px;
    padding: 0 28px;
    margin-top: -9px;
}
.areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent {
    flex: 1;
    padding-bottom: 30px;
    padding-top: 16px;
}

.areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .txtRecomMember {
    font-size: 19px;
    font-weight: bold;
    color: #333;
    line-height: 1.59;
    letter-spacing: 0;
    border: none;
    margin: 0 0 10px;
    padding: 0;
}

.areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .linkRecomMem {
    font-weight: bold;
}

.areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .linkRecomMem a {
    color: #333;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    letter-spacing: 0;
    position: relative;
}

.areaRecomMember .wrapRecomMember .imgRecomMem {
    width: 41.4%;
    flex-shrink: 0;
    margin-top: -28px;
}

.areaRecomMember .wrapRecomMember .imgRecomMem img {
    width: 100%;
    height: auto;
    aspect-ratio: 269/158;
    object-fit: cover;
    object-position: center;
}
@media (max-width: 1000px) and (min-width: 769px) {
    .areaRecomMember .wrapRecomMember .boxRecomMeber {
        gap: 10px;
        padding: 0 22px;
    }
}
@media (max-width: 970px) and (min-width: 769px) {
    .areaRecomMember .wrapRecomMember .labelGreen {
        max-width: 100%;
    }
    .areaRecomMember .wrapRecomMember .boxRecomMeber {
        flex-direction: column;
        gap: 30px;
        padding: 0 28px;
        margin-top: 0;
    }

    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent {
        width: 100%;
        margin-bottom: 0;
        padding: 0;
    }
    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .txtRecomMember {
        text-align: center;
    }
    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .linkRecomMem {
        text-align: center;
    }

    .areaRecomMember .wrapRecomMember .imgRecomMem {
        width: 100%;
        max-width: 300px;
        margin: 0 auto;
    }
}
@media (min-width: 769px) {
    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .linkRecomMem a:hover {
        text-decoration: underline;
        text-underline-offset: 2px;
    }
}
@media (max-width: 768px) {
    /* bubble */
    .areaPost .boxRight .postContent .bubble .bubbleBox {
        padding: 0 !important;
    }

    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent {
        font-size: 14px;
        padding: 19px 18px 21px;
        width: calc(100% - 85px);
        line-height: 1.6;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleContent:before {
        top: 20%;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser {
        width: 60px;
    }
    .areaPost .boxRight .postContent .bubble .bubbleBox .bubbleUser .userName {
        font-size: 14px;
    }
    .areaRecomMember .wrapRecomMember {
        flex-direction: column; 
        padding: 0 0 20px;
        max-width: 100%;
    }

    .areaRecomMember .wrapRecomMember .boxRecomMeber {
        flex-direction: column;
        padding: 0 20px;
    }

    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent {
        padding: 0;
    }

    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .imageBox {
        width: 100%; 
        order: -1; 
    }

    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .txtRecomMember {
        font-size: 16px !important;
        margin-top: 0;
        max-width: 100%;
        text-align: justify;
    }

    .areaRecomMember .wrapRecomMember .labelGreen {
        font-size: 14px;
        padding: 6px 20px;
        margin-bottom: 20px;
        max-width: 90%;
    }

    .areaRecomMember .wrapRecomMember .boxRecomMeber .recomMemContent .linkRecomMem {
        font-size: 14px;
    }
    .areaRecomMember .wrapRecomMember .imgRecomMem {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
    }
}
/* END areaRecomMember */

/* areaMatchService */
.areaMatchService {
    padding: clamp(30px, 2.9vw, 34px) clamp(30px, 3.6vw, 52px) clamp(30px, 2.9vw, 37px);
    position: relative;
    overflow: hidden;
    margin: 20px 0;
}
.areaMatchService:before {
    content: "";
    position: absolute;
    background: url('../images/trader-detail/icon-match-before.svg') no-repeat;
    background-size: 100%;
    top: 32px;
    left: -3px;
    width: 129px;
    height: 169px;
}
.areaMatchService:after {
    content: "";
    position: absolute;
    background: url('../images/trader-detail/icon-match-after.svg') no-repeat;
    background-size: 100%;
    top: 18px;
    right: -4px;
    width: 148px;
    height: 180px;
}
.areaMatchService .wrapMatchService {}

.areaMatchService .wrapMatchService .wrapTitleMatch {
    text-align: center;
    margin-bottom: 26px;
    padding: 0 120px 0 100px;
}

.areaMatchService .wrapMatchService .wrapTitleMatch .subTitleMatch {
    font-size: 22px;
    font-weight: bold;
    color: #333333;
    line-height: 1.84;
    letter-spacing: 0.9px;
    margin-bottom: -2px;
}

.areaMatchService .wrapMatchService .wrapTitleMatch .mainTitleMatch {
    font-size: 36px;
    font-weight: 700;
    color: #FE4710;
    display: block;
    letter-spacing: 2.7px;
}

.areaMatchService .wrapMatchService .listCardMatch {
    display: flex;
    justify-content: center;
    gap: 28px;
    margin-bottom: 19px;
    z-index: 1;
    position: relative;
}

.areaMatchService .wrapMatchService .listCardMatch li {
    flex: 1;
    border-radius: 8px;
    position: relative;
    text-align: center;
}
.areaMatchService .wrapMatchService .listCardMatch li .wrapItemMatch {
    background: #FFE1CD;
    margin-bottom: 15px;
    position: relative;
}
.areaMatchService .wrapMatchService .listCardMatch li .stepMarker {
    position: absolute;
    top: -1px;
    left: 12px;
    font-size: 34px;
    font-weight: bold;
    color: #FE4710;
}

.areaMatchService .wrapMatchService .listCardMatch li .iconWrapper {
    height: 140px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.areaMatchService .wrapMatchService .listCardMatch li .iconWrapper .imgItemMatch {
}
.areaMatchService .wrapMatchService .listCardMatch li .contentItemMatch {}
.areaMatchService .wrapMatchService .listCardMatch li .titleItemMatch {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 9px;
    line-height: 1.6;
    color: #393939;
    letter-spacing: 0.8px;
}

.areaMatchService .wrapMatchService .listCardMatch li .titleItemMatch .greenEmphasis {
    color: #FE4710;
}

.areaMatchService .wrapMatchService .listCardMatch li .txtItemMatch {
    font-size: 14px;
    text-align: justify;
    color: #000;
    font-weight: 500;
    line-height: 1.71;
}

.areaMatchService .wrapMatchService .boxBtnMatch {
    text-align: center;
}

.areaMatchService .wrapMatchService .boxBtnMatch a {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    max-width: 409px;
}

.areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService {
    background-color: #ffffff;
    border: 3px solid #FE4710;
    border-radius: 50px;
    padding: 11px 6px;
    font-size: 18px;
    font-weight: bold;
    color: #FE4710;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    box-shadow: 0 4px 0 rgba(254, 71, 16, 0.75);
    transition: all 0.2s linear;
}

.areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService:active {
    transform: translateY(4px);
    box-shadow: none;
}

.areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService .freeTag {
    background-color: #FDEDE1;
    color: #FE4710;
    font-size: 18px;
    padding: 7px 18px;
    border-radius: 25px;
    margin-right: 4px;
    font-weight: bold;
    min-width: 12px;
}
@media (max-width: 1120px) and (min-width: 769px) {
    .areaMatchService .wrapMatchService .listCardMatch {
        gap: 18px;
    }
    .areaMatchService .wrapMatchService .listCardMatch li .stepMarker {
        font-size: clamp(24px, 3vw, 34px);
    }
    .areaMatchService .wrapMatchService .listCardMatch li .titleItemMatch {
        font-size: clamp(16px, 1.7vw, 20px);
    }
    .areaMatchService .wrapMatchService .listCardMatch li .txtItemMatch {
        font-size: 12px;
    }
}

@media (max-width: 1040px) and (min-width: 769px) {
    .areaMatchService:before {
        width: 12vw;
    }
    .areaMatchService:after {
        width: 14vw;
    }
    .areaMatchService .wrapMatchService .wrapTitleMatch .subTitleMatch {
        font-size: clamp(16px, 2.1vw, 22px);
    }
    .areaMatchService .wrapMatchService .wrapTitleMatch .mainTitleMatch {
        font-size: clamp(29px, 3.4vw, 36px);
        letter-spacing: 0;
    }
    .areaMatchService .wrapMatchService .listCardMatch {
        flex-direction: column;
        gap: 30px;
    }

    .areaMatchService .wrapMatchService .listCardMatch li {
        width: 100%;
    }
    .areaMatchService .wrapMatchService .listCardMatch li .wrapItemMatch {
        max-width: 300px;
        margin: 0 auto 15px;
    }
}
@media (max-width: 1000px) and (min-width: 769px) {
    .areaMatchService {
        padding: 30px 20px;
    }
}
@media (max-width: 970px) and (min-width: 769px) {
    .areaMatchService:before {
        width: 10vw;
    }
    .areaMatchService:after {
        width: 12vw;
    }

    .areaMatchService .wrapMatchService .wrapTitleMatch {
        padding: 0px clamp(74px, 10vw, 100px) 0 clamp(60px, 8vw, 100px);
    }
    .areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService {
        font-size: clamp(14px, 1.8vw, 18px);
    }
    .areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService .freeTag {
        font-size: clamp(14px, 1.8vw, 18px);
        padding: 1.1vw 2.6vw;
    }
}
@media (min-width: 769px) {

    .areaMatchService .wrapMatchService .boxBtnMatch a:hover .btnMatchService {
        transform: translateY(4px);
        box-shadow: none;
    }
}
@media (max-width: 768px) {
    .areaMatchService {
        padding: 30px 21px;
    }

    .areaMatchService:before {
        top: 12px;
        left: -3px;
        width: clamp(55px, 15.5vw, 110px);
        height: clamp(109px, 23vw, 160px);
    }
    .areaMatchService:after {
        top: 8px;
        right: -4px;
        width: clamp(65px, 17.9vw, 120px);
        height: clamp(89px, 23.7vw, 160px);
    }
    .areaMatchService .wrapMatchService .wrapTitleMatch {
        padding: 0;
        margin-bottom: 26px;
    }
    .areaMatchService .wrapMatchService .wrapTitleMatch .mainTitleMatch {
        font-size: 24px;
    }

    .areaMatchService .wrapMatchService .wrapTitleMatch .subTitleMatch {
        font-size: 15px;
        padding: 0 clamp(40px, 13.1vw, 110px) 0 clamp(30px, 12vw, 100px);
        letter-spacing: 0;
    }

    .areaMatchService .wrapMatchService .listCardMatch {
        flex-direction: column;
        gap: 30px;
    }
    .areaMatchService .wrapMatchService .boxBtnMatch a {
        max-width: 360px;
    }

    .areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService {
        font-size: 16px;
        padding: 8px 27px 8px 9px;
        justify-content: space-between;
    }
    .areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService:after {
        width: 9px;
        height: 13px;
        top: 51%;
        right: 10px;
    }
    .areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService .freeTag {
        font-size: 12px;
        padding: 15px 8px;
        min-width: 50px;
        margin-right: 5px;
    }
    .areaMatchService .wrapMatchService .boxBtnMatch a .btnMatchService .txtBtnMatch {
        width: calc(100% - 55px);
    }

    .areaMatchService .wrapMatchService .listCardMatch li .titleItemMatch {
        min-height: auto;
        font-size: 18px;
    }
}

/* END areaMatchService */

/* END 482 260421 */

/* Row 495 */
.areaPost .boxRight #ez-toc-container .ez-toc-list {
    display: flex;
    flex-direction: column;
    gap: 33px;
}
.areaPost .boxRight #ez-toc-container .ez-toc-list > li:not(:last-child) {
    margin-bottom: 0;
}
.tocLoadmore {
    appearance: none;
    -webkit-appearance: none;
    font-size: 16px;
    padding: 20px 8px 10px;
    color: #39B767;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font-family: 'Noto Sans JP', sans-serif;
    margin-top: 40px;
}
.tocLoadmore .arrow {
    margin-left: 4px;
    font-size: 14px;
}
@media (min-width: 769px) {
    .tocLoadmore:hover {
        opacity: 0.7;
    }
    .tocLoadmore:hover .text {
        text-decoration: underline;
    }
}

@media (max-width: 768px) {
    .areaPost .boxRight #ez-toc-container .ez-toc-list {
        gap: 5px;
    }
    .tocLoadmore {
        margin-top: 20px;
        font-size: 14px;
        padding: 10px 8px;
    }
}
/* End Row 495 */

/* fb 505 260525*/
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question {
    align-items: flex-start;
    padding: 22px clamp(50px, 4.4vw, 75px) 24px 25px;
}

.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question:before {
    top: 24px;
}
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question.open:before {
    top: 24px;
}

.areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .alphabet, 
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question .alphabet, 
.areaPost .contentPost .areaFaq .faqContent .scrollQa li .alphabet {
    transform: translateY(-2px);
    line-height: 1;
    vertical-align: top;
}

.areaPost .contentPost .areaFaq .faqContent .scrollQa li .question .questionTitle {
    margin-top: 1px;
}

.areaPost .contentPost .areaFaq .faqContent .scrollQa li .answer .alphabet {
    line-height: 1;
    transform: translateY(-1px);
}

@media (max-width: 768px) {
    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question {
        padding: 20px 45px 20px 15px;
    }
    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question:before,
    .areaPost .contentPost .areaFaq .faqContent .scrollQa li .question.open:before {
        top: 22px;
    }
}
/* end fb 505 260525*/

/* start 532 260801 */

.wrapOverallBtn {
    margin: 30px 0 0;
}

.wrapOverallBtn .btnBulkEstimate {
    position: relative;
    display: block;
    text-align: center;
    width: 100%;
    border-radius: 15px;
    color: #374151;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.4;
    background: #FFFFFF;
    border: 3px solid #FE6F10;
    box-shadow: 0 7px 0 #FE6F10;
    font-family: "Noto Sans JP", sans-serif;
    margin: 0 auto;
    transition: .2s;
    padding: 23px 110px 23px;
    box-sizing: border-box;
    text-decoration: none;
}

.wrapOverallBtn .btnBulkEstimate::before {
    content: "";
    position: absolute;
    top: 52%;
    left: 30px;
    transform: translateY(-50%);
    width: 54px;
    height: 46px;
    background: url(../images/ad_ranking/icon-bulk-estimate.png) no-repeat center / 100%;
}

.wrapOverallBtn .btnBulkEstimate span {
    color: #FE6F10;
}

@media (min-width: 769px) {
    .wrapOverallBtn .btnBulkEstimate:hover {
        transform: translateY(7px);
        box-shadow: 0 0 0 #FE6F10;
    }
}

@media (max-width: 1100px) and (min-width: 769px) {
    .wrapOverallBtn .btnBulkEstimate {
        font-size: clamp(22px, 2.4vw, 26px);
        padding: clamp(15px, 2.1vw, 24px) clamp(85px, 10vw, 110px) clamp(18px, 2.5vw, 28px);
    }
    .wrapOverallBtn .btnBulkEstimate::before {
        left: clamp(10px, 2.7vw, 30px);
        width: clamp(48px, 5.4vw, 60px);
        height: clamp(41px, 4.9vw, 53px);
    }
}

@media (max-width: 768px) {
    .wrapOverallBtn {
        margin: 20px 0 0;
    }

    .wrapOverallBtn .btnBulkEstimate {
        font-size: 21px;
        line-height: 1.3;
        padding: 19px 10px 20px;
    }

    .wrapOverallBtn .btnBulkEstimate .sp {
        display: none;
    }

    .wrapOverallBtn .btnBulkEstimate::before {
        width: 38.52px;
        height: 34.71px;
        top: 52%;
        left: 15px;
    }
}

@media (max-width: 641px) {
    .wrapOverallBtn .btnBulkEstimate {
        padding: 4px 10px 7px;
    }

    .wrapOverallBtn .btnBulkEstimate .sp {
        display: block;
    }
}

@media (max-width: 375px) {
    .wrapOverallBtn .btnBulkEstimate {
        font-size: 18px;
    }
}

/* end 532 260801 */

/* Row 538 */
.areaPost .boxRight .postContent .vendorDataItem h3.title {
    font-size: 16px !important;
    line-height: 1;
    font-weight: 700;
    margin-bottom: 11px;
    letter-spacing: 2%;
    color: #333;
    position: relative;
    background: transparent;
    border: none;
    padding: 0 0 0 23px;
    margin-top: 0;
}
.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.reviewAuthorLabel,
.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.reviewAuthorName {
    font-size: 12px;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.number {
    font-size: 26px;
    line-height: 1;
    font-weight: 700;
    transform: translateY(-2px);
    color: #FE6F10;
    font-weight: 700;
    font-family: "Roboto", sans-serif;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.badgeReview {
    position: absolute;
    top: 0;
    right: 0;
    background: #39B767;
    color: #fff;
    font-size: 12px;
    line-height: 1.7;
    letter-spacing: 4%;
    padding: 3px 17px;
    border-radius: 0 10px 0 10px;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.reviewDate {
    position: absolute;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 2%;
    line-height: 1;
    color: #B5B5B5;
    right: 30px;
    top: 38px;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.toggleBtnReviewCustom {
    display: none;
    color: #39B767;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    margin-top: 8px;
    text-align: center;
    user-select: none;
}

.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.reviewPhotoLeft>a {
    display: block;
}
.areaPost .boxRight .postContent .vendorDataItem p.reviewPhotoLeft img {
    width: 100%;
    height: 100%;
    aspect-ratio: 224 / 125;
} 
.areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.reviewAuthorAddress {
    background: #39B767;
    color: #fff;
    border-radius: 999px;
    padding: 4px 9px 5px;
    font-size: 10px;
    line-height: 1;
    letter-spacing: 2%;
    font-weight: 500;
}
.areaAdRanking .itemReview {
    border: 1px solid #CFE3EE;
}
@media (max-width: 768px) {
    .areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.badgeReview {
        position: initial;
        margin: -40px 0 15px -21px;
        border-radius: 10px 0 10px 0;
        max-width: 75%;
        width: fit-content;
    }

    .areaPost .boxRight .postContent .vendorDataItem .traderReviewArea p.reviewDate {
        right: 15px;
        top: 7px;
    }

    .areaPost .boxRight .postContent .vendorDataItem h3.title {
        padding-left: 35px;
        line-height: 1.2;
        margin-bottom: 11px;
    }

    .areaPost .boxRight .postContent .vendorDataItem p.reviewPhotoLeft img {
        width: 207.83px;
        height: 155.87px;
    } 

    .areaPost .boxRight .postContent .vendorDataItem p.reviewPhotoRight img {
        width: 67.14px;
        height: 50.35px;
    }
    .areaAdRanking .reviewAuthor {
        transform: none;
        gap: 4px;
        flex-wrap: wrap;
        margin-bottom: 20px;
    }
}
/* end Row 538 */


/* Row 549 */
.campaignTraderBg {
    border-color: #FE4710;
    background: #FCF7EC;
}
.campaignTraderBg .campaignTraderContent {
    padding: 14px 37px 29px;
}
.campaignTraderBg .campaignTraderContent .subCampaignTrader {
    font-size: 34px;
    font-weight: bold;
}
.campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader {
    position: relative;
    display: inline-block;
    padding: 0 30px;
}
.campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:before,
.campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:after {
    content: "";
    position: absolute;
    width: 33px;
    height: 40px;
    background-size: 100%;
    top: 53%;
    transform: translateY(-50%);
}
.campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:before {
    background: url('../images/column-detail/icon-sub-campaign-before.svg') no-repeat;
    left: -8px;
}
.campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:after {
    background: url('../images/column-detail/icon-sub-campaign-after.svg') no-repeat;
    right: -8px;
}
.campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader .subCampaignTraderOrange {
    color: #FE4710;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember {
    padding: 16px 0 21px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
    width: clamp(270px, 20.7vw, 396px);
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto img {
    width: 100%;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
    width: calc(100% - clamp(280px, 21.8vw, 417px));
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderSlogan {
    font-size: 18px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle {
    font-size: 34px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating {
    margin-top: 8px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList li {
    width: 17.14px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList li img {
    width: 100%;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore.ScoreRed {
    font-size: 40px;
    margin-left: 10px;
    transform: translateY(4px);
    display: inline-block;
    color: #FE4710;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .traderRatingAvg .garbageRateScore.reviewLink {
    margin-left: 11px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore a {
    font-size: 16px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 24px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .txtPackagePrice {
    background: #FDEDE1;
    border-radius: 20px;
    padding: 8px 21px;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #000000;
    margin-right: 10px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice {
    font-weight: bold;
    color: #FE4710;
    display: flex;
    align-items: flex-end;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice .numPackagePrice {
    font-size: 50px;
    line-height: 1;
    margin-right: 4px;
}
.campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice .unitPackagePrice {
    font-size: 24px;
    transform: translateY(-3px);
}
.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a {
    padding: 13px 10px;
    border-color: #FE4710;
    box-shadow: 0 4px 0 rgba(254, 71, 16, 0.75);
}

.campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a .highlight {
    color: #FE4710;
}
@media (max-width: 1240px) and (min-width: 769px) {
    .campaignTraderBg .campaignTraderContent {
        padding: 14px 30px 29px;
    }
    .campaignTraderBg .campaignTraderContent .subCampaignTrader {
        font-size: clamp(30px, 2.7vw, 34px);
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle {
        font-size: clamp(30px, 2.7vw, 34px);
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore.ScoreRed {
        font-size: clamp(36px, 3.2vw, 40px);
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice .numPackagePrice {
        font-size: clamp(46px, 4.1vw, 50px);
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice .unitPackagePrice {
        font-size: clamp(20px, 1.9vw, 24px)
    }
}
@media (max-width: 1020px) and (min-width: 769px) {
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
        width: 100%;
    }

    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
        width: 100%;
    }
}
@media (max-width: 1000px) and (min-width: 769px) {
    .campaignTraderBg .campaignTraderContent {
        padding: 14px 20px 29px;
    }
}
@media (min-width: 769px) {
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a:hover {
        box-shadow: none;
    }
}
@media (max-width: 768px) {
    .campaignTraderBg .campaignTraderContent {
        padding: 20px 21px 28px;
    }
    .campaignTraderBg .campaignTraderContent .subCampaignTrader {
        font-size: 20px;
    }
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader .subCampaignTraderOrange {
    font-size: 27px;
}
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader {
        padding: 0 30px;
    }
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:before,
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:after {
        width: 33px;
        height: 40px;
        top: 49%;
    }
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:before {
        left: -9px;
    }
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader:after {
        right: -8px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember {
        padding: 11px 0 25px;
        row-gap: 22px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderPhoto {
        width: 100%;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo {
        width: 100%;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderSlogan {
        font-size: 16px;
        margin-bottom: 3px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderTitle {
        font-size: 30px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating {
        margin-top: 13px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateList li {
        width: 17.14px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore.ScoreRed {
        font-size: 34px;
        margin-left: 10px;
        transform: translateY(2px);
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .traderRatingAvg .garbageRateScore.reviewLink {
        margin-left: 11px;
        transform: translateY(-1px);
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .traderRating .garbageRateScore a {
        font-size: 16px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice {
        margin-top: 23px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .txtPackagePrice {
        padding: 8px 21px;
        font-size: 16px;
        margin-right: 10px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice .numPackagePrice {
        font-size: 40px;
        line-height: 1;
        margin-right: 4px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice .unitPackagePrice {
        font-size: 24px;
        transform: translateY(0px);
    }
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a {
        padding: 13.5px 10px;
        letter-spacing: 0.5px;
        font-size: 18px;
    }
    .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox a .text {
        padding-left: 39px;
    }
        .campaignTraderBg .campaignTraderContent .campaingTraderLinkWrap .campaignTraderLinkBox.reviewLink a .text::before {
        width: 29px;
        top: 50%;
    }
}

@media (max-width: 390px) {
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader {
        padding: 0 25px;
    } 
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .txtPackagePrice {
        padding: 7px 10px 9px;
    }
}
@media (max-width: 360px) {
    .campaignTraderBg .campaignTraderContent .subCampaignTrader {
        font-size: 18px;
    }
    .campaignTraderBg .campaignTraderContent .subCampaignTrader .befSubcampaignTrader .subCampaignTraderOrange {
        font-size: 25px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .txtPackagePrice {
        padding: 7px 8px 9px;
        font-size: 14px;
    }
    .campaignTraderBg .campaignTraderContent .campaignTraderMember .campaignTraderInfo .wrapPackagePrice .boxPackagePrice .unitPackagePrice {
        font-size: 22px;
    }
}
/* end Row 549 */