/* -------------------------------------------------------------------- 
 HPC 製品&サービス
-------------------------------------------------------------------- */

.page_hardware #page_head {
	background: url("../images/page/hardware_top.jpg");
	background-size: cover;
    padding: 17.5% 0 !important;
}

/* 製品カテゴリー */

.page_hardware #service_cate {
	/*background-color: #e6e6f0;*/
}

#service_cate ul {
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

.page_hardware #service_cate ul.cat01 li {
	background-color: #fff;
	border: solid 1px #44448e;
	float: left;
    width: 31.6%;
	margin-right: 2.6%;
	font-weight: bold;
	margin-bottom: 18px;
	box-sizing: border-box;
}
.page_hardware #service_cate ul.cat01 li:nth-child(3n) {
	margin-right: 0;
}

.page_hardware #service_cate ul.cat01 li a {
 display:block;
 padding:10px 25px;
 color:#44448e;
 text-decoration:none;
 transition: all .5s ease;
}
.page_hardware #service_cate ul.cat01 li a:hover {
 color:#FFF;
}

.page_hardware #service_cate ul.cat01 .btn_effect:after {
 display:none;
}
.page_hardware #service_cate ul.cat01 .btn_effect .effect {
    height: 110px;
    width: 100%;
    left: -100%;
    background: #44448e;
    position: absolute;
    transition: all .5s ease;
    z-index: 1;
}
.page_hardware #service_cate ul.cat01 .btn_effect:hover .effect{
  left:0;
}
.page_hardware #service_cate ul.cat01 li a:hover {

}
.page_hardware #service_cate ul.cat01 li a dl {
 display:table;
}
.page_hardware #service_cate ul.cat01 li a dl dt {
 display:table-cell;
 width:96px;
 vertical-align:middle;
 background-color:transparent;
}
.page_hardware #service_cate ul.cat01 li a dl dd {
 display:table-cell;
 vertical-align:middle;
 padding-left:25px;
}
.page_hardware #service_cate ul.cat01 li a dl dd p {
 font-size:14px;
 text-align:left;
}
.page_hardware #service_cate ul.cat01 li a dl dd p span {
 display:block;
 font-size:24px;
 font-family: 'Fjalla One', sans-serif;
}

.page_hardware #service_cate ul.cat02 li {
	background-color: #fff;
	border: solid 1px #44448e;
	float: left;
    width: 23.5%;
	margin-right: 2%;
	font-weight: bold;
	margin-bottom: 18px;
	box-sizing: border-box;
	vertical-align: top;
}
.page_hardware #service_cate ul.cat02 li .btn_effect {
    width: 100%;
    font-weight: bolder;
	vertical-align: top;
}
.page_hardware #service_cate ul.cat02 li .btn_effect a {
	width: 100%;
    padding: 10px 0px;
	color: #44448e;
}
.page_hardware #service_cate ul.cat02 li .btn_effect a span {
	font-size: 14px;
}


.page_hardware #service_cate ul.cat02 li  .btn_effect .effect {
	background: #44448e;
}

.page_hardware #service_cate ul.cat02 li .btn_effect:hover a{
	color: #fff;
}

.page_hardware #service_cate ul.cat02 li .btn_effect a span {
	margin-right: 0;
}

.page_hardware #service_cate ul.cat02 li .btn_effect:after ,
.page_hardware #service_cate ul.cat02 li .btn_effect:hover:after {
	background: none;
}

.page_hardware #service_cate ul.cat02 li:nth-child(4n) {
	margin-right: 0;
}

.filtering {
 text-align:right;
 margin-bottom:50px;
}
.filtering .btn_effect {
	display: block;
	text-decoration: none;
	transition: .3s;
	font-weight: normal;
	position: relative;
  text-align:center;
  cursor:pointer;
  box-sizing:border-box;
  overflow:hidden;
}
.filtering .btn_effect:after {
    background: none;
}
.filtering .btn_effect a {
	display: block;
	/*padding: 15px 0px;
	font-size:16px;
	color: #FFF;*/
	text-decoration:none;
  transition: color .5s ease;
  z-index:2;
  position:relative;
}
.filtering .btn_effect a span {
	margin-right: 0px;
  font-size: 14px;
 font-weight:700;
}
.filtering .btn_effect:hover .effect{
  left: 0 !important;
}
.filtering .contactBtn0302 {
  background-color: #44448e;
  display: inline-block;
  width: 296px;
}
.filtering .contactBtn0302 a {
  height: 48px;
  display: block;
  text-align: center;
  vertical-align: middle;
  color: #ffffff;
  font-size: 14px;
  line-height: 48px;
  letter-spacing: 0em;
  border: 1px solid #44448e;
  padding: 0px 0px 0px 0px;
  position: relative;
}
.filtering .contactBtn0302 a:link {
  color: #ffffff;
  text-decoration: none;
}
.filtering .contactBtn0302 a:visited {
  color: #ffffff;
  text-decoration: none;
}
.filtering .contactBtn0302 a:hover {
  color: #44448e;
  text-decoration: none;
}
.filtering .contactBtn0302 a:active {
  color: #ffffff;
  text-decoration: none;
}
.filtering .contactBtn0302 a::before {
  content: '';
  background-image: url("../images/deeplearning/top_anc_ar02.png");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 24px auto;
  width: 24px;
  height: 12px;
  border: 0px;
  position: absolute;
  top: 50%;
  right: 26px;
  margin-top: -6px;
}
.filtering .contactBtn0302 a:hover::before {
  background-image: url("../images/deeplearning/top_anc_ar03_on.png");
}
.filtering .contactBtn0302.btn_effect .effect {
  height: 110px;
  width: 100%;
  left: -100%;
  background-color: #ffffff;
  position: absolute;
  transition: all .5s ease;
  z-index: 1;
}

/* 注目カテゴリー */


#pickup_cate ul {
	overflow: hidden;
	margin-bottom: 60px;
}

.page_hardware #pickup_cate ul li {
	float: left;
    width: 31.6%;
	margin-right: 2.6%;
	box-sizing: border-box;
}
.page_hardware #pickup_cate ul li:last-child {
	margin-right: 0;
}
.page_hardware #pickup_cate ul li dt {
	background-color: #d0cfe1;
	margin-bottom: 20px;
	font-weight: bold;
    font-size: 22px;
    line-height: 34px;
	position: relative;
}

.page_hardware #pickup_cate ul li dt a {
	display: block;
	padding: 41px 10px;
	color: #44448e;
	text-decoration: none;
	-webkit-transition-property:background-color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}
.page_hardware #pickup_cate ul li dt:after {
	content: url("../images/sol/icon_bottom.png");
	position: absolute;
	bottom: 5px;
	right: 15px;
}

.page_hardware #pickup_cate ul li dt a:hover {
	background-color: #44448e;
	color: #fff;
}
.page_hardware #pickup_cate ul li dt:hover:after {
	content: url("../images/sol/icon_bottom_w.png");
}


.page_hardware #pickup_cate ul li dd {
	text-align: left;
}


/* btn */

.page_hardware #pickup_cate .btn_effect {
	border: solid 1px #44448e;
    width: 450px;
}

.page_hardware #pickup_cate .btn_effect a {
	padding: 16.5px 0px;
	color: #44448e;
}
.page_hardware #pickup_cate .btn_effect:after {
	content: "";
	background: url("../images/common/arrow_btn_bl.png")no-repeat;
	position:absolute;
	width:42px;
	height:25px;
	top:50%;
	margin-top:-12px;
}

.page_hardware #pickup_cate div.innerWrap .btn_effect .effect{
  background:#44448e;
}


.page_hardware #pickup_cate div.innerWrap .btn_effect:hover a{
	color: #fff;
}

