/* イベント共通パーツ */
body {
    background-attachment:fixed;

    /** ページ全体の背景色 **/
    background-color: #F4FCFA;

}

/* メイン領域の背景色 */
#pageW1 {
    /* メイン領域の背景色の透明度を加え、rgba()で指定する */
    background-color:rgba(244,252,250,1);



    /* 透明度をOpacityに変換するサンプル
    {Opacity} = (100 - {透明度})/100;
    */
}

/* ヘッダー領域*/
#SDEventHeadBody {
    /** ヘッダー背景色 **/
    background-color:#FFFAB5;
}

#SDEventHeadBody h2,
#SDEventHeadBody h3,
#SDEventHeadBody p {
    color:#0A0A0A;
}

/* 文字色 */
.CL1 .ticket_type,
.CL1 .ticket_type div,
.SDEvent1,
.SDEvent1 .CD1,
.SLEv1,
.SDEventContact1 .CL1,
.SLSocialForm1 li .ttl,
.SLSocialForm1 li .question,
.SLSocialForm1 li .ttl.required,
.SLSocialForm1 li .question.required,
#section .SDEvent1 .CDallR,
.CD1.eventDetailBlock,
.erInquiryBlockBody,
.SDEvent1 .CD1 .newsBlock,
.user_organization_description,
input.strA
.SLSocialForm1 .data .notein,
.SLSocialForm1 li .ttl,
.SLSocialForm1 li .question,
.includeTerm.noborder,
.inquiryCheckBox
 {
    color:#333333;
}

.SDEvent1 .CD1 a,
input.strB {
    color:#239CC9;
}

.SDEvent1 .CH1,
.SDEventContact1 .CH1 {
    color:#324A57;
}

/* ボーダー */
#promotionCodeBLock.typeB,
.eventListA li,
.eventListB li,
.SLEv1 li .CLHead1,
.SLEv1 li .CL1,
.SLSocialImport1,
.SDEventContact1 .CL1 li.heading {
    border-bottom-color:#FFFFFF;
}

#promotionCodeBLock,
.CDSubmit1 {
    border-top-color:#FFFFFF;
}

.SDEvent1,
.boxC,
.boxC .bbA,
.inputBoxB,
.inputBoxB h3,
.heading h3,
.selectSessionBlock .selectSessionBody,
.selectSessionBlock .selectSessionBody table,
.selectSessionBlock .selectSessionBody table th,
.selectSessionBlock .selectSessionBody table td,
#section .SDEvent1 .CDallR table,
.CD1.eventDetailBlock table,
.erInquiryBlockBody table,
.SDEvent1 .CD1 .newsBlock table,
#privacyBodyArea table,
.user_organization_description table,
#section .SDEvent1 .CDallR table td,
.CD1.eventDetailBlock table td,
.erInquiryBlockBody table td,
.SDEvent1 .CD1 .newsBlock table td,
#privacyBodyArea table td,
.user_organization_description table td,
#section .SDEvent1 .CDallR table th,
.CD1.eventDetailBlock table th,
.erInquiryBlockBody table td,
.SDEvent1 .CD1 .newsBlock table th,
#privacyBodyArea table th,
.user_organization_description table th,
.SDEventContact1,
.SDEvent1.mobileQRBlock,
.ticketSelectBlock {
    border-color:#FFFFFF;
}

#section .SDEvent1 .CDallR hr,
.CD1.eventDetailBlock hr,
.erInquiryBlockBody hr,
.SDEvent1 .CD1 .newsBlock hr,
#privacyBodyArea hr,
.user_organization_description hr {
    background-color:#FFFFFF;
}

/* 「枠線なし」の場合、以下を指定する */
.SDEvent1,
.SDEventContact1 {
    border:none !important;
}

/* 背景色 */
.SDEvent1 .CH1,
.SDEventContact1 .CH1 {
    background-color:#FFFFFF;
}

.SDEvent1 .CD1,
.fb-like-box,
.fb-comments,
input.strA,
.SDEventContact1,
.SDEventRt1,
.SDEvent1.mobileQRBlock {
    background-color:#FFFFFF;
}

/*----------------------------------------------
 * ロゴ画像のURL設定
 ----------------------------------------------*/

