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

body {
	color: #333333;
}

a {
	color: #333333;
}

a:hover{
	color: #F39800;
}

h1, h2, h3, h4, h5{
	color: #333333;	
}
/*
h4 {
    color: #23b6ea;
}*/

h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{
	color: #333333;
   /* color: #e62e8b;*/
}

.text-orange{
    color:#F39800;
}

.ud_line:before {
/*background-color:#f2600d;*/
background-color:#F39800;
}
.fixed-bottom{
    /*background-color:#F39800;
    background-color:#ffaf03;
    background-color:#f1741a;*/
    background-color: #FF0000;
}
.fixed-bottom a{
    color: #fff;
}
.fixed-bottom a:hover{
    background-color:#f1741a;
     color: #000;
}
.entryBtnZ a{
    color:#F39800;
}
.entryBtnZ a:hover{
    border: 2px solid #000;
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-left-radius: 50%;
    border-radius: 50px;
    background-color:transparent;
    color: #000;
}

.entryBtnZ.re a{
    color:#000;
	background-color:#F39800;
}
.entryBtnZ.re a:hover{
    border: 2px solid #F39800;
/*    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
    border-left-radius: 50%;
    border-radius: 50px;*/
    background-color: #000;
    color: #F39800;
}

/* フォント基本設定　*/
/*.menufix,*/
#menu{
/*    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;*/

    background-color: none;
    height: 250px;
    z-index: 3;
}

.breadCrumbArea{
	background-color: #fff;
}
.headerArea{
    background-color: #000;
}

/* /.menu　*/
.blog dt,
.blog dd,
.information dt,
.information dd/*,
.area11 dt,
.area11 dd,
.area11 h2,
.area8 p,
.area8 h2,
.area2 h2,
.area2 h3*/{
    color: #000;
}
.blog .btn:hover,
.information .btn:hover{
	color: #f18d00;
}


.bg-whiteR{
    background-color: rgba(255,255,255,0.8);
}
.bg-blackR{
    background-color: rgba(0,0,0,0.1);
}
.bg-black{
    background-color: rgba(0,0,0,1);
	color: #fff;
}
.bg-gray{
    background-color: rgba(25,25,25,1);
	color: #fff;
}
.bg-orange{
	background-color: #f39800;
}
.bg-red{
	background-color: red;
}
.navbar .navbar-nav > li.globalnavi a {
    color: #333333;
}



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

.navbar-dark .nav .sns-line .nav-link:hover{
color: #333333;
}   
/*#ksk .navbar-dark .navbar-nav .nav-link {
     color: rgba(0, 0, 0, 0.9); 
}
#ksk .navbar-dark .navbar-nav .show > .nav-link,
#ksk .navbar-dark .navbar-nav .active > .nav-link, 
#ksk .navbar-dark .navbar-nav .nav-link.show, 
#ksk .navbar-dark .navbar-nav .nav-link.active {
     color: #000; 
}*/

/*.navbar-dark .navbar-nav .nav-link {
    color: #000;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .nav-link.active {
         color: rgba(0, 0, 0, 0.7); 
}*/

.navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color:#ccc;
}
.font-required {
    color: #990000;
}
.important {
    color: #990000;
}
.card {
    /*box-shadow: 7px 7px 15px 5px rgba(0, 0, 0, 0.2);*/
    border: 1px solid rgba(0, 0, 0, 0.1);
}

/* ===================================================================== */
/*	icon のカラー
/* ===================================================================== */
.faC{
	color: #C00000;
}

/*.label-category-base {
    background-color: #DD9E9E;
}*/
.label-category-base-v {
    background-color: #C00000;
}
.label-category-base-d {
    background-color: #C00000;
}
.label-category-base-k {
    background-color: #C00000;
}




