.v__hiclass .mv.mv-2:after {
	background: #f7f6f7;
}
.v__hiclass .mv.mv-2 img {
	width: 100%;
}
.v__hiclass .search {
	background: #092c8a;
}
.v__hiclass #ranking {
	background: #092c8a;
}
.v__hiclass #ranking.recommend {
	padding-top: 54px;
}
.v__hiclass .cassette li.wrap {
    border: none;
}
.v__hiclass .cassette .inner {
	border-top: 10px solid #cbb595;
}
.v__hiclass .cassette .appeal .features tr {
	border-color: #ece5da;
	border-bottom: none;
}
.v__hiclass .cassette .appeal .features tr:last-child {
	border-bottom: 1px solid #ece5da;
}
.v__hiclass .cassette .appeal .features th {
	background-color: #f5f1eb;
}
.v__hiclass .cassette .spec ul.tabs {
	border-bottom: 2px solid #cbb595;
}
.v__hiclass .cassette .spec li.tab {
	border: 2px solid #cbb595;
	color: #cbb595;
}
.v__hiclass .cassette .spec li.tab.active {
	background-color: #c2a984;
	color: #fff;
}
.v__hiclass .cassette .spec li.tab.active:after {
	width: 8px;
	height: 5px;
	background: url(../img/ic-arrow-D-w.png) 0 0 scroll no-repeat;
	background-size: contain;
}
.v__hiclass .cassette .slide .feature {
	width: 300px;
	height: 18px;
	margin: 12px auto 8px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: contain;
	text-indent: -9999px;
}
.v__hiclass .p-1 .swiper-slide:first-child .feature {
	background-image: url(../img/ttl-point__v__hiclass-01.png);
}
.v__hiclass .p-1 .swiper-slide:nth-child(2) .feature {
	background-image: url(../img/ttl-point__v__hiclass-02.png);
}
.v__hiclass .p-1 .swiper-slide:last-child .feature {
	background-image: url(../img/ttl-point__v__hiclass-03.png);
}
.v__hiclass .p-1 .l-inner h4 {
	padding-bottom: 14px;
}
.v__hiclass .p-1 .l-inner h4 span {
	color: #64523a;
	font-size: 16px;
}

.v__hiclass .cassette .spec .content.panel .ttl {
	padding-left: 16px;
	border-left: 5px solid #cbb595;
}
.v__hiclass .cassette .spec .content.panel .ttl h4 span {
	position: initial;
	color: #64523a;
}
.v__hiclass .cassette .spec .content.panel .name {
	color: #f90;
}
.v__hiclass .cassette .spec .content.panel .modCardBlock .card-text {
	background-color: #fff0e5;
}
.v__hiclass .cassette .spec th,
.v__hiclass .cassette .spec td {
	border-color: #ece5da;
}
.v__hiclass .cassette .spec th {
	background-color: #f5f1eb;
}
.v__hiclass .cassette .spec .content.panel .supportMenu span,
.v__hiclass .cassette .spec .content.panel .utilities span {
	background-color: #fff0e5;
	border: 2px solid #ffe0cc;
}

.v__hiclass .comparison {
	position: relative;
	background-color: #092c8a;
}
.v__hiclass .comparison:before,
.v__hiclass .comparison:after {
	content: "";
	position: absolute;
	width: 298px;
	height: 298px;
	background-repeat: no-repeat;
	background-size: cover;
	z-index: 1;
}
.v__hiclass .comparison:before {
	top: 0;
	left: 0;
	background-image: url(../img/triangle_hiclass_l.png);
}
.v__hiclass .comparison:after {
	bottom: 0;
	right: 0;
	background-image: url(../img/triangle_hiclass_r.png);
}
.v__hiclass .comparison .wrap {
	position: relative;
	margin: 0;
	padding: 1.8em 40px;
	z-index: 2;
}
.v__hiclass .comparison h2 {
	height: 56px;
	background: url(../img/ttl-comparison__v__hiclass.png) center top scroll no-repeat;
	background-size: contain;
}
.v__hiclass .comparison h2 img {
	display: none;
}
.v__hiclass .comparison table {
	border-color: #ece5da;
	background-color: #fff;
}
.v__hiclass .comparison th,
.v__hiclass .comparison td {
	border-color: #ece5da;
}
.v__hiclass .comparison th {
	background-color: #f5f1eb;
}
.v__hiclass .comparison .star {
	color: #000;
}
.v__hiclass .comparison .rn01,
.v__hiclass .comparison .rn02 {
	margin-top: 14px;
	background-image: none;
}
.v__hiclass .comparison .rn01 span,
.v__hiclass .comparison .rn02 span {
	position: relative;
}
.v__hiclass .comparison .rn01 span:before,
.v__hiclass .comparison .rn02 span:before {
	position: absolute;
	content: "";
	top: -24px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}
