<>
#about{
padding:100px 2em 150px;
}
#about h2{
margin-bottom: 28px;
display: flex;
justify-content: center;
}
#about dl{
display: flex;
align-items: stretch;
}
#about dt,#about dd{
font-size: 18px;
padding: 1em;
border-bottom: 1px solid #ccc;
flex: 0 100%;
}
#about .mt100{
margin-top: 100px;
}
#about dt{
max-width: 12em;
font-weight: bold;
display: flex;
align-items: center;
}
#about dd{
position: relative;
padding-left: 2em;
max-width: calc(100% - 12em);
}
.noborder dt,.noborder dd{border: none;}
@media screen and (max-width:768px) {
#about dl{
flex-wrap: wrap;
}
#about dt,#about dd{
max-width: 100%;
padding-left: 1em;
border: none;
}
#about dt{
padding-bottom: 0.5em;
}
#about dd{
padding-top: 0.5em;
border-bottom: 1px solid #ccc;
}
}
@media screen and (max-width:460px) {
#about h2{font-size: 9.4vw;}
#about dt,#about dd{
font-size: 4.8vw;
}
#about{
padding: 20vw 0 26vw;
}
}
>