@charset "UTF-8";

/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





	
/* mainimages
--------------------- */
#mainimages {
	font-family: "Noto Serif JP", sans-serif,'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif !important;
	background: url("../img/mainimage.png") no-repeat center top;
	background-size: cover;
	height: 900px;
	position: relative;
}
	#mainimages p {
		position: absolute;
		top: 300px;
		left: 200px;
		font-size: 4rem;
		color: #b7009f;
		letter-spacing: 0.5em;
		line-height: 2.5;
	}
	#mainimages p strong {
		font-size: 5rem;
		font-weight: bold;
	}
	#mainimages p span {
		background: #FFF;
		padding: 10px 30px;
	}



/* ABOUT
--------------------- */
#ABOUT {
	position: relative;
	z-index: 100;
	padding-bottom: 100px;
}
	#ABOUT .title {
		text-align: left;
	}


	#ABOUT .txtArea {
		width: 600px;
		background: #FFF;
		margin-top: -100px;
		padding: 70px;
	}
	#ABOUT .txtArea > p {
		font-size: 2.2rem;
		letter-spacing: 0.2em;
		line-height: 2.5;
	}
	#ABOUT .txtArea p strong {
		font-weight: normal;
		color: #b7009f;
	}

	#ABOUT .phtArea {
		position: absolute;
		top: 200px;
		right: 0;
		width: 50%;
	}
		#ABOUT .phtArea dl {
			text-align: center;
		}
		#ABOUT .phtArea dl dt {
			color: #b7009f;
			margin-bottom: 20px;
		}
			#ABOUT .phtArea dl dd {
			}
			#ABOUT .phtArea dl dd li {
				float: left;
				width: 50%;
			}
			#ABOUT .phtArea dl dd li span {
				display: block;
				margin-bottom: 10px;
			}
			#ABOUT .phtArea dl dd li img {
				width: 100%;
				height: auto;
			}



/* NEWS
--------------------- */
#NEWS {
	position: relative;
	z-index: 100;
	padding: 100px 0;
}
	#NEWS dl {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px #f2f2f2 solid;
	}
		#NEWS dl dt {
			float: left;
			width: 100px;
		}
		#NEWS dl dd {
			float: right;
			width: 900px;
		}
	#NEWS dl:last-child {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}



/* SERVICE
--------------------- */
#SERVICE {
	background: #fbf2fa;
	padding: 80px 0;
	margin-bottom: 100px;
}
	#SERVICE .read {
		text-align: center;
		font-size: 1.8rem;
		color: #b7009f;
		margin-bottom: 60px;
	}

#SERVICE .dt {
	padding: 0 50px;
	margin-bottom: 80px;
}
	#SERVICE .dt img {
		width: 100%;
		height: auto;
	}
	#SERVICE .dt dl {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	#SERVICE .dt dl:nth-child(3n) {
		float: right;
		margin-right: 0%;
	}
	#SERVICE .dt dl dt {
		margin-bottom: 15px;
	}
	#SERVICE .dt dl dd h3 {
		margin-bottom: 10px;
		text-align: center;
		color: #b7009f;
		font-weight: normal;
	}

#SERVICE .step {
	margin: 0 50px;
	padding: 100px;
	background: url("../img/bg_step.png") no-repeat center;
	background-size: cover;
	position: relative;
}
	#SERVICE .step p {
		width: 1040px;
		margin: 0 auto;
	}
		#SERVICE .step p img {
			width: 100%;
			height: auto;
		}
	#SERVICE .step dl {
		position: absolute;
		top: 100px;
		left: 50%;
		margin-left: -520px;
		width: 400px;
	}
		#SERVICE .step dl dt {
			font-size: 3rem;
			letter-spacing: 0.3em;
		}
		#SERVICE .step dl dd {
			margin-top: 30px;
			line-height: 2.5;
		}

#SERVICE .performance01 {
	position: relative;
	margin-top: 100px;
}

	#SERVICE .performance01 .bg {
		position: absolute;
		top: 80px;
		left: 0;
		background: #f9ebf7;
		width: 60%;
		height: 1000px;
	}


	#SERVICE .performance01 p {
		position: relative;
		z-index: 100;
	}
	#SERVICE .performance01 p.img {
		width: 500px;
		position: absolute;
		top: 350px;
		left: 50%;
		margin-left: 180px;
	}
	#SERVICE .performance01 p img {
		width: 100%;
		height: auto;
	}



#SERVICE .performance02 {
	position: relative;
	margin-top: 100px;
}
	#SERVICE .performance02 p {
		position: relative;
		z-index: 100;
	}
	#SERVICE .performance02 p img {
		width: 100%;
		height: auto;
	}
	#SERVICE .performance02 .bg {
		position: absolute;
		top: 80px;
		right: 0;
		background: #f9ebf7;
		width: 60%;
		height: 900px;
	}



#SERVICE .performance03 {
	position: relative;
	margin-top: 100px;
}
	#SERVICE .performance03 p {
		position: relative;
		z-index: 100;
	}

	#SERVICE .performance03 p img {
		width: 100%;
		height: auto;
	}
	#SERVICE .performance03 .bg {
		position: absolute;
		top: 80px;
		left: 0;
		background: #f9ebf7;
		width: 60%;
		height: 855px;
	}





