/*** 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;
--maincontainer:1920px;	
	}
/* 追従バナー *************************************************************/
/*@media screen and (min-width: 751px) {*/
#floating-banner {
    position: fixed;
    bottom: 53px;
    right: 87px;
    z-index: 9999;
	}
	#floating-banner a.btn__buy {
				padding: 26px 76px;
				border: solid 2px #fff;
				border-radius: 18px;
				background-color: #795F5F;
				font-size: 1.5rem;
		        color:#fff;
				box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);	
					&:hover{
						text-decoration:none;
						opacity:1;
						background-color:#620807;
					}	
				}
/*}*/
@media screen and (max-width: 750px) {
			#floating-banner{
			   width: min(440px, calc(100% - 60px));
			   /*width:max-content;*/
				transform: translateX(-50%) translateY(-50%);
				left:50%;
				right:50%;
				position: fixed;
				bottom: 48px;
				right: 87px;
				z-index: 9999;
				padding-inline: 15px;
				}
			#floating-banner a.btn__buy {
				padding: 16px 36px;
				border: solid 2px #fff;
				border-radius: 11px;
				background-color: #795F5F;
				font-size: clamp(0.938rem, 0.352rem + 2.5vw, 1.5rem);
				display: inline-block;
				width:100%;
				text-align: center;
				font-weight: 700;
		        color:#fff;
				box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);	
					&:hover{
						text-decoration:none;
						opacity:1;
						background-color:#620807;
					}	
				}
		}		

/* PC *************************************************************/
@media screen and (min-width: 751px) {
  html {
    scroll-padding-top: 90px;
	scroll-behavior: smooth;  
	}
a:hover{opacity: 0.6;}
.content__wrap {
  font-family: "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
  line-height: 1.7;
  /*letter-spacing: 1px;*/
  color: #362D2D;
  font-weight: 500;
  width:100%;
  margin: 0 auto;
  width:min(var(--maincontainer), 100%);
  margin-inline: auto;	
  background-color: #fff;
  box-sizing: border-box; 	
}


.story__inner, .award__inner, .pic__inner, .recommend__inner, .products__content, .txt__inner{
    width: min(1080px, 100%);
    margin-inline: auto;
}
.blend__inner{
    width: min(1080px, 100%);
    margin-inline: auto;
}
.herbs__inner{
    width: min(1280px, 100%);
    margin-inline: auto;
}
.br_pc{display: block;}
.br_sp{display: none;}
.sp_only{display:none!important;}
/********** KV **********************************/
.kv{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/kv.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #F8F4E9;
	padding-bottom: 2.313rem;
	padding-top: 15.063rem;
	}		
	
@scope (.kv) {
			h2 {
				font-family: "Shippori Mincho", serif;
				font-size: clamp(2.75rem, 1.308rem + 3.08vw, 5rem);
				color: #fff;
				text-align: center;
				line-height: 1.488;
				margin-bottom: 98px;
				letter-spacing: 1rem;
				}
			& p.kv__lead {
				font-size: clamp(1.5rem, 1.059rem + 0.94vw, 2.188rem);
				text-align: center;
				color: #fff;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				line-height: 1.857;
				margin-bottom: 597px;
				padding: 0 1rem;
			}
			& .kv__btn__area {
				display: flex;
				color: #fff;
				font-size: 1.5rem;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				margin-inline: auto;
				justify-content: center;
				gap:80px;
						& a.btn__detail {
						padding: 26px 30px;
						border: solid 2px #fff;
						border-radius: 18px;
						background-color: #505050;
						font-size: 1.5rem;
						line-height: 1.292;
						box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);	
							&:hover{
								text-decoration:none;
								opacity:1;
								background-color:#100F0F;
							}
						}
						& a.btn__buy {
						padding: 26px 76px;
						border: solid 2px #fff;
						border-radius: 18px;
						background-color: #795F5F;
						font-size: 1.5rem;
						line-height: 1.292;
						box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);	
							&:hover{
								text-decoration:none;
								opacity:1;
								background-color:#620807;
							}	
						}
					}
	}	

/********** lead content **********************************/
.lead__inner {
    width: min(1562px, 100%);
    margin-inline: auto;
	
}
#lead__content{
    background-color: #F8F4E9;
	padding-top: 10.25rem;
    padding-bottom: 11.063rem;
	}
	
@scope (#lead__content) {
			h2 {
				font-family: "Shippori Mincho", serif;
				font-size: 1.75rem;
				font-weight: 600;
				text-align: center;
				letter-spacing: 0.1em;
				padding-bottom: 181px;
				position: relative;
				}
			& .lead__bottom:before{
							background-image: -webkit-linear-gradient(left, transparent, #C69F3F 60%, transparent);
							background-image: -o-linear-gradient(left, transparent, #C69F3F 60%, transparent);
							background-image: linear-gradient(to right, transparent, #C69F3F 60%, transparent); /* 線の両端を透過 */
							  background-repeat: no-repeat;
							  content: "";
							  height: 3px; /* 横線の高さ */
							  left: 0; /* 線を中央寄せ */
							  margin-inline: auto; /* 線を中央寄せ */
							  max-width: 1280px; /* 横線の最大の長さ */
							  position: absolute;
							  right: 0; /* 線を中央寄せ */
							  width: 100%; /* 横線の長さの割合 */
				              margin-top:-8.313rem;
							  
						}

	        
			& .lead__txt p{
				text-align: left;
				font-size: 1.25rem;
				line-height: 2.5;
				font-weight: 500;
			}
			& .lead__txt p:nth-child(2) {
				margin-top: 2.182rem;
			}
			p.story-sub {
				margin-bottom: 181px;
				font-family: "Shippori Mincho", serif;
			}
			
	}
.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;
}

/********** story__content **********************************/

#story__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_story.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff; 
	}
.story__inner{
    background-color: #fff;
	padding-top: 10.938rem;
	}
	
.btn__history__wrap{
	margin-inline:auto;
	margin-top:10.625rem;
	margin-bottom:5rem;
	display: flex;
	width: max-content;
	flex-direction: column;
	justify-content: center;
	}	
a.btn__history {
	padding: 11px 36px;
    color:#fff;
	font-weight: 700;
	text-align: center;
	font-size:0.938rem;
	border-radius: 9px;
	margin-bottom:10px;
	background-color: #505050;
	box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);	
		&:hover{
			text-decoration:none;
			opacity:0.6;
			/*background-color:#620807;*/
		}
	}
.txt__history{
	font-size:0.75rem;
	text-align:center;
	}					
@scope (.story__inner) {
			h2 {
			font-family: "Shippori Mincho", serif;
            font-size: 1.5rem;
            font-weight: 600;
            text-align: center;
            letter-spacing: 0.1em;
				}
			h2 img{
				height: auto;
			}
			
			& .about{
				background-color: #F9F7ED;
				padding-block:4.594rem 9.063rem;
				padding-inline: 1.563rem;
					& .about__detail {
							display: grid;
							grid-template-columns: max-content max(505px);
							gap: 0px clamp(2.188rem, 1.587rem + 1.28vw, 3.125rem);
						   margin-inline: auto;
							place-content: center;
							margin-top: 5.75rem;
								& img{
									grid-row: span 3 / span 3;
									height: auto;
								}
								& h3{
									font-size: clamp(1.188rem, 0.233rem + 2.04vw, 1.875rem);
    								color: #AF9062;
									font-family: "Shippori Mincho", serif;
								}
								& span.rt{
									grid-column-start: 2;
									grid-row-start: 2;
									font-family: "Shippori Mincho", serif;
									font-size: clamp(0.813rem, 0.205rem + 1.3vw, 1.25rem);
									color: #AF9062;
									font-weight: 600;
								}
						
								& p{
									grid-column-start: 2;
    								grid-row-start: 3;
									font-size: clamp(1rem, 0.653rem + 0.74vw, 1.125rem);
                    				line-height: 2.5;
								}
						}
			}
			
	}
/********** award__content **********************************/
#award__content{
    background-color: #2B2A2A;
	padding-bottom: 0px;
	}
.award__inner{
border: solid 5px #8A6938;		
	}
.award__bg__01{
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_award.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
	padding-top: 6.625rem;
	padding-bottom: 6rem;
	}

