span.highlight {
  color: var(--highlight, #009ba4);
  display: inline;
}

.c-heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--scale-20, 20px);
  width: 100%;
}

.c-heading .is-en {
  color: var(--on-surface-variant, #737373);
  text-align: center;
  font-size: var(--scale-24, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  letter-spacing: 1.92px;
}

.c-heading h2 {
  color: var(--primary, #182987);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-40, 40px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
}

.c-heading p {
  color: var(--on-surface, #000);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-20, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 34px */
  margin-top: var(--scale-12, 12px);
}

div.c-cta {
  display: flex;
  max-width: var(--width-md, 1080px);
  padding: var(--scale-40, 40px) var(--padding-inline, 20px);
  flex-direction: column;
  align-items: center;
  gap: var(--scale-16, 16px);
  align-self: stretch;
  background: #fffadd;
}
div.c-cta nav {
  width: 100%;
}
div.c-cta h2 {
  color: var(--highlight, #009ba4);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-24, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: normal;
  display: flex;
  gap: 1em;
  align-items: center;
}
div.c-cta h2:before {
  content: "＼";
}
div.c-cta h2:after {
  content: "／";
}
div.c-cta a {
  margin-inline: auto;
}
/*============================
#mv
============================*/
main section#mv div.mv__container div.mv__heading h1 figure.mv__image.pc img {
  width: 100%;
  height: min(100vw / 1366 * 560, 560px);
  object-fit: cover;
}
@media screen and (min-width: 1920px) {
  main section#mv div.mv__container div.mv__heading h1 figure.mv__image.pc img {
    object-fit: contain;
  }
}
main section#mv .c-cta {
  max-width: none;
}

/*============================
#lead
============================*/
main section#lead {
  display: flex;
  padding: var(--padding-block, 80px) var(--padding-inline, 24px)
    var(--scale-56, 56px) var(--padding-inline, 24px);
  justify-content: center;
  align-items: flex-start;
  align-self: stretch;
  background: var(--surface-variant, #f2f4f6);
}
main section#lead div.lead__container div.lead__body {
  display: flex;
  max-width: var(--width-md, 1080px);
  align-items: flex-start;
  gap: var(--gap-column, 40px);
  flex: 1 0 0;
}

@media screen and (max-width: 768px) {
  main section#lead div.lead__container div.lead__body {
    flex-direction: column;
  }
}

main section#lead div.lead__container div.lead__body div.body__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--scale-24, 24px);
  flex: 1 0 0;
}
main section#lead div.lead__container div.lead__body div.body__text p {
  align-self: stretch;
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-20, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 40px */
}
main section#lead div.lead__container div.lead__body figure.lead__image {
  flex: 1 0 0;
  align-self: stretch;
}

/*============================
#conclusion
============================*/
main section#conclusion {
  display: flex;
  padding-bottom: var(--padding-block, 80px);
  flex-direction: column;
  align-items: center;
  align-self: stretch;
  background: url(../images/conclusion_bg.jpg) center center/cover no-repeat;
  padding-inline: var(--padding-inline, 20px);
}
main section#conclusion div.conclusion__container {
  display: flex;
  max-width: var(--width-md, 1080px);
  padding: 0 var(--padding-inline, 24px) var(--scale-40, 40px)
    var(--padding-inline, 24px);
  flex-direction: column;
  align-items: center;
  gap: var(--scale-8, 8px);
  align-self: stretch;
  margin-inline: auto;
  background: var(--surface, #fff);
  width: 100%;
}
main section#conclusion div.conclusion__container figure.conclusion__image {
  aspect-ratio: 264 / 56;
  width: 264px;
}
main section#conclusion div.conclusion__container div.conclusion__text {
  flex: 1 0 0;
  color: var(--on-surface, #000);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-20, 20px);
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 40px */
  display: flex;
  flex-direction: column;
  gap: 1em;
}

/*============================
#foryou
============================*/
main section#foryou {
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
}
main section#foryou div.foryou__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-row, 56px);
  align-self: stretch;
  max-width: var(--width-md, 1080px);
  margin-inline: auto;
}
main section#foryou div.foryou__container div.foryou__units {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  max-width: var(--width-md, 1080px);
  gap: var(--scale-20, 20px);
  width: 100%;
}

@media screen and (max-width: 1080px) {
  main section#foryou div.foryou__container div.foryou__units {
    grid-template-columns: 1fr 1fr;
  }
}

