@charset "utf-8";
/* ■■■■■■■■■■共通■■■■■■■■■■ */
/* g-heading */
h1.g-heading{
	padding: var(--GENERALSEC) 0;
}
.g-txt__link{
	font-weight: 700;
	text-decoration: underline;
}
/* ■■■■■■■■■■よくある質問■■■■■■■■■■ */
.s-faq dd{
	border-bottom: 1px dotted var(--RED02);
}
.s-faq dt,
.s-faq dd{
	position: relative;
}
.s-faq dt::before{
	content: "";
	display: inline-block;
	position: absolute;
}
.s-faq dd{
	background-color: #f9f9f9;
}
@media screen and (min-width: 768px){
	.s-faq .g-btnContainer{
		margin-bottom: 30px;
	}
	.s-topView--question{
		margin-bottom: 50px;
	}
	.s-faq{
		padding-top: 15px;
	}
	.s-faq dd:not(:last-child){
		margin-bottom: 15px;
	}
	.s-faq dt{
		font-size: var(--FZ_15);
		padding: 10px 0px 25px 85px;
	}
	.s-faq dd{
		padding: 15px 85px 20px 85px;
	}
	.s-faq dt::before{
		width: 45px;
		height: 45px;
		background: url(/asset2024/images/guide/question.png) no-repeat center/100%;
		top: 0;
		left: 20px;
	}
}
@media screen and (max-width: 767px){
	.s-faq .g-btnContainer{
		margin-bottom: 15px;
	}
	.s-topView--question{
		margin-bottom: 30px;
	}
	.s-faq{
		padding-top: 15px;
	}
	.s-faq dd:not(:last-child){
		margin-bottom: 15px;
	}
	.s-faq dt{
		font-size: var(--FZ_14_CONST);
		padding: 1px 0px 15px 60px;
	}
	.s-faq dd{
		padding: 15px;
	}
	.s-faq dt::before{
		width: 25px;
		height: 25px;
		background: url(/asset2024/images/guide/question.png) no-repeat center/100%;
		top: 0;
		left: 20px;
	}
	.s-faq dd .g-txt{
		line-height: 1.7;
	}
}
/* アコーディオン プラスマイナス */

.s-faq--acc dt{
	position: relative;
}
.s-faq--acc dt span{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
	border: 1px solid var(--GRAY02);
	border-radius: 50%;

}
.s-faq--acc dt span::before,
.s-faq--acc dt span::after{
	content: "";
	display: inline-block;
	background: var(--GRAY03);
	width: 60%;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.s-faq--acc dt span::after{
	transition: .3s;
	transform: translate(-50%, -50%) rotate(90deg);
}
.s-faq--acc dt.active span::after{
	transform: translate(-50%, -50%) rotate(180deg);
}
.s-faq--acc dd{
	display: none;
}
@media (hover: hover){
	.s-faq--acc dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-faq--acc dt:not(:first-child){
		margin-top: 20px;
	}
	.s-faq--acc dt span{
		width: 15px;
		right: 30px;
		top: 7px;
	}
}
@media screen and (max-width: 767px){
	.s-faq--acc dt:not(:first-child){
		margin-top: 10px;
	}
	.s-faq--acc dt span{
		width: 13px;
		right: 7px;
		top: 4px;
	}
}

/* アコーディオン 矢印 */
/* .s-faq--acc dt{
	position: relative;
}
.s-faq--acc dt span{
	display: inline-block;
	position: relative;
	aspect-ratio: 1/1;
	position: absolute;
}
.s-faq--acc dt span::before{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 500;
	content: '\f107';
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: .3s;
}
.s-faq--acc dt.active span::before{
	transform: translate(-50%, -50%) rotate(180deg);
}
.s-faq--acc dd{
	display: none;
}
@media (hover: hover){
	.s-faq--acc dt:hover{
		cursor: pointer;
	}
}
@media screen and (min-width: 768px){
	.s-faq--acc dt:not(:first-child){
		margin-top: 20px;
	}
	.s-faq--acc dt span{
		width: 30px;
		right: 10px;
		top: 10px;
	}
	.s-faq--acc dt span::before{
		font-size: 20px;
	}
}
@media screen and (max-width: 767px){
	.s-faq dt{
		padding-right: 30px;
	}
	.s-faq--acc dt:not(:first-child){
		margin-top: 10px;
	}
	.s-faq--acc dt span{
		width: 20px;
		right: 5px;
		top: 5px;
	}
	.s-faq--acc dt span::before{
		font-size: 15px;
	}
} */
/* ■■■■■■■■■■お買い物ガイド■■■■■■■■■■ */
.s-guideContents{
	--H3_BGCOLOR: #F5F5F5;
	--H2_BDCOLOR: #E5E5E5;
	margin-top: 3px;
	display: grid;
	gap: var(--GENERALSEC);
}
.s-guideColumn__heading{
	font-weight: 400;
	border-bottom: 1px dotted var(--RED02);
}
.s-guideColumn__ttl{
	font-weight: 500;
	background-color: var(--PINK02);
}
.s-guideCredit{
	display: flex;
	align-items: center;
	gap: var(--GAP_5_CONST);
	margin: var(--GAP_20) 0;
}
.s-guideCredit li{
	flex: 1;
}
.s-guidePaymentLogo{
	margin: var(--GAP_30) 0 var(--GAP_20);
}
.s-guideTable{
	width: 100%;
	max-width: 800px;
	border-collapse: collapse;
}
.s-guideTable--bank{
	max-width: 300px;
}
.s-guideTable th,
.s-guideTable td{
	border: 1px solid var(--H2_BDCOLOR);
}
.s-guideTable th{
	font-weight: normal;
}
.s-guideTable thead th{
	background-color: var(--H2_BDCOLOR);
	padding: 5px 0;
	font-size: var(--FZ_12_CONST);
}
.s-guideTable tbody th,
.s-guideTable tbody td{
	text-align: center;
}
.s-guideColumn__subttl{
	font-size: var(--FZ_14);
	font-weight: 400;
}
.s-guideColumn__subttl::before{
	content: '【';
}
.s-guideColumn__subttl::after{
	content: '】';
}
.g-txt__order{
	margin-bottom: 20px;
}
.g-txt__noteColor{
	color: var(--GRAY04);
}
.s-guideColumn__order{
	font-weight: bold;
}
.s-guideColumn__member__bld {
	font-weight: bold;
}
@media screen and (min-width: 768px){
	.s-guideContainer{
		display: grid;
		grid-template-columns: 200px 1fr;
		align-items: flex-start;
		gap: clamp( 50px, 7vw, 100px);
	}
	.s-guideNav{
		position: sticky;
		top: 150px;
		left: 0;
	}
	.s-guideNav__item li.is-current a{
		color: var(--RED01);
		font-weight: bold;
	}
	.s-guideNav__item li a{
		font-size: var(--FZ_13);
		display: block;
		padding: 10px 0;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_20);
		padding-bottom: 10px;
		margin-bottom: var(--MG_10);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_18);
		padding: 10px 15px;
		margin: var(--MG_50) 0 var(--MG_15);
	}
	.s-guideCredit{
		max-width: 200px;
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 180px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 130px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 150px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 7px 20px;
		font-size: var(--FZ_12);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_20);
	}
	.s-guidePaymentLogo--Paidy{
		width: 150px;
	}
	.s-guidePaymentLogo--Paidy{
		width: 140px;
	}
	.s-guidePaymentLogo--auPAY{
		width: 140px;
	}
	.g-txt__noteColor{
		font-size: var(--FZ_14);
	}
	.s-guideColumn__member {
    margin-top: 30px;
    padding-top: 30px;
    border-top: 1px solid;
	}
	.s-guideColumn__member__txt {
    display: block;
    padding-left: 17px;
	}
}
@media screen and (max-width: 767px){
	.s-guideNav{
		--GUIDE_NAV_SP_BOX: 300px;
		--GUIDE_NAV_SP_BOX_TRIGGER: 40px;
		position: fixed;
		right: calc(0px - var(--GUIDE_NAV_SP_BOX) + var(--GUIDE_NAV_SP_BOX_TRIGGER));
		top: 150px;
		display: flex;
		width: var(--GUIDE_NAV_SP_BOX);
		transition: .5s;
		z-index: 99;
		opacity: 0;
	}
	body.scroll .s-guideNav{
		opacity: 0;
		animation: var(--ANIME_FADEIN);
	}
	body.scroll.returnTop .s-guideNav{
		opacity: 1;
		animation: var(--ANIME_FADEOUT);
	}
	.s-guideNav.active{
		right: 0;
	}
	.s-guideNav__spTrigger{
		width: var(--GUIDE_NAV_SP_BOX_TRIGGER);
		height: 200px;
		background-color: var(--GRAY01);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px 0 0 5px;
		border: 1px solid var(--GRAY03);
		border-right: none;
	}
	.s-guideNav__spTrigger::after{
		content: '目次';
		writing-mode: vertical-rl;
	}
	.s-guideNav.active .s-guideNav__spTrigger::after{
		content: '閉じる';
	}
	.s-guideNav__item{
		flex: 1;
		background-color: var(--WHITE);
		border: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li:not(:last-child){
		border-bottom: 1px solid var(--GRAY03);
	}
	.s-guideNav__item li a{
		display: block;
		padding: 8px 15px;
		font-size: 13px;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_18_CONST);
		padding-bottom: 5px;
		margin-bottom: var(--MG_5);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_16_CONST);
		padding: 7px 15px;
		margin: var(--MG_50) 0 var(--MG_10);
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 150px;
		margin-left: 10px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 120px;
		margin-left: 7px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 120px;
		margin-left: 10px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 5px 15px;
		font-size: var(--FZ_12_CONST);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_10);
	}
	.s-guidePaymentLogo--Paidy{
		width: 130px;
	}
	.s-guidePaymentLogo--auPAY{
		width: 110px;
	}
	.g-txt__noteColor{
		font-size: var(--FZ_12_CONST);
	}
	.s-guideColumn__member {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid;
	}
	.s-guideColumn__member__txt {
    display: block;
    padding-left: 17px;
	}
}