.award__pic__right{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/award_02.png);
	background-position:top center;
	background-size: contain;
    background-repeat: no-repeat;
	aspect-ratio: 679 / 404;
	flex: 0 1 72.5%;
	display: flex;
	flex-direction: column;
	text-align: left;
	align-items: center;
	justify-content: center;
	max-width: 679px;
	padding: 4% 8%;
	}
@scope (.award__inner) {
			h2 {
				font-family: "Shippori Mincho", serif;
				font-size: 1.5rem;
				font-weight: 700;
				text-align: center;
				letter-spacing: 0.1em;
				}
				& .award__bg__01 > p{
				font-size: 1.125rem;
				text-align: center;
				line-height: 1.944;
				margin-top: 4.063rem;
				}
				& .award__wrap {
				display: flex;
				gap: 38px;
				justify-content: center;
				margin-top: 56px;
				padding-inline: 3.438rem;
				align-items: center;
				width: 100%;
				box-sizing: border-box;
					& .award__pic__left{
						margin-block: 38px;
						flex: 0 1 25%;
						max-width: 253px;
					}
					& .award__pic__left img{
						height: auto;
						width: 100%;
                		display: block;
					}
					& .award__pic__right div > p{
						font-family: "Shippori Mincho", serif;
						font-weight: 900;
						font-size: clamp(1.063rem, 0.628rem + 0.93vw, 1.125rem);
						line-height: 2.056;
						margin-bottom: clamp(1.5rem, -1.017rem + 5.37vw, 3rem);
					}
					& .award__pic__right div > p.award__notice{
						font-family: "Shippori Mincho", serif;
						font-weight: 700;
						font-size: 0.938rem;
						line-height: 1.45;
						letter-spacing: 0.1em;
						margin-bottom: 0;
					}
				}
	          	& .award__bg__02 {
						padding: 0.313rem 0.313rem 2.688rem;
							& .award__list{
									display: flex;
									gap: 15px;
									align-items: center;
							}
					}
				& .award__bg__02 > p{
						color: #fff;
						font-size: clamp(1rem, 0.653rem + 0.74vw, 1.25rem);
						text-align: center;
						margin-top: 3.063rem;
					　　line-height: 1;
					}
				& .award__bg__02 .award__list li img{
					height: max-content;
					}
	
	
	}
/********** pic__content **********************************/	
#pic__content{
    background-color: #fff; 
	}
.pic__inner {
    padding-bottom: 10.813rem;
}
@scope (.pic__inner) {
		& .pic__wrap {
			display: flex;
			gap: clamp(8.5rem, 2.076rem + 13.7vw, 13.125rem);
			margin-top: 5.625rem;
			justify-content: center;
				& img:first-child{
						margin-top: 56px;
				}
				& img{
						height: max-content;
				}
			}
		& .pic__txt{
			text-align: center;
			font-size: 1.125rem;
			letter-spacing: 0.1em;
			line-height: 2.222;
			margin-top: 111px;
			font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
		}
	}
	
/********** harb__content **********************************/
#herbs__content{
    background-color: #F7F8F6; 
	padding-top: 6.875rem;
	}

@scope (.herbs__inner) {
		h2 {
				font-family: "Shippori Mincho", serif;
				font-size: 1.375rem;
				font-weight: 600;
				text-align: center;
				letter-spacing: 0.1em;
				position: relative;
            	padding-bottom: 75px;
			    line-height:1.818rem;
			}
			span.notice {
			font-size: 12px;
			line-height: 1.667;
			display: block;
			margin-top: 82px;
			}
	}
/********** txt__content **********************************/
#txt__content{
    background-color: #fff; 
	padding-block: 9rem;
	}
@scope (.txt__inner) {
		p {
				font-family: "Shippori Mincho", serif;
				font-size: 1.375rem;
				font-weight: 600;
				text-align: center;
				letter-spacing: 0.1em;
			}
	}
/********** blend__content **********************************/
#blend__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_blend.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #000; 
	padding-top: 3.75rem;
	padding-bottom: 3.75rem;
	}
.blend__inner{
    background-color: #FEFCF8;
    padding: 4.313rem 3.605rem 2.75rem;
	}
span.txt_brown {
    color: #987626;
}
@scope (.blend__inner) {
		h2 {
				text-align: center;
				display: flex;
				justify-content: center;
				margin-bottom: 3.375rem;
			}
		& > h3 {
				font-size: 1.375rem;
				text-align: center;
				font-family: "Shippori Mincho", serif;
				font-weight: 700;
				color: #987626;
				letter-spacing: 0.1em;
			    display: flex;
				align-items: center;
				justify-content: center;
			    margin-bottom: 3.75rem;
						&:before{
							margin-right:39px;
							content:"";
							width: 59px;
							height: 1px;
							border: solid 1px #987626;
						}
						&:after{
							margin-left:39px;
							content:"";
							width: 59px;
							height: 1px;
							border: solid 1px #987626;
						}
			}
			& p.about{
				    font-size: 1.125rem;
    				line-height: 2.222;
			}
			.blend__box__wrap h3, .blend__box__wrap2 h3	{
					font-size: 1.25rem;
					font-family: "Shippori Mincho", serif;
					font-weight: 700;
					color: #326657;
					line-height: 1.875;
					padding-bottom: 5px;
					border-bottom: solid 1px #987626;	
			}

	}

/********** safety__content **********************************/
#safety__content{
    background-color: #fff; 
	padding-top: 6rem;
	padding-bottom:7.125rem;
	}
.safety__inner{
    width: min(1280px, 100%);
    margin-inline: auto;
}
@scope (.safety__inner) {
		h2 {
				font-family: "Shippori Mincho", serif;
				font-size: 1.375rem;
				font-weight: 600;
				text-align: center;
				margin-bottom: 93px;
			}
		& p.lead__txt {
				text-align: center;
				font-size: 20px;
				padding-top: 17px;
			}
	    
	}
/********** recommend__content **********************************/
#recommend__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_recommend.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #000; 
	padding-top: 6.5rem;
	padding-bottom:6.25rem;
	}
.recommend__inner{
	padding-left: 5.375rem;
}
@scope (.recommend__inner) {
		h2 {
				    font-family: "Shippori Mincho", serif;
					color: #fff;
					font-weight: 700;
					font-size: 22px;
					border-left: solid 10px #BEA666;
					padding-left: 18px;
			        line-height: 1;
			        letter-spacing: 0.1rem;
			}
		& .list__recommend{
					color: #fff;
					font-size: 1.25rem;
					margin-top: 92px;
					margin-left: 27px;	
					}
	    & .list__recommend li{
					position: relative;
					display: flex;
					align-items: center;
						&:before {
							position: absolute;
							content: "";
							width: 10px;
							border-radius: 50%;
							color: #BEA666;
							left: -27px;
							border: solid 5px #BEA666;
							height: 10px;
						}
						&:not(:last-child){
							margin-bottom: 51px;
							}
					}

	}
/********** pic__content **********************************/
#pic2__content{
    background-color: #F9F8F6!important; 
	padding-block: 6.563rem 6.25rem;
　　background-size: auto;
	background: url("https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_pic2_left.png") no-repeat top left, url("https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_pic2_right.png") no-repeat bottom right;
	}


.pic2__img01 img{
	width: 100%;
    height: auto;
}
.pic2__img02{
	grid-column-start: 2;
    grid-row-start: 1;
    border-block: solid 2px #C59E3F;
    padding-block: 42px;
    padding-left: 18px;
	display: flex;
    flex-direction: column;
    justify-content: center;

}
@scope (.pic2__img02) {
		p:first-child {
				    margin-bottom: 55px;
			}
		p {
				font-size: clamp(1.125rem, 0.778rem + 0.74vw, 1.313rem);
				font-weight: 500;
				font-family: "Shippori Mincho", serif;
				line-height: 2.524;
			}
	}
/********** voice__content **********************************/
#voice__content{
    background-color: #F9F8F6; 
	padding-top: 4.438rem;
	padding-bottom: 3.75rem;
	}
@scope (.voice__inner) {
		& > h2 {
				text-align: center;
				font-size: 1.375rem;
				font-weight: 600;
				font-family: "Shippori Mincho", serif;
				margin-bottom: 65px;
			}
		& p.lead{
				text-align: center;
				font-size: 18px;
				line-height: 1.944;
			    margin-bottom:4.813rem;
			}
		
		}

