@charset "UTF-8";
/* --------------------
共有スタイル
----------------------- */
* {
  list-style: none;
  margin: 0px;
  padding: 0px;
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  color: #444444;
}

@media screen\0 {
  .iefont {
    font-family: 'Meiryo','メイリオ','ＭＳ Ｐゴシック',sans-serif;
  }
}

body {
  margin: 0px;
  padding: 0px;
}

a.noborder,
a.noborder:link,
a.noborder:hover,
a.noborder:active,
a.noborder:visited,
img {
  border: 0;
  vertical-align: bottom;
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}

.clearfix:after {
  clear: both;
}

p {
  text-align: left;
  line-height: 1.5;
  color: #444;
}

#wrapper {
  width: 100%;
  /* h2 */
  /* SP/PC 切り替え ------------- */
  /* 最大幅 ------------- */
  /* 申込ボタン ------------- */
  /* btnArea */
}

#wrapper img {
  width: 100%;
}

#wrapper h2 {
  position: relative;
  margin-bottom: 2em;
  border-bottom: 2px solid #009c39;
  width: 100%;
  height: 2em;
  text-align: center;
}

#wrapper h2 span {
  position: absolute;
  bottom: -0.7em;
  left: 50%;
  transform: translateX(-50%);
  padding: 0 0.5em;
  background-color: #fff;
  font-size: 20px;
  color: #009c39;
}

#wrapper .only_sp {
  display: block;
}

#wrapper .only_pc {
  display: none;
}

#wrapper .maxWidthL {
  position: relative;
  margin: 0 auto 0 auto;
  max-width: 960px;
  width: 90%;
}

#wrapper .maxWidthM {
  position: relative;
  margin: 0 auto 0 auto;
  max-width: 800px;
  width: 90%;
}

#wrapper .maxWidthS {
  position: relative;
  margin: 0 auto 0 auto;
  max-width: 752px;
  width: 90%;
}

#wrapper .btnArea a {
  display: block;
  position: fixed;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 9;
  padding: 10px 0;
  width: 100%;
  box-shadow: 0 -5px 10px rgba(0, 0, 0, 0.2);
  background: linear-gradient(#f7cc72, #f7b52c);
  text-decoration: none;
  text-align: center;
  line-height: 1.5;
  font-weight: 600;
  font-size: 20px;
  color: #333;
}

#wrapper .btnArea .end {
  text-align: center;
  color: #ff0000;
}

/* wrapper */
/* JBヘッダー ------------- */
#jb-head {
  padding: 5px;
  background: #fff;
  /* a */
}

#jb-head p {
  padding: 1em 0.5em 0;
  font-size: 12px;
}

#jb-head a {
  display: block;
}

#jb-head a.logo_jb {
  max-width: 119px;
}

#jb-head a.logo_cdo {
  max-width: 120px;
}

#jb-head .right {
  float: right;
}

#jb-head .left {
  float: left;
}

/* jb-head */
#wrapper {
  /* ---------------------------
ナビゲーションエリア
--------------------------- */
  /* navArea */
  /* ---------------------------
ヘッダーエリア
--------------------------- */
  /* headerArea */
  /* ---------------------------
セクション共通
--------------------------- */
  /* section */
  /* ---------------------------
リードエリア
--------------------------- */
  /* leadArea */
  /* ---------------------------
開催概要エリア
--------------------------- */
  /* summaryArea */
  /* ---------------------------
タイムテーブルエリア
--------------------------- */
  /* ttbArea */
  /* ---------------------------
アクセスエリア(注意事項)
--------------------------- */
  /* accessArea */
  /* ---------------------------
フッターエリア
--------------------------- */
  /* footerArea */
}

#wrapper .navArea {
  width: 100%;
  /* li */
}

#wrapper .navArea ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  background-color: #e3ffed;
}

