@import url('https://fonts.googleapis.com/css?family=Montserrat:400');
.lang-scn{
	font-family: 'Montserrat', sans-serif;
}
.tac{
	text-align : center;
}
.recline_comfort-l-btn {
	color : #fff;
	display : block;
	position : relative;
	overflow : hidden;
	background : #5e6469;
	height : calc(43.23vw);
	min-height : 590px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn {
		padding : 45px 0 20px;
		height : calc(118.4vw);
		min-height : 380px;
	}
}
.recline_comfort-l-btn .btn-img {
	position : absolute;
	top : 0;
	left : 0;
	right : 0;
	bottom : 0;
	-webkit-transform : scale(1.1);
	    -ms-transform : scale(1.1);
	        transform : scale(1.1);
	-webkit-transition : all 2s ease;
	        transition : all 2s ease;
	background-position : center;
	background-repeat : no-repeat;
	background-size : cover;
	background-image : url(../../images/p_recline_comfort_mainv.jpg);
}
.recline_comfort-l-btn .btn-area {
	width : 85%;
	position : absolute;
	top : 50%;
	left : 50%;
	-webkit-transform : translate(-50%, -50%);
	    -ms-transform : translate(-50%, -50%);
	        transform : translate(-50%, -50%);
	opacity : 0;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)';
	-webkit-transition : all 1.2s ease 1s;
	        transition : all 1.2s ease 1s;
}