/* セミナー概要 タイトルロゴ */
.section.introduction .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/118351945a089bc494540cbfc40dc3ef4d98f713.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* おすすめ タイトルロゴ */
.section.recommend .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/aa16fb95ab839d43569008e25fe7876898c5e525.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* おすすめ マークロゴ */
.recommend-lists-warpper .recommend-list .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/7595fe570ec157e1cc4fa0bf23f95e4bf2234227.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 学べること タイトルロゴ */
.section.learn .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/b4166bcd5dfe7df19cfb6b18c5fd5ee93506cae9.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 学べること マークロゴ - 1 */
.learn-lists-warpper .learn-list:nth-child(1) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/9672ebea74c2928fde066a94ed05474c6fbbbaaa.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 2 */
.learn-lists-warpper .learn-list:nth-child(2) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/04a33796cfba17dced7e4c4428021fac88c9df1c.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 3 */
.learn-lists-warpper .learn-list:nth-child(3) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/5d0a79b4e6d20387a332f75120e638d18d5ed003.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 4 */
.learn-lists-warpper .learn-list:nth-child(4) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/cff9446d801d43c5dd2df053b8d3622bcd0ccdd2.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 5 */
.learn-lists-warpper .learn-list:nth-child(5) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/1d9f89f5d5f3e3c58292a0039fc9054074b59633.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 6 */
.learn-lists-warpper .learn-list:nth-child(6) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/6e3c154a56da8e8d9ec6cf0df817a4ef72e3890e.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 7 */
.learn-lists-warpper .learn-list:nth-child(7) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/48b3e7ad592ca0bdc4056831616ef2b6603c2c51.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 8 */
.learn-lists-warpper .learn-list:nth-child(8) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/532c37c91c960fabb857974d79d45ee83ae6af2c.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 9 */
.learn-lists-warpper .learn-list:nth-child(9) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/db6beb1c788ca9757196661990117664eff42472.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
/* 学べること マークロゴ - 10 */
.learn-lists-warpper .learn-list:nth-child(10) .mark {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/9dd0215d563130ce10873a8cc536a275b03b8458.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* タイムスケジュール タイトルロゴ */
.section.schedule .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/ddb62182ae51c7e23189726716490b3c6f4b27fa.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 講師プロフィール タイトルロゴ */
.section.speaker .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/525f46a598700b2bb35ac437cbd11a0ce2e4e979.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* 参加手順 タイトルロゴ */
.section.process .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/5b43c8239c650b47cd6c4a857e9a6657ed5a1ef1.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* テンプレート タイトルロゴ */
.section.className .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/cc4527a06efb40ed01fa28d37e8d8b59/615ca060aee4125c4c1e71a107d93e7071ffab44.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* テンプレート プレゼントロゴ */
.section.present .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/650b59fa31b5db4b91cda2723146e205/e4399c7e893dcca254db6a8a34eb555b7a7e8a28.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* テンプレート レコメンドロゴ */
.section.recommend .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/650b59fa31b5db4b91cda2723146e205/52c20a7384c869d0aef322a2f29b93a4f1d8e9bb.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/* リマインド タイトルロゴ */
.section.remind .title-img {
  background: url(https://er-static.s3.amazonaws.com/uploads/event_image/55de52cd9a54b43e96b4ef72204c6a2b/8c43f3557aeb42273a71f2a53fc3b7bc3aee4064.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}

/*----------------------------------------------
   * カラー設定
   ----------------------------------------------*/
/* 申込みボタン */

/* タイトルの下線 */
.section .title-line {
  background-color: #496e80;
}

/* セクションの枠線 */
.section {
  border: 3px solid #b9ccd6;
}

/* おすすめの項目区切り線 */
.recommend-lists-warpper .recommend-list {
  border-bottom: 1px dashed #92a7b1;
}

/* 学べることの項目区切り線 */
.learn-lists-warpper .learn-list {
  border-bottom: 1px dashed #92a7b1;
}

/* スケジュールのタイムラベル */
.schedule-list .time-label {
  color: #ffffff;
  background-color: #496d81;
}

/* 参加手順の矢印 */
.process-lists-wrapper .arrow span {
  color: #496d81;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
   * 共通
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/* 不要な要素を非表示 */
.SDEventRt1 {
  display: none;
}

/* 余白の調整 */
/* body {
    font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
    padding: 0px 10px;
  } */

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
   * ボックス
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*******************************
  * ボックス・ラッパー
  *******************************/
/* .SDEvent1 {
    background-color: #FFFFFF;
    padding-top: 20px;
  } */

/*******************************
  * ボックスタイトル
  *******************************/
.CH1 {
  background: linear-gradient(#ffffff, #ffffff) !important;
  line-height: 2 !important;
  border-radius: 0 !important;
  -weblit-border-radius: 0 !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
   * 申込みボタン
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.SPBtnAW1 {
  /* カラーは上部で設定 */
  border-bottom: none;
  border-radius: 2em !important;
  font-size: 16px !important;
  line-height: 1em !important;
  padding: 0.5em 2em !important;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
   * 概要欄
   >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

/*******************************
   * 全体
   *******************************/

.CD1.eventDetailBlock {
  box-sizing: border-box !important;
  padding: 0 !important;
}

.wrapper {
  font-family: "游ゴシック", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 20px;
  font-size: 14px;
}

.section {
  /* 枠線の色は上部で設定 */
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  padding: 30px;
  border-radius: 20px 0px 20px 0px;
  margin-bottom: 20px;
}

.section .title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}

.section .title-img {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  max-width: 60px;
  height: 60px;
  min-height: 60px;
  max-height: 60px;
  margin-bottom: 5px;
}

.section .title-img img {
  display: block;
  margin: auto auto;
  width: 100% !important;
}

.section .title-text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 20px;
}

.section .title-line {
  /* 背景色は上部で設定 */
  display: block;
  margin: 0 auto;
  width: 120px;
  height: 1px;
}

.section .content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  width: 100%;
}

.section .content-wrapper .large-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  box-sizing: border-box;
  font-size: 17px;
  font-weight: bold;
}

.section .content-lists-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.section .content-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}

.section .content-list .img-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-bottom: 20px;
}

.section .content-list .img-wrapper img {
  display: block;
  width: 100%;
  margin: auto;
}

.section .content-list .texts-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.section .content-list .texts-wrapper div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  margin-bottom: 15px;
}

