@charset "utf-8";
/* color */
body,.txt_color_nomal,.hvr_txt_color_nomal:hover,.linkStyle{color: #1a1a1a;}
.txt_white,.hvr_txt_white:hover,.txt_white .linkStyle{color: white;}
.txt_red,.hvr_txt_red:hover,.txt_red .linkStyle{color: #ea464d;}
.txt_color1,.hvr_txt_color1:hover,.txt_color1 .linkStyle{color: #006bc3;}
.txt_color2,.hvr_txt_color2:hover,.txt_color2 .linkStyle{color: #e9f0f4;}
.txt_color3,.hvr_txt_color3:hover,.txt_color3 .linkStyle{color: #0583c9;}
.txt_color4,.hvr_txt_color4:hover,.txt_color4 .linkStyle{color: #acacac;}

/* background-color */
.bg_white,.hvr_bg_white:hover{background-color: white;}
.bg_black,.hvr_bg_black:hover{background-color: black;}
.bg_color1,.hvr_bg_color1:hover{background-color: #006bc3;}
.bg_color2,.hvr_bg_color2:hover{background-color: #e9f0f4;}
.bg_color3,.hvr_bg_color3:hover{background-color: #0583c9;}
.bg_color4,.hvr_bg_color4:hover{background-color: #f7f7f7;}
.bg_color_clear,.hvr_bg_color_clear:hover{background-color: transparent!important;}

/* border-color ※!important */
.border_white{border-color: #fff;}
.border_color1,.hvr_border_color1:hover{border-color: #006bc3;}
.border_color2,.hvr_border_color2:hover{border-color: #e9f0f4;}
.border_color3,.hvr_border_color3:hover{border-color: #0583c9;}
.border_color4,.hvr_border_color4:hover{border-color: #e7e7e7;}


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

/* color */
.txt_color_nomal_tb{color: #1a1a1a;}
.txt_white_tb{color: white;}
.txt_red_tb{color: #ea464d;}
.txt_color1_tb{color: #006bc3} /* メインカラー */
.txt_color2_tb{color: #e9f0f4} /* サブカラー */
.txt_color3_tb{color: #0583c9} /* アクセントカラー1 */
.txt_color4_tb{color: #acacac} /* アクセントカラー2 */
	
/* background-color */
.bg_white_tb{background-color: white} /* 白背景 */
.bg_black_tb{background-color: black} /* 黒背景 */
.bg_color1_tb{background-color: #006bc3} /* メインカラー */
.bg_color2_tb{background-color: #e9f0f4} /* サブカラー */
.bg_color3_tb{background-color: #0583c9} /* アクセントカラー1 */
.bg_color4_tb{background-color: #f7f7f7} /* アクセントカラー2 */
.bg_color_clear_tb{background-color: transparent!important}
	
/* border-color ※!important */
.border_white_tb{border-color: #fff}
.border_color1_tb{border-color: #006bc3}
.border_color2_tb{border-color: #e9f0f4}
.border_color3_tb{border-color: #0583c9}
.border_color4_tb{border-color: #e7e7e7}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
.bg_color_clear_sp{background-color: transparent!important}
}