﻿.form-box {
	width: 95%;
	margin: 0px auto;
	margin-top: 20px;
}

.form-box .item {
	float: left;
	width: 48%;
}

.form-box .item2 {
	width: 100%;
}

.form-box .item:last-child {
	font-size: 0;
	text-align: center;
	float: none;
	margin: 0 auto;
	width: 100%;
}

.form-box .check-box,
.form-box input[type=submit] {
	float: none;
	display: inline-block;
	*display: inline;
	zoom: 1;
	margin: 0 20px;
}

.form-box .item:nth-child(2n) {
	float: right;
}

.form-box .row {
	margin: 0 -20px;
}

.form-box .item {
	box-sizing: border-box;
	margin-bottom: 20px;
}

.form-box .item:last-child {
	margin-bottom: 0;
}

.form-box .tit {
	font-size: 16px;
	margin-bottom: 15px;
}

.form-box .tit .red {
	color: #f00;
}

.form-box input[type=text],
.form-box textarea {
	width: 100%;
	padding: 10px 60px;
	height: auto;
	line-height: 30px;
	font-size: 14px;
	color: #999;
	background-repeat: no-repeat;
	background-position: 20px center;
	background-size: 20px;
	background-color: #f9f9f9;
	border: 1px solid #e5e5e5;
	box-sizing: border-box;
	transition: all .3s;
}

.message-box .form-box .item textarea {}

.form-box .name {
	background-image: url("../images/form-icon1.png");
}

.form-box .tel {
	background-image: url("../images/form-icon2.png");
}

.form-box .mail {
	background-image: url("../images/form-icon3.png");
}

.form-box .address {
	background-image: url("../images/form-icon4.png");
}

.form-box .company {
	background-image: url("../images/form-icon5.png");
}

.form-box .country {
	background-image: url("../images/form-icon6.png");
}

.form-box .content {
	background-image: url("../images/form-icon7.png");
	background-position: 20px 15px;
	height: 200px;
}

.form-box input::-webkit-input-placeholder {
	color: #999;
}

.form-box input:-moz-placeholder {
	color: #999;
}

.form-box input::-moz-placeholder {
	color: #999;
}

.form-box input:-ms-input-placeholder {
	color: #999;
}

.form-box textarea::-webkit-input-placeholder {
	color: #999;
}

.form-box textarea:-moz-placeholder {
	color: #999;
}

.form-box input[type=text]:focus,
.form-box textarea:focus {
	background-color: #b7b7b7;
	color: #fff;
}

.form-box input[type=text]:focus::-webkit-input-placeholder {
	color: #fff;
}

.form-box input[type=text]:focus:-moz-placeholder {
	color: #fff;
}

.form-box input[type=text]:focus::-moz-placeholder {
	color: #fff;
}

.form-box input[type=text]:focus:-ms-input-placeholder {
	color: #fff;
}

.form-box textarea:focus::-webkit-input-placeholder {
	color: #fff;

}

.form-box textarea:focus:-moz-placeholder {
	color: #fff;
}

.form-box .name:focus {
	background-image: url("../images/h-form-icon1.png");
}

.form-box .tel:focus {
	background-image: url("../images/h-form-icon2.png");
}

.form-box .mail:focus {
	background-image: url("../images/h-form-icon3.png");
}

.form-box .address:focus {
	background-image: url("../images/h-form-icon4.png");
}

.form-box .company:focus {
	background-image: url("../images/h-form-icon5.png");
}

.form-box .country:focus {
	background-image: url("../images/h-form-icon6.png");
}

.form-box .content:focus {
	background-image: url("../images/h-form-icon7.png");

}

.form-box .check-box {
	float: left;
	width: 22.9%;
	border: 1px solid #e5e5e5;
}

.form-box .check-box input {

	padding: 10px;

	height: 60px;

	line-height: 60px;

	width: 63%;

	border: none;

	border-right: 1px solid #e5e5e5;

	margin: 0;

}

.form-box .check-box img {

	float: right;

	width: 36.36%;

	height: 60px;

}

.form-box input[type=submit] {
	float: left;
	width: 200px;
	height: 60px;
	background-color: #00519d;
	text-align: center;
	margin-left: 20px;
	color: #fff;
	font-size: 14px;
	transition: all .3s;
	border: none;
}

.form-box input[type=reset] {
	float: left;
	width: 200px;
	height: 60px;
	background-color: #00519d;
	text-align: center;
	margin-left: 20px;
	color: #fff;
	font-size: 14px;
	transition: all .3s;
	border: none;
}


.contact_box {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	gap: 10px;
}

.contact_list {
	width: 100%;
	text-align: center;
	position: relative;
	padding: 30px 0px;
	border-right: 1px  solid #d8d8d8;
}
.contact_list:last-child{
	border-right: 0px  solid #d8d8d8;
}
.contact_list img{
	display: block;
	margin: 0px auto;
	margin-bottom: 30px;
	height: 50px;
}
.contact_list span{
	display: block;
	width: 100%;
	height: auto;
	text-align: center;
	font-size: 18px;
	color: #777777;
}


