@charset "utf-8";
/* CSS Document */

/*================================
お問い合わせフォーム
================================*/
.form_txt{
  margin-top: 3rem;
  margin-bottom: 3rem;
}
.form_txt a:not(.detail_link){
  color: #2E3190;
}
.form_txt .fc_red,
.form_table .required{
  color: #FF0000;
}
.form_txt .fc_red,
.form_table .required,
.form_table .mincho{
  font-family: "Noto Serif JP", serif;
}
.error_box{
  background-color: rgba(202, 202, 202, .2);
	padding: 1rem;
	margin-bottom: 3rem;
}
.error_box p{
  color: #FF0000;
}
.form_table{ border-color: #fff;}
.formError{
	left: 0 !important;
	margin-top: 8px !important;
}
.formError .formErrorArrow{ display: none;}
.formErrorContent{
	border: none !important;
	box-shadow: none !important;
}
.formError .formErrorContent{
  background: rgba(255, 0, 0, .9) !important;
}
.form_table .form-group{
	position: relative;
	margin-bottom: 1rem;
}
div:not(#confirm) .form_table{ margin-bottom: 1rem;}

.btnbox{
	display: flex;
	align-items: center;
	justify-content: center;
	margin-top: 2rem;
}
#confirm .btnbox{ margin-top: 3rem !important;}
.submit,
.btn_submit{
	color: #fff;
  transition: .15s;
}
.submit{
  position: relative;
  border-radius: 0;
  background-color: #333;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.submit::after,
.submit::before{
  content: '';
  display: inline-block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.submit::after{
  right: .75rem;
  background-color: #fff;
  border-radius: 50%;
  width: 35px;
  height: 35px;
}
.submit::before{
  content: "\f105";
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  font-size: .75rem;
  color: #333;
  right: 25px;
  z-index: 1;
}
.submit:hover{
	color: #fff;
	background-color: #FF6701;
}
.submit:hover::before{
  color: #FF6701;
}
@media (min-width: 768px){
  .submit,
  .btn_submit{
    width: 300px;
  }
  .btn_submit{
    padding: 1rem;
  }
	.btn_return{ width: 155px;}
}
@media (max-width: 767px){
  .submit,
  .btn_submit{
    width: 100%;
    max-width: 300px;
  }
  .form_table th,
	.form_table td{
		width: 100%;
		display: block;
	}
	.btn_submit{
		font-size: .8rem;
	}
  .btn_submit{
    padding: .75rem;
  }
}

/*入力画面
================================*/
.zip{
	display: flex;
	align-items: center;
}
.zip input{ width: 216px;}
.zip p,
.email p{
  color: #666;
	font-size: .85rem;
	text-indent: -.85rem;
	padding-left: .85rem;
	margin-bottom: 0;
}
.email p{ margin-top: 0.25rem;}
.address label{ margin-bottom: 0.25rem;}
.address label:not(:first-child){ margin-top: .5rem;}
.form_table .form-inline{
	display: inline-block;
	min-width: 240px;
}
@media (min-width: 768px){
	.zip input{ margin: 0 1rem 0 .5rem;}
}
@media (max-width: 767px){
	.zip{ flex-wrap: wrap;}
	.zip input{ margin-left: .5rem;}
	.zip p{
		width: 100%;
		margin-top: .25rem;
	}
}

/*確認画面
================================*/
#confirm .form_table .form-group{ margin-bottom: 0 !important;}
#confirm .form_table{
  border-color: #e4e4e4;
}
#confirm .form_table th{
  background-color: rgba(202, 202, 202, .2);
}
#confirm .form_table tr:first-child th,
#confirm .form_table tr:first-child td{
  border-top-width: 1px;
}
.return{ margin-right: 1rem;}
.btn_return{
	position: relative;
	color: #333;
	border-radius: 0;
	background-color: #cacaca;
	text-align: center;
	transition: .15s;
}
.btn_return:hover{
	background-color: #cacaca;
}
@media (min-width: 768px){
  .btn_return{
    padding: 1rem;
  }
}
@media (max-width: 767px){
	#confirm .form_table th{ padding-bottom: 0;}
	.btn_return{
		font-size: .8rem;
	}
	#confirm .submit,
	#confirm .btn_submit{ flex: 1;}
  .btn_return{
    padding: .75rem;
  }
}