/********** products__content **********************************/
#products__content {
    padding-block: 3.625rem 7.125rem;
    background-color: #fff;
    margin-inline: auto;
}
.products__inner{
				width: min(1080px, 100%);
				padding-inline: 4.438rem;
				margin-inline: auto;
	}
.bnr_jwt_story{
	margin-top:3.75rem;
		&:hover{
			opacity: 0.6;
		}
	}
@scope (.products__inner) {
			.products__img {
						margin-bottom: 131px;
				        margin-inline: 22px;
					}
			.products__img img{
						height: auto;
					}
			.blend__box__wrap h3, .blend__box__wrap2 h3	{
					font-size: 1.5rem;
					font-family: "Shippori Mincho", serif;
					font-weight: 700;
					color: #326657;
					line-height: 1.875;
					padding-bottom: 5px;
					border-bottom: solid 1px #987626;	
			}
		}

}/*end PC*/
/****** コンテナクエリ **************************************/
/****** lead *****************************/
.lead__inner {
	/*container-type: inline-size!important;*/
}
#lead__content {
    container-type: inline-size;
}
@container (max-width: 1110px) {
  .lead__bottom {
            padding-top: 2.313rem;
            display: grid;
            grid-template-rows: repeat(1, 1fr);
            gap: 56px;
            margin-inline: auto;
            place-content: center;
	        padding-inline:2rem;
	            	& .lead__pic{
						margin-inline: auto;
					}
    	}
	
	.lead__txt {
    grid-row-start: 2;
		}
}

@container (min-width: 1111px) {
   .lead__bottom {
				padding-top: 8.313rem;
				display: grid;
				grid-template-columns: max-content 1fr;
				grid-template-rows: repeat(1, 1fr);
				gap: 52px;
				max-width: 1280px;
				margin-inline: auto;
	            padding-inline: 7.5rem;
			}
}
/****** story *****************************/
.story__inner {
	container-type: inline-size!important;
}
@container (min-width: 951px) {
 .story__topics__wrap:first-of-type {
    		margin-top: 9.5rem;
			display: grid;
			grid-template-columns: min(507px, 100%) max-content;
			gap: 53px;
			align-items: center;
			padding-inline: 1.875rem;	
					& .story__topics__txt {
						font-size: 1.063rem;
						line-height: 2.059;
						max-width: 507px;
						letter-spacing: 0;
					}
			}
			 .story__topics__wrap:nth-child(3) {
    		margin-top: 18.125rem;
			display: grid;
			grid-template-columns: max-content min(507px, 100%);
			gap: 50px;
			align-items: center;
			padding-inline: 1.875rem;	
				& .story__topics__txt {
						font-size: 1.063rem;
						line-height: 2.059;
						max-width: 507px;
						letter-spacing: 0;
					}
			}
			 .story__topics__wrap:nth-child(4) {
    		margin-top: 18.125rem;
			display: grid;
			grid-template-columns:  min(507px, 100%) max-content;
			gap: 62px;
			align-items: center;
			padding-inline: 1.875rem;
				& .story__topics__txt {
						font-size: 1.063rem;
						line-height: 2.059;
						max-width: 507px;
						letter-spacing: 0;
					}
			}
}
@container (max-width: 950px) {
	.story__topics__wrap div img{
		  	width: clamp(11.313rem, -0.141rem + 48.87vw, 28.875rem);
    		height: auto;
	}
   .story__topics__wrap:first-of-type {
			margin-top: 3.188rem;
			display: grid;
			grid-template-columns: 1fr;
			gap: 54px 0;
			align-items: center;
			padding-inline: 1.25rem;
	        place-items: center;
					& .story__topics__txt {
						font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
						line-height: 2.286;
						width: 100%;
						letter-spacing: 0;
						grid-column-start: 1;
    					grid-row-start: 2;
					}
			}
	.story__topics__wrap:nth-child(3) {
    		margin-top: 3.688rem;
			display: grid;
			grid-template-columns: 1fr;
			gap: 54px;
			align-items: center;
			padding-inline: 1.25rem;
			place-items: center;
				& .story__topics__txt {
						font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
						line-height: 2.286;
						letter-spacing: 0;
					}
			}
			 .story__topics__wrap:nth-child(4) {
    		margin-top: 3.375rem;
			display: grid;
			grid-template-columns:  1fr;
			gap: 54px;
			align-items: center;
			padding-bottom: 4.375rem;
			padding-inline: 1.25rem;
		   place-items: center;		 
				& .story__topics__txt {
						font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
						line-height: 2.286;
						letter-spacing: 0;
						grid-column-start: 1;
    					grid-row-start: 2;
					}
			}	
}
/****************** blend *********************************/
.blend__inner {
	container-type: inline-size!important;
}
@container (min-width: 723px) {
 .blend__box__wrap {
					display: grid;
					gap: 20px 43px;
					grid-template-columns: max-content 1fr;
					grid-template-rows: max-content;
					margin-top: 90px;
				    align-items: center;
							& h3{
								grid-column-start: 2;
								grid-row-start: 1;		
							}
							& .blend__img {
									grid-row: span 2 / span 2;
									grid-column-start: 1;
									grid-row-start: 1;
									height: 181px;
								}
							& p {
									 grid-column-start: 2;
									 font-size: 1.188rem;
    								line-height: 2.105;	
								}
					
				}
				& .blend__box__wrap2 {
					margin-top: 91px;	
					display: grid;
					gap: 0 43px;
					grid-template-columns: 1fr max-content;
					grid-template-rows: max-content;
							& .blend__img{
								    grid-row: span 2 / span 2;
    								grid-column-start: 2;
								    height: 181px;
							}
							& p {
									 grid-row-start: 2;
									font-size: 1.188rem;
    								line-height: 2.105;
								}
				}
}
@container (max-width: 722px) {
 .blend__box__wrap {
					display: grid;
					gap: 43px 0;
					grid-template-rows: max-content;
					margin-top: 90px;
				    align-items: center;
	 				place-items: center;
							& h3{
								width: 100%;
            					text-align: left;	
							}
							& .blend__img {
									grid-column-start: 1;
									grid-row-start: 2;
									height: 181px;
								}
							& p {
									 grid-column-start: 1;
									 grid-row-start: 3;
									 font-size: 1.188rem;
    								line-height: 2.105;	
								}
					
				}
				& .blend__box__wrap2 {
					margin-top: 91px;	
					display: grid;
					gap: 43px 0;
					grid-template-columns: 1fr max-content;
					grid-template-rows: max-content;
					place-items: center;
							& h3{
								width: 100%;
            					text-align: left;	
							}
							& .blend__img{
    								grid-column-start: 1;
									grid-row-start: 2;
								    height: 181px;
							}
							& p {
									grid-column-start: 1;
									grid-row-start: 3;
									font-size: 1.188rem;
    								line-height: 2.105;
								}
				}
}

