@import url("https://proskilll.com/?vost_css=%2Fseminar%2Fcodex%2F&f=%2Fwp-content%2Fthemes%2Fnew_proskilll%2Fassets%2Fcss%2Fvar.css&v=1781165340");

/* ===================================================
  * common
==================================================== */
.pc {
  @media (max-width: 767px) {
    display: none !important;
  }
}

.sp {
  @media (min-width: 768px) {
    display: none !important;
  }
}

.sub-btn {
  display: block;
  text-decoration: none;
  border-radius: 100vmax;
  padding: 0.8em 1.5em;
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  background-color: #4c9bd1;
}

.sub-btn:hover {
  text-decoration: none;
  opacity: 0.8;
}

.floating--banner {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 9999;

  @media (min-width: 480px) {
    bottom: 10px;
  }
}

.floating--banner-pc {
  width: 100%;
  max-width: 180px;
  height: auto;

  @media (max-width: 479px) {
    display: none;
  }
}

.floating--banner-sp {
  width: 100%;
  max-width: 480px;
  height: auto;

  @media (min-width: 480px) {
    display: none;
  }
}

/* ===================================================
  * Seminar Page
==================================================== */
.seminar- p {
  line-height: 1.5;
}

.page-seminar__wrapper {
  width: 100%;
  max-width: 1280px;
  /* max-width: 1500px; */
  margin: 0 auto;

  @media (min-width: 768px) {
    display: flex;
    justify-content: space-between;
  }
}

.page-seminar__main {
  width: 100%;

  @media (min-width: 768px) {
    width: calc(100% - 465px);
    margin: 0;
    padding: 0;
  }
}

.page-seminar__sidebar {
  width: 100%;
  padding-top: 40px;
  padding-bottom: 40px;

  @media (min-width: 768px) {
    width: 450px;
    padding-top: 100px;
    padding-left: 15px;
    padding-right: 15px;
  }
}

.page-seminar__sidebar .seminar-mainvisual__img {
  background-color: #fff;

  @media (min-width: 768px) {
    width: 100%;
    height: auto;
    border-radius: 10px;
    padding: 0;
    margin: 0;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    /* max-height: 470px; */
    max-height: 435px;
    overflow-y: scroll;
    /* over-flow-y: auto; */
    scrollbar-width: thin;
    /* Firefox */
    scrollbar-color: rgba(0, 0, 0, 0.2) transparent;
    /* Firefox */
  }
}

.page-seminar__sidebar .seminar-mainvisual__img::-webkit-scrollbar {
  @media (min-width: 768px) {
    width: 6px;
  }
}

.page-seminar__sidebar .seminar-mainvisual__img::-webkit-scrollbar-thumb {
  @media (min-width: 768px) {
    background: rgba(0, 0, 0, 0.2);
    border-radius: 3px;
  }
}

@media (min-width: 768px) {
  .page-seminar__sidebar .p--sticky {
    position: sticky;
    top: 100px;
  }
}

.seminar-mainvisual {
  margin-bottom: 20px;
  overflow: hidden;

  @media (min-width: 768px) {
    padding-top: 20px;
    margin-bottom: 0;
  }
}

.seminar-mainvisual__inner {
  position: relative;

  @media (min-width: 768px) {
    /* display: flex;
  flex-direction: column; */
    width: 1200px;
    max-width: 100%;
    /* justify-content: flex-start;
    flex-direction: row; */
    margin: 0 auto;
    padding: 0 20px;
  }
}

.seminar-mainvisual__inner .member-item__category {
  margin-bottom: 10px;
}

.seminar-mainvisual__content {
  /* order: 1; */
  padding: 80px 20px 0;

  @media (min-width: 768px) {
    padding: 0 20px;
    /* order: 0; */
    padding: 80px 0 25px;
    width: 100%;
    /* max-width: 770px;
    flex-grow: 1; */
    z-index: 1;
    /* background: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 51%, transparent 100%); */
  }
}

.seminar-mainvisual__title {
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.2;

  @media (min-width: 768px) {
    font-size: 32px;
  }
}

.seminar-mainvisual__title--middle {
  font-size: 23px;

  @media (min-width: 768px) {
    font-size: 28px;
  }
}

.seminar-mainvisual__title--small {
  font-size: 17px;

  @media (min-width: 768px) {
    font-size: 22px;
  }
}

@media (max-width: 479px) {
  .seminar-mainvisual__title--sp-18 {
    font-size: 18px;
  }
  .seminar-mainvisual__title--sp-20 {
    font-size: 20px;
  }	
}

.seminar-mainvisual__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.seminar-mainvisual__desc {
  color: var(--text-desc-color);
  font-size: 14px;

  @media (min-width: 768px) {
    flex-size: 15px;
  }
}

.seminar-mainvisual__badge {
  max-width: 230px;
}

.seminar-mainvisual__img {
  background: #ffffff;

  @media (min-width: 768px) {
    width: 100%;
    /* width: 390px;
    right: calc(41% - 770px);
    height:681px;
    border-radius: 10px 10px 0 0 ; */
    border-radius: 10px;
    padding: 0 0 15px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.4);
    /* margin-top: 60px;
    overflow:scroll;
    margin-left:40px; */
  }
}

.seminar-mainvisual__about {
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 15px 0px;
  margin-bottom: 15px;
}

.seminar-mainvisual__about p {
  font-weight: bold;
  font-size: 16px;
}

.seminar-mainvisual__about li {
  font-weight: bold;
  font-size: 16px;
  line-height: 27px;

  @media (max-width: 767px) {
    font-size: 15px;
  }
}

.seminar-mainvisual__text p {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 10px;
}

.seminar-mainvisual__text p span {
  font-size: 12px;
  line-height: 15px;
}

.seminar-gnav {
  text-align: center;
  background: #f2f2f2;
  border-top: 1px solid #000000;
  border-bottom: 1px solid #000000;
  padding: 10px 0;
}

.seminar-gnav li {
  display: inline-block;
  font-weight: bold;
  padding: 0 20px;
}

.seminar-feature h3 {
  font-size: 14px;
}

.seminar-feature h4 {
  font-size: 23px;
  margin-bottom: 25px;
}

.seminar-feature h4 span {
  color: #b00000;
}

.seminar-feature__block {
  background: #f8f8f8;
  margin-bottom: 10px;
  padding: 12px 18px;

  @media (min-width: 768px) {
    width: 475px;
    min-height: 75px;
  }
}

.seminar-feature__block h5 {
  font-size: 15px;
}

.seminar-feature__block h5 span {
  display: inline-block;
}

.seminar-feature__block h5 span.seminar-feature__block_step {
  color: #960000;
  margin-right: 20px;
}

.seminar-feature__block p {
  font-size: 10px;
  line-height: 12px;
  margin-top: 12px;
}

.seminar-feature_section.top-section,
.seminar-overview_section.top-section,
.seminar-curriculum_section.top-section,
.seminar-outline_section.top-section,
.seminar-venue_section.top-section {
  margin-bottom: 0;
  padding-bottom: 0;
}

.seminar-curriculum_section.top-section {
  background: var(--bg-gray-color);
  border-radius: 0 100px 0 0;
  padding: 30px 0;
}

.seminar-curriculum_section .card {
  padding: 20px 0;
  border-top: 15px solid #960000;
  border-bottom: 15px solid #960000;
}

/*****
.curriculumList li {
  font-size: 14px;
  line-height: 22px;
  border-bottom: 1px solid #c5c1c1;
  padding: 20px 40px 20px 100px;
  font-weight: bold;
  position: relative;
}

.curriculumList {
  counter-reset: number 0;
}

.curriculumList li:before {
  counter-increment: number 1;
  content: counter(number);
  position: absolute;
  left: 40px;
  font-size: 24px;
}
******/
.curriculumList {
  width: fit-content;
  margin: 0 auto;
}

.curriculumList li {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Open Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-size: 18px;
  line-height: 1.5;
  font-weight: bold;
  padding: 5px 0;
  margin-left: 0.5em;
  text-indent: -0.6em;
  padding-left: 0.6em;
}

.curriculumList li::before {
  content: "●";
  color: #333333;
  display: inline-block;
  margin-right: 5px;
}

@media only screen and (max-width: 840px) {
  .curriculumList li {
    font-size: 14px;
    letter-spacing: -0.5px;
  }
}

.mokuhyo {
  width: 95%;
  max-width: 1080px;
  margin: 20px auto 0;
  background: #f2f2f2;
  padding: 10px 20px;
}

.mokuhyo .mokuhyo_title {
  color: #dc9344;
  font-size: 18px;
  font-weight: bold;
  margin: 0 0 8px;
}

.mokuhyo ul {
  margin-left: 20px;
}

.mokuhyo ul li {
  font-size: 16px;
  padding: 3px 0;
  padding-left: 0.1em;
  text-indent: -0.1em;
  list-style: disc;
}

@media screen and (max-width: 414px) {
  .mokuhyo {
    margin: 15px auto 0;
    padding: 10px 15px;
  }

  .mokuhyo .mokuhyo_title {
    font-size: 15px;
  }

  .mokuhyo ul li {
    font-size: 13px;
  }
}

.naiyouList {
  max-width: 1080px;
  counter-reset: number 0;
  border-top: 1px solid #cccccc;
  border-bottom: 1px solid #cccccc;
  margin: 20px auto;
}

.naiyouList .BoxInn {
  position: relative;
}

