.contact-page {
  padding: 120px 0;
	background-color: var(--primary-light-color);
}

.contact-form {
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.contact-form .left-blk {
	width: 552px;
}

.contact-form .left-blk span {
	font-weight: 500;
}

.contact-form .left-blk h3 {
  margin: 18px 0;
}

.contact-info {
  margin-top: 20px;
  display: flex;
	flex-direction: column;
  align-items: center;
}

.contact-info-blk {
  padding: 24px 0;
  width: 100%;
  display: flex;
  align-items: center;
  position: relative;
}

.contact-info-blk .ph-txt {
	width: 100%;
  font-weight: 500;
}

.contact-form .right-blk {
	margin: 60px 0px 0 30px;
	width: 600px;
	padding: 20px;
	background-color: var(--secondary-color);
}

.nf-form-fields-required {
  display: none;
}

.contact-icon {
  margin-right: 9px;
}

.us {
  font-size: 14px;
}

.data {
  font-size: 16px;
  line-height: 1.6;
}

.nf-form-content .label-above .nf-field-label {
  margin-bottom: 5px !important;
}

.nf-form-content input:not([type=button]), .nf-form-content textarea  {
  background: var(--txt-color) !important;
  border: 1px solid var(--sch-bd-color) !important;
  color: var(--txt-primary-color) !important;
  transition: all .5s;
}
.nf-form-content input:not([type=button])::placeholder, .nf-form-content textarea::placeholder {
	color: var(--txt-place-color);
}
.nf-form-content input:not([type=button]):hover, .nf-form-content textarea:hover {
  background: var(--bg-color) !important;
}

.nf-field-container {
  margin-bottom: 30px !important;
}

.nf-form-content .ninja-forms-field {
  font-family: 'Helvetica', sans-serif ;
  font-size: 14px !important;
  padding: 6px 12px !important;
}

.nf-form-content input.ninja-forms-field {
  height: 40px !important;
}

.nf-form-content textarea.ninja-forms-field {
  height: 141px !important;
  resize: none;
}

.contact-form .form-container .nf-form-content input[type=submit] {
  width: 100%;
  background: var(--primary-color) !important;
  font-size: 18px !important;
  font-weight: 600 !important;
  color: var(--secondary-color) !important;
  margin-top: 19px;
  letter-spacing: -0.5px;
  padding: 18px 0 35px !important;
  cursor: pointer;
}

.contact-form .form-container .nf-form-content input[type=submit]:hover {
  background: var(--bg-secondary-color) !important;
}

.contact-form .form-container .nf-form-content label {
  font-size: 14px;
  font-weight: 600;
}

.nf-error.field-wrap .nf-field-element:after {
  display: none;
}

/* ipad*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {
  .contact-page {
		padding: 9.375vw 0;
	}
	
	.contact-form .left-blk {
		width: 43.125vw;
	}

	.contact-form .left-blk h3 {
		margin: 1.406vw 0;
	}
	
	.contact-info {
		margin-top: 1.563vw;
	}
	
	.contact-info-blk {
		padding: 1.875vw 0;
	}
	
	.contact-form .right-blk {
		margin: 4.688vw 0vw 0 2.344vw;
		width: 46.875vw;
		padding: 1.563vw;
	}
	
	.contact-icon {
		margin-right: 0.703vw;
	}
	
	.us {
		font-size: 1.094vw;
	}
	
	.data {
		font-size: 1.25vw;
	}
	
	.nf-form-content .label-above .nf-field-label {
		margin-bottom: 0.391vw !important;
	}
	
	.nf-field-container {
		margin-bottom: 2.344vw !important;
	}
	
	.nf-form-content .ninja-forms-field {
		font-size: 1.094vw !important;
		padding: 0.469vw 0.938vw !important;
	}
	
	.nf-form-content input.ninja-forms-field {
		height: 3.125vw !important;
	}
	
	.nf-form-content textarea.ninja-forms-field {
		height: 11.016vw !important;
	}
	
	.contact-form .form-container .nf-form-content input[type=submit] {
		font-size: 1.406vw !important;
		margin-top: 1.484vw;
		letter-spacing: -0.039vw;
		padding: 1.406vw 0 2.734vw !important;
	}

	.contact-form .form-container .nf-form-content label {
		font-size: 1.094vw;
	}

}


/* sp*/
@media only screen and (max-width:767.9px) {
  .contact-page {
    padding: 40vw 0 20vw;
  }

	.contact-form {
    flex-wrap: wrap;
  }

	.contact-form .left-blk {
		width: 100%;
	}

	.contact-form .left-blk .contact-title-txt {
		text-align: center;
	}

	.contact-form .left-blk h3 {
    margin: 2.667vw 0;
	}

  .contact-info {
    margin-top: 5.333vw;
    padding: 2.933vw 5.333vw;
    flex-direction: column;
  }

  .contact-info-blk {
    padding: 4.4vw 0;
  }

  .contact-form .form-container .nf-form-content input[type=submit] {
    font-size: 3.733vw !important;
    margin-top: 4.267vw;
    letter-spacing: -0.133vw;
    padding: 2.667vw 0 8vw !important;
  }

  .contact-icon {
    margin-right: 2.4vw;
  }

  .us {
    font-size: 3.2vw;
  }

  .data {
    font-size: 3.733vw;
  }

	.contact-form .right-blk {
		margin: 8vw 0 0 0;
		width: 100%;
		padding: 5.333vw;
	}

  .nf-form-content .ninja-forms-field {
    font-size: 3.733vw !important;
    padding: 1.6vw 3.2vw !important;
  }

  .contact-form .form-container .nf-form-content label {
    font-size: 3.733vw;
  }

  .nf-form-content .label-above .nf-field-label {
    margin-bottom: 1.333vw !important;
  }

  .nf-form-content input:not([type=button]) {
    color: var(--txt-color2) !important;
  }

  .nf-field-container {
    margin-bottom: 2.4vw !important;
  }

  .nf-form-content input.ninja-forms-field {
    height: 10.667vw !important;
  }

  .nf-form-content textarea.ninja-forms-field {
    height: 60.8vw !important;
  }

}