@charset "utf-8";
/* CSS Document */
/* ##################################################################### */
/*	モバイルレ : 480 px およびそれ以下
/* ##################################################################### */
/* ===================================================================== */
/*	基本設定
/* ===================================================================== */
/* フォント基本設定　*/

body {
	color: #333333;
}

a {
	color: #0B0B0B;
}

a:hover{
	color: #ef8200;
}

h1, h2, h3, h4, h5{
	color: #0039F1;	
}

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	color: #C70000;
}





/*.navbar .navbar-nav > li.globalnavi a {
    color: #DB0003;
}*/



.dropdown-item.active, .dropdown-item:active {
    color: #DB0000;
  /*  background-color: #EBEBEB;*/
}
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #DB0000;
    /*background-color: #EBEBEB;*/
}





.label-category-base {
	background-color: #0B0B0B;
}

.label-category-important {
	background-color: #C80000;
}

.item2 {
    background-color: #B81B30;
    color: #FFFFFF;
}
.item2 a{
    color: #FFFFFF;
}
.item2 a:hover{
	color: #ccc;
}

.item2 .card-header {
    background-color: rgba(0, 0, 0, 0);
    border-bottom: none; 
}
.point h2 {
    color: rgba(219,0,3,1.00);
}
.point h3 {
    color:#333333;
}

 
.dropdown-menu {
/*    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #fff;
    text-align: left;
    list-style: none;
    background-color: #245411;
    background-clip: padding-box;
    border: 1px solid rgba(255, 255, 255, 0.15);*/
    border-radius: 0rem;
}   
.nav-pills .nav-link.active, .nav-pills .show > .nav-link {
    color: #fff;
    /*background-color: #504B52;*/
    background-color:transparent;
}


/* ===================================================================== */
/*	フッターのカラー
/* ===================================================================== */


footer, footer a{
    color: #EBEBEB;
}

footer .section1 {
    background-color: #504B52;
    
}
footer .section2 {
	background-color: #504B52;
}
footer .section3 {
    background-color: #0B0B0B;
}
/* ===================================================================== */
/*	見出し飾りの色
/* ===================================================================== */
/* ===================================================================== */
/*	見出し　リボン
/* ===================================================================== */
/*	見出し　リボン h1 */
.h_ribon h1{
	background-color: #000000;
	color: #FFFFFF;
}
.h_ribon h1::before{
	border-right-color: #ccc;	
}
/*	見出し　リボン h1 */
.h_ribon h2{
	background-color: #000000;
	color: #FFFFFF;
}
.h_ribon h2::before{
	border-right-color: #ccc;	
}
/*	見出し　リボン h3 */
.h_ribon h3{
	background-color: #000000;
	color: #FFFFFF;
}
.h_ribon h3::before{
	border-right-color: #ccc;
}

.h_ribon p{
	background-color: #0B0B0B;
	color: #FFFFFF;
}
.h_ribon p::before{
	border-right-color: #ccc;	
}


/* ===================================================================== */
/*	見出し　フラット
/* ===================================================================== */
/*	見出し　フラット h1 */	
 .h_flat h1, .h_flat h2, .h_flat h3{
	background-color: #0B0B0B;
	color: #FFFFFF;
}

 .h_flat h1 a, .h_flat h2 a, .h_flat h3 a{
	background-color: #0B0B0B;
	color: #FFFFFF;
}

.h_flat a h1:hover, .h_flat a h2:hover, .h_flat a h3:hover{
	background-color: #0B0B0B;
}










/* ===================================================================== */
/*	見出し　basic
/* ===================================================================== */
/*	見出し　basic h2 */	

.basic h1 {
    font-size: 160%;
}
.basic h2 {
    font-size: 130%;
}

.basic h1, .basic h2 {
	color: #0B0B0B;
	margin-top: 25px;
	position: relative;
	padding-bottom: 0.5em;
	border-bottom: 4px solid #504B52;
}
.basic h1::after, .basic h2::after {
    background-color: #0B0B0B;
}
.basic h1::after, .basic h2::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
    width: 20%;
    height: 4px;
}

