.seminar-archive .container {
  padding-top: 0;
  padding-bottom: 0;
}

.event-list {
  margin-top: 3.2rem;
}

.event-item {
  background-color: #fff;
  border: solid 1px #093e88;
  border-radius: 0.8rem;
  display: flex;
  flex-direction: column;
  height: 100%;
  position: relative;
}

.event-item__img {
  position: relative;
}

.event-item__img .overall,
.online-outside__img .overall {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  border-radius: 0.8rem 0.8rem 0 0;
  color: #fff;
  font-size: 3.5rem;
  font-weight: 700;
}

.event-item__img img {
  border-radius: 0.8rem 0.8rem 0 0;
}

.event-item__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 6rem;
  height: 6rem;
  transform: rotate(-45deg);
}

.event-item__label::after {
  transform: rotate(45deg);
  content: "";
  z-index: 2;
  position: absolute;
  left: 0;
  top: 0;
  border-style: solid;
  border-width: 6rem 6rem 0 0;
  border-top-color: #999;
  border-right-color: transparent;
  border-radius: 0.8rem 0 0 0;
}

.event-item__label--accept::after {
  border-top-color: #13c6be;
}

.event-item__label span {
  position: absolute;
  top: 20%;
  left: 50%;
  z-index: 3;
  color: #fff;
  transform: translate(-50%, -20%);
  font-size: 1rem;
}

.event-item__img img {
  height: auto;
  width: 100%;
}

.event-item__info {
  padding: 0.6rem 1.2rem 1.8rem;
  flex: 1 1 auto;
  display: flex;
  flex-direction: column;
}

.event-item__info__date {
  font-size: 1.6rem;
  margin-bottom: 1rem;
}

.event-item__info__tags {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 1.1rem;
}

.event-item__info__tags span {
  display: block;
  padding: 0.6rem 2rem;
  background: #e1e8ee;
  border-radius: 3rem;
  min-width: none;
  margin: 0;
  font-size: 1rem;
  font-weight: 700;
  color: #093e88;
}

.event-item__info__name {
  margin-bottom: 0;
  padding-bottom: 0;
}

.event-item__info__name::after {
  width: 0;
  height: 0;
}

.event-item__info__name h3 {
  font-size: inherit;
  font-weight: inherit;
  overflow: hidden;
  text-overflow: ellipsis;
  max-height: none;
  min-height: none;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.6;
}
.event-item__info__date {
  display: flex;
  align-items: center;
  margin: 0;
}
.event-item__info__day {
  display: flex;
  align-items: center;
  font-size: 1.8rem;
  color: #083e88;
  font-weight: 700;
}
.event-item__info__day .oswald {
  font-size: 2.6rem;
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}
.event-item__info__time {
  font-size: 1.8rem;
  color: #083e88;
}
.event-item__info__time .oswald {
  font-weight: 400;
  font-family: "Oswald", sans-serif;
}
.online-semitag.event-tags {
  margin-top: 1.5rem;
  gap: 0.6rem;
}
.online-semitag.event-tags li span {
  font-size: 1rem;
}

.event-item__info__desc {
  color: #707070;
}

.online-wrap {
  padding: 6rem 0 5rem;
}

.online-parent {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 0 3%;
  padding: 0 0 5.6rem;
}

.online-cont {
  width: 50%;
}
.online-form {
  width: 47%;
  position: relative;
}
.online-form__inner {
  /* width: 54.5rem; */
  padding: 6rem;
  background: #e9f6fa;
}

.online-outside {
  background-color: #fff;
  border-radius: 1.1rem;
  box-shadow: none;
  max-width: 118.3rem;
  margin-left: auto;
  margin-right: auto;
  padding: 0;
  width: 100%;
}

.online-outside__img {
  position: relative;
  margin-bottom: 2.8rem;
}
.online-outside__img .overall {
  border-radius: 0;
}

.online-outside__content {
  max-width: 90rem;
  margin: 0 auto;
}

.online-outside__content .hline02 {
  display: flex;
  justify-content: center;
}

.online-outside__txt {
  font-size: 1.6rem;
  margin-bottom: 2.5rem;
}