/* ■■■■■■■■■■　下層3ページ ■■■■■■■■■■ */
/* ------------------  共通  -------------------- */
:root {
	--GOLD02: #E5DCAE;
}
.s-additionalDescription {
	font-size: 12px;
}
.s-modern{
	font-family: var(--FF_EN);
}
.s-notoHeading3{
	font-weight: 500;
	margin-bottom: 15px;
}
@media screen and (min-width: 768px){
	.s-mainText{
		font-size: 16px;
	}
	.s-mainText--mgb{
		margin-bottom: 30px;
	}
	.s-notoHeading3{
		font-size: 26px;
	}
}
@media screen and (max-width: 767px){
	.s-mainText{
		font-size: 14px;
	}
	.s-mainText--mgb{
		margin-bottom: 20px;
	}
	.s-notoHeading3{
		font-size: 18px;
	}
}
/* ■■■■■■■■■■  私たちについて（about-us） ■■■■■■■■■■ */

/* ------------------ about-us -------------------- */
.s-mainViewHeading{
	max-width: 1300px;
	width: 95%;
	margin: 0 auto;
	color: #fff;
}
.s-mainViewHeading > span{
	display: block;
}
.s-mainViewHeading__2{
	font-weight: 500;
}
.s-topView{
	background: no-repeat center center / cover;
}

@media screen and (min-width: 768px){
	.s-topView{
		background-image: var(--PC_URL);
		height: 340px;
		padding-top: 69px;
	}
	.s-mainViewHeading__1{
		font-size: 28px;
		margin-bottom: 12px;
	}
	.s-mainViewHeading__2{
		font-size: 42px;
	}
}
@media screen and (max-width: 767px){
	.s-topView{
		background-image: var(--SP_URL);
		height: 150px;
		padding-top: 32px;
	}
	.s-mainViewHeading__1{
		font-size: 18px;
	}
	.s-mainViewHeading__2{
		font-size: 26px;
	}
}
/* ------------------  白ボックス -------------------- */
.s-whiteBox{
	width: 95%;
	margin: 0 auto;
	background: #fff;
}
@media screen and (min-width: 768px){
	.s-whiteBox{
		height: 100px;
		max-width: 1300px;
		margin-top: -100px;
	}
}
@media screen and (max-width: 767px){
	.s-whiteBox{
		height: 30px;
		margin-top: -30px;
	}
}

