/* -----------------------------------------------------------*/
/* ページ全体の指定 　共通                               　　　　*/
/* -----------------------------------------------------------*/
*
{
	margin: 0;
	padding: 0;
	font-family: '游ゴシック','YuGothic','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 13px;
	word-break: break-all;
	font-weight: 500;
	color: #111111;
}
a
{
	color: #222222;
	text-decoration: none;
}
html, body 
{
	width:100%;
	height: 100%;
}

body
{
	background: #fefefe;
	margin:0 auto;
	width:90%;
	height:95%;
	/* margin:0 auto;
	background-image: url("../images/HomeBack2.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed; */
} 
body:before{
	content:"";
	display:block;
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100vh;
	background:url("../images/HomeBack2.png");
	background-repeat: no-repeat;
	background-size:cover;
  }

/*------------------------- コンセプトメニュー/デモメニュー -------------------------*/
#conceptMenu,
#demoMenu
{
	width:400px;
	height:100%;
	background: rgba(27,27,27,0.9);
	position: fixed;
	top:0;
	z-index: 200;
}
.conceptmenu,
.demomenu
{
	right: -450px;
    transition: all  0.7s ease;
}
.conceptmenu.open,
.demomenu.open
{
	right: 0px;
    transition: all  0.7s ease;

}
/* バツ印 */
.nav-toggle 
{
	margin:20px 0 0 20px;
    height: 28px;
	cursor: pointer;
}
.nav-toggle:hover span
{
	background:#e82626;
    transition: all  0.5s ease;
}   
.nav-toggle div 
{
    position: relative;
    width: 36px;
}   
.nav-toggle span 
{
	background: #eeeeee; 
    width: 100%;
    height: 1px;
    left: 0;
    display: block;
    position: absolute;
}  
.nav-toggle span:nth-child(1) 
{
    top: 15px;
    transform: rotate(45deg);	
}	
.nav-toggle span:nth-child(2)	
{
	top: 15px;
	transform: rotate(-45deg);
}
/* リンクエリア */
.linkArea
{
	width:80%;
	height: 90%;
	margin: 20px auto;
	text-align: right;
}
.linkArea div
{
	height: 8%;
}
.linkArea a
{
	color: #eeeeee;
	font-size:19px;
	line-height: 18px;
}
.linkArea div p
{
	color: #777777;
	font-size: 14px;
	letter-spacing: -1px;
}

.linkArea div:hover a,
.linkArea div:hover p
{
	color: #e82626;
    transition: all  0.5s ease;
}

/*------------------------- トップメニュー -------------------------*/

ul
{
	list-style: none;
	transform: skew(-20deg);
}
li
{
	float: right;
	list-style: none;
	width:177px;
}
#topMenu a
{
	font-size: 16px;
	line-height: 20px;
	display: block;
	transform: skew(20deg);
}
#topMenu a span
{
	font-size:10px;
	font-weight: 100;
	font-weight: 500;
}
#topMenu div
{
	font-size: 16px;
	line-height: 20px;
	display: block;
	transform: skew(20deg);
}
#topMenu div span
{
	font-size:10px;
	font-weight: 100;
	font-weight: 500;
}
.menu:hover .maina
{
	opacity: 0.4;
	transition: 0.3s ;
}
#menuLink,
#demoMenuLink
{
	cursor: pointer;
}

/*------------------------- フッター -------------------------*/
#footer
{
	margin-top:40px;
	border-top: solid 1px #313131;
	width:100%;
	overflow:hidden;
}
#footerContents
{
	padding-top: 10px;
	width:40%;
	margin:0 auto;
}
#footLogo
{
}
.tokaisoft
{
	width:150px;
}

.Adress
{
	font-size: 14px;
	float: left;
	text-align: right;
	margin-right: 15px;
}
#footNote
{
	clear: both;
}
.copyRight
{
	margin-top:25px;
	margin-bottom: 5px;
	text-align: center;
	font-size: 11px;
	color: #656363;
}
	
/* ------------------------------------------------------------------------- */
/* -------------------------- PC用------------------------------ */
/* ------------------------------------------------------------------------- */
@media screen and (max-width: 1366px){

	/*------------------------- コンセプトメニュー -------------------------*/
	.concept.open
	{
		right: -10px;
	}
	.linkArea a
	{
		font-size:17px;
		line-height: 16px;
	}
	.linkArea div p
	{
		font-size: 13px;
		line-height: 13px;
	}
	/*------------------------- フッター -------------------------*/
	#footerContents
	{
		width:55%;
	}
}

/* ----------------------------------------------------------------------- */
/* ------------------------------タブレット用------------------------------ */
/* ----------------------------------------------------------------------- */
@media screen and (max-width: 1024px) {

	
	body
	{
		width:95%;
		height:95%;
		background-size: 95% auto;
	}
	/*------------------------- コンセプトメニュー -------------------------*/
	#conceptMenu,
	#demoMenu
	{
		width:250px;
	}
	/* バツ印 */
	.nav-toggle 
	{
		margin:10px 0 0 10px;
		height: 20px;
	}
	/* リンクエリア */
	.linkArea a
	{
		font-size:14px;
		line-height: 15px;
	}
	/*------------------------- フッター -------------------------*/
	#footerContents
	{
		width:70%;
	}
}
@media screen and (max-width: 768px) {
	/*------------------------- コンセプトメニュー -------------------------*/
	#conceptMenu,
	#demoMenu
	{
		width:100%;
	}
	.conceptmenu
	{
		right: -100%;	
	}
	/* リンクエリア */
	.linkArea
	{
		width:100%;
		height: 85%;
		margin: 20px auto 0 auto;
		text-align: left;
	}
	.linkArea div
	{
		text-align: center;	
		display: flex;
		justify-content: center;
		align-items: center;
		border-bottom: #424242 1px solid;
	}
	/*------------------------- トップメニュー -------------------------*/	
	li
	{
		list-style: none;
		width:110px;
	}
	#topMenu a
	{
		font-size: 14px;
		line-height: 14px;
	}
	#topMenu div
	{
		font-size: 14px;
		line-height: 14px;		
	}
	/*------------------------- フッター -------------------------*/	
	#footerContents
	{
		width:70%;
	}
	.Adress
	{
		font-size: 12px;
		line-height: 16px;
		clear: both;
	}
	.copyRight
	{
		font-size: 10px;
	}

}