/* 通話メッセージのスタイル */
#call_message {
    background-color: #00A0E9;
    border: 1px solid #00A0E9;
    width: 85%;
    margin: 0 auto;
    padding: 5px;
    color: white;
}

/* 言語選択部分のスタイル */
.custom-select-wrapper {
    background-color: #dff2fc;
    border: 1px solid #dff2fc;
    width: 85%;
    margin: 0 auto !important;
    padding: 0 10px 10px 10px;
}

/* 電話番号入力部分のスタイル */
#caller-number-display {
    width: 85%;
    margin: 0 auto !important;
    padding: 10px;
    background-color: #eeeeeeff;
    border: 1px solid #eeeeeeff;
}

#caller-number-display.required {
    background-color: #eeeeeeff;
    border: 1px solid #eeeeeeff;
}

#caller-number-display.language-selected {
    background-color: #dff2fc;
    border: 1px solid #dff2fc;
}

/* 矢印のスタイル */
.arrow-down {
    text-align: center;
    margin: 0;
    height: 1.6rem; /* 矢印の高さ分の間隔を確保 */
}

.arrow-down span {
    color: #00A0E9;
    font-size: 2rem;
    line-height: 0.65;
    display: none; /* デフォルトで非表示 */
}

.arrow-down.visible span {
    display: inline-block; /* visibleクラスが付与された場合のみ表示 */
}

/* マイク注意書き部分のスタイル */
.mic-notice {
    width: 85%;
    margin: 20px auto;
    background-color: #eeeeeeff;
    border: 1px solid #eeeeeeff;
}

.mic-notice p {
    margin: 0;
}

.mic-notice p:last-child {
    margin-bottom: 10px;
}

.mic-notice i {
    color: rgb(211, 211, 211);
    font-size: 2rem;
}

/* 通話ボタンのスタイル */
.btn-start-call {
    width: 85%;
}