@charset "utf-8";

.contact {
	overflow-x: hidden;
}

.contact-container {
	display: flex;
	justify-content: space-between;
	padding-bottom: 10rem;
}

.contact .page-ttl-flex {
	display: block;
}

.contact .page-ttl-en {
	width: 14rem;
}

.contact .page-ttl-txt {
	width: 35rem;
	letter-spacing: .1em;
	margin-top: 6.8rem;
	margin-bottom: 0;
}

.contact-txt-link {
	display: inline-block;
	color: #70A500;
	text-decoration: underline;
}

.contact-form-wrap {
	width: 46rem;
}

input , select , textarea , button{
-webkit-appearance: none;
/*iPhone:safariの角丸も消す*/
border-radius: 0;
}

.contact-form-block {
	font-size: 1.6rem;
	margin-bottom: 3.7rem;
}

.contact-form-block:last-of-type {
	margin-bottom: 6rem;
}

.contact-form-item {
	letter-spacing: .12em;
	margin-bottom: 1.4rem;
}
.mw_wp_form_confirm .contact-form-item {
	font-size: 1.4rem;
}

.contact-form-input._02 {
	margin-top: .8rem;
}
.mw_wp_form_confirm .contact-form-input {
	display: inline-block;
}

.contact-form-input input,
.contact-form-input textarea {
	width: 100%;
	font-size: 1.6rem;
	padding: 1.9rem 2.2rem;
	border: 1px solid #442D18;
	border-radius: 1.4rem;
}

.btn {
	position: relative;
}

.btn-back {
	margin-bottom: 2rem;
}

.mw_wp_form_input .btn-back {
	display: none;
}

.btn::after {
	content: '';
  width: 3.6rem;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url("../img/common/arrow_w02.svg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1rem;
}

.btn-back::after {
	background-image: url("../img/top/btn_arrow_g.svg");
	left: 1rem;
	right: unset;
	transform: translateY(-50%) rotate(180deg);
	transform-origin: center;
}

.btn input {
	width: 46rem;
  height: 5.8rem;
  font-size: 1.8rem;
	font-family:"游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ Pro W3",
		"Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,
		"ＭＳＰゴシック", "MS PGothic", sans-serif;
	font-weight: 700;
  letter-spacing: .05em;
  color: #FFF;
	background: #70A500;
	border: none;
  border-radius: 30rem;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.btn-back input {
	color: #70A500;
	background: #FFF;
	border: 2px solid;
}










/*SP: 〜750px*/
@media screen and (max-width: 750px) {
	
	.contact-container {
		display: block;
	}
	
	.contact .page-ttl-en {
		width: 8.7rem;
	}
	
	.contact .page-ttl-txt {
		margin-top: 10.8rem;
		margin-bottom: 6.5rem;
	}
	
	.contact-form-wrap {
		width: 100%;
	}
	
	.contact-form-input input,
	.contact-form-input textarea {
		border: 2px solid #442D18;
	}
	
	.btn input {
		width: 100%;
	}
	
	
	
	
}