@charset "utf-8";

/* -------------------------------------------------- */
/* ランディングページ作成 */
/* -------------------------------------------------- */

/* ランディングページについて*/
/* ---------------------------- */
#lpIntroduction {
	padding-bottom: 100px;
}

#lpMovie {
	width: 100%;
	height: 465px;
	margin-bottom: 60px;
	position: relative;
}

#lpImg {
	position: absolute;
	bottom: -50px;
	right: -50px;
}

/* ランディングページ制作で出来ること*/
/* ---------------------------- */
#canLp {
	padding-bottom: 60px;
}

#canLp .tit1:before {
	content:"We can do it";
}

.lpService {
	width: 485px;
	margin: 0 30px 30px 0;
	border: 1px #c9c9c9 solid;
	padding: 20px 10px;
	float: left;
	text-align: center;
}

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

.lpTxt {
	width: 325px;
	display: inline-block;
	vertical-align: top;
	text-align: left;
}

.lpTit {
	float: left;
	font-size: 2.0rem;
	color: #0095da;
}

.comment {
	padding-top: 10px;
	clear: both;
}

#lpImg1:before {
	content:"";
	width: 107px;
	height: 108px;
	margin-top: 10px;
	background: url(../../../img/landing-page/lp_img2_pc.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: top;
}

#lpImg2:before {
	content:"";
	width: 54px;
	height: 141px;
	margin: 0 30px 0 20px;
	background: url(../../../img/landing-page/lp_img3_pc.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: top;
}

#lpImg3:before {
	content:"";
	width: 86px;
	height: 88px;
	margin: 10px 20px 0 0;
	background: url(../../../img/landing-page/lp_img4_pc.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: top;
}

#lpImg4:before {
	content:"";
	width: 101px;
	height: 69px;
	margin: 10px 10px 0 0;
	background: url(../../../img/landing-page/lp_img5_pc.png) 0 0 no-repeat;
	display: inline-block;
	vertical-align: top;
}

/* 具体的にこんな目的でご利用されています */
/* ---------------------------- */
#use {
	padding-bottom: 100px;
}

#use .tit1:before {
	content:"Purpose of use";
}

#useWrap {
	text-align: center;
}


#useIn {
	padding: 30px 0;
	border: 5px #c9c9c9 solid;
	text-align: center;
}

#useList {
	display: inline-block;
}

#useList li {
	width: 40%;
	margin-bottom: 20px;
	font-size: 2rem;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}

#useList li:nth-child(5),
#useList li:nth-child(6) {
	margin-bottom: 0;
}

#useList li:before {
	content: "";
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: url(../../../img/common/icon10.jpg) 0 0 no-repeat;
	display: inline-block;
	vertical-align: middle;
}