/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 06 2025 | 01:39:54 */
/* CTA */
.cta {
	background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/cta-bg-1.webp);
}
.cta h2 {
	font-weight: normal;
	font-size: calc(32rem / 16);
}
.cta .tel-area,
.cta .LINE-area {
	border-radius: 10px;
	padding: 60px 48px;
}
@media (max-width: 900px) {
	.cta .tel-area,
	.cta .LINE-area {
		padding: 40px 20px;
	}
}
.cta .tel-area{
	border: 2px solid var(--color_main);
}
.cta .LINE-area {
	border: 2px solid #06C755;
}
@media (max-width: 959px) {
	.cta h3 {
		font-size: calc(24rem / 13.5);
		margin-bottom: 30px;
	}
}
.cta .swell-block-button.btn .swell-block-button__link  {
	width: 100%;
	font-weight: normal;
	font-size: calc(24rem / 16);
}
@media (max-width: 959px) {
	.cta .swell-block-button.btn .swell-block-button__link  {
		font-size: calc(24rem / 13.5);
		padding: 16px 20px;
	}
}
.cta .LINE-area .swell-block-button.btn.mail a  {
	border-color: #d3ce05;
}
.cta .LINE-area .swell-block-button.btn.line a  {
	border-color: #06C755;
}
.cta .swell-block-button.btn .__icon {
	position: relative;
	top: 5px;
	right: auto;
	transform: none;
}
.cta .LINE-area .swell-block-button.btn.mail a:hover {
	color: #d3ce05;
}
.cta .LINE-area .swell-block-button.btn.line a:hover {
	color: #06C755;
}
.cta .LINE-area .swell-block-button.btn span {
	position: relative;
	width: max-content;
	margin: 0 auto;
	transform: translatex(20px);
}
.cta .LINE-area .swell-block-button.btn.line span::before {
	content: "";
	position: absolute;
	top: 50%;
	left: -50px;
	transform: translatey(-50%);
	width: 40px;
	height: 40px;
	background-image: url(https://noritoto.xsrv.jp/flex/wp-content/uploads/2025/09/icon-LINE.webp);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
}
@media (max-width: 959px) {
	.cta .text {
		font-size: calc(20rem / 13.5);
		text-align: center;
	}
}