@charset "utf-8";

/* スマホ用 */
@media screen and (orientation: portrait), screen and (max-width: 767px) {
  /*=================ページ内=============================*/

  br {
    display: none;
  }
  br.sp {
    display: block;
  }

  h2 {
    padding-top: 0.5em;
    padding-bottom: 0.5em;
  }

  h3 {
    font-size: 1.25rem;
  }

  .sec2 {
    margin-inline: 1rem;
  }

  /* ====================== */
  dl.flex-2col-container-table-like {
    display: block;
    flex-wrap: wrap;
  }

  .flex-2col-container-table-like dt {
    padding-bottom: 0;
    margin: 0;
    border-bottom: 0;
  }

  .flex-2col-container-table-like dd {
    border: solid 1px black;
    margin-bottom: 0.5em;
    padding-top: 0;
    padding-bottom: 0.125em;
    padding-inline: 0.5em;
  }

  .flex-2col-container-table-like > dt {
    max-width: 100%;
    width: fit-content;
    text-align: end;
    background-color: var(--main-color);
  }
  .flex-2col-container-table-like > dd {
    width: 100%;
    border-left: solid 1px black;
  }
}