@charset "utf-8";
/* CSS Document */
.pagelinks{
	gap: 30px;
}
.cate1 .box_wrap{
	align-items: flex-start;
}
.cate1 .servicebox {
	width: 100%;
	padding: clamp(30px, 4vw, 55px);
	align-items: center;
	background-color: #dddddd;
}
.cate1 .servicebox .titlebox {
	width: 22%;
	padding-right: clamp(25px, 4vw, 60px);
	flex-shrink: 0;
}
.cate1 .servicebox .service_list {
	width: 78%;
	padding-left: clamp(30px, 4vw, 60px);
	border-left: 1px solid #999999;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 25px clamp(40px, 6vw, 90px);
}
.cate1 .box_wrap .pricebox{
	gap: 40px;
	width: 100%;
}
.cate1 .box_wrap .pricebox .priceitem{
	width: calc((100% - 80px)/3);
}
.cate1 .box_wrap .pricebox .priceitem .txtbox{
	align-items: flex-start;
	flex-direction: column;
}
.cate1 .box_wrap .pricebox .priceitem .txtbox h4{
	padding-bottom: 10px;
	border-bottom: #2E2F2A 1px solid;
	width: 100%;
}
.cate1 .box_wrap .pricebox .priceitem .txtbox .price span{
	font-size: clamp(17px, 1.5vw, 22px);
	padding-left: 2px;
	padding-right: 2px;
}
 .cate1 .box_wrap .more2{
	width: 100%;
}
.cate1 .box_wrap .pricebox .titlebox{
	flex-direction: column;
	gap: 10px;
	width: 100%;
}
/* ---------- IEのみ ---------- */
@media all and (-ms-high-contrast: none) {
}
/* ---------- 1280px ~ ---------- */
@media screen and (max-width: 1280px){
}
/* ---------- 1080px ~ ---------- */
@media screen and (max-width: 1080px){
	.cate1 .box_wrap .pricebox .priceitem{
		width: calc((100% - 40px)/2);
	}
	.cate1 .servicebox {
		flex-direction: column;
		align-items: flex-start;
		gap: 30px;
	}
	.cate1 .servicebox .titlebox {
		width: 100%;
		padding-right: 0;
	}
	.cate1 .servicebox .service_list {
		width: 100%;
		padding-top: 30px;
		padding-left: 0;
		border-top: 1px solid #999999;
		border-left: 0;
		gap: 20px 40px;
	}
}
/* ---------- 768px ~ ---------- */
@media screen and (max-width: 768px){

}
/* ---------- 576px ~ ---------- */
@media screen and (max-width: 576px){
	.cate1 .box_wrap .pricebox .priceitem{
		width: 90%;
	}
	.cate1 .servicebox {
		padding: 25px 20px;
		gap: 20px;
	}
	.cate1 .servicebox .service_list {
		width: 100%;
		padding-top: 20px;
		grid-template-columns: 1fr;
		gap: 12px;
	}
	.pagelinks {
		gap: 20px;
		flex-direction: column;
	}
}
/* ---------- 350px ~ ---------- */
@media screen and (max-width: 350px){
}