@charset "utf-8";

/*==========================
fadeIn
==========================*/
.fadeIn {
    transform: translate(0, 50px);
    opacity: 0;
    transition: 0.8s;
}

.fadeIn.animated {
    transform: translate(0, 0);
    opacity: 1;
}

/* =========policy========= */
body{
    background-image: none;
}

.main{
    background-color: var(--white);
}

.topic--contact{
    text-align: center;
    font-size: 5rem;
    color: var(--main);
    opacity: 1;
    margin: 56px auto 0;
}

.subtopic--contact{
    text-align: center;
    color: var(--sub);
}

.policy__container{
    margin-top: 50px;
    padding: 0 4.2%;
}

.policy__content{
    margin-top: 20px;
}

.policy__title{
    font-size: 1.5rem;
    font-weight: 350;
    line-height: 1.5;
    margin-bottom: 5px;
}

.policy__text{
    font-size: 1.2rem;
    font-weight: 350;
    line-height: 1.5;
}

.operator{
    margin-top: 50px;
    padding: 0 4.2%;
    font-size: 1.2rem;
    font-weight: 350;
    line-height: 1.5;
}

@media screen and (min-width:769px) {
    

.topic--contact{
    font-size: 20rem;
    margin: 120px auto 0;
}

.subtopic--contact{
    font-size: 3rem;
    margin-top: 15px;
}

.policy__container{
    margin-top: 100px;
    padding: 0 18.7%;
}

.policy__content{
    margin-top: 40px;
}

.policy__title{
    font-size: 1.8rem;
    font-weight: 500;
    margin-bottom: 5px;
}

.policy__text{
    font-size: 1.5rem;
    font-weight: 500;
}

.operator{
    margin-top: 70px;
    padding: 0 18.7%;
    font-size: 1.5rem;
    font-weight: 500;
    line-height: 1.5;
}

}
/* =========/policy========= */