@charset "UTF-8";
/* CSS Document */
main{
  margin-top: 100px;
}
main > ul {
  margin: 2em 1em;
}
main > ul > li {
  padding-bottom: 1.5em;
  margin-bottom: 1.5em;
  border-bottom: var(--border);
}
main > ul > li:last-of-type {
  border: none;
}
dl {
  display: flex;
  align-items: center;
}
dt {
  width: 11em;
  margin-right: 2em;
  color: #777777;
  font-size: 80%;
  font-weight: 500;
}
dd {
  width: calc(100% - 11em);
}
dd li:not(:first-of-type) {
  margin-top: 1em;
}
dd li {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
iframe {
  width: 50%;
}
/*==========================================
SP
===========================================*/
@media screen and (max-width: 768px) {
  dl {
    display: block;
  }
  dt {
    margin-bottom: 1em;
  }
  dd {
    width: 100%;
  }
  dd li {
    display: block;
  }
  iframe {
    width: 100%;
  margin-top: 1em;
  }
}