/*
.naiyouList .BoxInn:not(.is-hidenumber):before {
    counter-increment: number 1;
    content:counter(number);
    position: absolute;
    left: 40px;
    font-size: 27px;
    top: 50%;
  margin-top: -20px;
  font-weight:bold;
}
*/
.seminar-curriculum_section .BoxInn {
  margin: 20px auto;
  padding: 0 15px;
  /*padding:0;*/
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.seminar-curriculum_section .BoxInn .Box2 {
  padding: 10px 0 0;
}

.seminar-curriculum_section .BoxInn .Box3 {
  text-align: center;
}

.naiyouList .curriculumList {
  width: 100%;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Open Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  padding: 0 10px;
}

.curriculumList dt {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 8px;
}

.curriculumList dd {
  font-size: 16px;
  padding: 5px 0;
  padding-left: 10px;
  text-indent: -12px;
  color: #000000;
}

.curriculumList dd::before {
  content: "-";
  display: inline-block;
  margin-right: 0;
  margin-left: 15px;
}

@media screen and (max-width: 414px) {
  .seminar-curriculum_section .curriculumList {
    padding: 0;
  }

  .seminar-curriculum_section .curriculumList dt {
    font-size: 15px;
  }

  .seminar-curriculum_section .curriculumList dd {
    font-size: 13px;
  }
}

.seminar-curriculum_section .BoxInn .Box3 img,
.seminar-curriculum_section .Box3col .BoxItem img {
  width: 100%;
  max-width: 100%;
  height: auto;
}

.seminar-curriculum_section hr {
  border-bottom: 1px solid #cccccc;
  border-top: 0px;
}

.seminar-curriculum_section .Box3col .BoxItem {
  padding: 10px;
}

@media screen and (min-width: 415px) {
  .seminar-curriculum_section .BoxInn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }

  .seminar-curriculum_section .BoxInn .Box1 {
    width: 52%;
    /*padding:0 0 0 38px;*/
  }

  .seminar-curriculum_section .BoxInn .Box2 {
    width: 2%;
    padding: 0;
  }

  .seminar-curriculum_section .BoxInn .Box3 {
    /* width: 35%; */
    width: 46%;
    padding: 0;
  }

  .seminar-curriculum_section .BoxInn.is-hidenumber .Box1 {
    width: 52%;
    padding: 0 0 0 0;
  }

  .seminar-curriculum_section .Box3col {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .seminar-curriculum_section .Box3col .BoxItem {
    flex: 1;
  }
}

/** curriculum_modal **/
.curriculum_modal_lists li {
  display: flex;
  align-items: start;
  justify-content: start;
  margin-left: 0;
  text-indent: 0;
  padding-left: 0;
}

.seminar-curriculum_section .modalOpen {
  background: none;
  border: none;
  outline: none;
  padding: 0;
  font-size: inherit;
  color: #0000cc;
  cursor: pointer;
  text-decoration: underline;
  text-align: left;
}

.seminar-curriculum_section .modal-container {
  display: none;
  position: fixed;
  z-index: 1000;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: auto;
  background-color: rgba(0, 0, 0, 0.5);
}

.seminar-curriculum_section .modal-content {
  background-color: #fff;
  margin: 10vh auto;
  width: 95%;
  max-width: 1080px;
  height: auto;
  max-height: 80vh;
  overflow-y: auto;
  box-shadow:
    0 5px 8px rgba(0, 0, 0, 0.2),
    0 7px 20px rgba(0, 0, 0, 0.17);
  padding-top: 20px;
}

.seminar-curriculum_section .modal-header-fixed {
  position: fixed;
  top: 0;
  z-index: 999;
  width: 100%;
  height: 0;
}

.seminar-curriculum_section .modal-header {
  color: #fff;
  padding: 5px 15px;
  text-align: right;
  width: 95%;
  max-width: 1080px;
  margin-top: 10vh;
  display: flex;
  /* justify-content: end; */
  justify-content: space-between;
  background: #960000;
}

.seminar-curriculum_section .modalTitle {
  font-size: 16px;
  font-weight: bold;
  padding: 5px 0;
  text-align: left;
}

.seminar-curriculum_section .modalClose {
  font-size: 2rem;
  line-height: 0;
  padding: 0;
  margin: 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #960000;
  width: 40px;
  height: 40px;
}

.seminar-curriculum_section .modal-body {
  display: none;
  padding: 60px 20px 20px;
  color: #333;
}

/* モーダルボタン追加 */
.seminar-curriculum_section .modal-content {
  position: relative;
  z-index: 1;
}

@media screen and (max-width: 767px) {
  .seminar-curriculum_section .modal-content {
    margin-bottom: 15px;
  }
}

.modal-arrow-left {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(-135deg);
  margin-right: -6px;
}

.modal-arrow-right {
  display: inline-block;
  width: 12px;
  height: 12px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  margin-left: -6px;
}

.modalPrev,
.modalNext {
  width: 30px;
  height: 80px;
  min-width: 0;
  border: none;
  border-radius: 4px;
  background: rgba(150, 0, 0, 0.9);
  font-size: 20px;
  line-height: 1;
  cursor: pointer;
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 999;
}

@media screen and (min-width: 768px) {
  .modal-main {
    position: relative;
  }

  .modal-btns {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 1180px;
    margin: 10vh auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}

@media screen and (max-width: 767px) {
  .modal-btns {
    width: fit-content;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 40px;
  }

  .modalPrev,
  .modalNext {
    width: 50px;
    height: 30px;
    font-size: 20px;
  }
}

/*************
.curriculumList dt {
  font-size: 14px;
  line-height: 22px;
  font-weight: bold;
}

.curriculumList dd {
  font-size: 14px;
  line-height: 22px;
}

.curriculumList dd::before {
  content: '-';
  display: inline-block;
  margin-right: 10px;
  margin-left: 5px;
}
********************/
.seminar-mainvisual__img input.skubutton {
  color: #fff;
  background: var(--main--gradient-color);
  padding: 8px 12px;
  border-radius: 80px;
  font-weight: bold;
  border: 0;
  font-size: 11px;
  width: 110px;
}

.seminar-mainvisual__img h4 {
  font-weight: normal;
}

.seminar-mainvisual__img .onsiteBlock {
  padding: 0 15px;
}

.Tab1_item:hover,
.Tab2_item:hover,
.Tab3_item:hover,
.Tab1_area:hover,
.Tab2_area:hover,
.Tab3_area:hover {
  cursor: pointer;
}

input[name="Tab1_item"],
input[name="Tab2_item"],
input[name="Tab3_item"],
input[name="Tab1_area"],
input[name="Tab2_area"],
input[name="Tab3_area"] {
  display: none;
}

.seminar-mainvisual__img .App {
  width: 100%;
  border-top: 1px solid #e0e0e0;
}

.seminar-mainvisual__img .App tr {
  border-bottom: 1px solid #e0e0e0;
}

.seminar-mainvisual__img .App tr th {
  vertical-align: middle;
  padding: 7px;
  line-height: 18px;
}

.seminar-mainvisual__img .App tr td {
  vertical-align: middle;
  padding: 7px 0;
  text-align: right;
}

.seminar-mainvisual__img .App tr th .sqe1 {
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
}

.seminar-mainvisual__img .App tr th .sqe2 {
  display: block;
  /* display: inline-block; */
  font-size: 12px;
}

.Tab1_content {
  display: none;
}

.onsiteBlock {
  display: none;
}

.Tab2_content {
  display: none;
}

.Tab3_content {
  display: none;
}

.seminar-mainvisual__img #styleA1:checked~#styleA1_content,
.seminar-mainvisual__img #styleB1:checked~#styleB1_content,
.seminar-mainvisual__img #styleC1:checked~#styleC1_content,
.seminar-outline_section #styleA2:checked~#styleA2_content,
.seminar-outline_section #styleB2:checked~#styleB2_content,
.seminar-outline_section #styleC2:checked~#styleC2_content,
.seminar-mainvisual__img #styleA2:checked~#styleA2_content,
.seminar-mainvisual__img #styleB2:checked~#styleB2_content,
.seminar-mainvisual__img #styleC2:checked~#styleC2_content,
.seminar-mainvisual__img #styleA3:checked~#styleA3_content,
.seminar-mainvisual__img #styleB3:checked~#styleB3_content,
.seminar-mainvisual__img #styleC3:checked~#styleC3_content,
.seminar-mainvisual__img #areaTokyo1:checked~#areaTokyo1_content,
.seminar-mainvisual__img #areaNagoya1:checked~#areaNagoya1_content,
.seminar-mainvisual__img #areaOsaka1:checked~#areaOsaka1_content,
.seminar-mainvisual__img #areaTokyo2:checked~#areaTokyo2_content,
.seminar-mainvisual__img #areaNagoya2:checked~#areaNagoya2_content,
.seminar-mainvisual__img #areaOsaka2:checked~#areaOsaka2_content,
.seminar-mainvisual__img #areaTokyo3:checked~#areaTokyo3_content,
.seminar-mainvisual__img #areaNagoya3:checked~#areaNagoya3_content,
.seminar-mainvisual__img #areaOsaka3:checked~#areaOsaka3_content {
  display: block;
}

.Tabs1 label.Tab1_item,
.Tabs2 label.Tab2_item,
.Tabs3 label.Tab3_item {
  width: 33%;
  display: inline-block;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-bottom: 1px solid #cccccc;
  padding: 5px 0;
}

.Tabs1 label.Tab1_item.color3,
.Tabs2 label.Tab1_item.color3,
.Tabs3 label.Tab1_item.color3 {
  width: 34%;
}

.Tabs1 input:checked+.Tab1_item,
.Tabs2 input:checked+.Tab2_item,
.Tabs3 input:checked+.Tab3_item {
  color: #ffffff;
  background: #960000;
}

/* ﾀﾌﾞ2枚表示 */
/* 動的出力されたﾀﾌﾞを余白なく横並びで表示 */
.Tabs1.two-tabs,
.Tabs1.three-tabs {
  display: flex;
  flex-wrap: wrap;
}

.Tabs1.two-tabs label.Tab1_item {
  width: 50%;
}

.Tabs1.two-tabs > .Tab1_content,
.Tabs1.three-tabs > .Tab1_content {
  width: 100%;
}

/* ﾀﾌﾞ1枚表示 */
.Tabs1.one-tab .Tab1_item {
  width: 100% !important;
}

.Tabs2.one-tab,
.Tabs3.one-tab {
  display: block !important;
}

.Tabs2.one-tab label.Tab2_item,
.Tabs3.one-tab label.Tab3_item {
  width: 100%;
}

.tableHead {
  padding: 10px 15px;
  font-size: 22px;
  font-weight: bold;
}

.tableHead .fee1-1 {
  font-size: 14px;
}

.tabSelectTit {
  text-align: center;
  font-size: 14px;
  font-weight: bold;
  padding: 5px 0;
  border-bottom: 1px solid #cccccc;
}

/* eﾗｰﾆﾝｸﾞのみの場合はMV右の縦ｽｸﾛｰﾙを無効化 */
.page-seminar__sidebar .seminar-mainvisual__img.is-elearning-only {
  @media (min-width: 768px) {
    max-height: none;
    overflow-y: visible;
    scrollbar-width: auto;
  }
}

.seminar-mainvisual__img.is-elearning-only .tabSelectTit {
  padding-top: 0;
}

/* eﾗｰﾆﾝｸﾞ単独ﾀﾌﾞの上角を外側のｶｰﾄﾞに合わせる */
.seminar-mainvisual__img.is-elearning-only label.Tab1_item.color3[for="styleC1"] {
  @media (min-width: 768px) {
    border-radius: 10px 10px 0 0;
  }
}

.Tabs1 label.Tab1_area,
.Tabs2 label.Tab2_area,
.Tabs3 label.Tab3_area {
  width: 33%;
  float: left;
  display: inline-block;
  font-weight: bold;
  font-size: 15px;
  text-align: center;
  border-bottom: 2px solid #cccccc;
  padding: 5px 0;
}

.Tabs1 label.Tab1_area.color3,
.Tabs2 label.Tab2_area.color3,
.Tabs3 label.Tab3_area.color3 {
  width: 34%;
}

.Tabs1.area-tabs-2 label.Tab1_area {
  float: left;
  width: 50%;
}

.Tabs1.area-tabs-1 label.Tab1_area {
  float: left;
  width: 100%;
}

.Tabs1.area-tabs-2 .onsiteBlock,
.Tabs1.area-tabs-1 .onsiteBlock,
.Tabs1 .onsiteBlock {
  clear: both;
}

.Tabs1 input:checked+.Tab1_area,
.Tabs2 input:checked+.Tab2_area,
.Tabs3 input:checked+.Tab3_area {
  border-bottom: 2px solid #960000;
}

.onsiteBlock h4 {
  font-size: 13px;
  margin: 10px 0;
}

.onsiteBlock h4 span.inBlock {
  display: inline-block;
  color: #0059a5;
}

.onsiteBlock p {
  font-size: 13px;
  margin: 10px 0;
}

.onsiteBlock p span.inBlock {
  display: inline-block;
  color: #0059a5;
}

.seminar-mainvisual__img .manseki {
  background: #c1c1c1;
  padding: 8px 12px;
  border-radius: 80px;
  font-weight: bold;
  border: 0;
  font-size: 11px;
  width: 110px;
  display: inline-block;
  text-align: center;
  line-height: 12px;
}

.skuquantity {
  display: none;
}

.seminar .top-section__title {
  margin-bottom: 0px;
}

.seminar .top-section__heading {
  margin-bottom: 30px;
}

.webinarContent,
.elarningContent {
  padding: 0 15px;
}

.seminar-instructor_section .instructorBox {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: flex-start;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.seminar-instructor_section .instructorBoxL {
  -webkit-flex-basis: 25%;
  -ms-flex-basis: 25%;
  flex-basis: 25%;
}

.seminar-instructor_section .instructorBoxR {
  -webkit-flex-basis: 75%;
  -ms-flex-basis: 75%;
  flex-basis: 75%;
  padding: 10px;
}

.seminar-instructor_section .instructorBoxR h3 {
  margin-bottom: 10px;
}

.seminar-instructor_section .instructorBoxR p {
  font-size: 13px;
}

.seminar-curriculum_section .member-item__category {
  margin-left: 30px;
  background: #960000;
}

.seminar-outline_section .card {
  padding: 0;
  border-top: 15px solid #960000;
  border-bottom: 15px solid #960000;
}

.seminar-venue_section.top-section {
  background: var(--bg-gray-color);
  border-radius: 0 100px 0 0;
  padding: 30px 0;
}

.seminar .top-category__main {
  @media (min-width: 768px) {
    width: calc(100% - 390px);
  }
}

.seminar-outline_section .card table.seminar-outline_table {
  width: 100%;
}

.seminar-outline_section .card table.seminar-outline_table th {
  width: 260px;
  /* width: 100px; */
  font-size: 16px;
  /* white-space: nowrap; */
  font-weight: bold;
  padding: 30px;
  border-bottom: 1px solid #cccccc;
  border-right: 1px solid #cccccc;

  @media (max-width: 767px) {
    width: 100%;
    display: block;
    font-size: 14px;
    padding: 10px;
    border-bottom: 1px solid #cccccc;
    border-right: none;
  }
}

.seminar-outline_section .card table.seminar-outline_table td {
  border-bottom: 1px solid #cccccc;
  font-size: 14px;
  padding: 30px;

  @media (max-width: 767px) {
    width: 100%;
    display: block;
    padding: 10px;
    border-right: none;
  }
}

.seminar-outline_section .card table.seminar-outline_table .App {
  width: 100%;
  border-top: 1px solid #cccccc;
  margin-top: 20px;
}

.seminar-outline_section .card table.seminar-outline_table .App th {
  border-bottom: 1px solid #cccccc;
  border-right: 0;
  padding: 10px;
  font-size: 14px;
  white-space: normal;
  font-weight: bold;
}

.seminar-outline_section .card table.seminar-outline_table .App td {
  border-bottom: 1px solid #cccccc;
  padding: 10px;
  font-size: 14px;

  @media (min-width: 768px) {
    width: 100px;
  }
}

.seminar-outline_section input.skubutton {
  color: #fff;
  background: var(--main--gradient-color);
  padding: 8px 12px;
  border-radius: 80px;
  font-weight: bold;
  border: 0;
  font-size: 11px;
  width: 110px;
}

.seminar-outline_section .manseki {
  background: #c1c1c1;
  padding: 8px 12px;
  border-radius: 80px;
  font-weight: bold;
  border: 0;
  font-size: 11px;
  width: 110px;
  display: inline-block;
  text-align: center;
  line-height: 12px;
}

.seminar-outline_section .Tabs2 label.Tab2_item {
  font-weight: bold;
  border-radius: 4px 4px 0 0;
  padding: 5px 4px;
  font-size: 12px;

  @media (min-width: 768px) {
    padding: 5px 20px;
    font-size: 14px;
  }
}

.seminar-outline_section .Tabs2 input:checked+label.Tab2_item {
  background: #960000;
  color: #ffffff;
}

.seminar-outline_section .BoxA,
.seminar-outline_section .BoxB,
.seminar-outline_section .BoxC {
  border-top: 1px solid #ccc;
}

.seminar-outline_section .BoxA .inBlock {
  display: inline-block;
  color: #0059a5;
}

.seminar-feature {
  position: relative;
}

.seminar-feature img {
  display: none;

  @media (min-width: 768px) {
    position: absolute;
    right: 10px;
    top: 110px;
    display: inline;
  }
}

.seminar-feature .card {
  min-height: 400px;
}

.seminar-venue_section .card {
  min-height: 0;
}

.seminar-venue_section .setubi p {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 14px;
}

.seminar-venue_section .setubi h3 {
  font-size: 13px;
}

.seminar-venue_section .setubi li {
  font-size: 13px;
}

.seminar-mainvisual__img .nonTxt {
  text-align: center;
  font-weight: bold;
  margin-top: 20px;
  margin-bottom: 20px;
}

/* キャンペーン用表示 */
.tableHead .camp_info {
  color: #fff;
  font-size: 14px;
  text-align: center;
  background: #000;
  padding: 2px;
  margin: 0 0 10px;
  /* display: none; 非表示対応中なので変更しないでください */
}

.tableHead .camp_data_list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  font-size: 13px;
  gap: 5px 20px;
}

.tableHead .camp_data_contents {
  display: flex;
  align-items: center;
  gap: 5px;
}

.tableHead .camp_fee {
  background: #000;
  color: #fff;
  padding: 4px 6px;
  /* padding: 2px 7px; */
  margin-right: 5px;
  font-weight: 700;
  display: inline-block;
  font-size: 0.7em;
  /* font-size: 0.8em; */
}

.tableHead .camp_before_price {
  text-decoration: line-through;
  font-weight: 500;
}

.tableHead .camp_after_price {
  /* color: #dd0000; */
  font-size: 16px;
  font-weight: bold;
}

.tableHead .camp_data_list dd small {
  font-size: 0.6em;
}

@media (min-width: 768px) {
  .tableHead .camp_info,
  .tableHead .camp_data_list {
    font-size: 16px;
  }
  .tableHead .camp_after_price {
    font-size: 1.2em;
  }
  .tableHead .camp_data_list dd small {
    font-size: 0.8em;
  }
}

/* present　*/
.start-present {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border-radius: 10px;
  background: #ae1112;
  justify-content: center;
  margin-top: 20px;
}

.start-present__img {
  position: relative;
  width: 50%;
  height: 100%;
  margin: 10px auto 0;
  padding-top: 30%;
  flex-shrink: 0;
}

.start-present__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.start-present__content {
  padding: 10px;
}

.start-present__title {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 700;
  color: #fff4a0;
}

.start-present__txt {
  font-size: 14px;
  color: #fff;
}

@media screen and (min-width: 768px) {
  .start-present {
    flex-direction: row;
    justify-content: flex-start;
  }

  .start-present__img {
    width: 30%;
    margin: 0;
    padding-top: 15.5%;
  }

  .start-present__content {
    padding: 20px 20px 10px;
  }

  .start-present__title {
    font-size: 24px;
  }

  .start-present__txt {
    font-size: 16px;
  }
}

/************************************
****** LP仕様
************************************/
/** sec App 開閉会場
****************************/
.secAp_lp .open_tab {
  position: relative;
  overflow: hidden;
  width: 100%;
  width: auto;
  margin: 0 auto;
}

.secAp_lp .open_tab input[type="checkbox"] {
  display: none;
}

.secAp_lp .open_tab label {
  display: inline-block;
  cursor: pointer;
}

.secAp_lp .open_tab label .txtbtn {
  display: inline-block;
  font-size: 15px;
  text-decoration: underline;
  color: #0000cc;
}

@media screen and (max-width: 414px) {
  .secAp_lp .open_tab label .txtbtn {
    display: block;
    font-size: 14px;
  }
}

.secAp_lp .open_tab .open_tab-content {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.35s;
  transition: max-height 0.35s;
}

.secAp_lp .open_tab input:checked~.open_tab-content {
  max-height: 100%;
}

/** sec App
****************************/
@media screen and (max-width: 414px) {
  .secAp_lp .no-sp {
    display: none !important;
  }
}

@media screen and (min-width: 415px) {
  .secAp_lp .no-pc {
    display: none !important;
  }
}

.secAp_lp .inn {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0;
}

.secAp_lp .Tabs1 img,
.secAp_lp .Tabs2 img,
.secAp_lp .Tabs3 img,
.secAp_lp .Tabs4 img {
  width: 100%;
  max-width: 150px;
  height: auto;
  margin: 0 auto;
  image-rendering: -webkit-optimize-contrast;
  -webkit-backface-visibility: hidden;
}

@media only screen and (min-width: 640px) {

  .secAp_lp .Tabs1 img,
  .secAp_lp .Tabs2 img,
  .secAp_lp .Tabs3 img,
  .secAp_lp .Tabs4 img {
    max-width: 180px;
  }
}

.secAp_lp .Tabs1,
.secAp_lp .Tabs2,
.secAp_lp .Tabs3,
.secAp_lp .Tabs4 {
  background-color: #fff;
  width: 100%;
  margin: 0 auto;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 20px 0;
}

.secAp_lp .Tab1_item,
.secAp_lp .Tab2_item,
.secAp_lp .Tab3_item,
.secAp_lp .Tab4_item {
  -webkit-box-flex: 1;
  -ms-flex: 1 1 10%;
  flex: 1;
  background-color: #000099;
  line-height: 50px;
  font-size: 16px !important;
  text-align: center !important;
  color: #14116e;
  display: block !important;
  font-weight: bold !important;
  transition: all 0.2s ease;
  border-top-right-radius: 10px !important;
  border-top-left-radius: 10px !important;
  padding: 10px 0.5em;
  padding-top: 15px !important;
}

@media only screen and (max-width: 414px) {

  .secAp_lp .Tab1_item,
  .secAp_lp .Tab2_item,
  .secAp_lp .Tab3_item,
  .secAp_lp .Tab4_item {
    line-height: 1.8;
  }
}

.secAp_lp .Tab1_item:not(:last-of-type),
.secAp_lp .Tab2_item:not(:last-of-type),
.secAp_lp .Tab3_item:not(:last-of-type),
.secAp_lp .Tab4_item:not(:last-of-type) {
  margin-right: 5px;
}

.secAp_lp .color1 {
  background-color: #1c1e84;
  color: #fff;
  border-bottom: 3px solid #f2f2f2;
}

.secAp_lp .color2 {
  background-color: #e4017f;
  color: #fff;
  border-bottom: 3px solid #f2f2f2;
}

.secAp_lp .color3 {
  background-color: #009e96;
  color: #fff;
  border-bottom: 3px solid #f2f2f2;
}

.secAp_lp .Tab1_item:hover,
.secAp_lp .Tab2_item:hover,
.secAp_lp .Tab3_item:hover,
.secAp_lp .Tab4_item:hover {
  cursor: pointer;
}

.secAp_lp input[name="Tab1_item"],
.secAp_lp input[name="Tab2_item"],
.secAp_lp input[name="Tab3_item"],
.secAp_lp input[name="Tab4_item"] {
  display: none;
}

.secAp_lp .Tab1_content,
.secAp_lp .Tab2_content,
.secAp_lp .Tab3_content,
.secAp_lp .Tab4_content {
  display: none;
  padding: 0;
  clear: both;
  overflow: hidden;
  width: 100%;
}

.secAp_lp .bgc1 {
  background-color: #1c1e84;
}

.secAp_lp .bgc2 {
  background-color: #e4017f;
}

.secAp_lp .bgc3 {
  background-color: #009e96;
}

.secAp_lp .bgcolor1 {
  border: 3px solid #1c1e84;
  border-top: 3px solid #1c1e84;
}

.secAp_lp .bgcolor2 {
  border: 3px solid #e4017f;
  border-top: 3px solid #e4017f;
}

.secAp_lp .bgcolor3 {
  border: 3px solid #009e96;
  border-top: 3px solid #009e96;
}

.secAp_lp #styleA1:checked~#styleA1_content,
.secAp_lp #styleB1:checked~#styleB1_content,
.secAp_lp #styleC1:checked~#styleC1_content,
.secAp_lp #styleA2:checked~#styleA2_content,
.secAp_lp #styleB2:checked~#styleB2_content,
.secAp_lp #styleC2:checked~#styleC2_content,
.secAp_lp #styleA3:checked~#styleA3_content,
.secAp_lp #styleB3:checked~#styleB3_content,
.secAp_lp #styleC3:checked~#styleC3_content,
.secAp_lp #styleA4:checked~#styleA4_content,
.secAp_lp #styleB4:checked~#styleB4_content,
.secAp_lp #styleC4:checked~#styleC4_content {
  display: block;
}

