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

/*
	index
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.serviceIdxWrapper{
	padding: 0;
}


/*
	common
-----------------------------------------------------------------------------------------------*/
.servicePageWrapper #pageTitWrapper{
	display: flex;
	justify-content: space-between;
	align-items: center;
	text-align: left;
}
.servicePageWrapper #pageTitWrapper .tit{
	font-size: 5.6rem;
	letter-spacing: 0.3rem;
}
.servicePageWrapper #pageTitWrapper .tit .sub{
	color: #000;
}
.servicePageWrapper #pageTitWrapper .txt{
	width: 400px;
	text-align: justify;
	font-size: 1.5rem;
	line-height: 180%;
}
.servicePageWrapper #pageTitWrapper .txt > span{
	display: block;
	margin: 0 0 15px 0;
}
.servicePageWrapper #pageTitWrapper .txt > span:last-of-type{
	margin: 0;
}

/* titWhiteL */
.servicePageWrapper .titWhiteL{
	margin: 0 0 45px 0;
}
.servicePageWrapper .titWhiteL > *{
	display: block;
}
.servicePageWrapper .titWhiteL span:nth-of-type(1){
	color: #fff;
	font-size: 7.7rem;
	font-weight: 900;
	margin: 0 0 8px 0;
}
.servicePageWrapper .titWhiteL span:nth-of-type(2){
	font-size: 2.0rem;
	font-weight: bold;
}

/* titLineArea */
.servicePageWrapper .titLineArea{
	display: flex;
	justify-content: space-between;
	border-bottom: 1px solid #c4c4c4;
	padding: 0 0 50px 0;
	margin: 0 0 60px 0;
}
.servicePageWrapper .titLineArea .tit{
	max-width: 460px;
}
.servicePageWrapper .titLineArea .tit span{
	display: inline-block;
	border-bottom: 2px solid #000;
	font-size: 3.6rem;
	line-height: 130%;
	padding: 0 0 15px 0;
}
.servicePageWrapper .titLineArea .txt{
	font-size: 1.6rem;
	text-align: justify;
}

/* listStreng */
.listStreng{
	display: flex;
	justify-content: center;
}
.listStreng li{
	width: calc((100% - 100px)/3);
	margin: 0 50px 0 0;
}
.listStreng li:last-of-type{
	margin-right: 0;
}
.listStreng figure{
	text-align: center;
	margin: 0 0 30px 0;
}
.listStreng .tit{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.listStreng .txt{
	text-align: justify;
}

/* listServiceIdx */
.listServiceIdx{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 -45px 0;
}
.listServiceIdx li{
	width: calc((100% - 90px)/3);
	background-color: #fff;
	padding: 40px 20px 25px 20px;
	margin: 0 45px 45px 0;
}
@media screen and (min-width:813px){
	.listServiceIdx li:last-of-type{
		margin-right: 0;
	}
	.listServiceIdx li:nth-of-type(3n){
		margin-right: 0;
	}
}
.listServiceIdx figure{
	text-align: center;
	margin: 0 0 25px 0;
}
.listServiceIdx img{
	height: 90px;
}
.listServiceIdx .tit{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
}
.listServiceIdx .btnArea{
	margin-top: 30px;
}


/*
	下層ページ
-----------------------------------------------------------------------------------------------*/
/* bgClrTitWrapper */
#bgClrTitWrapper{
	background-color: #0b86c5;
	padding: 75px 0 65px 0;
	margin: 0 0 80px 0;
	position: relative;
}
#bgClrTitWrapper .tit{
	width: 1200px;
	text-align: center;
	padding: 0 30px;
	margin: 0 auto;
}
#bgClrTitWrapper .tit > *{
	display: block;
}
#bgClrTitWrapper .tit .titL{
	color: #fff;
	font-size: 5.6rem;
	font-weight: bold;
	line-height: 120%;
}
#bgClrTitWrapper .tit .titS{
	color: #00cfe9;
	font-size: 1.6rem;
}

