
/*** base **************************/ 	
:root{
--txt12: 0.75rem;		
--txt14: 0.875rem;	
--txt15: 0.938rem;	
--txt16: 1rem;
--txt17: 1.063rem;
--txt18: 1.125rem;
--txt19: 1.188rem;	
--txt20: 1.25rem;
--txt22: 1.375rem;
--txt23: 1.438rem;	
--txt24: 1.5rem;
--txt25: 1.563rem;	
--txt26: 1.625rem;
--txt27: 1.688rem;
--txt28: 1.75rem;
--txt30: 1.875rem;	
--txt32: 2rem;	
--txt35: 2.188rem;
--txt39: 2.438rem;	
--txt50: 3.125rem;
--container:1920px;	
	}
/* PC *************************************************************/
@media screen and (min-width: 751px) {
  html {
    scroll-padding-top: 90px;
	scroll-behavior: smooth;  
	}
a:hover{opacity: 0.6;}
.content__wrap {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  line-height: 1.7;
  /*letter-spacing: 1px;*/
  color: #362D2D;
  font-weight: 500;
  width:100%;
  margin: 0 auto;
  width:min(var(--container), 100%);
  margin-inline: auto;	
  background-color: #fff;		
}
.kv img{
  width: 100%;
  height: auto;
	}
.lead__inner, .design__inner, .scent__inner, .product__info__inner, .ingredients__inner, .care__inner, .voice__inner {
    width: min(1086px, 100%);
    margin-inline: auto;
}
/********** lead content **********************************/
#lead__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/aromashea/body_hand2/bg_lead.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #dfd4e2;
	padding-top: 2.5rem;
	padding-bottom: 1.938rem;
	}

ul.main__menu {
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: clamp(1.125rem, 0.724rem + 0.85vw, 1.75rem);
    gap: 12px;
	margin-bottom: 46px;
	& li a{
		color: #fff;
		background-color: #4B5710;
		line-height: 1.071;
		padding: 23px 0;
		display: inline-block;
		width: 100%;
        text-align: center;
		&:hover{
			text-decoration: none;
		}
	}
	& li {
		flex:1;
	}
}
	
@scope (#lead__content) {
			h2 {
				font-family: "Noto Serif JP", serif;
				font-size: clamp(2.063rem, 1.702rem + 0.77vw, 2.625rem);
				font-weight: 600;
				text-align: center;
				}
			& .lead__txt p{
				margin-top:3rem;
				text-align: center;
				font-size: clamp(1.125rem, 0.845rem + 0.6vw, 1.53rem);
				line-height: 1.8;
				letter-spacing: -1px;
				font-weight: 500;
			}
			& .lead__inner ul.list__lead__notice{
				display: flex;
				gap:18px;
				justify-content: center;
				font-size: 0.875rem;
    			margin-top: 1.125rem;
			}
			.lead__product__wrap {
				margin-block: 1.688rem 3.875rem;
				display: grid;
				justify-content: center;
				text-align: center;
					& img {
						text-align: center;
						margin-inline: auto;
					}
					& .product__name {
					font-family: "Noto Serif JP", serif;	
					font-size: 1.75rem;
					text-align: center;
					font-weight: 700;
					line-height: 1.429;
					}
					& .price__wrap {
					display: flex;
					align-items: center;
					gap: 23px;
					text-align: right;
					}
					& .price__wrap .limited {
					font-size: 1.5rem;
					border: solid 1px #000;
					padding: 5px 10px;
					margin-top: 23px;
					}
					& .price__wrap .retail__price {
					font-size: 1.75rem;
					font-weight: 500;
					margin-block: 23px 14px;
					display: block;	
					}
					& .price__wrap .retail__price__detail {
					font-size: 1.5rem;	
					}
					& .price__wrap .retail__price__yen {
					font-size: 1.5rem;	
					}
				    & .price__wrap .member__price {
					font-size: 1.75rem;
					font-weight: 700;
					line-height: 1;	
					}
					& .member__price__detail{
					font-weight: 700;
    				font-size: 2.5rem;
					}
				    & a.btn__buy {
					background-color: #3C1609;
					color: #fff;
					font-size: 1.75rem;
					font-weight: 700;
					width: 523px;
					padding-block: 15px;
					margin-top: 28px;
					text-align: center;
						&:hover{
							text-decoration: none;
						}
					}
				   & .txt__notice {
					font-size: 1.063rem;
					margin-top: 19px;
					}
		}
			
	}
.movie_area {
    position: relative;
    padding-bottom: 358px;
    height: 0;
    overflow: hidden;
    margin-top: 3.75rem;
	margin-inline: auto;
    aspect-ratio: 16 / 9;
	max-width: 637px;
	max-height: 358px;
}	
/********** design__content **********************************/
#design__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/aromashea/body_hand2/bg_design.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #f3f9f9; 
	padding-top: 4.938rem;
	padding-bottom: clamp(7.688rem, 2.56rem + 10.94vw, 15.688rem);
	}
