@charset "UTF-8";

#conceptTxt{
	text-align: center;
	padding: 0 68px;
	margin-bottom: 102px;
}
#conceptTxt h4{
	margin-bottom: 68px;
}

#aboutBox{
	position: relative;
	width: calc(100% - 68px);
	padding: 68px;
	margin: 34px;
	background: url("/parts/common/img/bg_sand.png") center top #f7f7ee;
	border-radius: 10px;
}
#aboutBox #recommendedBox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#aboutBox #recommendedBox li{
	width: calc(100% / 3);
	max-width: 422px;
	padding: 0 17px;
	margin-top: 34px;
}
#aboutBox #recommendedBox li strong{
	display: block;
	text-align: center;
	font-size: 114%;
	line-height: 1.3;
	padding: 0.8em 10px 0.4em 10px;
}
#aboutBox #recommendedBox li span{
	display: block;
	padding: 0 10px;
	font-size: 87%;
}

.lineImg{
	text-align: center;
	margin: 85px 0;
}
.lineImg img{
	max-width: 238px;
}

#aboutBox #whichpartBox ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#aboutBox #whichpartBox ul > li{
	width: calc(100% / 2);
	max-width: 526px;
	padding: 0 17px;
	margin-top: 34px;
}
#aboutBox #whichpartBox li strong{
	display: block;
	text-align: center;
	font-size: 114%;
	line-height: 1.3;
	padding: 0.8em 10px 0.4em 10px;
}
#aboutBox #whichpartBox li span{
	display: block;
	padding: 0 10px;
	font-size: 87%;
}
#aboutBox #whichpartBox ol{
	background: #e2e2d3;
	border-radius: 5px;
	padding: 10px 15px 15px 15px;
	margin: 0.5em 0;
}
#aboutBox #whichpartBox ol li{
	display: inline-block;
	white-space: nowrap;
	margin: 5px 1.5em 0 0;
	font-weight: 700;
}

#cvBox{
	background: url("/parts/common/img/bg_blue.png") center top #f2fbfb;
	padding: 102px 68px;
}
#cvBox p{
	text-align: center;
}
#cvBox ul{
	display: flex;
	justify-content: center;
	margin-top: 34px;
}
#cvBox ul li{
	max-width: 160px;
	padding: 0 5px;
}
#cvBox #mv01{
	transform: rotate(5deg);
}
#cvBox #mv02{
	transform: rotate(-5deg);
}
#cvBox #mv03{
	transform: rotate(-5deg);
}
#cvBox #mv04{
	transform: rotate(5deg);
}

@media screen and (max-width: 1200px) {

	#conceptTxt{
		padding: 0 34px;
	}

	#aboutBox{
		padding: 34px;
	}

	#cvBox{
		padding: 102px 34px;
	}

}

@media screen and (max-width: 1024px) {/* iPad pro */


}

@media screen and (max-width: 920px) {/* vw */

	#conceptTxt{
		padding: 0 4vw;
		margin-bottom: 12vw;
		text-align: left;
	}
	#conceptTxt h4{
		margin-bottom: 6vw;
		text-align: left;
	}

	#aboutBox{
		width: calc(100% - 8vw);
		padding: 12vw 2.5vw;
		margin: 4vw;
	}

	#aboutBox #recommendedBox li{
		width: calc(100% / 2);
		max-width: inherit;
		padding: 0 1.5vw;
		margin-top: 4vw;
	}
	#aboutBox #recommendedBox ul{
		justify-content: flex-start;
	}
	#aboutBox #recommendedBox li strong{
		padding: 0.8em 1.5vw 0.4em 1.5vw;
	}
	#aboutBox #recommendedBox li span{
		padding: 0 1.5vw;
	}

	.lineImg{
		text-align: center;
		margin: 6vw 0;
	}
	.lineImg img{
		width: 50vw;
		max-width: inherit;
	}

	#aboutBox #whichpartBox ul > li{
		width: calc(100% / 1.2);
		max-width: inherit;
		padding: 0;
		margin-top: 4vw;
	}
	#aboutBox #whichpartBox li strong{
		padding: 0.8em 1.5vw 0.4em 1.5vw;
	}
	#aboutBox #whichpartBox li span{
		padding: 0 1.5vw;
	}
	#aboutBox #whichpartBox ol{
		padding: 1.5vw 2vw 2vw 2vw;
	}
	#aboutBox #whichpartBox ol li{
		margin: 0.5vw 1.5em 0 0;
	}

	#cvBox{
		background: url("/parts/common/img/bg_blue.png") center top #f2fbfb;
		padding: 12vw 4vw;
	}
	#cvBox ul{
		margin-top: 4vw;
	}
	#cvBox ul li{
		max-width: 20vw;
		padding: 0 0.5vw;
	}

}

@media screen and (max-width: 768px) {/* TB */


}

@media screen and (max-width: 759px) {/* SP */


}