@media (max-width: 620px) {
	/*===============================
	MARK: common
	=================================*/
	html,
	body {
		overflow-x: hidden;
	}

	.pc-content {
		display: none !important;
	}
	.sp-content {
		display: block;
	}

	.container {
		padding-inline: 20px;
	}

	/*===============================
	MARK: header
	=================================*/
	.site-header {
		padding-block: 17px 10px;
		position: relative;
	}

	.site-logo {
		padding: 0;
		width: 38px;
	}

	.site-logo a {
		display: block;
	}

	.site-ttl {
		position: relative;
		left: 0;
		top: 0;
		transform: unset;
		width: 70%;
	}

	.sp-head {
		background: #f4f5f0;
		padding-block: 15px;
	}

	.sp-head img {
		width: 80%;
		margin-inline: auto;
	}

	/*===============================
	MARK: main content
	=================================*/
	.price01 {
		padding-block: 20px 40px;
	}

	.lead {
		margin-inline: 0;
		margin-bottom: 36px;
		margin-left: -10px;
	}

	.point {
		flex-direction: column;
		padding-inline: 15px;
	}

	.point .col-left,
	.point .col-right {
		width: 100%;
	}

	.point .col-left picture {
		margin-top: 0;
	}

	.price02 .heading h3 {
		padding: 1em;
		border-radius: 10px;
	}

	.variant {
		flex-direction: column;
		padding: 156px 20px 20px;
		margin-top: -110px;
		margin-inline: 15px;
		gap: 30px;
	}

	.variant .col-right {
		position: relative;
		border-top: dotted 4px #1d495a;
		border-left: none;
		padding-left: 0;
		padding-top: 30px;
	}

	#product ul li {
		width: 48%;
	}

	.lens {
		padding-block: 100px;
	}

	.lens-heading p {
		font-size: 1rem;
	}

	.lens .inner {
		background-color: #fff;
		padding-block: 30px;
		margin-top: 35px;
	}

	.lens .inner ul li {
		width: 50%;
		padding-inline: 10px;
		padding-block: 5px 10px;
	}

	.lens .inner ul li:nth-child(2),
	.lens .inner ul li:nth-child(4) {
		border-right: none;
	}

	.lens .inner ul li:nth-child(3) {
		border-right: 1px solid #1d495a;
	}

	.bnr-inner img {
		width: 180px;
	}

	/*===============================
	MARK: footer
	=================================*/
	.site-footer {
		padding-block: 80px 70px;
	}

	.footer-inner {
		flex-direction: column;
	}

	.footer-inner .btn-wrap {
		text-align: center;
		align-self: center;
	}

	.copyright {
		margin-top: 80px;
		font-weight: 400;
		font-size: var(--fz14);
	}
}