@scope (.design__inner) {
			h2 {
				font-family: "Noto Serif JP", serif;
				font-size: 2.625rem;
				font-weight: 600;
				text-align: center;
				}
			.design__5topics {
				display: flex;
				justify-content: center;
				align-items: center;
				margin-top: 2.063rem;
				border-bottom: solid 1px #707070;
				padding-bottom: 4.656rem;
				margin-inline: 2.25rem;
			}
			ol.list__topics {
				font-size: clamp(1.125rem, 0.804rem + 0.68vw, 1.625rem);
				font-family: "Noto Serif JP", serif;
				font-weight: 700;
				margin-left: clamp(0.625rem, -1.699rem + 4.96vw, 4.25rem);
					& li {
						margin-bottom: 28px;
						position: relative;
    					padding-left: 70px;
						}
					& li:nth-child(1)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_1.png);
							width: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							height: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
						    background-size: contain;
						}
				& li:nth-child(2)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_2.png);
							width: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							height: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
				& li:nth-child(3)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_3.png);
							width: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							height: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
				& li:nth-child(4)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_4.png);
							width: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							height: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
				& li:nth-child(5)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_5.png);
							width: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							height: clamp(3.125rem, 2.684rem + 0.94vw, 3.813rem);
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
			}
			.topics__detail__1 {
    			margin-top: 6.438rem;
			}
	        .topics__detail__1 h3::before {
						   position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_1_l.png);
							width: 102px;
							height: 100px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
						}
			.topics__detail__2 h3::before {
						   position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_2_l.png);
							width: 102px;
							height: 100px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
						}
		.topics__detail__3 h3::before {
						   position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_3_l.png);
							width: 102px;
							height: 100px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
						}
			.topics__detail__4 h3::before {
								   position:absolute;
									background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_4_l.png);
									width: 102px;
									height: 100px;
									content: "";
									transform: translateY(-50%);
									background-repeat: no-repeat;
									top: 50%;
									left: 0px;
								}
			.topics__detail__5 h3::before {
								   position:absolute;
									background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_5_l.png);
									width: 102px;
									height: 100px;
									content: "";
									transform: translateY(-50%);
									background-repeat: no-repeat;
									top: 50%;
									left: 0px;
								}
			.topics__detail__1 p, .topics__detail__3 p, .topics__detail__5 p{
    			grid-column-start: 1;
            	grid-row-start: 2;
			}
			.topics__detail__1 img, .topics__detail__3 img, .topics__detail__5 img{
    			grid-row: span 2 / span 2;
				grid-column-start: 2;
				grid-row-start: 1;
				height: auto;
			}
	        .topics__detail__2 {
				margin-top: 6.063rem;
			}
			.topics__detail__3 {
				margin-top: 5.813rem;
			}
			.topics__detail__4 {
				margin-top: 8.438rem;
			}
			.topics__detail__5 {
				margin-top: 11.125rem;
			}
			.topics__detail__2 img, .topics__detail__4 img{
				grid-row: span 2 / span 2;
				height: auto;
			}
			.topics__detail__2 p, .topics__detail__4 p{
				grid-column-start: 2;
			}
			.topics__detail__1 p, .topics__detail__2 p, .topics__detail__3 p, .topics__detail__4 p, .topics__detail__5 p{
    			font-size: clamp(1.125rem, 0.845rem + 0.6vw, 1.563rem);
				font-weight: 500;
				line-height: 1.8;
			    display: grid;
                gap: 27px 55px;
			}
			.topics__detail__1, .topics__detail__2, .topics__detail__3, .topics__detail__4, .topics__detail__5{
			    display: grid;
                gap: 27px 55px;
				align-items: center;
				padding-inline:2.25rem;
			}
			h3 {
				font-family: "Noto Serif JP", serif;
				font-weight: 600;
				font-size: clamp(1.813rem, 1.292rem + 1.11vw, 2.625rem);
				line-height: 1.5;
				position: relative;
				padding-left: 110px;
						& .txt__s {
						   font-size: clamp(1.438rem, 1.077rem + 0.77vw, 2rem);
						}
			}
	
	}
/********** scent__content **********************************/
#scent__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/aromashea/body_hand2/bg_scent.jpg);
	background-position:top center;
	/*background-size: cover;*/
    background-repeat: no-repeat;
    background-color: #f3f9f9; 
	padding-top: 9.125rem;
	background-size: cover;
	}
@scope (.scent__inner) {
			h2 {
				font-family: "Noto Serif JP", serif;
				font-size: 2rem;
				font-weight: 600;
				text-align: center;
						& .scent__title{
							font-size: clamp(2.938rem, 2.817rem + 0.26vw, 3.125rem);
							color:#CC6060;
							font-weight: 700;
							line-height: 1.2;
							margin-block:24px;
							text-align: center;
							display: inline-block;
								& rt {
										letter-spacing: 0px;
										text-align: center;
										font-size: 1.25rem;
									    color:#CC6060;
									}
						}
				}
			.scent__list__title{
				display: flex;
				gap:42px;
				justify-content: center;
				font-weight: 500;
				font-size: clamp(1.125rem, 0.724rem + 0.85vw, 1.75rem);
				& li{
					position:relative;
					padding-left: 43px;
					
				}
				& li::before{
					position:absolute;
					background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/icon_checkbox.png);
					width: 33px;
					height: 29px;
					content: "";
					transform: translateY(-50%);
					background-repeat: no-repeat;
					top: 50%;
					left: 0px;
				}
			}
		.scent__product{
			  margin-top:7rem;
			display: flex;
            gap: clamp(3.375rem, 1.706rem + 7.12vw, 10.25rem);
            align-items: center;
			& .scent__check{
				position: relative;
				z-index: 0;
                /*border: 1px solid rgba(255, 255, 255, 0.3);*/
				background-repeat: no-repeat;
				top:0;
				left:0;
				padding-top: 10.25rem;
				padding-inline: 3.625rem;
				padding-bottom: 5.25rem;
						& .img__check{
							position: absolute;
							top:36px;
							left:26px;
						}
						& h3{
							font-family: "Noto Sans JP", sans-serif;
							font-size: clamp(1.438rem, 1.362rem + 0.32vw, 1.75rem);
							font-weight: 500;
							line-height: 2.143;
							text-align: center;
							letter-spacing: 0.1em;
							margin-bottom: 2.063rem;
						}
						& p{
							font-weight: 500;
							font-size: 1.375rem;
    						line-height: 2.045;
						}
			}
			& .scent__check::before{
				position: absolute;
				top: -11px;
				left: 0;
				width: 100%;
				height: 100%;
				filter: blur(10px);
				content: "";
				z-index: -1;
				background-color: #fff;
				opacity: 0.7;
			}
		}

	}
	