/* leadWrapper */
.underPageWrapper #leadWrapper{
	position: relative;
}
.underPageWrapper #leadWrapper .txt{
	width: 600px;
	background-color: #f1f3f2;
	text-align: justify;
	font-size: 1.6rem;
	line-height: 200%;
	letter-spacing: 0.15rem;
	padding: 50px 70px 50px 50px;
	margin: 0 0 50px 0;
}
@media screen and (min-width:813px){
	.underPageWrapper #leadWrapper .txt{
		min-height: 300px;
	}
}
.underPageWrapper #leadWrapper figure{
	border: 2px solid #fff;
	position: absolute;
	right: 0;
	bottom: -50px;
}
.underPageWrapper #leadWrapper figcaption{
	text-align: right;
	color: rgba(210, 220, 210, 0.6);
	font-size: 6.0rem;
	white-space: nowrap;
	line-height: 100%;
	position: absolute;
	top: 15px;
	right: -20px;
	transform: translateY(-100%);
}

/* listStreng */
.underPageWrapper .listStreng .tit{
	color: #0b86c5;
}

/* titDigital */
.underPageWrapper .titDigital{
	text-align: center;
	margin: 0 0 50px 0;
}
.underPageWrapper .titDigital > *{
	display: block;
	line-height: 100%;
}
.underPageWrapper .titDigital .titL{
	font-size: 5.0rem;
	font-weight: 900;
	margin: 0 0 10px 0;
}
.underPageWrapper .titDigital .titL.type{
	margin: 0 0 15px 0;
}
.underPageWrapper .titDigital .titS{
	color: #0b86c5;
	font-size: 1.2rem;
	letter-spacing: 0.2rem;
	text-indent: -0.2rem;
}

