.contact__inner {
	position: relative;
    padding: var(--g-sec--md) 0 clamp(8rem, 6.86vw + 6.33rem, 12.5rem);
	max-width: 60rem;
    margin-inline: auto;
}
.contact__bg {
	position: absolute;
    content: "";
    top: 0;
    left: calc(50% - 50vw);
    width: 100vw;
    height: 100%;
    background: linear-gradient(#f5fbfe, #ffffff 50%, #f5fbfe);
    z-index: -1000;
}


/*===============================================================================
　電話でのお問い合わせ
================================================================================*/
.contact__cta-sec {
	position: relative;
	padding: clamp(2.5rem, 1.786rem + 1.9vw, 3.5rem) 1.25rem clamp(4rem, 1.52vw + 3.63rem, 5rem);
	background: var(--c-light);
	border-radius: 16px;
	outline: 1px solid var(--c-blue);
    outline-offset: -.5rem;
	max-width: 60rem;
	margin-inline: auto;
	box-shadow: 0 0 16px rgba(14, 90, 167, .1);
	z-index: 0;
	margin-bottom: var(--g-sec--md);
}
.contact__cta-sec::before {
	position: absolute;
	content: "";
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	background: url(/wp-content/uploads/cta5.png);
	background-size: cover;
	height: clamp(6rem, 8.76vw + 3.86rem, 11.75rem);
	width: clamp(15rem, 26.67vw + 8.5rem, 32.5rem);
	z-index: -1;
}
.contact__cta-ttl {
	position: relative;
	padding: clamp(.75rem, .76vw + .56rem, 1.25rem) 0 clamp(.25rem, .38vw + .16rem, .5rem);
	z-index: 0;
	color: var(--c-main);
	text-align: center;
	margin-bottom: clamp(1.75rem, 1.14vw + 1.47rem, 2.5rem);
}
.contact__cta-ttl::before {
	position: absolute;
	content: "CONTACT";
	color: var(--c-blue);
	top: 0;
	left: 50%;
	transform: translateX(-50%);
	font-size: clamp(3.25rem, 2.67vw + 2.6rem, 5rem);
	font-weight: var(--fw-xl);
	line-height: var(--lh-xs);
	opacity: .3;
	z-index: -1;
}
.contact__cta-Btnconteiner {
    --count: 1;
    --gap: clamp(1.25rem, 1.9vw + .79rem, 2.5rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: var(--gap);
    margin-inline: auto;
    max-width: 52.5rem;
}
@media (min-width: 768px) {
    .contact__cta-Btnconteiner {
        --count: 2;
    }
}
.contact__cta-Btncontent {
    position: relative;
    width: calc((100% - var(--gap) * (var(--count) - 1)) / var(--count));
    margin-top: .75rem;
}
.contact__cta-microcopy {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 1;
    width: 20rem;
    padding: .25rem 1.25rem;
    text-align: center;
    background: var(--c-light);
    border-radius: 100vmax;
    font-size: clamp(.75rem, .38vw + .66rem, 1rem);
    font-weight: var(--fw-lg);
    line-height: var(--lh-xs);
    border: 2px solid var(--c-act02);
    color: var(--c-act02);
}


/*===============================================================================
　LINEでのお問い合わせ
================================================================================*/
.contact__line-sec {
	padding-bottom: var(--g-sec--md);
	border-bottom: 1px dashed var(--c-blue);
	margin-bottom: var(--g-sec--md);
}
.contact__sub-ttl {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	color: var(--c-main);
	font-size: clamp(1rem, .38vw + .91rem, 1.25rem);
	font-weight: var(--fw-xl);
	margin-bottom: clamp(1.75rem, 1.14vw + 1.47rem, 2.5rem);
}
.contact__lineBtn {
	margin-inline: auto;
}
.contact__form-content {
	width: 100%;
	max-width: 50rem;
	margin-inline: auto;
}

.contact__nami {
	position: absolute;
    bottom: 0;
    left: calc(50% - 50vw);
    z-index: -900;
    width: 100vw;
}