@charset "UTF-8";

/* MNPメーカートップ改修の為設置（ボタンカラーのみ抜粋） */

/* ネットワーク配色を定義 */
#mainContents .fillArrow.color_nw {
    border-top-color: #4562C6;
	opacity: 0.8;
}
#mainContents .boxlink .titlebox.bg_nw{
    background-color: #4562C6;
}
#mainContents .mainContents_innerBlock .button.action01.bg_nw i {
    background-image: url(/assets/images/top/icon-btn-nw.svg);
    background-color: #f2f3f5;
}
#mainContents .mainContents_innerBlock .button.action01.bg_nw:before {
    background-color: #4562C6;
    background-image: linear-gradient(135deg, #4562C6 0%, #368DCC 100%);
}
#mainContents .mainContents_innerBlock .button.action01.bg_nw:after {
    background-color: #4562C6;
    background-image: linear-gradient(45deg, #4562C6 0%, #368DCC 100%);
}

/* セキュリティ配色を定義 */
#mainContents .fillArrow.color_sec {
    border-top-color: #674DBF;
	opacity: 0.8;
}
#mainContents .boxlink .titlebox.bg_sec{
    background-color: #674DBF;
}
#mainContents .mainContents_innerBlock .button.action01.bg_sec i {
    background-image: url(/assets/images/top/icon-btn-sec.svg);
    background-color: #f2f3f5;
}
#mainContents .mainContents_innerBlock .button.action01.bg_sec:before {
    background-color: #674DBF;
    background-image: linear-gradient(135deg, #674DBF 0%, #505CC4 100%);
}
#mainContents .mainContents_innerBlock .button.action01.bg_sec:after {
    background-color: #674DBF;
    background-image: linear-gradient(135deg, #674DBF 0%, #505CC4 100%);
}


/* DX配色を定義 */
#mainContents .fillArrow.color_dx {
    border-top-color: #8ab745;
	opacity: 0.8;
}
#mainContents .boxlink .titlebox.bg_dx{
    background-color: #8ab745;
}
#mainContents .mainContents_innerBlock .button.action01.bg_dx i {
    background-image: url(/assets/images/top/icon-btn-dx.svg);
    background-color: #f2f3f5;
}
#mainContents .mainContents_innerBlock .button.action01.bg_dx:before {
    background-color: #8ab745;
    background-image: linear-gradient(225deg, #8ab745 0%, #788b1e 100%);
}
#mainContents .mainContents_innerBlock .button.action01.bg_dx:after {
    background-color: #8ab745;
    background-image: linear-gradient(225deg, #8ab745 0%, #788b1e 100%);
}

/* AI配色を定義 */
#mainContents .fillArrow.color_af {
    border-top-color: #cb3133;
	opacity: 0.8;
}
#mainContents .boxlink .titlebox.bg_af{
    background-color: #cb3133;
}
#mainContents .mainContents_innerBlock .button.action01.bg_af i {
    background-image: url(/assets/images/top/icon-btn-af.svg);
    background-color: #f2f3f5;
}
#mainContents .mainContents_innerBlock .button.action01.bg_af:before {
    background-color: #cb3133;
    background-image: linear-gradient(135deg, #cb3133 0%, #e93e69 100%);
}
#mainContents .mainContents_innerBlock .button.action01.bg_af:after {
    background-color: #cb3133;
    background-image: linear-gradient(135deg, #cb3133 0%, #e93e69 100%);
}