.page_hardware #pickup_cate div.innerWrap .btn_effect:hover:after {
	background: url("../images/common/arrow_btn_wh.png")no-repeat;
}





/* トピックス */


div#wrapper section#hardware_topics {
	background-color: #e6e6f0;
}


.page_hardware #hardware_topics ul li {
	background-color: #44448e;
}




/* btn */

.page_hardware #hardware_topics .btn_effect {
	margin-top: 60px;
	border: solid 1px #44448e;
    width: 450px;
	margin-right: 35px;
}
.page_hardware #hardware_topics .btn_effect:last-child {
	margin-right: 0px;
}

.page_hardware #hardware_topics .btn_effect a {
	color: #44448e;
    padding: 16.5px 0px;
}
.page_hardware #hardware_topics .btn_effect:after {
	content: "";
	background: url("../images/common/arrow_btn_bl.png")no-repeat;
	position:absolute;
	width:42px;
	height:25px;
	top:50%;
	margin-top:-12px;
}

.page_hardware #hardware_topics .btn_effect .effect {
  background:#44448e;
}


.page_hardware #hardware_topics .btn_effect:hover a {
	color: #fff;
}

.page_hardware #hardware_topics .btn_effect:hover:after {
	background: url("../images/common/arrow_btn_wh.png")no-repeat;
}





/* ハードウェア */


.page_hardware #hardware_hardware .title_en , 
.page_hardware #hardware_hardware .title_jp {
	color: #fff;
}

.page_hardware #hardware_hardware .text_80 {
	width: 825px;
	margin: 0 auto 60px auto;
	text-align: left;
	color: #fff;
}
/*
.page_hardware #hardware_hardware .cate_block {
	margin-bottom: 30px;
}
*/
.page_hardware #hardware_hardware .title_hardware {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 10px;
	text-align: left;color: #fff;
}
.page_hardware #hardware_hardware .title_hardware:before {
    content: "■";
}

.page_hardware #hardware_hardware .cate_area {
	margin-bottom: 0px;
}


.page_hardware #hardware_hardware ul {
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}
.page_hardware #hardware_hardware ul li {
	background-color: #fff;
	float: left;
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 12px;
	overflow: hidden;
    height: 40px;
	vertical-align: top;
}
.page_hardware #hardware_hardware ul li .btn_effect {
	width: 100%;
	border: none;
	text-align: center;
}

.page_hardware #hardware_hardware ul li .btn_effect a {
  vertical-align: middle;
  text-align: center;
    box-sizing: border-box;
	padding: 10px;
    line-height: 20px;
}
/*
.page_hardware #hardware_hardware ul li.cate_li02 .btn_effect a {
	padding: 10px;
    line-height: 20px;
}
*/
.page_hardware #hardware_hardware ul li .btn_effect a span {
	color: #0D0C69;
	font-weight: bold;
	font-weight: bold;
	font-size: 16px;
	margin-right: 0px;
	
	-webkit-transition-property:color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}


.page_hardware #hardware_hardware div.innerWrap ul li .btn_effect .effect {
	background:#0D0C69;
}

.page_hardware #hardware_hardware div.innerWrap ul li .btn_effect:hover a span {
	color: #fff;
}
.page_hardware #hardware_hardware div.innerWrap ul li .btn_effect:after {
    background:none;
}

.page_hardware #hardware_hardware div.innerWrap ul li .btn_effect:hover:after {
    background:none;
}



.page_hardware #hardware_hardware ul li .child {
}

.page_hardware #hardware_hardware li:nth-child(5n) {
	margin-right: 0;
}
/*
.page_hardware #hardware_hardware .cate_area:last-child ul li {
	padding: 15px 0px;
    width: 32%;
    margin-right: 2%;
}
.page_hardware #hardware_hardware .cate_area:last-child ul li:nth-child(3n) {
	margin-right: 0;
}
*/


/* btn */

.page_hardware #hardware_hardware .btn_effect {
	border: solid 1px #fff;
    width: 450px;
	margin-top: 50px;
}
.page_hardware #hardware_hardware li .btn_effect {
	margin-top: 0;
}

.page_hardware #hardware_hardware .btn_effect a {
	padding: 16.5px 0px;
	color: #fff;
}
.page_hardware #hardware_hardware .btn_effect:after {
	content: "";
	background: url("../images/common/arrow_btn_wh.png")no-repeat;
	position:absolute;
	width:42px;
	height:25px;
	top:50%;
	margin-top:-12px;
}
.page_hardware #hardware_hardware div.innerWrap .btn_effect .effect{
  background:#fff;
}
.page_hardware #hardware_hardware div.innerWrap .btn_effect:hover a span {
	color: #44448e;
}
.page_hardware #hardware_hardware div.innerWrap .btn_effect:hover:after {
	background: url("../images/common/arrow_btn_bl.png")no-repeat;
}




/* ソフトウェア */


.page_hardware #hardware_appliance .text_80 ,
.page_hardware #hardware_solution .text_80 ,
.page_hardware #hardware_software .text_80 ,
.page_hardware #hardware_hardware .text_80 {
	width: 825px;
	margin: 0 auto 30px auto;
	text-align: left;
    font-size: 16px;
}
.page_hardware #hardware_software .text_80 {
	margin-bottom: 60px;
}
.page_hardware #hardware_hardware {
	background: url("../images/page/hardware_bg01.jpg");
	background-size: cover;
}
.page_hardware #hardware_software {
	background: url("../images/page/hardware_bg02.jpg");
	background-size: cover;
}

.page_hardware #hardware_appliance {
	background-color: #e6e6f0;
}
.page_hardware #hardware_software ul {
	margin-bottom: 20px;
	overflow: hidden;
}
.page_hardware #hardware_software ul li {
	float: left;
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 12px;
	box-sizing: border-box;
}
.page_hardware #hardware_software ul li:nth-child(5n) {
	margin-right: 0;
    margin-bottom: 12px;
}

.page_hardware #hardware_software ul li dt a {
	color: #0D0C69;
    line-height: 27px;
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	font-size: 16px;
	text-decoration: none;
	-webkit-transition-property:background-color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}


.page_hardware #hardware_appliance ul ,
.page_hardware #hardware_solution ul {
	overflow: hidden;
	margin-bottom: 60px;
}
.page_hardware #hardware_appliance ul li ,
.page_hardware #hardware_solution ul li {
	float: left;
    width: 31.6%;
	margin-right: 2.6%;
	box-sizing: border-box;
}

.page_hardware #hardware_appliance ul li:nth-child(3n) ,
.page_hardware #hardware_solution ul li:nth-child(3n) {
	margin-right: 0;
    margin-bottom: 60px;
}
.page_hardware #hardware_appliance ul li:last-child ,
.page_hardware #hardware_solution ul li:last-child ,
.page_hardware #hardware_software ul li:last-child {
	margin-bottom: 0;
}
.page_hardware #hardware_appliance ul li dt ,
.page_hardware #hardware_solution ul li dt ,
.page_hardware #hardware_software ul li dt {
	background-color: #fff;
	margin-bottom: 20px;
	font-weight: bold;
	font-size: 20px;
	position: relative;
	display: table;
	width: 100%;
	box-sizing: border-box;
}
.page_hardware #hardware_software ul li dt {
	margin-bottom: 0px;
}

.page_hardware #hardware_appliance ul li dt a ,
.page_hardware #hardware_solution ul li dt a {
	color: #0D0C69;
    line-height: 27px;
	display: table-cell;
	vertical-align: middle;
	height: 76px;
	text-decoration: none;
	-webkit-transition-property:background-color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}

.page_hardware #hardware_solution ul li dt {
	background-color: #CFCEE1;
}
.page_hardware #hardware_appliance ul li dt a:hover ,
.page_hardware #hardware_solution ul li dt a:hover ,
.page_hardware #hardware_software ul li dt a:hover {
	background-color: #0D0C69;
	color: #fff;
}