.serminar-content h3 {
  color: #025aaf;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 2rem;
}

.serminar-content p {
  margin-bottom: 1.8rem;
}

.box-media h3 {
  font-size: 2rem;
  font-weight: bold;
  margin-bottom: 1.5rem;
}

.box-media p + p {
  margin-top: 1rem;
}

.box-media__image img {
  width: 100%;
}

.seminar-form {
  font-size: 1.8rem;
}

.seminar-form textarea.form-control {
  height: 21rem;
}

.seminar-form__ttl {
  color: #1b224c;
  margin-bottom: 1rem;
}

.seminar-form__row:not(:last-child) {
  margin-bottom: 2rem;
}

.seminar-form__radio {
  margin-top: 1.4rem;
  color: #1b224c;
}

.seminar-form__radio label {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}

.seminar-form__radio input {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
}

.seminar-primacy {
  color: #1b224c;
  text-align: center;
  margin-bottom: 4.5rem;
}

.seminar-primacy input {
  width: 2rem;
  height: 2rem;
  margin-right: 1rem;
  vertical-align: middle;
}

.seminar-primacy a {
  color: #00acba;
}

.seminar-primacy p:not(:last-child) {
  margin-bottom: 2rem;
}

.bnr_seminar_top {
  max-width: 60rem;
  margin: -10rem auto 6rem;
}

.online-form .section-below {
  margin-top: 0;
}

.single-title {
  font-size: 2rem;
  font-weight: bold;
  position: relative;
  margin-bottom: 3rem;
  padding-bottom: 0;
  border-bottom: none;
  text-align: left;
}
.single-title::before {
  width: 0;
  height: 0;
}

.hline03 {
  text-align: left;
  font-size: 1.9rem;
}

.hline03::after {
  width: 0;
  margin-top: 0;
}

.box-content {
  padding: 0;
  border-radius: 0;
  box-shadow: none;
  font-size: 1.4rem;
}

.box-media {
  padding: 1rem 1rem 2rem;
  border: solid 1px #b4c4db;
  border-radius: 8px;
}

.online-spbtn {
  display: none;
  margin: 3rem 0;
}

.online-spbtn a.btn-common.btn--large {
  max-width: 34.4rem;
  background: #000;
}
.online-spbtn a.btn-common.btn--large::after {
  width: 0;
}

.online-linkbtn {
  margin-top: 5.5rem;
}

.online-linkbtn a {
  display: block;
  max-width: 24.4rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.6rem 2rem;
  border-radius: 9rem;
  border: solid 1px #083e88;
  font-size: 1.4rem;
  font-weight: 700;
  color: #083e88;
  text-align: center;
  transition: all 0.3s;
}

.online-linkbtn a:hover {
  background: #083e88;
  color: #fff;
}

.seminar-filter .online-linkbtn {
  margin: 0 0 2rem;
}

.seminar-filter .online-linkbtn a {
  margin: 0;
}

.section-below {
  margin-top: 3rem;
}

.online-catlist {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  margin-bottom: 2.5rem;
}

.online-semicate {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
}
.online-semicate li span {
  display: block;
  background-color: #e1e8ee;
  border-radius: 5rem;
  color: #083e88;
  font-size: 1.4rem;
  font-weight: 600;
  margin-right: 0;
  min-width: 13.6rem;
  padding: 0.6rem 2rem;
  text-align: center;
}

.online-semitag {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}
.online-semitag li span {
  display: block;
  background-color: #fff;
  border: solid 2px #083e88;
  border-radius: 0.8rem;
  color: #083e88;
  font-size: 1.4rem;
  font-weight: 600;
  margin-right: 0;
  padding: 0.6rem 2rem;
  text-align: center;
}
.online-time {
  display: flex;
  align-items: center;
  gap: 0.8rem;
  margin-bottom: 2.5rem;
  color: #083e88;
  font-size: 1.8rem;
  font-weight: 700;
}
.online-time__date {
  padding-left: 2.5rem;
  background: url(../images/seminar_icon_date.svg) no-repeat left center/16px
    auto;
}
.online-time__time {
  padding-left: 2.5rem;
  background: url(../images/seminar_icon_time.svg) no-repeat left center/16px
    auto;
}
.online-time .oswald {
  font-weight: 400;
  font-family: "Oswald", sans-serif;
  font-size: 2.4rem;
}