#wrapper .navArea li {
  padding: 8px 4px 8px 4px;
  box-sizing: border-box;
  width: 50%;
}

#wrapper .navArea li:first-of-type {
  border-right: 1px solid #555;
}

#wrapper .navArea li a {
  display: block;
  text-align: center;
  text-decoration: none;
  font-weight: 600;
  font-size: 11px;
  color: #555;
  font-feature-settings: "palt";
}

#wrapper .navArea.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
}

#wrapper .headerArea {
  position: relative;
  padding: 30px 0 20px 0;
  box-sizing: border-box;
  background-color: #000c48;
  /* mainImage */
  /* h1 */
  /* h2 */
  /* 講師紹介 ------------- */
  /* guestBlock */
}

#wrapper .headerArea .mainImage {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../images/bg.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

#wrapper .headerArea .textArea {
  width: 95%;
}

#wrapper .headerArea .textArea .seminerLive {
  width: 90%;
  padding: 5% 3%;
  background: rgba(0, 0, 0, 0.7);
  margin: 0 auto 1.5em;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
  color: #f7cc72;
}

#wrapper .headerArea .textArea .seminerLive span {
  display: block;
  margin: 1em 0 0em 0;
  font-weight: normal;
  font-size: 65%;
  color: #fff;
  text-align: left;
}

#wrapper .headerArea h1 {
  display: block;
  margin-bottom: 20px;
  text-align: center;
  font-weight: 600;
  font-family: 'YuGothic', 'Yu Gothic', Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 14px;
  color: #fff;
  text-shadow: 0 0 10px #000;
  line-height: 1.5;
  /* strong */
}

#wrapper .headerArea h1 strong.main {
  display: block;
  margin: 0 auto 0.2em auto;
  text-align: center;
  line-height: 1.2;
  letter-spacing: 1px;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
  font-weight: 700;
  font-style: italic;
  font-family: Roboto , arial , Hiragino Sans, 'ヒラギノ角ゴシック', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'YuGothic', 'Yu Gothic','Meiryo', 'メイリオ', Verdana, 'ＭＳ Ｐゴシック', sans-serif;
  font-size: 180%;
  color: #fff;
}

#wrapper .headerArea h1 small {
  display: block;
  text-align: center;
  color: #fff;
  font-size: 80%;
  margin-bottom: 5px;
}

#wrapper .headerArea h2 {
  color: #ffff00;
  border-top: 1px solid #ffff00;
  border-bottom: 1px solid #ffff00;
  margin: 0 auto 10px;
  height: auto;
  font-size: 22px;
  width: 300px;
}

#wrapper .headerArea .txt {
  text-align: center;
  font-size: 16px;
  font-weight: 600;
  color: #fff;
  text-shadow: 0 0 10px #000;
  margin-bottom: 0.5em;
}

#wrapper .headerArea .txt span {
  color: #fff;
  display: block;
  font-size: 140%;
}

#wrapper .headerArea .guestBlock {
  width: 90%;
  margin: 40px auto 0 auto;
  /* itemBox */
  /* h3 */
}

#wrapper .headerArea .guestBlock .itemBox {
  position: relative;
  margin-bottom: 40px;
  padding: 20px 0 16px 0;
  box-sizing: border-box;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  border-bottom: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
}

#wrapper .headerArea .guestBlock .itemBox:last-of-type {
  margin-bottom: 0px;
}

#wrapper .headerArea .guestBlock .itemBox > div {
  display: flex;
  justify-content: space-around;
  align-items: center;
}

#wrapper .headerArea .guestBlock .itemBox > div > span {
  width: 40%;
}

#wrapper .headerArea .guestBlock .itemBox > div img {
  border-radius: 50%;
}

#wrapper .headerArea .guestBlock h3 {
  display: flex;
  margin: -20px auto 20px auto;
  width: 100%;
  text-align: center;
}