/* ===================================================================== */
/*	タイトルのグラデのカラー
/* ===================================================================== */
.pageTitleArea{
	/*position: relative;*/
	margin: -8px auto 0;
	color: #FFFFFF;
	padding: 0px 0px 0px 50px;
	display: block;
	background-color: #9C9999;
/*	background-image: -webkit-linear-gradient(0deg,rgba(245,75,70,1.00) 43.01%,rgba(245,127,122,1.00) 81.34%,rgba(241,22,15,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(245,75,70,1.00) 43.01%,rgba(245,127,122,1.00) 81.34%,rgba(241,22,15,1.00) 100%);
	background-image: -o-linear-gradient(0deg,rgba(245,75,70,1.00) 43.01%,rgba(245,127,122,1.00) 81.34%,rgba(241,22,15,1.00) 100%);
	background-image: linear-gradient(0deg,rgba(245,75,70,1.00) 43.01%,rgba(245,127,122,1.00) 81.34%,rgba(241,22,15,1.00) 100%); */
}

.pageTitleArea p::before {
/*position: absolute;
  top: 0px;*/
  /*  left:40%;
  margin: 0 10px 0 0;*/
 /* content: url(../images/pagetitle_icon.png);*/
}
.pageTitleArea p{
	/*background-image: url(../images/pagetitle_icon.png);
	background-repeat: no-repeat;
    background-size: 40px;
	/*background-position: 5px;*/
	padding:0px 0px 0px 45px;
	height: 60px;
	color: #FFFFFF;
	line-height: 1.9em;
    font-size: 160%;
	display: inline-block;
} 
/* ===================================================================== */
/*	フォームの中の色
/* ===================================================================== */

.form-control {
	color: #B3B3B3;
}

.form-control::-webkit-input-placeholder {
  color: #B3B3B3;
}


/* ===================================================================== */
/*	テーブルのカラー
/* ===================================================================== */

table {
	border-top: 2px solid #D52A2A;
}

/* ===================================================================== */
/*	アイコンのカラー
/* ===================================================================== */
.fa-external-link-alt{
	color: #4C75F9;
}

.fa-file-pdf{
	color: #AA0002;	
}

.fa-file-excel{
	color: #146F02;
}

.fa-arrow-alt-circle-right{
	color: #E57900;
	margin-right: 5px;
}


.breadcrumb {
  background-color: transparent!important;

}

/* ##################################################################### */
/*	タブレット小
/* ##################################################################### */
@media (min-width: 480px) {
/* ===================================================================== */
/*	タブレット小　共通基本設定
/* ===================================================================== */
.pageTitleArea{
	margin-top:0px;
}

.pageTitleArea p{
    background-size: 70px;
	font-size: 170%;
	font-weight: 200;
    padding:0px 0px 0px 20px;
	height: 50px;
        
}
}

/* ##################################################################### */
/*	タブレット大
/* ##################################################################### */
@media (min-width: 768px) {
/* ===================================================================== */
/*	タブレット大　共通基本設定
/* ===================================================================== */

/*	.pageTitleArea{
	margin-top:-15px!important;
}*/
}

/* ##################################################################### */
/*	タブレット大
/* ##################################################################### */
@media (min-width: 993px) {
/* ===================================================================== */
/*	タブレット大　共通基本設定
/* ===================================================================== */

	.pageTitleArea{
	margin-top:42px!important;
}
body {

}
	
}


/* ##################################################################### */
/*	PC
/* ##################################################################### */
@media (min-width: 1200px) {
/* ===================================================================== */
/*	PC　　共通基本設定
/* ===================================================================== */
.bg-twotone{
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(255,255,255,1.00) 0%,rgba(225,236,255,1.00) 50%,rgba(85,147,255,1.00) 50%,rgba(85,147,255,1.00) 96.89%,rgba(255,255,255,1.00) 96.89%,rgba(255,255,255,1.00) 100%);
}


	
.navbar .navbar-nav > li a{
	color: #0B0B0B!important;
}
	
.navbar .navbar-nav li a.dropdown-item{
	color: #323231!important;
	/*border-bottom: 1px dotted #245411;*/
	width: 220px;
}	

    
    
    
    
    
    
	.navbar .navbar-nav li a.dropdown-item:hover{
	color: #FF8E00!important;
	}
	
.navbar .navbar-nav .dropdown-item{
	/*background-color: #FDFDFD;*/
}
	
.navbar .navbar-nav .dropdown-item:hover{
	background-color: #F7F7F7;
}	
	
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
	color: #ADADAD!important;
	/*background-color: #B49E76;*/
    background-color: #ffffff;
	height: 40px;
}

.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a {
	height: 40px;
}	
	
	
/*.pageTitleArea{
	margin-top: 45px!important;
}*/
	

	
}


