:root{
  --gothic: "Noto Sans JP", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  --mincho: "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  --kozuka: "Kozuka Mincho Pr6N", "Noto Serif JP", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
  --english: "Abhaya Libre", serif;
  --blue: #739FFF;
}

/*=================================

メインビジュアル 

=================================*/
#mainvisial{
	position: relative;
}

#front-page #mainvisial{
	height: calc(100vh - 100px);
	position: relative;
}

#front-page #mainvisial .mv_img{
	height: 100%;
}

#front-page #mainvisial .mv_img img{
	height: 100%;
	object-fit: cover;
	width: 100%;
}

#page-corporate #mainvisial .mv_img img,
#page-individual #mainvisial .mv_img img{
	width: 100%;
}

#front-page #mainvisial .mv_text,
#front-page #mainvisial .scroll_down,
#page-corporate #mainvisial .mv_text,
#page-individual #mainvisial .mv_text{
	max-width: 1730px;
	margin-left: auto;
	margin-right: auto;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	width: calc(100% - 30px);
}

#front-page #mainvisial .mv_text,
#page-corporate #mainvisial .mv_text,
#page-individual #mainvisial .mv_text{
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.2));
	color: #fff;
	font-size: clamp(2rem,2.96vh,3.2rem);
	font-weight: 600;
	top: 5.56vh;
}

#page-individual #mainvisial .mv_text{
	color: #000;
	filter: drop-shadow(0 0 2px rgba(255,255,255,1)) drop-shadow(0 0 2px rgba(255,255,255,1)) drop-shadow(0 0 2px rgba(255,255,255,1));
}

#page-corporate #mainvisial .mv_text,
#page-individual #mainvisial .mv_text{
	font-size: clamp(2rem,2vw,2.4rem);
	max-width: 1800px;
	padding-left: 5rem;
	top: auto;
	bottom: 5.56vh;
	width: calc(100% - 30px - 5rem);
}

#front-page #mainvisial .mv_text .anniversary_logo img,
#page-corporate #mainvisial .mv_text .anniversary_logo img,
#page-individual #mainvisial .mv_text .anniversary_logo img{
	max-width: clamp(10rem,18.52vh,20rem);
	width: 100%;
}

#page-corporate #mainvisial .mv_text .anniversary_logo img,
#page-individual #mainvisial .mv_text .anniversary_logo img{
	max-width: clamp(10rem,10.42vw,20rem);
}

#front-page #mainvisial .mv_text .catch,
#page-corporate #mainvisial .mv_text .catch,
#page-individual #mainvisial .mv_text .catch{
	font-size: 200%;
	line-height: 1.2em;
	margin-top: clamp(2rem,2.73vw,4.7rem);
	margin-bottom: 1.6rem;
}

#page-corporate #mainvisial .mv_text .catch,
#page-individual #mainvisial .mv_text .catch{
	font-size: clamp(4rem,2.86vw,5.5rem);
	font-weight: 200;
	letter-spacing: 0.07em;
	margin-top: 18px;
}

#front-page #mainvisial .scroll_down {
	filter: drop-shadow(0 2px 4px rgba(0,0,0,0.3));
	bottom: 5.56vh;
}

#front-page #mainvisial .scroll_down .river_container{
	overflow: hidden;
	position: relative;
	width: 8.8rem;
}

#front-page #mainvisial .scroll_down .river{
	height: 21rem;
}

#front-page #mainvisial .scroll_down .water-path {
	animation: flow-down 4s linear infinite;
}

@keyframes flow-down {
	from { transform: translateY(-50px); }
	to { transform: translateY(0); }
}

#front-page #mainvisial .scroll_down .peach-image {
	animation: peach-floating 2s ease-in-out infinite;
	height: 4rem;
	position: absolute;
	pointer-events: none;
	top: calc(50% - 1.2rem);
	left: 50%;
	transform: translate(-50%, -50%);
	width: 5.8rem;
	z-index: 2;
}
@keyframes peach-floating {
	0%, 100% { transform: translate(-50%, -50%); }
	50% { transform: translate(-50%, calc(-50% - 5px)); }
}

