a@charset "utf-8";
	
html{
	width:100%;
	height:100%;
	background:#000;
	overflow:hidden;}
body{
	width:100%;
	height:100%;
	overflow:auto;
	background:#000;
	overflow-x: hidden;
	position:relative;
	padding:57px 0 0;}
#WrkHeader{
	width:100%;
	height:95px;
	text-align:center;
	position:fixed;
	top:0;
	left:0;
	z-index:5;}
#WrkHeader h1{
	width:100%;
	height:57px;
	background:#000;
	text-align:center;
	display:block;}
#WrkHeader h1 a{
	height:57px;
	display: inline-block;}
#WrkHeader a#WrkContact{
	display: inline-block;
	position: absolute;
	right: 15px;
	top: 15px;
	padding: 0 10px;
	font-size: 13px;
	line-height: 26px;
	border: 1px solid #cfcfcf;
	border-radius: 2px;
	color: #cfcfcf;}
#WrkHeader a#WrkContact:hover{
	border-color:#fff;
	color: #fff;}
#WrkBarWrap{
	width:100%;
	height:95px;
	position:fixed;
	bottom:0;
	left:0;
	color:#FFF;
	z-index:5;}
#WrkBar{
	background:#000;
	display:table;
	width:100%;
	height:95px;
	padding:30px;
	box-sizing:border-box;
	margin:95px 0 0;
	transition: all 0.2s ease-in-out 0s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;}
#WrkBarWrap:hover #WrkBar{
	margin:0;}
#WrkBar h2#WrkTitle{
	width:50%;
	height:35px;
	line-height:35px;
	display:table-cell;
	font-size:30px;
	text-align:left;
	vertical-align:middle;}
#WrkBar #WrkNavi{
	width:50%;
	display:table-cell;
	text-align:right;
	height:35px;
	vertical-align:middle;}
#WrkBar #WrkNavi a{
	height:35px;
	line-height:35px;
	display:inline-block;
	border:1px solid #cfcfcf;
	color:#cfcfcf;
	padding:0 15px 0 40px;
	margin:0 0 0 15px;
	min-width:90px;
	text-align:center;
	font-size:15px;
	box-sizing:border-box;
	background:url(../images/works/icon_close.png) 15px center no-repeat;}
#WrkBar #WrkNavi a#BtData{
	background-image:url(../images/works/icon_data.png);}


.WrkFullView{
	width: 100%;
	height:100%;
	position:relative;
	overflow:hidden;
	margin:0 0 5px;}
.WrkCnt.Full{
	position:relative;
	width: 100%;
	height:100%;}
.WrkCnt.Two{
	position:relative;
	width: 100%;
	height:100%;}
.WrkCnt.Two .WrkLeft, .WrkCnt.Two .WrkRight{
	position:absolute;
	width: 50%;
	height:100%;
	top:0;
	overflow:hidden;}
.WrkCnt.Center{
	position:absolute;
	width: 50%;
	height:100%;
	top:0;
	left:25%;
	overflow:hidden;}

.WrkCnt.Two .WrkLeft{
	left:-2.5px;}
.WrkCnt.Two .WrkRight{
	right:-2.5px;}
.WrkCnt .WrkSingleImg{
	width:100%;
	height:100%;
	position:relative;}

.WrkCnt .WrkSingleImg img{
	position: absolute;
	/*min-height: 100%;
	min-width: 1200px;
	width: 100%;
	height: auto;
	top:0;
	left:50%;
	margin:0 0 0 -50%;*/}

#DataOverlay{
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	position:fixed;
	z-index:20;
	top:0;
	left:0;
	display:none;}
#DataWrap{
	position:absolute;
	width:570px;
	height:70%;
	max-width:90%;
	top:10%;
	left:50%;
	margin:0 0 0 -285px;}
#Data{
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden;}
#DataCnt{
	width:100%;
	height:100%;
	overflow:auto;
	padding:45px;
	background:#FFF;
	box-sizing:border-box;
	position:relative;}
#DataCnt h2, #DataCnt li,#DataCnt p{
	font-size:15px;
	line-height:1.8;
	color:#1A1A1A;}
#DataCnt h2{
	margin:0 0 10px;}
#DataCnt ul{
	margin:0 0 30px;}
#DataCnt p{
	text-align:justify;}
a#DataClose{
	display:block;
	position:absolute;
	width:50px;
	height:50px;
	border-radius:3px;
	background:#000 url(../images/works/icon_close.png) center center no-repeat;
	top:-25px;
	right:-25px;}
#WrkProfile{
	display:none;
	max-width:770px;
	margin:0 auto;
	padding:50px 0 85px;}
