/* outline.css */
@charset 'utf-8';

@media screen and (max-width: 740px){/* SP */}
@media screen and (min-width: 741px){/* PC */}

/*==============================
OUTLINE
==============================*/
.outline { width: min(90%, 960px); padding: 60px; margin: 0 auto; }
.outline dl{ display: flex; flex-direction: row; width: 800px; padding: 12px 24px; margin: 0 auto; border-bottom: 1px solid #CCC; }
.outline dl:last-child { border: none; }
.outline dt{ width: 200px; }
.outline dd.letter{ text-align: justify; }
@media screen and (max-width: 740px){
    .outline { width: 100%; padding: 0; background: transparent; }
    .outline dl{width: 90vw;padding: 0;font-size: 14px;margin-left: 0; }
    .outline dt {width: 30vw;}
    .outline dd {width: 55vw;margin-left: 5vw;}
}