/*bread*/
.reclining_bed .c-bread__item a,
.reclining_bed .c-bread__item strong,
.reclining_bed .c-bread {color: #fff;}
.c-bread__item::before {color: #fff}

/*top mv*/
.reclining_bed .c-hero {
	color: #fff;
	background: #fff url(../../img/reclining_bed/mv_sp.jpg) 0 0 no-repeat;
	background-size: 100%;
	height: min(80vw, 630px);
}
.c-pageTitle__text::before, .c-titleWithLine__title::after {display: none;}
.reclining_bed .c-hero__body {
	text-align: center;
	width: 100%;
	padding: 0;
	height: auto;
	left: 0;
	top: calc(min(37.82vw, 295px) * .75);
}
/*.reclining_bed .c-hero {min-height: 630px;}*/
.c-titleWithLine__title--fz46 {
	/*font-size: clamp(22px, 5.73vw, 44px);*/
	font-size: 23px;
}

/*section*/
.c-reclining {
	width: min(90vw, 955px);
	margin: auto;
}
.c-reclining.__flexBox {
	display: flex;
	flex-wrap: wrap;
}
.c-reclining.__flexBox.__topSec {
	align-items: flex-start;
	justify-content: center;
}
.c-cubeBox__item--gray {background-color: #eae7e4;}
.c-cubeBox__item--beige3 {background-color: #fcf9f4;}

.txt_catch {
	color: #614f38;
	/*font-size: clamp(19px, 4.948vw, 38px);*/
	font-size: 20px;
	font-weight: 500;
	margin-bottom: 1.1em;
}
.txt {
	color: #614f38;
	/*font-size: clamp(14px, 3.644vw, 28px);*/
	font-size: 14px;
	margin-bottom: 1em;
}
.txt_ss {
	color: #614f38;
	font-size: 12px;
}

.center {text-align: center;}
.right {text-align: right;}
.img {
	width: auto;
	max-width: 100%;
	height: auto;
}


.c-reclining_title {
	color: #614f38;
	font-size: clamp(18px, 4.688vw, 36px);
	font-weight: 600;
	display: flex;
	justify-content: center;
	position: relative;
}
.c-reclining_title::before {
	content: '';
	width: 100%;
	height: 2px;
	background-color: #614f38;
	position: absolute;
	z-index: 1;
	left: 0;
	top: calc(50% - 1px);
}
.c-reclining_title .wrap_title {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	text-align: center;
	border-radius: 30px;
	position: relative;
	z-index: 2;
}
.c-reclining_title .wrap_title.__ik {background-color: #cac4bc;}
.c-reclining_title .wrap_title.__md {background-color: #f4d6c6;}
.c-reclining_title .wrap_title.__hp {background-color: #f2e4d1;}


/*top*/
.txt_topBox {
}
.top_img {
	width: min(100%, 600px);
	height: auto;
	margin-top: 1em;
}

/*top line*/
.c-sectionline {
	height: 30px;
	position: relative;
}
.c-sectionline::after,
.c-sectionline::before {
	content: '';
	display: block;
	position: absolute;
}
.c-sectionline::before {
	width: 100%;
	height: 1px;
	background-color: #614f38;
	left: 0;
	top: calc(50% - 1px);
}
.c-sectionline::after {
	height: 18px;
	width: 120px;
	background: #fff url(../../img/reclining_bed/line-deco.svg) 50% 0 no-repeat;
	top: calc(50% - 9px);
	left: calc(50% - 60px);
}

/*page navi*/
.c-catenavUL {
	text-align: center;
	margin: 50px 0 60px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
}
.c-catenavUL .nav_link {
	color: #614f38;
	padding: 10px 0;
	margin-bottom: 12px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	border-radius: 80px;
	position: relative;
	transition: all .3s;
}
.c-catenavUL .nav_link::after {
	content: '';
	display: block;
	height: 17px;
	width: 9px;
	background: url(../../img/common/arrow-right-brown.svg) 50% 0 no-repeat;
	background-size: cover;
	transform: rotate(90deg);
	position: absolute;
	right: 25px;
	top: calc(50% - (17px / 2));
}
.c-catenavUL .nav_link.__nav01 {background-color: #cac4bc;}
.c-catenavUL .nav_link.__nav02 {background-color: #f4d6c6;}
.c-catenavUL .nav_link.__nav03 {background-color: #f9f2e8;}
.c-catenavUL .nav_link:hover {opacity: .7;}
.c-catenavUL .nav_link .c-name {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	/*font-size: clamp(26px, 7.03vw, 54px);*/
	font-size: 26px;
	font-weight: 600;
	font-style: normal;
	line-height: 1.1;
}
.c-catenavUL .nav_link .sml {
	/*font-size: clamp(15px, 3.908vw, 30px);*/
	font-size: 15px;
}

/*products*/
.c-reclining-products {
	margin: min(9.5vw, 75px) auto;
}
.c-reclining-products.__flex {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.c-reclining-products .fig-products {
	width: min(90vw, 700px);
	margin-bottom: min(9.5vw, 75px);
}
.c-reclining-products .fig-products:last-of-type {margin-bottom: 0;}
.c-reclining-products .fig-products img {
	width: min(100%, 712px);
	height: auto;
	margin-bottom: 15px;
	display: inline-block;
}
#medical .fig-products img,
#hospital .fig-products img {
	border: 2px solid #dcdcdc;
}
.c-reclining-products .fig-products .c-item_name {
	color: #614f38;
	font-size: 32.5px;
	font-family: YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
	font-weight: 500;
	text-align: center;
	margin-bottom: min(8vw, 60px);
	position: relative;
}
.c-reclining-products .fig-products .c-item_name::after {
	content: '';
	display: block;
	width: 42px;
	height: 2px;
	background-color: #614f38;
	position: absolute;
	left: calc(50% - 21px);
	bottom: calc(min(-8vw, -60px) * .2);
}
.c-reclining-products .fig-products .txt_s {
	color: #614f38;
	font-size: 23.5px;
	text-align: center;
}

/*pad*/
@media screen and (min-width:768px) {
	.c-reclining {width: min(95vw, 955px);}

	.c-titleWithLine__title--fz46 {
		font-size: clamp(18px, 4.168vw, 32px);
	}
	.txt_topBox {width: min(51vw, 460px);}
	.top_img {width: min(42vw, 467px);}
	.txt_catch {font-size: min(2.214vw, 20px);}
	.txt {font-size: min(1.82vw, 15px);}

	.c-sectionline::before {
		height: 1px;
		top: 50%;
	}
	.c-reclining.__flexBox.__topSec {
		justify-content: space-between;
	}

	.c-catenavUL .catenav_li {width: min(30vw, 306px);}
	.c-catenavUL .nav_link .c-name {
		font-size: min(3.908vw, 30px);
		font-weight: 500;
	}
	.c-catenavUL .nav_link .sml {font-size: min(2.085vw, 16px);}

	.c-reclining_title {
		font-size: min(2.214vw, 20px);
		margin-bottom: 40px;
	}
	.c-reclining_title::before {
		height: 1px;
		top: 50%;
	}
	.c-reclining_title .wrap_title {width: min(37.6963vw, 360px);}

	.c-reclining-products.__flex {justify-content: space-between;}
	.c-reclining-products .fig-products {
		width: min(31vw, 307px);
		margin-bottom: 0;
	}
	.c-reclining-products .fig-products .c-item_name {
		font-size: 17px;
		margin-bottom: 34px;
	}
	.c-reclining-products .fig-products .c-item_name::after {
		left: calc(50% - (23px / 2));
		width: 23px;
		bottom: -17px;
	}
	.c-reclining-products .fig-products .txt_s {font-size: 13px;}
}
@media screen and (min-width: 768px) and (max-width: 991px) {
}

/*large*/
@media screen and (min-width:992px) {
	.reclining_bed .c-hero {
		background: #fff url(../../img/reclining_bed/mv_pc.jpg) 50% 0 no-repeat;
		-webkit-background-size: 100%;
		background-size: 100%;
		height: min(48.11188811188811vw, 688px);
	}
	.reclining_bed .c-hero__body {top: 230px;}
	.c-titleWithLine__title--fz46 {font-size: 46px;}

	.txt_topBox {width:460px;}
	.top_img {width: 467px;}
	.txt_catch {font-size: 20px;}

	.c-reclining_title .wrap_title {
		width: 360px;
		border-radius: 30px;
	}
	.c-reclining_title {font-size: 20px;}

	.c-catenavUL .catenav_li {width: min(32vw, 306px);}
	.c-catenavUL .nav_link .c-name {font-size: 30px;}
	.c-catenavUL .nav_link .sml {font-size: 16px;}
}
@media screen and (min-width:1200px) {
}
@media screen and (min-width:1430px) {
	.reclining_bed .c-hero {height: max(688px, 48.11188811188811vw);}
}
@media screen and (min-width:1500px) {
}


/*sp*/
@media screen and (max-width: 767px){
	.c-catenavUL .catenav_li {
		width: 100%;
		margin-bottom: 20px;
	}
	.c-reclining_title {margin-bottom: min(10vw, 80px);}
	.c-reclining_title .wrap_title {width: min(68vw, 530px);}
	.c-reclining .txt.center {text-align: left;}
	.txt_ss.right {text-align: left;}
}

@media screen and (max-width: 640px){
}
@media screen and (max-width: 460px){
	.c-catenavUL {margin-bottom: 20px;}
	.reclining_bed .c-hero__body {top: calc(min(37.82vw, 295px) * .9);}
	.c-titleWithLine__title--fz46 {font-size: clamp(20px, 5.21vw, 40px);}
	.txt_catch {font-size: clamp(18px, 4.688vw, 36px);}
	.txt {font-size: clamp(14.5px, 3.386vw, 28px);}
	.c-reclining-products .fig-products .c-item_name {font-size: clamp(16px, 4.168vw, 32px);}
	.c-reclining-products .fig-products .txt_s {font-size: clamp(12px, 2.865vw, 23px);}
	.txt_ss {font-size: clamp(10px, 2.606vw, 20px);}
}
@media screen and (max-width: 360px){
}