.secAp_lp .Tabs1 input:checked+.Tab1_item,
.secAp_lp .Tabs2 input:checked+.Tab2_item,
.secAp_lp .Tabs3 input:checked+.Tab3_item,
.secAp_lp .Tabs4 input:checked+.Tab4_item {
  background-color: #1c1e84;
  color: #fff;
}

.secAp_lp .Tabs1 input:checked+.color1,
.secAp_lp .Tabs2 input:checked+.color1,
.secAp_lp .Tabs3 input:checked+.color1,
.secAp_lp .Tabs4 input:checked+.color1 {
  background-color: #1c1e84 !important;
  color: #fff;
  border-bottom: 3px solid #1c1e84;
}

.secAp_lp .Tabs1 input:checked+.color2,
.secAp_lp .Tabs2 input:checked+.color2,
.secAp_lp .Tabs3 input:checked+.color2,
.secAp_lp .Tabs4 input:checked+.color2 {
  background-color: #e4017f !important;
  color: #fff;
  border-bottom: 3px solid #e4017f;
}

.secAp_lp .Tabs1 input:checked+.color3,
.secAp_lp .Tabs2 input:checked+.color3,
.secAp_lp .Tabs3 input:checked+.color3,
.secAp_lp .Tabs4 input:checked+.color3 {
  background-color: #009e96 !important;
  color: #fff;
  border-bottom: 3px solid #009e96;
}

.secAp_lp .Tabs1 input+.Tab1_item,
.secAp_lp .Tabs2 input+.Tab2_item,
.secAp_lp .Tabs3 input+.Tab3_item,
.secAp_lp .Tabs4 input+.Tab4_item,
.secAp_lp .Tabs1 input:checked+.Tab1_item,
.secAp_lp .Tabs2 input:checked+.Tab2_item,
.secAp_lp .Tabs3 input:checked+.Tab3_item,
.secAp_lp .Tabs4 input:checked+.Tab4_item {
  position: relative;
  padding-bottom: 40px;
}

.secAp_lp .Tabs1 input+.Tab1_item .i_arrow,
.secAp_lp .Tabs2 input+.Tab2_item .i_arrow,
.secAp_lp .Tabs3 input+.Tab3_item .i_arrow,
.secAp_lp .Tabs4 input+.Tab4_item .i_arrow {
  content: "";
  background: url(https://bizroad-svc.com/img/app_style1_arrow.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  padding: 0em;
  font-weight: normal;
  bottom: 7px;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.secAp_lp .Tabs1 input:checked+.Tab1_item .i_arrow,
.secAp_lp .Tabs2 input:checked+.Tab2_item .i_arrow,
.secAp_lp .Tabs3 input:checked+.Tab3_item .i_arrow,
.secAp_lp .Tabs4 input:checked+.Tab4_item .i_arrow {
  content: "";
  background: url(https://bizroad-svc.com/img/app_style2_arrow.png);
  display: inline-block;
  background-repeat: no-repeat;
  background-size: 30px 30px;
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  padding: 0em;
  font-weight: normal;
  bottom: 7px;
  z-index: 1;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.secAp_lp .Tabs1 .i_value,
.secAp_lp .Tabs2 .i_value,
.secAp_lp .Tabs3 .i_value,
.secAp_lp .Tabs4 .i_value {
  display: inline-block;
  max-width: 100px;
  height: auto;
  position: absolute;
  top: -30px;
  right: 0;
}

@media screen and (max-width: 980px) {

  .secAp_lp .Tabs1 .i_value,
  .secAp_lp .Tabs2 .i_value,
  .secAp_lp .Tabs3 .i_value,
  .secAp_lp .Tabs4 .i_value {
    max-width: 70px;
    top: -25px;
    right: 0;
  }
}

@media screen and (max-width: 640px) {

  .secAp_lp .Tabs1 .i_value,
  .secAp_lp .Tabs2 .i_value,
  .secAp_lp .Tabs3 .i_value,
  .secAp_lp .Tabs4 .i_value {
    max-width: 65px;
    top: -25px;
    right: 0;
  }
}

@media screen and (max-width: 640px) {

  .secAp_lp .Tab1_item,
  .secAp_lp .Tab2_item,
  .secAp_lp .Tab3_item,
  .secAp_lp .Tab4_item {
    font-size: 14px;
  }
}

.secAp_lp .BoxA,
.secAp_lp .BoxB,
.secAp_lp .BoxC {
  max-width: 950px;
  margin: 0 auto;
  padding: 30px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

@media screen and (max-width: 813px) {

  .secAp_lp .BoxA,
  .secAp_lp .BoxB,
  .secAp_lp .BoxC {
    padding: 15px;
  }
}

.secAp_lp .tableHead {
  padding: 0;
  margin-bottom: 20px;
}

.secAp_lp .tableHead dl {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}

.secAp_lp .tableHead dl dt,
.secAp_lp .tableHead dl dd {
  margin: 0;
  padding: 0;
}

.secAp_lp .tableHead dl dt {
  font-size: 18px;
  font-weight: bold;
}

.secAp_lp .tableHead .fee {
  display: inline-block;
  font-size: 14px;
  line-height: 1;
  font-weight: normal;
  background: #333333;
  color: #ffffff;
  padding: 5px;
  margin-right: 5px;
  position: relative;
  top: -2px;
}

.secAp_lp .tableHead .fee1 {
  display: inline-block;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  padding: 0;
}

.secAp_lp .tableHead .fee1-1 {
  font-size: 14px;
  font-weight: normal !important;
}

.secAp_lp .tableHead .fee2 {
  display: inline-block;
  font-size: 14px;
  padding: 5px 0;
}

.tableHead .camp_info {
  color: #fff;
  font-size: 16px;
  text-align: center;
  background: #000;
  padding: 2px;
  margin: 0 0 10px;
}

@media screen and (min-width: 813px) {
  .secAp_lp .tableHead {
    margin-bottom: 20px;
    /* margin-bottom: 40px; */
  }

  .secAp_lp .tableHead dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .secAp_lp .tableHead dl dt {
    padding-right: 15px;
  }

  .tableHead .camp_info {
    font-size: 20px;
  }
}

@media screen and (max-width: 813px) {
  .secAp_lp .tableHead dl dt {
    font-size: 16px;
    margin-bottom: 5px;
  }

  .secAp_lp .tableHead .fee {
    font-size: 14px;
  }

  .secAp_lp .tableHead .fee1 {
    font-size: 18px;
  }

  .secAp_lp .tableHead .fee1-1 {
    font-size: 12px;
  }

  .secAp_lp .tableHead .fee2 {
    font-size: 12px;
  }
}

.secAp_lp .tableHead .btnArea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
}

.secAp_lp .tableHead .btnArea li {
  margin: 0;
  padding: 2px;
  max-width: 150px;
}

.secAp_lp table.App {
  border-collapse: collapse;
  margin: 0 auto;
  width: 100%;
  font-size: 15px;
  line-height: 1.3;
  border: 1px solid #e5e5e5;
  word-break: break-all;
}

.secAp_lp table.App a {
  font-size: 14px;
}

.secAp_lp table.App th,
.secAp_lpp table.App td {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  border: 1px solid #e5e5e5;
}

.secAp_lp table.App th {
  width: auto;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-right: none;
  background: #ffffff;
  text-align: left;
  vertical-align: middle;
}

.secAp_lp table.App td {
  width: 250px;
  padding: 10px;
  border: 1px solid #e5e5e5;
  border-left: none;
  background: #ffffff;
  vertical-align: middle;
  text-align: left;
}

/*
.secAp_lp .BoxC table.App td{
	width:auto;
}*/
@media screen and (max-width: 813px) {
  .secAp_lp table.App {
    font-size: 14px;
  }

  .secAp_lp table.App th {
    padding-right: 0;
  }

  .secAp_lp table.App td,
  .secAp_lp .BoxC table.App td {
    width: auto;
    text-align: center;
  }
}

@media screen and (max-width: 414px) {
  .secAp_lp table.App {
    border: none;
  }

  .secAp_lp table.App th,
  .secAp_lp table.App td {
    border: none;
    padding-left: 0;
    padding-right: 0;
  }
}

.secAp_lp table.App .sqe0 {
  display: inline-block;
  width: 170px;
  font-weight: bold;
  float: left;
}

.secAp_lp table.App .sqe1 {
  display: inline-block;
  margin-right: 5px;
  font-weight: bold;
}

.secAp_lp table.App .sqe2 {
  display: inline-block;
  font-weight: normal;
}

@media screen and (max-width: 813px) {
  .secAp_lp table.App .sqe0 {
    display: block;
    margin-bottom: 5px;
  }
}

@media screen and (max-width: 414px) {
  .secAp_lp table.App .sqe0 {
    width: auto;
  }

  .secAp_lp table.App .sqe1,
  .secAp_lp table.App .sqe2 {
    /*display:block;*/
  }

  .secAp_lp table.App .sqe1 {
    font-size: 12px;
  }

  .secAp_lp table.App .sqe2 {
    font-size: 11px;
    margin-top: 5px;
  }
}

.secAp_lp input.skubutton {
  background: #c91522 !important;
  width: auto;
  padding: 10px 20px !important;
  margin: 0 auto !important;
  color: #ffffff;
  font-weight: bold;
  border: none;
  border-radius: 6px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  font-size: 14px;
  line-height: 1.3;
  cursor: pointer;
}

.secAp_lp .manseki {
  background: #666666;
  width: 100px;
  margin: 0 auto;
  padding: 5px 8px;
  display: block;
  color: #ffffff;
  font-weight: bold;
  border: none;
  font-size: 14px;
  text-align: center;
  border-radius: inherit;
}

@media screen and (min-width: 813px) {
  .secAp_lp .manseki {
    margin: 0;
  }
}

.secAp_lp .skuquantity {
  display: inline-block;
  padding: 3px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
}

@media screen and (max-width: 414px) {
  .secAp_lp input.skubutton {
    padding: 8px 10px;
    font-size: 13px;
  }

  .secAp_lp .manseki {
    width: auto;
  }

  .secAp_lp .skuquantity {
    display: block;
    font-size: 13px;
  }
}

.secAp_lp .loopimg {
  display: none;
}

@media screen and (max-width: 414px) {

  .secAp_lp table.App th,
  .secAp_lp table.App td,
  .secAp_lp .BoxC table.App td {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }

  .secAp_lp table.App th {
    padding-bottom: 5px;
  }

  /* .secAp_lp table.App td,
  .secAp_lp .BoxC table.App td {
    padding-top: 0;
  } */
  .secAp_lp input.skubutton {
    width: 100%;
    box-sizing: border-box;
    width: 100% !important;
    height: 88px;
    font-size: 160% !important;
    box-shadow: 2px 2px 4px gray;
    background-color: #a90b19 !important;
    border: 7px solid #f1626f !important;
  }

  .secAp_lp input.skubutton:hover {
    background-color: #a90b19 !important;
    border: 10px solid #a90b19 !important;
  }
}

.secAp_lp .TabHead {
  padding: 30px 30px;
  text-align: center;
}

.secAp_lp .TabHead h3 {
  margin: 0 0 8px;
  padding: 0;
  color: #ffffff;
}

.secAp_lp .TabHead p {
  margin: 0;
  color: #ffffff;
  font-size: 16px;
}

@media screen and (max-width: 813px) {
  .secAp_lp .TabHead {
    padding: 10px;
    text-align: left;
  }

  .secAp_lp .TabHead h3 {
    font-size: 12px;
    /* font-size: 18px; */
  }

  .secAp_lp .TabHead p {
    font-size: 8px;
    /* font-size: 13px; */
  }
}

.secAp_lp .Tit {
  margin: 0 0 8px;
  padding: 0;
  font-size: 16px;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 20px;
  }
}

.secAp_lp .Tit span {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;

  @media (min-width: 768px) {
    font-size: 15px;
  }
}

.secAp_lp a {
  color: #0000cc;
  cursor: pointer;
  text-decoration: underline;
}

/*アクセス*/
.secAp_lp .access {
  margin: 0 0 0 20px;
  font-size: 14px;
}

.secAp_lp .access li {
  list-style: disc;
}

@media screen and (max-width: 414px) {
  .secAp_lp .access {
    font-size: 13px;
  }
}

/*ページ内リンク*/
.secAp_lp #area-tokyo1,
.secAp_lp #area-nagoya1,
.secAp_lp #area-osaka1,
.secAp_lp #area-tokyo2,
.secAp_lp #area-nagoya2,
.secAp_lp #area-osaka2,
.secAp_lp #area-tokyo3,
.secAp_lp #area-nagoya3,
.secAp_lp #area-osaka3,
.secAp_lp #area-tokyo4,
.secAp_lp #area-nagoya4,
.secAp_lp #area-osaka4 {
  scroll-margin-top: 0;
}

#entry1 .camp_info2 {
  margin: 0 0 10px;
}

#entry1 .camp_info2_title {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;

  @media (min-width: 768px) {
    font-size: 12px;
  }
}

#entry1 .camp_info2_text {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 5px;

  @media (min-width: 768px) {
    font-size: 11px;
  }
}

#entry1 .camp_info2_caution {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  color: #dd0000;

  @media (min-width: 768px) {
    font-size: 11px;
  }
}

#entry2 .camp_info2,
#entry3 .camp_info2,
#entry4 .camp_info2 {
  margin: 0 0 15px;

  @media (min-width: 768px) {
    text-align: center;
  }
}

#entry2 .camp_info2_title,
#entry3 .camp_info2_title,
#entry4 .camp_info2_title {
  font-size: 11px;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 5px;

  @media (min-width: 768px) {
    font-size: 18px;
  }
}

#entry2 .camp_info2_text,
#entry3 .camp_info2_text,
#entry4 .camp_info2_text {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  margin-bottom: 5px;

  @media (min-width: 768px) {
    font-size: 13px;
  }
}

#entry2 .camp_info2_caution,
#entry3 .camp_info2_caution,
#entry4 .camp_info2_caution {
  font-size: 10px;
  font-weight: 400;
  line-height: 1.2;
  color: #dd0000;

  @media (min-width: 768px) {
    font-size: 13px;
  }
}

#entry2 .camp_info3_text,
#entry3 .camp_info3_text,
#entry4 .camp_info3_text {
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  margin: 15px 0;

  @media (min-width: 768px) {
    font-size: 15px;
    text-align: center;
  }
}

