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

.u-n-subFontColor{
    color: #00913a!important;
}


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



/* -----------------------------------------------------------------
*  下線カラー
*  ---------------------------------------------------------------*/
.u-n-themeBorderColor{
	border-bottom: 3px solid;
	line-height: 1.8;
    border-color: #00913a!important;
}
.u-n-subBorderColor{
	border-bottom: 3px solid;
	line-height: 1.8;
    border-color: #00913a!important;
}


/* -----------------------------------------------------------------
*  吹き出しカラー
*  ---------------------------------------------------------------*/
.u-n-themeBalloonColor > span{
	color: #fff;
	font-size: 2rem;
	background: #e50012 !important;
}
.u-n-themeBalloonColor > span:after{
	border-top-color: #e50012 !important;					
}
@media only screen and (max-width: 767px) {
.u-n-themeBalloonColor > span{
	font-size: 1.6rem;
}
}


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



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

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




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


/* 共通
--------------------------*/
/* ページ下部次のコンテンツへのボタン色に関わるスタイルです */

.p-n-nextContents{
background-color: #f0ede4;	
}
.p-n-nextContents__sub > span{
    background-color: #e51350;
    color: #fff;
}
.p-n-nextContents__sub>span:after {
  border-top-color: #e51350;
}

.p-n-nextContents__btn > a{
    background-color: #8dc21f;
    box-shadow: 0 8px 0 #717071;
	background-image: url(../../../../assets_v5-0/images/common/icon_btn-arrow_transparent.png);
}
.p-n-nextContents__btn > a:hover{
    box-shadow: 0 0 0 #00913a;
}
.p-n-nextContents__btn > a{
	color: #fff;
}
.p-n-nextContents__btn > a > span{
    color: #00913a;
	background: #fff;
}

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

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

.p-n-mv__holder__texts__hl{
	color: #000!important;
}


/* support.html
--------------------------*/

/* アフターフォローのボタン色に関わるスタイルです */
.p-n-explains__holderList__item__media__texts__btn > a{
    background-color: #9dd8f0;
    box-shadow: 0 8px 0 #0098d8;
	color: #000;
	border-radius: 20px;
}
@media only screen and (max-width: 767px) {
    .p-n-explains__holderList__item__media__texts__btn > a{
        box-shadow: 0 4px 0 #0098d8;
    }
}
.p-n-explains__holderList__item__media__texts__btn > a:hover{
   box-shadow: 0 0 0 #0098d8;
}


/* curriculum.html
--------------------------*/
/* 合格後のボタン色に関わるスタイルです */
.p-n-explains__holderList__item__media__texts__btn.btn-n-2 > a{
    background-color: #036eb7;
    box-shadow: 0 8px 0 #f8eb96;
	color: #fff;
	border-radius: 10px;	
}
@media only screen and (max-width: 767px) {
    .p-n-explains__holderList__item__media__texts__btn.btn-n-2 > a{
        box-shadow: 0 4px 0 #036eb7;
    }
}
.p-n-explains__holderList__item__media__texts__btn.btn-n-2 > a:hover{
   box-shadow: 0 0 0 #f8eb96;
}


/* 合格後のボタン色に関わるスタイルです */
.p-n-afterPassing__grid__col__btn > a{
    background-color: #9dd8f0;
    box-shadow: 0 8px 0 #0098d8;
	color: #000;
	border-radius: 20px;
}
@media only screen and (max-width: 767px) {
    .p-n-afterPassing__grid__col__btn > a{
        box-shadow: 0 4px 0 #0098d8;
    }
}
.p-n-afterPassing__grid__col__btn > a:hover{
    box-shadow: 0 0 0 #0098d8;
}

/* 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: #d76ed8;
    box-shadow: 0 8px 0 #bd4caa;
}
@media only screen and (max-width: 767px) {
    .p-n-reviews__more__btn > a{
        box-shadow: 0 4px 0 #bd4caa;
    }
}
.p-n-reviews__more__btn > a:hover{
    box-shadow: 0 0 0 #bd4caa;
}