@charset "utf-8";

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

#p01,#p02,#p03,#p04,#p05{
	position: relative;
	margin-top: -15px;
    padding-top: 15px;
}


/* タイトル */
.titleSection{
}

.titleSection .title{
	display: inline-block;
	width: 410px;
	height: 48px;
	background: url(../images/service/title.png) bottom center no-repeat;
}


/* トップ */
.topSection{
	width: 100%;
	height: 937px;
	background: url(../images/service/bg.jpg) top center repeat-x;
}

.topSection .inner{
	position: relative;
	width: 1100px;
	margin: 0 auto;
}

.topSection .title{
	position: absolute;
	top: 183px;
	left: 104px;
}

.topSection .text{
	position: absolute;
	top: 495px;
	left: 285px;
	width: 815px;
}

.topSection .text p{
	font-size: 17px;
	line-height: 32px;
}


/* リンク */
.linkSection{
	overflow: hidden;
	width: 1100px;
	margin: 0 auto 260px;
}

.linkSection ul{
	position: relative;
	margin-right: -70px;
}

.linkSection li{
	float: left;
	width: 320px;
	margin-right: 69px;
}

.linkSection li a{
	display: block;
	border: 3px solid #000;
	text-decoration: none;
}
.linkSection li a:hover{
	opacity: 0.7;
}

.linkSection li .title{
	display: block;
	box-sizing: border-box;
	height: 90px;
	padding: 15px 0 0 25px;
}
.linkSection li a .title{
	color: #fff;
	background: #000 url(../images/service/icon-link.png) 270px center no-repeat;
}
.linkSection li a .title .en{
	display: block;
	font-size: 30px;
	line-height: 1.1;
	margin-bottom: 5px;
}
.linkSection li a .title .jp{
	display: block;
	font-size: 16px;
	line-height: 1.1;
}

.linkSection li .list{
	display: block;
	box-sizing: border-box;
	height: 253px;
	padding: 28px 0 0 25px;
}

.linkSection li .list dl{
	overflow: hidden;
	margin-bottom: 25px;
}

.linkSection li .list dt{
	float: left;
	width: 30px;
}

.linkSection li .list dd{
	overflow: hidden;
	font-size: 16px;
	line-height: 1.1;
}
.linkSection li .list dd small{
	display: block;
	font-size: 12px;
	line-height: 1.1;
	padding-top: 12px;
}


/*-----------------------------------------------------
service / marketing
-------------------------------------------------------*/

/* タイトル */
.marketing .titleSection{
	margin-bottom: 78px;
}


/* ナビ部分 */
.naviSection{
	width: 1100px;
	margin: 0 auto 147px;
}
.naviSection ul{
	overflow: hidden;
}
.naviSection li{
	float: left;
}


/* トップ */
.marketingTopSection{
	width: 1100px;
	margin: 0 auto 130px;
}
.marketingTopSection .title{
	margin-bottom: 73px;
}
.marketingTopSection p{
	font-size: 16px;
	line-height: 36px;
}


/* リンク */
.marketingLinkSection{
	width: 1100px;
	margin: 0 auto 200px;
}
.marketingLinkSection .title{
	font-size: 17px;
	line-height: 1.1;
	margin-bottom: 50px;
}
.marketingLinkSection .title small{
	font-size: 14px;
	margin-left: 40px;
}
.marketingLinkSection .block{
	position: relative;
	width: 1006px;
	height: 341px;
	background: url(../images/service/marketing/bg-navi.png);
}
.marketingLinkSection .block .box01{
	position: absolute; left: 0px; top: 0px;
}
.marketingLinkSection .block .box02{
	position: absolute; left: 0px; top: 94px;
}
.marketingLinkSection .block .box03{
	position: absolute; left: 0px; top: 187px;
}
.marketingLinkSection .block .box04{
	position: absolute; left: 0px; top: 281px;
}
.marketingLinkSection .block .box05{
	position: absolute; left: 594px; top: 138px;
}
.marketingLinkSection a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}


/* 詳細 */
.marketingDetailSection{
	padding-bottom: 10px;
	background: url(../images/service/marketing/bg-detail.png) center top repeat-y;
	margin-bottom: 270px;
}

.marketingDetailSection .block{
	overflow: hidden;
	width: 1100px;
	margin: 0 auto 120px;
}

.marketingDetailSection .block .title{
	font-size: 17px;
	height: 60px;
	line-height: 62px;
	padding-left: 80px;
	margin-bottom: 50px;
}
.marketingDetailSection #p01.block .title{
	background: url(../images/service/icon-1.png) left center no-repeat;
}
.marketingDetailSection #p02.block .title{
	background: url(../images/service/icon-2.png) left center no-repeat;
}
.marketingDetailSection #p03.block .title{
	background: url(../images/service/icon-3.png) left center no-repeat;
}
.marketingDetailSection #p04.block .title{
	background: url(../images/service/icon-4.png) left center no-repeat;
}
.marketingDetailSection #p05.block .title{
	background: url(../images/service/icon-5.png) left center no-repeat;
}

