@charset "UTF-8";
/* CSS Document */

/*業務内容*/
.p-con-sttl {
	text-align: center;
	font-size: 22px;
	font-size: 2.2rem;
	margin: 2em 0 1em;
}
.p-con-txt {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 2.14;
}
.p-con-img li {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.p-con-img li dl {
	color: #fff;
	text-align: center;
}
.p-con-img li dt {
	font-weight: bold;
}
.p-con-img li dd {
	margin-top: 0.8em;
}
.p-list {
	width: 1082px;
	margin: 70px auto 80px;
}
.p-list li:nth-child(odd) {
	margin-right: 78px;
}
.p-list li:nth-of-type(-n+2) {
	margin-bottom: 60px;
}
.p-list .li-wrap {
	float: left;
	width: 502px;
	/*height: 324px;*/
	box-shadow:0px 0px 5px 2px #dbdbdb;
-moz-box-shadow:0px 0px 5px 2px #dbdbdb;
-webkit-box-shadow:0px 0px 5px 2px #dbdbdb;
}
.li-txt {
	padding: 20px 25px;
	background: #f4f4f4;
}
.li-txt dl {
	background: url(../../images/common/icn_circle_r.png) no-repeat;
	background-position: right center;
	-webkit-background-size: 17px;
	background-size: 17px;
	line-height: 1;
}
.li-txt dt {
	color: #be3636;
}
.li-txt dd {
	color: #393939;
	margin-top: 1em;
}


/* ====▼ 769px以上 ▼==== */
@media screen and (min-width:769px){
	.l-content {
		background: url(../../images/service/bg_service_mv_pc.jpg) no-repeat;
		background-position: center top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.p-con-txt {
		text-align: center;
	}
	.p-con-img {
		background: url(../../images/service/img_service_con_pc.png) no-repeat;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.p-con-img {
		margin: 26px auto 40px;
		width: 596px;
		height: 218px;
	}
	.p-con-img li {
		width: 218px;
		padding: 50px 15px 43px;
	}
	.p-con-img li dt {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.p-con-img li dd {
		font-size: 14px;
		font-size: 1.4rem;
		line-height: 1.64;
	}
	.li-txt dt {
		font-size: 20px;
		font-size: 2.0rem;
	}
	.li-txt dt span {
		font-size: 18px;
		font-size: 1.8rem;
	}
	.li-txt dd {
		font-size: 14px;
		font-size: 1.4rem;
	}
}

/*ipad用サイズ*/
@media screen and (min-width:768px) and ( max-width:1024px) {
	.p-con-img li {
		padding: 6em 2.6%!important;
	}
}


/* ====▼ 768px以下 ▼==== */
@media screen and (max-width:768px){
	.ttl-page {
		font-size: 22px;
		font-size: 2.2rem;
		padding-top: 15%;
	}
	.ttl-page span {
		font-size: 12px;
		font-size: 1.2rem;
	}
	.p-con-sttl {
		margin: 15% 0 1em;
	}
	.l-content {
		background: url(../../images/service/bg_service_mv_sp.jpg) no-repeat;
		background-position: center top;
		-webkit-background-size: contain;
		background-size: contain;
	}
	.p-con {
		width: 95%;
		margin: 0 auto;
	}
	.p-con-txt {
		font-size: 13px;
		font-size: 1.3rem;
	}
	.p-con-img {
		background: url(../../images/service/img_service_con_sp.png) no-repeat;
		background-position: center;
		-webkit-background-size: 100%;
		background-size: 100%;
		margin: 2em 0;
	}
	.p-con-img {
		width: 100%;
	}
	.p-con-img li {
		width: 43.8%;
		padding: 3em 2.6%;
	}
	.p-con-img li dt {
		font-size: 3.73vw;
	}
	.p-con-img li dd {
		font-size: 2.4vw;
		line-height: 1.6;
	}
	.p-list {
		width: auto;
		margin: 10% auto;
	}
	.p-list li:nth-of-type(-n+2) {
		margin-bottom: 12%;
	}
	.p-list li:nth-child(odd) {
		margin-right: auto;
	}
	.p-list .li-wrap {
		float: none;
		width: 92%;
		margin: 0 auto 12%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.li-img img {
		width: 100%;
	}
	.li-txt {
		padding: 1em;
	}
	.li-txt dt {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 1.2;
		width: 90%;
	}
	.li-txt dd {
		width: 90%;
		/*height: 2em;*/
		font-size: 13px;
		font-size: 1.3rem;
		line-height: 1.4;
	}
	.li-txt dt span {
		font-size: 12px;
		font-size: 1.2rem;
	}
	
}


@media screen and (max-width:320px) {
	.p-con-img {
		margin: 0;
	}
	.p-con-img li dt {
		font-size: 3vw;
	}
	.p-con-img li dd {
		font-size: 1.5vw;
	}
}