@charset "utf-8";
/* CSS Document */
	
/*** base **************************/ 	
:root{
--txt12: 0.75rem;		
--txt14: 0.875rem;	
--txt15: 0.938rem;	
--txt16: 1rem;
--txt17: 1.063rem;
--txt18: clamp(1rem, 0.823rem + 0.38vw, 1.125rem);
--txt19: 1.188rem;	
--txt20: 1rem /*本来は1.25rem*/;
--txt22: 1rem /*本来は1.375rem*/;
--txt23: 1.25rem /*本来は1.438rem*/;	
--txt24: 1.5rem;
--txt25: 1.563rem;	
--txt26: 1.625rem;	
--txt35: 2.188rem;
--txt39: 2.438rem;	
--txt50: 3.125rem;	
	}
.content_wrap{
	 font-family: "Zen Kaku Gothic Antique", sans-serif;	
	}
.bg_wh_transparent{
	background:rgba(255, 255, 255, 0.55) ;
	}
.bg_wh_transparent_35{
	background:rgba(255, 255, 255, 0.35) ;
	}	
.bg_blue_transparent{
	background:rgba(244,244,245,0.55) ;
	}
.ls-2{letter-spacing: -2px;}
.txt_17{font-size: var(--txt17, 1.063rem);	}

.font_weight_600{font-weight: 600;}
@media screen and (min-width: 751px) {
/*** PC **************************/ 
	
html {
    scroll-padding-top: 90px;
	scroll-behavior: smooth;  
	}
a:hover{opacity: 0.6;}

.txt_s{
	font-size: var(--txt15, 0.938rem);	
	}
.txt_12{font-size: var(--txt12, 0.75rem);	}	
.txt_14{font-size: var(--txt14, 0.875rem);	}
.txt_15{font-size: var(--txt15, 0.938rem);	}	
.txt_17{font-size: var(--txt17, 1.063rem);	}
.txt_18{font-size: var(--txt18, 1.125rem);	}
.txt_20{font-size: var(--txt20, 1rem);	}
.txt_23{font-size: var(--txt23, 1.25rem);	}	
.txt_24{font-size: var(--txt24, 1.5rem);	}
.txt_35{font-size: var(--txt35, 2.188rem);	}	
.img_wrap{align-items: center;}

.pb6{padding-bottom:6rem;}
.ml180{margin-left:11.25rem; /*180px*/}	
.lh2{line-height:2;}
.pc_none{display: none;}
.br_sp{display:none;}		
/**** layout *********************/
.content-width-1280{
	max-width: 1280px;
	margin:0 auto;
	}	
/*** KV **************************/	
.kv{
	background-image:url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_kv.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}	
@scope (.kv) {
  /* .kv クラスを持つ要素の内部のみ適用 */
   .content_left{
	width:763px;   
	background:rgba(255, 255, 255, 0.55) ;
	display:flex;
	justify-content: flex-start;
	flex-direction: column;
	padding:5.25rem 6.5rem 6.188rem 8.875rem;
	   
	}
	.txt_line_wrap{
	border:solid 1px #000;
	font-size: 20px;	
	padding:9px 22px 9px 22px;
	font-weight: 600;
	margin-bottom:0.938rem;
	color:#1E1613;
	white-space: nowrap;
	text-align: center;
	width:383px;	
	
	}
	.product_info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	}
	.title_product{
	font-size: var(--txt22, 1.375rem);
	font-weight: 600;	
	text-align: center;
	line-height: 1.5;
	margin-bottom:4rem;	
	color:#362D2D;
	margin-top:8px;	
	}
	.lead_txt{
	font-size: var(--txt20, 1rem);
	font-weight: 600;
	line-height: 2.25;
	color:#362D2D;
	text-align: center;
	
	}
	.lead_txt:not(:first-of-type) {
	margin-top:2.938rem	
	}
	.btn_advance_registration{
	font-size: var(--txt15, 0.938rem);
	background-color:#473D38;
	color:#fff;
	text-align: center;
	width:346px;
	padding:1.5 auto;	
	}
	.btn_wrap{
		text-align: center;
		margin-top: 4.063rem;
	}
	.btn_wrap div a {
    color: #fff;
    font-size: 15px;
    background-color: #473D38;
    padding: 1.5rem 8.125rem;
    display: inline-block;
    text-decoration: none;
	width:383px;	
}
}
/*** TOP content **************************/	
.top_content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_1.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}
.lead_content{
		padding-top:5rem;
	}	
