@charset "utf-8";

/* ランディングページ（LP）制作が効果的なケース */
.case_wrap{width: 86%!important;}
.case_wrap > div{width: 30%;}
.case_wrap > ul{width: 65%;}
.case_wrap li{
	padding: 60px 40px 40px;
	position: relative;
}
.case_wrap li .num{
	left: 35px;
	top: 0;
}
.case_wrap li h3{
	padding-left: 105px;
	margin-bottom: 40px;
}
.case_wrap li h3 span{
	font-weight: bold;
	font-size: 22px;
}
.case_wrap li h3 span span{color: #0497AF;}
.case_wrap li > div > p{
	font-size: 18px;
	line-height: 1.7;
}
.satellite{
	max-width: 1000px;
	width: 100%;
	margin: 0 auto;
	padding: 50px 40px 40px;
}
.satellite h3,.satellite h3 *{
	font-size: 25px;
	font-weight: bold;
}
.satellite li{
	background: #fff;
	border: 1px solid #1A1A1A;
	padding: 22px 28px;
	border-radius: 50px;
}
.satellite li p{
	color: #333!important;
	position: relative;
	padding-left: 1.2em;
}
.satellite li p::before{
	content: "";
	width: .6em;
	aspect-ratio: 1/1;
	background: #ccc;
	border-radius: 50%;
	border: 1px solid #1A1A1A;
	position: absolute;
	left: 0;
	top: .5em;
}
.satellite li img{margin: 0 0 .2em .4em;}

/* ランディングページ（LP）の制作実績 */
.work_slide{background: url("../images/check_clear_bg.svg") center / 15px repeat;}

/* ランディングページ（LP）・サテライトサイト制作プラン */
.support_service_top > div::after{width: calc(100% - 410px)!important;}

/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* ランディングページ（LP）制作が効果的なケース */
	.case_wrap li{padding: 40px 25px 25px;}
	.case_wrap li .num{left: 25px;}
	.case_wrap li h3{
		padding-left: 90px;
		margin-bottom: 30px;
	}
	.case_wrap li h3 span{font-size: 17px;}
	.case_wrap li > div > p{font-size: 14px;}
	.satellite{
		padding: 30px 25px 25px;
		max-width: 700px;
	}
	.satellite h3,.satellite h3 *{font-size: 20px;}
	.satellite li{padding: 15px 20px;}
	.satellite li img{
		width: auto;
		height: 1.7em;
	}
	
	/* ランディングページ（LP）・サテライトサイト制作プラン */
	.support_service_top > div::after{width: calc(100% - 320px)!important;}
}

/* 750px以下から
------------------------------------------------------------*/
@media only screen and (max-width:750px){

	/* ランディングページ（LP）制作が効果的なケース */
	.case_wrap > *{width: 100%!important;}
	.case_wrap > div{
		margin-bottom: 30px;
		position: relative;
	}
	.case_wrap .title{padding-right: 140px;}
	.case_wrap > div > p{margin-bottom: 0!important;}
	.case_wrap > div img{
		width: 150px;
		position: absolute;
		right: 0;
		transform: scale(-1,1);
		top: -45px;
	}
	
	/* ランディングページ（LP）・サテライトサイト制作プラン */
	.plan_dl > div:first-child{margin-bottom: 50px!important;}
}

/* 500px以下から
------------------------------------------------------------*/
@media only screen and (max-width:500px){
	
	/* ランディングページ（LP）制作が効果的なケース */
	.case_wrap > div > img{
		width: 140px;
		height: 150px;
		object-fit: cover;
		object-position: center top;
	}
	.case_wrap li{padding: 25px 18px 20px;}
	.case_wrap li h3{
		padding: 0;
		line-height: 2.7;
		margin-bottom: 20px;
	}
	.case_wrap li .num{
		left: auto;
		right: 15px;
	}
	.satellite{padding: 25px 15px;}
	
	/* ランディングページ（LP）・サテライトサイト制作プラン */
	.plan_dl > div:first-child{margin-bottom: 60px!important;}
}