#front-page #mainvisial .scroll_down .mask-hole-image {
	animation: hole-floating 2s ease-in-out infinite;
	transform-box: fill-box;
	transform-origin: center;
}
@keyframes hole-floating {
	0%, 100% { transform: translateY(0); }
	50% { transform: translateY(calc(5px * -1)); }
}

#front-page #mainvisial .scroll_down .text{
	color: #fff;
	font-size: 1.6rem;
	font-weight: 500;
	letter-spacing: 0.22em;
	text-align: center;
}



/*-- ↓under1024px↓ ------------------------------------- */
@media screen and (max-width: 1024px){
	#front-page #mainvisial{
		height: calc(100vh - 70px);
		position: relative;
	}
}

/*-- ↓under767px↓ ------------------------------------- */
@media screen and (max-width: 767.9px){
	#page-corporate #mainvisial .mv_img::before,
	#page-individual #mainvisial .mv_img::before{
		background-color: rgba(0,0,0,0.2);
		content: "";
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	
	#page-individual #mainvisial .mv_img::before{
		background-color: none;
	}
	
	#page-corporate #mainvisial .mv_text,
	#page-individual #mainvisial .mv_text{
		padding-left: 0;
	}
	
	#page-corporate #mainvisial .slick-slide,
	#page-individual #mainvisial .slick-slide{
		height: 450px;
	}
	
	
	#page-corporate #mainvisial .slick-slide img,
	#page-individual #mainvisial .slick-slide img{
		height: 100%;
		object-fit: cover;
		width: 100%;
	}
	
	#page-corporate #mainvisial .mv_text,
	#page-individual #mainvisial .mv_text{
		width: calc(100% - 30px);
		z-index: 2;
	}
}

/*=================================

総合トップ

=================================*/
#front-page section h2{
	font-family: var(--mincho);
	font-size: clamp(2.3rem,2.6vw,3.5rem);
	font-weight: 500;
}


/* #portal
--------------------------------------------------*/
#front-page #portal {
	padding-top: clamp(6rem,9vw,10rem)
}

#front-page #portal .item {
	background-color: #fff;
	border-radius: 10px;
	overflow: hidden;
}

#front-page #portal .item .img_box {
	border-radius: 10px 10px 0 0;
	display: block;
	overflow: hidden;
	position: relative;
}

#front-page #portal .item .img_box .target {
	background-color: #fff;
	border-radius: 0 10px 0 0;
	font-size: clamp(1.8rem,2vw,2.4rem);
	padding: 2.3rem 5rem 1.6rem clamp(2.6rem,5vw,4rem);
	position: absolute;
	width: clamp(24rem,60vw,30rem);
	bottom: 0;
	left: 0;
}

#front-page #portal .item .img_box .target p {
	font-weight: 700;
	line-height: 1;
}

#front-page #portal .item .img_box .target:before {
	content: "";
	width: 1.16em;
	height: 1.16em;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	right: 2.6rem;
	top: calc(50% - .8rem);
}

#front-page #portal .item:nth-of-type(odd) .img_box .target:before {
	background-image: url(../img/common/icon_arrows02-blue.svg);
}

#front-page #portal .item:nth-of-type(even) .img_box .target:before {
	background-image: url(../img/common/icon_arrows02-red.svg);
}

#front-page #portal .item .img_box .target:after {
	content: "";
	position: absolute;
	left: calc(100% - .2px);
	bottom: -.2px;
	width: 1rem;
	height: 1rem;
	background-image: url(../img/top/radius-reverse_01.svg);
	background-repeat: no-repeat;
	background-size: contain;
}

