@charset "UTF-8";
@font-face {
  font-family: "NotoSansJP-Black";
  src: url(/fonts/NotoSansJP/NotoSansJP-Black.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Bold";
  src: url(/fonts/NotoSansJP/NotoSansJP-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoSansJP-Regular";
  src: url(/fonts/NotoSansJP/NotoSansJP-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ZenMaruGothic-Black";
  src: url(/fonts/ZenMaruGothic/ZenMaruGothic-Black.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ZenMaruGothic-Bold";
  src: url(/fonts/ZenMaruGothic/ZenMaruGothic-Bold.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "ZenMaruGothic-Regular";
  src: url(/fonts/ZenMaruGothic/ZenMaruGothic-Regular.woff) format("woff");
  font-display: swap;
}
@font-face {
  font-family: "NotoColorEmoji-Regular";
  src: url(/fonts/NotoColorEmoji/NotoColorEmoji-Regular.woff) format("woff");
  font-display: swap;
}
/*16*1.75/2*/
/*=========*/
/* lecture */
/*=========*/
.lecture .main-sec {
  margin-bottom: 120px;
}
@media (max-width: 767px) {
  .lecture .main-sec {
    margin-top: 64px;
    margin-bottom: 60px;
  }
}
.lecture .main-sec .main-area {
  position: relative;
}
.lecture .main-sec .main-area .main-img img {
  width: 100%;
  height: auto;
}
.lecture .main-sec .main-area .main-heading {
  position: absolute;
  top: 46.28%; /*324/700*/
  left: 18.75%;
  width: 35.333%;
  max-width: 424px;
}
@media (max-width: 1024px) {
  .lecture .main-sec .main-area .main-heading {
    top: 20%;
  }
}
@media (max-width: 767px) {
  .lecture .main-sec .main-area .main-heading {
    top: 20%;
    left: 8%;
    width: 50%;
  }
}
.lecture .sec01 .list-nv {
  margin: 80px auto;
}
@media (max-width: 767px) {
  .lecture .sec01 .list-nv {
    margin: 24px auto;
  }
}
.lecture .sec01 .list-nv li {
  width: 32%;
}
@media (max-width: 767px) {
  .lecture .sec01 .list-nv li {
    min-width: 100px;
  }
}
.lecture .sec01 .list-nv li a span {
  font-size: 24px;
}
@media (max-width: 1023px) {
  .lecture .sec01 .list-nv li a span {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .lecture .sec01 .list-nv li a span {
    font-size: 12px;
  }
}
.lecture .sec02 .btn {
  margin-top: 32px;
}
@media (max-width: 767px) {
  .lecture .sec02 .btn {
    margin-top: 16px;
    text-align: center;
  }
}
.lecture .sec02 .table-wrap {
  margin-bottom: 88px;
  overflow-x: auto;
}
@media (max-width: 767px) {
  .lecture .sec02 .table-wrap {
    margin-bottom: 48px;
  }
}
.lecture .sec02 .table-lecture {
  border-collapse: separate;
}
@media (max-width: 767px) {
  .lecture .sec02 .table-lecture {
    min-width: 400px;
  }
}
.lecture .sec02 .table-lecture thead th {
  border-right: 16px solid transparent;
}
.lecture .sec02 .table-lecture thead th span {
  display: block;
  padding: 8px;
  border-radius: 16px;
  background-color: #DB4B83;
  color: #FFF;
  text-align: center;
  line-height: 1;
  font-family: "ZenMaruGothic-Bold", sans-serif;
}
@media (max-width: 767px) {
  .lecture .sec02 .table-lecture thead th span {
    padding: 4px 2px;
    border-radius: 8px;
  }
}
@media (max-width: 767px) {
  .lecture .sec02 .table-lecture thead th {
    border-right: 2px solid transparent;
  }
}
.lecture .sec02 .table-lecture thead th:last-child {
  border-right: none;
}
.lecture .sec02 .table-lecture td {
  padding: 24px;
  border-bottom: 1px solid #8C8C8C;
}
@media (max-width: 767px) {
  .lecture .sec02 .table-lecture td {
    padding: 8px 4px;
    font-family: 12px;
  }
}
.lecture .sec02 .com-box01 {
  max-width: 928px;
  margin: 96px auto;
}
@media (max-width: 767px) {
  .lecture .sec02 .com-box01 {
    margin: 48px auto;
  }
}
.lecture .sec02 .com-box01 .wrap {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .lecture .sec02 .com-box01 .wrap {
    display: block;
  }
}
.lecture .sec02 .com-box01 .wrap figure {
  width: 188px;
}
@media (max-width: 767px) {
  .lecture .sec02 .com-box01 .wrap figure {
    width: 100%;
    max-width: 120px;
    margin: 0 auto 16px;
  }
}
.lecture .sec02 .com-box01 .wrap .txt {
  width: calc(100% - 212px);
}
@media (max-width: 767px) {
  .lecture .sec02 .com-box01 .wrap .txt {
    width: 100%;
  }
}
.lecture .sec02 .com-box01 .wrap .txt .price {
  position: relative;
  padding-left: 1em;
  line-height: 1;
}
.lecture .sec02 .com-box01 .wrap .txt .price :before {
  content: "";
  display: block;
  position: absolute;
  width: 8px;
  height: 8px;
  top: 0.6em;
  left: 0;
  margin-top: -4px;
  border-radius: 50%;
  background-color: #DB4B83;
}
.lecture .sec02 .com-box01 .wrap .txt .price span {
  font-size: 24px;
}
@media (max-width: 767px) {
  .lecture .sec02 .com-box01 .wrap .txt .price span {
    font-size: 20px;
  }
}
.lecture .sec02 .com-box01 .wrap .heading03 {
  margin-top: 0;
}
.lecture .sec02 .com-box01 .wrap .btn, .lecture .sec02 .com-box01 .wrap .com-bt {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .lecture .sec02 .com-box01 .wrap .btn, .lecture .sec02 .com-box01 .wrap .com-bt {
    text-align: center;
  }
}
.lecture .sec03 .tab {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.lecture .sec03 .tab li {
  position: relative;
  margin: 0 8px 8px;
  cursor: pointer;
}
@media (max-width: 767px) {
  .lecture .sec03 .tab li {
    width: 48%;
    margin: 0 2px 8px;
  }
}
.lecture .sec03 .tab li span {
  position: relative;
  display: block;
  padding: 8px;
  border: 2px solid #000;
  border-radius: 24px;
  text-align: center;
  font-family: "ZenMaruGothic-Bold", sans-serif;
  font-size: 22px;
  background: #000;
  color: #FFF;
  line-height: 1;
  transition: 0.5s all;
  z-index: 1;
}
@media (max-width: 767px) {
  .lecture .sec03 .tab li span {
    padding: 4px;
    border-width: 1px;
    border-radius: 8px;
    font-size: 12px;
  }
}
.lecture .sec03 .tab li::before {
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 4px;
  left: 4px;
  border-radius: 24px;
  background-color: #CCC;
  transition: 0.5s all;
}
@media (max-width: 767px) {
  .lecture .sec03 .tab li::before {
    border-radius: 8px;
  }
}
.lecture .sec03 .tab li:hover::before {
  top: 0;
  left: 0;
}
.lecture .sec03 .tab li.color01 span {
  background-color: #F280A6;
  border-color: #F280A6;
}
.lecture .sec03 .tab li.color01::before {
  background-color: #F9C7DC;
}
.lecture .sec03 .tab li.color01:hover span {
  background-color: #FFF;
  color: #F280A6;
}
.lecture .sec03 .tab li.color01.active span {
  background-color: #FFF;
  color: #F280A6;
}
.lecture .sec03 .tab li.color01.active::before {
  background-color: #F9C7DC;
}
.lecture .sec03 .tab li.color02 span {
  background-color: #76CECE;
  border-color: #76CECE;
}
.lecture .sec03 .tab li.color02::before {
  background-color: #BCEDE8;
}
.lecture .sec03 .tab li.color02:hover span {
  background-color: #FFF;
  color: #76CECE;
}
.lecture .sec03 .tab li.color02.active span {
  background-color: #FFF;
  color: #76CECE;
}
.lecture .sec03 .tab li.color02.active::before {
  background-color: #BCEDE8;
}
.lecture .sec03 .tab li.color03 span {
  background-color: #769ACC;
  border-color: #769ACC;
}
.lecture .sec03 .tab li.color03::before {
  background-color: #BACFE8;
}
.lecture .sec03 .tab li.color03:hover span {
  background-color: #FFF;
  color: #769ACC;
}
.lecture .sec03 .tab li.color03.active span {
  background-color: #FFF;
  color: #769ACC;
}
.lecture .sec03 .tab li.color03.active::before {
  background-color: #BACFE8;
}
.lecture .sec03 .tab-cts.disnon {
  display: none;
}
.lecture .sec03 .list-col02 {
  margin-bottom: 0;
}
.lecture .sec03 .list-col02 li {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .lecture .sec03 .list-col02 li:last-child .com-bt {
    margin-bottom: 0;
  }
}
.lecture .sec03 .list-col02 li.end {
  position: relative;
  overflow: hidden;
}
.lecture .sec03 .list-col02 li.end::after {
  content: "受付終了";
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.5);
  font-family: "ZenMaruGothic-Black", sans-serif;
  font-size: 24px;
  color: #FFF;
}
.lecture .sec03 .list-col02 .com-bt {
  display: block;
  max-width: 180px;
  width: 100%;
  min-width: initial;
  margin: 0 auto 32px;
  font-size: 14px;
}
@media (max-width: 1023px) {
  .lecture .sec03 .list-col02 .com-bt {
    font-size: 12px;
  }
}
.lecture .sec03 .list-col02 .com-bt span {
  padding: 16px 8px;
  line-height: 1;
  transform: translate(4px, 4px);
}
.lecture .sec03 .list-col02 .com-bt:hover::before {
  top: 4px;
  left: 4px;
}
.lecture .sec03 .table02 thead th {
  background-color: #F280A6;
  color: #FFF;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 1023px) {
  .lecture .sec03 .table02 thead th {
    padding: 8px 4px;
    font-size: 16px;
  }
}
@media (max-width: 1023px) {
  .lecture .sec03 .table02 th, .lecture .sec03 .table02 td {
    padding: 8px 4px;
  }
}
.lecture .sec03 .table03 thead th {
  background-color: #76CECE;
  color: #FFF;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 767px) {
  .lecture .sec03 .table03 thead th {
    padding: 8px 4px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .lecture .sec03 .table03 th, .lecture .sec03 .table03 td {
    padding: 8px 4px;
  }
}
.lecture .sec03 .table04 {
  width: 100%;
  margin-bottom: 1em;
  border: 2px solid #769ACC;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .lecture .sec03 .table04 {
    border-radius: 8px;
  }
}
.lecture .sec03 .table04 th {
  padding: 8px 16px;
  background-color: #DEEFFF;
  border-bottom: 2px solid #769ACC;
  font-family: "ZenMaruGothic-Bold", sans-serif;
}
.lecture .sec03 .table04 td {
  padding: 8px 32px;
  background-color: #FFF;
  border-left: 2px solid #769ACC;
  border-bottom: 2px solid #769ACC;
}
.lecture .sec03 .table04 thead th {
  background-color: #769ACC;
  color: #FFF;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 767px) {
  .lecture .sec03 .table04 thead th {
    padding: 8px 4px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .lecture .sec03 .table04 th, .lecture .sec03 .table04 td {
    padding: 8px 4px;
  }
}
.lecture .sec03 .table05 {
  width: 100%;
  margin-bottom: 1em;
  border: 2px solid #333;
  border-collapse: separate;
  border-spacing: 0;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .lecture .sec03 .table05 {
    border-radius: 8px;
  }
}
.lecture .sec03 .table05 th {
  padding: 8px 16px;
  background-color: #CCC;
  border-bottom: 2px solid #333;
  font-family: "ZenMaruGothic-Bold", sans-serif;
}
.lecture .sec03 .table05 td {
  padding: 8px 32px;
  background-color: #FFF;
  border-left: 2px solid #333;
  border-bottom: 2px solid #333;
}
.lecture .sec03 .table05 thead th {
  background-color: #333;
  color: #FFF;
  text-align: center;
  font-size: 24px;
}
@media (max-width: 767px) {
  .lecture .sec03 .table05 thead th {
    padding: 8px 4px;
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .lecture .sec03 .table05 th, .lecture .sec03 .table05 td {
    padding: 8px 4px;
  }
}
.lecture .sec03 .com-dl-box01 {
  margin: 100px 0;
}
@media (max-width: 767px) {
  .lecture .sec03 .com-dl-box01 {
    margin: 32px 0;
  }
}
.lecture .sec03 .com-dl-box01 .wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  max-width: 1070px;
  margin: 24px auto;
}
@media (max-width: 767px) {
  .lecture .sec03 .com-dl-box01 .wrap {
    display: block;
    margin: 0 auto;
  }
}
.lecture .sec03 .com-dl-box01 .wrap figure {
  width: 28%;
  border-radius: 16px;
  overflow: hidden;
}
@media (max-width: 767px) {
  .lecture .sec03 .com-dl-box01 .wrap figure {
    width: 100%;
    max-width: 400px;
    border-radius: 8px;
    margin: 0 auto 16px;
  }
}
.lecture .sec03 .com-dl-box01 .wrap .txt {
  width: 68%;
}
@media (max-width: 767px) {
  .lecture .sec03 .com-dl-box01 .wrap .txt {
    width: 100%;
  }
}
.lecture .sec03 .com-dl-box01 .wrap .txt .btn, .lecture .sec03 .com-dl-box01 .wrap .txt .com-bt {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .lecture .sec03 .com-dl-box01 .wrap .txt .btn, .lecture .sec03 .com-dl-box01 .wrap .txt .com-bt {
    text-align: center;
    font-size: 12px;
  }
}
.lecture .sec03 .bn {
  max-width: 800px;
  margin: 96px auto 40px;
}
@media (max-width: 767px) {
  .lecture .sec03 .bn {
    margin: 48px auto 24px;
  }
}
.lecture .sec03 .center-btn {
  margin-bottom: 64px;
  text-align: center;
}
@media (max-width: 767px) {
  .lecture .sec03 .center-btn {
    margin-bottom: 32px;
  }
}
.lecture .sec05 .bg05 {
  padding: 80px 0;
  background: url(/images/common/pagenv_bg01.png) repeat;
}
@media (max-width: 767px) {
  .lecture .sec05 .bg05 {
    padding: 40px 0;
  }
}
.lecture .sec05 .com-box02 {
  max-width: 800px;
  margin: 0 auto;
}
.lecture .sec05 .heading02 {
  margin-top: 24px;
}
.lecture .sec05 .tel-txt {
  text-align: center;
  font-family: "NotoSansJP-Bold", sans-serif;
  font-size: 40px;
  line-height: 1;
}
@media (max-width: 767px) {
  .lecture .sec05 .tel-txt {
    font-size: 28px;
  }
  .lecture .sec05 .tel-txt img {
    width: 16px;
  }
}
.lecture .sec05 .tel-txt a {
  text-decoration: none;
}
/*# sourceMappingURL=lecture.css.map */