@charset "utf-8";

.service01 h2,
.service02 h2,
.step h2,
upsell_wide
#compare h2,
.service01 table,
section .inner,
p {
	max-width: 840px;
}
section.service01 {
	padding: 0;
	background-color: #ffffff;
}
.service01 table th.table-w01 {
	width: 40%;
}
.service01 table th.table-w02 {
	width: 28%;
}
.service01 table th.table-w03 {
	width: 14%;
}
.service01 table th.table-w04 {
	width: 10%;
}
section.service02 {
	padding-top: 90px;
}
section.service02 li {
	width: 800px;
}
p.txt {
	padding: 0 40px;
}

@media screen and (max-width: 767px) {
	.pdp-main .categoryMv_galleryInner img.product-image {
		min-width: 100%;
	}
	.slick-list {
		margin: 10px;
	}
	.flex {
		display: block;
	}
	.service01 h2,
	.service02 h2,
	.step h2,
	upsell_wide #compare h2,
	section .inner, p{
		max-width: 100%;
	}
	.service01 table {
		width: 100%;
	}
	p.txt {
		padding: 0 10px;
	}
	.upsell_wide {
		padding: 20px 10px;
	}
	.upsell_wide .p04_link {
		width: 100%;
		margin: 10px 0 40px;
	}
	.service01 table th,
	.service01 table td,
	.service01 table ol li {
		font-size: 1.0rem;
	}
	.service01 table th.table-w01 {
		width: 40%;
	}
	.service01 table th.table-w02 {
		width: 30%;
	}
	.service01 table th.table-w03 {
		width: 14%;
	}
	.service01 table th.table-w04 {
		width: 16%;
	}
	.service01 table td {
		padding: 10px 8px 10px;
	}
	
	.service02 {
		padding: 0;
		margin: 0 20px;
	}
	.service02 h3 {
		width: 100%;
	}
	.service02 ol, .service02 p {
		width: 100%;
	}
	.service02 ol,
	.service02 ul.list02 {
		margin: 0 10px;
	}
	section.service02 li {
		width: 100%;
	}
	section.service02 li a img {
		width: 50%;
	}
}