/* ----------------------------------------------------------------
    form/thanksページ
----------------------------------------------------------------- */
/* ----------------------------------------------------------------
    汎用モジュール調整
----------------------------------------------------------------- */
/* .acq-content-area
----------------------------------------------- */
.acq-content-area._adjust-pt-40 {
  padding-top: 40px;
}


/* .acq-link
----------------------------------------------- */
.acq-link._icon-left {
  padding-right: 0;
  padding-left: 24px;
}

.acq-link._icon-left::before,
.acq-link._icon-left::after {
  inset: 0 auto 0 0;
}


/* ----------------------------------------------------------------
    seminar配下： form/thanksページ固有
----------------------------------------------------------------- */
/* .form-header
----------------------------------------------- */
.form-header {
  border-bottom: 1px solid #DEE1E4;
}

.form-header_inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  padding: 12px 18px;
  width: 100%;
  max-width: 1408px;
}


/* .form-footer-logo
----------------------------------------------- */
.form-footer-logo {
  text-align: center;
  margin: 80px 0 50px;
}

@media only screen and (max-width: 1200px) {
  .form-footer-logo {
    margin: 30px 0;
  }
}


/* .seminar-content
----------------------------------------------- */
.seminar-content {
  display: flex;
  justify-content: center;
  gap: 94px;
}

@media only screen and (max-width: 768px) {
  .seminar-content {
    flex-direction: column;
  }
}


/* .seminar-content-summary
----------------------------------------------- */
.seminar-content-summary {
  width: 100%;
  max-width: 624px;
}

@media only screen and (max-width: 768px) {
  .seminar-content-summary {
    width: 100%;
    max-width: none;
  }
}

/* .seminar-content-label
----------------------------------------------- */
.seminar-content-label {
  display: flex;
  gap: 16px;
  margin-top: 24px;
  flex-wrap: wrap;
}

.seminar-content-label > .acq-icon-label {
  margin-inline: 0;
}

@media only screen and (max-width: 768px) {
  /* .seminar-content-label {
    width: 100%;
    max-width: none;
  } */
}


/* .seminar-content-form
----------------------------------------------- */
.seminar-content-form {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
}

.seminar-content-form_inner {
  position: relative;
  margin: 0 auto;
  padding: 40px;
  border-radius: 12px;
  background: #faf7f5;
}

.seminar-content-form_hdg {
  margin-bottom: 40px;
  font-size: 2.4rem;
  text-align: center;
}

