@charset "utf-8";

section{padding: 50px 0;}

#sec01 dl{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
#sec01 dl dt,#sec01 dl dd{
    padding: 1em 1.5em;
    border-bottom: 1px solid #ccc;    
}
#sec01 dl dt{
    width: 14em;
    background: #6f6d78;
    color: #fff;
}
#sec01 dl dd{
    width: calc(100% - 14em);
    border-right: 1px solid #ccc;
}
#sec01 dl:nth-of-type(1) dd{border-top: 1px solid #ccc;}

.img_area{
    max-width: 700px;
    margin: 50px auto;
}

@media (max-width: 799px) {

section{padding: 30px 0;}

}

@media (max-width: 599px) {

#sec01 dl dt,#sec01 dl dd{width: 100%;}
#sec01 dl dd{border-left: 1px solid #ccc;}

}