#front-page #portal .item .portal_nav {
		display: flex;
		column-gap: 3rem;
		flex-wrap: wrap;
		padding: clamp(2rem,3vw,3.3rem) 2rem 3rem clamp(2rem,3vw,4rem);
}

#front-page #portal .item .portal_nav li a {
	font-size: 1.6rem;
	font-weight: 500;
	line-height: 2;
	padding-left: 1.2em;
	position: relative;
}

#front-page #portal .item .portal_nav li a:before {
	content: "";
	width: .5rem;
	height: .5rem;
	border-top: 1.5px solid;
	border-right: 1.5px solid;
	position: absolute;
	left: 0;
	top: calc(1em - .25rem);
	transform: rotate(45deg);
}

#front-page #portal .item:nth-of-type(odd) .portal_nav li a:before {
	border-color: var(--blue);
}

#front-page #portal .item:nth-of-type(even) .portal_nav li a:before {
	border-color: #dd6268;
}

/*-- ↓under 767px↓ ------------------------------------- */
@media screen and (max-width:767.9px){
	#front-page #portal {
		row-gap: 2rem;
	}
}

/* お知らせ
--------------------------------------------------*/
#front-page section.news {
	padding-top: clamp(5rem,10vw,9rem);
	position: relative;
}

#front-page section.news:before {
	content: "NEWS";
	font-family: var(--kozuka);
	font-size: clamp(4rem,3.5vw,6.4rem);
	font-weight: 300;
	line-height: .5;
	position: absolute;
	top: calc(50% - 2em);
	left: 2.4rem;
	transform: rotate(90deg);
	transform-origin: 0 100%;
	color: #d2d2d2;
}

#front-page section.news .inner {
	background-color: #fff;
	padding: 4rem 0 5.5rem;
	border-radius: 10px;
}

#front-page section.news .news_hl {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 2.6rem;
}

#front-page section.news .news_hl a {
	color: var(--blue);
	font-size: clamp(1.5rem,3vw,1.8rem);
	font-weight: 700;
	line-height: 1.6;
	padding-right: 2.6em;
	background-image: url(../img/common/icon_arrows02-blue.svg);
	background-repeat: no-repeat;
	background-size: 1.55em;
	background-position: right center;
}

#front-page section.news .news_hl a:hover {
	color: #dd6268;
	background-image: url(../img/common/icon_arrows02-red.svg);
	padding-right: 2.5em;
}

#front-page section.news .news_tabs {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
	column-gap: clamp(.8rem,3vw,1.5rem);
	row-gap: .5rem;
	margin-bottom: 2.4rem;
}

#front-page section.news .news_tabs .news_tab_label {
	font-weight: 700;
	color: var(--blue);
	margin-right: .5rem;
}

#front-page section.news .news_tabs .news_tab {
	font-size: clamp(1.4rem,3vw,1.6rem);
	font-weight: 500;
	padding: 1rem clamp(1rem,3vw,2rem);
	background-color: #fff;
	border: 1px solid #c2c2c2;
	border-radius: 100px;
	cursor: pointer;
	transition: .2s;
}

#front-page section.news .news_tabs .news_tab.active {
	color: #fff;
	background-color: var(--blue);
	border-color: var(--blue);
}

#front-page section.news .news_list {
	display: none;
}

#front-page section.news .news_list.active {
	display: block;
}

#front-page section.news .news_list .news_item a {
	padding: 2rem 0;
	display: flex;
	align-items: center;
	column-gap: 2rem;
	border-top: 1px solid #d6d6d6;
}

#front-page section.news .news_list .news_item .date {
	font-size: 1.5rem;
	color: #787878;
	min-width: 7.6rem;
}

#front-page section.news .news_list .news_item .category {
	font-size: 1.5rem;
	text-align: center;
	width: 9rem;
	min-width: 9rem;
	background-color: #eaeaea;
	border-radius: 100px;
	line-height: 1.5;
}

#front-page section.news .news_list .news_item .title {
	transition: .2s;
}

