@charset "utf-8";
/* ------------------------------------------------ */
.form {
}
.forminner dl {
	margin-bottom: 30px;
}
#contact-kaknin .forminner dl {
}
.forminner dl:last-child {
}
.forminner dl dt {
	font-size: 1.2em;
	font-weight: 700;
	margin-bottom: 10px;
}
.forminner dl dd {
	padding: 0px 20px;
}
#contact-kaknin .forminner dl dt {
	font-size: 1em;
	font-weight: 400;
	margin-bottom: 10px;
}
#contact-kaknin .forminner dl dd {
	font-size: 1.2em;
	font-weight: 500;
	background-color: #fff;
	padding: 20px 20px;
}
.forminner dd div {
	margin-bottom: 10px;
}
.forminner dd div:last-child {
	margin-bottom: 0px;
}
.forminner dd p {
	line-height: 1em;
	margin-bottom: 0px;
	padding: 5px 0px;
}
@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: #f2f2f2;
	border: 3px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 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: 25%;
}
.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: 50%;
}
.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: #fff;
	border: 3px solid #c00;
}
@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:-ms-input-placeholder {color: #999;}
.form input::-moz-placeholder {color: #999;}
.form input::-webkit-input-placeholder {color: #999;}
.form input::placeholder {color: #999;}

.form select {
	font-size: 16px;
	background-color: #fff;
	border: 3px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 5px;
}
.form textarea {
	width: 100%;
	height: 200px;
	font-size: 16px;
	background-color: #f2f2f2;
	border: 3px solid #000;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 5px 5px;
}
.form textarea:focus {
	background-color: #fff;
	border: 3px solid #c00;
}
@media screen and (max-width: 767px) {
	.form textarea {
		width: 90%;
	}
}
/*--------------------*/
.kakunin {
	text-align: center;
	padding: 20px 10px;
}
/*--------------------*/
.submit {
	text-align: center;
	padding: 20px 10px;
}
.submit p {
	padding: 10px 0px;
}
.submit input,
.submit button {
	color: #000;
	font-size: 18px;
	font-weight: 700;
	background-color: #07a5ff;
	border: 5px solid #000;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	padding: 20px 80px;
	cursor: pointer;
}
.submit input:hover,
.submit button:hover {
	background-color: var(--color2);
	background-color: #33ddff;
	border: 5px solid #07a5ff;
}
.submit input.back,
.submit button.back {
	display: inline-block;
	color: #fff;
	font-size: 13px;
	background-color: #000;
	border: 1px solid #000;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 10px 10px;
}
.submit input.back:hover,
.submit button.back:hover {
	background-color: #c00;
	border: 1px solid #c00;
}
.submit a.back {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	background-color: #666;
	border: 1px solid #666;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.submit a:hover {
	background-color: #ccc;
}
.submit a.back {
	display: inline-block;
	color: #fff;
	font-size: 12px;
	background-color: #666;
	border: 1px solid #666;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
}
.submit a:hover {
	background-color: #ccc;
}
/* ------------------------------------------------ */
.formbtn {
}
@media screen and (max-width: 767px) {
	.formbtn {
		text-align: center;
	}
}
.formbtn ul {
	list-style-type: none;
}
.formbtn ul.inline li {
	display: inline-block;
	vertical-align: middle;
	padding-right: 10px;
}
.formbtn ul.block li {
	display: block;
	margin-bottom: 3px;
}
.formbtn label {
	display: block;
	position:relative;
	cursor: pointer;
}
.formbtn label input {
	cursor: pointer;
}
.formbtn label i {
	font-style: normal;
}
/*radios --------------------*/
.formbtnA {
}
.formbtnA label:hover {
	color: #c00;
}
.formbtnA label input {
	margin-right: 5px;
}
.formbtnA label i {
	font-style: normal;
}
.formbtnA input[type=radio]:checked,
.formbtnA input[type=checkbox]:checked {
	cursor:auto;
}
.formbtnA input[type=radio]:checked + label,
.formbtnA input[type=checkbox]:checked + label {
}
.formbtnA input[type=radio]:checked + i,
.formbtnA input[type=checkbox]:checked + i {
	color:#c00;
	font-weight: 700;
}
/*formbtnB --------------------*/
.formbtnB {
}
.formbtnB label input {
	display: none;
	margin-right: 5px;
}
.formbtnB i {
	position:relative;
	line-height:1;
	margin-right: 20px;
	padding-left: 20px;
}
.formbtnB input + i::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
	height: 16px;
	background-color: #ccc;
}
.formbtnB input[type=radio] + i::before {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.formbtnB input[type=checkbox] + i::before {
}
.formbtnB input:checked + i {
	color:#c00;
	font-weight: 700;
}
.formbtnB input:checked + i::before {
	background-color: #c00;
}
.formbtnB input:checked + i::after {
	content: "";
	display: block;
	position: absolute;
	top: 3px;
	left: 3px;
	width: 10px;
	height: 10px;
	background-color: #fff;
}
.formbtnB input[type=radio]:checked + i::after {
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}
.formbtnB input[type=checkbox]:checked + i::after {
}
/*formbtnC --------------------*/
.formbtnC {
	font-size: 0;
}
.formbtnC li {
	display: inline-block;
	position: relative;
	font-size: 14px;
	list-style: none;
	overflow: hidden;
	margin: 3px 0px;
}
.formbtnC li label i {
	display: block;
	min-width: 4em;
	color: #fff;
	text-align: center;
	background-color: #888;
	border: none;
	border-right: 1px dashed #fff;
	padding: 5px 15px;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
cursor: pointer;
}
.formbtnC li:first-child label i {
	-moz-border-radius: 10px 0px 0px 10px;
	-webkit-border-radius: 10px 0px 0px 10px;
	border-radius: 10px 0px 0px 10px;
}
.formbtnC li:last-child label i {
	border-right: none;
	-moz-border-radius: 0px 10px 10px 0px;
	-webkit-border-radius: 0px 10px 10px 0px;
	border-radius: 0px 10px 10px 0px;
}
.formbtnC input[type=radio]:checked + i,
.formbtnC input[type=checkbox]:checked + i {
	color: #fff;
	background-color: #c00;
}
.formbtnC input[type=radio],
.formbtnC input[type=checkbox] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	margin: 0;
}
/*formbtnD --------------------*/
.formbtnD {
}
.formbtnD label input {
	display: none;
	margin-right: 3px;
}
.formbtnD i {
	display: block;
	position: relative;
	color: #444;
	font-style: normal;
	line-height: 1;
	border: 1px solid #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	padding: 15px 20px 15px 40px;
	transition: .3s;
}
.formbtnD label i::before {
	content: "";
	display: block;
	position: absolute;
	left: 9px;
	width: 22px;
	height: 12px;
	background-color: #fff;
	border: 1px solid #999;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border-radius: 15px;
}
.formbtnD label i::after {
	content: "";
	display: block;
	position: absolute;
	top: 17px;
	left: 11px;
	width: 10px;
	height: 10px;
	background-color: #999;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	transition: .2s;
}
.formbtnD input:checked + i::before {
	border: 1px solid #c00;
}
.formbtnD input:checked + i::after {
	left: 21px;
	background-color: #c00;
}
/* --------------------*/
.formbtnE {
}
.formbtnE label:hover {
	color: #c00;
}
.formbtnE 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%);
}
.formbtnE label i {
	display: block;
	position:relative;
	z-index: 0;
	line-height:1;
	background-color: #fff;
	border: 1px solid #f2f2f2;
	-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;
}
.formbtnE input:checked {
	cursor:auto;
}
.formbtnE input:checked + i {
	color: #c00;
	background-color: #f2f2f2;
	border: 1px solid #ccc;
}
/*--------------------*/
.formbtnF {
}
.formbtnF input:checked {
	cursor: auto;
}
.formbtnF label:hover {
	color: #ff7a87;
}
.formbtnF input[type="radio"],
.formbtnF input[type="checkbox"] {
	display: none;
}
.formbtnF label i {
	display: block;
	position:relative;
	line-height:1;
	background-color: #f2f2f2;
	border: 1px solid #e6e6e6;
	-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;
}
.formbtnF input[type="radio"] + i,
.formbtnF input[type="checkbox"] + i {
	padding: 10px 20px 10px 30px;
}
.formbtnF input[type="radio"]:checked + i,
.formbtnF input[type="checkbox"]:checked + i {
	color: #fff;
	background-color: #c00;
	border: 1px solid #ff7a87;
}
.formbtnF input[type="radio"] + i::before,
.formbtnF input[type="checkbox"] + i::before {
	content: "";
}
.formbtnF input[type="radio"] + i::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;
}
.formbtnF input[type="checkbox"] + i::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: #999;
	background-color: #FFF;
	box-sizing: border-box;
}
.formbtnF input[type="radio"]:not(:checked) + i::before,
.formbtnF input[type="checkbox"]:not(:checked) + i::before {
	border-color: #999;
	background-color: #ccc;
}
.formbtnF input[type="radio"]:checked + i::before {
	border-color: #fff;
	background-color: #fff;
}
.formbtnF input[type="checkbox"]:checked + i::before {
	border-color: #fff;
	background-color: #c00;
}
.formbtnF input[type="checkbox"]:checked + i::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: #fff;
	margin-top: -9px;
	box-sizing: border-box;
}
/* ------------------------------------------------ */