@media screen and (max-width: 1470px) {

	.ask {
		padding: 0px 1%;
		width: 98%;
		height: auto;
		overflow: hidden;
	}

	.form-box {
		margin-top: 20px;
	}

	.form-box .item {
		float: left;
		width: 100%;
	}

	.form-box .item2 {
		width: 100%;
	}

	.form-box .item:last-child {
		font-size: 0;
		text-align: center;
		float: none;
		margin: 0 auto;
		width: 100%;
	}

	.form-box .check-box,
	.form-box input[type=submit] {
		float: none;
		display: inline-block;
		*display: inline;
		zoom: 1;
		margin: 0 20px;
	}

	.form-box .item:nth-child(2n) {
		float: right;
	}

	.form-box .row {
		margin: 0 auto;
	}

	.form-box .item {
		box-sizing: border-box;
		margin-bottom: 40px;
	}

	.form-box .item:last-child {
		margin-bottom: 0;
	}

	.form-box .tit {
		font-size: 16px;
		margin-bottom: 15px;
	}

	.form-box .tit .red {
		color: #f00;
	}

	.form-box input[type=text],
	.form-box textarea {
		width: 100%;
		padding: 10px 10px 10px 60px;
		height: 50px;
		line-height: 50px;
		font-size: 14px;
		color: #999;
		background-repeat: no-repeat;
		background-position: 20px center;
		background-size: 20px;
		background-color: #f9f9f9;
		border: 1px solid #e5e5e5;
		box-sizing: border-box;
		transition: all .3s;
	}

	.message-box .form-box .item textarea {}

	.form-box .name {
		background-image: url("../images/form-icon1.png");
	}

	.form-box .tel {
		background-image: url("../images/form-icon2.png");
	}

	.form-box .mail {
		background-image: url("../images/form-icon3.png");
	}

	.form-box .address {
		background-image: url("../images/form-icon4.png");
	}

	.form-box .company {
		background-image: url("../images/form-icon5.png");
	}

	.form-box .country {
		background-image: url("../images/form-icon6.png");
	}

	.form-box .content {
		background-image: url("../images/form-icon7.png");
		background-position: 20px 25px;
		height: 150px;
	}

	.form-box input::-webkit-input-placeholder {
		color: #999;
	}

	.form-box input:-moz-placeholder {
		color: #999;
	}

	.form-box input::-moz-placeholder {
		color: #999;
	}

	.form-box input:-ms-input-placeholder {
		color: #999;
	}

	.form-box textarea::-webkit-input-placeholder {
		color: #999;
	}

	.form-box textarea:-moz-placeholder {
		color: #999;
	}

	.form-box input[type=text]:focus,
	.form-box textarea:focus {
		background-color: #b7b7b7;
		color: #fff;
	}

	.form-box input[type=text]:focus::-webkit-input-placeholder {
		color: #fff;
	}

	.form-box input[type=text]:focus:-moz-placeholder {
		color: #fff;
	}

	.form-box input[type=text]:focus::-moz-placeholder {
		color: #fff;
	}

	.form-box input[type=text]:focus:-ms-input-placeholder {
		color: #fff;
	}

	.form-box textarea:focus::-webkit-input-placeholder {
		color: #fff;

	}

	.form-box textarea:focus:-moz-placeholder {
		color: #fff;
	}

	.form-box .name:focus {
		background-image: url("../images/h-form-icon1.png");
	}

	.form-box .tel:focus {
		background-image: url("../images/h-form-icon2.png");
	}

	.form-box .mail:focus {
		background-image: url("../images/h-form-icon3.png");
	}

	.form-box .address:focus {
		background-image: url("../images/h-form-icon4.png");
	}

	.form-box .company:focus {
		background-image: url("../images/h-form-icon5.png");
	}

	.form-box .country:focus {
		background-image: url("../images/h-form-icon6.png");
	}

	.form-box .content:focus {
		background-image: url("../images/h-form-icon7.png");

	}

	.form-box .check-box {
		float: left;
		width: 22.9%;
		border: 1px solid #e5e5e5;
	}

	.form-box .check-box input {

		padding: 10px;

		height: 60px;

		line-height: 60px;

		width: 63%;

		border: none;

		border-right: 1px solid #e5e5e5;

		margin: 0;

	}

	.form-box .check-box img {

		float: right;

		width: 36.36%;

		height: 60px;

	}

	.form-box input[type=submit] {
		float: left;
		width: 40%;
		height: 60px;
		background-color: #00519d;
		text-align: center;
		margin-left: 0px;
		color: #fff;
		font-size: 14px;
		transition: all .3s;
		border: none;
	}


	.form-box input[type=reset] {
		float: right;
		width: 40%;
		height: 60px;
		background-color: #00519d;
		text-align: center;
		color: #fff;
		font-size: 14px;
		transition: all .3s;
		border: none;
	}

	
	
	
	.contact_box {
		display: grid;
		grid-template-columns: 1fr;
		gap: 10px;
	}
	
	.contact_list {
		width: 100%;
		text-align: center;
		position: relative;
		padding: 30px 0px;
		border-bottom: 1px solid #d8d8d8;
		border-right: 0px solid #d8d8d8;
	}
	.contact_list:last-child{
		border-bottom: 1px solid #d8d8d8;
		border-right: 0px solid #d8d8d8;
	}
	.contact_list img{
		display: block;
		margin: 0px auto;
		margin-bottom: 30px;
		height: 50px;
	}
	.contact_list span{
		display: block;
		width: 100%;
		height: auto;
		text-align: center;
		font-size: 18px;
		color: #777777;
	}
	


}