main section#foryou div.foryou__container div.foryou__units div.units__unit {
  display: flex;
  padding: var(--scale-16, 16px);
  flex-direction: column;
  align-items: center;
  gap: var(--scale-16, 16px);
  flex: 1 0 0;
  background: url(../images/foryou_corner.svg) left top/24px 24px no-repeat;
  background-color: var(--surface-variant, #f2f4f6);
}
main
  section#foryou
  div.foryou__container
  div.foryou__units
  div.units__unit
  figure.unit__image {
  display: flex;
  width: var(--scale-56, 56px);
  align-items: center;
  aspect-ratio: 1/1;
}
main
  section#foryou
  div.foryou__container
  div.foryou__units
  div.units__unit
  div.unit__text {
  color: var(--on-surface, #000);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-20, 20px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 30px */
}

/*============================
#benefits
============================*/
main section#benefits {
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  background: url(../images/benefits_bg.jpg) left top / 100% auto no-repeat;
  background-color: var(--primary-container, #eff7ff);
}
main section#benefits div.benefits__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-row, 56px);
  align-self: stretch;
}
main section#benefits div.benefits__container div.benefits__units {
  display: flex;
  max-width: var(--width-md, 1080px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--scale-40, 40px);
  align-self: stretch;
  margin-inline: auto;
}
main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit {
  display: flex;
  align-items: flex-end;
  align-self: stretch;
}

main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit
  div.unit__text-container {
  position: relative;
  z-index: 1;
  display: flex;
  max-width: 560px;
  padding-top: var(--scale-56, 56px);
  flex-direction: column;
  align-items: flex-start;
  flex: 1 0 0;
  align-self: stretch;
}

main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit:nth-of-type(2n)
  div.unit__text-container {
  order: 2;
}
main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit
  div.unit__text {
  display: flex;
  padding: min(100vw / 375 * 32, 40px);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--scale-20, 20px);
  align-self: stretch;
  background: linear-gradient(90deg, #fff 0%, rgba(255, 255, 255, 0.8) 100%);
  position: relative;
}