.page_hardware #hardware_appliance ul li dt:after ,
.page_hardware #hardware_solution ul li dt:after {
	content: url("../images/sol/icon_bottom.png");
	position: absolute;
	bottom: 5px;
	right: 15px;
}
.page_hardware #hardware_appliance ul li dt:hover:after ,
.page_hardware #hardware_solution ul li dt:hover:after {
	content: url("../images/sol/icon_bottom_w.png");
}
.page_hardware #hardware_appliance ul li dd ,
.page_hardware #hardware_solution ul li dd ,
.page_hardware #hardware_software ul li dd {
	text-align: left;
	font-size: 16px;
	padding: 0px 10px;
	box-sizing: border-box;
}
.page_hardware #hardware_software .text_80 ,
.page_hardware #hardware_software ul li dd ,
.page_hardware #hardware_software .title_en .title_jp {
	color:#0D0C69 ;
}




/* btn */

.page_hardware #hardware_appliance .btn_effect ,
.page_hardware #hardware_solution .btn_effect ,
.page_hardware #hardware_software .btn_effect {
	border: solid 1px #44448e;
    width: 450px;
}
.page_hardware #hardware_software .btn_effect{
	margin-top: 30px;
}
.page_hardware #hardware_appliance .btn_effect a ,
.page_hardware #hardware_solution .btn_effect a ,
.page_hardware #hardware_software .btn_effect a {
	padding: 16.5px 0px;
	color: #44448e;
}
.page_hardware #hardware_appliance .btn_effect:after ,
.page_hardware #hardware_solution .btn_effect:after ,
.page_hardware #hardware_software .btn_effect:after {
	content: "";
	background: url("../images/common/arrow_btn_bl.png")no-repeat;
	position:absolute;
	width:42px;
	height:25px;
	top:50%;
	margin-top:-12px;
}
.page_hardware #hardware_appliance div.innerWrap .btn_effect .effect ,
.page_hardware #hardware_solution div.innerWrap .btn_effect .effect ,
.page_hardware #hardware_software div.innerWrap .btn_effect .effect {
  background:#44448e;
}
.page_hardware #hardware_appliance div.innerWrap .btn_effect:hover a ,
.page_hardware #hardware_solution div.innerWrap .btn_effect:hover a ,
.page_hardware #hardware_software div.innerWrap .btn_effect:hover a {
	color: #fff;
}
.page_hardware #hardware_appliance div.innerWrap .btn_effect:hover:after ,
.page_hardware #hardware_solution div.innerWrap .btn_effect:hover:after ,
.page_hardware #hardware_software div.innerWrap .btn_effect:hover:after {
	background: url("../images/common/arrow_btn_wh.png")no-repeat;
}






/* -------------------------------------------------------------------- 
 ハードウェア ワークステーション
-------------------------------------------------------------------- */


.page_hardware_product #page_head.workstation {
	background: url("../images/hardware/workstation_top.jpg");
	background-size: cover;
}

/* 製品カテゴリー */

.page_software.top #software_cate.container ,
.page_hardware_product #hardware_cate.container {
	padding: 15px 0px 40px 0px;
}


.page_hardware_product #hardware_cate .title_bold {
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	margin-bottom: 8px;
}
.page_hardware_product #hardware_cate .title_bold:before {
	content: "■";
	color: #44448e;
}

.page_hardware_product #hardware_cate .cate_area {
	margin-bottom: 0px;
}
.page_hardware_product #hardware_cate .cate_area:last-child {
	margin-bottom: 0;
}


.page_hardware_product #hardware_cate {
	background-color: #ebebee;
}

.page_hardware_product #hardware_cate ul {
	overflow: hidden;
	text-align: center;
	margin: 0 auto;
}

.page_hardware_product #hardware_cate ul li {
	float: left;
    width: 18%;
    margin-right: 2.5%;
    margin-bottom: 8px;
	font-size: 16px;
	vertical-align: top;
}
.page_hardware_product #hardware_cate li:nth-child(5n) {
	margin-right: 0;
}
.page_hardware_product #hardware_cate ul li a {
	display: block;
	padding: 18px 0px;
	text-decoration: none;
	font-weight: bold;
	color: #44448e;
}
.page_hardware_product #hardware_cate ul li .btn_effect {
    background-color: #fff;
    width: 100%;
}
.page_hardware_product #hardware_cate ul li .btn_effect:after {
	background: none;
}
.page_hardware_product #hardware_cate ul li .btn_effect a span {
    margin-right: 0px;
}

.page_hardware_product #hardware_cate ul li .btn_effect .effect {
    background: #44448e;
    height: 121px;
}


.page_hardware_product #hardware_cate ul li .btn_effect:hover a{
	color: #fff;
}
.page_hardware_product #hardware_cate ul li .btn_effect:hover:after {
	background: none;
}


.page_software #software_cate .btn_effect.btn_or ,
.page_hardware_product #hardware_cate .btn_effect.btn_or {
    background: #fff;
    width: 226px;
}
.page_software #software_cate .btn_effect.btn_or ,
.page_hardware_product #hardware_cate .btn_effect.btn_or {
	margin-top: 25px;
}

.page_software #software_cate .btn_effect.btn_or a ,
.page_hardware_product #hardware_cate .btn_effect.btn_or a {
	color: #FF9C00;
	padding: 8px 10px;
}
.page_software #software_cate .btn_effect.btn_or a span ,
.page_hardware_product #hardware_cate .btn_effect.btn_or a span {
	font-size: 16px;
}
.page_software #software_cate .btn_effect.btn_or .effect ,
.page_hardware_product #hardware_cate .btn_effect.btn_or .effect {
    background: #FF9C00;
}
.page_software #software_cate .btn_effect.btn_or:hover a ,
.page_hardware_product #hardware_cate .btn_effect.btn_or:hover a {
	color: #fff;
}
.page_software #software_cate .btn_effect.btn_or:hover:after ,
.page_hardware_product #hardware_cate .btn_effect.btn_or:hover:after {
    background: url(../images/common/arrow_btn_wh.png)no-repeat;
}


/*-- チェックボック自体は非表示 --*/
.switch_set #switch1,.switch_set #switch2,.switch_set #switch3,.switch_set #switch4,.switch_set #switch5,
.switch_set #switch6,.switch_set #switch7,.switch_set #switch8,.switch_set #switch9,.switch_set #switch10,
.switch_set #switch11,.switch_set #switch12,.switch_set #switch13{ display: none; }

/*-- 切り替えをアニメーションで --*/
.switch_set #switch1+label,.switch_set #switch2+label,.switch_set #switch3+label,.switch_set #switch4+label,.switch_set #switch5+label,
.switch_set #switch6+label,.switch_set #switch7+label,.switch_set #switch8+label,.switch_set #switch9+label,.switch_set #switch10+label,
.switch_set #switch10+label,.switch_set #switch11+label,.switch_set #switch12+label,.switch_set #switch13+label,.switch_set #switch14+label,
.switch_set input+label::before, .switch_set input+label::after { transition: all .2s; }

/*-- ボタンの本体 --*/
.switch_set #switch1+label,.switch_set #switch2+label,.switch_set #switch3+label,.switch_set #switch4+label,.switch_set #switch5+label,
.switch_set #switch6+label,.switch_set #switch7+label,.switch_set #switch8+label,.switch_set #switch9+label,.switch_set #switch10+label,
.switch_set #switch11+label,.switch_set #switch12+label,.switch_set #switch13+label,.switch_set #switch14+label {
	display: inline-block;
	position: relative;
	width: 100%;
    height: 40px;
    padding: 10px;
	text-align: center;
	line-height: 1.0;
	background: #fff;
	cursor: pointer;
    box-sizing: border-box;
}

