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

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

}

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



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

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

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

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

/* ボーダー */
#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;
}

/*----------------------------------------
＜注意事項＞
・EventRegistのブレイクポイントは 横幅768px
・横幅768px以下では width が効かず、95%で固定されるため、max-width, min-width で調節するしかない
----------------------------------------*/

/*******************************************************
項目1
*******************************************************/
/*==================================
項目2
==================================*/
/*--------------------
項目3
--------------------*/
/* 項目4 */

/*#################################################################################################################*/

/*******************************************************
EventRegist 全体設定
*******************************************************/

/*==================================
ボックス タイトル > PC
==================================*/
.CH1 {
  font-size: 20px !important;
  font-weight: 700 !important;
  letter-spacing: 0.05em !important;
}

.SDEvent1.APkg {
  background-color: #1B3357;
}

#ticket_order_form .SDEvent1.APkg {
  background-color: #FFFFFF;
}

.SDEvent1.APkg .CH1 {
  width: max-content !important;
  padding: 20px 0px 3px 0px !important;
  margin-left: 20px;
  color: #FFFFFF !important;
  background-color: #1B3357 !important;
  border-bottom: 3px solid #2187DE !important;
}

#ticket_order_form .SDEvent1.APkg .CH1 {
  color: #333333 !important;
  background-color: #FFFFFF !important;
}

.SDEvent1.APkg .CD1.eventDetailBlock {
  background-color: #1B3357 !important;
  color: #FFFFFF !important;
  font-size: 14px !important;
  padding: 0px !important;
}

/*==================================
ボックス タイトル > SP
==================================*/
@media screen and (max-width: 768px) {
  .CH1 {
    font-size: 18px !important;
  }

  .SDEvent1.APkg {}

  #ticket_order_form .SDEvent1.APkg {}

  .SDEvent1.APkg .CH1 {
    width: max-content !important;
    padding: 18px 0px 3px 0px !important;
    margin-left: 18px;
    border-bottom: 3px solid #2187DE !important;
  }

  #ticket_order_form .SDEvent1.APkg .CH1 {}

  .SDEvent1.APkg .CD1.eventDetailBlock {
    font-size: 13px !important;
    padding: 0px !important;
  }

}

/*******************************************************
イベント概要
*******************************************************/
/*==================================
全体・共通 > PC
==================================*/
.wrapper {
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px;
}

.wrapper * {
  box-sizing: border-box;
  width: 100%;
  font-size: 14px;
}

.section {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  background-color: #FFFFFF;
  padding: 40px 20px;
  margin-bottom: 70px;
}

.section-title {
  position: absolute;
  top: 0;
  left: 30px;
  transform: translate(0%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  font-size: 18px;
  font-weight: 700;
  line-height: 1;
  width: max-content !important;
  padding: 1em 1.7em 1.5em 1.7em;
  background-color: #FFFFFF;
  color: #333333;
  border-radius: 2em;
}

/*==================================
全体・共通 > SP
==================================*/
@media screen and (max-width: 768px) {
  .wrapper {
    padding: 15px;
  }

  .wrapper * {
    width: 100%;
    font-size: 13px;
  }

  .section {
    padding: 30px 15px;
    margin-bottom: 60px;
  }

  .section-title {
    position: absolute;
    top: 0;
    left: 25px;
    transform: translate(0%, -50%);
    font-size: 16px;
    font-weight: 700;
    line-height: 1;
    width: auto !important; /* 効かない */
    padding: 1em 1.7em 1.5em 1.7em;
    border-radius: 2em;
  }

}

/*==================================
イントロダクション > PC
==================================*/
.section.introduction {
  background-color: transparent !important;
  color: #FFFFFF !important;
  padding: 0px;
}

.section.introduction .text-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  text-align: left;
  padding: 0px 20px;
  margin-top: 20px;
  margin-bottom: 5px;
}

.section.introduction .text-wrapper .text {
  display: block;
  text-align: left;
  padding: 0px;
  width: 100%;
  line-height: 1.8;
}

.section.introduction .img-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  width: 100%;
}

.section.introduction .img-wrapper .img {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/b38f37333b57209bebdd8765e5908272138c7c92.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  display: block;
  width: 250px;
  height: 150px;
}

/*==================================
イントロダクション > SP
==================================*/
@media screen and (max-width: 768px) {
  .section.introduction {
    padding: 0px;
  }

  .section.introduction .text-wrapper {
    padding: 0px 10px;
    margin-top: 15px;
  }

  .section.introduction .text-wrapper .text {
    padding: 0px;
    width: 100%;
    min-width: 100%;
    max-width: 100%;
    line-height: 1.8;
  }

  .section.introduction .img-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-end;
    width: auto !important; /* 効かない */
  }

  .section.introduction .img-wrapper .img {
    max-width: 160px;
    min-width: 160px;
    max-height: 96px;
    min-height: 96px;
  }

}


