/*

TOP

*/


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


/* MV
----------------------------- */

.mv {
	position: relative;
	margin: 0 auto;
	padding: 65px 0;
	width: 100%;
	background: url(img/mv.png) center center no-repeat;
	background-size: cover;
}

.mv .mv_inner {
	margin: 0 auto;
	padding: 0 8rem 3rem;
	max-width: 1000px;
	position: relative;
	top: 31.5rem;
}

.mv .mv_inner .mv_title {
	position: relative;
	z-index: 1;
	margin: 1rem 0 2rem;
	font-weight: bold;
	font-size: 2.6rem;
	line-height: 1.5;
}

.mv .mv_inner .mv_catch {
	background: -webkit-linear-gradient(-180deg, transparent 50%, #b2d470 50%);
	background: linear-gradient(-180deg, transparent 50%, #b2d470 50%);
}
.mv .mv_inner p.mv_text {
	color: #4c4c4c;
	line-height: 1.6;
}


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

.compare-table-frame {
	margin: 2rem 0 3rem;
	padding: 2rem 2rem 3rem;
	background: #fff;
	/*/////title-text-area /////*/
	/*/////image-text-area /////*/
	/*/////title-table-area /////*/
	/*/////title-list-area /////*/
}

.compare-table-frame .compare-table-group h2 {
	position: relative;
	margin: 2rem 0 3rem;
	padding: 2.5rem 2rem;
	background: url(img/h1_bg.png) repeat center center;
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 3rem;
}

.compare-table-frame .compare-table-group h2::after {
	position: absolute;
	right: 0;
	bottom: 10px;
	left: 0;
	margin: 0;
	width: 100%;
	height: 3px;
	background: url(img/h1_d.png) repeat center center;
	content: '';
}

.compare-table-frame .compare-table-group h2::before {
	position: absolute;
	top: 10px;
	right: 0;
	left: 0;
	margin: 0;
	width: 100%;
	height: 3px;
	background: url(img/h1_d.png) repeat center center;
	content: '';
}

.compare-table-frame .compare-table-group h2:first-child {
	margin: 0 auto 3rem;
}

.compare-table-frame .compare-table-group h2 a {
	color: #fff;
}

.compare-table-frame .compare-table-group h3 {
	position: relative;
	margin: 45px auto 15px;
	padding: 20px;
	background: url(img/h2_bg.png);
	font-weight: bold;
	font-size: 2.7rem;
	line-height: 140%;
}

.compare-table-frame .compare-table-group h4 {
	position: relative;
	margin: 30px 0 15px;
	padding: 2rem;
	border: solid 1px #90b487;
	border-radius: 1rem;
	background: #fff;
	-webkit-box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 6px #90b487;
	box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 6px #90b487;
	font-weight: bold;
	font-size: 2.4rem;
	line-height: 140%;
}

.compare-table-frame .compare-table-group h5 {
	position: relative;
	margin: 30px auto 15px;
	padding: 1rem 2rem;
	font-weight: bold;
	font-size: 20px;
	font-size: 2rem;
	line-height: 140%;
}

.compare-table-frame .compare-table-group h5::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 5px;
	background: url(img/h4.png) repeat center center;
	content: '';
}

.compare-table-frame .compare-table-group .catch-copy {
	position: relative;
	margin: 2rem 0 3rem;
	padding: 1rem 1rem 1rem 1rem;
	color: #454545;
	text-align: center;
	font-weight: bold;
	font-size: 2.4rem;
}
.compare-table-frame .compare-table-group .catch-copy::before {
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	width: 100%;
	height: 1rem;
	background: url(img/h1_d.png) repeat-X center center;
	content: '';
	pointer-events: none;
}
.contents_top .title-viral-area .catch-copy {
  font-size: 2rem;
  margin: 0 0 1rem;
  padding: 2px 0 5px;
  font-size: 1.6rem;
  text-align: left;
  color: #738d4f;
}
.contents_top .title-viral-area .catch-copy::before {
  content: none;
}
.compare-table-frame .title-text-area {
	margin: 3rem auto;
	padding: 2rem;
	background: #fff;
}

.compare-table-frame .title-text-area .top-title h2,
.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 {
	margin-top: 0;
}

.compare-table-frame .image-text-area {
	padding: 2rem;
	border-radius: 10px;
	background: #fff;
}

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

.compare-table-frame .title-table-area {
	margin: 3rem auto;
	padding: 2.5rem;
	border-radius: 10px;
	background: #fff;
}

.compare-table-frame .title-table-area h2 {
	border-radius: 1rem;
	background: url(img/title-table.png) center center/2.2rem auto;
	color: #333;
}

.compare-table-frame .title-table-area h2::before {
	content: none;
}

.compare-table-frame .title-table-area h2::after {
	content: none;
}

.compare-table-frame .title-table-area h2 a {
	color: #333;
}

.compare-table-frame .title-list-area {
	padding: 2rem;
}

.compare-table-frame .title-list-area h2 {
	padding: 2.5rem 2rem 2.5rem 7.5rem;
	background: url(img/title-list.png) no-repeat center left 0.5rem/5rem auto, #fff;
	color: #333;
	text-align: left;
}

.compare-table-frame .title-list-area h2::before {
	background: url(img/side-b.png) repeat-x right;
}

.compare-table-frame .title-list-area h2::after {
	background: url(img/side-b.png) repeat-x right;
}

.compare-table-frame .title-list-area h2 a {
	color: #333;
}

.compare-table-frame .title-list-area ul li {
	position: relative;
	margin: 0 0 2rem;
	padding: 2rem;
	padding: 1rem 1rem 1rem 5rem;
	border-radius: 5px;
	background: #f7f7f7;
	color: #759f38;
	font-weight: bold;
	font-size: 1.8rem;
	line-height: 1.6;
}

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

.compare-table-frame .title-list-area ul li::before {
	position: absolute;
	left: 2rem;
	color: #70884d;
	content: '\f058';
	font-weight: bold;
	font-size: 2rem;
	font-family: "Font Awesome 5 Free";
}

.compare-table-frame .title-list-area ul li>a {
	color: #759f38;
}

.compare-table-frame .title-list-area ul li p {
	margin: 2rem 0 2rem -3rem;
	color: #333;
	font-weight: normal;
	font-family: 'Noto Sans JP', sans-serif;
}

.compare-table-frame .slider-area {
	margin: 0 0 3rem 0;
}

.compare-table-frame .slider-area .slider .slick-initialized .slick-slide {
	text-align: center;
}

.compare-table-frame .slider-area .slider .slick-initialized .slick-slide span {
	color: #888888;
	text-align: center;
	word-wrap: break-word;
	font-size: 10px;
	line-height: 1.4;
}

.compare-table-frame .slider-area .slider .slider-for {
	padding: 0 60px 0 20px;
}

.compare-table-frame .slider-area .slider .slider-for button.slick-next {
	right: 40px;
}

.compare-table-frame ul.tag-list-area {
	padding: 2rem 3rem 5%;
}


/* top-image-text-box
  ----------------------------- */

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


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

@media screen and (max-width: 480px) {
	/* FV
  ----------------------------- */
	.mv {
		padding: 10% 0;
		background-image: url(img/mv-sp.png);
		background-size: contain;
		background-position: center top;
	}
	.mv .mv_inner {
		margin: 0px auto;
		padding: 2rem 0.5rem;
		max-width: 100%;
		width: 95%;
		top: 28vw;
	}
	.mv .mv_inner .mv_title {
		margin: 1rem 0 1rem 0;
		padding: 0;
		text-align: justify;
		font-size: 2.2rem;
		line-height: 1.3;
	}
	.mv .mv_inner h2.mv_title::before {
		left: -1rem;
	}
	.mv .mv_inner p.mv_text {
		color: #4c4c4c;
		text-align: justify;
		line-height: 1.6;
	}
	/* compare-table-frame
  ----------------------------- */
	.compare-table-frame {
		padding: 2rem 1rem 3rem;
		/*/////image-text-area /////*/
		/*/////title-table-area/////*/
	}
	.compare-table-frame h2,
	.compare-table-frame h3,
	.compare-table-frame h4,
	.compare-table-frame h5 {
		margin: 0 auto 3rem;
		line-height: 1.3;
	}
	.compare-table-frame h2 {
		font-size: 2rem;
	}
	.compare-table-frame h3 {
		font-size: 2rem;
	}
	.compare-table-frame h4 {
		font-size: 1.7rem;
	}
	.compare-table-frame h5 {
		font-size: 1.7rem;
	}
	.compare-table-frame .catch-copy {
		margin: 1rem 0 1.5rem;
		padding: 0 0 1.2rem;
		font-size: 1.7rem;
		line-height: 1.4;
	}
	.compare-table-frame .image-text-area,
	.compare-table-frame .title-text-area {
		padding: 0;
	}
	.compare-table-frame .title-table-area {
		padding: 0;
	}
	.compare-table-frame .title-table-area h2,
	.compare-table-frame .title-table-area h3,
	.compare-table-frame .title-table-area h4,
	.compare-table-frame .title-table-area h5 {
		margin: 0 auto 2rem;
		padding: 1.4rem;
		color: #4c4c4c;
		font-size: 2.0rem;
	}
	.compare-table-frame .title-table-area h2 {
		font-size: 2rem;
	}
	.compare-table-frame .title-table-area h3 {
		font-size: 2rem;
	}
	.compare-table-frame .title-table-area h4 {
		font-size: 1.7rem;
	}
	.compare-table-frame .title-table-area h5 {
		font-size: 1.7rem;
	}
	.compare-table-frame .title-table-area h2::before {
		left: 1rem;
	}
	.compare-table-frame .title-list-area {
		padding: 0;
		background: #fff;
	}
	.compare-table-frame .title-list-area h2,
	.compare-table-frame .title-list-area h3,
	.compare-table-frame .title-list-area h4,
	.compare-table-frame .title-list-area h5 {
		background-size: 4rem auto;
		font-size: 2.0rem;
	}
	.compare-table-frame .title-list-area h2 {
		padding-left: 5.8rem;
		font-size: 2rem;
	}
	.compare-table-frame .title-list-area h3 {
		font-size: 2rem;
	}
	.compare-table-frame .title-list-area h4 {
		background-size: 1rem 1rem;
		font-size: 1.7rem;
	}
	.compare-table-frame .title-list-area h5 {
		font-size: 1.7rem;
	}
	.compare-table-frame .title-list-area ul li {
		margin: 0 0 2rem;
		padding: 5% 5% 5% 16%;
		font-size: 1.7rem;
		line-height: 1.6;
	}
	.compare-table-frame .title-list-area ul li::before {
		left: 2rem;
	}
	.compare-table-frame .title-list-area ul li p {
		margin: 2rem 0 2rem -3rem;
		color: #333;
	}
	.compare-table-frame .slider-area .slider .slider-for {
		padding: 0;
	}
	.compare-table-frame .slider-area .slider .slider-for button.slick-next {
		right: 0;
	}
}