@charset "utf-8";

/*color
#FFB1A4;
#023F92;
*/

/*common*/
.body-wrap{
	font-size: 0;
	box-sizing: border-box;
}
.footer{
	padding-top: 100px;
}
.color-w{
	color: #fff;
}
.color{
	color: #28A7E1;
}
.inner{
		max-width: 1400px;
	margin: auto;
	padding: 0 10px;
}

.inner-in{
		max-width: 1000px;
	margin: auto;
	padding: 0 10px;
	text-align: right;
}









.contact-intro{
	background-image: url(../../img/sub/contact-img.jpg);
	width: 100%;
	height: 700px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	position: relative;
	margin-bottom: 200px;
}



h2 {
  font-size: 8vmin;
  line-height: 1;
  font-weight: bold;
  letter-spacing: 2px;
  text-transform: uppercase;

	position: absolute;
	bottom: 5%;
	left: 5%;
}
h2 p{
	padding: 10px;
}


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

h2 {
  font-size: 7vmin;
}

}

@media screen and (max-width:768px){
h2 {
  font-size: 6vmin;

}
.contact-intro{
	height:400px;
	margin-bottom:100px;

}


}

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

.contact-intro{
	height:50vh;
}

}











.text-link{
	margin-bottom: 200px;
}

.line{
	display: block;
	margin-bottom:70px;
	padding: 20px;
}


.line .txt{
	width: 48%;
	display: inline-block;
	vertical-align: top;
	padding: 0 10px;
}

.txt h4{
	font-size: 27px;
	font-weight: 800;
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: middle;
}
.txt h3{
	font-size: 40px;
	font-weight: 900;
}


.txt .map{
	display: inline-block;
	vertical-align: middle;
}
.txt .map img{
	width: 40px;
	padding-bottom: 20px;
	padding-left: 5px;
}
.txt a:hover{
	opacity: .3;
}

@media screen and (max-width:1024px){
	.line{
	margin-bottom:70px;
	padding: 20px;
}

.line .txt{
	width: 45%;
	margin: auto;
}

.txt h4{
	font-size: 23px;
	margin-bottom: 20px;
}
.txt h3{
	font-size: 30px;
	font-weight: 900;
}

.txt .map img{
	width: 30px;
}
}
@media screen and (max-width:768px){
	.line{
	margin-bottom:10px;
	padding: 20px;
}

.line .txt{
	width: 100%;
	margin-bottom:20px;
	display: block;
		padding: 0;
}
.txt h4{
	font-size: 21px;
}
.txt h3{
	font-size: 25px;
}

.txt .map img{
	width: 30px;
}
}
@media screen and (max-width:425px){
	.line{
	margin-bottom:0px;
	padding: 0px;
	padding-left: 10px;
}

.line .txt{
	width: 100%;
	margin-bottom: 50px;
}

.txt h4{
	font-size: 21px;
}
.txt h3{
	font-size: 25px;
}
	.txt .map img{
	padding-bottom: 25px;
}
}










.down-link{
	padding-top: 100px;
	padding-bottom: 200px;
	display: block;
}

.down-link a{
	width: 45%;
	margin-right: 10%;
	display: inline-block;
	vertical-align: top;
	height: 110px;
	background-color: #000;
	position: relative;
}
.down-link .boxa{
	margin-right: 0;
}
.box h5{
	font-size: 35px;
	font-weight: 900;
	color: #fff;
	position: absolute;
	left: 10%;
	top: 50%;
	transform: translateY(-50%);
}
.box img{
	width: 40px;
	position: absolute;
	right: 5%;
	top: 50%;
	transform: translateY(-50%);
}
.down-link a:hover img{
	opacity: .3;
}

.submit{
	max-width: 1200px;
	height: 970px;
	margin: auto;
	padding: 0 10px;
	text-align: center;
	display: block;
	border: 1px solid #000;
	display: none;
}
.consulting{
margin-top: 40px;
}


@media screen and (max-width:1024px){
	
.down-link{
	padding-top: 80px;
	padding-bottom: 150px;
}

.down-link a{
	width: 45%;
	margin-right: 10%;
	height:100px;
}
.box h5{
	font-size: 29px;
}
.box img{
	width: 30px;
}
	.submit{
	height: 950px;
}

}

@media screen and (max-width:768px){
	
.down-link{
	padding-top: 50px;
	padding-bottom: 100px;
}

.down-link a{
	width: 100%;
	margin-right: 0%;
	height:80px;
}
	.boxa{
		margin-top: 30px;
	}
.box h5{
	font-size: 21px;
}
.box img{
	width: 21px;
}
	.submit{
	height: 930px;
}

}


@media screen and (max-width:425px){
	
.down-link{
	padding-top: 50px;
	padding-bottom:0px;
}

.down-link a{
	width: 100%;
	margin-right: 0%;
	height:80px;
}
	.boxa{
		margin-top: 30px;
	}
.box h5{
	font-size: 21px;
}
.box img{
	width: 21px;
}

}