@charset "utf-8";

/*----------------------------------------------------
    共通項目
-----------------------------------------------------*/

/* メールアドレス入力欄 */
.input_mailaddress {
    background-color:#dfefff;
    margin:20px 0;
}
.input_mailaddress td {
    padding: 5px;
}

/* テキストボックスの注釈 */
.caut_org {
    display: block;
}

/* テキストボックスの注釈（不達メール対策用） */
.caut_org_red {
    display: block;
    font-size:90%;
    color:red;
}

/*----------------------------------------------------
    事業者お問い合わせ画面
-----------------------------------------------------*/
#inq li {
    margin-bottom: 15px;
}

/*----------------------------------------------------
    パスワード変更画面
-----------------------------------------------------*/
#autoresponse_password_change #style_switch_info {
    width: 35rem;
    padding: 0.8rem 0.8rem 1rem 0.8rem;
    margin-top: 1rem;
    margin-bottom: 1rem;

    border-radius: 10px;
    border: 3px solid #FFF200;
    padding: 15px;
    background-color: #ffc;
    color: #333;
    font-weight: bold;
    font-size: 1rem;
    line-height: 1.8rem;
    text-decoration: underline;
    text-underline-offset: 3px;
}
#autoresponse_password_change #style_switch_info i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    position: relative;
    top: 3px;
}

/*----------------------------------------------------
    お問い合わせ内容入力画面
-----------------------------------------------------*/
#autoresponse_edit #style_switch_info {
    padding: 0.8rem 0.8rem 1rem 0.8rem;
    margin-bottom: 1rem;
    border: 1px solid transparent;
    border-radius: 0.25rem;
    color: #856404;
    background-color: #fff3cd;
    border-color: #ffeeba;
    font-size: 0.8rem;
}
#autoresponse_edit #style_switch_info i {
    font-size: 1.5rem;
    margin-right: 0.5rem;
    position: relative;
    top: 3px;
}
#autoresponse_edit input[type="text"] {
    width: 18.5rem;
}
textarea {
    width:27rem;
    height:7rem;
    padding: 0.2rem 0.2rem;
}

/*----------------------------------------------------
    お問い合わせ完了画面(自動応答、ヘルプデスク応答)
-----------------------------------------------------*/

#autoresponse_auto_finish #sent_an_email_info,
#autoresponse_finish #sent_an_email_info {
    display: flex;
    align-items: center;
    margin: 0.5rem 2rem;
    color: #333;
    font-size: 1.5rem;
    line-height: 2.0rem;
    height: 5rem;
}
#autoresponse_auto_finish #sent_an_email_info div,
#autoresponse_finish #sent_an_email_info div {
    margin: 0 0.5rem;
}
#autoresponse_auto_finish #sent_an_email_info i,
#autoresponse_finish #sent_an_email_info i {
    font-size: 2.75rem;
    color: #d52e87;
}

#autoresponse_auto_finish #style_switch_info,
#autoresponse_finish #style_switch_info {
    display: flex;
    border: 2px solid red;
    border-radius: 30px;
    background-color:#FFE0E0;
    padding: 25px;
    margin: 1rem 4.0rem;
    height: 8rem;
    color: #333;
    font-weight: bold;
    font-size: 1rem;
}
#autoresponse_auto_finish #style_switch_info div,
#autoresponse_finish #style_switch_info div {
    margin: 0 0.2rem;
}
#autoresponse_auto_finish #style_switch_info i,
#autoresponse_finish #style_switch_info i {
    font-size: 1.5rem;
    color: #5D5D5D;
}
#autoresponse_auto_finish #style_switch_info ul,
#autoresponse_finish #style_switch_info ul {
    margin: 0.2rem 1.2rem;
    list-style-type:disc;
    line-height: 1.4rem;
}
#autoresponse_auto_finish #style_switch_info li,
#autoresponse_finish #style_switch_info li {
    margin: 0;
}