@container (min-width: 850px) {
 .blend__product__wrap {
				margin-top: 155px;
				display: grid;
				gap: 0 80px;
            	grid-template-rows: max-content;
	 			grid-template-columns: 444px 1fr;
					& h3 {
							font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
							font-weight: 600;
							font-size: 24px;
							line-height: 1.458;
							}
					 & .blend__product__img {
								grid-row: span 4 / span 4;
						       
							}
	 				& .blend__product__img img{
							height:auto;
							}
					& .contents {
								grid-column-start: 2;
    							grid-row-start: 2;
						        font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								font-size: 1.25rem;
								margin-top: 20px;
								
							}
					& .blend__price__wrap {
								grid-column-start: 2;
    							grid-row-start: 3;
										& .blend__price__flex{
												    display: flex;
    												flex-direction: column;
														& .blend__price {
																font-size: 3.438rem;
																font-weight: 700;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
															    line-height: 1.2;
																margin-top: 19px;
																		& .blend__yen {
																				font-size: 1.938rem;
																				font-weight: 700;
																				margin-inline: 5px;
																			}
																		& .blend__tax {
																				font-size: 1.25rem;
    																			font-weight: 600;
																			}
															}
														& .blend__members__price{
																font-size: 1.25rem;
																font-weight: 600;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;

															}
													}
										}
					& .blend__btn {
								grid-column-start: 2;
    							grid-row-start: 4;
						        margin-top: 23px;
										& a.btn__buy{
												padding: 15px 70px;
												color: #fff;
												background-color: #795F5F;
												border-radius: 18px;
												font-size: 1.5rem;
											   box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
														&:hover{
															text-decoration: none;
															background-color: #620807;
															opacity: 1;
														}
										}
							}
				}
}
@container (max-width: 849px) {
.blend__product__wrap {
				margin-top: 155px;
				display: grid;
				gap: 0 80px;
            	grid-template-rows: max-content;
					& h3 {
							font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
							font-weight: 600;
							font-size: 24px;
							line-height: 1.458;
							grid-column-start: 1;
    						grid-row-start: 1;
							width: min(444px, 100%);
            				margin-inline: auto;
							}
					 & .blend__product__img {
								grid-column-start: 1;
    							grid-row-start: 3;
						 		margin-inline: auto;
							}
					& .contents {
								grid-column-start: 1;
    							grid-row-start: 2;
						        font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								font-size: 1.25rem;
								margin-top: 5px;
								width: min(444px, 100%);
								margin-inline: auto;
							}
					& .blend__price__wrap {
								grid-row-start: 4;
								width: min(444px, 100%);
								margin-inline: auto;
								text-align: right;
										& .blend__price__flex{
												    display: flex;
    												flex-direction: column;
														& .blend__price {
																font-size: 3.438rem;
																font-weight: 700;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
																		& .blend__yen {
																				font-size: 1.938rem;
																				font-weight: 700;
																				margin-inline: 5px;
																			}
																		& .blend__tax {
																				font-size: 1.25rem;
    																			font-weight: 600;
																			}
															}
														& .blend__members__price{
																font-size: 1.25rem;
																font-weight: 600;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
															}
													}
										}
					& .blend__btn {
    							grid-row-start: 5;
						        margin-top: 23px;
								width: min(444px, 100%);
								margin-inline: auto;
								text-align: center;
										& a.btn__buy{
												padding: 11px 36px;
											    width: 230px;
												color: #fff;
											    display: inline-block;
											    text-align: center;
											    font-weight: 700;
												background-color: #795F5F;
												border-radius: 9px;
												font-size: 0.938rem;
											   box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
														&:hover{
															text-decoration: none;
															background-color: #620807;
															opacity: 1;
														}
										}
							}
				}
}

