@charset "utf-8";

/*-----------------------------------------------------
index
-------------------------------------------------------*/

.bg1{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 1;
	display: block;
	width: 100%;
	height: 100vh;
	background: url(../images/top/bg-top.jpg) center center;
	background-size: cover;
}
.bg2{
	display: none;
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 2;
	width: 100%;
	height: 100vh;
	background: url(../images/top/bg-sunset.jpg) center center;
	background-size: cover;
}
.bgWhiteWrap{
	background-color: #fff;
}
.bgWhiteWrap.slit{
	margin-bottom: 480px;
}

#skrollr-body{
	position: relative;
	left: 0px;
	top: 0px;
	z-index: 100;/*背景の上に*/
	display: block;
}


/* トップ */
#concept{
	position: relative;
	width: 100%;
	min-width: 1100px;
	/*background-image: url(../images/top/bg-top.jpg);
	background-size: cover;*/
	background-color: transparent;
}
#concept .fullScreen-layer{
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	width: 100%;
	min-width: 1100px;
}
#concept .fullScreen-layer .fullScreen-wrap{
	position: relative;
	overflow: hidden;
	width: 100%;
	min-width: 1100px;
}
#concept h1{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 856px;
	height: 536px;
	background: url(../images/top/pct-logo.png);
	text-indent: -9999px;
}
#concept .arrow{
	position: absolute;
	bottom: 25px;
	width: 100%;
	text-align: center;
}


/* アバウト */
.aboutSection{
	width: 1100px;
	padding: 160px 0 240px;
	margin: 0 auto;
}
.aboutSection .title{
	display: inline-block;
	font-size: 20px;
	line-height: 1.1;
	border-bottom: 6px solid #000;
	padding-bottom: 2px;
	margin-bottom: 55px;
}
.aboutSection .text{
	margin-bottom: 60px;
}
.aboutSection .linkBtn{
	text-align: right;
}
.aboutSection .linkBtn a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}


/* サービス */
.serviceSection{
	position: relative;
	width: 1100px;
	height: 1970px;
	margin: 0 auto;
}
.serviceSection .title{
	display: inline-block;
	font-size: 20px;
	line-height: 1.1;
	border-bottom: 6px solid #000;
	padding-bottom: 2px;
}
.serviceSection .subtitle{
	position: absolute;
	top: -10px;
	left: 130px;
}
/*1*/
.serviceSection .linkMarketing{
	display: block;
	position: absolute;
	top: 117px;
	left: 83px;
	width: 954px;
	height: 491px;
}
	
	.serviceSection .linkMarketing .pct{
		overflow: hidden;
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 700px;
		height: 440px;
	}
		/* 拡大 */
		.serviceSection .linkMarketing .pct img{
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: .9s ease-in-out;
			transition: .9s ease-in-out;
		}
		.serviceSection .linkMarketing:hover .pct img{
			-webkit-transform: scale(1.05);
			transform: scale(1.05);
		}
	.serviceSection .linkMarketing .btnTitle{
		display: block;
		position: absolute;
		top: 0px;
		right: 61px;
		width: 224px;
		height: 372px;
	}
	.serviceSection .linkMarketing .btnText{
		display: block;
		position: absolute;
		top: 417px;
		right: 0px;
		width: 206px;
		background: url(../images/common/parts/icon-link-l.png) right top no-repeat;
	}
		.serviceSection .linkMarketing:hover .btnTitle,
		.serviceSection .linkMarketing:hover .btnText{
			opacity: 0.7;
		}
	.serviceSection .linkMarketing .btnText .en{
		display: block;
		font-size: 29px;
		line-height: 1.1;
	}
	.serviceSection .linkMarketing .btnText .jp{
		display: block;
		font-size: 15px;
		line-height: 1.1;
		padding-top: 5px;
	}

/*2*/
.serviceSection .linkCreative{
	display: block;
	position: absolute;
	top: 704px;
	left: 189px;
	width: 910px;
	height: 440px;
}
	.serviceSection .linkCreative .pct{
		overflow: hidden;
		display: block;
		position: absolute;
		top: 0px;
		right: 0px;
		width: 700px;
		height: 440px;
	}
		/* 拡大 */
		.serviceSection .linkCreative .pct img{
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: .9s ease-in-out;
			transition: .9s ease-in-out;
		}
		.serviceSection .linkCreative:hover .pct img{
			-webkit-transform: scale(1.05);
			transform: scale(1.05);
		}
	.serviceSection .linkCreative .btnTitle{
		display: block;
		position: absolute;
		top: 32px;
		left: 31px;
		width: 220px;
		height: 272px;
	}
	.serviceSection .linkCreative .btnText{
		display: block;
		position: absolute;
		top: 353px;
		left: 0px;
		width: 176px;
		background: url(../images/common/parts/icon-link-l.png) right top no-repeat;
	}
		.serviceSection .linkCreative:hover .btnTitle,
		.serviceSection .linkCreative:hover .btnText{
			opacity: 0.7;
		}
	.serviceSection .linkCreative .btnText .en{
		display: block;
		font-size: 29px;
		line-height: 1.1;
	}
	.serviceSection .linkCreative .btnText .jp{
		display: block;
		font-size: 15px;
		line-height: 1.1;
		padding-top: 5px;
	}