#entry2 .camp_info3_text strong,
#entry3 .camp_info3_text strong,
#entry4 .camp_info3_text strong {
  display: inline-block;
  font-size: 14px;
  font-weight: 600;
  color: #dd0000;

  @media (min-width: 768px) {
    font-size: 20px;
  }
}

/** sp-ctm
****************************/
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  overflow: hidden;
}

@media only screen and (min-width: 601px) {
  .btnAreaSp {
    display: none !important;
  }
}

@media only screen and (max-width: 600px) {
  .i_arrow {
    display: block;
    top: 45px;
    width: 15% !important;
    font-size: 10px !important;
    background-size: contain !important;
  }

  .btnArea {
    display: none !important;
  }

  .btnAreaSp li {
    float: left;
    width: 33.33333%;
    text-align: center;
    margin-bottom: 20px;
    line-height: 1.2em !important;
    font-weight: bold;
    font-size: 16px;
  }

  .btnAreaSp li a {
    text-decoration: none;
    display: block;
    color: #fff;
    border-radius: 10px;
    background-color: #ff6c00;
    padding: 15px 0px;
    margin: 0px 7px;
    box-shadow: 2px 2px 4px #7d3500;
    border: 1px solid #d55a00 !important;
  }

  .btnAreaSp li a span {
    font-size: 80% !important;
  }
}

/** section common
****************************/
.section_seminar {
  width: 100%;
  margin: 0;
  padding: 0;
}

.section_seminar .top-section__inner {
  padding: 20px 20px;
  width: 100%;

  @media (min-width: 768px) {
    max-width: 1200px;
    margin: 0 auto;
    padding: 40px 20px;
  }
}

.section_inner {
  width: 100%;
  max-width: 1080px;
  margin: 0 auto;
  padding: 0 20px;
}

.section_heading_h2 {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
  border: none;
  padding: 18px 20px;
  margin: 0 auto;
  background: #960000;
  color: #ffffff;
  text-align: center;
  box-sizing: border-box;
  font-size: 16px;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 32px;
  }
}

.section_heading_h3 {
  padding: 0;
  margin: 0;
  font-size: 16px;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 28px;
  }
}

.i-mouse {
  display: block;
  width: auto;
  max-height: 40px;
}

@media screen and (max-width: 813px) {
  .i-mouse {
    max-width: 30px;
    height: auto;
  }
}

.body_seminar .card {
  margin: 0;
  padding: 20px;
}

.body_seminar .seminar-curriculum_section .card,
.body_seminar .seminar-outline_section .card {
  border: none;
}

.body_seminar .seminar-outline_section .card {
  padding: 0;
}

/** section feature
****************************/
.secfeature .section_inner {
  padding-top: 40px;
  padding-bottom: 40px;

  @media (min-width: 768px) {
    padding-top: 80px;
    padding-bottom: 80px;
  }
}

.secfeature {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-position: center center;
  background-size: cover;
  position: relative;
}

.secfeature.feature_bgimg_cad::after,
.secfeature.feature_bgimg_revit::after,
.secfeature.feature_bgimg_ai::after,
.secfeature.feature_bgimg_cg::after,
.secfeature.feature_bgimg_cg2::after,
.secfeature.feature_bgimg_jwcad::after,
.secfeature.feature_bgimg_canva::after,
.secfeature.feature_bgimg_wordpress::after {
  content: "";
  background-color: rgba(102, 204, 255, 0.9);
  background: -moz-linear-gradient(right, rgba(102, 204, 255, 0.7), rgba(0, 0, 0, 0) 80%);
  background: -webkit-linear-gradient(right, rgba(102, 204, 255, 0.7), rgba(0, 0, 0, 0) 80%);
  background: linear-gradient(to left, rgba(102, 204, 255, 0.7), rgba(0, 0, 0, 0) 80%);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.secfeature.feature_bgimg_cad {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-cad.jpg);
}

.secfeature.feature_bgimg_revit {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-revit.jpg);
}

.secfeature.feature_bgimg_ai {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-ai.jpg);
}

.secfeature.feature_bgimg_excel {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-excel.jpg);
}

.secfeature.feature_bgimg_illustrator {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-illustrator.jpg);
}

.secfeature.feature_bgimg_photoshop {
  background-image: url(https://bizroad-svc.com/photoshop/img/bg_feature.jpg);
}

.secfeature.feature_bgimg_canva {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-canva.jpg);
}

.secfeature.feature_bgimg_cg {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-cg.jpg);
}

.secfeature.feature_bgimg_cg2 {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-cg-2.jpg);
}

.secfeature.feature_bgimg_jwcad {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-jwcad.jpg);
}

.secfeature.feature_bgimg_wordpress {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-wordpress.jpg);
}

.secfeature.feature_bgimg_maya {
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/bg_feature-maya.jpg);
}

.featureList {
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 640px) {
  .featureList {
    margin: auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .featureList .box1 {
    width: 55%;
    background: #00cc00;
  }

  .featureList .box2 {
    width: 45%;
  }
}

.featureBox {
  margin: 0;
  position: relative;
  padding: 0 0 0 10px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.featureBox::before {
  content: "";
  position: absolute;
  z-index: 1;
  top: -5px;
  left: -15px;
  width: 80px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: 80px 80px;
  background-position: center center;
}

.featureBox1::before {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/i_feature1.png);
}

.featureBox2::before {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/i_feature2.png);
}

.featureBox3::before {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/i_feature3.png);
}

.featureBox .BoxIn {
  margin: 0;
  padding: 30px 5px 30px 60px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
  background: #ffffff;
}

.featureBox .BoxIn h3 {
  position: relative;
  z-index: 2;
  color: #000099;
  font-size: 24px;
}

.featureBox .BoxIn h3.featureTxt_small {
  font-size: 22.5px;
}

@media screen and (max-width: 640px) {

  .featureBox .BoxIn h3,
  .featureBox .BoxIn h3.featureTxt_small {
    font-size: 16px;
  }

  .featureBox::before {
    top: -5px;
    left: -5px;
  }

  .featureBox::before {
    top: -5px;
    left: 0;
    width: 50px;
    height: 50px;
    background-size: 50px 50px;
  }

  .featureBox .BoxIn {
    padding: 15px 5px 15px 50px;
  }
}

.feature_step_copy {
  text-align: center;
  font-size: 1.4rem;
  line-height: 1.7;
  margin: 20px auto 0;
}

@media screen and (min-width: 640px) {
  .feature_step_copy {
    font-size: 1.8rem;
  }
}

.feature_step_copy i {
  background-color: #ffd4d1;
  font-style: normal;
  font-weight: bold;
}

/** section voice
****************************/
.secVoice ul li {
  margin: 0 auto 20px;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
  padding: 20px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.VoiceBox0 .Box2,
.VoiceBox1 .Box2,
.VoiceBox2 .Box2 {
  padding: 10px 0;
}

@media only screen and (min-width: 813px) {

  .VoiceBox0,
  .VoiceBox1,
  .VoiceBox2 {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
  }

  .VoiceBox0 .Box1 {
    -webkit-flex-basis: 50%;
    -ms-flex-basis: 50%;
    flex-basis: 50%;
    padding: 0;
  }

  .VoiceBox0 .Box2 {
    -webkit-flex-basis: 5%;
    -ms-flex-basis: 5%;
    flex-basis: 5%;
    padding: 0;
  }

  .VoiceBox0 .Box3 {
    -webkit-flex-basis: 45%;
    -ms-flex-basis: 45%;
    flex-basis: 45%;
    padding: 0;
  }

  .VoiceBox1 .Box1,
  .VoiceBox2 .Box1 {
    -webkit-flex-basis: 60%;
    -ms-flex-basis: 60%;
    flex-basis: 60%;
    padding: 0;
  }

  .VoiceBox1 .Box2,
  .VoiceBox2 .Box2 {
    -webkit-flex-basis: 5%;
    -ms-flex-basis: 5%;
    flex-basis: 5%;
    padding: 0;
  }

  .VoiceBox1 .Box3,
  .VoiceBox2 .Box3 {
    -webkit-flex-basis: 35%;
    -ms-flex-basis: 35%;
    flex-basis: 35%;
    padding: 0;
  }

  .VoiceBox2 .Box1 {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .VoiceBox2 .Box2 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .VoiceBox2 .Box3 {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.secVoice .voiceName {
  color: #dd0000;
  font-weight: bold;
  margin: 10px 0;
  position: relative;
  display: inline-block;
  padding: 0 0 0 55px;
}

.secVoice .voiceName::before {
  content: "";
  position: absolute;
  top: 50%;
  display: inline-block;
  width: 45px;
  height: 1px;
  background-color: #dd0000;
  left: 0;
}

.secVoice .voiceName_lineNone {
  color: #dd0000;
  font-weight: bold;
  margin: 10px 0;
  /* display: inline-block; */
}

.voice_heading_h3 {
  font-size: 16px;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 28px;
  }
}

.voice_heading_h3_eshikaku {
  font-size: 16px;
  font-weight: bold;

  @media (min-width: 768px) {
    font-size: 22px;
  }
}

.voice_text {
  font-size: 15px;
  line-height: 1.7;

  @media (min-width: 768px) {
    font-size: 16px;
  }
}

.voice_text i {
  background-color: #ffd4d1;
  font-style: normal;
  font-weight: bold;
}

/** section faq
****************************/
.seminar_faq_table {
  width: 100%;
  border-collapse: collapse;
  border: none;
  border-spacing: 0;
}

.seminar_faq_table tr.q {
  background: #f2f2f2;
}

.seminar_faq_table th {
  width: 65px;
  padding: 10px 10px 10px 20px;
  font-size: 16px;
  line-height: 30px;
}

.seminar_faq_table td {
  padding: 10px;
  font-size: 16px;
  line-height: 30px;
}

.seminar_faq_table tr.q th,
.seminar_faq_table tr.q td {
  font-weight: bold;
}

.seminar_faq_table tr.a th,
.seminar_faq_table tr.a td {
  padding-bottom: 30px;
}

@media screen and (max-width: 910px) {
  .seminar_faq_table th {
    font-size: 14px;
  }

  .seminar_faq_table td {
    font-size: 14px;
    padding-left: 0;
  }
}

.seminar_faq a {
  color: #0000cc;
  text-decoration: underline;
}

/** section attend
****************************/
.attend__list {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  margin: 0 auto;

  @media (min-width: 768px) {
    margin: 0 auto;
  }
}

.attend__item {
  width: 100%;
  border-radius: 15px;
  overflow: hidden;
  border: 1px solid #ccc;
  background-color: #fff;

  @media (min-width: 768px) {
    width: calc(100% / 3 - 30px);
  }
}

.attend__subtitle {
  padding: 20px 20px 15px;
  font-size: 18px;
}

.attend__text {
  padding: 0 20px 20px;
  font-size: 15px;
}

.attend a,
.attend a:hover {
  color: #333;
  text-decoration: none;
}

/** section point
****************************/
.pointWrap {
  box-sizing: border-box;
  border: 2px solid #dd0000;
  border-radius: 6px;
  box-shadow: -2px 5px 5px -5px rgba(0, 0, 0, 0.5);
  margin: 0;
  padding: 1.5em;
  position: relative;
}

.pointWrap::before {
  background-color: #fff;
  color: #dd0000;
  content: "POINT";
  font-weight: bold;
  left: 1em;
  padding: 0 0.5em;
  position: absolute;
  top: -1em;
}

@media only screen and (max-width: 414px) {
  .pointWrap {
    padding: 1em;
  }
}

.pointBox {
  box-sizing: border-box;
}

@media only screen and (min-width: 415px) {
  .pointBox {
    display: flex;
  }

  .pointBox .Box1 {
    flex-basis: 20%;
  }

  .pointBox .Box2 {
    flex-basis: 80%;
    padding-left: 10px;
  }
}

.pointBox h2 {
  background: none;
  color: #dd0000;
  margin: 8px 0;
  padding: 0;
  font-size: 28px;
}

.pointBox p {
  color: #1a3951;
}

@media only screen and (max-width: 767px) {
  .pointBox h2 {
    font-size: 16px;
  }

  .pointBox p {
    font-size: 14px;
  }
}

/** section access
****************************/
.secAccess h3 {
  font-size: 20px;
  font-weight: bold;
}

.secAccess dl dt {
  font-weight: bold;
}

.secAccess dl dd span {
  display: inline-block;
}

@media screen and (max-width: 767px) {
  .secAccess h3 {
    font-size: 16px;
  }

  .secAccess dl dt,
  .secAccess dl dd {
    font-size: 14px;
  }
}

@media screen and (min-width: 813px) {
  .secAccess .col3-2Box {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 3fr 2fr;
    grid-template-columns: 3fr 2fr;
    -ms-grid-rows: auto;
    grid-template-rows: auto;
  }

  .secAccess .col3-2BoxA {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1 / 2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }

  .secAccess .col3-2BoxB {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2 / 3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1 / 2;
  }
}

.col3-2BoxA a {
  color: #0000cc;
}

/** section subsidy
****************************/
.subsidy_panel {
  width: 100%;
  margin-top: 20px;
}

.subsidy_panel_copy {
  padding: 0 0 20px;
}

.subsidy_text {
  font-size: 16px;
  margin-bottom: 1em;
}

.subsidy_text a {
  color: #0000cc;
  text-decoration: underline;
}

.subsidy_remarks {
  margin: 10px 0;
  padding: 0;
  list-style: none;
}

.subsidy_remarks li {
  font-size: 14px;
  margin-bottom: 2px;
  display: flex;
}

.subsidy_remarks li::before {
  content: "※";
}

@media screen and (min-width: 768px) {
  .subsidy_panel {
    display: flex;
    gap: 20px;
    /* flex-direction: row-reverse; */
    margin-top: 40px;
  }

  .subsidy_panel_copy {
    flex-basis: 70%;
    padding: 0;
  }

  .subsidy_panel_img {
    flex-basis: 30%;
  }
}

/** section training
****************************/
.training_panel {
  width: 100%;
  margin-top: 20px;
}

.training_panel_copy {
  padding: 20px 0 0;
}

.training_text {
  font-size: 16px;
  margin-bottom: 1em;
}

@media screen and (min-width: 768px) {
  .training_panel {
    display: flex;
    gap: 20px;
    margin-top: 40px;
  }

  .training_panel_copy {
    flex-basis: 70%;
    padding: 0;
  }

  .training_panel_img {
    flex-basis: 30%;
  }

  .training_btn {
    width: fit-content;
    margin: 20px 0 0 auto
  }
}

/** section subsidy_flow
****************************/
.subsidy_flow {
  width: 100%;
  margin: 0;
  padding: 0;
}

.subsidy_flow .text {
  padding: 30px 40px;
  box-sizing: border-box;
}

.subsidy_flow .text h4 {
  font-size: 24px;
  text-align: center;
  margin: 0 0 10px;
}

.subsidy_flow .text p {
  font-size: 16px;
  line-height: 175%;
}

.subsidy_flow .text p a,
.subsidy_flow .text p a:hover {
  color: #0000cc;
  text-decoration: underline;
}

@media only screen and (max-width: 840px) {
  .subsidy_flow {
    margin-bottom: 30px;
  }

  .subsidy_flow .text {
    padding: 20px;
  }

  .subsidy_flow .text h4 {
    font-size: 16px;
  }

  .subsidy_flow .text p {
    font-size: 14px;
  }
}

.subsidy_flow .estep {
  display: flex;
}

.subsidy_flow .estep li {
  width: calc(100% / 4 - 5px);
  text-align: center;
  border-left: 1px solid #2a71b8;
  border-right: 1px solid #2a71b8;
  border-top: 3px solid #2a71b8;
  height: auto;
  /* height: 115px; */
  font-size: 14px;
  position: relative;
  border-radius: 10px 10px 0 0;
  cursor: pointer;
}

.subsidy_flow .estep li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #2a71b8;
  z-index: 1;
}

.subsidy_flow .estep li.fin:before {
  content: none;
}

.subsidy_flow .estep li.fst {
  border-left: 3px solid #2a71b8;
}

.subsidy_flow .estep li.fin {
  border-right: 3px solid #2a71b8;
}

.subsidy_flow .estep li {
  background: #efefef;
  color: #333;
  padding: 5px;
}

.subsidy_flow .estep li.active {
  background: #2a71b8;
  color: #fff;
}

.subsidy_flow .estep li .tab_text_top {
  font-size: 13px;
  font-weight: bold;
}

.subsidy_flow .estep li .tab_text_bottom {
  font-size: 9px;
  font-weight: 500;
  margin-top: 2px;
}

.subsidy_flow .estep li .tab_text_top span,
.subsidy_flow .estep li .tab_text_bottom span {
  display: block;
}

.subsidy_flow .estep li .img--off,
.subsidy_flow .estep li .img--on {
  width: auto;
  max-height: 40px;
}

.subsidy_flow .estep li .img--off {
  display: block;
}

.subsidy_flow .estep li .img--on {
  display: none;
}

.subsidy_flow .estep li.active .img--off {
  display: none;
}

.subsidy_flow .estep li.active .img--on {
  display: block;
}

.subsidy_flow .estepText {
  background: #ffffff;
  border-radius: 0 10px 0 0;
}

.subsidy_flow .estepText.disnon {
  display: none;
}

.subsidy_flow .estepText p strong,
.subsidy_flow .estepText p b {
  color: #dd0000;
}

.subsidy_flow .estepText.active {
  display: block;
}

@media screen and (min-width: 414px) {

  .subsidy_flow .open_tab input[type="checkbox"],
  .subsidy_flow .open_tab label {
    display: none;
  }

  .subsidy_flow .estepTit {
    display: none;
  }
}

@media only screen and (max-width: 980px) {
  .subsidy_flow .estep {
    flex-direction: column;
  }

  .subsidy_flow .estep li {
    width: 100%;
    border-left: 0;
    border-right: 0;
    height: auto;
    font-size: 14px;
    color: #333333;
    border-radius: 0;
  }

  .subsidy_flow .estep li::before {
    content: none;
  }

  .subsidy_flow .estep li .img--off,
  .subsidy_flow .estep li .img--on {
    display: none !important;
  }

  .subsidy_flow .estepText {
    border-radius: 0;
  }

  .subsidy_flow .estep li.fst {
    border-left: 0;
  }

  .subsidy_flow .estep li.fin {
    border-right: 0;
  }
}

@media only screen and (max-width: 414px) {
  .subsidy_flow .estepText {
    padding: 10px !important;
  }

  .subsidy_flow .estep {
    display: none;
  }

  .subsidy_flow .estepText.disnon {
    display: block;
  }

  .subsidy_flow .estepTit {
    display: block !important;
    font-size: 15px;
    color: #ffffff;
    background: #2a71b8;
    padding: 5px;
    margin: 0 0 10px;
  }

  .subsidy_flow .estepTit {
    margin-bottom: 5px;
  }

  .subsidy_flow .open_tab {
    position: relative;
    overflow: hidden;
    width: 100%;
    width: auto;
    margin: 0 auto;
  }

  .subsidy_flow .open_tab input[type="checkbox"] {
    display: none;
  }

  .subsidy_flow .open_tab label {
    display: inline-block;
    cursor: pointer;
  }

  .subsidy_flow .open_tab label .txtbtn {
    display: inline-block;
    font-size: 15px;
    text-decoration: underline;
    color: #0000cc;
  }

  .subsidy_flow .open_tab label .txtbtn {
    display: block;
    font-size: 14px;
  }

  .subsidy_flow .open_tab .open_tab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
  }

  .subsidy_flow .open_tab input:checked~.open_tab-content {
    max-height: 100%;
    padding-top: 5px;
  }
}

/** section outline
****************************/
.outline__card {
  width: 100%;
  margin: 0 auto;
  padding: 16px 8px;
  border-radius: 16px;
  background-color: #D9D9D9;
  color: #010101;
}

.outline__card_inner {
  padding: 1em 0;
}

.outline__card hr {
  border: none;
  border-bottom: 2px dashed #7B7B7B;
}

.outline__card h3 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 10px;
}

