/*-----------------------------------------------------	*/
/*	画面幅が768px〜1280px				*/
/*-----------------------------------------------------	*/

@media screen and (min-width: 768px) and (max-width: 1280px) {


}


/*-----------------------------------------------------	*/
/*	画面幅が767px以下（スマートフォン専用スタイル）					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {



	/* ------ ハンバーガーメニュー ------ */
	/* (メニューの背景) */
	.g-menu {
	  width: 100%;
	  height: 50px;
	  line-height: 50px;
	  color: #fff;
	  border-bottom:1px solid #555;
	  background:#333;
	}
	.g-menu a {
	  color: #fff;
	}
	/* (メニューホバーの背景) */
	.g-menu:hover {
	  color: #fff;
	  background:#444;
	}

	/* ------ サブメニュー ------ */
	.g-menu_sub {
	  width: 100%;
	  height: 25px;
	  line-height: 80%;
	  font-size: 80%;
	  padding:3px 0 0 0;
	  background:#d70c19;
	  border-bottom:1px solid #b80000;
	}
	.g-menu_sub:hover {
	  width: 100%;
	  height: 25px;
	  line-height: 80%;
	  font-size: 80%;
	  padding:3px 0 0 0;
	  background:#b80000;
	  border-bottom:1px solid #b80000;
	}
	.g-menu_sub a:link{
	  color:#FFF;
	}
	.g-menu-icom-drop:before {
		content: "\e904";
		font-family: 'icomoon';
		font-size:9px;
		color: #f3f3f3;
		font-weight:normal;
		padding:8px 5px 13px 15px;
	}

	/* ------ サブメニュー1/2幅 ------ */
	.g-menu-half {
	  float: left;
	  width: 49%;
	  height: 34px;
	  font-size:75%;
	  color: #fff;
	  background: #FFF;
	  border-bottom:1px solid #222;
	  border-left:1px solid #222;
	}
	.g-menu-half a {
	  color: #fff;
	}



	/* ------ アイコン ------ */
	.g-menu-icom-01 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-01:before {
		content: "\e9a1";/* ホーム */
		font-family: 'icomoon';
		font-size:22px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 3px;
	}

	.g-menu-icom-02 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-02:before {
		content: "\e916";/* 製品サービス */
		font-family: 'icomoon';
		font-size:20px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-03 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-03:before {
		content: "\e9a0";/* 導入事例 */
		font-family: 'icomoon';
		font-size:22px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-04 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-04:before {
		content: "\e99f";/* 会社情報 */
		font-family: 'icomoon';
		font-size:22px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-05 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-05:before {
		content: "\e93c";/* 採用 */
		font-family: 'icomoon';
		font-size:24px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-06 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-06:before {
		content: "\e9a2";/* メール */
		font-family: 'icomoon';
		font-size:22px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-07 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-07:before {
		content: "\e9a3";/* 星 */
		font-family: 'icomoon';
		font-size:24px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-08 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-08:before {
		content: "\e9a4";/* マイク */
		font-family: 'icomoon';
		font-size:24px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-09 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-09:before {
		content: "\e93c";/* 人1 */
		font-family: 'icomoon';
		font-size:24px;
		color: #e41120;
		font-weight:normal;
		padding:10px 9px 0 0;
	}

	.g-menu-icom-10 {
		padding:10px 0 10px 10px;
		margin:0px;
	}
	.g-menu-icom-10:before {
		content: "\e93c";/* 人1 */
		font-family: 'icomoon';
		font-size:24px;
		color: #e41120;
		font-weight:normal;
		padding:10px 9px 0 0;
	}

	.g-menu-icom-11 {
		padding:10px 10px 10px 10px;
		margin:0px;
	}
	.g-menu-icom-11:before {
		content: "\e949";/* ファイル */
		font-family: 'icomoon';
		font-size:24px;
		color: #e41120;
		font-weight:normal;
		padding:10px 14px 0 3px;
	}

	.g-menu-icom-12 {
		padding:10px 10px 10px 10px;
		margin:0px;
	}
	.g-menu-icom-12:before {
		content: "\e99f";/* 会社 */
		font-family: 'icomoon';
		font-size:22px;
		color: #e41120;
		font-weight:normal;
		padding:10px 10px 0 0;
	}

	.g-menu-icom-13 {
		padding:10px 10px 10px 10px;
		margin:0px;
	}
	.g-menu-icom-13:before {
		content: "\e9a7";/* 人スーツ */
		font-family: 'icomoon';
		font-size:25px;
		color: #e41120;
		font-weight:normal;
		padding:10px 9px 0 0;
	}























	.menuheader {
	  color: #333;
	  display: inline-block;
	  float: left;
	  font-weight: 100;
	  line-height: 30px;
	  margin: 0 0 0 12px;
	  opacity: 0;
	  position: relative;
	  -webkit-transform: translate3d(0, -15px, 0);
	  transform: translate3d(0, -15px, 0);
	  -webkit-transition: -webkit-transform 0.6s, opacity 0.5s;
	  transition: transform 0.6s, opacity 0.5s;
	  z-index: 1;
	}
	.menuicon {
	  float: left;
	  cursor: pointer;
	  display: block;
	  height: 30px;
	  position: relative;
	  width: 30px;
	  z-index: 1;
	}
	.menuicon:before {
	  -webkit-box-shadow: #0b407c 0 12px 0;
	  box-shadow: #0b407c 0 12px 0;
	  height: 6px;
	  -webkit-transform-origin: left top;
	  -ms-transform-origin: left top;
	  transform-origin: left top;
	  width: 30px;
	}
	.menuicon:after {
	  bottom: 0;
	  height: 6px;
	  -webkit-transform-origin: left bottom;
	  -ms-transform-origin: left bottom;
	  transform-origin: left bottom;
	  width: 30px;
	}
	.menuicon:before,
	.menuicon:after {
	  background: #0b407c;
	  display: block;
	  content: '';
	  position: absolute;
	  -webkit-transition: -webkit-box-shadow 0.2s linear, -webkit-transform 0.4s 0.2s;
	  transition: box-shadow 0.2s linear, transform 0.4s 0.2s;
	}







}