/* listService */
.underPageWrapper .bgOut{
	background-color: #f1f3f2;
	padding: 80px 0;
	margin-bottom: 80px;
}
.underPageWrapper .bgOut:last-of-type{
	margin-bottom: 0;
}
.underPageWrapper .listService{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	margin: 0 0 -30px 0;
}
.underPageWrapper .listService li{
	width: calc((100% - 30px)/2);
	background-color: #fff;
	padding: 40px 30px 30px 30px;
	margin: 0 30px 30px 0;
	position: relative;
}
.underPageWrapper .listService li:nth-of-type(2n),
.underPageWrapper .listService li:last-of-type{
	margin-right: 0;
}
.underPageWrapper .listService li::before{
	content: " ";
	display: block;
	width: 50px;
	height: 3px;
	background-color: #0b86c5;
	position: absolute;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.underPageWrapper .listService .tit{
	text-align: center;
	font-size: 2.0rem;
	font-weight: bold;
	margin: 0 0 20px 0;
}
.underPageWrapper .listService .txt{
	text-align: justify;
	font-feature-settings: normal;
}

/* listFlow */
.underPageWrapper .listFlow li{
	display: flex;
	padding: 0 0 75px 0;
	position: relative;
}
.underPageWrapper .listFlow li:last-of-type{
	padding-bottom: 0;
}
.underPageWrapper .listFlow li:not(:last-of-type)::before{
	content: " ";
	display: block;
	width: 1px;
	height: calc(100% - 10px);
	background-color: #c4c4c4;
	position: absolute;
	bottom: 0;
	left: 250px;
	transform: translateX(-50%);
}
.underPageWrapper .listFlow .tit,
.underPageWrapper .listFlow .day{
	width: 250px;
	text-align: right;
	font-weight: bold;
	padding: 0 50px 0 0;
	margin: 0 50px 0 0;
}
.underPageWrapper .listFlow .tit{
	font-size: 1.6rem;
	line-height: 140%;
	position: relative;
}
.underPageWrapper .listFlow .tit::after{
	content: " ";
	display: block;
	width: 26px;
	height: 26px;
	background-color: #0b86c5;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	transform: translateX(50%);
}
.underPageWrapper .listFlow .txt{
	width: calc(100% - 300px);
	text-align: justify;
}
.underPageWrapper .listFlow .day{
	color: #adb2ad;
	position: absolute;
	top: 50%;
	left: 0;
}
.underPageWrapper .listFlow .day::after{
	content: " ";
	width: 35px;
	display: block;
	border-top: 1px dashed #c4c4c4;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

/* listFaq */
.underPageWrapper .listFaq li{
	display: flex;
	justify-content: space-between;
	margin: 0 0 50px 0;
	position: relative;
}
.underPageWrapper .listFaq li:last-of-type{
	margin-bottom: 0;
}
.underPageWrapper .listFaq li > *{
	display: flex;
	align-items: center;
	width: calc((100% - 50px)/2);
	background-color: #fff;
	text-align: justify;
	padding: 30px;
	position: relative;
}
.underPageWrapper .listFaq li::before,
.underPageWrapper .listFaq li::after{
	content: " ";
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 2;
}
.underPageWrapper .listFaq li::before{
	width: 50px;
	height: 1px;
	background-color: #c4c4c4;
	transform: translate(-25px, -50%);
}
.underPageWrapper .listFaq li::after{
	border-top: 5px solid transparent;
	border-bottom: 5px solid transparent;
	border-right: 10px solid transparent;
	border-left: 10px solid #c4c4c4;
	transform: translate(21px, -50%);
}
.underPageWrapper .listFaq .titQ{
	font-weight: bold;
}
.underPageWrapper .listFaq li > *::before{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 30px;
	height: 30px;
	font-size: 1.6rem;
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-weight: 900;
	line-height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	transform: translate(-50%, -50%);
}
.underPageWrapper .listFaq li .titQ::before{
	content: "Q";
	background-color: #0b86c5;
	color: #fff;
	padding: 0 0 5px 0;
}
.underPageWrapper .listFaq li .txtA::before{
	content: "A";
	background-color: #fff;
	border: 2px solid #0b86c5;
	color: #0b86c5;
}


/*
	デジタルマーケティング
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.webPageWrapper{
	padding: 0;
}
.webPageWrapper #pageTitWrapper{
	position: relative;
}
.webPageWrapper #pageTitWrapper::after{
	content: " ";
	display: block;
	width: calc(100% - 60px);
	height: 1px;
	background-color: #c4c4c4;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
@media screen and (min-width:813px){
	.webPageWrapper #pageTitWrapper{
		padding-top: 90px;
		padding-bottom: 60px;
	}
	.webPageWrapper #pageTitWrapper .tit span:nth-of-type(2){
	letter-spacing: -0.02rem;
}
	.webPageWrapper #pageTitWrapper .txt{
		width: 390px;
	}
}
.webPageWrapper .flow{
	padding: 60px 0 0 0;
}
.webPageWrapper .bgWebOut{
	background-color: #0b86c5;
}


/*
	デジタルマーケティング 下層ページ
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.digitalUnderPageWrapper{
	padding-bottom: 0;
}


/*
	ITソリューション
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.iTPageWrapper{
	padding: 0;
}
.iTPageWrapper .bgWebOut{
	background-color: #f2d200;
}
.iTPageWrapper .titWhiteL span:nth-of-type(2){
	color: #e1640a;
}
.iTPageWrapper .ctsInBox{
	border-top: 6px solid #e1640a;
}
.iTPageWrapper .titSub{
	font-size: 2.3rem;
	font-weight: bold;
	margin: 0 0 15px 0;
}
.iTPageWrapper .txtBox{
	margin: 0 0 60px 0;
}

/* titLineArea */
@media screen and (min-width:813px){
	.iTPageWrapper .titLineArea .txt{
		width: 540px;
	}
}

/* listStreng */
.iTPageWrapper .listStreng .tit{
	color: #e1640a;
}

/* listFlow */
.iTPageWrapper .listFlow{
	position: relative;
}
.iTPageWrapper .listFlow li{
	display: flex;
	align-items: center;
	padding-bottom: 75px;
	position: relative
}
.iTPageWrapper .listFlow li:last-of-type{
	padding-bottom: 0;
}
.iTPageWrapper .listFlow li:not(:last-of-type)::before{
	content: " ";
	display: block;
	width: 1px;
	height: 100%;
	background-color: #c4c4c4;
	position: absolute;
	top: 0;
	left: 125px;
}
.iTPageWrapper .listFlow .num{
	display: block;
	width: 125px;
	color: #e1640a;
	font-size: 1.8rem;
	position: relative;
	margin: 0 45px 0 0;
}
.iTPageWrapper .listFlow .num span{
	display: inline-block;
	font-size: 3.2rem;
}
.iTPageWrapper .listFlow .num::before{
	content: " ";
	display: block;
	width: 26px;
	height: 26px;
	background-color: #f2d200;
	border: 2px solid #fff;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translate(50%, -50%);
}
.iTPageWrapper .listFlow .tit{
	width: 130px;
	font-size: 1.6rem;
	font-weight: bold;
}
.iTPageWrapper .listFlow .txt{
	border-left: 1px solid #c4c4c4;
	padding: 0 0 0 15px;
}

/* listServiceIdx */
.iTPageWrapper .listServiceIdx li{
	background-color: #f1f3f2;
}
.iTPageWrapper .flow{
	padding: 60px 0 0 0;
}
.iTPageWrapper #pageTitWrapper::after{
	content: " ";
	display: block;
	width: calc(100% - 60px);
	height: 1px;
	background-color: #c4c4c4;
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
}
.iTPageWrapper #pageTitWrapper{
	position:relative;
}