.outline__card p {
  font-size: 14px;
  font-weight: 500;
  margin: 2px 0;
}

.outline__card_d-flex {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 5px;
}

.outline__card_tag {
  width: fit-content;
  margin: 0;
  padding: 8px 10px;
  font-size: 14px;
  line-height: 1;
  font-weight: 700;
  background: #fff;
  border-radius: 9999px;
}

.outline__card_remark {
  display: inline-block;
  font-size: 14px;
  color: #960100;
}

@media screen and (min-width: 768px) {
  .outline__card_inner {
    padding: 1em;
  }

  .outline__card h3 {
    font-size: 20px;
  }

  .outline__card p {
    font-size: 15px;
  }

  .outline__card_tag {
    font-size: 15px;
  }

  .outline__card_remark {
    font-size: 15px;
  }
}

/** e-shikaku section eshikakuFlow
****************************/
.eshikakuFlow .eshikakuFlowBox,
.gFlow .gFlowBox {
  background-color: #ffffff;
  margin-bottom: 50px;
}

.eshikakuFlow .eshikakuFlowBox .img img,
.eshikakuInfo .eshikakuinfoBox .img img,
.gFlow .gFlowBox .img img,
.gInfo .ginfoBox .img img {
  width: 100%;
  height: auto;
}

.eshikakuFlow .eshikakuFlowBox .text,
.gFlow .gFlowBox .text {
  padding: 40px;
  box-sizing: border-box;
}

.eshikakuFlow .eshikakuFlowBox .text p,
.gFlow .gFlowBox .text p {
  font-size: 16px;
  line-height: 175%;
}

.eshikakuFlow .btn,
.gFlow .btn {
  text-align: center;
}

.eshikakuFlow .btn a,
.gFlow .btn a {
  font-size: 16px;
  line-height: 52px;
  color: #ffffff;
  background-color: #2c438f;
  text-align: center;
  display: inline-block;
  height: 50px;
  width: 300px;
  text-decoration: none;
  border-radius: 25px;
}

.eshikakuFlow .btn a:hover,
.gFlow .btn a:hover {
  opacity: 0.6;
}

@media only screen and (max-width: 840px) {

  .eshikakuFlow .eshikakuFlowBox,
  .gFlow .gFlowBox {
    margin-bottom: 30px;
  }

  .eshikakuFlow .eshikakuFlowBox .text,
  .gFlow .gFlowBox .text {
    padding: 20px 20px 30px;
  }

  .eshikakuFlow .eshikakuFlowBox .text p,
  .gFlow gFlowBox .text p {
    font-size: 14px;
  }

  .eshikakuFlow .btn a,
  .gFlow .btn a {
    font-size: 14px;
    width: 260px;
  }
}

.eshikakuFlow .estep li,
.gFlow .estep li {
  float: left;
  width: 150px;
  background-size: 80% !important;
  text-align: center;
  border-left: 1px solid #2a71b8;
  border-right: 1px solid #2a71b8;
  border-top: 3px solid #2a71b8;
  height: 115px;
  font-size: 0;
  text-indent: -9999;
  position: relative;
  border-radius: 10px 10px 0 0;
}

.eshikakuFlow .estep li {
  width: 130px;
}

.eshikakuFlow .estep li:before,
.gFlow .estep li:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -15px;
  border: 15px solid transparent;
  border-left: 15px solid #2a71b8;
  z-index: 1;
}

.eshikakuFlow .estep li.fin:before,
.gFlow .estep li.fin:before {
  content: none;
}

.eshikakuFlow .estep li.fst,
.gFlow .estep li.fst {
  border-left: 3px solid #2a71b8;
}

.eshikakuFlow .estep li.fin,
.gFlow .estep li.fin {
  border-right: 3px solid #2a71b8;
}

.eshikakuFlow .estep li.estep01 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_01_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep01.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_01_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estep li.estep02 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_02_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep02.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_02_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estep li.estep03 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_03_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep03.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_03_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estep li.estep03-1 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_03-1_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep03-1.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_03-1_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estep li.estep04 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_04_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep04.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_04_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estep li.estep05 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_05_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep05.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_05_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estep li.estep06 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_06_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep06.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_06_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estep li.estep08 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_08_off.png) no-repeat center center #efefef;
}

.eshikakuFlow .estep li.estep08.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/ico_estep_08_on.png) no-repeat center center #2a71b8;
}

.gFlow .estep li.estep01 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_01_off.png) no-repeat center center #efefef;
}

.gFlow .estep li.estep01.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_01_on.png) no-repeat center center #2a71b8;
}

.gFlow .estep li.estep02 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_02_off.png) no-repeat center center #efefef;
}

.gFlow .estep li.estep02.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_02_on.png) no-repeat center center #2a71b8;
}

.gFlow .estep li.estep03 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_03_off.png) no-repeat center center #efefef;
}

.gFlow .estep li.estep03-1 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_03_off.png) no-repeat center center #efefef;
}

.gFlow .estep li.estep03.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_03_on.png) no-repeat center center #2a71b8;
}

.gFlow .estep li.estep04 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_04_off.png) no-repeat center center #efefef;
}

.gFlow .estep li.estep04.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_04_on.png) no-repeat center center #2a71b8;
}

.gFlow .estep li.estep05 {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_05_off.png) no-repeat center center #efefef;
}

.gFlow .estep li.estep05.active {
  background: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/g-kentei/ico_gstep_05_on.png) no-repeat center center #2a71b8;
}

.eshikakuFlow .estepText,
.gFlow .estepText {
  background: #ffffff;
  border-radius: 0 10px 0 0;
}

.eshikakuFlow .estepText.disnon,
.gFlow .estepText.disnon {
  display: none;
}

.eshikakuFlow .estepText p strong,
.eshikakuFlow .estepText p b,
.gFlow .estepText p strong,
.gFlow .estepText p b {
  color: #dd0000;
}

.eshikakuFlow .estepText.active,
.gFlow .estepText.active {
  display: block;
}

@media only screen and (max-width: 980px) {

  .eshikakuFlow .estep li,
  .gFlow .estep li {
    float: none;
    border-left: 0;
    border-right: 0;
    height: auto;
    width: 100%;
    font-size: 14px;
    text-indent: none;
    color: #333333;
    background: #f2f2f2 !important;
    border-radius: 0;
    padding: 5px;
  }

  .eshikakuFlow .estep li span,
  .gFlow .estep li span {
    font-weight: bold;
  }

  .eshikakuFlow .estep li.active,
  .gFlow .estep li.active {
    color: #ffffff;
    background: #2a71b8 !important;
  }

  .eshikakuFlow .estep li::before,
  .gFlow .estep li::before {
    content: none;
  }

  .eshikakuFlow .estep li.estep05,
  .gFlow .estep li.estep05 {
    padding: 7px 0;
  }

/**
  .eshikakuFlow .estep li.estep06,
  .eshikakuFlow .estep li.estep08,
  .gFlow .estep li.estep06 {
    padding: 7px 0;
  }
**/

  .eshikakuFlow .estepText,
  .gFlow .estepText {
    border-radius: 0;
  }

  .eshikakuFlow .estep li.fst,
  .gFlow .estep li.fst {
    border-left: 0;
  }

  .eshikakuFlow .estep li.fin,
  .gFlow .estep li.fin {
    border-right: 0;
  }
}

@media only screen and (min-width: 414px) {

  .eshikakuFlow .estepTit,
  .gFlow .estepTit {
    display: none;
  }
}

@media only screen and (max-width: 414px) {

  .eshikakuFlow .estepText,
  .gFlow .estepText {
    padding: 10px !important;
  }

  .eshikakuFlow .estep,
  .gFlow .estep {
    display: none;
  }

  .eshikakuFlow .estepText.disnon,
  .gFlow .estepText.disnon {
    display: block;
  }

  .eshikakuFlow .estepTit,
  .gFlow .estepTit {
    display: block !important;
    font-size: 15px;
    color: #ffffff;
    background: #2a71b8;
    padding: 5px;
    margin: 0 0 10px;
  }
}

@media screen and (min-width: 415px) {

  .eshikakuFlow .no-pc,
  .gFlow .no-pc {
    display: none;
  }
}

/* sp */
@media screen and (max-width: 414px) {

  .eshikakuFlow .estepTit,
  .gFlow .estepTit {
    margin-bottom: 5px;
  }

  .eshikakuFlow .open_tab,
  .gFlow .open_tab {
    position: relative;
    overflow: hidden;
    width: 100%;
    width: auto;
    margin: 0 auto;
  }

  .eshikakuFlow .open_tab input[type="checkbox"],
  .gFlow .open_tab input[type="checkbox"] {
    display: none;
  }

  .eshikakuFlow .open_tab label,
  .gFlow .open_tab label {
    display: inline-block;
    cursor: pointer;
  }

  .eshikakuFlow .open_tab label .txtbtn,
  .gFlow .open_tab label .txtbtn {
    display: inline-block;
    font-size: 15px;
    text-decoration: underline;
    color: #0000cc;
  }

  .eshikakuFlow .open_tab label .txtbtn,
  .gFlow .open_tab label .txtbtn {
    display: block;
    font-size: 14px;
  }

  .eshikakuFlow .open_tab .open_tab-content,
  .gFlow .open_tab .open_tab-content {
    overflow: hidden;
    max-height: 0;
    -webkit-transition: max-height 0.35s;
    transition: max-height 0.35s;
  }

  .eshikakuFlow .open_tab input:checked~.open_tab-content,
  .gFlow .open_tab input:checked~.open_tab-content {
    max-height: 100%;
  }
}

/** e-shikaku section 比較表
****************************/
.feature__table {
  border-collapse: collapse;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  table-layout: fixed;
}

.feature__table tr {
  background-color: #e6f2f5;
  padding: 0.35em;
  border-bottom: 2px solid #fff;
}

.feature__table th,
.feature__table td {
  padding: 1em 10px 1em 1em;
  border-right: 2px solid #fff;
  vertical-align: middle;
}

.feature__table th {
  font-size: 0.85em;
  text-align: center;
}

.feature__table .txt-header {
  font-size: 16px;
}

.feature__table thead tr {
  background: #167f92;
  color: #fff;
}

.feature__table tbody th {
  background: #78bbc7;
  color: #fff;
  text-align: left;
}

.feature__table .txt {
  text-align: center;
  color: #167f92;
  color: #1184ae;
  font-weight: bold;
}

.feature__table .txt span {
  font-size: 0.85em;
  font-weight: normal;
}

.feature__table .price {
  text-align: center;
  font-size: 0.85em;
  color: #525252;
  background: #f2f2f2;
}

.feature__table .non {
  background: #fff;
}

/*** non responsive table ***/
@media screen and (max-width: 768px) {
  .feature__table th {
    font-size: 10px;
  }

  .feature__table .txt-header {
    font-size: 10px;
  }

  .feature__table .txt {
    font-size: 9px;
  }

  .feature__table .txt span {
    font-size: 9px;
  }

  .feature__table .price {
    font-size: 9px;
  }
}

/*** responsive table
@media screen and (max-width: 768px) {
  .feature__table {
    border: 0;
    width:100%
  }
  .feature__table th{
    background-color: #167F92;
    display: block;
    border-right: none;
  }
  .feature__table thead {
    border: none;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
  }
  .feature__table tr {
    display: block;
    margin-bottom: .625em;
  }
  .feature__table td {
    border-bottom: 1px solid #bbb;
    display: block;
    text-align: right;
    position: relative;
    padding: .625em .625em .625em 4em;
    border-right: none;
  }

  .feature__table td::before {
    content: attr(data-label);
    font-weight: bold;
    position: absolute;
    left: 10px;
    color: #167F92;
  }
  .feature__table td:last-child {
    border-bottom: 0;
  }
  .feature__table tbody th {
    color: #fff;
}
}
***/
/** e-shikaku 合格者の声
****************************/
#ex_1 .modal-open {
  cursor: pointer;
}

#ex_1 .modal-container {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
  text-align: center;
  background: rgba(0, 0, 0, 60%);
  padding: 40px 20px;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  transition: .3s;
  box-sizing: border-box;
}

#ex_1 .modal-container::before {
  content: '';
  display: inline-block;
  vertical-align: middle;
  height: 100vh;
}

#ex_1 .modal-container.active {
  opacity: 1;
  visibility: visible;
}

#ex_1 .modal-body {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  max-width: 1080px;
  width: 95%;
  padding: 0.5em;
}

#ex_1 .modal-close {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 999;
  display: inline-block;
  font-size: 40px;
  line-height: 30px;
  color: #fff;
  text-align: right;
  padding: 5px;
  cursor: pointer;
  background: #000;
}

#ex_1 .modal-content {
  background: rgba(255, 255, 255, 0);
  text-align: left;
  padding: 0;
}

