@charset "UTF-8";
.container {
  padding-bottom: 10rem; }
  @media only screen and (max-width: 767px) {
    .container {
      padding-bottom: 3rem; } }
  .container dl {
    max-width: calc(90rem + 6vw);
    padding: 0 3vw;
    margin: 0 auto 4rem;
    font-size: 1.6rem; }
    @media only screen and (max-width: 767px) {
      .container dl {
        font-size: 1.2rem;
        padding: 0 5vw;
        margin-bottom: 2.5rem; } }
    .container dl dt {
      font-size: 2rem; }
      @media only screen and (max-width: 767px) {
        .container dl dt {
          font-size: 1.5rem; } }
    .container dl dd p {
      padding: 1rem 0; }
    .container dl dd ul {
      padding: 1rem 0 .5rem; }
      .container dl dd ul li {
        display: flex;
        justify-content: flex-start;
        padding-bottom: .5rem; }
        .container dl dd ul li:before {
          content: "●";
          color: #999;
          flex-shrink: 0;
          margin-right: .5em; }
    .container dl dd .box {
      max-width: 72rem;
      border: 1px solid #ccc;
      padding: 1rem 4rem .5rem;
      margin: 1rem auto; }
      @media only screen and (max-width: 767px) {
        .container dl dd .box {
          padding: 1rem 1.5rem .5rem; } }