@charset "utf-8";
/* ------------------------------------------------ */
.form {
}
.forminner {
	padding: 0px 10px;
}
.forminner dl {
	background-color: #fff;
	border-top: 1px dashed #000;
	margin: 0px auto;
	padding: 30px 0px;
}
.forminner dl:first-child {
	border-top: 2px solid #000;
}
.forminner dl:last-child {
	border-bottom: 2px solid #000;
}
.forminner dl dt {
	color: var(--color1);
	font-size: 1.2em;
	font-size: 16px;
	font-weight: 700;
		line-height: 1.4em;
	margin-bottom: 10px;
	padding: 0px 0px;
}
@media screen and (min-width:768px) {
	.forminner dl dt {
	font-size: 18px;
	}
	.forminner dl dd {
		padding: 0px 50px;
	}
}
.forminner dl dd {
	padding: 0px 20px;
}
.forminner dt em {
	color: #c00;
}
.forminner dd p {
	line-height: 1.5em;
	margin-bottom: 10px;
	padding: 5px 0px;
}
.forminner dd p:last-child {
	margin-bottom: 0px;
}
.forminner dd p input {
	margin-top: 5px;
}
@media screen and (max-width: 767px) {
	.forminner dd {
		text-align: center;
	}
	.forminner dd p {
	}
	.form input {
		margin-bottom: 5px;
	}
	.form input:last-child {
		margin-bottom: 0px;
	}
}
.form input[type='text'],
.form input[type='email'],
.form input[type='password'],
.form input[type='tel'],
.form input[type='date'],
.form input[type='number'] {
	font-size: 16px;
	width: 100%;
	background-color: var(--gray6);
	border: 2px solid var(--gray1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 15px 10px;
  transition: all .3s;
}
.form input.inputs {
	width: 150px;
}
@media screen and (min-width:768px) {
	.form input[type='text'],
	.form input[type='email'],
	.form input[type='password'],
	.form input[type='tel'],
	.form input[type='number'] {
		width: 90%;
	}
	.form input[type='date'] {
		width: 50%;
	}
	.form input.inputs {
		width: 180px;
	}
}
.form input[type='text']:focus,
.form input[type='email']:focus,
.form input[type='password']:focus,
.form input[type='tel']:focus,
.form input[type='date']:focus,
.form input[type='number']:focus {
	background-color: var(--white);
	border: 2px solid var(--black);
}
@media screen and (max-width: 767px) {
	.form input[type='text'],
	.form input[type='email'],
	.form input[type='tel'],
	.form input[type='date'],
	.form input[type='number'] {
		padding: 10px 5px;
	}
	.form input[type='text'].inputs,
	.form input[type='email'].inputs,
	.form input[type='password'].inputs,
	.form input[type='tel'].inputs,
	.form input[type='date'].inputs,
	.form input[type='number'].inputs {
		width: 50%;
	}
	.form input[type='text'].inputm,
	.form input[type='email'].inputm,
	.form input[type='password'].inputm,
	.form input[type='tel'].inputm,
	.form input[type='date'].inputm,
	.form input[type='number'].inputm {
		width: 100%;
	}
}
.form input:-ms-input-placeholder {color: var(--gray3);}
.form input::-moz-placeholder {color: var(--gray3);}
.form input::-webkit-input-placeholder {color: var(--gray3);}
.form input::placeholder {color: var(--gray3);}

.form select {
	font-size: 16px;
	background-color: var(--white);
	border: 2px solid var(--gray1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px;
}
.form textarea {
	width: 100%;
	height: 200px;
	font-size: 16px;
	background-color: var(--gray6);
	border: 2px solid var(--gray1);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 5px 5px;
}
.form textarea:focus {
	background-color: var(--white);
	border: 2px solid var(--black);
}
@media screen and (max-width: 767px) {
	.form textarea {
	}
}
.form input.wpcf7-text.change,
.form input.wpcf7-date.change,
.form textarea.wpcf7-textarea.change {
/*
	color: var(--color2);
*/
	background-color: var(--white);
	border: 2px solid var(--color1);
}
.form input:-webkit-autofill {
/*
  -webkit-text-fill-color: var(--color2);
*/
    -webkit-box-shadow: 0 0 0px 1000px var(--white) inset;
}
/*--------------------*/
.inputbloc .inputbox {
	position: relative;
	background-color: var(--gray4);
	padding: 10px 20px 10px 20px;
	-moz-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.inputbloc .inputbox.focus {
  background-color: var(--white);
}
.inputbloc .inputbox.textarea {
  height: auto;
}
.inputbloc .inputbox.textarea .inputtex {
  height: auto;
  resize: none;
}
.inputbloc .inputbox label {
	display: block;
	position: absolute;
	left: 25px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 1;
	color: var(--gray1);
	font-size: 18px;
	font-weight: 500;
	line-height: 10px;
	margin: 0;
}
.inputbloc .inputbox .inputtex {
  position: relative;
  z-index: 2;
  height: auto;
  color: var(--gray1);
  font-size: 18px;
  background-color: transparent;
  border: 1px solid transparent;
  -moz-border-radius: 0;
  -webkit-border-radius: 0;
  border-radius: 0;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  padding: 0;
}
.inputbloc .inputbox .inputtex:focus label {
  top: 0;
}
.inputbloc .inputbox input[type='text'].inputtex {
	font-size: 18px;
	border-bottom: 1px solid var(--gray4);
	padding: 10px 10px;
}
.inputbloc .inputbox input[type='text'].inputtex:focus {
	background-color: transparent;
	border: 1px solid transparent;
	border-bottom: 1px solid var(--black);
}
/*--------------------*/
.kakunin {
	text-align: center;
	padding: 20px 10px;
}
.kakunin ul {
}
.kakunin ul li {
}
.kakunin a {
	display: inline-block;
	font-weight: 700;
	text-decoration: underline;
	vertical-align: middle;
	padding: 0px 5px;
}
.kakunin b {
	display: inline-block;
	vertical-align: middle;
	padding: 0px 5px;
}
.kakunin label {
	display: inline-block;
	font-weight: 700;
	vertical-align: middle;
	padding: 0px 10px;
	cursor: pointer;
}
@media screen and (max-width: 767px) {
	.kakunin a {
		display: inline-block;
		padding: 0px 5px;
	}
	.kakunin b {
		display: block;
		padding: 10px 5px;
	}
	.kakunin label {
		display: block;
		padding: 10px 5px;
	}
}
/*--------------------*/
.submit {
	text-align: center;
	padding: 20px 10px;
}
.submit p {
	padding: 10px 0px;
}
.submit input,
.submit button {
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	box-sizing: border-box;
	display: block;
	display: inline-block;
	color: var(--white);
	font-size: 16px;
	font-family: var(--font1);
	font-weight: 700;
	background-color: var(--color1);
	border: 3px solid var(--white);
	-moz-border-radius: 80px;
	-webkit-border-radius: 80px;
	border-radius: 80px;
	-moz-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 5px 2px rgba(0,0,0,0.1);
	margin: 0px auto;
	cursor: pointer;
}
.submit input:disabled,
.submit button:disabled {
	color: var(--white);
	background-color: var(--gray4);
	border: 1px solid var(--gray4);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	box-shadow: 0px 0px 0px 0px rgba(0,0,0,0);
	pointer-events: none;
}
@media screen and (max-width: 767px) {
	.submit input,
	.submit button {
		width: 100%;
		padding: 18px 0px;
	}
}
@media screen and (min-width:768px) {
	.submit input,
	.submit button {
		padding: 20px 80px;
	}
}
.submit input:hover,
.submit button:hover {
	color: var(--white);
	background-color: var(--color2);
	border: 3px solid var(--color2);
}
.submit input.back,
.submit button.back,
.submit a.back {
	display: inline-block;
	color: var(--white);
	font-size: 14px;
	background-color: var(--gray2);
	border: 2px solid var(--gray2);
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
}
@media screen and (max-width:767px) {
	.submit input.back,
	.submit button.back,
	.submit a.back {
		margin-bottom: 10px;
		padding: 15px 10px;
	}
}
@media screen and (min-width:768px) {
	.submit input.back,
	.submit button.back,
	.submit a.back {
		margin-right: 20px;
		padding: 20px 50px;
	}
}
.submit input.back:hover,
.submit button.back:hover {
	background-color: var(--gray3);
	border: 2px solid var(--gray3);
}
/* ------------------------------------------------ */
.formbtn {
}
@media screen and (max-width: 767px) {
	.formbtn {
		text-align: center;
	}
}
.formbtn ul {
	list-style-type: none;
}
.formbtn.inline li {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.formbtn.block li {
	display: block;
	margin-bottom: 3px;
}
.formbtn.inline .wpcf7-list-item {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.formbtn.block .wpcf7-list-item {
	display: block;
	margin-bottom: 3px;
}
.formbtn.inline .horizontal-item {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.formbtn.block .horizontal-item {
	display: block;
	margin-bottom: 10px;
}
.mw_wp_form .formbtn.block .horizontal-item + .horizontal-item {
	margin-left: 0px;
}
@media screen and (max-width: 767px) {
	.formbtn.inline li {
		display: block;
		margin-bottom: 3px;
		padding-right: 0px;
	}
	.formbtn.inline .wpcf7-list-item {
		display: block;
		margin-bottom: 3px;
		padding-right: 0px;
	}
	.formbtn.inline .horizontal-item {
		display: block;
		margin-bottom: 3px;
		padding-right: 0px;
	}
	.mw_wp_form .formbtn.inline .horizontal-item + .horizontal-item {
		margin-left: 0px;
	}
}
.formbtn label {
	display: block;
	position:relative;
	cursor: pointer;
}
.formbtn label input {
	cursor: pointer;
}
.formbtn label em {
	font-style: normal;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
/* --------------------*/
.formbtnA label:hover {
	color: var(--color1);
}
.formbtnA input[type="radio"],
.formbtnA input[type="checkbox"] {
	display: none;
}
.formbtnA label em {
	display: block;
	position:relative;
	line-height:1;
	background-color: var(--gray6);
	border: 1px solid var(--gray5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 0;
}
.formbtnA input[type="radio"] + em,
.formbtnA input[type="checkbox"] + em {
	padding: 10px 20px 10px 30px;
}
.formbtnA input[type="radio"]:checked + em,
.formbtnA input[type="checkbox"]:checked + em {
	color: var(--black);
	background-color: var(--color1);
	border: 1px solid var(--color2);
}
.formbtnA input[type="radio"] + em::before,
.formbtnA input[type="checkbox"] + em::before {
	content: "";
}
.formbtnA input[type="radio"] + em::before {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	padding: 2px;
	background-clip: content-box;
}
.formbtnA input[type="checkbox"] + em::before{
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
	border: 2px solid;
	border-color: var(--gray3);
	background-color: var(--white);
	box-sizing: border-box;
}
.formbtnA input[type="radio"]:not(:checked) + em::before,
.formbtnA input[type="checkbox"]:not(:checked) + em::before {
	border-color: var(--gray3);
	background-color: var(--gray4);
}
.formbtnA input[type="radio"]:checked + em::before {
	border-color: var(--black);
	background-color: var(--black);
}
.formbtnA input[type="checkbox"]:checked + em::before {
	border-color: var(--black);
	background-color: var(--color1);
}
.formbtnA input[type="checkbox"]:checked + em::after {
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 14px;
	height: 9px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: var(--black);
	margin-top: -9px;
	box-sizing: border-box;
}
/*formbtnB --------------------*/
.formbtnB {
}
.formbtnB label:hover {
	color: var(--color1);
}
.formbtnB label input {
	margin-right: 5px;
}
.formbtnB input[type=radio]:checked,
.formbtnB input[type=checkbox]:checked {
	cursor:auto;
}
.formbtnB input[type=radio]:checked + label,
.formbtnB input[type=checkbox]:checked + label {
}
.formbtnB input[type=radio]:checked + em,
.formbtnB input[type=checkbox]:checked + em {
	color:var(--color1);
	font-weight: 700;
}
/*formbtnC --------------------*/
.formbtnC {
}
.formbtnC label input {
	display: none;
	margin-right: 5px;
}
.formbtnC em {
	position:relative;
	line-height:1;
	margin-right: 20px;
	padding-left: 20px;
}
.formbtnC input + em::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: var(--gray4);
}
.formbtnC input[type=radio] + em::before {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.formbtnC input[type=checkbox] + em::before {
}
.formbtnC input:checked + em {
	color:var(--color1);
	font-weight: 700;
}
.formbtnC input:checked + em::before {
	background-color: var(--color1);
}
.formbtnC input:checked + em::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	background-color: var(--white);
}
.formbtnC input[type=radio]:checked + em::after {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.formbtnC input[type=checkbox]:checked + em::after {
}
/*formbtnD --------------------*/
.formbtnD ul {
	font-size: 0;
}
.formbtnD li {
	display: inline-block;
	position: relative;
	font-size: 14px;
	list-style: none;
	overflow: hidden;
	margin: 3px 0px;
}
.formbtnD li label em {
	display: block;
	min-width: 4em;
	color: var(--white);
	text-align: center;
	background-color: var(--gray3);
	border: none;
	border-right: 1px dashed var(--white);
	padding: 5px 15px;
	cursor: pointer;
}
.formbtnD li:first-child label em {
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.formbtnD li:last-child label em {
	border-right: none;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.formbtnD input[type=radio]:checked + em,
.formbtnD input[type=checkbox]:checked + em {
	color: var(--white);
	background-color: var(--color1);
}
.formbtnD input[type=radio],
.formbtnD input[type=checkbox] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
/*formbtnE --------------------*/
.formbtnE {
}
.formbtnE label input {
	display: none;
	margin-right: 3px;
}
.formbtnE em {
	display: block;
	position: relative;
	color: var(--gray1);
	line-height: 1;
	border: 1px solid var(--white);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 15px 20px 15px 40px;
	transition: .3s;
}
.formbtnE label em::before {
	content: "";
	display: block;
	position: absolute;
	left: 9px;
	width: 22px;
	height: 12px;
	background-color: var(--white);
	border: 1px solid var(--gray3);
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.formbtnE label em::after {
	content: "";
	display: block;
	position: absolute;
	top: 17px;
	left: 11px;
	width: 10px;
	height: 10px;
	background-color: var(--gray3);
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: .2s;
}
.formbtnE input:checked + em::before {
	border: 1px solid var(--color1);
}
.formbtnE input:checked + em::after {
	left: 21px;
	background-color: var(--color1);
}
/* --------------------*/
.formbtnF {
}
.formbtnF label:hover {
	color: var(--color1);
}
.formbtnF label input {
	position: absolute;
	left: 5px;
	top: 40%;
	z-index: 1;
	-webkit-transform: translateY(-40%);
	-moz-transform: translateY(-40%);
	-ms-transform: translateY(-40%);
	-o-transform: translateY(-40%);
	transform: translateY(-40%);
}
.formbtnF label em {
	display: block;
	position:relative;
	z-index: 0;
	line-height:1;
	background-color: var(--white);
	border: 1px solid var(--gray6);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 10px 20px 10px 25px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}
.formbtnF input:checked {
	cursor:auto;
}
.formbtnF input:checked + em {
	color: var(--color1);
	background-color: var(--gray6);
	border: 1px solid var(--gray4);
}
/* --------------------*/
.formbtnW label:hover {
	color: var(--color1);
}
.formbtnW input[type="radio"],
.formbtnW input[type="checkbox"] {
	display: none;
}
.formbtnW label .wpcf7-list-item-label {
	display: block;
	position:relative;
	line-height:1;
	background-color: var(--gray6);
	border: 1px solid var(--gray5);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	z-index: 0;
}
.formbtnW input[type="radio"] + .wpcf7-list-item-label,
.formbtnW input[type="checkbox"] + .wpcf7-list-item-label {
	padding: 10px 20px 10px 30px;
}
.formbtnW input[type="radio"]:checked + .wpcf7-list-item-label,
.formbtnW input[type="checkbox"]:checked + .wpcf7-list-item-label {
	color: var(--black);
	background-color: var(--color1);
	border: 1px solid var(--color2);
}
.formbtnW input[type="radio"] + .wpcf7-list-item-label::before,
.formbtnW input[type="checkbox"] + .wpcf7-list-item-label::before {
	content: "";
}
.formbtnW input[type="radio"] + .wpcf7-list-item-label::before {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	padding: 2px;
	background-clip: content-box;
}
.formbtnW input[type="checkbox"] + .wpcf7-list-item-label::before{
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
	border: 2px solid;
	border-color: var(--gray3);
	background-color: var(--white);
	box-sizing: border-box;
}
.formbtnW input[type="radio"]:not(:checked) + .wpcf7-list-item-label::before,
.formbtnW input[type="checkbox"]:not(:checked) + .wpcf7-list-item-label::before {
	border-color: var(--gray3);
	background-color: var(--gray4);
}
.formbtnW input[type="radio"]:checked + .wpcf7-list-item-label::before {
	border-color: var(--black);
	background-color: var(--black);
}
.formbtnW input[type="checkbox"]:checked + .wpcf7-list-item-label::before {
	border-color: var(--black);
	background-color: var(--color1);
}
.formbtnW input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 14px;
	height: 9px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: var(--black);
	margin-top: -9px;
	box-sizing: border-box;
}
/*--------------------*/
.formbtnMW input:checked {
	cursor: auto;
}
.formbtnMW label:hover {
	color: #0fa0ff;
}
.formbtnMW input[type="radio"],
.formbtnMW input[type="checkbox"] {
	display: none;
}
.formbtnMW label .mwform-radio-field-text,
.formbtnMW label .mwform-checkbox-field-text {
	display: block;
	position:relative;
	line-height:1;
	background-color: var(--gray6);
	border: 2px solid var(--gray2);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
	z-index: 0;
}
.formbtnMW input[type="radio"] +.mwform-radio-field-text,
.formbtnMW input[type="checkbox"] +.mwform-checkbox-field-text {
	padding: 10px 20px 10px 30px;
}
.formbtnMW input[type="radio"]:checked +.mwform-radio-field-text,
.formbtnMW input[type="checkbox"]:checked +.mwform-checkbox-field-text {
	color: var(--black);
	background-color: var(--color1);
	border: 2px solid var(--color2);
}
.formbtnMW input[type="radio"] +.mwform-radio-field-text::before,
.formbtnMW input[type="checkbox"] +.mwform-checkbox-field-text::before {
	content: "";
}
.formbtnMW input[type="radio"] +.mwform-radio-field-text::before {
	display: inline-block;
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px;
	height: 8px;
	border-width: 2px;
	border-style: solid;
	border-radius: 50%;
	padding: 2px;
	background-clip: content-box;
}
.formbtnMW input[type="checkbox"] + .mwform-checkbox-field-text::before{
	position: absolute;
	left: 10px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 13px;
	height: 13px;
	border: 2px solid;
	border-color: var(--gray3);
	background-color: var(--white);
	box-sizing: border-box;
}
.formbtnMW input[type="radio"]:not(:checked) + .mwform-radio-field-text::before,
.formbtnMW input[type="checkbox"]:not(:checked) + .mwform-checkbox-field-text::before {
	border-color: var(--gray3);
	background-color: var(--gray4);
}
.formbtnMW input[type="radio"]:checked + .mwform-radio-field-text::before {
	border-color: var(--black);
	background-color: var(--black);
}
.formbtnMW input[type="checkbox"]:checked + .mwform-checkbox-field-text::before {
	border-color: var(--black);
	background-color: var(--color1);
}
.formbtnMW input[type="checkbox"]:checked + .mwform-checkbox-field-text::after {
	display: block;
	content: "";
	position: absolute;
	left: 10px;
	top: 50%;
	width: 14px;
	height: 9px;
	transform: rotate(-45deg);
	border-bottom: 2px solid;
	border-left: 2px solid;
	border-color: var(--black);
	margin-top: -9px;
	box-sizing: border-box;
}
/* ------------------------------------------------ */
.recaptcha_policy {
	text-align: center;
	font-size: 13px;
	padding: 20px 0px;
}
.recaptcha_policy a {
	text-decoration: underline;
}
.grecaptcha-badge { visibility: hidden; }
/* ------------------------------------------------ */
.mw_wp_form_confirm .not,
.mw_wp_form_complete .not {
	display: none;
}
/* ------------------------------------------------ */
.wpcf7 form .wpcf7-response-output {
	border: none;
	display: none;
}
.wpcf7-not-valid-tip {
	display: inline-block;
	color: var(--red)!important;
	font-size: 16px;
	font-weight: 700;
	line-height: 1em;
	background-color: var(--white);
	vertical-align: middle;
	margin-top: 5px;
	padding: 5px 10px;
}
.wpcf7 form .wpcf7-spinner {
	border: none;
	display: none;
}
/* ------------------------------------------------ */


/* ------------------------------------------------ */
/*
#wrap {
	z-index: 1000;
}
*/
.form {
	position: relative;
}
.form dd p {
	font-size: 16px;
	text-align: left;
}
.input_area {
	position: relative;
	z-index: 1;
}
.input_area::after {
	content: "";
	position: fixed;
	z-index: 4;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255,0.5);
}
.input_area.open::after {
	display: none;
}
.confirm_area {
	position: absolute;
	left: 50%;
	top: 0px;
	transform: translateX(-50%);
	width: 90%;
/*
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	height: 90%;
*/
	z-index: 5;
	background-color: var(--white);
	border: 3px solid var(--black);
}
@media screen and (max-width:767px) {
	.confirm_area {
		width: 95%;
/*
		height: 95%;
*/
	}
}
.input_area {
opacity: 0.5;
}
.input_area.open {
opacity: 1;
}
.confirm_area,
.thanks_area {
	display: none;
}
.confirm_area.open,
.thanks_area.open {
	display: block;
}
.input_area.thanks,
.confirm_area.thanks {
	display: none;
}





.form-confirm {
	height: 100%;
	overflow-y: auto;
}
.form-confirm-inner {
	padding: 10px 10px;
}
/*
@media screen and (max-width:767px) {
	.form-confirm-inner {
		padding: 10px 10px 170px 10px;
	}
}
@media screen and (min-width:768px) {
	.form-confirm-inner {
		padding: 10px 10px 100px 10px;
	}
}
*/
.confirm-submit {
/*
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 98%;
*/
	padding: 10px 0px;
	border-top: 3px solid var(--black);
	background-color: var(--white);
}
.confirm-submit input {
	display: inline-block;
	vertical-align: middle;
}
.confirm-submit .submit {
	padding: 0px 10px;
}


.form-confirm h2 {
	font-size: 20px;
	text-align: center;
}
.form-confirm em {
	display: block;
	font-size: 16px;
	text-align: center;
	margin-bottom: 10px;
}
.form-confirm-box {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}
@media screen and (min-width:768px) {
	.form-confirm-box {
		padding: 0px 50px 30px 50px;
	}
	.form-confirm-box dl {
		display: table;
		width: 100%;
		table-layout: fixed;
		border-spacing: 0px;
	}
	.form-confirm-box dl dt,
	.form-confirm-box dl dd {
		display: table-cell;
		vertical-align: middle;
	}
	.form-confirm-box dl dt {
		width: 150px;
		line-height: 1.6em;
		padding: 10px 10px;
	}
	.form-confirm-box dl dd {
		padding: 10px 20px;
	}
}
@media screen and (max-width:767px) {
	.form-confirm-box {
		padding: 0px 0px 20px 0px;
	}
	.form-confirm-box dl {
		padding: 10px 0px;
	}
	.form-confirm-box dl dt {
		padding: 5px 10px;
	}
	.form-confirm-box dl dd {
		padding: 10px 10px;
	}
}
.form-confirm-box dl {
	font-size: 16px;
	background-color: #fff;
	border-bottom: 1px solid #000;
	margin: 0px auto;
}
.form-confirm-box dl:last-child {
	border-bottom: none;
}
.form-confirm-box dl dt {
	color: var(--color1);
	font-weight: 700;
}
@media screen and (max-width:767px) {
	.form-confirm-box dl dt {
		border-bottom: 1px dashed #ccc;
	}
}
@media screen and (min-width:768px) {
	.form-confirm-box dl dt {
		border-right: 1px dashed #ccc;
	}
}
.form-confirm-box dl dt span {
	color: #c00;
}
.form-confirm-box dl dd {
}
.form-confirm-box dd p {
	line-height: 1.5em;
	margin-bottom: 20px;
}
.form-confirm-box dd p:last-child {
	margin-bottom: 0px;
}

.thanks_area {
	text-align: center;
		padding: 100px 10px;
}
.thanks_area h2 {
	font-size: 24px;
}
.thanks_area p {
	font-size: 16px;
}
/* ------------------------------------------------ */
#bloc-entry-form.bloc {
	padding-bottom: 100px;
}
/* ------------------------------------------------ */

/* ------------------------------------------------ */
/*
■■■■■■■■■■■■■■■■■■■■■■■■■
お問い合わせ

<div class="forminner widths">
<dl><dt>お名前<span>※</span></dt><dd>
<p>
<em>お名前</em>
[text* your-name placeholder "お名前"]
</p><p>
<em>ふりがな</em>
[text* your-namef placeholder "ふりがな"]
</p>
</dd></dl>
<dl><dt>会社名</dt><dd>
[text your-company]
</dd></dl>
<dl><dt>電話番号<span>※</span></dt><dd>
[tel* your-tel]
</dd></dl>
<dl><dt>メールアドレス<span>※</span></dt><dd>
[email* your-email]
</dd></dl>
<dl><dt>お問い合わせの内容</dt><dd>
<div class="formbtn inline">
[radio your-naiyo use_label_element default:1 "業務について" "求人について" "その他"]
</div>
</dd></dl>
<dl><dt>お問い合わせ内容（本文）<span>※</span></dt><dd>
[textarea* your-message]
</dd></dl>
<dl><dt>折り返しの連絡方法</dt><dd>
<div class="formbtn inline">
[radio your-renraku use_label_element default:1 "電話で連絡" "メールで連絡"]
</div>
</dd></dl>
</div>
<div class="kakunin">
<div class="formbtn inline">
<a href="[home]/privacy" target="_blank" rel="noopener" class="not">プライバシーポリシー</a>
<b>
[acceptance your-pp] プライバシーポリシーに同意する [/acceptance]
</b>
</div>
</div>
<div class="recaptcha_policy">
<p>当サイトはreCAPTCHAによって保護されており、Googleの<a href="https://policies.google.com/privacy" target="_blank" rel="noopener">プライバシーポリシー</a>と<a href="https://policies.google.com/terms" target="_blank" rel="noopener">利用規約</a>が適用されます。</p>
</div>
<div class="submit">
[submit "確認する"]
</div>
[multistep multistep-85 first_step "/contact/contact-confirm"]
■■■■■■■■■■■■■■■■■■■■■■■■■
お問い合わせ_確認

<div class="forminner widths">
<dl><dt>お名前</dt><dd>
<p>
お名前：[multiform "your-name"]
</p><p>
ふりがな：[multiform "your-namef"]
</p>
</dd></dl>
<dl><dt>会社名</dt><dd>
[multiform "your-company"]
</dd></dl>
<dl><dt>電話番号</dt><dd>
[multiform "your-tel"]
</dd></dl>
<dl><dt>メールアドレス</dt><dd>
[multiform "your-email"]
</dd></dl>
<dl><dt>お問い合わせの内容</dt><dd>
<div class="formbtn inline">
[multiform "your-naiyo"]
</div>
</dd></dl>
<dl><dt>お問い合わせ内容（本文）</dt><dd>
[multiform "your-message"]
</dd></dl>
<dl><dt>折り返しの連絡方法</dt><dd>
<div class="formbtn inline">
[multiform "your-renraku"]
</div>
</dd></dl>
</div>
<div class="kakunin">
<div class="formbtn inline">
<b>
 プライバシーポリシーに同意する 
</b>
</div>
</div>
<div class="recaptcha_policy">
<p>当サイトはreCAPTCHAによって保護されており、Googleの<a href="https://policies.google.com/privacy" target="_blank" rel="noopener">プライバシーポリシー</a>と<a href="https://policies.google.com/terms" target="_blank" rel="noopener">利用規約</a>が適用されます。</p>
</div>
<div class="submit">
[previous class:back "戻る"]
[submit "送信する"]
</div>
[multistep multistep-52 last_step send_email "/contact/contact-thanks"]



お問い合わせがありました。

--------------------------------------------
お名前：[your-name]
ふりがな：[your-namef]
会社名：[your-company]
電話番号：[your-tel]
メールアドレス：[your-email]
折り返しの連絡方法：[your-renraku]

お問い合わせ内容：[your-naiyo]
お問い合わせ内容（本文）：
[your-message]

━━━━━━━━━━━━━━━━━━━━━━━
送信者のIPアドレス：[_remote_ip]
送信者のユーザーエージェント(ブラウザ)情報：[_user_agent]
コンタクトフォームが設置されているページのURL：[_url]
送信の日付：[_date]
送信の時刻：[_time]
不正な入力のあった入力項目の数：[_invalid_fields]
━━━━━━━━━━━━━━━━━━━━━━━

[your-name]様

この度は[_site_title]にお問い合わせいただき、誠にありがとうございます。
以下のメールが送信されました。お間違えがないかご確認ください。

※このメールは送信内容の確認のための自動返信メールです。
このメールに心当たりのない方はお手数ですが下記お問い合わせよりご連絡ください。

メール確認後、担当者より折り返しご連絡させていただきます。
--------------------------------------------
お名前：[your-name]
ふりがな：[your-namef]
会社名：[your-company]
電話番号：[your-tel]
メールアドレス：[your-email]
折り返しの連絡方法：[your-renraku]

お問い合わせ内容：[your-naiyo]
お問い合わせ内容（本文）：
[your-message]

━━━━━━━━━━━━━━━━━━━━━━━
このメールアドレスは送信専用です。
返信をいただいてもご回答できませんのでご了承ください。
お問い合わせ：
[_site_url]/contact/
━━━━━━━━━━━━━━━━━━━━━━━
[_site_title]
[_site_url]
━━━━━━━━━━━━━━━━━━━━━━━
■■■■■■■■■■■■■■■■■■■■■■■■■
エントリーフォーム

<div class="forminner widths h-adr">
<dl><dt>お名前<span>※</span></dt><dd>
<p>
<em>お名前</em>
[text* your-name placeholder "お名前"]
</p><p>
<em>ふりがな</em>
[text* your-namef placeholder "ふりがな"]
</p>
</dd></dl>
<dl><dt>年齢</dt><dd>
[number your-age min:1 max:99 class:inputs] 歳
</dd></dl>
<dl><dt>住所</dt><dd>
<span class="p-country-name" style="display:none;">Japan</span>
<p>
郵便番号（例／535-0003または5350003）<br>
〒 [text your-zip class:inputs class:p-postal-code]
</p><p>
[text your-addr1 class:p-region class:p-locality class:p-street-address]
</p><p>
番地・マンション名など<br>
[text your-addr2]
</p>
</p>
</dd></dl>
<dl><dt>電話番号</dt><dd>
[tel* your-tel]
</dd></dl>
<dl><dt>メールアドレス<span>※</span></dt><dd>
[email* your-email]
</dd></dl>

<dl><dt>経験された職種と年数</dt><dd>
[textarea your-keiken]
</dd></dl>
<dl><dt>希望待遇</dt><dd>
[textarea your-taigu]
</dd></dl>

<dl><dt>お問い合わせ内容</dt><dd>
[textarea your-message]
</dd></dl>
<dl><dt>折り返しの連絡方法</dt><dd>
<div class="formbtn inline">
[radio your-renraku use_label_element default:1 "電話で連絡" "メールで連絡"]
</div>
</dd></dl>
</div>
<div class="kakunin">
<div class="formbtn inline">
<a href="[home]/privacy" target="_blank" rel="noopener" class="not">プライバシーポリシー</a>
<b>
[acceptance your-pp] プライバシーポリシーに同意する [/acceptance]
</b>
</div>
</div>
<div class="recaptcha_policy">
<p>当サイトはreCAPTCHAによって保護されており、Googleの<a href="https://policies.google.com/privacy" target="_blank" rel="noopener">プライバシーポリシー</a>と<a href="https://policies.google.com/terms" target="_blank" rel="noopener">利用規約</a>が適用されます。</p>
</div>
<div class="submit">
[submit "確認する"]
</div>
[multistep multistep-96 first_step "/recruit/entry-confirm"]
■■■■■■■■■■■■■■■■■■■■■■■■■
エントリーフォーム_確認

<div class="forminner widths">
<dl><dt>お名前</dt><dd>
<p>
お名前：[multiform "your-name"]
</p><p>
ふりがな：[multiform "your-namef"]
</p>
</dd></dl>
<dl><dt>年齢</dt><dd>
[multiform "your-age"] 歳
</dd></dl>
<dl><dt>住所</dt><dd>
〒[multiform "your-zip"]<br>
[multiform "your-addr1"][multiform "your-addr2"]
</dd></dl>
<dl><dt>電話番号</dt><dd>
[multiform "your-tel"]
</dd></dl>
<dl><dt>メールアドレス</dt><dd>
[multiform "your-email"]
</dd></dl>
<dl><dt>経験された職種と年数</dt><dd>
[multiform "your-keiken"]
</dd></dl>
<dl><dt>希望待遇</dt><dd>
[multiform "your-taigu"]
</dd></dl>
<dl><dt>お問い合わせ内容</dt><dd>
[multiform "your-message"]
</dd></dl>
<dl><dt>折り返しの連絡方法</dt><dd>
<div class="formbtn inline">
[multiform "your-renraku"]
</div>
</dd></dl>
</div>
<div class="kakunin">
<div class="formbtn inline">
<b>
 プライバシーポリシーに同意する 
</b>
</div>
</div>
<div class="recaptcha_policy">
<p>当サイトはreCAPTCHAによって保護されており、Googleの<a href="https://policies.google.com/privacy" target="_blank" rel="noopener">プライバシーポリシー</a>と<a href="https://policies.google.com/terms" target="_blank" rel="noopener">利用規約</a>が適用されます。</p>
</div>
<div class="submit">
[previous class:back "戻る"]
[submit "送信する"]
</div>
[multistep multistep-95 last_step send_email "/recruit/entry-thanks"]

エントリーがありました

--------------------------------------------

お名前：[your-name]
ふりがな：[your-namef]
年齢：[your-age]歳
住所：〒[your-zip] [your-addr1][your-addr2]
電話番号：[your-tel]
メールアドレス：[your-email]
折り返しの連絡方法：[your-renraku]

経験された職種と年数：
[your-keiken]

希望待遇
[your-taigu]

お問い合わせ内容：
[your-message]

━━━━━━━━━━━━━━━━━━━━━━━
送信者のIPアドレス：[_remote_ip]
送信者のユーザーエージェント(ブラウザ)情報：[_user_agent]
コンタクトフォームが設置されているページのURL：[_url]
送信の日付：[_date]
送信の時刻：[_time]
不正な入力のあった入力項目の数：[_invalid_fields]
━━━━━━━━━━━━━━━━━━━━━━━


[your-name]様

この度は[_site_title]に求人にご応募いただき、誠にありがとうございます。
以下のメールが送信されました。お間違えがないかご確認ください。

※このメールは送信内容の確認のための自動返信メールです。
このメールに心当たりのない方はお手数ですが下記お問い合わせよりご連絡ください。

メール確認後、担当者より折り返しご連絡させていただきます。
--------------------------------------------

お名前：[your-name]
ふりがな：[your-namef]
年齢：[your-age]歳
住所：〒[your-zip] [your-addr1][your-addr2]
電話番号：[your-tel]
メールアドレス：[your-email]
折り返しの連絡方法：[your-renraku]

経験された職種と年数：
[your-keiken]

希望待遇
[your-taigu]

お問い合わせ内容：
[your-message]

━━━━━━━━━━━━━━━━━━━━━━━
このメールアドレスは送信専用です。
返信をいただいてもご回答できませんのでご了承ください。
お問い合わせ：
[_site_url]/contact/
━━━━━━━━━━━━━━━━━━━━━━━
[_site_title]
[_site_url]
━━━━━━━━━━━━━━━━━━━━━━━
■■■■■■■■■■■■■■■■■■■■■■■■■
*/


/*

<div class="kakunin">
<a href="[home]/privacy" target="_blank" rel="noopener" class="not">プライバシーポリシー</a>
<b>
[mwform_checkbox name="your_pp" children="プライバシーポリシーに同意します"]
[acceptance your-pp] プライバシーポリシーに同意する [/acceptance]
</b>
</div>
<div class="recaptcha_policy">
<p>当サイトはreCAPTCHAによって保護されており、Googleの<a href="https://policies.google.com/privacy" target="_blank" rel="noopener">プライバシーポリシー</a>と<a href="https://policies.google.com/terms" target="_blank" rel="noopener">利用規約</a>が適用されます。</p>
[mwform_hidden name="recaptcha-v3"]
[mwform_error keys="recaptcha-v3"]
</div>

--------------------------------------------
<!-- /message -->
<div class="message">
<p>
<b>送信完了しました。</b>
</p>
<p>
内容を確認後、折返しご連絡させていただきます。
</p>
<p>
ご入力いただいたメールアドレスに確認メールが自動送信されましたのでご確認ください。<br>
確認メールが届いていない場合には、メールアドレスが誤っているか、確認メールが迷惑メールフォルダに振り分けられているなどの可能性がありますので、再度ご確認をお願いいたします。
メールの受信設定をされている場合は<b class="red">@〇〇.com</b>からのメールを受信できるように設定してください。
</p>
</div>
<div class="link">
<a href="/"><span>トップページに戻る</span></a>
</div>
<!-- message/ -->
--------------------------------------------

contact7

[your-name]様

この度は[_site_title]にお問い合わせいただき、誠にありがとうございます。
以下のメールが送信されました。お間違えがないかご確認ください。

※このメールは送信内容の確認のための自動返信メールです。
このメールに心当たりのない方はお手数ですが下記お問い合わせよりご連絡ください。

メール確認後、担当者より折り返しご連絡させていただきます。
--------------------------------------------

会社名：[your-comp]
お名前：[your-name]
ふりがな：[your-namef]
メールアドレス：[your-email]
電話番号：[your-tel]
ご住所：〒[your-zip] [your-add1] [your-add2] [your-add3]

お問い合わせ内容：
[your-message]

━━━━━━━━━━━━━━━━━━━━━━━
このメールアドレスは送信専用です。
返信をいただいてもご回答できませんのでご了承ください。
お問い合わせ：
[_site_url]contact/
━━━━━━━━━━━━━━━━━━━━━━━
[_site_title]
[_site_url]
━━━━━━━━━━━━━━━━━━━━━━━







送信者のIPアドレス：[_remote_ip]
送信者のユーザーエージェント(ブラウザ)情報：[_user_agent]
コンタクトフォームが設置されているページのURL：[_url]
送信の日付：[_date]
送信の時刻：[_time]
不正な入力のあった入力項目の数：[_invalid_fields]



[_remote_ip]	送信者のIPアドレス
[_user_agent]	送信者のユーザーエージェント(ブラウザ)情報
[_url]	コンタクトフォームが設置されているページのURL
[_date]	送信の日付
[_time]	送信の時刻
[_invalid_fields]	不正な入力のあった入力項目の数




--------------------------------------------
mw form


{your_name}様

この度は株式会社aaaaに
お問い合わせいただき、誠にありがとうございます。
以下のメールが送信されました。お間違えがないかご確認ください。

※このメールは送信内容の確認のための自動返信メールです。
このメールに心当たりのない方はお手数ですが下記お問い合わせよりご連絡ください。

--------------------------------------------

会社名：{your_comp}
お名前：{your_name}
ふりがな：{your_namef}
メールアドレス：{your_mail}
電話番号：{your_tel}

お問い合わせ内容：
{your_message}

━━━━━━━━━━━━━━━━━━━━━━━
送信番号：{tracking_number}
━━━━━━━━━━━━━━━━━━━━━━━
このメールアドレスは送信専用です。
返信をいただいてもご回答できませんのでご了承ください。
お問い合わせ：
https://www.aaaa.com/contact/
━━━━━━━━━━━━━━━━━━━━━━━

送信日時：{send_datetime}
ブラウザ：{user_agent}
IPアドレス：{ip}
ホスト名：{host}
━━━━━━━━━━━━━━━━━━━━━━━


*/