@charset "UTF-8";
/*
 * ================================================
 *
 * [contact]
 *
 * ================================================
 */
/**
 * ---------------------------------------------------
 * index
 * ---------------------------------------------------
 */
body.index .secVox {
	padding-top: 35px;
}
.infoVox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	padding-top: 15px;
}
	.infoVox .item {
		width: 430px;
	}
	.infoVox .info {
		padding-top: 15px;
	}
		.infoVox .info > dd {
			line-height: 2;
		}
			.infoVox .info > dd a {
				font-size: 1.3rem;
			}
	.infoVox .access {}
		.infoVox .access > dt {
			border-left: 4px solid #8BC21F;
			padding-left: .5em;
		}
		.infoVox .access .map {
			text-align: center;
			padding-top: 20px;
		}
.linkBox {
	padding-top: 30px;
}

/**
 * ---------------------------------------------------
 * form
 * ---------------------------------------------------
 */
.cReq { color: #C30505; }
/**
 * flowList
 */
.flowList {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	    -ms-flex-pack: justify;
	        justify-content: space-between;
	margin-bottom: 30px;
}
	.flowList li {
		width: 30%;
		text-align: center;
		background: #F5F5F5;
		border-radius: 6px;
		padding: 1em;
		position: relative;
	}
	.flowList li.active {
		background: #005eac;
		color: #FFF;
	}
	.flowList li::after {
		content: '';
		position: absolute;
		top: 50%;
		right: -28px;
		margin-top: -8px;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 8px 0 8px 8px;
		border-color: transparent transparent transparent #005eac;
	}
	.flowList li:last-child::after {
		display: none;
	}
		.flowList li dt {}
		.flowList li dd {
			font-size: 1.5rem;
		}
/**
 * form
 */
.formItem {
	display: table;
	width: 100%;
	border: 1px solid #E6E6E6;
}
	.formItem dt,
	.formItem dd {
		display: table-cell;
		vertical-align: middle;
		padding: 1.5em;
	}
	.formItem dt {
		border-right: 1px solid #E6E6E6;
		background: #F5F5F5;
		padding: 1.5em 2em;
		width: 18em;
		position: relative;
	}
	.formItem.required dt::after {
		content: '※';
		color: #C30505;
		position: absolute;
		top: 50%;
		right: 1em;
		margin-top: -.7em;
	}
	.formItem label {
		display: inline-block;
		cursor: pointer;
		margin-right: 1em;
	}
	.formItem .fields label {
		margin-bottom: .5em;
	}
	.formItem label input[type=radio] {
		margin-right: 3px;
	}
	.formItem label input[type=text] {
		margin-left: 5px;
	}
	.formItem .example {
		padding-left: 1em;
		font-size: 1.2rem;
	}
	.formItem .hyphen {
		margin: 0 .5em;
	}
	.formItem a.zipBt {
		background: #8BC21F;
		color: #FFF;
		text-decoration: none;
		display: inline-block;
		padding: 5px 10px;
		margin-left: 15px;
		border-radius: 4px;
	}
.formWrap {}
	.formWrap .formItem {}
	.formWrap .formItem:not(:last-child) {
		border-bottom: none;
	}
	.formWrap .formItem.split {
		margin-bottom: 15px;
		border-bottom: 1px solid #E6E6E6;
	}
.formText {}
.formText.mini { width: 5em; }
.formText.short { width: 7em; }
.formText.middle { width: 14em; }
.formText.long { width: 70%; }
.submitVox {
	text-align: center;
	padding: 50px 0;
}
	.submitVox .submitItem {
		display: inline-block;
		margin: 0 20px;
	}
	.submitVox .submitBt {
		display: inline-block;
		background: #8BC21F;
		color: #FFF !important;
		font-weight: bold;
		font-size: 1.8rem;
		padding: 15px;
		position: relative;
		border-radius: 4px;
		width: 12em;
	}
	.submitVox .submitBt::after {
		content: '';
		position: absolute;
		right: 17px;
		top: 50%;
		width: 8px;
		height: 11px;
		background: url(../../images/content/content/icon_move_01.png) center / 100% no-repeat;
		margin-top: -5.5px;
	}
	.submitVox .backBt {
		background: #B7B7B7;
	}
	.submitVox .backBt::after {
		left: 17px;
		-webkit-transform: rotate(-180deg);
		        transform: rotate(-180deg);
	}
.finishVox {}

.map {
  width: 100%;
  position: relative;
  padding-top: 50%;
	margin: 30px 0 0 0;
}

.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/**
 ****************************************************
 *
 * screens larger than 767
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {}

/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * ---------------------------------------------------
	 * index
	 * ---------------------------------------------------
	 */
	body.index .secVox {
		padding-top: 15px;
	}
	.infoVox {
		display: block;
	}
		.infoVox .item {
			width: auto;
		}
		.infoVox .info {}
		.infoVox .access {
			padding-top: 30px;
		}
			.infoVox .access .map {
				padding-top: 20px;
			}
	/**
	 * flowList
	 */
	.flowList {
		margin-bottom: 25px;
	}
		.flowList li {
			width: 28%;
		}
		.flowList li::after {
			right: -18%;
			margin-top: -6px;
			border-width: 6px 0 6px 6px;
		}
			.flowList li dt {
				font-size: 1.2rem;
			}
			.flowList li dd {
				font-size: 1.4rem;
			}
	/**
	 * form
	 */
	.formItem {
		display: block;
	}
		.formItem dt,
		.formItem dd {
			display: block;
			padding: 20px 15px;
		}
		.formItem dt {
			border-right: none;
			padding: 1em;
			width: auto;
			font-size: 1.4rem;
		}
		.formItem.required dt::after {
			margin-top: -1em;
		}
		.formItem label {
			margin-right: 0;
			margin-bottom: 15px;
		}
		.formItem .fields label {}
		.formItem .example {
			display: block;
			padding-left: 0;
			margin-top: .5em;
		}
		.formItem .hyphen {
			margin: 0 .25em;
		}
		.formItem a.zipBt {
			font-size: 1.4rem;
			padding: 7px 15px;
			position: relative;
			top: -1px;
		}
		.formItem .note {
			font-size: 1.2rem;
			margin-top: .5em;
		}
		.formItem .unit {
			font-size: 1.4rem;
		}
	.formWrap {}
		.formWrap .formItem {}
		.formWrap .formItem:not(:last-child) {
			border-bottom: none;
		}
	.formText {}
	.formText.mini { width: 4.5em; }
	.formText.short { width: 50%; }
	.formText.middle { width: 80%; }
	.formText.long { width: 100%; }
	.submitVox {
		padding: 30px 0;
	}
		.submitVox .submitItem {
			margin-bottom: 15px;
		}
		.submitVox .submitBt {
			font-size: 1.6rem;
			/*width: 12em;*/
		}
}