.section .content-list .texts-wrapper div.large-text {
  font-size: 17px;
  font-weight: bold;
}

.section .content-list .texts-wrapper div.sublarge-text {
  font-size: 16px;
  font-weight: normal;
}

.section .content-list .texts-wrapper div.normal-text {
  font-size: 14px;
  font-weight: normal;
}

.section .content-list .texts-wrapper div.note-lists-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.section .content-list .texts-wrapper div.note-lists-wrapper .note-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

.section
  .content-list
  .texts-wrapper
  div.note-lists-wrapper
  .note-list
  .note-mark {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  padding: 0;
  margin: 0;
  margin-right: 3px;
}

.section
  .content-list
  .texts-wrapper
  div.note-lists-wrapper
  .note-list
  .note-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  margin: 0;
}

/* メディアクエリ */
@media screen and (max-width: 768px) {
  .section .title-img {
    max-width: 60px !important;
    min-width: 60px !important;
    max-height: 60px !important;
    min-height: 60px !important;
    margin-bottom: 5px;
  }

  .section .title-line {
    max-width: 120px !important;
    min-width: 120px !important;
    max-height: 1px !important;
    min-height: 1px !important;
  }

  .section .title-text {
    font-size: 14px;
    padding-bottom: 18px;
  }

  .section .content-list .img-wrapper {
    max-width: 200px !important;
    min-width: 200px !important;
  }

  .section .content-list .texts-wrapper div.large-text {
    font-size: 15px;
    font-weight: bold;
  }

  .section .content-list .texts-wrapper div.sublarge-text {
    font-size: 14px;
    font-weight: normal;
  }

  .section .content-list .texts-wrapper div.normal-text {
    font-size: 13px;
    font-weight: normal;
  }

  .section .content-list .texts-wrapper div.note-lists-wrapper .note-list {
    font-size: 11px;
  }
}

/*******************************
   * 注意事項(冒頭)
   *******************************/
.top-note {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.top-note .note-lists-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.top-note .note-lists-wrapper .note-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.top-note .note-lists-wrapper .note-list .mark {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  margin-right: 3px;
  padding: 0;
}

.top-note .note-lists-wrapper .note-list .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 14px;
}