.switch_set #switch1+label:hover,.switch_set #switch2+label:hover,.switch_set #switch3+label:hover,.switch_set #switch4+label:hover,.switch_set #switch5+label:hover,
.switch_set #switch6+label:hover,.switch_set #switch7+label:hover,.switch_set #switch8+label:hover,.switch_set #switch9+label:hover,.switch_set #switch10+label:hover,
.switch_set #switch11+label:hover,.switch_set #switch12+label:hover,.switch_set #switch13+label:hover,.switch_set #switch14+label:hover,.switch_set #switch15+label:hover {
	background: #44448e;
}
.switch_set #switch1+label:hover::before,.switch_set #switch2+label:hover::before,.switch_set #switch3+label:hover::before,.switch_set #switch4+label:hover::before,
.switch_set #switch5+label:hover::before,.switch_set #switch6+label:hover::before,.switch_set #switch7+label:hover::before,.switch_set #switch8+label:hover::before,
.switch_set #switch9+label:hover::before,.switch_set #switch10+label:hover::before,.switch_set #switch11+label:hover::before,.switch_set #switch12+label:hover::before,
.switch_set #switch13+label:hover::before {
	color: #fff !important;
}

/*-- ボタンのラベル --*/
.switch_set #switch1+label::before,.switch_set #switch2+label::before,.switch_set #switch3+label::before,.switch_set #switch4+label::before,
.switch_set #switch5+label::before,.switch_set #switch6+label::before,.switch_set #switch7+label::before,.switch_set #switch8+label::before,
.switch_set #switch9+label::before,.switch_set #switch10+label::before,.switch_set #switch11+label::before,.switch_set #switch12+label::before,
.switch_set #switch13+label::before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 11px;
	content: attr(data-off-label);
	width: 100%;
	font-size: 16px;
	font-weight: bold;
	color: #44448e;
}

/*-- チェックでボタンを変更 --*/
.switch_set #switch1:checked+label,.switch_set #switch2:checked+label,.switch_set #switch3:checked+label,.switch_set #switch4:checked+label,
.switch_set #switch5:checked+label,.switch_set #switch6:checked+label,.switch_set #switch7:checked+label,.switch_set #switch8:checked+label,
.switch_set #switch9:checked+label,.switch_set #switch10:checked+label,.switch_set #switch11:checked+label,.switch_set #switch12:checked+label,
.switch_set #switch13:checked+label { background: #44448e; }
.switch_set #switch1:checked+label::before,.switch_set #switch2:checked+label::before,.switch_set #switch3:checked+label::before,
.switch_set #switch4:checked+label::before,.switch_set #switch5:checked+label::before,.switch_set #switch6:checked+label::before,
.switch_set #switch7:checked+label::before,.switch_set #switch8:checked+label::before,.switch_set #switch9:checked+label::before,
.switch_set #switch10:checked+label::before,.switch_set #switch11:checked+label::before,.switch_set #switch12:checked+label::before,
.switch_set #switch13:checked+label::before { content: attr(data-on-label); color: #fff; }


/* 製品一覧 */


.product_area ul {
	overflow: hidden;
	margin-bottom: 30px;
	margin-left: 1.5%;
}
.product_area:last-child ul {
	margin-bottom: 0;
}


.product_area ul li {
	width: 32%;
	margin-right: 1%;
	float: left;
	margin-bottom: 70px;
}


.product_area ul li dl {
    position:relative;
	/*cursor: pointer;
	-webkit-transition-property:opacity;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; */
}
/*
.product_area ul li dl a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
	z-index: 887;
}
*/
.product_area ul li dl .url a {
	position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent: 0px;
	z-index: 888;
    color: #0071BC;
}
/*
.product_area ul li dl:hover {
	opacity: 0.8;
}
*/




/*casestudyだけリンクはブロック範囲*/

#wrap.page_casestudy.top .product_area ul li dl {
    cursor: pointer;
	-webkit-transition-property:opacity;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear;
}

#wrap.page_casestudy.top .product_area ul li dl a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
	z-index: 887;
}

#wrap.page_casestudy.top .product_area ul li dl:hover {
	opacity: 0.8;
}




.product_area ul li dt {
	background-color: #F2F2F2;
	border-left: solid 5px #F7931E;
	padding: 0px 15px;
	font-size: 20px;
	color: #35346f;
	font-weight: bold;
	margin-bottom: 30px;
	height: 105px;
	box-sizing: border-box;
  display: table;
  width: 100%;
	
	-webkit-transition-property:opacity;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:linear;
    position:relative;
}
.product_area ul li dt:hover {
	opacity: 0.7;
}
.product_area.list ul li dt:hover {
	opacity: 1;
}
.product_area ul li dt a {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}

.product_area ul li dt .child {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
  word-wrap : break-word;
  overflow-wrap : break-word;
}

.product_area ul li dd .title {
	height: 73px;
  display: table;
  width: 100%;
}
.product_area ul li dd p {
	font-size: 16px;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

.product_area ul li dd .img {
	padding: 55px 20px;
	position: relative;
}
.product_area ul li dd .img img {
    max-height: 180px;
}

.product_area ul li dd .img .cpu {
	display: block !important;
	position: absolute;
	bottom: 20px;
	width: 25%;
	left: 0;
}
.product_area ul li dd .img .cpu img {
	max-height: 95px;
}

.product_area ul li dd .tag_area {
	overflow: hidden;
}
.product_area ul li dd .tag {
	background-color: #f5f5f6;
	margin-bottom: 2%;
	float: left;
	width: 49%;
	color: #121067;
  display: table;
	padding: 10px 0px;
}
.product_area ul li dd .tag .child {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
	position: relative;
	text-align: left;
	padding-left: 45px;
    padding-right: 15px;
	font-size: 13px;
	line-height: 20px;
}
.product_area ul li dd .tag:nth-child(2n) {
	float: right;
}

.product_area ul li dd .tag .child:before {
	content:"";
	background:url("../images/page/hardware_tag01.png")no-repeat;
	position:absolute;
	width:31px;
	height:30px;
	top:50%;
	margin-top:-15px;
	left: 5px;
    background-size: 100% !important;
}
.product_area ul li dd .name {
	text-align: left;
	font-size: 16px;
	margin-bottom: 10px;
}
.product_area ul li dd .text {
	text-align: left;
	font-size: 14px;
}


/* -------------------------------------------------------------------- 
 ハードウェア ワークステーション フッター
-------------------------------------------------------------------- */


div#wrapper div#contactArea2 {
    background: url("../images/hardware/workstation_foot.jpg");
    background-size: cover;
	color: #fff;
}




div#wrapper div#contactArea2 div.innerWrap {
    padding: 100px 20px 77px 20px;
}


div#wrapper div#contactArea2 .text {
	font-size: 16px;
}
div#wrapper div#contactArea2 .tel {
	margin-top: 15px;
	font-size: 16px;
	overflow: hidden;
}

div#wrapper div#contactArea2 .tel .font_bold {
	font-weight: bold;
	font-size: 44px;
	position: relative;
	float: left;
	letter-spacing: 2px;
	padding-bottom: 15px;
}
div#wrapper div#contactArea2 .tel .font_bold:before {
	content: url("../images/hardware/tel.png");
	position: relative;
	left: 0px;
	top: 20px;
}

div#wrapper div#contactArea2 .tel p {
	margin-top: 30px;
}

/* サポートフッター faqフッター*/

#wrap.page_faq div#wrapper div#contactArea2 .tel .font_bold ,
#wrap.page_support div#wrapper div#contactArea2 .tel .font_bold {
    float: none;
    display: inline-block;
	margin-right: 20px;
}