.scent__detail{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_scent_detail.png);
				background-repeat: no-repeat;
				background-size: cover;
			    margin-top:5.688rem;
				padding:3.313rem clamp(3.188rem, 2.46rem + 3.11vw, 6.188rem) 1.75rem clamp(3.188rem, 2.46rem + 3.11vw, 6.188rem);
			    width: min(1600px, 100%);
				background-position: top center;
				margin-inline: auto;
	}
@scope (.scent__detail) {
		
					& h3{
						font-family: "Noto Sans JP", sans-serif;
						background-color:#FBE1E4;
						color:#362D2D;
						font-size:1.563rem;
						line-height: 2.4;
						font-weight: 600;
						text-align: center;
						margin-inline: 10rem;
					}
					& ul.list__plant {
						display: flex;
						justify-content: center;
						flex-wrap: wrap;
						margin-top: 64px;
						gap: 72px 45px;
						margin-inline: clamp(1rem, -4.769rem + 12.31vw, 8rem);
								& li {
									display: grid;
									/*gap: 24px;*/
									text-align: center;
									font-size: clamp(1.063rem, 0.941rem + 0.52vw, 1.563rem);
									width: calc(100% / 3 - 48px);
									place-content: center;
               						 place-items: center;
											& .scent__name__wrap{
												display: flex;
												flex-direction: column;
												align-items: center;
												height: 4rem;
												justify-content: flex-end;
											}
											& img{
												margin-inline: auto;
												height: auto;
												margin-block: 24px;
											}
											& .plant__txt {
    											line-height: 1.2;
												height: 2rem;
											}
											& .scent__name__wrap .scent__name {
												background: linear-gradient(transparent 60%, #FEE5E9 60%);
												width: fit-content;
												padding-inline: 13px;
												display: block;
												line-height: 1.2;
											}
											& .scent__name__wrap .scent__name__sub {
												font-size: 1.25rem;
											}
									}
		}
	}	
.scent__detail__map {
    margin-top: 74px;
    background-color: #fff;
    position: relative;
	z-index: 0;
	padding: 74px clamp(2.375rem, 2.102rem + 1.17vw, 3.5rem);
}
.scent__detail__map:before {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(10px);
	content: "";
	z-index: -1;
	background-color: #fff;
	opacity: 0.7;
}
.scent__detail__map img {
    height: auto;
}
.scent__detail__copy{
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: clamp(1.625rem, 1.534rem + 0.39vw, 2rem);
	line-height: 1.875;
	text-align: center;
	margin-top:27px;
	}	

/****** product info  **************************************/
.product__info__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_product_info.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding:5.875rem 0;
				background-position: top center;
	}
.product__deatail__inner{
				padding-inline:7.938rem;
	}
.product__detail__wrap{
				display: grid;
				gap:0 80px;
				grid-template-columns: max-content;
        		place-content: center;
				}
@scope (.product__detail__wrap) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 600;
						font-size:clamp(1.813rem, 1.572rem + 0.51vw, 2.188rem);
						line-height: 1.714;
							& > .limited{
								font-size:1.5rem;
								border:solid 1px #000;
								padding:5px 10px;
								display: inline;
								font-family: "Zen Kaku Gothic Antique", sans-serif;
								font-weight: 500;
							}
					}
					& .info__img{
						grid-row: span 4 / span 4;
						text-align: center;
						margin-inline: auto;
						display: flex;
            			align-items: center;
					}
					& .price__area {
					grid-column-start: 2;;
					display: block;
					}
					& .price__area .retail__price {
					font-size: 1.75rem;
					font-weight: 500;
					margin-block: 10px 14px;
					padding-left:19px;
					display: block;
					}
				    & .price__area .member__price {
					font-size: 1.75rem;
					font-weight: 700;
					line-height: 1.429;	
					padding-left:19px;
					}
					& .price__area .member__price__detail{
					font-weight: 700;
    				font-size: 2.5rem;
					}
				    & .btn__buy {
					background-color: #3C1609;
					color: #fff;
					font-size: clamp(1.438rem, 1.237rem + 0.43vw, 1.75rem);
					font-weight: 700;
					width: clamp(23.75rem, 20.144rem + 7.69vw, 29.375rem);
					padding-block: 15px;
					margin-top: 64px;
					text-align: center;
					grid-column-start: 2;
   				    grid-row-start: 3;
						&:hover{
							text-decoration: none;
						}
					}
				   & .txt__notice {
					font-size: 1.063rem;
					margin-top: 17px;
					grid-column-start: 2;
    				grid-row-start: 4;
					width: 430px;
					font-weight: 400;
            		text-align: center;
					}
					
}
/****** ingredients **************************************/
#ingredients__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_Ingredients.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding-block:8.5rem 4.813rem;
				background-position: top center;
	}
@scope (.ingredients__inner) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 700;
						font-size:2.5rem;
						line-height: 1.5;
						text-align: center;
					}
					& .ingredients__detail{
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						margin-top:2.75rem;
					}
					 .list__ingredients{
						display: flex;
						justify-content: center;
						gap:23px 19px;
						flex-wrap: wrap;
								 & li{
										width:calc(100% / 3 - 38px);
											 & img{
												 height:auto;
											 }
								 }
					}				
	}
/****** care **************************************/
#care__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_care.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding-block:5.813rem 8rem;
				background-position: top center;
	}

.care__bg{
		background-color: rgba(255, 255, 255, 0.65);
    	backdrop-filter: blur(5px) opacity(42%);
		padding:2.36rem clamp(1.75rem, 0.179rem + 3.35vw, 6.563rem);
}