.top-note .note-lists-wrapper .note-list ul {
  padding-left: 1.5em;
}

.top-note .note-lists-wrapper .note-list li {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .top-note .note-lists-wrapper .note-list .text {
    font-size: 13px;
  }
}

/*******************************
   * おすすめ
   *******************************/
.recommend-lists-warpper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 0px 30px;
}

.recommend-lists-warpper .recommend-list {
  /* 下線のカラーは上部で設定 */
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0px;
}

.recommend-lists-warpper .recommend-list:last-child {
  border-bottom: none;
}

.recommend-lists-warpper .recommend-list .mark {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30px;
  min-width: 30px;
  max-width: 30px;
  height: 30px;
  min-height: 30px;
  max-height: 30px;
  margin-right: 30px;
}

.recommend-lists-warpper .recommend-list .mark img {
  display: block;
  width: 100%;
}

.recommend-lists-warpper .recommend-list .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  font-size: 16px;
  width: calc(100% - 30px - 30px);
}

/* メディアクエリ */
@media screen and (max-width: 768px) {
  .recommend-lists-warpper {
    padding: 0px;
  }

  .recommend-lists-warpper .recommend-list .mark {
    max-width: 25px !important;
    min-width: 25px !important;
    max-height: 25px !important;
    min-height: 25px !important;
    margin-right: 25px;
  }

  .recommend-lists-warpper .recommend-list .text {
    font-size: 15px;
    width: auto;
  }

  .recommend-lists-warpper .recommend-list .text {
    font-size: 15px;
  }
}

/*******************************
   * 学べること
   *******************************/

.learn-lists-warpper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
  padding: 0px 20px;
}

.learn-lists-warpper .learn-list {
  /* 下線のカラーは上部で設定 */
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  padding: 15px 0px;
}

.learn-lists-warpper .learn-list:last-child {
  border-bottom: none;
}

.learn-lists-warpper .learn-list .mark {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 30px;
  max-width: 30px;
  min-width: 30px;
  height: 30px;
  max-height: 30px;
  min-height: 30px;
  margin-right: 30px;
}

.learn-lists-warpper .learn-list .mark img {
  display: block;
  width: 100%;
}

.learn-lists-warpper .learn-list .text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  text-align: left;
  font-size: 16px;
  width: calc(100% - 30px - 30px);
}

/* メディアクエリ */
@media screen and (max-width: 768px) {
  .learn-lists-warpper {
    padding: 0px;
  }

  .learn-lists-warpper .learn-list .mark {
    max-width: 25px !important;
    min-width: 25px !important;
    max-height: 25px !important;
    min-height: 25px !important;
    margin-right: 25px;
  }

  .learn-lists-warpper .learn-list .text {
    font-size: 15px;
    width: auto;
  }

  .learn-lists-warpper .learn-list .text {
    font-size: 15px;
  }
}

/*******************************
    * タイムスケジュール
    *******************************/

.schedule-lists-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.schedule-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.schedule-list .time-label {
  /* カラーは上部で設定 */
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: left;
  width: 150px;
  font-size: 14px;
  line-height: 2.2;
  font-weight: bold;
  border-radius: 1.1em;
  margin-right: 20px;
}

.schedule-list .time-label .time-number {
  box-sizing: border-box;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: left;
  width: 52px;
  padding: 0;
  margin: 0;
}

.schedule-list .time-label .time-separator {
  box-sizing: border-box;
  display: block;
  width: 16px;
  padding: 0;
  margin: 0;
}

.schedule-list .content {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: calc(100% - 150px - 20px);
}

.schedule-list .content .title {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  font-size: 16px;
  font-weight: bold;
}

.schedule-list .content .description {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  font-size: 14px;
  font-weight: normal;
}

/* メディアクエリ */
@media screen and (max-width: 768px) {
  .schedule-list {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    margin: 0;
    margin-bottom: 20px;
  }

  .schedule-list .time-label {
    max-width: 150px !important;
    min-width: 150px !important;
    font-size: 14px;
    line-height: 2.2;
    font-weight: bold;
    border-radius: 1.1em;
    margin: 0px;
    margin-bottom: 10px;
  }

  .schedule-list .time-label .time-number {
    max-width: 52px !important;
    min-width: 52px !important;
  }

  .schedule-list .time-label .time-separator {
    max-width: 16px !important;
    min-width: 16px !important;
  }

  .schedule-list .content .title {
    font-size: 15px;
  }

  .schedule-list .content .description {
    font-size: 13px;
  }
}

