@charset "UTF-8";
/* ===========================
agree.css
============================== */

/* agree_section */
.agree_section {
    width: 94%;
    margin: -30px auto 0;
    padding: 100px 0 50px;
}

.type-light {
    color: #00B3EC;
}

.type-advance {
    color: #e64290;
}

.type-pro {
    color: #ae9a52;
}

/* agree_mokuji */
.agree_section .agree_mokuji {
    margin-bottom: 50px;
}

.agree_section .agree_mokuji ol {
    padding-left: 0;
    list-style: none;
}

.agree_section .agree_mokuji ol li {
    width: 100%;
    font-size: 0.75rem;
    transform: skewX(0.03deg);
}

.agree_section .agree_mokuji ol li::marker {
    color: #0398C2;
}

.agree_section .agree_mokuji ol li a {
    position: relative;
    display: block;
    padding: 10px;
    color: #0398C2;
    border-bottom: 1px solid #ccc;
    text-decoration: none;
}

.agree_section .agree_mokuji ol li a::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    bottom: 50%;
    right: 0%;
    width: 8px;
    height: 8px;
    border-top: 1px solid #0398C2;
    border-right: 1px solid #0398C2;
    transform: translate(-50%, -50%) rotate(135deg);
}

.agree_section .agree_mokuji ol li a:hover {
    color: #333;
    animation: hover-scale 0.1s ease forwards;
}


/* agree_content */
.agree_section .agree_content ol li a {
    color: #0398C2;
}

.agree_section .agree_content ol li a:hover {
    color: #333;
    animation: hover-scale 0.1s ease forwards;
}

.agree_section .agree_content h3 {
    font-size: 0.85rem;
    transform: skewX(0.03deg);
    font-weight: normal;
    color: #0398C2;
}

.agree_section .agree_content ol {
    padding: 0 0 0 1rem;
}

.agree_section .agree_content ol li {
    margin-bottom: 10px;
    font-size: 0.85rem;
    transform: skewX(0.03deg);
}

.agree_section .agree_content ol li > h3 {
    /*padding-top: 100px;*/
    /*margin-top: -100px;*/
}

.agree_section .agree_content > ol > li::marker {
    color: #0398C2;
}

.agree_section .agree_content ol li ul.li_eng {
    margin-bottom: 30px;
    padding: 0 0 0 1rem;
    line-height: 1.25;
    list-style-type: lower-alpha;
}

.agree_section .agree_content ol li ul.li_eng ol li {
    margin-bottom: 15px;

    transform: skewX(0.03deg);
}

.agree_section .agree_content ol li ul.li_eng ul {
    list-style: disc;
}

.agree_section .agree_content .agree_notes {
    margin: 0;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 0.75rem;
    transform: skewX(0.03deg);
    line-height: 1.6;
}

.agree_section .agree_content .agree_notes:last-child {
    text-align: right;
}

@media screen and (min-width: 48em) {
    /* 768px md */
    .agree_section {
        max-width: 740px;
        width: 94%;
        margin: -90px auto 90px;
    }

    .agree_section .agree_mokuji ol {
        columns: auto 2;
    }
}

@media screen and (min-width: 64em) {
    /* 1024px lg */
    .agree_section {
        max-width: 1200px;
        width: 94%;
        margin: -30px auto 0;
    }

    .agree_section .agree_mokuji ol {
        columns: auto 3;
    }
}

@media screen and (min-width: 80em) {
    /* 1280px xl */
}