@charset "UTF-8";

/* concept
------------------------------------*/
#conceptContents .innerContents {
	overflow: inherit;
	min-height: inherit;
}

/* #headContents
------------------------------------*/
span.titgray {
	display:block;
	color:#888;
	position:relative;
	padding-left:26px;
	font-size:14px;
	font-weight:500;
	letter-spacing:.1em;
}

span.titgray::before {
	display:block;
	content:'';
	position:absolute;
	top:.45em;
	left:2px;
	width:13px;
	height:1px;
	background-color:#888;
}

#headContents {
	position: relative;
	margin-bottom:120px;
}

#headContents .titgray {
	margin-bottom:30px;
}

.txt-lead p {
	margin-bottom: 18px;
	font-size: 18px;
	line-height: 1.9;
}

/* .concept-illust
------------------------------------*/
.concept-illust {
	position: absolute;
	top: -70px;
	left: 540px;
	transform: scale(0.7);
}

/* .concept-illust - media query
-----------------------------------*/
@media (max-width: 1240px) {
	.concept-illust {
		left: 485px;
		transform: scale(0.6);
	}
}

/* .business
------------------------------------*/
.business {
	margin-bottom: 30px;
}

.business .titgray {
	margin-bottom: 25px;
}

.business h4 {
	margin-bottom:35px;
	font-size:18px;
	font-weight:500;
	line-height:1;
	letter-spacing:.05em;
}

.business p {
	line-height:2;
}

.business .works .workscatelist {
	display: block;
	float: left;
	width: 390px;
	height: 160px;
	margin-bottom: 30px;
	color: #666;
	font-size: 16px;
}

.business .works .workscatelist li:before {
	content:"・";
}

.business .works .workscatelist li {
	float:left;
	line-height:2.2;
	padding:0 0 0 1em;
	text-indent:-1em;
	width:150px;
	color:#000;
}

.business .works .workscatelist li a{
  text-decoration: underline;
}

/* .workscatelist - media query
-----------------------------------*/
@media (max-width: 1160px) {
	.business .works .workscatelist {
		width:340px;
	}
	.business .works .workscatelist li:nth-child(odd) {
		width: 120px;
	}
}

/* .workslink
------------------------------------*/
.business .works .workslink {
	overflow:hidden;
	float:left;
	width:570px;
}

.business .works .workslink li {
	float:left;
}

.business .works .workslink li a {
	width:280px;
}

.business .works .workslink .case-illustmap a {
	margin-right:10px;
	padding:54px 30px 54px 45px;
}

.business .works .workslink .case-graphic a,.business .works .workslink .case-pamphlet a {
	padding:22px 30px 19px 45px;
}

.business .works .workslink .case-graphic a {
	margin-bottom:10px;
}

/* #gmap
------------------------------------*/
#gmap {
	width:100%;
	height:420px;
	margin-bottom:70px;
}

/* .company-outline
------------------------------------*/
.company-outline {
	overflow: hidden;
	width: 985px;
}

.company-outline h4 {
	display: block;
	margin: 0 0 40px;
	padding: 20px 0 0;
	font-size: 17px;
	letter-spacing: .1em;
}

.company-outline .flset {
	float: left;
}

.company-outline dl {
	float:left;
	margin:0 50px 0 0;
	font-size:14px;
	letter-spacing:.1em;
	line-height:1.8;
}

.company-outline dt {
	position:relative;
	clear:both;
	float:left;
	width:100px;
	margin:0 0 18px;
}

.company-outline dt span {
	position:relative;
	display:inline-block;
	background:#fff;
	padding:0 1em 0 0;
	z-index:999;
}

.company-outline dt:after {
	border-top:1px solid #ccc;
	content:'';
	position:absolute;
	top:49%;
	left:0;
	width:95%;
	height:1px;
}

.company-outline dd {
	color:#666;
	margin:0 0 18px;
	padding-left:110px;
}

.company-outline .btnset {
	width:240px;
	float:left;
}

.company-outline .btnset ul.btn-link li {
	margin:0 0 19px;
}

.company-outline .btnset ul.btn-link li a {
	width: 100%;
	padding: 24px 20px 22px 35px;
	font-size: 14px;
	text-transform: uppercase;
}

.company-outline .btnset ul.btn-link li.en a {
	letter-spacing:.1em;
}

.company-outline .workslink-category {
	width:215px;
	float:right;
}

.company-outline .workslink-category .titgray {
	margin:0 0 15px;
	font-size:12px;
}

.company-outline .workslink-category h5 {
	margin:0 0 35px;
	font-size:30px;
	letter-spacing:.02em;
}

.company-outline .workslink-category ul li {
	font-size:14px;
	margin-bottom:21px;
}

/* .pagetop - media query
-----------------------------------*/
@media (max-width: 1160px) {
	.company-outline .workslink-category {
		margin:0;
	}
}