@charset "UTF-8";

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

@media screen and (max-width: 599px) {

    section {
        margin: 30px auto;
        padding: 30px 0;
    }

    .sub-ttl {
        font-size: 5vw;
    }

    .sub-ttl .icon {
        padding: 4px;
        font-size: 14px;
    }

    #linkArea .btnArea {
        height: 60px;
        line-height: 50px;
        margin-bottom: 20px;
    }

    #linkArea .btnArea a {
        font-size: 106.6%;
    }

    #linkArea .btnArea a::after {
        width: 20px;
        height: 20px;
        margin-top: -10px;
    }

    #linkArea .btnArea p {
        width: 98.5%;
        margin: 3px auto;
        height: 50px;
    }

    .btn02-wrap {
        flex-wrap: wrap;
        gap: 16px;
    }

    .btn02 {
        width: 100%;
        font-size: 16px;
    }
    
    .btn02 .arrow {
        width: 20px;
        height: auto;
    }

    .ankerLink {
        gap: 64px;
    }

    .ankerLink a {
        width: 100%;
        padding: 16px 16px 30px;
    }

    .ankerLink a .num {
        top: -50px;
    }

    .ankerLink h2 {
        font-size: 7vw;
    }

    .ankerLink h3 {
        margin-bottom: 4px;
        padding-bottom: 4px;
        min-height: auto;
        font-size: 18px;
    }

    .ttl {
        gap: 12px;
    }

    .ttl img {
        width: 50px;
    }

    .ttl .ttl-inner h2 {
        font-size: 5.4vw;
    }

    .reason-img.flex {
        gap: 8px;
    }

    .reason-img.flex img:first-child {
        width: 100%;
    }

    .reason-img.flex img:not(:first-child) {
        width: calc((100% - 8px) / 2);
    }

    .reason01 .reason-content.cont01b .reason-txt,
    .reason02 .reason-content.cont02a .reason-txt,
    .reason02 .reason-content.cont02b .reason-txt,
    .reason02 .reason-content.cont02c .reason-txt,
    .reason03 .reason-content.cont03c .reason-txt {
        width: 100%;
        order: 1;
    }

    .reason01 .reason-content.cont01b .reason-img,
    .reason02 .reason-content.cont02a .reason-img,
    .reason02 .reason-content.cont02b .reason-img,
    .reason02 .reason-content.cont02c .reason-img,
    .reason03 .reason-content.cont03c .reason-img {
        width: 100%;
        order: 2;
    }

    .reason03 .reason-content.cont03a .detail-wrap {
        flex-wrap: wrap;
    }

    .reason03 .reason-content.cont03a .detail-wrap .detail .data-wrap {
        flex-wrap: wrap;
    }


    .reason-content .txtBox h3 {
        left: 50%;
        transform: translateX(-50%);
        width: 255px;
        text-align: center;
    }

    .reason04 .reason-content.cont04a h4 {
        font-size: 5.4vw;
    }

    .reason04 .reason-content.cont04a .note01 {
        font-size: 16px;
        text-align: left;
    }

    .reason04 .reason-content.cont04a .price {
        flex-wrap: wrap;
    }

    .reason04 .reason-content.cont04a .price li {
        width: 100%;
    }

    .reason04 .reason-content.cont04a .price li dl dt {
        font-size: 20px;
        padding: 16px 0 25px 0;
    }

    .reason04 .reason-content.cont04a .price li dl dd {
        font-size: 50px;
        padding: 20px 0;
    }
}