@charset "utf-8";
/* CSS Document */
@font-face {
	font-family: 'zenbla';
 	src: url('/assets/fonts/ZenKakuGothicNew-Black.ttf') format('truetype');
	font-display: swap;
}
@font-face {
	font-family: 'zenme';
 	src: url('/assets/fonts/ZenKakuGothicNew-Medium.ttf') format('truetype');
	font-display: swap;
}
main.lower .mv .outer{
	background: transparent linear-gradient(124deg, #F0C2DF 0%, #D8A9C6 100%) 0% 0% no-repeat padding-box;
}
@media screen and (min-width: 768px) {
	main.lower .mv .outer{
		padding-top: min(25%,262.5px);
		padding-bottom: min(15%,153px);
		max-width: 100%;
	}
 main.lower .mv .outer::before {
	 background-image: url("/assets/img/products/aesthetic/nmn/header_img_tab.webp");
	 background-size: cover;
  }
}
@media screen and (min-width: 970px) {
	main.lower .mv .outer::before {
		width: 1100px;
	}
}
@media screen and (min-width: 1280px) {
	main.lower .mv .outer{
		background-size: cover;
	}
	 main.lower .mv .outer::before {
		 background-image: url("/assets/img/products/aesthetic/nmn/header_img_pc.webp");
		 width: 960px;
		 max-width: 100%;
		 margin-right: 0;
		 background-size: contain;
		 background-position: bottom;
  	}
	main.lower hgroup{
		margin-top: 11px;
	}
}
@media screen and (min-width: 1380px) {
	main.lower .mv .outer::before{
		 width: 990px;
	}
}
@media screen and (min-width: 1600px) {
	main.lower .mv .outer::before{
		background-size: cover;
		margin-top: 0;
		 width: 960px;
	}
}
/*=======================
製品紹介周り
=========================*/
.products_information .inner .products_main_img{
	width: min(calc(76% + 1px),443px);
}
.products_information .inner .products_name{
	margin-top: min(4%,25px);
}
.products_information .inner .movie_box{
	width: min(88%,440px);
	margin-top: min(calc(16% + 2px),100px);
	margin-right: auto;
	margin-left: auto;
}
.products_block_text{
	letter-spacing: normal;
}

.products_information .inner .contents_block{
	margin-top: min(calc(7% + 1px),62px);
}

@media screen and (min-width: 768px) {
	.products_information .inner .products_main_img{
		width: min(calc(58% - 2px),768px);
		margin-top: min(6%,97px);
	}
	.products_information .inner .movie_box{
		width: min(calc(58% - 5px),660px);
	}
	.products_information .inner .contents_block{
		margin-top: min(calc(8% + 1px),86px);
	}
}
@media screen and (min-width: 1280px) {
	.products_information .inner .movie_box{
		margin-top: 200px;
	}
}
.movie_box video{
	width:100%;
}
/*=======================
製品ラインナップ周り
=========================*/
.products_lineup{
	margin-top: min(calc(17% + 1px),100px);
}
.products_lineup h2{
	text-align: center;
	letter-spacing: 0.15em;
	font-size: min(4.8vw,25px);
}
/*メニュー周り*/
.products_lineup .anker_menu{
	display: flex;
	justify-content: space-between;
	margin-top: min(calc(10% - 1px),40px);
	width: min(88%,430px);
	margin-left: auto;
	margin-right: auto;
}
.products_lineup .anker_menu li{
	width: calc(49% + 2px);
}
.products_lineup .anker_menu li a{
	font-size: 10px;
	padding-top: 10px;
	border-top: solid 4px #E08C48;
	color: #E08C48;
	letter-spacing: 0.05em;
	display: block;
	position: relative;
	text-align: center;
}
.products_lineup .anker_menu li a::after{
	content: '';
	position: absolute;
	top: 50%;
	right: 0;
	bottom: 0;
	left: 0;
	margin-top: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: -17px;
	width: 8px;
	height: 8px;
	border-top: 1px solid #1D1D1D;
	border-right: 1px solid #1D1D1D;
	transform: translateY(-50%) rotate(135deg);
}
.products_lineup .anker_menu li:last-of-type a{
	color: #12A085;
	border-top-color: #12A085;
}
.products_lineup .wrapper{
	background-color: #E7EFF4;
}
/*タイトル周り*/
.title_block{
	/*background-color:rgba(229, 233, 236, 0.6);*/
	font-family: "zenbla";
	font-size: min(6.67vw,30px);
	letter-spacing: 0.05em;
	line-height: 1.4;
	margin-top: min(12%,55px);
	padding-top: min(calc(17% + 2px),67px);
	padding-bottom: min(calc(17% + 2px),96px);
	position: relative;
}
.title_block::before,.title_block::after{
	content: "";
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	background-size: contain;
	background-repeat: no-repeat;
	mix-blend-mode: multiply;
}
.title_block.esb::before{
	background-image: url("/assets/img/products/aesthetic/nmn/aesthetic_esb_bgi_sp.webp");
	background-position: right;
	background-size: cover;
}
/*.title_block::after{
	background-color: #E5E9EC;
	opacity: 0.6;
}*/
.title_block.esb{
	color: #E08C48;
}
.title_block h3{
	margin-left: min(calc(6% + 1px),85px);
	font-size: min(6.67vw,30px);
	margin-top: 0;
	position: relative;
	z-index: 4;
	top: 0;
}
.title_block .copy_box{
	margin-left: min(calc(6% + 1px),85px);
}
.title_block.rr .copy_box{
	width: 44%;
	margin-left: auto;
	margin-right: 7%;;
}
.title_block .copy{
	position: absolute;
	font-family: "notome";
	color: #7E7E7E;
	letter-spacing: 0.05em;
	font-size: min(3.2vw,16px);
	line-height: 1.87;
	width: 38%;
	margin-top: -36px;
	z-index: 4;
}

/*製品リスト*/
.products_list li{
	background-color: #FFFFFF;
	border-bottom: solid 1px #BCBCBC;
}
.products_list li:first-of-type{
	border-top: solid 1px #BCBCBC;
}
.products_list li .inner{
	width: 88%;
	max-width: 363px;
	margin-right: auto;
	margin-left: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.products_list li .inner .text_box{
	align-items: center;
	width: 59%;
	position: relative;
	display: block;
	padding-top: 20px;
	padding-bottom: 20px;
}
.products_list li .inner .text_box .name_box {
	width: 100%;
}
.products_list li .inner .text_box .name_box .products_name{
	font-size: 11px;
	letter-spacing: 0.08em;
	font-family: "zenme";
}
.products_list li .inner .text_box .name_box .percent{
	font-family: "zenbla";
	color: #91484C;
	display: inline-block;
	margin-top: 6px;
	font-size: 18px;
}
.products_list li.booster_j .inner .text_box .name_box .percent{
	color: #6A4026;
}
.products_list li.booster_x .inner .text_box .name_box .percent{
	color: #2A4A3D;
}
.products_list li.booster_h .inner .text_box .name_box .percent{
	color: #316684;
}
.products_list li.booster_l .inner .text_box .name_box .percent{
	color: #613D77;
}

.products_list li .inner .text_box .name_box .percent span{
	color: white;
	background-color: #91484C;
	display: inline-block;
	font-size: 12px;
	letter-spacing: 0.05em;
	padding: 0 2.5px;
	padding-bottom: 4px;
	margin-right: 7px;
	position: relative;
	top: -2px;
}
.products_list li.booster_j  .inner .text_box .name_box .percent span{
	background-color:#6A4026;
}
.products_list li.booster_x .inner .text_box .name_box .percent span{
	background-color: #2A4A3D;
}
.products_list li.booster_h .inner .text_box .name_box .percent span{
	background-color: #316684;
}
.products_list li.booster_l .inner .text_box .name_box .percent span{
	background-color: #613D77;
}
.products_list li .inner .text_box .category{
	font-family: "notome";
	font-size: min(13.33vw,71px);
	margin-left: 8%;
	margin-right: 12px;
	position: absolute;
	top: 0;
	right: 0;
	left: auto;
	margin-top: 7px;
}
	.products_list li .inner .text_box p.text{
		font-size: 12px;
		color: #7E7E7E;
		line-height: 1.66;
		margin-top: 19px;
		letter-spacing: 0.05em;
		width: 96%;
	}
.products_list li .inner .img_box{
	width: min(calc(40% - 2px),196px);
}
.products_list li:nth-child(-n + 2) .inner .img_box{
	padding-top: 6px;
	position: relative;
	left: 10px;
}

/*RetailRÉJUVIQUE*/
.title_block.rr{
	color: #12A085;
	margin-top: 0;
}
.title_block.rr::before{
	background-image: url("/assets/img/products/aesthetic/nmn/aesthetic_esb_rr_sp.webp");
}
.title_block.rr h3{
	width: 44%;
	margin-left: auto;
	margin-right: 7%;
}
.products_list.rr li:last-of-type {
	padding-top: 20px;
	padding-bottom: 20px;
}
.products_list.rr li .inner .text_box{
	width: 59%;
}
.products_list.rr li .inner .text_box .name_box .products_name{
	display: flex;
	align-items: center;
}
.products_list.rr li .inner .text_box .name_box .products_name span.position_control{
	position: relative;
	top: 3px;
}
.products_list.rr li .inner .text_box .name_box .products_name span.fs{
	font-family: "zenme";
	font-size: min(6.4vw,28px);
	letter-spacing: 0.025em;
	display: inline-block;
	margin-left: 11px;
}
.products_list.rr li:nth-of-type(2) .inner .text_box .name_box .products_name span.fs{
	letter-spacing: 0.08em;
}
.products_list.rr li:last-of-type .inner .text_box .name_box .products_name span.fs{
	letter-spacing: normal;
}
.products_list.rr li .inner .text_box .name_box .percent{
	color: #12A085;
	margin-top: 4px;
}
.products_list.rr li .inner .text_box .name_box .percent span{
	background-color: #12A085;
}
.products_list.rr li:last-of-type .inner .img_box{
	width: 35%;
	margin-left: auto;
	margin-right: 0;
}
	.products_list.rr li .inner .text_box p.text{
		margin-top: 13px;
	}
@media screen and (min-width: 768px) {
	.products_lineup h2{
		font-size: min(3.26vw,30px);
	}
	.products_lineup .anker_menu{
		margin-top: min(calc(5% + 2px),70px);
		width: min(56%,550px);
	}
	.products_lineup .anker_menu li{
		width: min(49%,265px);
	}
	.products_lineup .anker_menu li a{
		border-top-width: 6px;
		font-size: min(1.56vw,20px);
	}
	.products_lineup .wrapper{
		padding-bottom: min(calc(8% + 6px),200px);	
	}
	.title_block.esb::before{
		background-image: url("/assets/img/products/aesthetic/nmn/aesthetic_esb_bgi_tab.webp");
		background-size: contain;
		z-index: 3;
	}
	.title_block::after{
		background-color: #D8E2E9;
		opacity: 0.6;
		mix-blend-mode: normal;
	}
	.title_block h3,.title_block.rr h3{
		width: min(calc(78% + 1px),1280px);
		font-size: min(3.91vw,75px);
		margin-left: auto;
		margin-right: auto;
	}
	.title_block .copy_box,.title_block.rr .copy_box{
			width: min(calc(78% + 1px),1280px);
			margin-right: auto;
			margin-left: auto;
		}
		.title_block .copy{
			font-size: min(2.08vw,30px);
		}
		.title_block.esb .copy{
			max-width: 566px;
		}
		.products_list{
			margin-top: -40px;
		}
		.products_list.rr li .inner .text_box .name_box .products_name span.fs{
			line-height: 1.32;
		}
	.products_list{
		display: flex;
		flex-wrap: wrap;
		width: min(calc(81% + 1px),1285px);
		margin-top: -34px;
		margin-right: auto;
		margin-left: auto;
		position: relative;
		z-index: 3;
	}
	.products_list li {
		width: 32%;
		border-radius: 10px;
		border: solid 1px #D8D8D8;
	}
	.products_list li:nth-of-type(n+2){
		margin-left: 12px;
	}
	.products_list li:nth-of-type(4){
		margin-left: 0;
	}
	.products_list li:nth-of-type(n+4){
		margin-top: 5px;
	}
	.products_list li .inner{
		flex-flow: column;
		width: 100%;
	}
	.products_list li .inner .text_box,.products_list li .inner .img_box{
		width: 100%;
	}
	.products_list li .inner .text_box{
		width: 83%;
		margin-right: auto;
		margin-left: auto;
		padding-bottom: 0;
	}
	.products_list li.booster_x .inner .text_box{
			width: 89%;
	}
	.products_list li .inner .text_box p.text{
		width: 100%;
		font-size: min(1.56vw,16px);
	}
	.products_list li .inner .text_box .name_box{
		width: 64%;
	}
	.products_list li .inner .text_box .name_box .products_name{
		font-size:min(1.43vw,25px);
	}
	.products_list li .inner .text_box .category{
		font-size: min(9.24vw,154px);
		margin-left: 0;
	}/*
	.products_list li .inner .text_box p.text{
		font-size: 12px;
		color: #7E7E7E;
		line-height: 1.66;
		margin-top: 19px;
		letter-spacing: 0.05em;
		width: 96%;
	}
	*/
	.products_list li .inner .img_box,.products_list li:nth-child(-n+2) .inner .img_box{
		width: 100%;
		max-width: 420px;
		padding-top: 0;
	}
	.products_list li.booster_x .inner .img_box,.products_list li.booster_h .inner .img_box,.products_list li.booster_l .inner .img_box{
		position: relative;
			left: 0;
	}
	.products_lineup .rr_wrapper{
		background-color: #E7EFF4;
		padding-bottom: 10%;
	}
	.title_block.rr::before{
		background-size: cover;
		background-image: url("/assets/img/products/aesthetic/nmn/aesthetic_esb_rr_tab.webp");
		z-index: 3;
		width: 74%;
	}
	.title_block.rr h3{
		text-align: right;
	}
	.title_block.rr h3{
		text-align: start;
	}
	.title_block.rr h3 span{
		margin-left: auto;
		margin-right: 0;
		width: 50%;
		display: block;
	}
	.title_block.rr .copy{
		margin-right: 0;
		margin-left: auto;
		position: relative;
		width: 50%;
	}
	.products_list.rr li{
		padding-top: min(3%,40px);
	}
	.products_list.rr li .inner .text_box{
		width: 83%;
		margin-left: auto;
    	margin-right: auto;
		padding-top: 0;
    	margin-top: 40px;
	}
	.products_list.rr li:last-of-type .inner .text_box{
		width: 89%;
	}
	.products_list.rr li .inner .text_box .name_box{
		width: 100%;
	}
	.products_list.rr li .inner .text_box .name_box .products_name{
		flex-flow: column;
		align-items: baseline;
		width: 100%;
		letter-spacing: 0.08em;
	}
	.products_list.rr li .inner .text_box .name_box .products_name span.position_control{
		top: 0;
	}
	.products_list.rr li .inner .text_box .name_box .products_name span.fs{
		margin-left: 0;
		letter-spacing: 0.08em;
		font-size: min(3.65vw,60px);
	}
	.products_list li .inner .text_box .name_box .percent{
		margin-top: 12px;
		font-size: min(2.73vw,49px);
	}
	.products_list li .inner .text_box .name_box .percent span{
		font-size: min(1.82vw,32px);
	}
	.products_list.rr li .inner .img_box{
		margin-top: min(calc(13% + 2px),60px);
	}
	.products_list li:nth-child(-n + 2) .inner .img_box{
		left: 0;
	}
	.products_list.rr li:last-of-type .inner .img_box{
		width: 49%;
		position: relative;
		top: 15px;
		margin-right: auto;
	}
}
@media screen and (min-width: 1280px) {
	.products_lineup .anker_menu li a{
		border-top-width: 8px;
		padding-top: 10px;
	}
	.products_lineup .anker_menu li a::after{
		width: 13px;
		height: 13px;
		top: 60px;
		border-top-width: 2px;
		border-right-width: 2px;
	}
	.products_lineup .wrapper{
		padding-bottom: 200px;
	}
	.title_block.esb{
		margin-top: 92px;
		padding-top: 183px;
    	padding-bottom: 223px;
	}
	.title_block.esb::before{
		background-image: url("/assets/img/products/aesthetic/nmn/aesthetic_esb_bgi_pc.webp");
	}
	.title_block.rr{
		padding-top: 179px;
    	padding-bottom: 227px;
	}
	.title_block.rr::before{
		background-size: cover;
		background-image: url("/assets/img/products/aesthetic/nmn/aesthetic_esb_rr_pc.webp");
		background-position: center;
		max-width: 1414px;
	}
	.products_list{
		margin-top: -59px;
		width: 100%;
		max-width: 1285px;
	}
	.products_list li{
		width: calc(32% + 9px);
		max-width: 420px;
	}
	.products_list li:nth-of-type(n+4){
		margin-top: 10px;
	}
	.products_list li .inner{
		max-width: 100%;
	}
	.products_list li .inner .text_box{
		margin-top: 30px;
		max-width: 355px;
		margin-right: auto;
		margin-left: auto;
	}
	
	.products_list li .inner .text_box,.products_list li.booster_x .inner .text_box{
		width: 98%;
	}
	.products_list li .inner .text_box .name_box{
		width: 66%;
		margin-left: 4px;
	}
	.products_list.rr li .inner .text_box .name_box{
		margin-right: auto;
		margin-left: auto;
	}
	.products_list.esb li .inner .text_box .name_box .products_name{
		line-height: 1.44;
		font-size: 25px;
	}
	.products_list li .inner .text_box .name_box .percent{
		margin-top: 0;
		font-size: 49px;
	}
	.products_list.esb li .inner .text_box .name_box .percent span{
		margin-right: 20px;
		top: -7px;
		font-size: 32px;
	}
	.products_list li .inner .text_box .category{
		top: -10px;
		right: 22px;
		margin-top: 12px;
	}
	.products_list li .inner .text_box p.text{
		height: 106px;
	}
	.products_list.rr{
		margin-top: -46px;
	}
	.products_list.rr li{
		width: 31.7%;
	}
	.products_list.rr li:last-of-type{
		padding-top: 41px;
	}
	.products_list.rr li .inner{
		max-width: 100%;
		width: 100%;
	}
	.products_list.rr li .inner .text_box{
		margin-top: 0px;
		margin-left: 39px;
		margin-right: auto;
		width: 88%;
	}
	.products_list.rr li .inner .text_box .name_box .percent{
		margin-top: 14px;
	}
	.products_list.rr li:last-of-type .inner .text_box .name_box .percent{
		margin-top: 9px;
	}
	.products_list.rr li .inner .text_box .name_box .percent span{
		top:-5px;
		margin-right: 19px;
		width: 90px;
		text-align: center;
	}
	.products_list.rr li .inner .text_box .name_box .products_name span.position_control{
		line-height: 1.44;
		font-size: 25px;
	}
	.products_list.rr li:last-of-type .inner .text_box .name_box .products_name span.fs{
		letter-spacing: 0.06em;
	}
	.products_list.rr li .inner .img_box{
		margin-top: 45px;
		padding-top: 0;
	}
	.products_list.rr li:last-of-type .inner .img_box{
		margin-top: 43px;
		margin-right: auto;
		margin-left: auto;
		max-width: 349px;
		top: 0;
		width: 55%;
	}
}
@media screen and (min-width: 1600px) {
	.products_list li .inner .text_box .category{
		margin-top: -12px;
		}
}
@media screen and (min-width: 1615px) {
  .products_list li,.products_list.rr li {
	  width: 32.7%;
	  max-width: 420px;
  }
}
/*SNSアイコン*/
.icon_list{
	display: flex;
	justify-content: space-between;
	width: 212px;
	margin-top: min(12%,50px);
  	margin-left: auto;
  	margin-right: auto;
}
.icon_list li{
	width: min(39%,53px);
}
.icon_list li a{
	display: block;
}
.icon_list li a span{
	display: block;
	color: #47C755;
	font-size: 10px;
	text-align: center;
	font-family: "notobo";
	margin-top: 4px;
}
@media screen and (min-width: 768px) {
	.icon_list{
		width: min(calc(39% - 3px),340px);
		margin-top: min(calc(6% + 4px),90px);
	}
	.icon_list li{
		width: min(23%,80px);
	}
	.icon_list li a span{
		margin-top: 8px;
	}
}
@media screen and (min-width: 1280px) {
	.icon_list li{
		width: 80px;
	}
	.icon_list li a span{
		font-size: 15px;
	}
}
/*注意文*/
.attention{
	font-family: "notore";
	color: #7E7E7E;
	font-size:11px;
	line-height: 1.81;
	width: 86%;
	margin-top: min(8%,50px);
	margin-left: auto;
	margin-right: auto;
}
@media screen and (min-width: 768px) {
	.attention{
		text-align: center;
		margin-top: min(calc(6% + 4px),60px);
		font-size: min(1.69vw,20px);
	}
}