@charset "UTF-8";
/* line 2, ../../sass/pages/freelectures.scss */
html {
  scroll-behavior: smooth !important;
}

/* line 6, ../../sass/pages/freelectures.scss */
.freelectures {
  position: relative;
  width: 100%;
  overflow: hidden;
}
/* line 11, ../../sass/pages/freelectures.scss */
.freelectures .banner {
  position: relative;
  width: 100%;
  height: 72vw;
  background-color: #002846;
  background-image: url(/images/lecture/main/pc_intro.jpg?v=2405211148);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top center;
}
/* line 21, ../../sass/pages/freelectures.scss */
.freelectures .banner .txt {
  position: absolute;
  left: 50%;
  bottom: 3%;
  padding: 0.75% 3%;
  transform: translate(-50%);
  border: 1px solid #FFF;
  color: #FFF;
  font-size: 2.125vw;
}
/* line 33, ../../sass/pages/freelectures.scss */
.freelectures .items {
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  border: 2px solid #002846;
}
/* line 40, ../../sass/pages/freelectures.scss */
.freelectures .items .body {
  width: 75%;
  padding: 1.25vw 0;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: row;
  flex-wrap: nowrap;
}
/* line 49, ../../sass/pages/freelectures.scss */
.freelectures .items .body .txt {
  display: flex;
  width: 50%;
  align-items: center;
  flex-wrap: nowrap;
  flex-direction: row;
}
/* line 56, ../../sass/pages/freelectures.scss */
.freelectures .items .body .txt .number {
  background-position: center;
  background-size: contain;
  background-repeat: no-repeat;
}
/* line 63, ../../sass/pages/freelectures.scss */
.freelectures .items .body .txt .title h1 {
  font-size: 2.85vw;
  color: #F9A372;
}
/* line 68, ../../sass/pages/freelectures.scss */
.freelectures .items .body .txt .title p {
  font-size: 1.25vw;
  color: #FFF;
}
/* line 75, ../../sass/pages/freelectures.scss */
.freelectures .items .body .img {
  width: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
/* line 82, ../../sass/pages/freelectures.scss */
.freelectures .items .body .left {
  order: 1;
}
/* line 86, ../../sass/pages/freelectures.scss */
.freelectures .items .body .right {
  order: 2;
}
/* line 90, ../../sass/pages/freelectures.scss */
.freelectures .items .body .right.txt {
  padding-left: 2.5vw;
}
/* line 96, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_1 {
  background-color: #002846;
}
/* line 101, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_1 .body .txt .number {
  width: 8vw;
  height: 6vw;
  background-image: url(/images/lecture/main/1.png?v=2405211148);
  background-position: center;
  background-repeat: no-repeat;
}
/* line 111, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_1 .body .img {
  height: 35vw;
  background-image: url(/images/lecture/main/1_pic.png?v=2405211148);
}
/* line 118, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_2 {
  background-color: #19334A;
}
/* line 123, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_2 .body .txt .number {
  width: 8vw;
  height: 6vw;
  background-image: url(/images/lecture/main/2.png?v=2405211148);
  background-position: center;
  background-repeat: no-repeat;
}
/* line 133, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_2 .body .img {
  height: 35vw;
  background-image: url(/images/lecture/main/2_pic.png?v=2405211148);
}
/* line 140, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_3 {
  background-color: #21405C;
}
/* line 145, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_3 .body .txt .number {
  width: 8vw;
  height: 6vw;
  background-image: url(/images/lecture/main/3.png?v=2405211148);
  background-position: center;
  background-repeat: no-repeat;
}
/* line 155, ../../sass/pages/freelectures.scss */
.freelectures .items.intro_3 .body .img {
  height: 35vw;
  background-image: url(/images/lecture/main/3_pic.png?v=2405211148);
}
/* line 162, ../../sass/pages/freelectures.scss */
.freelectures .time {
  width: 100%;
  color: #FFF;
}
/* line 166, ../../sass/pages/freelectures.scss */
.freelectures .time ul {
  display: flex;
  width: max-content;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  list-style: none;
  flex-wrap: nowrap;
  margin: 2vw auto;
}
/* line 176, ../../sass/pages/freelectures.scss */
.freelectures .time ul li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: max-content;
  padding-right: 3.5vw;
  letter-spacing: 0.125vw;
  font-size: 1.25vw;
  line-height: 1.25vw;
}
/* line 187, ../../sass/pages/freelectures.scss */
.freelectures .time ul li:last-child {
  padding-right: unset;
}
/* line 191, ../../sass/pages/freelectures.scss */
.freelectures .time ul .week:before {
  display: block;
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  margin-right: 0.5vw;
  background-image: url("/images/lecture/main/Icon material-date-range.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 202, ../../sass/pages/freelectures.scss */
.freelectures .time ul .time_item:before {
  width: 6vw;
  margin-right: 0.5vw;
  background-image: url("/images/lecture/main/Icon material-access-time.svg");
  background-repeat: no-repeat;
  background-size: 1.25vw;
  background-position: center right;
}
/* line 211, ../../sass/pages/freelectures.scss */
.freelectures .time ul .no1:before {
  content: "第一場";
}
/* line 215, ../../sass/pages/freelectures.scss */
.freelectures .time ul .no2:before {
  content: "第二場";
}
/* line 219, ../../sass/pages/freelectures.scss */
.freelectures .time ul .no3:before {
  content: "第三場";
}
/* line 223, ../../sass/pages/freelectures.scss */
.freelectures .time ul .address:before {
  display: block;
  content: "";
  width: 1.5vw;
  height: 1.5vw;
  margin-right: 0.5vw;
  background-image: url("/images/lecture/main/Icon awesome-map-marker-alt.svg");
  background-repeat: no-repeat;
  background-size: contain;
}
/* line 235, ../../sass/pages/freelectures.scss */
.freelectures .time ul .address a {
  color: #FFF;
  transition: color 0.25s ease-in-out;
}
/* line 240, ../../sass/pages/freelectures.scss */
.freelectures .time ul .address a:hover {
  color: #BF3C1A;
}
/* line 247, ../../sass/pages/freelectures.scss */
.freelectures .info {
  position: relative;
  width: 100%;
  min-height: 30vw;
  background-color: #0F1C25;
  padding: 5vw 0;
}
/* line 254, ../../sass/pages/freelectures.scss */
.freelectures .info h1 {
  font-size: 2.5vw;
  text-align: center;
  color: #FFFFFF;
}
/* line 260, ../../sass/pages/freelectures.scss */
.freelectures .info .event {
  position: relative;
  width: 100%;
  margin-top: 5vw;
}
/* line 265, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul {
  display: flex;
  width: 90%;
  margin: 0 auto;
  list-style: none;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: flex-start;
  padding-left: 0;
}
/* line 275, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li {
  position: relative;
  display: flex;
  width: calc(100% / 3);
  padding: 0 1.25% 3vw;
  flex-direction: column;
  text-align: center;
}
/* line 283, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li .img {
  position: relative;
  width: 100%;
}
/* line 287, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li .img a {
  display: block;
  width: 100%;
  background-color: unset;
  padding: 0;
}
/* line 293, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li .img a img {
  width: 100%;
}
/* line 298, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li .img a:hover {
  background-color: unset;
}
/* line 303, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li .date {
  position: relative;
  font-size: 1.125vw;
  color: #261916;
  background-color: #FFF;
  border-radius: 15px;
  border: 1px solid #707070;
  margin: 1vw 0 1.5vw;
  padding: 1vw 0;
}
/* line 314, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li a {
  display: flex;
  width: max-content;
  padding: 0.97vw 2.5vw;
  margin: 0 auto;
  color: #FFF;
  background-color: #BF3C1A;
  border-radius: 50px;
  font-size: 1.15vw;
  line-height: 1.15vw;
  align-items: center;
  transition: background-color 0.25s ease-in-out, color 0.25s ease-in-out;
}
/* line 328, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li a:hover {
  background-color: #FFFFFF;
  color: #BF3C1A;
}
/* line 335, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li.closeEvent .img:before,
.freelectures .info .event ul li.closeEvent .date:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
}
/* line 346, ../../sass/pages/freelectures.scss */
.freelectures .info .event ul li.closeEvent a {
  cursor: not-allowed;
  background-color: #3F5374;
  color: #9F9F9F;
}
/* line 357, ../../sass/pages/freelectures.scss */
.freelectures .register {
  position: relative;
  background-color: #19334A;
  padding: 4.5vw 0;
}
/* line 362, ../../sass/pages/freelectures.scss */
.freelectures .register > h1 {
  font-size: 2.5vw;
  text-align: center;
  color: #FFFFFF;
}
/* line 368, ../../sass/pages/freelectures.scss */
.freelectures .register .body {
  position: relative;
  display: flex;
  width: 90%;
  margin: 0 auto;
  justify-content: space-between;
  flex-direction: row;
  flex-wrap: wrap;
}
/* line 377, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form {
  position: relative;
  width: 60%;
  margin: 0 auto;
}
/* line 382, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form h3 {
  font-size: 2vw;
  color: #AE7F73;
  margin-bottom: 3.5vw;
}
/* line 388, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row {
  position: relative;
  display: flex;
  width: 100%;
  justify-content: space-between;
  margin: initial;
}
/* line 395, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row .input {
  position: relative;
  display: flex;
  width: 100%;
  flex-direction: column;
  padding: 0 0 1.45vw;
}
/* line 402, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row .input label {
  color: #FFF;
}
/* line 406, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row .input input, .freelectures .register .body .form .row .input select {
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 6px 12px;
  font-size: 16px;
  line-height: 1.5;
  color: #495057;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid #ced4da;
  border-radius: 7px;
  transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
/* line 421, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row .input .container {
  font-size: 16px;
}
/* line 424, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row .input .container a {
  color: #FFC45D;
}
/* line 432, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row.nameBody .input {
  width: 48%;
}
/* line 437, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row.people {
  color: #FFF;
}
/* line 440, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row.people .input {
  flex-direction: row !important;
  align-items: center;
}
/* line 444, ../../sass/pages/freelectures.scss */
.freelectures .register .body .form .row.people .input input {
  width: 25%;
  margin: 0 15px;
}
/* line 452, ../../sass/pages/freelectures.scss */
.freelectures .register .body .buttonArea {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
  justify-content: center;
  padding: 1vw 0;
}
/* line 460, ../../sass/pages/freelectures.scss */
.freelectures .register .body .buttonArea button {
  width: 50%;
  padding: 0.925vw 0;
  background-color: #FF9174;
  border-radius: 5px;
  color: #FFF;
  cursor: pointer;
  transition: background-color 0.25s ease-in-out;
}
/* line 470, ../../sass/pages/freelectures.scss */
.freelectures .register .body .buttonArea button:hover {
  background-color: #BF3C1A;
}
/* line 477, ../../sass/pages/freelectures.scss */
.freelectures .note {
  position: relative;
  background-color: #19334A;
  color: #FFF;
  padding: 4.5vw 0;
}
/* line 483, ../../sass/pages/freelectures.scss */
.freelectures .note .body {
  display: flex;
  flex-direction: column;
  width: 90%;
  margin: 0 auto;
}
/* line 488, ../../sass/pages/freelectures.scss */
.freelectures .note .body p {
  font-size: 1.15vw;
  line-height: 2.15vw;
  padding: 0.125vw 0;
}

@media (max-width: 991.98px) {
  /* line 500, ../../sass/pages/freelectures.scss */
  .freelectures {
    position: relative;
    width: 100%;
  }
  /* line 504, ../../sass/pages/freelectures.scss */
  .freelectures .banner {
    height: 195vw;
    padding-bottom: 0;
    background-image: url(/images/lecture/main/mob.jpg?v=2306281326);
    background-position: top center;
    background-size: contain;
  }
  /* line 512, ../../sass/pages/freelectures.scss */
  .freelectures .banner .txt {
    width: max-content;
    font-size: 5vw;
  }
  /* line 520, ../../sass/pages/freelectures.scss */
  .freelectures .items .body {
    width: 90%;
    padding: 4.25vw 0;
    flex-direction: column;
  }
  /* line 525, ../../sass/pages/freelectures.scss */
  .freelectures .items .body .txt {
    width: 100%;
    order: 1;
  }
  /* line 529, ../../sass/pages/freelectures.scss */
  .freelectures .items .body .txt .title {
    margin-left: 5vw;
  }
  /* line 532, ../../sass/pages/freelectures.scss */
  .freelectures .items .body .txt .title h1 {
    font-size: 6vw;
    color: #F9A372;
  }
  /* line 537, ../../sass/pages/freelectures.scss */
  .freelectures .items .body .txt .title p {
    font-size: 3.85vw;
    color: #FFF;
  }
  /* line 543, ../../sass/pages/freelectures.scss */
  .freelectures .items .body .txt .number {
    width: 11vw !important;
    height: 16vw !important;
  }
  /* line 549, ../../sass/pages/freelectures.scss */
  .freelectures .items .body .img {
    order: 2;
    width: 100%;
    height: 70vw !important;
    margin: 8.5vw 0 5vw;
  }
  /* line 556, ../../sass/pages/freelectures.scss */
  .freelectures .items .body .right.txt {
    padding-left: unset;
  }
  /* line 562, ../../sass/pages/freelectures.scss */
  .freelectures .items.intro_1 {
    background-color: #002846;
  }
  /* line 566, ../../sass/pages/freelectures.scss */
  .freelectures .items.intro_2 {
    background-color: #19334A;
  }
  /* line 570, ../../sass/pages/freelectures.scss */
  .freelectures .items.intro_3 {
    background-color: #21405C;
  }
  /* line 574, ../../sass/pages/freelectures.scss */
  .freelectures .time {
    width: 100%;
    color: #FFF;
  }
  /* line 578, ../../sass/pages/freelectures.scss */
  .freelectures .time ul {
    margin: 6vw auto;
    flex-direction: column;
    padding-left: 0;
  }
  /* line 583, ../../sass/pages/freelectures.scss */
  .freelectures .time ul li {
    padding: 5vw 0 0;
    letter-spacing: 0.125vw;
    font-size: 3.85vw;
    line-height: 3.85vw;
    color: #FFF;
  }
  /* line 591, ../../sass/pages/freelectures.scss */
  .freelectures .time ul li:last-child {
    padding-right: unset;
  }
  /* line 595, ../../sass/pages/freelectures.scss */
  .freelectures .time ul .week:before {
    display: block;
    content: "";
    width: 5vw;
    height: 5vw;
    margin-right: 2vw;
  }
  /* line 603, ../../sass/pages/freelectures.scss */
  .freelectures .time ul .time_item:before {
    width: 17vw;
    margin-right: 2.5vw;
    background-size: 3.25vw;
  }
  /* line 609, ../../sass/pages/freelectures.scss */
  .freelectures .time ul .address:before {
    display: block;
    content: "";
    width: 5vw;
    height: 5vw;
    margin-right: 2vw;
  }
  /* line 619, ../../sass/pages/freelectures.scss */
  .freelectures .info {
    position: relative;
    width: 100%;
    min-height: 30vw;
    background-color: #0F1C25;
    padding: 8vw 0;
  }
  /* line 626, ../../sass/pages/freelectures.scss */
  .freelectures .info h1 {
    font-size: 5.5vw;
    text-align: center;
    color: #FFFFFF;
  }
  /* line 632, ../../sass/pages/freelectures.scss */
  .freelectures .info .event {
    position: relative;
    width: 100%;
    margin-top: 5vw;
  }
  /* line 637, ../../sass/pages/freelectures.scss */
  .freelectures .info .event ul {
    width: 90%;
    flex-direction: column;
  }
  /* line 641, ../../sass/pages/freelectures.scss */
  .freelectures .info .event ul li {
    width: 100%;
    flex-direction: column;
    padding: 2vw 0 8.5vw 0;
  }
  /* line 646, ../../sass/pages/freelectures.scss */
  .freelectures .info .event ul li .date {
    font-size: 2.985vw;
    border-radius: 15px;
    border: 1px solid #707070;
    margin: 3vw 0 3.5vw;
    padding: 2.5vw 0;
    font-size: 3.85vw;
  }
  /* line 655, ../../sass/pages/freelectures.scss */
  .freelectures .info .event ul li a {
    padding: 3.15vw 4.55vw;
    background-color: #BF3C1A;
    font-size: 3.85vw;
    line-height: 3.85vw;
  }
  /* line 667, ../../sass/pages/freelectures.scss */
  .freelectures .register {
    padding: 6.5vw 0;
  }
  /* line 670, ../../sass/pages/freelectures.scss */
  .freelectures .register > h1 {
    font-size: 5.5vw;
    text-align: center;
    color: #FFFFFF;
  }
  /* line 676, ../../sass/pages/freelectures.scss */
  .freelectures .register .body {
    width: 90%;
    flex-direction: column;
  }
  /* line 680, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left {
    width: 100%;
  }
  /* line 683, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left h3 {
    font-size: 5.5vw;
    color: #AE7F73;
    margin-top: 7vw;
    margin-bottom: 6.5vw;
    text-align: center;
  }
  /* line 691, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left ul {
    width: 100%;
    flex-direction: column;
  }
  /* line 695, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left ul li {
    width: 100%;
    padding: 0 0 1.9vw;
    margin: 2.125vw 0;
    font-size: 3.85vw;
  }
  /* line 701, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left ul li .radioLabel {
    position: relative;
    display: block;
    padding-left: 6vw;
    line-height: 6vw;
    margin: 0;
    cursor: pointer;
  }
  /* line 709, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left ul li .radioLabel span {
    width: 4vw;
    height: 4vw;
    border: 2px solid #FFF;
    margin-top: 1vw;
  }
  /* line 716, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left ul li .radioLabel span::after {
    width: 2vw;
    height: 2vw;
    opacity: 0;
  }
  /* line 723, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .left ul li .radioInput:checked ~ .radioLabel span::after {
    opacity: 1;
  }
  /* line 730, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form {
    position: relative;
    width: 100%;
  }
  /* line 734, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form h3 {
    font-size: 5.5vw;
    margin-top: 15vw;
    margin-bottom: 5.5vw;
    color: #AE7F73;
    text-align: center;
  }
  /* line 742, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form .row {
    width: 100%;
  }
  /* line 745, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form .row .input {
    width: 100%;
    padding: 1.75vw 0;
  }
  /* line 752, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form .row.nameBody .input {
    width: 48%;
  }
  /* line 757, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form .row.people {
    color: #FFF;
  }
  /* line 760, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form .row.people .input {
    flex-direction: row !important;
    align-items: center;
  }
  /* line 764, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .form .row.people .input input {
    width: 25%;
    margin: 0 15px;
  }
  /* line 772, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .buttonArea {
    width: 100%;
    padding: 2vw 0;
  }
  /* line 776, ../../sass/pages/freelectures.scss */
  .freelectures .register .body .buttonArea button {
    width: 85%;
    padding: 1.925vw 0;
    border-radius: 10px;
  }
  /* line 785, ../../sass/pages/freelectures.scss */
  .freelectures .note .body {
    display: flex;
    flex-direction: column;
    width: 90%;
    margin: 0 auto;
  }
  /* line 790, ../../sass/pages/freelectures.scss */
  .freelectures .note .body p {
    font-size: 3.85vw;
    line-height: 6vw;
    padding: 2vw 0;
  }
}
/* line 801, ../../sass/pages/freelectures.scss */
.news-string {
  text-align: center;
  font-size: 1.25vw;
  color: #F9A372;
}

@media (max-width: 991.78px) {
  /* line 807, ../../sass/pages/freelectures.scss */
  .news-string {
    display: block;
    width: 90%;
    margin: 0 auto;
    text-align: center;
    font-size: 3.85vw;
  }
}