main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit
  div.unit__text
  div.text__num {
  display: flex;
  width: calc(1em / 24 * 40);
  aspect-ratio: 1 / 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  background: var(--primary, #182987);
  color: var(--surface, #fff);
  text-align: center;
  font-size: var(--scale-24, 24px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 24px */
}
main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit
  div.unit__text
  h3 {
  color: var(--primary, #182987);
  font-family: "Noto Sans JP";
  font-size: var(--scale-32, 32px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 48px */
}

main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit
  div.unit__text
  div.text__desc {
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 36px */
}
main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit
  figure.unit__image {
  z-index: 0;
  position: relative;
  flex: 1 0 0;
  align-self: stretch;
}
main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit:nth-of-type(2n + 1)
  figure.unit__image {
  margin-left: -200px;
}
main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit:nth-of-type(2n)
  figure.unit__image {
  margin-right: -200px;
}

main
  section#benefits
  div.benefits__container
  div.benefits__units
  div.units__unit
  figure.unit__image
  img {
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 768px) {
  main
    section#benefits
    div.benefits__container
    div.benefits__units
    div.units__unit {
    flex-direction: column;
  }
  main
    section#benefits
    div.benefits__container
    div.benefits__units
    div.units__unit:nth-of-type(n)
    div.unit__text-container {
    order: 1;
    padding-top: 0;
    max-width: none;
  }
  main
    section#benefits
    div.benefits__container
    div.benefits__units
    div.units__unit:nth-of-type(n)
    figure.unit__image {
    margin: auto;
  }
  main
    section#benefits
    div.benefits__container
    div.benefits__units
    div.units__unit
    figure.unit__image
    img {
    width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
  }
}

/*============================
#experts
============================*/
main section#experts {
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
}
main section#experts div.experts__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-row, 56px);
  align-self: stretch;
  margin-inline: auto;
  max-width: var(--width-md, 1080px);
}
main section#experts div.experts__container div.experts__units {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: var(--gap-column, 40px);
  align-self: stretch;
}

@media screen and (max-width: 768px) {
  main section#experts div.experts__container div.experts__units {
    flex-direction: column;
  }
}

main section#experts div.experts__container div.experts__units div.units__unit {
  display: flex;
  padding: var(--scale-20, 20px);
  flex-direction: column;
  align-items: center;
  gap: var(--scale-24, 24px);
  align-self: stretch;
  border: 1px solid var(--border, #bbb);
  background: var(--surface, #fff);
  flex: 1 0 0;
}
main
  section#experts
  div.experts__container
  div.experts__units
  div.units__unit
  figure.unit__logo
  img {
  height: min(100vw / 375 * 32, 56px);
  width: auto;
}
main
  section#experts
  div.experts__container
  div.experts__units
  div.units__unit
  div.unit__name {
  display: flex;
  flex-direction: column;
  gap: var(--scale-8, 8px);
}
main
  section#experts
  div.experts__container
  div.experts__units
  div.units__unit
  h3 {
  color: var(--on-surface, #000);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-24, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
}
main
  section#experts
  div.experts__container
  div.experts__units
  div.units__unit
  div.unit__industry {
  color: var(--on-surface-variant, #737373);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-16, 16px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 24px */
}
main
  section#experts
  div.experts__container
  div.experts__units
  div.units__unit
  p {
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 24px */
}

/*============================
#outline
============================*/
main section#outline {
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  background: var(--primary-container, #eff7ff);
}
main section#outline div.outline__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-row, 56px);
  align-self: stretch;
}
main section#outline div.outline__container div.outline__seminar {
  display: flex;
  max-width: 960px;
  padding: var(--scale-40, 40px);
  flex-direction: column;
  align-items: flex-start;
  align-self: stretch;
  background: var(--surface, #fff);
  margin-inline: auto;
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table {
  table-layout: fixed;
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  th.seminar__label {
  width: calc(1em / 18 * 136);
  padding: var(--scale-8, 8px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-bottom: 1px solid var(--surface, #fff);
  background: var(--primary, #182987);
  color: var(--surface, #fff);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 150%; /* 27px */
}

main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data {
  padding: var(--scale-16, 16px);
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 30.6px */
  border-bottom: 1px solid var(--border, #bbb);
}

@media screen and (max-width: 768px) {
  main
    section#outline
    div.outline__container
    div.outline__seminar
    > table.seminar__table
    > tbody
    > tr {
    display: flex;
    flex-direction: column;
  }
  main
    section#outline
    div.outline__container
    div.outline__seminar
    > table.seminar__table
    > tbody
    > tr
    > th.seminar__label {
    width: 100%;
  }
  main
    section#outline
    div.outline__container
    div.outline__seminar
    table.seminar__table
    tbody
    tr
    td.seminar__data {
    padding-inline: 0;
  }
}

main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  span.highlight {
  color: var(--tertiary, #ee6e00);
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  table.seminar__table.seminar__table--program {
  width: 100%;
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  table.seminar__table.seminar__table--program
  tbody
  tr
  td.seminar__time {
  padding: var(--scale-8, 8px) var(--scale-8, 8px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  background: var(--primary-container-variant, #dde9ff);
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 500;
  width: calc(1em / 18 * 136);
}

main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  table.seminar__table.seminar__table--program
  tbody
  tr:nth-of-type(2n)
  td.seminar__time {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.06) 0%,
      rgba(0, 0, 0, 0.06) 100%
    ),
    var(--primary-container-variant, #dde9ff);
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  table.seminar__table.seminar__table--program
  tbody
  tr
  td.seminar__data {
  padding: var(--scale-8, 8px) var(--scale-16, 16px);
  justify-content: center;
  align-items: center;
  flex: 1 0 0;
  background: var(--surface-variant, #f2f4f6);
  border: none;
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 500;
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  table.seminar__table.seminar__table--program
  tbody
  tr:nth-of-type(2n)
  td.seminar__data {
  background: linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.06) 0%,
      rgba(0, 0, 0, 0.06) 100%
    ),
    var(--surface-variant, #f2f4f6);
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  div.seminar__image {
  display: flex;
  align-items: flex-start;
  gap: var(--scale-20, 20px);
  align-self: stretch;
  margin-top: var(--scale-20);
  width: 100%;
}
main
  section#outline
  div.outline__container
  div.outline__seminar
  table.seminar__table
  tbody
  tr
  td.seminar__data
  div.seminar__image
  figure.conclusion__image {
  flex: 1 0 0;
}

/*============================
#voice
============================*/
main section#voice {
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  background: url(../images/voice_bg.jpg) left top / 100% auto no-repeat;
}
main section#voice div.voice__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-row, 56px);
  align-self: stretch;
}
main section#voice div.voice__container div.voice__units {
  display: flex;
  max-width: 800px;
  flex-direction: column;
  align-items: center;
  gap: var(--scale-20, 20px);
  align-self: stretch;
  margin-inline: auto;
}
main section#voice div.voice__container div.voice__units div.units__unit {
  display: flex;
  padding: var(--scale-40, 40px);
  justify-content: center;
  align-items: flex-start;
  gap: var(--scale-24, 24px);
  align-self: stretch;
  background: url(../images/voice_corner.svg) left top/var(--scale-56)
    var(--scale-56) no-repeat;
  background-color: var(--surface-variant, #f2f4f6);
}
@media screen and (max-width: 768px) {
  main section#voice div.voice__container div.voice__units div.units__unit {
    flex-direction: column;
    align-items: center;
  }
}
main
  section#voice
  div.voice__container
  div.voice__units
  div.units__unit
  figure.unit__image {
  display: flex;
  width: min(100vw / 375 * 120, 160px);
  height: auto;
  justify-content: center;
  align-items: center;
  aspect-ratio: 1/1;
}
main
  section#voice
  div.voice__container
  div.voice__units
  div.units__unit
  figure.unit__image
  img {
  width: 100%;
}
main
  section#voice
  div.voice__container
  div.voice__units
  div.units__unit
  div.unit__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--scale-20, 20px);
  flex: 1 0 0;
}
main
  section#voice
  div.voice__container
  div.voice__units
  div.units__unit
  div.unit__text
  h3 {
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-24, 24px);
  font-style: normal;
  font-weight: 700;
  line-height: 150%; /* 36px */
}
main
  section#voice
  div.voice__container
  div.voice__units
  div.units__unit
  div.unit__text
  div.text__message {
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 200%; /* 32px */
}

/*============================
#entry
============================*/
main section#entry {
  padding: var(--padding-block, 80px) var(--padding-inline, 24px);
  background: var(--surface-variant, #f2f4f6);
}
main section#entry div.entry__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--gap-row, 56px);
  align-self: stretch;
}
main section#entry div.entry__container div.entry__body {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--scale-32, 32px);
  max-width: 640px;
  width: 100%;
  margin-inline: auto;
}

/*============================
#wpcf7-f26-o1
============================*/
main section#entry div.entry__container div.entry__body form {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--scale-32, 32px);
  width: 100%;
}
main
  section#entry
  div.entry__container
  div.entry__body
  :is(label.c-form__label, .c-form__radios) {
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 18px */
  display: flex;
  align-items: center;
  gap: var(--scale-8, 8px);
  align-self: stretch;
  width: 100%;
  justify-content: flex-start;
  margin-top: var(--scale-16);
}

main section#entry div.entry__container div.entry__body .c-form__note {
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-16, 16px);
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 27.2px */
  margin-top: var(--scale-16);
}
main section#entry div.entry__container div.entry__body .c-form__note a {
  display: inline;
  color: var(--highlight, #009ba4);
}
main
  section#entry
  div.entry__container
  div.entry__body
  label.c-form__label.c-form__label-required:before {
  content: "必須";
  display: flex;
  padding: var(--scale-4, 4px);
  align-items: center;
  background: var(--highlight, #009ba4);
  color: var(--surface, #fff);
  text-align: center;
  font-family: "Noto Sans JP";
  font-size: var(--scale-14, 14px);
  font-style: normal;
  font-weight: 500;
  line-height: 100%; /* 14px */
}

main
  section#entry
  div.entry__container
  div.entry__body
  :is(input[type="text"], input[type="email"]) {
  color: var(--on-surface, #000);
  font-family: "Noto Sans JP";
  font-size: var(--scale-18, 18px);
  font-style: normal;
  font-weight: 500;
  line-height: 170%; /* 30.6px */
  display: flex;
  padding: var(--scale-16, 16px);
  justify-content: center;
  align-items: center;
  align-self: stretch;
  border-radius: var(--scale-4, 4px);
  border: 1px solid var(--border, #bbb);
  background: var(--surface, #fff);
  width: 100%;
}

main section#entry div.entry__container div.entry__body input[type="radio"] {
  margin-right: 0.5em;
}
main section#entry div.entry__container div.entry__body div.wpcf7 {
  width: 100%;
}
main
  section#entry
  div.entry__container
  div.entry__body
  div.wpcf7
  div.c-form__row {
  width: 100%;
}
main
  section#entry
  div.entry__container
  div.entry__body
  div.wpcf7
  span.wpcf7-form-control-wrap {
  width: 100%;
}

main section#entry div.entry__container div.entry__body .c-form__actions {
  width: 100%;
}