html{min-width:320px; max-width:767px; margin:0 auto;}
body {font-size:16px;
  -webkit-text-size-adjust:100%;
}
img{max-width:100%;}

#container{width:98%;}
table{width:100%;}

#head{
	height:44px;
	/*border-bottom:1px solid #C60000;*/
	position:relative;
}
#head::before {
  border-bottom: solid 4px #C60000;
  width: 20%;
  position: absolute;z-index: 1;bottom: 0;left: 0;
  content: "";
}
#head::after {
  border-bottom: solid 4px #656565;
  width: 100%;
  position: absolute;bottom: 0;left: 0;
  content: "";
}

#z_logo{
    position: fixed;
    top: 0;
    z-index:9999;
	left:50%;
	margin-left:-42px;
}

#h-menu a,.accordion a{text-decoration:none;}
/*メニュー部分*/



#s-menu{
    position: fixed;
	width:46px;
    top: 0;
    right: 0;
	z-index:2;
}
#s-menu #mail{
	border-left:1px solid #CCC;
	width:44px;
	display:table-cell;
	vertical-align:top;
	
}
#s-menu #search,
#s-menu #inquery{
	display:none;
}

------------------------------------------------------- */
.hm_menu_check {/* チェックボックスを隠す */
  display: none;
}
#h-menu {
	display: inline-block;
	position :fixed;
	top :0;
	left :0;
	width :100%;
	padding-left :10px;
	background :#fff;
	z-index: 2;
}
 
 
/* ▽▽メニューボタン▽▽ */
.hm_btn {
	position: relative;
    width: 44px;
	height:44px;
	line-height:44px;
	font-size:38px;
	cursor: pointer;
	display: block;
	z-index: 12;
    margin: 0;
}

/* △△メニューボタン△△ */
 
.hm_menu_wrap {
	opacity: 1;
	position: absolute;
	left: -100%;
	top: 0;
	-webkit-transition: left 0.4s;
	transition: left 0.4s;
}
#h-menu input[type="checkbox"] + label:before {
    content: "≡";
}
#h-menu input[type="checkbox"]:checked + label:before {
    content: "×";
}
 
/* ▽▽開閉時▽▽ */
.hm_menu_check:checked ~ .hm_menu_wrap {
	left: 0;
	opacity: 1;
	z-index:10;
}
 
 
/* ▽▽メニュー内のリストスタイル▽▽ */
.hm_list {
	list-style-type: none;
	margin: 50px 0 0;
	padding: 0;
	background-color:#F7F7F7;
	position: relative;
	z-index: 10;
}
.hm_list li a {
	color: #777;
	display: block;
	overflow: hidden;
	padding: 8px 22px;
	text-decoration: none;
}
 
.hm_list li a:hover::before {
	bottom: 0;
}
.hm_list li a:hover::after {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
/* メニュー内のリストスタイル△△ */
 
/* △△ハンバーガーメニュー△△
------------------------------------------------------- */


#container{
	padding-top:10px;
	position: relative;
	z-index:1;
}


#container .top_cate{
	float:left;
	width:50%;
	text-align:center;
}

#container .top_cate p{
	/*padding-top:5px;
	font-size:11px;
	line-height:180%;*/
	display:none;
}



.cate_head,
.cate_head_white,
.cate_head_news,
.cate_head_support_edu{
	position:relative;
	/*line-height:100%;*/
	font-size:36pt;
	padding-left:30px;
	background-size:cover;
	height: 0;
	padding-top: calc(114 / 960 * 20%);
	padding-bottom: calc(114 / 960 * 80%);
	min-height:114px;
	
}

.cate_head_bg{
	position:relative;
}

.cate_head_bg img{
	width:100%;
	height:auto;
}





#foot{
	clear:both;
	background-color: #F7F7F7;
	padding:5px 16px;
}

