@charset "UTF-8";

/*--------------------top------*/
.public_area h3{
    font-size: 1.4rem;
    color: #006bac;
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: 30px;
}
.public_area h4{
    color: #735339;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 10px 0 10px;
}
.public_area{
    width: 80%;
    margin: -30px auto;
    max-width: 780px;
    padding: 10px 0 30px;
}
.public_area p{
    margin: 30px 0;
    padding: 0;
}
.public_area span{
    font-size: 1.2rem;
    font-weight: 500;
}
.pub_btn{
    

    width: 50%;
    margin: 30px 0;
}
.pub_btn img:hover{
  transform:scale(1.1,1.1);
  transition:0.5s all;
} 
/*----------main2------------*/
.main2{
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color:#f3f4ef; 
}
.pub_btn2{
    width: 40%;
    margin: 20px 0;
}
.pub_btn2 img:hover{
  transform:scale(1.1,1.1);
  transition:0.5s all;
}
/*----------main3------------*/
.main3{
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color:#dff4f8; 
}
/*---------------------------------------------
--------------------MAX 900PX-----------------------------*/
@media screen and (max-width:900px){

}
/*---------------------------------------------
--------------------MAX 480PX-----------------------------*/
@media screen and (max-width:480px){
/*--------------------top------*/
.public_area h3{
    font-size: 1.4rem;
    color: #006bac;
    line-height: 2rem;
    font-weight: 600;
    margin-bottom: 10px;
}
.public_area h4{
    color: #735339;
    font-size: 1.4rem;
    font-weight: 500;
    margin: 10px 0 0;
}
.public_area{
    width: 90%;
    margin: -30px auto;
    max-width: 480px;
    padding: 10px 0 30px;
}
.public_area p{
    margin: 30px 0;
    padding: 0;
}
.public_area span{
    font-size: 1.2rem;
    font-weight: 500;
}
.pub_btn{
    width: 80%;
    margin: 20px 0;
}
.pub_btn img:hover{
  transform:scale(1.1,1.1);
  transition:0.5s all;
} 
/*----------main2------------*/
.main2{
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color:#f3f4ef; 
}
.pub_btn2{
    width: 80%;
    margin: 20px 0;
}
.pub_btn2 img:hover{
  transform:scale(1.1,1.1);
  transition:0.5s all;
}
/*----------main3------------*/
.main3{
    width: 100%;
    margin: 0;
    padding: 50px 0;
    background-color:#dff4f8; 
}
}