#wrap.page_faq div#wrapper div#contactArea2 .mail ,
#wrap.page_support div#wrapper div#contactArea2 .mail {
    display: inline-block;
	margin: 15px 0px;
	position: relative;
}
#wrap.page_faq div#wrapper div#contactArea2 .mail:before ,
#wrap.page_support div#wrapper div#contactArea2 .mail:before {
	content: url("../images/common/icon_mail.png");
	position: absolute;
	top: -10px;
}
#wrap.page_faq div#wrapper div#contactArea2 .mail a ,
#wrap.page_support div#wrapper div#contactArea2 .mail a {
	color: #fff;
	text-decoration: none;
	font-size: 30px;
	padding-left: 50px;
}

@media (max-width: 768px) {
#wrap.page_faq div#wrapper div#contactArea2 .tel .font_bold ,
#wrap.page_support div#wrapper div#contactArea2 .tel .font_bold {
	display: block;
}
#wrap.page_faq div#wrapper div#contactArea2 .mail a ,
#wrap.page_support div#wrapper div#contactArea2 .mail a {
	font-size: 20px;
}
}



		





/* btn */


div#wrapper div#contactArea2 .workstation_contact {
	margin-top: 30px;
}

div#wrapper div#contactArea2 .btn_effect {
	width: 450px;
}

div#wrapper div#contactArea2 .btn_effect a {
    padding: 26px 0px !important;
    font-size: 20px;
    line-height: 35px;
}

div#wrapper div#contactArea2 .btn_effect a span {
	margin-right: 0;
}

div#wrapper div#contactArea2 .btn_effect .effect{
    height: 121px;
}


div#wrapper div#contactArea2 div.innerWrap .btn_effect:last-child {
    background-color: #29ABE2;
	margin-left: 20px;
}

div#wrapper div#contactArea2 .btn_effect:last-child a {
    display: block;
    padding: 43px 0px !important;
}

div#wrapper div#contactArea2 div.innerWrap .btn_effect:last-child:hover a{
	color: #29ABE2;
}

div#wrapper div#contactArea2 div.innerWrap .btn_effect:last-child:hover:after {
	background: url("../images/common/arrow_btn_lblu.png")no-repeat;
}






/* -------------------------------------------------------------------- 
 ハードウェア TOP画像
-------------------------------------------------------------------- */

.page_hardware_product #page_head.rackmount {
	background: url("../images/hardware/rackmount_top.jpg");
	background-size: cover;
}
.page_hardware_product #page_head.gpgpu {
	background: url("../images/hardware/gpgpu_top.jpg");
	background-size: cover;
}
.page_hardware_product #page_head.fileserver {
	background: url("../images/hardware/fileserver_top.jpg");
	background-size: cover;
}
.page_hardware_product #page_head.option {
	background: url("../images/hardware/option_top.jpg");
	background-size: cover;
}
.page_hardware_product #page_head.other {
	background: url("../images/hardware/other_top.jpg");
	background-size: cover;
}

/* -------------------------------------------------------------------- 
 ハードウェア 詳細画像
-------------------------------------------------------------------- */

#wrap.page_hardware_product.product_page #page_head.rackmount {
	background: url("../images/hardware/rackmount_page_top.jpg") center;
	background-size: cover;
    padding: 3.6% 0 2.2% 0;
    box-sizing: border-box;
}
#wrap.page_hardware_product.product_page #page_head.gpgpu {
	background: url("../images/hardware/gpgpu_page_top.jpg") center;
	background-size: cover;
    padding: 3.6% 0 2.2% 0;
    box-sizing: border-box;
}
#wrap.page_hardware_product.product_page #page_head.fileserver {
	background: url("../images/hardware/fileserver_page_top.jpg") center;
	background-size: cover;
    padding: 3.6% 0 2.2% 0;
    box-sizing: border-box;
}
#wrap.page_hardware_product.product_page #page_head.option {
	background: url("../images/hardware/option_page_top.jpg") center;
	background-size: cover;
    padding: 3.6% 0 2.2% 0;
    box-sizing: border-box;
}
#wrap.page_hardware_product.product_page #page_head.other {
	background: url("../images/hardware/other_page_top.jpg") center;
	background-size: cover;
    padding: 3.6% 0 2.2% 0;
    box-sizing: border-box;
}



/* -------------------------------------------------------------------- 
 ハードウェア ワークステーション 詳細
-------------------------------------------------------------------- */

#wrap.page_hardware_product.product_page #page_head.workstation {
	background: url("../images/hardware/workstation_page_top.jpg") center;
	background-size: cover;
    padding: 3.6% 0 2.2% 0;
    box-sizing: border-box;
}

#wrap.page_hardware_product.product_page div#page_head .top_title_en span {
	float: left;
	margin-right: 10px;
}
#wrap.page_hardware_product.product_page div#page_head .top_title_en ,
#wrap.page_hardware_product.product_page div#page_head .top_title_jp {
    width: 1250px;
    margin: 0 auto;
	color: #000;
	text-align: left;
}

/* 製品情報 */

#hardware_product {
	text-align: left;
}
#hardware_product .title_en {
	text-align: left;
	font-size: 40px;
	color: #121067;
	margin-bottom: 10px;
	line-height: 50px;
	font-family: 'Fjalla One', sans-serif;
}
#hardware_product .product_text {
	font-size: 18px;
	line-height: 30px;
	margin-bottom: 20px;
}
#hardware_product .price {
	text-align: right;
	color: #121067;
	font-size: 20px;
}
#hardware_product .price span {
	font-size: 48px;
	margin: 0 10px;
	font-family: 'Fjalla One', sans-serif;
}
#hardware_product .freetext {
	text-align: left;
	margin-top: 70px;
}
.page_hardware_product.product_page .freetext {
	text-align: left;
	margin-top: 70px;
}

/* 商品画像 レイアウト */

#hardware_product .product_img {
	overflow: hidden;
}
#hardware_product .product_main_img {
	float: left;
	margin: 0 auto;
	width: 65%;
}
#hardware_product .product_main_img li {
	text-align: center;
	margin: 0 auto;
}

#hardware_product .thumb {
	float: right;
	width: 30%;
	margin-bottom: 30px;
}
#hardware_product .thumb li {
	display: inline-block;
 	width: 46%;
	height: auto;
	margin-right: 5%;
	margin-bottom: 6%;
}
#hardware_product .thumb li:nth-child(2n) {
	margin-right: 0;
}


/* 商品画像 切り替わり */


#hardware_product .product_main_img,
#hardware_product  .product_main_img li {
  list-style: none;
}
#hardware_product .product_main_img {
  margin-bottom: 25px;
	position: relative;
    padding: 20px 20px;
    box-sizing: border-box;
	max-height: 500px;
}
#hardware_product .product_main_img li {
  overflow: hidden;
	max-width: 600px;
}
#hardware_product .product_main_img li .child {
	max-height: 400px;
  display: table;
  width: 100%;
}
#hardware_product .product_main_img li .child img {
	max-height: 400px;
	margin: 0 auto;
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}

#hardware_product .product_main_img li.cpu {
	display: block !important;
	position: absolute;
    bottom: 0;
    width: 25%;
    left: 7%;
	height: 100px !important;
}
#hardware_product .product_main_img li.cpu img {
	width: 100px;
}

#hardware_product .product_main_img li.item1 {
	display: block;
}
#hardware_product .product_main_img li {
  display: none;
}
#hardware_product .main li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#hardware_product .thumb,
#hardware_product .thumb li {
  list-style: none;
}
#hardware_product .thumb li {
  overflow: hidden;
  cursor: pointer;
  vertical-align: top;
	border: solid 1px #ccc;
	float: left;
	
  height: auto;
  position: relative;
}

#hardware_product .thumb li:before {
  content: "";
  display: block;
  padding-top: 100%; /* ここを100％にすることで正方形になる */
}
 
