/*

TOP

*/


/* FV
----------------------------- */

.mv_wrapper {
	width: 100%;
	margin: 0 auto;
	background: url(img/main_bg01.png) no-repeat center / cover;
}

.mv {
	width: 1000px;
	min-height: 450px;
	margin: 0 auto;
	position: relative;
	padding: 65px 0;
}

.mv .mv_inner {
	position: absolute;
	left: 0;
	bottom: 3rem;
	max-width: 1000px;
	width: 640px;
	margin: 0px auto;
	padding: 2rem 4rem;
	background: rgba(50, 55, 61, .8);
}

.mv .mv_inner .mv_title {
	margin: 0 0 1.5rem;
	font-family: "HG明朝E", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 2.4rem;
	padding: 0;
	line-height: 1.5;
	color: #d0c368;
}

.mv .mv_inner p.mv_text {
	color: #fff;
	line-height: 1.6;
}


/* compare-table-frame
----------------------------- */

.compare-table-group {
	margin: 8rem 0 3rem;
	padding: 2rem 2rem 3rem;
	background: #f8f8f8;
}
.compare-table-group .top-title h2:first-child,
.compare-table-group .title-table-area h2:first-child,
.compare-table-group .compare-title h2{
	margin: 2rem auto 3rem;
}
.compare-table-group .top-title .box-head,
.compare-table-group .title-area {
	margin: 0 0 1rem;
}

/*/////img/////*/

.top-image-text-box {
	margin: 30px 0;
}

.top-image-text-box .catch-copy {
	font-size: 2.0rem;
}


/*/////title-text-area /////*/

.compare-table-frame .title-text-area {
	background: #fff;
	padding: 2rem;
	margin: 3rem auto;
}

.compare-table-frame .title-text-area .top-title h3,
.compare-table-frame .title-text-area .top-title h4,
.compare-table-frame .title-text-area .top-title h5,
.compare-title h3,
.compare-title h4,
.compare-title h5,
.compare-title .title-area {
	margin-top: 0;
}


/*/////image-text-area /////*/

.compare-table-frame .compare-table-group .image-text-area {
	background: #fff;
	padding: 2rem;
}

.compare-table-frame .compare-table-group .image-text-area .table-layout table tr td {
	vertical-align: middle;
}


/*/////title-table-area  /////*/

.compare-table-frame .compare-table-group .title-table-area {
	margin: 3rem auto;
	background: #fff;
	padding: 2rem;
}


/*/////title-list-area /////*/

.compare-table-frame .compare-table-group .title-list-area {
	background: #fff;
	padding: 2rem;
}

.compare-table-frame .compare-table-group .title-list-area ul li {
	position: relative;
	color: #9d7f27;
	font-weight: bold;
	background: url(img/bg.png) #fdf9f2;
	margin: 0 0 2rem;
	padding: 2rem 2rem 2rem 4rem;
	line-height: 1.6;
	font-size: 1.7rem;
	text-indent: -1.5rem;
}

.compare-table-frame .compare-table-group .title-list-area ul li a {
	color: #9d7f27;
}

.compare-table-frame .compare-table-group .title-list-area ul li::before {
	position: static;
	content: '●';
	color: #9d7f27;
	font-size: 1rem;
	padding: 0 .5rem 0 0;
	vertical-align: middle;
}

.compare-table-frame .compare-table-group .title-list-area ul li:last-child {
	margin: 0;
}

.compare-table-frame .compare-table-group .title-list-area ul li p {
	color: #333;
	margin: 2rem 0 2rem 0;
	text-indent: 0;
	font-weight: normal;
}


/*----------------------------------------------------
    SP_css
----------------------------------------------------*/

@media screen and (max-width: 480px) {
	/* FV
----------------------------- */
	.mv_wrapper {
		padding: 0;
		min-height: auto;
		background: url(img/main_bg02.png) no-repeat top center / contain;
	}
	.mv {
		width: 100%;
		min-height: auto;
		padding: 30% 0 2%;
	}
	.mv .mv_inner {
		max-width: 100%;
		width: 95%;
		margin: 0px auto;
		padding: 2rem 1.5rem;
		position: static;
	}
	.mv .mv_inner .mv_title {
		margin: 0 0 2.5rem;
		font-size: 2.2rem;
		line-height: 1.3;
		text-align: justify;
		color: #fff;
	}
	.mv .mv_inner p.mv_text {
		line-height: 1.6;
		text-align: justify;
	}
	/* compare-table-frame
----------------------------- */
	.compare-table-group {
		padding: 3%;
		margin: 5rem 0 3rem;
	}
	/*/////image-text-area /////*/
	.compare-table-frame .compare-table-group .image-text-area {
		padding: 5%;
	}
	/*/////title-text-area /////*/
	.compare-table-frame .title-text-area {
		padding: 5%;
	}
	/*/////title-table-area  /////*/
	.compare-table-frame .compare-table-group .title-table-area {
		padding: 5%;
	}
	/*/////title-list-area /////*/
	.compare-table-frame .compare-table-group .title-list-area {
		background: #fff;
		padding: 5%;
	}
	.compare-table-frame .compare-table-group .title-list-area ul li {
		margin: 0 0 2rem;
		padding: 5% 5% 5% 16%;
		line-height: 1.6;
		font-size: 1.7rem;
	}
}