@charset "UTF-8";
/* ===============================================

  ■ Project(セカンドレイヤー) (MCSS:Base)
    ※Base → Base    上書き○
    ※Base → Project 上書き×
  
  --------------------------------------------

  ■ 命名規則 BEM + MCSS
  
    block     block
    element   block_element
    modifier  block_element.__modifier
    
    ※状態を表すものはprefixをつける is-, has-, not-...

  --------------------------------------------
  
  ■ Index
  
    1.autoClose 受付終了 自動処理
    2.DXリーダースクール用 サブタイトル
    3.アカウンティング＆ファイナンススクール 詳細ページ
    4.DXリーダースクール（マネジメントDX） 詳細ページ

=============================================== */

/* １．autoClose 受付終了 自動処理 */
.c-schedule_status.-cancel,
.c-schedule_status.-end {
    display: none;
}
.is-detailCancel .c-schedule_status.-hold,
.is-detailClosed .c-schedule_status.-hold {
    display: none;          
}
.p-cosultingSite .is-detailCancel a.c-btn,
.p-cosultingSite .is-detailClosed a.c-btn {
    pointer-events: none;
    color: rgba(0,0,0,0.4);
    border-color: rgba(0,0,0,0.4);       
}
/* This button is used for the attendee wait registration function, so you need to remove this css to display the arrow icon */
/* 
.p-cosultingSite .is-detailCancel a.c-btn::after,
.p-cosultingSite .is-detailCancel .c-btn::after,
*/
.p-cosultingSite .is-detailClosed a.c-btn::after,
.p-cosultingSite .is-detailClosed .c-btn::after {
    display: none;
    background: none;
}
.is-detailCancel .c-schedule_status.-cancel {
    display: block;
}
.is-detailClosed .c-schedule_status.-end {
    display: block;
}

/* 2.DXリーダースクール用 サブタイトル */
@media screen and (min-width: 1040px) {
h1 .-subtitle{
    font-size: 32px !important;
}
}
@media screen and (max-width: 1040px){
    h1 .-subtitle{
        font-size: 18px !important;
    }
}

/* 3. アカウンティング＆ファイナンススクール 詳細ページ */
.p-csSeminarSub--accounting .c-title span::before {
    background-image: url(./../img/icon_titlebar-accounting.svg);
}

/* .p-csSeminarSub--accounting .tf-color {
    color: #179397 ;
} */

.p-csSeminarSub--accounting .c-badge--seminarData.isOn,
.p-csSeminarSub--modeBlack.p-csSeminarSub--accounting .section-seminarSubCurriculum .tf-bgColor4,
.p-csSeminarSub--accounting .tf-bgColor {
    background-color: #179397 !important;
}

.p-csSeminarSub--accounting .tf-bgColor4,
.p-csSeminarSub--accounting .c-beforeBgColor.-tf-bgcolor4::before,
.p-csSeminarSub--modeBlack.p-csSeminarSub--accounting .section-seminarSubSchedule::before,
.p-csSeminarSub--modeBlack.p-csSeminarSub--accounting .section-seminarSubRequirements::before,
.p-csSeminarSub--modeBlack.p-csSeminarSub--accounting .section-seminarSubCurriculum .element01 {
    background-color: #e7f4f4 !important;
}

.p-csSeminarSub--modeBlack.p-csSeminarSub--accounting .section-seminarSubRequirements .tf-bgColor4,
.p-csSeminarSub--modeBlack.p-csSeminarSub--accounting .section-seminarSubSchedule .list-place>dd .table-schedule .tf-bgColor4 {

    background-color: #daecec !important;
}

.p-csSeminarSub--accounting a.c-btn.tf-btn, .p-csSeminarSub--accounting .tf-btn {
    color: #179397;
    border-color: #179397;
}
.p-csSeminarSub--accounting a.c-btn.tf-btn::before, .p-csSeminarSub--accounting .tf-btn::before,.p-csSeminarSub--accounting .tf-bgColor1 {
    background-color: #179397;
}

.p-csSeminarSub--accounting .tf-bgColorGray {
    background-color: #b3b3b3 !important;
}

.p-csSeminarSub--accounting .tf-border {
    border-color: #179397 !important;
}

.p-csSeminarSub--accounting.p-csSeminarSub .section-seminarSubCurriculum .link-arrow::before,
.p-csSeminarSub--accounting.p-csSeminarSub .section-seminarSubPoint .link-arrow::before {
    background-image: url(./../img/consulting/seminar/icon_arrow-accounting.svg) !important;
}

.p-csSeminarSub .section-seminarSubPoint .list-point>li .menuNumber span.number::before {
    background-color: #179397;
}

.p-csSeminarSub--accounting a.c-btn.tf-btn.-close::after, .p-csSeminarSub--accounting .tf-btn.-close::after {
    background-image: url(./../img/icon_close-accounting.svg);
}

.p-csSeminarSub--accounting a.c-btn.tf-btn.-close:hover::after, .p-csSeminarSub--accounting .tf-btn.-close:hover::after {
    background-image: url(./../img/icon_close.svg);
}