#hardware_product .thumb li span {
  /* 正方形にするのに必要な部分 */
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  /* 中央寄せ */
  text-align: center;
  padding: 18px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
 
/* 高さの中央揃えに必要な部分 */
#hardware_product .thumb li span:before{
  content: "";
  height: 100%;
  vertical-align: middle;
  width: 0px;
  display: inline-block;
}
 
#hardware_product .thumb li span > *{
  vertical-align: middle;
  display: inline-block;
}
 
#hardware_product .thumb li span img{
  max-width: 100%;
  height: auto;
  max-height: 100%;
}

#hardware_product .thumb li span {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#hardware_product .thumb li img {
  height: auto;
}
#hardware_product .thumb li:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}

/* リンク */

.link_full ,
.page_hardware_product.product_page #hardware_link {
	border-bottom: solid 1px #44448e;
	padding: 0 !important;
}
.page_hardware_product.product_page #hardware_link {
	margin: 30px 0px 50px 0px;
}

.link_full ul ,
.page_hardware_product.product_page #hardware_link ul {
	overflow: hidden;
	text-align: center;
    font-size:0;
}

.link_full ul li ,
.page_hardware_product.product_page #hardware_link ul li {
	display: inline-block;
	width: 23%;
	margin-right: 2.666%;
}
.link_full ul li:last-child ,
.page_hardware_product.product_page #hardware_link ul li:last-child {
	margin-right: 0;
}

.link_full ul li a ,
.page_hardware_product.product_page #hardware_link ul li a {
	display: block;
	background-color: #fff;
	border: solid 1px #44448e;
	padding: 17px 0px;
	font-weight: bold;
	color: #44448e;
	font-size: 15px;
	border-bottom: none;
	text-decoration: none;
	
	-webkit-transition-property:background-color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}

.link_full ul li a:hover ,
.page_hardware_product.product_page #hardware_link ul li a:hover {
	background-color: #44448e;
	color: #fff;
}



/* 製品特徴 */

.text_area_gr {
	border: solid 1px #B3B3B3;
	text-align: left;
	width: 890px;
	margin: 0px auto 60px auto;
	padding: 35px  55px;
}

.page_hardware_product.product_page #hardware_tokutyou ul {
	overflow: hidden;
}

.page_hardware_product.product_page #hardware_tokutyou ul li {
	float: left;
	width: 31.5%;
	margin-right: 2.75%;
	margin-bottom: 1.8%;
}
.page_hardware_product.product_page #hardware_tokutyou ul li:nth-child(3n) {
	margin-right: 0;
}

.page_hardware_product.product_page #hardware_tokutyou ul li dd {
	text-align: left;
}

.page_hardware_product.product_page #hardware_tokutyou ul li dd .text {
	font-size: 20px;
	background-color: #F2F2F2;
	color: #121067;
	line-height: 30px;
	padding: 30px 15px;
	text-align: center;
	margin-bottom: 20px;
    box-sizing: border-box;
	
  display: table;
  width: 100%;
}
.page_hardware_product.product_page #hardware_tokutyou ul li dd .text .text_inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


/* colorbox */

#inline-content.inline_area {
    padding: 40px;
    display: block;
    box-sizing: border-box;
	text-align: left;
}
#inline-content.inline_area p {
    margin: 10px 0px 20px 0px !important;
}

#inline-content.inline_area table {
    border-left: solid 1px #aaa;
    border-top: solid 1px #aaa;
    border-collapse: collapse;
	width: 100%;
}
#inline-content.inline_area table th {
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    text-align: center;
    font-weight: bold;
    background-color: #eeeeee;
    white-space: nowrap;
    padding: 3px;
    font-size: 80%;
}
#inline-content.inline_area table td {
    border-right: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    padding: 3px;
    font-size: 80%;
    height: 10px;
}


#inline-content.inline_area .col2_area ,
#inline-content.inline_area .col2_table {
	overflow: hidden;
}
#inline-content.inline_area .col2_area .img {
    margin: 10px;
    float: right;
}

#inline-content.inline_area .col2_table table {
    margin: 10px;
    float: right;
}




/* 特徴 btn */

.page_hardware_product.product_page #hardware_tokutyou .btn_area {
	margin-top: 110px;
	overflow: hidden;
}
.page_hardware_product.product_page #hardware_tokutyou .btn_effect {
	border: solid 1px #44448e;
    width: 31.5%;
    margin-right: 2.75%;
	float: left;
	margin-bottom: 20px;
	vertical-align: top;
}
.page_hardware_product.product_page #hardware_tokutyou .btn_effect:nth-child(1) ,
.page_hardware_product.product_page #hardware_tokutyou .btn_effect:nth-child(2) ,
.page_hardware_product.product_page #hardware_tokutyou .btn_effect:nth-child(3) {
	float: none;
	display: inline-block;
    margin-right: 2.75%;
}
.page_hardware_product.product_page #hardware_tokutyou .btn_effect:nth-child(3n) {
	margin-right: 0%;
}

.page_hardware_product.product_page #hardware_tokutyou .btn_effect a {
	color: #44448e;
    padding: 35px 60px 35px 10px;
    box-sizing: border-box;
    display: table;
	width: 100%;
}
.page_hardware_product.product_page #hardware_tokutyou .btn_effect:after {
	content: "";
	background: url("../images/common/arrow_btn_bl.png")no-repeat;
	position:absolute;
	width:42px;
	height:25px;
	top:50%;
	margin-top:-12px;
}

.page_hardware_product.product_page #hardware_tokutyou .btn_effect .effect{
    height: 140px;
  background-color:#44448e;
}

.page_hardware_product.product_page #hardware_tokutyou .btn_effect a span {
	font-size: 16px;
    margin-right: 0px;
}
.page_hardware_product.product_page #hardware_tokutyou .btn_effect .child {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}


.page_hardware_product.product_page #hardware_tokutyou .btn_effect:hover a{
	color: #fff;
}

.page_hardware_product.product_page #hardware_tokutyou .btn_effect:hover:after {
	background: url("../images/common/arrow_btn_wh.png")no-repeat;
}




/* 製品仕様 */

.page_hardware_product.product_page #hardware_siyou {
	background-color: #E6E6F0;
}
.page_hardware_product.product_page #hardware_siyou .siyou_title {
    font-size: 22px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 10px;
}
.page_hardware_product.product_page #hardware_siyou table {
	width: 100%;
	margin-bottom: 40px;
}
.page_hardware_product.product_page #hardware_siyou table:last-child {
	/*margin-bottom: 0px;*/
}
.page_hardware_product.product_page #hardware_siyou table th {
	width: 20%;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	border: solid 2px #E6E6F0;
	border-right: solid 4px #E6E6F0;
}
.page_hardware_product.product_page #hardware_siyou table td {
	width: 80%;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	text-align: left;
	border: solid 2px #E6E6F0;
}





/* arm HPC */

#page_container #hardware_armhpc .title_en {
    margin-bottom: 35px;
}

#page_container #hardware_armhpc.container{
	padding-top: 0;
	padding-bottom: 0;
}

#hardware_armhpc .block {
	overflow: hidden;
}
#hardware_armhpc .text_area {
	float: left;
	width: 50%;
	text-align: left;
	padding: 70px 60px;
	box-sizing: border-box;
	font-size: 16px;
}
#hardware_armhpc .img {
	float: right;
	width: 50%;
	position: relative;
	background: url("../images/page/hardware_arm.jpg")center;
	background-size: cover;
}
#hardware_armhpc .img img {
	position: absolute;
    bottom: 0;
    left: 0;
}

#hardware_storage .text_area ul ,
#hardware_armhpc .text_area ul {
	margin-top: 50px;
}
#hardware_storage .text_area ul li a ,
#hardware_armhpc .text_area ul li a {
	text-decoration: none;
	font-weight: bold;
	font-size: 20px;
	color: #0D0C69;
  position: relative;
	-webkit-transition-property:color;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear; 
}

