@charset "UTF-8";

/*--------------------top------*/
.complain_area h3{
    font-size: 1.6rem;
    color: #006bac;
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: 30px;
}
.complain_area h4{
    color: #15b8d3;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 40px 0 10px;
}
.complain_area{
    width: 70%;
    margin: -40px auto 40px;
    max-width: 780px;
    padding: 0 0 20px;
}
.complain_area p{
    margin: 10px 0;
    padding: 0;
}
.complain_part{
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #006bac;
}

/*----------main2------------*/
.main2{
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color:#f3f4ef; 
}
.comp_area2{
    width: 56%;
    padding: 40px;
    background-color: #fff;
    margin: 0 auto;
    max-width: 780px;
    border-radius: 10px;
}
.comp_area2 h4{
    width: 280px;
    margin: 0;
}
.comp_area2 p{
    font-size: 1.1rem;
    margin: 20px 0;
    padding: 0;
}

/*---------------------------------------------
--------------------MAX 900PX-----------------------------*/
@media screen and (max-width:900px){
/*--------------------top------*/

.complain_area h3{
    font-size: 1.6rem;
    color: #006bac;
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.complain_area h4{
    color: #15b8d3;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 40px 0 10px;
}
.complain_area{
    width: 80%;
    margin: -40px auto 40px;
    max-width: 780px;
    padding: 0 0 20px;
}
.complain_area p{
    margin: 10px 0;
    padding: 0;
}
.complain_part{
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #006bac;
}

/*----------main2------------*/
.main2{
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color:#f3f4ef; 
}
.comp_area2{
    width: 70%;
    padding: 40px;
    background-color: #fff;
    margin: 0 auto;
    max-width: 780px;
    border-radius: 10px;
}
.comp_area2 h4{
    width: 280px;
    margin: 0;
}
.comp_area2 p{
    font-size: 1.1rem;
    margin: 20px 0;
    padding: 0;
}
}
/*---------------------------------------------
--------------------MAX 480PX-----------------------------*/
@media screen and (max-width:480px){
/*--------------------top------*/

.complain_area h3{
    font-size: 1.6rem;
    color: #006bac;
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: 20px;
}
.complain_area h4{
    color: #15b8d3;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 40px 0 10px;
}
.complain_area{
    width: 90%;
    margin: -30px auto 40px;
    max-width: 780px;
    padding: 0 0 20px;
}
.complain_area p{
    margin: 10px 0;
    padding: 0;
}
.complain_part{
    width: 100%;
    padding-bottom: 10px;
    border-bottom: 1px dotted #006bac;
}

/*----------main2------------*/
.main2{
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color:#f3f4ef; 
}
.comp_area2{
    width: 90%;
    padding: 20px;
    background-color: #fff;
    margin: 0 auto;
    max-width: 780px;
    border-radius: 10px;
}
.comp_area2 h4{
    width: 230px;
    margin: 0;
}
.comp_area2 p{
    font-size: 1.1rem;
    line-height: 1.8rem;
    margin: 20px 0;
    padding: 0;
}
}