.v__hiclass .comparison .rn01 span:before {
	background-image: url(../img/ic-comparison01__v__hiclass.png);
}
.v__hiclass .comparison .rn02 span:before {
	background-image: url(../img/ic-comparison02__v__hiclass.png);
}
.v__hiclass .comparison .bt {
	background-color: transparent;
	background: linear-gradient(0deg,rgba(224, 165, 1, 1) 0%, rgba(254, 215, 41, 1) 100%);
}

.v__hiclass .tips h2 {
	margin-bottom: 20px;
}
.v__hiclass .tips .cardBlock {
	background: #e6e3de;
}
.v__hiclass .tips .cardBlock.summary .inner:before {
	background: #fff;
}
.v__hiclass .tips .cardBlock.summary .inner {
	padding: 0 15px;
}



.result.v__hiclass #ranking {
	background: #F2F1E6;
}
.result.v__hiclass .conditions .bt {
	background-color: #c2a984;
}
.result.v__hiclass .conditions .txt {
	border: 10px solid  #c2a984;
}
.result.v__hiclass .tab-content {
	border-top: 10px solid #c2a984;
	background-color: #092c8a;
}
.result.v__hiclass .tab-switch:checked+.tab-label {
	background: #092c8a;
}

.v__hiclass .testimonials .comparison {
	position: initial;
	background-color: transparent;
}
.v__hiclass .testimonials .comparison:before,
.v__hiclass .testimonials .comparison:after {
	display: none;
}



@media screen and (max-width: 768px) {
	.v__hiclass .mv.mv-1 h2 img {
		width: calc(268px + 234 * (100vw - 320px) / 448);
	}
	.v__hiclass .comparison {
		margin: 0;
	}
	.v__hiclass .comparison:before,
	.v__hiclass .comparison:after {
		width: calc(80px + 100 * (100vw - 320px) / 448);
		height: calc(80px + 100 * (100vw - 320px) / 448);
	}
	.comparison .inner {
		padding-top: 0;
	}
	.v__hiclass .comparison .wrap {
		padding: calc(15px + 13.8 * (100vw - 320px) / 448) calc(5px + 35 * (100vw - 320px) / 448);
	}
	.v__hiclass .comparison h2 {
		height: calc(46px + 10 * (100vw - 320px) / 448);
	}
	.v__hiclass .comparison .rn01 span:before,
	.v__hiclass .comparison .rn02 span:before {
		top: calc(-20px - 4 * (100vw - 320px) / 448);
		left: 50%;
		width: calc(20px + 4 * (100vw - 320px) / 448);
		height: calc(20px + 4 * (100vw - 320px) / 448);
	}
	/*.v__hiclass .tips .cardBlock .inner:before {
		top: calc(-50.09px - 20 * (100vw - 320px) / 447);
	}*/
	.v__hiclass .tips h2 img {
		width: 90%;
	}
	.v__hiclass .cassette .spec li.tab.active:after {
		bottom: 1px;
		background-size: contain;
	}
	.v__hiclass #ranking.recommend {
		padding-top: calc(30px + 24 * (100vw - 320px) / 447);
	}
}