/*3*/
.serviceSection .linkTeambuild{
	display: block;
	position: absolute;
	top: 1221px;
	left: 0px;
	width: 951px;
	height: 482px;
}
	.serviceSection .linkTeambuild .pct{
		overflow: hidden;
		display: block;
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 700px;
		height: 440px;
	}
		/* 拡大 */
		.serviceSection .linkTeambuild .pct img{
			-webkit-transform: scale(1);
			transform: scale(1);
			-webkit-transition: .9s ease-in-out;
			transition: .9s ease-in-out;
		}
		.serviceSection .linkTeambuild:hover .pct img{
			-webkit-transform: scale(1.05);
			transform: scale(1.05);
		}
	.serviceSection .linkTeambuild .btnTitle{
		display: block;
		position: absolute;
		top: 0px;
		right: 58px;
		width: 224px;
		height: 322px;
	}
	.serviceSection .linkTeambuild .btnText{
		display: block;
		position: absolute;
		top: 368px;
		right: 0px;
		width: 210px;
		background: url(../images/common/parts/icon-link-l.png) right top no-repeat;
	}
		.serviceSection .linkTeambuild:hover .btnTitle,
		.serviceSection .linkTeambuild:hover .btnText{
			opacity: 0.7;
		}
	.serviceSection .linkTeambuild .btnText .en{
		display: block;
		font-size: 29px;
		line-height: 1.1;
	}
	.serviceSection .linkTeambuild .btnText .jp{
		display: block;
		font-size: 15px;
		line-height: 1.1;
		padding-top: 5px;
	}
/*4*/
.serviceSection .linkBtn{
	display: block;
	position: absolute;
	top: 1814px;
	left: 803px;
	width: 298px;
	height: 42px;
}
.serviceSection .linkBtn a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}


/* フィロソフィー */
.philosophySection{
	overflow: hidden;
	width: 1100px;
	padding: 130px 0 400px;
	margin: 0 auto;
}
.philosophySection .title{
	display: inline-block;
	font-size: 20px;
	line-height: 1.1;
	border-bottom: 6px solid #000;
	padding-bottom: 2px;
	margin-bottom: 45px;
}
.philosophySection .text{
	float: left;
	width: 593px;
}
.philosophySection .linkBtn{
	float: right;
	width: 298px;
	padding-top: 8px;
}
.philosophySection .linkBtn a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}


/* メンバー */
.memberSection{
	overflow: hidden;
	width: 1100px;
	padding: 130px 0 254px;
	margin: 0 auto;
}
.memberSection .title{
	display: inline-block;
	font-size: 20px;
	line-height: 1.1;
	border-bottom: 6px solid #000;
	padding-bottom: 2px;
	margin-bottom: 60px;
}
.memberSection .text{
	margin-bottom: 258px;
}
.memberSection .linkBtn{}
.memberSection .linkBtn a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}


/* トピックス */
.topicsSection{
	overflow: hidden;
	width: 1100px;
	padding: 145px 0 70px;
	margin: 0 auto;
}
.topicsSection .title{
	display: block;
	width: 98px;
	height: 44px;
	text-indent: -9999px;
	background: url(../images/top/text-topics.png);
	margin: 0 auto 33px;
}
.topicsSection ul{
	width: 845px;
	margin: 0 auto;
}
.topicsSection li{
	overflow: hidden;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 16px;
}
.topicsSection li a{
	text-decoration: none;
}
.topicsSection li a .category{
	float: left;
	display: block;
	text-align: center;
	width: 155px;
	height: 20px;
	background-color: #f5f2e9;
}
.topicsSection li a:hover .category{
	color: #646464;
}
.topicsSection li a .date{
	float: left;
	display: block;
	text-align: center;
	width: 110px;
	height: 20px;
	color: #646464;
	background-color: #faf8f4;
}
.topicsSection li a .text{
	float: left;
	display: block;
	text-align: left;
	width: 578px;
	height: 20px;
	background-color: #faf8f4;
 }
.topicsSection li a:hover .text{
	color: #646464;
}


/* トップ用フッタ */
#TopFooter{
	width: 100%;
	min-width: 1100px;
	padding: 85px 0 12px;
	background-color: #fff;
}
#TopFooter .logo{
	text-align: center;
	margin-bottom: 35px;
}
#TopFooter .address{
	overflow: hidden;
	width: 495px;
	padding: 10px 0 10px 15px;
	margin: 0 auto 60px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}
#TopFooter .address .title{
	float: left;
	margin-right: 18px;
	padding-top: 12px;
}
#TopFooter .address .text{
	float: left;
	font-size: 13px;
	letter-spacing: 2px;
	line-height: 1.1;
	padding: 14px 0 14px 13px;
	border-left: 1px solid #000;
}
#TopFooter .copyright{
	font-size: 12px;
	color: #221815;
	text-align: right;
	padding: 0 15px 11px 0;
}