@charset "UTF-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		memo
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*
文字 17px = 27px 行間
　　 14px = 24px


*/
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		common
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
#none {
	width: 100%;
	height: 44px;
	background-color: #000;
}
/*　カテゴリ名　*/
#title {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #EA5504;
	font-size: 14px;
	letter-spacing: 0.05rem;
	text-align: center;
	}
/*　サブタイトル　*/
#sab_title {
	width: 100%;
	height: auto;
	line-height: 26px;
	padding: 18px 0;
	font-size: 17px;
	letter-spacing: 0.05rem;
	text-align: center;
	}
/*　サブカテゴリ名　*/
#sab_category {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #DAE000;
	color: #2C2C2C;
	font-size: 14px;
	letter-spacing: 0.05rem;
	text-align: center;
	}
/*　サブカテゴリ名　*/
#sab_category2 {
	width: 100%;
	height: 100%;
	line-height: 20px;
	padding: 10px 0;
	background: #EA5504;
	color: #FFF;
	font-size: 14px;
	letter-spacing: 0.05rem;
	text-align: center;
	}
/*　テキスト 14px　*/
.t14 {
	line-height: 24px;
	font-size: 14px;
	letter-spacing: -0.00rem;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	}
/*　テキスト 12px　*/
.t12 {
	line-height: 21px;
	font-size: 12px;
	letter-spacing: -0.01rem;
	text-align: justify;
	text-justify: inter-ideograph;
	line-break: strict;
	}
/*　テキスト 14px : 段落アキ　*/
.m14 {
	margin-bottom: 12px;
	}
/*　テキスト 12px : 段落アキ　*/
.m12 {
	margin-bottom: 6px;
	}
/*　テキスト : 字間　*/
.ls003_u {
	letter-spacing: 0.08rem;
	}
.ls002_u {
	letter-spacing: 0.02rem;
	}
.ls001_u {
	letter-spacing: 0.01rem;
	}
.ls-001 {
	letter-spacing: -0.01rem;
	}
.ls-002 {
	letter-spacing: -0.02rem;
	}
.ls-003 {
	letter-spacing: -0.03rem;
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		contents_1 : トップページ
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*　ボックス 1　*/
#co1_1 {
	padding-top: 20px;
	padding-bottom: 20px;
	}
/*　ボックス 2　*/
#co1_2 {
	padding-top: 23px;
	padding-bottom: 23px;
	}
/*　YouTube　*/
#co1_youtube_box {
	margin: 20px auto 0;
	background-color: #303030;
	}
#co1_youtube {
	width: 280px;
	margin: 0 auto;
	padding: 5px 5px;
	}
#co1_youtube iframe {
	margin-bottom: -6px;
	}
/*　テキスト部分　*/
#co1_text {
	margin-top: 15px;
	font-weight: bold;
	}
#co1_text #sab_title {
	padding: 0;
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		contents_2 : 高視認性安全服の規格
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*　グループ 1　*/
#co2_1 {
	padding-top: 23px;
	padding-bottom: 18px;
	}
/*　グループ 2　*/
#co2_2 {
	padding-top: 23px;
	padding-bottom: 18px;
	}
/*　グループ 3　*/
#co2_3 {
	padding-top: 23px;
	padding-bottom: 18px;
	}
/*　グループ 4　*/
#co2_4 {
	padding-top: 23px;
	padding-bottom: 23px;
	}
/*　グループ 5　*/
#co2_5 {
	padding-top: 23px;
	padding-bottom: 23px;
	}
/*　写真タイトル　*/
#co2_usa_title,
#co2_jp_title {
	line-height: 15px;
	color: #DAE000;
	font-size: 15px;
	}
#co2_usa_title {
	float: left;
	}
#co2_usa_sabtitle {
	float: right;
	line-height: 10px;
	margin-top: 5px;
	font-size: 10px;
	}
/*　写真　*/
.co2_photo_a,
.co2_photo_b,
.co2_photo_c,
.co2_photo_d {
	float: left;
	width: 49%;
	}
