/* -----------------------------------------------------------------
*  フォントカラー
*  ---------------------------------------------------------------*/
.u-n-themeFontColor{
    color: #00a772!important;
}



/* -----------------------------------------------------------------
*  背景カラー
*  ---------------------------------------------------------------*/
.u-n-themeBgColor{
    background-color: #00a772!important;
}



/* -----------------------------------------------------------------
*  下線カラー
*  ---------------------------------------------------------------*/
.u-n-themeBorderColor{
    border-color: #00a772!important;
}



/* -----------------------------------------------------------------
*  吹き出しカラー
*  ---------------------------------------------------------------*/
.u-n-themeBalloonColor > span{
    background-color: #00a772!important;
}
.u-n-themeBalloonColor > span:after{
    border-top-color: #00a772!important;
}



/* -----------------------------------------------------------------
*  リボンカラー
*  ---------------------------------------------------------------*/
.u-n-themeRibbonColor{
    background-color: #00a772!important;
}
.u-n-themeRibbonColor:before{
    border-right-color: #00a772!important;
}



/* -----------------------------------------------------------------
*  受講費用タブコンテンツカラー
*  ---------------------------------------------------------------*/

.u-n-tabContentsColor .p-courseTabContents__tabList__item a{
    color: #43a4b6!important;
}
.u-n-tabContentsColor .p-courseTabContents__panels__eachPanel{
    background-color: #00a772!important;
}
.u-n-tabContentsColor .p-courseTabContents__tabList__item{
    background-image: url(../images/price/courseTabContents_bg.png);
}




/* -----------------------------------------------------------------
*  ボタンカラー
*  ---------------------------------------------------------------*/


/* 共通
--------------------------*/
/* ページ下部次のコンテンツへのボタン色に関わるスタイルです */
.p-n-nextContents__sub > span{
    color: #00a772;
}
.p-n-nextContents__btn > a{
    background-color: #00a772;
    box-shadow: 0 8px 0 #74c55c;
}
@media only screen and (max-width: 767px) {
    .p-n-nextContents__btn > a{
        box-shadow: 0 4px 0 #74c55c;
    }
}
.p-n-nextContents__btn > a:hover{
    box-shadow: 0 0 0 #74c55c;
}
.p-n-nextContents__btn > a > span{
    color: #00a772;
}

/* index.html
--------------------------*/
/* おすすめ情報のボタン色に関わるスタイルです */

.p-n-synthesis__holder__texts__btn > a{
    background-color: #00a772;
    box-shadow: 0 8px 0 #74c55c;
}
@media only screen and (max-width: 767px) {
    .p-n-synthesis__holder__texts__btn > a{
        box-shadow: 0 4px 0 #74c55c;
    }
}
.p-n-synthesis__holder__texts__btn > a:hover{
    box-shadow: 0 0 0 #74c55c;
}


/* support.html
--------------------------*/
/* アフターフォローのボタン色に関わるスタイルです */
.p-n-explains__holderList__item__media__texts__btn > a{
    background-color: #00a772;
    box-shadow: 0 8px 0 #74c55c;
}
@media only screen and (max-width: 767px) {
    .p-n-explains__holderList__item__media__texts__btn > a{
        box-shadow: 0 4px 0 #74c55c;
    }
}
.p-n-explains__holderList__item__media__texts__btn > a:hover{
    box-shadow: 0 0 0 #74c55c;
}


/* curriculum.html
--------------------------*/
/* 合格後のボタン色に関わるスタイルです */
.p-n-afterPassing__grid__col__btn > a{
    background-color: #00a772;
    box-shadow: 0 8px 0 #74c55c;
}
@media only screen and (max-width: 767px) {
    .p-n-afterPassing__grid__col__btn > a{
        box-shadow: 0 4px 0 #74c55c;
    }
}
.p-n-afterPassing__grid__col__btn > a:hover{
    box-shadow: 0 0 0 #74c55c;
}

/* text.html
--------------------------*/
/* 手順のボタン色に関わるスタイルです */

/*手順1*/
.p-n-stepNav__btnList__item--step01 .p-n-stepNav__btnList__item__btn > a{
    background-color: #4CBF24;
    box-shadow: 0 8px 0 #2A840B;
}
@media only screen and (max-width: 767px) {
    .p-n-stepNav__btnList__item--step01 .p-n-stepNav__btnList__item__btn > a{
        box-shadow: 0 4px 0 #2A840B;
    }
}
.p-n-stepNav__btnList__item--step01 .p-n-stepNav__btnList__item__btn > a:hover{
    box-shadow: 0 0 0 #2A840B;
}

/*手順2*/
.p-n-stepNav__btnList__item--step02 .p-n-stepNav__btnList__item__btn > a{
    background-color: #FF811C;
    box-shadow: 0 8px 0 #E13F0D;
}
@media only screen and (max-width: 767px) {
    .p-n-stepNav__btnList__item--step02 .p-n-stepNav__btnList__item__btn > a{
        box-shadow: 0 4px 0 #E13F0D;
    }
}
.p-n-stepNav__btnList__item--step02 .p-n-stepNav__btnList__item__btn > a:hover{
    box-shadow: 0 0 0 #E13F0D;
}

/*手順3*/
.p-n-stepNav__btnList__item--step03 .p-n-stepNav__btnList__item__btn > a{
    background-color: #FD355C;
    box-shadow: 0 8px 0 #D61E42;
}
@media only screen and (max-width: 767px) {
    .p-n-stepNav__btnList__item--step03 .p-n-stepNav__btnList__item__btn > a{
        box-shadow: 0 4px 0 #D61E42;
    }
}
.p-n-stepNav__btnList__item--step03 .p-n-stepNav__btnList__item__btn > a:hover{
    box-shadow: 0 0 0 #D61E42;
}

/* review.html
--------------------------*/
/* もっと見るボタン色に関わるスタイルです */

.p-n-reviews__more__btn > a{
    background-color: #00a772;
    box-shadow: 0 8px 0 #74c55c;
}
@media only screen and (max-width: 767px) {
    .p-n-reviews__more__btn > a{
        box-shadow: 0 4px 0 #cf6600;
    }
}
.p-n-reviews__more__btn > a:hover{
    box-shadow: 0 0 0 #cf6600;
}



.p-n-article__inner__p__mark {
    font-weight: bold;
}