@container (min-width: 850px) {
 .pack5 {
		margin-top: 100px;
		border: solid 1px #9E7F34;
		padding: 48px 70px;
		background-color: #F7F7F3;	
			& p.subtitle {
				font-size: 18px;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				font-weight: 500;
				margin-bottom: 6px;
			}
			& > h3 {
				font-size: 25px;
				font-weight: 700;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				color: #AC904F;
				border-bottom: solid 1px #AC904F;
				padding-bottom: 6px;
				}
			& .pack5__grid{
				margin-top: 30px;
				display: grid;
				gap: 0 45px;
				grid-template-columns: max-content auto;
    			grid-template-rows: max-content;
				align-items: center;
					& .pack5__price__wrap h3{
						font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
						font-size: 1.5rem;
						font-weight: 700;
						line-height: 1.5;
						margin-bottom: 1.5rem;
					}
					& .pack5__price__wrap{
						& .pack5__contents{
							    font-size: 20px;
    							font-weight: 500;
							    font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-left: 10px;
								}
						& .pack5__price{
							    font-size: 3.438rem;
								font-weight: 700;
								font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-bottom: 39px;
								margin-top: 13px;
								margin-left: 10px;
										& .pack5__yen{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: 1.938rem;
											font-weight: 700;
										}
										& .pack5__tax{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: 1.25rem;
											font-weight: 600;
										}
						}
					}
				
					& .pack5__img{
						grid-row: span 2 / span 2;
					}
					& .pack5__btn__wrap{
						grid-column-start: 2;
    					grid-row-start: 2;
						margin-top: 39px;
						margin-left: 10px;
							& .pack5__btn__buy{
									font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
									font-weight: 700;
								    font-size: 0.938rem;
								    text-align: center;
								    display: inline-block;
									color: #fff;
								    width: 230px;
									padding: 11px 36px;
									background-color: #52553D;
									border-radius: 9px;
									box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
											&:hover{
													text-decoration: none;
													background-color: #007C4A;
													opacity: 1;
											}
							}
					}
			}
			
		}
	.sp-only{display: none;}
}
@container (max-width: 849px) {
 .pack5 {
		margin-top: 100px;
		border: solid 1px #9E7F34;
		padding: 48px 70px;
		background-color: #F7F7F3;	
			& p.subtitle {
				font-size: 18px;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				font-weight: 500;
				margin-bottom: 6px;
				text-align: center;
			}
			& > h3 {
				font-size: 25px;
				font-weight: 700;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				color: #AC904F;
				padding-bottom: 6px;
				text-align: center;
				}
			& .pack5__grid{
				margin-top: 30px;
				display: grid;
				/*gap: 45px;*/
    			grid-template-rows: max-content;
				place-content: center;
					& .pack5__price__wrap h3{
						font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
						font-size: 1.5rem;
						font-weight: 700;
						line-height: 1.5;
						margin-bottom: 1.5rem;
						grid-column-start: 1;
					}
					& .pack5__price__wrap{
						grid-row-start: 1;
						margin-bottom: 2rem;
						& .pack5__contents{
							    font-size: 20px;
    							font-weight: 500;
							    font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-left: 10px;
								}
					}
				
					& .pack5__img{
						 grid-row-start: 2;
						grid-column-start: 1;
					}
					 .pack5__price{
							    font-size: 3.438rem;
								font-weight: 700;
								font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-top: 13px;
								text-align: right;
										& .pack5__yen{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: 1.938rem;
											font-weight: 700;
										}
										& .pack5__tax{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: 1.25rem;
											font-weight: 600;
										}
						}
					& .pack5__btn__wrap{
						grid-column-start: 1;
    					grid-row-start: 3;
						margin-left: 10px;
						margin-inline: auto;
						display: flex;
						flex-direction: column;
						justify-content: center;
							& .pack5__btn__buy{
									font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
									font-weight: 500;
								    font-size: 1.5rem;
									color: #fff;
									padding: 10px 58px;
									background-color: #52553D;
									border-radius: 12px;
									box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
											&:hover{
													text-decoration: none;
													background-color: #007C4A;
													opacity: 1;
											}
							}
					}
			}
			
		}
	.pc-only{display: none;}
}
/****************** safety *********************************/
.safety__inner {
	container-type: inline-size!important;
}
@container (min-width: 1015px) {
 .safety__wrap{
			    display: grid;
				grid-template-columns: min(406px, 100%) 1fr;
				grid-template-rows: max-content;
				place-content: center;
				margin-top: 115px;
				place-items: flex-start;
	            max-width: 1280px;
        		margin-inline: clamp(2.813rem, -0.593rem + 7.26vw, 8.125rem);
						& .safety__img__wrap{
									grid-row: span 3 / span 3;
									display: flex;
									flex-direction: column;
									align-items: flex-end;
											& .safety__img01{
													margin-right: 50px;
													margin-bottom: 110px;
												    margin-top: 25px;
											}
											& .safety__img02{
													margin-right: 132px;
															& img{
                                                               height:auto;
															}
											}
						}
						& > p{
									max-width: 747px;
									font-size: 1.063rem;
									line-height: 2.353;
						}
						& > p:nth-child(3){
									    grid-column-start: 2;
										grid-row-start: 2;
										margin-block: 20px;
						}
						& > p:last-child{
									    grid-column-start: 2;
    									grid-row-start: 3;
							           
						}
		}
}
@container (max-width: 1014px) {
 .safety__wrap{
				margin-top: 24px;
        		place-items: center;
						& .safety__img__wrap{
									display: flex;
									gap: 27px;
									align-items: center;
							& img {
								    height: auto;
							}
						}
						& > p{
									max-width: 747px;
									font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
									line-height: 2.857;
							        margin-top: 47px;
						}
						& > p:nth-child(2){
										margin-top: 39px; 
						}

		}
}
/****************** pic2 *********************************/
#pic2__content {
	container-type: inline-size!important;
}
@container (max-width: 975px) {
     .pic2__inner {
        width: min(975px, 100%);
        margin-inline: auto;
        display: grid;
        grid-template-columns: 100%;
        gap: 0 clamp(5.938rem, -8.472rem + 30.74vw, 8.063rem);
        place-content: center;
		padding-inline: 1.938rem; 
		 		.pic2__img01{
					margin-inline:auto;
					width: clamp(12.938rem, 5.398rem + 32.17vw, 25rem);
		 		}	
				 .pic2__img02{
					 grid-column-start: 1;
					grid-row-start: 2;
					/*border-block: solid 2px #C59E3F;*/
					padding-block: 31px;
					padding-left: 8px;
					display: grid;
					justify-content: center;
					margin-top: 3.5rem;
					 position: relative;
					width:100%;
					  &:before{
							background-image: linear-gradient(to right, transparent, #C69F3F 60%, transparent);
							background-repeat: no-repeat;
							content: "";
							height: 1px;
							left: 0;
							margin-inline: auto;
							position: absolute;
							right: 0;
							width: 100%;
							top: 0;
							position: absolute;
						}
						&:after{
							background-image: linear-gradient(to right, transparent, #C69F3F 60%, transparent);
							background-repeat: no-repeat;
							content: "";
							height: 1px;
							left: 0;
							margin-inline: auto;
							position: absolute;
							right: 0;
							width: 100%;
							bottom: 0;
							position: absolute;
						}
				 }
    }
}
@container (min-width: 975px) {
     .pic2__inner{
    width: min(1080px, 100%);
    margin-inline: auto;
	display: grid;
	padding-inline: 60px;
	grid-template-columns: min(450px ,100%)  max-content;
    gap: 0 80px;
}
}






/****************** products *********************************/
.products__inner {
	container-type: inline-size!important;
}
@container (min-width: 723px) {
 .blend__box__wrap {
					display: grid;
					gap: 28.5px 43px;
					grid-template-columns: max-content 1fr;
					grid-template-rows: max-content 1fr;
					margin-top: 172px;
				    align-items: center;
	                padding-inline: 12px;
							& h3{
								grid-column-start: 2;
								grid-row-start: 1;		
							}
							& .blend__img {
									grid-row: span 2 / span 2;
									grid-column-start: 1;
									grid-row-start: 1;
									height: 181px;
								}
	 						& .blend__img img{
									height:auto;
								}
							& p {
									 grid-column-start: 2;
									 font-size: 1.125rem;
    								line-height: 2.22;	
								}
					
				}
				& .blend__box__wrap2 {
					margin-top: 112px;	
					display: grid;
					gap: 28.5px 34px;
					grid-template-columns: 1fr max-content;
					grid-template-rows: max-content;
					padding-inline: 12px;
							& .blend__img{
								    grid-row: span 2 / span 2;
    								grid-column-start: 2;
								    height: 181px;
							}
							& .blend__img img{
								    
								    height: auto;
							}
							& p {
									 grid-row-start: 2;
									font-size: 1.125rem;
    								line-height: 2.105;
								}
				}
}
@container (max-width: 722px) {
 .blend__box__wrap {
					display: grid;
					gap: 29px 0;
					grid-template-rows: max-content;
					margin-top: 41px;
				    align-items: center;
	 				place-items: center;
							& h3{
								width: 100%;
            					text-align: left;	
							}
							& .blend__img {
									grid-column-start: 1;
									grid-row-start: 2;
									height: clamp(8rem, 4.688rem + 14.13vw, 11.313rem);
								    width:clamp(11.563rem, 6.75rem + 20.53vw, 16.375rem);
								}
	 						& .blend__img img{
									height: auto;
								}
							& p {
									 grid-column-start: 1;
									 grid-row-start: 3;
									 font-size: clamp(0.875rem, 0.563rem + 1.33vw, 1.188rem);
    								line-height: 2.105;	
								     padding-inline: 10px;
								}
					
				}
				& .blend__box__wrap2 {
					margin-top: 26px;	
					display: grid;
					gap: 29px 0;
					grid-template-columns: 1fr max-content;
					grid-template-rows: max-content;
					place-items: center;
							& h3{
								width: 100%;
            					text-align: left;	
							}
							& .blend__img{
    								grid-column-start: 1;
									grid-row-start: 2;
								    height: clamp(8rem, 4.688rem + 14.13vw, 11.313rem);
								    width:clamp(11.563rem, 6.75rem + 20.53vw, 16.375rem);
							}
							& .blend__img img{
    							height: auto;	
							}
							& p {
									grid-column-start: 1;
									grid-row-start: 3;
									font-size: clamp(0.875rem, 0.563rem + 1.33vw, 1.188rem);
    								line-height: 2.105;
								    padding-inline: 10px;
								}
				}
}

@scope (.blend__inner) {
	@container (min-width: 850px) {
		.blend__product__wrap {
				margin-top: 155px;
		}
	}
}
@scope (.products__inner) {
	@container (min-width: 850px) {
		.blend__product__wrap {
				margin-top: 0px;
		}
	}
}
@container (min-width: 850px) {
 .blend__product__wrap {
				/*margin-top: 0px;*/
				display: grid;
				gap: 0 54px;
            	grid-template-rows: max-content;
	            padding-inline:30px;
	            
					& h3 {
							font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
							font-weight: 700;
							font-size: 24px;
							line-height: 1.458;
							}
					 & .blend__product__img {
								grid-row: span 4 / span 4;
							}
	 				& .blend__product__img img{
							height:auto;
							}
					& .contents {
								grid-column-start: 2;
    							grid-row-start: 2;
						        font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								font-size: 1rem;
								margin-top: 13px;
							}
					& .blend__price__wrap {
								grid-column-start: 2;
    							grid-row-start: 3;
										& .blend__price__flex{
												    display: flex;
    												flex-direction: column;
														& .blend__price {
																font-size: 3.438rem;
																font-weight: 700;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
																		& .blend__yen {
																				font-size: 1.938rem;
																				font-weight: 700;
																				margin-inline: 5px;
																			}
																		& .blend__tax {
																				font-size: 1.25rem;
    																			font-weight: 600;
																			}
															}
														& .blend__members__price{
																font-size: 0.875rem;
																font-weight: 500;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
															}
													}
										}
					& .blend__btn {
								grid-column-start: 2;
    							grid-row-start: 4;
						        margin-top: 23px;
						        margin-left: 7px;
										& a.btn__buy{
												padding: 11px 36px;
												color: #fff;
											    text-align: center;
											    font-weight: 700;
											    display: inline-block;
											    width:230px;
												background-color: #795F5F;
												border-radius: 9px;
												font-size: 0.938rem;
											   box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
														&:hover{
															text-decoration: none;
															background-color: #620807;
															opacity: 1;
														}
										}
							}
				}
}
@container (max-width: 849px) {
.blend__product__wrap {
				margin-top: 58px;
				display: grid;
				gap: 0 80px;
            	grid-template-rows: max-content;
					& h3 {
							font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
							font-weight: 500;
							font-size: clamp(0.938rem, 0.734rem + 1.67vw, 1.5rem);
							line-height: 1.458;
							grid-column-start: 1;
    						grid-row-start: 1;
							width: min(444px, 100%);
            				margin-inline: auto;
						    padding-left: 15px;
							}
					 & .blend__product__img {
								grid-column-start: 1;
    							grid-row-start: 3;
						 		margin-inline: auto;
									 & img{
											height: auto;
    										padding-inline: 15px;
									 }
							}
					& .contents {
								grid-column-start: 1;
    							grid-row-start: 2;
						        font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								font-size: clamp(0.875rem, 0.484rem + 1.67vw, 1.25rem);
								margin-top: 5px;
								width: min(444px, 100%);
								margin-inline: auto;
						        padding-left: 15px;
							}
					& .blend__price__wrap {
								grid-row-start: 4;
								width: min(444px, 100%);
								margin-inline: auto;
								text-align: right;
										& .blend__price__flex{
												    display: flex;
    												flex-direction: column;
														& .blend__price {
																font-size: clamp(2.688rem, 1.938rem + 3.2vw, 3.438rem);
																font-weight: 700;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
															    line-height: 1.3;
																		& .blend__yen {
																				font-size: clamp(1.563rem, 1.186rem + 1.6vw, 1.938rem);
																				font-weight: 700;
																				margin-inline: 5px;
																			}
																		& .blend__tax {
																				font-size: clamp(0.938rem, 0.624rem + 1.34vw, 1.25rem);
    																			font-weight: 600;
																			}
															}
														& .blend__members__price{
																font-size: clamp(0.688rem, 0.687rem + 0.53vw, 0.938rem);
																font-weight: 500;
																font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
															}
													}
										}
					& .blend__btn {
    							grid-row-start: 5;
						        margin-top: 21px;
								width: min(444px, 100%);
								margin-inline: auto;
								text-align: center;
										& a.btn__buy{
												padding: 16px 36px;
												color: #fff;
												background-color: #795F5F;
												border-radius: 11px;
												font-size: clamp(0.938rem, 0.352rem + 2.5vw, 1.5rem);
											   box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
												width: 90%;
											    font-weight: 700;
												display: inline-flex;
												text-align: center;
												justify-content: center;
														&:hover{
															text-decoration: none;
															background-color: #620807;
															opacity: 1;
														}
										}
							}
				}
}



@container (min-width: 850px) {
 .pack5 {
		margin-top: 111px;
		border: solid 1px #9E7F34;
		padding: 48px 62px;
		background-color: #F7F7F3;

			& p.subtitle {
				font-size: 18px;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				font-weight: 500;
				margin-bottom: 6px;
			}
			& > h3 {
				font-size: 22px;
				font-weight: 700;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				color: #AC904F;
				border-bottom: solid 1px #AC904F;
				padding-bottom: 0px;
				}
			& .pack5__grid{
				margin-top: 30px;
				display: grid;
				gap: 0 45px;
				grid-template-columns: max-content auto;
    			grid-template-rows: max-content;
				align-items: center;
					& .pack5__price__wrap h3{
						font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
						font-size: 1.5rem;
						font-weight: 700;
						line-height: 1.5;
						margin-bottom: 1.938rem;
					}
					& .pack5__price__wrap{
						& .pack5__contents{
							    font-size: 1rem;
    							font-weight: 500;
							    font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-left: 0px;
								}
						& .pack5__price{
							    font-size: 3.438rem;
								font-weight: 700;
								font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-bottom: 39px;
								margin-top: 13px;
								margin-left: 0px;
										& .pack5__yen{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: 1.938rem;
											font-weight: 700;
										}
										& .pack5__tax{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: 1.25rem;
											font-weight: 600;
										}
						}
					}
				
					& .pack5__img{
						grid-row: span 2 / span 2;
						margin-top: 31px;
					}
					& .pack5__btn__wrap{
						grid-column-start: 2;
    					grid-row-start: 2;
						margin-top: 10px;
						margin-left: 0px;
							& .pack5__btn__buy{
									font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
									font-weight: 700;
								    font-size: 0.938rem;
									color: #fff;
									padding: 11px 36px;
								    text-align: center;
								    width:230px;
									background-color: #52553D;
									border-radius: 9px;
									box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
											&:hover{
													text-decoration: none;
													background-color: #007C4A;
													opacity: 1;
											}
							}
					}
			}
			
		}
	.sp-only{display: none;}
}
@container (max-width: 849px) {
 .pack5 {
		margin-top: 28px;
		border: solid 1px #9E7F34;
		padding: 19px 5px 40px;
		background-color: #F7F7F3;
	    margin-inline: 7px;
			& p.subtitle {
				font-size: clamp(0.75rem, 0.375rem + 1.6vw, 1.125rem);
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				font-weight: 700;
				margin-bottom: 10px;
				text-align: center;
			}
			& > h3 {
				font-size: clamp(1rem, 0.438rem + 2.4vw, 1.563rem);
				font-weight: 700;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				color: #AC904F;
				padding-bottom: 6px;
				text-align: center;
				}
			& .pack5__grid{
				margin-top: 15px;
				display: grid;
				/*gap: 45px;*/
    			grid-template-rows: 4.0lh;
				grid-template-columns: 100%;
				place-content: center;
				place-items: flex-start;
					& .pack5__price__wrap h3{
						font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
						font-size: clamp(0.938rem, 0.5rem + 2.13vw, 1.5rem);
						font-weight: 500;
						line-height: 1.5;
						margin-bottom: 10px;
						grid-column-start: 1;
					}
					& .pack5__price__wrap{
						grid-row-start: 1;
						margin-bottom: 1.8rem;
						& .pack5__contents{
							    font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
    							font-weight: 500;
							    font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-left: 0px;
								}
					}
				
					& .pack5__img{
						 grid-row-start: 2;
						grid-column-start: 1;
						margin-inline: auto;
						margin-bottom: 1rem;
						& > img{
							height: auto;
							width: 70%;
							transform: rotate(6deg);
							margin-inline: auto;
						}
					}
					 .pack5__price{
							    font-size: clamp(2.688rem, 1.906rem + 3.33vw, 3.438rem);
								font-weight: 700;
								font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
								margin-top: 13px;
								text-align: right;
						        line-height: 1.744;
										& .pack5__yen{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: clamp(1.563rem, 1.186rem + 1.6vw, 1.938rem);
											font-weight: 700;
										}
										& .pack5__tax{
											font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
											font-size: clamp(0.938rem, 0.624rem + 1.34vw, 1.25rem);
											font-weight: 600;
										}
						}
					& .pack5__btn__wrap{
						grid-column-start: 1;
    					grid-row-start: 3;
						margin-left: 10px;
						margin-inline: auto;
						display: flex;
						flex-direction: column;
						justify-content: center;
						/*width:98%;*/
						width: min(400px, 98%) !important;
						margin-top: -37px;
							& .pack5__btn__buy{
									font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
									font-weight: 700;
								    font-size: clamp(0.938rem, 0.352rem + 2.5vw, 1.5rem);
									color: #fff;
									padding: 16px 58px;
									background-color: #52553D;
									border-radius: 12px;
									box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
								    text-align: center;
								    margin-inline: auto;
								    width: 98%;
											&:hover{
													text-decoration: none;
													background-color: #007C4A;
													opacity: 1;
											}
							}
					}
			}
			
		}
	.pc-only{display: none;}
}
/*
@container (min-width: 395px) and (min-width: 1111px) {
  .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: "游ゴシック体", "Yu Gothic", "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  line-height: 1.7;
  color: #362D2D;
  font-weight: 500;
  width:100%;
  margin: 0 auto;
  width:min(var(--maincontainer), 100%);
  margin-inline: auto;	
  background-color: #fff;		
}


.story__inner, .award__inner ,.pic__inner, .herbs__inner, .recommend__inner, .products__content, .txt__inner{
    width: min(1544px, 100%);
    margin-inline: auto;
}
.blend__inner{
    width: min(1160px, 100%);
    margin-inline: auto;
}

/********** KV **********************************/
.kv{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/kv_sp.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #F8F4E9;
	padding-bottom: 1.688rem;
	padding-top: 6.063rem;
	}		
	
@scope (.kv) {
			h2 {
				font-family: "Shippori Mincho", serif;
				font-size: clamp(1.563rem, 0.434rem + 4.81vw, 2.688rem);
				color: #fff;
				text-align: center;
				line-height: 1.488;
				margin-bottom: 59px;
				}
			& p.kv__lead {
				font-size: 0.813rem;
				text-align: center;
				color: #fff;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				line-height: 1.857;
				margin-bottom: 257px;
			}
			& .kv__btn__area {
				display: flex;
				color: #fff;
				font-size: 0.813rem;
				font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
				margin-inline: auto;
				justify-content: center;
				gap:13px;
						& a.btn__detail {
						padding: 15px 25px;
						border: solid 1px #fff;
						border-radius: 10px;
						background-color: #505050;
						font-size: 0.938rem;
						line-height: 1;
						box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
						display: flex;
                		align-items: center;	
							&:hover{
								text-decoration:none;
								opacity:1;
								background-color:#100F0F;
							}
						}
						& a.btn__buy {
						padding: 16px 50px;
						border: solid 1px #fff;
						border-radius: 10px;
						background-color: #795F5F;
						font-size: 0.938rem;
						line-height: 1;
						box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
						display: flex;
                		align-items: center;	
							&:hover{
								text-decoration:none;
								opacity:1;
								background-color:#620807;
							}	
						}
					}
	}	

/********** lead content **********************************/
.lead__inner {
    width: min(1562px, 100%);
    margin-inline: auto;
	
}
#lead__content{
    background-color: #F8F4E9;
	padding-top: 4.563rem;
    padding-bottom: 3.563rem;
	}
	
@scope (#lead__content) {
			h2 {
				font-family: "Shippori Mincho", serif;
				font-size: clamp(1rem, 0.5rem + 2.67vw, 1.75rem);
				font-weight: 600;
				text-align: center;
				letter-spacing: 0.1em;
				padding-bottom: 4.563rem;
				position: relative;
				}
			& .lead__bottom{
				padding-inline:1.188rem;
			}
			& .lead__bottom:before{
							background-image: -webkit-linear-gradient(left, transparent, #C69F3F 60%, transparent);
							background-image: -o-linear-gradient(left, transparent, #C69F3F 60%, transparent);
							background-image: linear-gradient(to right, transparent, #C69F3F 60%, transparent); /* 線の両端を透過 */
							  background-repeat: no-repeat;
							  content: "";
							  height: 1px; /* 横線の高さ */
							  left: 0; /* 線を中央寄せ */
							  margin-inline: auto; /* 線を中央寄せ */
							  max-width: 1562px; /* 横線の最大の長さ */
							  position: absolute;
							  right: 0; /* 線を中央寄せ */
							  width: 100%; /* 横線の長さの割合 */
				              margin-top:-2.6rem;
							  
						}
			& .lead__pic{
							    margin-inline: auto;
						}	
			& .lead__pic img{
							    width: min(282px, 100%);
    							height: auto;
						}	
	        
			& .lead__txt p{
				text-align: left;
				font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
				line-height: 2.286;
				font-weight: 500;
			}
			& .lead__txt p:nth-child(2) {
				margin-top: 2rem;
			}
			p.story-sub {
				margin-bottom: 181px;
				font-family: "Shippori Mincho", serif;
			}
			
	}	
	
/********** lead content **********************************/

	
.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;
}
/********** story__content **********************************/

#story__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_story_sp.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
	padding-inline: 1.25rem;
	}
.story__inner{
    background-color: rgba(255,255,255,0.8);
	padding-top: 3.438rem;
	}
picture.picture img {
    margin-inline: auto;
	height: auto;
    width: auto;
}
.btn__history__wrap {
        margin-inline: auto;
        margin-bottom: 5rem;
        display: flex;
        width: max-content;
        flex-direction: column;
        justify-content: center;
		width: min(440px, calc(100% - 30px));
	   padding-inline: 13px;
    }
a.btn__history {
        padding: 16px 36px;
        color: #fff;
	    /*width:230px;*/
	    width:100%;
        font-weight: 700;
        text-align: center;
        font-size: 0.938rem;
        border-radius: 9px;
        margin-bottom: 10px;
        background-color: #505050;
        box-shadow: 2px 3px 6px 0px rgba(0, 0, 0, 0.16);
}
.txt__history {
        font-size: 0.75rem;
        text-align: center;
    }
@scope (.story__inner) {
			h2 {
			font-family: "Shippori Mincho", serif;
            font-size: 1.063rem;
            font-weight: 600;
            text-align: center;
            letter-spacing: 0.1em;
				}
			h2 img{
				height: auto;
			}
			
			& .about{
				background-color: #F9F7ED;
				padding-block:2.719rem 3.938rem;
				padding-inline: 1.25rem;
					& .about__detail {
							display: grid;
							/*gap: 31px;*/
						   margin-inline: auto;
							place-content: center;
							place-items: center;
							margin-top: 1.219rem;
								& img{
									height: auto;
									width:clamp(10.25rem, 1.313rem + 38.13vw, 19.188rem);
								}
								& h3{
									font-size: 1.188rem;
									font-weight: 700;
    								color: #AF9062;
									font-family: "Shippori Mincho", serif;
									grid-column-start: 1;
									grid-row-start: 2;
									margin-top:23px;
								}
								& span.rt{
									grid-column-start: 1;
									grid-row-start: 3;
									font-family: "Shippori Mincho", serif;
									font-size: clamp(1rem, 0.205rem + 1.3vw, 1.25rem);
									color: #AF9062;
									font-weight: 600;
									margin-top:6px;
								}
						
								& p{
									grid-column-start: 1;
    								grid-row-start: 4;
									font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
                    				line-height: 2.286;
									margin-top:39px;
								}
						}
			}
			
	}
/********** award__content **********************************/
#award__content{
    background-color: #2B2A2A;
	padding-bottom: 34px;
	padding-inline: 1.125rem;
	}
.award__inner{
border: solid 2px #8A6938;		
	}
.award__bg__01{
    background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_award.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #fff;
	padding-top: 3rem;
	padding-bottom: 1.375rem;
	}

.award__pic__right{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/award_02.png);
	background-position:top center;
	background-size: contain;
    background-repeat: no-repeat;
	width:98%;
	/*height: clamp(11.063rem, -2.25rem + 56.8vw, 24.375rem);*/
	display: flex;
	flex-direction: column;
	text-align: left;
	align-items: center;
	justify-content: center;
	aspect-ratio: 679 / 404;
        margin-inline: 6px;
	}
