@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');

.manrope {
    font-family: "Manrope", sans-serif;
}
.wrapContent .contentBulky {
    background-color: #fff;
    padding: clamp(30px, 5.9vw, 59px) clamp(30px, 5.6vw, 77px) clamp(30px, 5.9vw, 77px);
    margin-bottom: 9px;
}

/* boxBtn */
.boxBtn {
    width: 100%;
}
.boxBtn:not(:last-child) {
    margin-bottom: 14px;
}
.boxBtn a {
    position: relative;
    display: block;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    border-radius: 100px;
    border: 3px solid #FE6F10;
    box-shadow: 0 4px 0 #FFB787;
    padding: 10px 10px 13px 56px;
    letter-spacing: 0.2px;
    transition: all .3s;
}
.boxBtn a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 13px;
    transform: translateY(-50%);
    width: 36px;
    aspect-ratio: 1/1;
    background: url(../images/common/icon-estimate-new.svg) no-repeat center/100%;
}
.boxBtn a .color {
    color: #FE6F10;
}
.boxBtn.btnOffice a {
    border-color: #169243;
    box-shadow: 0 4px 0 #17B953;
}
.boxBtn.btnOffice a::before {
    top: 49%;
    left: 10px;
    width: 43px;
    background: url(../images/common/icon-website-new.svg) no-repeat center/100%;
}
.boxBtn.btnOffice a .color {
    color: #169243;
}

/*areaTraderDetail*/
.areaTraderDetail {
    margin-bottom: 76px;
}

.areaTraderDetail .boxProduct {
    background-color: #ffffff;
    border-radius: 10px;
}
.areaTraderDetail .boxProduct .titleProduct {
    text-align: center;
    font-size: 38px;
    font-weight: bold;
    color: #39B767;
    letter-spacing: 1.5px;
    margin-bottom: 28px;
}
.areaTraderDetail .photoProduct {
    width: 100%;
    margin-bottom: 31px;
}
.areaTraderDetail .photoProduct img {
    width: 100%;
    aspect-ratio: 71/34;
    object-fit: cover;
    object-position: center;
    border: 1px solid #DDDDDD;
}
.areaTraderDetail .wrapperTitle .subText {
    font-size: 16px;
    font-weight: bold;
    color: #303030;
    margin-bottom: 12px;
}

/* wraperInfoProduct */
.areaTraderDetail .wraperInfoProduct {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 31px;
}
.areaTraderDetail .boxListPhoto {
    width: calc(100% - 261px);
}
.areaTraderDetail .boxListPhoto .listPhoto {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
}

.areaTraderDetail .boxListPhoto .listPhoto li {
    width: calc(100% / 6 - 2px);
}

.areaTraderDetail .boxListPhoto .listPhoto li.active {
    pointer-events: none;
    opacity: 0.3;
}

.areaTraderDetail .boxListPhoto .listPhoto li:nth-child(6n) {
    margin-right: 0;
}
.areaTraderDetail .wraperInfoProduct .productBoxBtn {
    width: 243px;
    margin-top: 11px;
}

.areaTraderDetail .listInfo {}
.areaTraderDetail .listInfo li {
    display: flex;
    flex-wrap: wrap;
    gap: 19px;
    background-color: #F5F5F5;
    padding: 5px;
}
.areaTraderDetail .listInfo li:not(:last-child) {
    margin-bottom: 5px;
}
.areaTraderDetail .listInfo li .titleInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    width: 120px;
    text-align: center;
    font-weight: bold;
    color: #333333;
    background-color: #fff;
    padding: 11px 10px;
}
.areaTraderDetail .listInfo li .textInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    flex: 1;
    font-weight: 500;
    letter-spacing: 0.6px;
    padding: 5px 0;
} 
.areaTraderDetail .listInfo li .textInfo span {
    display: inline-block;
}
.areaTraderDetail .listInfo li .textInfo .fzOrange {
    color: #FE4710;
    font-size: 30px;
    font-weight: 800;
    letter-spacing: 0;
    margin-right: 13px;
}
.areaTraderDetail .listInfo li .textInfo .fz16 {
    font-size: 16px;
}
.areaTraderDetail .listInfo li .textInfo .fzOrange .fz20 {
    font-size: 20px;
    font-weight: bold;
    margin-left: -5px;
}
.areaTraderDetail .listInfo li .textInfo a {
    pointer-events: none;
}
.areaTraderDetail .listInfo li .textInfo a .fzOrange {
    font-size: 25px;
    letter-spacing: 0.9px;
}

/* memberPriceBanner */
.memberPriceBanner {
    margin: 10px 0;
}
.memberPriceBanner .wrapPartnerMem .listPartnerMem {
    display: flex;
    flex-wrap: wrap;
}
.memberPriceBanner .wrapPartnerMem .listPartnerMem li {
    width: calc((100%/3) - 10px);
    margin-right: 15px;
}
.memberPriceBanner .wrapPartnerMem .listPartnerMem li:last-child {
    margin-right: 0;
}
.memberPriceBanner .wrapPartnerMem .listPartnerMem li a {
    display: block;
}
.memberPriceBanner .wrapPartnerMem .listPartnerMem li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 527/306;
}


.boxProduct .boxEvaluate {
    padding: 0 0 0 41px;
}

.boxProduct .boxEvaluate .listEval>li .stt {
    font-size: 14px;
    margin-right: 18px;
}

.boxProduct .boxEvaluate .listEval>li {
    display: flex;
    align-items: center;
    margin-bottom: 9.5px;
}

.boxCatRate {
    display: flex;
    width: 499px;
    padding: 15px 34px 10px 34px;
    background-color: #fefae4;
    border-radius: 10px;
}

.boxEvaluate .listEval>li {
    display: flex;
    align-items: center;
    margin-bottom: 11.5px;
}


.boxEvaluate .listEval>li .garbageRateList {
    display: flex;
    align-items: center;
}

.boxEvaluate .listEval>li .stt {
    font-size: 18px;
    margin-right: 18px;
}

.boxEvaluate .listEval>li .garbageRateList li {
    width: 16px;
    margin-right: 0.5px;
}

.boxEvaluate .listEval>li .number {
    font-size: 14px;
    margin: 0 -10px 0 5px;
    color: #fc9b27;
}

.boxEvaluate .viewReview {
    color: #fc9b27;
}

.boxEvaluate .viewReview:hover {
    text-decoration: underline;
}

/*areaBannerTrader*/
#reviews.areaReviews {
    margin-bottom: 30px;
}
.areaReviews .inner {
    padding: 0 80px;
}
.areaReviews .wapperReviews {}

.areaReviews .titleReviews {
    margin-bottom: 34px;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
}

.areaReviews .wapperReviews .boxReviews {
    width: 100%;
    max-width: 710px;
    border-radius: 25px;
    padding: 34px 50px 22px;
    margin: 0 auto;
    background-color: #E5F6F1;
}

.areaReviews .boxReviews .garbageRate {
    width: 100%;
    display: flex;
    align-items: center;
    flex-direction: column;
    background-color: transparent;
    margin-bottom: 32px;
}
.areaReviews .boxReviews .garbageRate>li {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 0;
}
.areaReviews .boxReviews .garbageRate>li:not(:last-child) {
    margin-bottom: 9px;
}
.areaReviews .wapperReviews .garbageRate>li .garbageRateTitle {
    font-size: 25px;
    font-weight: bold;
    margin: 0;
    padding-left: 0;
    background: transparent;
    letter-spacing: 0.9px;
}

.areaReviews .wapperReviews .garbageRate>li .garbageRateList {
    margin-top: 0;
    transform: translateY(-1px);
    margin-left: 16px;
}

.areaReviews .wapperReviews .garbageRate>li .garbageRateList>li {
    display: inline-block;
    width: 20px;
    margin-right: 5px;
}

.areaReviews .wapperReviews .garbageRate>li .garbageRateScore.ScoreRed {
    margin-left: 12px;
    transform: translateY(-1px);
    font-size: 40px;
    font-weight: 900;
    color: #333333;
    line-height: 1;
}

.areaReviews .wapperReviews .garbageRate>li.chat .garbageRateTitle {
    font-size: 20px;
    padding-left: 0 ;
    background: transparent;
}

.areaReviews .wapperReviews .garbageRate>li.chat .garbageRateScore {
    font-size: 20px;
    margin-left: 9px;
}

.areaReviews .wapperReviews .garbageRate>li .garbageRateScore .textLink {
    display: inline-block;
    font-size: 18px;
    color: #FE6F10;
    margin-left: -5px;
    letter-spacing: 1px;
    transform: translateY(-1px);
}

.areaReviews .boxReviews .boxEvaluate {
    max-width: 510px;
    margin: 0 auto;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li {
    display: flex;
    align-items: center;
    margin-bottom: 13px;
}
.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt {
    font-size: 18px;
    margin-right: 19px;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li .stt a {
    color: #FE6F10;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList {
    display: flex;
    align-items: center;
    transform: translateY(1px);
}


.areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
    width: 20px;
    margin-right: 5px;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li .measure {
    position: relative;
    width: 240px;
    height: 15px;
    background-color: #ffffff;
    margin: 0 0 0 15px;
    transform: translateY(1px);
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li .measure .mete {
    position: absolute;
    left: 0;
    top: 0;
    width: 80%;
    height: 100%;
    background-color: #FE6F10;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(2) .measure .mete {
    width: 53%;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(3) .measure .mete {
    width: 57%;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(4) .measure .mete {
    width: 0;
}

.areaReviews .wapperReviews .boxEvaluate .listEval>li:nth-child(5) .measure .mete {
    width: 9%;
}

.areaReviews .wapperReviews .boxEvaluate .number {
    font-size: 18px;
    margin-left: 3px;
}
.areaReviews .wapperReviews .boxEvaluate .number a {
    color: #FE6F10;
}


.areaReviews .wapperReviews .btnReview {
    display: block;
    width: 100%;
    max-width: 266px;
    text-align: center;
    margin: 0 auto;
}

.areaReviews .wapperReviews .btnReview 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;
}
.areaReviews .wapperReviews .btnReview 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;
}

.areaReviews .formReviews {
    margin-top: -22px;
    display: none;
    padding: 41px 0 0;
    border-radius: 10px;
}

.areaReviews .formReviews .titleForm {
    margin-bottom: 43px;
    text-align: center;
    font-size: clamp(32px, 2.5vw, 36px);
    font-weight: bold;
}

.areaReviews .formReviews .review_banner {
    width: 56.4%;
    margin-left: 234px;
}

.areaReviews .boxForm .itemForm {
    display: flex;
    flex-wrap: wrap;
}

.areaReviews .boxForm .itemForm+.itemForm {
    margin-top: 18px;
}

.areaReviews .boxForm .itemForm:has(.ipt .error) {
    margin-bottom: 40px;
}
.areaReviews .boxForm .itemForm.star:has(.ipt .error),
.areaReviews .boxForm .itemForm.user:has(.ipt .error) {
    margin-bottom: 22px;
}

.areaReviews .boxForm .itemForm.terms {
    margin: 69px auto 0;
    justify-content: center;
}

.areaReviews .boxForm .itemForm .ttl {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 10px;
    width: 265px;
    font-size: 17px;
    letter-spacing: 0.6px;
    background-color: #F5F5F5;
    padding: 20px 15px 21px;
    border-radius: 10px 0 0 10px;
    min-height: 69px;
}
.areaReviews .boxForm .itemForm .ttl .ttlName {
    width: calc(100% - 48px);
}

.areaReviews .boxForm .itemForm.star .ttl,
.areaReviews .boxForm .itemForm.media .ttl {
    margin-top: 0;
}

.areaReviews .boxForm .itemForm.star .ttl {
    height: 69px;
}
.areaReviews .boxForm .itemForm .ttl .required,
.areaReviews .boxForm .itemForm .ttl .notReq {
    font-size: 13px;
    color: #fff;
    background-color: #39B767;
    padding: 7px 5px;
    border-radius: 5px;
    letter-spacing: 0.7px;
    line-height: 1.1;
}

.areaReviews .boxForm .itemForm .ttl .notReq {
    background-color: #777777;
}

.areaReviews .boxForm .itemForm .ipt .styleInput {
    border: none;
    width: 100%;
    height: 100%;
    font-size: 16px;
    font-weight: 400;
    font-family: 'Noto Sans JP', sans-serif;
    color: #333;
    box-shadow: none;
    background-color: #fff;
    border-radius: 0 10px 10px 0;
    padding: 0 27px;
    border: 3px solid #F5F5F5;
}
.areaReviews .boxForm .itemForm .ipt select.styleInput {
    color: #B6B6B8;
    cursor: pointer;
}
.areaReviews .boxForm .itemForm .ipt select.styleInput.valid {
    color: #333333;
}

.areaReviews .boxForm .itemForm .ipt {
    position: relative;
    flex: 1;
    border-radius: 0 10px 10px 0;
}
.areaReviews .boxForm .itemForm.star .ipt {
    display: flex;
    align-items: center;
    padding: 0;
} 

.areaReviews .boxForm .itemForm.star .ipt .boxRate {
    width: 100%;
} 


.areaReviews .boxForm .itemForm .ipt span.yenInputWrap {
    position: relative;
    display: block;
    width: 100%;
    height: 100%;
}

.areaReviews .boxForm .itemForm .ipt span.yenSymbol {
    position: absolute;
    top: 50%;
    right: 23px;
    transform: translateY(-50%);
    color: #B6B6B8;
    font-size: 16px;
}

.areaReviews .boxForm .itemForm .ipt .styleInput::-webkit-outer-spin-button,
.areaReviews .boxForm .itemForm .ipt .styleInput::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.areaReviews .boxForm .itemForm .ipt .styleInput[type=number] {
    -moz-appearance: textfield;
}

.areaReviews .boxForm .itemForm.textarea .ipt .styleInput::placeholder,
.areaReviews .boxForm .itemForm .ipt .styleInput::placeholder {
    color: #B6B6B8;
}

.areaReviews .boxForm .itemForm .ipt .styleInput.reviewFee::placeholder {
    color: #fff;
}


.areaReviews .boxForm .itemForm.textarea .ipt .styleInput::placeholder,
.areaReviews .boxForm .itemForm .ipt .styleInput::placeholder {
    color: #B6B6B8;
}

.areaReviews .boxForm .itemForm .ipt .garbageRateList {
    display: flex;
    align-items: center;
    border: 3px solid #F5F5F5;
    height: 69px;
    padding: 0 32px;
}

.areaReviews .boxForm .itemForm.user .ttl {
    height: 69px;
}


.areaReviews .boxForm .itemForm .ipt .garbageRateList li {
    width: 24px;
    margin-right: 5px;
    cursor: pointer;
    z-index: 1;
}

.areaReviews .boxForm .itemForm.user .avatar {
    border: none;
}
.areaReviews .boxForm .itemForm.user .listUser {
    padding: 10px 28px;
    border: 3px solid #F5F5F5;
    height: 69px;
}
.areaReviews .boxForm .itemForm.media .ipt {
    padding: 17px 27px;
    border: 3px solid #F5F5F5;
}

.areaReviews .boxForm .itemForm .ipt .listUser {
    display: flex;
    align-items: center;
}

.areaReviews .boxForm .itemForm .ipt .listUser li {
    position: relative;
    width: 47px;
    aspect-ratio: 1 / 1;
    margin-right: 7px;
    padding: 2px 8px 0 6px;
    border-radius: 50px;
    background-color: #f2f3f5;
    overflow: hidden;
    cursor: pointer;
    margin-bottom: 2px;
}

.areaReviews .boxForm .itemForm .ipt .listUser li.active:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
}

.areaReviews .boxForm .itemForm .ipt .listUser li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.areaReviews .boxForm .itemForm.form_uploadfiles .ipt {
    transform: translateY(-5px);
}

.areaReviews .boxForm .itemForm .ipt .iptFile {
    display: flex;
    align-items: center;
    margin-left: 5px;
    width: 100%;
}

.areaReviews .boxForm .itemForm .ipt .iptFile+.iptFile {
    margin-top: 20px;
}

.areaReviews .boxForm .itemForm .ipt .iptFile label input {
    display: none;
}

.areaReviews .boxForm .itemForm .ipt .iptFile .selectFile {
    font-size: 14px;
    border-radius: 5px;
    padding: 4px 14px;
    text-align: center;
    margin-right: 12px;
    background-color: #ffffff;
    cursor: pointer;
    display: block;
    border: 1px solid;
}

.areaReviews .boxForm .itemForm .ipt .iptFile .textChose {
    font-weight: 500;
    font-size: 16px;
}

.areaReviews .boxForm .itemForm.textarea .ttl {
    padding-top: 17px;
    height: 147px;
}
.areaReviews .boxForm .itemForm.textarea .ipt .styleInput {
    height: 147px;
    resize: none;
    padding: 21px 27px;
}

.wpcr3_respond_2 textarea {
    height: 300px !important;
    min-width: auto;
}

.areaReviews .boxForm .itemForm.terms .itemTerms {
    display: flex;
    align-items: center;
}

.areaReviews .boxForm .itemForm.terms .itemTerms .checkbox {
    position: relative;
    font-size: 16px;
    cursor: pointer;
    letter-spacing: 1px;
    padding-left: 28px;
}

.areaReviews .boxForm .itemForm.terms .itemTerms input {
    display: none;
}

.areaReviews .boxForm .itemForm.terms .itemTerms .checkbox:before {
    content: "";
    position: absolute;
    width: 17px;
    aspect-ratio: 1/1;
    border: 1px solid #707070;
    left: -1px;
    top: 4px;
    border-radius: 1px;
}

.areaReviews .boxForm .itemForm.terms .itemTerms .checkbox:after {
    content: '';
    position: absolute;
    border-top: 2px solid #000;
    border-left: 2px solid #000;
    transform: rotate(225deg);
    opacity: 0;
    transition: all 0.25s;
    top: 5px;
    left: 5px;
    width: 5px;
    height: 12px;
}

.areaReviews .boxForm .itemForm.terms .itemTerms .checkbox a {
    position: relative;
    font-size: 17px;
}
.areaReviews .boxForm .itemForm.terms .itemTerms input[type="checkbox"]:checked~.checkbox:after {
    opacity: 1;
}

.areaReviews .boxForm .itemMediaWrap:not(:last-child) {
    margin-bottom: 10px;
}

.areaReviews .boxForm .itemMedia {
    display: flex;
    align-items: center;
}

.areaReviews .boxForm .itemMediaTitle {
    margin-right: 10px;
}

.areaReviews .boxForm .itemMediaBtn {
    width: 138px;
    margin-right: 25px;
    position: relative;
    cursor: pointer !important;
}
.areaReviews .boxForm .itemForm .ipt.amount .amountList {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
    padding: 14px 27px;
    border: 3px solid #F5F5F5;
} 
.areaReviews .boxForm .itemForm .ipt.amount .amountList .amountBox {
    position: relative;
}
.areaReviews .boxForm .itemForm .ipt.amount .amountList .amountBox input {
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    opacity: 0;
}
.areaReviews .boxForm .itemForm .ipt.amount .amountList .amountBox .amountName {
    display: inline-block;
    padding: 7px 20px;
    border-radius: 30px;
    background-color: #EBEBED;
    cursor: pointer;
}
.areaReviews .boxForm .itemForm .ipt.amount .amountList .amountBox input:checked ~ .amountName {
    background-color: #333333;
    color: #fff;
}

.areaReviews .boxForm .filemane {
    display: block;
    font-size: 14px;
    color: #333333;
    padding: 10px 10px 11px;
    cursor: pointer !important;
    text-align: center;
    line-height: 1;
    background: #EEE;
    background-size: 15px 100%;
    border-radius: 18px;
}

.areaReviews .boxForm input[type=file] {
    height: 100%;
    cursor: pointer !important;
    display: block;
    width: 100%;
    opacity: 0;
    position: absolute;
    left: 0;
    text-align: right;
    top: 0;
    z-index: 1;
}

.areaReviews .boxForm .submit {
    text-align: center;
}

.areaReviews .boxForm .btnSubmit {
    margin: 38px 0 39px !important;
}

.areaReviews .boxForm .closeForm {
    text-align: center;
}

.areaReviews .boxForm .closeForm a {
    font-size: 16px;
    font-weight: 500;
}

.areaReviews .boxForm .btnSubmit .btn-submit {
    position: relative;
    display: block;
    width: 100%;
    max-width: 490px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #000;
    border-radius: 50px;
    border: 3px solid #333333;
    background: #7EF5AA;
    padding: 16px 10px 19px 10px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 auto;
}
.areaReviews .boxForm .btnSubmit .btn-submit::before {
    content: "";
    position: absolute;
    top: 52%;
    right: 23px;
    transform: translateY(-50%) rotate(-45deg);
    border: solid #333;
    border-width: 0 2px 2px 0;
    padding: 4px;
}

.areaReviews .boxForm .btnSubmit .btn-submit:disabled {
    background-color: #ccc;
    color: #939393;
    cursor: not-allowed;
}
.areaReviews .boxForm .btnSubmit .btn-submit:disabled::before {
    border-color: #939393;
}

.areaReviews .boxForm .btnSubmit .btn-submit:disabled:hover {
    background-color: #ccc;
    color: #939393;
}

.areaReviews .formReviews .wpcr3_div_2 {
    width: 100%;
    max-width: 100%;
}

.areaReviews .boxForm .itemForm .ipt select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: url('../images/common/icon-select-member.svg') no-repeat center right 26px/7px 11px;
    color: #aaaaaa;
}

.areaReviews .boxForm .itemForm .ipt select option {
    color: #000000;
}

.areaReviews .boxForm .itemForm .ipt select option::selected {
    color: #000;
}

.areaReviews .boxForm .itemForm .ipt select.selected {
    color: #000;
}

.areaReviews .boxForm .itemForm .ipt select.valid {
    color: #000;
}


.areaReviews .garbageRateList li {
    position: relative;
}

.areaReviews .garbageRateList li .rating {
    position: absolute;
    top: 1%;
    left: 0;
    height: 96%;
    z-index: -5;
    background: #B6B6B8;
    display: block;
}

.areaReviews .garbageRateList li.active .rating {
    width: 100%;
}

.areaReviews .garbageRateList li:hover .rating {
    width: 100%;
}

.error {
    font-size: 14px;
    color: red;
    position: relative;
    min-height: 33px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.areaReviews .boxForm .itemForm .ipt.amount .error {
    position: absolute;
}

.areaAmazon2000 .boxAmazon2000 {
    max-width: 900px;
    margin: 0 auto;
}

.areaListReview .btnReadMore {
    display: block;
    width: 100%;
    max-width: 250px;
    text-align: center;
    margin: 0 auto;
}
.areaListReview .btnReadMore 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;
}
.areaListReview .btnReadMore 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;
}

