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

.main-image-reractive {
	width: 100%;
	position: relative;
	margin: 17.35vw 0 8vw;
}
.main-image-ttl {
	position: absolute;
	top: -10.5vw;
	left: 15.75vw;
	z-index: 1;
}
.main-image-ttl h1 {
	font-size: 11.7vw;
	color: #27b3ba;
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	display: inline-block;
	position: relative;
}
.main-image-ttl h1 span {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: 0;
	font-size: 0.95vw;
	color: #ffffff;
}
.main-image-flex {
	display: flex;
}
.mainimage-img {
	width: 70%;
	overflow-x: hidden;
}
.mainimage-img img {
	width: 106%;
	height: auto;
	vertical-align: bottom;
	transform: translateX(-6%);
}
.mainimage-menu {}
.mainimage-menu ul {
	display: flex;
	flex-direction: column;
}
.mainimage-menu ul li {
	font-family: century-gothic, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 1vw;
	margin-bottom: 1.8em;
	padding-left: 3em;
}
.mainimage-menu ul li a {
	color: #27b3ba;
}
.mainimage-menu ul li.active a {
	color: #000000;
	display: block;
	position: relative;
}
.mainimage-menu ul li.active a::before {
	width: 0.7vw;
	height: 0.7vw;
	content: "";
	background-color: #000000;
	border-radius: 1vw;
	position: absolute;
	left: -1.8vw;
	top: 50%;
	transform: translateY(-50%);
}

.form-brock {
	width: 68.5vw;
	margin: 0 auto;
}
.form-brock p {
	text-align: center;
	font-size: 1vw;
	margin-bottom: 4.5vw;
}
.form-brock hr {
	border-width: 1px;
	border-color: #27b3ba;
	border-style: solid;
}

.form-area {
	width: 785px;
	margin: 0 auto 25vw;
}

.form-area dl {
	width: 100%;
	display: flex;
	margin: 2.6em 0;
}
.form-area dl dt {
	width: 34.25%;
	padding: 8px 0;
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", serif;
	position: relative;
}
.form-area dl dt span {
	color: #27b3ba;
	border:1px #27b3ba solid;
	font-family: "Zen Kaku Gothic New", serif;
	display: inline-block;
	padding: 0 4px;
	position: absolute;
	right: 24%;
	vertical-align: middle;
	font-weight: normal;
}
.form-area dl dt span.required {
	background-color: #27b3ba;
	color: #ffffff;
}
.form-area dl dd {
	width: 65.75%;
}
.form-area dl dd.has-select {
	position: relative;
}

.form-area dl dd.has-select::after {
	content: "";
	position: absolute;
	right: 10px;
	top: 40%;
	width: 14px;
	height: 14px;
	border-left: 2px #27b3ba solid;
	border-bottom: 2px #27b3ba solid;
	transform: rotate(-45deg) translateY(-50%);
	pointer-events: auto;
}

.form-area input[type=text] {
	background-color: #c3eaec;
	width: 100%;
	padding: 8px 16px;
}
.form-area input[type=tel] {
	background-color: #c3eaec;
	width: 100%;
	padding: 8px 16px;
}
.form-area input[type=mail] {
	background-color: #c3eaec;
	width: 100%;
	padding: 8px 16px;
}
.form-area select {
	background-color: #c3eaec;
	width: 100%;
	padding: 8px 16px;
}
.form-area textarea {
	background-color: #c3eaec;
	width: 100%;
	padding: 8px 16px;
}


.form-area input[type=text]::placeholder {
	color: #27b3ba;opacity: 1;
}
.form-area input[type=text]:-ms-input-placeholder {
	color: #27b3ba;
}
.form-area input[type=text]::-ms-input-placeholder {
	color: #27b3ba;
}

.form-area input[type=tel]::placeholder {
	color: #27b3ba;opacity: 1;
}
.form-area input[type=tel]:-ms-input-placeholder {
	color: #27b3ba;
}
.form-area input[type=tel]::-ms-input-placeholder {
	color: #27b3ba;
}

.form-area input[type=mail]::placeholder {
	color: #27b3ba;opacity: 1;
}
.form-area input[type=mail]:-ms-input-placeholder {
	color: #27b3ba;
}
.form-area input[type=mail]::-ms-input-placeholder {
	color: #27b3ba;
}

.form-area input[readonly] {
	background-color: initial !important;
	color: #000000 !important;
}
.form-area textarea[readonly]  {
	background-color: initial !important;
	color: #000000 !important;
}


.privacypollicy-check input[type="checkbox"] {
	display: none;
}
.privacypollicy-check .checkbox-style {
	display: inline-block;
	width: 24px;
	height: 24px;
	background-color: #c3eaec;
	border: 0px;
	vertical-align: top;
	margin-right: 8px;
	transition: border-color 0.3s;
}

.privacypollicy-check input[type="checkbox"]:checked + .checkbox-style {
	background-color: #27b3ba;
	border-color: #27b3ba;
	position: relative;
}
.privacypollicy-check input[type="checkbox"]:checked + .checkbox-style::after {
	content: "";
	position: absolute;
	top: 3px;
	left: 7px;
	width: 9px;
	height: 13px;
	border: solid white;
	border-width: 0 2px 2px 0;
	transform: rotate(45deg);
}

.g-recaptcha {
	display: flex;
	justify-content: center;
	margin: 2em auto;
}

.form-area input[type=submit] {
	background-color: #27b3ba;
	width:392px;
	height: 64px;
	color: #ffffff;
	margin: 0 auto;
}
.form-area .disabled input[type=submit] {
	background-color: #9ba1a1;
}



.form-area textarea::placeholder {
  color: #27b3ba;
  opacity: 1;
}
.form-area textarea:-ms-input-placeholder { /* IE */
  color: #27b3ba;
}
.form-area textarea::-ms-input-placeholder { /* Edge旧版 */
  color: #27b3ba;
}

.custom-select {
	color: #000;
}
.custom-select:invalid{
	color: #27b3ba;
}

.form-privacypollicy {}
.form-privacypollicy span {
	font-weight: 700;
	font-family: "Zen Kaku Gothic New", serif;
	margin-bottom: 1em;
	display: inline-block;
}
.form-privacypollicy p {
	text-align: left;
	font-family: "Zen Kaku Gothic New", serif;
}

.privacypollicy-check {
	display: flex;
	margin: 3.5vw auto;
	align-items: center;
	justify-content: center;
	font-family: "Zen Kaku Gothic New", serif;
}

.form__btn {
	text-align: center;
	font-family: "Zen Kaku Gothic New", serif;
}
.form__btn-back {
	margin-bottom: 2em;
}

.form-area .form__btn-back input[type=submit] {
	background-color:#86adaf;
}

.form-send {
	width: 68.5vw;
	margin: 0 auto 50vw;
	text-align: center;
}
.form-send p {
	margin-bottom: 1.2em;
}

.form-send p.tellnum {
	font-size: 1.6rem;
	color: #27b3ba;
	margin-top: 1em;
}

.form-send h2 {
	margin-bottom: 1em;
}
.form__error-mail {
	margin-top: 1em;
}
.form__error-mail a {
	color: #27b3ba;
	border: 1px #27b3ba solid;
	padding: 4px 16px 6px;
	display: inline-block;
	background-color: #ccfdff;
	font-size: 1.2rem;
}


.homebtn {
	color: #27b3ba;
	margin-top: 2em;
	font-weight: 700;
	font-size: 1.2rem;
}