@scope (.award__inner) {
			h2 {
				font-family: "Shippori Mincho", serif;
				font-size: clamp(0.938rem, 0.248rem + 2.94vw, 1.625rem);
				font-weight: 700;
				text-align: center;
				letter-spacing: 0.1em;
				line-height: 2.133;
				}
				& .award__bg__01 > p{
				font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
				text-align: center;
				line-height: 2;
				margin-top: 1.5rem;
				}
				& .award__wrap {
				display: flex;
				gap: 17px;
				justify-content: center;
				margin-top: 2.313rem;
				flex-direction: column;
            	align-items: center;	
					& .award__pic__left img{
						height: auto;
						width:clamp(8.063rem, -6.688rem + 62.93vw, 22.813rem);
					}
					& .award__pic__right div > p{
						font-family: "Shippori Mincho", serif;
						font-weight: 700;
						font-size: clamp(0.75rem, -0.065rem + 3.48vw, 1.563rem);
						line-height: 1.667;
						margin-bottom: clamp(0.438rem, -1.017rem + 5.37vw, 3.313rem);
					}
					& .award__pic__right div > p.award__notice{
						font-family: "Shippori Mincho", serif;
						font-weight: 700;
						font-size: clamp(0.688rem, 0.125rem + 2.4vw, 1.25rem);
						line-height: 1.45;
						letter-spacing: 0.1em;
						margin-bottom: 0;
					}
				}
	          	& .award__bg__02 {
						padding: 1.313rem 0rem 1.125rem;
							& .award__list{
									display: flex;
									gap: 17px 6px;
									align-items: center;
									flex-wrap: wrap;
									max-width: 750px;
									margin: 0 auto;
									justify-content: center;
											& li:nth-child(-n+2){
													flex-grow: 1;
													width: auto;
													height: clamp(9rem, 2.938rem + 25.87vw, 15.063rem);
											}
											& li:nth-child(n+3){
													width: calc((100% - (16px * 2)) / 3);;
													height: clamp(9rem, 2.938rem + 25.87vw, 15.063rem);
											}
							}
					}
				& .award__bg__02 > p{
						color: #fff;
						font-size: clamp(0.75rem, 0.653rem + 0.74vw, 1.25rem);
						text-align: center;
						margin-top: 1.25rem;
					　　line-height: 1.667;
					}
				& .award__bg__02 .award__list li img{
					height: max-content;
					width: 100%;
					height: 100%;
					object-fit: contain;
					display: block;
					}
	}
