@charset "utf-8";


/*------------------------------------MV*/
#MV{
	position: relative;
	padding-bottom: 70px;
	width: 100%;
	margin: 0 auto;
	/* margin-top: 30px; */
	margin-bottom: 80px;
	/* box-shadow: 0 1px 4px rgb(0 0 0 / 30%); */
}
#MV .photo{
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	width: 100%;
	height: 100%;
}
#MV .photo li{
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: cover;
	flex: 1;
}
#MV .photo li:nth-of-type(1){ background-image: url(../../images/otherproduct/wellness/MV_01.jpg)}
#MV .photo li:nth-of-type(2){ background-image: url(../../images/otherproduct/sakaipremium/MV_05.jpg)}
#MV .photo li:nth-of-type(3){ background-image: url(../../images/otherproduct/sakaipremium/MV_04.jpg)}
#MV .photo li:nth-of-type(4){ background-image: url(../../images/otherproduct/unito/MV_06.jpg)}

#MV .Title{
	width: fit-content;
	margin: 0 auto;
	background-color: rgb(132 108 147 / 90%);
	position: relative;
	color: #fff;
	padding: 40px 50px;
	box-sizing: border-box;
}
#MV h1{
	font-size: 30px;
	text-align: center;
	position: relative;
	margin-bottom: 25px;
}
#MV h2{
	font-size: 16px;
	text-align: center;
	line-height: 2;
}
#MV h2:before{content:"";width: 50px;height: 2px;display: block;background-color: #fff;margin: 0 auto;margin-bottom: 25px;}


/*----------------------------------------Contents*/
#Contents{
	padding-bottom: 80px;
}
#Contents .Inner{
	width: 1000px;
	margin: 0 auto;
}
#Contents .Entry{
	display: flex;
	background-color: #fff;
	box-shadow: 0 0 4px rgb(0 0 0 / 30%);
	align-items: flex-start;
}
#Contents .Entry + .Entry{
	margin-top: 40px;
}
#Contents .Entry .photo{
	flex: 1;
	position: relative;
	line-height: 0;
	display: flex;
}
#Contents .Entry .photo .img{}
#Contents .Entry .photo img{
	object-fit: cover;
	width: 100%;
	height: 100%;
	object-position: center;
}
#Contents .Entry .photo .caption{
	background-color: #826a91;
	color: #fff;
	font-size: 12px;
	position: absolute;
	line-height: 1;
	padding: 2px 3px;
	bottom: 5px;
	left: 5px;
}
#Contents .Entry .Main{
	width: 580px;
	padding: 40px;
	box-sizing: border-box;
}
#Contents .Entry .Main .title{
	margin-bottom: 15px;
	position: relative;
	padding-left: 16px;
}
#Contents .Entry .Main .title:before{content:"";position: absolute;width: 5px;height: calc(100% - 0.5em);top: 0;left: 0;background-color: #d6d3e9;}
#Contents .Entry .Main .title dt{
	font-size: 15px;
	padding-bottom: 2px;
}
#Contents .Entry .Main .title dd{
	font-size: 22px;
	padding-bottom: 5px;
}
#Contents .Entry .Main .title dd span{
	display: block;
	font-size: 80%;
	padding-top: 10px;
}
#Contents .Entry .Main .title dd.atte{
	font-size: 13px;
	text-align: right;
}
#Contents .Entry .Main .txt{
	line-height: 1.8;
	font-size: 14px;
	margin-bottom: 20px;
}
#Contents .Entry .Main .btn{}