.recommended_content{
	background:rgba(9,15,51,0.55) ;
	padding-top:4.5rem;
	padding-bottom:6.375rem;
	}
.point1_2{
	padding: 5.688rem 5.063rem;	
	}
@scope (.lead_content) {
  /* .top_content クラスを持つ要素の内部のみ適用 */
   p{
	   text-align: center;
	   font-weight: 600;
	   font-size: var(--txt20, 1rem);
	   line-height: 3;
	   color:#362D2D;
	}
	p:not(:last-child){
	   margin-bottom:5.688rem;
	}
}
@scope (.recommended_content) {
  /* .recommended_content クラスを持つ要素の内部のみ適用 */
   h2{
	 background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_tittle_blue.png);
	 background-repeat: no-repeat;
	 background-position: top center;
	 background-size: contain;
	 text-align: center;
     color: #fff;
     font-size: 21px;
     padding: 26px 89px;  
	}
	.txt_18{
	font-size: var(--txt15, 0.938rem);	
	}
	ul{
	margin: 5rem auto 0;
	display: flex;
	justify-content: center;
	gap:48px 80px;
	max-width: calc(243px * 3 + 160px);
    flex-wrap: wrap;	
	}
	ul li{
		background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_memo.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top left;
		padding:48px 49px;
        display: flex;
		width: 242px;
		height: 143px;
		font-weight:600;
		
	}
	ul li:first-child {
		background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_memo.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top left;
		padding:44px 30px!important;
        display: flex;
		width: 242px;
		height: 143px;
		font-weight:600;
		
	}
	ul li:nth-child(5) {
		background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_memo.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top left;
		padding:44px 32px!important;
        display: flex;
		width: 242px;
		height: 143px;
		font-weight:600;
		
	}
}
	
@scope (.point1_2) {
  /* .point1_2 クラスを持つ要素の内部のみ適用 */
	h2{
		color:#46485E;
		border-bottom:solid 2px #46485E;
		position:relative;
	}
	h2::before{
		position:absolute;
		content:url('https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/txt_point.png');
		display: block;
		bottom: 3px;
	}
    h2 .txt24{
		font-size: var(--txt24, 1.5rem);
		font-weight: 600;
	}
	h2 .txt35{
		font-size: var(--txt35, 2.188rem);
		font-weight: 600;
	}
	h2 .txt50{
		font-size: var(--txt35, 3.125rem);
		font-weight: 600;
	}
	.img_wrap {
        align-items: center;
        justify-content: center;
        display: flex;
    }	
	.product_container{
		padding-top:5.25rem;
		margin-bottom: 8.25rem;
	}
	.producnt_point_half{
		background:rgba(255, 255, 255, 0.55) ;
		padding:2.563rem 2.313rem 0 2.563rem;
	}
	h3{
		color:#46485E;
		font-weight: 600;
		font-size: var(--txt20, 1rem);
		line-height: 1.5;
		margin-bottom: 1rem;
	}
	h4{
		color:#fff;
		font-weight: 600;
		font-size: var(--txt18, 1.125rem);
		background-color:#51546A;
		padding:0.5rem 1.063rem;
		max-width: 463px;
	}
	@scope (.producnt_point_half) {
    /* .point1_2内の.producnt_point_half内のp要素のみ */
    p { 
		margin-bottom:2.375rem;
		font-size: var(--txt16, 1rem);
		line-height: 1.875;
		}
  	}
	@scope (.product_container_l) {
    /* .product_container_l内の要素のみ */
    h3 { 
		font-size: var(--txt18, 1.125rem);
		color:#fff;
		font-weight: 600;
		text-align: center;
        padding: 11px;
		background-color: #53514D;
		}
	.note{
		 text-align: center;
		  margin-bottom:3.363rem;
		display: block;
		}
		p{
		font-size: var(--txt15, 0.938rem);	
		}	
  	}
	
	.product_container_l {
	display: grid;
    grid-template-columns: minmax(100px, auto) auto;
    grid-template-rows: max-content 1fr;
    gap: 34px clamp(2.188rem, -2.87rem + 10.78vw, 5.75rem);
	margin-top: 5.438rem;
	padding: 3.813rem 4.188rem;	
	}
	.product_point_txt{
	grid-column-start: 1;
    grid-row-start: 2;
	}
	.img_wrap_l{
	grid-row: span 2 / span 2;
    grid-column-start: 2;
    grid-row-start: 1;
	}
	}

