@charset "UTF-8";

/* text / email / textarea ------------------------------*/
input[type="text"],
input[type="email"],
textarea{
  width: 100%;
  background: #FBFBFB;
  border: 1px solid #707070;
  padding: .5em 1em;
  line-height: 1.5;
}
input[type="text"]:focus,
input[type="email"]:focus,
textarea:focus{
  background: #FFF9D5;
  border-color: #222;
}
textarea{
  height: 200px;
}

/* radio checkbox ------------------------------*/
.mwform-checkbox-field,
.mwform-radio-field{
  margin-right: 2em;
  margin-bottom: .5em;
  margin-left: 0;
}
.m-other .mwform-checkbox-field,
.m-other .mwform-radio-field{
  margin-right: 1em;
}
.mwform-radio-field{}
.mwform-checkbox-field label,
.mwform-radio-field label{
  display: flex;
  align-items: flex-start;
  cursor: pointer;
}
.mwform-checkbox-field label::before,
.mwform-radio-field label::before{
  content: "";
}
.mwform-checkbox-field label::before,
.mwform-radio-field label::before{
  display:block;
	width: .9em;
  min-width: .9em;
	height: .9em;
	background:#FBFBFB;
	border: 1px solid #707070;
  margin-top: .2em;
  margin-right: .3em;
}
.mwform-radio-field label::before{
  border-radius: 50%;
}
input[type="checkbox"] + span,
input[type="radio"] + span {
  line-height: 1.3em;
  position: relative;
}
/* checked */
input[type="checkbox"]:checked + span::before,
input[type="radio"]:checked + span::before {
  content: "";
  display: block;
  position: absolute;
}
input[type="checkbox"]:checked + span::before {
  width: .4em;
  min-width: .4em;
  height: .9em;
  left: -1em;
  border-top: 2px solid var(--linkColorHover);
  border-left: 2px solid #376B20;
  transform-origin: center center;
  transform: rotateZ(-135deg);
}
input[type="radio"]:checked + span::before {
  width: .5em;
  min-width: .5em;
  height: .5em;
  border-radius: 50%;
  background: #376B20;
  left: -1.05em;
  top: .5em;
}

/* button ------------------------------*/
.b-form button{
  display: inline-flex;
  justify-content: center;
  align-items: center;
  min-width: 280px;
  transition: .3s all;
  border-radius: 500px;
  padding: 1em 2em;
  font-weight: 700;
  font-size: 1.133em;
}
.b-form button[name="submitConfirm"],
.b-form button[name="送信ボタン"]{
  display: inline-block;
  max-width: 800px;
  margin: auto;
  color: #fff;
  text-decoration: none;
  position: relative;
  line-height: 1.5;
  z-index: 1;
  background: var(--linkColor);
}
.b-form button[name="submitConfirm"]:hover,
.b-form button[name="送信ボタン"]:hover{
  background: var(--linkColorHover);
}
.b-form button[name="submitBack"]{
  background: #ccc;
}

/* error ------------------------------*/
.b-form .error{
  display: block;
  width: 100%;
  font-size: 13px;
  color: #fff !important;
  border: 1px solid #c00;
  font-weight: 700;
  background: #c00;
  margin-top: 1em;
  padding: .2em 1em;
}

.mwform-checkbox-field{
  display: inline-block;
}

.mw_wp_form .horizontal-item + .horizontal-item {
	margin-left: 0 !important;
}

.mwform-checkbox-field input,
.mwform-radio-field input {
	margin-right: 0 !important;
}