/*==================================
おすすめ > PC
==================================*/
.recommend-lists-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.recommend-list {
  position: relative;
  padding: 0px;
  padding-top: 43.3%;
  width: 100%;
  margin-bottom: 20px;
}

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

.recommend-list:nth-child(1) {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/00dc985e82f9f24bffafddb55f59f79d258a9c42.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.recommend-list:nth-child(2) {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/3e7040dca02fc91b327fc8267b4041669faba3af.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.recommend-list:nth-child(3) {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/b4e9a740ae7694d0854bc2d23e07bc93e0c70f40.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.recommend-title {
  position: absolute;
  top: 15.3%;
  left: 0%;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: flex-start;
  background-color: #FFFFFF;
  width: max-content;
  height: 44.2%;
  padding: 10px 10px;
}

.recommend-title .mark {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/462bc65d2cfb60b2c05b2c580b9b449e0c683019.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  width: 55px;
  height: 55px;
  margin-right: 10px;
}

.recommend-title .text {
  display: block;
  text-align: left;
  font-size: 20px;
  font-weight: bold;
  color: #333333;
  margin-top: 16px;
  letter-spacing: 0.05em;
}

/*==================================
おすすめ > SP
==================================*/
@media screen and (max-width: 768px) {
  .recommend-lists-wrapper {}

  .recommend-list {
    margin-bottom: 15px;
  }

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

  .recommend-title {
    position: absolute;
    top: 15.3%;
    left: 0%;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    background-color: #FFFFFF;
    width: max-content;
    height: 58px;
    padding: 5px 10px 0px 5px;
  }

  .recommend-title .mark {
    max-width: 25px;
    min-width: 25px;
    max-height: 25px;
    max-height: 25px;
    margin-right: 4px;
  }

  .recommend-title .text {
    font-size: 12px;
    margin-top: 6px;
    letter-spacing: 0.05em;
  }

}

/*==================================
タイムスケジュール > PC
==================================*/
.day-lists-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background-color: transparent;
}

.day-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  background-color: #E8E8E8;
  color: #000000;
  padding: 20px;
  margin-bottom: 20px;
}

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

.day-title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  font-weight: 600;
  background-color: #FFFFFF;
  color: #333333;
  padding: 0.5em 0em;
  margin-bottom: 40px;
}

.time-lists-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
}

.time-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 20px;
}

.time-label {
  position: relative;
  display: block;
  font-size: 18px;
  width: 100%;
  height: 2.2em;
  margin-bottom: 20px;
}

.time-label .back-line {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 2px;
  background-color: #A5C8DC;
}

.time-label .time {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background-color: #1B3458;
  color: #FFFFFF;
  font-weight: bold;
  padding: 1em 0em;
  line-height: 1;
  border-radius: 2em;
  width: 160px;
}

.time-content-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0px 20px;
}

.time-content {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 0px;
  width: max-content;
  max-width: 100%;
}

.time-content .title {
  display: block;
  font-size: 15px;
  font-weight: bold;
  text-align: left;
  margin-bottom: 1em;
}

.time-content .text {
  display: block;
  font-size: 14px;
  text-align: left;
  margin-bottom: 1em;
}

/*==================================
タイムスケジュール > SP
==================================*/
@media screen and (max-width: 768px) {
  .day-lists-wrapper {}

  .day-list {
    padding: 15px;
    margin-bottom: 15px;
  }

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

  .day-title {
    font-size: 18px;
    font-weight: 600;
    padding: 0.5em 0em;
    margin-bottom: 35px;
  }

  .time-lists-wrapper {}

  .time-list {
    margin-bottom: 18px;
  }

  .time-label {
    font-size: 14px;
    height: 2.2em;
    margin-bottom: 20px;
  }

  .time-label .back-line {
    min-width: 100%;
    max-height: 2px;
    min-height: 2px;
  }

  .time-label .time {
    padding: 1em 0em;
    line-height: 1;
    border-radius: 2em;
    max-width: 150px;
    min-width: 150px;
  }

  .time-content-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0px 20px;
  }

  .time-content {
    padding: 0px;
    width: max-content;
    max-width: 100%;
  }

  .time-content .title {
    font-size: 14px;
    margin-bottom: 1em;
  }

  .time-content .text {
    font-size: 13px;
    margin-bottom: 1em;
  }

}


/*==================================
講師プロフィール > PC
==================================*/
.profile-lists-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  color: #333333;
  padding: 0px 20px;
}

.profile-list {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  padding: 20px 10px 40px 10px;
  border-bottom: 2px solid #A4C7DB;
  margin-bottom: 20px;
}

.profile-list:last-child {
  padding: 20px 10px 0px 10px;
  border: unset;
  margin-bottom: 0px;
}

.profile-img-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 20px;
}

.profile-img-wrapper .img {
  display: block;
  width: 200px;
  height: 200px;
}

