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

.required{
	color: #CB000B;
}
.form_about{
	text-align: center;
	font-size: 1.4rem;
	line-height: 2.0rem;
	padding: 60px 0;
}
.supplyment{
	font-size: 1.2rem;
	text-align: center;
	padding-bottom: 10px;
}

select{
color: #000 !important;
}
select{
	border: none !important;
    width: 100%;
    padding: 1em 1em 1em 3em;
    box-sizing: border-box;
    font-size:1.2rem;
    background-color: #F4F4F4;
    border: none;
	color: #B2B2B2;
}
#form_contact{
	width:100%;
	max-width: 820px;
	margin: 0 auto 30px;
	box-sizing: border-box;
	font-family: "kzg", "sans-serif";
}
#form_contact2{
	width:100%;
	max-width: 820px;
	margin: 0 auto 30px;
	box-sizing: border-box;
	font-family: "kzg", "sans-serif";
}
.input_field{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	margin-bottom: 20px;
	margin: 0 auto;
	box-sizing: border-box;
	font-size: 0;
	border-bottom: 1px solid #594F49;
	margin-bottom: 2%;
}
.input_field:last-of-type{
	margin-bottom: 3%;;
}

.input_field dt{
	width: 30%;
	font-size: 1.4rem;
    line-height: 2;	
	padding-top: 1em;
}
.input_field dt .essential{
	color: #594F49;
	padding-left: 2px;
}
.input_field dd{
	width: 65%;
    font-size: 1.4rem;
    line-height: 2;
	box-sizing: border-box;
}

.input_field.item_radio dt{
	padding-top: 0;
	padding-bottom: 2%;
}
.input_field.item_radio dd{
	padding-left:0%;
	padding-bottom: 2%;
}

.input_field dd input{
/*	font-size: 16px;*/
	width: 100%;
	padding: 1em 1em 1em 3em;
	box-sizing: border-box;
	
	
    font-size: 0.25rem;
    line-height: 2;
	background-color: #F4F4F4;
	border: none;
}
.input_field dd input::placeholder,
.input_field dd textarea::placeholder{
	color: #B2B2B2;
}

/*ラジオボタン*/
.input_field dd input[type="radio"]{
	width: 5%;
}

.input_field dd input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.input_field dd input[type="radio"] + .radio-label{
    display: inline-block;
    line-height: 1.2;
	padding-right: 5%;
}
.input_field dd input[type="radio"] + .radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #000;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}
.input_field dd input[type="radio"]:checked + .radio-label:before {
  background-color: #000;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.input_field dd input[type="radio"]:focus + .radio-label:before {
  outline: none;
  border-color:#b4b4b4;
}
.input_field dd input[type="radio"]:disabled + .radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.input_field dd input[type="radio"] + .radio-label:empty:before {
  margin-right: 0;
}

/*チェックボックス*/
[type="checkbox"]:not(:checked),
[type="checkbox"]:checked {
  position: absolute;
  left: -9999px;
}
[type="checkbox"]:not(:checked) + label,
[type="checkbox"]:checked + label {
  position: relative;
  padding-left: 1.95em;
  cursor: pointer;
}

/* checkbox aspect */
[type="checkbox"]:not(:checked) + label:before,
[type="checkbox"]:checked + label:before {
  content: '';
  position: absolute;
  left: 0; top: 0;
  width: 1em; height: 1em;
  border: 1px solid #ccc;
  background: #fff;
/*  border-radius: 4px;*/
  box-shadow: inset 0 1px 3px rgba(0,0,0,.1);
}
/* checked mark aspect */
[type="checkbox"]:not(:checked) + label:after,
[type="checkbox"]:checked + label:after {
  content: '\2713\0020';
  position: absolute;
  top: .1em;
  left: 0em;
  font-size: 1.3em;
  font-weight: bold;
  line-height: 0.8;
  color: #594F49;
  transition: all .2s;
}
/* checked mark aspect changes */
[type="checkbox"]:not(:checked) + label:after {
  opacity: 0;
  transform: scale(0);
}
[type="checkbox"]:checked + label:after {
  opacity: 1;
  transform: scale(1);
}
/* disabled checkbox */
[type="checkbox"]:disabled:not(:checked) + label:before,
[type="checkbox"]:disabled:checked + label:before {
  box-shadow: none;
  border-color: #bbb;
  background-color: #ddd;
}
[type="checkbox"]:disabled:checked + label:after {
  color: #999;
}
[type="checkbox"]:disabled + label {
  color: #aaa;
}
.chk_agree{
	width: 100%;
    font-size: 1.4rem;
    line-height: 2;
	text-align: left;
	box-sizing: border-box;
	margin: 0 auto 5%;
}