/* .seminar-botten-form
----------------------------------------------- */
.seminar-content-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton {
  position: relative;
  display: flex;
  justify-content: center;
  min-width: min(100%, 336px);
  padding: 16px calc(16px + 24px);
  background-color: #f06575;
  border: 1px solid #f06575;
  border-radius: 8px;
  color: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  text-decoration: none;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
  text-shadow: none;
  border: none;
  background-image: none;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton:is(:hover, :active, :focus-visible) {
  background: #f20039;
  background-color: #f20039;
  border: none;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton::before, .seminar-content-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0 12px 0 auto;
  width: 20px;
  height: 20px;
  margin: auto;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton::before {
  background-color: #fff;
  border-radius: 50%;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoSimple .mktoButton::after {
  background-color: #f06575;
  -webkit-mask: url(/common_a/img/acquisition/general/mask/angle-right.svg) no-repeat center;
  mask: url(/common_a/img/acquisition/general/mask/angle-right.svg) no-repeat center;
}

/* .mkto-*
----------------------------------------------- */
:root {
  --btn-main: #f06575;
  --btn-sub: #FFF;
  --btn-hover: #f20039;
}

.mktoForm {
  margin-inline: auto;
  width: 100% !important;
}

.mktoForm .mktoOffset {
  margin-top: -10px;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton {
  margin-top: calc(40px - 10px);
  background-color: var(--btn-sub);
  max-width: 336px;
  width: 100%;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill {
  margin-inline: auto !important;
}
.seminar-content-form .mktoForm .mktoFormRow,
.seminar-content-form .mktoForm .mktoButtonRow {
  margin: -10px auto 0;
  width: fit-content;
  display: block;
}

.seminar-content-form .mktoHtmlText {
  text-align: center;
  width: 100% !important;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill .mktoButton {
  position: relative;
  padding: 16px 40px;
  min-width: min(100%, 336px);
  border: 1px solid var(--btn-main);
  border-radius: 8px;
  box-shadow: none;
  font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif;
  font-size: 1.8rem;
  font-weight: 700;
  color: var(--btn-main);
  text-shadow: none;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill .mktoButton::before,
.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill .mktoButton::after {
  display: block;
  content: "";
  position: absolute;
  inset: 0 16px 0 auto;
  width: 20px;
  height: 20px;
  margin: auto;
  transition: all .2s cubic-bezier(.4, 0, .2, 1);
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill .mktoButton::before {
  background-color: var(--btn-main);
  border-radius: 50%;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill .mktoButton::after {
  background-color: var(--btn-sub);
  mask: url("/common_a/img/acquisition/general/mask/angle-right.svg") no-repeat center;
  -webkit-mask: url("/common_a/img/acquisition/general/mask/angle-right.svg") no-repeat center;
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton:is(:hover, :active, :focus-visible) {
  background: var(--btn-sub);
  border: 1px solid var(--btn-hover);
  box-shadow: none;
  color: var(--btn-hover);
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton:is(:hover, :active, :focus-visible)::before,
.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton:is(:hover, :active, :focus-visible)::after {
  transform: translateX(4px);
}

.seminar-content-form .mktoForm .mktoButtonWrap.mktoBluePill button.mktoButton:is(:hover, :active, :focus-visible)::before {
  background-color: var(--btn-hover);
}

.mktoFormRow .mktoFormCol .mktoRequiredField input,
.mktoFormRow .mktoFormCol .mktoRequiredField select,
.mktoFormRow .mktoFormCol .mktoRequiredField #PAYROOL_Adjust_SoftwareUsage {
  padding: 9px 3px;
  max-width: 350px;
}

@media only screen and (min-width: 480px) {
  .mktoFormRow .mktoFormCol .mktoRequiredField input,
  .mktoFormRow .mktoFormCol .mktoRequiredField select,
  .mktoFormRow .mktoFormCol .mktoRequiredField #PAYROOL_Adjust_SoftwareUsage {
    padding: 9px 3px;
    width: 100%;
  }

  .mktoFormRow .mktoFormCol,
  .mktoFormRow .mktoFormCol .mktoFieldWrap,
  .mktoFormRow .mktoFormCol .mktoFieldWrap .mktoField {
    width: 100%;
  }
}

@media screen and (max-width: 495px) {
  .seminar-content-form .mktoForm .mktoFormRow,
  .seminar-content-form .mktoForm .mktoButtonRow {
    width: 100%;
  }
}

/* .seminar-content-mv
----------------------------------------------- */
.seminar-content-mv_media {
  display: flex;
  margin: 0 auto;
  width: 100%;
  max-width: 624px;
}

.seminar-content-mv_hdg {
  margin-top: 16px;
}

.seminar-content-mv_title {
  font-size: 2.8rem;
}

@media only screen and (max-width: 768px) {
  .seminar-content-mv_title {
    margin-top: 16px;
    font-size: 2.4rem;
  }
}

/* .seminar-hdg-l2-02
----------------------------------------------- */
.seminar-hdg-l2-02 {
  margin: 48px 0 32px;
  font-size: 2.4rem;
}

/* .seminar-txt
----------------------------------------------- */
.seminar-txt-strong {
  font-size: 2.4rem;
  font-weight: 700;
  color: #436FC0;
}

/* .seminar-box
----------------------------------------------- */
.seminar-box {
  margin: 48px auto;
  padding: 48px;
  background-color: #FAF7F5;
  border-radius: 12px;
}

.seminar-box > :first-child {
  margin-top: 0;
}

.seminar-box_hdg {
  margin: 48px 0 32px;
  font-size: 2.4rem;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .seminar-box {
    margin: 32px auto;
    padding: 24px;
  }

  .seminar-box_hdg {
    margin: 32px 0 24px;
    font-size: 1.8rem;
  }
}


/* ._timeline */
.seminar-box._timeline {
  width: 100%;
  max-width: 560px;
}

.seminar-box._timeline .seminar-box-content {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.list-timeline {
  margin: 0;
}

.list-timeline li {
  display: flex;
  gap: 16px;
}

.list-timeline li .topic {
  flex: 1;
}

/* .seminar-speakers-profile
----------------------------------------------- */
.seminar-speakers-profile {
  display: flex;
  justify-content: center;
  gap: 24px;
}

.seminar-speakers-profile_content {
  flex: 1;
}

.seminar-speakers-profile_name {
  margin-bottom: 8px;
}

/* kyuyo_timeline_boxs */
.kyuyo_timeline_boxs {
  max-width: 462px;
  width: 100%;
}

/* .seminar-list-sns
----------------------------------------------- */
.seminar-list-sns {
  margin-block: 24px 48px;
  justify-content: flex-start;
}

/* 2407-01 video-js
----------------------------------------------- */

video-js.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
    padding-top: 56.25%;
}

/* index  video-js */

video-js.video-js.vjs-fluid:not(.vjs-audio-only-mode) {
padding-top: 56.25%;
}