#ex_1 .modal_voice_list li {
  background: #fff;
}

#ex_1 .modal_voice_list li h3 {
  color: #dd0000;
  font-size: 1.8rem;
  font-weight: bold;
}

#ex_1 .modal_voice_list li p {
  font-size: 1.4rem;
}

#ex_1 .voice_txt_box {
  margin-bottom: 8px;
  font-weight: 700;
}

#ex_1 .voice_txt_box_eshikaku {
  margin-bottom: 8px;
  font-weight: 700;
  font-size: 1.9rem !important;
}

#ex_1 .modal_voice_list li .voice-tag {
  width: 70px;
  display: block;
  padding: 2px 5px;
  background: #0f66fb;
  color: #fff;
  border-radius: 4px;
  text-align: center;
  font-size: 13px;
  margin-right: 5px;
}

@media screen and (min-width: 768px) {
  #ex_1 .modal-container {
    padding: 40px 20px;
  }

  #ex_1 .modal-body {
    width: 90%;
    padding: 1em;
  }

  #ex_1 .modal-close {
    top: 10px;
    right: 40px;
  }

  #ex_1 .voice_txt_box {
    display: flex;
    align-items: center;
  }

  #ex_1 .voice-tag {
    display: inline-block;
  }

  #ex_1 .modal_voice_list li h3 {
    /*font-size: 30px;*/
    font-size: 23px;
  }
}

#ex_1 .modal_voice_title {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 15px;
	margin-bottom: 5px;
}

#ex_1 .modal_voice_title_name {
	margin: 0;
}

#ex_1 .modal_voice_title_lists {
	display: flex;
	flex-wrap: wrap;
	gap: 0px 20px;
}

#ex_1 .modal_voice_subtitle {	
	font-size: 1.9rem !important;
	font-weight: 700;
  margin-bottom: 10px; 
}

@media only screen and (min-width: 768px) {
	#ex_1 .modal_voice_subtitle .pc--non {
		display: none;
	}
}

@media only screen and (max-width: 767px) {
	#ex_1 .modal_voice_title {
		flex-direction: column;
		gap: 5px;
		margin-bottom: 10px;
	}

	#ex_1 .modal_voice_title_lists {
		flex-direction: column;
		gap: 0;
	}

	#ex_1 .modal_voice_subtitle {	
		font-size: 1.4rem !important;	
	}

	#ex_1 .modal_voice_subtitle .sp--non {
		display: none;
	}
}

#ex_1 .modal-btn {
  text-align: center;
}

#ex_1 .modal-open.btn_blue {
  display: inline-block;
  font-size: 16px;
  font-weight: bold;
  padding: 5px 20px;
  color: #FFFFFF;
  background: #0033a1;
  border: 2px solid #0033a1;
  border-radius: 25px;
  -webkit-border-radius: 25px;
  -moz-border-radius: 25px;
  text-decoration: none;
  text-align: center;
  transition: 0.9s;
  box-sizing: border-box;
}

#ex_1 .modal-open.btn_blue:hover {
  color: #0033a1;
  background: #FFFFFF;
  border: 2px solid #0033a1;
  text-decoration: none;
}

@media screen and (max-width: 767px) {
  #ex_1 .modal-open.btn_blue {
    width: 100%;
  }
}

/***************************
   E資格 追加コンテンツ
****************************/
/* .pc {
  display: none;
} */
.main__container {
  width: 95%;
  max-width: 1080px;
  margin: 0 auto;
}

.main__section {
  position: relative;
  padding: 30px 0 40px;
}

.main__section::before {
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  display: block;
  width: 100vw;
  height: 70vw;
  margin: 0 calc(50% - 50vw);
  content: "";
}

@media screen and (min-width: 768px) {

  /* .pc {
    display: block;
  }
  .sp {
    display: none;
  } */
  .main__section {
    padding: 70px 0 70px;
  }

  .main__section::before {
    height: 630px;
  }
}

.main__title_deco {
  margin: 0 auto 25px;
  text-align: center;
}

.main__title_deco_copy {
  margin: 0 auto 10px;
  padding: 0;
  font-size: 1.4rem;
  font-weight: 700;
  text-align: center;
  position: relative;
  display: inline-block;
  margin-bottom: 2em;
}

.main__title_deco_copy::before {
  content: "";
  position: absolute;
  bottom: -25px;
  display: inline-block;
  width: 80px;
  height: 5px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background: #565656;
  background-image: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(38, 38, 38, 1) 40% 60%, rgba(255, 255, 255, 1));
  border-radius: 2px;
}

.online_benefit_list li {
  display: flex;
  align-items: center;
  padding: 20px 0;
  margin: 0;
}

.online_benefit_list_icon {
  flex-basis: 20%;
}

.online_benefit_list_copy {
  flex-basis: 80%;
  padding-left: 15px;
}

.online_benefit_list_copy h3 {
  line-height: 1.3;
  font-weight: 700;
  margin: 0 0 5px;
}

.online_benefit_list_copy p {
  line-height: 1.3;
  margin: 0;
}

@media screen and (min-width: 480px) {
  .main__title_deco_copy {
    font-size: 1.8rem;
  }
}

@media screen and (min-width: 768px) {
  .main__title_deco_copy {
    font-size: 3.2rem;
    margin-bottom: 10px;
  }

  .online_benefit {
    display: flex;
    align-items: center;
  }

  .online_benefit_copy {
    flex-basis: 50%;
    padding-right: 15px;
  }

  .online_benefit_img {
    flex-basis: 50%;
    padding-left: 15px;
  }

  .online_benefit_list_copy h3 {
    font-size: 22px;
  }
}

.e_contents_list {
  margin-top: 50px;
}

.e_contents_list li {
  padding: 0;
  margin: 0 0 20px;
  background: #f5f4ed;
}

.e_contents_list_copy {
  padding: 15px;
}

.e_contents_list_img {
  background: #fff;
}

.e_contents_list_img img {
  width: 100%;
  height: auto;
}

.e_contents_list_copy h3 {
  line-height: 1.3;
  font-weight: 700;
  margin: 0 0 5px;
}

.e_contents_list_copy p {
  line-height: 1.5;
  margin: 0;
}

@media screen and (min-width: 768px) {
  .e_contents_list li {
    display: flex;
    align-items: center;
  }

  .e_contents_list_img {
    flex-basis: 30%;
  }

  .e_contents_list_copy {
    flex-basis: 70%;
  }

  .e_contents_list_copy h3 {
    font-size: 22px;
  }
}

.start_benefit_txt {
  margin-bottom: 20px;
}

.start_benefit_list {
  max-width: 680px;
  margin: 0 auto;
}

.start_benefit_list li {
  display: flex;
  align-items: center;
  padding: 20px 0;
  margin: 0;
}

.start_benefit_list_icon {
  flex-basis: 20%;
}

.start_benefit_list_copy {
  flex-basis: 80%;
  padding-left: 15px;
}

.start_benefit_list_copy h3 {
  line-height: 1.3;
  font-weight: 700;
  margin: 0 0 5px;
}

.start_benefit_list_copy p {
  line-height: 1.3;
  margin: 0;
}

.start-present {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  border-radius: 10px;
  background: #ae1112;
  justify-content: center;
  margin-top: 30px;
}

.start-present__img {
  position: relative;
  width: 50%;
  height: 100%;
  margin: 10px auto 0;
  padding-top: 30%;
  flex-shrink: 0;
}

.start-present__img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.start-present__content {
  padding: 10px;
}

.start-present__title {
  margin-bottom: 10px;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff4a0;
}

.start-present__txt {
  font-size: 1.2rem;
  /*font-size: 1rem;*/
  color: #fff;
}

@media screen and (min-width: 768px) {
  .start_benefit_txt {
    text-align: center;
  }

  .start_benefit_list_icon {
    flex-basis: 10%;
  }

  .start_benefit_list_copy {
    flex-basis: 90%;
    padding-left: 15px;
  }

  .start_benefit_list_copy h3 {
    font-size: 22px;
  }

  .start-present {
    flex-direction: row;
    justify-content: flex-start;
  }

  .start-present__img {
    width: 30%;
    margin: 0;
    padding-top: 15.5%;
  }

  .start-present__content {
    padding: 20px 20px 10px;
  }

  .start-present__title {
    font-size: 2.4rem;
  }

  .start-present__txt {
    font-size: 1.7rem;
  }
}

/************************************
****** header_seminar
************************************/
.header_seminar {
  position: relative;

  @media (min-width: 768px) {
    position: relative;
  }
}

.header_seminar .header__inner {
  justify-content: space-between;
}

.header_seminar .header__logo {
  margin: 0;
}

.header_seminar .header__logo.ai-kenkyujo-logo {
  @media (max-width: 768px) {
    width: 110px;
  }
}

.header_seminar .header__logo_second {
  @media (min-width: 768px) {
    order: 3;
  }
}

.header_seminar .header__logo_second--with-label {
  align-items: center;
  display: flex;
  gap: 8px;
}

.header_seminar .header__logo_second_label {
  align-self: flex-start;
  font-size: 20px;
  font-weight: 700;
  line-height: 1;
  margin-top: 7px;

  @media (min-width: 768px) {
    font-size: 22px;
  }
}

/* .header_seminar .header__logo_second img {
  @media (max-width: 768px) {
    width: 50px;
  }
} */
.header_seminar .header__logo_second_type1 {
  margin: 0 0 0 auto;
  max-width: 120px;

  @media (min-width: 768px) {
    max-width: 140px;
  }
}

.header_seminar .header__logo_second_type2 {
  margin: 0 0 0 auto;
  max-width: 160px;

  @media (min-width: 768px) {
    max-width: 180px;
  }
}

.header_seminar .header__logo_size_e-shikaku-jdla {
  max-width: 60px;

  @media (min-width: 768px) {
    max-width: 100px;
  }
}

/* SOLIDWORKSのﾛｺﾞ風文字を赤色の斜体で表示する。 */
.header_seminar .header__logo_second_text {
  color: #e2231a;
  display: inline-block;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 20px;
  font-style: italic;
  font-weight: 400;
  letter-spacing: -1px;
  line-height: 1;

  @media (min-width: 768px) {
    font-size: 24px;
  }
}

/* SOLIDのみ太字にする。 */
.header_seminar .header__logo_second_text strong {
  font-weight: 700;
}

.header_seminar .gnav__list {
  @media (min-width: 768px) {
    justify-content: start;
  }
}

/* 長いｾﾐﾅｰ名改行抑制 */
.header_seminar .gnav__link {
  white-space: nowrap;
}

/************************************
****** body_seminar
************************************/
.body_seminar .seminar-mainvisual__content {
  padding: 10px 20px 0;

  @media (min-width: 768px) {
    padding: 0 0 25px;
  }
}

.body_seminar .page-seminar__sidebar {
  @media (min-width: 768px) {
    padding-top: 10px;
  }
}

.body_seminar .page-seminar__sidebar_medal {
  margin-top: 20px;
}

.body_seminar .seminar-mainvisual__header {
  @media (min-width: 768px) {
    display: flex;
    gap: 20px;
  }
}

.body_seminar .seminar-mainvisual__header_img {
  @media (min-width: 768px) {
    width: 180px;
  }
}

.body_seminar .seminar-mainvisual__header_body {
  @media (min-width: 768px) {
    flex: 1;
  }
}

.body_seminar .seminar-mainvisual__header_img .thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  margin-bottom: 20px;
  aspect-ratio: 16 / 9;

  @media (min-width: 768px) {
    aspect-ratio: 1 / 1;
    width: 100%;
  }
}

.body_seminar .seminar-mainvisual__header_img .thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 100%;
  width: auto;
  max-width: none;
  object-fit: cover;
}

.body_seminar .seminar-mainvisual__title {
  @media (min-width: 768px) {
    margin-bottom: 8px;
  }
}

.body_seminar .seminar-mainvisual__header_info {
  @media (min-width: 768px) {
    display: flex;
    justify-content: space-between;
    flex-direction: row-reverse;
    align-items: center;
  }
}

.body_seminar .seminar-mainvisual__header_info_medal {
  padding-bottom: 15px;

  @media (min-width: 768px) {
    flex-basis: 55%;
  }
}

.body_seminar .seminar-mainvisual__header_info_list {
  @media (min-width: 768px) {
    flex-basis: 45%;
  }
}

.body_seminar .seminar-mainvisual__header_info_list .card__keywords {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px 10px;
}

.body_seminar .seminar-mainvisual__header_info_list .card__keyword {
  color: var(--main-primary-color);
  font-weight: 700;
  padding: 0 3px 3px;
  font-size: 12px;

  @media (min-width: 768px) {
    padding: 0 5px 3px;
    font-size: 14px;
  }
}

.body_seminar .seminar-mainvisual__btn {
  display: block;
  width: fit-content;
  text-align: center;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.1em;
  padding: 20px 50px;
  margin: 0 auto;
  border-radius: 50px;
  text-decoration: none;
  color: #fff;
  background-image: linear-gradient(45deg, #ff0707 0%, #ffc779 100%);
  transition: 0.4s;
}

.body_seminar .seminar-mainvisual__btn:hover {
  text-decoration: none;
  color: #fff;
  background-image: linear-gradient(45deg, #ffc107 0%, #f76a35 100%);
}

@media screen and (max-width: 768px) {
  .body_seminar .seminar-mainvisual__btn {
    font-size: 18px;
    padding: 15px 20px;
  }
}

.body_seminar .seminar-mainvisual__header_sp_medal {
  display: block;
  width: 50%;
  margin: 0 0 5px auto;

  @media (min-width: 768px) {
    display: none;
  }
}

.camp_data_title {
  display: none;
}

.secAp_lp .camp_data_contents {
  margin: auto !important;
}

.camp_data_list_normal .camp_data_title {
  display: block;
}

.secAp_lp .camp_data_list_normal .camp_data_contents {
  margin: 0 !important;
}

/* E資格の共通CVのみ視認性を調整する START */
.seminar--e-shikaku #entry2 .camp_info2_title,
.seminar--e-shikaku #entry3 .camp_info2_title,
.seminar--e-shikaku #entry4 .camp_info2_title {
  font-size: 10px;
}

@media (min-width: 768px) {

  .seminar--e-shikaku #entry2 .camp_info2_title,
  .seminar--e-shikaku #entry3 .camp_info2_title,
  .seminar--e-shikaku #entry4 .camp_info2_title {
    font-size: 16px;
  }
}

.seminar--e-shikaku #entry2 .camp_data_list_normal,
.seminar--e-shikaku #entry3 .camp_data_list_normal,
.seminar--e-shikaku #entry4 .camp_data_list_normal {
  margin-bottom: 15px;
  padding: 8px 0;
}

/* E資格の共通CVのみ視認性を調整する END */
.pack-mainvisual__header_checklists {
  color: var(--main-primary-color);
  font-weight: 700;
  padding: 0 5px;
  font-size: 14px;
  margin: 0 0 8px;
}

.pack-mainvisual__header_checklists li {
  display: flex;
  margin: 0 0 2px;
}

.pack-mainvisual__header_checklists li::before {
  content: "✓";
  padding-right: 2px;
}

.pack-mainvisual__tag_lists {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}

.pack-mainvisual__tag_lists li {
  margin: 0;
  padding: 0;
}

.pack-mainvisual__tag_lists li a {
  display: block;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  background: #090909;
  padding: 4px 8px;
  margin: 0;
  border-radius: 5px;

  @media (min-width: 768px) {
    font-size: 13px;
  }
}

.pack-mainvisual__thumbnail_lists {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pack-mainvisual__thumbnail_lists li {
  width: calc((100% - 2 * 10px) / 3);

  @media (min-width: 768px) {
    width: calc((100% - 4 * 10px) / 5);
  }
}

.pack-mainvisual__thumbnail_lists.row--6 li {
  width: calc((100% - 2 * 10px) / 3);

  @media (min-width: 768px) {
    width: calc((100% - 5 * 10px) / 6);
  }
}

.pack-mainvisual__thumbnail_lists.row--3 li {
  width: calc((100% - 2 * 10px) / 3);

  @media (min-width: 768px) {
    width: calc((100% - 2 * 10px) / 3);
  }
}

.pack-mainvisual__thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 16 / 9;
}

.pack-mainvisual__thumbnail img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 140%;
  /* height: 100%; */
  width: auto;
  max-width: none;
  object-fit: cover;
}

.pack-mainvisual__lists {
  margin-top: 10px;

  @media (min-width: 768px) {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
  }
}