/* VOICE
--------------------- */
#VOICE {
	margin-bottom: 100px;
}
	#VOICE .cbox a {
		display: block;
		width: 320px;
		float: left;
		margin-right: 40px;
		text-align: center;
	}
	#VOICE .cbox a:nth-child(3n) {
		float: right;
		margin-right: 0px;
	}
	#VOICE .cbox a img {
		width: 100%;
		height: auto;
	}
	#VOICE .cbox a dt {
		margin-bottom: 10px;
	}

	#VOICE .btn {
		margin: 0 auto;
		margin-top: 50px;
	}



/* CONTACT
--------------------- */
#CONTACT {
	background: #fbf2fa;
	padding: 80px 0;
}
/* contact
--------------------- */
.whitebox {
	background: #FFF;
	padding: 50px 50px 60px 50px;
}

	.whitebox form {
		width: 670px;
		margin: auto;
	}
		.whitebox form dl {
			margin-bottom: 35px;
		}
		.whitebox form dl:nth-child(5) {
			margin-bottom: 15px;
		}
			.whitebox form dl dt {
				color:  #b7009f;
				margin-bottom: 10px;
			}

			.whitebox form dl dd .textbox01 {
				width: 100%;
				background: #f2f2f2;
				border: none;
				padding: 30px;
			}

			.whitebox form dl dd textarea {
				width: 100% !important;
				height: 380px !important;
				background: #f2f2f2;
				border: none;
				padding: 30px;
			}

		.whitebox form .txt {

			text-align: center;
			margin-bottom: 40px;
		}
			.whitebox form .txt a {
				color: #008e4b;
				text-decoration: underline;
			}
			.whitebox form .txt a:hover {
				text-decoration: none;
			}

		.whitebox form .cta_btn {
			width: 344px;
			margin: auto;
			margin-top: 50px;
			
		}
			.whitebox form .cta_btn .wpcf7-submit {
				width: 100%;
				height: 60px;
				border: none;
				background: #ff00cd;
				background: -moz-linear-gradient(45deg, #ff00cd 0%, #6c00c9 100%);
				background: -webkit-linear-gradient(45deg, #ff00cd 0%,#6c00c9 100%);
				background: linear-gradient(45deg, #ff00cd 0%,#6c00c9 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00cd', endColorstr='#6c00c9',GradientType=1 );
				font-size: 2rem;
				color: #fff;
				cursor: pointer;
			}







/* 1024px */
@media screen and (max-width: 1024px) {
	
	
}





/* max 768px */
@media screen and (max-width: 768px) {

	
/* mainimages
--------------------- */
#mainimages {
	background: url("../img/mainimage.png") no-repeat center top;
	background-size: cover;
	height: 350px;
	position: relative;
}
	#mainimages p {
		position: absolute;
		top: 100px;
		left: 50px;
		font-size: 1.6rem;
		color: #b7009f;
		letter-spacing: 0.2em;
		line-height: 2.5;
	}
	#mainimages p strong {
		font-size: 2.4rem;
		font-weight: bold;
	}
	
	#mainimages p span {
		background: #FFF;
		padding: 10px 10px 5px 10px;
	}



/* ABOUT
--------------------- */
#ABOUT {
	position: relative;
	z-index: 100;
	padding: 10% 5%;
}
	#ABOUT .title {
		text-align: left;
	}


	#ABOUT .txtArea {
		width: 100%;
		background: #FFF;
		margin-top: 0px;
		margin-bottom: 10%;
		padding: 0px;
	}
	#ABOUT .txtArea > p {
		font-size: 1.6rem;
		letter-spacing: 0.2em;
		line-height: 2.5;
	}
	#ABOUT .txtArea p strong {
		font-weight: normal;
		color: #b7009f;
	}

	#ABOUT .phtArea {
		position: relative;
		top: 0px;
		right: 0;
		width: 100%;
	}
		#ABOUT .phtArea dl {
			text-align: left;
		}
		#ABOUT .phtArea dl dt {
			color: #b7009f;
			margin-bottom: 20px;
		}
			#ABOUT .phtArea dl dd {
			}
			#ABOUT .phtArea dl dd li {
				float: left;
				width: 50%;
			}
			#ABOUT .phtArea dl dd li span {
				display: block;
				margin-bottom: 20px;
				font-size: 1.2rem;
			}
			#ABOUT .phtArea dl dd li img {
				width: 100%;
				height: auto;
			}

	
/* NEWS
--------------------- */
#NEWS {
	position: relative;
	z-index: 100;
	padding: 10% 0%;
}
	#NEWS dl {
		margin-bottom: 20px;
		padding-bottom: 20px;
		border-bottom: 1px #f2f2f2 solid;
	}
		#NEWS dl dt {
			float: none;
			width: 100%;
		}
		#NEWS dl dd {
			float: none;
			width: 100%;
		}
	#NEWS dl:last-child {
		margin-bottom: 0px;
		padding-bottom: 0px;
		border-bottom: none;
	}
	
	
	
	