.boxThank {
    padding: 49px 0 66px;
    text-align: center;
}

.boxThank .boxText {
    position: relative;
    display: inline-block;
}

.boxThank .boxText:before {
    content: "";
    position: absolute;
    background: url(../images/trader-detail/icon-firework.png) no-repeat center left;
    background-size: cover;
    width: 80px;
    height: 100px;
    left: -23%;
    top: 28%;
    transform: translateY(-50%);
}

.boxThank .boxText:after {
    content: "";
    position: absolute;
    background: url(../images/trader-detail/icon-firework-right.png) no-repeat center left;
    background-size: cover;
    width: 80px;
    height: 100px;
    right: -23%;
    top: 28%;
    transform: translateY(-50%);
}


.boxThank .boxText .textBig {
    font-size: 26px;
    margin-bottom: 13px;
    font-weight: bold;
    color: #e00404;
    display: inline-block;
}

.boxThank .boxText .textSmall {
    font-size: 16px;
    font-weight: 500;
    color: #656565;
}

.areaBannerBetween {
    margin-top: -50px;
    margin-bottom: -7px;
}

.areaListReview .ListReview .reviewRateScore .reviewBox .reviewContent .contentTitle,
.areaListReview .ListReview .reviewRateScore .reviewBox .reviewContent .contentReview {
    display: -webkit-box;
    overflow: unset;
    text-overflow: unset;
    -webkit-line-clamp: unset;
    -webkit-box-orient: unset;
}

.areaListReview .ListReview .reviewRateScore .reviewBox .reviewRate .reviewPerson {
    width: 100%;
}

.areaListReview .ListReview .reviewRateScore .reviewBox .reviewRate .reviewPerson .reviewInfor {
    display: inline-block;
    max-width: 100%;
    /* width: calc(100% - 20%); */
}

.insertReviewLoading {
    display: none;
}

.loader {
    margin: 5px auto 0;
    width: 15px;
    aspect-ratio: 1;
    border-radius: 50%;
    animation: l5 1s infinite linear alternate;
}

@keyframes l5 {
    0% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #000
    }

    33% {
        box-shadow: 20px 0 #000, -20px 0 #0002;
        background: #0002
    }

    66% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
        background: #0002
    }

    100% {
        box-shadow: 20px 0 #0002, -20px 0 #000;
        background: #000
    }
}

.member-template-single-katazuke119 .areaAmazon2000,
.member-template-single-katazuke53 .areaAmazon2000,
.member-template-single-gomiyashiki-issotai .areaAmazon2000,
.member-template-single-hvacr-system .areaAmazon2000,
.member-template-single-raku-sute .areaAmazon2000 {
    margin: 80px 0;
}

.elementor-widget-wrap .elementor-widget-container .listBannerTop {
    margin: 0;
    justify-content: space-between;
}

.elementor-widget-wrap .elementor-widget-container .listBannerTop li {
    width: calc((100% / 3) - 13px);
    padding: 0;
}

 .s5.bulky-garbage ul li .s5-photo img {
    width: 100% !important;
    height: 100%;
    object-fit: cover;
    object-position: center;
}
/* revLeftBanner */
.revLeftBanner {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.revLeftBanner .revLeftTitle {
    display: inline-block;
    margin: 0;
    padding-left: 31px;
    background: url(../images/trader-detail/icon-cup-yellow.svg) no-repeat top 1px left;
    background-size: 24px 23px;
    font-size: 17px;
    color: #FDBE00;
    font-weight: 500;
    letter-spacing: 1px;
}

.revLeftBanner .boxRateBanner {}

.revLeftBanner .boxRateBanner .rateListBanner {
    margin-left: 9px;
    display: flex;
    align-items: center;
    margin-top: 1px;
}

.revLeftBanner .boxRateBanner .rateListBanner li {
    position: relative;
    display: inline-block;
    width: 25px;
    margin-right: 2.5px;
}

.revLeftBanner .boxRateBanner .rateListBanner li:last-child {}

.revLeftBanner .boxRateBanner .rateListBanner li img {}

.revLeftBanner .rateScoreBanner {
    margin-left: 8px;
    font-size: 30px;
    font-weight: bold;
    line-height: 1;
    color: #E00404;
}
/* contentPricePayment  */
.contentPricePayment {
    padding: clamp(30px, 6.3vw, 92px) clamp(30px, 5.6vw, 77px) clamp(30px, 5.9vw, 79px);
    margin-bottom: 10px;
}
.contentPricePayment .areaPrice {
    margin-bottom: 30px;
}
.wrapTitleCollect {
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0;
}
.wrapTitleCollect .titleColSer {
    width: calc(100% - clamp(80px, 8.5vw, 122px));
    font-size: clamp(20px, 2.1vw, 29px);
    font-weight: bold;
    color: #fff;
    line-height: 1.5;
    padding-top: clamp(10px, 3.2vw, 47px);
    letter-spacing: 1px;
    margin-left: 0;
    text-align: center;
}
.wrapTitleCollect .titleColSer .txt {
    color: #FFE500;
    font-size: clamp(30px, 2.8vw, 40px);
    letter-spacing: -0.3px;
}
.wrapTitleCollect .titleColSer .txt .txtBig {
    color: #FDE300;
    letter-spacing: 0;
    font-size: clamp(40px, 3.5vw, 50px);
}
.wrapTitleCollect .titlePhoto {
    transform: translate(clamp(20px, 4.1vw, 59px), 0);
    width: clamp(100px, 11.6vw, 167px);
    margin: 0 0 0 clamp(-70px, -3.3vw, -20px);
}

.wrapTitleCollect .titlePhoto img {
    width: 100%;
}
.areaPrice .areaTitle .titleTxt {
    margin-left: 1px;
}
.areaPrice .areaTitle.areaTitleBefore .titleTxt {
    padding-left: 155px;
    width: auto;
}
.areaPrice .areaTitle.areaTitleBefore .titleTxt .manrope {
    letter-spacing: 0;
}
.areaPrice .areaTitle.areaTitleBefore .titleTxt::before {
    width: 116px;
    aspect-ratio: 112 / 121;
    background-image: url(../images/trader-detail/area-price-icon-title.png);
    top: 44%;
    left: clamp(0px, 8.8vw, 40px);
    width: clamp(90px, 8.1vw, 116px);
}
.wrapStepBuddy {
    background: #00b54a;
    padding: 32px 50px 46px;
}

.areaPrice .wrapTitleCollect {
    display: flex;
    justify-content: space-between;
    padding: 0 0 0 30px;
    margin-bottom: 21px;
}

.areaPrice .wrapTitleCollect .titleColSer {
    width: 100%;
    font-size: 24px;
    line-height: 1.4;
    letter-spacing: 0.5px;
    text-align: left;
    padding: 0;
}

.areaPrice .wrapTitleCollect .titleColSer .txt {
    color: #FFE500;
    font-size: 32px;
    letter-spacing: 0.6px;
    display: inline-block;
    margin-left: 8px;
    margin-top: 3px;
}

.areaPrice .wrapTitleCollect .titleColSer .txt .txtBig {
    font-size: 65px;
}

.areaPrice .wrapTitleCollect .titlePhoto {
    transform: translate(13px, -45px);
    width: 200px;
    margin-left: 10px;
}

.areaPrice .wrapPriceLife {
    background-color: #39B767;
    padding: 31px 10px 5px;
}

.areaPrice .wrapPriceLife .listPriceLife {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.areaPrice .wrapPriceLife .listPriceLife li {
    width: 100%;
    background: #ffffff;
    margin-bottom: 5px;
}

.areaPrice .wrapPriceLife .listPriceLife li .titlePriceItem {
    background: #FFE500;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    padding: 7px 0 8px;
    letter-spacing: 1px;
    color: #333333;
}

.areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife {
    padding: 20px 20px 12px;
}

.areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife .boxPrice {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 8px;
}

.areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife {
    width: 41%;
}

.areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .txtSmall {
    font-weight: 400;
    font-size: 14px;
    color: #393939;
    letter-spacing: 0.6px;
    line-height: 1.55;
    margin-bottom: 5px;
}

.areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .priceLife {
    font-size: 42px;
    color: #00b54a;
    font-weight: bold;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin-right: -5px;
    letter-spacing: -2px;
}
.areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .priceLife.priceLife4t {
    font-size: 38px;   
}

.areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .priceLife .unitPriceLife {
    font-size: 18px;
    transform: translate(6px, 1px);
    letter-spacing: 0;
}
.areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .priceLife .unitPriceLife .tax {
    display: block;
    font-size: 12px;
    margin-bottom: -1px;
}

.areaPrice .listPriceLife li .iframePriceLife .boxPrice .priceLifePhoto {
    width: 30%;
    text-align: center;
    margin-top: 0;
}

.areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife .txtPriceLife {
    width: 29%;
    color: #333333;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: 0.6px;
    line-height: 1.45;
    text-align: justify;
}

.priceIntro {
    font-size: 18px;
    font-weight: 500;
    color: #333333;
    line-height: 1.7;
    letter-spacing: 0.7px;
    margin-bottom: 35px;
    text-align: justify;
}

.areaPrice .wrapPriceLife .notePriceLife {
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    margin-top: 30px;
    line-height: 1.75;
}

.Tilde {
    display: inline-block;
    font-size: 25px;
    transform: translate(0px, -5px);
    font-weight: bolder;
}
/* areaGallery */
.areaGallery {
    margin-bottom: 70px;
}

.areaGallery .inner {
    display: block;
}

.areaGallery .areaTitle .titleTxt {
    margin-left: 1px;
    font-weight: 500;
    letter-spacing: 0.7px;
}

.areaGallery .galleryPhoto {
    display: flex;
    justify-content: space-between;
}

.areaGallery .galleryPhoto img {
    border-radius: 7px;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 596 / 370;
}

.areaGallery .galleryPhoto .galleryMain {
    position: relative;
    width: 52.4%;
}

.areaGallery .galleryPhoto .galleryMain a {
    position: absolute;
    bottom: 9px;
    right: 6px;
    border: 1px solid #fff;
    border-radius: 7px;
    color: #fff;
    padding: 1px 14px 2px;
    letter-spacing: 0;
    font-size: 10px;
}

.areaGallery .galleryPhoto .listGallery {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 46.9%;
}

.areaGallery .galleryPhoto .listGallery li {
    width: 49.3%;
    margin-top: 5px;
}

.areaGallery .galleryPhoto .listGallery li img {
    aspect-ratio: 245 / 182;
    height: inherit;
}

.areaGallery .popupBox {
    display: none;
}

.areaGallery .popupBox .popupWrap {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    border-radius: 10px;
    height: auto;
    z-index: 1000;
    margin: 0 auto;
    width: 90%;
    max-width: 1682px;
}

.areaGallery .popupBox .popupWrap .sliderFrame {
    position: relative;
    padding-bottom: 59px;
}

.areaGallery .popupBox .popupWrap .sliderFrame .close {
    text-align: right;
    max-width: 1400px;
    margin: 0 auto 20px;
}

.areaGallery .popupBox .popupWrap .sliderFrame .counter {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    color: #fff;
    letter-spacing: 6px;
    z-index: 1;
}

.areaGallery .popupBox .popupWrap .sliderFrame .navigation-wrapper {
    position: relative;
}

.areaGallery .popupBox .popupWrap .sliderFrame .navigation-wrapper .arrow {
    position: absolute;
    top: 53.3%;
    transform: translateY(-50%);
    background: url(../images/trader-detail/icon-next.svg) no-repeat center;
    width: 41px;
    height: 82px;
    cursor: pointer;
}

.areaGallery .popupBox .popupWrap .sliderFrame .navigation-wrapper .arrow.arrow--left {
    left: 0;
    background-image: url(../images/trader-detail/icon-prev.svg);
}

.areaGallery .popupBox .popupWrap .sliderFrame .navigation-wrapper .arrow.arrow--right {
    right: 0;
}

.areaGallery .popupBox .popupWrap .listPhoto {
    width: 83.2%;
    margin: 0 auto;
    max-height: 768px;
}

.areaGallery .popupBox .popupWrap .listPhoto li img {
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
    aspect-ratio: 1400/787;
    border-radius: 10px;
}

.areaGallery .popupBox .popupOverlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
}
/* areaPayment */
.areaPayment .paymentFrame {
    display: flex;
    justify-content: space-between;
}

.areaPayment .paymentFrame .paymentBox {
    position: relative;
    width: 49%;
    border: 1px solid #D3D3D3;
    border-radius: 10px;
    padding: 18px 9px 19px;
    overflow: hidden;
}

.areaPayment .paymentFrame .paymentBox .paymentTitle {
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    color: #000;
    letter-spacing: 0.7px;
    margin-bottom: 18px;
}

.areaPayment .paymentFrame .paymentBox .listPayment {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 4px 0;
}

.areaPayment .paymentFrame .paymentBox .listPayment li {
    width: 49%;
}

.areaPayment .paymentFrame .paymentBox .listPayment li:nth-child(-n+2) {
    margin-top: 0;
}

.areaPayment .paymentFrame .paymentBox .listPayment li a {
    display: block;
    background: #fff;
}

.areaPayment .paymentFrame .paymentBox .listPayment li .paymentPhoto {
    border: 1px solid #D3D3D3;
    border-bottom: 0;
    height: 100px;
    background: #fff;
}

.areaPayment .paymentFrame .paymentBox .listPayment li .paymentPhoto img {
    width: 100%;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center;
}

.areaPayment .paymentFrame .paymentBox .listPayment li .paymentTxt {
    background: #0091F0;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    padding: 5px 0;
}

.areaPayment .paymentFrame .paymentBox.paymentRed .listPayment li .paymentTxt {
    background: #E50B01;
}

.areaPayment .collected {
    background: #E2F3FF;
    border-radius: 20px;
    padding: 30px 20px 10px;
    margin-bottom: 10px;
}

.areaPayment .collected .collectedTitle {
    font-size: 28px;
    font-weight: bold;
    color: #0091F0;
    text-align: center;
    margin-bottom: 19px;
}

.areaPayment .collected .listCollected {
    display: flex;
    flex-wrap: wrap;
}

.areaPayment .collected .listCollected li {
    position: relative;
    background: #fff;
    border-radius: 10px;
    width: calc(100% / 6 - 9px);
    color: #000000;
    padding: 8px 0 9px 28px;
    font-size: 18px;
    font-weight: bold;
    text-align: center;
    margin-right: 10.7px;
    letter-spacing: 0.5px;
    margin-bottom: 10px;
}

.areaPayment .collected .listCollected li::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 13px;
    border-radius: 50%;
    border: 4px solid #E2F3FF;
    background: #fff;
    width: 13px;
    aspect-ratio: 1/1;
}

