.l-main {
  padding-block: 10.5rem 20rem;
  background-color: var(--color-blue);
}
@media (width <= 768px) {
  .l-main {
    padding-block: 3rem 14rem;
  }
}

.p-session-keyvisual {
  position: relative;
  z-index: 2;
  display: grid;
  border-radius: 1rem;
  overflow: hidden;
}
@media (width <= 768px) {
  .p-session-keyvisual {
    border-radius: 0.3rem;
  }
}
.p-session-keyvisual > * {
  grid-area: 1/1/-1/-1;
}
.p-session-keyvisual .title {
  align-self: flex-end;
  padding-inline: 6.4rem;
  background-color: color-mix(in srgb, var(--color-blue) 20%, transparent);
  color: #fff;
  font-size: 4.3rem;
  font-weight: 700;
  line-height: 8.4rem;
}
@media (width <= 768px) {
  .p-session-keyvisual .title {
    padding-inline: 2rem;
    font-size: 2.4rem;
    line-height: 4.8rem;
  }
}
@media (width <= 768px) and (width <= 768px) {
  .p-session-keyvisual.--sp-title-separate img {
    padding-block-end: 4.8rem;
  }
}
@media (width <= 768px) {
  .p-session-keyvisual.--sp-title-separate .title {
    background-color: color-mix(in srgb, var(--color-blue) 40%, transparent);
  }
}

.p-session-intro {
  margin-block: -13rem 7rem;
  padding-block: 16rem 8rem;
  background-color: #fff;
}
@media (width <= 768px) {
  .p-session-intro {
    margin-block: -8.5rem 4rem;
    padding-block: 11rem 2.5rem;
    padding-inline: 1.5rem;
  }
}
.p-session-intro .heading {
  font-size: 3rem;
  font-weight: 700;
  line-height: var(--line-height-narrow);
}
@media (width > 768px) {
  .p-session-intro .heading {
    margin-block-start: 2rem;
    margin-block-end: 3rem;
  }
}
@media (width <= 768px) {
  .p-session-intro .heading {
    margin-block-end: 2rem;
    font-size: 2.4rem;
  }
}
.p-session-intro .lead {
  margin-block-end: 4rem;
}
@media (width <= 768px) {
  .p-session-intro .lead {
    margin-block-end: 5rem;
  }
}

@media (width > 768px) {
  .p-session-member {
    --gap: 2rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 4rem 1.8rem;
  }
}
@media (width <= 768px) {
  .p-session-member {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (width > 768px) {
  .p-session-member dl {
    width: calc((100% - var(--gap) * 3) / 4);
  }
}
.p-session-member dt {
  color: var(--color-blue);
  font-size: 3rem;
  font-weight: 700;
}
@media (width <= 768px) {
  .p-session-member dt {
    font-size: 2.4rem;
  }
}
.p-session-member dd {
  margin-block-start: 0.4rem;
  font-size: 2rem;
  line-height: var(--line-height-narrow);
}
@media (width <= 768px) {
  .p-session-member dd {
    font-size: 1.2rem;
  }
}

.p-session-chapter {
  color: #fff;
}
.p-session-chapter ~ .p-session-chapter {
  margin-block-start: 10rem;
}
@media (width <= 768px) {
  .p-session-chapter ~ .p-session-chapter {
    margin-block-start: 6rem;
  }
}
.p-session-chapter .kv {
  margin-block-end: 7.5rem;
  margin-inline: auto;
  max-width: 136.6rem;
}
@media (width <= 768px) {
  .p-session-chapter .kv {
    margin-block-end: 4rem;
  }
}
.p-session-chapter .heading {
  margin-block-end: 3rem;
  font-feature-settings: "halt";
  font-size: 3.1rem;
  font-weight: 700;
}
@media (width <= 768px) {
  .p-session-chapter .heading {
    margin-block-end: 3rem;
    padding-inline: 1.5rem;
    font-size: 2.4rem;
  }
}
.p-session-chapter .heading ~ .heading {
  margin-block-start: 10rem;
}
@media (width <= 768px) {
  .p-session-chapter .heading ~ .heading {
    margin-block-start: 6rem;
  }
}
.p-session-chapter .body {
  display: flex;
  line-height: var(--line-height-wide);
}
@media (width > 768px) {
  .p-session-chapter .body {
    --name-width: 7.5rem;
    align-items: flex-start;
    gap: 9.2rem;
    font-size: 1.8rem;
  }
}
@media (width <= 768px) {
  .p-session-chapter .body {
    --name-width: 6.5rem;
    flex-direction: column;
    gap: 4rem;
    padding-inline: 1.5rem;
    font-size: 1.6rem;
  }
}
@media (width > 768px) {
  .p-session-chapter .body.--pc-reverse {
    flex-direction: row-reverse;
  }
}
.p-session-chapter .body.--col-1 {
  display: block;
}
.p-session-chapter .photo {
  display: flex;
}
@media (width > 768px) {
  .p-session-chapter .photo {
    flex-direction: column;
    flex: 42.7rem 0 0;
    margin-block-start: calc((1lh - 1em) / 2);
    border-radius: 1rem;
    overflow: hidden;
  }
}
@media (width <= 768px) {
  .p-session-chapter .photo {
    justify-content: flex-end;
    gap: 1.5rem;
    margin-inline-start: var(--name-width);
  }
}
@media (width <= 768px) {
  .p-session-chapter .photo img {
    width: calc((100% - 1.5rem) / 2);
    border-radius: 0.3rem;
  }
}
.p-session-chapter .talk-group {
  display: grid;
  grid-template-rows: auto;
  gap: 1lh;
}
@media (width > 768px) {
  .p-session-chapter .talk-group {
    flex-grow: 1;
  }
}
.p-session-chapter .talk {
  display: grid;
  grid-template-columns: subgrid;
  grid-column: span 2;
  gap: 0;
}
.p-session-chapter .talk__name {
  padding-right: 1em;
  width: var(--name-width);
}

.p-session-end {
  margin-block-start: 9rem;
  text-align: center;
}
@media (width <= 768px) {
  .p-session-end {
    margin-block-start: 6rem;
  }
}/*# sourceMappingURL=index.css.map */