@charset "UTF-8";

/*
SP〜519px
tab 520px〜
PC 960px〜
*/

/*===========
notice
===============*/

.notice {
    background-color: #F3F2F2;
    padding-top: 40px;
    padding-bottom: 40px;
}

.notice .notice_inner {
    margin: 2em auto;
    padding: 2em;
    max-width: 800px;
    background-color: #fff;
}


.notice .notice_inner h2 {
    margin-bottom: 16px !important;
}

.notice .notice_inner .notice_text {
    margin-bottom: var(--contents-gutter);
}

.notice .notice_inner .notice_ledtext {
    margin-bottom: var(--contents-gutter);
    color: #Fbb116;
}



@media screen and (min-width:960px) {
    .notice {
        margin-top: var(--contents-gutter-pc);
    }
}

/*=======
ふわっと
=========*/
.notice_inner {
    animation-name: notice_inner;
    animation-duration: 3s;
    animation-fill-mode: forwards;
    opacity: 0;
}

@keyframes notice_inner {
    from {
        opacity: 0;
        transform: translateY(15px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}