.pack-mainvisual__lists li {
  margin: 0;
  padding: 0;
  font-size: 14px;
  display: flex;

  @media (min-width: 768px) {
    min-width: 45%;
  }
}

.pack-mainvisual__lists li::before {
  content: "●";
  width: 16px;
}

/************************************
  pack list
************************************/
.pack_lists {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;

  @media (min-width: 480px) {
    gap: 20px;
  }

  @media (min-width: 768px) {
    gap: 20px 40px;
  }
}

.pack_lists.row--5 {
  @media (min-width: 768px) {
    gap: 20px 20px;
  }
}

.pack_list {
  width: calc((100% - 1 * 10px) / 2);

  /* width: 100%; */
  @media (min-width: 480px) {
    width: calc((100% - 1 * 20px) / 2);
  }

  @media (min-width: 768px) {
    width: calc((100% - 3 * 40px) / 4);
  }
}

.pack_lists.row--5 .pack_list {
  @media (min-width: 768px) {
    width: calc((100% - 4 * 20px) / 5);
  }
}

.pack_list_last--2 {
  @media (min-width: 768px) {
    width: calc((100% - 1 * 20px) / 2);
  }
}

.pack__ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.pack__ul li {
  width: calc((100% - 1 * 10px) / 2);

  /* width: 100%; */
  @media (min-width: 480px) {
    width: calc((100% - 2 * 10px) / 3);
  }

  @media (min-width: 768px) {
    width: calc((100% - 5 * 10px) / 6);
  }
}

.pack__ul.row--4 li {
  width: 100%;

  @media (min-width: 480px) {
    width: calc((100% - 2 * 10px) / 3);
  }

  @media (min-width: 768px) {
    width: calc((100% - 3 * 10px) / 4);
  }
}

.pack_list .modalOpen,
.pack__ul .modalOpen {
  width: 100%;
  color: #000;
  text-decoration: none;
}

.pack_list .modalOpen:hover .pack_list_img,
.pack__ul .modalOpen:hover .pack_list_img {
  opacity: 0.8;
}

.pack_list .modalOpen:hover .pack_list_name {
  color: #0000cc;
}

.pack_list .modalOpen.pack_list_btn,
.pack_list .pack_list_text_btn {
  font-size: 11px;
  text-align: center;
  color: #0000cc;
  text-decoration: underline;
  margin: 0;

  @media (min-width: 480px) {
    font-size: 14px;
  }
}

.pack_list_thumbnail {
  position: relative;
  overflow: hidden;
  border-radius: 10px;
  aspect-ratio: 16 / 9;
}

.pack_list_img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 140%;
  /* height: 100%; */
  width: auto;
  max-width: none;
  object-fit: cover;
}

.pack_list_content {
  width: 100%;
  margin: 0;
  padding: 8px 8px 0;
  text-align: center;
}

.pack_list_content_last {
  padding: 0;
}

.pack_list_name {
  font-size: 14px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 2px;

  @media (min-width: 768px) {
    font-size: 16px;
  }
}

.pack_list_price {
  font-size: 12px;
  font-weight: 700;
  list-style: 1.2;
  color: #777777;
  margin: 0;

  @media (min-width: 768px) {
    font-size: 14px;
  }
}

.pack_list_time {
  font-size: 11px;
  font-weight: 500;
  list-style: 1.2;
  color: #777777;
  margin: 0;

  @media (min-width: 768px) {
    font-size: 13px;
  }
}

.pack_list_name_lists {
  text-align: left;

  @media (min-width: 768px) {
    display: flex;
    flex-wrap: wrap;
  }
}

.pack_list_name_lists>li {
  font-size: 14px;
}

.pack_list_name_lists>li::before {
  content: '・';
}

/** pack unlimited **/
.pack-unlimited-modal__header-info {
  margin-bottom: 24px;
}

.pack-unlimited-modal__title {
  font-size: 20px;
  font-weight: 700;
  margin: 0 0 12px 0;
  line-height: 1.5;
  color: #333;

  @media (max-width: 767px) {
    .pack-unlimited-modal__title {
      font-size: 17px;
    }
  }
}

.pack-unlimited-modal__description {
  font-size: 14px;
  line-height: 1.8;
  color: #333;
  margin: 0 0 12px 0;
}

.pack-unlimited-modal__time {
  font-size: 14px;
  color: #555;
  margin: 0;
  display: flex;
  align-items: center;
  gap: 6px;
}

.pack-unlimited-modal__learning {
  margin-bottom: 0;

  /* padding-left: 184px; */
  @media (max-width: 767px) {
    .pack-unlimited-modal__learning {
      padding-left: 0;
    }
  }
}

.pack-unlimited-modal__learning-badge {
  display: inline-block;
  background: #c00;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  padding: 5px 16px;
  border-radius: 3px;
  margin-bottom: 14px;
}

.pack-unlimited-modal__learning-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.pack-unlimited-modal__learning-list li {
  font-size: 14px;
  line-height: 1.8;
  padding: 1px 0;
  color: #333;
  margin-left: 1em;
  text-indent: -1em;
}

.pack-unlimited-modal__learning-list li::before {
  content: '・';
}

/************************************
****** e-shikaku FV
************************************/
.header__inner.max-width-1280 {
  @media (min-width: 768px) {
    max-width: 1280px;
  }
}

.body_seminar .seminar-mainvisual_bg .seminar-mainvisual__content {
  padding: 10px 20px 0;

  @media (min-width: 768px) {
    padding: 20px 0;
  }
}