#front-page section.news .news_list .news_item:hover .title {
	color: var(--blue);
}

/*-- ↓under 767px↓ ------------------------------------- */
@media screen and (max-width:767.9px){
	#front-page section.news:before {
		content: initial;
	}

	#front-page section.news .inner {
		padding: 4rem 0 3rem;
	}

	#front-page section.news .news_tabs .news_tab_label {
		width: 100%;
	}

	#front-page section.news .news_tabs {
		margin-bottom: 3rem;
	}

	#front-page section.news .news_list .news_item a {
		flex-wrap: wrap;
	}

	#front-page section.news .news_list .news_item .title {
		width: 100%;
	}
}

/* SLEEPTECH 商品のこだわり
--------------------------------------------------*/
#front-page #about,
#page-corporate #about{
	padding: 22rem 0 clamp(20rem,16vw,32rem);
	position: relative;
	overflow: hidden;
}

#front-page #about:before,
#page-corporate #about:before{
	content: "ABOUT SLEEPTECH";
	font-family: var(--kozuka);
	font-size: clamp(4rem,3.5vw,6.4rem);
	font-weight: 300;
	line-height: .5;
	position: absolute;
	top: calc(50% - 5.5em);
	left: 2.4rem;
	transform: rotate(90deg);
	transform-origin: 0 100%;
	color: #d2d2d2;
}

#front-page #about .inner_in,
#page-corporate #about .inner_in{
	width: calc(100% - 100px);
	transition-delay: .1s;
}

#front-page #about .img_01,
#page-corporate #about .img_01{
	position: absolute;
	left: clamp(8rem,8vw,14rem);
	top: 12rem;
	z-index: -1;
	width: clamp(40rem,28vw,57rem);
}

#front-page #about .text_box,
#page-corporate #about .text_box{
	width: clamp(48rem,40vw,53.5rem);
	margin-left: auto;
}

#front-page #about .img_02,
#page-corporate #about .img_02{
	position: absolute;
	left: calc(50% + clamp(46rem,26vw,52rem));
	top: clamp(3rem,4vw,9.4rem);
	width: clamp(18rem,16.5vw,34rem);
	z-index: -1;
	box-shadow: 0 4px 4px rgba(0,0,0,0.25)
}

#front-page #about .img_02 img,
#page-corporate #about .img_02 img{
	width: 100%;
}

#front-page #about .text_box h2 {
	margin-bottom: 3rem;
}

#front-page #about .text_box p,
#page-corporate #about .text_box p{
	font-size: 1.5rem;
	margin-bottom: 2.6rem;
	font-weight: 500;
	line-height: 2;
}

/*-- ↓under 767px↓ ------------------------------------- */
@media screen and (max-width:767.9px){
	#front-page #about,
	#page-corporate #about{
		padding: 4rem 0 8rem;
	}

	#front-page #about:before,
	#page-corporate #about:before{
		content: initial;
	}

	#front-page #about .inner_in,
	#page-corporate #about .inner_in{
		width: calc(100% - 30px);
		padding: 6rem 0 8rem;
	}

	#front-page #about .text_box,
	#page-corporate #about .text_box{
		width: 100%;
	}

	#front-page #about .img_01,
	#page-corporate #about .img_01{
		width: 80%;
		position: initial;
	}

	#front-page #about .img_02,
	#page-corporate #about .img_02{
		position: initial;
		width: calc(100% - 80px);
		margin: 0 auto;
	}
}

/* 岡山から始まる、やさしい眠りの物語
--------------------------------------------------*/
#front-page .factory_wrap {
	overflow: hidden;
}

#front-page .factory_wrap .bg {
	width: 100%;
}

#front-page #factory {
	background-color: #fff;
	border-radius: 5rem 5rem 0 0;
	margin-top: -10rem;
	padding-bottom: clamp(7rem,8vw,14rem);
}