.marketingDetailSection .block .fl{
	width: 700px;
}
.marketingDetailSection #p01.block .fl{
	position: relative;
	top: -15px;
}

.marketingDetailSection .block .fl .subtitle{
	padding-left: 80px;
	margin-bottom: 30px
}

.marketingDetailSection .block .fl p{
	width: 540px;
	margin: 0 0 40px 80px;
	font-size: 15px;
	line-height: 33px;
}

.marketingDetailSection .block .fl .pointList{
	margin-left: 80px;
}
.marketingDetailSection .block .fl .pointList ul{
	overflow: hidden;
}
.marketingDetailSection .block .fl .pointList li{
	float: left;
	box-sizing: border-box;
	width: 120px;
	font-size: 16px;
	line-height: 26px;
	text-align: center;
	margin-right: 20px;
	border: 10px solid #f7f5ee;
	padding: 20px 0;
}

.marketingDetailSection .block .fr{
	width: 370px;
	text-align: left;
	padding-top: 130px;
}

.marketingDetailSection .block .fr .keywordList{
	font-size: 16px;
	line-height: 55px;
	padding-top: 40px;
	background: url(../images/service/marketing/bg-border.png) left top no-repeat;
}

.marketingDetailSection .block .fr .keywordList li{
	overflow: hidden;
}

.marketingDetailSection .block .fr .keywordList li small{
	font-size: 13px;
	float: right;
}

.marketingDetailSection .block .pct{
	clear: both;
	padding: 85px 0 70px 80px;
}


/*-----------------------------------------------------
service / creative
-------------------------------------------------------*/

/* タイトル */
.creative .titleSection{
	margin-bottom: 78px;
}


/* トップ */
.creativeTopSection{
	width: 1100px;
	margin: 0 auto 130px;
}
.creativeTopSection .title{
	margin-bottom: 73px;
}
.creativeTopSection p{
	font-size: 16px;
	line-height: 36px;
}


/* リンク */
.creativeLinkSection{
	overflow: hidden;
	width: 1100px;
	margin: 0 auto 230px;
}
.creativeLinkSection .box01,
.creativeLinkSection .box02,
.creativeLinkSection .box03{
	float: left;
	width: 333px;
	margin-right: 45px;
}
.creativeLinkSection .box03{
	margin-right: 0px;
}
.creativeLinkSection a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}


/* 詳細 */
.creativeDetailSection{
}

.creativeDetailSection .block{
	width: 1100px;
	margin: 0 auto 90px;
}

.creativeDetailSection .wrap{
	overflow: hidden;
	margin-bottom: 50px;
}

.creativeDetailSection .block .title{
	font-size: 18px;
	letter-spacing: 1px;
	height: 60px;
	line-height: 62px;
	padding-left: 80px;
	margin-bottom: 50px;
	
	box-sizing: border-box;
	float: left;
	width: 243px;
}
.creativeDetailSection #p01.block .title{
	background: url(../images/service/icon-1.png) left center no-repeat;
}
.creativeDetailSection #p02.block .title{
	background: url(../images/service/icon-2.png) left center no-repeat;
}
.creativeDetailSection #p03.block .title{
	background: url(../images/service/icon-3.png) left center no-repeat;
}

.creativeDetailSection .block .detail{
	border-left: 1px solid #000;
	box-sizing: border-box;
	float: left;
	width: 857px;
	padding-top: 12px;
	padding-left: 37px;
}

.creativeDetailSection .block .detail .subtitle{
	margin-bottom: 40px;
}

.creativeDetailSection .block .detail p{
	font-size: 15px;
	line-height: 33px;
	margin-bottom: 40px;
}

.creativeDetailSection .block .detail .pointList{}
.creativeDetailSection .block .detail .pointList ul{
	overflow: hidden;
}
.creativeDetailSection .block .detail .pointList li{
	float: left;
	box-sizing: border-box;
	width: 253px;
	font-size: 16px;
	line-height: 1.1;
	text-align: center;
	margin-right: 20px;
	border: 6px solid #f7f5ee;
	padding: 10px 0;
}