.seminar-mainvisual_bg {
  width: 100%;
  margin: 0 auto;
  padding: 0;
  background-image: url(https://proskilll.com/wp-content/themes/new_proskilll/assets/images/seminar/e-shikaku/bg_main.jpg);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
  position: relative;
  z-index: 0;
}

.seminar-mainvisual_bg::after {
  content: "";
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
}

.seminar-mainvisual_bg .seminar-mainvisual__title {
  color: #fff;
  text-align: center;
}

.seminar-mainvisual__medal {
  margin: 0;
  width: 100%;
  height: auto;
  max-width: 320px;
  text-align: center;

  @media (max-width: 768px) {
    max-width: 220px;
    /* max-width: 280px; */
    margin: 0 auto 10px;
  }
}

.seminar-mainvisual__badge-no1 {
  max-width:200px; 
  @media (max-width: 768px) {
    max-width: 150px;
  }
}

.seminar-mainvisual__remarks1 {
  border-top: 1px solid #000;
  padding: 10px 5px;
  font-weight: bold;

  @media (max-width: 767px) {
    display: none;
  }
}

.seminar-mainvisual__remarks2 {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px 5px;
}

.seminar-mainvisual__remarks-text {
  font-size: 14px;

  @media (min-width: 768px) {
    font-size: 15px;
  }
}

.seminar-mainvisual__remarks2 .seminar-mainvisual__remarks-text {
  font-size: 14px;

  @media (min-width: 768px) {
    font-size: 15px;
  }
}

.seminar-mainvisual_badge {
  margin-top: 15px;
}

.seminar-mainvisual_badge_img {
  position: relative;
}

.seminar-mainvisual_badge_img::before {
  content: "";
  aspect-ratio: 1 / 1;
  background: radial-gradient(circle, rgb(255, 255, 255), rgba(255, 255, 255, 0));
  border-radius: 50%;
  filter: blur(20px);
  width: min(100%, 170px);
  position: absolute;
  z-index: -1;
  bottom: -30px;

  @media (max-width: 767px) {
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
}

.seminar-mainvisual_badge img {
  max-width: 120px;
}

@media screen and (min-width: 768px) {

  /* .seminar-mainvisual_badge {
	position:absolute;
	right:0;
	bottom:3%;
	z-index:1;
} */
  .seminar-mainvisual_badge_img::before {
    filter: blur(50px);
    width: min(100%, 230px);
    right: 0;
  }

  .seminar-mainvisual_badge img {
    max-width: 170px;
    margin: 0 10px 0 auto;
  }
}

/* SOLIDWORKSセミナー下部動画 */
.TitM {
  font-size: 2.0rem;
  line-height: 1.3;
  font-weight: bold;
}

@media screen and (max-width: 414px) {
  .TitM {
    font-size: 1.6rem;
  }
}

.movie_wrap {
  width: 100%;
  margin: 0 auto;
  padding: 0;
}

.moviedata {
  position: relative;
  overflow: hidden;
  height: 0;
  padding-bottom: 56.25%;
}

.moviedata iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

p.movieTxt i {
  background-color: #ffd4d1;
  font-style: normal;
  font-weight: bold;
}

/* AutoCAD 講習を受けるメリット */
@media screen and (min-width: 768px) {
  .contents_2col {
    display: flex;
    align-items: center;
  }
}

@media screen and (min-width: 768px) {
  .contents_2col_item {
    flex-basis: 50%;
  }
}

.pinkTxt i {
  background-color: #ffd4d1;
  font-style: normal;
  font-weight: bold;
}

.center {
  text-align: center;
}

/* 助成金セミナー テーブル */
.joseikinTable table {
  width: 100%;
  border: 1px #aaa solid;
  margin: 45px 0;
  font-size: 1.3em;
  border-radius: 10px;
  border-collapse: separate;
  border-spacing: 0;
  overflow: hidden;
}

@media (max-width: 768px) {
  .joseikinTable table {
    font-size: 1.0em;
  }
}

.joseikinTable th,
.joseikinTable td {
  text-align: center;
  vertical-align: middle;
  padding: 10px 0;
  border: none;
  border-bottom: 1px solid #aaa;
  border-right: 1px solid #aaa;
}

.joseikinTable th {
  color: #fff;
  background-color: #ea9999;
  font-weight: bold;
}

.joseikinTable th:last-child,
.joseikinTable td:last-child {
  border-right: none;
}

.joseikinTable tr:last-child th,
.joseikinTable tr:last-child td {
  border-bottom: none;
}

/* パック講座メダル 表示 */
.pack_medal {
  max-width: 47%;

  @media (max-width: 768px) {
    max-width: 100%;
    margin: 0 auto;
  }
}

/* お客さまの声 上部メダル */
.voice_medal {
  text-align: center;
  margin-bottom: 40px;
}

.voice_medal img {
  max-width: 550px;
  height: auto;
}

@media screen and (max-width:640px) {
  .voice_medal img {
    max-width: 100%;
    height: auto;
  }
}

/* E資格セミナー法人受講・企業研修エリア */
.eshikaku_checklists {
  font-weight: 700;
  padding: 0 5px;
  margin: 0 0 8px;
}

.eshikaku_checklists li {
  display: flex;
  margin: 0 0 2px;
}

.eshikaku_checklists li::before {
  content: "✓";
  padding-right: 2px;
}

/************************************
  sp
************************************/
@media (max-width: 480px) {
  .sp--fontsize-12 {
    font-size: 12px;
  }
}

/* E資格 合格者の声 */
@media only screen and (min-width: 813px) {

  .VoiceBox1 .Box1_eshikaku,
  .VoiceBox2 .Box1_eshikaku {
    -webkit-flex-basis: 73%;
    -ms-flex-basis: 73%;
    flex-basis: 73%;
    padding: 0;
  }

  .VoiceBox1 .Box2_eshikaku,
  .VoiceBox2 .Box2_eshikaku {
    -webkit-flex-basis: 2%;
    -ms-flex-basis: 2%;
    flex-basis: 2%;
    padding: 0;
  }

  .VoiceBox1 .Box3_eshikaku,
  .VoiceBox2 .Box3_eshikaku {
    -webkit-flex-basis: 25%;
    -ms-flex-basis: 25%;
    flex-basis: 25%;
    padding: 0;
  }

  .VoiceBox2 .Box1_eshikaku {
    -webkit-box-ordinal-group: 4;
    -ms-flex-order: 3;
    order: 3;
  }

  .VoiceBox2 .Box2_eshikaku {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .VoiceBox2 .Box3_eshikaku {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }
}

.voice_box_header_img {
	display: none;
}

.voice_box_header_lists {
	display: flex;
	flex-wrap: wrap;
	gap: 15px;
}


@media only screen and (max-width: 812px) {
	.Box2_eshikaku,
	.Box3_eshikaku {
		display: none;
	}

	.voice_box_header {
		display: flex;
		gap: 15px;
	}

	.voice_box_header_img {
		display: block;
		width: 120px;
	}

	.voice_box_header_copy {
		flex: 1;
		font-size: 13px;
	}

	.voice_box_header_copy h3 span {
		display: inline-block;
		font-size: 12px;
	}

	.voice_box_header_lists {
		flex-direction: column;
		gap: 0;
	}
}

/* E資格キャンペーン チェックテキスト */
.dli-check-circle {
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #000;
  line-height: 1;
  position: relative;
  width: 1em;
  height: 1em;
  border: 0.1em solid currentColor;
  border-radius: 50%;
  box-sizing: content-box;
  margin-right: 5px;
}

.dli-check-circle>span {
  width: 0.58em;
  height: 0.261em;
  border: 0.15em solid currentColor;
  border-top: 0;
  border-right: 0;
  box-sizing: border-box;
  transform: translateY(-25%) rotate(-45deg);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}

.camp_info2_checkTxt {
  display: inline-flex;
}

.camp_info2_checkTxt p {
  margin-right: 20px;
  font-size: 1.4rem;
  font-weight: normal;
}

@media (max-width: 768px) {
  .camp_info2_checkTxt {
    display: block;
  }

  .camp_info2_checkTxt p {
    font-size: 10px;
    margin-right: inherit;
  }
}

@media (max-width: 479px) {
  .camp_info2_checkTxt p {
    font-size: 9px;
  }
}

.seminar_faq_table .seminar-faq-note {
  display: inline-block;
  font-size: 13px;
  line-height: 1.5;
}




/* ===== Proskill セミナーページ(https://proskilll.com/seminar/○○/ ・ 全57ページ共通) スマホ専用の改善CSS(2026-10-27)
   AutoCAD基礎セミナー(2026-10-24公開。到達率が改善)と同じ内容を、全セミナーページに展開。767px以下(スマホ)だけに効く。PCは変わらない。
   目的: スマホで、①『カートに入れる』の最後まで、②『講座内容(カリキュラム)』まで、届く人を増やす。
   効く範囲: body.single-seminar(= セミナーのページ)。AutoCAD基礎セミナー専用だった部分(body.postid-11697)を、これに置き換えたもの。
   貼る場所: テーマの new_seminar.css の末尾。すでにあるAutoCAD用のCSS(『AutoCAD基礎セミナー…スマホ専用の改善CSS』)は、このCSSで置き換える(消して、これを貼る)。
   戻すとき: このCSSを消す。 */
/* 2026-10-28 追記: 日程の表の指定は、FV直下の申込み表(#entry2)だけでなく、講座内容の下(ガイドプレゼントの下 = #entry3)と、ページ下(会場アクセスの地図の下 = #entry4)の申込み表にも効く。 */
@media (max-width: 767px) {

  /* 1 ファーストビュー: 申込ボタンの下の、同じ内容の3行(受講形態・日程・修了証明書)を隠す(本文の説明と重複)。約-200px */
  body.single-seminar .seminar-mainvisual__about { display: none !important; }
  /* 1b ファーストビュー: 申込ボタンの下の説明文(『AutoCAD基礎セミナー講習は、2日間で…日本ナンバー1を獲得。』)を隠す(スマホのみ。PCは表示のまま) */
  body.single-seminar .seminar-mainvisual__text { display: none !important; }
  /* 1c ファーストビュー: 『開催スケジュール/お申し込み』ボタンを隠す(すぐ下が、申込みの表のため。スマホのみ) */
  body.single-seminar .seminar-mainvisual__btn { display: none !important; }
  /* 1d ファーストビュー: ハッシュタグ(#CAD #AutoCAD …)を隠す */
  body.single-seminar .seminar-mainvisual .card__keywords { display: none !important; }
  /* 1g ファーストビュー: 受講形式のタグ(会場受講・ウェビナー・eラーニング)を隠す */
  body.single-seminar .seminar-mainvisual .card__styles { display: none !important; }
  /* 1h ファーストビュー: 画像・タイトル・バッジの間と、バッジの下(申込みの見出しまで)の余白をつめる */
  body.single-seminar .seminar-mainvisual .thumbnail { margin-bottom: 12px !important; }
  body.single-seminar .seminar-mainvisual__title { margin-bottom: 8px !important; }
  body.single-seminar .seminar-mainvisual [class^="seminar-mainvisual__header_inf"] { padding-bottom: 0 !important; margin-bottom: 0 !important; }
  body.single-seminar .page-seminar__wrapper { margin-bottom: 0 !important; padding-bottom: 12px !important; }
  body.single-seminar section.seminar-mainvisual { margin-bottom: 0 !important; }
  /* バッジの画像は、上に透明の余白があるため、少し重ねて、つめる(下は、星が切れないよう、つめない) */
  body.single-seminar [class^="seminar-mainvisual__header_info_me"] img { margin: -4px auto 0 !important; }
  /* 1j バッジの画像(認定・修了率・合格率の3つ、『第1位』の2つ。E資格など): テーマの指定で220px・150pxに小さく抑えられているため、画面の幅いっぱい(最大320px)まで大きくする(2026-10-29) */
  body.single-seminar .seminar-mainvisual__medal { max-width: 320px !important; }
  body.single-seminar .seminar-mainvisual__badge-no1 { max-width: 218px !important; }
  /* 1e 『短期間でAutoCADが学べる』の、階段の図の下の説明文を、小さくする */
  body.single-seminar #feature .feature_step_copy { font-size: min(13px, 3.35vw) !important; line-height: 1.5 !important; margin: 8px 0 0 !important; word-break: auto-phrase; text-wrap: balance; }
  /* 読みやすく: 強調は、行全体の塗りではなく、文字の下半分のマーカーにする。文節の途中で改行しにくくする(auto-phrase は Chrome・Edge。Safari は通常の改行) */
  body.single-seminar #feature .feature_step_copy i { background: linear-gradient(transparent 58%, #fbd3d0 58%) !important; padding: 0 1px !important; font-style: normal; font-weight: 700; }
  /* 1i 階段の図の下の説明文を、AutoCADと同じように、スマホでは前半の2行だけにする(2026-10-28 ユーザー指示。全セミナー)。
     後半(『オンラインでも学習できるので、…となっています。』『eラーニングで学習できるので、…』の文)を出さない。PCは、全文のまま。
     実測(2026-10-28、全57ページのうち、説明文のある約49ページ。幅360・430px): 前半の文は、ほぼすべてのページで2行(後半が3行目から始まる)。例外は、excel-master-macro-vba の幅400px以下(前半が3行)。photoshop-illustrator は、前半が2行ぎりぎり(幅や端末によっては、末尾の数文字が切れることがある)。 */
  body.single-seminar #feature .feature_step_copy { max-height: 3em; overflow: hidden; }   /* 行の高さ1.5 × 2行。…を付けずに切る */
  /* 例外: 幅400px以下で、前半が3行になる1ページ(excel-master-macro-vba=23436)は、3行まで出す。(photoshop-illustrator=21516 は、前半が2行ちょうどの幅が多く、3行にすると後半の1行目が見えてしまうため、例外にしない) */
  @media (max-width: 400px) { body.postid-23436 #feature .feature_step_copy { max-height: 4.5em; } }
  /* 1f 同じまとまり(階段の図と説明文)の、上下の余白をつめる */
  body.single-seminar #feature .section_inner:has(.feature_step_copy) { padding-top: 12px !important; padding-bottom: 14px !important; }

  /* 2 申込み表: 満席の日程は、そのまま表示する(満席の表示は残す)。ただし、満席の表示(灰色の帯)は、小さくして、場所をとらないようにする */
  body.single-seminar :is(#entry2,#entry3,#entry4) .manseki { padding: 10px 8px !important; font-size: 12px !important; line-height: 1.3 !important; }

  /* 2d 申込み表: 『3つの受講形式よりお選び頂けます』の上下の余白をつめる */
  body.single-seminar .section_seminar .top-section__inner:has(#entry2) { padding-top: 8px !important; }
  body.single-seminar .section_seminar .top-section__inner:has(#entry2) > p.section_heading_h3 { margin: 0 0 6px !important; padding: 0 !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) .Tabs2 { margin-top: 8px !important; }

  /* 2a 申込み表: 受講形式のタブ(会場受講・ライブウェビナー・eラーニング)の、上下の余白をつめる */
  body.single-seminar :is(#entry2,#entry3,#entry4) label.Tab2_item { padding: 8px 0 24px !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) label.Tab2_item .i_arrow { top: 32px !important; height: 18px !important; }
  /* 『BEST ベストバリュー』のバッジ: 少し小さくして、タブの上端に少し重ねる(浮いて飛び出さず、『eラーニング』の文字には重ならない位置) */
  body.single-seminar :is(#entry2,#entry3,#entry4) .i_value { transform: translateY(3px) scale(.72); transform-origin: right top; }

  /* 2b 申込み表: 『東京/名古屋/大阪 開催日程』のボタンの、縦幅をつめる */
  body.single-seminar :is(#entry2,#entry3,#entry4) ul.btnAreaSp { margin-top: 14px !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) ul.btnAreaSp li { margin-bottom: 12px !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) ul.btnAreaSp li a { padding: 7px 0 !important; border-radius: 8px !important; }

  /* 8 講座内容(カリキュラム): 見やすく。●はそのまま、項目名を太字、( )内の詳しい内容は2行目に小さく灰色で */
  body.single-seminar #seminar_about ul.curriculumList { padding: 0 2px !important; }
  body.single-seminar #seminar_about ul.curriculumList li { list-style: none !important; position: relative; margin: 0 !important; padding: 6px 0 6px 22px !important; border-bottom: 0 !important; background: none !important; font-size: 15px !important; line-height: 1.45 !important; font-weight: 700; color: #222; }
  body.single-seminar #seminar_about ul.curriculumList li::before { content: "●"; position: absolute; left: 0; top: 6px; font-size: 15px; line-height: 1.45; color: #333; }
  body.single-seminar #seminar_about ul.curriculumList li .no-sp { display: block !important; margin-top: 2px; font-size: 13px; font-weight: 400; line-height: 1.5; color: #666; }
  /* 2c 申込み表: 会場名(『AutoCAD基礎セミナー講習 東京会場』など)の下の余白をつめる */
  body.single-seminar :is(#entry2,#entry3,#entry4) h4.Tit { margin-bottom: 0 !important; }

  /* 3 申込み表: 日付と時間を、折り返さず1行に、行の高さをつめる。約-100px */
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th { padding: 8px 10px !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th .sqe1 { display: inline; white-space: nowrap; font-size: min(13px, 3.3vw) !important; letter-spacing: -.02em; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th { white-space: nowrap; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th .sqe2 { display: inline !important; margin: 0 0 0 3px !important; font-size: min(11px, 2.8vw) !important; letter-spacing: -.02em; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App td.cartBtn { padding: 6px 8px !important; }

  /* 4 申込み表: 会場の住所は残し、その下の路線(最寄駅)の一覧は隠す(下の『会場受講のご案内』に同じ内容がある) */
  body.single-seminar :is(#entry2,#entry3,#entry4) [class^="onsiteBlock"] > ul.access { display: none !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) [class^="onsiteBlock"] > p:not(.Tit) { margin: 10px 0 0 !important; font-size: 13px !important; }

  /* 5b 『復習パックとは？』のポップアップ: テーマは、左3%・幅86%で、右に寄らず左にずれていたため、画面の中央にそろえる */
  body.single-seminar .opblock { left: 50% !important; right: auto !important; top: 12px !important; margin: 0 !important; width: calc(100% - 24px) !important; max-width: 560px; height: calc(100% - 24px) !important; transform: translateX(-50%); overflow: auto !important; padding: 52px 18px 24px !important; border-radius: 8px; -webkit-overflow-scrolling: touch; }
  body.single-seminar .opblock img.close { top: 8px !important; right: 8px !important; width: 36px !important; }

  /* 5 申込み表: 『復習パック』の案内は、見出しの1行だけにする(詳細は、カートのページで案内される)。約-90px */
  body.single-seminar :is(#entry2,#entry3,#entry4) div:has(> p > a.opTxtTop) { margin: 0 0 12px !important; padding: 10px 14px !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) div:has(> p > a.opTxtTop) > :not(:first-child) { display: none; }

}

/* 7 スマホ(519px以下。2026-10-28に、414px以下から広げた。iPhoneの大きいモデル(430px)でも、横並びにする。テーマの標準の表示は、415〜515pxで、ボタンが画面の右にはみ出すため。520px以上は、標準のまま): 日程の行を『左: 日付(1行目)・時間(2行目) / 右: カートに入れる(または満席)』の横並びにする。
   テーマは、この幅で、日付とボタンを縦に積み、ボタンが高さ88px・文字160%になり、日程ごとに縦に長くなっていた */
@media (max-width:519px){
  /* 横並びの幅をかせぐため、申込み表のまわりの左右の余白を、少しつめる */
  body.single-seminar .section_seminar .top-section__inner:has(:is(#entry2,#entry3,#entry4)) { padding-left: 10px !important; padding-right: 10px !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) .BoxA { padding-left: 8px !important; padding-right: 8px !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App, body.single-seminar :is(#entry2,#entry3,#entry4) table.App tbody { display: block; width: 100%; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App tr { display: flex !important; align-items: center; gap: 10px; padding: 12px 0; position: relative; border-bottom: 1px solid #e3e3e3; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App tr:first-child { padding-top: 6px; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th { display: block !important; flex: 1 1 auto; min-width: 0; width: auto !important; padding: 0 !important; white-space: normal !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th .sqe1 { display: block !important; white-space: nowrap; font-size: min(14px, 3.5vw) !important; font-weight: 700; letter-spacing: -.03em; line-height: 1.35; }
  /* 時間: 日付と同じ大きさにして、前後の（）は、見えないようにする(1文字分ずつ、はみ出させて隠す) */
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th .sqe2 { display: inline-block !important; margin: 3px -1em 0 -1em !important; font-size: min(14px, 3.5vw) !important; letter-spacing: -.03em; white-space: nowrap; clip-path: inset(0 1em 0 1em); }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th .sqe1 + .sqe2 { position: relative; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App td.cartBtn { display: block !important; flex: 0 0 104px; width: 104px !important; padding: 0 !important; text-align: center; }
  /* 日程が多い講座(E資格など。4日分の日付が1行に入りきらない): 日付を折り返して、ボタンに重ならないようにする。『・』のところで折り返す(2026-10-29) */
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th:has(+ td.cartBtn) .sqe1 { white-space: normal !important; word-break: keep-all; }
  /* eラーニング(2026-10-29 追記): eラーニングの行は、td に class="cartBtn" が無いため、上の指定が効かず、ボタンが説明文(お申し込み後1年間いつでも視聴可能)に重なっていた。同じ横並びにし、説明文は折り返す */
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App td:has(input.skubutton):not(.cartBtn) { display: block !important; flex: 0 0 104px; width: 104px !important; padding: 0 !important; text-align: center; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th:has(+ td:not(.cartBtn)) .sqe1 { white-space: normal !important; text-wrap: balance; }
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th:has(+ td:not(.cartBtn)) .sqe2 { display: block !important; margin: 3px 0 0 !important; font-size: min(12px, 3.1vw) !important; white-space: normal; clip-path: none; }
  /* 『カートに入れる』は、PCと同じデザイン(赤 #c91522・枠線なし・影なし・角丸6px) */
  body.single-seminar .secAp_lp input.skubutton, body.single-seminar .secAp_lp input.skubutton:hover { width: 100% !important; height: 42px !important; padding: 0 2px !important; font-size: 13px !important; letter-spacing: -.02em; background: #c91522 !important; background-color: #c91522 !important; border: none !important; box-shadow: none !important; border-radius: 6px !important; color: #fff !important; }
  body.single-seminar :is(#entry2,#entry3,#entry4) .manseki { padding: 8px 4px !important; font-size: 13px !important; line-height: 1.3 !important; border-radius: 6px; }
  /* 『▲ 残り●席』は、日時の右(時間の行の右端。ボタンの左)に、赤で */
  body.single-seminar :is(#entry2,#entry3,#entry4) .skuquantity:not(:empty) { display: block !important; position: absolute !important; right: 114px; bottom: 15px; margin: 0 !important; padding: 0 !important; font-size: 12px !important; line-height: 1.3; color: #c91522; white-space: nowrap; }
  /* 幅が狭いスマホ(375px未満)で、日付が入りきらないときは、日付を折り返す(ボタンに重ならない) */
}
@media (max-width:374px){
  body.single-seminar :is(#entry2,#entry3,#entry4) table.App th .sqe1 { white-space: normal !important; }
}


/* ===== AutoCAD基礎セミナー(https://proskilll.com/seminar/autocad-basic/ ・ Proskillのみ) PC専用(2026-10-30) =====
   目的: PCのFVを、次の形にする(坂元さんの指示の見本どおり)。
     ・FV右の固定の申込みパネル(id="entry1")を出さない → 左の列を全幅にする
     ・FV直下の申込み表(日程・カートに入れる。id="entry2")を出さない → 『短期間でAutoCADが学べる』(特徴)が、FVのすぐ下に来る
     ・FV: 左=画像 / 右=タイトル(1行)・受講形式とタグ(メダルは右)・3行の概要 / 下=説明文(全幅)
   残る申込みの入口: 講座内容の下(id="entry3")・ページ下(id="application"。上のメニューの『お申し込み』の飛び先)
   ※ 10/27〜10/29に試した『entry2を隠す』では、CVRとカート成立が落ちたため戻している。今回は、右のパネルも消すので、前後の比較を、必ず見る。
   このページだけ(body.postid-11697)・PCだけ(768px以上)に効く。スマホ・他のセミナー・bizroad-svc.com は変わらない。
   貼る場所: テーマの new_seminar.css の末尾。戻すときは、この部分を消す。 */
@media (min-width: 768px) {
  /* 右の固定の申込みパネルを出さず、左の列を全幅にする */
  body.postid-11697 #entry1,
  body.postid-11697 .page-seminar__sidebar.pc { display: none !important; }
  body.postid-11697 .page-seminar__main { width: 100% !important; }
  /* FVの並べ替え: 左=画像 / 中=タイトル(1行)・受講形式とタグ・3行の概要 / 右=メダル / 下=説明文(全幅) */
  body.postid-11697 .seminar-mainvisual__content { display: grid; grid-template-columns: 180px 1fr 400px; column-gap: 24px; padding-bottom: 24px !important; align-items: start; }
  body.postid-11697 .seminar-mainvisual__header,
  body.postid-11697 .seminar-mainvisual__header_body,
  body.postid-11697 .seminar-mainvisual__header_info { display: contents; }
  body.postid-11697 .seminar-mainvisual__header_img { grid-column: 1; grid-row: 1 / span 3; }
  body.postid-11697 .seminar-mainvisual__title { grid-column: 2 / span 2; grid-row: 1; margin: 0 0 8px; display: flex; flex-wrap: nowrap; align-items: baseline; column-gap: .4em; white-space: nowrap; font-size: 30px; }
  body.postid-11697 .seminar-mainvisual__title br { display: none; }
  body.postid-11697 .seminar-mainvisual__header_info_list { grid-column: 2; grid-row: 2; }
  body.postid-11697 .seminar-mainvisual__header_info_medal { grid-column: 3; grid-row: 2 / span 2; justify-self: end; align-self: start; padding-bottom:0;}
  body.postid-11697 .seminar-mainvisual__header_info_medal img { width: 360px; height: auto; max-width: 100%; margin-right:30px; margin-top:10px;}
  body.postid-11697 .seminar-mainvisual__about { grid-column: 2; grid-row: 3; margin: 0; border: 0 !important; padding: 0 !important; }
  body.postid-11697 .seminar-mainvisual__about ul { border: 0 !important; margin: 2px 0 0 !important; padding: 0 !important; }
  body.postid-11697 .seminar-mainvisual__about li { font-weight: 400; font-size: 13px; line-height: 1.8; }
  body.postid-11697 .seminar-mainvisual__text { grid-column: 1 / -1; grid-row: 4; margin-top: 16px; padding-top: 24px; padding-bottom: 8px; border-top: 1px solid #000; }
  body.postid-11697 .seminar-mainvisual { padding-top: 8px !important; }
  body.postid-11697 .seminar-mainvisual__header_img .thumbnail { margin-bottom: 0 !important; }
  body.postid-11697 .seminar-mainvisual__header_info_list .card__styles { margin-bottom: 6px !important; }
  body.postid-11697 .seminar-mainvisual__header_info_list .card__keywords { margin-bottom: 2px !important; }
}
@media (min-width: 1280px) {
  body.postid-11697 .seminar-mainvisual__about li { white-space: nowrap; }
}