#front-page #factory:before {
	content: "FACTORY";
	font-family: var(--kozuka);
	font-size: clamp(4rem,3.5vw,6.4rem);
	font-weight: 300;
	line-height: .5;
	position: absolute;
	top: calc(50% - 3em);
	left: 2.4rem;
	transform: rotate(90deg);
	transform-origin: 0 100%;
	color: #d2d2d2;
}

#front-page #factory .flex_box {
	align-items: start;
	width: calc(100% - 160px);
	column-gap: 2rem;
}

#front-page #factory .flex_box .text_box {
	width: clamp(46rem,43vw,54rem);
	margin-top: clamp(3rem,8vw,10rem);
	position: relative;
}

#front-page #factory .flex_box .img_box {
	width: clamp(36rem,32vw,48rem);
	margin-top: -10rem;
	box-shadow: 0 4px 4px rgba(0,0,0,0.25);
}

#front-page #factory .flex_box img {
	width: 100%;
}

#front-page #factory .flex_box .text_box h2 {
	margin-bottom: 2.5rem;
}

#front-page #factory .flex_box .text_box p {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2;
	margin-bottom: 5.8rem;
}

#front-page #factory .flex_box .text_box .illust_wrap {
	width: 18.7rem;
	height: 9.4rem;
	position: absolute;
	top: 0;
	left: clamp(30rem,29vw,40.6rem);
}

#front-page #factory .flex_box .text_box .illust_wrap img:nth-of-type(1) {
	width: 33.68%;
	position: absolute;
	left: 0;
	bottom: 1%;
}

#front-page #factory .flex_box .text_box .illust_wrap img:nth-of-type(2) {
	width: 29.41%;
	position: absolute;
	left: 40.64%;
	bottom: 1.5%;
	transition-delay: .1s;
}

#front-page #factory .flex_box .text_box .illust_wrap img:nth-of-type(3) {
	width: 36.89%;
	position: absolute;
	left: 32.62%;
	top: 0;
	transition-delay: .2s;
}

#front-page #factory .flex_box .text_box .illust_wrap img:nth-of-type(4) {
	width: 25.66%;
	position: absolute;
	right: 0;
	bottom: 0;
	transition-delay: .3s;
}

/*-- ↓under 767px↓ ------------------------------------- */
@media screen and (max-width:767.9px){
	#front-page #factory {
		margin-top: -3rem;
		border-radius: 3rem 3rem 0 0;
	}

	#front-page #factory:before {
		content: initial;
	}

	#front-page #factory .flex_box {
		width: calc(100% - 30px);
	}

	#front-page #factory .flex_box .text_box .illust_wrap {
		position: relative;
		margin-left: auto;
		top: auto;
		left: auto;
		margin-bottom: 2rem;
	}

	#front-page #factory .flex_box .text_box p {
		margin-bottom: 3rem;
	}

	#front-page #factory .flex_box .img_box {
		margin-top: 4rem;
	}
}

/* 採用情報
--------------------------------------------------*/
#front-page #recruit {
	position: relative;
	padding: 11.6rem 0 26.3rem;
	position: relative;
	overflow: hidden;
}

#front-page #recruit:before {
	content: "RECRUIT";
	font-family: var(--kozuka);
	font-size: clamp(4rem,3.5vw,6.4rem);
	font-weight: 300;
	line-height: .5;
	position: absolute;
	top: calc(35% - 2.5em);
	left: 2.4rem;
	transform: rotate(90deg);
	transform-origin: 0 100%;
	color: #fff;
	z-index: +1;
}

#front-page #recruit .img_box {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(50vw - 4.6rem);
	height: clamp(30rem,40vw,62rem);
	overflow: hidden;
	border-radius: 0 0 5rem 0;
}

#front-page #recruit .img_box img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#front-page #recruit .text_box {
	width: 54rem;
	margin-left: auto;
}

#front-page #recruit .text_box h2 {
	margin-bottom: 3.2rem;
}