@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area {
		width : calc(100vw - 40px);
	}
}
.recline_comfort-l-btn .btn-area > h2 {
	position : relative;
	text-align : center;
	padding-top : 100px;
}
@media screen and (min-width: 1600px) {
	.recline_comfort-l-btn .btn-area > h2 {
		padding-top : 120px;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area > h2 {
		padding-top : 52px;
	}
}
.recline_comfort-l-btn .btn-area > h2 .ttl-icon {
	width : 80px;
	height : 80px;
	position : absolute;
	top : 0;
	left : 50%;
	margin-left : -40px;
	filter : url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur in="SourceAlpha" stdDeviation="18" /><feOffset dx="1" dy="1" result="offsetblur" /><feFlood flood-color="rgba(0,0,0,0.25)" /><feComposite in2="offsetblur" operator="in" /><feMerge><feMergeNode /><feMergeNode in="SourceGraphic" /></feMerge></filter></svg>#filter');
	filter : drop-shadow(0 0 18px rgba(0, 0, 0, 0.25));
}
@media screen and (min-width: 1600px) {
	.recline_comfort-l-btn .btn-area > h2 .ttl-icon {
		width : 100px;
		height : 100px;
		margin-left : -50px;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area > h2 .ttl-icon {
		width : 40px;
		height : 40px;
		margin-left : -20px;
	}
}
.recline_comfort-l-btn .btn-area > h2 span {
	display : block;
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	font-size : 56px;
	font-size : 3.5rem;
	text-shadow : 0 0 18px rgba(0, 0, 0, 0.25);
	line-height : 1.5;
}
.recline_comfort-l-btn .btn-area > h2  small{
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (min-width: 1600px) {
	.recline_comfort-l-btn .btn-area > h2 span {
		font-size : 4.375rem;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area > h2 span {
		font-size : 1.3rem;
		text-shadow : 0 0 9px rgba(0, 0, 0, 0.25);
	}
	.recline_comfort-l-btn .btn-area > h2  small{
		font-size : 0.9375rem;
	}
}
.recline_comfort-l-btn .btn-area > h2.no-icon {
	padding-top : 30px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area > h2.no-icon {
		padding-top : 0;
	}
}
.recline_comfort-l-btn .btn-area > h2.is-upper {
	padding-top : 0;
}
.recline_comfort-l-btn .btn-area > h2.has-upper {
	padding-top : 0;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area > h2.has-upper {
		margin-top : 7px;
	}
}
.recline_comfort-l-btn .btn-area > h2.has-upper span {
	display : inline-block;
	position : relative;
	padding-left : 90px;
	font-size : 48px;
	font-size : 3rem;
}
@media screen and (min-width: 1600px) {
	.recline_comfort-l-btn .btn-area > h2.has-upper span {
		padding-left : 105px;
		font-size : 3.75rem;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area > h2.has-upper span {
		padding-left : 40px;
		font-size : 1.125rem;
	}
}
.recline_comfort-l-btn .btn-area > h2.has-upper .ttl-icon {
	width : 60px;
	height : 60px;
	left : 0;
	top : 5px;
	margin-left : 0;
}
@media screen and (min-width: 1600px) {
	.recline_comfort-l-btn .btn-area > h2.has-upper .ttl-icon {
		width : 75px;
		height : 75px;
		top : 5px;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area > h2.has-upper .ttl-icon {
		width : 30px;
		height : 30px;
		top : -2px;
	}
}
.recline_comfort-l-btn .btn-area .area-sub {
	width : 1024px;
	margin : 8px auto 0;
	text-align : center;
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	font-size : 24px;
	font-size : 1.5rem;
}
@media screen and (max-width: 1024px) {
	.recline_comfort-l-btn .btn-area .area-sub {
		width : auto;
		margin : 8px 20px 0;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area .area-sub {
		font-size : 0.9375rem;
	}
}
.recline_comfort-l-btn .btn-area.pos-up {
	margin-top : -50px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .btn-area.pos-up {
		margin-top : 0;
	}
}
.recline_comfort-l-btn .area-txt {
	margin-top : 12px;
	text-align : center;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .area-txt {
		margin-top : 15px;
	}
}
.recline_comfort-l-btn .area-txt h3 {
	font-family : 'Montserrat', sans-serif;
	font-size : 32px;
	font-size : 2rem;
	line-height : 1.5;
	text-shadow : 0 0 9px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .area-txt h3 {
		font-size : 0.9rem;
	}
}
.recline_comfort-l-btn .area-txt .inner-txt {
	line-height : 2;
	margin-top : 25px;
	font-size : 16px;
	font-size : 1rem;
	text-shadow : 0 0 9px rgba(0, 0, 0, 0.25);
}
@media screen and (min-width: 1600px) {
	.recline_comfort-l-btn .area-txt .inner-txt {
		font-size : 1.25rem;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-l-btn .area-txt .inner-txt {
		font-size : 0.75rem;
		margin-top : 10px;
	}
}
.recline_comfort-l-btn.is-show .btn-img {
	-webkit-transform : scale(1);
	    -ms-transform : scale(1);
	        transform : scale(1);
}
.recline_comfort-l-btn.is-show .btn-area {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.recline_comfort-l-btn.is-show .btn-icon {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}
.recline_comfort-l-btn.is-show .btn-info {
	opacity : 1;
	-ms-filter : 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)';
}

.recline_comfort-box-wh {
	background : #fff;
	padding : 65px 0 120px;
}
@media screen and (max-width: 1024px) {
	.recline_comfort-box-wh {
		padding : 40px 0 60px;
	}
}
.recline_comfort-box-wh > *:first-child {
	margin-top : 0;
}

.recline_comfort-lead {
	width : 50%;
	margin : 0 auto;
	padding-top : 10px;
	font-size : 16px;
	/* font-size : 1rem; */
	line-height : 2;
}
.recline_comfort-lead .wrap{
	display: inline-block;
	text-align: left;
}

@media screen and (min-width: 1600px) {
	.recline_comfort-lead {
		/* font-size : 1.25rem; */
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-lead {
		width : auto;
		margin : 20px 20px 0;
		font-size : 14px;
		/* font-size : 0.875rem; */
	}
}

.recline_comfort-subts {
	font-family : 'Montserrat', sans-serif;
	letter-spacing : 0.05em;
	font-size : 32px;
	/* font-size : 2rem; */
	line-height : 1.25;
	margin-top : 80px;
}
.recline_comfort-subts small{
	font-size : 24px;
	/* font-size : 1.5rem; */
}
@media screen and (min-width: 1600px) {
	.recline_comfort-subts {
		/* font-size : 2.5rem; */
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-subts {
		font-size : 18px;
		/* font-size : 1.125rem; */
		margin-top : 40px;
	}
	.recline_comfort-subts small{
		font-size : 15px;
		/* font-size: 0.9375rem; */
	}
}
.recline_comfort-subts.has-icon {
	padding-left : 70px;
	position : relative;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-subts.has-icon {
		padding-left : 40px;
	}
}
.recline_comfort-subts.has-icon .ttl-icon {
	width : 50px;
	height : 50px;
	position : absolute;
	top : -5px;
	left : 0;
}
@media screen and (min-width: 1600px) {
	.recline_comfort-subts.has-icon .ttl-icon {
		top : 0;
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-subts.has-icon .ttl-icon {
		width : 30px;
		height : 30px;
	}
}
.recline_comfort-subts.tac {
	text-align : center;
	width : 50%;
	margin-left : auto;
	margin-right : auto;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-subts.tac {
		width : auto;
		margin-left : 20px;
		margin-right : 20px;
	}
}

.recline_comfort-txt {
	margin-top : 25px;
	font-size : 16px;
	/* font-size : 1rem; */
	line-height : 2;
}
@media screen and (min-width: 1600px) {
	.recline_comfort-txt {
		/* font-size : 1.25rem; */
	}
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-txt {
		margin-top : 15px;
		font-size : 14px;
		/* font-size : 0.875rem; */
	}
}
.recline_comfort-txt.fz-s {
	font-size : 14px;
	/* font-size : 0.875rem; */
	line-height : 1.8;
}
@media screen and (min-width: 1600px) {
	.recline_comfort-txt.fz-s {
		/* font-size : 1.09375rem; */
		line-height : 1.5;
	}
}

.benefit-txt-img {
	margin-top : 45px;
}

.benefit-txt-btn {
	margin-top : 50px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.benefit-txt-btn {
		margin-top : 20px;
	}
}

.recline_comfort-caption {
	margin-top : 10px;
	font-size : 14px;
	/* font-size : 0.875rem; */
}

.recline_comfort-col2 {
	width : 85%;
	margin : 80px auto 0;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-col2 {
		display : block;
		margin-top : 25px;
	}
}
.recline_comfort-col2.mt-s {
	margin-top : 20px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-col2.mt-s {
		margin-top : 10px;
	}
}
.recline_comfort-col2 .col2-box {
	width : calc(50% - 30px);
	margin-right : 60px;
}
.recline_comfort-col2 .col2-box:nth-child(even) {
	margin-right : 0;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-col2 .col2-box {
		width : auto;
		margin-top : 20px;
		margin-right : 0;
	}
}
.recline_comfort-col2 .col2-box img {
	max-width : 100%;
}
.recline_comfort-col2 .col2-box > *:first-child {
	margin-top : 0;
}

.recline_comfort-img-slide__wrap {
	position: relative;
	width : 85%;
	margin : 45px auto 0;
	text-align : center;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-img-slide__wrap {
		width : auto;
		margin : 20px 20px 0;
	}
}
.recline_comfort-img-slide img {
	width : 100%;
}
.recline_comfort-img-slide__control {
	position: absolute;
	bottom: 25px;
	right: 20px;
	z-index: 1;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-img-slide__control {
		bottom: 15px;
		right: 10px;
	}
}
.recline_comfort-img-slide__play,
.recline_comfort-img-slide__pause {
  display: none;
}
.recline_comfort-img-slide__play.is-active,
.recline_comfort-img-slide__pause.is-active {
  display: block;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.m-box-headnav + .cleanliness-illust {
		padding-top : 60px;
	}
}

.m-box-headnav + .cleanliness-illust .illust-area {
	margin-top : 35px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.m-box-headnav + .cleanliness-illust .illust-area {
		margin-top : 20px;
	}
}

/*[start] Hand grip*/
.recline_comfort-category_title {
	font-family: 'Montserrat', sans-serif;
	letter-spacing: 0.05em;
	font-size: 18px;
	/* font-size: 1.8rem; */
	line-height: 1.25;
	margin-top: 5rem;
}
.recline_comfort-col3 {
	width : 85%;
	margin : 20px auto 0;
	display : -webkit-box;
	display : -ms-flexbox;
	display : flex;
	-webkit-box-pack : justify;
	-ms-flex-pack : justify;
	justify-content : space-between;
	-webkit-box-align : center;
	-ms-flex-align : center;
	align-items : center;
	gap: 60px;
}
@media screen and (min-width: 0) and (max-width: 640px) {
	.recline_comfort-col3 {
		flex-flow: column;
		gap: 20px;
	}
}
/*[end] Hand grip*/