/*FOTTER ACCORDION*/
div.accordion {
	width: 100%;
}
.hm_list,
div.accordion > ul{
	border-bottom: 1px solid #CCCCCC;
}
.hm_list > li > a,
div.accordion > ul > li > a {
	display: block;
	font-size:12px;
	text-decoration: none;
	border-top: 1px solid #CCCCCC;
	cursor: pointer;
	padding: 2px 12px;
	color: #323232;
	line-height:32px;
	/*position: relative;
	z-index:0;*/
}
/*#h-menu > ul > li:last-child > a,
div.accordion > ul > li:last-child > a {
  border-bottom: 1px solid #CCCCCC;
}*/
div.accordion > ul > li > a:hover{
  /*background-color: #5997a7;*/
}
.hm_list > li > a:after, .hm_list > li > a.active:after,
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
	font-size:13px;
	position: absolute;
	right: 12px;
	top: 5px;
}
/*.hm_list > li > a:after{
	content: "＞"; color:#CCCCCC;
}*/
div.accordion > ul > li > a:after{
	content: "+";
}
div.accordion > ul > li > a.active:after{
	content: "×";
}
.hm_list > li > ul,
div.accordion > ul > li > ul {
	display: none;
}
.hm_list > li > ul > li > a,
div.accordion > ul > li > ul > li > a{
	display: block;
	font-size:12px;
	padding: 1px 12px;
	position: relative;
	color: #323232;
	border:none;
}
div.accordion > ul > li > ul > li > a:hover{
 /*background-color: #67ab9c;*/
}


.sub1,
.sub,
.sub2_table,
.sub2_table_noborder,
.sub4_table,
.inlineb,
.radius,
.icon_h_p{
	width:100%;
	max-width:100%;
	box-sizing:border-box;
}


.sub2{
	width:100%;
	display:inline-block !important;
	box-sizing:border-box;
}
.sub4{
	width:47%;
	display:inline-block !important;
	box-sizing:border-box;
}
.sub2.soltop_bgimg{
	height:480px;
}


.sub2_nospace{
	width:100%;
	display:inline-block !important;
	box-sizing:border-box;
}

.sub2_nospace p{
	width:90%;
}
.sub4_nospace{
	width:47%;
	display:inline-block !important;
}



.width710{
	width:75%;
}


h1{width:90%;
}



#foot2 {
	clear:both;
	font-size:11pt;
	padding-bottom:20px;
	margin-top:10px;
	padding-top:5px;
}

#foot2 p,
#foot2 p a{font-size:11px;}

#foot2 ul#footNavi{clear:both; padding-top:10px;}
#foot2 ul#footNavi li {
	display:inline;
	padding:0 3px;
}
#foot2 ul#footNavi li a{ white-space:nowrap; color:#323232;}
#foot2 ul#footNavi li a{font-size:11px; }


/*トップページのランディングページ用*/
#modal-content{
	visibility:hidden;
	width:0px;
	/*position:fixed;*/ 
	position:absolute;
	top:0px;
	min-width:0px;
	overflow: auto;
}

#modal-overlay{
	display:none;
}



/*トップページのニュース一覧テーブル*/
#top_news_list tr td:not(.c) {
	display:block;
	clear:left;
	width:100%;
}

#top_news_list{
	border-bottom:1px solid #CCC;
}
#top_news_list tr td.c{
	border-top:1px solid #CCC;
	display: inline-block;
	width:45%;
}

#top_news_list tr td.sm_left{ text-align:left !important;}
#top_news_list tr td.sm_right{ text-align:right !important;}



/*ニューストップページの事例一覧テーブル*/
#case_list tr td{
	display:block;
	clear:left;
	width:100%;
}
#case_list tr td.td1{ display:none;}

#case_list{
	border-bottom:1px solid #CCC;
}
#case_list tr td.td2{
	border-top:1px solid #CCC;
}



/*ビッグデータトップページの活用事例一覧テーブル*/

#bigdata_case_list tr td{
	display:block;
	width:100%;
}

#bigdata_case_list{
	border-bottom:1px solid #CCC;
}

#bigdata_case_list tr td:first-child{
	border-top:1px solid #CCC;
}


/*ソリューショントップページ*/
.sub2.soltop_bgimg{height:100% !important; }
.sub2.soltop_bgimg:nth-child(2){ margin-top:50px;}


/*事例・導入実績*/
table#case_top_Table1{width:100%;
   display: block;}
table#case_top_Table1 tr {
   display: inline;
}
table#case_top_Table1 td {
   display: inline-block;
   margin-bottom: 10px;
}

.case_top_Table2 tr td{
	display:block;
	width:100%;
}
.case_top_Table2{
	border-bottom:1px solid #CCC;
}
.case_top_Table2 tr td:first-child{
	border-top:1px solid #CCC;
}


table.iloe tr td{display:block;}