#front-page #recruit .text_box p {
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 2;
	margin-bottom: 7rem;
}

/*-- ↓under 767px↓ ------------------------------------- */
@media screen and (max-width:767.9px){
	#front-page #recruit {
		padding: 0 0 10rem;
	}

	#front-page #recruit .img_box {
		height: auto;
		position: initial;
		width: calc(100% - 15px);
		margin-bottom: 3rem;
	}

	#front-page #recruit:before {
		top: .5rem;
		left: 1.5rem;
	}

	#front-page #recruit .text_box {
		width: 100%;
	}

	#front-page #recruit .text_box h2 {
		margin-bottom: 2.4rem;
	}

	#front-page #recruit .text_box p {
		margin-bottom: 3rem;
	}
	
}

/*=================================

法人トップ

=================================*/
#page-corporate hgroup{
	margin-bottom: 6.5rem;
	text-align: center;
}

#page-corporate hgroup .en{
	font-family: var(--english);
	font-size: 4.8rem;
	font-weight: 700;
    letter-spacing: 0.01em;
	line-height: 1em;
    margin-bottom: 16px;
}

#page-corporate hgroup h2{
	font-size: 16px;
	font-weight: 500;
}

#page-corporate #about{
	padding-bottom: 10rem;
}

#page-corporate #about:before{
	top: 5%;
}

#page-corporate #about .about_inner{
	padding-bottom: 25rem;
}

#page-corporate #about .about_link{
	padding-top: 10rem;
	padding-bottom: 10rem;
}

#page-corporate #about .about_link li{
	width: 31%;
}

#page-corporate #about .about_link li .img_box{
	overflow: hidden;
}

#page-corporate #about .about_link li a:hover .img_box img{
	transform: scale(1.1);
}

#page-corporate #about .about_link li .link_btn p{
	font-size: clamp(1.6rem, 1.76vw, 1.8rem);
	max-width: 100%;
}

#page-corporate #product .flex_box{
	margin-left: auto;
	margin-right: auto;
	width: calc(100% - 5rem);
}

#page-corporate #product .item{
	color: #fff;
	font-weight: 700;
	margin-bottom: 5rem;
}

#page-corporate #product .item.coming_soon{
	pointer-events: none;
}

#page-corporate #product .item::before,
#page-corporate #product .item.coming_soon::before{
	background-color: rgba(0,0,0,0.2);
	border-radius: 10px;
	content: "";
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}

#page-corporate #product .item.coming_soon::before{
	background-color: #838383;
	z-index: 2;
}

#page-corporate #product .item.coming_soon::after{
	font-size: clamp(4.5rem,3.33vw,6.5rem);
	content: "COMING SOON";
	font-family: var(--mincho);
	font-weight: 700;
	position: absolute;
	top: 10%;
	left: 0;
	text-align: center;
	width: 100%;
	z-index: 4;
}


#page-corporate #product .item .img_box{
	border-radius: 10px;
	overflow: hidden;
}

#page-corporate #product .item:hover .img_box img{
	transform: scale(1.15);
}

#page-corporate #product .item .category{
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	transform: translateY(-50%);
	width: 100%;
	z-index: 1;
}

#page-corporate #product .item.coming_soon .category,
#page-corporate #product .item.coming_soon .bottom{
	z-index: 2;
	opacity: 0.5;
}


#page-corporate #product .item .category .english{
	font-size: clamp(3.5rem,5vw,7.5rem);
	line-height: 0.8em;
}

#page-corporate #product .item .category .ja{
	font-size: clamp(1.8rem,1.95vw,2.4rem);
	margin-top: clamp(1rem,2.46vw,3rem);
}

#page-corporate #product .item .bottom{
	align-items: center;
	display: flex;
	font-size: clamp(1.6rem,1.95vw,2rem);
	font-weight: 700;
	justify-content: space-between;
	padding: 0 clamp(1.5rem,3.33vw,5rem);
	position: absolute;
	bottom: clamp(1.5rem,2.46vw,3rem);
	width: 100%;
	z-index: 2;
}

