@charset "UTF-8";

button, input, select, textarea {
  font-family : inherit;
  font-size   : 100%;
}
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

/* contact */

.contact-article {
	padding: 0 30px;
}

.contact-article-inner {
	max-width: 770px;
	margin: 0 auto;
}

.contact_button {
	text-align: center;
	line-height: 1;
	font-size: 20px;
	font-family: "PLUGO R", -apple-system, "Hiragino Sans", sans-serif;
	max-width: 338px;
	margin: 50px auto 0;
}

.contact_button input[type=submit],.contact_button a {
	display: block;
	width: 100%;
	padding: 0.7em .25em 0.7em;
	border-radius: 3em;
	cursor: pointer;
	background-color: #22A638;
	color: #fff;
	transition: all .25s ease;
	width: 100%;
	font-family:"PLUGO R",-apple-system,"Hiragino Sans",sans-serif;
}

.contact_button input[type=submit]:hover,.contact_button a:hover {
	opacity: 0.7;
}

.error{
	color: #dc3232;
    font-size: 1em;
    font-weight: normal;
    text-align: left;
}

/* form */
::placeholder {
	color: #ADADAD;
}

form.wpcf7-form {
	margin-top: 2em;
}

form.wpcf7-form input[type=text],
form.wpcf7-form input[type=email],
form.wpcf7-form input[type=number],
form.wpcf7-form textarea,
form.wpcf7-form select {
	background-color: fff;
	width: 100%;
	font-size: 16px;
	padding: 1em;
	border-radius: 4px;
	margin: .25em 0;
	color: #040b35;
	letter-spacing: .02em;
	border: 1px solid #1A1F61;
}

form.wpcf7-form input[type=text].wpcf7-not-valid,
form.wpcf7-form input[type=email].wpcf7-not-valid,
form.wpcf7-form input[type=number].wpcf7-not-valid,
form.wpcf7-form textarea.wpcf7-not-valid,
form.wpcf7-form select.wpcf7-not-valid {
	background-color: #f7f0da;
}

form.wpcf7-form textarea {
	height: 30vh;
	min-height: 15vh;
	max-height: 60vh;
	min-width: 100%;
}

form.wpcf7-form input[type=number] {
	width: auto;
	-moz-appearance: textfield;
}

form.wpcf7-form input[type=number]::-webkit-inner-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

form.wpcf7-form input[type=checkbox],
form.wpcf7-form input[type=radio] {
	display: none;
}

form.wpcf7-form input[type=checkbox] span,
form.wpcf7-form input[type=radio] span {
	font-size: 11px;
	position: relative;
	padding-left: 22px;
	cursor: pointer;
}

form.wpcf7-form input[type=checkbox] span::before,
form.wpcf7-form input[type=radio] span::before {
	content: "";
	display: block;
	width: 14px;
	height: 14px;
	background-color: #fff;
	border: 1px solid rgb(200, 200, 200);
	border-radius: 2px;
	position: absolute;
	top: 50%;
	margin-top: -7px;
	left: 0;
}

form.wpcf7-form input[type=checkbox]:checked span::after,
form.wpcf7-form input[type=radio]:checked span::after {
	opacity: 1;
}

form.wpcf7-form input[type=checkbox] span::after {
	content: "";
	display: block;
	width: 8px;
	height: 5px;
	border-left: 1px solid #22A638;
	border-bottom: 1px solid #22A638;
	transform: rotate(-40deg);
	position: absolute;
	top: 50%;
	left: 3px;
	margin-top: -4px;
	opacity: 0;
	transition: opacity 150ms ease;
}

form.wpcf7-form input[type=radio] span::before {
	border-radius: 50%;
}

form.wpcf7-form input[type=radio] span::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background-color: #22A638;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 2px;
	margin-top: -5px;
	opacity: 0;
	transition: opacity 150ms ease;
}

form.wpcf7-form .form-item {
	display: block;
	margin-bottom: 1em;
}

form.wpcf7-form .form-item.md {
	max-width: 480px;
	margin: 0 auto 1em;
}

form.wpcf7-form .form-item.md .select-wrap,
form.wpcf7-form .form-item select {
	width: 100%;
}

form.wpcf7-form .form-item > h2 {
	font-size: 11px;
	margin-bottom: .4em;
}

form.wpcf7-form .form-item > h2 i {
	color: #fff;
	display: inline-block;
	background-color: #22A638;
	line-height: 1;
	padding: 0.4em 0.4em 0.4em 0.5em;
	font-size: 0.85em;
	vertical-align: baseline;
	margin-left: 0.25em;
}

form.wpcf7-form .form-item > h2 small {
	vertical-align: middle;
	padding-left: 1em;
	font-size: calc(13em / 16em);
}

form.wpcf7-form .form-item .wpcf7-form-control-wrap {
	width: 100%;
}

form.wpcf7-form .form-item > div {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

form.wpcf7-form .form-item > div + div {
	margin-top: 1em;
}

form.wpcf7-form .form-item > div.center {
	justify-content: center;
}

form.wpcf7-form .form-item > div.left {
	justify-content: flex-start;
	align-items: center;
}

form.wpcf7-form .form-item > div.left .select-wrap + .select-wrap {
	margin-left: 1.5em;
}

form.wpcf7-form .form-item > div.column2 input,
form.wpcf7-form .form-item > div.column2 .wpcf7-form-control-wrap {
	width: 48%;
}

form.wpcf7-form .form-item > div.column2 .wpcf7-form-control-wrap input {
	width: 100%;
}

form.wpcf7-form span[role=alert] {
	flex: none;
	width: 100%;
	letter-spacing: 0;
	line-height: 1.4;
	color: #22A638;
}

form.wpcf7-form .form-item {}

form.wpcf7-form .wpcf7-validation-errors {
	color: #22A638s;
	border: none;
	text-align: center;
}

.wpcf7 .wpcf7-mail-sent-ok {
	border: none !important;
	display: none !important;
}

.wpcf7 .ajax-loader {
	display: none !important;
}

.contact-article .page_read,
form.wpcf7-form .form-item > h2,
form.wpcf7-form .form-item > h2 i,
form.wpcf7-form input[type=text], form.wpcf7-form input[type=email], form.wpcf7-form input[type=number], form.wpcf7-form textarea, form.wpcf7-form select{
	font-weight:400;
	font-family:"A1ゴシック R","A1 Gothic R",-apple-system,"Hiragino Sans",sans-serif !important;
}



@media (min-width:500px){

	/* contact */
	.contact-article {
		padding-bottom: 100px;
	}

	.contact-article .page_read {
		text-align: center;
		font-size: 15px;
	}

	form.wpcf7-form{
		margin-top: 4em;
	}

	form.wpcf7-form .form-item > h2 {
		font-size: 16px;
	}

}

@media (max-width:499px){

	/* contact */

	.page_read{
		text-align:center;
		font-size:13px;
		line-height: 2;
	}

	form.wpcf7-form input[type=text],
	form.wpcf7-form input[type=email],
	form.wpcf7-form input[type=number],
	form.wpcf7-form textarea,
	form.wpcf7-form select {
		font-size: 13px;
		padding: 1em .75em;
	}


	.contact_button {
		font-size: 13px;
		max-width: 220px;
		margin: 40px auto;
	}


}

@media (max-width:800px){

	/* contact */


}