.input_field dd textarea{
/*	font-size: 16px;*/
	width: 100%;
	height: 10em;
/*	line-height: 1.5;*/
	padding: 1em 1em 1em 3em;
	box-sizing: border-box;
    font-size: 0.25rem;
    line-height: 2;
	background-color: #F4F4F4;
	border: none;
}
#form_contact .form_button,#form_contact2 .form_button{
	display: flex;
	flex-wrap: nowrap;
	justify-content: space-around;
}
#form_contact .error,#form_contact2 .error{
	color: #c00;
	font-size: 14px;
	line-height: 1.5;
	padding-top: 5px;
}
#form_contact .chk_agree+.error,#form_contact2 .chk_agree+.error{
	text-align: center;
	margin-bottom: 4em;
}

#form_contact .form_button .btn_submit,#form_contact2 .form_button .btn_submit{
	width: 70%;
	position: relative;
	font-size: 0;
}
#form_contact .form_button .btn_submit input,#form_contact2 .form_button .btn_submit input{
    position: relative;
    width: 100%;
    top: 0%;
    left: 0%;
    font-size: 2.0rem;
    color: #000;
    text-align: center;
    line-height: 2;
    background-color: transparent;
    border: 1px solid #000;
    margin: 0 auto;
    box-sizing: border-box;
}
#form_contact .form_button .btn_submit input#btn_correction,#form_contact2 .form_button .btn_submit input#btn_correction{
	width: 45%;
	margin-right: 5%;
}
#form_contact .form_button .btn_submit input#btn_submit_02,#form_contact2 .form_button .btn_submit input#btn_submit_02{
	width: 45%;
}
#form_contact .form_button .btn_submit input:hover,#form_contact2 .form_button .btn_submit input:hover{
	background-color:#000;
	color: #fff;
	-webkit-transition: all  0.25s ease;
-moz-transition: all  0.25s ease;
-o-transition: all  0.25s ease;
transition: all  0.25s ease;
}
#form_contact .form_button:hover .btn_submit::after{
/*	background-color: #000;*/
	opacity: 0;
}
#form_contact2 .form_button:hover .btn_submit::after{
/*	background-color: #000;*/
	opacity: 0;
}
#form_contact .form_button .btn_submit.form_st_check::after{
	border: none;
}
#form_contact2 .form_button:hover .btn_submit::after{
/*	background-color: #000;*/
	opacity: 0;
}
#form_contact2 .form_button .btn_submit.form_st_check::after{
	border: none;
}
#form_contact .form_comfirm dl.input_field,#form_contact2 .form_comfirm dl.input_field{
	padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;
}


selext{
border: none;
}

#form_contact dl.input_field dd input,#form_contact2 dl.input_field dd input{
width: 100%;
padding: 1em 2rem 1em 2em;
box-sizing: border-box;
font-size: 1.4rem;
line-height: 2;
background-color:#F4F4F4;
border: none;
font-family: "kzg", "sans-serif" !important;
}

#form_contact dl.input_field dd textarea,#form_contact2 dl.input_field dd textarea {
    font-size:1.4rem;
    width: 100%;
    height: 15vh;
    line-height: 1.5;
    padding: 1em 2rem 1em 2em;
    box-sizing: border-box;
    line-height: 2;
    background-color:#F4F4F4;
    border: none;
	font-family: "kzg", "sans-serif" !important;
}
.finish_sentence{
    width: 82%;
    font-size: 90%;
    line-height: 2;
    text-align:center;
    margin: 0 auto;
}
/***************MB***************/
@media only screen and (max-width: 960px) and (min-width: 540px) {	
	/*-----------------
	Contactフォーム
	-----------------*/
	#form_contact,#form_contact2{
		width: 80%;
		margin: 0 auto;
	}
	.input_field dt{
		width: 100%;
		margin-bottom: 5px;
	}
	.input_field dd{
		width: 100%;
	}
}

/***************SP***************/
@media only screen and (max-width : 539px ){
	/*-----------------
	Contactフォーム
	-----------------*/
	#form_contact,#form_contact2{
		width:80%;
		margin: 0 auto;
	}
	.input_field dt{
		margin-bottom: 5px;
		width: 100%;
	}
	.input_field dd{
		width: 100%;
	}
	#form_contact .form_button,#form_contact2 .form_button{
		flex-wrap: wrap;
	}
	.radio-label{
	widows: 100%;
	display: block;
	}
	#form_contact .form_button input{
		width: 100%;
		margin-bottom: 20px;
	}
	#form_contact2 .form_button input{
		width: 100%;
		margin-bottom: 20px;
	}
	#form_contact dl.input_field dd textarea,.input_field dt,.input_field dd,#personal_info{
	font-size: 1.2rem;
	}
	#form_contact2 dl.input_field dd textarea,.input_field dt,.input_field dd,#personal_info{
	font-size: 1.2rem;
	}
}