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

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

}

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



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

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

#SDEventHeadBody h2,
#SDEventHeadBody h3,
#SDEventHeadBody p {
    color:#525252;
}

/* 文字色 */
.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:#FFFFFF;
}

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

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

.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:#CCCCCC;
}

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

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

.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.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.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.comment .title-img {
    background: url(https://er-static.s3.amazonaws.com/uploads/event_image/aebb65bbbfb82fdcb9460bb3887d4b32/9112d470646d412afaffa2de911fafd6072096a9.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
  }
  
  /*----------------------------------------------
   * カラー設定
   ----------------------------------------------*/
  /* 申込みボタン */
  .SPBtnAW1 {
      background-color: #1b854b !important;
      color: #ffffff !important;
      border: 3px solid #1b854b !important;
  }   
  
  /* タイトルの下線 */
  .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-list2 {
    margin-bottom: 1.5em;
  }
  
  .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;
  }