#page-corporate #product .item .bottom .content{
	padding-right: 5px;
}

#page-corporate #product .item .bottom .more{
	display: block;
	flex-shrink: 0;
}

#page-corporate #product .item .bottom .more::after{
	background-image: url("../img/common/icon_arrows-white.svg");
	content: "";
	display: inline-block;
	height: 12px;
	margin-left: 1.2rem;
	width: 40px;
}

#page-corporate #sleeptech-02{
	overflow: hidden;
}

#page-corporate #works .works_parts{
	padding-top: 13rem;
}

#page-corporate #catalog {
	padding-bottom: 10rem;
}

/*-- ↓under767px↓ ------------------------------------- */
@media screen and (max-width: 767.9px){
	#page-corporate #about .about_inner{
		padding-bottom: 10rem;
	}
	
	#page-corporate #about .about_link li,
	#page-corporate #product .item{
		margin-bottom: 3rem;
		width: 49%;
	}
	
	#page-corporate #product .flex_box{
		width: 100%;
	}
	
	#page-corporate #product .item .bottom{
		flex-wrap: wrap;
		bottom: 0;
	}
	
	#page-corporate #product .item .bottom .more{
		text-align: right;
		width: 100%;
	}
	
}

/*-- ↓under500px↓ ------------------------------------- */
@media screen and (max-width: 500px){
	#page-corporate #about .about_link li,
	#page-corporate #product .item{
		width: 100%;
	}
	
	#page-corporate #product .item .category .ja{
		font-size: 1.5rem;
		margin-top: 5px;
	}
	
	#page-corporate #product .item .bottom .content{
		font-size: 1.4rem;
	}
}

/*=================================

個人トップ

=================================*/
#page-individual{
	padding-bottom: 10rem;
}

#page-individual section{
	overflow: hidden;
}

#page-individual h2{
	font-size: clamp(2.2rem,5.21vw,4rem);
	font-weight: 500;
	margin-bottom: clamp(4rem,9.11vw,7rem);
}

#page-individual .outer{
	position: relative;
}

#page-individual section p{
	font-size: 1.8rem;
	font-weight: 500;
}

#page-individual .section_title{
	color: #cecece;
	font-size: 2.4rem;
	position: absolute;
	top: 0;
    z-index: 10;
}

#page-individual .link_btn{
	margin-top: 3rem;
}

#page-individual .outer{
	width: calc(100% - 18rem);
}

#page-individual #sleeptech-01{
	padding-top: 20rem;
}

#page-individual #sleeptech-01 .flex_box{
	align-items: center;
	padding-bottom: 7rem;
}

#page-individual #sleeptech-01 .text_box{
	width: 50%;
}

#page-individual #sleeptech-01 .img_box{
	margin-top: 5rem;
	width: 45%;
}

#page-individual  #sleeptech-02 .section_title{
	top: 12.5rem;
}

#page-individual  #sleeptech-02 .inner{
	position: relative;
}

#page-individual  #sleeptech-02 .block_01 h2{
	position: absolute;
	top: 15%;
	left: 0;
	text-align: center;
	width: 100%;
}

#page-individual  #sleeptech-02 .block_02{
	background-image: url("../img/individual/top_sleeptech-02.jpg");
	background-size: contain;
	background-position: left;
	padding-bottom: 22rem;
	position: relative;
}

#page-individual  #sleeptech-02 .block_02 p.mincho{
	color: #B9B9B9;
	font-size: clamp(3.5rem,7.16vw,5.5rem);
	font-weight: 300;
	line-height: 1em;
	margin-left: auto;
	margin-right: 0;
	margin-bottom: clamp(3rem,9.11vw,7rem);
	max-width: 530px;
	width: 100%;
}

