@charset "utf-8";

/* -------------------------------------------------- */
/* ウェブコンサルティング */
/* -------------------------------------------------- */

/* ウェブコンサルティングについて */
/* ---------------------------- */
#wcIntroduction {
	padding-bottom: 60px;
}

#wcImg {
	padding-bottom: 20px;
	text-align: center;
}

.anno {
	padding-top: 10px;
	font-size: 1rem;
	color: #666;
	text-align: left;
}


/* 無料 */
/* ---------------------------- */
.wcPickup {
	width: 1000px;
	margin: 0 auto 60px;
	border: 1px #c9c9c9 solid;
	padding: 20px 40px 40px 40px;
	text-align: center;
}

.pickupTit {
	padding-bottom: 20px;
}

.freeIcon {
	margin-right: 20px;
	display: inline-block;
	vertical-align: middle;
}

.freeIcon span {
	width: 80px;
	height: 80px;
	border-radius: 80px;
	display: table-cell;
	vertical-align: middle;
	font-size: 2rem;
	color: #FFF;
	background: #0095da;
}

.wcTit {
	display: inline-block;
	vertical-align: middle;
	font-size: 2.8rem;
	color: #0095da;
	letter-spacing: 0.2em;
}

.subTit {
	padding-bottom: 30px;
	line-height: 1.2;
	font-size: 2.2rem;
}

#planImg {
	padding-bottom: 20px;
}

#planTxt {
	text-align: left;
}

#analysisWrap {
	padding-bottom: 20px;
}

#analysisDesc {
	float: right;
	width: 450px;
	text-align: left;
}

#analysisImg {
	text-align: center;
}

#analysisSS {
	float: left;
}

.quotation {
	background: #f7f7f5;
	padding: 30px;
	position: relative;
	text-align: left;
}

.quotation:before {
	content:"";
	position: absolute;
	top: 5px;
	left: 5px;
	width: 15px;
	height: 13px;
	background: url(../../../img/common/quo_left.png) 0 0 no-repeat;
}

.quotation:after {
	content:"";
	position: absolute;
	bottom: 5px;
	right: 5px;
	width: 15px;
	height: 13px;
	background: url(../../../img/common/quo_right.png) 0 0 no-repeat;
}

.quotation a {
	font-size: 1.2rem;
}

/* 運用サポート一覧 */
/* ---------------------------- */
#canLp {
	padding-bottom: 60px;
}

#canLp .tit1:before {
	content: "Support list";
}

#titSub {
	padding: 3px 15px;
	background: #000;
	font-size: 1.4rem;
	background: #e5e5e5;
}

#canLp .tit1 span {
	display: inline-block;
	vertical-align: middle;
}

.wcService {
	width: 480px;
	margin: 0 30px 30px 0;
	border: 1px #c9c9c9 solid;
	padding: 20px 30px;
	float: left;
}

.wcService:nth-child(2n) {
	margin-right: 0px;
}

.wcDetailTit {
	padding-bottom: 10px;
	font-size: 1.8rem;
	color: #0095da;
}

.wcCat {
	padding-bottom: 10px;
}

.wcCat li {
    margin-right: 5px;
    padding: 5px 10px;
    font-size: 1.0rem;
    display: inline-block;
    background: #f1f1f1;
}

.wcService .link {
	text-align: right;
	font-size: 1.2rem;
	color: #0095da;
}

.wcService .link a {
	vertical-align: middle;
}

.wcService .link:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 6px;
	height: 10px;
	margin-left: 10px;
	background: url(../../../img/common/icon1.png) 0 0 no-repeat;
}

/* 解析ツールのご紹介 */
/* ---------------------------- */
#tools {
	padding-bottom: 60px;
}

#tools .tit1:before {
	content:"Tools";
}

.tool {
	width: 480px;
	margin: 0 30px 30px 0;
	border: 1px #c9c9c9 solid;
	padding: 20px 30px;
	float: left;
}

.tool:nth-child(2n) {
	margin-right: 0px;
}

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