/*** Piont3 **************************/	
.point3_content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_2.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}
	
@scope (.point3_content) {
    .point3{
		padding: 5.688rem 5.063rem;	
	}
	h2{
		color:#46485E;
		border-bottom:solid 2px #46485E;
		position:relative;
		font-weight: 600;
	}
	h2.txt_35{
		font-size: clamp(1.563rem, 0.675rem + 1.89vw, 2.188rem);
	}
	h2.txt_24{
		font-size: clamp(1.25rem, 0.895rem + 0.76vw, 1.5rem);
	}
	h2::before{
		position:absolute;
		content:url('https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/txt_point.png');
		display: block;	
		bottom: 3px;
	}

	ul.list_ingredients{
		display: flex;
		justify-content: center;
		gap:9px 22px;
		margin-top:7.438rem;
		margin-bottom:4.313rem;
		max-width: calc(313px * 3 + 44px);
        flex-wrap: wrap;
		margin-left: auto;
        margin-right: auto;
	}
	
	ul.list_ingredients li{
		text-align: center;
		border-radius: 50%;
		background-color:#FFFEF3;
		box-shadow: 2px 3px 6px -3px #777777;
		width: 313px;
        height: 313px;
		display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}
	span.name{
		font-weight: 600;
		font-size: var(--txt26, 1.625rem);
		color:#53514D;
	}
	span.origin{
		font-size: var(--txt20, 1rem);
		border:solid 1px #000;
		padding:5px;
		width:80%;
		margin:22px 0;
	}
	span.comment{
		font-size: var(--txt20, 1rem);
	}
	.triangle_wrap{
		filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.4));
		margin-bottom: 30px;
            text-align: center;
	}
  .triangle {
  display: inline-block;
  width: 135px;
  height: 39px;
  background: #fffef3;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  margin:0 auto;  
}
	.point3_conclusion{
		font-weight: 600;
		font-size: var(--txt30, 1.875rem);
		background-color:#FFFEF3;
		text-align: center;
		padding:2.375rem;
		color:#51546A;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
	}		
}
/*** Fragrance **************************/	
.fragrance_content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_3.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}
	
@scope (.fragrance_content) {
	.fragrance_wrap{
		padding:4.375rem; auto 6.75rem;
		
	}
	.fragrance_details {
    position: relative;
}
	h2{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_tittle_blue.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    text-align: center;
    color: #fff;
    font-size: 21px;
    padding: 26px 89px;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    top: -44px;	
	}
	dl{
	display: inline-flex;
    flex-wrap: wrap;
    background-color: #fff;
    border: solid 2px #46485E;
    padding: 5.813rem clamp(4.375rem, -4.143rem + 18.15vw, 10.375rem);
	position: relative;
	z-index: 10;	
	}
	dl::before{
	content: "";	
	position: absolute;
    top: -7px;
    bottom: -10px;
    right: 5px;
    left: 5px;
    border: solid 2px #46485E;
    z-index: -1;
    background-color: #fff;
    width: calc(100% - 10px);
	color:#46485E;	
	}
	dt {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #707070;
	padding: 10px 10px 10px 15px;
	align-items: center;
	width: clamp(20.375rem, 17.269rem + 6.62vw, 22.563rem);	
	}
	dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #707070;
    flex-grow: 1;
	font-size: var(--txt22, 1.375rem);
    font-weight: 600;
	text-align: left;
	letter-spacing: -2px;
	padding-left: 96px;	
	}
	dl dt div.name {
    max-width: 213px;
    margin-left:38px;
    font-weight: 600;
    }
	.fregrance_img {
    width: 65px;
	height:101px;
    display: flex;
	flex-direction: column;
	justify-content: center;
	}
	}