/* ------------------ Concept -------------------- */
.s-modernHeading2{
	text-align: center;
	color: var(--RED01);
}
.s-conceptLead{
	font-family: var(--FF_SERIF);
	font-weight: 500;
	text-align: center;
}
.s-notoHeading2{
	text-align: center;
	font-weight: 500;
	color: var(--RED01);
}
.s-thoughtBrandLead{
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
}
.s-thoughtBrandLead__red{
	color: var(--RED01);
}
@media screen and (min-width: 768px){
	.s-concept{
		margin-bottom: 110px;
		margin-top: -60px;
	}
	.s-modernHeading2{
		font-size: 28px;
		margin-bottom: 40px;
	}
	.s-conceptLead{
		font-size: 36px;
		position: relative;
		padding-bottom: 140px;
	}
	.s-conceptLead::after{
		content: "";
		display: inline-block;
		background: var(--RED01);
		width: 1px;
		height: 80px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}
	.s-thoughtBrand{
		margin-top: 60px;
	}
	.s-notoHeading2{
		margin-bottom: 25px;
		font-size: 26px;
	}
	.s-thoughtBrandLead{
		font-size: 36px;
		margin-bottom: 30px;
	}
	.s-thoughtBrandImg1{
		margin-bottom: 30px;
	}
	.s-thoughtBrandImg2{
		margin-bottom: 30px;
	}
}
@media screen and (max-width: 767px){
	.s-concept{
		margin-bottom: 40px;
		margin-top: 22px;
	}
	.s-modernHeading2{
		font-size: 18px;
		margin-bottom: 25px;
	}
	.s-conceptLead{
		font-size: 18px;
		position: relative;
		padding-bottom: 75px;
	}
	.s-conceptLead::after{
		content: "";
		display: inline-block;
		background: var(--RED01);
		width: 1px;
		height: 45px;
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		bottom: 0;
	}
	.s-thoughtBrand{
		margin-top: 30px;
	}
	.s-notoHeading2{
		margin-bottom: 22px;
		font-size: 18px;
	}
	.s-thoughtBrandLead{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.s-thoughtBrandImg1{
		margin-bottom: 20px;
	}
	.s-thoughtBrandImg2{
		margin-bottom: 20px;
	}
}
/* ------------------ YUTALY -------------------- */
.s-brandYutalyHeading2 > span{
	display: block;
}
.s-brandYutalyHeading2{
	text-align: center;
}
.s-brandYutalyHeading2_btm{
	color: var(--RED01);
	font-family: var(--FF_SERIF);
	font-weight: bold;
}
.s-YutalyContents{
	display: grid;
}
@media screen and (min-width: 768px){
	.s-brandYutaly{
		background: url(/asset2024/images/about-us/yutaly_bg.jpg) no-repeat center / cover;
	}
	.s-brandYutaly{
		padding: 80px 0;
	}
	.s-brandYutalyHeading2{
		margin-bottom: 40px;
	}
	.s-brandYutalyHeading2_top{
		font-size: 16px;
	}
	.s-brandYutalyHeading2_btm{
		font-size: 32px;
	}
	.s-brandYutalyLead{
		font-size: 16px;
		margin-bottom: 40px;
	}
	.s-YutalyContents {
    grid-template-columns: 1fr 320px;
    gap: 40px 60px;
	}
}
@media screen and (max-width: 767px){
	.s-brandYutaly{
		background: url(/asset2024/images/about-us/sp/yutaly_bg.jpg) no-repeat center / cover;
	}
	.s-brandYutaly{
		padding: 40px 0;
	}
	.s-brandYutalyHeading2{
		margin-bottom: 30px;
	}
	.s-brandYutalyHeading2_top{
		font-size: 14px;
	}
	.s-brandYutalyHeading2_btm{
		font-size: 24px;
	}
	.s-brandYutalyLead{
		font-size: 14px;
		margin-bottom: 30px;
	}
	.s-YutalyContents {
    grid-template-columns: 1fr 1fr;
    row-gap: 30px;
	}
	.s-YutalyContents__detail {
    grid-column: 1 / 3;
	}
	.s-YutalyContents__img1 {
    grid-column: 1 / 2;
    grid-row: 1 / 2;
	}
	.s-YutalyContents__img2 {
    grid-column: 2 / 3;
    grid-row: 1 / 2;
	}
}

/* ------------------  代表者 -------------------- */
.s-headingItem2{
	text-align: center;
}
.s-headingItem2 > span{
	display: block;
}
.s-headingItem2__top{
	color: var(--RED01);
}
.s-headingItem2__btm{
	font-weight: 500;
}
.s-representativeLead{
	color: var(--RED01);
	font-weight: 500;
	font-family: var(--FF_SERIF);
	text-align: center;
}
.s-representativeLocus{
	display: grid;
	margin-left: 20px;
	border-left: 2px dashed var(--RED02);
}
.s-representativeLocus__item{
	position: relative;
}
.s-representativeLocus__item::before{
	content: "";
  display: inline-block;
  background: var(--RED01);
  position: absolute;
	width: 12px;
	height: 12px;
	border-radius: 50%;
}
.s-representativeLocus__item__hd3{
	color: var(--RED01);
	font-weight: 500;
}
@media screen and (min-width: 768px){
	.s-representative{
		padding: 80px 0 110px 0;
	}
	.s-headingItem2{
		margin-bottom: 40px;
	}
	.s-headingItem2__top{
		font-size: 28px;
	}
	.s-headingItem2__btm{
		font-size: 30px;
	}
	.s-representativeLead{
		font-size: 36px;
		margin-bottom: 60px;
	}
	.s-representativeContents{
		display: grid;
		grid-template-columns: 56fr 64fr;
		gap: 100px;
	}
	.s-representativeLocus{
		margin-top: 40px;
		gap: 30px;
		padding-left: 30px;
	}
	.s-representativeLocus__item__hd3{
		font-size: 18px;
		margin-bottom: 15px;
	}
	.s-headingItem2--repSP{
		display: none;
	}
	.s-representativeLocus__item::before{
		left: -37px;
    top: 10px;
	}
}
@media screen and (max-width: 767px){
	.s-representative{
		padding: 40px 0;
	}
	.s-headingItem2{
		margin-bottom: 30px;
	}
	.s-headingItem2__top{
		font-size: 18px;
	}
	.s-headingItem2__btm{
		font-size: 24px;
	}
	.s-representativeLead{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.s-representativeImg{
		margin-bottom: 20px;
	}
	.s-representativeLocus{
		margin-top: 20px;
		gap: 20px;
		padding-left: 20px;
	}
	.s-representativeLocus__item__hd3{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.s-headingItem2--repPC{
		display: none;
	}
	.s-representativeLocus__item::before{
		left: -27px;
    top: 7px;
	}
}

/* ------------------ サステナブルな取り組み -------------------- */
.s-sustainable{
	background-color: var(--PINK02);
}
.s-sustainableContents{
	display: grid;
}
@media screen and (min-width: 768px){
	.s-sustainable{
		padding: 110px 0;
	}
	.s-sustainableContents{
		gap: 40px;
		margin-bottom: 110px;
	}
	.s-sustainableDetail{
		display: flex;
		gap: 60px;
	}
	.s-sustainableDetail__img{
		width: 400px;
	}
	.s-sustainableDetail__texts{
		flex: 1;
	}
	.s-sustainableDetail__texts__sdg{
		display: flex;
		gap: 15px;
		margin-top: 20px;
	}
	.s-sustainableDetail__texts__sdg__item{
		width: 80px;
	}
}
@media screen and (max-width: 767px){
	.s-sustainable{
		padding: 40px 0;
	}
	.s-sustainableContents{
		gap: 30px;
		margin-bottom: 50px;
	}
	.s-sustainable360__img img{
		min-width: 500px;
	}
	.s-sustainableDetail{
		display: grid;
    grid-template-columns: 150px 1fr;
    align-items: center;
    column-gap: 20px;
	}
	.s-sustainableDetail__texts{
		display: contents;
	}
	.sustainableJsText{
		grid-column: span 2;
		margin-top: 15px;
		color: var(--RED01);
		font-size: 14px;
		padding-bottom: 15px;
		border-bottom: 1px dotted var(--RED02);
		position: relative;
	}
	.s-sustainablejs{
		grid-column: span 2;
    display: none;
	}
	.s-sustainablejs__text{
		font-size: 12px;
		margin-top: 20px;
	}
	.s-sustainableDetail__texts__sdg{
		display: flex;
		gap: 15px;
		margin-top: 20px;
	}
	.s-sustainableDetail__texts__sdg__item{
		width: 70px;
	}
	.sustainableJsText__open{
		width: 20px;
		top: 1px;
		display: inline-block;
    position: relative;
    aspect-ratio: 1 / 1;
    position: absolute;
    border-radius: 50%;
    right: 0;
	}
	.sustainableJsText__open::before{
		content: "";
    display: inline-block;
    background: var(--RED01);
    width: 80%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	}
	.sustainableJsText__open::after{
		transition: .3s;
    transform: translate(-50%, -50%) rotate(90deg);
		content: "";
    display: inline-block;
    background: var(--RED01);
    width: 80%;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 50%;
	}
	.sustainableJsText.sp.active .sustainableJsText__open::after{
		transform: translate(-50%, -50%) rotate(180deg);
	}
}

/* ------------------ 地球の未来を守るために -------------------- */
.s-borderBotmDotted{
	border-bottom: 1px dotted var(--GRAY04);
}.s-earthHeading{
	text-align: center;
	font-weight: 500;
}
.s-earthHeading__red{
	color: var(--RED01);
}
.s-earthImazyeaHdg{
	background-color: var(--DARK01);
	font-weight: 500;
	padding: 5px 0;
	text-align: center;
	color: var(--WHITE);
	margin: 0 auto;
}
.s-earthImazyeaContents__text{
	font-weight: 500;
}
.s-earthContentsTexts{
	display: grid;
}
.s-earthContentsTexts__detail__supplement{
	display: block;
	margin-top: 15px;
	padding-left: 15px;
	position: relative;
}
.s-earthContentsTexts__detail__supplement::before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
.s-notoHeading3.s-earthContentsTexts__detail__hdg{
	margin-bottom: 7px;
}
@media screen and (min-width: 768px){
	.s-borderBotmDotted{
		padding-bottom: 60px;
	}
	.s-earthFuture{
		padding-top: 110px;
	}
	.s-earthHeading{
		font-size: 36px;
		margin-bottom: 40px;
	}
	.s-earthImazyea{
		margin-bottom: 40px;
	}
	.s-earthImazyeaHdg{
		width: 264px;
		font-size: 18px;
		margin-bottom: 40px;
	}
	.s-earthImazyeaContents{
		display: flex;
		gap: 57px;
		align-items: center;
	}
	.s-earthImazyeaContents__img{
		flex: 1;
	}
	.s-earthImazyeaContents__text{
		flex: 1;
	}
	.s-earthImazyeaContents__text{
		font-size: 26px;
	}
	.s-earthContentsItem{
		display: flex;
		margin-bottom: 30px;
	}
	.s-earthContentsItem__img{
		flex: 1;
	}
	.s-earthContentsTexts{
		gap: 30px;
	}
}
@media screen and (max-width: 767px){
	.s-earthFuture{
		padding-top: 40px;
	}
	.s-earthHeading{
		font-size: 24px;
		margin-bottom: 30px;
	}
	.s-earthImazyea{
		margin-bottom: 30px;
	}
	.s-earthImazyeaHdg{
		width: 240px;
		font-size: 16px;
		margin-bottom: 30px;
	}
	.s-earthImazyeaContents__img{
		margin-bottom: 20px;
	}
	.s-earthImazyeaContents__text{
		font-size: 16px;
	}
	.s-earthContentsItem{
		margin-bottom: 30px;
	}
	.s-earthContentsTexts{
		gap: 20px;
	}
	.s-borderBotmDotted{
		padding-bottom: 40px;
	}
	.s-earthContentsTexts__detail__supplement{
		font-size: 12px;
		padding-left: 14px;
	}
}

/* ------------------ 国際グリーン認証mother scienceが定める基準 -------------------- */
.s-earthHadingRed{
	color: var(--RED01);
	font-weight: 500;
	text-align: center;
}
.s-motherScienceHdg3{
	text-align: center;
	font-weight: 500;
}
.notUsedContents{
	display: grid;
}
.notUsedItem{
	display: flex;
	gap: 20px;
}
.notUsedItem__detail{
	flex: 1;
}
.notUsedItemHdg4{
	font-weight: 500;
	color: var(--RED02);
}
@media screen and (min-width: 768px){
	.s-motherScience{
		margin-top: 60px;
	}
	.s-earthHadingRed{
		font-size: 36px;
		margin-bottom: 40px;
	}
	.s-motherScienceLead{
		font-size: 16px;
		margin-bottom: 60px;
	}
	.s-motherScienceLead--sp{
		display: none;
	}
	.motherScienceMainimg{
		max-width: 747px;
		margin: 0 auto 60px;
	}
	.s-motherScienceHdg3{
		font-size: 26px;
		margin-bottom: 30px;
	}
	.notUsedComponent{
		margin-top: 60px;
	}
	.notUsedContents{
		grid-template-columns: repeat(3,1fr);
		gap: 35px 45px;
	}
	.notUsedItem__img{
		width: 110px;
	}
	.notUsedItemHdg4{
		font-size: 16px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 767px){
	.s-motherScience{
		margin-top: 40px;
	}
	.s-earthHadingRed{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.s-motherScienceLead{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.s-motherScienceLead--pc{
		display: none;
	}
	.motherScienceMainimg{
		margin-bottom: 40px;
	}
	.s-motherScienceHdg3{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.notUsedComponent{
		margin-top: 40px;
	}
	.notUsedContents{
		gap: 20px;
	}
	.notUsedItem__img{
		width: 90px;
	}
	.notUsedItemHdg4{
		font-size: 16px;
		margin-bottom: 5px;
	}
}

/* ------------------ 美しい地球のためのパッケージングと取り組み  -------------------- */
.s-packagingContents{
	display: grid;
}
.s-packagingDetailSupplement{
	display: block;
	margin-top: 15px;
	padding-left: 15px;
	position: relative;
}
.s-packagingDetailSupplement::before{
	content: "※";
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (min-width: 768px){
	.s-earthPackaging{
		margin: 60px 0 110px 0;
	}
	.s-earthPackagingLead{
		font-size: 16px;
		margin-bottom: 40px;
	}
	.s-packagingContents{
		gap: 40px;
	}
	.s-packagingDetail{
		display: grid;
		grid-template-columns: 40fr 62fr;
		gap: 60px;
	}
}
@media screen and (max-width: 767px){
	.s-earthPackaging{
		margin: 40px 0;
	}
	.s-earthPackagingLead{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.s-packagingContents{
		gap: 30px;
	}
	.s-packagingDetail__img{
		margin-bottom: 20px;
	}
	.s-packagingDetailSupplement{
		font-size: 12px;
		padding-left: 14px;
	}
}

/* ■■■■■■■■■■　定期購入について■■■■■■■■■■ */

/* ------------------ 装飾のはっば -------------------- */
.s-whiteBox--leaf{
	position: relative;
}
.s-whiteBox--leaf::before{
	content: "";
	display: inline-block;
	top: 0;
	left: 0;
}
.s-whiteBox--leaf::after{
	content: "";
	display: inline-block;
	width: 380px;
	height: 380px;
	position: absolute;
	top: 0;
	right: 0;
}
@media screen and (min-width: 768px){
	.s-whiteBox--leaf::before{
		width: 380px;
		height: 380px;
		background: url(/asset2024/images/subscription/leaf_left.png) no-repeat center/100%;
	}
	.s-whiteBox--leaf::after{
		width: 380px;
		height: 380px;
		background: url(/asset2024/images/subscription/leaf_right.png) no-repeat center/100%;
	}
}
@media screen and (max-width: 767px){
	.s-whiteBox--leaf::before{
		width: 120px;
		height: 120px;
		background: url(/asset2024/images/subscription/sp/leaf_left.png) no-repeat center/100%;

	}
	.s-whiteBox--leaf::after{
		width: 120px;
		height: 120px;
		background: url(/asset2024/images/subscription/sp/leaf_right.png) no-repeat center/100%;
	}
}

/* ------------------ 安心・お得な定期購入のご案内 -------------------- */
.s-subinfHeading{
	text-align: center;
	font-weight: 500;
}
.s-subinfHeading > span{
	display: block;
}
.s-subinf__top{
	margin-bottom: 4px;
}
.s-subinfLead{
	color: var(--RED01);
	font-family: var(--FF_SERIF);
	text-align: center;
}
.s-subinfLead__bg{
	background: linear-gradient(transparent 73%, var(--GOLD02) 73%);
}
.s-subinfContents{
	display: grid;
}
.s-subinfDetail {
	border: 1px solid var(--RANKING_1ST);
	text-align: center;
	position: relative;
}
.s-subinfDetail::before{
	content: "";
	display: inline-block;
	background-color: var(--RANKING_1ST);
	position: absolute;
	top: 0;
	left: 0;
}
.s-subinfDetail::after{
	content: "";
	display: inline-block;
	background-color: var(--RANKING_1ST);
	position: absolute;
	bottom: 0;
	right: 0;
}
.s-subinfDetail__border {
	border: 1px dashed var(--RANKING_1ST);
	padding: 25px 0 13px 0;
}
.s-subinfDetail___text{
	font-weight: 500;
}
@media screen and (min-width: 768px){
	.s-subscriptionInf{
		margin-bottom: 110px;
		margin-top: -30px;
    position: relative;
	}
	.s-subinfHeading{
		margin-bottom: 14px;
	}
	.s-subinf__top{
		font-size: 16px;
	}
	.s-subinf__btm{
		font-size: 24px;
	}
	.s-subinfLead{
		font-size: 43px;
		font-weight: 500;
		margin-bottom: 30px;
	}
	.s-subinfLead__small {
    font-size: 33px;
	}
	.s-subinfMainImg{
		max-width: 733px;
		margin: 0 auto 30px;
	}
	.s-subinfContents{
		grid-template-columns: repeat(4,1fr);
		gap: 26px;
	}
	.s-subinfDetail {
    padding: 5px;
	}
	.s-subinfDetail__border {
		padding: 25px 0 13px 0;
	}
	.s-subinfDetail__icon {
    width: 80px;
    margin: 0 auto 15px;
	}
	.s-subinfDetail___text{
		font-size: clamp(14px, 1.8vw, 20px);
	}
	.s-subinfDetail::before{
		width: 10px;
		height: 10px;
	}
	.s-subinfDetail::after{
		width: 10px;
		height: 10px;
	}
}
@media screen and (max-width: 767px){
	.s-subscriptionInf{
		margin: 30px 0 60px 0;
	}
	.s-subinfHeading{
		margin-bottom: 10px;
	}
	.s-subinf__top{
		font-size: 11px;
	}
	.s-subinf__btm{
		font-size: 19px;
	}
	.s-subinfLead{
		font-size: 28px;
		margin-bottom: 20px;
		font-weight: 600;
	}
	.s-subinfLead__small {
    font-size: 22px;
	}
	.s-subinfMainImg{
		margin-bottom: 20px;
	}
	.s-subinfContents{
		grid-template-columns: repeat(2,1fr);
		gap: 10px;
	}
	.s-subinfDetail {
    padding: 3px;
	}
	.s-subinfDetail__border {
		padding: 17px 0 10px 0;
	}
	.s-subinfDetail__icon {
    width: 50px;
    margin: 0 auto 10px;
	}
	.s-subinfDetail___text{
		font-size: 15px;
	}
	.s-subinfDetail::before{
		width: 8px;
		height: 8px;
	}
	.s-subinfDetail::after{
		width: 8px;
		height: 8px;
	}
}
/* ------------------ ご安心ください -------------------- */
.s-subSecurityHdg{
	color: var(--RED01);
	text-align: center;
	font-family: var(--FF_SERIF);
	font-weight: bold;
}
.s-subSecurityLead{
	font-weight: 500;
	text-align: center;
}
.s-subSecurityLead__red{
	color: var(--RED01);
}
.s-subSecContents:last-child{
	margin-bottom: 0px;
}
.s-subSecContentsHdg{
	background-color: var(--RED01);
	text-align: center;
	font-family: var(--FF_SERIF);
	font-weight: 500;
	color: var(--WHITE);
}
.s-subSecDetail{
	background-color: var(--PINK02);
	display: grid;
}
.s-subSecDetail__item{
	background-color: #fff;
	position: relative;
}
.s-subSecDetail__item__hdg{
	text-align: center;
	font-weight: 500;
	font-size: 16px;
	width: 114px;
	border-radius: 30px;
	padding: 5px;
	top: -18px;
	position: absolute;
	margin: 0 auto;
	background-color: var(--RED01);
	color: var(--WHITE);
	left: 50%;
	transform: translateX(-50%);
}
.s-subSecDetail__item__img{
	width: 90px;
	margin: 0 auto 5px;
}
.s-subSecDetail__item__text{
	text-align: center;
	font-weight: 500;
}
.s-subSecDetail__item__text__red{
	color: var(--RED01);
}
.s-subSecDetail__item__hdg--sec{
	background-color: var(--RED02);
}
.s-subSecDetail__item__img--sec{
	width: 60px;
	margin-bottom: 10px;
}
.s-subSecDetail__item__text--sec{
	font-size: 18px;
}
@media screen and (min-width: 768px){
	.s-subSecurity{
		margin-bottom: 110px;
	}
	.s-subSecurityHdg{
		font-size: 28px;
		margin-bottom: 20px;
	}
	.s-subSecurityLead{
		font-size: 20px;
		margin-bottom: 40px;
	}
	.s-subSecContents{
		margin-bottom: 40px;
	}
	.s-subSecContentsHdg{
		padding: 15px 0;
		font-size: 26px;
	}
	.s-subSecDetail{
		grid-template-columns: repeat(3,1fr);
		gap: 20px;
		padding: 56px 57px 40px;
	}
	.s-subSecDetail__item{
		padding: 39px 5px 19px;
	}
	.s-subSecDetail__item__text{
		font-size: clamp(14px, 2vw, 24px);
	}
	
}
@media screen and (max-width: 767px){
	.s-subSecurity{
		margin-bottom: 40px;
	}
	.s-subSecurityHdg{
		font-size: 24px;
		margin-bottom: 10px;
	}
	.s-subSecurityLead{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.s-subSecContents{
		margin-bottom: 30px;
	}
	.s-subSecContentsHdg{
		padding: 15px 0;
		font-size: 18px;
	}
	.s-subSecDetail{
		gap: 36px;
		padding: 36px 20px 20px;
	}
	.s-subSecDetail__item{
		padding: 39px 50px 19px;
	}
	.s-subSecDetail__item__text{
		font-size: 20px;
	}
}

/* ---- リピーターの92%が定期便を選んでいます ----- */
.s-termDeliveryHdg{
	text-align: center;
	font-weight: 500;
}
.s-termDeliveryDedail{
	display: grid;
}
.s-termDeliveryItem{
	display: flex;
	align-items: center;
}
.s-termDeliveryItem__hdg{
	background-color: var(--RED01);
	color: var(--WHITE);
	text-align: center;
	padding: 5px 0;
	font-size: 16px;
}
.s-termDeliveryItem__text{
	flex: 1;
	font-weight: 500;
}
@media screen and (min-width: 768px){
	.s-termDelivery{
		margin-bottom: 110px;
	}
	.s-termDeliveryHdg{
		font-size: 36px;
		margin-bottom: 40px;
	}
	.s-termDeliveryCot{
		display: flex;
		align-items: center;
		gap: 90px;
	}
	.s-termDeliveryCot__img{
		flex: 373;
	}
	.s-termDeliveryDedail{
		flex: 613;
		gap: 40px;
	}
	.s-termDeliveryItem{
		gap: 16px;
	}
	.s-termDeliveryItem__hdg{
		width: 106px;
	}
	.s-termDeliveryItem__text{
		font-size: var(--FZ_22);
	}
}
@media screen and (max-width: 767px){
	.s-termDelivery{
		margin-bottom: 40px;
	}
	.s-termDeliveryHdg{
		font-size: 24px;
		margin-bottom: 30px;
	}
	.s-termDeliveryCot__img{
		width: 219px;
		margin: 0 auto 30px;
	}
	.s-termDeliveryDedail{
		gap: 15px;
		width: fit-content;
    margin: 0 auto;
	}
	.s-termDeliveryItem{
		gap: 10px;
	}
	.s-termDeliveryItem__hdg{
		width: 66px;
	}
	.s-termDeliveryItem__text{
		font-size: 18px;
	}
}

/* -------- 定期便ご利用中のお客様の声 ------------ */
.s-subCustomer{
	background-color: var(--PINK02);
}
.s-sustomerDetail {
	background: var(--WHITE);
}
.s-sustomerDetail__box{
	height: 100%;
	display: flex;
	flex-direction: column;
}
.s-sustomerDetail__text {
	flex: 1;
	font-weight: 500;
	border-bottom: 1px dotted var(--GRAY04);
	padding-bottom: 20px;
}

.s-sustomerDetail__hum {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.s-sustomerDetail__hum__name__top{
	font-weight: bold;
	font-size: 14px;
}
.s-sustomerDetail__hum__name__btm{
	font-size: 14px;
}
.s-sustomerDetail__hum__img {
	width: 60px;
}
.s-sustomerDetail{
	min-width: var(--WIDTH);
	max-width: var(--WIDTH);
}
.s-sustomerDetail__box{
	height: 100%;
	display: flex;
	flex-direction: column;
} 
.s-sustomerDetail__text{
	flex: 1;
}
.s-subCustomer__count{
	display: flex;
	align-items: baseline;
	justify-content: center;
}
.s-subCustomer__count span{
	display: inline-block;
}
.s-subCustomer__count span::before{
	content: '0';
}
.s-subCustomer__current{
	color: var(--RED01);
}
@media screen and (min-width: 768px){
	.s-subCustomer{
		padding: 110px 0;
	}
	.s-sustomerVoice{
		--WIDTH: 360px;
	}
	.s-sustomerVoice .slick-slide{
		margin: 0 10px;
	}
	.s-sustomerDetail {
    padding: 30px;
		min-height: 380px;
		display: flex !important;
    flex-direction: column;
	}
	.s-subCustomer__count{
		margin-top: 35px;
	}
	.s-subCustomer__current{
		font-size: 18px;
		padding-right: 5px;
	}
	.s-subCustomer__total{
		font-size: 16px;
		padding-left: 5px;
	}
	.s-sustomerDetail__box {
		flex: 1;
    padding-top: 30px;
		background: url(/asset2024/images/subscription/decoration.png) no-repeat left top /19px;
	}
	.s-sustomerDetail__text {
		font-size: 16px;
	}
}
@media screen and (max-width: 767px){
	.s-subCustomer{
		padding:  40px 0;
	}
	.s-sustomerVoice{
		--WIDTH: 290px;
	}
	.s-sustomerVoice .slick-slide{
		margin: 0 7px;
	}
	.s-sustomerDetail {
    padding: 20px;
		min-height: 322px;
		display: flex !important;
    flex-direction: column;
	}
	.s-subCustomer__count{
		margin-top: 15px;
	}
	.s-subCustomer__current{
		font-size: 14px;
		padding-right: 3px;
	}
	.s-subCustomer__total{
		font-size: 12px;
		padding-left: 3px;
	}
	.s-sustomerDetail__box {
		flex: 1;
    padding-top: 25px;
		background: url(/asset2024/images/subscription/decoration.png) no-repeat left top /13px;
	}
	.s-sustomerDetail__text {
		font-size: 14px;
	}
}
/* -------- よくあるご質問 ------------ */
.s-subQuestion .s-faq{
	border-top: 1px dotted var(--RED02);
}
@media screen and (min-width: 768px){
	.s-subQuestion{
		padding: 110px 0;
	}
}
@media screen and (max-width: 767px){
	.s-subQuestion{
		padding: 40px 0;
	}
}

/* -------- ご案内 --------- */
.s-subIntroduction{
	background-color: var(--PINK02);
}
@media screen and (min-width: 768px){
	.s-subIntroduction{
		padding: 110px 0;
	}
}
@media screen and (max-width: 767px){
	.s-subIntroduction{
		padding: 40px 0;
	}
}


/* ■■■■■■■■■■ 初めての方へ ■■■■■■■■■■ */

/* ------------------ ELGON YUTALY -------------------- */
.s-bgnElgon__img{
	width: 234px;
}
.s-bgnYutaly__img{
	width: 186px;
}
@media screen and (min-width: 768px){
	.s-elgonYuta{
		margin-bottom: 110px;
	}
	.s-bgnElgon{
		text-align: center;
		max-width: 860px;
    margin: 50px auto;
	}
	.s-bgnElgon__img{
		margin: 0 auto 30px;
	}
	.s-bgnYutaly{
		text-align: center;
		max-width: 860px;
    margin: 0 auto;
	}
	.s-bgnYutaly__img{
		margin: 0 auto 30px;
	}
}
@media screen and (max-width: 767px){
	.s-elgonYuta{
		margin-bottom: 40px;
		margin-top: -20px;
	}
	.s-bgnElgon{
		margin-top: 30px;
	}
	.s-bgnYutaly{
		margin-top: 30px;
	}
	.s-bgnElgon__img{
		margin: 0 auto 20px;
	}
	.s-bgnYutaly__img{
		margin: 0 auto 20px;
	}
}


/* ---------- YUTALYトライアルセット --------- */
.s-yutalyTrial{
	background-color: var(--PINK02);
}
.s-yutalyTrialAgingHdg{
	text-align: center;
	font-weight: bold;
	color: var(--RED01);
	font-family: var(--FF_SERIF);
}
.s-yutaTriAgingCot__Dtl__Hdg{
	font-weight: 500;
	margin-bottom: 15px;
}
.s-yutaTriAgingCot__Dtl__list__red{
	color: var(--RED01);
	margin-right: 5px;
}
.s-yutaTriAgingCot__Dtl__list li{
	position: relative;
	padding-left: 16px;
}
.s-yutaTriAgingCot__Dtl__list li::before{
	content: "・";
	color: var(--RED01);
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (min-width: 768px){
	.s-yutalyTrial{
		padding: 110px 0;
	}
	.s-yutalyTrialText--pc{
		text-align: center;
		margin-bottom: 30px;
	}
	.s-yutalyTrialText--sp{
		display: none;
	}
	.s-yutalyTrialMainImg{
		max-width: 860px;
		margin: 0 auto 60px;
	}
	.s-yutalyTrialAgingHdg{
		font-size: 32px;
		margin-bottom: 30px;
	}
	.s-yutaTriAgingCot{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 50px;
	}
	.s-yutaTriAgingCot__img{
		width: 250px;
	}
	.s-yutaTriAgingCot__Dtl__Hdg{
		font-size: 26px;
	}
	.s-yutaTriAgingCot__Dtl__list{
		font-size: 18px;
	}
	.s-yutaTriAgingCot__Dtl__btm{
		margin-top: 12px;
		font-size: 14px;
	}
}
@media screen and (max-width: 767px){
	.s-yutalyTrial{
		padding: 40px 0;
	}
	.s-yutalyTrialText--sp{
		margin-bottom: 20px;
	}
	.s-yutalyTrialText--pc{
		display: none;
	}
	.s-yutalyTrialMainImg{
		margin-bottom: 40px;
	}
	.s-yutalyTrialAgingHdg{
		font-size: 24px;
		margin-bottom: 20px;
	}
	.s-yutaTriAgingCot {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 15px 20px;
	}
	.s-yutaTriAgingCot__Dtl {
    display: contents;
	}
	.s-yutaTriAgingCot__Dtl__Hdg{
		font-size: 18px;
		grid-row: 1 / 2;
    grid-column: span 2;
    text-align: center;
	}
	.s-yutaTriAgingCot__img{
		width: 120px;
    justify-self: end;
	}
	.s-yutaTriAgingCot__Dtl__list{
		font-size: 13px;
	}
	.s-yutaTriAgingCot__Dtl__btm {
    grid-column: span 2;
	}
}

/* ------ YUTALYトライアルセット（商品） ---------- */
.s-yutalyProductItem__hdg{
	font-weight: bold;
}
.s-yutalyProductItem__text li{
	list-style-type: disc;
  list-style-position: inside;
}
.s-yutalyProductDetail__top__name__top{
	font-weight: bold;
}
.s-yutalyProductDetail__top__name__pri{
	font-weight: 500;
}
.s-yutalyProductDetail__top__atten{
	width: 146px;
	border: 1px solid var(--RED01);
	padding: 5px 0;
	text-align: center;
	font-size: 14px;
	color: var(--RED01);
}
.s-yutalyProductDetail__btm__list__hdg{
	font-weight: bold;
	color: var(--RED01);
}
.s-yutalyProductDetail__btm__list__cnt{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.s-yutalyProductDetail__btm__list__cnt li{
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1px solid var(--RED01);
	padding: 3px;
	background-color: var(--GRAY01);
}
.s-yutalyProductDetail__btm__list__cnt li span{
	aspect-ratio: 1/1;
	border-radius: 50%;
	border: 1px dotted var(--RED01);
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
	color: var(--RED01);
}
@media screen and (min-width: 768px){
	.s-yutalyProduct{
		padding: 110px 0;
	}
	.s-yutalyProductCot{
		display: grid;
		grid-template-columns: 320fr 595fr;
		gap: 100px;
	}
	.s-yutalyProductItem__hdg{
		font-size: 16px;
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.s-yutalyProductItem__text{
		font-size: 16px;
	}
	.s-yutalyProductDetail__top{
		margin-bottom: 30px;
	}
	.s-yutalyProductDetail__top__name__top{
		font-size: 24px;
	}
	.s-yutalyProductDetail__top__name__pri{
		font-size: 20px;
	}
	.s-yutalyProductDetail__top__name__tax{
		font-size: 16px;
	}
	.s-yutalyProductDetail__top__atten{
		margin-top: 15px;
	}
	.s-yutalyProductDetail__btm__text{
		font-size: 16px;
		margin-bottom: 30px;
	}
	.s-yutalyProductDetail__btm__list__hdg{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.s-yutalyProductDetail__btm__list__cnt{
		gap: 15px;
	}
	.s-yutalyProductDetail__btm__list__cnt li{
		flex: 1;
	}
}
@media screen and (max-width: 767px){
	.s-yutalyProduct{
		padding: 40px 0;
	}
	.s-yutalyProductCot{
		display: grid;
		gap: 20px;
	}
	.s-yutalyProductDetail{
		display: contents;
	}
	.s-yutalyProductItem__img{
		width: 60%;
		margin: 0 auto;
	}
	.s-yutalyProductItem__hdg{
		font-size: 14px;
		margin-top: 20px;
		margin-bottom: 10px;
	}
	.s-yutalyProductItem__text{
		font-size: 14px;
	}
	.s-yutalyProductDetail__top__name{
		text-align: center;
	}
	.s-yutalyProductDetail__top__name__top{
		font-size: 18px;
	}
	.s-yutalyProductDetail__top__name__pri{
		font-size: 18px;
	}
	.s-yutalyProductDetail__top__name__tax{
		font-size: 14px;
	}
	.s-yutalyProductDetail__top__atten{
		margin: 15px auto 0;
	}
	.s-yutalyProductDetail__btm__text{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.s-yutalyProductDetail__btm__list__hdg{
		font-size: 16px;
		margin-bottom: 15px;
		text-align: center;
	}
	.s-yutalyProductDetail__btm__list__cnt{
		gap: 10px;
	}
	.s-yutalyProductDetail__btm__list__cnt li{
		width: calc((100% / 3) - 20px);
	}
	.s-yutalyProductDetail__top{
		order: 1;
	}
	.s-yutalyProductItem{
		order: 2;
	}
	.s-yutalyProductDetail__btm{
		order: 3;
	}
	.s-yutalyProduct .g-btn{
		margin: 0 auto;
	}
}
/* ----- YUTALYトライアルセット（お役様の声） --------- */
.s-yutaTriVoiceDil{
	background-color: var(--WHITE);
}

.s-yutaTriVoiceDil__box{
	padding-bottom: 20px;
	border-bottom: 1px dotted var(--GRAY04);
}
.s-yutaTriVoiceDil__hum{
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 20px;
}
.s-yutaTriVoiceDil__hum__name__top{
	font-weight: bold;
	font-size: 14px;
}
.s-yutaTriVoiceDil__hum__name__btm{
	font-size: 14px;
}
.s-yutaTriVoiceDil__hum__img{
	width: 60px;
}
@media screen and (min-width: 768px){
	.s-yutaTriVoice{
		padding: 110px 0;
	}
	.s-yutaTriVoice{
		background: url(/asset2024/images/beginner/yuta-tri_voice.jpg) no-repeat center/cover;
	}
	.s-yutaTriVoiceCnt{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 30px;
	}
	.s-yutaTriVoiceDil{
		padding: 30px;
		display: flex;
		flex-direction: column;
	}
	.s-yutaTriVoiceDil__box{
		padding-top: 30px;
		background: url(/asset2024/images/beginner/decoration.png) no-repeat left top/19px;
		flex: 1;
	}
	.s-yutaTriVoiceDil__text{
		font-size: 16px;
	}
}
@media screen and (max-width: 767px){
	.s-yutaTriVoice .g-inner--s{
		width: 100%;
	}
	.s-yutaTriVoice{
		padding: 40px 0;
	}
	.s-yutaTriVoice .slick-slide{
		margin: 0 7px;
	}
	.s-yutaTriVoice{
		background: url(/asset2024/images/beginner/sp/yuta-tri_voice.jpg) no-repeat 40% center/cover;
		--WIDTH: 290px;
	}
	.s-yutaTriVoiceDil{
		padding: 20px;
		min-width: var(--WIDTH);
		max-width: var(--WIDTH);
		min-height: 412px;
		display: flex !important;
		flex-direction: column;
	}
	.s-yutaTriVoice__count{
		display: flex;
		align-items: baseline;
		justify-content: center;
		margin-top: 15px;
	}
	.s-yutaTriVoice__count span{
		display: inline-block;
	}
	.s-yutaTriVoice__count span::before{
		content: '0';
	}
	.s-yutaTriVoice__current{
		color: var(--RED01);
	}
	.s-yutaTriVoice__current{
		font-size: 14px;
		padding-right: 3px;
	}
	.s-yutaTriVoice__total{
		font-size: 12px;
		padding-left: 3px;
	}
	.s-yutaTriVoiceDil__box{
		padding-top: 25px;
		background: url(/asset2024/images/beginner/decoration.png) no-repeat left top/13px;
		flex: 1;
	}
	.s-yutaTriVoiceDil__text{
		font-size: 14px;
	}
}

/* ------ YUTALYトライアルセット -------- */
.s-headingItem2__btm__s-trialSet{
	color: var(--RED01);
}
.s-trialSetCnt{
	border-bottom: 1px solid var(--GRAY03);
}
.s-trialSetDetail__hdg{
	text-align: center;
	font-weight: bold;
}
.s-trialSetDetail__item__list__hdg{
	color: var(--RED01);
	font-weight: bold;
	text-align: center;
	position: relative;
}
.s-trialSetDetail__item__list__hdg::before{
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--RED01);
}
.s-trialSetDetail__item__list__hdg::after{
	content: "";
	display: inline-block;
	width: 20px;
	height: 1px;
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
	background-color: var(--RED01);
}
.s-trialSetDetail__item__list__del__txt{
	font-weight: 500;
}
.s-trialSetDetail__item__list__del{
	display: grid;
	gap: 5px;
}
.s-trialSetDetail__item__list__del > li{
	display: flex;
	align-items: center;
	gap: 11px;
}
.s-trialSetDetail__item__list__del__img{
	width: 20px;
}
.s-trialSetDetail__item__list__del__txt{
	flex: 1;
	font-size: 16px;
}
@media screen and (min-width: 1001px){
	.s-trialSet{
		padding: 110px 0;
	}
	.s-trialSetCnt{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		padding-bottom: 60px;
		--PADDING: 50px;
	}
	.s-trialSetDetail{
		position: relative;
		display: flex;
		flex-direction: column;
	}
	.s-trialSetDetail:nth-child(1){
		padding: 0 var(--PADDING) var(--PADDING) 0;
	}
	.s-trialSetDetail:nth-child(1)::before,.s-trialSetDetail:nth-child(3)::before{
		content: "";
		display: inline-block;
		width: 1px;
		height: 266px;
		position: absolute;
		right: 0;
		top: 50%;
		transform: translateY(-50%);
		background-color: var(--RED01);
	}
	.s-trialSetDetail:nth-child(1)::after,.s-trialSetDetail:nth-child(2)::after{
		content: "";
		display: inline-block;
		width: 430px;
		height: 1px;
		position: absolute;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
		background-color: var(--RED01);
	}
	.s-trialSetDetail:nth-child(2){
		padding: 0 0 var(--PADDING) var(--PADDING);
	}
	.s-trialSetDetail:nth-child(3){
		padding: var(--PADDING) var(--PADDING) 0 0;
	}
	.s-trialSetDetail:nth-child(4){
		padding: var(--PADDING) 0 0 var(--PADDING);
	}
	.s-trialSetDetail__hdg{
		font-size: 20px;
		margin-bottom: 20px;
	}
	.s-trialSetDetail__item{
		display: grid;
		grid-template-columns: 20fr 26fr;
		gap: 20px 30px;
		flex: 1;
	}
	.s-trialSetDetail__item__list__hdg{
		font-size: clamp(10px, 1.5vw, 18px);
		margin-bottom: 8px;
	}
	.s-trialSetDetail__item__des{
		grid-column: span 2;
	}
}
@media screen and (min-width: 769px) and (max-width: 1000px){
	.s-trialSet{
		padding: 40px 0;
	}
	.s-trialSetCnt{
		display: grid;
		gap: 30px;
		max-width: 700px;
    margin: 0 auto;
	}
	.s-trialSetDetail{
		padding-bottom: 30px;
	}
	.s-trialSetDetail{
		border-bottom: 1px solid var(--RED01);
	}
	.s-trialSetDetail:last-child{
		border-bottom: 1px solid var(--GRAY03);
	}
	.s-trialSetDetail__hdg{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.s-trialSetDetail__item{
		display: grid;
		grid-template-columns: 200px 1fr;
		gap: 15px 20px;
	}
	.s-trialSetDetail__item__list__hdg{
		font-size: 16px;
		margin-bottom: 8px;
	}
	.s-trialSetDetail__item__des{
		grid-column: 2/3;
		grid-row: 1/2;
		align-self: center;
	}
	.s-trialSetDetail__item__list{
		grid-column: span 2;
		justify-self: center;
		width: 240px;
	}
}
@media screen and (max-width: 768px){
	.s-trialSet{
		padding: 40px 0;
	}
	.s-trialSetCnt{
		display: grid;
		gap: 30px;
		max-width: 600px;
    margin: 0 auto;
	}
	.s-trialSetDetail{
		padding-bottom: 30px;
	}
	.s-trialSetDetail{
		border-bottom: 1px solid var(--RED01);
	}
	.s-trialSetDetail:last-child{
		border-bottom: 1px solid var(--GRAY03);
	}
	.s-trialSetDetail__hdg{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.s-trialSetDetail__item{
		display: grid;
		grid-template-columns: clamp( 140px, 30vw, 220px) 1fr;
		gap: 15px 20px;
	}
	.s-trialSetDetail__item__list__hdg{
		font-size: 16px;
		margin-bottom: 8px;
	}
	.s-trialSetDetail__item__des{
		grid-column: 2/3;
		grid-row: 1/2;
		align-self: center;
	}
	.s-trialSetDetail__item__list{
		grid-column: span 2;
		justify-self: center;
		width: 240px;
	}
}

/* ------------------ バナー2枚 -------------------- */
.s-bgnBanner2{
	background-color: var(--PINK02);
}
@media screen and (min-width: 768px){
	.s-bgnBanner2{
		padding: 60px 0;
	}
	.s-bgnBanner2Cot{
		display: flex;
		gap: 30px;
	}
	.s-bgnBanner2Cnt__item{
		flex: 1;
	}
}
@media screen and (max-width: 767px){
	.s-bgnBanner2{
		padding: 40px 0;
	}
	.s-bgnBanner2Cot{
		display: grid;
		gap: 15px;
	}
	.s-bgnBanner2Cnt__item{
		max-width: 400px;
		margin: 0 auto;
	}
}



/* ■■■■■■■■■■  取扱店舗　■■■■■■■■■■ */
.s-storesAdress > li{
	border-bottom:  1px dotted var(--GRAY04);
}
.s-storesAdress > li:first-child{
	padding-top: 0px;
}
.s-storesAdress__name__hdg{
	font-weight: 500;
}
@media screen and (min-width: 768px){
	.s-storesAdress{
		margin: 100px 0 150px 0;
	}
	.s-storesAdress > li{
		padding: 40px clamp( 50px, 5vw, 100px);
		display: grid;
		gap: 40px;
		grid-template-columns: 1fr clamp( 320px, 5vw, 380px);
	}
	.s-storesAdress__name__hdg{
		font-size: 26px;
		margin-bottom: 15px;
	}
	.s-storesAdress__name__btm{
		font-size: 16px;
	}
	.s-storesAdress__btn{
		display: grid;
		gap: 20px;
	}
}
@media screen and (max-width: 767px){
	.s-storesAdress{
		margin: 30px 0 50px 0;
	}
	.s-storesAdress > li{
		padding: 30px 0;
	}
	.s-storesAdress__btn{
		margin-top: 20px;
		display: flex;
		gap: 20px;
		justify-content: center;
	}
}

/* ■■■■■■■■■■会社概要■■■■■■■■■■ */
.s-company__table{
  border-collapse: collapse;
}
.s-company__table th,
.s-company__table td{
  border: 1px solid var(--RED02);
  border-left: none;
  border-right: none;
}
.s-company__table tr:first-child th,
.s-company__table tr:first-child td{
  border-top: none;
}
.s-company__table tr:last-child th,
.s-company__table tr:last-child td{
  border-bottom: none;
}
.s-company__table th{
  text-align: left;
}
@media screen and (min-width: 768px){
  .s-company__table{
		width: 100%;
    max-width: 800px;
    margin: 0 auto 80px;
  }
  .s-company__table th,
  .s-company__table td{
    padding: 25px 0;
  }
  .s-company__table th{
    padding-left: 10px;
    padding-right: 50px;
    font-size: 18px;
  }
  .s-company__table td{
    font-size: 14px;
  }
}
@media screen and (max-width: 767px){
  .s-company__table{
    margin: 0 auto 50px;
  }
  .s-company__table th,
  .s-company__table td{
    padding: 15px 0;
  }
  .s-company__table th{
    white-space: nowrap;
    padding-left: 10px;
    padding-right: 20px;
  }
  .s-company__table td{
    font-size: 13px;
  }
}