@charset 'utf-8';


/* - - - - - - - - - - - - - - - - - - - - - 
	ノーリツ製品レビュー投稿 キャンペーン .review_cp
- - - - - - - - - - - - - - - - - - - - - */

main.contents {
	margin-top: 0;
}

.contents-lower-new {
	display: none;
}


/* --- --- */

.review_cp {
	margin-bottom: 3rem;
	color:#666;
	font-size: 1.6rem;
	position: relative;
}

.review_cp * {
	box-sizing: border-box;
}

.review_cp img {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}

.review_cp picture * {
	border: none;
	vertical-align: middle;
	max-width: 100%;
}

.review_cp .box_img {
	text-align: center;
	position: relative;
}

.review_cp .u-bgc-red {
	background-color: #e8380d !important;
}

.review_cp .u-font-blue {
	color: #39c !important;
}


/* - - - - - - - - - - - - - - - - - - - - - 
/* .mv_area
//////////////////////////*/

.review_cp .mv_area {
	margin-bottom: 5rem;
}

.review_cp .mv_area h1 {
	text-align: center;
}

.review_cp .mv_area h1 picture * {
	width: 100%;
}


/* - - - - - - - - - - - - - - - - - - - - - 
/* .cp_box_inner
//////////////////////////*/

.review_cp .cp_box_inner {
	padding: 6rem 0;
	position: relative;
}

.review_cp .cp_inner {
	margin: auto;
	width: 90%;
	max-width: 1040px;
	position: relative;
}


/* .outline
//////////////////////////*/

.review_cp .cp_box_inner.outline {
	padding-top: 0;
}

.review_cp .cp_box_inner.outline::before {
	content: '';
	background: url('../assets/2210_cplp_bg_point.png') no-repeat 0 0;
	background-size: 100%;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 100px;
	left: 0;
	display: inline-block;
	z-index: 1;
}

.review_cp .cp_box_inner.outline .txt_area p {
	color: #7a2916;
}

.review_cp .cp_box_inner.outline .txt_area .box_img {
	margin-top: -5rem;
}

.review_cp .cp_box_inner.outline .target_area {
	margin-top: 14rem;
	padding-bottom: 5rem;
	background: url('../assets/2210_cplp_bg.png');
	position: relative;
}

.review_cp .cp_box_inner.outline .target_headline {
	margin-top: -5rem;
	text-align: center;
	position: relative;
	top: -5rem;
}

.review_cp .cp_box_inner.outline .cp_inner {
	z-index: 2;
}

.review_cp .cp_box_inner.outline .column.column3 {
	margin-bottom: 3rem;
	align-items: flex-start;
}

.review_cp .cp_box_inner.outline .cp_inner .txt_area dt {
	margin-bottom: 1rem;
}

.review_cp .cp_box_inner.outline .label_area {
	margin-bottom: 1.5rem;
	display: flex;
	align-items: center;
}

.review_cp .cp_box_inner.outline .label_area span {
	margin-right: 7px;
	padding: 7px 12px;
	color: #fff;
	line-height: 1;
	display: inline-block;
}

.review_cp .cp_box_inner.outline .label_area span.u-bgc-red-b {
	border: 1px dashed #ff4136;
	background-color: #fff;
}

.review_cp .cp_box_inner.outline .label_area span.transparent {
	padding: 7px 0;
}

.review_cp .cp_box_inner.outline .column.column4 .txt_area p {
	margin-top: 1.5rem;
}


/* .method
//////////////////////////*/

.review_cp .cp_box_inner.method {
}

.review_cp .cp_box_inner.method .cp_inner {
	margin-bottom: 7rem;
}

.review_cp .cp_box_inner.method .method_headline {
	padding-bottom: 2rem;
	border-bottom: 3px dotted #e7380d;
	background: url('../assets/2210_cplp_plus.png') no-repeat right center;
	position: relative;
	z-index: 1;
	cursor: pointer;
}

.review_cp .cp_box_inner.method .cp_inner.active .method_headline {
	background-image: url('../assets/2210_cplp_minus.png')

}

.review_cp .cp_box_inner.method .cp_inner .method_area {
	padding-top: 4rem;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s linear;
}

.review_cp .cp_box_inner.method .cp_inner.active .method_area {
	height: auto;
	overflow: visible;
	opacity: 1;
}

.review_cp .cp_box_inner.method .method_inner {
	margin-bottom: 3rem;
	padding: 2rem 3rem;
	border: 1px solid #fef2dc;
	background-color: #fff8ec;
	border-radius: 7.5px;
	align-items: center;
	position: relative;
}