/*** Footer Infomation **************************/	
.footer_infomation{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_4.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}
	
@scope (.footer_infomation) {
	.product_container {
    display: grid;
    grid-template-columns: auto 1fr;;
    grid-template-rows: max-content 1fr;
	gap: 47px clamp(1.563rem, -11.303rem + 27.41vw, 10.625rem);
	padding: 6.438rem 5.188rem 10.75rem;	
}
	.left_content {
    grid-row: span 2 / span 2;
}
	.dedail_content_bottom {
    grid-column-start: 2;
}
	.txt_line_wrap{
	border:solid 1px #000;
	font-size: var(--txt18, 1.125rem);	
	padding:9px 33px;
	font-weight: 600;
	margin-bottom:1.75rem;
	color:#1E1613;
	display: inline-block;
	width:346px;	
    text-align: left;	
	}
	.title_product{
	font-size: var(--txt20, 1rem);
	font-weight: 600;	
	text-align: center;
	line-height: 1.5;
	color:#362D2D;
	margin-top:8px;	
	}
	.detail_content_top {
    width: fit-content;
}
	p.lead_txt {
    font-size: var(--txt20, 1rem);
	line-height: 2;
	font-weight: 600;	
}
	.btn_advance_registration{
	font-size: var(--txt15, 0.938rem);
	background-color:#473D38;
	color:#fff;
	text-align: center;
	width:346px;
	padding:1.5 auto;	
	}
	.btn_wrap{
		text-align: center;
		margin-top: 3.625rem;
		display: grid;
        width: fit-content;
	}
	.btn_wrap div a {
    color: #fff;
    font-size: 15px;
    background-color: #473D38;
    padding: 1.5rem 8rem;
    display: inline-block;
    text-decoration: none;
	width:346px;	
}	
}
	}
/***コンテナクエリ *****************************/
	
/* コンテナの定義 */
.container_inline_product_container {
  container-type: inline-size;
  container-name: product_container;
}
	
@container product_container (max-width: 706px) {
		.product_container {
		  display: flex;
		  flex-direction: column;
		  flex-direction: column-reverse;	
		}
	
	  }

@container product_container (min-width: 707px) {
  .product_container {
	 display: flex;  
  }
}
/* コンテナの定義 */
.container_inline_fragrance_details {
  container-type: inline-size;
  container-name: fragrance;
}
@container fragrance (max-width: 985px) {
	.fragrance_box {
    display: flex;
    justify-content: center;
}
	dl {
		  display: flex;
		  flex-direction: column;
		}
	dt{
		border-bottom: none!important;
		justify-content: flex-start;
	}
	dd{
		font-size: var(--txt18, 1.125rem);
		text-align: center;
		padding: 0 0 1rem;
	}
	.name span.txt_20{
		font-size: var(--txt16, 1rem);
	}
	  }
@container fragrance (min-width: 986px) {
	.fragrance_box {
    display: flex;
    justify-content: center;
}
	dl {
		  display: flex;
		  flex-direction: row;
		}
	dt{
		border-bottom: 1px solid #707070;
		justify-content: flex-start!important;
	}
	dd{
		font-size: var(--txt22, 1.375rem);
		text-align: center;
		padding: 1rem 0;
	}
	.name span.txt_20{
		font-size: var(--txt20, 1rem);
	}

	  }	
/***** 香り ************************************************/

@media screen and (max-width:750px) and ( min-width:500px) {
/*** Fragrance **************************/	
.fragrance_content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_3_sp.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 1.688rem;
	}