#wrapper .headerArea .guestBlock h3:before, #wrapper .headerArea .guestBlock h3:after {
  content: "";
  display: block;
  flex-grow: 1;
  height: 2px;
  background: #ffffff;
}

#wrapper .headerArea .guestBlock h3:before {
  top: 15px;
  left: 0;
  margin-right: 0.4em;
}

#wrapper .headerArea .guestBlock h3:after {
  bottom: 9px;
  right: 0;
  margin-left: 0.4em;
}

#wrapper .headerArea .guestBlock h3 span {
  margin-top: -0.6em;
  font-size: 17px;
  color: #ffffff;
}

#wrapper .headerArea .guestBlock .name {
  text-align: center;
  font-size: 12px;
  color: #ffffff;
  width: 50%;
}

#wrapper .headerArea .guestBlock .name strong {
  display: block;
  margin-bottom: 0.5em;
  line-height: 1.2;
  font-size: 150%;
  color: #ffffff;
}

#wrapper .headerArea.hdtop {
  margin-top: 33px;
}

#wrapper section {
  margin-bottom: 30px;
}

#wrapper section .smallNote {
  margin: 0 auto;
  padding: 0 0 0 2em;
  width: 90%;
  text-indent: -1em;
  line-height: 1.4;
  font-size: 11px;
}

#wrapper .leadArea {
  padding: 20px 0 20px 0;
  background-color: #eff1f1;
}

#wrapper .leadArea p {
  margin-bottom: 1em;
  text-indent: 1em;
  line-height: 1.6;
  font-size: 15px;
  font-weight: bold;
}

#wrapper .leadArea p:last-of-type {
  margin-bottom: 0;
}

#wrapper .leadArea a {
  text-align: center;
  font-size: 13px;
  font-weight: bold;
  display: block;
  margin: 30px auto 10px;
  padding: 8px 0;
  width: 95%;
  max-width: 380px;
  background-color: #009c39;
  color: #fff;
  text-decoration: none;
  line-height: 1.4;
  transition: .3s;
}

#wrapper .leadArea a:hover {
  opacity: .7;
}

#wrapper .summaryArea {
  /* table */
}

#wrapper .summaryArea tr {
  display: block;
  margin-bottom: 12px;
}

#wrapper .summaryArea th,
#wrapper .summaryArea td {
  display: block;
  width: 100%;
  text-align: center;
}

#wrapper .summaryArea th {
  margin-bottom: 12px;
  padding: 4px 0 4px 0;
  background-color: #e3ffed;
  font-size: 17px;
}

#wrapper .summaryArea td {
  font-size: 17px;
}

#wrapper .summaryArea td.txtS {
  font-size: 14px;
}

#wrapper .summaryArea table {
  margin: 0 auto 20px auto;
  width: 100%;
}

#wrapper .summaryArea table p {
  margin-bottom: 1em;
  text-align: center;
}

#wrapper .summaryArea table p:last-of-type {
  margin-bottom: 0em;
}

#wrapper .summaryArea table .name {
  font-weight: bold;
  color: #009c39;
}

#wrapper .summaryArea table .btn {
  display: block;
  margin: 0 auto 0 auto;
  padding: 2px 0px 2px 0px;
  width: 60px;
  border-radius: 5px;
  background-color: #ccc;
  text-align: center;
  font-weight: 600;
  color: #555;
}

#wrapper .summaryArea table .note {
  line-height: 1.2;
  font-size: 13px;
}

#wrapper .summaryArea table .caution {
  line-height: 1.2;
  font-weight: 600;
  font-size: 15px;
  color: #ff0000;
}

#wrapper .ttbArea {
  /* td */
}

#wrapper .ttbArea tr {
  display: block;
  padding: 12px 8px 12px 8px;
  border-bottom: 1px solid #c8c9ca;
  box-sizing: border-box;
}

#wrapper .ttbArea tr:nth-child(odd) {
  background-color: #e3ffed;
}

