/* 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; }
.header_outline { color:#8B4040; }
@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;}
}

@media screen and (max-width: 1200px) {
    main {
      margin-top: 60px;
    }
  }

  /* PC・タブレットではリンクスタイルを無効化 */
.tel-link {
  color: inherit;
  text-decoration: none;
  pointer-events: none;
}

/* スマホ（768px以下）のときだけタップ可能に */
@media (max-width: 768px) {
  .tel-link {
      color: inherit;
      text-decoration: underline;
      pointer-events: auto;
  }
}