/* ** feature ** */
.feature-02 {margin: 20px 10px;}
.feature-02 h4 {background-color: #18a;color: #fff; margin: 0; padding: 7px 10px;}
.feature-02 h4 span {border-left: 4px solid #fff; padding: 0 8px;}
.feature-02 .body {padding: 3px 0 3px 30px; background-color: #fff;}
.feature-02 ul {list-style: none; margin: 0; padding: 0;}
.feature-02 li {position: relative; margin: 8px 0;}
.feature-02 li::before {content: "��"; color: #ee8f2e; position: absolute; left: -18px;}
/* ** rank-result ** */
.rank-result {margin: 10px 10px 5px;}
.rank-result h4 {background-color: #18a;color: #fff; margin: 0 0 10px; padding: 7px 10px;}
.rank-result h4 span {border-left: 4px solid #fff; padding: 0 8px;}
.rank-result table {border-collapse: collapse; border-spacing: 0; border: 4px solid #a3c3cc; border-top: none; width: -webkit-fill-available;}
.rank-result table th, .rank-result table td {padding: 3px 3px; border-right: 1px solid #a3c3cc; border-bottom: 1px solid #a3c3cc; background-color:#fff;}
.rank-result table th {background-color: #a3c3cc; border-right: 1px solid #fff;}
.rank-result table td {padding:3px 12px;}
.rank-result table td.dir-name, .rank-result table td.rank, .rank-result table td.point {text-align: center; padding: 3px 3px;}
.rank-result table td.dir-name {font-weight: bold; width:16%;}
.rank-result table td.rank {width:16%; padding: 3px 3px;}
.rank-result table td.rank img {height: 18px; width: auto; vertical-align: middle;}
.rank-result table td.rank img.crown {height: 24px; width: auto;}
.rank-result table td.point {font-size: 12px; width:16%; padding: 3px 3px;}
.rank-result table td.point span {font-size: 14px; color: #e66; font-weight: bold;}
.to-company {margin-bottom: 20px;}
/* ** ranking-recommend-link ** */
.to-special {margin:10px 15px 30px;}
.to-special a {padding:5px 8px; border-radius:4px; background-color:#fff; color:#18a; font-size:15px; width:100%; display:table; text-decoration:underline; box-sizing:border-box; position:relative; border: 3px solid #18a;}
.to-special a:hover {text-decoration:none;}
.to-special span {display:table-cell; vertical-align:middle; padding-right: 18px;}
.to-special .icon-special-link {padding-right:10px; width:1.8rem; height:1.8rem;}
.to-special img {width:auto; height:100%;}
.to-special a::before {content:""; position:absolute; margin:auto; top:0; bottom:0; right:6px; width:16px; height:16px; border-radius:50%; background:#18a;}
.to-special a::after {content:""; position:absolute; margin:auto; top:0; bottom:0; right:12px; width:4px; height:4px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(45deg);}
/* ** box-voice ** */
.ranking-box .box-voice .box-voice-txt.box-voice-catch h4 {background-color: #18a; padding: 7px 10px}
.ranking-box .box-voice .box-voice-txt.box-voice-catch h4 span {color:#fff; border-left: 4px solid #fff; padding: 0 8px; font-size: 14px;}