/********** pic__content **********************************/	
#pic__content{
    background-color: #fff; 
	}
.pic__inner {
    padding-bottom: 5.938rem;
	padding-inline: 1.125rem;
}
@scope (.pic__inner) {
		& .pic__wrap {
			display: flex;
			gap: 38px;
			margin-top: 4.063rem;
			justify-content: center;
				& img:first-child{
						margin-top: 56px;
						width:clamp(11.125rem, -2.625rem + 58.67vw, 24.875rem);
				}
				& img:last-child{
						width:clamp(6.688rem, -1.438rem + 34.67vw, 14.813rem);
				}
				& img{
						height: max-content;
				}
			}
		& .pic__txt{
			font-size: clamp(0.875rem, 0.75rem + 0.53vw, 1rem);
			line-height: 2.286;
			margin-top: 58px;
			font-family: "游ゴシック", "Yu Gothic", "YuGothic", sans-serif;
		}
	}
	
/********** harb__content **********************************/
#herbs__content{
    background-color: #F7F8F6; 
	padding-top: 2.188rem;
	}
	
@scope (.herbs__inner) {
		h2 {
				font-family: "Shippori Mincho", serif;
				font-size: clamp(0.938rem, 0.749rem + 0.8vw, 1.125rem);
				font-weight: 600;
				text-align: center;
				letter-spacing: 0.1em;
				position: relative;
			}
		span.notice {
			font-size: 12px;
			line-height: 1.667;
			display: block;
			margin-top: 82px;
			}
	}