.profile-img-wrapper .img.matsushima {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/e91f8fb104184395874db359ca3305cfb2fc74ac.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.profile-img-wrapper .img.watanabe {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/e7c4a351c514b98c9fd43fd50c55c9ac4e4cfe33.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.profile-img-wrapper .img.suzuki {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/31314b8fdb2fcadfbbf71b961b026907f70bbf48.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.profile-img-wrapper .img.hatae {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/34ad4a84c2c15c21173fd29cdc880660269697eb.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.profile-img-wrapper .img.ichikawa {
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/b31752a02c2ffb7d215aa0fd2d38d48e704085d3.jpg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}


.name-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 20px;
}

.name-wrapper .name-ja {
  display: block;
  width: max-content;
  font-size: 18px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
}

.name-wrapper .name-en {
  display: block;
  width: max-content;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin: 0px;
  padding: 0px;
}

.profile-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
}

.profile-wrapper .profile-text {
  display: block;
  text-align: left;
  width: max-content;
  max-width: 100%;
  font-size: 14px;
}

/*==================================
講師プロフィール > SP
==================================*/
@media screen and (max-width: 768px) {
  .profile-lists-wrapper {
    padding: 0px 5px;
  }

  .profile-list {
    padding: 15px 7px 30px 7px;
    border-bottom: 2px solid #A4C7DB;
    margin-bottom: 15px;
  }

  .profile-list:last-child {
    padding: 15px 7px 0px 7px;
    border: unset;
    margin-bottom: 0px;
  }

  .profile-img-wrapper {
    margin-bottom: 15px;
  }

  .profile-img-wrapper .img {
    display: block;
    max-width: 160px;
    min-width: 160px;
    max-height: 160px;
    min-height: 160px;
  }

  .name-wrapper {
    margin-bottom: 15px;
  }

  .name-wrapper .name-ja {
    font-size: 16px;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
  }

  .name-wrapper .name-en {
    font-size: 12px;
    line-height: 1.5;
    margin: 0px;
    padding: 0px;
  }

  .profile-wrapper {}

  .profile-wrapper .profile-text {
    width: max-content;
    max-width: 100%;
    font-size: 13px;
  }

}


/*==================================
協賛企業 > PC
==================================*/
.corp-imgs-wrapper {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
}

.corp-img {
  display: block;
  margin: 20px 30px;
}

.corp-img.moneyforward {
  /* 画像URL */
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/0466474e5053f828e21987ecfea101b5e81b02ce.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /* 横幅・高さ */
  width: 200px;
  height: 40px;
}

.corp-img.financialcreate {
  /* 画像URL */
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/8313a3b0a3bd5ac751a3a25f541280305f45e2fc.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /* 横幅・高さ */
  width: 200px;
  height: 40px;
}

.corp-img.ecrowd {
  /* 画像URL */
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/d2baaca898220369d64a85b8983c0595c36b958e.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /* 横幅・高さ */
  width: 300px;
  height: 60px;
}

.corp-img.flc {
  /* 画像URL */
  background-image: url(https://er-static.s3.amazonaws.com/uploads/event_image/376445d58c3a5d5e518622753dc9eb8e/c5a627d20c106e40db8b434accb0d6f5130a3679.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  /* 横幅・高さ */
  width: 800px;
  height: 180px;
}


/*==================================
協賛企業 > SP
==================================*/
@media screen and (max-width: 768px) {
  .corp-imgs-wrapper {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
  }

  .corp-img {
    display: block;
    margin: 15px 20px;
  }

  .corp-img.moneyforward {
    max-width: 150px;
    min-width: 150px;
    max-height: 30px;
    min-height: 30px;
  }

  .corp-img.financialcreate {
    max-width: 150px;
    min-width: 150px;
    max-height: 30px;
    min-height: 30px;
  }

  .corp-img.ecrowd {
    max-width: 150px;
    min-width: 150px;
    max-height: 30px;
    min-height: 30px;
  }

  .corp-img.flc {
    max-width: 600px;
    min-width: 600px;
    max-height: 120px;
    min-height: 120px;
  }

}



/*==================================
参加案内 > PC
==================================*/
.section.navigation {
  font-size: 14px;
  color: #555555;
  line-height: 1.7;
  padding: 40px 30px;
}

.description-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  margin-bottom: 25px;
}

.description-text {
  display: block;
  text-align: left;
}

.note-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: stretch;
  border: 2px solid #87B8C7;
  padding: 30px 20px;
}

.note-title {
  display: block;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}

.note-text {
  display: block;
  line-height: 1.5;
}

./*==================================
参加案内 > SP
==================================*/
@media screen and (max-width: 768px) {
  .section.navigation {
    font-size: 13px;
    line-height: 1.7;
    padding: 30px 20px;
  }

  .description-wrapper {
    margin-bottom: 20px;
  }

  .description-text {}

  .note-wrapper {
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    align-items: stretch;
    border: 2px solid #87B8C7;
    padding: 25px 15px;
  }

  .note-title {
    display: block;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.5;
  }

  .note-text {
    display: block;
    line-height: 1.5;
  }

}