#page-individual  #sleeptech-02 .block_02 p.text{
	line-height: 2em;
	margin-left: auto;
	margin-right: 0;
	max-width: 595px;
}

#page-individual  #sleeptech-02 .block_company,
#page-corporate  #sleeptech-02 .block_company{
	margin-left: auto;
	margin-right: auto;
	max-width: 1920px;
	padding-top: 10rem;
	padding-bottom: 10rem;
	width: 100%;
}

#page-individual  #sleeptech-02 .block_company .flex_box,
#page-corporate  #sleeptech-02 .block_company .flex_box{
	align-items: flex-start;
	margin-left: auto;
	margin-right: 0;
	max-width: 1600px;
	width: 90%;
}

#page-individual  #sleeptech-02 .block_company .text_box,
#page-corporate  #sleeptech-02 .block_company .text_box{
	width: 40%;
}

#page-individual  #sleeptech-02 .block_company .text_box .anniversary_logo,
#page-corporate  #sleeptech-02 .block_company .text_box .anniversary_logo{
	margin-bottom: 5px;
}

#page-individual  #sleeptech-02 .block_company .text_box p,
#page-corporate  #sleeptech-02 .block_company .text_box p{
	line-height: 2em;
}

#page-individual  #sleeptech-02 .block_company .img_box,
#page-corporate  #sleeptech-02 .block_company .img_box{
	border-top-left-radius: 5rem;
	overflow: hidden;
	position: relative;
	width: 56%;
}

#page-individual  #sleeptech-02 .block_company .img_box::before,
#page-corporate  #sleeptech-02 .block_company .img_01::before{
	background-image: url("../img/common/illust_momotaro-white.png");
	background-repeat: no-repeat;
	background-size: contain;
	content: "";
	height: 17.89%;
	position: absolute;
	left: 5%;
	bottom: 5%;
	width: 15.44%;
}


/*-- ↓under1650px↓ ------------------------------------- */
@media screen and (max-width: 1650px){
	#page-individual .section_title{
		font-size: 1.6rem;
		margin-bottom: 10px;
	}
	
	#page-individual  #sleeptech-01 .section_title{
		position: static;
	}
}

/*-- ↓under767px↓ ------------------------------------- */
@media screen and (max-width: 767.9px){
	#page-individual .outer{
		width: calc(100% - 30px);
	}

	#page-individual section p{
		font-size: 1.6rem;
		font-weight: 400;
	}
	
	#page-individual .section_title{
		position: static;
	}
	
	#page-individual #sleeptech-01{
		padding-top: 5rem;
	}
	
	#page-individual #sleeptech-01 .text_box{
		width: 100%;
	}
	
	#page-individual #sleeptech-01 .img_box{
		width: 100%;
	}
	
	#page-individual #sleeptech-02 .block_01{
		padding-top: 3rem;
	}
	
	#page-individual #sleeptech-02 .section_title,
	#page-individual #sleeptech-02 .block_01 h2{
		top: 0;
	}
	
	#page-individual #sleeptech-02 .block_02{
		background-position: left bottom;
	}
	
	#page-individual #sleeptech-02 .block_company .flex_box,
	#page-corporate  #sleeptech-02 .block_company .flex_box{
		flex-flow: wrap-reverse;
		margin-right: auto;
		width: 100%;
	}
	
	#page-individual #sleeptech-02 .block_company .text_box,
	#page-corporate  #sleeptech-02 .block_company .text_box{
		padding-left: 15px;
		padding-right: 15px;
		width: 100%;
	}
	
	#page-individual #sleeptech-02 .block_company .img_box,
	#page-corporate  #sleeptech-02 .block_company .img_box{
		margin-left: auto;
		margin-right: 0;
		margin-bottom: 30px;
		width: 90%;
	}
	
	#page-individual  #sleeptech-02 .block_company .img_box::before,
	#page-corporate  #sleeptech-02 .block_company .img_box::before{
		height: 32%;
		width: 27.8%;
	}
}