.review_cp .cp_box_inner.method .method_inner .step_label {
	width: 125px;
	position: absolute;
	top: 2rem;
	left: -2rem;
}

.review_cp .cp_box_inner.method .method_inner .box_img {
	margin-bottom: 0;
}

.review_cp .cp_box_inner.method .method_inner .method_label {
	margin-right: 1rem;
	padding: 2px 1rem;
	color: #fff;
	line-height: 1;
	border-radius: 30px;
	display: inline-block;
}

.review_cp .cp_box_inner.method .check_inner {
	padding-bottom: 6rem;
}

.review_cp .cp_box_inner.method .check_inner .column {
	align-items: center;
}

.review_cp .cp_box_inner.method .check_inner .aside {
	padding-left: 1.5em;
}

.review_cp .cp_box_inner.method .check_inner .negative_margin {
	margin-bottom: -2rem;
}

.review_cp .cp_box_inner.method .check_inner .negative_margin + .box_img {
	text-align: left;
}

.review_cp .cp_box_inner.method .check_inner .box_float {
	align-items: center;
}

.review_cp .cp_box_inner.method .check_inner .box_float .box_img {
	width: 27.17%;
}

.review_cp .cp_box_inner.method .check_inner .box_float .txt_area {
	width: 60%;
}

.review_cp .cp_box_inner.method .check_inner hr {
	border-bottom: 4px solid #f5f5f5;
}

.review_cp .cp_box_inner.method .method_btn {
	margin: -7rem auto 0;
	width: 70%;
	max-width: 460px;
}

.review_cp .cp_box_inner.method .method_btn .btn {
	margin: 0;
	border: none;
	border-radius: 50px;
	width: 100%;
}


/* .caution
//////////////////////////*/

.review_cp .cp_box_inner.caution {
	margin-top: 7rem;
	padding-top: 5rem;
	background: url('../assets/2210_cplp_bg.png');
}

.review_cp .cp_box_inner.caution::before {
	content: '';
	background: url('../assets/2210_cplp_bg_top.png') repeat-x 0 0;
	width: 100%;
	height: 37px;
	position: absolute;
	top: -37px;
	left: 0;
	display: inline-block;
	z-index: 1;
}

.review_cp .cp_box_inner.caution .caution_headline {
	margin-bottom: 2rem;
	text-align: center;
}

.review_cp .cp_box_inner.caution .caution_headline2 {
	margin-bottom: 2rem;
	padding-bottom: 0.5rem;
	font-size: 1.375em;
	border-bottom: 3px dotted #e7380d;
}

.review_cp .cp_box_inner.caution .box {
	padding: 4rem;
	border-radius: 15px;
}

.review_cp .cp_box_inner.caution .caution_list {
	margin-left: 1em;
}


/* .conact
//////////////////////////*/

.review_cp .cp_box_inner.contact {
	text-align: center;
}

.review_cp .cp_box_inner.contact .contact_headline {
	margin-bottom: 2rem;
}

.review_cp .cp_box_inner.contact .box {
	padding: 5rem 3rem;
	border-radius: 15px;
	background: url('../assets/2210_cplp_bg.png');
}

.review_cp .cp_box_inner.contact .box dl {
	display: flex;
	justify-content: center;
	align-items: center;
}

.review_cp .cp_box_inner.contact .box dl > * {
	margin: 0 1rem;
}

.review_cp .cp_box_inner.contact .box dd {
	text-decoration: underline;
}



