/* -----------------------------------------------------------------
*  フォントカラー
*  ---------------------------------------------------------------*/
.u-n-themeFontColor{
    color: #DE6800!important;
    border-color: #DE6800!important;
}
/* 特別枠：不要なら消す */
.u-n-themeFontColorRed{
    color: #E6320F!important;
    border-color: #E6320F!important;
}


/* -----------------------------------------------------------------
*  背景カラー
*  ---------------------------------------------------------------*/
/* 基本的に変更不要 */
.u-n-themeBgColor{
    background-color: #1F4B85!important;
}



/* -----------------------------------------------------------------
*  下線カラー
*  ---------------------------------------------------------------*/
/* 基本的に変更不要 */
.u-n-themeBorderColor{
    border-color: #1F4B85!important;
}



/* -----------------------------------------------------------------
*  吹き出しカラー
*  ---------------------------------------------------------------*/
/* 本文中の吹き出し */
.u-n-themeBalloonColor > span{
    background-color: #DE6800!important;
    border-radius: 50px;
}
.u-n-themeBalloonColor > span:after{
    border-top-color: #DE6800!important;
}



/* -----------------------------------------------------------------
*  リボンカラー
*  ---------------------------------------------------------------*/
/* MVの吹き出しカラー */
.u-n-themeRibbonColor{
    background-color: #fff!important;
    border-radius: 100px;
    border: solid 2px #DE6800;
}
.p-n-mv__holder__texts__ribbon {
	color: #DE6800;
}
.p-n-mv__holder__texts__ribbon:before {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	left: 50%;
    transform: translateX(-3px);
    border-color: transparent #DE6800 transparent transparent !important;
	border-width: 0 16px 16px 0;
}
@media only screen and (max-width: 767px) {
	.p-n-mv__holder__texts__ribbon:before {
		border-width: 0 14px 14px 0;
	}
}
.p-n-mv__holder__texts__ribbon:after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	left: 50%;
    border-color: transparent #fff transparent transparent !important;
	border-width: 0 10px 10px 0;
    z-index: 10;
}
@media only screen and (max-width: 767px) {
	.p-n-mv__holder__texts__ribbon:after {
		border-width: 0 9px 9px 0;
	}
}
.p-n-mv__holder__texts__ribbon > em {
	color: #fff !important;
}
/* MVのメインテキストカラー */
.p-n-mv__holder__texts__hl{
    color: #333;
}


/* -----------------------------------------------------------------
*  受講費用タブコンテンツカラー
*  ---------------------------------------------------------------*/
/* タブコンテンツのテキストカラー */
.u-n-tabContentsColor .p-courseTabContents__tabList__item a{
    color: #DE6800!important;
}
/* タブコンテンツのボーダーカラー */
.u-n-tabContentsColor .p-courseTabContents__panels__eachPanel{
    background-color: #DE6800!important;
}
/* 変更不要 */
.u-n-tabContentsColor .p-courseTabContents__tabList__item{
    background-image: url(../images/price/courseTabContents_bg.png);
}


/* -----------------------------------------------------------------
*  ボタンカラー
*  ---------------------------------------------------------------*/
/* 共通
--------------------------*/
/* ページ下部次のコンテンツへのボタン色に関わるスタイルです */
.p-n-nextContents__sub > span{
    color: #fff;
    background-color: #709F1D;
}
.p-n-nextContents__sub > span::after{
    border-top-color: #709F1D;
}
@media only screen and (max-width: 767px) {
    .p-n-nextContents__sub > span{
        font-size: 15px;
        font-size: 1.5rem;
        width: 100%;
    }
}
.p-n-nextContents__btn > a{
    background-color: #DE6800;
    box-shadow: 0 8px 0 #9E4400;
    border-radius: 0;
}
@media only screen and (max-width: 767px) {
    .p-n-nextContents__btn > a{
        box-shadow: 0 4px 0 #9E4400;
    }
}
.p-n-nextContents__btn > a:hover{
    box-shadow: 0 0 0 #9E4400;
}
.p-n-nextContents__btn > a > span{
    color: #DE6800;
}

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

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

.SixsecLayout {
    background-color: #e5f2ff;
    padding: 0px 0px 50px;
    position: relative; }

@media only screen and (max-width: 767px) {
.SixsecLayout {
    background-color: #e5f2ff;
    padding: 0px 0 0px;
    position: relative; }
}
.SixsecLayout__head {
	position: relative;
	text-align: center;
    background-color: #c9e7f1;
    padding-bottom: 20px;
	z-index: 1;
}

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

/*手順1*/
.p-n-stepNav__btnList__item--step01 .p-n-stepNav__btnList__item__btn > a{
    background-color: #284A1A;
    box-shadow: 0 8px 0 #0C1D04;
}
@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 #0C1D04;
    }
}
.p-n-stepNav__btnList__item--step01 .p-n-stepNav__btnList__item__btn > a:hover{
    box-shadow: 0 0 0 #0C1D04;
}

/*手順2*/
.p-n-stepNav__btnList__item--step02 .p-n-stepNav__btnList__item__btn > a{
    background-color: #966226;
    box-shadow: 0 8px 0 #5A350A;
}
@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 #5A350A;
    }
}
.p-n-stepNav__btnList__item--step02 .p-n-stepNav__btnList__item__btn > a:hover{
    box-shadow: 0 0 0 #5A350A;
}

/*手順3*/
.p-n-stepNav__btnList__item--step03 .p-n-stepNav__btnList__item__btn > a{
    background-color: #791010;
    box-shadow: 0 8px 0 #5A350A;
}
@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 #5A350A;
    }
}
.p-n-stepNav__btnList__item--step03 .p-n-stepNav__btnList__item__btn > a:hover{
    box-shadow: 0 0 0 #5A350A;
}

/* support.html
--------------------------*/
/* アフターフォローのボタン色に関わるスタイルです */
.p-n-explains__holderList__item__media__texts__btn{
    margin-top: 20px;
}
.p-n-explains__holderList__item__media__texts__btn > a{
    background-color: #966226;
    background-position: 5% 50%;
    box-shadow: 0 8px 0 #714410;
    border-radius: 4px;
    padding-right: 10px;
    padding-left: 60px;
    text-align: left;
}
@media only screen and (max-width: 767px) {
    .p-n-explains__holderList__item__media__texts__btn > a{
        box-shadow: 0 4px 0 #714410;
    }
}
.p-n-explains__holderList__item__media__texts__btn > a:hover{
    box-shadow: 0 0 0 #714410;
}

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

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

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