@scope (.fragrance_content) {
	.nowrap{
		white-space: nowrap;
	}
	.fragrance_wrap{
		padding:3.5rem 1.938rem;
		
	}
	.fragrance_details {
    position: relative;
}
	h2{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_tittle_blue.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    text-align: center;
    color: #fff;
    font-size: var(--txt15, 0.938rem);
    padding: 20px 76px;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    top: -34px;	
	}
	dl{
	display: inline-flex;
    flex-wrap: wrap;
    background-color: #fff;
    border: solid 2px #46485E;
    padding: 3.563rem 1.25rem;
	position: relative;
	z-index: 10;
	width:fit-content;
	}
	dl::before{
	content: "";	
	position: absolute;
    top: -7px;
    bottom: -10px;
    right: 5px;
    left: 5px;
    border: solid 2px #46485E;
    z-index: -1;
    background-color: #fff;
    width: calc(100% - 10px);
	}
	dt {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #707070;
	padding: 22px 10px 10px 20px;
	align-items: center;
	
	}
	dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #707070;
    flex-grow: 1;
	font-size: var(--txt18, 1.125rem);
    font-weight: 600;	
	}
	dl dt div.name {
    padding: 0 12px;
    font-weight: 600;
    }
	dl dt div.name span.txt_15 {
    font-size: var(--txt14, 0.875rem);
    }
	.fregrance_img {
    width: 80px;
	text-align: center;	
	}
	}
}
@media screen and (max-width:499px){
/*** Fragrance **************************/	
.fragrance_content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_3_sp.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;
	padding-top: 1.688rem;
	}

@scope (.fragrance_content) {
	.nowrap{
		white-space: nowrap;
	}
	.fragrance_wrap{
		padding:3.5rem 1.938rem;
		
	}
	.fragrance_details {
    position: relative;
}
	h2{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_tittle_blue.png);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: contain;
    text-align: center;
    color: #fff;
    font-size: var(--txt15, 0.938rem);
    padding: 20px 76px;
    position: absolute;
    z-index: 100;
    left: 0;
    right: 0;
    top: -34px;	
	}
	dl{
	display: inline-flex;
    flex-wrap: wrap;
    background-color: #fff;
    border: solid 2px #46485E;
    padding: 3.563rem 1.25rem;
	position: relative;
	z-index: 10;
	
	}
	dl::before{
	content: "";	
	position: absolute;
    top: -7px;
    bottom: -10px;
    right: 5px;
    left: 5px;
    border: solid 2px #46485E;
    z-index: -1;
    background-color: #fff;
    width: calc(100% - 10px);
	}
	dt {
    display: flex;
    justify-content: flex-start;
    border-bottom: 1px solid #707070;
	padding: 22px 10px 10px 20px;
	align-items: center;
	
	}
	dd {
    display: flex;
    flex-direction: column;
    justify-content: center;
    border-bottom: 1px solid #707070;
    flex-grow: 1;
	font-size: var(--txt18, 1.125rem);
    font-weight: 600;	
	}
	dl dt div.name {
    padding: 0 12px;
    font-weight: 600;
    }
	dl dt div.name span.txt_15 {
    font-size: clamp(0.75rem, 0.386rem + 1.82vw, 0.875rem);
    }
	.fregrance_img {
    width: 80px;
	text-align: center;	
	}
	}
}
/***** SP ************************************************/
	
@media screen and (max-width: 750px) {
  html {
    scroll-padding-top: 60px;
  }

.lh2{line-height:2.5;}	
 .sp_none{display: none;}
	.br_sp{display:block;}	
 /*** KV **************************/	
.kv{
	/*background-image:url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_kv_sp.jpg);
	background-repeat:no-repeat;
	background-position: right top;
	background-size: cover;*/
	background-color: #D6C4AD;
	}
.kv_btn_sp{
	background-image:url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_kv2_sp.jpg);
	background-repeat:no-repeat;
	background-position: right center;
	background-size: cover;
	display: flex;
	justify-content: flex-start;
	min-height: 273px;
	}
.bg_kv_sp{/*
background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/kv_all_sp.jpg);
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: cover;	*/
	}	