.co2_photo_a,
.co2_photo_b {
		margin-top: 16px;
		margin-bottom: 1%;
		}
.co2_photo_c,
.co2_photo_d {
	margin-top: 1%;
	margin-bottom: 16px;
	}
.co2_photo_a,
.co2_photo_c {
	margin-right: 2%;
	}
/*　グラフ　*/
#co2_graph {
	padding-top: 14px;
	padding-bottom: 16px;
	}
#co2_4_title,
#co2_5_title {
	margin-bottom: 12px;
	}
#co2_4_graph1 {
	margin-top: 12px;
	}
#co2_4_graph2 {
	margin-top: 18px;
	}
#co2_5_illust1 {
	margin-top: 12px;
	}
#co2_5_graph1 {
	margin-top: 18px;
	}
#co2_5_illust2 {
	margin-top: 15px;
	}
#co2_5_sabtitle {
	line-height: 14px;
	font-size: 14px;
	letter-spacing: -0.01rem;
	margin-top: 22px;
	}
#co2_5_text {
	line-height: 19px;
	font-size: 12px;
	letter-spacing: -0.01rem;
	margin-top: 6px;
	}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		contents_3 : 商品の特徴
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*　グループ 1　*/
#co3_1 {
	}
/*　グループ 2　*/
#co3_2 {
	padding-top: 18px;
	padding-bottom: 18px;
	}
/*　グループ 3　*/
#co3_3 {
	padding-top: 16px;
	padding-bottom: 19px;
	}
/*　グループ 4　*/
#co3_4 {
	padding-top: 23px;
	padding-bottom: 18px;
	}
/*　グループ 5　*/
#co3_5 {
	text-align: center;
	}
/*　認証説明　*/
#co3_ninsyou_1,
#co3_ninsyou_2,
#co3_ninsyou_3 {
	width: 100%-30px;
	margin-bottom: 15px;
	padding: 14px 15px 9px;
	background-color: #303030;
	}
#co3_ninsyou_3 {
	margin-bottom: 0px;
	}
.co3_ninsyou_title {
	line-height: 15px;
	margin-bottom: 6px;
	color: #DAE000;
	font-size: 15px;
	}
/*　サブカテゴリ : サブタイトル　*/
#co3_sabtitle_2 {
	width: 100%;
	height: auto;
	line-height: 27px;
	font-size: 17px;
	letter-spacing: 0.05rem;
	text-align: center;
	}
/*　写真　*/
#co_photo_1 {
	margin-bottom: 3px;
	}
/*　高性能再帰性反射テープ 画像　*/
#co3_hansya {
	margin-top: 15px;
	margin-bottom: 10px;
	}
/*　距離別の夜間視認性比較　*/
#co3_move {
	margin-bottom: 18px;
	}



/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		contents_4 : 対応商品
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*　グループ 1　*/
#co4_1 {
	padding-bottom: 28px;
	}
/*　グループ 2　*/
#co4_2 {
	padding-top: 16px;
	padding-bottom: 25px;
	}
/*　グループ 3　*/
#co4_3 {
	position: relative;
	}
/*　グループ 4　*/
#co4_4 {
	padding-bottom: 25px;
	}
/*　グループ 5　*/
#co4_5 {
	padding-bottom: 25px;
	}
/*　グループ 6　*/
#co4_6 {
	padding-bottom: 25px;
	}
/*　グループ 7　*/
#co4_7 {
	padding-bottom: 25px;
	}
/*　グループ 8　*/
#co4_8 {
	padding-bottom: 18px;
	}
/*　グループ 9　*/
#co4_9 {
	text-align: center;
	}
/*　トルソー　*/
.co4_torso_y,
.co4_torso_o {
	width: 49%;
	background-color: #303030;
	}
.co4_torso_y {
	float: left;
	margin-right: 1%;
	}
.co4_torso_o {
	float: right;
	margin-left: 1%;
	}
.co4_wear {
	margin-top: 12px;
	margin-bottom: 28px;
	}
/*　.com ボタン　*/
#co4_dotcom {
	margin: 0 auto;
	}