@scope (.care__bg) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 600;
						font-size:clamp(2.063rem, 1.702rem + 0.77vw, 2.625rem);
						line-height: 1.429;
						text-align: center;
						margin-bottom:1.56rem;
					}
					& > h3.hand{
						font-family: "Noto Serif JP", serif;
						font-weight: 700;
						font-size:1.875rem;
						line-height: 2;
						text-align: center;
						color: #362D2D;
						background-color:#E1DADA;
						padding-block:5px;
					}
					& > h3.body{
						font-family: "Noto Serif JP", serif;
						font-weight: 700;
						font-size:1.875rem;
						line-height: 2;
						text-align: center;
						color: #362D2D;
						background-color:#E1E0DA;
						padding-block:5px;
					}
					& .care__wrap{
						margin-top:3.063rem;
						display: flex;
						gap:clamp(2.813rem, 1.25rem + 3.33vw, 5.25rem);
						align-items: center;
						margin-bottom:4.375rem;
						padding-left:clamp(0rem, -2.404rem + 5.13vw, 3.75rem);
						
							& p{
								font-size:1.563rem;
								line-height: 1.8;
								color:#362D2D;
								font-weight: 500;

							}
					}
					& .care__point{
						margin-top:0.625rem;
						background-color: #F8F3ED;
						padding:2.375rem clamp(2.188rem, 0.946rem + 2.65vw, 4.125rem);
							& h3{
								color:#D3AF8F;
								font-family: "Noto Serif JP", serif;
								font-weight: 900;
								font-size:1.875rem;
								text-align: left;
            					background-color: transparent;
							}
							& .point__wrap{
								display: flex;
								gap:clamp(1.625rem, 0.383rem + 2.65vw, 3.563rem);
								align-items: center;
								padding-left: clamp(0rem, -1.803rem + 3.85vw, 2.813rem);
									& .list__point{
										font-size:1.563rem;
										font-weight: 500;
										position:relative;
										
									}
									& .list__point li{
												position:relative;
										        padding-left:1.5rem;
											}
								    & .list__point li:before{
												position: absolute;
												content:"・";
												top:0;
												left:0;
												width:1rem;
												height:1rem;
											}
									& .point__txt{
										font-size:1.563rem;
										font-weight: 500;
										background-color: #fff;
										padding-block:3.5rem;
										padding-inline:2.813rem 1.563rem;
										line-height: 1.6;
										border-radius: 47px;
									}
							}
					}
	
	}
/****** voice **************************************/
#voice__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_voice.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding-block:6.938rem 5.438rem;
				background-position: top center;
	}
@scope (.voice__inner) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 600;
						font-size:clamp(2rem, 1.599rem + 0.85vw, 2.625rem);
						line-height: 1.429;
						text-align: center;
						margin-bottom:2.813rem;
						color:#CF6464;
					}
					& .lead__txt{
					   color:#674A44;
						font-size:clamp(1.563rem, 1.162rem + 0.85vw, 2.188rem);
						font-weight: 500;
						text-align: center;
						line-height: 1.429;
						margin-bottom:5.938rem;
					}
					
					& .comment__wrap{
					  background-color: #FEF9F9;
					  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.16);
					  padding: 3rem 3.25rem;
					  display: grid;
					  gap:52px 40px;
					  margin-bottom: 3.438rem;	
						& h3{
							color:#AF455B;
							font-weight: 500;
							font-size: clamp(1.688rem, 1.367rem + 0.68vw, 2.188rem);
							line-height: 1.429;
							grid-column: span 2 / span 2;
						}
						& .comment_img{
							text-align: center;
							display: flex;
							flex-direction: column;
							align-items: center;
							grid-row-start: 2;
								& .name{
										color:#AF455B;
									    font-size:clamp(1.125rem, 0.845rem + 0.6vw, 1.563rem);
									    font-weight: 500;
								}
						}
						& .comment__txt{
							font-size: clamp(1.125rem, 0.845rem + 0.6vw, 1.563rem);
							line-height: 1.8;
							color:#29160E;
							font-weight: 500;
							grid-row-start: 2;
						}
					}
					& .comment__wrap:last-child{
					  margin-bottom:0rem;
					}
}
/****** Lineup **************************************/
#lineup__content{
				padding-block:4.313rem 19.125rem;
	}
@scope (.lineup__inner) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 600;
						font-size:2.188rem;
						line-height: 1.429;
						text-align: center;
						margin-bottom:2.813rem;
					}
					& .list__lineup{
					   display: flex;
						justify-content: center;
						gap:58px;
						flex-wrap: wrap;
					}
					& .list__lineup li{
					   display: grid;
						/*gap:18px;*/
						place-items: center;
							& a.link__lineup{
									display: grid;
								&:hover{
									text-decoration: none;
								}
							}
							}
							& .lineup__name{
									grid-row-start: 2;
								    font-size: clamp(1.25rem, 0.929rem + 0.68vw, 1.75rem);
								    font-weight: 500;
								    text-align: center;
								    margin-bottom: 1.125rem;
										&:hover{
												text-decoration: none;
										}	
							}
							& .btn_buy{
									background-color: #3C1609;
									color: #fff;
									font-size: clamp(1.25rem, 0.929rem + 0.68vw, 1.75rem);
									font-weight: 700;
									width: min(332px, 100%);
									padding: 8px 30px;
									text-align: center;
								    grid-row-start: 3;
										&:hover{
											text-decoration: none;
										}
							}
					}
					

}
/****** コンテナクエリ **************************************/
/*.scent__inner {
		container-type: inline-size;
	}
	
@container (min-width: 395px) and (max-width: 739px) {
  .scent__product > img {
        width: calc(20% - (20 - 10) * (100vw - 379px) / (739 - 379));
        min-width: 10%;
        max-width: 20%;
        height: auto;
    }

}	
*/



/***************** SP *************************************************/
@media screen and (max-width: 750px) {
  html {
    scroll-padding-top: 60px;
	scroll-behavior: smooth;  
  }
	
.content__wrap {
  font-family: "Zen Kaku Gothic Antique", sans-serif;
  line-height: 1.7;
  /*letter-spacing: 1px;*/
  color: #362D2D;
  font-weight: 500;
  width:100%;
  margin: 0 auto;
  width:min(var(--container), 100%);
  margin-inline: auto;	
  background-color: #fff;		
}
.kv img{
  width: 100%;
  height: auto;
	}
/********** lead content **********************************/
#lead__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/aromashea/body_hand2/bg_lead_sp.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #dfd4e2;
	padding-top: 0.6rem;
	padding-bottom: 0.938rem;
	}