/* 丸リスト */
.creativeDetailSection .block .keywordList{
	margin-bottom: 90px;
}
.creativeDetailSection .block .keywordList ul{
	overflow: hidden;
	position: relative;
	margin-right: -30px;
}
.creativeDetailSection .block .keywordList li{
	width: 134px;
	height: 134px;
	background: url(../images/service/creative/bg-service.png);
	text-align: center;
	font-size: 15px;
	line-height: 22px;
	float: left;
	margin-right: 25px;
	margin-bottom: 25px;
}
.creativeDetailSection .block .keywordList li div{	
	width: 134px;
	height: 134px;
	display: table-cell;
	vertical-align: middle;
}
.creativeDetailSection .block .keywordList li small{
	display: block;
	font-size: 12px;
	line-height: 18px;
}
.creativeDetailSection .block .tRight{
	text-align: right;
	font-size: 13px;
	margin-top: -15px;
}
.creativeDetailSection .block .caption{
	font-size: 12px;
}

/* 事例 */
.creativeDetailSection .worksBlock{
	width: 100%;
	min-width: 1100px;
	height: 335px;
	background: url(../images/service/creative/bg-works.png) center center no-repeat;
	margin-bottom: 280px;
}

.creativeDetailSection .worksBlock .inner{
	overflow: hidden;
	width: 1100px;
	margin: 0 auto;
}

.creativeDetailSection .worksBlock .title{
	float: left;
	padding-top: 43px;
	width: 280px;
}
.creativeDetailSection .worksBlock .title span{
	display: inline-block;
	font-size: 20px;
	line-height: 1.1;
	border-bottom: 6px solid #000;
	padding-bottom: 2px;
}
.creativeDetailSection .worksBlock .pct{
	float: left;
	padding-top: 43px;
	width: 410px;
}
.creativeDetailSection .worksBlock .detail{
	float: right;
	padding-top: 43px;
	width: 380px;
}
.creativeDetailSection .worksBlock .detail strong{
	display: block;
	font-size: 15px;
	line-height: 28px;
	margin-bottom: 10px;
}
.creativeDetailSection .worksBlock .detail p{
	font-size: 14px;
	line-height: 28px;
	margin-bottom: 40px;
}
.creativeDetailSection .worksBlock .detail a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}



/*-----------------------------------------------------
service / teambuild
-------------------------------------------------------*/

/* タイトル */
.teambuild .titleSection{
	margin-bottom: 78px;
}


/* トップ */
.teambuildTopSection{
	width: 1100px;
	margin: 0 auto 125px;
}
.teambuildTopSection .title{
	margin-bottom: 65px;
}
.teambuildTopSection p{
	font-size: 16px;
	line-height: 36px;
	margin-bottom: 27px;
}


/* リンク */
.teambuildLinkSection{
	width: 1100px;
	margin: 0 auto 245px;
}
.teambuildLinkSection .title{
	font-size: 17px;
	line-height: 1.1;
	margin-bottom: 60px;
}
.teambuildLinkSection .title small{
	font-size: 14px;
	margin-left: 40px;
}
.teambuildLinkSection .block{
	position: relative;
	width: 1099px;
	height: 241px;
	background: url(../images/service/teambuild/bg-navi.png) 515px 42px no-repeat;
}
.teambuildLinkSection .block .box01{
	position: absolute; left: 0px; top: 2px;
}
.teambuildLinkSection .block .box02{
	position: absolute; right: 0px; top: 0px;
}
.teambuildLinkSection .block .box03{
	position: absolute; right: 0px; bottom: 0px;
}
.teambuildLinkSection a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}


/* 詳細 */
.teambuildDetailSection{
	margin-bottom: 270px;
}

.teambuildDetailSection .block{
	width: 100%;
	min-width: 1100px;
	border-bottom: 2px solid #000;
	margin-bottom: 190px;
}
.teambuildDetailSection #p03.block{
	border-bottom: 0px;
	margin-bottom: 190px;
}

.teambuildDetailSection .block .wrap{
	width: 1100px;
	margin: 0 auto;
}

.teambuildDetailSection .block .dTitle{
	font-size: 20px;
	line-height: 1.1;
	box-sizing: border-box;
	height: 60px;
	padding-top: 6px;
	padding-left: 80px;
	margin-bottom: 50px;
}
.teambuildDetailSection .block .dTitle small{
	display: block;
	font-size: 15px;
	padding-top: 10px;
}
.teambuildDetailSection #p01.block .dTitle{
	background: url(../images/service/icon-1.png) left center no-repeat;
}
.teambuildDetailSection #p02.block .dTitle{
	background: url(../images/service/icon-2.png) left center no-repeat;
}
.teambuildDetailSection #p03.block .dTitle{
	background: url(../images/service/icon-3.png) left center no-repeat;
}

.teambuildDetailSection .block .subtitle{
	margin-bottom: 50px;
}

.teambuildDetailSection .block p{
	font-size: 15px;
	line-height: 33px;
	margin-bottom: 28px;
}
.teambuildDetailSection .block p.last{
	margin-bottom: 140px;
}
.teambuildDetailSection .block p.middle{
	margin-bottom: 85px;
}

