.info {
  padding: 50px 0;
}

.info-inner {
  width: 100%;
  max-width: 760px;
  padding: 0 20px;
  margin: auto;
}

.info-title {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
}

.info-text {
  margin-top: 20px;
}

.info-text--right {
  text-align: right;
}

.info-attention {
  text-indent: -1em;
  padding-left: 1em;
}

.info-link  {
  display: block;
  width: 400px;
  margin: 20px auto 0;
  padding: 17px 0;
  border: 4px solid #eee;
  border-radius: 50px;
  color: #333;
  font-weight: bold;
  text-align: center;
}

#modal-content ul li a{
  font-family: 'DIN Medium';
}
@font-face {
  font-family: 'DIN Bold';
  font-style: normal;
  font-weight: 700;
  src: url("/voices/campaign/assets/font/DIN-Alternate-Bold.otf") format('opentype');
  font-display: swap;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
@font-face {
  font-family: 'DIN Medium';
  font-style: normal;
  font-weight: 700;
  src: url("/voices/campaign/assets/font/DIN-Alternate-Medium.otf") format('opentype');
  font-display: swap;
  -webkit-font-feature-settings: 'palt';
  font-feature-settings: 'palt';
}
@media screen and (max-width: 767px) {
  .info {
    padding: 30px 0;
  }

  .info-link  {
    max-width: 400px;
    width: 80%;
  }
}