.txt_s{
	font-size: var(--txt12, 0.75rem);	
	}	
@scope (.kv) {
  /* .kv クラスを持つ要素の内部のみ適用 */
   .content_left{  
	background:rgba(255, 255, 255, 0.50) ;
	display:flex;
	justify-content: flex-start;
	flex-direction: column;
	padding:1rem clamp(2rem, 0.977rem + 5.12vw, 3.375rem) 2.625rem clamp(2rem, 0.977rem + 5.12vw, 3.375rem);
	}
	.txt_line_wrap{
	border:solid 1px #000;
	font-size: clamp(1.063rem, 0.62rem + 0.94vw, 1.375rem);	
	padding:9px 35px;
	font-weight: 600;
	margin-bottom:1.75rem;
	color:#1E1613;
	white-space: nowrap;	
	}
	.aromashea_logo {
    margin: 0 auto;
    text-align: center;
}
	.aromashea_logo img {
    width: min(90%, 165px);
}
	.product_info{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;	
	}
	.title_product{
	font-size: var(--txt15, 0.938rem);
	font-weight: 600;	
	text-align: center;
	line-height: 1.5;
	margin-bottom:3.438rem;	
	color:#362D2D;
	margin-top:8px;	
	}
	.lead_txt{
	font-size: clamp(0.75rem, 0.386rem + 1.82vw, 0.875rem);
	font-weight: 600;
	line-height: 3;
	color:#362D2D;
	text-align: center;	
	}
	.lead_txt:not(:first-of-type) {
	margin-top:3rem	
	}
	.btn_advance_registration{
	font-size: var(--txt15, 0.938rem);
	background-color:#473D38;
	color:#fff;
	text-align: center;
	width:346px;
	padding:1.5 auto;	
	}
	.btn_wrap{
		text-align: center;
		margin-top: 9.938rem;
	}
	.btn_wrap div a {
    color: #fff;
    font-size: 15px;
    background-color: #473D38;
    padding: 1.5rem 8.125rem;
    display: inline-block;
    text-decoration: none;
}
}
/*****KV SP ONLY ***********************/
@scope (.kv_btn_sp) {
  /* .kv クラスを持つ要素の内部のみ適用 */
   .btn_wrap{
		text-align: center;
		margin-top: 6.938rem;
	   margin-bottom: 6.125rem;
	}
	.btn_wrap div a {
    color: #fff;
    font-size: 13px;
    background-color: #473D38;
    padding: 0.625rem 2.5rem;
    display: inline-block;
    text-decoration: none;
	margin-bottom: 0.6rem;	
}
	.content_left {
     padding-left: 2.5rem;
    }
	}
/*** TOP content **************************/	
.top_content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_1_sp.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}
.lead_content{
		padding-top:5rem;
	    padding-bottom: 5rem;
	    background:rgba(255, 255, 255, 0.50) ;
	}	
.recommended_content{
	background:rgba(9,15,51,0.55) ;
	padding: 1.625rem 1.875rem 2.938rem;
    position: relative;
	}
.point1_2{
	padding: 2.75rem 0.8rem;
	background:rgba(255, 255, 255, 0.50) ;
	}
@scope (.lead_content) {
  /* .top_content クラスを持つ要素の内部のみ適用 */
   p{
	   text-align: center;
	   font-weight: 600;
	   font-size: var(--txt14, 0.875rem);
	   line-height: 2.857rem;
	   color:#362D2D;
	}
	p:not(:last-child){
	   margin-bottom: 4.188rem;
	}
}
@scope (.recommended_content) {
  /* .recommended_content クラスを持つ要素の内部のみ適用 */
   h2{
	 background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_tittle_blue.png);
	 background-repeat: no-repeat;
	 background-position: top center;
	 background-size: contain;
	 text-align: center;
     color: #fff;
     font-size: 15px;
     padding: 19px 67px;
     position: absolute;
     z-index: 100;
	 right: 0;
     left: 0;
	}
	ul{
	margin: 2.188rem auto 0;
	display: flex;
	justify-content: center;
	gap:40px;
	align-items: center;
	flex-direction: column;
	border: solid 2px #fff;
    padding: 5rem 0rem 2.575rem;
     position: relative;
     z-index: 10;		
	}
	ul::before {
    content: "";
    position: absolute;
    top: -7px;
    bottom: -10px;
    right: 8px;
    left: 8px;
    border: solid 2px #fff;
    z-index: -1;
    background-color: transparent;
    width: calc(100% - 16px);
}
	ul li{
		background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_memo_sp.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: top left;
		padding:39px 35px;
		align-items: center;
        display: flex;
		font-size: var(--txt14, 0.875rem);
		width: 242px;
        height: 114px;
		line-height: 2;
		font-weight: 600;
	}
}
	