@media screen and (max-width: 767.499px) {
/* SP */

.topic-path {
	margin-bottom: 0;
}

/* - - - - - - - - - - - - - - - - - - - - - 
/* .mv_area
//////////////////////////*/

.review_cp .mv_area {
	margin-bottom: 4rem;
}


/* - - - - - - - - - - - - - - - - - - - - - 
/* .cp_box_inner
//////////////////////////*/

.review_cp .cp_box_inner {
	padding: 3.5rem 0;
}


/* .outline
//////////////////////////*/

.review_cp .cp_box_inner.outline {
	padding-top: 0;
}

.review_cp .cp_box_inner.outline::before {
	background-image: url('../assets/2210_cplp_bg_point_sp.png');
	top: 150px;
}

.review_cp .cp_box_inner.outline > .txt_area {
	padding: 0 5%;
	position: relative;
	z-index: 2;
}

.review_cp .cp_box_inner.outline .txt_area p {
	text-align: left;
}

.review_cp .cp_box_inner.outline .txt_area .box_img {
	margin-top: 1rem;
}

.review_cp .cp_box_inner.outline .target_headline {
	padding: 0 5%;
	top: -4rem;
	z-index: 2;
}

.review_cp .cp_box_inner.outline .cp_inner {
	z-index: 2;
}

.review_cp .cp_box_inner.outline .column.column3 {
	margin-bottom: 2rem;
}

.review_cp .cp_box_inner.outline .target_conte {
	align-items: center;
}

.review_cp .cp_box_inner.outline .target_conte.column1 > .box_img {
	width: 50%;
}

.review_cp .cp_box_inner.outline .target_conte.column1 > .txt_area {
	width: 42%;
}

.review_cp .cp_box_inner.outline .target_conte .u-font-l {
	font-size: 1.6rem !important;
	line-height: 1.6;
}

.review_cp .cp_box_inner.outline .label_area {
	flex-wrap: wrap;
}

.review_cp .cp_box_inner.outline .label_area span {
	margin-bottom: 5px;
	font-size: 1.2rem !important
}

.review_cp .cp_box_inner.outline .cp_inner .column4 .target_conte {
	margin-bottom: 3rem;
}


/* .method
//////////////////////////*/

.review_cp .cp_box_inner.method .cp_inner {
	margin-bottom: 5rem;
}

.review_cp .cp_box_inner.method .method_headline {
	padding-bottom: 1rem;
	background-size: 22px auto;
}

.review_cp .cp_box_inner.method .method_headline img {
	width: 85%;
}

.review_cp .cp_box_inner.method .cp_inner .method_area {
	padding-top: 4rem;
	height: 0;
	overflow: hidden;
	opacity: 0;
	transition: all 0.3s linear;
}

.review_cp .cp_box_inner.method .cp_inner.active .method_area {
	height: auto;
	overflow: visible;
	opacity: 1;
}

.review_cp .cp_box_inner.method .method_inner {
	padding: 1.5rem;
}

.review_cp .cp_box_inner.method .method_inner .step_label {
	margin-left: -2rem;
	width: 80px;
	position: static;
}

.review_cp .cp_box_inner.method .method_inner p {
	font-size: 1.8rem !important;
	text-align: center;
}

.review_cp .cp_box_inner.method .method_inner p .indent {
	text-align: left;
}

.review_cp .cp_box_inner.method .method_inner .method_label {
	margin: 0 auto 1rem;
	text-align: center;
	width: 70px;
	display: block;
}

.review_cp .cp_box_inner.method .check_inner {
	padding-bottom: 4rem;
}

.review_cp .cp_box_inner.method .check_inner .u-font-xl {
	font-size: 1.6rem !important;
}

.review_cp .cp_box_inner.method .check_inner .box + .u-font-red {
	font-size: 1.2rem !important;
	text-align: left !important;
}

.review_cp .cp_box_inner.method .check_inner .box .u-font-red {
	font-size: 1.2rem !important;
}

.review_cp .cp_box_inner.method .check_inner .negative_margin {
	margin-bottom: 1rem;
}

.review_cp .cp_box_inner.method .check_inner .negative_margin + .box_img {
	text-align: center;
}

.review_cp .cp_box_inner.method .check_inner .box_float {
	align-items: flex-start;
}

.review_cp .cp_box_inner.method .check_inner .box_float .box_img {
	width: 48%;
}

.review_cp .cp_box_inner.method .check_inner .box_float .txt_area {
	padding-left: 1.5rem;
	font-size: 0.85em;
	width: 48%;
}

.review_cp .cp_box_inner.method .check_inner .column3 > div {
	margin-bottom: 4rem;
}

.review_cp .cp_box_inner.method .method_btn {
	margin-top: -6rem;
}

.review_cp .cp_box_inner.method .method_btn .btn {
	font-size: 1.8rem !important;
}


/* .caution
//////////////////////////*/

.review_cp .cp_box_inner.caution {
	margin-top: 8rem;
	padding-top: 0;
}

.review_cp .cp_box_inner.caution .caution_headline {
	margin-bottom: -2rem;
	position: relative;
	top: -5rem;
	z-index: 1;
}

.review_cp .cp_box_inner.caution .caution_headline2 {
	font-size: 1.15em;
}

.review_cp .cp_box_inner.caution .box {
	padding: 2rem;
}


/* .conact
//////////////////////////*/

.review_cp .cp_box_inner.contact .box {
	padding: 4rem 2rem;
}

.review_cp .cp_box_inner.contact .box .u-font-xl {
	font-size: 1.8rem !important;
}

.review_cp .cp_box_inner.contact .box dl {
	display: block;
}

.review_cp .cp_box_inner.contact .box dl > * {
	margin: 0;
}

.review_cp .cp_box_inner.contact .box dd {
	text-decoration: underline;
}

}

