@charset "utf-8";

body.single:not(.admin-bar) {
    user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    -khtml-user-select: none;
    -webkit-user-drag: none;
    -khtml-user-drag: none;
}

body.single:not(.admin-bar) ul.listRepu {
    user-select: text;
    -webkit-user-select: text;
    -ms-user-select: text;
    -moz-user-select: text;
    -khtml-user-select: text;
    -webkit-user-drag: element;
    -khtml-user-drag: element;
}

/*CHOICE STYLE*/

#header {
    box-shadow: 0px 1px 10px #ebebeb;
}

#sitecontent .pageTitle {
    line-height: 1em;
    ;
}

#sitecontent .pageTitle .tagline {
    font-size: 1rem;
}

.twitter-tweet {
    pointer-events: none;
}

iframe.youtube {
    position: relative;
    width: 100%;
    height: auto;
    aspect-ratio: 16/9;
    top: 0;
    left: 0;
    margin: 30px auto;
}

.myBase .contentCenter .rll-youtube-player img {
    width: 100%;
    height: auto;
    max-height: 100%;
    aspect-ratio: 16/9;
}

.areaIntro {
    background: url(../images/card-company-detail/areaIntro-bg.png)repeat-x;
    background-size: auto 100%;
    padding: 35px 0 47px;
}

.areaIntro .areaintroTitle {
    text-align: center;
    margin-bottom: 6px;
    margin-left: 1px;
}

.areaIntro .introBtn {
    text-align: center;
}

.areaIntro .introBtn .introbtnWrap {
    width: 664px;
    display: inline-block;
}

.areaIntro .introBtn .introbtnWrap a {
    position: relative;
    display: block;
}

.areaIntro .introBtn .introbtnWrap a:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    box-shadow: 32.766px 22.943px 60px 0px rgba(0, 157, 249, 0.6);
    border-radius: 50px;
}

.areaIntro .introBtn .introbtnWrap a:before {
    content: "";
    position: absolute;
    background: url(../images/card-company-detail/icon-hand.png) no-repeat;
    background-size: 100%;
    width: 51px;
    height: 61px;
    right: 40px;
    bottom: -28px;
    z-index: 1;

}

/*areaService*/

.areaService {
    padding: 53px 0 90px;
    overflow: hidden;
}

.areaService .serviceBoxTop,
.areaService .serviceBoxBot {
    display: flex;
}

.areaService .serviceBoxTop {
    margin-bottom: 13px;
}

.areaService .serviceBoxBot {
    flex-direction: row-reverse;
    margin-bottom: 63px;
}


.areaService .serviceBoxTop .boxPhoto,
.areaService .serviceBoxBot .boxPhoto {
    width: 376px;
    margin-right: 36px;
    margin-top: 7px;
    text-align: center;
}

.areaService .serviceBoxBot .boxPhoto {
    margin-top: 32px;
}

.areaService .serviceBoxTop .boxPhoto .photo {
    margin-bottom: 49px;
}

.areaService .serviceBoxTop .boxPhoto .photo2 {
    margin-bottom: 0;
}

.areaService .serviceBoxTop .boxPhoto .photo2 img {
    width: 100%;
    max-width: 238px;
    object-fit: contain;
    max-height: 90px;
}

.areaService .serviceBoxTop .boxContent,
.areaService .serviceBoxBot .boxContent {
    width: 790px;
}

.areaService .serviceBoxTop .boxContent .serviceTitle {
    position: relative;
    padding: 0 0 10px 21px;
    font-size: 28px;
    font-weight: 500;
    line-height: 1.5;
    color: #000;
    background: url(../images/card-company-detail/line.png) no-repeat bottom left;
    background-size: 786px 5px;
    letter-spacing: -1.1px;
    margin: 1px 0 15px;
}

.areaService .serviceBoxTop .boxContent .servieCopy {
    font-size: 80%;
    line-height: 1;
    font-weight: 400;
}

.areaService .serviceBoxTop .boxContent .serviceTitle:after {
    content: "";
    position: absolute;
    background: #ff9100;
    width: 8px;
    height: 75%;
    left: 0;
    top: 8px;

}

.areaService .serviceBoxTop .boxContent .text {
    font-size: 16px;
    letter-spacing: 0.9px;
    color: black;
}

.areaService .serviceBoxBot .boxPhoto .photo {
    margin-bottom: 30px;
}

.areaService .serviceBoxBot .boxPhoto .photo2 {
    margin-bottom: 0
}

.areaService .serviceBoxBot .boxContent .starPoint {
    padding: 10px 0 10px;
    border-top: 2px solid #eee;
    border-bottom: 2px solid #eee;
    margin-bottom: 20px;
}

.areaService .serviceBoxBot .boxContent .starPoint .star {
    display: inline-block;
    margin-right: 32px;
}

.areaService .serviceBoxBot .boxContent .starPoint .star .label {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-weight: bold;
    color: #000;
    border-right: 2px solid #eee;
    padding: 5px 5px 5px 4px;
    margin-right: 40px;
}

.areaService .serviceBoxBot .boxContent .starPoint .star .point {
    font-size: 34px;
    color: #ff004c;
    font-weight: bold;
    display: inline-block;
    vertical-align: middle;
}

.areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto {
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
    margin-top: -2px;
    line-height: 1;
}


.areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto li {
    width: 26px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto li:not(:first-child) {
    margin-left: -2px;
}

.areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto li .score-detail {
    width: 100%;
    height: 25px;
    background: url(../images/common/icon_star_non.png) no-repeat top left/contain;
    padding: 0;
    position: relative;
    z-index: 1;

}

.areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto li .rating {
    position: absolute;
    top: -1px;
    left: 0;
    height: 100%;
    z-index: 0;
    background: #ffd800;
    display: block;
}

.areaService .serviceBoxBot .boxContent .starPoint .numReviews {
    font-size: 18px;
    color: #454545;
    display: inline-block;
    vertical-align: middle;
    margin-right: 35px;
    margin-top: 3px;
}

.areaService .serviceBoxBot .boxContent .starPoint .numReviews .num {
    font-size: 26px;
}

.areaService .serviceBoxBot .boxContent .starPoint .viewBtn {
    background: url(../images/index/view-btn-bg.png) no-repeat top center;
    background-size: 100%;
    width: 150px;
    display: inline-block;
    position: relative;
    top: 1px;
}

.areaService .serviceBoxBot .boxContent .starPoint .viewBtn a {
    font-size: 14px;
    font-weight: 500;
    color: #fff;
    text-align: center;
    padding: 7px 0 8px;
    display: block;
    position: relative;
    background: url(../images/index/icon_kuchikomi.png) no-repeat left 7px center;
    background-size: 19px 16px;
    box-shadow: 0px 5px 13px 0px rgb(241 188 160 / 90%);
    border-radius: 50px;
}

.areaService .serviceBoxBot .boxContent .starPoint .viewBtn a:after {
    content: "";
    position: absolute;
    background: url(../images/index/btn-arrow.png) no-repeat;
    background-size: 100%;
    width: 8px;
    height: 12px;
    right: 19px;
    top: 50%;
    transform: translateY(-50%);
}

.areaService .serviceBoxBot .boxContent .resultlabel {
    margin-bottom: 16px;
}

.areaService .serviceBoxBot .boxContent .resultTitle {
    border-left: solid 4px #ff9100;
    padding-left: 4px;
    margin-bottom: 5px;
}

.areaService .serviceBoxBot .boxContent .resultlabel li {
    float: left;
    width: 95px;
    margin-right: 4px;
    margin-bottom: 4px;
}

.areaService .serviceBoxBot .boxContent .resultlabel li:last-child {
    margin-right: 0;
}

.areaService .serviceBoxBot .boxContent .resultlabel li span {
    font-size: 14px;
    color: #85ca00;
    background: #fff;
    border: 1px solid #79b700;
    border-radius: 9px;
    height: 44px;
    line-height: 1.1;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    font-weight: 500;
    padding: 0 10px;
}

.areaService .serviceBoxBot .boxContent .resultlabel li.active span {
    color: #fff;
    background: #59b714;
    border: 1px solid #79b700;
}

.areaService .serviceBoxBot .boxContent .listPara {
    overflow: hidden;
    display: inline-block;
    margin-bottom: 14px;
}

.areaService .serviceBoxBot .boxContent .listPara li {
    float: left;
    background: #fff;
    border: 1px solid #e1e1e1;
}

.areaService .serviceBoxBot .boxContent .listPara li .para {
    height: 106px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.areaService .serviceBoxBot .boxContent .listPara li:nth-child(1) {
    width: 125px;
    border-right: none;
}

/*.areaService .serviceBoxBot .boxContent .listPara li:nth-child(1) .para {
    padding-top: 15px;
}*/

.areaService .serviceBoxBot .boxContent .listPara li:nth-child(2) {
    width: 165px;
}

/*.areaService .serviceBoxBot .boxContent .listPara li:nth-child(2) .para {
    padding-top: 16px;
}*/

.areaService .serviceBoxBot .boxContent .listPara li:nth-child(3) {
    width: 130px;

}

/*.areaService .serviceBoxBot .boxContent .listPara li:nth-child(3) .para {
    padding-top: 18px;
}*/

.areaService .serviceBoxBot .boxContent .listPara li:nth-child(4) {
    width: 120px;

}

/*.areaService .serviceBoxBot .boxContent .listPara li:nth-child(4) .para {
    padding-top: 38px;
}*/

.areaService .serviceBoxBot .boxContent .listPara li:nth-child(5) {
    width: 135px;
    margin-right: 0;
}

/*.areaService .serviceBoxBot .boxContent .listPara li:nth-child(5) .para {
    padding-top: 14px;
}*/
.areaService .serviceBoxBot .boxContent .listPara li:nth-child(6) {
    width: 112px;
    margin-right: 0;
}

.areaService .serviceBoxBot .boxContent .listPara li .paraLable {
    font-size: 16px;
    text-align: center;
    color: #000;
    border-bottom: 1px solid #e1e1e1;
    background: #eeeeee;
    padding: 6px 0;
    font-weight: bold;
    letter-spacing: 2px;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.rate {
    font-size: 30px;
    color: #ff004c;
    font-weight: bold;
    line-height: 1.13;
    text-align: center;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.rate .center {
    text-align: left;
    display: inline-block;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.rate .percent {
    font-size: 22px;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.limit {
    font-size: 32px;
    color: #000000;
    text-align: center;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.limit .price,
.areaService .serviceBoxBot .boxContent .listPara li .para.shortest .price {
    font-size: 20px;
    font-weight: 500;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.shortest {
    color: #000;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.2;
    letter-spacing: 2px;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.shortest .shorWrap2 {
    display: block;
    width: 100%;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.shortest .num {
    font-size: 32px;
    font-weight: 500;
    line-height: 1.13;
    letter-spacing: 0;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.zero {
    text-align: center;
}

.areaService .serviceBoxBot .boxContent .listPara li .para.time {
    font-size: 28px;
    font-weight: 500;
    text-align: center;
    color: #000;
    line-height: 1.36;
    text-indent: 3px;
    padding-right: 5px;
}

.areaService .serviceBoxBot .boxContent .advice {
    border-top: 1px solid #eeeeee;
    padding: 2px 0;
    margin-left: 1px;
}

.areaService .serviceBoxBot .boxContent .advice+.advice {
    border-bottom: 1px solid #eeeeee;
}

.areaService .serviceBoxBot .boxContent .advice .adviceLabel {
    display: inline-block;
    vertical-align: middle;
    font-weight: 700;
    width: 181px;
    padding: 6px 0 8px;
    text-align: center;
    margin-right: 16px;
    font-size: 16px;
    letter-spacing: -1.2px;
}

.boxContent blockquote {
    background-color: #fff7ea;
    padding: 5px;
    margin: 0.7em;
}

/*update*/

.areaService .serviceBoxBot .boxPhoto .boxLogo {
    border: 2px solid #eeeeee;
    padding: 20px 0 5px;
    margin-bottom: 15px;
    position: relative;
}

.areaService .serviceBoxBot .boxPhoto .boxLogo .boxlogoTitle {
    font-size: 15px;
    font-weight: bold;
    color: #000000;
    text-align: center;
    margin-bottom: 15px;
    letter-spacing: -0.6px;
    position: absolute;
    left: 0;
    right: 0;
    top: -13px;
    background-color: #fff;
    border: solid 2px #f0f0f0;
    max-width: fit-content;
    padding: 0 10px;
    margin: 0 auto;
}

.areaService .serviceBoxBot .boxPhoto .boxLogo .listLogo {
    margin: 0 auto;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
}

.areaService .serviceBoxBot .boxPhoto .boxLogo .listLogo li {
    margin: 0 10px 9px;
    max-width: 40px;
}

.areaService .serviceBoxBot .boxPhoto .item {
    display: flex;
    align-items: center;
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    border-bottom: 1px solid #eeeeee;
    padding-bottom: 3px;
}

.areaService .serviceBoxBot .boxPhoto .item img {
    width: 20px;
    margin-right: 9px;
}

.areaService .serviceBoxBot .boxPhoto .item .name {
    min-width: 100px;
    text-align: left;
}

a.officialLink {
    color: #00a1ff;
    word-break: break-all;
}

a.officialLink:hover {
    text-decoration: underline;
}

/*update*/

.areaService .serviceBoxBot .boxContent .advice .adviceLabel.red {
    color: #fff;
    background: #f02626;
}

.areaService .serviceBoxBot .boxContent .advice .adviceLabel.yellow {
    color: #000;
    background: #ffe718;
    letter-spacing: -0.5px;
}

.areaService .serviceBoxBot .boxContent .advice .adviceText {
    display: inline-block;
    vertical-align: middle;
    font-weight: 500;
    color: #000;
    font-size: 16px;
    letter-spacing: -0.95px;
    width: calc(100% - 201px);
}

/*areaRecom*/
.areaRecom {
    padding: 49px 0 96px;
    background: url(../images/card-company-detail/arearecom-bg.jpg) no-repeat top left;
    background-size: 107% auto;
}

.areaRecom .recomTitle {
    text-align: center;
    font-size: 36px;
    font-weight: bold;
    color: #fff;
    letter-spacing: -2px;
}

.areaRecom .recomSubTitle {
    margin-bottom: 35px;
    color: #fff;
    text-align: center;
}

.recomWrap {
    padding: 60px 0 85px;
    background: url(../images/card-company-detail/arearecom-wrap-bg.jpg) repeat-y top center;
    background-size: 1200px 900px;
}

.recomWrap .inner {
    width: 1200px;
    padding: 0 30px;
}

.minArea .minTitle {
    text-align: center;
    font-weight: 700;
    padding: 10px 0 11px;
    font-size: 24px;
    position: relative;
}

.contentReview .minTitle::before {
    background: url(../images/common/logo.png);
    position: absolute;
    width: 50px;
    height: 50px;
    display: inline-block;
    content: '';
    left: 0;
}

.contentReview .fieldText {
    border: 1px solid #ddd;
    padding: 10px;
    background-color: #fffef9;
}

.areaRecom .resultTitle {
    border-left: solid 4px #ff9100;
    padding-left: 4px;
    margin-bottom: 10px;
    font-size: 1.2em;
}

.areaRecom .resultTitle .h_star {
    color: #fad749;
}

.areaRecom .resultTitle .h_score {
    color: #ff004c;
}

/*areaStreng*/
.areaStreng {
    padding-bottom: 60px;
}

.areaStreng .minTitle {
    margin-bottom: 30px;
}

.areaStreng .listStreng li {
    border: 10px solid #eaf7d2;
    margin-bottom: 20px;
}

.areaStreng .listStreng li:last-child {
    margin-bottom: 0;
}

.areaStreng .listStreng li .pink {
    color: #ff004c;
}

.areaStreng .listStreng li .strengTitle {
    color: #000;
    background: #f7faf0;
    padding: 7px 57px 8px;
    font-weight: 600;
}

.areaStreng .listStreng li .strengTitle .labels {
    font-size: 17px;
    color: #fff;
    background: #88ce00;
    border-radius: 3px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 14px;
    width: 97px;
    padding: 1px 5px 4px;
    letter-spacing: -2.7px;
    text-align: center;
}

.areaStreng .listStreng li .strengTitle .labels .num {
    font-size: 21px;
    margin-left: 5px;
    letter-spacing: -0.4px;
    line-height: 1;
    display: inline-block;
    position: relative;
    top: 1px;
}

.areaStreng .listStreng li .strengTitle .Ttext {
    font-size: 30px;
    display: inline-block;
    vertical-align: middle;

}

.areaStreng .listStreng li .text {
    font-size: 18px;
    padding: 14px 57px 16px;
    letter-spacing: 0.4px;
}

/*areaConven*/
.areaConven {
    padding-bottom: 64px;
}

.areaConven .listStreng li {
    border: 10px solid #e1f5fc;
}

.areaConven .listStreng li .strengTitle {
    background: none;
    padding-bottom: 1px;
    padding-top: 15px;
}

.areaConven .listStreng li .strengTitle .labels {
    background: #0cb8f8;
    text-align: center;
}

/*areaField*/
.areaField {
    padding-bottom: 62px;
}

.areaField .minTitle {
    margin-bottom: 24px;
}

.areaField .fieldText {
    font-size: 18px;
    line-height: 1.55;
    color: #666666;
    letter-spacing: 0.3px;
}

.areaField .fieldText h3 {
    border-left: 5px solid #0fb9f8;
    padding-left: 7px;
    margin: 0 0 1rem;
}

.areaField .fieldText h3:not(:first-child) {
    margin: 1rem 0;
}

.areaField .fieldText p {
    font-size: 1rem;
}

.areaField .fieldText ul,
.areaField .fieldText ol {
    padding-left: 1rem;
    margin: 1rem;
    font-size: 1rem;
}

/*areaFlow*/
.areaFlow {
    padding-bottom: 60px;
}

.areaFlow .minTitle {
    margin-bottom: 11px;
}

.areaFlow .listFlow li {
    width: 274px;
    margin-right: 35px;
}

.areaFlow .listFlow li:last-child {
    margin-right: 0;
}

.areaFlow .listFlow li .photo {
    margin-bottom: 6px;
    text-align: center;
    min-height: 121px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.areaFlow .listFlow li>.iconNum {
    text-align: center;
    margin-bottom: 14px;
    position: relative;
}

.areaFlow .listFlow li>.iconNum img {
    position: relative;
    z-index: 1;
}

.areaFlow .listFlow li>.iconNum:after {
    content: "";
    position: absolute;
    background: #efefef;
    width: 278px;
    height: 2px;
    right: -157px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 0;
}

.areaFlow .listFlow li:last-child>.iconNum:after {
    content: "";
    display: none;
}

.areaFlow .listFlow li .boxFlow .boxflowTitle {
    font-size: 24px;
    font-weight: bold;
    text-align: center;
    color: #222222;
    margin-bottom: 19px;
    letter-spacing: 0.5px;
}

.areaFlow .listFlow li .boxFlow .text {
    font-size: 16px;
    color: #666666;
    margin-bottom: 4px;
}

.areaFlow .listFlow li:first-child .boxFlow .text {
    text-align: left;
}

.areaFlow .listFlow li .boxFlow .note {
    color: #999999;
    letter-spacing: 0.4px;
}

.areaFlow .listFlow li:first-child .boxFlow .note {
    text-align: left;
}

/*areaRepu*/

.areaRepu {
    padding-bottom: 59px;
}

.areaRepu .minTitle {
    margin-bottom: 34px;
}

.areaRepu .listRepu>li {
    padding: 32px 55px 13px;
    border: 10px solid #f7f7f7;
    margin-bottom: 20px;
    position: relative;
}

.areaRepu .listRepu>li .clickHeart {
    display: flex;
    align-items: center;
    width: 141px;
    position: absolute;
    right: 15px;
    bottom: -23px;
    justify-content: flex-end;
}

.areaRepu .listRepu>li .clickHeart .numberHeart {
    font-size: 21px;
    font-weight: bold;
    color: #F9595F;
}

.areaRepu .listRepu>li .heart {
    width: 100px;
    height: 100px;
    background: url("../images/card-company-detail/heart.png") no-repeat;
    background-position: 0 0;
    cursor: pointer;
    transition: background-position 1s steps(28);
    transition-duration: 0s;
    transform: translate(30px, 0px);

}

.areaRepu .listRepu>li .heart.active {
    transition-duration: 1s;
    background-position: -2800px 0;
}

.areaRepu .listRepu>li .boxInfo {
    overflow: hidden;
    margin-bottom: 8px;
}

.areaRepu .listRepu>li .boxInfo .avata {
    float: left;
    margin-right: 10px;
    margin-top: 6px;
    width: 95px;
    border-radius: 50px;
    background-color: #ffdbcd;
}

.areaRepu .listRepu>li .boxInfo .avata img {
    width: 100%;
    max-height: 100px;
}

.areaRepu .listRepu>li .boxInfo .atm {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-bottom: 13px;
    background: url(../images/card-company-detail/line.png) repeat-x bottom left;
    margin-bottom: 16px;
}

.areaRepu .listRepu>li .boxInfo .atm .rate .star {
    display: inline-block;
    vertical-align: middle;
    padding-right: 17px;
}

.areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto,
.listReview .list .item .rating .star .starpointPhoto {
    display: inline-block;
    vertical-align: middle;
    line-height: 0.8;
}

.areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto li,
.listReview .list .item .rating .star .starpointPhoto li {
    width: 20px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto li:not(:first-child),
.listReview .list .item .rating .star .starpointPhoto li:not(:first-child) {
    margin-left: -2px;
}

.areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto li .score-detail,
.listReview .list .item .rating .star .starpointPhoto li .score-detail {
    width: 100%;
    height: 20px;
    background: url(../images/common/icon_star_non.png) no-repeat top left/contain;
    padding: 0;
    position: relative;
    z-index: 1;

}

.areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto li .rating,
.listReview .list .item .rating .star .starpointPhoto li .rating {
    position: absolute;
    top: -1px;
    left: 0;
    height: 100%;
    z-index: 0;
    background: #ffd800;
    display: block;
}


.areaRepu .listRepu>li .boxInfo .atm .rate .star .point,
.listReview .list .item .rating .star .point {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    color: #ff830a;
    font-weight: bold;
    margin-left: 11px;
    line-height: 1.4;
}

.areaRepu .listRepu>li .boxInfo .atm .rate .date {
    display: inline-block;
    font-size: 16px;
    color: #454545;
    position: relative;
    top: 3px;
    padding-left: 19px;
    letter-spacing: 0.1px;
}

.areaRepu .listRepu>li .boxInfo .atm .rate .date:after {
    content: "";
    position: absolute;
    background: #eeeeee;
    height: 21px;
    width: 1px;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.areaRepu .listRepu>li .boxInfo .atm .rate .date .dateTime {
    font-size: 17px;
    display: inline-block;
    margin-left: 2px;
}

.areaRepu .listRepu>li .boxInfo .atm .rateTitle {
    font-size: 19px;
    font-weight: normal;
    color: #000;
    text-indent: -3px;
}

.areaRepu .listRepu>li .boxInfo .listInfo li {
    color: #454545;
    border: 1px solid #f7f7f7;
    border-radius: 50px;
    display: inline-block;
    margin-right: 5px;
    font-size: 15px;
}

.areaRepu .listRepu>li .boxInfo .listInfo li span {
    padding: 4px 12px;
    display: inline-block;
}

.areaRepu .listRepu>li .boxInfo .listInfo li .left {
    background: #f7f7f7;
    border-radius: 50px 0px 0 50px;
    padding: 4px 10px 4px 14px;
}

.areaRepu .listRepu>li .boxInfo .listInfo li .right {
    padding: 4px 18px 4px 1px;
}

.areaRepu .listRepu>li .idea {
    font-size: 18px;
    color: #454545;
    line-height: 1.7;
    padding-bottom: 30px;
}

.areaRepu .listRepu>li .idea a {
    display: inline-block;
    font-size: 18px;
    color: #0FB9F8;
}

.areaRepu .listRepu>li .idea.slidedown {
    height: auto;
}

.areaRepu .listRepu>li .idea .dot {
    display: inline-block;
    vertical-align: sub;
}

.areaRepu .listRepu>li .idea .showmore a {
    color: #05a5d8;
}

.areaRepu .listRepu>li .idea .reviewHide {
    display: none;
}

.areaRepu .writeReviewBtn {
    text-align: center;
    margin-top: 20px;
}

.areaRepu .writeReviewBtn a {
    display: inline-block;
    color: #05a5d8;
    font-size: 17px;
    font-weight: 600;
    border: 2px solid #05a5d8;
    border-radius: 50px;
    letter-spacing: 0.5px;
    transition: all 0.3s;
    padding: 9px 45px 11px;
}

.areaRepu .writeReviewBtn a:hover {
    color: #FFF;
    background-color: #05a5d8;
}

/*update*/
.areaRepu .wrapRepu24 {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 43px;
}

.areaRepu .wrapRepu24 .repu24 {
    width: 760px;
    box-shadow: 0px 5px 18px 2px rgba(216, 216, 216, 0.35);
    border-radius: 7px;
    padding: 8px 10px 15px 25px;
}

.areaRepu .wrapRepu24 .repu24 .boxLink24 {
    display: inline-block;
    margin-right: 60px;
}

.areaRepu .wrapRepu24 .repu24 .boxLink24 .takeWeb {
    margin-bottom: 25px;
}

.areaRepu .wrapRepu24 .repu24 .boxLink24 .takeWeb a {
    font-size: 19.5px;
    color: #ccced6;
}

.areaRepu .wrapRepu24 .repu24 .boxLink24 .takeWeb .iconGolink {
    width: 36px;
    display: inline-block;
    vertical-align: 4px;
    margin-left: 6px;
}

.areaRepu .wrapRepu24 .repu24 .boxLink24 .logo24 {
    width: 247px;
}

.areaRepu .wrapRepu24 .repu24 .boxLink24 .logo24 img {
    width: 100%;
    max-width: 247px;
    object-fit: contain;
    max-height: 90px;
}

.areaRepu .wrapRepu24 .repu24 .evaluation {
    display: inline-block;
    margin-right: 45px;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evalua {
    font-size: 18px;
    color: #222222;
    font-weight: 500;
    margin-bottom: 10px;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evalua .num {
    display: inline-block;
    margin-left: 10px;
    font-weight: 500;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar {
    display: inline-block;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .evaluaText {
    font-size: 16px;
    font-weight: 500;
    color: #222222;
    margin-bottom: 2px;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .star {
    display: inline-block;
    vertical-align: middle;
    padding-right: 6px;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .star .starpointPhoto {
    display: inline-block;
    vertical-align: middle;
    line-height: 0.8;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .star .starpointPhoto li {
    width: 28px;
    position: relative;
    overflow: hidden;
    display: inline-block;
    margin-left: -3px;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .star .starpointPhoto .score-detail {
    width: 100%;
    height: 28px;
    background: url(../images/common/icon_star_non.png) no-repeat top left/contain;
    padding: 0;
    position: relative;
    z-index: 1;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .star .starpointPhoto .rating {
    position: absolute;
    top: -2px;
    left: 0;
    height: 100%;
    z-index: 0;
    background: #ffd800;
    display: block;
}

.areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .numRating {
    font-size: 56px;
    font-weight: 500;
    color: #ff004c;
    display: inline-block;
    vertical-align: -5px;
    line-height: 1;
    letter-spacing: -3px;
}

.areaRepu .wrapRepu24 .repu24 .cases {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    color: #222222;
}

.areaRepu .wrapRepu24 .repu24 .cases .caseNum {
    color: #ff7200;
    font-size: 20px;
    margin-right: 2px;
}

.areaRepu .wrapRepu24 .topics {
    width: 360px;
    padding: 5px 20px;
    box-shadow: 0px 5px 18px 2px rgb(216 216 216 / 35%);
    border-radius: 7px;
}

.areaRepu .wrapRepu24 .topics .topicText {
    font-size: 16px;
    color: #222222;
    margin-bottom: 17px;
}

.areaRepu .wrapRepu24 .topics .list {
    overflow: hidden;
}

.areaRepu .wrapRepu24 .topics .list li {
    font-size: 15px;
    font-weight: 500;
    color: #ccced6;
    margin-right: 15px;
    float: left;
    letter-spacing: -0.4px;
    line-height: 1.6;

}

.formReview {
    display: none;
    padding: 0 100px;
}

.pagingNav {
    width: 100%;
    margin-top: 31px;
}

.pagingNav .navList {
    width: 100%;
    text-align: center;
}

.pagingNav .navList li {
    display: inline-block;
    vertical-align: top;
    margin: 0 2px;
}

.pagingNav .navList li a {
    display: block;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    color: #ff830a;
    background: #fff;
    border: 2px solid #feaa3b;
    font-family: 'Roboto Condensed', sans-serif;
    border-radius: 50px;
    transition: all 0.2s;
    padding-top: 1px;
}

.pagingNav .navList li.active a,
.pagingNav .navList li a:hover {
    background-color: #ffa630;
    color: #fff
}

.pagingNav .navList .control {
    position: relative;
    top: -1px;
}

.pagingNav .navList .control:after {
    content: "";
    position: absolute;
    background: #ffa630;
    width: 50px;
    height: 2px;
    top: 48%;
    transform: translateY(-50%);
}


.pagingNav .navList .control a {
    background-color: transparent;
    width: 30px;
    height: 30px;
    border: none;
}

.pagingNav .navList .control a:hover {
    background-color: transparent;
}

.pagingNav .navList .prev {
    margin-right: 72px;

}

.pagingNav .navList .prev:after {
    right: -65px;
}

.pagingNav .navList .next {
    margin-left: 72px;

}

.pagingNav .navList .next:after {
    left: -65px;
}


/*.areaTwitter*/

.areaTwitter {
    padding-bottom: 40px;
}

.areaTwitter .minTitle {
    margin-bottom: 32px;
}

.areaTwitter .listComment {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.areaTwitter .listComment li {
    width: 100%;
    max-width: 570px;
    margin-bottom: 21px;
}

.areaTwitter .listComment li .twitter-tweet {
    margin: 0 auto !important;
}

.areaTwitter .listComment iframe {
    margin: 0 !important;
}

/*area2chCrawler*/
.area2chCrawler {
    margin-bottom: 80px;
}

.section-2ch {
    padding: 20px;
    background-color: #f2f3f7;
}

.area2chCrawler .post-2ch {
    border-width: 1px;
    border-style: none solid solid solid;
    border-color: #ddd;
    background-color: #efefef;
    padding: 10px;
    margin-bottom: 10px;
}

.area2chCrawler .post-2ch .meta-2ch {
    font-size: 14px;
    color: #333;
}

.area2chCrawler .post-2ch .meta-2ch .name {
    color: green;
    font-size: 17px;
    margin-right: 10px;
}

.area2chCrawler .post-2ch .meta-2ch .date {
    margin-right: 10px;
}

.area2chCrawler .post-2ch .meta-2ch .uid {}

.area2chCrawler .post-2ch .message-2ch {
    font-size: 17px;
    color: #333;
    padding: 10px 0;
    overflow-wrap: break-word;
}

.area2chCrawler .post-2ch .message-2ch .escaped a.reply_link {
    color: #0fb9f8;
    text-decoration: underline;
}

.area2chCrawler .post-2ch .message-2ch .escaped a.reply_link:hover {
    color: #0fb9f8;
    text-decoration: none;
}

/*areaFaq*/
.areaFaq {
    padding-bottom: 83px;
}

.areaFaq .minTitle {
    margin-bottom: 31px;
}

.areaFaq .minTitle .faquote {
    display: block;
    text-align: right;
    font-size: .5rem;
    margin-right: 0.2rem;
    line-height: 0.5em;
    color: #00597a;
}

.areaFaq .listQ {
    float: left;
    width: calc(50% - 3px);
    margin-right: 2px;
}

.areaFaq .listLeft {
    padding-left: 5px;
}

.areaFaq .listRight {
    margin-right: 0;
}

.areaFaq .listQ li {
    border: 1px solid #eeeeee;
    padding: 9px 15px 6px 20px;
    margin-bottom: 3px;
}

.areaFaq .listQ li .quest {
    background: url(../images/card-company-detail/arrow-up.png) no-repeat right 0px center;
    background-size: 21px 13px;
    font-size: 17.5px;
    font-weight: bold;
    color: #000;
    padding-left: 33px;
    padding-right: 20px;
    position: relative;
    transition: font-size 0.2s;
    cursor: pointer;
}

.areaFaq .listQ li .quest.click {
    background: url(../images/card-company-detail/arrow-down.png) no-repeat right 0px center;
    background-size: 21px 13px;
    font-size: 13px;
    font-weight: bold;
    color: #777777;
    padding: 5px 27px 5px;
    margin-bottom: 10px;
}


.areaFaq .listQ li .quest:after {
    content: "";
    position: absolute;
    background: url(../images/card-company-detail/q-icon.png) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 28px;
    left: -1px;
    top: 53%;
    transform: translateY(-50%);
    transition: .2s;

}

.areaFaq .listQ li .quest.click:after {
    content: "";
    position: absolute;
    background: url(../images/card-company-detail/q-icon-mini.png) no-repeat;
    background-size: 100%;
    width: 11px;
    height: 16px;
    left: 5px;
    top: 56%;
    transform: translateY(-50%);
    transition: .2s;
}

.areaFaq .listQ li .boxAns {
    display: none;
}

.areaFaq .listQ li .boxAns .ans {
    font-size: 23.5px;
    font-weight: bold;
    color: #0fb9f8;
    padding-left: 34px;
    position: relative;
    margin-bottom: 7px;
}

.areaFaq .listQ li .boxAns .ans:after {
    content: "";
    position: absolute;
    background: url(../images/card-company-detail/a-icon.png) no-repeat;
    background-size: 100%;
    width: 23px;
    height: 27px;
    left: 0;
    top: 19px;
    transform: translateY(-50%);
}

.areaFaq .listQ li .boxAns .text {
    font-weight: bold;
    font-size: 17.6px;
    color: #000000;
    padding: 4px 17px 37px 37px;
    letter-spacing: 0.5px;
    line-height: 1.6;
}

/*minAiful*/

.minAiful .minTitle {
    margin-bottom: 40px;
}

.minAiful .listAiful {
    margin-bottom: 61px;
}

.minAiful .listAiful li {
    width: 273px;
    float: left;
    margin-right: 36px;
    box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
    transition: all 0.3s
}

.minAiful .listAiful li:hover {
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s
}

.minAiful .listAiful li:last-child {
    margin-right: 0;
}

.minAiful .listAiful li .photo img {
    width: 100%;
}

.minAiful .listAiful li .aifulCt {
    background: #fff;
    padding: 25px 20px 39px 20px;

}

.minAiful .listAiful li .aifulCt .textCt {
    color: #454545;
    font-weight: 500;
    margin-bottom: 21px;
}

.minAiful .listAiful li .aifulCt .linkDetail {
    font-size: 15px;
    color: #f46d1f;
    padding-right: 62px;
    position: relative;
    font-weight: bold;
}

.minAiful .listAiful li .aifulCt .linkDetail:after {
    content: "";
    position: absolute;
    background: url(../images/index/slide-arrow.png) no-repeat;
    background-size: 100%;
    width: 52px;
    height: 8px;
    right: -1px;
    top: 51%;
    transform: translateY(-50%);
}

.minCorporate .minTitle {
    margin-bottom: 48px;
}

.minCorporate .listCorporate {
    margin-bottom: 64px;
}

.minCorporate .listCorporate li {
    display: flex;
    align-items: center;
    height: 50px;
    border-top: 1px solid #eeeeee;
    color: #000;
}

.minCorporate .listCorporate li:last-child {
    border-bottom: 1px solid #eeeeee;
}

.minCorporate .listCorporate li .lables {
    font-size: 16px;
    font-weight: 500;
    width: 208px;
    padding-left: 66px;
    letter-spacing: 1px;
}

.minCorporate .listCorporate li .info {
    font-size: 16px;
    font-weight: 400;
    width: 992px;
    letter-spacing: 1px;
}

.contentReview {
    padding-top: 60px;
}

#sitecontent .offiBtn {
    width: 660px;
    margin: 0 auto;
}

#sitecontent .offiBtn a {
    display: block;
    text-align: center;
    padding: 15px 0 13px;
    border-radius: 50px;
    background: url(../images/card-company-detail/offibtn-bg.png) no-repeat top center;
    background-size: 100%;
    box-shadow: 0px 5px 13px 0px rgba(241, 188, 160, 0.9);
    position: relative;
    font-size: 28px;
    color: #fff;
    font-weight: bold;
}

#sitecontent .offiBtn a:after {
    content: "";
    position: absolute;
    background: url(../images/card-company-detail/offibtn-arrow.png) no-repeat;
    background-size: 100%;
    width: 16px;
    height: 26px;
    right: 35px;
    top: 51%;
    transform: translateY(-50%);
}

#sitecontent .offiBtn a:before {
    content: "";
    position: absolute;
    background: url(../images/card-company-detail/icon_website.png) no-repeat;
    background-size: 100%;
    width: 27px;
    height: 28px;
    left: 35px;
    top: 51%;
    transform: translateY(-50%);
}

.areaaRecommendShop {
    margin-bottom: 60px;
}

.areaaRecommendShop .listPost li {
    margin-bottom: 11px;
}

.areaaRecommendShop .listPost li .number {
    font-weight: bold;
    color: #000;
    margin-right: 8px;
    font-size: 16px;
}

.areaaRecommendShop .listPost li>ul li .number {
    font-size: 15px;
    margin-right: 10px;
}

.areaaRecommendShop .listPost li a {
    color: #454545;
    font-size: 16px;
    border-bottom: 1px solid #454545;
    padding-bottom: 2px;
}

.areaaRecommendShop .listPost li a:hover {
    color: #ff7123;
    border-color: #ff7123;
}

.areaaRecommendShop .listPost li>ul {
    margin: 12px 0 15px;
}

.areaaRecommendShop .listPost li>ul li {
    padding-left: 24px;
    margin-bottom: 14px;
}

.areaaRecommendShop .listPost li>ul li a {
    font-size: 14px;
}

.listReview {
    max-width: 950px;
    width: 100%;
    margin: 116px auto 0;
    text-align: center;
}

.listReview .ttl {
    font-weight: bold;
    font-size: 32px;
    letter-spacing: 4px;
    color: #1ba9da;
}

.listReview .ratio {
    font-weight: bold;
    margin-top: 0px;
    text-align: right;
    font-size: 18px;
}

.listReview .list {
    margin-top: 5px;
    border: 2px solid #f7f7f7;
}

.listReview .list .item {
    display: block;
    border-bottom: 2px solid #f7f7f7;
}

.listReview .list .item:last-child {
    border-bottom: none;
}

.listReview .list .itemLink {
    display: flex;
    justify-content: flex-start;
    padding: 6px 17px;
    text-align: left;
    color: #666666;
    position: relative;
}

.listReview .list .itemLink:hover {
    box-shadow: 0 0 10px #ddd;
}

.listReview .list .itemLink::after {
    content: '';
    background: url(../images/card-company-detail/arrow-up.png);
    background-size: contain;
    transform: rotate(90deg);
    filter: invert(50%) brightness(1.5);
    right: 0;
    position: absolute;
    top: 45%;
    right: 10px;
    width: 17px;
    height: 10px;
}

.listReview .list .item .info {
    width: 300px;
}

.listReview .list .item .info .datetitle {
    margin-top: 1px;
    font-size: 18px;
    margin-left: 5px;
    letter-spacing: 0.6px;
}

.listReview .list .item .info .datetitle .title {
    margin-left: 16px;
    letter-spacing: 0.2px;
}

.listReview .list .item .info .field {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    align-items: center;
}

.listReview .list .item .info .field .amount,
.listReview .list .item .info .field .rate {
    border: 1px solid #f9f9f9;
    border-radius: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    padding: 0 15px 0 0px;
    margin-right: 15px;
    margin-top: 9px;
}

.listReview .list .item .info .field .rate {
    margin-right: 0;
}

.listReview .list .item .info .field .subttl {
    background: #f7f7f7;
    padding: 2px 11px;
    margin-right: 5px;
}

.listReview .list .item .avatar {
    width: 50px;
    margin-left: 12px;
}

.listReview .list .item .img {
    display: block;
}

.listReview .list .item .name {
    display: block;
    text-align: center;
    font-size: 16px;
    line-height: 1;
    margin-top: 2px;
}

.listReview .list .item .itemLink>.rating {
    max-width: 520px;
    margin-left: 27px;
}

.listReview .list .item .rating .star {
    display: inline-block;
    margin-right: 15px;
}

.listReview .list .item .rating .ratingShop {
    display: inline-block;
    vertical-align: middle;
    color: #1ba9da;
}

.listReview .list .item .rating .ratingShop a:hover {
    background-color: #1ba9da;
    color: #FFF;
}

.listReview .list .item .rating .description {
    margin-top: 11px;
    font-size: 19px;
    letter-spacing: 0.5px;
}

.shopRankingRcm {
    padding: 15px 0 0;
}

.shopRankingRcm .shopListScroll {
    overflow-x: auto;
    padding: 15px 0;
}

.shopRankingRcm .shopListScroll::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.shopRankingRcm .rankingWrapper {
    flex-wrap: inherit;
}

.wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li {
    flex-wrap: wrap;
}

.wrapInfoResult.recommend .listBtn li.orange a .center {
    background: url(../images/common/globe.svg) no-repeat left 4px center;
    background-size: 27px 27px;
    padding: 0 72px;
    position: relative;
}

.wrapInfoResult.recommend .listBtn li.blue a .center {
    background: url(../images/common/pencil-square.svg) no-repeat left 4px center;
    background-size: 27px 27px;
    padding: 0 72px;
    position: relative;
}

.wrapInfoResult.recommend .listBtn li.orange a,
.wrapInfoResult.recommend .listBtn li.blue a {
    background: transparent;
}

.wrapInfoResult.recommend .listBtn li a:after {
    content: none;
}

.wrapInfoResult.recommend .listBtn li a span:after {
    content: "";
    position: absolute;
    background: url(../images/common/arrow.svg) no-repeat;
    background-size: contain;
    width: 15px;
    height: 25px;
    right: 17px;
    top: 50%;
    transform: translateY(-50%);
}

.single-shop .shopRankingRcm {
    position: relative;
    width: 100%;
    left: 50%;
    padding: 15px;
    transform: translateX(-50%);
}

.single-shop .shopRankingRcm .shopListScroll {
    max-width: 1600px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
}

.single-shop .areaService .shopRankingRcm .shopListScroll {
    justify-content: flex-start;
}

.single-shop .areaService .boxList {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
}

.popupContainer {
    opacity: 0;
    position: fixed;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(21, 17, 17, 0.61);
    display: flex;
    align-items: center;
}


/* reviewScoreMoreThan */
.reviewScoreMoreThan .wrapMore {
    width: 100%;
    overflow-x: auto;
    position: relative;
    padding-top: 10px;
    margin-bottom: 33px;
    padding: 10px 0 0;
}

.reviewScoreMoreThan .wrapMore::-webkit-scrollbar {
    height: 5px;
    width: 5px;
}

.reviewScoreMoreThan .wrapMore .listMore {
    display: flex;
    width: fit-content;
    position: relative;
    padding-bottom: 15px;
    white-space: nowrap;
}

.reviewScoreMoreThan .wrapMore .listMore>li {
    border: 5px solid #F7F7F7;
    width: 501px;
    padding: 11px 10px 8px 11px;
    margin-right: 20px;
}

.reviewScoreMoreThan .wrapMore .listMore>li:last-child {
    margin-right: 0;
}

.reviewScoreMoreThan .wrapMore .listMore li .boxTitle {
    display: flex;
    align-items: center;
    margin-bottom: 1px;
    position: relative;
}

.reviewScoreMoreThan .wrapMore .listMore li .boxTitle .personPhoto {
    width: 65px;
    margin-right: 18px;
}

.reviewScoreMoreThan .wrapMore .listMore li .boxTitle .personPhoto img {
    width: 100%;
    aspect-ratio: 65 / 64;
    border-radius: 50%;
}

.reviewScoreMoreThan .wrapMore .listMore li .boxTitle .titleMore {
    margin-right: 0;
    width: calc(100% - 150px);
    white-space: break-spaces;
}

.reviewScoreMoreThan .wrapMore .listMore li .boxTitle .titleMore a {
    display: block;
    font-size: 23px;
    color: #222222;
    font-weight: 500;
    width: 281px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}

.reviewScoreMoreThan .wrapMore .listMore li .boxTitle .clickHeart {
    display: flex;
    align-items: center;
    width: 141px;
    position: absolute;
    right: 0px;
    top: -27px;
    justify-content: flex-end
}

.reviewScoreMoreThan .wrapMore .listMore li .boxTitle .clickHeart .numberHeart {
    font-size: 21px;
    font-weight: bold;
    color: #F9595F;
}

.heart {
    width: 100px;
    height: 100px;
    background: url("../images/card-company-detail/heart.png") no-repeat;
    background-position: 0 0;
    cursor: pointer;
    transition: background-position 1s steps(28);
    transition-duration: 0s;
    transform: translate(24px, 2px);
}

.heart.active {
    transition-duration: 1s;
    background-position: -2800px 0;
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart {
    display: flex;
    padding-left: 7px;
    margin-bottom: 6px;
    align-items: baseline;
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .boxDetaailHeart {
    display: flex;
    align-items: center;
    margin-right: 5px;
    width: 60px;
    transform: translateY(-4px);
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .boxDetaailHeart .wrapStar {
    width: 28px;
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .boxDetaailHeart .wrapStar .starShare {}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .boxDetaailHeart .numberStar {
    color: #FF004C;
    font-weight: bold;
    font-size: 26px;
    transform: translate(2px, 1px);
    width: calc(100% - 28px);
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .listInfoStar {
    display: flex;
    align-items: baseline;
    width: 290px;
    margin-right: 11px;
    flex-wrap: wrap;
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .listInfoStar li {
    color: #555555;
    border: 1px solid #f7f7f7;
    border-radius: 50px;
    margin-right: 15px;
    font-size: 17px;
    font-weight: normal;
    display: flex;
    line-height: 1;
    margin-bottom: 10px;

}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .listInfoStar li:nth-child(2n) {
    margin-right: 0;
}


.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .listInfoStar li .left {
    background: #f7f7f7;
    border-radius: 50px 0 0 50px;
    padding: 4px 5px 3px 10px;
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .listInfoStar li .right {
    padding: 4px 6px 3px 4px;
}

.reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .timeStar {
    font-size: 16px;
    font-weight: normal;
    color: #222222;
    letter-spacing: -0.8px;
    width: 96px;
    text-align: end;
}

.reviewScoreMoreThan .wrapMore .listMore li .txtDetailHeart .textHeart {
    font-size: 16px;
    color: #222222;
    overflow: hidden;
    white-space: break-spaces;
    padding: 0 3px;
    text-align: justify;
}

.reviewScoreMoreThan .wrapMore .listMore li .txtDetailHeart a {
    display: inline-block;
    font-size: 15px;
    color: #0FB9F8;
}

.reviewScoreMoreThan .wrapMore .listMore li .txtDetailHeart.detailHeart {}

/* 2023-09-13 */
.areaService .serviceBoxTop .boxContent .youtubeIframe {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    margin: 20px 0;
}
.areaService .serviceBoxTop .boxContent .youtubeIframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* END 2023-09-13 */


@media(max-width: 1230px) and (min-width: 769px) {
    .single-shop .shopRankingRcm {
        width: 1349px;
    }
}

@media(min-width: 769px) {
    .reviewScoreMoreThan .wrapMore .listMore li .txtDetailHeart a:hover {
        color: #ff7d10;
    }

    .areaService .serviceBoxTop .boxPhoto,
    .areaService .serviceBoxBot .boxPhoto {
        width: 376px;
    }

    .areaService .serviceBoxTop .boxPhoto .photo {
        width: 376px;
    }

    .areaService .serviceBoxBot .boxPhoto .photo {
        width: 376px;
    }

    .areaService .serviceBoxBot .boxPhoto .photo2 {
        width: 377px;
    }

    .minCorporate .listCorporate li .info .tel {
        pointer-events: none;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.shortest {
        text-align: center;
    }

    .areaService .serviceBoxBot .boxContent .listPara li:not(:first-child) {
        border-right: none;
    }

    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(6) {
        border-right: 1px solid #e1e1e1;
    }

    .areaFlow .listFlow {
        margin-right: -1px;
        display: flex;
        justify-content: center;
    }

    .MacOS .areaService .serviceBoxBot .boxContent .starPoint .numReviews {
        margin-right: 23px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft {
        width: 100%;
        border-right: 0
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li {
        width: 219px;
        flex-wrap: wrap;
        text-align: center;
        float: none;
        align-items: center;
        box-shadow: none;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li:nth-child(2) {
        width: 246px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li:nth-child(3) {
        width: 115px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li:nth-child(4) {
        width: 114px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li:nth-child(5) {
        width: 200px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li:last-child .paraLable.show {
        display: none;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li .paraLable.show {
        display: block;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li .para.rate {
        display: flex;
        width: 100%;
        justify-content: center;
        margin-top: -50px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .listPara li .para.rate .center {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .boxIntro .text {
        margin-bottom: 0;
        margin-top: 20px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightTop .righttopLeft .boxIntro {
        padding: 12px 14px 25px;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightBot .listReview li .reviewText {
        text-align: left;
    }

    .wrapInfoResult.recommend .righttopRight .star {
        margin-bottom: 0;
        border-bottom: 0;
    }

    .wrapInfoResult.recommend .righttopRight .star .starPoint {
        padding-bottom: 0;
    }

    .wrapInfoResult.recommend .righttopRight .numReviews {
        margin-bottom: 5px;
    }

    .wrapInfoResult.recommend .listBtn {
        display: flex;
        justify-content: space-between;
    }

    .wrapInfoResult.recommend .listBtn li {
        width: 50%;
    }

    .wrapInfoResult.recommend .listBtn li.orange {
        margin-bottom: 0;
    }

    .wrapInfoResult.recommend .listBtn li a {
        padding: 10px 0;
        font-size: 22px;
        background-size: 20px;
    }

    .shopRankingRcm .rankingWrapper {
        justify-content: center;
    }
}

@media(max-width: 768px) {
    body {
        padding-right: 0 !important;
    }

    #sitecontent .offiBtn {
        width: 330px;
    }

    .single-shop .shopRankingRcm .shopListScroll {
        justify-content: flex-start;
    }

    #sitecontent .offiBtn a {
        font-size: 19px;
        letter-spacing: 1px;
        padding: 15px 0 16px;
        border-radius: 50px;
        background: url(../images/card-company-detail/offibtn-bg-sp.png) no-repeat top center;
        background-size: 100% 100%;
        box-shadow: 0px 4px 6px 0px rgba(241, 188, 160, 0.65);
    }

    #sitecontent .offiBtn a:before {
        background: url(../images/card-company-detail/icon_website-sp.png) no-repeat;
        background-size: 100% 100%;
        width: 22px;
        height: 22px;
        left: 21px;
        top: 49%;
    }

    #sitecontent .offiBtn a:after {
        width: 9px;
        height: 17px;
        right: 19px;
    }

    .areaIntro {
        background: url(../images/card-company-detail/areaIntro-bg-sp.png)repeat-x;
        background-size: 100% 100%;
        padding: 16px 0 15px;
    }

    .areaIntro .areaintroTitle {
        margin-bottom: 4px;
    }

    .areaIntro .areaintroTitle img.sp {
        width: 282px;
        display: inline-block;
        margin-right: 2px;
    }

    .areaIntro .introBtn .introbtnWrap {
        width: 328px;
        margin-right: 1px;
    }

    .areaIntro .introBtn .introbtnWrap a img {
        width: 100%;
        height: 80px;
        position: relative;
        z-index: 1;
    }

    .areaIntro .introBtn .introbtnWrap a:after {
        width: 328px;
        height: 70px;
        box-shadow: 16.766px 9.943px 30px 0px rgb(0 157 249 / 60%);
        z-index: 0;
    }

    .areaIntro .introBtn .introbtnWrap a:before {
        content: "";
        display: none;
        width: 39px;
        right: 35px;
        bottom: -7px;
        height: 43px;
    }

    /*areaService*/
    #sitecontent .pageTitle .tagline {
        font-size: 0.8rem;
        line-height: 0.8rem;
    }

    .areaService {
        padding: 10px 0 30px;
    }

    .areaService .inner {
        padding: 0 3%;
    }


    .areaService .serviceBoxTop .boxPhoto {
        margin-bottom: 10px;
        position: relative;
    }

    .areaService .serviceBoxTop .boxPhoto,
    .areaService .serviceBoxBot .boxPhoto {
        width: 100%;
        margin-right: 0;
    }

    .areaService .serviceBoxBot .boxPhoto {
        margin-top: 18px;
    }


    .areaService .serviceBoxTop,
    .areaService .serviceBoxBot {
        flex-wrap: wrap;
    }

    .areaService .serviceBoxTop {
        margin-bottom: 16px;
    }

    .areaService .serviceBoxBot {
        margin-bottom: 8px;
    }

    .areaService .serviceBoxTop .boxPhoto .photo {
        width: 99.6%;
        text-align: center;
        margin-bottom: 10px;
    }

    .areaService .serviceBoxTop .boxPhoto .photo2 {
        margin-bottom: 0px;
        position: absolute;
        bottom: 0;
        background-color: #ffffffd9;
        padding: 2px 0;
    }

    .areaService .serviceBoxTop .boxPhoto .photo2 img {
        max-width: 160px;
    }

    .areaService .serviceBoxTop .boxPhoto .photo2 img.sp {
        display: inline-block;
        height: auto;
        width: auto;
    }

    .areaService .serviceBoxTop .boxContent .serviceTitle {
        font-size: 19px;
        font-weight: 700;
        text-align: justify;
        padding: 0 0 8px 12px;
        letter-spacing: -1.4px;
        background: url(../images/card-company-detail/line-sp.png) no-repeat bottom left;
        background-size: 100% 3px;
        line-height: 1.43;
        margin-bottom: 14px;
    }

    .areaService .serviceBoxTop .boxContent .serviceTitle:after {
        width: 6px;
        height: 46px;
        top: 5px;
    }

    .areaService .serviceBoxTop .boxContent .text {
        font-size: 14.5px;
        line-height: 1.6;
    }

    .areaService .serviceBoxBot .boxPhoto .photo {
        margin-bottom: 26px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint {
        text-align: center;
        padding: 13px 0 17px;
        margin-bottom: 23px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .star {
        margin-right: 17px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .star .label {
        display: block;
        border-right: none;
        font-size: 16px;
        margin-right: 0;
        padding-right: 0;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto {
        width: 82px;
        line-height: 1;
        margin-right: 3px;
        margin-top: 2px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto li {
        width: 15px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto li .score-detail {
        height: 15px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .star .starpointPhoto li .rating {}

    .areaService .serviceBoxBot .boxContent .starPoint .star .point {
        font-size: 20px;
    }

    .reviewScoreMoreThan .wrapMore .listMore>li {
        width: 80vw;
        max-width: 501px;
    }

    .heart {
        width: 60px;
        height: 60px;
        background: url('../images/card-company-detail/heart-photo-sp.svg') no-repeat;
        background-position: 0 0;
        cursor: pointer;
        transition: background-position 1s steps(28);
        transition-duration: 0s;
        transform: translate(24px, 2px);
    }


    .heart.active {
        transition-duration: 1s;
        background-position: -1738px 0;
    }

    .reviewScoreMoreThan .wrapMore .listMore li .boxTitle .clickHeart .numberHeart {
        margin-left: 8px;
        transform: translateY(4px);
        font-size: 16px;
    }

    .reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart {
        height: 55px !important;
    }

    .reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .listInfoStar li {
        margin-bottom: 5px;
    }

    .reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .timeStar,
    .reviewScoreMoreThan .wrapMore .listMore li .wrapDetailHeart .listInfoStar li,
    .reviewScoreMoreThan .wrapMore .listMore li .txtDetailHeart a {
        font-size: 12px;
    }

    .reviewScoreMoreThan .wrapMore .listMore li .txtDetailHeart .textHeart {
        font-size: 14px;
    }

    .reviewScoreMoreThan .wrapMore .listMore li .boxTitle .personPhoto {
        width: 44px;
        margin-right: 12px;
    }

    .reviewScoreMoreThan .wrapMore .listMore li .boxTitle .titleMore {
        width: calc(100% - 120px);
    }

    .areaService .serviceBoxBot .boxContent .starPoint .numReviews {
        font-size: 14px;
        margin-right: 0;
        font-weight: 500;
        color: #000;
        line-height: 1;
        margin-top: 0px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .numReviews .num {
        font-size: 18px;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .viewBtn {
        width: 158px;
        display: block;
        margin: 7px auto 0;
        background: url(../images/card-company-detail/view-btn-bg-sp.png) no-repeat top center;
        background-size: 100% 100%;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .viewBtn a {
        padding: 11px 0 10px;
        background: url(../images/index/icon_kuchikomi.png) no-repeat left 11px top 14.5px;
        background-size: 17px 14px;
        box-shadow: 0px 3px 8px 0px rgb(241 188 160 / 90%);
        border-radius: 50px;

    }

    .areaService .serviceBoxBot .boxContent .starPoint .viewBtn a:after {
        background: url(../images/index/btn-arrow-sp.png) no-repeat;
        background-size: 100%;
        width: 6px;
        height: 12px;
        right: 14px;
        top: 52%;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .star .label {
        display: none;
    }

    .areaService .serviceBoxBot .boxContent .starPoint .label.sp {
        display: block;
        border-right: none;
        font-size: 15px;
        margin-right: 0;
        padding-right: 0;
        font-weight: bold;
        color: #000;
        margin-bottom: 4px;
    }

    .areaService .serviceBoxBot .boxContent .resultlabel {
        margin-bottom: 4px;
    }

    .areaService .serviceBoxBot .boxContent .resultlabel li {
        width: calc((100% / 4) - 1.5%);
        margin-right: 2%;
        margin-bottom: 6px;
    }

    .areaService .serviceBoxBot .boxContent .resultlabel li:nth-child(4n) {
        margin-right: 0;
    }

    .areaService .serviceBoxBot .boxContent .resultlabel li span {
        font-size: 11px;
        border-radius: 5px;
        height: 36px;
        line-height: 1.1;
        padding-bottom: 1px;
    }

    .areaService .serviceBoxBot .boxContent .listPara {
        text-align: left;
        margin-bottom: 17px;
        margin-top: 10px;
    }

    .areaService .serviceBoxBot .boxContent .listPara li {
        height: auto;
        padding: 0;
        display: flex;
        align-items: center;
        width: 100% !important;
        border-bottom: none;
    }

    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(1) {
        border-right: 1px solid #e1e1e1;
    }

    .areaService .serviceBoxBot .boxContent .listPara li:last-child {
        border-bottom: 1px solid #eee;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para {
        font-weight: 500;
        display: inline-block;
        height: auto;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.rate {
        font-size: 19px;
        color: #ff004c;
        line-height: 1.5;
        font-weight: 500;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.limit {
        font-size: 17px;
        line-height: 1.4;
        letter-spacing: -0.4px;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.limit .price {
        font-size: 16.5px;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.shortest {
        font-size: 17px;
        letter-spacing: 2.4px;
        font-weight: 500;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.shortest .num {
        font-size: 17px;
        letter-spacing: 0;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.zero {
        min-width: 79px;
        text-align: center;
        line-height: 0.8;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .zero img {
        width: 15px;
        display: inline-block;
        vertical-align: -5px;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.time {
        font-size: 16px;
        font-weight: 500;
        line-height: 1.7;
        letter-spacing: 0.3px;
        text-indent: -1px;
    }

    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(1) .para,
    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(2) .para,
    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(3) .para,
    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(4) .para,
    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(5) .para,
    .areaService .serviceBoxBot .boxContent .listPara li:nth-child(6) .para {
        padding-top: 0;
        padding-left: 20px;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .rate {
        height: auto;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .paraLable {
        width: 82px;
        border-bottom: none;
        text-align: left;
        padding: 3px 0 6px 11px;
        letter-spacing: -1.1px;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.rate .percent {
        font-size: 19px;
        font-family: 'Roboto Condensed', sans-serif;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.shortest .price {
        font-size: 16px;
    }

    .areaService .serviceBoxBot .boxContent .advice {
        border-top: none;
        margin-bottom: 7px;
    }

    .areaService .serviceBoxBot .boxContent .advice+.advice {
        border-bottom: none;
        margin-bottom: 4px;
    }

    .areaService .serviceBoxBot .boxContent .advice .adviceLabel {
        width: 100%;
        margin-right: 0;
        font-size: 14px;
        padding: 1px 0 2px;
    }

    .areaService .serviceBoxBot .boxContent .advice .adviceText {
        display: block;
        border: 1px solid #eeeeee;
        font-size: 14px;
        padding: 5px 10px 9px;
        letter-spacing: -0.75px;
        background: #fff;
        width: 100%;
        text-align: center;
    }

    .areaService .serviceBoxBot .boxContent .listPara li .para.shortest .shorWrap2 {
        display: inline-block;
        width: auto;
    }

    /*.areaRecom*/
    .areaRecom {
        background: #ff5716 url(../images/card-company-detail/arearecom-bg.jpg) no-repeat top center;
        background-size: 100% auto;
        padding: 31px 2% 47px;

    }

    .areaRecom .recomTitle {
        font-size: 21px;
        line-height: 1.35;
        margin-bottom: 10px;
        letter-spacing: 0px;
    }

    .areaRecom .recomSubTitle {
        margin-bottom: 15px;
    }

    .recomWrap {
        padding: 12px 0 85px;
    }

    .recomWrap .inner {
        padding: 0 10px;
        width: 100%;
    }

    .minArea .minTitle {
        font-size: 18px;
        padding: 9px 0 7px;
        border-bottom: 2px solid #008dd6;
        line-height: 1.3;
    }

    /*areaStreng*/
    .areaStreng {
        padding-bottom: 35px;
    }

    .areaStreng .minTitle {
        margin-bottom: 17px;
    }

    .areaStreng .listStreng li {
        border: 6px solid #eaf7d2;
        margin-bottom: 24px;
    }

    .areaStreng .listStreng li .strengTitle {
        padding: 9px 12px 8px;
    }

    .areaStreng .listStreng li .strengTitle .labels {
        font-size: 13px;
        width: 71px;
        border-radius: 2px;
        margin-bottom: 4px;
        padding: 1px 5px 2px;
    }

    .areaStreng .listStreng li .strengTitle .labels .num {
        font-size: 15px;
    }

    .areaStreng .listStreng li .strengTitle .Ttext {
        font-size: 17px;
        line-height: 1.2;
    }

    .areaStreng .listStreng li .text {
        font-size: 14px;
        padding: 8px 12px 11px;
    }

    /*areaConven*/
    .areaConven .minTitle {
        padding: 9px 0 11px;
    }

    .areaConven .listStreng li {
        border: 6px solid #e1f5fc;
        margin-bottom: 12px;
    }

    .areaConven .listStreng li .strengTitle {
        padding: 8px 12px 0 12px;
    }

    .areaConven .listStreng li .text {
        padding-top: 0;
    }

    .formReview {
        padding: 0;
    }

    /*.areaField */
    .areaField {
        padding-bottom: 33px;
    }

    .areaField .minTitle {
        margin-bottom: 14px;
    }

    .areaField .fieldText {
        font-size: 14px;
        line-height: 1.55;
    }

    /*areaFlow*/
    .areaFlow {
        padding-bottom: 18px;
    }

    .areaFlow .minTitle {
        margin-bottom: 19px;
    }

    .areaFlow .listFlow li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 16px;
    }

    .areaFlow .listFlow li .photo {
        display: inline-block;
        vertical-align: top;
        margin-bottom: 0;
        width: 80px;
        min-height: inherit;
    }

    .areaFlow .listFlow li:nth-child(2) .photo {
        margin-top: 1px;
    }


    .areaFlow .listFlow li:nth-child(2) .photo img {
        margin-left: 1px;
    }

    .areaFlow .listFlow li:nth-child(3) .photo {
        margin-top: -2px;
    }

    .areaFlow .listFlow li:nth-child(3) .photo img {
        margin-left: 1px;
    }

    .areaFlow .listFlow li:nth-child(4) .photo {
        margin-top: 1px;
    }


    .areaFlow .listFlow li .boxFlow {
        display: inline-block;
        width: calc(100% - 87px);
    }

    .areaFlow .listFlow li .boxFlow .boxflowTitle .iconNum.sp {
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        margin-top: -1px;
    }

    .areaFlow .listFlow li .boxFlow .boxflowTitle .iconNum.sp img {
        width: 24px;
    }

    .areaFlow .listFlow li .boxFlow .boxflowTitle {
        text-align: left;
        margin-bottom: 7px;
        font-size: 14px;
    }

    .areaFlow .listFlow li .boxFlow .text {
        text-align: left;
        font-size: 14px;
        margin-bottom: 0px;
    }

    .areaFlow .listFlow li:first-child .boxFlow .text {
        text-align: left;
    }

    .areaFlow .listFlow li .boxFlow .note {
        text-align: left;
        font-size: 11.5px;
    }

    .areaFlow .listFlow li:first-child .boxFlow .note {
        text-align: left;
    }

    /*areaRepu*/
    .areaRepu {
        padding-bottom: 15px;
    }

    .areaRepu .minTitle {
        margin-bottom: 18px;
    }

    .areaRepu .wrapRepu24 .repu24 .boxLink24 .takeWeb a {
        font-size: 0.8rem;
    }

    .areaRepu .wrapRepu24 .repu24 .boxLink24 .takeWeb .iconGolink {
        font-size: 0.9rem;
        vertical-align: -3px;
    }

    .areaRepu .wrapRepu24 .repu24 .boxLink24 .takeWeb .iconGolink img {
        width: 1.3rem;
    }

    .areaRepu .wrapRepu24 .repu24 .boxLink24 .takeWeb {
        margin-bottom: 10px;
    }

    .areaRepu .wrapRepu24 .repu24 {
        width: 100%;
        padding: 8px;
    }

    .areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .star .starpointPhoto li {
        width: 20px;
    }

    .areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .boxStar .star .starpointPhoto .score-detail {
        height: 20px;
    }

    .areaRepu .wrapRepu24 .repu24 .evaluation .evaluaRank .numRating {
        font-size: calc(1.8rem + ((1vw - .64rem) * .7143));
        font-weight: 600;
        letter-spacing: -0.5px;
    }

    .areaRepu .wrapRepu24 .topics {
        width: 100%;
        margin-top: 15px;
        padding: 8px;
    }

    .areaRepu .writeReviewBtn {
        margin-top: 15px;
    }

    .areaRepu .writeReviewBtn a {
        font-size: 15px;
        padding: 6px 38px 9px;
    }

    .areaRepu .listRepu>li {
        padding: 6px 3% 11px;
        border: 6px solid #f7f7f7;
        margin-bottom: 11px;
    }

    .areaRepu .listRepu>li .clickHeart {
        right: 10px;
        bottom: -10px;
    }

    .areaRepu .listRepu>li .clickHeart .numberHeart {
        margin-left: 8px;
        transform: translateY(2px);
        font-size: 16px;
    }

    .areaRepu .listRepu>li .heart {
        width: 60px;
        height: 60px;
        background: url('../images/card-company-detail/heart-photo-sp.svg') no-repeat;
        background-position: 0 0;
        cursor: pointer;
        transition: background-position 1s steps(28);
        transition-duration: 0s;
        transform: translate(24px, 2px);
    }


    .areaRepu .listRepu>li .heart.active {
        transition-duration: 1s;
        background-position: -1738px 0;
    }

    .areaRepu .listRepu>li .boxInfo .avata {
        width: 55px;
        margin: 0;
        margin-top: 17px;
        position: relative;
        left: 2px;
    }

    .areaRepu .listRepu>li .boxInfo .avata img {
        max-height: 50px;
        width: 100%;
    }

    .areaRepu .listRepu>li .boxInfo .atm {
        display: flex;
        margin-bottom: 0;
        align-items: initial;
        flex-direction: column;
        background: none;
        width: calc(100% - 63px);
        padding-bottom: 8px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .star {
        padding-right: 5px;
        margin-top: 2px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto,
    .listReview .list .item .rating .star .starpointPhoto {
        width: 52px;
        line-height: 1.4;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto li,
    .listReview .list .item .rating .star .starpointPhoto li {
        width: 11px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto li:not(:first-child),
    .listReview .list .item .rating .star .starpointPhoto li:not(:first-child) {
        margin-left: -1px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .star .starpointPhoto li .score-detail,
    .listReview .list .item .rating .star .starpointPhoto li {
        height: 11px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .star .point,
    .listReview .list .item .rating .star .point {
        font-size: 12px;
        line-height: 1.1;
        margin-left: 0;
        margin-top: 0.7px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .date:after {
        height: 12px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .date {
        font-size: 12px;
        padding-left: 5px;
        letter-spacing: -0.3px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rate .date .dateTime {
        font-size: 12px;
    }

    .areaRepu .listRepu>li .boxInfo .atm .rateTitle {
        font-size: 16.5px;
        margin-left: -2px;
        text-indent: 0;
        line-height: 1.55;
    }

    .areaRepu .listRepu>li .boxInfo .listInfo {
        width: 100%;
        background: url(../images/card-company-detail/line.png) repeat-x top left;
        background-size: auto 3px;
        padding-top: 9px;
    }

    .areaRepu .listRepu>li .boxInfo .listInfo li {
        font-size: 12px;
        margin-right: 0;
        margin-bottom: 2px;
    }

    .areaRepu .listRepu>li .boxInfo .listInfo li .left {
        padding: 2.5px 7px 2px 8px;
    }

    .areaRepu .listRepu>li .boxInfo .listInfo li .right {
        padding: 2px 10px 2px 1px;
    }

    .areaRepu .listRepu>li .idea {
        font-size: 14px;
        line-height: 1.55;
        letter-spacing: 0.2px;
        text-align: justify;
        transition: none;
    }

    .areaRepu .listRepu>li .boxInfo {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: space-between;
    }

    /*areaTwitter*/
    .areaTwitter {
        padding-bottom: 24px;
    }

    .areaTwitter .minTitle {
        margin-bottom: 18px;
    }

    .areaTwitter .listComment li {
        width: 100%;
        padding: 2% 3% 5%;
        height: auto;
        margin-bottom: 12px;
    }

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

    .area2chCrawler .post-2ch .meta-2ch .name {
        font-size: 15px;
        margin-right: 5px;
    }

    .area2chCrawler .post-2ch .meta-2ch .date,
    .area2chCrawler .post-2ch .meta-2ch .uid {
        margin-right: 5px;
        font-size: 13px;
    }

    .area2chCrawler .post-2ch .message-2ch .escaped br:last-child {
        display: none;
    }

    .area2chCrawler .post-2ch .message-2ch {
        font-size: 14px;
        padding: 10px 0;
    }

    /*areaFaq*/
    .areaFaq {
        padding-bottom: 35px;
    }

    .areaFaq .minTitle {
        margin-bottom: 17px;
    }

    .areaFaq .minTitle .faquote {
        margin-top: 5px;
    }

    .areaFaq .listQ li {
        padding: 9px 15px 6px 15px;
    }

    .areaFaq .listQ {
        width: 100%;
    }

    .areaFaq .listLeft {
        padding-left: 0;
    }

    .areaFaq .listQ li .quest {
        font-size: 18px;
        padding-left: 22px;
        background-size: 15px 9px;
    }

    .areaFaq .listQ li .quest:after {
        width: 13px;
        height: 20px;
        top: 54%;
    }

    .areaFaq .listQ li .quest.click {
        background-size: 15px 9px;
        padding-left: 22px;
    }

    .areaFaq .listQ li .boxAns {
        padding-bottom: 20px;
    }

    .areaFaq .listQ li .boxAns .ans {
        font-size: 18px;
        padding-left: 25px;
    }

    .areaFaq .listQ li .boxAns .ans:after {
        width: 15px;
        height: 19px;
        left: 0px;

    }

    .areaFaq .listQ li .boxAns .text {
        padding: 0 5px 0 26px;
        font-size: 14px;
    }

    .areaFaq .listQ li .quest.click:after {
        left: 0;
    }

    /*minAiful*/
    .minAiful .minTitle {
        margin-bottom: 17px;
        letter-spacing: -0.2px;
    }

    .minAiful .listAiful li {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
        padding: 12px 3.7% 3.2%;
        background: #fff;
    }

    .minAiful .listAiful li .photo {
        display: inline-block;
        vertical-align: top;
        width: 38.5%;
        margin-right: 2%;

    }

    .minAiful .listAiful li .aifulCt {
        display: inline-block;
        width: 57.3%;
        padding: 0 1% 1% 0.8%;
    }

    .minAiful .listAiful li .aifulCt .textCt {
        font-size: 13.5px;
        margin-bottom: 4px;
        letter-spacing: 0.6px;
        line-height: 1.6;
        position: relative;
        top: 1px;
    }

    .minAiful .listAiful li .aifulCt .linkDetail a {
        font-size: 12px;
        padding-right: 40px;
        letter-spacing: -0.5px;
    }

    .minAiful .listAiful li .aifulCt .linkDetail a:after {
        background: url(../images/index/slide-arrow-sp.png) no-repeat;
        background-size: 34px 6px;
        width: 34px;
        height: 6px;
        right: 0px;
        top: 50%;
    }

    .minAiful .listAiful {
        margin-bottom: 24px;
    }

    /*minCorporate*/
    .minCorporate .minTitle {
        margin-bottom: 17px;
    }

    .minCorporate .listCorporate li {
        display: block;
        height: auto;
        padding: 7px 0;
    }

    .minCorporate .listCorporate li .lables {
        padding-left: 0;
        font-size: 14px;
        width: 89px;
        display: inline-block;
        vertical-align: top;
        letter-spacing: 0px;
    }

    .minCorporate .listCorporate li .info {
        font-size: 14px;
        width: calc(100% - 100px);
        display: inline-block;
        line-height: 1.3;
        letter-spacing: 0;
    }

    .minCorporate .listCorporate li .info .link {
        color: #2c87e4;
    }

    .minCorporate .listCorporate li .info .mail {
        color: #2c87e4;
    }

    .minCorporate .listCorporate {
        margin-bottom: 38px;
    }

    .contentReview {
        padding-top: 35px;
    }

    .recomWrap {
        padding: 12px 0 44px;
    }

    /*pagingNav*/
    .pagingNav {
        margin-top: 20px;
    }

    .pagingNav .navList .control a {
        width: 26px;
        padding-top: 0;
    }

    .pagingNav .navList .control:after {
        top: 42%;
    }

    .pagingNav .navList li a {
        width: 25px;
        height: 25px;
        font-size: 14px;
        border: 1px solid #feaa3b;
        padding-top: 2px;
    }

    .pagingNav .navList .prev {
        margin-right: 60px;
    }

    .pagingNav .navList .prev:after {
        right: -60px;
    }

    .pagingNav .navList .next {
        margin-left: 60px;
    }

    .pagingNav .navList .next:after {
        left: -60px;
    }

    .listReview {
        margin: 32px auto 0;
    }

    .listReview .ttl {
        font-size: 20px;
    }

    .listReview .ratio {
        font-size: 10px;
    }

    .listReview .list .item {
        flex-wrap: wrap;
        align-items: center;
        padding: 5px;
    }

    .listReview .list .item .itemLink {
        flex-wrap: wrap;
        align-items: center;
    }

    .listReview .list .item .info .datetitle {
        font-size: 14px;
    }

    .listReview .list .item .avatar {
        margin-left: 0;
        margin-top: 10px;
    }

    .listReview .list .item .name {
        font-size: 12px;
        margin-top: 5px;
    }

    .listReview .list .item .itemLink>.rating {
        margin-left: 10px;
        width: calc(100% - 60px);
        max-width: inherit;
    }

    .listReview .list .item .rating .description {
        font-size: 14px;
        margin-top: 0;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightBot {
        padding: 12px 3%;
    }

    .wrapInfoResult.recommend .infoColright .infoColrightBot .listReview li .reviewText {
        text-align: left
    }

    .wrapInfoResult.recommend .listBtn {
        padding: 0 3%;
    }

    .wrapInfoResult.recommend .listBtn li {
        margin-top: 20px;
    }

    .wrapInfoResult.recommend .listBtn li a {
        padding: 12px 0;
    }

    .wrapInfoResult.recommend .listBtn li.orange a .center,
    .wrapInfoResult.recommend .listBtn li.blue a .center {
        display: block;
        background-position: left 20px center;
        background-size: contain
    }

    .wrapInfoResult.recommend .wrapCt {
        box-shadow: none;
    }

    .areaField .fieldText h3 {
        font-size: 15px;
    }

    .areaField .fieldText p {
        font-size: 14px;
    }

    /*areaVoice*/
    .areaVoice .inner {
        padding: 0 3% 6px 2.7%;
    }

    .areaVoice.sticky {
        position: fixed;
        animation: faceIn .3s;
    }

    @keyframes faceIn {
        from {
            opacity: 0;
        }

        to {
            opacity: 1;
        }
    }

    .areaVoice {
        bottom: 0;
        left: 0;
        width: 100%;
        padding-top: 8px;
        box-shadow: 0 0 10px rgb(241 188 160 / 65%);
        background-color: #fff;
        z-index: 99;
    }

    .areaVoice .voiceMain {
        position: relative;
        display: flex;
    }

    .areaVoice .voiceMain .voiceBtn {
        position: absolute;
        top: -28px;
        right: -3px;
        width: 143px;
    }

    .areaVoice .voiceMain .voiceBtn a {
        position: relative;
        display: block;
        background: linear-gradient(90deg, rgba(235, 83, 40, 1) 0%, rgba(243, 166, 59, 1) 100%);
        font-size: 14px;
        color: #fff;
        border-radius: 50px;
        padding: 10px 4px 10px 0;
        font-weight: bold;
        text-align: center;
        transition: .3s;
        box-shadow: 0 4px 6px rgba(241, 150, 55, 0.48);
    }

    .areaVoice .voiceMain .voiceBtn a:hover {
        box-shadow: 0 1px 2px rgb(241 150 55 / 78%);
        transition: .3s;
        transform: translateY(3px);
    }

    .areaVoice .voiceMain .voiceBtn a:before {
        content: "";
        position: absolute;
        top: 50%;
        right: 7px;
        transform: translateY(-50%);
        background: url(../images/card-company-detail/offibtn-arrow.png) no-repeat center center/100%;
        width: 6.6px;
        height: 12px;
    }

    .areaVoice .voiceMain .voiceLogo {
        margin-right: 8px;
        width: 108px;
    }

    .areaVoice .star {
        display: inline-block;
        padding-top: 3px;
    }

    .areaVoice .star .label {
        display: inline-block;
        vertical-align: middle;
        font-size: 20px;
        font-weight: bold;
        color: #000;
        border-right: 2px solid #eee;
        padding: 5px 29px 5px 4px;
        margin-right: 40px;
    }

    .areaVoice .star .point {
        display: inline-block;
        vertical-align: middle;
    }

    .areaVoice .star .point a {
        font-size: 15px;
        color: #727DFE;
        font-weight: bold;
    }

    .areaVoice .star .point a span {
        font-size: 11.4px;
        margin-left: 1px;
        transform: translateY(-1px);
        display: inline-block;
    }

    .areaVoice .star .starpointPhoto {
        display: inline-block;
        vertical-align: middle;
        margin-right: -1px;
        margin-top: -2px;
        line-height: 1;
    }


    .areaVoice .star .starpointPhoto li {
        width: 12px;
        position: relative;
        overflow: hidden;
        display: inline-block;
    }

    .areaVoice .star .starpointPhoto li .score-detail {
        width: 100%;
        height: 12px;
        background: url(../images/common/icon_star_non.png) no-repeat top left/contain;
        padding: 0;
        position: relative;
        z-index: 1;
    }

    .areaVoice .star .starpointPhoto li .rating {
        position: absolute;
        top: -1px;
        left: 0;
        height: 100%;
        z-index: 0;
        background: #ffd800;
        display: block;
    }

    .areaVoice .voiceNotification {
        background-color: #FFF8ED;
        padding: 0 3% 5px;
    }

    .areaVoice .voiceNotification .privilege {
        color: #FF6C00;
        font-size: 12px;
        font-weight: bold;
        line-height: 1;
        padding-top: 5px;
        text-align: center;
    }

    .areaVoice .voiceNotification .privilege span {
        display: inline-block;
        font-size: 9px;
        border: 1px solid #F26600;
        padding: 2px 2px 2px;
        letter-spacing: 0.9px;
        line-height: 1;
        transform: translateY(-1px);
        margin-right: 1px;
    }

    .section-2ch {
        padding: 10px;
    }

}

@media(max-width: 560px) {
    .areaRepu .wrapRepu24 .repu24 .cases {
        font-size: 15px;
        font-weight: 500;
        vertical-align: middle;
    }

    .areaRepu .wrapRepu24 .repu24 .boxLink24 .logo24 img {
        max-width: 210px;
    }
}

@media(max-width: 414px) {
    .areaRepu .listRepu>li .boxInfo {
        padding-top: 15px;
    }

    .btn-copy-review {
        top: 5px;
    }
}

@media(max-width: 375px) {
    #sitecontent .offiBtn {
        width: 100%;
    }

    .areaRecommen:before {
        width: 100%;
    }

    .areaRepu .wrapRepu24 .repu24 .boxLink24 {
        margin-right: 0
    }
}

@media(max-width: 360px) {
    .areaVoice .voiceMain .voiceLogo {
        width: 100px;
    }

    .areaVoice .voiceMain .voiceBtn {
        position: absolute;
        right: -3px;
        width: 140px;
    }
}

/*cardgiftListBox*/
.cardgiftListBox {
    padding: 28px 0 49px;
    background: url(../images/card-company-detail/card-gift-list-box-bg.png)repeat top left 100%;
}
.cardgiftListBox .cardgiftTitle {
    text-align: center;
    margin-bottom: 10px;
}
.cardgiftListBox .cardgiftTitle > span {
    position: relative;
    display: inline-block;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4;
    color: #666666;
    padding: 0 60px;
}
.cardgiftListBox .cardgiftTitle > span:before {
    content: "";
    position: absolute;
    top: 3px;
    left: 9px;
    width: 39px;
    height: 57px;
    background: url(../images/card-company-detail/card-gift-list-box-photo-01.png)no-repeat;
    background-size: 100%;
}
.cardgiftListBox .cardgiftTitle > span:after {
    content: "";
    position: absolute;
    top: 4px;
    right: 8px;
    width: 31px;
    height: 63px;
    background: url(../images/card-company-detail/card-gift-list-box-photo-02.png)no-repeat;
    background-size: 100%;
}
.cardgiftListBox .cardgiftTitle .orange {
    font-size: 30px;
    color: #EB6431;
    margin-left: 8px;
}
.cardgiftListBox .listBoxWrap {
    width: 100%;
    overflow-x: auto;
    padding-bottom: 8px;
}
.cardgiftListBox .listBoxWrap::-webkit-scrollbar {
    height: 5px;
}
.cardgiftListBox .listBoxWrap .wrapList {
    display: flex;
    flex-wrap: wrap;
    width: max-content;
    padding: 0 9px;
}
.cardgiftListBox .listBoxWrap .wrapList > li {
    width: 188px;
    border-radius: 5px;
    border: 4px solid #F7F7F7;
    background-color: #fff;
    padding: 10px 11px 15px;
}
.cardgiftListBox .listBoxWrap .wrapList > li:not(:last-child) {
    margin-right: 7px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapPhoto {
    width: 100%;
    margin-bottom: 7px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapPhoto img {
    width: 100%;
    aspect-ratio: 4/2.36;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapName {
    font-size: 14px;
    font-weight: bold;
    color: #525252;
    margin-bottom: -2px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 8px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .point {
    font-size: 17px;
    font-weight: bold;
    color: #EA3351;
    margin-right: 2px;
    margin-left: 1px;
    letter-spacing: 1px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .starpointPhoto {
    display: inline-block;
    vertical-align: middle;
    line-height: 0.8;
    margin-right: 2px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .starpointPhoto li{
    width: 17px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .starpointPhoto li:not(:last-child) {
    margin-right: 1px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .starpointPhoto li .score-detail{
    width: 100%;
    height: 16px;
    background: url(../images/common/icon_star_non.png) no-repeat top left / contain;
    padding: 0;
    position: relative;
    z-index: 1;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .starpointPhoto li  .rating{
    position: absolute;
    top: -1px;
    left: 0;
    height: 100%;
    z-index: 0;
    background: #ffd800;
    display: block;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .number {
    font-size: 11px;
    font-weight: bold;
    margin-top: 4px;
}
.cardgiftListBox .listBoxWrap .wrapList > li .wrapRate .number span {
    font-size: 8px;
}
.cardgiftListBox .listBoxWrap .listInfo {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -5px;
}
.cardgiftListBox .listBoxWrap .listInfo li {
    display: inline-block;
    font-size: 10px;
    font-weight: 600;
    color: #fff;
    background-color: #3158DB;
    border-radius: 5px;
    padding: 3px 6px 4px;
    margin-bottom: 5px;
    margin-right: 5px;
}
.cardgiftListBox .listBoxWrap .wrapRatio {
    font-size: 13px;
    font-weight: bold;
}
.cardgiftListBox .listBoxWrap .wrapRatio span {
    font-size: 19px;
    color: #ea3351;
    margin-left: 3px;
}
.cardgiftListBox .listBoxWrap .wrapRatio>span {
    display: inline-block;
    transform: translateY(2px);
} 
.cardgiftListBox .listBoxWrap .wrapRatio span span {
    font-size: 15px;
    margin-left: -1px;
}
.cardgiftListBox .listBoxWrap .viewBtn {
    width: 140px;
    margin: 7px auto 0;
    border-radius: 25px;
    border: 2px solid #ff3c00;
}
.cardgiftListBox .listBoxWrap .viewBtn a {
    font-weight: 500;
    text-align: center;
    color: #ff3c00;
    padding: 3px 7px 4px 0;
    display: block;
    position: relative;
    background-size: 19px 16px;
    box-shadow: 0px 5px 13px 0px rgb(241 188 160 / 90%);
    border-radius: 50px;
    font-size: 12px;
}
.cardgiftListBox .listBoxWrap .viewBtn a:after {
    content: "";
    position: absolute;
    background: url(../images/index/btn-arrow-orange.png) no-repeat;
    background-size: 100%;
    width: 4px;
    height: 7px;
    right: 11px;
    top: 52%;
    transform: translateY(-50%);
}
@media(min-width: 769px) {
    .cardgiftListBox .listBoxWrap .wrapList > li .wrapPhoto a:hover {
        opacity: 0.7;
    }
}

@media(max-width: 430px) {
    .cardgiftListBox {
        width: calc(100% + 19px);
        margin-left: -10px;
    }
    .cardgiftListBox .cardgiftTitle > span {
        font-size: 16px;
    }
    .cardgiftListBox .cardgiftTitle .orange {
        font-size: 22px;
    }

}
/*cardgiftListBox*/


.reviewHeadInfoSection {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 100%;
    max-width: 1040px;
    margin: 0 auto 39px;
}
.reviewHeadInfoSection .reviewGlobalInfo {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    width: 72%;
    margin-right: 4.5%;
}
.reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo {
    width: 250px;
    margin-right: 43px;
}
.reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewStoreTop .storeLogo {
    max-width: 210px;
}
.reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewStoreTop .storeLogo img {
    width: 100%;
}
.reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo {
    margin: -8px 0 17px 18px;
}
.reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo .reviewScore {
    margin-bottom: 5px;
}
.reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo .reviewScore .reviewLabel {
    display: inline-block;
    font-size: 20px;
    font-weight: bold;
    margin-right: 13px;
    letter-spacing: -1px;
    color: #222222;
}
.reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo .reviewScore .reviewScoreNum {
    display: inline-block;
    transform: translateY(2px);
    font-size: 32px;
    font-weight: bold;
    color: #EA3351;
}
.reviewStoreInfo .reviewInfo .reviewStar {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    margin-left: 1px;
}
.reviewStoreInfo .reviewInfo .reviewStar .star {
    display: inline-block;
    vertical-align: middle;
    padding-right: 17px;
}

.reviewStoreInfo .reviewInfo .reviewStar .star .starpointPhoto {
    display: inline-block;
    vertical-align: middle;
    line-height: 0.8;
}

.reviewStoreInfo .reviewInfo .reviewStar .star .starpointPhoto li {
    width: 21px;
    position: relative;
    overflow: hidden;
    display: inline-block;
}

.reviewStoreInfo .reviewInfo .reviewStar .star .starpointPhoto li:not(:first-child) {
    margin-left: 2px;
}

.reviewStoreInfo .reviewInfo .reviewStar .star .starpointPhoto li .score-detail {
    width: 100%;
    height: 20px;
    background: url(../images/common/icon_star_non.png) no-repeat top left/contain;
    padding: 0;
    position: relative;
    z-index: 1;

}

.reviewStoreInfo .reviewInfo .reviewStar .star .starpointPhoto li .rating {
    position: absolute;
    top: -1px;
    left: 0;
    height: 100%;
    z-index: 0;
    background: #ffd800;
    display: block;
}
.reviewStoreInfo .reviewInfo .reviewStar .reviewCount  {
    font-size: 22px;
    font-weight: bold;
    color: #666666;
    line-height: 0.8;
}
.reviewStoreInfo .storeWeb {
    margin-left: 18px;
}
.reviewStoreInfo .storeWeb a{
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #00A1FF;
    text-decoration: underline;
    text-underline-offset: 4px;
}
.reviewNumStarScore {
    width: calc(100% - 293px);
    margin-top: 14px;
}
.reviewNumStarScore .scoreList li {
    display: flex;
    align-items: center;
}
.reviewNumStarScore .scoreList li:not(:last-child) {
    margin-bottom: 11px;
}
.reviewNumStarScore .scoreList .scoreName {
    width: 51px;
    margin-right: 3px;
}
.reviewNumStarScore .scoreList .scoreName .star {
    display: inline-block;
    width: 22px;
}
.reviewNumStarScore .scoreList .scoreName .number {
    display: inline-block;
    transform: translate(-3px, 2px);
    font-size: 18px;
    font-weight: bold;
    line-height: 0.8;
}
.reviewNumStarScore .scoreList .scorePercent {
    position: relative;
    width: 83%;
    height: 10px;
    background: #D8D8D8;
    border-radius: 25px;
}
.reviewNumStarScore .scoreList .scorePercent .percent {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background: #F9D949;
    border-radius: 25px;
}
.reviewNumStarScore .scoreList .scoreNumber {
    width: 50px;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
    padding-right: 3px;
}
.reviewNumStarScore .scoreList .scoreNumber span {
    font-size: 14px;
    font-weight: 400;
}
.reviewHeadInfoSection .reviewTopicRank {
    width: 23.5%;
    margin-top: 11px;
}
.reviewHeadInfoSection .reviewTopicRank .topicText {
    font-size: 19px;
    font-weight: bold;
    color: #222222;
    margin-bottom: 20px;
}
.reviewHeadInfoSection .reviewTopicRank .topicList {
    display: flex;
    flex-wrap: wrap;
}
.reviewHeadInfoSection .reviewTopicRank .topicList li {
    color: #CCCED5;
    font-size: 13px;
    margin: 0 18px 2px 0;
}
@media(min-width: 769px) {
    .reviewStoreInfo .storeWeb a:hover {
        text-decoration: none;
    }
}

@media(max-width: 768px) {
    .reviewHeadInfoSection .reviewGlobalInfo {
        width: 100%;
        margin: 0 0 21px;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo {
        width: 100%;
        margin: 0 0 5px;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewStoreTop {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        margin-bottom: 14px;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewStoreTop .storeLogo {
        width: 38%;
        max-width: 150px;
    }
    .reviewStoreInfo .storeWeb {
        margin-left: 7px;
        margin-top: 4px;
    }
    .reviewStoreInfo .storeWeb a {
        font-size: 16px;
        letter-spacing: -0.6px;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo {
        display: flex;
        align-items: center;
        margin: 0 0 0 6px;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo .reviewScore {
        width: 172px;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo .reviewScore .reviewLabel {
        font-size: 16px;
        margin-right: 13px;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo .reviewScore .reviewScoreNum {
        font-size: 26px;
    }
    .reviewStoreInfo .reviewInfo .reviewStar {
        width: 44%;
    }
    .reviewHeadInfoSection .reviewGlobalInfo .reviewStoreInfo .reviewInfo .reviewStar {
        width: calc(100% - 172px);
    }
    .reviewStoreInfo .reviewInfo .reviewStar .star {
        padding-right: 10px;
    }
    .reviewStoreInfo .reviewInfo .reviewStar .reviewCount {
        font-size: 16px;
    }
    .reviewNumStarScore {
        width: 95%;
        margin: 0 auto;
    }
    .reviewNumStarScore .scoreList li:not(:last-child) {
        margin-bottom: 7px;
    }
    .reviewNumStarScore .scoreList .scoreName {
        width: 41px;
    }
    .reviewNumStarScore .scoreList .scoreName .star {
        width: 19px;
    }
    .reviewNumStarScore .scoreList .scoreName .number {
        transform: translate(-5px, 2px);
    }
    .reviewNumStarScore .scoreList .scoreNumber {
        width: 44px;
        font-size: 16px;
    }
    .reviewHeadInfoSection .reviewTopicRank{
        width: calc(100% + 20px);
        margin: 0 0 0 -10px;
        padding: 14px 17px;
        border-top: 1px solid #F7F7F7;
        border-bottom: 1px solid #F7F7F7;
    }
    .reviewHeadInfoSection .reviewTopicRank .topicText {
        font-size: 16px;
        margin-bottom: 4px;
    }
    .reviewHeadInfoSection .reviewTopicRank .topicList li {
        margin: 0 15px 0 0;
    }
}


/* shopSameDayDepositCdFixed */
@media (max-width: 768px) {
    .shopSameDayDepositCdFixed + .areaVoice {
        display: none;
    }
    .shopSameDayDepositCdFixed {
        position: fixed;
        display: flex;
        justify-content: space-between;
        align-items: center;
        bottom: 0;
        left: 0;
        width: 100%;
        background: #131357;
        padding: 10px 4.3% 10px 3%;
        z-index: 999;
        color: #fff;
        font-weight: bold;
        font-size: 15px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo {
        margin-top: -4px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoName {
        margin-bottom: -11px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime {
        word-break: auto-phrase;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime span{
        display: inline-block;
        color: #FFD008;
        font-size: 34px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime > span {
        transform: translateY(2px);
        margin-left: 3px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime .unit {
        font-size: 15px;
        transform: translateY(-1px);
        margin-left: 1px;
    }
    .shopSameDayDepositCdFixed .cdFixBtn {
        width: 157px;
    }
    .shopSameDayDepositCdFixed .cdFixBtn a {
        position: relative;
        display: block;
        width: 100%;
        text-align: center;
        color: #fff;
        background: linear-gradient(90deg, rgba(255,78,34,1) 0%, rgba(232,196,46,1) 100%);
        border-radius: 5px;
        padding: 5px 4px;
    }
    .shopSameDayDepositCdFixed .cdFixBtn a::before {
        content: "";
        position: absolute;
        top: 53%;
        right: 17px;
        transform: translateY(-50%);
        width: 8px;
        height: 13px;
        background: url(../images/card-company-detail/icon-arrow-white.svg)no-repeat top left/ 100%;
    }
    .shopSameDayDepositCdFixed .cdFixInfo.SameDay {
        margin-left: 17px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo.SameDay .infoTime > span + span {
        margin-left: 3.6vw;
    }
}
@media (max-width: 414px) {
    .shopSameDayDepositCdFixed {
        font-size: 14px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime span {
        font-size: 30px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime .unit {
        font-size: 14px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo.SameDay .infoTime > span + span {
        margin-left: 2.5vw;
    }
}
@media (max-width: 390px) {
    .shopSameDayDepositCdFixed .cdFixBtn {
        width: 140px;
    }
}
@media (max-width: 375px) {
    .shopSameDayDepositCdFixed {
        font-size: 13px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime span {
        font-size: 28px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo .infoTime .unit {
        font-size: 13px;
    }
    .shopSameDayDepositCdFixed .cdFixInfo.SameDay .infoTime > span + span {
        margin-left: 1.5vw;
    }
    .shopSameDayDepositCdFixed .cdFixBtn {
        width: 120px;
    }
}
/* shopSameDayDepositCdFixed */