ul.main__menu {
    display: flex;
    justify-content: center;
    font-weight: 700;
    font-size: 0.688rem;
    gap: 2px;
	margin-bottom: 2.813rem;
	& li a{
		color: #fff;
		background-color: #4B5710;
		line-height: 1.071;
		padding: 16px 0;
		display: inline-block;
		width: 100%;
        text-align: center;
		&:hover{
			text-decoration: none;
		}
	}
	& li {
		flex:1;
		letter-spacing: -0.5px;
	}
}
	
@scope (#lead__content) {
			h2 {
				font-family: "Noto Serif JP", serif;
				font-size: 1.063rem;
				font-weight: 700;
				text-align: center;
				margin-bottom:2.375rem
				}
			 & .lead__txt p{
				margin-top:0.875rem;
				padding-inline:12px;
				font-size: 0.875rem;
				line-height: 2;
				letter-spacing: 0;
				font-weight: 500;
			}
			 & .lead__inner ul.list__lead__notice{
				display: flex;
				flex-direction: column; 
				gap:0;
				justify-content: center;
				font-size: 0.625rem;
    			margin-top: 1.125rem;
				padding-inline: 12px; 
			}
			.lead__product__wrap {
				margin-block: 1.313rem 1.75rem;
				display: grid;
				justify-content: center;
				text-align: center;
				place-content: center;
            	place-items: center;
					& img {
						text-align: center;
						margin-inline: auto;
						width:29%;
						height:auto;
					}
					& .product__name {
					font-family: "Noto Serif JP", serif;	
					font-size: 0.938rem;
					text-align: center;
					font-weight: 700;
					line-height: 1.467;
					}
					& .price__wrap {
					display: flex;
					align-items: center;
					gap: 17px;
					}
					& .price__wrap .limited {
					font-size: 0.75rem;
					border: solid 1px #000;
					padding: 3px 5px;
					margin-top: 21px;
					font-weight: 500;	
					}
					& .price__wrap .retail__price {
					font-size: 0.875rem;
					font-weight: 500;
					margin-block: 21px 5px;
					display: block;	
					}
					& .price__wrap .retail__price__detail {
					font-size: 0.75rem;	
					}
					& .price__wrap .retail__price__yen {
					font-size: 0.75rem;	
					}
				    & .price__wrap .member__price {
					font-size: 1.125rem;
					font-weight: 700;
					line-height: 1;	
					}
					& .member__price__detail{
					font-weight: 700;
    				font-size: 2.5rem;
					}
				    & a.btn__buy {
					background-color: #3C1609;
					color: #fff;
					font-size: 1.063rem;
					font-weight: 700;
					width: max(317px, 100%);
					padding-block: 9px;
					margin-top: 18px;
					text-align: center;
						&:hover{
							text-decoration: none;
						}
					}
				   & .txt__notice {
					font-size: 0.75rem;
					margin-top: 9px;
					}
		}
			
	}
	
.movie_area {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 42px;
    height: 0;
    overflow: hidden;
	margin-inline: auto;
	aspect-ratio: 16 / 9;
	/*padding-inline: 12px;*/
	/*max-width: 317px;*/
}
div#movie iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
	padding-inline: 1rem;
}
/********** design__content **********************************/
#design__content{
	background-image: /*url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/aromashea/body_hand2/bg_design_sp.jpg);*/
	background-position:top center;
	/*background-size: cover;*/
    background-repeat: no-repeat;
    background-color: #f3f9f9; 
	padding-top: 1.5rem;
	padding-bottom: 3.563rem;;
	}
