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

    .about-price-box .bg-purple {
            border-top: 1px solid #2430A5;
            width: 404px;
            height: 100px;
    }

    .about-membership-price-box .bg-green,
    .about-price-box .bg-green {
        border-top: 1px solid #076057;
        width: 404px;
        height: 100px;
    }

    .about-price-box .has-discount .bg-purple,
    .about-membership-price-box .has-discount .bg-green,
    .about-price-box .has-discount .bg-green
        {
        width: 243px;
    }


    .about-price-box .has-discount .price-detail {
        width: 389px;
    }

    .price-detail {
        width: 227px;
        height: 100px;
    }

}

.green-title{
    border-top: solid 2px #076057;
    color: #076057;
}
.text-green

{
    color:#076057;
}
.price-unit {
    font-size: 10px;
}

.border-green{
    border-top-color: #076057;
}
.green-bg-header ,
.bg-green{
    background-color: #E6EFEE;
}

.green-bg-price {
    background-color: #F5F3EF;
}
.member-divider {
    position: relative;
}
.member-divider::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 55px;
    background-color: #49B6AB;
}
.btn-large-green .btn-large-item::after{
        background: #076057;
}

.custom-list.orange li::before {
    content: '';
    position: absolute;
    top: 0.5em;
    left: 0;
    transform: translateY(0);
    width: 9px;
    height: 9px;
    background-color: #E2952F;
    border-radius: 30%;
}
.writing-vertical-rl {
    writing-mode: vertical-rl;
    text-orientation: upright;
}

#check01 li a:hover,
#check02 li a:hover,
#check01 .c-selfcheck__link:hover,
#check02 .c-selfcheck__link:hover {
    background-color: #1e1e88;
    color: white;
}

#check01 li a:hover svg path:first-child,
#check02 li a:hover svg path:first-child,
#check01 .c-selfcheck__link:hover svg path:first-child,
#check02 .c-selfcheck__link:hover svg path:first-child {
    fill: white;
}

#check01 li a:hover svg path:last-child,
#check02 li a:hover svg path:last-child,
#check01 .c-selfcheck__link:hover svg path:last-child,
#check02 .c-selfcheck__link:hover svg path:last-child {
    fill: #1e1e88;
}


#check03 .js-selfcheck__answer:hover,
#check03 .c-selfcheck__link:hover {
    background-color: #076057;
    color: white;
}

#check03 .js-selfcheck__answer:hover svg path:first-child,
#check03 .c-selfcheck__link:hover svg path:first-child {
    fill: white;
}

#check03 .js-selfcheck__answer:hover svg path:last-child,
#check03 .c-selfcheck__link:hover svg path:last-child {
    fill: #076057;
}

.c-selfcheck__menu--item01 .js-selfcheck__menu:hover,
.c-selfcheck__menu--item02 .js-selfcheck__menu:hover {
    background-color: #1e1e88;
    color: white;
}

.c-selfcheck__menu--item01 .js-selfcheck__menu:hover svg path:first-child,
.c-selfcheck__menu--item02 .js-selfcheck__menu:hover svg path:first-child {
    fill: white;
}

.c-selfcheck__menu--item01 .js-selfcheck__menu:hover svg path:last-child,
.c-selfcheck__menu--item02 .js-selfcheck__menu:hover svg path:last-child {
    fill: #1e1e88;
}

.c-selfcheck__menu--item03 .js-selfcheck__menu:hover {
    background-color: #076057;
    color: white;
}

.c-selfcheck__menu--item03 .js-selfcheck__menu:hover svg path:first-child {
    fill: white;
}

.c-selfcheck__menu--item03 .js-selfcheck__menu:hover svg path:last-child {
    fill: #076057;
}
.border-purple{
    border-color:#2430a5;
}
.btn-large-green .c-arrow-link {
    border: 1px solid #076057;
}

.btn-large-green .c-arrow-link:hover {
    animation: buttonHoverGreenBg 0.6s ease forwards;
}

.btn-large-green .c-arrow-link:hover .c-arrow-link--icon {
    animation: iconHoverGreenBg 0.6s ease forwards;

}

/* アニメーションキー: 矢印アイコン */
@keyframes iconHoverGreenBg {
    0% {
        background-color: #076057;
        color: #fff;
    }

    100% {
        background-color: #fff;
        color: #076057;
    }
}


/* アニメーションの定義 */
@keyframes buttonHoverGreenBg {
    0% {
        background-color: #fff;
        color: #076057;
        border-color: #076057;
    }

    100% {
        background-color: #076057;
        color: #fff;
        border-color: #076057;
    }
}