#wrapper .ttbArea tr.only_pc {
  display: none;
}

#wrapper .ttbArea td {
  display: block;
  margin-bottom: 15px;
  width: 100%;
  text-align: center;
  font-size: 15px;
  /* div */
}

#wrapper .ttbArea td > div {
  margin: 0;
  width: 100%;
}

#wrapper .ttbArea td > div span {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0 auto 0px auto;
  border-radius: 50%;
  box-sizing: border-box;
  width: 90px;
  height: 90px;
}

#wrapper .ttbArea td > div span img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 100%;
}

#wrapper .ttbArea td > div p {
  width: 55%;
}

#wrapper .ttbArea td .flexWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 20px;
}

#wrapper .ttbArea td .flexWrap:last-of-type {
  margin-bottom: 0;
}

#wrapper .ttbArea td p {
  font-size: 13px;
}

#wrapper .ttbArea td:nth-of-type(3) {
  margin-bottom: 0;
}

#wrapper .ttbArea td.only_pc {
  display: none;
}

#wrapper .ttbArea td .prof {
  font-size: 12px;
  text-align: left;
  margin-bottom: 20px;
}

#wrapper .ttbArea td .name_only {
  margin: 10px auto;
}

#wrapper .ttbArea td .name_only p {
  font-size: 80%;
  width: 100%;
  text-align: center;
}

#wrapper .ttbArea .name {
  text-align: left;
}

#wrapper .ttbArea .name strong {
  display: block;
  font-size: 105%;
}

#wrapper .ttbArea .profile {
  font-size: 11px;
  line-height: 1.5;
  margin: 1em 10px;
  text-align: left;
}

#wrapper .ttbArea .ttl {
  margin-bottom: 1em;
  font-weight: 600;
  color: #009c39;
  text-align: center;
  font-size: 15px;
}

#wrapper .ttbArea .ttl span {
  display: block;
  font-size: 90%;
  color: #009c39;
}

#wrapper .ttbArea table {
  margin-bottom: 12px;
}

#wrapper .ttbArea .cap {
  font-size: 13px;
}

#wrapper .accessArea {
  margin-bottom: 0;
  padding: 20px 0;
  background-color: #eff1f1;
}

#wrapper .accessArea > div {
  width: 90%;
  margin: 0 auto;
  max-width: 700px;
}

#wrapper .accessArea h4 {
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 1em;
}

#wrapper .accessArea h5 {
  font-size: 13px;
  font-weight: 700;
  margin-bottom: 0.5em;
}

#wrapper .accessArea p.note {
  margin-bottom: 20px;
  font-size: 12px;
}

#wrapper .accessArea li {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 1em;
  font-size: 12px;
  line-height: 1.6;
}

#wrapper .accessArea li:before {
  content: "・";
  display: block;
  position: absolute;
  top: 0;
  left: -0.5em;
}

#wrapper .accessArea li a {
  word-break: break-all;
}

#wrapper .accessArea li a:hover {
  text-decoration: underline;
}

#wrapper .footerArea {
  padding-bottom: 50px;
  background: linear-gradient(90deg, #1e5799, #008b5b);
}

#wrapper .footerArea > div {
  margin: 0 auto 0 auto;
  padding: 12px 0 12px 0;
  max-width: 500px;
}

#wrapper .footerArea p {
  text-align: center;
  line-height: 1.85;
  font-weight: 600;
  font-size: 12px;
  color: #ffffff;
}

#wrapper .footerArea p.name {
  font-size: 16px;
}

#wrapper .footerArea p.small {
  padding: 0px 8px 20px 8px;
  text-align: left;
  line-height: 1.5;
  font-weight: 500;
}

#wrapper .footerArea small {
  display: block;
  padding: 4px 0 4px 0;
  text-align: center;
  font-size: 10px;
  color: #ffffff;
}

/* wrapper */
/*# sourceMappingURL=style.css.map */