/* case 事例 */
.case-parent{
    display: flex;
    flex-wrap: wrap;
    margin:0 -1%;
}
.case-parent section{
    width: 48%;
    margin:0 1% 3%;
}
.case-parent section h2{
    text-align: left;
    font-size: 2.4rem;
    color:#333;
    margin:0.4rem 0 0.6rem;
}
.case-parent dl.table dt{
    width: 7rem;
    font-weight: bold;
    padding:1.2rem 0;
}
.case-parent dl.table dd{
    width: calc(100% - 7rem);
    padding:1.2rem 0;
}

@media screen and (max-width: 600px) {
    .case-parent section{
        width: 96%;
        margin:0 auto 8%;
    }
    .case-parent img{
        width: 80%;
        height: auto;
        margin: 0 10%;
    }
    .case-parent dl.table dt{
        width: 100%;
        font-weight: bold;
        padding:1rem 0 0;
    }
    .case-parent dl.table dd{
        width:100%;
        padding:0 0 1rem;
    }
}

.case-detail dl.table{
    flex-direction: column;
}
.case-detail dl.table dt{
    width: 100%;
    padding:1rem 0 0;
    border-bottom:none;
    font-weight: bold;
}
.case-detail dl.table dd{
    width: 100%;
    padding:1rem 0;
}