.online-cont .tbl-bottom th,
.online-cont .tbl-bottom td {
  padding: 0.7rem 1.2rem;
}
.online-cont .tbl-bottom tr:last-child th,
.online-cont .tbl-bottom tr:last-child td {
  border-bottom: 1px solid #707070;
  padding-bottom: 0.7rem;
}
.online-cont .tbl-bottom tr:first-child th,
.online-cont .tbl-bottom tr:first-child td {
  border-top: 1px solid #707070;
}

/* .seminar-filter {
  margin-top: 6rem;
} */

.seminar-cate .box {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}

.seminar-cate .box ul {
  display: flex;
  flex-wrap: wrap;
  gap: 0.8rem;
}

.seminar-cate .box .head,
.seminar-tag .head {
  font-size: 1.6rem;
  font-weight: 700;
  color: #083e88;
}

.seminar-cate .box ul li input[type="checkbox"] {
  display: none;
}
.seminar-cate .box ul li label {
  display: block;
  cursor: pointer;
}
.seminar-cate .box ul li a,
.seminar-cate .box ul li label span {
  display: block;
  padding: 0.6rem 2.8rem;
  background: #e1e8ee;
  border-radius: 3rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #093e88;
}

.seminar-cate .box ul li.active a,
.seminar-cate .box ul li label input[type="checkbox"]:checked + span {
  background: #083e88;
  color: #fff;
}

.seminar-col {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 2rem;
  margin-top: 1.8rem;
}
.seminar-calender a {
  display: block;
  max-width: 17.8rem;
  width: 100%;
  margin: 0 auto;
  padding: 1.2rem 2rem;
  border-radius: 9.5rem;
  border: solid 1px #083e88;
  background: #083e88;
  font-size: 1.3rem;
  font-weight: 700;
  color: #fff;
  text-align: center;
  transition: all 0.3s;
}
.seminar-calender a:hover {
  opacity: 0.8;
}
.seminar-tag {
  width: 100%;
  border: solid 1px #093e88;
  border-radius: 0.8rem;
  padding: 1rem 1.5rem 1.3rem;
}
.seminar-tag ul {
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem 1rem;
  margin-top: 1.5rem;
}
.seminar-tag ul li input[type="checkbox"] {
  display: none;
}
.seminar-tag ul li label {
  display: block;
  cursor: pointer;
}
.seminar-tag ul li a,
.seminar-tag ul li label span {
  display: block;
  padding: 0.4rem 1.4rem;
  background: #fff;
  border: solid 1px #083e88;
  border-radius: 1.6rem;
  font-size: 1.4rem;
  color: #093e88;
  transition: all 0.3s;
}
.seminar-tag ul li.active a,
.seminar-tag ul li label input[type="checkbox"]:checked + span {
  background: #083e88;
  color: #fff;
}
.event-list__wrap {
  margin-top: 3rem;
}
.event-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0;
  gap: 2rem;
  letter-spacing: 0;
}
.event-list > li {
  flex: none;
  max-width: none;
  width: 100%;
}
.online-semitag.event-tags {
  margin-top: 2rem;
  gap: 1.2rem;
}
.online-semitag.event-tags li {
  flex: none;
  max-width: none;
}
.online-semitag.event-tags li span {
  font-size: 1.2rem;
}
.seminar-swiper__cont.container {
  padding: 0 2rem;
}
.seminar-swiper {
  padding-top: 4rem;
}
.seminar-swiper__wrap {
  position: relative;
}
.swiper-button-prev,
.swiper-button-next {
  background-color: #fff;
  width: 6.4rem;
  height: 6.4rem;
  border-radius: 4rem;
  top: 38%;
  z-index: 100;
}
.swiper-button-prev {
  left: -7rem;
}
.swiper-button-next {
  right: -7rem;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  color: #083e88;
  font-size: 1.2rem;
  font-weight: bold;
}
.seminar-swiper__wrap .swiper-button-prev,
.seminar-swiper__wrap .swiper-button-next {
  background-color: #083e88;
  top: 60%;
}
.seminar-swiper__wrap .swiper-button-prev {
  left: 0;
}
.seminar-swiper__wrap .swiper-button-next {
  right: 0;
}
.seminar-swiper__wrap .swiper-button-next:after,
.seminar-swiper__wrap .swiper-button-prev:after {
  color: #fff;
}
.seminar-swiper__wrap .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -50px;
}

