@charset "utf-8";
/*rgba(255,250,240,1.00)*/
body{
	background-color: #fff;
	color: #333;
}
a{
	color: #333;
}
.red{
	color: #be3241;
}
/* color */
.txt_normal{
	color: #333;
}
.txt_white{
	color: #fff;
}
.txt_black{
	color: #111;
}
.txt_color1{
	color: #be3241;
}
.txt_color2{
	color: #d0d3cb;
}
.txt_color3{
	color: #4576a0;
}
.txt_color4{
	color: #005078;
}

/* background-color */
.bg_white{
	background-color: #fff;
}
.bg_black{
	background-color: #000;
}
.bg_color1{
	background-color: #be3241;
}
.bg_color2{
	background-color: #efefef;
}
.bg_color3{
	background-color: #4576a0;
}
.bg_color4{
	background-color: #005078;
}
.bg_color_gra{
	background: linear-gradient(135deg, rgba(110,225,220,1.0),rgba(0,80,160,1.0));
}
/* border-color ※!important */
.border_white{
	border-color: #fff;
}
.border_black{
	border-color: #111;
}
.border_color1{
	border-color: #be3241;
}
.border_color2{
	border-color: #ccc;
}
.border_color3{
	border-color: #4576a0;
}
.border_color4{
	border-color: #005078;
}
/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #1A1A1A;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #be3241} /* メインカラー */
.hvr_txt_color2:hover{color: #efefef} /* サブカラー */
.hvr_txt_color3:hover{color: #4576a0} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #005078} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #be3241} /* メインカラー */
.hvr_bg_color2:hover{background-color: #efefef} /* サブカラー */
.hvr_bg_color3:hover{background-color: #4576a0} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #005078} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}


/* border-color ※!important */
.hvr_border_color1:hover{border-color: #be3241}
.hvr_border_color2:hover{border-color: #efefef}
.hvr_border_color3:hover{border-color: #4576a0}
.hvr_border_color4:hover{border-color: #005078}

/*--------------------------自動リンク--------------------------*/
/* color */
.linkStyle{color: #be3241; text-decoration: underline;}
.txt_color_nomal .linkStyle{color: #be3241;}
.txt_white .linkStyle{color: white;}
.txt_red .linkStyle{color: red;}
.bg_color1 .linkStyle{color: #fff;}
.bg_color2 .linkStyle{color: #005078;}
.bg_color3 .linkStyle{color: #fff;}
.bg_color4 .linkStyle{color: #fff;}

.cursor{background-color: #B8B8B8;}
.follower{background-color: #be3241;}
#header{background: linear-gradient(180deg,rgba(0,80,120,0.8),transparent);}

/*IEのみ*/
@media all and (-ms-high-contrast: none) {
.linkStyle{display: inline-block; margin-bottom: 20px;}
}

/*-----------------------------------------
				  TOP
-----------------------------------------*/
.top #about .item,.top #voice .item{background-color: rgba(255,255,255,0.80);}
.top #news_wrap{background-color: rgba(255,255,255,0.70);}

/*-----------------------------------------
				  下層
-----------------------------------------*/
.page section.width_90per{background-color: rgba(255,255,255,0.80);}
/*-------- news --------*/
.page #news .date:before{
	color: rgba(0,80,120,0.8);
}
#news_list li a:hover{
	background-color: rgba(0,80,120,0.3);
}
/*-------- contact --------*/
#contact #mail_contact li:before{
	color: rgba(190,50,65,0.80);
}
#contact #form_box input,#contact #form_box textarea{
	background-color: rgba(0,80,120,0.1);
}
#contact input[type="submit"].btn{
	background-color: rgba(0,80,160,0.8);
}
#contact input[type="submit"].btn{
	border-color: rgba(0,80,160,0.8);
}
#contact input[type="reset"].btn{
	border-color: rgba(0,80,160,0.8);
}
#contact input[type="reset"].btn{
	color:  rgba(0,80,160,0.8);
}
/*ここからタブレット用（780px以下）環境の設定
---------------------------------------------------------------------------*/
/*表示を切り替えるウィンドウサイズの指定*/
@media screen and (max-width: 768px){
	.bg_clear_tb{
		background-color: transparent;
	}
	.bg_white_tb{
		background-color: #fff;
	}
	
	#header{background: rgba(0,80,120,0.8);}
	.top #news_wrap{background-color: transparent;}
	.top #news .cate_box{background-color: rgba(255,255,255,0.70);}
}