@charset "utf-8";

.participation__box {
  background: #fff;
  width: 100%;
  max-width: 1000px;
  margin: 0 auto 0 auto;
  padding: 70px;
  & .participation__list {
    & ul {
      gap:10px 20px;
      & li {
        font-size: 1.6rem;
        flex-basis: calc( ( 100% - 20px ) / 2 );
        font-weight: 400;
        & a {
          display: inline-block;
          position: relative;
          padding: 0 1em 0 0;
          text-decoration: underline;
          &:after {
            content: ''; display: inline-block; width: 0.875em; height: 0.875em; background: url(../images/common/icon_link_black.svg) center center / 100% 100% no-repeat; margin: 0 0 0 0.5em;
          }
          &:hover , &:focus {
            text-decoration: none;
            opacity: 0.7;
          }
        }
      }
    }
  }
  & .participation__note {
    margin-top: 80px;
    & p {
      font-size: 14px; line-height: 1.5;
    }
  }
}
@media screen and ( max-width:767px ) {
  .participation__box {
    padding: 40px;
    & .participation__list {
      & ul {
        & li {
          flex-basis: 100%;
          & a {

          }
        }
      }
    }
  }
}
@media screen and ( max-width:480px ) {
  .participation__box {
    padding: 40px 20px;
    & .participation__list {
      & ul {
        & li {
          flex-basis: 100%;
          & a {

          }
        }
      }
    }
  }
}