#hardware_storage .text_area ul li:hover a ,
#hardware_armhpc .text_area ul li:hover a {
	color: #f5911e;
}
#hardware_storage .text_area ul li ,
#hardware_armhpc .text_area ul li {
	margin-bottom: 8px;
	position: relative;
	margin-left: 50px;
}

#hardware_storage .text_area ul li:before ,
#hardware_armhpc .text_area ul li:before {
	content: url("../images/page/hardware_leftline.png");
	position: absolute;
    top: 50%;
    margin-top: -10px;
	left: -55px;
}
#hardware_storage .text_area ul li:after ,
#hardware_armhpc .text_area ul li:after  {
	content: url("../images/page/hardware_arrow.png");
	position: relative;
    background: url(../images/page/hardware_arrow_border.png)top no-repeat;
    top: 50%;
    margin-top: -10px;
	margin-left: 10px;
	-webkit-transition-property:margin-left;  
	-webkit-transition-duration:0.2s;  
	-webkit-transition-timing-function:linear;
	
    background-position: -0px 2.2px;
	transition: all .3s;
	width: 28px;
}
#hardware_storage .text_area ul li:hover:after ,
#hardware_armhpc .text_area ul li:hover:after {
	padding-left: 10px;
    background-position: -10px 2.2px;
	
	transform: translate(10px,0px);
}

#hardware_storage .text_area ul li a:before ,
#hardware_armhpc .text_area ul li a:before {
  position: absolute;
	bottom: -6px;
  left: 0;
  content: "";
  display: inline-block;
  width: 0;
  height: 2px;
  background: #34BBF3;
  transition: 0.3s;
}
/*

#hardware_storage .text_area ul li a:hover:before ,
#hardware_armhpc .text_area ul li a:hover:before {
  width: 100%;
}
*/


/* STRAGE SOLUTION */

#page_container #hardware_storage .title_en {
    margin-bottom: 35px;
}
#page_container #hardware_storage.container{
	padding-top: 0;
	padding-bottom: 135px;
}

#hardware_storage .block {
	overflow: hidden;
}
#hardware_storage .text_area {
	float: right;
	width: 50%;
	text-align: left;
	padding: 70px 60px;
	box-sizing: border-box;
	font-size: 16px;
}
#hardware_storage .img {
	float: left;
	width: 50%;
	background: url("../images/page/hardware_storage.jpg")center;
	background-size: cover;
}
#hardware_armhpc .img img ,
#hardware_storage .img img {
	width: 100%;
}

/* -------------------------------------------------------------------- 
 詳細メニュー
-------------------------------------------------------------------- */

@media all and (max-width: 1290px) {
	
#wrap.page_hardware_product.product_page #page_head ,
#wrap.page #page_head {
    padding: 80px 20px 60px 20px !important;
	box-sizing: border-box !important;
}
	
}
/* -------------------------------------------------------------------- 
 タブレット用
-------------------------------------------------------------------- */

@media all and (max-width: 1260px) {
	
	
/* -------------------------------------------------------------------- 
 HPC 製品&サービス
-------------------------------------------------------------------- */
	
.page_hardware #service_cate ul li, {
    width: 49%;
    margin-right: 2%;
}
.page_hardware #service_cate ul li:nth-child(3n) {
    margin-right: 2%;
}
.page_hardware #service_cate ul li:nth-child(2n) {
    margin-right: 0;
}


.page_hardware #service_cate ul.cat01 li {
    width: 49%;
	margin-right: 2%;
}
.page_hardware #service_cate ul.cat01 li:nth-child(3n) {
 margin-right: 2%;
}
.page_hardware #service_cate ul.cat01 li:nth-child(2n) {
 margin-right: 0;
}

.page_hardware #service_cate ul.cat02 li {
    width: 49%;
    margin-right: 2%;
}
.page_hardware #service_cate ul.cat02 li:nth-child(4n) {
    margin-right: 0;
}
.page_hardware #service_cate ul.cat02 li:nth-child(2n) {
    margin-right: 0;
}

.filtering .contactBtn0302.btn_effect {
  width: 100% !important;
}


/* -------------------------------------------------------------------- 
 ハードウェア ワークステーション
-------------------------------------------------------------------- */


/* 製品一覧 */
	
/* btn */

.page_hardware .btn_effect ,
.page_hardware_product.product_page .btn_effect {
    width: 48% !important;
	margin-right: 0% !important;
}
.page_hardware #hardware_hardware ul li .btn_effect ,
.page_hardware #service_cate ul li .btn_effect {
    width: 100% !important;
}
	
	.page_hardware_product ul li .btn_effect {
		width: 100% !important;
	}
.page_hardware .btn_effect:nth-child(2n) ,
.page_hardware_product.product_page .btn_effect:nth-child(2n) {
	margin-left: 2% !important;
}

.page_hardware_product.product_page #hardware_tokutyou .btn_effect:nth-child(1) ,
.page_hardware_product.product_page #hardware_tokutyou .btn_effect:nth-child(2) ,
.page_hardware_product.product_page #hardware_tokutyou .btn_effect:nth-child(3) {
	float: left;
	display: block;
    margin-right: 2%;
}
	

#hardware_product .product_main_img li.cpu {
    left: 0;
}
	
	
/* 仕様 */
	
.page_hardware_product.product_page #hardware_siyou table th {
    width: 30%;
}
.page_hardware_product.product_page #hardware_siyou table td {
    width: 70%;
}
	
	
	

/* -------------------------------------------------------------------- 
 ハードウェア
-------------------------------------------------------------------- */

	
.page_hardware #hardware_appliance .text_80 ,
.page_hardware #hardware_solution .text_80 ,
.page_hardware #hardware_software .text_80 ,
.page_hardware #hardware_hardware .text_80 {
    width: 100%;
}
		
	
.page_hardware #hardware_hardware ul li .btn_effect a span ,
.page_hardware #service_cate ul li .btn_effect a span ,
.page_hardware_product #hardware_cate ul li .btn_effect a span ,
.page_software.top #software_cate ul li .btn_effect a span {
    font-size: 15px;
}
	
.page_hardware #hardware_appliance ul li dt a, .page_hardware #hardware_solution ul li dt a ,
.page_hardware #hardware_software ul li dt a {
    font-size: 16px;
}

	
.page_hardware #hardware_appliance ul li, .page_hardware #hardware_solution ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 30px;
}
.page_hardware #hardware_appliance ul li:nth-child(3n),
.page_hardware #hardware_solution ul li:nth-child(3n) {
    margin-right: 2%;
    margin-bottom: 30px;
}
.page_hardware #hardware_appliance ul li:nth-child(2n),
.page_hardware #hardware_solution ul li:nth-child(2n) {
    margin-right: 0%;
}
	
.page_hardware #hardware_software ul li:nth-child(5n) {
    margin-right: 2%;
    margin-bottom: 12px;
}
.page_hardware #hardware_software ul li:nth-child(3n) {
    margin-right: 0px;
}
.page_hardware #hardware_software ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 12px;
}
	
/*-- ボタンのラベル --*/
.switch_set #switch1+label::before,.switch_set #switch2+label::before,.switch_set #switch3+label::before,.switch_set #switch4+label::before,
.switch_set #switch5+label::before,.switch_set #switch6+label::before,.switch_set #switch7+label::before,.switch_set #switch8+label::before,
.switch_set #switch9+label::before,.switch_set #switch10+label::before,.switch_set #switch11+label::before,.switch_set #switch12+label::before,
.switch_set #switch13+label::before {
	top: 14px;
	font-size: 15px;
}
	
