@charset "UTF-8";


/* ================================================================================
KV
================================================================================ */
#head
{
	min-width: 1100px;
	padding: 1rem 0;
	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 .title
{
line-height: 2;
font-size: 16px;
margin-bottom: 30px;
}


#KV h2
{
	font-size: 20px;
	font-weight: bold;
}

#KV .box
{
display: flex;
align-items: center;
border: 1px solid #C7C7C7;
height: 240px;
margin-bottom: 60px;
}

#KV .lbox
{
width: 340px;
}

#KV .img3
{
width: 217px;
margin: 0 auto;
}

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

#KV .img5
{
width: 60px;
margin: 0 auto;
}

#KV .img6
{
width: 529px;
margin: 0 auto 80px;
}


#KV .rbox
{
width: 340px;
}

#KV h3
{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 15px;
}

#KV .box3
{
padding: 10px 20px;
width: 303px;
border: 1px solid #309EE2;
}


#KV .blue
{
color: #3C8FD6;
font-size: 16px;
line-height: 2;
}


#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)
{

	/* ================================================================================
	KV
	================================================================================ */
	#head
	{
		min-width: 100vw;
		padding: 1rem 0;
		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: 20vw;
	}

	#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: 6vw;
		font-weight: bold;
		margin-bottom: 5vw;
	}

	#KV span
	{
	color: #C63165;
	}


	#KV .title
	{
	line-height: 2;
	font-size: 4vw;
	margin-bottom: 5vw;
	}

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

	#KV .box
	{
	padding: 6vw 2vw;
	display: block;
	align-items: center;
	border: 1px solid #C7C7C7;
	height: 80vw;
	margin-bottom: 5vw;
	}

	#KV .lbox
	{
	width: 90vw;
	}

	#KV .img3
	{
	width: 40vw;
	margin: 0 auto 10vw;
	}

	#KV .img4
	{
	width: 70vw;
	margin: 0 auto;
	}

	#KV .img5
	{
	width: 15vw;
	margin: 0 auto 10vw;
	}

	#KV .img6
	{
	width: 90vw;
	margin: 0 auto 10vw;
	}


	#KV .rbox
	{
	width: 80vw;
	margin: 0 auto;
	}

	#KV h3
	{
		font-size: 4vw;
		font-weight: bold;
		margin-bottom: 3vw;
	}

	#KV .box3
	{
	padding: 4vw 4vw;
	margin: 0 auto;
	width: 80vw;
	border: 1px solid #309EE2;
	}


	#KV .blue
	{
	color: #3C8FD6;
	font-size: 4vw;
	line-height: 2;
	}

	#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 ======================================== */