.WrkProfileLayout{
	display:table;
	width:100%;
	table-layout:fixed;
	box-sizing:border-box;}
.WrkProfLogo{
	display:table-cell;
	vertical-align:middle;
	text-align:right;
	font-size:17px;
	color:#FFF;
	padding:0 50px 0 0;
	box-sizing:border-box;
	border-right:1px solid #737373;}
.WrkProfLogo img{
	max-width:100%;}
.WrkProfileDetail{
	display:table-cell;
	color:#FFF;
	vertical-align:middle;
	padding:20px 0 15px 50px;
	box-sizing:border-box;}
.WrkProfileDetail{
	display:table;
	width:100%;
	box-sizing:border-box;}
.WrkProfileImg{
	display:table-cell;
	width:120px;
	vertical-align:middle;
	color:#FFF;
	box-sizing:border-box;}
.WrkProfileTxt{
	display:table-cell;
	vertical-align:middle;
	color:#FFF;
	box-sizing:border-box;}
.WrkRole{
	margin:0 0 10px;
	font-size:12px;}
.WrkProfileTxt .WrkProfileName{
	margin:0 0 10px;}
.WrkProfileTxt p{
	font-size:14px;
	line-height:1.2;}
.WrkProfileTxt span.WrkProfileTxtSub{
	display:inline-block;
	margin:0 0 0 10px;
	font-size:12px;}
.WrkProfileTxt p.WrkProfileTxtSub{
	font-size:12px;}
.WrkProfileTxt a{
	color:#FFF;}
.WrkProfileTxt a:hover{
	text-decoration:underline;}
@media screen and (max-width:2000px){
	body{
		padding:57px 0 0;}
}
@media screen and (max-width:1200px){
	body{
		padding:57px 0 70px;}
	#WrkBarWrap, #WrkBar{
		height:70px;}
	#WrkBar{
		margin:0;
		padding:20px;}
	#WrkBar h2#WrkTitle{
		width:auto;
		margin:0 0 10px;
		text-align:left;
		font-size:18px;
		line-height:1.5;}
	#WrkBar #WrkNavi{
		width:35px;
		margin:0 0 10px;
		text-align:center;}
	#WrkBar #WrkNavi a{
		margin:0;
		font-size:13px;
		width:35px;
		padding:5px;
		background-position: center center;}
	#WrkBar #WrkNavi a .Txt{
		display:none;}
}

@media screen and (max-width:768px){
	body{
		padding:57px 0 140px;
		box-sizing:border-box;}
	.WrkFullView{
		margin:0 0 5px;}
	.WrkFullView, .WrkCnt.Full, .WrkCnt.Two{
		min-height:initial;
		min-height:auto;
		height:auto;}
	.WrkCnt.Full img, .WrkCnt.Two img, .WrkCnt.Center img{
		min-height:initial;
		min-height:auto;
		height:auto;
		min-width:initial;
		min-width:auto;
		width:100%;
		margin:0;
		left:0;
		position:relative;}
	.WrkCnt.Two .WrkLeft, .WrkCnt.Two .WrkRight{
		position:relative;
		min-height:initial;
		min-height:auto;
		height:auto;
		width:100%;
		margin:0 0 5px;
		top:0;
		left:0;}
	.WrkCnt.Two .WrkRight{
		margin:0;}
	.WrkCnt.Center{
		position:relative;
		min-height:initial;
		min-height:auto;
		height:auto;
		width:100%;
		margin:0 0 5px;
		top:0;
		left:0;}
	.WrkProfLogo{
		width:auto;}
}
@media screen and (max-width:570px){
#WrkHeader h1{
	text-align: left;
	padding: 0 0 0 7px;}
#DataWrap{
	max-width:initial;
	max-width:auto;
	width:100%;
	height:100%;
	top:0;
	left:0;
	padding:0;
	margin:-10px 0 0 -10px;}
#Data{
	overflow:auto;
	overflow-x: hidden;}
#DataCnt{
	overflow:auto;
	padding:20px 40px 150px 20px;
	margin:20px 10px 10px 20px;}
a#DataClose{
	top:10px;
	right:0;}
.WrkProfileLayout{
	display:block;
	padding:0 20px;}
.WrkProfLogo{
	display:block;
	text-align:left;
	padding:0 10px 20px;
	border-right:none;
	border-bottom:1px solid #737373;}
.WrkProfileDetail{
	display:block;
	color:#FFF;
	vertical-align:middle;
	padding:20px 10px 0;
	box-sizing:border-box;}
.WrkProfileImg{
	width:30%;
	vertical-align:top;
	padding:0 20px 0 0;}
.WrkProfileImg img{
	max-width:100%;}
.WrkProfileTxt .WrkProfileName{
	margin:0 0 10px;}
}