@media screen and (min-width: 1040px) {
    .p-csSeminarSub--accounting a.c-btn.tf-btn::after, .p-csSeminarSub--accounting .tf-btn::after {
        background-image: url(./../img/consulting/seminar/icon_arrow-accounting.svg);
    }
    
    .p-csSeminarSub--accounting a.c-btn.tf-btn:hover::after,.p-csSeminarSub--accounting .tf-btn:hover::after{
        background-image:url(./../img/icon_arrow_wh.svg);
    }
    
    .p-csSeminarSub--accounting a.c-btn.tf-btn:hover,.p-csSeminarSub--accounting .tf-btn:hover{
        color:#fff;
    }
    .p-csSeminarSub--accounting .c-section_head .section-anchor .list-anchor>li a:hover {
        background-color: #179397!important;
    }
}

@media screen and (max-width: 1040px){
.p-csSeminarSub--accounting a.c-btn.tf-btn, .p-csSeminarSub--accounting .tf-btn {
    background-color: #179397;
    color: #fff;
    }
}


/* 4. DXリーダースクール（マネジメントDX） 詳細ページ */
.p-csSeminarSub--management-dx .c-title span::before {
    background-image: url(./../img/icon_titlebar-management-dx.svg);
}

/* .p-csSeminarSub--management-dx .tf-color {
    color: #179397 ;
} */

.p-csSeminarSub--management-dx .c-badge--seminarData.isOn,
.p-csSeminarSub--modeBlack.p-csSeminarSub--management-dx .section-seminarSubCurriculum .tf-bgColor4,
.p-csSeminarSub--management-dx .tf-bgColor {
    background-color: #430a6d !important;
}

.p-csSeminarSub--management-dx .tf-bgColor4,
.p-csSeminarSub--management-dx .c-beforeBgColor.-tf-bgcolor4::before,
.p-csSeminarSub--modeBlack.p-csSeminarSub--management-dx .section-seminarSubSchedule::before,
.p-csSeminarSub--modeBlack.p-csSeminarSub--management-dx .section-seminarSubRequirements::before,
.p-csSeminarSub--modeBlack.p-csSeminarSub--management-dx .section-seminarSubCurriculum .element01 {
    background-color: #f1e8f8 !important;
}

/* .p-csSeminarSub--modeBlack.p-csSeminarSub--management-dx .section-seminarSubRequirements .tf-bgColor4,
.p-csSeminarSub--modeBlack.p-csSeminarSub--management-dx .section-seminarSubSchedule .list-place>dd .table-schedule .tf-bgColor4 {

    background-color: #daecec !important;
} */

.p-csSeminarSub--management-dx a.c-btn.tf-btn, .p-csSeminarSub--management-dx .tf-btn {
    color: #430a6d;
    border-color: #430a6d;
}
.p-csSeminarSub--management-dx a.c-btn.tf-btn::before, .p-csSeminarSub--management-dx .tf-btn::before,.p-csSeminarSub--management-dx .tf-bgColor1 {
    background-color: #430a6d;
}

.p-csSeminarSub--management-dx .tf-bgColorGray {
    background-color: #b3b3b3 !important;
}

.p-csSeminarSub--management-dx .tf-border {
    border-color: #430a6d !important;
}

.p-csSeminarSub--management-dx.p-csSeminarSub .section-seminarSubCurriculum .link-arrow::before,
.p-csSeminarSub--management-dx.p-csSeminarSub .section-seminarSubPoint .link-arrow::before {
    background-image: url(./../img/consulting/seminar/icon_arrow-management-dx.svg) !important;
}

.p-csSeminarSub .section-seminarSubPoint .list-point>li .menuNumber span.number::before {
    background-color: #430a6d;
}

.p-csSeminarSub--management-dx a.c-btn.tf-btn.-close::after, .p-csSeminarSub--management-dx .tf-btn.-close::after {
    background-image: url(./../img/icon_close-management-dx.svg);
}

.p-csSeminarSub--management-dx a.c-btn.tf-btn.-close:hover::after, .p-csSeminarSub--management-dx .tf-btn.-close:hover::after {
    background-image: url(./../img/icon_close.svg);
}

@media screen and (min-width: 1040px) {
    .p-csSeminarSub--management-dx a.c-btn.tf-btn::after, .p-csSeminarSub--management-dx .tf-btn::after {
        background-image: url(./../img/consulting/seminar/icon_arrow-management-dx.svg);
    }
    
    .p-csSeminarSub--management-dx a.c-btn.tf-btn:hover::after,.p-csSeminarSub--management-dx .tf-btn:hover::after{
        background-image:url(./../img/icon_arrow_wh.svg);
    }
    
    .p-csSeminarSub--management-dx a.c-btn.tf-btn:hover,.p-csSeminarSub--management-dx .tf-btn:hover{
        color:#fff;
    }
    .p-csSeminarSub--management-dx .c-section_head .section-anchor .list-anchor>li a:hover {
        background-color: #430a6d!important;
    }
}

@media screen and (max-width: 1040px){
.p-csSeminarSub--management-dx a.c-btn.tf-btn, .p-csSeminarSub--management-dx .tf-btn {
    background-color: #430a6d;
    color: #fff;
    }
}