@charset "utf-8";
/*!-----------------------------------------------
*original design
	/contents-sample/service-sample/

	- common
	- .content
----------------------------------------------- */

/* -----------------------------------------------
	common
----------------------------------------------- */
.content .strong {
	font-weight: 800;
}
/* -----------------------------------------------
	#overview
----------------------------------------------- */
#overview {
	padding-top: 130px;
	margin-top: -130px;
}
#overview .main .section {
	margin-bottom: 0;
}
#overview .section::after {
	display: block;
	content: "";
	clear: both;
}
#overview .headline {
}
#overview .headline span {
	font-size: 24px;
	font-weight: 400;
}
#overview .image {
	margin-bottom: 20px;
}
#overview.content .main .contents .image.pc_only {
	margin-bottom: 20px;
}
/*
	.image
----------------------------------------------- */
#overview .main .contents .image.pc_only {
	display: block;
	position: relative;
}
#overview .main .contents .image.pc_only #menu-area {
	width: 940px;
	height: auto;
	display: block;
	bottom: 0;
	position: absolute;
	margin: 20px;
}
#overview .main .contents .image.pc_only #menu-area .subheadline {
	margin-bottom: 5px;
	text-align: center;
}
@media only screen and (max-width: 769px) {
	#overview .main .contents .image.pc_only {
		display: none;
	}
		#overview .main .contents .image.sp_only {
			display: block;
			margin-bottom: 20px;
		}
}
@media only screen and (max-width: 767px) {
	#overview {
		margin-top: 0;
		padding-top: 0;
	}
	#overview.content .headline {
		padding-bottom: 10px;
		margin-bottom: 0;
		margin-top: 0;
		padding-top: 10px;
	}
	#overview .headline span {
		font-size: 20px;
		margin: 0;
	}
	#overview.content .headline span .sup_note {
		display: inline;
	}
	#overview .main .contents .image.pc_only {
		display: none;
	}
	.content .main .table.color,
	.content .main .table.color th,
	.content .main .table.color td {
		display: table-cell;
		border-collapse: collapse;
	}
}

/* -----------------------------------------------
	#series
----------------------------------------------- */
#series.series-area {
	clear: both;
	margin-top: 0;
	padding-top: 40px;
	padding-bottom: 40px;
}
#series .col3 {
	padding-bottom: 20px;
}
#series .col3 .click_area.comming-soon .col_label {
	color: #333;
}

/* -----------------------------------------------
	#merit-area
----------------------------------------------- */
#merit-area {
	margin-top: 0;
}

/* -----------------------------------------------
	#flow-area
----------------------------------------------- */
#flow-area {
	margin-top: 0;
}
/* -----------------------------------------------
	#faq
----------------------------------------------- */
#faq {
	padding-top: 140px;
}
/* -----------------------------------------------
	.footer-btn-area
----------------------------------------------- */
.footer-btn-area {
	margin-top: 0;
}