@charset "utf-8";
/* lenis */
html.lenis { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto; }
.lenis.lenis-scrolling  iframe { pointer-events: none; }
.lenis.lenis-stopped { overflow: hidden; }
/* headline */
.main-contact {
	top: 50vh;
    right: auto;
    left: 50%;
    z-index: 1;
    align-items: center;
    transform: translateX(-50%) translateY(-50%);
    position: absolute;
	text-align: center;
}
body.is-loaded .main-contact > h2 { animation: stretchL 1.5s ease 1.5s forwards; }
.main-contact > h2 > span { font-size: clamp(16px, 1.07142857vw, 18px); }
.main-contact > h2 > img { width: auto; height: clamp(26px, 3.0952381vw, 52px); }

.main-contact > p {
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 2;
	margin: clamp(15px, 5.95238096vw, 100px) 0 clamp(15px, 4.76190476vw, 80px);
}
body.is-loaded .main-contact > p {
	animation: fadeUpAnime  1.5s ease-out 3.5s forwards;
	white-space: nowrap;
}
@media screen and (max-width: 767px) {
	body.is-loaded .main-contact > p { font-size: 13px;}
}

.main-contact ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 30px;
}
body.is-loaded .main-contact ul { animation: fadeUpAnime  1.5s ease-out 3.5s forwards;}
.main-contact ul li { width: clamp(220px, 23.8095238vw, 400px);}
.main-contact ul li img { width: 100%;}
@media screen and (max-width: 767px) {
	.main-contact ul { flex-direction: column; gap: 15px;}
}