@scope (.design__inner) {
			h2 {
				font-family: "Noto Serif JP", serif;
				font-size: 1.063rem;
				font-weight: 700;
				text-align: center;
				}
			.design__5topics {
				display: flex;
				align-items: center;
				margin-top: 1rem;
				border-bottom: solid 1px #707070;
				padding-bottom: 1.313rem;
				margin-inline: 15px;
				
						& .design_5topics__txt {
						margin-inline:auto;
					}
			}
			.design__5topics .product__img img {
    			display: none;
			}
			
			ol.list__topics {
				font-size: 1rem;
				font-family: "Noto Serif JP", serif;
				font-weight: 700;
				
					& li {
						margin-bottom: 12px;
						position: relative;
    					padding-left: 41px;
						}
					& li:nth-child(1)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_1_sp.png);
							width: 31px;
							height: 31px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
						    background-size: contain;
						}
				& li:nth-child(2)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_2_sp.png);
							width: 31px;
							height: 31px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
				& li:nth-child(3)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_3_sp.png);
							width: 31px;
							height: 31px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
				& li:nth-child(4)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_4_sp.png);
							width: 31px;
							height: 31px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
				& li:nth-child(5)::before{
							position: absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_5_sp.png);
							width: 31px;
							height: 31px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: 0px;
					        background-size: contain;
						}
			}
			.bubble__1, .bubble__3, .bubble__4, .bubble__5{
				position: relative;
						}
			.topics__detail__1:after{
							position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bubble_02.png);
							width: 77px;
							height: 76px;
							content: "";
							background-repeat: no-repeat;
							bottom: -66px;
							right: 10vw;
			}
			.topics__detail__1:before{
							position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bubble_01.png);
							width: 77px;
							height: 76px;
							content: "";
							background-repeat: no-repeat;
							top: 95px;
							left: 5vw;
			}
			.topics__detail__3:before{
							position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bubble_03.png);
							width: 77px;
							height: 76px;
							content: "";
							background-repeat: no-repeat;
							bottom: 136px;
    						left: 6vw;
			}
			.topics__detail__4:before{
							position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bubble_04.png);
							width: 77px;
							height: 76px;
							content: "";
							background-repeat: no-repeat;
							top: -24px;
    						right: 5vw;
			}
			.topics__detail__4:after{
							position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bubble_05.png);
							width: 77px;
							height: 76px;
							content: "";
							background-repeat: no-repeat;
							bottom: 186px;
    						left: 6vw;
			}
			.topics__detail__5:before{
							position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bubble_06.png);
							width: 77px;
							height: 76px;
							content: "";
							background-repeat: no-repeat;
							top: 22px;
    						right: 4vw;
			}
			.topics__detail__5:after{
							position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bubble_07.png);
							width: 77px;
							height: 76px;
							content: "";
							background-repeat: no-repeat;
							bottom: 201px;
    						left: 6vw;
			}
			.topics__detail__1 {
    			margin-top: 2.063rem;
			
			}
	        .topics__detail__1 h3::before {
						   position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_1_l_sp.png);
							width: 41px;
							height: 41px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: -65px;
						}
			.topics__detail__2 h3::before {
						   position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_2_l_sp.png);
							width: 41px;
							height: 41px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: -65px;
						}
		.topics__detail__3 h3::before {
						   position:absolute;
							background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_3_l_sp.png);
							width: 41px;
							height: 41px;
							content: "";
							transform: translateY(-50%);
							background-repeat: no-repeat;
							top: 50%;
							left: -65px;
						}
			.topics__detail__4 h3::before {
								   position:absolute;
									background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_4_l_sp.png);
									width: 41px;
									height: 41px;
									content: "";
									transform: translateY(-50%);
									background-repeat: no-repeat;
									top: 50%;
									left: -65px;
								}
			.topics__detail__5 h3::before {
								   position:absolute;
									background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/design_icn_5_l_sp.png);
									width: 41px;
									height: 41px;
									content: "";
									transform: translateY(-50%);
									background-repeat: no-repeat;
									top: 50%;
									left: -65px;
								}
			.topics__detail__1 p, .topics__detail__3 p, .topics__detail__5 p{
    			grid-column-start: 1;
            	grid-row-start: 2;
			}
			.topics__detail__1 img, .topics__detail__3 img, .topics__detail__5 img{
				height: auto;
				grid-column-start: 1;
    			grid-row-start: 2;
				margin-inline: auto;
				margin-bottom:18px;
				width: 45%;
			}
	        .topics__detail__2 {
				margin-top: 4.625rem;
			}
			.topics__detail__3 {
				margin-top: 3.75rem;
			}
			.topics__detail__4 {
				margin-top: 4.25rem;
			}
			.topics__detail__5 {
				margin-top: 2.188rem;
			}
			.topics__detail__2 img, .topics__detail__4 img{
				grid-column-start: 1;
    			grid-row-start: 2;
				height: auto;
				margin-inline: auto;
				margin-bottom:18px;
				width: 45%;
			}
			.topics__detail__2 p, .topics__detail__4 p{
				grid-column-start: 2;
			}
			.topics__detail__1 p, .topics__detail__2 p, .topics__detail__3 p, .topics__detail__4 p, .topics__detail__5 p{
    			font-size: 0.875rem;
				font-weight: 500;
				line-height: 2.4;
			    
				grid-column-start: 1;
    			grid-row-start: 3;
			}
			.topics__detail__1, .topics__detail__2, .topics__detail__3, .topics__detail__4, .topics__detail__5{
			    display: grid;
				align-items: center;
				padding-inline:0.75rem;
			}
			h3 {
				font-family: "Noto Serif JP", serif;
				font-weight: 600;
				font-size: 1.063rem;
				line-height: 1.333;
				position: relative;
				/*padding-left: 74px;*/
				margin-left: calc(55% / 2);
				margin-bottom: 24px;
				width: min(192px, 100%);
						& .txt__s {
						   font-size: 0.938rem;
						}
			}
	
	}
/********** scent__content **********************************/
#scent__content{
    background-color: #f3f9f9; 
	}
.scent__inner {
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/aromashea/body_hand2/bg_scent_sp.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 1.7rem;
    background-position: top center;
}
@scope (.scent__inner) {
			h2 {
				font-family: "Noto Serif JP", serif;
				font-size: 1.063rem;
				font-weight: 600;
				text-align: center;
						& .scent__title{
							font-size: 1.375rem;
							color:#CC6060;
							font-weight: 700;
							line-height: 1.2;
							margin-block:24px;
							display: inline-block;
								& rt {
										letter-spacing: 0px;
										text-align: center;
										font-size: 0.75rem;
									    color:#CC6060;
									}
						}
				}
			.scent__list__wrap{
				display: flex;
				flex-direction: column;
				align-items:center;
				
			}
			.scent__list__title{
				margin-inline: auto;
            	text-align: center;
				font-size: 0.813rem;
				margin-bottom: 21px;
				& li{
					position:relative;
					padding-left: 20px;
					text-align: left;
					font-weight: 500;
					
				}
				& li::before{
					position:absolute;
					background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/icon_checkbox_sp.png);
					width: 15px;
					height: 14px;
					content: "";
					transform: translateY(-50%);
					background-repeat: no-repeat;
					top: 50%;
					left: 0px;
				}
			}
		.scent__product{
			  margin-top:0rem;
			padding-bottom: 10px;
			display: flex;
			flex-direction: column-reverse;
			align-items: center;
			
			& > img{
				width: 20%;
				height: auto;
				margin-bottom:10px;
			}
			& .scent__check{
				position: relative;
				z-index: 0;
                /*border: 1px solid rgba(255, 255, 255, 0.3);*/
				background-repeat: no-repeat;
				top:0;
				left:0;
				padding-top: 3.8rem;
				padding-inline: 2rem;
				padding-bottom: 2.4rem;
						& .img__check{
							position: absolute;
							top:20px;
							left:26px;
						}
						& h3{
							font-family: "Noto Sans JP", sans-serif;
							font-size: 0.938rem;
							font-weight: 500;
							line-height: 2.143;
							text-align: center;
							letter-spacing: 0.1em;
							margin-bottom: 0.6rem;
						}
						& p{
							font-weight: 500;
							font-size: 0.875rem;
    						line-height: 2;
						}
			}
			& .scent__check::before{
				position: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				filter: blur(10px);
				content: "";
				z-index: -1;
				background-color: #fff;
				opacity: 0.9;
				transform: translateX(-50%);
                left: 50%;
			}
		}

	}
	