.page_hardware #hardware_hardware li:nth-child(5n) ,
.page_hardware #hardware_hardware ul li {
	width: 32%;
	margin-right: 2%;
}
.page_hardware #hardware_hardware li:nth-child(3n) {
	margin-right: 0;
}
	
	
/* -------------------------------------------------------------------- 
 ハードウェア ワークステーション
-------------------------------------------------------------------- */
	
	
.page_hardware #hardware_software .text_80, .page_hardware #hardware_hardware .text_80 {
    width: 100%;
}
	
		

/* -------------------------------------------------------------------- 
 ハードウェア
-------------------------------------------------------------------- */



#hardware_armhpc .text_area ,
#hardware_armhpc .img ,
#hardware_storage .text_area ,
#hardware_storage .img {
    float: none;
    width: 100%;
}
	
#hardware_armhpc .img img {
    position: static;
}

	
#hardware_armhpc .img , 
#hardware_storage .img {
	height: 500px;
}
	
	
	
	
}



/* -------------------------------------------------------------------- 
 スマホ用
-------------------------------------------------------------------- */

@media all and (max-width: 768px) {
	
	
	
/* -------------------------------------------------------------------- 
 HPC 製品&サービス
-------------------------------------------------------------------- */
	
.page_hardware #service_cate ul li {
    width: 100%;
    margin-right: 0;
}

.page_hardware #pickup_cate ul li {
    width: 100%;
    margin-right: 0%;
	margin-bottom: 30px;
}
.page_hardware #pickup_cate ul li:last-child {
	margin-bottom: 0;
}

.page_hardware #service_cate ul.cat01 li {
    width: 100%;
    margin-right: 0;
    margin-top: 0 !important;
}
.page_hardware #service_cate ul.cat01 li:nth-child(3n) {
 margin-right: 0;
}
.page_hardware #service_cate ul.cat01 li:nth-child(2n) {
 margin-right: 0;
}
.page_hardware #service_cate ul.cat01 li a {
 padding:10px 15px;
}
.page_hardware #service_cate ul.cat01 li a dl dt {
 width:80px;
}
.page_hardware #service_cate ul.cat01 li a dl dd {
 padding-left:15px;
}
.page_hardware #service_cate ul.cat01 li a dl dd p {
 font-size:14px;
 text-align:left;
}
.page_hardware #service_cate ul.cat01 li a dl dd p span {
 font-size:20px;
}

.page_hardware #service_cate ul.cat02 li {
    width: 100%;
    margin-right: 0;
}
.page_hardware #service_cate ul.cat02 li:nth-child(4n) {
    width: 100%;
    margin-right: 0%;
	margin-bottom: 30px;
}
.page_hardware #service_cate ul.cat02 li:last-child {
	margin-bottom: 0;
}

/*============================
#online_location
============================*/
	
#online_location ul li dl dt ,
#online_location ul li dl dd {
    float: none;
    width: 100%;
}
#online_location ul li dl dt {
	margin-bottom: 20px;
}
	

/* -------------------------------------------------------------------- 
 ハードウェア ワークステーション
-------------------------------------------------------------------- */

#wrap.page_hardware_product.product_page #page_head {
    padding: 80px 20px 60px 20px;
}
	
	
/* 製品カテゴリー */
.page_hardware_product #hardware_cate .title_bold {
	font-size: 16px;
}
	

.page_hardware #hardware_hardware li:nth-child(3n) {
	margin-right: 2%;
}
.page_hardware #hardware_hardware li:nth-child(5n),
.page_hardware #hardware_hardware ul li {
    width: 49%;
    margin-right: 2%;
    margin-bottom: 2%;
    font-size: 14px;
}

.page_hardware #hardware_hardware li:nth-child(2n) {
	margin-right: 0;
}
.page_hardware #hardware_hardware li:nth-child(5n) {
	margin-right: 2%;
}
.page_hardware_product #hardware_cate ul li {
    width: 32%;
    margin-right: 2%;
    margin-bottom: 2%;
    font-size: 14px;
}
.page_hardware_product #hardware_cate li:nth-child(5n) {
    margin-right: 2%;
}
.page_hardware_product #hardware_cate li:nth-child(3n) {
	margin-right: 0;
}

.page_hardware #hardware_hardware .cate_area:last-child ul li ,
.page_hardware_product #hardware_cate .cate_area:last-child ul li {
    width: 49%;
    margin-right: 2%;
}
.page_hardware #hardware_hardware .cate_area:last-child ul li:nth-child(3n) ,
.page_hardware_product #hardware_cate .cate_area:last-child ul li:nth-child(3n) {
	margin-right: 2%;
}
.page_hardware #hardware_hardware .cate_area:last-child ul li:nth-child(2n) ,
.page_hardware_product #hardware_cate .cate_area:last-child ul li:nth-child(2n) {
	margin-right: 0;
}

	
	
/* -------------------------------------------------------------------- 
 ハードウェア ワークステーション 詳細
-------------------------------------------------------------------- */
	
#hardware_product .title_en {
    font-size: 30px;
}
#hardware_product .product_text {
    font-size: 14px;
    line-height: 25px;
}
	
/* 商品画像 レイアウト */

	
#hardware_product .product_main_img {
	float: none;
	width: 100%;
	height: 340px;
}
	
#hardware_product .product_main_img li .child img {
	max-height: 250px;
}
	
#hardware_product .thumb {
	float: none;
	width: 100%;
	margin-bottom: 30px;
}
#hardware_product .thumb li {
	display: inline-block;
 	width: 46%;
	height: auto;
	margin-right: 5%;
	margin-bottom: 6%;
}
#hardware_product .thumb li:nth-child(2n) {
	margin-right: 0;
}
	
	
	
#hardware_product .price {
    font-size: 16px;
}
#hardware_product .price span {
    font-size: 38px;
}

	
	
.page_hardware_product.product_page #hardware_tokutyou ul li {
	width: 100%;
	margin-right: 0;
}
	
.page_hardware_product.product_page #hardware_tokutyou ul li dd .text {
    font-size: 16px;
    line-height: 25px;
}
	
	

	
	
/* btn */

.page_hardware .btn_effect ,
.page_hardware_product.product_page .btn_effect {
    width: 100% !important;
}
.page_hardware .btn_effect:nth-child(2n) {
	margin-left: 0 !important;
	margin-top: 20px !important;
}
.page_hardware_product.product_page .btn_effect:nth-child(2n) {
	margin-left: 0 !important;
	
}
	
	
	
/* 仕様 表 */
.page_hardware_product.product_page #hardware_siyou table th {
    padding: 15px 10px;
}
	
	
	
/* -------------------------------------------------------------------- 
 ハードウェア
-------------------------------------------------------------------- */

	
	.page_hardware #hardware_topics .btn_effect {
		width: 90% !important;
	}	
	.page_hardware #hardware_topics .btn_effect .effect {
		background: #44448e;
	}
	.page_hardware #hardware_topics .btn_effect:hover a{
		color: #fff;
	}
	.page_hardware #hardware_topics .btn_effect:hover:after {
		background: url("../images/common/arrow_btn_wh.png")no-repeat;
	}
	
	
.page_hardware #hardware_software ul li {
    width: 100%;
    margin-right: 0%;
}
.page_hardware #hardware_appliance ul li, .page_hardware #hardware_solution ul li {
    width: 100%;
    margin-right: 0%;
    margin-bottom: 30px;
}



	
	
	
#hardware_armhpc .text_area ,
#hardware_storage .text_area {
    padding: 40px 20px;
}

	
#hardware_storage .text_area ul li a, #hardware_armhpc .text_area ul li a {
    font-size: 16px;
}
	
	
	
#hardware_armhpc .img , 
#hardware_storage .img {
	height: 300px;
}
	
	
	
	
	
	
}