@scope (.point1_2) {
  /* .point1_2 クラスを持つ要素の内部のみ適用 */
	h2{
		color:#46485E;
		border-bottom:solid 2px #46485E;
		position:relative;
		margin-top: 32px;
		text-align: center;
		padding-bottom: 1rem;
	}
	h2::before{
		position:absolute;
		content:url('https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/txt_point_sp.png');
		display: block;
		bottom: 3px;
		width: 100%;
        text-align: center;
        top: -18px;
	}
	h2:nth-of-type(2)::before{
		position:absolute;
		content:url('https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/txt_point_sp.png');
		display: block;
		bottom: 3px;
		width: 100%;
        text-align: center;
        top: -37px!important;
	}
    h2 .txt24{
		font-size: var(--txt19, 1.188rem);
		font-weight: 600;
	}
	h2 .txt35{
		font-size: var(--txt25, 1.563rem);
		font-weight: 600;
	}
	h2 .txt50{
		font-size: var(--txt39, 2.438rem);
		font-weight: 600;
	}
	.img_wrap {
        align-items: center;
        justify-content: center;
        display: flex;
		margin-top: 2.375rem;
    }
	.img_wrap img {
    width: 35%;
}
	.product_container{
		padding-top:1.313rem;
		margin-bottom: 3rem;
	}
	.producnt_point_half{
		background:rgba(255, 255, 255, 0.55) ;
		padding:2.5rem 0.625rem 0;
	}
	h3{
		color:#46485E;
		font-weight: 600;
		font-size: clamp(0.906rem, 0.836rem + 0.35vw, 1rem);
		line-height: 1.5;
		margin-bottom: 1rem;
		text-align: center;
	}
	h4{
		color:#fff;
		font-weight: 600;
		font-size: var(--txt15, 0.938rem);
		background-color:#51546A;
		padding:0.5rem 1.063rem;
	}
	@scope (.producnt_point_half) {
    /* .point1_2内の.producnt_point_half内のp要素のみ */
    p { 
		margin-bottom:1.5rem;
		font-size: var(--txt15, 0.938rem);
		line-height: 2.333;
		 margin-top: 1.5rem;
		}
  	}
	@scope (.product_container_l) {
    /* .product_container_l内の要素のみ */
    h3 { 
		font-size: var(--txt15, 0.938rem);
		color:#fff;
		font-weight: 600;
		text-align: center;
        padding: 11px;
		background-color: #53514D;
		}
	.note{
		 text-align: center;
		  margin-bottom:1.25rem;
		display: block;
		font-size: var(--txt12, 0.75rem)!important;	
		}
		p{
		font-size: var(--txt14, 0.875rem);	
		}	
  	}
	
	.product_container_l {
	display: grid;
    grid-template-rows: max-content 1fr;
    gap: 39px;
    margin-top: 1.5rem;
    padding: 1.5rem 1.25rem;
	}
	.product_point_txt{
	grid-column-start: 1;
    grid-row-start: 3;
	}
	.img_wrap_l{
	grid-column-start: 1;
    grid-row-start: 2;
    text-align: center;
	}
	.img_wrap_l img {
    width: 50%;
	}
	}
/*** Piont3 **************************/	
.point3_content{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg2_sp.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}
	
