/**************

common

**************/

.system {
    padding-top: 80px;
}

.system__wrapper {
    padding-bottom: 80px;
}

.system__wrapper:last-child {
    padding-bottom: 0;
}

.system p span {
    font-size: 14px;
    color: #999;
}

@media screen and (max-width: 720px) {
    .system {
        padding-top: 12vw;
    }
}

/**************

box

**************/

.system__inner {
    display: flex;
    flex-direction: column;
    row-gap: 48px;
    margin-top: 40px;
}

.system__box h3 {
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 8px;
}

.system__list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 24px;
    column-gap: 24px;    
}

.system__list dl {
    border: 2px solid #1C1C1C;
    display: flex;    
    width: 48%;
}

.system__list dl dt {
    background-color: #F5F5F5;
    padding: 24px 0;
    font-size: 20px;
    text-align: center;
    font-weight: 600;
    width: 50%;  
}

.system__list dl dd {
    padding: 24px 16px;
    font-weight: 600;
    font-size: 18px;
    letter-spacing: .05em;
    width: 50%;  
}

.system__list dl.txt {
    padding: 16px 16px;
    width: 35%;
}

.system__list dl.txt dd {
    line-height: 22px;
    padding: 0;
    width: 100%;
}

.system__list dl.txt dd span {
    font-size: 14px;
}

.system__txt {
    display: flex;
    flex-direction: column;
    row-gap: 4px;    
    padding-top: 32px;
}

.system__txt p {
    font-weight: 500;
}

@media screen and (max-width: 720px) {
    .system__inner {
        margin-top: 8vw;
        row-gap: 7.2vw;        
    }
    .system__box h3 {
        font-size: 4.8vw;
    }
    .system__list {
        flex-direction: column;
    }
    .system__list dl {
        border: 1px solid #1C1C1C;
        width: 100%;
    }    
    .system__list dl dt {
        padding: 3.5vw 0 3.2vw 0;
        font-size: 3.6vw;
        letter-spacing: 0;
    }
    .system__list dl dd {
        font-size: 4.4vw;
        padding: 3.2vw;
    }
    .system__list dl.txt {
        padding: 3.2vw;
        width: 83vw; 
    }
    .system__list dl.txt dd span {
        font-size: 2.8vw;
    }    
}