@import url(oth_common.css);

#summaryDL + h4{
    font-size: 1.25rem;
    
}

#summaryWrap p{
    line-height: 2;
}

#summaryDL{
    display: flex;
    flex-wrap: wrap;
}

#summaryDL dt{
    width:14%;
    flex: 0 0 14%;
    text-align: center;
    margin-top: 0.75rem;
    background-color: #e5e5e5;
    line-height: 2.5rem;
    margin-bottom: 0.5rem;
}
#summaryDL dd{
    width:85%;
    flex: 0 0 85%;
    text-align: left;
    margin-top: 0.75rem;
    line-height: 2.5rem;
    margin-left: 1%;
}

/*============================================================================= sp ============================================*/
@media screen and (min-width: 300px) and (max-width: 600px) {

    .summaryExp,
    #summaryExp{
        font-size: 4vw;
    }
    
    #summaryDL dt{
        text-align: left;
        padding-left: 1.0rem;
    }
    
    #summaryDL dd{
        margin-top: auto;
        line-height: 1.5;
        padding-left: 0.5rem;

    }
    
    #summaryDL dd,
    #summaryDL dt {
        flex: 0 0 100%;
        max-width: 100%;
        width: 100%;
    }
}