@charset "utf-8";
#wrapper{
	font-size:14px;
	line-height:1.8;
}
.hyperdrive-design{
	padding-bottom: 8em;
}
h2.tecLogo{
	width:300px;
	position:absolute;
	top:3em;
	right:3em;
	z-index: 3;
}
h2.tecLogo img{
	width:100%;
	height:auto;
}
.tecCon{
	position:relative;
	padding:0 0 12em;
}
.tecCon .area{
	position:relative;
	z-index:1;
}
.tecConArea{
	padding:0 3em;
}
.bg{
	background: rgb(34,34,34);
	background: linear-gradient(0deg, rgba(34,34,34,1) 0%, rgba(0,0,0,1) 100%);
	position:absolute;
	bottom:0;
	width:100%;
	height:500px;
	z-index:0;
}

p.im img{
	width: 100%;
	height: auto;
}
.txArea{
}
.txArea p{
	line-height:2.4;
	font-size: 15px;
}
.txArea p.ind{
	text-indent:1em;
}
.sub{
	padding-top:8em;
}
.sub p.title{
	font-weight:bold;
	margin-bottom:0.5em;
}
.sub p.name{
	font-family: 'Abel', sans-serif;
	font-weight:bold;
	padding-top:0.2em;
	font-size:18px;
	line-height:1.2;
}
.sub p.name span{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
	font-size:90%;
}
.sub p.tx{
	font-size:13px;
	line-height:1.6;
	color:#A2A2A2;
	padding-top:0.5em;
}
p.tecName{
	font-family: 'Abel', sans-serif;
	font-weight:bold;
	font-size:44px;
	line-height:1.2;
	letter-spacing: 0.02em;
}
p.tecNameKana{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:400;
}
p.mainCat{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size:24px;
	letter-spacing:0.1em;
	line-height:1.5;
	margin-bottom:0.5em;
}
p.mainCat span.en{
	font-family: 'Abel', sans-serif;
	font-size:110%;
	font-weight:bold;
}
p.mainCat br.pc{
	display:none;
}
p.mainSub{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	font-size:16px;
	line-height:1.8;
	margin-bottom:2em;
}
p.mainSub span.en{
	font-family: 'Abel', sans-serif;
	font-size:108%;
	font-weight:bold;
}
/*-----------------------------------------------
	HYPERDRIVE
-----------------------------------------------*/
.hyperSp{
	display:none;
}
.hyperSp img{
	width:100%;
	height:auto;
}
p.airLogo{
	width:210px;
	margin-bottom:0.2em;
	padding:0;
}
p.airLogo img{
	width:100%;
	height:auto;
	display: block;
}
.hyper{
	padding-top:5em;
}
.hyperdrive{
	background-image:url(../img/hyperdrive.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	padding-top:20em;
}
.hyperdrive_mainLogo{
	width:380px;
	
}
.hyperdrive_mainLogo img{
	width:100%;
	height:auto;
}

.hyperdrive .mainTx p{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	line-height:2.4;
	font-size:16px;
	letter-spacing:0.05em;
}
.hyperdrive .mainTx p span{
	font-family: 'Abel', sans-serif;
	font-weight:bold;
	font-size:108%;
}
.hyper01{
	margin-bottom:10em;
}
.hyper02 .mainTx{
	position:relative;
	z-index:2;
}
.hyper02 .conIm{
	position:relative;
	z-index:1;
	width:100%;
	margin-top:-7em;
}
.hyper03 p.kana{
	font-family: 'Noto Sans JP', sans-serif;
	font-weight:500;
	line-height:2.4;
	font-size:16px;
	text-align: center;
	margin-bottom: 0.5em;
	
}
.hyper03 p.logo_s{
	width:50%;
	margin:0 auto 1em;
}
.hyper03 p.logo_s img{
	width:100%;
	height:auto;
	display: block;
}
.hyper03 p.mainCat{
	text-align:center;
	padding-left:1em;
	font-size:26px;
	margin-bottom:3em;
}


.hyper03 .conIm{
	width:100%;
	margin-top: 5em;
}
/*-----------------------------------------------
	HYPERDRIVE DIGIGEAR
-----------------------------------------------*/
.digigear .area{
	position:relative;
}
.digigear .conIm{
	position:absolute;
	width:60%;
	right:-3em;
	top:0;
	z-index:1;
}
.digigear .tecConArea{
	padding-top:13em;
}
.digigear .mainCat{
	margin-bottom:2em;
}
.digigear .po{
	position:relative;
	z-index:2;
	margin-bottom: 4em;
}
.digigear .po2{
	position:relative;
	z-index:2;
}
.digigear .tt1 ul,.digigear .tt2 ul{
	text-align:center;
}

.digigear .tt1,.digigear .tt2{
	width:80%;
	margin:0 auto;
}
.digigear .tt1 li,.digigear .tt2 li{
	width:42%;
	margin:0 3%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}
.digigear .txArea{
	width: 55%;
}
.digigear .tt1 li p.im,.digigear .tt2 li p.im{
	border:1px solid #555;
}
.digigear .tt2 li:first-child,.digigear .tt2 li:last-child{
	width: 90%;
}
/*-----------------------------------------------
	HYPERDRIVE SUPPORT
-----------------------------------------------*/
.support .area{
	position:relative;
}
.support .conIm{
	position:absolute;
	width:60%;
	right:-5em;
	top:0;
	z-index:1;
}
.support .tecConArea{
	padding-top:13em;
}
.support .mainCat{
	margin-bottom:2em;
}
.support .po{
	position:relative;
	z-index:2;
	margin-bottom: 4em;
}
.support .po2{
	position:relative;
	z-index:2;
}
.support .tt1 ul{
	text-align:center;
}

.support .tt1{
	width:80%;
	margin:0 auto;
}
.support .tt1 li{
	width:42%;
	margin:0 1%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}
.support .tt1 li:last-child{
	width:86%;
}
.support .txArea{
	width: 55%;
}
.support .tt1 li p.im{
	border:1px solid #555;
}
/*-----------------------------------------------
	HYPER ARMED HOUSING
-----------------------------------------------*/
.armed .area{
	position:relative;
}
.armed .conIm{
	position:absolute;
	width:70%;
	right:-3em;
	top:0;
	z-index:1;
}
.armed .tecConArea{
	padding-top:16em;
}
.armed .mainCat{
	margin-bottom:2em;
}
.armed .po{
	position:relative;
	z-index:2;
	margin-bottom: 4em;
}
.armed .po2{
	position:relative;
	z-index:2;
}
.armed .tt1 ul{
	text-align:center;
}

.armed .tt1{
	width:90%;
	margin:0 auto;
}
.armed .tt1 li{
	width:100%;
}

.armed .txArea{
	width: 55%;
}
/*-----------------------------------------------
	HYPER TOUGH CLUTCH
-----------------------------------------------*/
.tough{
	padding-top: 5em;
}
.tough .area{
	position:relative;
}
.tough .conIm{
	position:absolute;
	width:60%;
	right:-3em;
	top:0;
	z-index:1;
}
.tough .tecConArea{
	padding-top:13em;
}
.tough .mainCat{
	margin-bottom:2em;
}
.tough .po{
	position:relative;
	z-index:2;
	margin-bottom: 4em;
}
.tough .po2{
	position:relative;
	z-index:2;
}

.tough .tt1{
	width:100%;
}

.tough .txArea{
	width: 55%;
}
.toughSub{
	width:70%;
	margin:0 auto;
	padding-top:10em;
}
.toughSub p.title{
	margin-bottom:1em;
}
.toughSub p.im{
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-right:1px solid #555;
}
/* テーブル */
.toughTable {
	border-top: 1px #555 solid;
	width: 100%;
	font-size:13px;
	margin-bottom:1em;
}
.toughTable th{
	padding:1.5em 1.5em 1.5em 4em;
	border:1px solid #555;
	vertical-align:middle;
	background-repeat:no-repeat;
	background-position:1em center;
	background-size:30px;
}
.toughTable td{
	padding:1.5em;
	border:1px solid #555;
	vertical-align:middle;
}
.n1 th{
	background-image:url(../img/num01.jpg);	
}
.n2 th{
	background-image:url(../img/num02.jpg);	
}
.n3 th{
	background-image:url(../img/num03.jpg);	
}
.n4 th{
	background-image:url(../img/num04.jpg);	
}
.n5 th{
	background-image:url(../img/num05.jpg);	
}
/*-----------------------------------------------
	BAIL
-----------------------------------------------*/
.bail .area{
	position:relative;
}
.bail .conIm{
	position:absolute;
	width:70%;
	right:0em;
	top:0;
	z-index:1;
}
.bail .tecConArea{
	padding-top:22em;
}
.bail .mainCat{
	margin-bottom:2em;
}
.bail .po{
	position:relative;
	z-index:2;
	margin-bottom: 4em;
}
.bail .po2{
	position:relative;
	z-index:2;
}
.bail ul{
	width:80%;
	margin:0 auto;
}
.bail li{
	width:44%;
	margin:0 2%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}
.bail li p.im{
	border:1px solid #555;
}
.bail .txArea{
	width: 70%;
}

/*-----------------------------------------------
	SPOOL
-----------------------------------------------*/
.spool .area{
	position:relative;
}
.spool .tecConArea{
	padding-top:18em;
}
.spool .po{
	position:relative;
	z-index:2;
	margin-bottom: 4em;
}
.spool .po2{
	position:relative;
	z-index:2;
}
.spool .conIm{
	position:absolute;
	width:55%;
	right:1em;
	top:0;
	z-index:1;
}
.spool .mainCat{
	margin-bottom:2em;
}
.spool .tt1{
	width:80%;
	margin:0 auto;
}
.spool .tt1 ul,.spool .tt2 ul{
	text-align:center;
}
.spool .tt1 li{
	width:42%;
	margin:0 3%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}
.spool .tt1 p.im{
	border:1px solid #555;
}
.spool .tt2{
	width:90%;
	margin:0 auto;
}
.spool .tt2 li{
	width:42%;
	margin:0 3%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}
.spool .tt2 li ul{
	width:100%;
}
.spool .tt2 li ul li{
	width:100%;
	display:block;
	margin-bottom:1em;
}
.spool .tt2 li ul li:last-child{
	margin-bottom:0;
}
.spool .tt2 li ul li p.im{
	border:1px solid #555;
}

/*-----------------------------------------------
	SHAFT
-----------------------------------------------*/
.shaft .area{
	position:relative;
}
.shaft .po{
	position:relative;
	z-index:2;
	padding-top:10em;
}
.shaft .po2{
	position:relative;
	z-index:2;
	padding-top:18em;
}
.shaft .conIm{
	position:absolute;
	width:90%;
	left:50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	top:3em;
	z-index:1;
}
.shaft .tecConArea{
	padding-top:5em;
}
.shaft .p2{
	padding-top:10em;
}
.shaft .sh01{
	width:60%;
	margin:0 auto;
}
.shaft .sh02 ul{
	text-align:center;
}
.shaft .sh02 li{
	width:46%;
	margin:0 1.5%;
	text-align:left;
	display:inline-block;
	vertical-align:top;
}

.shaft .sh02 li p.im{
	border:1px solid #555;
}
/*-----------------------------------------------
	bana
-----------------------------------------------*/
.bana{
	margin-bottom: 15em;
}
.bana p.im{
	width: 80%;
	margin: 0 auto;
}
.bana p.im img{
	width: 100%;
	height: auto;
	border: 1px solid #333;
}
/*-----------------------------------------------
	bt
-----------------------------------------------*/

.btArea{
	margin: 0 auto;
	text-align: left;
	width: 600px;
	padding-top: 3em;
}
.btArea a:link{
	background-color:#222;
	color:#fff;
	display:block;
	position: relative;
	padding:1em 2em 1em 1.5em;
	text-decoration:none;
	font-family: 'Noto Sans JP', sans-serif;
	font-size:20px;
}
.btArea br.sp{
	display: none;
}

.btArea a:link span.en{
	font-family: 'Abel', sans-serif;
	letter-spacing: -.01em;
	font-size: 22px;
	line-height: 1;
	display: block;
}
.btArea a:link::before {
  position: absolute;
  top:50%;
  right:1.5em;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 50px;
  height: 1px;
  background: #fff;
  margin-right:0px;
}
.btArea a:link::after {
  position: absolute;
  top:50%;
  right:1.5em;
  margin-top:-5px;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-right: 1px solid #fff;
  border-top: 1px solid #fff;
  transform: rotate(45deg);
}
.btArea a:visited{
	background-color:#222;
	color:#fff;
	text-decoration:none;
}
.btArea a:hover{
	background-color:#333;
	color:#fff;
	text-decoration:none;
}