/* SERVICE
--------------------- */
#SERVICE {
	background: #fbf2fa;
	padding: 10% 5%;
	margin-bottom: 10%;
}
	#SERVICE .read {
		text-align: left;
		font-size: 1.8rem;
		color: #b7009f;
		margin-bottom: 5%;
	}

#SERVICE .dt {
	padding: 0;
	margin-bottom: 5%;
}
	#SERVICE .dt img {
		width: 100%;
		height: auto;
	}
	#SERVICE .dt dl {
		float: none;
		width: 100%;
		margin-right: 0%;
		margin-bottom: 10%;
	}
	#SERVICE .dt dl:nth-child(3n) {
		float: none;
		margin-right: 0%;
	}
	#SERVICE .dt dl dt {
		margin-bottom: 15px;
	}
	#SERVICE .dt dl dd h3 {
		margin-bottom: 10px;
		text-align: center;
		color: #b7009f;
		font-weight: normal;
	}

#SERVICE .step {
	margin: 0px;
	padding: 10% 5%;
	background: url("../img/bg_step.png") no-repeat center;
	background-size: cover;
	position: relative;
}
	#SERVICE .step p {
		width: 100%;
		margin: 0 auto;
	}
		#SERVICE .step p img {
			width: 100%;
			height: auto;
		}
	#SERVICE .step dl {
		position: relative;
		top: 0;
		left: 0;
		margin-left: 0;
		width: auto;
		margin-bottom: 10%;
	}
		#SERVICE .step dl dt {
			font-size: 2rem;
			letter-spacing: 0.3em;
		}
		#SERVICE .step dl dd {
			font-size: 1.4rem;
			margin-top: 10px;
			line-height: 2.5;
		}

#SERVICE .performance01 {
	margin-top: 10%;
}

	#SERVICE .performance01 .bg {
		display: none;
	}
	#SERVICE .performance01 p {
	}
	#SERVICE .performance01 p.img {
		display: none;
	}



#SERVICE .performance02 {
	margin-top: 10%;
}
	#SERVICE .performance02 p {
		position: relative;
		z-index: 100;
	}
	#SERVICE .performance02 p img {
		width: 100%;
		height: auto;
	}
	#SERVICE .performance02 .bg {
		display: none;
	}



#SERVICE .performance03 {
	margin-top: 10%;
}
	#SERVICE .performance03 p {
		position: relative;
		z-index: 100;
	}

	#SERVICE .performance03 p img {
		width: 100%;
		height: auto;
	}
	#SERVICE .performance03 .bg {
		display: none;
	}





/* VOICE
--------------------- */
#VOICE {
	margin-bottom: 10%;
}
	#VOICE .cbox a {
		display: block;
		width: 100%;
		float: none;
		margin-right: 0px;
		margin-bottom: 10%;
		text-align: center;
	}
	#VOICE .cbox a:nth-child(3n) {
		float: none;
		margin-right: 0px;
	}
	#VOICE .cbox a img {
		width: 100%;
		height: auto;
	}
	#VOICE .cbox a dt {
		margin-bottom: 10px;
	}

	#VOICE .btn {
		margin: 0 auto;
		margin-top: 50px;
	}



/* CONTACT
--------------------- */
#CONTACT {
	background: #fbf2fa;
	padding: 10% 0;
}
/* contact
--------------------- */
.whitebox {
	background: #FFF;
	padding: 3%;
}

	.whitebox form {
		width: 100%;
		margin: auto;
	}
		.whitebox form dl {
			margin-bottom: 35px;
		}
		.whitebox form dl:nth-child(5) {
			margin-bottom: 15px;
		}
			.whitebox form dl dt {
				color:  #b7009f;
				margin-bottom: 5px;
				text-align: center !important;
				font-size: 1.6rem !important;

			}

			.whitebox form dl dd .textbox01 {
				width: 100%;
				background: #f2f2f2;
				border: none;
				padding: 30px;
			}

			.whitebox form dl dd textarea {
				width: 100% !important;
				height: 380px !important;
				background: #f2f2f2;
				border: none;
				padding: 30px;
			}

		.whitebox form .txt {

			text-align: center;
			margin-bottom: 40px;
		}
			.whitebox form .txt a {
				color: #008e4b;
				text-decoration: underline;
			}
			.whitebox form .txt a:hover {
				text-decoration: none;
			}

		.whitebox form .cta_btn {
			width: 100%;
			margin: auto;
			margin-top: 50px;
			
		}
			.whitebox form .cta_btn .wpcf7-submit {
				width: 100%;
				height: 60px;
				border: none;
				background: #ff00cd;
				background: -moz-linear-gradient(45deg, #ff00cd 0%, #6c00c9 100%);
				background: -webkit-linear-gradient(45deg, #ff00cd 0%,#6c00c9 100%);
				background: linear-gradient(45deg, #ff00cd 0%,#6c00c9 100%);
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff00cd', endColorstr='#6c00c9',GradientType=1 );
				font-size: 2rem;
				color: #fff;
				cursor: pointer;
			}



}


.veu_socialSet {
	display: none;
}