:root {
	/* メイン */
	--c-main: var(--c-gradient);

	/* 青 */
	--c-blue: #38A4E7;
	--c-blue--light: #EBF6FD;

	/* 緑 */
	--c-green: #77DBCB;
	--c-green--light: #EEF9FB;
	--c-green--dark: #58C0D9;

	/* ボーダー */
	--c-bd: #CCE4EB;

	/* グラデーション */
	--c-gradient: linear-gradient(90deg, #77DBCB 0%, #38A4E7 100%);

	--g-sec--lg: clamp(4rem, 1.5rem + 6.67vw, 7.5rem);
	--g-sec--md: clamp(2.5rem, 0.714rem + 4.76vw, 5rem);
	--g-sec--sm: clamp(2.5rem, 1.786rem + 1.9vw, 3.5rem);
	
	/* --fz-xl: 6rem; */

	/*フォントサイズ 96px → 56px */
	--fz-xl: clamp(4rem, 3.05vw + 3.26rem, 6rem);
}

.footer-beforetest__sec-container {
	position: relative;
}
.footer-beforetest__bg {
	position: absolute;
	top: 0;
	left: calc(50% - 50vw);
	max-width: 100vw;
	width: 100vw;
	height: 100%;
	object-fit: cover;
	z-index: -1;
}

.footer-beforetest__ttl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: .5rem var(--g-sec--sm);
}
.footer-beforetest__main-ttl-en {
	color: var(--c-light);
}
.footer-beforetest__line {
	display: none;
}
.footer-beforetest__main-ttl {
    flex-grow: 1;
    font-weight: var(--fw-xl);
    font-size: clamp(1.25rem, 0.893rem + 0.95vw, 1.75rem);
}
@media (min-width: 960px) {
    .footer-beforetest__ttl {
        flex-wrap: nowrap;
    }
	.ftest-trouble__line-title {
        display: block;
        width: 2px;
        height: 3.5rem;
        background: var(--c-light);
    }
}