#plan .ekyc_err
{
    background:#faa;
    text-align: center;
    padding: 10px 5px;
}

#plan .ekyc_section
{
    background: #FFF0E7;
    border-radius: 10px;
    padding: 20px 70px;
    margin-bottom: 40px;
}

#plan .ekyc_section .q_icon
{
    background: #FF751F;
    color: white;
    border-radius: 50%;
    padding: 5px 10px;
    margin-right: 17px;
    max-block-size: min-content;

}

#plan .ekyc_section .q_text
{
    margin-left: -60px;
    font-size: 20px;
    font-weight: bold;
    display: flex;
    align-items: center;
}

#plan #ekyc_q1 input[type=radio] ,
#plan #ekyc_q2 input[type=radio] ,
#plan #ekyc_q3 input[type=radio] {
    display: none; 
}

#plan #ekyc_q1 div ,
#plan #ekyc_q3 div 
{
    margin-top: 10px;
    display: flex;

}


#plan #ekyc_q1 label ,
#plan #ekyc_q3 label 
{
    display: block;
    min-width: 130px;
}


#plan #ekyc_q1 label.active ,
#plan #ekyc_q3 label.active 
{
    border: 5px solid #E85C9F;
}



#plan #ekyc_q1 label span:first-child,
#plan #ekyc_q3 label span:first-child
{
    width: auto;
    background:white;
    border-radius: 10px;
    padding: 10px;
    border: 5px solid white;
    display: flex;
    align-items: center;
    justify-content: flex-start;
}


#plan #ekyc_q2 label p
{
    width: 100%;
    background:white;
    border-radius: 10px;
    padding: 10px;
    margin-top: 20px;
    border: 5px solid white;
    display: flex;
    align-items: center;

}

#plan #ekyc_q1 label span.active:first-child,
#plan #ekyc_q3 label span.active:first-child,
#plan #ekyc_q2 label p.active
{
    border: 5px solid #E85C9F;
}


#plan #ekyc_q1 label span .radio_btn ,
#plan #ekyc_q2 label p .radio_btn ,
#plan #ekyc_q3 label span .radio_btn 
{
    width: 100%;
    max-width: 24px;
    height: 24px;
    margin-right: 9px;
    background-color: #fff;
    border: 3px solid #DEDEDE;
    border-radius: 50px;
}

#plan #ekyc_q1 label span.active .radio_btn ,
#plan #ekyc_q2 label p.active .radio_btn ,
#plan #ekyc_q3 label span.active .radio_btn 
{
    position: relative;
    background-color: #fff;
    border: 5px solid #E85C9F;
}


#plan #ekyc_q1 label span.active .radio_btn::after ,
#plan #ekyc_q3 label span.active .radio_btn::after  {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 2px;
    width: 100%;
    max-width: 10px;
    height: 10px;
    background-color: #E85C9F;
    border-radius: 50px;
}

#plan #ekyc_q2 label p.active .radio_btn::after  {
    content: "";
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    right: 2px;
    width: 100%;
    max-width: 10px;
    height: 10px;
    background-color: #E85C9F;
    border-radius: 50px;
}

#plan #ekyc_q2  .document_type_detail
{
    width: 100%;
    background-color: #fff;
    border: 2px solid #888;
    border-bottom: 0px;
    border-top: 0px;
    padding:10px;
}


#plan #ekyc_q2  .document_type_detail div:first-child
{
   text-align: center;
}
#plan #ekyc_q2  .document_type_detail div > img
{
    padding: 20px;
    max-height: 220px;
}


#plan #ekyc_q2  .document_type_detail .document_type_caution
{
    background-color: #FFFFDF;
    display: flex;
    padding:10px;
    align-items: center;
    margin-top: 20px;
}

#plan #ekyc_q2  .document_type_detail .document_type_caution span
{
    width: 10%;
    text-align: center;
}

#plan #ekyc_q2  .document_type_detail .document_type_caution span img
{
    width: 50%;
}

#plan #ekyc_q2  .document_type_detail .document_type_caution ul
{
    width: 90%;
}

#plan #ekyc_q2  .document_type_detail  ul li
{
    list-style-type: none;
    margin-left: 20px;
    line-break: strict;
    font-size: 0.9rem;
    word-break: normal;
}

#plan #ekyc_q2  .document_type_detail  div > span.term_list_style
{
    color: #E85C9F;
    margin-right:5px;

}

#plan #ekyc_q2  .document_type_detail  ul li::before 
{
    position: relative;
    top: -2px;
    left: -10px;
    display: inline-block;
    width: 4px;
    height: 4px;
    content: '';
    border-radius: 100%;
    background: black;
}

#plan .ekyc_section .ekyc_error
{
    color:red;
    background: white;
    margin-top: 20px;
    padding: 5px;
}

.pc{ display: block;}
.sp{ display: none;}

@media (max-width: 767px) 
{
    

    #plan .ekyc_err
    {
        text-align: left ;
    }

    #plan .ekyc_section .q_text
    {
        margin-left: 0px;
    }

    #plan .ekyc_section
    {
        padding: 20px 20px;
    }

    #plan #ekyc_q2  .document_type_detail div > img
    {
        width: auto;
        max-height: none;
    }


    #plan #ekyc_q2  .document_type_detail .document_type_caution span
    {
        width: 20%;
    }

    #plan #ekyc_q2  .document_type_detail .document_type_caution span img
    {
        width: 80%;
    }


    .pc{ display: none;}
    .sp{ display: block;}
}