@charset "UTF-8";
/*
 * ================================================
 *
 * [guide]
 *
 * ================================================
 */
/**
 * ---------------------------------------------------
 * module
 * ---------------------------------------------------
 */
.typeList {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	.typeList li {
		width: 33%;
		text-align: center;
		margin-bottom: 0.5%;
	}
	.typeList a.btn {
		position: relative;
		display: block;
		background: #005eac;
		color: #FFF;
		font-size: 2rem;
		text-align: center;
		text-decoration: none;
		padding: 1.5em;
		border-radius: 4px;
	}
	.typeList a:after {
			position:absolute;
			top:50%;
			right:15px;
			display: block;
			width: 10px;
			height: 10px; 
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			-webkit-transform: rotate(45deg);
			transform: rotate(45deg);
			content: "";
			margin-top:-6px;
		}

		.typeList a.btn big {
			display: block;
			font-size: 1.8rem;
		}
/**
 * ---------------------------------------------------
 * index
 * ---------------------------------------------------
 */
/**
 * outlineVox
 */
.outlineVox {
	position: relative;
}
	.outlineVox .caution {
		position: absolute;
		top: 20px;
		right: 35px;
	}
	.outlineVox .outline {
		padding-top: 30px;
	}
		.outlineVox .outline > dt {}
		.outlineVox .outline > dd {}
		.outlineVox .outline .price {
			font-size: 2rem;
			font-weight: bold;
			margin-bottom: 10px;
		}
			.outlineVox .outline .price > dt,
			.outlineVox .outline .price > dd {
				display: table-cell;
			}
			.outlineVox .outline .price > dt {
				background: #e2edf7;
				padding: .5em 3em;
				color: #005eac;
			}
			.outlineVox .outline .price > dd {
				padding-left: 1em;
			}
.kojinVox {
	background: #eff2f7;
	border: solid 1px #ddd;
	padding: 40px 50px 50px;
	margin-bottom: 40px;
}
/**
 * typeWrap
 */
.typeWrap {
	padding-top: 25px;
}
	.typeWrap .typeVox {
		padding: 25px 0 30px;
	}
.typeVox {}
	.typeVox a {
		color: #005EAC;
	}
	.typeVox .linkArea {
		text-align: right;
		padding-top: 15px;
	}
/**
 * ---------------------------------------------------
 * legacy
 * ---------------------------------------------------
 */
.flowFig {
	margin-bottom: 40px;
	padding-top: 20px;
}
	.flowFig img {
		margin-left: 40px;
	}
/**
 * ---------------------------------------------------
 *furusato
 * ---------------------------------------------------
 */
.furusatoPointBox {
	background: #005eac;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 30px;
}
.furusatoPointBoxTitle {
	width: 15%;
	color: #fff;
	text-align: center;
	font-size: 90%;
	font-family: "MS Serif", "New York", "serif";
	line-height: 1.2;
}
.furusatoPointBoxTitle span {
	font-size: 250%;
}
.furusatoPointBoxTitleInner {
	display: flex;
	align-self: center;
}
.furusatoPointBoxContent {
	background: #f5f5f5;
	width: 85%;
}
.furusatoPointBoxInner {
	padding: 40px;
}

/**
 ****************************************************
 *
 * screens larger than 767
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	/**
	 * table
	 */
	.table01 {
		width: 100%;
	}
		.table01 td.linkBox {
			position: relative;
			padding-right: 220px;
		}
			.table01 td.linkBox .adjust {
				padding: .75em 0;
			}
		.tblS02 tbody th {
			width: 17em;
			padding-right: 2em;
		}
}

/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * table
	 */
	.table01 {}
	/**
	 * ---------------------------------------------------
	 * module
	 * ---------------------------------------------------
	 */
	.typeList {
		flex-wrap: wrap;
		justify-content: space-between;
	}
		.typeList li {
			width: 49.5%;
			margin-top: 0.5%;
		}
		.typeList a.btn {
			font-size: 1.4rem;
			line-height: 1.3;
		}
	.typeList a:after {
			right:10px;
			width: 8px;
			height: 8px; 
			border-top: 2px solid #fff;
			border-right: 2px solid #fff;
			margin-top:-4px;
		}
			.typeList a.btn big {
				font-size: 1.4rem;
			}
	/**
	 * ---------------------------------------------------
	 * index
	 * ---------------------------------------------------
	 */
	/**
	 * outlineVox
	 */
	.outlineVox {}
		.outlineVox .caution {
			position: static;
			text-align: center;
			padding-top: 20px;
		}
			.outlineVox .caution img {
				width: 60%;
				max-width: 240px;
			}
		.outlineVox .outline {}
			.outlineVox .outline .price {
				font-size: 1.4rem;
				font-weight: 500;
	}
				.outlineVox .outline .price > dt {
					padding: .5em 1em;
					width: 5em;
					text-align: center;
				}
		.kojinVox {
			padding: 15px 20px 20px;
			margin-bottom: 20px;
		}
	/**
	 * typeWrap
	 */
	.typeWrap {
		padding-top: 25px;
	}
		.typeWrap .typeVox {
			padding: 25px 0 30px;
		}
		.typeWrap .typeVox:not(:first-child) {
			border-top: 1px solid #CED7DA;
		}
	.typeVox {}
		.typeVox a {
			color: #005EAC;
		}
		.typeVox h3 {
			margin-bottom: 15px;
		}
			.typeVox h3 span {
				display: inline-block;
				min-width: 240px;
				color: #FFF;
				font-size: 1.5rem;
				font-weight: bold;
				background: #005eac;
				border-radius: 4px 4px 0 0;
				text-align: center;
				padding: .75em 3em;
			}
		.typeVox .linkArea {
			text-align: right;
			padding-top: 15px;
		}
	/**
	 * ---------------------------------------------------
	 * legacy
	 * ---------------------------------------------------
	 */
	.flowFig {
		margin-bottom: 30px;
		padding-top: 0;
	}
		.flowFig figcaption {
			margin-bottom: 25px;
		}
		.flowFig img {
			margin-left: 0;
		}
/**
 * ---------------------------------------------------
 *furusato
 * ---------------------------------------------------
 */
.furusatoPointBox {
	margin-bottom: 10px;
}
.furusatoPointBoxTitle {
	width: 15%;
	font-size: 70%;
	line-height: 1.2;
}
.furusatoPointBoxTitle span {
	font-size: 250%;
}
.furusatoPointBoxTitleInner {
}
.furusatoPointBoxContent {
}
.furusatoPointBoxInner {
	padding: 20px;
}
}