@charset "UTF-8";

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

/*===========
gaiyou
===============*/

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

.gaiyou .gaiyou_inner {
    margin: 2em auto;
    padding: 6%;
    max-width: 800px;
    background-color: #fff;
}

.gaiyou .gaiyou_inner h2 {
    padding-left: 32px;
}


#table th,
td {
    padding: 24px 0;
    border-bottom: 1px dotted #b5b1b1;
    width: 30%;
}


/* sp */
@media only screen and (max-width: 480px) {

    #table th,
    td {
        width: 100%;
        display: block;
        text-align: center;
    }

    #table th {
        width: 100%;
    }

    #table td {
        padding-top: auto;
    }
}

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

/*===========
改行について追記（sp） 2024/3/21
===============*/
.sp_br {
    display: none;
    /*768px以上では改行タグを無効に。*/
}

@media screen and (max-width: 768px) {
    .sp_br {
        display: block;
        /*768px未満で改行タグを有効に。*/
    }
}

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

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

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