@charset "UTF-8";

/*
 * LP
 */
.stw-intro{
	overflow: hidden;
}
.stw-intro__bgImg{
	width: 100%;
}
@media screen and (max-width: 1200px){
	.stw-intro{
	}
	.stw-intro__bgImg{
		height: 400px;
		width: calc(400px * (1920/650));
		max-width: unset;
		position: relative;
		top: 0;
		left: calc(50vw - (400px * (1920/650)/2)) ;
	}
}
@media screen and (min-width: 1500px){
	.stw-intro{
		height: 500px;
	}
	.stw-intro__bgImg{
		position: relative;
		top: calc(-100vw * (650/1920) / 2 + 250px);
		left: 0;
	}
}
.stw-improveComparison__arrow,
.stw-improveComparison__after{
	position: relative;
	opacity: 0;
	left: -50px;
	transition: opacity 1s, left 1s;
}
.stw-improveComparison.is-active .stw-improveComparison__arrow,
.stw-improveComparison.is-active .stw-improveComparison__after{
	opacity: 1;
	left: 0px;
}
.stw-improveComparison__arrow{
	transition-delay: 0s;
}
.stw-improveComparison__after{
	transition-delay: 0.25s;
}

/*
 * 導入前お問い合わせフォーム
 */
.stw-formSec{
	width: calc(100% - 4rem);
	max-width: 800px;
}
.stw-inputForm{
	margin: 0.5rem auto 0 auto;
	display: flex;
	-webkit-display: flex;
}
.stw-inputForm__dt{
	width: 25%;
	padding: 2rem;
	box-sizing: border-box;
	display: flex;
	-webkit-display: flex;
	justify-content: center;
	align-items: center;
}
.stw-inputForm__dd{
	width: 75%;
	padding: 2rem;
	box-sizing: border-box;
	text-align: left;
}
.stw-inputForm .invalid-feedback{
	display: block;
	margin-top: 0.5rem;
}
.stw-inputForm #original_form_textarea{
	min-height: 120px;
}