.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;
}
.marker_yellow {
background: linear-gradient(transparent 60%, #ffff66 60%);
}
/* ===================================================================== */
/*	ページャーのカラー
/* ===================================================================== */
.page-item.active .page-link {
    color: #fff;
    background-color: #000;
    border-color: #000;
}


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


footer, footer a{
	 color: #ffffff;
   /* color: #EBEBEB;*/
}

footer a:hover{
	 color: #fff;
   /* color: #EBEBEB;*/
}

footer .section1 {
	background-color: #000;
}
footer .section2 {
	background-color: #2D2D2D;
}
footer .section3 {
	background-color: #000;
}
/* ===================================================================== */
/*	見出し飾りの色
/* ===================================================================== */
/* ===================================================================== */
/*	見出し　リボン
/* ===================================================================== */
/*	見出し　リボン 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: #000000;
	color: #FFFFFF;
}
.h_ribon p::before{
	border-right-color: #ccc;	
}


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

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

.h_flat p{
	background-color: #000000;
	color: #FFFFFF;
}








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

.basic h1 {
    font-size: 160%;
}
.basic h2 {
	font-size: 130%;
	width: 100%!important;
	display: inline-block!important;
}

.basic h1, .basic h2 {
	color: #AF0000;
	margin-top: 25px;
	position: relative;
	padding-bottom: 0.5em;
	border-bottom: 4px solid #ccc;
	display: inline-block!important;
	width: 100%!important;
}
.basic h1::after, .basic h2::after {
    background-color: #AF0000;
}
.basic h1::after, .basic h2::after {
    position: absolute;
    bottom: -4px;
    left: 0;
    z-index: 2;
    content: '';
	/*width: 20%;*/
    width: 14%;
    height: 4px;
}

/* ===================================================================== */
/*	タイトルのグラデのカラー
/* ===================================================================== */
.pageTitleArea{
	/*margin-top: -15px;*/
	/*background-color: #E8E8E8;*/
	/*background-color: #23b6ea;*/
    background-color: #000;
	text-align: center;
	margin: 0 auto;
}
/*.pageTitleArea {
    margin-top: -15px;
	  background-color: #555;
  background-image: linear-gradient(30deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(150deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(30deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(150deg, #444 12%, transparent 12.5%, transparent 87%, #444 87.5%, #444), linear-gradient(60deg, #888 25%, transparent 25.5%, transparent 75%, #888 75%, #888), linear-gradient(60deg, #888 25%, transparent 25.5%, transparent 75%, #888 75%, #888);
  background-position: 0 0, 0 0, 25px 50px, 25px 50px, 0 0, 25px 50px;
  background-size: 50px 100px;
}*/
.pageTitleArea p{
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 180%;

}

/* ===================================================================== */
/*	フォームの中の色
/* ===================================================================== */

.form-control {
	color: #B3B3B3;
}

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


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

/*table {
	border-top: 2px solid #D52A2A;
}*/
.area2 table th {
    background-color: #333333;
    color: #fff;
        border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
}
.area2 table {
    border: 1;
    border-color: #333333;
}
.area2 table td {
    background-color: transparent;
    border-bottom: 1px solid #333333;
    border-right: 1px solid #333333;
    border-left: 1px solid #333333;
}
#price-plan table{
    /*border-top: none;*/
    border: solid 2px #000;
}

#price-plan  table th {
    background-color: #000;
    color: #fff;
}
.area9 table {
    border: 0;
}
/*.txtC{
    color: #333333;
}*/
.area9 li{
    text-align: left;
}
/* ===================================================================== */
/*	アイコンのカラー
/* ===================================================================== */
.fa-external-link-alt{
	/*color: #4C75F9;*/
	color: #ffffff;
}

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

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


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

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

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

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


/* ##################################################################### */
/*	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: #000000!important;
}*/
	
.navbar .navbar-nav li a.dropdown-item{
	color: #666666!important;
	width: 290px;
	margin-top: -8px;
}	

.navbar .navbar-nav .dropdown-item{
	background-color: #FDFDFD;
}
	
.navbar .navbar-nav .dropdown-item:hover{
	background-color: #e5e5e5;
}	

.navbar-dark .navbar-nav .nav-link {
	color: rgba(255, 255,255, 0.9);
}
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a:focus {
    color:#F39800!important;
    /*color:rgb(255, 228, 0)!important;*/
}   
    
    
/* スクロール表示　;*/    
.navbar.is-animation .navbar-nav > li > a:hover, .navbar.is-animation .navbar-nav > li > a:focus{
    color: #F39800!important;
}
.navbar-dark.is-animation .nav .sns-line .nav-link:hover{
    color: #000!important;
}     
    
    
    
    
.navbar .navbar-nav > li > a:hover, .navbar .navbar-nav > li > a {
	/*height: 42px;*/
   /* height: 38px;*/
    /* height: 28px;*/
}	
    
    
    
/*    .navbar-dark .navbar-nav .nav-link {
    color: #fff;
}
.navbar-dark .navbar-nav .show > .nav-link,
.navbar-dark .navbar-nav .active > .nav-link, 
.navbar-dark .navbar-nav .nav-link.show, 
.navbar-dark .navbar-nav .nav-link.active {
     color: #fff; 
}	*/
	
.pageTitleArea{
/*	margin-top: 0px;*/
}

.pageTitleArea p{
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 200%;
}	
	
	
}