@charset "UTF-8";@media screen and (max-width:640px){
/* CSS Document */
body , html {
	width:100%;
    height: 100%;
}

#wrap {
	width:100%;
	height: auto;
    min-height: 100%;
}
/*ヘッダー*/

#header {
  width:100%;
  min-width:980px;}

 
#header .headrogo img {
  display: block;
  margin: 20px auto;
}

/*グローバルナビ*/

#gnav{
  padding:20px 20px;
  background: #262626;
  text-align: center;
  
}
#gnav li{
  position: relative;
  width:200px;
  height:20px;
  display:inline-block;
  margin: 10px auto; 
  text-align: center;
  border-left:2px solid #ffffff;
}

#gnav li:last-child{
  border-right:2px solid #ffffff;
}

#gnav li a{
  display: block;
  margin: 0;
  color: #fff;
  font-size: 22px;
}
#gnav li:hover > a{
  background: #262626;
  color: #d6c100;
}

#gnav li ul{
  position: absolute;
  height:0px;
  top: 125%;
  left: 0;
  margin: 0;
  padding: 0;
}

#gnav li ul li{
  width: 200px;
  height: 0;
  margin-bottom: 40px;
  color: #fff;
  opacity: 0;
  top: 50%;
  visibility: hidden;
  transition: .3s;
  border-left:2px solid #262626;
  border-right:2px solid #262626;
}

#gnav li ul li a{
  padding:14px 10px;
  background: #262626;
  text-align: center;
  font-size: 22px;
  border-left:2px solid #262626;
  border-right:2px solid #262626;
}
#gnav li:hover ul li{
  top: 100%;
  visibility: visible;
  opacity: 1;
  }
  	
/*会社案内*/

.companykeyvisual{
	position:relative;
	text-align:center;
	margin-top: 25px;
    z-index: -1;
}

.companykeyvisual img{
	display:block;
  width:100%;
  height:auto;
}

.companykeyvisual h2,.companykeyvisual p{
	color:#fff;
	letter-spacing:11px;
	text-shadow:5px 5px 5px #000;
	position:absolute;
	margin: auto;
}

.companykeyvisual h2{
	-webkit-text-size-adjust: none;
	font-size:300%;
	top:17%;
	left: 0;
    right: 0;
    bottom: 0;
}
.companykeyvisual p{
	-webkit-text-size-adjust: none;
	font-size:180%;
    line-height:150%;
	top:50%;
	left: 0;
    right: 0;
    bottom: 0;
}

/*事業案内*/

#CompanyProfile ul{
	text-align:center;
}

#CompanyProfile li{
	display:inline-block;
    margin: 10px auto;
}

.icon{
	padding:40px 54px;
}
#CompanyProfile li{
	font-size:220%;
}

.ad{
	color:#df0615;
}

.con{
	color:#d6c100;
}

.sys{
	color:#000;
}

#BusinessLines ul{
	margin-bottom:40px;
}


#BusinessLines p{
	font-size:150%;
    line-height:200%;
	margin-bottom:80px;
}

#CompanyProfile{
	margin-top: -25px;
	margin-bottom:80px;
}

#CompanyProfile .btn{
	margin-bottom:10px;
}

/*フッダー*/

#footer{
	color:#fff;
	background-color:#262626;
	position:relative;
}
#menu{
	text-align:center;
	padding:30px 1px;
	}
#menu li{
	padding:1px 28px;
	display:inline;
	border-left:2px solid #fff;
	letter-spacing:8px;
}

#menu li  a:hover{
	color: #d6c100;
	text-decoration:underline;
}

#menu li:first-child{
	border-left:none;
}

.pagetop{
	position:absolute;
	top:20px;
	right:50px;
}
.pagetop:hover{
	opacity: 0.7;
	transition: .4s;
}
.cr{
	font-size:90%;
	padding: 0 0 13px 0;
}

/*その他ページ共通*/

/*パンクズ*/
#pankuzu{
	font-size:93%;
	margin-top:40px;
	margin-bottom:30px;
}
#pankuzu li{
	display:inline;
	color:#000;
}

#pankuzu a{
	color:#df0615;
	margin-right:8px;
}
#pankuzu a:hover{
	text-decoration:underline;
}

/*現在位置*/
.current{
	color:#d6c100;
}

/*各ページ*/

/*会社案内ページ*/

/*事業内容*/

#aicon{
	display:inherit;
}

#aicon ul{
	text-align:center;
}

#aicon ul li{
	width:190px;
}

#aicon ul li:last-child{
	width:180px;
}

#BusinessLines h3,#data h3{
	font-size:300%;
	letter-spacing:11px;
	text-align:center;
	margin-bottom:25px;
	border-bottom:5px solid #df0615;
	margin-top:40px;
}
#Businessbox{
	width:880px;
	margin:0 auto;
}

#Businessbox #pankuzu{
     font-size: 43%;
}

#Businessbox #pankuzu ul{
	text-align:left;
}
#Content{
	width:880px;
	margin:0 auto;
	overflow: hidden;
}

.block{
	width:880px;
	position:relative;
	color:#000;
	margin-bottom:-50px;
	height:400px;
}

.block img{
	position:absolute;
	bottom:113px;
	left:-8px;
}


.block table{
	width: 880px;
	margin-left:0px;
}

.block th{
	color:#fff;
	background-color:#df0615;
	font-size:30px;
	padding-top:10px;
	padding-bottom:10px;
}

.block td{
	padding-top:15px;
	font-size:18px;
	letter-spacing:6px;
	line-height:25px;
	text-align: left;
	width:523px;
	position:absolute;
	right:-3px;
	top:50px;
}
	
.con th{
	background-color:#d6c100;
}

.sys th{
	background-color:#000;
}

.consuli th{
	background-color:#16a3cd;
}

/*会社概要*/

#data dl{
		font-size:14pt;
		margin-bottom:80px;
}

#data dt{ 
    width:180px;
	padding-top:10px;
	padding-bottom:10px;
    float:left;
	clear:both;
}

#data dd{
	width:880px;
	padding-top:10px;
	padding-bottom:10px;
	border-bottom:1px solid  #DEE0E2;
	}
#data dd a{
	color:#000;
		}	}