/** breakPoint **/
.p-form-article {
  background: var(--color-bg-secondary);
  padding: var(--spacing_2xl) 0 0;
}

.p-form-article-content {
  display: grid;
  grid-template-columns: 680px 1fr;
  gap: var(--spacing_2xl);
}
@media (max-width: 1079px) {
  .p-form-article-content {
    display: block;
  }
}

.p-form-article-visual iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9;
}
.p-form-article-visual img {
  border-radius: var(--radius_xs, 4px);
}

.p-form-article-columns {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: var(--spacing_lg);
}
@media (max-width: 1079px) {
  .p-form-article-columns {
    gap: var(--spacing_sm);
    margin: var(--spacing_sm) auto var(--spacing_2xl);
  }
}
.p-form-article-columns img {
  border-radius: var(--radius_xs, 4px);
}

.p-form-article-list-box {
  background-color: #fff;
  padding: var(--spacing_2xl) var(--spacing_lg);
  border-radius: var(--radius_lg, 10px);
}
@media (max-width: 1079px) {
  .p-form-article-list-box {
    border-radius: 0;
    margin-left: -24px;
    margin-right: -24px;
    padding: var(--spacing_2xl) var(--spacing_md);
  }
}
.p-form-article-list-box__title {
  text-align: center;
  margin-bottom: var(--spacing_lg);
}
.p-form-article-list-box__li {
  padding: var(--spacing_md) var(--spacing_lg);
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2224%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2025%22%20fill%3D%22none%22%3E%20%3Cpath%20d%3D%22M22%2011.5921V12.5121C21.9988%2014.6685%2021.3005%2016.7667%2020.0093%2018.4939C18.7182%2020.221%2016.9033%2021.4846%2014.8354%2022.096C12.7674%2022.7074%2010.5573%2022.634%208.53447%2021.8867C6.51168%2021.1393%204.78465%2019.7582%203.61096%2017.9491C2.43727%2016.1401%201.87979%2014.0001%202.02168%2011.8484C2.16356%209.69664%202.99721%207.6484%204.39828%206.00914C5.79935%204.36989%207.69279%203.22745%209.79619%202.75222C11.8996%202.27698%2014.1003%202.49441%2016.07%203.37207%22%20stroke%3D%22%230E63C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%20%3Cpath%20d%3D%22M22%204.51208L12%2014.5221L9%2011.5221%22%20stroke%3D%22%230E63C4%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E");
  background-repeat: no-repeat;
  background-position: center left var(--spacing_lg);
  border-radius: var(--radius_md, 8px);
  background-color: var(--bakuraku-light, #F4F9FF);
  margin-bottom: var(--spacing_sm);
}
.p-form-article-list-box__li:last-child {
  margin-bottom: 0;
}
.p-form-article-list-box__li-text {
  border-left: 1px solid var(--border-primary, #B3C1CF);
  margin-left: calc(var(--spacing_lg) * 2);
  padding-left: var(--spacing_lg);
}
@media (max-width: 1079px) {
  .p-form-article-list-box__li-text {
    margin-left: calc(var(--spacing_md) * 2);
    padding-left: var(--spacing_md);
  }
}

.p-form-article-summary__speakers {
  gap: var(--spacing_2xl);
  display: grid;
  grid-template-columns: 1fr;
}
.p-form-article-summary__profile {
  display: grid;
  grid-template-columns: 200px auto;
  gap: var(--spacing_lg);
}
@media (max-width: 1079px) {
  .p-form-article-summary__profile {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 1079px) {
  .p-form-article-summary__profile-left {
    display: grid;
    grid-template-columns: 150px auto;
    gap: var(--spacing_md);
    align-items: end;
  }
}
.p-form-article-summary__profile-image img {
  width: 200px;
  height: 160px;
  object-fit: cover;
}
@media (max-width: 1079px) {
  .p-form-article-summary__profile-image img {
    width: 150px;
    height: 120px;
  }
}
.p-form-article-summary__overview iframe {
  margin: var(--spacing_md) 0;
  width: 100%;
}
@media (max-width: 1079px) {
  .p-form-article-summary__overview iframe {
    height: 60vw;
  }
}
.p-form-article-summary-list {
  gap: var(--spacing_4xl);
  display: grid;
  grid-template-columns: 1fr;
}
@media (max-width: 1079px) {
  .p-form-article-summary-list {
    gap: var(--spacing_5xl);
  }
}

.p-form-article-form {
  position: relative;
}
@media (max-width: 1079px) {
  .p-form-article-form {
    margin-top: var(--spacing_2xl);
  }
}
.p-form-article-form__content {
  border-radius: var(--radius_lg, 10px);
  background: var(--bg-primary, #FFF);
  background: #fff;
  padding: var(--spacing_2xl) var(--spacing_lg);
}
.p-form-article-form__privacy-text {
  opacity: 0.5;
}
.p-form-article-form__links {
  opacity: 0.5;
  display: flex;
  flex-wrap: wrap;
  column-gap: var(--spacing_lg);
  row-gap: var(--spacing_xs);
}

/*# sourceMappingURL=form-article.css.map */