@charset "utf-8";

.tablet {
	display: none;
}

/* -------------------------------------------------- */
/* ウェブコンサルティング */
/* -------------------------------------------------- */
#container {
	min-width: auto;
}

#privacyPolicy {
	width: 100%;
}

/* ウェブコンサルティングについて */
/* ---------------------------- */
#wcIntroduction {
	width: 90%;
	margin: 0 auto;
	padding-bottom: 80px;
}

#wcImg {
	width: 80%;
	margin: 0 auto;
	padding-bottom: 20px;
}

#wcImg img {
	width: 100%;
}

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

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

.pickupTit {
	padding-bottom: 20px;
}

.freeIcon {
	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: 1.8rem;
	font-weight: bold;
}

#planImg {
	width: 57%;
	margin: 0 auto;
	padding-bottom: 20px;
}

#planImg img {
	width: 100%;
}

#planTxt {
	text-align: left;
}

#analysisWrap {
	padding-bottom: 20px;
}

#analysisDesc {
	float: none;
	width: 100%;
	padding-bottom: 20px;
	text-align: left;
}

#analysisDesc p {
	font-size: 1.6rem;
}

#analysisImg {
	width: 61%;
	margin: 0 auto;
	text-align: center;
}

#analysisImg img {
	width: 100%;
}

#analysisSS {
	float: none;
}

#analysisSS img {
	width: 100%;
}

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

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

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

.quotation a {
	font-size: 1rem;
	word-break: break-all;
}

/* 運用サポート一覧 */
/* ---------------------------- */
#canLp {
	padding: 30px 0 50px;
}

#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: 90%;
  margin: 0 auto 30px;
  border: 1px #c9c9c9 solid;
  padding: 20px 3%;
  float: none;
}

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

.wcService .comment  {
	font-size: 1.6rem;
}

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

.wcCat {
	padding-bottom: 10px;
}

.wcCat li {
		margin: 0 5px 5px 0;
    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: 50px;
}

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

.tool {
	width: 90%;
  margin: 0 auto 30px;
  border: 1px #c9c9c9 solid;
  padding: 20px 3%;
  float: none;
}

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

.logo {
	width: 86%;
  margin: 0 auto;
	padding-bottom: 10px;
	text-align: center;
}

.logo img {
	width: 100%;
}

#toolList .tool:nth-child(2) .logo {
	width: 46%;
	margin: 0 auto;
}