.scent__detail{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_scent_detail.png);
				background-repeat: no-repeat;
				background-size: cover;
				/*padding:3.313rem clamp(3.188rem, 2.46rem + 3.11vw, 6.188rem) 1.75rem clamp(3.188rem, 2.46rem + 3.11vw, 6.188rem);*/
			    width: min(1600px, 100%);
				background-position: top center;
				margin-inline: auto;
	            padding-bottom: 1.625rem;
	}
@scope (.scent__detail) {
		
					& h3{
						font-family: "Noto Sans JP", sans-serif;
						background-color:#FBE1E4;
						color:#362D2D;
						font-size:1rem;
						line-height: 2.75;
						font-weight: 600;
						text-align: center;
						
					}
					& ul.list__plant {
						display: flex;
						justify-content: center;
						flex-wrap: wrap;
						margin-top: 22px;
						gap: 24px 25px;
						
								& li {
									display: grid;
									gap: 10px;
									text-align: left;
									font-size: 0.813rem;
									width: calc(100% / 2 - 24px);
									place-content: center;
               						 place-items: center;
											& .scent__name__wrap{
												display: flex;
												flex-direction: column;
												align-items: center;
												height: auto;
												justify-content: flex-end;
											}
											
											& img{
												margin-inline: auto;
												height: auto;
												width:91px;
											}
											& .plant__txt {
    											line-height: 1.2;
												height: 2rem;
											}
											& .scent__name__wrap .scent__name {
												/*background: linear-gradient(transparent 60%, #FEE5E9 60%);*/
												width: fit-content;
												padding-inline: 13px;
												font-size: 0.875rem;
												display: block;
												background-color: #FEE5E9;
												font-weight: 500;
											}
											& .scent__name__wrap .scent__name__sub {
												font-size: 0.75rem;
												
											}
									}
		}
	}	
.scent__detail__map {
    margin-top: 0px;
    background-color: #fff;
    position: relative;
	z-index: 0;
	padding: 30px 10px;
}
.scent__detail__map:before {
    position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	filter: blur(10px);
	content: "";
	z-index: -1;
	background-color: #fff;
	opacity: 0.7;
}
.scent__detail__map img {
    height: auto;
}
.scent__detail__copy{
	font-family: "Noto Serif JP", serif;
	font-weight: 600;
	font-size: 1.063rem;
	line-height: 1.6;
	text-align: center;
	margin-top:27px;
	}	
/****** product info  **************************************/
.product__info__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_product_info_sp.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding:2.188rem 0;
				background-position: top center;
	}
.product__deatail__inner{
				padding-inline:7.938rem;
	}
.product__detail__wrap{
				display: grid;
				/*gap:39px 0;*/
				/*grid-template-columns: max-content min-content;*/
        		place-content: center;
				}
@scope (.product__detail__wrap) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 600;
						font-size:1.063rem;
						line-height: 1.714;
						grid-column-start: 1;
            			grid-row-start: 1;
						position: relative;
            		    align-items: center;
							& > .limited{
								font-size:0.75rem;
								border:solid 1px #000;
								padding:3px 5px;
								display: inline-block;
								position: absolute;
								left:-2rem;
								
							}
					}
					& .info__img{
						text-align: center;
						margin-inline: auto;
						grid-column-start: 1;
            			grid-row-start: 2;
						width:26%;
						height:auto;
						margin-block: 39px;
							> img{
								    height:auto;
							}
					}
					& .price__area {
					text-align: center;
					display: block;
					margin-bottom: 1.125rem;	
					}
					& .price__area .retail__price {
					font-size: 0.875rem;
					text-align: center;
					font-weight: 500;
					margin-block: 0px 6px;
					padding-left:19px;
					display: block;
					}
				    & .price__area .member__price {
					font-size: 1.125rem;
					font-weight: 700;
					line-height: 1.029;	
					padding-left:19px;
					}
					& .price__area .member__price__detail{
					font-weight: 700;
    				font-size: 2.5rem;
					margin-left: 5px;	
					}
				    & .btn__buy {
					background-color: #3C1609;
					color: #fff;
					font-size: 1.063rem;
					font-weight: 700;
					width: min(317px, 100%);
					padding-block: 9px;
					/*margin-top: 64px;*/
					text-align: center;
						&:hover{
							text-decoration: none;
						}
					}
				   & .txt__notice {
					font-size: 0.75rem;
					margin-top: 10px;
            		text-align: center;
					}
					
}
/****** ingredients **************************************/
#ingredients__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_Ingredients_sp.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding-block:1.688rem 1.25rem;
				background-position: top center;
	}
@scope (.ingredients__inner) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 700;
						font-size:1.063rem;
						line-height: 1.5;
						text-align: center;
					}
					& .ingredients__detail{
						display: flex;
						flex-direction: column;
						justify-content: center;
						align-items: center;
						margin-top:1.188rem;
					}
					 .list__ingredients{
						display: flex;
						justify-content: center;
						gap:23px 19px;
						flex-wrap: wrap;
								 & li{
										width:calc(100% / 3 - 38px);
											 & img{
												 height:auto;
											 }
								 }
					}				
	}
/****** care **************************************/
#care__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_care_sp.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding-block:0.375rem 0.563rem;
				background-position: top center;
				padding-inline: 0.938rem;
	}

