@charset "UTF-8";
.adlp-footer {
  background: #FF9000;
  padding: calc(75 / 750 * 100cqw) calc(70 / 750 * 100cqw) calc(40 / 750 * 100cqw);
}
.adlp-footer__menu__wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 auto;
  gap: calc(30 / 750 * 100cqw);
}
.adlp-footer__menu a {
  text-align: center;
  font-size: calc(24 / 750 * 100cqw);
  color: #fff;
}
.adlp-footer__text {
  color: #fff;
  font-size: calc(20 / 750 * 100cqw);
  text-align: center;
  margin-top: calc(60 / 750 * 100cqw);
}

.adlp-main {
  max-width: 450px;
  margin: 0 auto;
  overflow: hidden;
  container-type: inline-size;
  container-name: main;
}
@media screen and (min-width: 768px) {
  .adlp-main {
    box-shadow: -4px 0 12px rgba(0, 0, 0, 0.1), 4px 0 12px rgba(0, 0, 0, 0.1);
  }
}

.adlp-swiper {
  position: relative;
  padding-bottom: min(calc(50 / 1080 * 100vw), 50px);
  width: 100%;
  /* ページネーションの余白 */
}
@media screen and (max-width: 767px) {
  .adlp-swiper {
    padding-bottom: calc(80 / 750 * 100vw);
  }
}
.adlp-swiper.--hide {
  overflow: hidden;
}
.adlp-swiper .swiper-slide {
  padding: 0 min(calc(40 / 1080 * 100vw), 40px);
}
.adlp-swiper .swiper-button-next,
.adlp-swiper .swiper-button-prev {
  width: min(calc(24 / 1080 * 100vw), 24px);
  height: min(calc(84 / 1080 * 100vw), 84px);
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-button-next,
  .adlp-swiper .swiper-button-prev {
    width: calc(30 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-button-next::after,
.adlp-swiper .swiper-button-prev::after {
  display: none;
}
.adlp-swiper .swiper-button-prev {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M18 51L8 42L18 33' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  left: 0;
}
.adlp-swiper .swiper-button-next {
  background-image: url("data:image/svg+xml,%3Csvg width='24' height='84' viewBox='0 0 24 84' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='84' fill='%234A453B'/%3E%3Cpath d='M8 33L18 42L8 51' stroke='white' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E%0A");
  right: 0;
}
.adlp-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 min(calc(8 / 1080 * 100vw), 8px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .adlp-swiper .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(8 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-pagination-bullet {
  height: min(calc(10 / 1080 * 100vw), 10px);
  width: min(calc(10 / 1080 * 100vw), 10px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper .swiper-pagination-bullet {
    width: calc(16 / 750 * 100vw);
    height: calc(16 / 750 * 100vw);
  }
}
.adlp-swiper .swiper-pagination-bullet-active {
  background-color: #E0BF23;
}
.adlp-swiper__wrapper {
  padding-bottom: min(calc(30 / 1080 * 100vw), 30px);
}
@media screen and (max-width: 767px) {
  .adlp-swiper__wrapper {
    width: 100%;
    padding-bottom: calc(60 / 750 * 100vw);
  }
}

.seminar .seminar-area {
  width: 100%;
  overflow: hidden;
  padding: calc(80 / 750 * 100cqw) calc(40 / 750 * 100cqw);
  background: #FF9000;
}
.seminar .whole {
  display: none;
}
.seminar #outputHTML {
  width: 100% !important;
  margin: 0 auto;
}
.seminar .seminar-block {
  margin-bottom: calc(32 / 750 * 100cqw);
  border-radius: calc(16 / 750 * 100cqw);
  overflow: hidden;
  box-shadow: 0 calc(4 / 750 * 100cqw) calc(12 / 750 * 100cqw) rgba(0, 0, 0, 0.1);
}
.seminar .seminar-block:last-child {
  margin-bottom: 0;
}
.seminar .date_head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: #FFD409;
  padding: calc(20 / 750 * 100cqw) calc(24 / 750 * 100cqw);
}
.seminar .date_head:not(:first-child) {
  margin-top: calc(32 / 750 * 100cqw);
}
.seminar .date_head p {
  font-size: calc(38 / 750 * 100cqw) !important;
  font-weight: 700;
  font-family: var(--font-family-Noto-Sans-JP, "Noto Sans JP");
  color: #333 !important;
  background: transparent !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1.3;
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.seminar .sanka {
  display: inline-block !important;
  float: none !important;
  width: auto !important;
  background: #fff;
  color: #FF9000 !important;
  font-size: calc(32 / 750 * 100cqw) !important;
  font-weight: 700 !important;
  padding: calc(6 / 750 * 100cqw) calc(16 / 750 * 100cqw);
  line-height: 1.4 !important;
  text-align: center !important;
  white-space: nowrap;
  font-family: var(--font-family-Noto-Sans-JP, "Noto Sans JP");
  border-radius: calc(4 / 750 * 100cqw);
}
.seminar #outputHTML ul {
  display: flex !important;
  flex-wrap: wrap;
  list-style: none !important;
  padding: calc(20 / 750 * 100cqw) !important;
  margin: 0 !important;
  background: #fff;
  gap: calc(16 / 750 * 100cqw);
}
.seminar #outputHTML ul li {
  display: flex !important;
  flex-direction: column;
  align-items: center;
  width: calc(50% - calc(8 / 750 * 100cqw)) !important;
  box-sizing: border-box;
  text-align: center;
  padding: calc(10 / 750 * 100cqw) calc(16 / 750 * 100cqw) calc(20 / 750 * 100cqw) !important;
  margin: 0 !important;
  background: #F6F3E3;
  border-radius: calc(4 / 750 * 100cqw);
  box-shadow: 0 calc(2 / 750 * 100cqw) calc(6 / 750 * 100cqw) rgba(0, 0, 0, 0.08);
}
.seminar #outputHTML ul li div {
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.seminar #outputHTML li p {
  font-family: var(--font-family-Noto-Sans-JP, "Noto Sans JP");
  font-size: calc(28 / 750 * 100cqw) !important;
  font-weight: 700;
  color: #333;
  margin: 0 0 calc(12 / 750 * 100cqw) 0 !important;
  line-height: 1.3;
}
.seminar a.order,
.seminar a.order1 {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: calc(235 / 750 * 100cqw) !important;
  height: calc(90 / 750 * 100cqw) !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  border: none;
  border-radius: calc(45 / 750 * 100cqw);
  font-weight: 700;
  font-family: var(--font-family-Noto-Sans-JP, "Noto Sans JP");
  font-size: calc(34 / 750 * 100cqw) !important;
  color: #fff !important;
  text-decoration: none;
  text-align: center;
  transition: opacity 0.2s;
}
.seminar a.order:hover,
.seminar a.order1:hover {
  opacity: 0.85;
}
.seminar a.order {
  background: #13AF9F !important;
  border-bottom: calc(6 / 750 * 100cqw) solid #2b708f !important;
}
.seminar a.order1 {
  background: #FF9000 !important;
  border-bottom: calc(6 / 750 * 100cqw) solid #7f6d4f !important;
}
.seminar #outputHTML ul li.--finished,
.seminar #outputHTML ul li:has(.order2),
.seminar #outputHTML ul li:has(a[style*="background: gray"]) {
  background: #ddd !important;
}
.seminar a.order2,
.seminar span.order2,
.seminar #outputHTML ul li:has(a[style*="background: gray"]) a.order {
  display: flex !important;
  justify-content: center;
  align-items: center;
  width: calc(235 / 750 * 100cqw) !important;
  height: calc(90 / 750 * 100cqw) !important;
  padding: 0 !important;
  line-height: 1.3 !important;
  border: none !important;
  border-radius: calc(45 / 750 * 100cqw);
  font-weight: 700;
  font-family: var(--font-family-Noto-Sans-JP, "Noto Sans JP");
  font-size: calc(34 / 750 * 100cqw) !important;
  color: #999 !important;
  text-decoration: none;
  text-align: center;
  background: #e8e8e8 !important;
  cursor: default;
  pointer-events: none;
}