/********** txt__content **********************************/
#txt__content{
    background-color: #fff; 
	padding-block: 3.125rem;
	}
@scope (.txt__inner) {
		p {
				font-family: "Shippori Mincho", serif;
				font-size: clamp(0.938rem, 0.812rem + 0.53vw, 1.063rem);
				font-weight: 600;
				text-align: center;
			}
	}
/********** blend__content **********************************/
#blend__content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_blend_sp.jpg);
	background-position:top center;
	background-size: cover;
    background-repeat: no-repeat;
    background-color: #000; 
	padding-top: 1.125rem;
	padding-bottom: 1.25rem;
	padding-inline:1.25rem;
	}
.blend__inner{
    background-color: #FEFCF8;
    padding: 2.25rem 0.625rem 1.688rem;
	}
span.txt_brown {
    color: #987626;
}
@scope (.blend__inner) {
		h2 {
				text-align: center;
				display: flex;
				justify-content: center;
				margin-bottom: 2.313rem;
			}
		& > h3 {
				font-size: 1.125rem;
				text-align: center;
				font-family: "Shippori Mincho", serif;
				font-weight: 700;
				color: #987626;
			    display: flex;
				align-items: center;
				justify-content: center;
			    margin-bottom: 1.906rem;
						&:before{
							margin-right:5px;
							content:"";
							width: 39px;
							height: 1px;
							border: solid 1px #987626;
						}
						&:after{
							margin-left:5px;
							content:"";
							width: 39px;
							height: 1px;
							border: solid 1px #987626;
						}
			}
			& p.about{
				    font-size: clamp(0.875rem, 0.375rem + 2.13vw, 1.375rem);
    				line-height: 1.818;
					padding-inline: 10px;
			}
			.blend__box__wrap h3, .blend__box__wrap2 h3	{
					font-size: clamp(0.938rem, 0.482rem + 1.94vw, 1.375rem);
					font-family: "Shippori Mincho", serif;
					font-weight: 700;
					color: #326657;
					line-height: 1.875;
					padding-bottom: 5px;
					border-bottom: solid 1px #987626;	
			}

	}
	

/********** safety__content **********************************/
#safety__content{
    background-color: #fff; 
	padding-top: 4.625rem;
	padding-bottom:4.5rem;
	padding-inline: 1.25rem;
	}
.safety__inner{
    width: min(1562px, 100%);
    margin-inline: auto;
}
@scope (.safety__inner) {
		h2 {
				font-family: "Shippori Mincho", serif;
				font-size: clamp(1rem, 0.5rem + 2.67vw, 1.75rem);
				font-weight: 600;
				text-align: center;
				margin-bottom: 15px;
			}
		& p.lead__txt {
				text-align: center;
				font-size: clamp(0.813rem, 0.375rem + 1.87vw, 1.25rem);
			}
	
	
	
	    
	}
/********** recommend__content **********************************/
#recommend__content{
    background-color: #424C43; 
	padding-top: 67px;
	padding-bottom:4.125rem;
	position:relative;
	padding-inline: 1.063rem;
	}
#recommend__content:before{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_recommend_sp.png);
	background-position:top center;
	background-size: contain;
    background-repeat: no-repeat;
	position:absolute;
	content:"";
	top:-24px;
	right:12px;
	width: 136px;
    height: 91px;
	}
.recommend__inner{
	
}
@scope (.recommend__inner) {
		h2 {
				    font-family: "Shippori Mincho", serif;
					color: #fff;
					font-weight: 700;
					font-size: clamp(1.25rem, 0.75rem + 2.13vw, 1.75rem);
					border-left: solid 10px #BEA666;
					padding-left: 14px;
			        line-height: 1;
			}
		& .list__recommend{
					color: #fff;
					font-size: clamp(0.875rem, 0.5rem + 1.6vw, 1.25rem);
					margin-top: 48.5px;
					margin-left: 27px;	
					}
	    & .list__recommend li{
					position: relative;
					display: flex;
					align-items: center;
						&:before {
							position: absolute;
							content: "";
							width: 10px;
							border-radius: 50%;
							color: #BEA666;
							left: -27px;
							border: solid 5px #BEA666;
							height: 10px;
						}
						&:not(:last-child){
							margin-bottom: 41px;
							}
					}

	}
/********** pic__content **********************************/
#pic2__content{
    background-color: #F9F8F6!important; 
	padding-block: 3.5rem 3.625rem;
　　background-size: auto;
	background: url("https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_pic2_1sp.png") no-repeat top left, url("https://eceosjwtcom.ecbeing.biz/img/usr/freepage/jwt/bg_pic2_sp.png") no-repeat bottom right;
	}


.pic2__img01 img{
	width: 100%;
    height: auto;
}
/*.pic2__img02{
	grid-column-start: 2;
    grid-row-start: 1;
    border-block: solid 2px #C59E3F;
    padding-block: 43px;
    padding-left: 8px;
	display: flex;
    flex-direction: column;
    justify-content: center;
	width: 100%;
    position: relative;
			
}
	*/
@scope (.pic2__img02) {
		p:first-child {
				    margin-bottom: 30px;
			}
		p {
				font-size: clamp(0.938rem, 0.75rem + 0.8vw, 1.125rem);
				font-weight: 500;
				font-family: "Shippori Mincho", serif;
				line-height: 2.5;
			}
	}
/********** voice__content **********************************/
#voice__content{
    background-color: #F9F8F6; 
	padding-top: 0.125rem;
	padding-bottom: 4.25rem;
	}
.voice__inner{
    margin-top:1.938rem;
	}
@scope (.voice__inner) {
		& > h2 {
				text-align: center;
				font-size: clamp(1rem, 0.375rem + 3.2vw, 1.875rem);
				font-weight: 600;
				font-family: "Shippori Mincho", serif;
				margin-bottom: 45px;
			}
		& p.lead{
				text-align: center;
				font-size: clamp(0.875rem, 0.615rem + 1.11vw, 1.125rem);
				line-height: 1.786;
			    margin-bottom:3rem;
			    padding-inline: 15px;
			}
			.cls-1 {
        fill: none;
        stroke: #b79b68;
        stroke-width: 1px!important;
      }
		
		}

/****** products__content **************************************/
#products__content {
    padding-block: 0rem 6.063rem;
    background-color: #fff;
    margin-inline: auto;
}
.products__inner{
				width: min(1160px, 100%);
				padding-inline: 15px;
				margin-inline: auto;
	}
img.bnr_jwt_story {
    padding-inline: 10px;
    height: auto;
    margin-top: 2rem;
}
@scope (.products__inner) {
			.products__img {
						margin-bottom: 57px;
					}
			.products__img img{
						height: auto;
					}
			.blend__box__wrap h3, .blend__box__wrap2 h3	{
					font-size: 1.5rem;
					font-family: "Shippori Mincho", serif;
					font-weight: 700;
					color: #326657;
					line-height: 1.875;
					padding-bottom: 5px;
					border-bottom: solid 1px #987626;	
			}
	
		}

/****** common **************************************/


	.br_pc{display: none;}
	.br_sp{display: block;}
	.pc_only{display:none!important;}
	
/*********add**************************************/
@scope (.products__inner) {
	@container (max-width: 849px) {
		.blend__product__wrap {
			 .blend__btn {padding-inline: 15px;}
		}
	}
		.pack5__btn__buy {
			width:90%!important;
			padding-inline:15px;
		}

}	
}

/*
@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;
    }
	}
*/
}