/*
	ITソリューション 下層ページ
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.itUnderPageWrapper{
	padding-bottom: 0;
}

/* bgClrTitWrapper */
.itUnderPageWrapper #bgClrTitWrapper{
	background-color: #f2d200;
}

/* 文字色 */
.itUnderPageWrapper #bgClrTitWrapper .tit .titS,
.itUnderPageWrapper .titDigital .titS,
.itUnderPageWrapper .listFaq li .txtA::before{
	color: #e1640a;
}

/* ポイント色 */
.itUnderPageWrapper .listService li::before,
.itUnderPageWrapper .listFlow .tit::after,
.itUnderPageWrapper .listFaq li .titQ::before{
	background-color: #e1640a;
}
.itUnderPageWrapper .listFaq li .txtA::before{
	border-color: #e1640a;
}



/*
	提供サービス
-----------------------------------------------------------------------------------------------*/
#ctsWrapper.inhousePageWrapper{
	padding: 0;
}
.inhousePageWrapper .bgWebOut{
	background-color: #de436e;
}
.inhousePageWrapper .titWhiteL span:nth-of-type(2){
	color: #ffe632;
}
.inhousePageWrapper .ctsInBox{
	border-top: 6px solid #ffe632;
}

/* titLineArea */
.inhousePageWrapper .titLineArea{
	align-items: center;
}
.inhousePageWrapper .titLineArea .txtSub{
	font-size: 2.3rem;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.inhousePageWrapper .titLineArea .tit{
	margin: 0 0 65px 0;
}
@media screen and (min-width:813px){
	.inhousePageWrapper .titLineArea .txt{
		width: 700px;
	}
}

/* dataArea */
.servicePageWrapper .dataArea{
	display: flex;
	justify-content: space-between;
}
.servicePageWrapper .dataArea figure{
	box-shadow: 8px 8px 10px 0 rgba(0, 0, 0, 0.1);
}
.servicePageWrapper .dataArea .btnBase{
	font-size: 1.6rem;
}
.servicePageWrapper .dataArea .btnBase{
	border: 2px solid #808080;
	font-weight: bold;
}
.servicePageWrapper .dataArea .boxR{
	width: 415px;
}
.servicePageWrapper .dataArea .boxR .titCheck{
	text-align: center;
	color: #fff;
	font-size: 1.6rem;
	font-weight: bold;
	padding: 10px;
	margin: 0 0 25px 0;
}
.servicePageWrapper .dataArea .listCheck{
	margin: 0 0 50px 0;
}
.servicePageWrapper .dataArea .listCheck li{
	padding: 0 0 0 28px;
	margin: 0 0 30px 0;
	position: relative;
}
.servicePageWrapper .dataArea .listCheck:last-of-type,
.servicePageWrapper .dataArea .listCheck li:last-of-type{
	margin: 0;
}
.servicePageWrapper .dataArea .listCheck li::before{
	content: " ";
	display: block;
	width: 20px;
	height: 16px;
	position: absolute;
	top: 3px;
	left: 0;
}
.servicePageWrapper .dataArea .listCheck span{
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
}
.servicePageWrapper .dataArea .listCheck.point span{
	margin: 0 0 5px 0;
}

/* dataArea color */
.servicePageWrapper .dataArea.typePink .boxR .titCheck{
	background-color: #b87b86;
}
.servicePageWrapper .dataArea.typeBlue .boxR .titCheck{
	background-color: #49b1c5;
}
.servicePageWrapper .dataArea.typePink .listCheck li::before{
	background: url("../images/ico_inhouseService_check_pink_pc.png") no-repeat;
}
.servicePageWrapper .dataArea.typeBlue .listCheck li::before{
	background: url("../images/ico_inhouseService_check_blue_pc.png") no-repeat;
}

/* performanceArea */
.servicePageWrapper .performanceArea{
	border: 3px solid #d2dcd2;
	padding: 30px;
}
.servicePageWrapper .performanceArea .tit{
	text-align: center;
	font-size: 2.3rem;
	font-weight: bold;
	margin: 0 0 30px 0;
}
.servicePageWrapper .performanceArea .listUse{
	display: flex;
	justify-content: center;
}
.servicePageWrapper .performanceArea .listUse li:not(:last-of-type){
	border-right: 1px solid #919191;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
}
.servicePageWrapper .performanceArea li:last-of-type::after{
	content: "etc...";
	display: inline-block;
	padding: 0 0 0 8px;
}


@media screen and (max-width:812px){
	/*
		common
	-----------------------------------------------------------------------------------------------*/
	.servicePageWrapper #pageTitWrapper{
		display: block;
		padding-bottom: 50px;
	}
	.servicePageWrapper #pageTitWrapper .tit{
		font-size: 3.0rem;
		margin: 0 0 30px 0;
	}
	.servicePageWrapper #pageTitWrapper .txt{
		width: 100%;
		font-size: 1.4rem;
		line-height: 160%;
	}
	.servicePageWrapper #pageTitWrapper .txt > span{
		margin: 0 0 10px 0;
	}
	
	/* titWhiteL */
	.servicePageWrapper .titWhiteL{
		margin: 0 0 30px 0;
	}
	.servicePageWrapper .titWhiteL span:nth-of-type(1){
		font-size: 3.8rem;
		margin: 0 0 5px 0;
	}
	.servicePageWrapper .titWhiteL span:nth-of-type(2){
		font-size: 1.8rem;
	}
	
	/* titLineArea */
	.servicePageWrapper .titLineArea{
		display: block;
		padding: 0 0 20px 0;
		margin: 0 0 40px 0;
	}
	.servicePageWrapper .titLineArea .tit{
		max-width: 100%;
		width: 100%;
		margin: 0 0 20px 0;
	}
	.servicePageWrapper .titLineArea .tit span{
		font-size: 2.6rem;
		padding: 0 0 8px 0;
	}
	.servicePageWrapper .titLineArea .txt{
		font-size: 1.4rem;
	}
	
	/* listStreng */
	.listStreng{
		display: block;
	}
	.listStreng li{
		width: 100%;
		margin: 0 0 30px 0;
	}
	.listStreng li:last-of-type{
		margin-bottom: 0;
	}
	.listStreng figure{
		margin: 0 0 15px 0;
	}
	.listStreng figure img{
		width: 100px;
	}
	.listStreng .tit{
		font-size: 1.8rem;
		margin: 0 0 10px 0;
	}
	
	/* listServiceIdx */
	.listServiceIdx{
		display: block;
		margin: 0 0 -15px 0;
	}
	.listServiceIdx li{
		width: 100%;
		padding: 30px 20px 25px 20px;
		margin: 0 0 15px 0;
	}
	.listServiceIdx li:last-of-type{
		margin-bottom: 0;
	}
	.listServiceIdx figure{
		margin: 0 0 20px 0;
	}
	.listServiceIdx img{
		height: 80px;
	}
	.listServiceIdx .tit{
		font-size: 1.8rem;
	}
	.listServiceIdx .btnArea{
		margin-top: 20px;
	}
	
	
	/*
		下層ページ
	-----------------------------------------------------------------------------------------------*/
	/* bgClrTitWrapper */
	#bgClrTitWrapper{
		padding: 65px 0 40px 0;
		margin: 0 0 40px 0;
	}
	#bgClrTitWrapper .tit{
		width: 100%;
		padding: 0 20px;
	}
	#bgClrTitWrapper .tit .titL{
		font-size: 3.6rem;
		margin-top: 5px;
	}
	#bgClrTitWrapper .tit .titS{
		font-size: 1.2rem;
	}

	/* leadWrapper */
	.underPageWrapper #leadWrapper .txt{
		width: 100%;
		font-size: 1.4rem;
		line-height: 170%;
		padding: 20px 20px 60px 20px;
		margin: 0;
	}
	.underPageWrapper #leadWrapper .txt.line2{
		padding-bottom: 85px;
	}
	.underPageWrapper #leadWrapper figure{
		border: none;
		position: relative;
		bottom: 0;
	}
	.underPageWrapper #leadWrapper figcaption{
		font-size: 3.6rem;
		top: 3px;
		right: 10px;
	}

	/* titDigital */
	.underPageWrapper .titDigital{
		margin: 0 0 40px 0;
	}
	.underPageWrapper .titDigital .titL{
		font-size: 3.4rem;
		margin: 0 0 8px 0;
	}
	.underPageWrapper .titDigital .titL.type{
		margin: 0 0 13px 0;
	}

	/* listService */
	.underPageWrapper .bgOut{
		padding: 60px 0;
		margin-bottom: 60px;
	}
	.underPageWrapper .listService{
		display: block;
		margin: 0 0 -20px 0;
	}
	.underPageWrapper .listService li{
		width: 100%;
		padding: 30px 20px 20px 20px;
		margin: 0 0 20px 0;
	}
	.underPageWrapper .listService .tit{
		font-size: 1.8rem;
		margin: 0 0 15px 0;
	}

	/* listFlow */
	.underPageWrapper .listFlow li{
		display: block;
		padding: 0 0 60px 0;
	}
	.underPageWrapper .listFlow li:not(:last-of-type)::before{
		left: 10px;
	}
	.underPageWrapper .listFlow .tit,
	.underPageWrapper .listFlow .txt,
	.underPageWrapper .listFlow .day{
		width: 100%;
		padding: 0 10px 0 35px;
	}
	.underPageWrapper .listFlow .tit,
	.underPageWrapper .listFlow .day{
		text-align: left;
		margin: 0;
	}
	.underPageWrapper .listFlow .tit{
		margin: 0 0 10px 0;
	}
	.underPageWrapper .listFlow .tit::after{
		width: 19px;
		height: 19px;
		top: 2px;
		right: auto;
		left: 0;
		transform: translateX(0);
	}
	.underPageWrapper .listFlow .day{
		top: auto;
		bottom: 30px;
		transform: translateY(50%);
	}
	.underPageWrapper .listFlow .day::after{
		width: 16px;
		right: auto;
		left: 10px;
	}

	/* listFaq */
	.underPageWrapper .listFaq li{
		display: block;
		margin: 0 0 40px 0;
	}
	.underPageWrapper .listFaq li > *{
		display: block;
		width: 100%;
		padding: 20px;
	}
	.underPageWrapper .listFaq li::before,
	.underPageWrapper .listFaq li::after{
		content: none;
		
	}
	.underPageWrapper .listFaq .titQ{
		margin: 0 0 30px 0;
	}
	.underPageWrapper .listFaq li > *::before{
		width: 26px;
		height: 26px;
		font-size: 1.4rem;
		top: -10px;
		left: -10px;
		transform: translate(0);
	}
	.underPageWrapper .listFaq .titQ::after{
		content: " ";
		display: block;
		border-top: 10px solid #c4c4c4;
		border-bottom: 10px solid transparent;
		border-right: 6px solid transparent;
		border-left: 6px solid transparent;
		position: absolute;
		bottom: -31px;
		left: 50%;
		transform: translateX(-50%);
		z-index: 2;
	}


	/*
		デジタルマーケティング
	-----------------------------------------------------------------------------------------------*/
	.webPageWrapper #pageTitWrapper::after{
		width: calc(100% - 40px);
	}
	.webPageWrapper #pageTitWrapper .tit{
		font-size: 2.8rem;
	}
	.webPageWrapper .flow{
		overflow-x: scroll;
		padding: 40px 0 0 0;
	}
	.webPageWrapper .flow img{
		width: 645px;
	}
	
	
	/*
		ITソリューション
	-----------------------------------------------------------------------------------------------*/
	.iTPageWrapper .ctsInBox{
		border-top: 4px solid #e1640a;
	}
	.iTPageWrapper .titSub{
		font-size: 1.8rem;
	}
	.iTPageWrapper .txtBox{
		margin: 0 0 20px 0;
	}
	.iTPageWrapper .flow{
			overflow-x: scroll;
			padding: 40px 0 0 0;
	}
	.iTPageWrapper .flow img{
		width: 645px;
	}
	.iTPageWrapper #pageTitWrapper::after{
		width: calc(100% - 40px);
	}
	/*tblBase  */
	.iTPageWrapper .tblBase.type02 tbody td::before{
		content: "使用技術";
	}

	/* listFlow */
	.iTPageWrapper .listFlow li{
		display: block;
		padding: 0 0 30px 30px;
	}
	.iTPageWrapper .listFlow li:not(:last-of-type)::before{
		height: calc(100% - 3px);
		top: 3px;
		left: 9px;
	}
	.iTPageWrapper .listFlow .num{
		width: auto;
		font-size: 1.4rem;
		margin: 0 0 10px 0;
	}
	.iTPageWrapper .listFlow .num span{
		font-size: 2.6rem;
	}
	.iTPageWrapper .listFlow .num::before{
		width: 19px;
		height: 19px;
		left: -30px;
		right: auto;
		transform: translateY(-50%);
	}
	.iTPageWrapper .listFlow .tit{
		width: auto;
		font-size: 1.4rem;
		margin: 0 0 5px 0;
	}
	.iTPageWrapper .listFlow .txt{
		border-left: none;
		padding: 0;
	}


	/*
		提供サービス
	-----------------------------------------------------------------------------------------------*/
	.inhousePageWrapper .ctsInBox{
		border-top: 4px solid #ffe632;
	}

	/* titLineArea */
	.servicePageWrapper .titLineArea{
		padding: 0 0 25px 0;
	}
	.inhousePageWrapper .titLineArea .boxL{
		margin: 0 0 25px 0;
	}
	.inhousePageWrapper .titLineArea .txtSub{
		font-size: 1.6rem;
	}
	.inhousePageWrapper .titLineArea .tit{
		margin: 0 0 25px 0;
	}
	.inhousePageWrapper .titLineArea .boxR{
		text-align: center;
	}
	.inhousePageWrapper .titLineArea .boxR img{
		width: 180px;
	}

	/* dataArea */
	.servicePageWrapper .dataArea{
		display: block;
	}
	.servicePageWrapper .dataArea .boxL{
		margin: 0 0 50px 0;
	}
	.servicePageWrapper .dataArea .btnBase{
		font-size: 1.4rem;
	}
	.servicePageWrapper .dataArea .boxR{
		width: 100%;
	}
	.servicePageWrapper .dataArea .boxR .titCheck{
		padding: 8px 10px;
		margin: 0 0 15px 0;
	}
	.servicePageWrapper .dataArea .listCheck{
		margin: 0 0 40px 0;
	}
	.servicePageWrapper .dataArea .listCheck li{
		margin: 0 0 10px 0;
	}

	/* dataArea color */
	.servicePageWrapper .dataArea.typePink .listCheck li::before{
		background: url("../images/ico_inhouseService_check_pink_sp.png") no-repeat center center / 100% auto;
	}
	.servicePageWrapper .dataArea.typeBlue .listCheck li::before{
		background: url("../images/ico_inhouseService_check_blue_sp.png") no-repeat center center / 100% auto;
	}

	/* performanceArea */
	.servicePageWrapper .performanceArea{
		padding: 20px 15px 15px 15px;
	}
	.servicePageWrapper .performanceArea .tit{
		font-size: 1.8rem;
		margin: 0 0 20px 0;
	}
	.servicePageWrapper .performanceArea .listUse{
		display: block;
	}
	.servicePageWrapper .performanceArea .listUse li,
	.servicePageWrapper .performanceArea .listUse li:not(:last-of-type){
		padding: 0 0 0 13px;
		position: relative;
	}
	.servicePageWrapper .performanceArea .listUse li:not(:last-of-type){
		border: none;
		margin: 0 0 5px 0;
	}
	.servicePageWrapper .performanceArea .listUse li::before{
		content: " ";
		display: block;
		width: 5px;
		height: 5px;
		background-color: #808080;
		border-radius: 50%;
		position: absolute;
		top: 7px;
		left: 0;
	}
}