/*　注意題名　*/
#caution .title {
	width: 100%;
	height: 35px;
	line-height: 35px;
	margin-top: 17px;
	margin-bottom: 10px;
	background: #EA5504;
	font-size: 14px;
	letter-spacing: 0.05rem;
	text-align: center;	
	}
#caution p {
	margin-top: 5px;
	}
#caution ul li {
	margin-top: 5px;
	}

/*　機能 : 画像　*/
.co4_function_img {
	margin-bottom: 16px;
	}
.co4_function_img_navy {
	margin-bottom: 11px;
	}
/*　機能 : 名前　*/
.co4_function_title {
	margin-bottom: 8px;
	}
.co4_function_title_easy {
	margin-bottom: 13px;
	}
/*　機能 : イージーフレックス　*/
#co4_function_point {
	z-index: 100;
	position: absolute;
	top: 0;
	left: 0;
	}
#co4_3 .inner {
	position: relative;
	margin-bottom: 23px;
	}
#co4_3 .gray {
	padding-top: 23px;
	}
#co4_3 .gray .inner {
	text-align: center;
	margin-bottom: 0px;
	}
#co4_function_easy_border {
	width: auto;
	height: auto;
	border: 4px solid #EA5404;
	}
#co4_function_easy_illust {
	margin: 11px auto 0;
	}

#co4_function_easy_title_A {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #EA5504;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05rem;
	text-align: center;	
	}
#co4_function_easy_title_B {
	width: 100%;
	height: 35px;
	line-height: 35px;
	background: #A0A0A0;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05rem;
	text-align: center;	
	}


/*　機能 : イージーフレックス : アニメーション　*/
#co4_easy_move_box {
	position: relative;
	}
#co4_easy_move {
	z-index: 80;
	top: 0px;
	left: 0px;
	position: absolute;
	-webkit-animation: showMe 2s ease-out infinite 0s alternate;
		 -moz-animation: showMe 2s ease-out infinite 0s alternate;
					-o-animation: showMe 2s ease-out infinite 0s alternate;
							 animation: showMe 2s ease-out infinite 0s alternate;
	-webkit-animation-play-state: running;
		 -moz-animation-play-state: running;
					-o-animation-play-state: running;
							 animation-play-state: running;
	}
@-webkit-keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}
@-moz-keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}
@-o-keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}
@keyframes showMe {
	0% { opacity: 1; }
	100% { opacity: 0;}
	}


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
		contents_5 : 製品基準
::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::  */
/*　グループ 0　*/
#co5_0{
	margin-bottom: 16px;
	}
/*　グループ 1　*/
#co5_1 {
	padding-bottom: 23px;
	}
/*　グループ 2　*/
#co5_2 {
	padding-top: 23px;
	padding-bottom: 18.5px;
	}

/*　Class 概要　*/
.co5_about {
	padding-top: 23px;
	padding-bottom: 20px;
	}
.co5_about_title {
	width: 100%-2px;
	line-height: 22px;
	padding: 8px 0;
	border: solid 1px #FFF;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.1rem;
	}
#co5_box_group {
	margin: 16px 0 8px 0;
	}
.co5_box {
	width: 100%-30px;
	margin-bottom: 5px;
	padding: 0 15px;
	background-color: #464646;
	}
.co5_box p {
	line-height: 38px;
	font-size: 14px;
	letter-spacing: 0.00rem;
	}
.co5_box p strong {
	line-height: 38px;
	margin-right: 11px;
	color: #DAE000;
	font-size: 16px;
	letter-spacing: 0.00rem;
	}
/*　Class グラフ　*/
.co5_class_graph {
	margin-top: 25px;
	}
/*　サブカテゴリ タイトル　*/
.co5_sab_category {
	width: 100%-2px;
	height: 40px;
	line-height: 40px;
	margin-bottom: 10px;
	border: solid 1px #FFF;
	color: #FFF;
	text-align: center;
	font-size: 15px;
	letter-spacing: 0.1rem;
	}
/*　蛍光素材の色　*/
#co5_color {
	margin-top: 16px;
	margin-bottom: 23px;
	}