@charset "utf-8";

/* -------------------------------------------------- */
/* ホームページ */
/* -------------------------------------------------- */
#mainService {
	padding-bottom: 100px;
}

#hpTit1:before {
	content: "We can do it";
}

.hpLeft {
	width: 50%;
	padding: 0 40px 0 100px;
	float: left;
}

.hpRight {
	width: 50%;
	padding: 0 100px 0 40px;
	float: right;
}

.illust {
	padding-bottom: 10px;
	text-align: center;
}

.illust img {
	max-height: 400px;
	width: auto;
}

.hpCat {
	display: inline-block;
	padding: 0 20px;
	margin-bottom: 10px;
	font-size: 2.2rem;
	color: #0095da;
	border: 1px #0095da solid;
	font-weight: 600;
}

#build {
	padding-top: 60px;
}

#design {
	padding-top: 160px;
}

#cording {
	padding-top: 100px;
}

#smartphone {
	padding-top: 100px;
}

.related {
	font-size: 1.6rem;
	text-align: right;
	padding-right: 13px;
	margin-top: 1em;
	background: url(../../../img/common/icon1.png) right center no-repeat;
}

#otherService {
	padding-bottom: 100px;
}

#otherList li {
	width: 180px;
	height: 180px;
	margin: 0 20px 20px 0;
	display: inline-block;
	vertical-align: top;
	border: 1px #999999 dotted;
}

#otherList li:nth-child(5n) {
	margin-right: 0;
}


.other {
	width: 180px;
	height: 180px;
	display: table-cell;
	vertical-align: middle;
}

.otherImg {
	width: 180px;
	height: 90px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.otherTxt {
	padding-top: 10px;
	display: block;
	text-align: center;
	line-height: 1.2;
	font-weight: 500;
}