/*******************************
   * 講師プロフィール
   *******************************/

.speaker-lists-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.speaker-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 30px;
}

.speaker-list:last-child {
  margin-bottom: 0px;
}

.speaker-list .img-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 240px;
  margin-bottom: 20px;
}

.speaker-list .img-wrapper img {
  display: block;
  width: 100%;
  margin: auto;
}

.speaker-list .texts-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  margin-bottom: 15px;
}

.speaker-list .texts-wrapper div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
}

.speaker-list .texts-wrapper div.name {
  font-size: 17px;
  font-weight: bold;
}

.speaker-list .texts-wrapper div.position {
  font-size: 16px;
  font-weight: normal;
}

.speaker-list .texts-wrapper div.profile {
  font-size: 14px;
  font-weight: normal;
  margin-top: 15px;
}

/* メディアクエリ */
@media screen and (max-width: 768px) {
  .speaker-list .img-wrapper {
    max-width: 200px !important;
    min-width: 200px !important;
  }

  .speaker-list .texts-wrapper {
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-bottom: 15px;
  }

  .speaker-list .texts-wrapper div.name {
    font-size: 15px;
  }

  .speaker-list .texts-wrapper div.position {
    font-size: 14px;
  }

  .speaker-list .texts-wrapper div.profile {
    font-size: 13px;
    margin-top: 13px;
  }
}

/*******************************
  * 参加手順
  *******************************/

.process-lists-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  width: 100%;
}

.process-list {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  font-size: 14px;
}

.process-lists-wrapper .arrow {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 30px 20px;
  width: 100%;
}

.process-lists-wrapper .arrow span {
  /* 矢印のカラーは上部で設定 */
  box-sizing: border-box;
  font-size: 30px;
  font-weight: bold;
  transform: scale(1.5, 1);
}

/*******************************
  * 注意事項(最下部)
  *******************************/

.bottom-note {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  font-size: 12px;
}

.bottom-note .title {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  margin-bottom: 5px;
}

.bottom-note .title-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  font-size: 12px;
  font-weight: bold;
}

.bottom-note .note-lists-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
}

.bottom-note .note-lists-wrapper .note-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
}

.bottom-note .note-lists-wrapper .note-list .mark {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  margin-right: 3px;
  padding: 0;
}

.bottom-note .note-lists-wrapper .note-list .text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
}

.bottom-note .note-lists-wrapper .note-list ul {
  padding-left: 1.5em;
}

.bottom-note .note-lists-wrapper .note-list li {
  padding: 0;
  margin: 0;
}

@media screen and (max-width: 768px) {
  .bottom-note .title-text {
    font-size: 11px;
  }

  .bottom-note .note-lists-wrapper .note-list .text {
    font-size: 11px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<
 * リマインド
 >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
.section.remind .content-list .texts-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
}

.section.remind .content-list .texts-wrapper div {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  margin-bottom: 15px;
}

.section.remind .content-list .texts-wrapper div.large-text {
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  display: block;
  text-align: left;
}

.section.remind .content-list .texts-wrapper div.sublarge-text {
  font-size: 16px;
  font-weight: normal;
  width: 100%;
  display: block;
  text-align: left;
}

.section.remind .content-list .texts-wrapper div.normal-text {
  display: block;
  text-align: left;
  width: 100%;
  font-size: 14px;
  font-weight: normal;
}

.section.remind .content-list .texts-wrapper div.note-lists-wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.section.remind .content-list .texts-wrapper div.note-lists-wrapper .note-list {
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  font-size: 12px;
  padding: 0;
  margin: 0;
}

.section.remind
  .content-list
  .texts-wrapper
  div.note-lists-wrapper
  .note-list
  .note-mark {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  text-align: left;
  padding: 0;
  margin: 0;
  margin-right: 3px;
}

.section.remind
  .content-list
  .texts-wrapper
  div.note-lists-wrapper
  .note-list
  .note-text {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0;
  margin: 0;
}