@charset "UTF-8";


/* ================================================================================
KV
================================================================================ */
#head
{
	min-width: 1100px;
	padding: 1rem 1rem;
	background-size: cover;
background-repeat: no-repeat;
background-image: url("../image/contact/head_bg.png");

}

#head > .inner
{
	width: 1100px;
	margin: 0 auto;
	position: relative;
}

#head .img
{
	width: 120px;
}


/* ================================================================================
KV
================================================================================ */
#KV
{
	min-width: 1100px;
	padding: 7rem 0 25rem;
position: relative;
background-repeat: no-repeat;
background-size: contain;
background-image: url("../image/front-page/bg_water_1.png");
background-position: 0% 100%;
}
#KV > .inner
{
	width: 680px;;
	margin: 0 auto;
	position: relative;
}

#KV h1
{
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 30px;
}

#KV span
{
color: #C63165;
}


#KV p
{
line-height: 2;
font-size: 16px;
margin-bottom: 30px;
}

#KV .box
{
	width: 680px;
	margin-bottom: 50px;
	padding: 50px;
	box-shadow: 0px 0px 5px rgba(51,51,51,0.3);

}

#KV .form
{
display: flex;
align-items: center;
margin-bottom: 20px;
}

#KV h2
{
width: 150px;
}

#KV .name1
{
width: 183px;
margin-left: 10px;
margin-right: 5px;
}

#KV .name2
{
width: 183px;
margin-left: 10px;

}

#KV .company
{
	width: 425px;
}

#KV .department
{
	width: 425px;
}

#KV .mail
{
	width: 425px;
}

#KV .tele
{
	width: 425px;
}

#KV .title
{
	width: 425px;
}

#KV .know
{
	width: 425px;
}

#KV .explain
{
width: 425px;
margin-bottom: 30px;
}

#KV .send
{
border-radius: 0;
width: 392px;
background-image: url("../image/contact/contact_buton.png");
height: 137px;

margin-bottom: 50px;
}

#KV .img1
{
width: 269px;
margin: 0 auto;
}


#KV .box2
{
padding: 20px 0;
margin: 0 auto;
border: 1px solid #309EE2;
width: 492px;
}

#KV .fbox
{
	display: flex;
	align-items: center;
	margin: 0 auto;
	width: 375px;
}

#KV .img2
{
width: 61px;
margin-right: 10px;

}

#KV .number
{
font-size: 40px;
color: #309EE2;
margin-bottom: 0;
}


#KV .text
{
font-size: 16px;
text-align: center;
font-weight: bold;}

/* ========================================
SP
======================================== */
@media screen and (max-width: 767px)
{

	#head
	{
		min-width: 100vw;
		padding: 1rem 1rem;
		background-size: cover;
	background-repeat: no-repeat;
	background-image: url("../image/contact/head_bg.png");

	}

	#head > .inner
	{
		width: 90vw;
		margin: 0 auto;
		position: relative;
	}

	#head .img
	{
		width: 30vw;
	}


	#KV
	{
		min-width: 100vw;
		padding: 5rem 0 15rem;
	background-repeat: no-repeat;
	}
	#KV > .inner
	{
		width: 90vw;
		margin: 0 auto;
		position: relative;
	}

	#KV h1
	{
		font-size: 28px;
		font-weight: bold;
		margin-bottom: 30px;
	}

	#KV span
	{
	color: #C63165;
	}


	#KV p
	{
	line-height: 2;
	font-size: 16px;
	margin-bottom: 30px;
	}

	#KV .box
	{
		width: 90vw;
		margin-bottom: 50px;
		padding: 5vw;
		box-shadow: 0px 0px 5px rgba(51,51,51,0.3);

	}

	#KV .form
	{
	display: block;
	align-items: center;
	margin-bottom: 4vw;
	}

	#KV h2
	{
	width: 90vw;
	font-size: 4vw;
	font-weight: bold;
	margin-bottom: 1vw;
	}

	#KV .name1
	{
	width: 32vw;
	margin-left: 2vw;
	margin-right: 1vw;
	}

	#KV .name2
	{
	width: 32vw;
	margin-left: 2vw;

	}

	#KV .company
	{
		width: 80vw;
	}

	#KV .department
	{
		width: 80vw;
	}

	#KV .mail
	{
		width: 80vw;
	}

	#KV .tele
	{
		width: 80vw;
	}

	#KV .title
	{
		width: 80vw;
	}

	#KV .know
	{
		width: 80vw;
	}

	#KV .explain
	{
		width: 80vw;
	margin-bottom: 5vw;
	}

	#KV .send
	{
	border-radius: 0;
	width: 90vw;
	background-image: url("../image/contact/contact_buton_sp.png");
	background-repeat: no-repeat;
	background-position: center;
	height: 40vw;

	margin-bottom: 10vw;
	}

	#KV .img1
	{
	width: 60vw;
	margin: 0 auto;
	}


	#KV .box2
	{
	padding: 2vw 0;
	margin: 0 auto;
	border: 1px solid #309EE2;
	width: 90vw;
	}

	#KV .fbox
	{
		display: flex;
		align-items: center;
		margin: 0 auto;
		width: 65vw;
	}

	#KV .img2
	{
	width: 10vw;
	margin-right: 2vw;

	}

	#KV .number
	{
	font-size: 7vw;
	color: #309EE2;
	}


	#KV .text
	{
	font-size: 4vw;
	text-align: center;
	font-weight: bold;}


}



/* ======================================== end ======================================== */