/* マウスストーカー */

#mouse-stalker{
	pointer-events: none;
	position: fixed;
	top: -10px;
	left: -10px;
	width: 30px;
	height: 30px;
	border: solid 2px white;
	border-radius: 50%;
	transform: translate(0, 0);
	transition: transform 0.2s;
	transition-timing-function: ease-out;
	z-index: 999;
}
#mouse-stalker.is_active{
	top: -40px;
	left: -40px;
	width: 120px;
	height: 120px;
	transition: 0.2s;
	background: none;
}
#mouse-stalker.is_active::after{
	content: "more";
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: white;
}

.cls-1 {
    stroke: var(--side-c);
    stroke-width: 0.5px;
    stroke-dasharray: 800px;
    animation: svg 2.4s ease-in both;
    animation-play-state: paused;
}
.animate {
    animation-play-state: running; 
}

@keyframes svg {
    0% {
        fill: transparent;
        stroke-dashoffset: 800px;
    }
    80% {
        fill: transparent;
    }
    100% {
        stroke-dashoffset: 0;
    }
}

/* 横スクロールエリア */

#content{
    background: var(--base-c);
    background-image: url("https://www.transparenttextures.com/patterns/exclusive-paper.png");
	opacity: 1; /* 初期状態は透明 */
	transition: opacity 2s ease; 
}

#content .container{
	display: flex;
	mix-blend-mode: multiply;
}
#content .wrapper{
	position: relative;
	width: 100vw;
	height: 100vh;
	display: flex;
}
#content .h-list{
	position: relative;
	display: flex;
	gap: 100px;
}
.form-area{
	margin-bottom: 10px;
}
.wpcf7-form-control-wrap{
	flex: 1;
}
input.wpcf7-submit{
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding: 10px 20px;
	line-height: 1;
}
.google-policy{
	font-size: 0.8rem;
	height: 9px;
    overflow-x: scroll;
}
.google-policy a{
	color: var(--base-c);
	display: inline-block;
}



@media screen and (max-width:599px){
	

	#content .wrapper{
		height: 100%;
		display: contents;
	}
	#content .h-list{
		display: block;
		height: 100%;
	}
	.wpcf7-form-control-wrap{
		width: 100%;
	}

}