.dot {
    border-top: 2px dotted #929395; /* 点線の太さと色を指定 */
    width: 85%; /* 幅を設定 */
    height: 1px; /* 高さを設定（高さは最小限でOK） */
    margin:0 auto;
}

@media (max-width: 768px) {
.dot {
    width: 95%; /* 幅を設定 */
}