@scope (.point3_content) {
    .point3{
		padding: 3.938rem 0.8rem 6.313rem;
	}
	h2{
		color:#46485E;
		border-bottom:solid 2px #46485E;
		position:relative;
		font-weight: 600;
		text-align: center;
		margin-top: 32px;
		padding-bottom: 1rem;
	}
	h2 span.txt_35{
		font-size: var(--txt25, 1.563rem);
	}
	h2 span.txt_24{
		font-size: var(--txt19, 1.188rem);
	}
	h2::before{
		position:absolute;
		content:url('https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/txt_point_sp.png');
		display: block;	
		top: -42px;
        width: 100%;
        text-align: center;
	}

	ul.list_ingredients{
		display: flex;
		justify-content: center;
		gap:29px;
		margin-top:1.875rem;
		margin-bottom:3.938rem;
		max-width: calc(313px * 3 + 44px);
        flex-wrap: wrap;
		margin-left: auto;
        margin-right: auto;
	}
	
	ul.list_ingredients li{
		text-align: center;
		border-radius: 50%;
		background-color:#FFFEF3;
		box-shadow: 2px 3px 6px -3px #777777;
		width: 313px;
        height: 313px;
		display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
	}
	span.name{
		font-weight: 600;
		font-size: var(--txt20, 1rem);
		color:#53514D;
	}
	span.origin{
		font-size: var(--txt20, 1rem);
		border:solid 1px #000;
		padding:5px;
		width:80%;
		margin:22px 0;
	}
	span.comment{
		font-size: var(--txt20, 1rem);
	}
	.triangle_wrap{
		filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, 0.4));
		margin-bottom: 30px;
            text-align: center;
	}
  .triangle {
  display: inline-block;
  width: 135px;
  height: 39px;
  background: #fffef3;
  clip-path: polygon(0 0, 100% 0%, 50% 100%);
  margin:0 auto;  
}
	.point3_conclusion{
		font-weight: 600;
		font-size: clamp(1.25rem, 1.157rem + 0.47vw, 1.375rem);
		background-color:#FFFEF3;
		text-align: center;
		padding:2.375rem;
		color:#51546A;
		box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.4);
	}		
}

/*** Footer Infomation **************************/	
.footer_infomation{
	background-image: url(https://eceosjwtcom.ecbeing.biz/img/usr/topics/aromashea/body_hand/bg_4_sp.jpg);
	background-repeat:no-repeat;
	background-position: center top;
	background-size: cover;	
	}
	
@scope (.footer_infomation) {
	.product_container {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: max-content 1fr;
	gap: 32px;
	padding: 2.5rem 1.5rem;	
}
	.left_content {
   grid-column-start: 1;
   grid-row-start: 2;
   text-align: center;		
}
	.left_content img {
    width: 75%;
}

	.txt_line_wrap{
	border:solid 1px #000;
	font-size: var(--txt18, 1.125rem);	
	padding:15px 13px;
	font-weight: 600;
	margin-bottom:1.75rem;
	color:#1E1613;
	width: min(90%, 350px);
	display: inline-block;	
	}
	.title_product{
	font-size: var(--txt20, 1rem);
	font-weight: 600;	
	text-align: center;
	line-height: 1.5;
	color:#362D2D;
	margin-top:8px;	
	}
	.detail_content_top {
    grid-column-start: 1;
    grid-row-start: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}
	p.lead_txt {
    font-size: clamp(0.75rem, 0.386rem + 1.82vw, 0.875rem);
	line-height: 2.857;
	font-weight: 600;	
}
	.btn_advance_registration{
	font-size: var(--txt15, 0.938rem);
	background-color:#473D38;
	color:#fff;
	text-align: center;
	padding:1.5 auto;	
	}
	.btn_wrap{
		text-align: center;
		margin-top: 2.438rem;
	}
	.btn_wrap div a {
    color: #fff;
    font-size: 13px;
    background-color: #473D38;
    padding: 0.625rem 4.063rem;
    display: inline-block;
    text-decoration: none;
	margin-bottom: 0.5rem;
    width: min(90%, 350px);	
}	
}	
	
	}