.wrap{ max-width:800px;}
/*#content::before{ background-image: url(../../images/voice/main.jpg); background-repeat: no-repeat; background-position: center center; background-size:cover; content:""; display: block; width:100%; height:260px; }*/
#content .content{ width:98%; margin:0 auto; line-height:180%; }
.detail{ text-align:left; }
.category{ background-color: #0852a0; color:#fff; display: inline-block; font-size:0.6rem; padding: 5px 20px; }
.customer{ text-align:right; }
#content h3{ margin-bottom:15px; }
.content p{ margin:0;}
h3+*{ width:98%; margin:0 auto; padding-top:0;}
dt { float: left ;  clear: both ; position: relative;  margin-bottom:10px; }
dd { margin-bottom:10px; }
.parts span{ display: inline-block; background: #eee; padding:3px 5px; margin-right:5px; }

@media screen and (min-width: 600px){/* ＰＣ & タブレット */
    .description{ margin-top:50px;}
    #content .content{ margin:30px auto 15px auto; }
    dt { width: 10rem ;}
    dd {  margin-left: 10rem; }
    .content .normal p, .content .reverse p{ flex-basis: 68%; }
    .content .normal .image, .content .reverse .image{ flex-basis: 30%; }
}
@media screen and (max-width: 599px){/* スマートフォン（ディスプレイ幅599px以下）より小さい画面 */
    .description{ margin-top:30px;}
    #content .content{ margin:20px auto 30px auto; }
    dt { width: 5.5rem ;}
    dd {  margin-left: 6rem; }
   .content .normal p, .content .reverse p{ flex-basis: 100%; }
    .content .normal .image, .content .reverse .image{ flex-basis: 100%; }
}