.care__bg{
		background-color: rgba(255, 255, 255, 0.65);
    	backdrop-filter: blur(5px) opacity(42%);
		padding:1.16rem 1.375rem;
}

@scope (.care__bg) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 700;
						font-size:1.063rem;
						line-height: 1.429;
						text-align: center;
						margin-bottom:1.56rem;
					}
					& > h3.hand{
						font-family: "Noto Serif JP", serif;
						font-weight: 900;
						font-size:0.938rem;
						line-height: 2;
						text-align: center;
						color: #362D2D;
						background-color:#E1DADA;
						padding-block:6px;
					}
					& > h3.body{
						font-family: "Noto Serif JP", serif;
						font-weight: 900;
						font-size:0.938rem;
						line-height: 2;
						text-align: center;
						color: #362D2D;
						background-color:#E1E0DA;
						padding-block:6px;
					}
					& .care__wrap{
						margin-top:0.938rem;
						display: flex;
						gap:14px;
						align-items: center;
						margin-bottom:0.5rem;
						
							& p{
								font-size:0.75rem;
								line-height: 1.8;
								color:#362D2D;

							}
							& > img{
								width:109px;
								height:auto;
							}
					}
					& .care__point{
						margin-top:1.938rem;
						background-color: #F8F3ED;
						padding:0.813rem clamp(2.188rem, 0.946rem + 2.65vw, 4.125rem);
							& h3{
								color:#D3AF8F;
								font-family: "Noto Serif JP", serif;
								font-weight: 900;
								font-size:1rem;
								text-align: center;
            					background-color: transparent;
							}
							& .point__wrap{
								display: flex;
								flex-direction: column;
								gap:1rem;
								align-items: center;
								padding-left: clamp(0rem, -1.803rem + 3.85vw, 2.813rem);
									& .list__point{
										font-size:0.875rem;
										font-weight: 500;
										position:relative;
										margin-top: 1.313rem;
										
									}
									& .list__point li{
												position:relative;
										        padding-left:1.5rem;
											}
								    & .list__point li:before{
												position: absolute;
												content:"・";
												top:0;
												left:0;
												width:1rem;
												height:1rem;
											}
									& .point__txt{
										font-size:0.813rem;
										font-weight: 500;
										background-color: #fff;
										padding-block:1.25rem;
										padding-inline:1.4rem;
										line-height: 1.6;
										border-radius: 12px;
									}
							}
					}
	
	}
/****** voice **************************************/
#voice__content{
				background-image: url(https://ec.eosjwt.com/img/usr/freepage/aromashea/body_hand2/bg_voice_sp.jpg);
				background-repeat: no-repeat;
				background-size: cover;
				padding-block:1.313rem 4.188rem;
				background-position: top center;
				padding-inline: 1.125rem;
	}
@scope (.voice__inner) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 700;
						font-size:1.063rem;
						line-height: 1.235;
						text-align: center;
						margin-bottom:1.875rem;
						color:#CF6464;
					}
					& .lead__txt{
					   color:#674A44;
						font-size:0.875rem;
						font-weight: 700;
						text-align: center;
						line-height: 1.429;
						margin-bottom:1.188rem;
					}
					
					& .comment__wrap{
					  background-color: #FEF9F9;
					  box-shadow: 3px 3px 10px 0px rgba(0, 0, 0, 0.16);
					  padding: 1.5rem 0.813rem;
					  display: grid;
					  gap:21px 0px;
					  margin-bottom: 1.438rem;	
						& h3{
							color:#AF455B;
							font-weight: 500;
							font-size: 1rem;
							text-align:center;
							line-height: 1.429;
							grid-column: span 2 / span 2;
						}
						& .comment_img{
							text-align: center;
							display: flex;
							flex-direction: column;
							align-items: center;
							grid-row-start: 2;
								& img{
										width: 70%;
    									height: auto;
								}
								& .name{
										color:#AF455B;
									    font-size:1rem;
									    font-weight: 500;
										margin-top: 0.875rem;
								}
						}
						& .comment__txt{
							font-size: 0.938rem;
							line-height: 1.8;
							color:#29160E;
							font-weight: 500;
							grid-row-start: 3;
						}
					}
					& .comment__wrap:last-child{
					  margin-bottom:0rem;
					}
}
/****** Lineup **************************************/
#lineup__content{
				padding-block:2.313rem 6.375rem;
	}
@scope (.lineup__inner) {
					& h2{
						font-family: "Noto Serif JP", serif;
						font-weight: 700;
						font-size:1.063rem;
						line-height: 1.429;
						text-align: center;
						margin-bottom:2rem;
					}
					& .list__lineup{
					   display: flex;
						justify-content: center;
						gap:34px 22px;
						flex-wrap: wrap;
					}
					& .list__lineup li{
						width: calc(100% / 2 - 13px);
							& a.link__lineup{
									display: grid;
								    place-items:center;
								&:hover{
									text-decoration: none;
								}
							}
							& img{
								height: auto;
								width: 80%;
							}
							& .lineup__name{
									grid-row-start: 2;
								    font-size: 0.813rem;
								    font-weight: 700;
								    margin-bottom:5px;
							}
							& .btn_buy{
									grid-row-start: 3;
									background-color: #3C1609;
									color: #fff;
									font-size: 0.813rem;
									font-weight: 700;
									width: min(110px, 100%);
									padding-block: 5px;
									text-align: center;
										&:hover{
											text-decoration: none;
										}
							}
					}
					
}

	.br_pc{display: none;}
	.br_sp{display: block;}
	.pc_only{display:none!important;}
	
	
}
/*
@media screen and (min-width: 431px) and (max-width: 750px) {
@scope (.scent__inner) {	
  .scent__product > img {
        width: 10%;
        min-width: 10%;
        max-width: 20%;
        height: auto;
    }
	}
*/
}	