.seminar-list {
  position: relative;
  z-index: 2;
}

.p-seminar {
	padding: 6.4rem 0 20rem;
}

.paginationjs {
  background-color: #fff;
  padding: 2rem 4.8rem;
  border-radius: 0 0 0.8rem 0.8rem;
  box-shadow: 0 0.7rem 0.8rem rgba(111, 74, 31, 0.04);
}

.c-pagination ul {
  flex-wrap: wrap;
}

.c-pagination ul .paginationjs-prev a, 
.c-pagination ul .paginationjs-next a{
  background: linear-gradient(45deg, #f08200 0%, #f04900 40%, #f08200 80%);
  background-size: 200% 100%;
  background-position: 100% 0;
  color: #fff;
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 1;
  font-weight: bold;
  font-size: 1.3rem;
  padding: 0.5rem;
  height: 3.6rem;
  width: 6rem;
  transition: 0.3s ease;
  cursor: pointer;
}

.paginationjs-page a {
  background: linear-gradient(45deg, #f08200 0%, #f04900 40%, #f08200 80%);
  background-size: 200% 100%;
  background-position: 100% 0;
  border-radius: 0.4rem;
  color: #fff;
  font-family: var(--font-en);
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: bold;
  font-size: 1.6rem;
  width: 3.6rem;
  height: 3.6rem;
  transition: 0.3s ease;
  cursor: pointer;
}

.paginationjs-page.active a {
  background: #fff;
  border: 2px solid #f29530;
  color: #f29530;
  cursor: auto;
}

.paginationjs-page:not(.active) a:hover {
  background-position: 0 0;
}


@media (min-width: 576px) {
  .event-list li {
    padding: 0;
  }
  .event-list li:nth-child(n + 3) {
    margin-top: 0;
  }
}

@media (min-width: 768px) {
  .p-seminar {
    padding-bottom: 23.8rem;
  }

  .c-pagination ul {
    flex-wrap: nowrap;
  }

  .paginationjs-page a {
    font-size: 2rem;
    width: 4.8rem;
    height: 4.8rem;
  }
  .c-pagination ul .paginationjs-prev a, 
  .c-pagination ul .paginationjs-next a{
    font-size: 1.6rem;
    height: 4.8rem;
    width: 9.6rem;
  }

  .event-item__label {
    width: 8rem;
    height: 8rem;
  }

  .event-item__label::after {
    border-width: 8rem 8rem 0 0;
  }

  .event-item__label span {
    font-size: 1.2rem;
  }

  .event-item__info {
    padding: 2.3rem 2rem 2.8rem;
  }

  .event-item__info__tags span {
    font-size: 1.2rem;
  }

  .event-item__info__desc {
    font-size: 1.6rem;
  }

  .event-item__info__name h3 {
    /* max-height: 9.6rem; */
    min-height: 7.6rem;
    font-size: 1.6rem;
  }
  .event-item__info__day {
    font-size: 2.2rem;
  }
  .event-item__info__day .oswald {
    font-size: 3.6rem;
  }
  .event-item__info__time {
    font-size: 2.4rem;
  }

  .serminar-content h3 {
    font-size: 2.4rem;
  }

  .serminar-content p {
    margin-bottom: 3.8rem;
  }

  .event-list {
    gap: 3.5rem;
  }

  .event-list > li {
    width: calc((100% - 7rem) / 3);
  }

  .online-wrap {
    padding: 15.4rem 0 15.9rem;
  }

  .online-outside {
    padding: 0;
  }

  .online-outside__img {
    margin-bottom: 5.6rem;
  }

  .online-outside__txt {
    margin-bottom: 4.5rem;
  }

  .box-media {
    display: flex;
    padding: 7rem 6rem;
  }

  .box-media h3 {
    font-size: 2.5rem;
  }

  .box-media p + p {
    margin-top: 2rem;
  }

  .box-media__body {
    flex: 1 1;
  }

  .box-media__image {
    max-width: 100%;
    width: 32.5rem;
    padding-left: 3.8rem;
  }

  .seminar-form {
    font-size: 2rem;
  }

  .seminar-form {
    padding: 4rem 13.5rem;
  }

  .seminar-form input.form-control {
    height: 6.5rem;
  }

  .seminar-form__ttl {
    margin-bottom: 1.5rem;
  }

  .seminar-form__row:not(:last-child) {
    margin-bottom: 3rem;
  }

  .seminar-form__radio {
    margin-top: 2rem;
  }

  .seminar-form__radio input {
    width: 2.8rem;
    height: 2.8rem;
    margin-right: 2rem;
  }

  .seminar-primacy {
    margin-bottom: 9rem;
  }

  .seminar-primacy input {
    width: 2.6rem;
    height: 2.6rem;
    margin-right: 2rem;
  }

  .single-title {
    font-size: 3.2rem;
    margin-bottom: 4rem;
  }

  .hline03 {
    font-size: 3.2rem;
  }

  .box-content {
    font-size: 1.6rem;
  }

  .box-media {
    padding: 2rem 2rem 4rem;
  }

  .online-linkbtn {
    margin-top: 11rem;
  }

  .seminar-filter .online-linkbtn {
    margin: 0 0 4rem;
  }

  .online-linkbtn a {
    padding: 1.6rem 4rem;
    font-size: 1.6rem;
  }

  .section-below {
    margin-top: 6rem;
  }

  .online-catlist {
    display: flex;
    flex-wrap: nowrap;
    margin-bottom: 3.3rem;
  }

  .online-semitag {
    gap: 1.6rem;
  }

  .online-time {
    margin-bottom: 3.5rem;
    font-size: 2.2rem;
  }
  .online-time .oswald {
    font-size: 3.2rem;
  }
  .seminar-filter {
    margin-top: 5rem;
  }
  .seminar-cate .box {
    align-items: center;
    flex-direction: row;
    gap: 0 2.4rem;
  }
  .seminar-cate .box .head,
  .seminar-tag .head {
    font-size: 1.8rem;
  }
  .seminar-col {
    flex-wrap: nowrap;
    gap: 6rem;
    margin-top: 2.4rem;
  }
  .seminar-calender {
    width: 17.8rem;
  }
  .seminar-calender a {
    padding: 1.4rem 3rem;
    font-size: 1.4rem;
  }
  .seminar-tag {
    width: calc(100% - 23.8rem);
    padding: 1.8rem 2.5rem 2.3rem;
  }
  .seminar-tag ul {
    gap: 2.4rem 1.7rem;
    margin-top: 2rem;
  }
  .event-list__wrap {
    margin-top: 6rem;
  }
  .event-list li:nth-child(n + 3) {
    margin-top: 0;
  }

  .event-list li:nth-child(n + 4) {
    margin-top: 0;
  }

  .seminar-swiper {
    padding: 7rem 3rem 0;
  }
}

@media (min-width: 992px) {
  .online-form__inner {
    /* height: calc(100vh - 240px); */
    height: calc(100% - 5.6rem);
    overflow-y: auto;
  }
}

@media (max-width: 991px) {
  .online-parent {
    flex-flow: column;
    gap: 4rem 0;
    padding: 0;
  }

  .online-form__inner {
    position: static !important;
    padding: 2rem;
  }

  .online-cont,
  .online-form {
    width: 100%;
  }
  .online-form {
    padding: 0;
  }
  .online-spbtn {
    display: block;
  }
}

@media (max-width: 767px) {
  .box-media__body {
    margin-bottom: 2.5rem;
  }
  .swiper-button-next,
  .swiper-button-prev {
    display: none;
  }
}

@media (max-width: 575px) {
  .event-list li {
    margin-bottom: 0;
  }

  .event-list li:last-child {
    margin-bottom: 0;
  }
}