@charset "UTF-8";

/* ==========================================================================
  HERO
========================================================================== */

@media all and (min-width: 981px) {
    .course-detail-hero {
        position: relative;
        width: 100%;
        margin-top: 0.65rem;
        background: #f7f6ec;
    }
    .course-detail-hero-main {
        position: relative;
        width: 66.612%;
        background: #f7f6ec;
    }
    .course-detail-hero-main--login {
        margin: 0 auto;
    }
    .course-detail-hero-main__img {
        position: relative;
        padding-top: 56.284153005%;
        overflow: hidden;
    }
    .course-detail-hero-main img {
        width: 100%;
        height: auto;
        vertical-align: top;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, calc(-50% - 1.25rem));
    }
    .event img {
        width: 100%;
        height: 80%;
        vertical-align: top;
        position: absolute;
        top: 35%;
        left: 50%;
        transform: translate(-50%, calc(-50% - 1.25rem));
        object-fit: cover;
    }
    .ofi {
        object-fit: cover;
        object-position: 50% 50%;
        font-family: 'object-fit: cover; object-position: 50% 50%;';
    }
    .block__space {
        margin-top: .75rem;
    }
    .course-detail-hero-main__header {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 0 1.15rem 1.25rem;
    }
    .course-detail-hero-main__badge {
        position: relative;
        width: 6.875rem;
        background: #aaa;
        border-radius: 999px;
    }
    .course-detail-hero-main__badge::before {
        display: block;
        padding-top: 100%;
        content: '';
    }
    .course-detail-hero-main__badge-label {
        position: absolute;
        top: 45%;
        right: 0;
        left: 0;
        color: #fff;
        font-weight: bold;
        font-size: 1.5rem;
        text-align: center;
        transform: translateY(-50%);
    }
    .course-detail-hero-main__badge-label em {
        font-size: 2.375rem;
    }
    .course-detail-hero-main__title {
        margin-top: 1rem;
        padding-left: 1.25rem;
        font-size: 2.3rem;
    }
    .course-detail-hero-main__title_sub {
        margin-top: 0.25rem;
        padding-left: 1rem;
        font-size: 1.5rem;
    }
    .event .course-detail-hero-main__title {
        text-shadow    :
         1px  1px 1px #f7f6ec,
        -1px  1px 1px #f7f6ec,
         1px -1px 1px #f7f6ec,
        -1px -1px 1px #f7f6ec,
         1px  0px 1px #f7f6ec,
         0px  1px 1px #f7f6ec,
        -1px  0px 1px #f7f6ec,
         0px -1px 1px #f7f6ec;
    }
    .event .course-detail-hero-main__title_sub {
        text-shadow    :
        1px  1px 1px #f7f6ec,
       -1px  1px 1px #f7f6ec,
        1px -1px 1px #f7f6ec,
       -1px -1px 1px #f7f6ec,
        1px  0px 1px #f7f6ec,
        0px  1px 1px #f7f6ec,
       -1px  0px 1px #f7f6ec,
        0px -1px 1px #f7f6ec;
    }
    .course-detail-hero-sub {
        position: absolute;
        top: 0;
        left: 50%;
        width: 33.388%;
        margin-left: calc(50% - 33.388%);
        background: #aaa;
        backface-visibility: hidden;
        transform: translate3d(0px, 0px, 0px);
    }
    .course-detail-hero-sub.is-fixed {}
    .course-detail-hero-sub::before {
        display: block;
        padding-top: 112.3152709%;
        content: '';
    }
    .course-detail-hero--marketing .course-detail-hero-sub,
    .course-detail-hero--marketing .course-detail-hero-main__badge {
        background-color: #cc7eb2;
    }
    .course-detail-hero--sougyou .course-detail-hero-sub,
    .course-detail-hero--sougyou .course-detail-hero-main__badge,
    .course-detail-hero--keiei .course-detail-hero-sub,
    .course-detail-hero--keiei .course-detail-hero-main__badge {
        background-color: #f5bb00;
    }
    .course-detail-hero--soshiki .course-detail-hero-sub,
    .course-detail-hero--soshiki .course-detail-hero-main__badge {
        background-color: #f0841e;
    }
    .course-detail-hero--jinji .course-detail-hero-sub,
    .course-detail-hero--jinji .course-detail-hero-main__badge {
        background-color: #409ad6;
    }
    .course-detail-hero--zaimu .course-detail-hero-sub,
    .course-detail-hero--zaimu .course-detail-hero-main__badge {
        background-color: #004099;
    }
    .course-detail-hero--seminar .course-detail-hero-sub,
    .course-detail-hero--seminar .course-detail-hero-main__badge {
        background-color: #92318d;
    }
    .course-detail-hero--seisan .course-detail-hero-sub,
    .course-detail-hero--seisan .course-detail-hero-main__badge {
        background-color: #5cb531;
    }
    .course-detail-hero--bcp .course-detail-hero-sub,
    .course-detail-hero--bcp .course-detail-hero-main__badge {
        background-color: #aaaaaa;
    }
    .course-detail-hero--kadai .course-detail-hero-sub,
    .course-detail-hero--kadai .course-detail-hero-main__badge {
        background-color: #b1081f;
    }
    .course-detail-hero--event .course-detail-hero-sub,
    .course-detail-hero--event .course-detail-hero-main__badge {
        background-color: #44cead;
    }
    .course-detail-hero-main__header .event_badge {
        background-color: #44cead;
    }
    /* 仮クラス */
    .course-detail-hero--chiiki .course-detail-hero-sub,
    .course-detail-hero--chiiki .course-detail-hero-main__badge {
        background-color: #f5bb00;
    }
    .course-detail-hero--soudan .course-detail-hero-sub,
    .course-detail-hero--soudan .course-detail-hero-main__badge {
        background-color: #92318d;
    }
    .course-detail-hero--jigyou .course-detail-hero-sub,
    .course-detail-hero--jigyou .course-detail-hero-main__badge {
        background-color: #f0841e;
    }
    /* 仮クラス */
    .course-detail-hero-sub__inner {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        padding: 1.125rem;
    }
    .course-detail-hero-sub__inner>* {
        width: 100%;
    }
    .course-detail-hero-sub__number {
        color: #fff;
        font-weight: bold;
        font-size: 1.75rem;
    }
    .course-detail-hero-sub__caption {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .course-detail-hero-sub__inner--member {
        padding-bottom: 3.5rem;
    }
    .course-detail-hero-sub__labels {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .course-detail-hero-sub__label {
        padding: 0.3rem 1.1rem 0.4rem;
        color: #b1081f;
        font-weight: bold;
        /* font-size: .785714286em; */
        line-height: 1;
        background: #FFF;
        border-radius: 0.25rem;
        flex-shrink: 0;
        margin-left: .5rem;
    }
    .course-detail-hero-sub__title {
        margin-top: 1rem;
        color: #fff;
        font-size: 1.175rem;
        line-height: 1.363636364;
    }
    .course-detail-hero-title {
        margin-top: 0.25rem;
        color: #fff;
        font-size: 1rem;
        line-height: 1.363636364;
        font-weight: bold;
    }
    .course-detail-hero-sub__title--member {
        margin-top: 0;
        margin-bottom: 2.5rem;
        text-align: center;
    }
    .course-detail-hero-sub__date {
        margin-top: 1rem;
        color: #fff;
    }
    .course-detail-hero-sub__date dd {
        margin-top: 0.375rem;
        font-weight: bold;
        font-size: 1.4rem;
    }
    .course-detail-hero-sub__capacity {
        display: flex;
        align-items: flex-end;
        margin-top: 1rem;
        color: #fff;
    }
    .course-detail-hero-sub__capacity dt {
        width: 6.5rem;
        padding-bottom: 0.1075rem;
    }
    .course-detail-hero-sub__capacity dd {
        font-weight: bold;
        font-size: 1.625rem;
    }
    .course-detail-hero-sub__price {
        display: flex;
        align-items: flex-end;
        margin-top: 1rem;
        color: #fff;
    }
    .course-detail-hero-sub__price dt {
        width: 6.5rem;
        padding-bottom: 0.15rem;
    }
    .course-detail-hero-sub__price dd {
        font-weight: bold;
        font-size: 1.5rem;
    }
    .course-detail-hero-sub__txt {
        color: #fff;
    }
    .course-detail-hero-sub__apply {
        margin-top: 1.5rem;
    }
    .course-detail-hero-sub__apply--member {
        margin-top: 2.625rem;
    }
    .course-detail-hero-sub__btn {}
    .course-detail-hero-sub__btn .c-btn {
        width: 100%;
        padding: 0.965rem 0;
    }
    .course-detail-hero-sub__btn-lp .c-btn {
        width: 100%;
        padding: 1.265rem 0;
		border: 2px solid #FFF;
		border-radius: 7px;
		font-size: 1.5rem;
    }
	.course-detail-hero-sub__btn-lp .c-btn:hover{
		border: 2px solid #b1081f;
	}		
    .course-detail-hero-sub__pdf {}
    .course-detail-hero--marketing .c-btn {
        color: #cc7eb2;
    }
    .no-touchevents .course-detail-hero--marketing .c-btn:hover {
        background-color: #cc7eb2;
    }
    .course-detail-hero--marketing .c-btn .c-btn__arrow svg {
        fill: #cc7eb2;
    }
    .course-detail-hero-sub__pdf {
        margin-top: 0.5625rem;
        text-align: center;
    }
    .apply-pdf {
        color: #fff;
        display: inline-flex;
        align-items: center;
    }
    .apply-pdf:hover {
        color: #b1081f;
        display: inline-flex;
        align-items: center;
    }
    .apply-pdf__ico {
        content: '';
        display: inline-block;
        margin-right: 0.5rem;
        background-image: url(../img/common/icon_pdf.svg);
        width: 1.5rem;
        height: 1.923rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .apply-word__ico {
        content: '';
        display: inline-block;
        margin-right: 0.5rem;
        background-image: url(../img/common/icon_word.svg);
        width: 1.5rem;
        height: 1.923rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .apply-pdf__arw {
        content: '';
        display: inline-block;
        margin-right: 0.5rem;
        background-image: url(../img/common/icon_dl.svg);
        width: 1.3rem;
        height: 1.923rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .apply-pdf:hover .apply-pdf__arw {
        background-image: url(../img/common/icon_dl_red.svg);
    }
    .apply-pdf__label {
        font-weight: bold;
        font-size: 1.125rem;
    }
    .apply-pdf-word__label {
        font-weight: bold;
        font-size: 0.9rem;
    }
}

@media all and (-ms-high-contrast: none) {
    .course-detail-hero-main img {
        transform: translate(-50%, -55%);
    }
}

@media all and (max-width: 980px) {
    .c-section__inner--course-hero-outer {
        margin: 0;
        padding: 0;
    }
    .course-detail-hero {
        position: relative;
        width: 100%;
        background: #f7f6ec;
    }
    .course-detail-hero-main {
        position: relative;
        /* width: 66.612%; */
        background: #f7f6ec;
    }
    .course-detail-hero-main--login {
        margin: 0 auto;
    }
    .course-detail-hero-main__img {
        position: relative;
        padding-top: 70%;
        overflow: hidden;
    }
    .course-detail-hero-main img {
        width: 100%;
        height: auto;
        vertical-align: top;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, calc(-55%));
    }
    .event img {
        width: 100%;
        /* height: 80%; */
        vertical-align: top;
        position: absolute;
        top: 42%;
        left: 50%;
        transform: translate(-50%, calc(-55%));
        object-fit: cover;
    }
    .course-detail-hero-main__badge {
        width: 4.285714286rem;
        border-radius: 999px;
        height: 4.285714286rem;
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        top: .75rem;
        left: 1.25rem;
    }
    .course-detail-hero-main__badge-label {
        color: #fff;
        font-weight: bold;
        font-size: .928571429rem;
        text-align: center;
    }
    .course-detail-hero-main__badge-label em {
        font-size: 1.615384615rem;
    }
    .course-detail-hero-main__title {
        font-size: 1.285714286rem;
        position: absolute;
        bottom: 2.8rem;
        left: 1.25rem;
        right: 1.25rem;
        line-height: 1.2;
    }
    .course-detail-hero-main__title_sub {
        font-size: 0.9rem;
        position: absolute;
        bottom: .4rem;
        left: 1.25rem;
        right: 1.25rem;
        line-height: 1.2;
    }
    .block__space {
        margin-top: .5rem;
    }

    .course-detail-hero-sub {
        /* position: absolute;
      top: 0;
      left: 50%;
      width: 33.388%;
      margin-left: calc(50% - 33.388%); */
        background: #aaa;
        /* backface-visibility: hidden; */
        transform: translate(0)!important;
    }

    .course-detail-hero--marketing .course-detail-hero-sub,
    .course-detail-hero--marketing .course-detail-hero-main__badge {
        background-color: #cc7eb2;
    }
    .course-detail-hero--sougyou .course-detail-hero-sub,
    .course-detail-hero--sougyou .course-detail-hero-main__badge,
    .course-detail-hero--keiei .course-detail-hero-sub,
    .course-detail-hero--keiei .course-detail-hero-main__badge {
        background-color: #f5bb00;
    }
    .course-detail-hero--soshiki .course-detail-hero-sub,
    .course-detail-hero--soshiki .course-detail-hero-main__badge {
        background-color: #f0841e;
    }
    .course-detail-hero--jinji .course-detail-hero-sub,
    .course-detail-hero--jinji .course-detail-hero-main__badge {
        background-color: #409ad6;
    }
    .course-detail-hero--zaimu .course-detail-hero-sub,
    .course-detail-hero--zaimu .course-detail-hero-main__badge {
        background-color: #004099;
    }
    .course-detail-hero--seminar .course-detail-hero-sub,
    .course-detail-hero--seminar .course-detail-hero-main__badge {
        background-color: #92318d;
    }
    .course-detail-hero--seisan .course-detail-hero-sub,
    .course-detail-hero--seisan .course-detail-hero-main__badge {
        background-color: #5cb531;
    }
    .course-detail-hero--bcp .course-detail-hero-sub,
    .course-detail-hero--bcp .course-detail-hero-main__badge {
        background-color: #aaaaaa;
    }
    .course-detail-hero--kadai .course-detail-hero-sub,
    .course-detail-hero--kadai .course-detail-hero-main__badge {
        background-color: #b1081f;
    }
    .course-detail-hero--event .course-detail-hero-sub,
    .course-detail-hero--event .course-detail-hero-main__badge {
        background-color: #44cead;
    }
    .course-detail-hero-main__header .event_badge {
        background-color: #44cead;
    }
    /* 仮クラス */
    .course-detail-hero--chiiki .course-detail-hero-sub,
    .course-detail-hero--chiiki .course-detail-hero-main__badge {
        background-color: #f5bb00;
    }
    .course-detail-hero--soudan .course-detail-hero-sub,
    .course-detail-hero--soudan .course-detail-hero-main__badge {
        background-color: #92318d;
    }
    .course-detail-hero--jigyou .course-detail-hero-sub,
    .course-detail-hero--jigyou .course-detail-hero-main__badge {
        background-color: #f0841e;
    }
    /* 仮クラス */
    .course-detail-hero-sub__inner {
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.5rem;
        max-width: 630px;
        margin: 0 auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        padding: 1.5rem;
    }
    .course-detail-hero-sub__caption {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .course-detail-hero-sub__inner--member {
        padding-bottom: 3.5rem;
    }
    .course-detail-hero-sub__labels {
        display: flex;
        align-items: flex-start;
        justify-content: flex-end;
        flex-wrap: wrap;
    }
    .course-detail-hero-sub__label {
        padding: 0.2rem 1rem 0.35rem;
        color: #b1081f;
        font-weight: bold;
        /* font-size: .785714286em; */
        line-height: 1;
        background: #FFF;
        border-radius: 0.25rem;
        flex-shrink: 0;
        margin-left: .5rem;
    }
    .course-detail-hero-sub__number {
        color: #fff;
        font-weight: bold;
        font-size: 1.75rem;
        margin-right: .25rem;
    }
    .course-detail-hero-sub__title {
        margin-top: .5rem;
        color: #fff;
        font-size: 1.375rem;
        line-height: 1.363636364;
    }
    .course-detail-hero-title {
        margin-top: 0.25rem;
        color: #fff;
        font-size: 1.1rem;
        line-height: 1.363636364;
        font-weight: bold;
    }
    .course-detail-hero-sub__title--member {
        margin-top: 0;
        margin-bottom: 2.5rem;
        text-align: center;
    }
    .course-detail-hero-sub__date,
    .course-detail-hero-sub__capacity,
    .course-detail-hero-sub__price {
        margin-top: .5rem;
        color: #fff;
        display: flex;
        align-items: flex-start;
    }
    .course-detail-hero-sub__date dt,
    .course-detail-hero-sub__capacity dt,
    .course-detail-hero-sub__price dt {
        flex: none;
        margin-right: .5rem;
        width: 6em;
    }
    .course-detail-hero-sub__date dd,
    .course-detail-hero-sub__capacity dd,
    .course-detail-hero-sub__price dd {
        font-weight: bold;
        font-size: 1.142857143rem;
    }
    .course-detail-hero-sub__date {
        margin-top: 2rem;
    }
    /* .course-detail-hero-sub__capacity {
    display: flex;
    align-items: flex-end;
    margin-top: 1.125rem;
    color: #fff;
  }
  .course-detail-hero-sub__capacity dt {
    width: 6.5rem;
    padding-bottom: 0.1075rem;
  }
  .course-detail-hero-sub__capacity dd {
    font-weight: bold;
    font-size: 1.625rem;
  }
  .course-detail-hero-sub__price {
    display: flex;
    align-items: flex-end;
    margin-top: 1.125rem;
    color: #fff;
  }
  .course-detail-hero-sub__price dt {
    width: 6.5rem;
    padding-bottom: 0.15rem;
  }
  .course-detail-hero-sub__price dd {
    font-weight: bold;
    font-size: 1.5rem;
  } */
    .course-detail-hero-sub__txt {
        color: #fff;
    }
    .course-detail-hero-sub__apply {
        margin-top: 1.625rem;
    }
    .course-detail-hero-sub__apply--member {
        margin-top: 2.625rem;
    }
    .course-detail-hero-sub__btn {
        max-width: 26.785714286rem;
        margin: 0 auto;
    }
    .course-detail-hero-sub__btn .c-btn {
        width: 100%;
        padding: 0.965rem 0;
    }
    .course-detail-hero-sub__btn-lp .c-btn {
	    width: 100%;
	    padding: 1.465rem 0;
		border: 2px solid #fff;
		border-radius: 7px;
		font-size: 1.3em;
    }
    .course-detail-hero-sub__pdf {}
    .course-detail-hero--marketing .c-btn {
        color: #cc7eb2;
    }
    .no-touchevents .course-detail-hero--marketing .c-btn:hover {
        background-color: #cc7eb2;
    }
    .course-detail-hero--marketing .c-btn .c-btn__arrow svg {
        fill: #cc7eb2;
    }
    .course-detail-hero-sub__pdf {
        margin-top: 0.5625rem;
        text-align: center;
    }
    .apply-pdf {
        color: #fff;
        display: inline-flex;
        align-items: center;
    }
    .apply-pdf__ico {
        content: '';
        display: inline-block;
        margin-right: 0.5rem;
        background-image: url(../img/common/icon_pdf.svg);
        width: 1.5rem;
        height: 1.923rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .apply-word__ico {
        content: '';
        display: inline-block;
        margin-right: 0.5rem;
        background-image: url(../img/common/icon_word.svg);
        width: 1.5rem;
        height: 1.923rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .apply-pdf__arw {
        content: '';
        display: inline-block;
        margin-right: 0.5rem;
        background-image: url(../img/common/icon_dl.svg);
        width: 1.3rem;
        height: 1.923rem;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .apply-pdf__label {
        font-weight: bold;
        font-size: 1rem;
    }
}


/* ==========================================================================
  XXXXX
========================================================================== */

@media all and (min-width: 769px) {
    .course-detail-main {
        padding-right: 40%;
    }
    .course-detail-main--member {
        margin-top: 3.125rem;
        padding-right: 0;
    }
}

@media all and (max-width: 768px) {
    .course-detail-main {
        /* padding-right: 40%; */
    }
    .course-detail-main--member {
        margin-top: 2.125rem;
        padding-right: 0;
    }
}


/* ==========================================================================
  XXXXX
========================================================================== */

@media all and (min-width: 769px) {
    .course-detail-tool {
        display: flex;
        align-items: center;
        margin-top: 1.875rem;
        margin-bottom: 3.125rem;
    }
    .course-detail-tool__btn {}
    .course-detail-tool__keyword {
        margin-left: 1rem;
    }
    .course-detail-tool__keyword li {
        margin: 5px;
        display: inline-block;
        padding: 0.4rem 1rem 0.45rem;
        color: #fff;
        font-weight: bold;
        font-size: 0.875rem;
        line-height: 1;
        background: #b1081f;
        border-radius: 0.25rem;
    }
    .course-detail-block__attention{
        padding: 1rem;
    }
    .course-detail-block__attention--number{
        text-indent: -1rem;
        display: inline-block;
        position: relative;
    }
    .course-detail-block {}
    .course-detail-block+.course-detail-block {
        margin-top: 4.5rem;
    }
    .course-detail-block__title {
        font-size: 1.8375rem;
        line-height: 1.565217391;
    }
    .course-detail-block__title {
        margin-bottom: 1.3125rem;
    }
    .course-detail-block__title-s {
        color: #b1081f;
        font-weight: bold;
        font-size: 1;
        line-height: 1.5;
    }
    .course-detail-block__title-s+* {
        margin-top: 0.5rem;
    }
    .curriculum-block {
        margin-bottom: 2.5rem;
    }
    .course-detail-block__txt {
        font-size: 1.125rem;
        line-height: 2;
    }
    .course-detail-block__txt.curriculum_title {
        color: #494446;
        font-weight: bold;
        font-size: 1.3rem;
    }
    .course-detail-block__txt.curriculum_body{
        font-size: 1rem;
        line-height: 1.5;
    }
    .curriculum_btn{
        width: 10rem;
        padding: 0.5rem 0;
        font-size: 1rem;
        line-height: 1.4em;
        border-radius: 99px;
        font-weight: bold;
    }
    .course-detail-block__txt--feature {
        padding-left: 1em;
        text-indent: -1em;
    }
    .course-detail-block__txt--feature:before {
        content: '・';
    }
    .course-detail-block__txt+.course-detail-block__txt {
        margin-top: 0.5rem;
    }
    .course-detail-block__txt-s {
        font-size: 1rem;
        line-height: 1.875;
    }
    .course-detail-block__link+.course-detail-block__link {
        margin-top: 1rem;
    }
    .course-detail-block__link a {
        display: flex;
        align-items: center;
    }
    .course-detail-block__link a:hover {
        color: #b1081f;
    }
    .course-detail-block__link i {
        position: relative;
        display: block;
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
        background: #b1081f;
        border-radius: 99px;
    }
    .course-detail-block__link svg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 45%;
        height: 45%;
        margin: auto;
        fill: #fff;
    }
    .gheader-util__label {
        display: block;
        font-size: 0.9rem;
    }
    .course-detail-block__info-list li {
        position: relative;
        padding-left: 0.75em;
        font-size: 1.125rem;
        line-height: 2;
    }
    .course-detail-block__info-list li::before {
        position: absolute;
        top: calc((2em / 2) - 2px);
        left: 0;
        display: block;
        width: 4px;
        height: 4px;
        background: #494446;
        border-radius: 2px;
        content: '';
    }
    .course-detail-block__info-list li+li {
        margin-top: 0.75rem;
    }
    .course-detail-block__info-list li a {
        color: #b1081f;
        text-decoration: underline;
    }
    .no-touchevents .course-detail-block__info-list li a:hover {
        text-decoration: none;
    }
    .coursemember-detail-block__dl dt {
        width: 6em;
        flex: none;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.725rem;
        line-height: 1.8;
        margin-bottom: 1rem;
    }
    .coursemember-detail-block__dl dd {
        flex-grow: 1;
        width: calc(100% - 8rem);
        line-height: 2;
        font-size: 1.125rem;
    }
    .member_seminar_notext {
        display: flex;
        align-items: center;
    }
    .member_seminar_text a span {
        color: #b1081f;
    }
    .member_seminar_text a span:hover {
        text-decoration: underline;
    }
    .course-detail-block__dl {
        display: flex;
    }
    .course-detail-block__dl dt {
        width: 6em;
        flex: none;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 1.8;
        margin-right: 1.5625rem;
    }
    .course-detail-block__dl dd {
        flex-grow: 1;
        width: calc(100% - 8rem);
        line-height: 2;
        font-size: 1.125rem;
    }
    .course-detail-block__dl+.course-detail-block__dl {
        margin-top: 0.725rem;
        padding-top: 0.725rem;
        border-top: 1px solid #aaaaaa;
    }
    .course-detail-block__table {
        width: 100%;
    }
    .course-detail-block__table thead th {
        padding: 1.135rem 0;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.125rem;
        vertical-align: middle;
        background: #f6f6ec;
    }
    .course-detail-block__table thead th {
        width: 36%;
    }
    .course-detail-block__table thead th+th {
        width: 64%;
        border-left: 1px solid #aaaaaa;
    }
    .course-detail-block__table tbody th {
        line-height: 1.5;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__table tbody td {
        padding: 1.5rem 1.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__table tbody tr:first-child:last-child td {
        padding: 2.48rem 1.5rem;
    }
    .course-detail-block__table tbody th+td {
        border-left: 1px solid #aaaaaa;
    }
    .course-detail-block__member-table {
        width: 100%;
        border-top: 1px solid #aaaaaa;
    }
    *+.course-detail-block__member-table {
        margin-top: 3rem;
    }
    .course-detail-block__title+.course-detail-block__member-table {
        margin-top: 1.3125rem;
    }
    .course-detail-block__member-table tbody th {
        width: 20%;
        color: #b1081f;
        font-size: 1.125rem;
        line-height: 1.5;
        vertical-align: middle;
        background: #f6f6ec;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__member-table tbody td {
        padding: 1.5rem 1.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__member-table tbody tr:first-child:last-child td {
        padding: 2.48rem 1.5rem;
    }
    .course-detail-block__member-table tbody th+td {
        border-left: 1px solid #aaaaaa;
    }
    .course-detail-block__caution {
        display: flex;
        align-items: center;
        margin-top: 1.25rem;
    }
    .course-detail-block__caution dt {
        width: 10rem;
        font-weight: bold;
        font-size: 1rem;
    }
    .course-detail-block__caution dd {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .course-detail-block__profile {
        display: flex;
    }
    .course-detail-block__profile+.course-detail-block__profile {
        margin-top: 1.3125rem;
    }
    .course-detail-block__profile-img {
        width: 20%;
    }
    .courseshien-detail-block__profile-img {
        width: 13%;
    }
    .course-detail-block__profile-img img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .courseshien-detail-block__profile-img img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .course-detail-block__profile-desc {
        width: 80%;
        padding-left: 6%;
    }
    .course-detail-block__profile-name {
        margin-bottom: 1rem;
    }
    .course-detail-block__profile-name em {
        display: inline-block;
        margin-right: 1em;
        font-size: 1.125rem;
        line-height: 1.5;
    }
    .course-detail-block__profile-name span {
        display: inline-block;
        font-size: 0.875rem;
    }
    .course-detail-block__profile-txt {
        font-size: 1rem;
        line-height: 1.875;
    }
    .course-bottom-apply {
        padding-top: 6.125rem;
    }
    .course-detail-block__apply-table {
        width: 100%;
        border-top: 1px solid #aaaaaa;
    }
    .course-detail-block__apply-table th {
        width: 20%;
        padding: 1.135rem 0;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.125rem;
        vertical-align: middle;
        background: #f6f6ec;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__apply-table td {
        padding: 1.5rem 1.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__apply-table tbody th+td {
        border-left: 1px solid #aaaaaa;
    }
    .course-bottom-apply__footer {
        display: flex;
        justify-content: center;
        margin: 4.375rem 0 7.5rem 0;
        flex-wrap: wrap;
    }
    .course-bottom-apply__dl,
    .course-bottom-apply__print {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-top: 4.0625rem;
    }
    .course-bottom-apply__print_right {
        width: 100%;
        display: flex;
        justify-content: center;
        padding: 0;
        margin-top: 4.0625rem;
    }
    .course-bottom-apply__footer a {
        display: block;
    }
    .course-bottom-apply__footer a+a {
        margin-left: 4.375rem;
    }
    .course-detail-block__btn {
        margin: 4.375rem 0 7.5rem 0;
        text-align: center;
    }
    .course-bottom-apply__print a,
    .course-bottom-apply__dl a,
    .course-bottom-apply__print_right a {
        display: inline-flex;
        align-items: center;
    }
    .course-bottom-apply__print a img,
    .course-bottom-apply__dl a img,
    .course-bottom-apply__print_right a img {
        width: 1.25rem;
        margin-right: 0.25rem;
    }
    .course-bottom-apply__dl a span {
        /* text-decoration: underline; */
        color: #b1081f;
        font-weight: bold;
    }
    .course-bottom-apply__print a span {
        text-decoration: underline;
        font-weight: normal;
    }
    .course-bottom-apply__print_right a span {
        text-decoration: underline;
        font-weight: normal;
    }
    .course-bottom-apply__print a:hover span,
    .course-bottom-apply__dl a:hover span,
    .course-bottom-apply__print_right a:hover span {
        text-decoration: none;
    }
    .course-detail-block__pass {
        display: flex;
        justify-content: space-between;
        width: 30rem;
        margin: 0 auto 7.5rem auto;
    }
    .course-detail-block__pass-lead {
        margin-bottom: 4.375rem;
        font-size: 1.4375rem;
        line-height: 1.565217391;
        text-align: center;
    }
    .course-detail-block__pass input[type='password'] {
        display: block;
        width: 68%;
        height: 2.875rem;
        padding: 0 0.5rem 0 0.5rem;
        background: #f5f5f5;
        border: none;
        border: #aaaaaa 2px solid;
        border-radius: 0;
        border-radius: 6px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        resize: none;
    }
    .course-detail-block__pass input[type='submit'] {
        width: 28%;
        height: 2.875rem;
        color: #fff;
        font-weight: bold;
        background: #b1081f;
        border: #b1081f solid 2px;
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.15s ease-out;
    }
    .course-detail-block__pass input[type='submit']:hover {
        color: #b1081f;
        background: #fff;
    }
    .courseshien-detail-block__profile-name {
        font-size: 1rem;
        margin-top: 0.875rem;
        margin-bottom: 0.875rem;
        text-align: center;
    }
    .c-txt-m a {
        display: inline-flex;
        color: #b1081f;
        text-decoration: underline;
    }
}

@media all and (max-width: 768px) {
    .course-detail-tool {
        /* display: flex;
    align-items: center; */
        margin: 1.875rem 0;
    }
    .course-detail-tool__btn {
        display: flex;
        justify-content: center;
    }
    .course-detail-tool__keyword {
        margin-top: 1rem;
    }
    .course-detail-tool__keyword li {
        margin: 5px;
        display: inline-block;
        padding: 0.4rem 1rem 0.45rem;
        color: #fff;
        font-weight: bold;
        font-size: 0.875rem;
        line-height: 1;
        background: #b1081f;
        border-radius: 0.25rem;
    }
    .course-detail-block__attention{
        padding: 1rem;
    }
    .course-detail-block__attention--number{
        text-indent: -1rem;
        display: inline-block;
        position: relative;
    }
    .course-detail-block {}
    .course-detail-block+.course-detail-block {
        margin-top: 2.125rem;
    }
    .course-detail-block__title {
        font-size: 1.071428571rem;
        line-height: 1.565217391;
    }
    .course-detail-block__txt {
        font-size: 1.071428571rem;
        line-height: 1.75;
        margin: 0 1.428571429rem 0 0;
    }
    .curriculum-block {
        margin-bottom: 2rem;
    }
    .course-detail-block__txt.curriculum_title {
        color: #494446;
        font-weight: bold;
    }
    .course-detail-block__txt.curriculum_body{
        font-size: 1rem;
        line-height: 1.5;
    }
    .curriculum_btn{
        width: 100%;
        padding: 0.5rem 0;
        font-size: 1rem;
        line-height: 1.4em;
        border-radius: 99px;
        font-weight: bold;
    }

    .course-detail-block__title+* {
        margin: 1rem 0 1.5rem;
    }
    .course-detail-block__title-s {
        color: #b1081f;
        font-weight: bold;
        font-size: 1;
        line-height: 1.5;
    }
    .course-detail-block__title-s+* {
        margin-top: 0.5rem;
    }
    .course-detail-block--schedule .course-detail-block__title+.course-detail-block__txt {
        margin-bottom: 1rem;
    }
    .course-detail-block__txt--feature {
        padding-left: 1em;
        text-indent: -1em;
    }
    .course-detail-block__txt--feature:before {
        content: '・';
    }
    /* .course-detail-block__txt + .course-detail-block__txt {
    margin-top: 0.5rem;
  } */
    .course-detail-block__txt-s {
        font-size: 1rem;
        line-height: 1.875;
    }
    .course-detail-block__txt-s+.course-detail-block__txt-s {
        margin-top: 1rem;
    }
    .course-detail-block__link+.course-detail-block__link {
        margin-top: 1rem;
    }
    .course-detail-block__link a {
        display: flex;
        align-items: center;
        text-decoration: underline;
        text-decoration-color: #b1081f;
    }
    .course-detail-block__link a:hover {
        color: #b1081f;
    }
    .course-detail-block__link i {
        position: relative;
        display: block;
        width: 1rem;
        height: 1rem;
        margin-right: 0.5rem;
        background: #b1081f;
        border-radius: 999px;
    }
    .course-detail-block__link svg {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: block;
        width: 45%;
        height: 45%;
        margin: auto;
        fill: #fff;
    }
    .gheader-util__label {
        display: block;
        font-size: 0.75rem;
    }
    .course-detail-block__info-list li {
        position: relative;
        padding-left: 0.75em;
        font-size: 1.071428571rem;
        line-height: 1.75;
    }
    .course-detail-block__info-list li::before {
        position: absolute;
        top: calc((2em / 2) - 2px);
        left: 0;
        display: block;
        width: 4px;
        height: 4px;
        background: #494446;
        border-radius: 2px;
        content: '';
    }
    .course-detail-block__info-list li+li {
        margin-top: 2.2rem;
    }
    .course-detail-block__info-list li a {
        color: #b1081f;
        text-decoration: underline;
    }
    .no-touchevents .course-detail-block__info-list li a:hover {
        text-decoration: none;
    }
    .coursemember-detail-block__dl dt {
        width: 6em;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 1.8;
        flex: none;
        margin-right: 1.5rem;
        margin-bottom: 1rem;
    }
    .coursemember-detail-block__dl dd {
        flex-grow: 1;
        width: calc(100% - 8rem);
        line-height: 2;
    }
    .member_seminar_notext {
        display: flex;
        align-items: center;
    }
    .member_seminar_text a span {
        text-decoration: underline;
        color: #b1081f;
    }
    .member_seminar_text a span:hover {
        text-decoration: none;
    }
    .course-detail-block__dl {
        display: flex;
    }
    .course-detail-block__dl dt {
        width: 6em;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.125rem;
        line-height: 1.8;
        flex: none;
        margin-right: 1.5rem;
    }
    .course-detail-block__dl dd {
        flex-grow: 1;
        width: calc(100% - 8rem);
        line-height: 2;
    }
    .course-detail-block__dl+.course-detail-block__dl {
        margin-top: 0.725rem;
        padding-top: 0.725rem;
        border-top: 1px solid #aaaaaa;
    }
    .course-detail-block__dl+.c-note-m {
        margin-top: 1rem;
    }
    .course-detail-block__table {
        width: 100%;
    }
    .course-detail-block__table thead th {
        padding: 1.135rem 0;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.125rem;
        vertical-align: middle;
        background: #f6f6ec;
    }
    .course-detail-block__table thead th {
        width: 36%;
    }
    .course-detail-block__table thead th+th {
        width: 64%;
        border-left: 1px solid #aaaaaa;
    }
    .course-detail-block__table tbody th {
        line-height: 1.5;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__table tbody td {
        padding: 1.5rem 1.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__table tbody tr:first-child:last-child td {
        padding: 1.24rem 1rem;
    }
    .course-detail-block__table tbody th+td {
        border-left: 1px solid #aaaaaa;
    }
    .course-detail-block__member-table {
        width: 100%;
        border-top: 1px solid #aaaaaa;
    }
    *+.course-detail-block__member-table {
        margin-top: 1.2rem;
    }
    .course-detail-block__title+.course-detail-block__member-table {
        margin-top: 1.3125rem;
    }
    .course-detail-block__member-table tbody th {
        width: 36%;
        color: #b1081f;
        font-size: 1.125rem;
        line-height: 1.5;
        vertical-align: middle;
        background: #f6f6ec;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__member-table tbody td {
        padding: 1.5rem 1.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__member-table tbody tr:first-child:last-child td {
        padding: 1.5rem;
    }
    .course-detail-block__member-table tbody th+td {
        border-left: 1px solid #aaaaaa;
    }
    .course-detail-block__caution {
        display: flex;
        align-items: center;
        margin-top: .75rem;
    }
    .course-detail-block__caution dt {
        width: 10rem;
        font-weight: bold;
        font-size: 1rem;
        display: none;
    }
    .course-detail-block__caution dd {
        font-size: 0.875rem;
        line-height: 1.5;
    }
    .course-detail-block__profile {
        position: relative;
        margin-top: 1.25rem;
    }
    .course-detail-block__profile+.course-detail-block__profile {
        margin: 1rem 0 0;
    }
    .course-detail-block__profile-img {
        width: 8.928571429rem;
        margin: 0 auto;
    }
    .course-detail-block__profile-img img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .courseshien-detail-block__profile-img {
        width: 8.928571429rem;
        margin: 0 auto;
    }
    .courseshien-detail-block__profile-img img {
        width: 100%;
        height: auto;
        vertical-align: bottom;
    }
    .course-detail-block__profile-desc {
        width: 100%;
        margin-top: 1rem;
    }
    .course-detail-block__profile-name {
        margin-bottom: .75rem;
        padding-left: 9.714285714rem;
        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-end;
    }
    .course-detail-block__profile-name em {
        display: inline-block;
        margin-bottom: 1em;
        font-size: 1rem;
        line-height: 1;
    }
    .course-detail-block__profile-name span {
        display: inline-block;
        font-size: 1rem;
        line-height: 1.6;
    }
    .course-detail-block__profile-txt {
        font-size: 1.071428571rem;
        line-height: 1.875;
    }
    .course-detail-block__profile--member .course-detail-block__profile-txt {
        padding-left: 9.714285714rem;
        min-height: 8.714285714rem;
    }
    .course-bottom-apply {
        padding-top: 3.125rem;
    }
    .course-detail-block__apply-table {
        width: 100%;
        border-top: 1px solid #aaaaaa;
    }
    .course-detail-block__apply-table th {
        width: 36%;
        padding: 1.135rem 0;
        color: #b1081f;
        font-weight: bold;
        font-size: 1.125rem;
        vertical-align: middle;
        background: #f6f6ec;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__apply-table td {
        padding: 1.5rem 1.5rem;
        vertical-align: middle;
        border-bottom: 1px solid #aaaaaa;
    }
    .course-detail-block__apply-table tbody th+td {
        border-left: 1px solid #aaaaaa;
    }
    .course-bottom-apply__footer {
        margin: 4.375rem 1.428571429rem 7.5rem;
    }
    .course-bottom-apply__footer a+a {
        margin-top: 1.5rem;
    }
    .course-detail-block__btn {
        margin: 2.375rem 1.428571429rem 2.5rem;
        text-align: center;
    }
    .course-detail-block__btn a {
        width: 100%;
        max-width: 26.785714286rem;
        font-size: 1rem;
    }
    .course-bottom-apply__footer a {
        display: block;
        width: 100%;
    }
    .course-bottom-apply__print,
    .course-bottom-apply__dl,
    .course-bottom-apply__print_right {
        padding-top: 0;
        margin-top: 2.725rem;
    }
    .course-bottom-apply__print a,
    .course-bottom-apply__dl a,
    .course-bottom-apply__print_right a {
        display: flex;
        width: 100%;
        justify-content: center;
    }
    .course-bottom-apply__print a img,
    .course-bottom-apply__dl a img,
    .course-bottom-apply__print_right a img {
        width: 1.35rem;
        margin-right: .5rem;
    }
    .course-bottom-apply__print a span {
        font-size: 1.125rem;
        font-weight: normal;
        text-decoration: underline;
    }
    .course-bottom-apply__dl a span {
        font-size: 1.125rem;
        font-weight: bold;
        /* text-decoration: underline; */
        color: #b1081f;
    }
    .course-bottom-apply__print_right a span {
        font-size: 1rem;
        font-weight: normal;
        text-decoration: underline;
    }
    .course-detail-block__pass {
        display: flex;
        justify-content: space-between;
        margin: 0 auto 7.5rem auto;
    }
    .course-detail-block__pass-lead {
        margin-bottom: 4.375rem;
        font-size: 1.4375rem;
        line-height: 1.565217391;
        text-align: center;
    }
    .course-detail-block__pass input[type='password'] {
        display: block;
        width: 68%;
        height: 2.875rem;
        padding: 0 0.5rem 0 0.5rem;
        background: #f5f5f5;
        border: none;
        border: #aaaaaa 2px solid;
        border-radius: 0;
        border-radius: 6px;
        outline: 0;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        resize: none;
    }
    .course-detail-block__pass input[type='submit'] {
        width: 28%;
        height: 2.875rem;
        color: #fff;
        font-weight: bold;
        background: #b1081f;
        border: #b1081f solid 2px;
        border-radius: 6px;
        cursor: pointer;
        transition: all 0.15s ease-out;
    }
    .course-detail-block__pass input[type='submit']:hover {
        color: #b1081f;
        background: #fff;
    }
    .courseshien-detail-block__profile-name {
        font-size: 1rem;
        margin-top: 0.5rem;
        margin-bottom: 0.5rem;
        text-align: center;
    }
    .c-txt-m a {
        color: #b1081f;
        text-decoration: underline;
    }
}

/* ==========================================================================
  COUSE DETAIL LEAD
========================================================================== */
.course-detail__lead {
  background: #f7f6ec;
  padding: 1.1rem 1.875rem;
  margin-bottom: 2em;
}
.course-detail__list {
  background-color: #fff;
  border: 1px solid #aaaaaa;
}
.course-detail__list--row {
  display: flex;
  border-top: 1px solid #aaaaaa;
}
.course-detail__list--row:first-child {
  padding-top: 0;
  border-top: none;
}
.course-detail__list--row:last-child {
  padding-bottom: 0;
}
.course-detail__list-title {
  text-align: center;
}
.course-detail__list-title > span {
  font-weight: bold;
  line-height: 1;
  display: inline-flex;
  align-items: center;
  line-height: 1.714285714;
  justify-content: center;
}
.course-detail__list--number {
  text-align: center;
}
.course-detail__list-title--done > span,
.course-detail__list-title--soon > span {
  border: 1px solid #b1081f;
  background-color: #FFF;
  color: #b1081f;
}
.course-detail__lead-title {
  color: #b1081f;
  line-height: 1.6;
}
@media all and (min-width: 769px) {
  .course-detail__list {
    padding: calc(16 / 16 * 1rem) calc(18 / 16 * 1rem);
    margin-top: calc(32 / 16 * 1rem);
    margin-bottom: calc(12 / 16 * 1rem);
  }
  .course-detail__list--row {
    padding-top: calc(14 / 16 * 1rem);
    padding-bottom: calc(14 / 16 * 1rem);
  }
  .course-detail__list-title {
    width: calc(137 / 16 * 1rem);
    margin-right: 10px;
  }
  .course-detail__list-title > span {
    font-size: calc(14 / 16 * 1rem);
    width: calc(108 / 16 * 1rem);
    border-radius: 5px;
  }
  .course-detail__list--number {
    width: calc(81 / 16 * 1rem);
    text-align: left;
  }
  .course-detail__list--desc {
    
  }
  .course-detail__list-title--done > span {
    width: 8em;
  }
  .course-detail__lead-title {
    font-size: calc(20 / 16 * 1rem);
    margin-top: calc(14 / 16 * 1rem);
  }
  .course-detail__lead-title + .course-detail__lead-desc {
    margin-top: calc(36 / 16 * 1rem);
  }
  .course-detail__lead-desc + .course-detail__lead-desc {
    margin-top: calc(32 / 16 * 1rem);
  }
}
@media all and (max-width: 768px) {
  .course-detail__lead {
    padding: calc(64 / 28 * 1rem) calc(40/ 28 * 1rem) calc(56 / 28 * 1rem);
  }
  .course-detail__list {
    padding: calc(24 / 28 * 1rem) calc(28 / 28 * 1rem);
    margin-top: calc(40 / 28 * 1rem);
  }
  .course-detail__list--row {
    display: block;
    padding-top: calc(20 / 28 * 1rem);
    padding-bottom: calc(24 / 28 * 1rem);
  }
  .course-detail__list-title {
    text-align: left;
    line-height: 1;
    display: flex;
  }
  .course-detail__list-title > span {
    font-size: calc(23 / 28 * 1rem);
    border-radius: 4px;
    line-height: 1;
    height: calc(36 / 28 * 1rem);
  }
  .course-detail__list--number {
    font-size: calc(30 / 28 * 1rem);
    width: calc(100% - 210 / 28 * 1rem);
    text-align: left;
    align-items: center;
    line-height: 1;
    color: #b1081f;
  }
  .course-detail__list--desc {
    width: 100%;
    font-size: calc(28 / 28 * 1rem);
    margin-top: calc(8 / 28 * 1rem);
  }
  .course-detail__list-title--soon,
  .course-detail__list-title--done {
    width: calc(210 / 28 * 1rem);
  }
  .course-detail__list-title--soon > span,
  .course-detail__list-title--done > span {
    min-width: calc(175 / 28 * 1rem);
    margin-right: 10px;
  }
  .course-detail__list-title--done > span {
    width: 8em;
  }
  .course-detail__lead-title {
    font-size: calc(32 / 28 * 1rem);
    padding-left: calc(16 / 28 * 1rem);
    padding-right: calc(16 / 28 * 1rem);
  }
  .course-detail__lead-desc {
    padding-left: calc(16 / 28 * 1rem);
    padding-right: calc(16 / 28 * 1rem);
    line-height: 1.6;
  }
  .course-detail__lead-title + .course-detail__lead-desc {
    margin-top: calc(24 / 28 * 1rem);
  }
  .course-detail__lead-desc + .course-detail__lead-desc {
    margin-top: calc(32 / 28 * 1rem);
  }
}

.top_bnr {
	background: linear-gradient(to left, #E3C37E, #E4C581 33.5%, #F6F6EC 100%);
	width: 100%;
	padding: calc(25/18*1rem) 0;
	margin-top: 0.5rem;
	margin-bottom: calc(72/18*1rem);
	text-align: center;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.3;
}
.top_bnr p{
	margin-bottom: calc(15/18*1rem);
}
.top_bnr > a{
	color: #B1081F;
	text-decoration: underline;
	transition: .3s;
}
.top_bnr > a:hover{
	opacity: .7;
	text-decoration: none;
}
@media all and (max-width: 768px) {
	.top_bnr{
		padding:calc(40/18*1rem) calc(20/18*1rem); 
		line-height: 1.5;
}
}

/* ==========================================================================
  BUTTON
========================================================================== */

.user-btn {
    position: relative;
    display: inline-block;
    font-family: 'YakuHanJP_Noto', 'Noto Sans JP', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, sans-serif;
    text-align: center;
    border-style: solid;
    border-style: solid;
    border-width: 0;
    border-width: 2px;
    cursor: pointer;
}

.user-btn__arrow {
    position: absolute;
    top: 50%;
    right: 0;
    display: block;
    font-size: 0;
    line-height: 0;
}

.user-btn__label {
    display: block;
    font-weight: bold;
}

.user-btn__arrow svg {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
}


/* hover */

.no-touchevents .user-btn {
    transition: all 0.15s ease-out;
}

.no-touchevents .user-btn .user-btn__arrow svg {
    transition: fill 0.15s ease-out;
}


/* color */

.user-btn {
    color: #fff;
    background-color: #b1081f;
    border-color: #b1081f;
}

.user-btn .user-btn__arrow svg {
    fill: #fff;
}


/* hover */

.no-touchevents .user-btn:hover {
    color: #b1081f;
    background-color: #fff;
}

.no-touchevents .user-btn:hover .user-btn__arrow svg {
    fill: #b1081f;
}

@media all and (min-width: 769px) {
    .user-btn {
        padding: 0.195rem 2rem;
        font-size: 1rem;
        line-height: 1.4em;
        border-radius: 99px;
    }
    .user-btn__label {
        margin-top: 0px;
    }
    .user-btn__arrow {
        right: -2px;
        width: 2.25rem;
        height: 2.25rem;
        margin-top: -1.125rem;
    }
    .user-btn__arrow svg {
        width: 26%;
        height: 26%;
    }
}

@media all and (max-width: 768px) {
    .user-btn {
        padding: 0.195rem 2rem;
        font-size: 1.125rem;
        line-height: 1.4em;
        border-radius: 99px;
    }
    .user-btn__label {
        margin-top: 0px;
    }
    .user-btn__arrow {
        right: -2px;
        width: 2.25rem;
        height: 2.25rem;
        top: 0;
    }
    .user-btn__arrow svg {
        width: 20%;
        height: 20%;
    }
}


/* ==========================================================================
  PRINT
========================================================================== */


/* @page {
  margin: 0;
} */

@media print {
    body {
        zoom: .7;
    }
    body * {
        -webkit-print-color-adjust: exact;
    }
    .content-container {
        zoom: .8;
    }
    .js-trigger-toTop {
        display: none!important;
    }
    .print-page-break {
        page-break-after: always;
    }
    #global-header,
    #global-footer,
    .bottom-cta,
    .course-bottom-apply,
    .course-detail-hero-sub__apply,
    .hide-print {
        display: none!important;
    }
    .course-detail-hero {
        position: relative;
        width: 100%;
        margin-top: 0.65rem;
        background: #f7f6ec;
        display: -ms-flexbox;
        display: flex;
    }
    .course-detail-hero-main {
        position: relative;
        width: 66.612%;
        background: #f7f6ec;
    }
    .course-detail-hero-sub {
        position: relative;
        top: 0;
        left: 0;
        width: 33.388%;
        margin-left: auto;
        background: #aaa;
        backface-visibility: hidden;
        transform: translate3d(0px, 0, 0px);
    }
    /*  .course-detail-hero-sub::before {
      display: block;
      padding-top: 10%;
      content: '';
  }*/
    .course-detail-hero-main__img {
        position: absolute;
        top: 0%;
        left: 35%;
        right: 35%;
        transform: translateY(-25%);
    }
    .course-detail-hero-main img {
        transform: translate(-50%, -75%);
    }
    .course-detail-hero-main__header {
        width: 100%;
        padding: 0 15px;
        bottom: 30px;
    }
    .course-detail-hero-main__title {
        font-size: 30px;
        line-height: 1.6;
        margin-bottom: 10px;
    }
    .course-detail-hero-main__title_sub {}
    .course-detail-hero-sub__date dt,
    .course-detail-hero-sub__capacity dt,
    .course-detail-hero-sub__price dt {
        width: 8em;
    }
    .course-detail-block__title {
        font-size: 20px;
    }
    .course-detail-block__dl dt {
        width: 8em;
    }
    .course-detail-block__profile {
        display: flex;
    }
    .course-detail-block__profile-img {
        width: 20%;
    }
    .course-detail-block__profile-desc {
        width: 75%;
        margin-left: 4%;
    }
    K .course-detail-block__profile-name {
        padding-left: 0;
    }
    /*FF*/
    @-moz-document url-prefix() {
        @page {
            size: A4;
            margin: 12.7mm 9.7mm;
            page-break-before: auto;
        }
        body {
            zoom: 1.8;
            width: 1200px;
            transform: scale(0.5);
            transform-origin: 0 0;
        }
        .course-detail-main {
            padding-right: 0;
        }
        .course-detail-block__table {
            page-break-before: avoid!important;
        }
    }
}


/*IE*/

@media print and (-ms-high-contrast: none) {
    @page {
        size: A4;
        margin: 12.7mm 9.7mm;
    }
    body {
        zoom: 1.8;
        width: 1200px;
        transform: scale(0.6);
        transform-origin: 0 0;
    }
    .course-detail-hero-sub {
        position: relative!important;
        top: 0!important;
        left: 0!important;
        width: 30%!important;
        margin-left: auto!important;
        backface-visibility: hidden!important;
        transform: translate3d(0px, 0, 0px)!important;
    }
    .course-detail-hero-main img {
        width: 180%!important;
        transform: translate(-50%, -26%)!important;
    }
    .course-detail-main {
        padding-right: 0;
    }
}


/* ==========================================================================
  XXXXX
========================================================================== */

@media all and (min-width: 769px) {}

@media all and (max-width: 768px) {}