.teambuildDetailSection .block .icondownTitle{
	font-size: 16px;
	line-height: 1.1;
	padding-left: 30px;
	background: url(../images/service/teambuild/icon-down.png) left center no-repeat;
	margin-bottom: 60px;
}

/* 画像 */
.teambuildDetailSection .block .pct{
	margin-bottom: 55px;
	text-align: center;
}
.teambuildDetailSection .block .pct.narrow{
	margin-bottom: 20px;
}
.teambuildDetailSection .block .pct.tRight{
	text-align: right;
}

/* 「」 */
.teambuildDetailSection .block .quoteBox{
	background: url(../images/service/teambuild/bg-quote-left.png) left top no-repeat;
	margin-bottom: 135px;
}
.teambuildDetailSection .block .quoteBox .inner{
	padding: 50px 65px;
	background: url(../images/service/teambuild/bg-quote-right.png) right bottom no-repeat;
}
.teambuildDetailSection .block .quoteBox .title{
	font-size: 22px;
	line-height: 1.1;
	margin-bottom: 40px;
}

/* メリット */
.teambuildDetailSection .block .meritBox{
	width: 100%;
	padding: 40px 0 10px;
	background-color: #fcfaf5;
	margin-bottom: 170px;
}
.teambuildDetailSection .block .meritBox .inner{
	overflow: hidden;
	width: 1100px;
	margin: 0 auto;
}
.teambuildDetailSection .block .meritBox .title{
	float: left;
	width: 150px;
	margin-right: 74px;
}
.teambuildDetailSection .block .meritBox .list{
	position: relative;
	top: -12px;
	float: left;
	width: 533px;
	margin-right: 45px;
}
.teambuildDetailSection #p01.block .meritBox .list{
	background: url(../images/service/teambuild/bg-right1.png) right center no-repeat;
}
.teambuildDetailSection #p02.block .meritBox .list{
	background: url(../images/service/teambuild/bg-right2.png) right center no-repeat;
}
.teambuildDetailSection #p03.block .meritBox .list{
	background: url(../images/service/teambuild/bg-right3.png) right center no-repeat;
}
.teambuildDetailSection .block .meritBox li{
	font-size: 16px;
	line-height: 44px;
	padding-left: 22px;
	background: url(../images/service/teambuild/icon-list.png) left center no-repeat;
}
.teambuildDetailSection .block .meritBox .text{
	float: left;
	width: 280px;
	font-size: 17px;
	line-height: 1.1;
}
.teambuildDetailSection #p01.block .meritBox .text{
	padding-top: 63px;
}
.teambuildDetailSection #p02.block .meritBox .text{
	padding-top: 130px;
}
.teambuildDetailSection #p03.block .meritBox .text{
	padding-top: 88px;
}

.teambuildDetailSection .block .pctTitle{
	display: inline-block;
	font-size: 18px;
	letter-spacing: 2px;
	padding-bottom: 8px;
	border-bottom: 6px solid #000;
	margin-bottom: 85px;
}

/* テーブル */
.specBox1{
	margin-bottom: 90px;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.specBox1 th{
	width: 307px;
	font-size: 23px;
	vertical-align: middle;
	text-align: center;
}
.specBox1 td{
	width: 792px;
	font-size: 15px;
	line-height: 33px;
	vertical-align: middle;
	padding: 70px 0;
}

.specBox{
	margin-bottom: 90px;
}
.specBox.borderBold{
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
.specBox th{
	box-sizing: border-box;
	width: 346px;
	font-size: 19px;
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #000;
	padding: 40px 0 40px 42px;
}
.specBox th small{
	display: block;
	font-size: 55%;
}
.specBox td{
	width: 792px;
	font-size: 15px;
	line-height: 33px;
	vertical-align: top;
	border-bottom: 1px solid #000;
	padding: 40px 0;
}
.specBox tr:last-child th,
.specBox tr:last-child td{
	border-bottom: 0px;
}

.teambuildDetailSection .block .coTitle{
	font-size: 20px;
	line-height: 1.1;
	letter-spacing: 2px;
	margin-bottom: 30px;
}

.teambuildDetailSection .block .closingBox{
	overflow: hidden;
	padding-bottom: 70px;
}

.teambuildDetailSection .block .closingBox p{
	float: left;
	width: 640px;
	font-size: 14px;
	line-height: 28px;
}

.teambuildDetailSection .block .closingBox .btn{
	float: right;
	width: 400px;
}
.teambuildDetailSection .block .closingBox .btn a:hover img{
	opacity: 0.6;
	-webkit-transition:ease .3s;
	transition:ease .3s;
}