.areaPayment .notCollected {
    background: #FFF1F1;
    border-radius: 20px;
    padding: 30px 20px 10px;
}

.areaPayment .notCollected .collectedTitleBig {
    font-size: 28px;
    font-weight: bold;
    color: #E50B01;
    text-align: center;
    margin-bottom: 19px;
}

.areaPayment .notCollected .collectedList {
    display: flex;
    flex-wrap: wrap;
}

.areaPayment .notCollected .collectedList li {
    position: relative;
    overflow: hidden;
    width: calc(100% / 3 - 6px);
    background: #fff;
    border-radius: 10px;
    padding: 8px 15px 9px;
    margin-right: 9px;
    margin-bottom: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.areaPayment .notCollected .collectedList li::before {
    content: "";
    position: absolute;
    top: -5px;
    right: -4px;
    background: url(../images/trader-detail/payment-icon-bcr-02.svg) no-repeat center center / 100%;
    width: 55px;
    aspect-ratio: 1/1;
}

.areaPayment .notCollected .collectedList li .collectedTitle {
    font-size: 18px;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.7px;
    margin-bottom: 7px;
}

.areaPayment .notCollected .collectedList li .collectedTxt {
    font-weight: bold;
    color: #6B6B6B;
    letter-spacing: 0.6px;
    line-height: 1.56;
}

.areaPayment .notCollected .collectedList li.last {
    width: 49.4%;
    margin-right: 10px;
}



/* areaCommitment */
.areaCommitment {
    margin-bottom: 54px;
}

.areaCommitment .areaTitle {
    margin-bottom: 42px;
}

.areaCommitment .areaTitle .titleTxt {
}

.areaCommitment .listCommitment {
    display: flex;
    justify-content: center;
}

.areaCommitment .listCommitment li {
    width: calc(100% / 5 - 7px);
    margin-right: 10px;
}

.areaCommitment .listCommitment li .commitmentPhoto {
    background: #E3F6F4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 149px;
    margin-bottom: 14px;
}

.areaCommitment .listCommitment li .commitmentTitle {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    color: #393939;
    letter-spacing: 1px;
}


/* areaStepBuddy */
.areaStepBuddy {
    margin-bottom: 10px;
}
.areaStepBuddy .wrapStepBuddy {
    background: #00B54A;
}
.areaStepBuddy .wrapStepBuddy .wrapTitleCollect {
    margin-bottom: 15px;
}
.areaStepBuddy .wrapStepBuddy .wrapTitleCollect .titleColSer {}
.areaStepBuddy .wrapStepBuddy .wrapTitleCollect .titleColSer .txt {}
.areaStepBuddy .wrapStepBuddy .wrapTitleCollect .titleColSer .txt .txtBig {}
.areaStepBuddy .wrapStepBuddy .wrapTitleCollect .titlePhoto {}
.areaStepBuddy .wrapStepBuddy .listStepBuddy {}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li {
    padding: 30px 35px 35px;
    margin-bottom: 6px;
    display: flex;
    background: #ffffff;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li:last-child {}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft {
    position: relative;
    background: url(../images/trader-detail/step-bcr.jpg) no-repeat center center / cover;
    border-radius: 5px;
    width: 90px;
    margin-right: 29px;
    padding: 0 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft .reason {
    position: absolute;
    top: 12px;
    left: 52.8%;
    transform: translateX(-50%);
    color: rgb(0 92 190 / 20%);
    font-size: 13px;
    letter-spacing: 1.2px;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft .wrapNumberStepBuddy {}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft .wrapNumberStepBuddy .txtNumber {
    margin-bottom: 7px;
    line-height: 1.4;
    font-size: 14px;
    font-weight: 500;
    display: block;
    color: #00b54a;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft .wrapNumberStepBuddy .numberStep {
    font-size: 29px;
    font-weight: bold;
    line-height: 1;
    color: #00b54a;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .titleStepItem {
    font-size: clamp(22px, 2.1vw, 30px);
    font-weight: bold;
    margin-bottom: 12px;
    margin-top: 0;
    line-height: 1.2;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight {
    width: calc(100% - 119px);
    padding-top: 4px;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .boxStepItem {
    width: 50.2%;
    display: block;
    margin-top: 0;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .boxStepItem .txtStepPura {
    font-size: 14px;
    font-weight: normal;
    line-height: 1.72;
    letter-spacing: 0;
    margin-right: 0;
    width: 100%;
    color: #333333;
    text-align: justify;
}
.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .stepBuddyPhoto {
    width: 45.6%;
    padding-top: 8px;
}

.areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .stepBuddyPhoto img {
    width: 100%;
    height: 100%;
    aspect-ratio: 238/139;
    object-fit: cover;
    object-position: center;
}

/* sidebarMember */
.sidebarMember {
    background-color: #ffffff;
    padding: 31px 21px;
    position: sticky;
    top: 0;
    border: 3px solid #333333;
    border-radius: 16px;
    overflow: hidden;
    width: clamp(180px, 22.3vw, 320px);
    padding: 2.2vw 1.5vw;
    padding: clamp(20px, 2.2vw, 31px) clamp(11px, 1.5vw, 21px);
    z-index: 91;
    transition: top 0.35s cubic-bezier(0.4, 0, 0.2, 1);
}

.sidebarMember .wrapSidebarMember {
    position: relative;
    text-align: left;
    padding-left: 91px;
    padding-bottom: 41px;
    padding-left: clamp(45px, 6.4vw, 91px);
}

.sidebarMember .wrapSidebarMember:before {
    content: "";
    position: absolute;
    background: url('../images/trader-detail/sidebar-member.svg') no-repeat;
    background-size: 100%;
    width: 90px;
    width: clamp(60px, 6.3vw, 90px);
    height: 53px;
    height: 3.7vw;
    height: clamp(36px, 3.7vw, 53px);
    top: 8px;
    left: -24px;
}


.sidebarMember .wrapSidebarMember .txtMenuMember {
    font-size: 14px;
    font-weight: bold;
    display: block;
    margin-bottom: -5px;
    letter-spacing: 5px;
    font-size: clamp(12px, 1vw, 14px);
}

.sidebarMember .wrapSidebarMember .txtMenuMemberJp {
    font-size: 34px;
    font-weight: bold;
    position: relative;
    letter-spacing: 1.6px;
    font-size: clamp(26px, 2.4vw, 34px);
}

.sidebarMember .listMenuSidebar {
}

.sidebarMember .listMenuSidebar li {
    margin-bottom: 16px;
}
.sidebarMember .listMenuSidebar li:last-child {
    margin-bottom: 0;
}

.sidebarMember .listMenuSidebar a {
    text-decoration: none;
    color: #39B767;
    font-weight: bold;
    font-size: 18px;
    text-decoration: underline;
    text-underline-offset: 3px;
    font-size: clamp(16px, 1.3vw, 18px);
}


/* Contact Box Styling */
.areaCtaMember {
    margin-bottom: 10px;
}

.areaCtaMember .sectionBg {
    background: #7EF5AA;
    padding: 28px 27px 23px;
}

.areaCtaMember .titleCtaMember {
    font-size: 25px;
    text-align: center;
    margin-bottom: 25px;
    font-weight: bold;
}

.areaCtaMember .boxCtaMember {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 22px;
}

.areaCtaMember .boxCtaMember .wrapContactCard {
    width: 62.7%;
}
.areaCtaMember .boxCtaMember .wrapContactCard a {
    display: block;
    background: rgba(255, 255, 255, 0.8);
    width: 100%;
    border-radius: 20px;
    padding: 30px 20px 26px 170px;
    position: relative;
    padding: 30px 1vw 26px 11.4vw;
    padding: 30px clamp(10px, 1vw, 20px) 26px clamp(100px, 11.4vw, 170px);
}
.areaCtaMember .boxCtaMember .wrapContactCard .contactMemberPhoto {
    width: 120px;
    position: absolute;
    top: -18px;
    left: 32px;
    width: clamp(90px, 8.4vw, 120px);
    top: clamp(-18px, -1.2vw, -1px);
    left: clamp(10px, 2.2vw, 32px);
}

.areaCtaMember .boxCtaMember .wrapContactCard .contactMemberPhoto img {
    width: 100%;
    height: auto;
}

.areaCtaMember .boxCtaMember .wrapContactCard .contMemberDetail {
    text-align: center;
}

.areaCtaMember .boxCtaMember .wrapContactCard .contMemberDetail .numberCont {
    font-size: 37px;
    color: #FE4710;
    font-weight: bold;
    line-height: 1;
    margin-bottom: 6px;
    letter-spacing: 1.5px;
    font-size: clamp(32px, 2.6vw, 37px);
}

.areaCtaMember .boxCtaMember .wrapContactCard .contMemberDetail .timeContMember {
    font-size: 15px;
    font-weight: 500;
    letter-spacing: 0.6px;
    text-indent: -1px;
    font-size: clamp(12px, 1.1vw, 15px);
}

.areaCtaMember .boxCtaMember .productBoxBtn {
    width: 34.8%;
    margin-top: -1px;
}

.areaCtaMember .boxCtaMember .productBoxBtn .boxBtn a {
    background: #ffffff;
}

.areaCtaMember .wrapCtaRating {
    display: flex;
    justify-content: center;
    color: #333;
    align-items: center;
    flex-wrap: wrap;
    padding: 0 1px 0 0;
}

.areaCtaMember .wrapCtaRating .boxCtaRating {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-right: clamp(15px, 2.4vw, 37px);
}
.areaCtaMember .wrapCtaRating .boxCtaRating .nameRatingCta {
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0.9px;
}
.areaCtaMember .wrapCtaRating .boxCtaRating .listRatingCta {
    margin-top: 0;
    transform: translateY(2px);
    margin-left: 16px;
    display: flex;
    align-items: center;
}
.areaCtaMember .wrapCtaRating .boxCtaRating .listRatingCta li {
    width: 16px;
    margin-right: 4px;
}
.areaCtaMember .wrapCtaRating .boxCtaRating .listRatingCta li:last-child {
    margin-right: 0;
}
.areaCtaMember .wrapCtaRating .boxCtaRating .numRatingCta {
    margin-left: 17px;
    font-size: 30px;
    font-weight: 800;
}

.areaCtaMember .wrapCtaRating .paymentMethods {
    font-size: 14px;
    font-weight: 500;
    letter-spacing: 0.5px;
}
/* areaProfileMember */


.areaProfileMember {
    margin-bottom: 10px;
}
.areaProfileMember .sectionBg {
    overflow: hidden;
}
.areaProfileMember .wrapProfileMember {}
.areaProfileMember .wrapProfileMember:has(.areaTableBuddy) {
    padding-bottom: 0;
}

.areaProfileMember .wrapProfileMember:not(:has(.areaCommitment)) {
    padding-top: 0;
}
/* areaInterMember */
.areaInterMember {
    margin-bottom: 10px;
    margin-top: 10px;
}
.areaInterMember .wrapInterMember {
    padding-top: clamp(30px, 8.9vw, 121px);
}
.areaInterMember .wrapInterMember .areaTitle.areaTitleBefore {
    margin-bottom: 60px;
}
.areaInterMember .wrapInterMember .areaTitle.areaTitleBefore .titleTxt {
    padding: 0 0 0 209px;
    padding: 0 0 0 clamp(100px, 14.6vw, 209px);
}
.areaInterMember .wrapInterMember .areaTitle.areaTitleBefore .titleTxt::before {
    background-image: url('../images/trader-detail/icon-inter-member.svg');
    width: 175px;
    height: 180px;
    top: 45%;
    left: 96px;
    width: clamp(100px, 12.2vw, 175px);
    height: clamp(110px, 12.5vw, 180px);
    left: clamp(10px, 6.7vw, 96px);
}
.areaInterMember .wrapInterMember .priceIntro {
    margin-bottom: 52px;
}
.areaInterMember .wrapInterMember .boxInterMember {
    margin-bottom: 60px;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem {
    margin-bottom: 59px;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem:last-child {
    margin-bottom: 0;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .nameItemInter {
    font-size: 22px;
    font-weight: bold;
    background: #E5F6F1;
    padding: 14px 39px 18px;
    margin-bottom: 28px;
    letter-spacing: 0.9px;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem {
    width: calc(100% - clamp(140px, 21.6vw, 303px));
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem p {
    font-size: 16px;
    font-weight: 500;
    text-align: justify;
    margin-bottom: 29px;
    line-height: 1.82;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem p:last-child {
    margin-bottom: 0;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem ul {
    margin-bottom: 30px;
    padding-left: 10px;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem ul li {
    position: relative;
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 0.1px;
    padding-left: 14px;
    line-height: 1.8;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem ul li:last-child {
    margin-bottom: 0;
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem ul li:before {
    content: "";
    position: absolute;
    background: #333333;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    top: 14px;
    left: 0;
}

.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .interMemPhoto {
    width: clamp(150px, 18.6vw, 267px);
}
.areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .interMemPhoto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    aspect-ratio: 267 / 241;
}

.areaInterMember .wrapInterMember .wrapIntroMember {
    background: #E5F6F1;
    padding: clamp(20px, 1.9vw, 27px) clamp(15px, 1.4vw, 20px) clamp(20px, 1.8vw, 19px);
    border-radius: 10px;
}

.areaInterMember .wrapInterMember .titleIntroMember {
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-bottom: 30px;
    letter-spacing: 0.9px;
}

.areaInterMember .wrapInterMember .listIntroMember li {
    background: #ffffff;
    padding: clamp(15px, 1.4vw, 20px) clamp(15px, 1.4vw, 20px) clamp(15px, 1.5vw, 21px);
    margin-bottom: 9px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.areaInterMember .wrapInterMember .listIntroMember li:last-child {
    margin-bottom: 0;
}

.areaInterMember .wrapInterMember .listIntroMember li .introMemberPhoto {
    width: clamp(84px, 11.4vw, 164px);
    height: clamp(84px, 11.4vw, 164px);
    border-radius: 50%;
    overflow: hidden;
}

.areaInterMember .wrapInterMember .listIntroMember li .introMemberPhoto img {
    width: 100%;
    height: 100%;
    aspect-ratio: 164/164;
    object-fit: cover;
    object-position: top;
    border-radius: 50%;
}

.areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember {
    width: calc(100% - clamp(100px, 13.4vw, 193px));
    margin-top: -8px;
}

.areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .nameCompanyIntro {
    color: #39B767;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 7px;
    letter-spacing: 0.6px;
}

.areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .wrapOfficerMem {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 7px;
    font-weight: bold;
}

.areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .wrapOfficerMem .nameMember {
    font-size: 24px;
    letter-spacing: 1px;
}

.areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .wrapOfficerMem .memberRole {
    font-size: 14px;
    margin-left: 10px;
    letter-spacing: 0.7px;
}
.areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .wrapOfficerMem .nameMemberSmall {
    font-size: 14px;
    transform: translateY(-4px);
    display: inline-block;
    letter-spacing: 0;
}

.areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .memberProfile {
    font-size: 14px;
    font-weight: 500;
    line-height: 1.71;
    text-align: justify;
}
/* areaCommitment */
.areaCommitment {
    max-width: 564px;
    margin: 0 auto 58px;
}
.areaCommitment .areaTitle.areaTitleAfter {
    margin-bottom: 18px;
}
.areaCommitment .areaTitle.areaTitleAfter .titleTxt {
    padding: 0 clamp(80px, 7.7vw, 110px) 0 clamp(10px, 2.8vw, 39px);
    letter-spacing: 1.5px;
}
.areaCommitment .areaTitle.areaTitleAfter .titleTxt::before {
    background-image: url(../images/trader-detail/icon-commitment.svg);
    width: clamp(100px, 14.8vw, 149px);
    height: clamp(212px, 15.6vw, 225px);
    top: -79px;
    right: clamp(-44px, -3.1vw, 0px);
    left: auto;
}
.areaCommitment .listCommitment {
    display: flex;
    justify-content: center;
    width: 100%;
    position: relative;
}
.areaCommitment .listCommitment li {
    width: calc(100% / 4 - 7px);
    margin-right: 6px;
}
.areaCommitment .listCommitment li .commitmentPhoto {
    background: #E3F6F4;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 94px;
    margin-bottom: 9px;
}
.areaCommitment .listCommitment li .commitmentTitle {
    font-size: 14px;
    font-weight: 700;
    text-align: center;
    color: #393939;
    letter-spacing: 0.7px;
}
/* areaTableBuddy */
.areaTableBuddy {
    margin-bottom: 0;
    background: #F5F5F5;
    box-shadow: 0 0 0 100vmax #F5F5F5;
    -webkit-clip-path: inset(0 -100vmax);
    clip-path: inset(0 -100vmax);
    padding: 59px 0 76px;
}

.areaTableBuddy .areaTitle {
    text-align: center;
}
.areaTableBuddy .areaTitle .titleTxt {
    padding: 0;
    text-align: center;
}
.areaTableBuddy .areaTitle .titleTxt:after {
    display: none;
}
.areaTableBuddy .wrapTableBuddy {
    padding: 0;
}
.areaTableBuddy .wrapTableBuddy table {
    width: 100%;
}

.areaTableBuddy .wrapTableBuddy table tr {
    position: relative;
    border-bottom: 0;
    background: transparent;
}

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

.areaTableBuddy .wrapTableBuddy table tr th {
    border-right: 2px solid #fff;
    border-left: 4px solid #39B767;
    width: clamp(150px, 17.8vw, 255px);
    font-size: 16px;
    font-weight: bold;
    color: #39B767;
    text-align: center;
    padding: 22px 10px 22px;
    letter-spacing: 0.7px;
    background: #ffffff;
}

.areaTableBuddy .wrapTableBuddy table tr td {
    width: calc(100% - clamp(150px, 17.8vw, 255px));
    font-size: 16px;
    font-weight: 500;
    color: #393939;
    text-align: left;
    padding: 22px 22px;
    letter-spacing: 0.6px;
    background: #ffffff;
    line-height: 1.4;
}

.areaTableBuddy .wrapTableBuddy table tr td a {
    color: #333333;
}







/*AREAINQUIRIESFIX*/
.areaInquiriesFixNew.areaInquiriesFix {
    background: #FDF9E3;
    width: 453.5px;
    border-radius: 8px 0 0 0;
    background: #FDF9E3 url('../images/common/bg-fix-ft.png') no-repeat top -5px center/cover;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix {
    padding: 23px 19px 8px 19px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner {
    justify-content: center;
    margin-bottom: 6px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner a {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner .revLeftTitle {
    font-size: 13px;
    color: #000000;
    padding-left: 20px;
    background-size: 17px 15px;
    letter-spacing: 0;
    background-image: url(../images/trader-detail/icon-cup.png);
    margin-top: 1px;
}

.areaInquiriesFixNew.areaInquiriesFix .revLeftBanner .boxRateBanner .rateListBanner {
    margin-top: -5px;
    margin-left: 14px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner .boxRateBanner .rateListBanner li {
    width: 20px;
    margin-right: 0.1px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner .rateScoreBanner {
    font-size: 20px;
    margin-left: 5px;
    transform: translateY(-1px);
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .numRevBanner {
    color: #FC9B27;
    font-weight: 500;
    font-size: 14px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .reviewBanner {
    color: #FC9B27;
    font-weight: 500;
    font-size: 14px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .reviewBanner a {}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .titleInquiriesFix {
    font-size: 22px;
    margin-bottom: 15px;
    font-weight: bold;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .titleInquiriesFix .inquirFsz17 {
    font-size: 17px;
    margin-left: 0.8vw;
    margin-left: 16px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .boxInquiriesFix {
    position: relative;
    margin: 0 auto 13px;
    padding-left: 0;
    max-width: inherit;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .boxInquiriesFix:after {
    content: "";
    position: absolute;
    background: url('../images/common/tel-fix.png') no-repeat;
    background-size: 100%;
    width: 28px;
    height: 34px;
    top: 49%;
    transform: translateY(-50%);
    left: 0;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .boxInquiriesFix .numberInquiriesFix {
    margin-bottom: 7px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .boxInquiriesFix .numberInquiriesFix a {
    font-size: 40px;
    color: #FC9B27;
    line-height: 1;
    letter-spacing: 2.6px;
    font-weight: bold;
    text-align: center;
    display: block;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .boxInquiriesFix .timeInquiriesFix {
    font-size: 15px;
    padding-left: 0;
    letter-spacing: 0.9px;
    text-align: center;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix {
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li {
    width: 48%;
    margin-right: 0;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) {
    margin-right: 0;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li .txtInterest {
    font-size: 13px;
    font-weight: normal;
    text-align: center;
    position: relative;
    /* background: #FF464E; */
    color: #ffffff;
    margin-bottom: 9px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) .txtInterest .numInterest {
    background: #02BBAD;
    padding: 7px 33px 5px;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li .txtInterest:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-top: 15px solid #FF464E;
    left: 51%;
    transform: translateX(-50%);
    bottom: -7px;
    z-index: -1;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) .txtInterest:after {
    border-top-color: #02BBAD;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li .txtInterest .numInterest {
    background: #FF464E;
    display: inline-block;
    padding: 7px 27px 5px;
    line-height: 1.4;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li .linkInterest {}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li .linkInterest a {
    font-size: 13px;
    color: #FF464E;
    display: flex;
    justify-content: space-between;
    padding: 11px 16px 12px 19px;
    border-radius: 50px;
    text-align: center;
    transition: all .3s;
    background: #ffffff;
    border: 3px solid #FF464E;
    align-items: center;
    letter-spacing: 1px;
    box-shadow: 2px 2px 8px rgba(117, 117, 117, 0.16);
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:first-child a {}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) a {
    border-color: #02BBAD;
    padding: 11px 24px 12px 22px;
    color: #02BBAD;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span.txtEstNew {
    position: relative;
    padding-right: 0;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span.imgEstNew {
    width: 20px;
    transform: translateY(3px);
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) a span.imgEstNew {
    width: 24px;
    transform: translateY(3px);
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) a span {
    padding-right: 0;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:first-child a span:before {
    display: none;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) a span:before {
    display: none;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .txtInqui {
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    letter-spacing: 1.3px;
    color: #828282;
}

.areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span {
    padding-right: 0;
}

.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span.txtpc {
    padding-right: 0;
}
[data-wpr-lazyrender] {
    content-visibility: inherit;
}

@media(max-width: 769px) {
    .areaPayment .paymentFrame .paymentBox .listPayment li:nth-child(-n+2) {
        margin-top: 0;
    }

    .areaPayment .notCollected .collectedList li.last:last-child,
    .areaPayment .notCollected .collectedList li:nth-child(3n),
    .areaPayment .collected .listCollected li:nth-child(6n) {
        margin-right: 0;
    }
}
@media (min-width: 1220px) {
    .areaProfileMember .wrapProfileMember {
        padding: clamp(30px, 8.9vw, 116px) clamp(30px, 5.6vw, 79px) clamp(30px, 5.9vw, 77px);
    }
}
@media (max-width: 1220px) and (min-width: 769px) {
    
    .areaCommitment .areaTitle.areaTitleAfter .titleTxt::before {
        top: -5.2vw;
    }
    .wrapStepBuddy {
        padding-top: 1vw;
    }
}
@media(min-width:769px) and (max-width:1200px) {
    .areaTraderDetail .boxIntroduce .headIntro {
        font-size: 1.3vw;
        background: url(../images/trader-detail/background-text-note.png) no-repeat center left -2px;
        background-size: 100% 100%;
        padding: 2.2% 4.7% 2.2% 1.1%;
    }

    .areaTraderDetail .boxIntroduce .textSmall {
        font-size: 1.3vw;
        letter-spacing: 0.4px;
    }

    .areaTraderDetail .boxIntroduce .textBig {
        font-size: 1.6vw;
        margin-left: 8px;
    }

    .garbageRate>li .garbageRateScore {
        font-size: 14px;
    }

    .garbageRate>li .garbageRateScore .textLink {
        font-size: 12px;
    }

    .boxProduct .boxCatRate .garbageRate>li .garbageRateTitle {
        font-size: 14px;
        display: inline-block;
        background-size: 21px 20px;
        padding-left: 0;
        margin-bottom: 3px;
        display: block;
        width: 100%;
        background: transparent;
    }

    .boxProduct .boxCatRate .garbageRate>li .garbageRateList {
        margin-left: 0;
        margin-right: 2px;
    }

    .boxProduct .boxCatRate .garbageRate>li .garbageRateScore.ScoreRed {
        font-size: 18px;
        margin-left: 5px;
        line-height: 1;
        transform: translateY(-3px);
    }

    .boxProduct .boxCatRate .garbageRate>li .garbageRateList>li {
        width: 15px;
        display: inline-block;
        margin-right: -1px;
    }

    .boxProduct .garbageRate {
        width: 45%;
        background: #fefae4;
        border-radius: 10px;
    }

    .boxProduct .boxEvaluate {
        padding: 0 0 0 15px;
    }

    .boxEvaluate .listEval>li .stt {
        font-size: 14px;
        margin-right: 5px;
    }

    .areaBannerTrader .traderBanner {
        padding: 15px 10px;
    }

    .areaBannerTrader .traderBanner .titleBanner {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .areaBannerTrader .traderBanner .boxBanner {
        justify-content: center;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .hotLine a {
        font-size: 36px;
        background: url(../images/trader-detail/icon-hotline.png) no-repeat top 10px left;
        background-size: 37px 30px;
        padding-left: 44px;
        letter-spacing: 1.2px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact {
        padding-left: 3%;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .infoTime {
        font-size: 14px;
        margin-top: -4px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn {
        margin-top: 5px;
        padding-left: 10px;
        justify-content: space-around;
        width: 45%;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a,
    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader.website a {
        font-size: 20px;
        padding: 10px 14px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a span {
        padding-right: 24px;
        background: url(../images/common/icon-estimate.png) no-repeat center right;
        background-size: 16px 22px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader.website a span {
        padding-right: 30px;
        background: url(../images/trader-detail/icon-website.png) no-repeat center right;
        background-size: 26px 18px;
    }

    .boxProduct {
        border-radius: 10px;
        padding: 0;
    }

    

    .wrapperTitle .subText {
        font-size: 12px;
        margin-bottom: 5px;
    }

    .boxProduct .boxCatRate {
        display: flex;
        width: 50%;
        padding: 10px;
        margin-bottom: -2px;
    }

    .adverti {
        font-size: 12px;
        margin-top: 0;
    }

    .areaReviews .boxForm .itemForm .ipt {
        width: calc(100% - 200px);
    }

    .areaReviews .boxForm .itemForm .review_banner {
        width: calc(100% - 224px);
        margin: 0 0 0 auto;
    }
}
@media (min-width: 1401px) {
    .areaPrice .areaTitle.areaTitleBefore .titleTxt {
        padding-left: 175px
    }
}
@media (max-width: 1400px) and (min-width: 1101px) {
    .areaPrice .areaTitle.areaTitleBefore .titleTxt::before {
        left: clamp(0px, 8.8vw, 40px);
    }
}
@media (max-width: 1100px) and (min-width: 769px) {
    .areaPrice .areaTitle.areaTitleBefore .titleTxt::before {
        left: 5%;
        width: 105px;
    }
}
@media(min-width:1000px) and (max-width:1200px) {
    .areaBannerTrader .traderBanner .titleBanner {
        font-size: 25px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .hotLine a {
        font-size: 34px;
        background: url(../images/trader-detail/icon-hotline.png) no-repeat top 10px left;
        background-size: 35px 27px;
        padding-left: 43px;
        letter-spacing: 1.2px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .infoTime {
        font-size: 14px;
        margin-top: -5px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn {
        width: 56%;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a,
    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader.website a {
        font-size: 18px;
        padding: 14px 20px;
    }
    
}
@media(max-width: 1075px) and (min-width: 769px) {
    .areaReviews .boxForm {
        padding: 0;
    }

    .areaReviews .boxForm .itemForm .ttl {
        width: 200px;
    }

    .areaReviews .boxForm .itemForm .review_banner {
        width: calc(100% - 200px);
        margin: 0 0 0 auto;
    }

    .areaReviews .boxForm .itemForm .ipt .listUser {
        flex-wrap: wrap;
    }
    .areaReviews .boxForm .itemForm {
        flex-direction: column;
    }

    .areaReviews .boxForm .itemForm:has(.ipt .error) {
        margin-bottom: 20px;
    }

    .areaReviews .boxForm .itemForm.star:has(.ipt .error), 
    .areaReviews .boxForm .itemForm.user:has(.ipt .error) {
        margin-bottom: 0;
    }

    .areaReviews .boxForm .itemForm .ipt.amount .error {
        position: initial;
    }

    .areaReviews .boxForm .itemForm .ttl {
        width: 100%;
        border-radius: 10px 10px 0 0;
    }

    .areaReviews .boxForm .itemForm.star .ttl,
    .areaReviews .boxForm .itemForm.textarea .ttl {
        height: inherit;
    }

    .areaReviews .boxForm .itemForm .ipt {
        width: 100%;
        /* padding: 20px 15px 21px; */
        border-radius: 0 0 10px 10px;
    }

    .areaReviews .boxForm .itemForm .ipt .styleInput,
    .areaReviews .boxForm .itemForm.textarea .ipt .styleInput {
        padding: 20px 15px 21px;
        height: 69px;
        border-radius: 0 0 10px 10px;
    }

    .areaReviews .boxForm .itemForm.textarea .ipt .styleInput {
        height: 147px;
    }

    .areaReviews .boxForm .itemForm .ipt.amount .amountList {
        padding: 20px 15px 21px;
    }

    .areaReviews .boxForm .itemForm .ipt .garbageRateList,
    .areaReviews .boxForm .itemForm.user .listUser,
    .areaReviews .boxForm .itemForm.media .ipt {
        padding: 20px 15px 21px;
    }

    .areaReviews .boxForm .itemForm .ipt .garbageRateList,
    .areaReviews .boxForm .itemForm.user .listUser {
        height: inherit;
    }

    /* .areaReviews .boxForm .itemForm.star .ipt,
    .areaReviews .boxForm .itemForm.user .avatar,
    .areaReviews .boxForm .itemForm.media .ipt {
        padding: 20px 15px 21px;
    } */

    .areaReviews .boxForm .itemForm .ipt select {
        background: url(../images/common/icon-select-member.svg) no-repeat center right 15px/ 7px 11px;
    }

    .areaReviews .boxForm .itemForm.terms .itemTerms {
        justify-content: center;
    }

    .areaReviews .boxForm .itemForm .ipt span.yenSymbol {
        right: 15px;
    }

}
@media(max-width: 1050px) and (min-width:769px) {
    .wrapContent .contentBulky {
        padding: 40px 30px;
    }
    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn {
        width: 60%;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .hotLine a {
        font-size: 28px;
        background: url(../images/trader-detail/icon-hotline.png) no-repeat top 7px left;
        background-size: 32px 26px;
        padding-left: 38px;
        letter-spacing: 1.2px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a,
    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader.website a {
        font-size: 18px;
        padding: 10px 14px;
    }
    .areaTableBuddy .wrapTableBuddy {
        padding: 3vw 3vw;
    }

    .areaReviews .wapperReviews .boxReviews {
        padding: 30px 30px 20px;
    }
    .contentPricePayment {
        padding: 40px 30px;
    }
    .areaPrice .wrapTitleCollect {
        padding-left: 0;
    }
    .sidebarMember .wrapSidebarMember .txtMenuMemberJp {
        letter-spacing: 0;
    }
    .areaInterMember .wrapInterMember,
    .wrapStepBuddy,
    .areaStepBuddy .sectionBg,
    .areaProfileMember .wrapProfileMember {
        padding: 40px 30px;
    }

    .areaCommitment .areaTitle.areaTitleAfter .titleTxt::before {
        top: -60px;
    }
    .areaCtaMember .boxCtaMember .productBoxBtn .boxBtn.btnOffice a::before {
        left: 10px;
    }
}
@media (max-width: 1020px) and (min-width: 769px) {
    .areaCtaMember .boxCtaMember {
        flex-direction: column;
    }
    .areaCtaMember .boxCtaMember .wrapContactCard {
        width: 420px;
        margin: 0 auto 20px;
    }

    .areaCtaMember .boxCtaMember .productBoxBtn {
        width: 230px;
        margin: 0 auto;
    }
}
@media (max-width: 1000px) and (min-width: 769px) {
    

    .sidebarMember .wrapSidebarMember {
        padding-left: 5vw;
    }
    .areaCommitment .areaTitle.areaTitleAfter .titleTxt::before {
        right: 0;
    }

    .wrapTitleCollect .titleColSer {
        width: calc(100% - clamp(120px, 14.5vw, 152px));
    }
    .wrapTitleCollect .titlePhoto {
        transform: none;
        margin: 0;
    }
    .wrapStepBuddy {
        padding-top: 1vw;
    }
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li {
        padding: 20px 20px 20px;
    }
    .areaStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem {
        flex-direction: column;
    }

    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .boxStepItem {
        width: 100%;
    }
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .stepBuddyPhoto {
        width: 100%;
    }
}
@media(max-width: 950px) and (min-width:769px) {
    .areaTraderDetail .wraperInfoProduct {
        justify-content: center;
        margin-bottom: 51px;
    }
    .areaTraderDetail .boxListPhoto {
        width: 100%;
    }
    .areaTraderDetail .listInfo li .textInfo a {
        line-height: 1;
    }

    .areaReviews .wapperReviews .boxEvaluate .listEval>li .stt {
        font-size: 16px;
        margin-right: 10px;
    }
    .areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
        width: 18px;
        margin-right: 3px;
    }
    .areaReviews .wapperReviews .boxEvaluate .number {
        font-size: 16px;
    }

    .areaListReview .ListReview .reviewRateScore .reviewBox .wrapReviewLeft {
        width: 233px;
        margin: 0 auto 0 0;
    }
    .memberPriceBanner .wrapPartnerMem .listPartnerMem {
        max-width: 380px;
        margin: 0 auto;
    }

    .memberPriceBanner .wrapPartnerMem .listPartnerMem li {
        width: 100%;
        margin-bottom: 10px;
        margin-right: 0;
    }

    .areaPrice .areaTitle.areaTitleBefore .titleTxt::before {
        left: 8%;
        width: 95px;
    }
    .areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife .boxPrice {
        justify-content: center;
        gap: 15px 10px;
    }
    .areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife .txtPriceLife {
        width: 100%;
        text-align: center;
    }
    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife {
        width: 210px;
    }
    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .priceLifePhoto {
        width: calc(100% - 240px);
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem {
        flex-direction: column;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem {
        width: 100%;
        margin-bottom: 20px;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .interMemPhoto {
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
    }

    .areaInterMember .wrapInterMember .listIntroMember li {
        flex-direction: column;
    }

    .areaInterMember .wrapInterMember .listIntroMember li .introMemberPhoto {
        margin-bottom: 15px;
    }

    .areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember {
        margin-top: 0;
        width: 100%;
    }

    .areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .nameCompanyIntro {
        text-align: center;
    }
    .areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .wrapOfficerMem {
        justify-content: center;
    }
}
@media(min-width:769px) {
    .boxBtn a:hover {
        transform: translateY(4px);
        box-shadow: none;
    }
    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .hotLine a {
        pointer-events: none;
    }

    .btnReadMore a:hover,
    .areaReviews .wapperReviews .btnReview a:hover {
        background: #333333;
        color: #ffffff;
    }
    .btnReadMore a:hover::before,
    .areaReviews .wapperReviews .btnReview a:hover:before {
        filter: brightness(0) invert(1);
    }
    .areaReviews .boxForm .closeForm a:hover {
        color: #39B767;
    }
    .wrapStepBuddy {
        padding: clamp(10px, 2.9vw, 12px) clamp(30px, 5.6vw, 77px) clamp(30px, 5.9vw, 71px);
    }
    .areaStepBuddy .wrapNumberStepBuddy .numberStep, 
    .areaStepBuddy .wrapNumberStepBuddy .txtNumber {
        color: #00b54a;
    }
    
    .areaPrice .areaTitle {
        margin-bottom: 30px;
    }

    .areaListReview {
        margin-bottom: 45px;
    }

    .areaListReview .ListReview {
        margin-bottom: 30px;
    }

    .areaReviews .wapperReviews .btnReview {
        margin-top: 25px;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .boxInquiriesFix .numberInquiriesFix a {
        pointer-events: none;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:first-child a:hover {
        color: #ffffff;
        background: #FF464E;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) a:hover {
        color: #ffffff;
        background: #02bbad;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a:hover span.imgEstNew img {
        filter: brightness(0) invert(1);
    }

    .ListReview .toggleBtnReview:hover {
        text-decoration: underline;
        text-underline-offset: 3px;
    }

    .areaReviews .boxForm .btnSubmit .btn-submit:hover {
        background: #333333;
        color: #ffffff;
    }

    .areaReviews .boxForm .btnSubmit .btn-submit:hover::before {
        filter: brightness(0) invert(1);
    }

    .areaGallery {
        margin-bottom: 0;
        margin-top: 61px;
    }
    .areaGallery .galleryPhoto .listGallery li:nth-child(-n+2) {
        margin-top: 0;
    }

    .areaGallery .galleryPhoto .galleryMain a:hover {
        background-color: #fff;
        color: #303030;
    }

    .areaGallery .areaTitle {
        margin-bottom: 23px;
    }

    .areaGallery .areaTitle .titleTxt> span {
        margin-bottom: 3px;
    }

    .areaCommitment .listCommitment li:nth-child(5n) {
        margin-right: 0;
    }
    .memberPriceBanner .wrapPartnerMem .listPartnerMem li a:hover {
        opacity: 0.6;
    }

    .sidebarMember .listMenuSidebar a:hover {
        text-decoration: none;
    }

    .areaCtaMember .boxCtaMember .productBoxBtn .boxBtn:not(:last-child) {
        margin-bottom: 10px;
    }

    .areaCtaMember .boxCtaMember .productBoxBtn .boxBtn a {
        padding: 11px 10px 12px 56px;   
    }
    .areaCtaMember .boxCtaMember .productBoxBtn .boxBtn a::before {
        left: clamp(10px, 2.2vw, 33px); 
    }
    .areaCtaMember .boxCtaMember .productBoxBtn .boxBtn.btnOffice a::before {
        top: 51%;
        left: clamp(10px, 2vw, 29px);
    }

    .areaCtaMember .boxCtaMember .wrapContactCard a {
        pointer-events: none;
    }

}
@media (max-width: 920px) and (min-width: 769px) {
    .areaPayment .paymentFrame {
        flex-direction: column;
    }

    .areaPayment .paymentFrame .paymentBox {
        width: 100%;
        margin-bottom: 20px;
    }

    .areaPayment .paymentFrame .paymentBox.paymentRed {
        width: 100%;
        margin-bottom: 0;
    }
}
@media (max-width: 900px) and (min-width: 769px) {
    .revLeftBanner .revLeftTitle {
        font-size: clamp(15px, 1.9vw, 16px);
        background-size: 2.7vw 2.7vw;
        padding-left: 3vw;
    }

    .revLeftBanner .boxRateBanner .rateListBanner li {
        width: clamp(19px, 2.4vw, 25px);
    }

    .revLeftBanner .rateScoreBanner {
        font-size: clamp(23px, 3vw, 30px);
    }
}
@media(max-width: 880px) and (min-width: 769px) {
    .areaReviews .boxReviews .boxEvaluate {
        max-width: 400px;
    }
    .areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList {
        transform: translateY(4px);
    }
    .areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
        width: 16px;
        margin-right: 2px;
    }
    .areaReviews .wapperReviews .boxEvaluate .listEval>li .measure {
        width: 200px;
    }
    .areaPrice .areaTitle.areaTitleBefore .titleTxt {
        padding-left: 18%;
    }
    .areaPrice .areaTitle.areaTitleBefore .titleTxt::before {
        left: 0;
        width: 95px;
    }
}
@media(max-width: 850px) and (min-width:769px) {
    .wrapContent .contentBulky {
        padding: 30px 15px;
    }
    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn {
        width: 68%;
    }

    .areaBannerTrader .traderBanner .titleBanner {
        font-size: 20px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact {
        padding-left: 1%;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a,
    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader.website a {
        font-size: 16px;
        padding: 10px 14px;
    }
    .areaReviews .boxForm {
        padding: 0;
    }
    .contentPricePayment {
        padding: 30px 15px;
    }
    .areaInterMember .wrapInterMember,
    .wrapStepBuddy,
    .areaStepBuddy .sectionBg,
    .areaProfileMember .wrapProfileMemberr {
        padding: 30px 15px;
    }
    .areaCommitment .areaTitle.areaTitleAfter .titleTxt::before{
        top: -50px;
    }

    .areaInterMember .wrapInterMember .areaTitle.areaTitleBefore .titleTxt::before {
        left: 3vw;
    }
}
@media(max-width: 800px) and (min-width: 769px) {
    .areaPrice .areaTitle.areaTitleBefore .titleTxt::before {
        width: 75px;
    }
}

@media(max-width: 790px) and (min-width: 769px) {
    .areaReviews .wapperReviews .boxReviews {
        padding: 30px 15px 20px;
    }
}
@media(max-width: 768px) {
    .wrapContent .contentBulky {
        padding: 9px 20px 30px;
    }
    
    .areaTraderDetail {
        padding: 15px 0 0;
        margin-bottom: 30px;
    }
    .areaTraderDetail .boxProduct .titleProduct {
        font-size: 28px;
        margin-bottom: 20px;
    }
    .areaTraderDetail .boxListPhoto {
        width: 100%;
    }
    .areaTraderDetail .boxListPhoto .listPhoto {
        margin-bottom: 2px;
    }
    .areaTraderDetail .boxListPhoto .listPhoto li {
        width: calc(100% / 6 - 2px);
    }

    .areaTraderDetail .boxIntroduce {
        flex-direction: column;
    }

    .photoProduct {
        width: 100%;
        margin-bottom: 10px;
    }

    .areaTraderDetail .boxListPhoto {
        width: 100%;
        margin-bottom: 0;
    }
    .wraperInfoProduct .productBoxBtn {
        width: 480px;
        margin: 0 auto 11px;
        display: flex;
        justify-content: space-between;
    }
    .areaTraderDetail .wraperInfoProduct .productBoxBtn {
        width: 480px;
    }

    .wraperInfoProduct .productBoxBtn ,
    .areaTraderDetail .wraperInfoProduct .productBoxBtn {
        /* flex-direction: column; */
        /* width: 243px; */
        margin: 0 auto 11px;
        gap: 10px;
    }
    .boxBtn {
        width: 49%;
    }

    .boxBtn a {
        border-radius: 18px;
        padding: 56px 10px 13px;
        font-size: 16px;
    }
    .boxBtn a::before,
    .boxBtn.btnOffice a::before {
        top: 10px;
        left: 50%;
        transform: translateX(-50%);
    }
    .productBoxBtn .boxBtn {
        margin-bottom: 0;
    }
    .wrapperTitle .subText {
        font-size: 11px;
        margin-bottom: 7px;
    }

    .areaTraderDetail .boxProduct {
        margin: 0;
    }

    .areaTraderDetail .boxIntroduce .headIntro {
        background: #fc9b27;
        width: 100%;
        text-align: center;
        padding: 0px 0;
        line-height: 1;
        border-radius: 5px 5px 0 0
    }

    .areaTraderDetail .boxIntroduce .headIntro .text {
        background: url(../images/trader-detail/icon-Introduce.png) no-repeat top 0px right;
        background-size: 17px 20px;
        padding: 0 23px 8px 9px;
        font-size: 15px;
        display: inline-block;
    }

    .areaTraderDetail .boxIntroduce .contentIntro {
        padding: 6px 16px;
        text-align: center;
    }

    .areaTraderDetail .boxIntroduce .textSmall {
        font-size: 15px;
        display: block;
    }

    .areaTraderDetail .boxIntroduce .textBig {
        font-size: 21px;
        display: block;
    }
    .areaTraderDetail .wraperInfoProduct {
        margin-bottom: 5px;
    }
    .areaTraderDetail .listInfo li {
        gap: 0;
        padding: 5px 5px 0;
    }
    .areaTraderDetail .listInfo li .titleInfo {
        /* width: 100%; */
        /* width: 100px; */
    }
    .areaTraderDetail .listInfo li .textInfo {
        justify-content: flex-start;
        width: 100%;
        gap: 5px 10px;
        padding: 10px 10px;
    }
    .areaTraderDetail .listInfo li .textInfo a .fzOrange {
        margin-right: 0;
    }
    .areaTraderDetail .listInfo li .textInfo a {
        pointer-events: auto;
    }

    .boxCatRate .garbageRate>li .garbageRateTitle {
        font-size: 14px;
        display: inline-block;
        background-size: 21px 20px;
        padding-left: 0;
        margin-bottom: 3px;
        display: block;
        width: 100%;
        background: transparent;
    }

    .boxCatRate .garbageRate>li .garbageRateList {
        margin-left: 0;
        margin-right: 2px;
    }

    .boxCatRate .garbageRate>li .garbageRateScore.ScoreRed {
        font-size: 18px;
        margin-left: 5px;
        line-height: 1;
        transform: translateY(-3px);
    }

    .boxCatRate .garbageRate>li .garbageRateList>li {
        width: 15px;
        display: inline-block;
        margin-right: 2px;
    }

    .boxCatRate {
        display: flex;
        width: 100%;
        padding: 13px 18px 8px 18px;
        margin-bottom: -2px;
    }

    .boxProduct .boxEvaluate {
        width: 50%;
        padding-left: 15px;
    }

    .boxProduct .boxEvaluate .listEval>li {
        margin-right: -10px;
        margin-bottom: 2px;
    }

    .boxProduct .boxEvaluate .listEval>li .stt {
        font-size: 11px;
        margin-right: 15px
    }

    .boxProduct .boxEvaluate .listEval>li .garbageRateList li {
        width: 12px;
        margin-right: 1px;
        top: 3px;
    }

    .boxProduct .boxEvaluate .listEval>li .number {
        /* FB349 */
        font-size: 13px;
        /* END FB349 */
        margin-left: 7px;
        margin-top: -3px;
    }

    .boxCatRate .garbageRate>li {
        margin-bottom: 6px;
    }

    .boxCatRate .garbageRate>li .garbageRateTitle.fz-sp {
        font-size: 12px;
        margin-bottom: 2px;
    }

    .boxCatRate .garbageRate>li .garbageRateScore {
        font-size: 12px;
    }

    .boxCatRate .garbageRate>li .garbageRateScore .textLink {
        font-size: 11px;
        margin-left: -3px;
    }

    .garbageRate .anchorFormReview a {
        font-size: 11px;
        padding: 5px 16px;
    }

    .areaBannerTrader {
        margin-bottom: 19px;
    }

    .areaBannerTrader .inner {
        padding: 0 4%;
    }

    .titleBanner .breack {
        display: none;
    }

    .areaBannerTrader .traderBanner .boxBanner {
        display: flex;
        flex-direction: column;
    }

    .areaBannerTrader .traderBanner {
        background-color: #02bbad;
        border: 2px solid #ffc000;
        padding: 17px 13px;
        margin: 0 auto;
    }

    .areaBannerTrader .traderBanner .titleBanner {
        font-size: 12px;
        margin-bottom: 10px;
        letter-spacing: 0.5px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact {
        width: 100%;
        background: url(../images/trader-detail/bgr-hotline-sp.png) no-repeat center right;
        background-size: cover;
        border-radius: 5px;
        padding: 0px 0 7px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .infoNote.sp {
        display: none;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .infoTime {
        /* FB349 */
        font-size: 13px;
        /* END FB349 */
        color: #ffffff;
        margin-top: -6px;
        padding-left: 14px;
        letter-spacing: 0.4px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperContact .hotLine a {
        font-size: 27px;
        background: url(../images/trader-detail/icon-hotline.png) no-repeat top 11px left 7px;
        background-size: 27px 20px;
        padding-left: 38px;
        letter-spacing: 0;
        border-radius: 5px;
        margin: 0 3px;
    }

    .areaBannerTrader .traderBanner .boxBanner .bannerTxt {
        font-size: 16px;
        width: 100%;
        text-align: center;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn {
        display: flex;
        width: 100%;
        justify-content: space-between;
        align-items: center;
        padding-left: 0;
        margin: 10px auto 0;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader {
        width: 48%;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a {
        font-size: 11px;
        border-radius: 32px;
        padding: 10px 10px 12px;
        width: 100%;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader.website a {
        padding: 10px 15px 12px 19px;
        background: #026bbb;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a span {
        padding-right: 19px;
        background: url(../images/common/icon-estimate.png) no-repeat center right;
        background-size: 11px 14px;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader a span br {
        display: none;
    }

    .areaBannerTrader .traderBanner .boxBanner .wrapperBtn .btnTrader.website a span {
        padding-right: 24px;
        background: url(../images/trader-detail/icon-website.png) no-repeat center right;
        background-size: 17px 11px;
    }

    /*FEEDBACK ROW 263*/
    .garbageRateList li .rating {
        height: 82%;
    }
    /*END-FEEDBACK ROW 263*/

    .garbageRateList li .rating {
        height: 70%;
    }

    /*areaListReview*/
    .areaListReview .btnReadMore {
        display: block;
        width: 200px;
        margin: 20px auto 0;
    }

    .areaListReview .btnReadMore a {
        font-size: 14px;
        padding: 7px 5px;
    }
    .areaListReview .btnReadMore a::before {
        right: 10px;
    }

    .areaListReview {
        padding: 14px 0 0;
        margin-bottom: 40px;
    }

    .areaListReview .ListReview {
        width: 100%;
        margin-left: 0;
    }

    .areaListReview .ListReview .reviewRateScore {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }

    .areaListReview .ListReview .reviewRateScore>li {
        display: inline-block;
        width: 100%;
        margin-bottom: 12px;
        border-bottom: 1px solid #777777;
        padding-bottom: 30px;
    }
    .areaListReview .ListReview .reviewRateScore>li:last-child {
        border: 0;
    }
    .areaListReview .ListReview .reviewRateScore .reviewBox {
        min-width: 300px;
        max-width: 100%;
    }

    .areaListReview .ListReview .reviewRateScore .reviewBox .contentBoxReview {
        justify-content: flex-start;
    }
    .areaListReview .ListReview .reviewRateScore .reviewBox .reviewRate .reviewPerson {
        margin: 0 0 0 auto;
    }

    .areaListReview .ListReview .reviewRateScore .reviewBox .reviewWrapContent .wrapReviewRight .imgReviewRight {
        width: 130px;
    }

    .boxThank {
        padding: 4px 0 0;
        text-align: center;
    }

    .boxThank .boxText {
        display: block;
        max-width: 414px;
        margin: 0 auto;
    }

    .boxThank .boxText:before {
        width: 53px;
        height: 66px;
        top: 45%;
        left: 0;
    }

    .boxThank .boxText:after {
        width: 53px;
        height: 66px;
        top: 45%;
        right: 0;
    }

    .boxThank .boxText .textBig {
        font-size: 18px;
        margin-bottom: 2px;
        line-height: 1.4;
    }

    .boxThank .boxText .textSmall {
        font-size: 9px;
    }

    .areaBannerBetween {
        margin-top: 25px;
    }

    #footer {
        padding-bottom: 25px
    }

    body:has(.areaInquiriesFixNew) {
        padding-bottom: clamp(123px, 24.6vw, 200px)
    }

    .member-template-single-katazuke119 .areaAmazon2000,
    .member-template-single-katazuke53 .areaAmazon2000,
    .member-template-single-gomiyashiki-issotai .areaAmazon2000,
    .member-template-single-hvacr-system .areaAmazon2000,
    .member-template-single-raku-sute .areaAmazon2000 {
        margin: 40px 0;
    }
    

    .revLeftBanner {
        justify-content: center;
        margin-bottom: 2.1vw;
    }

    .revLeftBanner .revLeftTitle {
        letter-spacing: 1.6px;
        font-size: clamp(12px, 2.6vw, 15px);
        background-size: clamp(18px, 3.7vw, 22px) clamp(16px, 3.5vw, 21px);
        padding-left: 4.9vw;
        padding-left: clamp(25px, 4.9vw, 31px);
        background-position-y: -1px;
    }

    .revLeftBanner .boxRateBanner .rateListBanner {
        margin-left: 1.6vw;
        margin-top: 0.2vw;
    }

    .revLeftBanner .boxRateBanner .rateListBanner li {
        width: clamp(14px, 3.6vw, 21px);
        height: clamp(14px, 3.6vw, 21px);
        margin-right: 0.7vw;
    }

    .revLeftBanner .rateScoreBanner {
        font-size: clamp(18px, 4.8vw, 28px);
        margin-left: 1vw;
    }

    /* areaPayment */
    .areaPayment .paymentFrame {
        flex-direction: column;
        margin-bottom: 30px;
    }

    .areaPayment .paymentFrame .paymentBox.paymentRed,
    .areaPayment .paymentFrame .paymentBox {
        width: 100%;
    }

    .areaPayment .paymentFrame .paymentBox.paymentRed {
        margin-top: 12px;
    }

    .areaPayment .paymentFrame .paymentBox .paymentTitle {
        font-size: 16px;
    }

    .areaPayment .paymentFrame .paymentBox .listPayment li .paymentTxt {
        font-size: 14px;
    }

    .areaPayment .notCollected,
    .areaPayment .collected {
        padding: 20px;
    }

    .areaPayment .notCollected .collectedTitleBig,
    .areaPayment .collected .collectedTitle {
        font-size: 18px;
        margin-bottom: 15px;
    }

    .areaPayment .collected .listCollected {
        justify-content: space-between;
    }

    .areaPayment .collected .listCollected li {
        width: 49%;
        font-size: 14px;
        margin-right: 0;
        letter-spacing: 0.5px;
        margin-bottom: 7px;
    }

    .areaPayment .collected .listCollected li:nth-child(3n) {
        margin-right: 0;
    }

    .areaPayment .notCollected .collectedList li.last,
    .areaPayment .notCollected .collectedList li {
        width: 100%;
        margin-right: 0;
    }

    .areaPayment .notCollected .collectedList li::before {
        width: 38px;
    }

    .areaPayment .notCollected .collectedList li .collectedTitle {
        font-size: 14px;
        margin-bottom: 3px;
    }

    .areaPayment .notCollected .collectedList li .collectedTxt {
        font-size: 12px;
    }

    .memberPriceBanner {
        margin-bottom: 0;
    }
    .memberPriceBanner .wrapPartnerMem {}
    .memberPriceBanner .wrapPartnerMem .listPartnerMem {
        flex-direction: column;
        max-width: 500px;
        margin: 0 auto;
    }
    .memberPriceBanner .wrapPartnerMem .listPartnerMem li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 20px;
    }

    .memberPriceBanner .wrapPartnerMem .listPartnerMem li:last-child {
        margin-bottom: 0;
    }
    /*areaTableBuddy*/
    .areaTableBuddy {
        margin-bottom: 0;
        padding: 20px 0;
    }

    .areaTableBuddy .areaTitle {
        margin-bottom: 8px;
    }

    .areaTableBuddy .wrapTableBuddy table tr {
        border: 4px solid #F5F5F5;
    }

    .areaTableBuddy .wrapTableBuddy table tr::before {
        content: "";
        display: none;
    }

    .areaTableBuddy .wrapTableBuddy table tr th {
        font-size: 14px;
        width: 32%;
        border-right-width: 4px;
        border-left-width: 3px;
        letter-spacing: 0;
        padding: 22px 5px 22px;
    }

    .areaTableBuddy .wrapTableBuddy table tr td {
        font-size: 14px;
        width: 68%;
        padding: 20px 11px;
        letter-spacing: 0;
    }
    /* areaCommitment */
    .areaCommitment {
        margin-bottom: 30px;
    }

    .areaCommitment .areaTitle {
        margin-bottom: 20px;
    }

    .areaCommitment .listCommitment {
        flex-wrap: wrap;
        justify-content: center;
    }

    .areaCommitment .listCommitment li {
        width: calc(100% / 3 - 6px);
        margin: 0 3px 20px;
    }

    .areaCommitment .listCommitment li .commitmentPhoto {
        height: 80px;
        /* height: 130px; */
    }

    .areaCommitment .listCommitment li .commitmentPhoto img {
        width: 35%;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .areaCommitment .listCommitment li .commitmentTitle {
        font-size: 13px;
    }
    
    /* areaGallery */
    .areaGallery {
        margin-bottom: 0;
    }

    .areaGallery .galleryPhoto {
        flex-direction: column-reverse;
    }

    .areaGallery .galleryPhoto .listGallery {
        width: 100%;
        margin-bottom: 5px;
    }

    .areaGallery .galleryPhoto .galleryMain {
        width: 100%;
    }

    .areaGallery .popupBox .popupWrap .sliderFrame {
        padding-bottom: 22px;
    }

    .areaGallery .popupBox .popupWrap .sliderFrame .navigation-wrapper .arrow {
        width: 29px;
        height: inherit;
        aspect-ratio: 1 / 1;
        background-size: 100%;
    }

    .areaGallery .popupBox .popupWrap .sliderFrame .close {
        padding: 0 8%;
        margin-bottom: 10px;
    }

    .areaGallery .popupBox .popupWrap .sliderFrame .close a {
        display: inline-block;
        width: 30px;
    }

    .areaGallery .popupBox .popupWrap .sliderFrame .counter {
        font-size: 14px;
    }
    .contentPricePayment {
        padding: 30px 20px;
    }
    .wrapTitleCollect {}
    .wrapTitleCollect .titleColSer {
        width: 69%;
        font-size: clamp(18px, 3.9vw, 26px);
        line-height: 1.35;
        padding-top: 0;
    }
    .wrapTitleCollect .titleColSer .txt {
        font-size: clamp(24px, 4.6vw, 32px);
    }
    .wrapTitleCollect .titleColSer .txt .txtBig {
        font-size: 28px;
    }

    .wrapTitleCollect .titlePhoto {
        transform: none;
        width: 30%;
        max-width: 216px;
        margin-left: 0;
    }
    .areaStepBuddy {}
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li {
        padding: 4vw 4vw;
        margin-bottom: 20px;
        flex-direction: column;
    }

    .areaStepBuddy .wrapStepBuddy .listStepBuddy li:last-child {
        margin-bottom: 0;
    }
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft {
        padding: 0;
        background: transparent;
        width: 100%;
        margin-right: 0;
        transform: none;
        display: flex;
        align-items: center;
        margin-bottom: 18px;
        flex-direction: initial;
        justify-content: flex-start;
    }
    
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft .wrapNumberStepBuddy {
        background: #00b54a;
        width: 70px;
        margin-right: 12px;
        padding: 15px 10px;
        border-radius: 5px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft .wrapNumberStepBuddy .txtNumber {
        font-size: 12px;
        color: #fff;
    }
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudLeft .wrapNumberStepBuddy .numberStep {
        font-size: 30px;
        color: #fff;
    }
    .areaStepBuddy .listStepBuddy li .titleStepItem.sp {
        display: block;
        margin-bottom: 0;
        font-size: 18px;
        text-align: justify;
        width: calc(100% - 82px);
    }

    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight {
        flex-direction: column;
        width: 100%;
        margin-top: 0;
    }

    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem {
        flex-direction: column;
    }
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .boxStepItem {
        width: 100%;
        margin-top: 0;
    }
    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .boxStepItem .txtStepPura {
        margin-bottom: 20px;
        width: 100%;
        margin-right: 0;
        font-size: 14px;
        min-width: inherit;
        letter-spacing: 0;
    }

    .areaStepBuddy .wrapStepBuddy .listStepBuddy li .wrapStepBudRight .contentStepItem .stepBuddyPhoto {
        width: 100%;
        max-width: 264px;
        margin: 0 auto;
    }
    .areaPrice .areaTitle.areaTitleBefore {
        max-width: 330px;
        margin: 0 auto 30px;
    }
    .areaPrice .areaTitle.areaTitleBefore .titleTxt {
        padding-left: 20%;
    }
    .areaPrice .areaTitle.areaTitleBefore .titleTxt::before {
        left: 0%;
        width: 20%;
        max-width: 100px;
    }
    .priceIntro {
        font-size: 16px;
    }
    .areaPrice .wrapTitleCollect {
        width: 100%;
        margin-bottom: 20px;
        align-items: center;
        padding-left: 0;
    }

    .areaPrice .wrapTitleCollect .titleColSer {
        width: 100%;
        font-size: clamp(18px, 3.9vw, 26px);
        line-height: 1.35;
    }

    .areaPrice .wrapTitleCollect .titleColSer br {
        display: none;
    }

    .areaPrice .wrapTitleCollect .titleColSer .txt {
        font-size: clamp(24px, 4.6vw, 32px);
    }

    .areaPrice .wrapTitleCollect .titleColSer .txt .txtBig {
        font-size: 28px;
    }

    .areaPrice .wrapTitleCollect .titlePhoto {
        transform: none;
        width: 25%;
        max-width: 216px;
        margin-left: 0;
    }

    .areaPrice .wrapPriceLife {
        padding: 20px 10px 10px;
    }

    .areaPrice .wrapPriceLife .listPriceLife {
        flex-direction: column;
    }

    .areaPrice .wrapPriceLife .listPriceLife li {
        width: 100%;
    }

    .areaPrice .wrapPriceLife .listPriceLife li:last-child {
        margin-bottom: 0;
    }

    .areaPrice .wrapPriceLife .listPriceLife li .titlePriceItem {
        font-size: 16px;
        padding: 5px;
    }

    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife {
        width: 100%;
        text-align: center;
    }

    .areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife {
        padding: 20px;
    }

    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .regularPrice {
        position: relative;
        padding-left: 0;
        justify-content: center;
    }

    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .priceLifePhoto {
        width: 100%;
        margin-top: 10px;
        text-align: center;
    }

    .areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife .boxPrice {
        margin-bottom: 10px;
        flex-direction: column;
    }

    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .priceLife {
        justify-content: center;
        font-size: 38px;
        margin-right: 0;
    }

    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .priceLife .unitPriceLife {
        font-size: 16px;
        transform: translate(5px, 0);
    }
    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .boxPriceLife .priceLife .unitPriceLife .tax {
        font-size: 11px;
        margin-bottom: -4px;
    }

    .areaPrice .listPriceLife li .iframePriceLife .boxPrice .priceLifePhoto {
        margin-top: 10px;
        max-width: 250px;
    }

    .areaPrice .wrapPriceLife .listPriceLife li .iframePriceLife .txtPriceLife {
        width: 100%;
        font-size: 14px;
        text-align: center;
    }
    /* .areaStepBuddy .wrapNumberStepBuddy {
        background: #00b54a;
    } */
    .wrapStepBuddy {
        padding: 30px 20px;
    }
    .areaInquiriesFixNew.areaInquiriesFix {
        width: 100%;
        border-radius: 0;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix {
        padding: 2.1vw 2.4vw 0.2vw;
        max-width: 740px;
        margin: 0 auto;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner {
        margin-bottom: clamp(-2px, -0.4vw, 4px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span.txtpc {
        display: none;
        padding-right: 0;
    }

    .areaInquiriesFixNew.areaInquiriesFix .revLeftBanner .boxRateBanner .rateListBanner {
        margin-left: 1.6vw;
        margin-top: -1.1vw;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner .boxRateBanner .rateListBanner li {
        width: clamp(17px, 3.7vw, 24px);
        height: clamp(17px, 3.7vw, 24px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner .revLeftTitle {
        font-size: clamp(12px, 2.7vw, 16px);
        padding-left: clamp(23px, 4.9vw, 31px);
        background-size: clamp(17px, 3.7vw, 22px) clamp(17px, 3.5vw, 21px);
        letter-spacing: 1.6px;
        background-position-y: 0;
        margin-top: -0.7vw;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .revLeftBanner .rateScoreBanner {
        font-size: clamp(18px, 3.9vw, 28px);
        margin-left: 1.2vw;
        margin-top: -1.4vw;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .numRevBanner {

        font-size: clamp(11px, 2.5vw, 14px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .reviewBanner {
        font-size: clamp(11px, 2.5vw, 14px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .titleInquiriesFix {
        font-size: clamp(20px, 4.9vw, 26px);
        margin-bottom: clamp(5px, 1.2vw, 10px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .titleInquiriesFix .inquirFsz17 {
        font-size: clamp(15px, 3.8vw, 20px);
        margin-left: 4.5vw;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix {
        justify-content: space-between;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li {
        width: 22.5%;
        margin-right: 0;
        width: clamp(79px, 20.9vw, 150px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li .linkInterest a {
        flex-direction: column;
        border-width: clamp(1px, 0.6vw, 3px);
        border-radius: 2vw;
        padding: 2px 3px 3px 3px;
        letter-spacing: 0;
        padding: 0.4vw 1vw 0.8vw 1vw;
        /* height: 12.1vw; */
        height: clamp(54px, 12.1vw, 100px);
        justify-content: center;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span {
        font-size: clamp(13px, 2.8vw, 18px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span.txtEstNew {
        margin-bottom: 4px;
        margin-bottom: 0.9vw;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) a span.txtEstNew {
        margin-bottom: 1vw;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span.imgEstNew {
        width: 24px;
        width: clamp(24px, 5.3vw, 44px);
        transform: translateY(0);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(2) a span.imgEstNew {
        width: 30px;
        width: clamp(30px, 6.7vw, 50px);
        transform: translateY(0);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) {
        width: calc(100% - clamp(171px, 44.6vw, 400px));
    }
    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a {
        border: 0.6vw solid #FE9C00;
        text-align: left;
        color: #FE9C00;
        padding: clamp(8px, 0.7vw, 14px) clamp(11px, 8.9vw, 80px) clamp(6px, 1vw, 12px) clamp(16px, 10.7vw, 82px);
        border-radius: 23vw;
        position: relative;
        height: clamp(54px, 12.1vw, 100px);
        display: flex;
        flex-direction: column;
        justify-content: center;
        box-shadow: 2px 2px 10px rgba(117, 117, 117, 0.16);
        background-color: #ffffff;
    }


    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a:before {
        content: "";
        position: absolute;
        background: url(../images/trader-detail/icon-hotline-new.svg) no-repeat;
        background-size: 100%;
        width: clamp(23px, 6vw, 57px);
        height: clamp(25px, 6.5vw, 50px);
        top: 50%;
        transform: translateY(-50%);
        left: clamp(8px, 3.3vw, 20px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a:after {
        content: "";
        position: absolute;
        background: url(../images/common/after-hotline-ft.svg) no-repeat;
        background-size: 100%;
        width: clamp(28px, 7.9vw, 50px);
        height: clamp(32px, 9vw, 60px);
        top: 53%;
        transform: translateY(-50%);
        right: clamp(9px, 1.6vw, 19px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a .telFixFt {
        font-size: clamp(15px, 3.9vw, 27px);
        line-height: 1;
        margin-bottom: 2px;
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a .timeInquiriesFix {
        font-size: clamp(7px, 1.6vw, 12px);
    }

    .areaReviews .boxForm .itemForm .ipt .listUser li:hover {
        opacity: 0.5;
    }

    .areaReviews .boxForm .itemForm .ipt .iptFile .selectFile:hover {
        background-color: #f6da3d;
        color: #ffffff;
    }

    .areaReviews .boxForm .itemForm.terms .itemTerms .checkbox a:hover:before {
        display: none;
    }

    /*areaReviews*/
    .areaReviews {
        margin-bottom: 0;
        padding-top: 0;
    }

    #reviews.areaReviews {
        margin-bottom: 20px;
    }

    .areaReviews .inner {
        padding: 0 4%;
    }

    .areaReviews .wapperReviews .boxReviews {
        max-width: 100%;
        border-radius: 2px;
        padding: 20px 10px 12px;
        margin-bottom: 0;
    }

    .areaReviews .boxReviews .boxEvaluate {
        width: 100%;
        max-width: 340px;
        margin: 0 auto;
    }

    .areaReviews .wapperReviews .btnReview {
        width: 200px;
    }
    .areaReviews .wapperReviews .btnReview a {
        font-size: 14px;
        padding: 7px 5px
    }
    .areaReviews .wapperReviews .btnReview a::before {
        right: 10px;
    }
    .areaReviews .boxForm .itemForm .ttl {
        width: 40%;
        font-size: 16px;
    }

    .areaReviews .boxForm .itemForm .ipt {
        width: 60%;
    }

    .areaReviews .titleReviews {
        margin-bottom: 11px;
        font-size: 20px;
    }

    .areaReviews .boxReviews .garbageRate {
        width: 100%;
        margin-bottom: 10px;
    }

    .areaReviews .boxReviews .garbageRate>li {
        margin-bottom: 26px;
        padding-left: 2px;
    }
    .areaReviews .wapperReviews .garbageRate>li .garbageRateTitle {
        font-size: 16px;
        margin: 0;
    }

    .areaReviews .wapperReviews .garbageRate>li .garbageRateList {
        margin-top: 0;
        transform: translateY(0);
        margin-left: 6px;
    }

    .areaReviews .wapperReviews .garbageRate>li .garbageRateList>li {
        width: 18px;
        margin-right: 2px;
    }

    .areaReviews .wapperReviews .garbageRate>li .garbageRateScore.ScoreRed {
        margin-left: 8px;
        transform: translateY(-1px);
        font-size: 24px;
    }

    .areaReviews .wapperReviews .garbageRate>li.chat .garbageRateTitle {
        font-size: 14px;
    }

    .areaReviews .boxReviews .garbageRate>li {
        margin-bottom: 12px;
    }

    .areaReviews .wapperReviews .garbageRate>li.chat .garbageRateScore {
        font-size: 14px;
        margin-left: 15px;
    }

    .areaReviews .wapperReviews .garbageRate>li .garbageRateScore .textLink {
        font-size: 12px;
        margin-left: -6px;
    }

    .areaReviews .wapperReviews .boxEvaluate .number {
        font-size: 12px;
        margin: 0 -10px 0 -4px;
    }

    .areaReviews .wapperReviews .boxEvaluate .listEval>li .measure {
        position: relative;
        width: calc(100% - 140px);
        height: 10px;
        background-color: #fde2bf;
        margin: 0 9px 0 13px;
    }

    .areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList li {
        width: 12px;
        margin-right: 2px;
    }

    .areaReviews .wapperReviews .boxEvaluate .listEval>li .stt {
        font-size: 12px;
        margin-right: 5px;
    }
    .areaReviews .wapperReviews .boxEvaluate .listEval>li .garbageRateList {
        transform: translateY(4px);
    }
    .areaReviews .wapperReviews .boxEvaluate .listEval>li {
        display: flex;
        align-items: center;
        margin-bottom: 3px;
        margin-right: 0;
    }
    .areaReviews .formReviews .titleForm {
        margin-bottom: 16px;
        text-align: center;
        font-size: 26px;
        font-weight: bold;
    }
    .areaReviews.areaReviewsForm {
        padding: 10px 0 60px;
    }
    .areaReviews .formReviews .review_banner {
        margin-left: 37%;
        width: 62.7%;
    }

    /*FEEDBACK ROW 263*/
    .areaReviews .boxForm .itemForm .ttl {
        font-size: 14px;
        gap: 10px;
        margin-bottom: 0;
        height: initial;
        min-height: inherit;
        width: 100%;
        border: 3px solid #F3F3F3;
        padding: 3px 8px 3px;
        border-radius: 0;
    }
    .areaReviews .boxForm .itemForm.user .ttl {
        height: inherit;
    }

    .areaReviews .boxForm .itemForm.star .ttl, 
    .areaReviews .boxForm .itemForm.media .ttl,
    .areaReviews .boxForm .itemForm.textarea .ttl {
      margin-top: 0;
      height: inherit;
    }
    .areaReviews .boxForm .itemForm .ipt {
        border-radius: 0;
        border: none;
    }
    .areaReviews .boxForm .itemForm .ipt .styleInput {
        height: initial;
        font-size: 16px;
        width: 100%;
        border: 3px solid #F3F3F3;
        padding: 15px 13px 15px;
        border-radius: 0;
        min-height: 45px;
    }

    .areaReviews .boxForm .itemForm .ttl .required,
    .areaReviews .boxForm .itemForm .ttl .notReq {
        font-size: 14px;
        padding: 4.5px 2px 5.5px;
        width: 37px;
        text-align: center;
        min-width: 37px;
    }
    .areaReviews .boxForm .itemForm .ttl .ttlName {
        width: auto;
    }   
    .areaReviews .boxForm .itemForm .ipt {
        width: 100%;
    }

    .areaReviews .boxForm .itemForm .ipt .styleInput:-ms-input-placeholder {
        color: #aaaaaa;
        font-size: 16px;
        font-weight: 500;
    }

    .areaReviews .boxForm .itemForm .ipt .styleInput::placeholder {
        color: #aaaaaa;
        font-size: 16px;
        font-weight: 500;
    }

    .areaReviews .boxForm .itemForm+.itemForm {
        margin-top: 0;
        flex-direction: column;
        margin-top: 20px;
    }
    .areaReviews .boxForm .itemForm .ipt.amount .amountList {
        padding: 15px 13px 15px;
    }
    .areaReviews .boxForm .itemForm .ipt .garbageRateList {
        height: inherit;
        padding: 15px 13px 15px;
    }
    .areaReviews .boxForm .itemForm.star .ipt,
    .areaReviews .boxForm .itemForm.media .ipt {
        padding: 0;
    }
    /*END-FEEDBACK ROW 263*/

    .areaReviews .boxForm .itemForm .ipt .iptFile {
        margin-left: 2px;
    }

    .areaReviews .boxForm .itemForm.user {
        margin-bottom: 12px;
    }

    .areaReviews .boxForm .itemForm.textarea {
        margin-top: 12px !important;
    }

    .areaReviews .boxForm .itemForm.terms {
        margin-top: 14px;
    }

    .areaReviews .boxForm .itemForm.star {
        padding: 0px 0;
    }
    .areaReviews .boxForm .itemForm.user .avatar {
        padding: 0;
    }
    .areaReviews .boxForm .itemForm.media .ipt {
        padding: 0;
    }
    /*FEEDBACK ROW 263*/
    .areaReviews .boxForm .itemForm .ipt .garbageRateList li {
        width: 30px;
        margin-right: 5px;
        cursor: pointer;
    }
    /*END-FEEDBACK ROW 263*/

    .areaReviews .boxForm .itemForm .ipt .listUser,
    .areaReviews .boxForm .itemForm.media .ipt {
        transform: translateY(-3px);
        padding: 15px 13px 15px;
    }

    /*FEEDBACK ROW 263*/
    .areaReviews .boxForm .itemForm .ipt .listUser li {
        width: 40px;
        height: 40px;
        margin-right: 0;
        padding: 1px 5px 0 3px;
    }
    /*END-FEEDBACK ROW 263*/

    .areaReviews .boxForm .itemForm .ipt .listUser li+li {
        margin-left: 4.5px;
    }

    .areaReviews .boxForm .itemForm.form_uploadfiles .ipt {
        transform: translateY(0);
    }

    .areaReviews .boxForm .itemForm .ipt .iptFile .selectFile {
        font-size: 9px;
        border-radius: 3px;
        padding: 3px 8px;
        margin-right: 6px;
        cursor: pointer;
        display: block;
        border: 1px solid;
    }

    .areaReviews .boxForm .itemForm .ipt .iptFile .textChose {
        font-weight: 500;
        font-size: 9px;
    }

    .areaReviews .boxForm .itemForm .ipt .iptFile+.iptFile {
        margin-top: 10px;
    }

    .areaReviews .boxForm .itemForm.textarea {
        flex-direction: column;
    }

    .areaReviews .boxForm .itemForm.textarea .ipt {
        margin-top: 0;
        transform: translateY(0);
        width: 100%;
    }

    .areaReviews .boxForm .itemForm.textarea .ttl {
        padding-top: 0;
    }

    .areaReviews .boxForm .itemForm.textarea .ipt .styleInput {
        height: 175px !important;
        resize: none;
        padding: 6px 9px;
    }
    .areaReviews .boxForm .itemForm.terms .ttl.pc {
        display: none;
    }

    .areaReviews .boxForm .itemForm.terms {
        justify-content: center;
    }
    .areaReviews .boxForm .itemForm.terms .itemTerms {
        justify-content: center;
    }
    .areaReviews .boxForm .itemForm.terms .itemTerms .checkbox:before {
        width: 14px;
        height: 14px;
        left: 5px;
        top: 3px;
        border-radius: 1px;
    }

    .areaReviews .boxForm .itemForm.terms .itemTerms .checkbox {
        font-size: 15px;
    }
    .areaReviews .boxForm .itemForm.terms .itemTerms .checkbox a {
        font-size: 15px;
    }

    .areaReviews .boxForm .itemForm.terms .itemTerms .checkbox:after {
        top: 4px;
        left: 11px;
        width: 3px;
        height: 9px;
    }
    .areaReviews .boxForm .itemMedia {
        flex-wrap: wrap;
        align-items: center;
        justify-content: flex-start;
        gap: 10px;
        margin-bottom: 15px;
    }

    .areaReviews .boxForm .itemMediaTitle {
        width: 40px;
        display: inline-block;
    }
    .areaReviews .boxForm .itemMediaWrap:not(:last-child) {
        margin-bottom: 15px;
    }
    .areaReviews .boxForm .itemMediaBtn {
        width: auto;
        display: inline-block;
        margin: 0;
    }

    .areaReviews .boxForm .filemane {
        font-size: 15px;
        padding: 8px 10px 9px 10px;
    }

    .areaReviews .boxForm .itemMediaName {
        font-size: 15px;
        letter-spacing: 0.5px;
    }

    .areaReviews .boxForm .itemForm:has(.ipt .error) {
        margin-bottom: 0px;
    }
    .areaReviews .boxForm .itemForm.star:has(.ipt .error), 
    .areaReviews .boxForm .itemForm.user:has(.ipt .error) {
        margin-bottom: 0;
    }
    .areaReviews .boxForm .itemForm .ipt.amount .error {
        position: initial;
    }

    .areaReviews .boxForm .btnSubmit {
        margin: 17px auto 17px !important;
        max-width: 350px;
    }
    .areaReviews .boxForm .btnSubmit .btn-submit {
        font-size: 14px;
        padding: 7px 5px 8px;
    }

    .areaReviews .boxForm .closeForm a {
        font-size: 15px;
        font-weight: 500;
    }

    .areaReviews .boxForm .itemForm .ipt span.yenSymbol {
        right: 8px;
        font-size: 13px;
    }
    
    .areaReviews .boxForm .itemForm .ipt span.yenSymbol {
        right: 8px;
        font-size: 15px;
    }
    
    .areaReviews .boxForm .itemForm .ipt select {
        background: url('../images/common/icon-select-member.svg') no-repeat center right 8px/8px 10px;
    }
    

    .areaTitle.areaTitleAfter .titleTxt,
    .areaCommitment .areaTitle.areaTitleAfter .titleTxt {
        padding: 0 110px 0 0;
    }
    .btnMenuToggle {
        position: fixed;
        bottom: clamp(130px, 33vw, 195px);
        right: 0;
        z-index: 1001;
        padding: 5px 6px;
        background: #39B767;
        color: #ffffff;
        border: 3px solid #333333;
        border-radius: 5px;
        width: 60px;
        height: 60px;
        text-align: center;
        word-break: break-all;
    }
    .btnMenuToggle a {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        height: 100%;
        font-size: 12px;
        color: #ffffff;
    }

    .btnMenuToggle a .menuSidebarIcon {
        line-height: 0;
        width: 70%;
        margin: 0 auto 5px;
    }

    .btnMenuToggle a .iconCloseSidebar {
        display: none;
    }
    
    .btnMenuToggle a.sidebarMemActive .iconMenuSidebar {
        display: none;
    }
    
    .btnMenuToggle a.sidebarMemActive .iconCloseSidebar {
        display: inline-block;
    }
    
    .btnMenuToggle a.sidebarMemActive .txtMenuSidebar {
        content: 'CLOSE';
    }

    .btnMenuToggle a .menuSidebarIcon img {
        width: 100%;
        filter: brightness(0) invert(1);
    }
    .sidebarMember {
        position: fixed;
        top: 0;
        top: initial !important;
        right: -230px;
        width: 230px;
        height: 300px;
        background: #fff;
        z-index: 1000;
        transition: right 0.3s ease;
        box-shadow: 2px 0 8px rgba(0, 0, 0, .2);
        padding: 35px 20px 20px;
    }

    .sidebarMember.is-open {
        right: 0;
    }

    .sidebarMember .wrapSidebarMember {
        padding: 0 0 20px 40px;
        text-align: center;
        max-width: 300px;
        margin: 0 auto;
    }

    .sidebarMember .wrapSidebarMember:before {
        width: 60px;
        height: 36px;
        top: 11px;
        left: -20px;
    }

    .sidebarMember .wrapSidebarMember .txtMenuMember {
        font-size: 12px;
    }

    .sidebarMember .wrapSidebarMember .txtMenuMemberJp {
        font-size: 30px;
    }

    .sidebarMember .listMenuSidebar {
        display: block;
    }

    .sidebarMember .listMenuSidebar li {
        margin-bottom: 12px;
        margin-right: 0;
        text-align: left;
    }

    .sidebarMember .listMenuSidebar li:last-child {
        margin-bottom: 0;
    }

    .sidebarMember .listMenuSidebar a {
        font-size: 14px;
    }

    /* areaCtaMember */
    .areaCtaMember .sectionBg {
        padding: 3.2vw 2.4vw 3.2vw;
    }

    .areaCtaMember .titleCtaMember {
        font-size: 20px;
    }

    .areaCtaMember .boxCtaMember {
        flex-direction: column;
    }

    .areaCtaMember .boxCtaMember .wrapContactCard {
        width: 100%;
        max-width: 360px;
        margin-bottom: 20px;
    }

    .areaCtaMember .boxCtaMember .wrapContactCard a {
        padding: 20px 4px 20px 84px;
    }
    .areaCtaMember .boxCtaMember .wrapContactCard .contactMemberPhoto {
        width: 70px;
        height: 80px;
    }

    .areaCtaMember .boxCtaMember .wrapContactCard .contMemberDetail .numberCont {
        font-size: 26px;
        letter-spacing: 0.6px;
    }
    .areaCtaMember .boxCtaMember .wrapContactCard .contMemberDetail .timeContMember {
        font-size: 14px;
    }
    .areaCtaMember .boxCtaMember .productBoxBtn {
        display: flex;
        justify-content: space-between;
        width: 100%;
        /* max-width: 243px; */
    }

    .areaCtaMember .boxCtaMember .productBoxBtn .boxBtn {
        /* width: 100%; */
    }

    .areaCtaMember .wrapCtaRating .boxCtaRating .nameRatingCta {
        font-size: 26px;
    }
    

    .areaCtaMember .wrapCtaRating .boxCtaRating .numRatingCta {
        font-size: 24px;
    }
    /* areaInterMember */
    .areaInterMember .wrapInterMember .areaTitle.areaTitleBefore {
        margin-bottom: 30px;
    }
    .areaInterMember .wrapInterMember .areaTitle.areaTitleBefore .titleTxt {
        max-width: 400px;
        margin: 0 auto;
        padding-left: 70px;
    }
    .areaInterMember .wrapInterMember .areaTitle.areaTitleBefore .titleTxt::before {
        left: 0;
        width: 66px;
        height: 93px;
    }
    
    .areaInterMember .wrapInterMember .priceIntro {
        margin-bottom: 30px;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem {
        margin-bottom: 40px;
    }
    /* areaCommitment */
    .areaCommitment {
        margin-bottom: 0;
    }

    .areaCommitment .areaTitle {
        margin-bottom: 20px;
    }

    .areaCommitment .areaTitle .titleTxt:after {
        top: -3.2vw;
        right: 0;
    }

    .areaCommitment .listCommitment {
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .areaCommitment .listCommitment li {
        width: 49%;
        margin: 0 0 25px;
    }

    .areaCommitment .listCommitment li .commitmentPhoto {
        height: clamp(80px, 21.3vw, 120px);
    }

    .areaCommitment .listCommitment li .commitmentPhoto img {
        width: 35%;
        max-width: 70px;
        height: 100%;
        object-fit: contain;
        object-position: center;
    }

    .areaCommitment .listCommitment li .commitmentTitle {
        font-size: 13px;
    }

    
    /* areaInterMember */
    .areaInterMember .wrapInterMember {
        padding: 30px 20px;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .nameItemInter {
        font-size: 18px;
        padding: 16px 15px 16px;
        margin-bottom: 15px;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem {
        flex-direction: column;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem {
        width: 100%;
        margin-bottom: 20px;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem p {
        font-size: 14px;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .contentInterMem .txtInterMem ul li {
        font-size: 14px;
    }
    .areaInterMember .wrapInterMember .boxInterMember .wrapItemInterMem .boxItemInterMem .interMemPhoto {
        max-width: 300px;
        margin: 0 auto;
        width: 100%;
    }

    .areaInterMember .wrapInterMember .listIntroMember li {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 15px;
    }

    .areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .wrapOfficerMem {
        justify-content: center;
        flex-wrap: wrap;
    }

    .areaInterMember .wrapInterMember .listIntroMember li .introMemberPhoto {
        width: 100px;
        height: 100px;
        margin-bottom: 20px;
    }

    .areaInterMember .wrapInterMember .titleIntroMember {
        font-size: 20px;
    }

    .areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember {
        width: 100%;
        margin-top: 0;
    }

    .areaInterMember .wrapInterMember .listIntroMember li .contentIntroMember .memberProfile {
        text-align: justify;
    }

    .areaProfileMember .sectionBg {
        padding: 30px 20px;
    }

    .areaCommitment .areaTitle.areaTitleAfter .titleTxt {
        padding: 0 100px 0 0;
    }

    .areaCommitment .areaTitle.areaTitleAfter .titleTxt::before {
        top: -4.3vw;
        right: -3vw;
        width: 100px;
        height: 160px;
        left: auto;
    }
    .areaColumnMember .listColumnMember>li {
        width: 49%;
        min-width: 49%;
        max-width: 49%;
    }
}
@media (max-width: 550px) {

    .boxBtn a {
        padding: 56px 5px 13px;
        font-size: 14px;
    }
}
@media (max-width: 450px) {
    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li a span {
        font-size: clamp(11px, 2.8vw, 18px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a {
        padding: clamp(11px, 0.7vw, 14px) clamp(11px, 9vw, 100px) clamp(8px, 1vw, 12px) clamp(16px, 9.5vw, 81px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a:before {

        left: clamp(5px, 1.7vw, 20px);
    }

    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a:after {
        right: clamp(3px, 0.9vw, 20px);
        width: clamp(27px, 7.6vw, 45px);
        height: clamp(36px, 8.6vw, 55px);
    }
}
@media(max-width:430px) {
    .areaPayment .paymentFrame .paymentBox .listPayment li .paymentPhoto {
        height: 60px;
    }
    .areaPayment .paymentFrame .paymentBox .listPayment li .paymentTxt {
        font-size: 12px;
    }
    .productBoxBtn .boxBtn a::before,
    .productBoxBtn .boxBtn.btnOffice a::before {
        top: 8px;
        width: 30px;
    }
    .productBoxBtn .boxBtn a {
        padding: 36px 5px 8px;
        font-size: 14px;
    }
    .areaTraderDetail .listInfo li .titleInfo {
        width: 90px;
    }
    .areaTraderDetail .listInfo li .textInfo a .fzOrange {
        font-size: 23px;
    }
}
@media (max-width: 414px) {
    body:has(.areaInquiriesFixNew) {
        padding-bottom: clamp(123px, 24.6vw, 200px)
    }
}
@media (min-width: 390px) and (max-width: 767px) {
    body:has(.areaInquiriesFixNew) {
        padding-bottom: clamp(123px, 24.6vw, 200px)
    }
}

@media (max-width: 375px) {
    .areaInquiriesFixNew.areaInquiriesFix .wrapInquiriesFix .listButtonFix li:nth-child(3) a .telFixFt {
        font-size: clamp(14px, 3.9vw, 30px);
    }
    .areaTraderDetail .listInfo li .titleInfo {
        width: 80px;
        padding: 10px 5px;
    }
}
@media(max-width:370px) {
    .areaReviews .wapperReviews .boxEvaluate .listEval>li .measure {
        height: 10px;
        margin: 0 6px 0 10px;
    }
}
@media(max-width:360px) { 
    .areaTraderDetail .listInfo li .textInfo a .fzOrange {
        font-size: 20px;
    }
}


/* FB384 */



.ListReview .toggleBtnReview {
    display: inline-block;
    color: #02bbad;
    cursor: pointer;
    font-weight: 500;
    font-size: 14px;
    display: none;
}


@media (max-width: 768px) {
    

}

/* END FB384 */


/* ctaContactBg */
.ctaContactBg {
    background-color: #f5f3e3;
    margin-bottom: 10px;
}
@media (min-width: 769px) {
    .ctaContactBg {
        padding: clamp(20px, 3.5vw, 20px) clamp(30px, 5vw, 69px) clamp(30px, 5vw, 37px);
    }
    .ctaContactBg .areaCta{
        margin: 0;
    }
    .ctaContactBg .areaCta .inner {
        justify-content: center;
        padding: 0;
    }
    .ctaContactBg .areaCta .ctaTitle {
        font-size: 36px;
        margin-bottom: 10px;
    }
    .ctaContactBg .areaCta .ctaTitle .titleGreen {
        font-size: 48px;
    }
    .ctaContactBg .areaCta .wrapCta {
        gap: 34px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn {
        width: calc(75% - 34px);
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems:not(:last-child) {
        margin-bottom: 17px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a{
        border-radius: 14px;
        border-width: 3px;
        padding: 22px 35px 23px 75px;
        box-shadow: 0 5px 0 #FE6F10
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textBig {
        font-size: 37px;
        letter-spacing: 0;
        margin-bottom: 6px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textBig .color {
        display: inline-block;
        letter-spacing: 1.5px;
        margin-right: 4px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textSmall {
    font-size: 18px;
        display: inline-block;
        margin-left: 0px;
        letter-spacing: 0.5px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::before {
        left: 37px;
        width: 63px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::after {
        right: 41px;
        padding: 6px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems.vendorBtn a {
        padding-left: 65px;
        box-shadow: 0 5px 0 #39B767;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems.vendorBtn a::before {
        width: 56px;
        left: 35px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a:hover {
        box-shadow: none;
    }
}
@media(max-width: 1150px) and (min-width: 769px) {
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::before {
        left: 23px;
        width: 45px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::after {
        right: 31px;
    }
}
@media(max-width: 1050px) and (min-width: 769px) {
    .ctaContactBg {
        padding: 40px 30px;
    }
    .ctaContactBg .areaCta .ctaTitle {
        font-size: 30px;
    }
    .ctaContactBg .areaCta .ctaTitle .titleGreen {
        font-size: 44px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::before {
        left: 11px;
        width: 56px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::after {
        right: 15px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems.vendorBtn a::before {
        width: 46px;
        left: 25px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textBig {
        font-size: 34px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textSmall {
        font-size: 16px;
    }
}
@media(max-width: 950px) and (min-width: 769px) {
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a {
        padding: 22px 25px 23px 65px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::before {
        width: 46px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems.vendorBtn a::before {
        width: 40px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textBig {
        font-size: 30px;
    }

    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textSmall {
        font-size: 14px;
    }
}
@media(max-width: 850px) and (min-width: 769px) {
    .ctaContactBg .areaCta .wrapCta {
        gap: 20px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn {
        width: calc(75% - 20px);
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a {
        padding: 22px 20px 23px 55px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::before {
        width: 40px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems.vendorBtn a::before {
        width: 36px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textBig {
        font-size: 27px;
    }

    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textSmall {
        font-size: 12px;
    }
}
@media(max-width: 800px) and (min-width: 769px) {
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::after {
        right: 10px;
        padding: 4px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textBig {
        font-size: 25px;
    }
}
@media(max-width: 768px) {
    .ctaContactBg {
        padding: 30px 20px;
    }
    .ctaContactBg .areaCta {
        margin: 0;
    }
    .ctaContactBg .areaCta .inner {
        padding: 0;
    }
    .ctaContactBg .areaCta .ctaTitle {
        width: 100%;
    }
    .ctaContactBg .areaCta .wrapCta {
        align-items: center;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a {
        padding-left: 50px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::before {
        left: 12px;
        width: 42px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a::after {
        right: 12px;
        padding: 5px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems a .textSmall {
        font-size: 12px;
    }
    .ctaContactBg .areaCta .wrapCta .ctaBtn .btnItems.vendorBtn a::before {
        width: 40px;
    }
}
/* ctaContactBg */