@charset "UTF-8";
/* CSS Document */
main ul{
  max-width: 800px;
  margin: 0 auto;
}
main >ul>li{
  border-bottom: var(--border-gray);
  margin-bottom: 1rem;
  padding: 1rem 1rem 2rem 1rem;
}
main > ul>li:last-of-type{
  border: none;
}
main dt{
  color: var(--gray);
  font-size: 14px;
  font-weight: 500;
}
main dd{
  width: 100%;
}
main dd > div{
  display: flex;
  justify-content: space-between;
}
iframe{
  margin-top: 1rem;
}
main .btn{
  margin: 0;
}
/*==========================================
PC
===========================================*/
@media screen and (min-width: 769px) {

  main >ul>li{
  margin-bottom: 2rem;
  padding: 1rem 1rem 3rem 1rem;
}
  main dl{
    display: flex;
    flex-flow: nowrap;
    align-items: center;
  }
  main dt{
    width: 25%;
    margin-right: 2em;
  }
  main dd>div{
    column-gap: 1rem;
  }
  main dd>div>*{
    width: 50%;
  }
  main .btn{
    margin-bottom: 2rem;
  }
}
/*==========================================
SP
===========================================*/
@media screen and (max-width: 768px) {
  main dt{
    margin-bottom: 1em;
  }
  main dd >div{
    flex-flow: column;
  }
  main dd>div>*:first-of-type{
    margin-bottom: 2rem;
  }
  main .btn{
    margin-bottom: 20px;
  }
}