.modal-mask {
  position: fixed;
  z-index: 100;
  background: rgba(174, 98, 0, 0.95);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.modal {
  position: fixed;
  z-index: 101;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.modal-bg {
  position: relative;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: calc(80 / 750 * 100cqw) calc(40 / 750 * 100cqw) calc(40 / 750 * 100cqw);
  box-sizing: border-box;
}

.modal-inner {
  position: relative;
  width: 100%;
  max-width: 670px;
  max-height: 85vh;
  background: #fff;
  border-radius: calc(8 / 750 * 100cqw);
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
}

.modal-close {
  position: absolute;
  top: calc(-36 / 750 * 100cqw);
  right: calc(-20 / 750 * 100cqw);
  width: calc(80 / 750 * 100cqw);
  height: calc(80 / 750 * 100cqw);
  cursor: pointer;
  z-index: 10;
}
.modal-close img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.modal-content {
  padding: calc(56 / 750 * 100cqw) calc(50 / 750 * 100cqw);
  overflow-y: auto;
  overscroll-behavior-y: contain;
}
.modal-content::-webkit-scrollbar {
  width: 6px;
}
.modal-content::-webkit-scrollbar-track {
  background: #f1f1f1;
  border-radius: 3px;
}
.modal-content::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

.modal_title {
  text-align: center;
  font-family: var(--font-family-Noto-Sans-JP, "Noto Sans JP");
  font-size: calc(38 / 750 * 100cqw);
  font-weight: 700;
  color: #FF9000;
  padding: calc(10 / 750 * 100cqw);
  background: #FFF2B2;
  line-height: 1.4;
}

.modal-content > div:not(.modal_title):not(.modal-btn) {
  font-size: calc(26 / 750 * 100cqw);
  line-height: 1.5;
  color: #333;
  margin-top: calc(32 / 750 * 100cqw);
}
.modal-content > div:not(.modal_title):not(.modal-btn) .lead {
  display: block;
  font-size: calc(34 / 750 * 100cqw);
  font-weight: 700;
  color: #FF9000;
  display: block;
}
.modal-content > div:not(.modal_title):not(.modal-btn) .bold {
  font-size: calc(28 / 750 * 100cqw);
  font-weight: 700;
}
.modal-content > div:not(.modal_title):not(.modal-btn) .ac {
  color: #D13737;
}

.modal_list {
  list-style: none;
  padding: 0;
  margin: calc(15 / 750 * 100cqw) 0;
}
.modal_list li {
  position: relative;
  padding-left: calc(30 / 750 * 100cqw);
  font-size: calc(24 / 750 * 100cqw);
  line-height: 1.5;
}
.modal_list li::before {
  content: "•";
  position: absolute;
  left: calc(10 / 750 * 100cqw);
  top: 0;
  color: #333;
}
.modal_list li.none,
.modal_list li .none {
  display: inlin-block;
  padding-left: 0;
  font-size: calc(20 / 750 * 100cqw);
  color: #666;
}
.modal_list li.none::before,
.modal_list li .none::before {
  display: none;
}
.modal_list li.none {
  margin-top: calc(34 / 750 * 100cqw);
}

.modal-btn {
  display: block;
  width: calc(400 / 750 * 100cqw);
  aspect-ratio: 400/80;
  margin: calc(40 / 750 * 100cqw) auto 0;
  padding: calc(10 / 750 * 100cqw) 0;
  background: #FF9000;
  color: #fff;
  font-size: calc(28 / 750 * 100cqw);
  font-weight: 700;
  text-align: center;
  border-radius: calc(50 / 750 * 100cqw);
  cursor: pointer;
  transition: opacity 0.3s;
}
.modal-btn:hover {
  opacity: 0.8;
}

.modal-trigger {
  color: #FF9000;
  text-decoration: underline;
  cursor: pointer;
}
/*# sourceMappingURL=lp.css.map */
