@charset "UTF-8";
@media all and (min-width: 768px), print {
  .page-hero {
    background-image: url(../img/seminar/bg_mv.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    min-height: calc(370 / var(--font-size) * 1rem);
  }
  .page-hero__bg {
    position: relative;
  }
  .page-hero__bg > * {
    position: absolute;
  }
  .page-hero__bg__stripecircle {
    width: calc(100 / var(--font-size) * 1rem);
    height: calc(100 / var(--font-size) * 1rem);
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 0);
    background-image: repeating-linear-gradient(135deg, transparent, transparent calc(3 / var(--font-size) * 1rem), var(--primary-color) calc(4 / var(--font-size) * 1rem), var(--primary-color) calc(5 / var(--font-size) * 1rem));
    top: calc(173 / var(--font-size) * 1rem);
    left: calc(18 / 1440 * 100%);
    border-radius: 50%;
  }
  .page-hero__bg__linewhite01 {
    width: calc(3 / var(--font-size) * 1rem);
    height: calc(240 / var(--font-size) * 1rem);
    border-radius: 20px;
    background-image: linear-gradient(var(--white-color) 85%, transparent 85%, transparent 94%, var(--white-color) 94%);
    transform: rotate(-135deg);
    margin-top: calc(210 / var(--font-size) * 1rem);
    left: calc(70 / 1440 * 100%);
  }
  .page-hero__bg__linewhite01::before,
  .page-hero__bg__linewhite01::after {
    content: '';
    position: absolute;
    width: calc(3 / var(--font-size) * 1rem);
    height: calc(3 / var(--font-size) * 1rem);
    background-color: var(--white-color);
    border-radius: 50%;
  }
  .page-hero__bg__linewhite01::before {
    top: 84%;
    left: 0;
  }
  .page-hero__bg__linewhite01::after {
    top: 93%;
    left: 0;
  }
  .page-hero__bg__linecircle01 {
    width: calc(2 / var(--font-size) * 1rem);
    height: calc(80 / var(--font-size) * 1rem);
    border-radius: 20px;
    background-image: linear-gradient(var(--primary-color) 72%, transparent 72%, transparent 85%, var(--primary-color) 85%);
    transform: rotate(45deg);
    transform-origin: right top;
    left: calc(400 / 1440 * 100%);
  }
  .page-hero__bg__linecircle01::before {
    content: '';
    position: absolute;
    width: calc(40 / var(--font-size) * 1rem);
    height: calc(40 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) solid var(--primary-color);
    border-radius: 50%;
    left: 0;
    bottom: 0;
    margin-left: calc(-20 / var(--font-size) * 1rem);
    margin-bottom: calc(-20 / var(--font-size) * 1rem);
  }
  .page-hero__bg__dotcirclewhite {
    display: block;
    top: 0;
    left: 0;
    width: calc(250 / var(--font-size) * 1rem);
    height: calc(250 / var(--font-size) * 1rem);
    background-image: radial-gradient(var(--white-color) 20%, transparent 20%), radial-gradient(var(--white-color) 20%, transparent 20%);
    background-size: calc(10 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    background-position: 0 0, calc(15 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
    border-radius: 50%;
    margin-top: calc(311 / var(--font-size) * 1rem);
    margin-left: calc(242 / 1440 * 100%);
  }
  .page-hero__bg__lineprimary01 {
    width: calc(150 / var(--font-size) * 1rem);
    height: calc(3 / var(--font-size) * 1rem);
    background-color: var(--primary-color);
    border-radius: 20px;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
    margin-top: calc(330 / var(--font-size) * 1rem);
    margin-left: calc(300 / 1440 * 100%);
  }
  .page-hero__bg__primarycircle {
    width: calc(200 / var(--font-size) * 1rem);
    height: calc(200 / var(--font-size) * 1rem);
    background-color: var(--primary-color);
    border-radius: 50%;
    top: 0;
    margin-top: calc(-136 / var(--font-size) * 1rem);
    left: 50%;
    transform: translateX(-50%);
    margin-left: calc(-56 / 1440 * 100%);
  }
  .page-hero__bg__primarycircle::after {
    content: '';
    position: absolute;
    width: calc(100 / var(--font-size) * 1rem);
    height: calc(100 / var(--font-size) * 1rem);
    background-image: radial-gradient(var(--white-color) 20%, transparent 20%), radial-gradient(var(--white-color) 20%, transparent 20%);
    background-size: calc(10 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    background-position: 0 0, calc(15 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
    border-radius: 50%;
    top: 0;
    margin-top: calc(80 / var(--font-size) * 1rem);
    margin-left: calc(150 / var(--font-size) * 1rem);
  }
  .page-hero__bg__linecirclewhite {
    width: calc(2 / var(--font-size) * 1rem);
    height: calc(90 / var(--font-size) * 1rem);
    border-radius: 20px;
    background-image: linear-gradient(var(--white-color) 72%, transparent 72%, transparent 85%, var(--white-color) 85%);
    transform: rotate(-135deg);
    transform-origin: right bottom;
    margin-top: calc(220 / var(--font-size) * 1rem);
    left: calc(700 / 1440 * 100%);
  }
  .page-hero__bg__linecirclewhite::after {
    content: '';
    position: absolute;
    width: calc(50 / var(--font-size) * 1rem);
    height: calc(50 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) solid var(--white-color);
    border-radius: 50%;
    left: 0;
    bottom: 0;
    margin-bottom: calc(-26 / var(--font-size) * 1rem);
    margin-left: calc(-23 / var(--font-size) * 1rem);
  }
  .page-hero__bg__lineprimary02 {
    width: calc(2 / var(--font-size) * 1rem);
    height: calc(60 / var(--font-size) * 1rem);
    border-radius: 20px;
    background-image: linear-gradient(var(--primary-color) 25%, transparent 25%, transparent 40%, var(--primary-color) 40%);
    transform: rotate(-135deg);
    margin-top: calc(325 / var(--font-size) * 1rem);
    left: calc(710 / 1440 * 100%);
  }
  .page-hero__bg__lineprimary02::before,
  .page-hero__bg__lineprimary02::after {
    content: '';
    position: absolute;
    width: calc(2 / var(--font-size) * 1rem);
    height: calc(2 / var(--font-size) * 1rem);
    background-color: var(--primary-color);
    border-radius: 50%;
  }
  .page-hero__bg__lineprimary02::before {
    top: 24%;
    left: 0;
  }
  .page-hero__bg__lineprimary02::after {
    top: 100%;
    left: 0;
  }
  .page-hero__bg__linewhite02 {
    width: calc(200 / var(--font-size) * 1rem);
    height: calc(3 / var(--font-size) * 1rem);
    background-color: var(--white-color);
    border-radius: 20px;
    top: 0;
    left: 0;
    transform: rotate(-45deg);
    margin-left: calc(830 / 1440 * 100%);
    margin-top: calc(20 / var(--font-size) * 1rem);
    z-index: 2;
  }
  .page-hero__bg__linecircle02 {
    width: calc(3 / var(--font-size) * 1rem);
    height: calc(80 / var(--font-size) * 1rem);
    background-color: var(--primary-color);
    border-radius: 20px;
    transform: rotate(45deg);
    transform-origin: right top;
    left: calc(970 / 1440 * 100%);
  }
  .page-hero__bg__linecircle02::before {
    content: '';
    position: absolute;
    width: calc(60 / var(--font-size) * 1rem);
    height: calc(60 / var(--font-size) * 1rem);
    border: calc(2 / var(--font-size) * 1rem) solid var(--primary-color);
    border-radius: 50%;
    left: 0;
    bottom: 0;
    margin-left: calc(-28 / var(--font-size) * 1rem);
    margin-bottom: calc(-30 / var(--font-size) * 1rem);
  }
  .page-hero__bg__stripecirclewhite {
    width: calc(200 / var(--font-size) * 1rem);
    height: calc(200 / var(--font-size) * 1rem);
    background-size: auto auto;
    background-color: rgba(255, 255, 255, 0);
    background-image: repeating-linear-gradient(135deg, transparent, transparent calc(5 / var(--font-size) * 1rem), var(--white-color) calc(5 / var(--font-size) * 1rem), var(--white-color) calc(7 / var(--font-size) * 1rem));
    top: calc(100 / var(--font-size) * 1rem);
    left: calc(880 / 1440 * 100%);
    border-radius: 50%;
  }
  .page-hero__bg__linewhite03 {
    width: calc(3 / var(--font-size) * 1rem);
    height: calc(200 / var(--font-size) * 1rem);
    border-radius: 20px;
    background-image: linear-gradient(var(--white-color) 25%, transparent 25%, transparent 40%, var(--white-color) 40%);
    transform: rotate(-135deg);
    left: calc(1200 / 1440 * 100%);
    margin-top: calc(-50 / var(--font-size) * 1rem);
  }
  .page-hero__bg__dotcircleprimary {
    display: block;
    top: 0;
    left: 0;
    width: calc(328 / var(--font-size) * 1rem);
    height: calc(328 / var(--font-size) * 1rem);
    background-image: radial-gradient(var(--primary-color) 20%, transparent 20%), radial-gradient(var(--primary-color) 20%, transparent 20%);
    background-size: calc(10 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    background-position: 0 0, calc(15 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
    border-radius: 50%;
    margin-left: calc(1220 / 1440 * 100%);
    margin-top: calc(150 / var(--font-size) * 1rem);
  }
  .page-hero__bg__lineprimary03 {
    width: calc(4 / var(--font-size) * 1rem);
    height: calc(200 / var(--font-size) * 1rem);
    border-radius: 20px;
    background-color: var(--primary-color);
    transform: rotate(-135deg);
    margin-top: calc(180 / var(--font-size) * 1rem);
    left: calc(1420 / 1440 * 100%);
  }
  /*  */
  .page-hero__body {
    position: relative;
  }
  .page-hero__body::after {
    content: '';
    position: absolute;
    width: calc(195 / var(--font-size) * 1rem);
    height: calc(191 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/mv_illust.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    margin-bottom: calc(-24 / var(--font-size) * 1rem);
    z-index: 10;
  }
  .page-hero__header-title__label__rom {
    letter-spacing: calc(-10 / var(--font-size) * 1rem);
    margin-right: calc(10 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
  .page-hero {
    background-image: url(../img/seminar/bg_mv_sp.jpg);
    background-size: cover;
    background-position: center;
    min-height: calc(373 / var(--font-size) * 1rem);
  }
  .page-hero__in {
    padding: 0 calc(18.5 / var(--font-size) * 1rem);
  }
  .page-hero__body {
    position: relative;
  }
  .page-hero__body::after {
    content: '';
    position: absolute;
    width: calc(145 / var(--font-size) * 1rem);
    height: calc(142 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/mv_illust_sp.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
    margin-bottom: calc(-19 / var(--font-size) * 1rem);
    z-index: 10;
  }
  .page-hero__header-title__label__rom {
    letter-spacing: calc(-10 / var(--font-size) * 1rem);
    margin-right: calc(10 / var(--font-size) * 1rem);
    display: block;
  }
}
/* --------------------------------------------------------------------------
  INTRODUCTION
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .seminar-introduction {
    position: relative;
    z-index: 1;
  }
  .seminar-introduction__in {
  }
  .seminar-introduction__body {
  }
  .seminar-introduction__header {
  }
  .seminar-introduction__content {
  }
  .seminar-introduction-lead {
    text-align: center;
  }
  .seminar-introduction-lead .c-txt {
    --txt-line-height: calc(38 / 20);
  }
  .seminar-introduction-feature {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
  .seminar-introduction-feature__in {
  }
  .seminar-introduction-feature__body {
  }
  .seminar-introduction-feature__header {
    margin-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .seminar-introduction-feature__content {
  }
  .seminar-introduction-feature-list {
  }
}
@media all and (max-width: 767px) {
  .seminar-introduction {
    position: relative;
    z-index: 1;
  }
  .seminar-introduction__in {
  }
  .seminar-introduction__body {
  }
  .seminar-introduction__header {
  }
  .seminar-introduction__content {
  }
  .seminar-introduction-lead {
    text-align: center;
  }
  .seminar-introduction-lead .c-txt {
    font-size: calc(15 / var(--font-size) * 1rem);
    --txt-line-height: calc(27 / 15);
  }
  .seminar-introduction-feature {
    margin-top: calc(72 / var(--font-size) * 1rem);
  }
  .seminar-introduction-feature__in {
  }
  .seminar-introduction-feature__body {
  }
  .seminar-introduction-feature__header {
    margin-bottom: calc(41 / var(--font-size) * 1rem);
  }
  .seminar-introduction-feature__content {
    margin: auto;
  }
  .seminar-introduction-feature__content .c-txt {
    font-size: calc(15 / var(--font-size) * 1rem);
    text-align: center;
  }
  .seminar-introduction-feature-list {
  }
}

/* --------------------------------------------------------------------------
  OUTLINE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .seminar-outline {
  }
  .seminar-outline__in {
  }
  .seminar-outline__body {
  }
  .seminar-outline__header {
  }
  .seminar-outline__header .c-header-lv2__txt small {
    font-size: calc(var(--header-size) / var(--font-size) * 1rem);
  }
  .seminar-outline__content {
  }
  .seminar-outline-detail {
  }
  .seminar-outline-area {
    --area-px: 40;
    --area-py: 50;
  }
  .seminar-outline-area__in {
  }
  .seminar-outline-area__body {
  }
  .seminar-outline-area__content {
  }
  .seminar-outline-area-sec {
  }
  .seminar-outline-area-sec + .seminar-outline-area-sec {
    padding: calc(var(--area-py) / var(--font-size) * 1rem) calc(var(--area-px) / var(--font-size) * 1rem) 0;
  }
  .seminar-outline-area-sec__in {
    min-height: calc(160 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-sec__body {
    position: relative;
    padding-left: calc(110 / var(--font-size) * 1rem);
    padding-right: calc(200 / var(--font-size) * 1rem);
  }
  #outline .c-area-sec:nth-child(2) .seminar-outline-area-sec__body {
    padding-right: calc(200 / var(--font-size) * 1rem);
  }
  #outline .c-area-sec:nth-child(1) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(240 / 1120 * 100%);
    padding-top: calc(163 / 1120 * 100%);
    background-image: url(../img/seminar/outline_image01.png);
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    margin-top: calc(8 / 1120 * 100%);
    right: 0;
  }
  #outline .c-area-sec:nth-child(2) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(297 / 1120 * 100%);
    padding-top: calc(139 / 1120 * 100%);
    background-image: url(../img/seminar/outline_image02.png);
    background-size: cover;
    bottom: 0;
    right: 0;
  }
  #outline .c-area-sec:nth-child(3) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(162 / 1120 * 100%);
    padding-top: calc(202 / 1120 * 100%);
    background-image: url(../img/seminar/outline_image03.png);
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    margin-top: calc(36 / 1120 * 100%);
    right: 0;
    margin-right: calc(43 / 1120 * 100%);
  }
  #outline .c-area-sec:nth-child(4) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(267 / 1120 * 100%);
    padding-top: calc(198 / 1120 * 100%);
    background-image: url(../img/seminar/outline_image04.png);
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    margin-top: calc(6 / 1120 * 100%);
    right: 0;
  }
  #outline .c-area-sec:nth-child(5) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(213 / 1120 * 100%);
    padding-top: calc(212 / 1120 * 100%);
    background-image: url(../img/seminar/outline_image05.png);
    background-size: cover;
    top: 50%;
    transform: translateY(-50%);
    margin-top: calc(26 / 1120 * 100%);
    right: 0;
    margin-right: calc(37 / 1120 * 100%);
  }
  .seminar-outline-area-sec__header {
  }
  .seminar-outline-area-num {
    position: absolute;
    top: 0;
    left: 0;
    line-height: 0.5;
  }
  .seminar-outline-area-num__label {
    font-size: calc(60 / var(--font-size) * 1rem);
    font-weight: bold;
    color: var(--primary-color);
  }
  .seminar-outline-area-num__label > span + span {
    display: inline-block;
    margin-left: calc(-20 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-sec + .seminar-outline-area-sec .seminar-outline-area-num__label > span + span {
    margin-left: calc(-15 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-header {
    margin-bottom: calc(25 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-header__label {
    font-size: calc(26 / var(--font-size) * 1rem);
    font-weight: bold;
    color: var(--primary-color);
  }
  .seminar-outline-area-header__label small {
    display: block;
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-sec__content {
  }
  .seminar-outline-area-list .c-list {
    --list-gap-y: 6;
    --list-line-height: 1.667;
    padding-left: calc(16 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-list .c-list-item {
    font-weight: bold;
  }
  .seminar-outline-area-list .c-list--flex {
    --list-gap-x: 20;
    --list-gap-y: 6;
  }

  /* advance */
  .seminar-outline--advance {
  }
  .seminar-outline--advance .seminar-outline-area-sec__body {
    padding-left: 0;
    padding-right: calc(270 / var(--font-size) * 1rem);
    position: relative;
  }
  .seminar-outline--advance .c-area-sec:nth-child(1) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(271 / var(--font-size) * 1rem);
    height: calc(208 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/advance_image01.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }
  .seminar-outline--advance .c-area-sec:nth-child(2) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(240 / var(--font-size) * 1rem);
    height: calc(176 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/advance_image02.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }
  .seminar-outline--advance .c-area-sec:nth-child(3) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(250 / var(--font-size) * 1rem);
    height: calc(189 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/advance_image03.png);
    background-size: cover;
    background-repeat: no-repeat;
    top: 0;
    right: 0;
  }
  .seminar-outline--advance .seminar-outline-area-sec__header {
    padding-top: calc(99 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header {
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc(var(--area-px) / var(--font-size) * -1rem);
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }
  .seminar-outline-area-bar-header__in {
    padding: 0 calc(var(--area-px) / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__body {
    padding: calc(10 / var(--font-size) * 1rem) 0;
  }
  .seminar-outline-area-bar-header__txt {
    display: flex;
    align-items: center;
    font-size: calc(42 / var(--font-size) * 1rem);
    font-weight: bold;
    color: var(--white-color);
  }
  .seminar-outline-area-bar-header__day {
  }
  .seminar-outline-area-bar-header__start > span + span,
  .seminar-outline-area-bar-header__end > span + span {
    display: inline-block;
    margin-left: calc(-12 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__start--slim > span + span {
    margin-left: calc(-17 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__start + .seminar-outline-area-bar-header__end {
    position: relative;
    padding-left: calc(10 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__start + .seminar-outline-area-bar-header__end::before {
    content: '';
    display: block;
    width: calc(10 / var(--font-size) * 1rem);
    height: calc(4 / var(--font-size) * 1rem);
    background-color: var(--white-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 9999px;
    line-height: 1;
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
  .seminar-outline--advance .seminar-outline-area-couse {
    margin-bottom: calc(30 / var(--font-size) * 1rem);
  }
}
@media all and (max-width: 767px) {
  .seminar-outline {
  }
  .seminar-outline__in {
  }
  .seminar-outline__body {
  }
  .seminar-outline__header {
  }
  .seminar-outline__header .c-header-lv2__in {
    padding: calc(11 / var(--font-size) * 1rem) 0;
  }
  .seminar-outline__content {
  }
  .seminar-outline-detail {
  }
  .seminar-outline-area {
    --area-px: 15;
    --area-py: 45;
  }
  .seminar-outline-area__in {
  }
  .seminar-outline-area__body {
    padding: calc(40 / var(--font-size) * 1rem) 0 calc(20 / var(--font-size) * 1rem);
  }
  .seminar-outline-area__content {
  }
  .seminar-outline-area-sec {
  }
  .seminar-outline-area-sec + .seminar-outline-area-sec {
    padding: calc(var(--area-py) / var(--font-size) * 1rem) calc(var(--area-px) / var(--font-size) * 1rem) 0;
  }
  .seminar-outline-area-sec__in {
    /* min-height: calc(160 / var(--font-size) * 1rem); */
  }
  .seminar-outline-area-sec__body {
    position: relative;
    /* padding: 0 calc(40 / var(--font-size) * 1rem);
    padding-right: calc(200 / var(--font-size) * 1rem); */
  }
  #outline .c-area-sec:nth-child(1) .seminar-outline-area-sec__body {
    padding-bottom: calc(60 / var(--font-size) * 1rem);
  }
  #outline .c-area-sec:nth-child(2) .seminar-outline-area-sec__body {
    padding-bottom: calc(68 / var(--font-size) * 1rem);
  }
  #outline .c-area-sec:nth-child(3) .seminar-outline-area-sec__body {
    padding-bottom: calc(67 / var(--font-size) * 1rem);
  }
  #outline .c-area-sec:nth-child(4) .seminar-outline-area-sec__body {
    padding-bottom: calc(83 / var(--font-size) * 1rem);
  }
  #outline .c-area-sec:nth-child(5) .seminar-outline-area-sec__body {
    padding-bottom: calc(58 / var(--font-size) * 1rem);
  }
  #outline .c-area-sec:nth-child(1) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(103 / var(--font-size) * 1rem);
    height: calc(70 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/outline_image01.png);
    background-size: cover;
    bottom: 0;
    right: 0;
  }
  #outline .c-area-sec:nth-child(2) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(147 / var(--font-size) * 1rem);
    padding-top: calc(71 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/outline_image02.png);
    background-size: cover;
    bottom: 0;
    right: 0;
  }
  #outline .c-area-sec:nth-child(3) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(75 / var(--font-size) * 1rem);
    padding-top: calc(93 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/outline_image03.png);
    background-size: cover;
    bottom: 0;
    right: 0;
  }
  #outline .c-area-sec:nth-child(4) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(102 / var(--font-size) * 1rem);
    padding-top: calc(75 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/outline_image04.png);
    background-size: cover;
    bottom: 0;
    right: 0;
  }
  #outline .c-area-sec:nth-child(5) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(85.5 / var(--font-size) * 1rem);
    padding-top: calc(85 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/outline_image05.png);
    background-size: cover;
    right: 0;
    bottom: 0;
  }
  .seminar-outline-area-sec__header {
    display: flex;
    align-items: center;
    gap: calc(8 / var(--font-size) * 1rem);
    margin-bottom: calc(20 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-num {
    line-height: 0.5;
    margin-left: calc(-8 / var(--font-size) * 1rem);
    margin-top: calc(-8 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-num__label {
    display: flex;
    font-size: calc(40 / var(--font-size) * 1rem);
    font-weight: bold;
    color: var(--primary-color);
  }
  .seminar-outline-area-num__label > span + span {
    display: inline-block;
    margin-left: calc(-20 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-sec + .seminar-outline-area-sec .seminar-outline-area-num__label > span + span {
    margin-left: calc(-15 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-header {
  }
  .seminar-outline-area-header__label {
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
    color: var(--primary-color);
    text-indent: calc(-10 / var(--font-size) * 1rem);
    line-height: 1.3;
  }
  .seminar-outline-area-header__label small {
    display: block;
    margin-top: calc(8 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-sec__content {
  }
  .seminar-outline-area-list .c-list {
    --list-gap-y: 3;
    --list-line-height: 1.8;
  }
  .seminar-outline-area-list .c-list-item {
    font-weight: bold;
  }
  .seminar-outline-area-list .c-list--flex {
    --list-gap-x: 20;
    --list-gap-y: 6;
  }

  /* advance */
  .seminar-outline--advance {
  }
  .seminar-outline--advance .seminar-outline-area-sec__body {
    padding-left: 0;
    position: relative;
    padding-bottom: calc(90 / var(--font-size) * 1rem);
  }
  .seminar-outline--advance .c-area-sec:nth-child(3) .seminar-outline-area-sec__body {
    padding-bottom: calc(104.5 / var(--font-size) * 1rem);
  }
  .seminar-outline--advance .c-area-sec:nth-child(1) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(136 / var(--font-size) * 1rem);
    height: calc(104 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/advance_image01.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
  }
  .seminar-outline--advance .c-area-sec:nth-child(2) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(120 / var(--font-size) * 1rem);
    height: calc(88 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/advance_image02.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
  }
  .seminar-outline--advance .c-area-sec:nth-child(3) .seminar-outline-area-sec__body::after {
    position: absolute;
    content: '';
    width: calc(125 / var(--font-size) * 1rem);
    height: calc(94.5 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/advance_image03.png);
    background-size: cover;
    background-repeat: no-repeat;
    bottom: 0;
    right: 0;
  }
  .seminar-outline--advance .seminar-outline-area-sec__header {
    padding-top: calc(55 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header {
    background-color: var(--primary-color);
    position: absolute;
    top: 0;
    left: 0;
    margin-left: calc(var(--area-px) / var(--font-size) * -1rem);
    border-top-right-radius: 9999px;
    border-bottom-right-radius: 9999px;
  }
  .seminar-outline-area-bar-header__in {
    padding: 0 calc(var(--area-px) / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__body {
    padding-top: calc(9 / var(--font-size) * 1rem);
    padding-bottom: calc(12 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__txt {
    display: table;
    font-size: calc(30 / var(--font-size) * 1rem);
    font-weight: bold;
    color: var(--white-color);
  }
  .seminar-outline-area-bar-header__day {
  }
  .seminar-outline-area-bar-header__start > span + span,
  .seminar-outline-area-bar-header__end > span + span {
    display: inline-block;
    margin-left: calc(-12 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__start--slim > span + span {
    margin-left: calc(-15 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__start + .seminar-outline-area-bar-header__end {
    position: relative;
    padding-left: calc(10 / var(--font-size) * 1rem);
  }
  .seminar-outline-area-bar-header__start + .seminar-outline-area-bar-header__end::before {
    content: '';
    display: block;
    width: calc(10 / var(--font-size) * 1rem);
    height: calc(4 / var(--font-size) * 1rem);
    background-color: var(--white-color);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    border-radius: 9999px;
    line-height: 1;
    margin-top: calc(4 / var(--font-size) * 1rem);
  }
  .seminar-outline--advance .seminar-outline-area-couse {
    margin-bottom: calc(20 / var(--font-size) * 1rem);
  }
  .seminar-outline--advance .seminar-outline-area-list .c-list {
    padding: 0 calc(15 / var(--font-size) * 1rem);
  }
}

/* --------------------------------------------------------------------------
  PRICE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .seminar-price {
    overflow-x: hidden;
  }
  .seminar-price__in {
  }
  .seminar-price__body {
    position: relative;
  }
  .seminar-price__body::before {
    content: '';
    position: absolute;
    width: calc(165 / var(--font-size) * 1rem);
    height: calc(133 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/deco_price-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    margin-top: calc(110 / var(--font-size) * 1rem);
    left: 0;
    margin-left: calc(-120 / var(--font-size) * 1rem);
  }
  .seminar-price__body::after {
    content: '';
    position: absolute;
    width: calc(252 / var(--font-size) * 1rem);
    height: calc(252 / var(--font-size) * 1rem);
    background-image: radial-gradient(var(--primary-color) 20%, transparent 20%), radial-gradient(var(--primary-color) 20%, transparent 20%);
    background-size: calc(10 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    background-position: 0 0, calc(15 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
    border-radius: 50%;
    bottom: 0;
    margin-bottom: calc(150 / var(--font-size) * 1rem);
    right: 0;
    margin-right: calc(-170 / var(--font-size) * 1rem);
  }
  .seminar-price__header {
  }
  .seminar-price__content {
  }
  .seminar-price-detail {
    max-width: calc(872 / var(--font-size) * 1rem);
    margin: auto;
  }
  .seminar-price-area {
    --area-px: 0;
    --area-py: 0;
    padding-top: calc(20 / var(--font-size) * 1rem);
  }
  .seminar-price-area__in {
  }
  .seminar-price-area__body {
  }
  .seminar-price-area__header {
    background-color: var(--primary-light-color);
    border-top-left-radius: calc(var(--area-radius) / var(--font-size) * 1rem);
    border-top-right-radius: calc(var(--area-radius) / var(--font-size) * 1rem);
    border-left: var(--primary-color) solid calc(var(--area-border-width) / var(--font-size) * 1rem);
    border-right: var(--primary-color) solid calc(var(--area-border-width) / var(--font-size) * 1rem);
    border-top: var(--primary-color) solid calc(var(--area-border-width) / var(--font-size) * 1rem);
    position: relative;
    padding-left: calc(40 / var(--font-size) * 1rem);
    padding-right: calc(40 / var(--font-size) * 1rem);
  }
  .seminar-price-area-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: calc(16 / var(--font-size) * 1rem);
    padding-bottom: calc(16 / var(--font-size) * 1rem);
  }
  .seminar-price-area-title__label {
    font-size: calc(34 / var(--font-size) * 1rem);
    font-weight: bold;
  }
  .seminar-price-area-title__txt {
  }
  .seminar-price-area-title__num {
    font-size: calc(84 / 34 * 1em);
    color: var(--primary-color);
    letter-spacing: calc(-400 / 1000 * 1em);
    display: inline-block;
    margin-left: calc(-10 / var(--font-size) * 1rem);
  }
  .seminar-price-area-title__num > span {
    display: inline-block;
    margin-left: calc(10 / var(--font-size) * 1rem);
  }
  .seminar-price-area-title__unit {
    font-size: calc(26 / 34 * 1em);
    display: inline-block;
    margin-left: calc(10 / var(--font-size) * 1rem);
  }
  .seminar-price-area-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(130 / var(--font-size) * 1rem);
    height: calc(130 / var(--font-size) * 1rem);
    margin-top: calc(-20 / var(--font-size) * 1rem);
    margin-right: calc(24 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .seminar-price-area-icon::before,
  .seminar-price-area-icon::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .seminar-price-area-icon::before {
    background-color: var(--primary-color);
  }
  .seminar-price-area-icon::after {
    background-image: radial-gradient(var(--primary-color) 20%, transparent 20%), radial-gradient(var(--primary-color) 20%, transparent 20%);
    background-size: calc(10 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    background-position: 0 0, calc(15 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
    margin-top: calc(5 / var(--font-size) * 1rem);
    margin-left: calc(5 / var(--font-size) * 1rem);
  }
  .seminar-price-area-icon__label {
    position: relative;
    z-index: 1;
    font-size: calc(20 / var(--font-size) * 1rem);
    line-height: calc(24 / 20);
    font-weight: bold;
    color: var(--white-color);
    text-align: center;
  }
  .seminar-price-area__content {
    padding: calc(40 / var(--font-size) * 1rem) calc(60 / var(--font-size) * 1rem);
  }
  .seminar-price-area-list {
  }
  .seminar-price-area-list .c-list {
    --list-gap-y: 6;
    font-weight: bold;
  }
  .seminar-price-btn {
    margin: calc(50 / var(--font-size) * 1rem) auto auto;
    width: calc(400 / var(--font-size) * 1rem);
  }
  .seminar-price-btn .c-btn {
    --btn-min-height: 80;
  }
}
@media all and (max-width: 767px) {
  .seminar-price {
    overflow-x: hidden;
  }
  .seminar-price__in {
  }
  .seminar-price__body {
    position: relative;
  }
  .seminar-price__body::before {
    content: '';
    position: absolute;
    width: calc(87.5 / 325 * 100%);
    padding-top: calc(65.5 / 325 * 100%);
    background-image: url(../img/seminar/deco_price-left.png);
    background-size: contain;
    background-repeat: no-repeat;
    top: 0;
    left: 0;
    margin-top: calc(34 / 325 * 100%);
    margin-left: calc(-30 / 325 * 100%);
  }
  .seminar-price__body::after {
    content: '';
    position: absolute;
    width: calc(126 / 325 * 100%);
    padding-top: calc(126 / 325 * 100%);
    background-image: radial-gradient(var(--primary-color) 20%, transparent 20%), radial-gradient(var(--primary-color) 20%, transparent 20%);
    background-size: calc(10 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem);
    background-position: 0 0, calc(15 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem);
    border-radius: 50%;
    bottom: 0;
    margin-bottom: calc(102 / 325 * 100%);
    right: 0;
    margin-right: calc(-48 / var(--font-size) * 1rem);
    z-index: -1;
  }
  .seminar-price__header {
    margin-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .seminar-price__content {
  }
  .seminar-price-detail {
    max-width: calc(872 / var(--font-size) * 1rem);
    margin: auto;
  }
  .seminar-price-area {
    --area-px: 0;
    --area-py: 0;
    /* padding-top: calc(20 / var(--font-size) * 1rem); */
  }
  .seminar-price-area__in {
  }
  .seminar-price-area__body {
  }
  .seminar-price-area__header {
    background-color: var(--primary-light-color);
    border-top-left-radius: calc(var(--area-radius) / var(--font-size) * 1rem);
    border-top-right-radius: calc(var(--area-radius) / var(--font-size) * 1rem);
    border-left: var(--primary-color) solid calc(var(--area-border-width) / var(--font-size) * 1rem);
    border-right: var(--primary-color) solid calc(var(--area-border-width) / var(--font-size) * 1rem);
    border-top: var(--primary-color) solid calc(var(--area-border-width) / var(--font-size) * 1rem);
    position: relative;
  }
  .seminar-price-area-title {
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: calc(35 / var(--font-size) * 1rem);
    padding-bottom: calc(25 / var(--font-size) * 1rem);
  }
  .seminar-price-area-title__label {
    font-size: calc(20 / var(--font-size) * 1rem);
    font-weight: bold;
  }
  .seminar-price-area-title__txt {
  }
  .seminar-price-area-title__num {
    font-size: calc(52 / 20 * 1em);
    color: var(--primary-color);
    letter-spacing: calc(-400 / 1000 * 1em);
    display: inline-block;
    margin-left: calc(-10 / var(--font-size) * 1rem);
  }
  .seminar-price-area-title__num > span {
    display: inline-block;
    margin-left: calc(10 / var(--font-size) * 1rem);
  }
  .seminar-price-area-title__unit {
    font-size: calc(15 / 20 * 1em);
    display: inline-block;
    margin-left: calc(8 / var(--font-size) * 1rem);
  }
  .seminar-price-area-icon {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(91 / var(--font-size) * 1rem);
    height: calc(91 / var(--font-size) * 1rem);
    margin-top: calc(-40 / var(--font-size) * 1rem);
    margin-right: calc(-10 / var(--font-size) * 1rem);
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .seminar-price-area-icon::before,
  .seminar-price-area-icon::after {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
  }
  .seminar-price-area-icon::before {
    background-color: var(--primary-color);
  }
  .seminar-price-area-icon::after {
    background-image: radial-gradient(var(--area-border-color) 20%, transparent 20%), radial-gradient(var(--area-border-color) 20%, transparent 20%), radial-gradient(var(--area-border-color) 20%, transparent 20%);
    background-size: calc(4 / var(--font-size) * 1rem) calc(4 / var(--font-size) * 1rem);
    background-position: 0 0, calc(10 / var(--font-size) * 1rem) calc(10 / var(--font-size) * 1rem), calc(20 / var(--font-size) * 1rem) calc(20 / var(--font-size) * 1rem);
    margin-top: calc(3.865 / var(--font-size) * 1rem);
    margin-left: calc(5.155 / var(--font-size) * 1rem);
  }
  .seminar-price-area-icon__label {
    position: relative;
    z-index: 1;
    font-size: calc(15 / var(--font-size) * 1rem);
    line-height: 1.3;
    font-weight: bold;
    color: var(--white-color);
    text-align: center;
  }
  .seminar-price-area__content {
    padding: calc(43 / var(--font-size) * 1rem) calc(15 / var(--font-size) * 1rem) calc(40 / var(--font-size) * 1rem);
  }
  .seminar-price-area-list {
  }
  .seminar-price-area-list .c-list {
    --list-gap-y: 6;
    --list-font-size: 15;
    font-weight: bold;
  }
  .seminar-price-btn {
    margin: calc(35 / var(--font-size) * 1rem) auto auto;
    width: calc(260 / var(--font-size) * 1rem);
  }
  .seminar-price-btn .c-btn {
    --btn-min-height: 50;
    --btn-radius: 10;
    --btn-border-color: var(--accent-color-pink);
  }
}

/* --------------------------------------------------------------------------
  ADVANCE
-------------------------------------------------------------------------- */
@media all and (min-width: 768px), print {
  .advance-seminar-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1440 / 339;
    background-image: url(../img/seminar/section_img_pc.jpg);
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
  }
  .seminar-advance {
  }
  .seminar-advance__in {
  }
  .seminar-advance__body {
  }
  .seminar-advance__header {
  }
  .seminar-advance__content {
  }
  .seminar-advance-lead {
    text-align: center;
  }
  .seminar-advance-lead .c-txt {
    --txt-line-height: calc(38 / 20);
  }
  .seminar-advance-feature {
    margin-top: calc(80 / var(--font-size) * 1rem);
  }
  .seminar-advance-feature__in {
  }
  .seminar-advance-feature__body {
  }
  .seminar-advance-feature__header {
    margin-bottom: calc(50 / var(--font-size) * 1rem);
  }
  .seminar-advance-feature__content {
  }
  .seminar-advance-feature-list {
  }
}
@media all and (max-width: 767px) {
  .advance-seminar-image {
    width: 100%;
    height: calc(215 / var(--font-size) * 1rem);
    background-image: url(../img/seminar/section_img_sp.jpg);
    background-position: center right;
    background-size: calc(750 / var(--font-size) * 1rem);
    background-repeat: no-repeat;
  }
  .advance-seminar-image img {
    position: absolute;
    top: 0;
    right: 0;
    width: calc(750 / var(--font-size) * 1rem);
  }
  .seminar-advance {
  }
  .seminar-advance__in {
  }
  .seminar-advance__body {
  }
  .seminar-advance__header {
  }
  .seminar-advance__content {
  }
  .seminar-advance-lead {
    text-align: center;
  }
  .seminar-advance-lead .c-txt {
    --txt-font-size: 15;
    --txt-line-height: calc(27 / 15);
  }
  .seminar-advance-feature {
    margin-top: calc(70 / var(--font-size) * 1rem);
  }
  .seminar-advance-feature__in {
  }
  .seminar-advance-feature__body {
  }
  .seminar-advance-feature__header {
    margin-bottom: calc(40 / var(--font-size) * 1rem);
  }
  .seminar-advance-feature__content {
  }
  .seminar-advance-feature-list {
  }
}
@media all and (min-width: 1440px), print {
  .advance-seminar-image {
    height: calc(340 / var(--font-size) * 1rem);
    background-position: center calc(-60 / var(--font-size) * 1rem);
    background-size: calc(2560 / var(--font-size) * 1rem);
    aspect-ratio: auto;
  }
}