@charset "utf-8";
/* ■■■■■■■■■■共通■■■■■■■■■■ */
/* g-heading */
h1.g-heading{
	padding: var(--GENERALSEC) 0;
}
/* s-txt */
.s-txt{
	display: grid;
}
.s-txt mark{
	background: linear-gradient(transparent 70%, #fff799 30%);
}
.s-txt__list > li{
	position: relative;
	margin-left: 10px;
}
.s-txt__list > li::before{
	content: '';
	display: inline-block;
	background: var(--BLACK);
	aspect-ratio: 1/1;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
}
.s-txt__note li{
	position: relative;
	color: var(--RED01);
}
.s-txt__note li::before{
	content: '※';
	position: absolute;
	top: 0;
	left: 0;
}
.s-txt__order{
	counter-reset: original-counter;
}
.s-txt__order > li::before{
	content: counter(original-counter)'.';
	counter-increment: original-counter;
	font-weight: 700;
}
.s-txt__pd{
	padding: 10px 0;
}
.s-txtLink{
	font-weight: 700;
	text-decoration: underline;
}
.s-txtColore__red{
	color: var(--RED01);
}
.s-txtLineH{
	line-height: 1.7;
}
@media screen and (min-width: 768px){
	.s-txt *{
		font-size: var(--FZ_16);
	}
	.s-txt p:has(mark){
		line-height: 2.5;
	}
	.s-txt > p:not(:first-child){
		margin-top: var(--GAP_20);
	}
	.s-txt > *+.s-txt__list{
		margin-top: var(--GAP_20);
	}
	.s-txt mark{
		padding: 2px 5px 3px;
	}
	.s-txt__list > li{
		padding-left: 14px;
	}
	.s-txt__list > li::before{
		width: 7px;
		top: 17px;
	}
	.s-txt__note li{
		font-size: var(--FZ_14);
		padding-left: 15px;
	}
	.s-txt__mgB{
		margin-bottom: 50px;
	}
	.g-btnHalf{
		max-width: 240px;
	}
	.g-btnContainer--horizontalPc{
		gap: var(--GAP_50);
	}
	.s-txtColore__red{
		font-size: 14px;
	}
}
@media screen and (max-width: 767px){
	.s-txt *{
		font-size: 14px;
	}
	.s-txt p:has(mark){
		line-height: 2.5;
	}
	.s-txt > p:not(:first-child){
		margin-top: var(--GAP_20);
	}
	.s-txt > *+.s-txt__list{
		margin-top: var(--GAP_20);
	}
	.s-txt mark{
		padding: 2px 5px 3px;
	}
	.s-txt__list > li{
		padding-left: 12px;
	}
	.s-txt__list > li::before{
		width: 6px;
		top: 15px;
	}
	.s-txt__note li{
		font-size: 12px;
		padding-left: 15px;
	}
	.s-txt__mgB{
		margin-bottom: 30px;
	}
	.s-txtColore__red{
		font-size: 12px;
	}
}
/* ■■■■■■■■■■よくある質問■■■■■■■■■■ */
.s-faq dd:not(:last-child){
	border-bottom: 1px solid var(--GRAY03);
}
.s-faq dt,
.s-faq dd{
	position: relative;
}
.s-faq dt{
	font-weight: 600;
}
.s-faq:last-child dd{
	padding-bottom: 0;
}
.s-faq dt::before,
.s-faq dd::before{
	font-family: var(--FF_EN);
	position: absolute;
	font-weight: 500;
}
.s-faq dt::before{
	content: 'Q';
}
.s-faq dd::before{
	content: 'A';
	color: var(--GREEN01);
}
.s-faq__cot{
	border-bottom: 1px solid var(--GRAY03);
}
.s-faq__cot--last{
	border-bottom: none;
}

@media screen and (min-width: 768px){
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd:not(:last-child){
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	.s-faq dt{
		font-size: var(--FZ_18);
		padding: 2px 50px 20px 46px;
	}
	.s-faq dd{
		padding: 20px 15px 40px 46px;
	}
	.s-faq dt::before,
	.s-faq dd::before{
		font-size: 30px;
	}
	.s-faq dt::before{
		left: 10px;
		top: -9px;
	}
	.s-faq dd::before{
		left: 10px;
		top: 12px;
	}
	.s-faq__cot {
		padding-bottom: 50px;
		margin-bottom: 50px;
	}
	.s-faq__cot--last{
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
	.g-btn--center-pc{
		margin-left: 0px;
	}
}
@media screen and (max-width: 767px){
	.s-faq{
		margin-top: 20px;
	}
	.s-faq dd:not(:last-child){
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.s-faq dt{
		font-size: 15px;
		padding: 0 10px 10px 28px;
	}
	.s-faq dd{
		padding: 8px 10px 30px 28px;
	}
	.s-faq dt::before,
	.s-faq dd::before{
		font-size: 22px;
	}
	.s-faq dt::before{
		left: 6px;
		top: -5px;
	}
	.s-faq dd::before{
		left: 6px;
		top: 4px;
	}
	.s-faq dd .s-txt{
		line-height: 1.7;
	}
	.g-btnContainer__pdR{
		padding-right: 6%;
	}
	.s-faq__cot {
		padding-bottom: 30px;
		margin-bottom: 30px;
	}
	.s-faq__cot--last{
		padding-bottom: 0px;
		margin-bottom: 0px;
	}
}
/* アコーディオン プラスマイナス */

.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 dt{
		padding-right: 30px;
	}
	.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: bold;
	border-bottom: 1px solid var(--GRAY02);
}
.s-guideColumn__ttl{
	background-color: var(--BEIGE02);
}
.s-guideCredit{
	display: flex;
	align-items: center;
	gap: var(--GAP_20_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%;
	border-collapse: collapse;
}
.s-guideTable--bank{
	max-width: 300px;
}
.s-guideTable th,
.s-guideTable td{
	border: 2px solid var(--BEIGE01);
}
.s-guideTable th{
	font-weight: normal;
}
.s-guideTable thead th,.s-guideTable thead td{
	background-color: var(--BEIGE01);
	padding: 5px 0;
	font-size: 14px;
}
.s-guideTable tbody th,
.s-guideTable thead td{
	text-align: center;
}
.s-guideTable tbody td{
	text-align: left;
}
.s-guideColumn__subttl{
	font-size: var(--FZ_14);
	font-weight: 400;
}
.s-guideColumn__subttl::before{
	content: '【';
}
.s-guideColumn__subttl::after{
	content: '】';
}
.s-txt__list--mgt0{
	margin-top: 0px !important;
}
.s-guideColumn__unline{
	border-bottom: 1px solid;
}
.s-txt__order--beigu{
	border: 5px solid rgba(247,243,236,.5);
	display: grid;
}
.s-guideColumn--note {
	display: block;
}
.s-guideColumn--note__bold{
	font-weight: bold;
}
.s-guideColumn--note--mgb{
	margin-bottom: 20px;
}
.s-guideReview{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.s-guideColumn__heading+.s-guideColumn__ttl{
	margin-top: 0 !important;
}
@media screen and (min-width: 768px){
	.s-guideContainer{
		display: grid;
		grid-template-columns: 220px 1fr;
		align-items: flex-start;
		gap: clamp( 50px, 6.5vw, 80px);
	}
	.s-guideNav{
		position: sticky;
		top: 75px;
		left: 0;
	}
	.s-guideNav__item li {
		border-bottom: 1px solid var(--GRAY02);
	}
	.s-guideNav__item li a{
		font-size: var(--FZ_14);
		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: 4px 15px;
		margin: var(--MG_50) 0 var(--MG_15);
	}
	.s-guideCredit{
		max-width: 300px;
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 180px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 130px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 150px;
	}
	.s-guidePaymentLogo--auPAY{
		width: 180px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 10px 20px;
		font-size: 14px;
	}
	.s-guideTable tbody th{
		width: 140px;
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_20);
	}
	.i-memberCon--guide{
		margin-top: 50px;
	}
	.guideTable--bank{
		max-width: 640px;
	}
	.s-txt__order--beigu{
		padding: 20px;
		margin-top: 20px;
		gap: 15px;
	}
	.s-txt__order--beigu *{
		font-size: var(--FZ_14);
	}
	.s-guideColumn--note {
		font-size: var(--FZ_13);
	}
	.s-guideColumn--note__bold{
		font-size: var(--FZ_13);
	}
	.s-guideReview{
		gap: 30px;
		margin: 30px 0 15px 0;
	}
}
@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: 12px;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_18_CONST);
		padding-bottom: 5px;
		margin-bottom: var(--MG_20);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_15_CONST);
		padding: 7px 15px;
		margin: var(--MG_50) 0 var(--MG_10);
	}
	
	.s-guidePaymentLogo--AmazonPay{
		width: 150px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 120px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 120px;
	}
	.s-guidePaymentLogo--auPAY{
		width: 150px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
		margin-bottom: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 8px 15px;
		font-size: var(--FZ_12_CONST);
	}
	.s-guideColumn__subttl{
		margin-top: var(--MG_10);
	}
	.i-memberCon--guide{
		margin-top: 30px;
	}
	.guideTable--hosho th{
		width: 60px;
	}
	.s-guideColumn__ttl--mgt20{
		margin-top: var(--MG_20);
	}
	.s-guidePaymentLogo{
		margin-left: 15px;
	}
	.s-txt__order--beigu{
		padding: 15px;
		margin-top: 20px;
		gap: 15px;
	}
	.s-txt__order--beigu *{
		font-size: 13px;
	}
	.s-guideColumn--note {
		font-size: 12px;
	}
	.s-guideColumn--note__bold{
		font-size: 12px;
	}
	.s-guideReview{
		gap: 15px;
    margin: 20px 0 10px 0;
	}
}

/* ■■■■■■■■■■　公式ライン　■■■■■■■■■■ */
@media screen and (min-width: 768px){
	.s-mainText{
		font-size: 18px;
	}
}
@media screen and (max-width: 767px){
	.s-mainText{
		font-size: 14px;
	}
}
/* ---- 見出し --- */
.s-lineHading{
	position: relative;
	width: fit-content;
	margin-left: auto;
	margin-right: auto;
}
.s-lineHading::before{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: var(--GRAY03);
	left: 0;
	top: 50%;
	transform: translateY(50%);
}
.s-lineHading::after{
	content: "";
	display: inline-block;
	position: absolute;
	background-color: var(--GRAY03);
	right: 0;
	top: 50%;
	transform: translateY(50%);
}
.s-sesameLine{
	/* border-bottom: 1px solid var(--GRAY03); */
}
.s-sesameLine .g-inner--s{
	width: 100%;
}
@media screen and (min-width: 768px){
	.s-lineHading{
		font-size: 30px;
		padding: 0 80px;
		margin: 40px auto 60px;
	}
	.s-lineHading::before{
		width: 50px;
		height: 1px;
	}
	.s-lineHading::after{
		width: 50px;
		height: 1px;
	}
}
@media screen and (max-width: 767px){
	.s-lineHading{
		font-size: 20px;
		padding: 0 50px;
		margin: 0 auto 30px;
	}
	.s-lineHading::before{
		width: 30px;
		height: 1px;
	}
	.s-lineHading::after{
		width: 30px;
		height: 1px;
	}
}

/* ---- LINE公式アカウントでメッセージ配信中 --- */
.s-notoHeading2{
	font-weight: 500;
	border-bottom: 1px solid var(--GRAY03);
}
.s-lineMesgTop__text__flex{
	display: flex;
	gap: 20px;
	align-items: center;
}
.s-lineMesgTop__text__id{
	text-align: center;
	background-color: var(--BEIGE01);
}



.s-lineMesgBom{
	background-color: var(--BEIGE01);
}
.s-lineMesgBomCon{
	display: grid;
}
.s-lineMesgBomCon > li{
	display: flex;
	align-items: center;
}
.s-lineMesgBomCon__img{
	border-radius: 50%;
	background: var(--WHITE) no-repeat center/65%;
	aspect-ratio: 1/1;
}
@media screen and (min-width: 768px){
	.s-notoHeading2{
		font-size: 22px;
		padding-bottom: 20px;
		margin-bottom: 20px;
	}
	.s-lineMesgTop{
		display: flex;
		gap: 30px;
	}
	.s-lineMesgTop__text{
		flex: 1;
	}
	.s-lineMesgTop__img{
		width: 150px;
	}
	.s-mainText--lineMesgMgb{
		margin-bottom: 24px;
	}
	.s-lineMesgTop__text__img{
		width: 120px;
	}
	.s-lineMesgTop__text__id{
		font-size: 20px;
		padding: 2px 15px;
	}



	.s-lineMesgBom{
		padding: 80px;
	}
	.s-lineMesgBomCon{
		gap: 62px;
	}
	.s-lineMesgBomCon > li{
		gap: 20px;
	}
	.s-lineMesgBomCon__img{
		width: 100px;
	}
	.s-lineMesgBomCon__dtl{
		flex: 1;
	}
	.s-notoHeading2--lineMesgBom{
		margin-bottom: 10px;
		padding-bottom: 10px;
	}
}
@media screen and (max-width: 767px){
	.s-notoHeading2{
		font-size: 17px;
		padding-bottom: 10px;
		margin-bottom: 10px;
	}
	.s-lineMesgTop__img{
		display: none;
	}
	.s-mainText--lineMesgMgb{
		margin-bottom: 15px;
	}
	.s-lineMesgTop__text__img{
		width: 90px;
	}
	.s-lineMesgTop__text__id{
		font-size: 14px;
		padding: 3px 15px;
	}


	.s-lineMesgBom{
		padding: 20px;
	}
	.s-lineMesgBomCon{
		gap: 30px;
	}
	.s-lineMesgBomCon > li{
		gap: 15px;
	}
	.s-lineMesgBomCon__img{
		width: 75px;
	}
	.s-lineMesgBomCon__dtl{
		flex: 1;
	}
	.s-notoHeading2--lineMesgBom{
		font-size: 15px;
		margin-bottom: 7px;
		padding-bottom: 7px;
	}
}

/* --- LINE追加方法 --- */
.s-lineAddHdg{
	font-weight: bold;
}
.s-lineAddBtmID{
	background-color: var(--BEIGE01);
	text-align: center;
}
.s-lineAddBtmID > span{
	position: relative;
	top: -2px;
}
.s-lineAddBtmCnt{
	display: grid;
	gap: 14px;
}
@media screen and (min-width: 768px){
	.s-lineAddHdg{
		font-size: 18px;
	}
	.s-lineAddBtmID{
		padding: 34px 0;
		font-size: 24px;
		margin: 20px 0;
		cursor: pointer;
	}
	.s-lineAddBtmCnt{
		grid-template-columns: repeat(3,1fr);
	}
}
@media screen and (max-width: 767px){
	.s-lineAddHdg{
		font-size: 14px;
	}
	.s-lineAddBtmID{
		padding: 25px 0;
		font-size: 16px;
		margin: 20px 0;
	}
	.s-lineAddBtmCnt__img {
    width: 300px;
    margin: 0 auto;
	}	
}

/* ■■■■■■■■■■  about-us  ■■■■■■■■■■ */
@media screen and (min-width: 768px){
	.s-aboutText{
		font-size: var(--FZ_14);
	}
}
@media screen and (max-width: 767px){
	.s-aboutText{
		font-size: 14px;
	}
}


/* --- 関わる全ての人を幸せに --- */
.s-aboutHdg1{
	text-align: center;
	font-weight: bold;
}
.s-aboutMsgCnt__dtl__hdg{
	font-weight: bold;
}
.s-aboutMsgCnt li:not(:last-child){
	margin-bottom: var(--GENERALSEC);
}
@media screen and (min-width: 768px){
	.s-aboutHdg1{
		margin-bottom: 88px;
		font-size: var(--FZ_30);
	}
	.s-aboutMsgCnt > li{
		display: flex;
		gap: 50px;
	}
	.s-aboutMsgCnt > li:nth-child(2){
		gap: 66px;
	}
	.s-aboutMsgCnt__img{
		flex: 50;
	}
	.s-aboutMsgCnt__dtl{
		flex: 45;
	}
	.s-aboutMsgCnt li:nth-of-type(odd){
		flex-direction: row-reverse;
	}
	.s-aboutMsgCnt__dtl__hdg{
		font-size: var(--FZ_22);
		margin-bottom: 30px;
	}
	.s-aboutMsgCnt__dtl__text{
		margin-bottom: 20px;
	}
	.s-aboutMsgCnt__dtl__text:last-child{
		margin-bottom: 0px;
	}
}
@media screen and (max-width: 767px){
	.s-aboutHdg1 {
    font-size: 20px;
    margin-bottom: 30px;
	}
	.s-aboutMsgCnt__img {
		margin-bottom: 20px;
	}
	.s-aboutMsgCnt__dtl {
    display: grid;
    gap: 15px;
	}
	.s-aboutMsgCnt__dtl__hdg {
    font-size: 16px;
	}
}

/* --- sesameのものづくり --- */
.s-aboutProduct{
	background-color: var(--BEIGE01);
}
.s-aboutProHdg{
	border-bottom: 1px solid;
}
.s-aboutProHdg__left{
	font-family: var(--FF_SIGNIKA);
	font-weight: 500;
}
.s-aboutProHdg__right{
	font-weight: bold;
}
.s-aboutProCon__hdg{
	font-weight: bold;
}
.s-aboutProCon__hdg > span{
	display: block;
}
.s-aboutProMsg{
	text-align: center;
	font-weight: bold;
}
@media screen and (min-width: 768px){
	.s-aboutProduct{
		padding: var(--GENERALSEC);
	}
	.s-aboutProHdg{
		padding-bottom: 20px;
		margin-bottom: 30px;
	}
	.s-aboutProHdg__left{
		font-size: 40px;
	}
	.s-aboutProHdg__right{
		font-size: 18px;
	}
	.s-aboutProCon{
		display: grid;
		gap: 30px;
	}
	.s-aboutProCon > li{
		display: flex;
		gap: 13px;
	}
	.s-aboutProCon__img{
		width: 324px;
	}
	.s-aboutProCon__dtl{
		flex: 1;
	}
	.s-aboutProCon__hdg{
		margin-bottom: 10px;
	}
	.s-aboutProCon__hdg__top{
		font-size: 16px;
		margin-bottom: 6px;
	}
	.s-aboutProCon__hdg__btm{
		font-size: 22px;
	}
	.s-aboutProMsg{
		font-size: 22px;
	}
}
@media screen and (max-width: 767px){
	.s-aboutProduct{
		padding: 20px 0;
	}
	.s-aboutProHdg{
		padding-bottom: 10px;
		margin-bottom: 15px;
	}
	.s-aboutProHdg__left {
		font-size: 25px;
	}
	.s-aboutProHdg__right {
		font-size: 18px;
	}
	.s-aboutProCon {
    display: grid;
    gap: 40px;
	}
	.s-aboutProCon__img {
		margin-bottom: 15px;
	}
	.s-aboutProCon__hdg {
    margin-bottom: 10px;
	}
	.s-aboutProCon__hdg__top {
    font-size: 17px;
    margin-bottom: 4px;
	}
	.s-aboutProMsg {
    font-size: 16px;
	}
	.s-aboutProduct .g-mgb--half{
		margin-bottom: 40px;
	}
}

/* ----- SESAME BRAND ----- */
.s-aboutBraHdg__left{
	font-family: var(--FF_SIGNIKA);
	font-weight: 500;
}
.s-aboutBraHdg__right{
	font-weight: bold;
}
.s-aboutBraDtl__hdg{
	border-bottom: 1px solid var(--GRAY02);
}
.s-aboutBraDtl__hdg > span{
	display: block;
}
.s-aboutBraDtl__hdg__top{
	font-weight: bold;
}
.s-aboutBraDtl__hdg__btm{
	font-family: var(--FF_SIGNIKA);
	font-weight: 500;
}
.s-aboutBraDtl__text{
	background-color: var(--BEIGE01);
	position: relative;
}
@media screen and (min-width: 768px){
	.s-aboutBraHdg{
		margin-bottom: 20px;
	}
	.s-aboutBraHdg__left{
		font-size: 40px;
	}
	.s-aboutBraHdg__right{
		font-size: 18px;
	}
	.s-aboutBraCon > li{
		display: flex;
		gap: 20px;
	}
	.s-aboutBraImg{
		flex: 50;
	}
	.s-aboutBraDtl{
		flex: 48;
		padding-top: 15px;
	}
	.s-aboutBraDtl__hdg{
		margin-bottom: 10px;
	}
	.s-aboutBraDtl__hdg__top{
		font-size: var(--FZ_16);
	}
	.s-aboutBraDtl__hdg__btm{
		font-size: var(--FZ_40);
	}
	.s-aboutBraDtl__text{
		padding: 54px 20px 30px;
		margin-top: 30px;
	}
	.s-aboutBraDtl__text::before{
		content: "";
		display: inline-block;
		width: 135px;
		height: 50px;
		background: url(/asset2024/images/about-us/brand-deco_1.png) no-repeat center/100%;
		position: absolute;
		top: -8px;
		left: 0;
	}
	.s-aboutBrand .g-btn{
		max-width: 180px;
		margin-top: 30px;
	}
}
@media screen and (max-width: 767px){
	.s-aboutBraHdg {
    margin-bottom: 20px;
	}
	.s-aboutBraHdg__left {
    font-size: 25px;
	}
	.s-aboutBraHdg__right {
    font-size: 18px;
	}
	.s-aboutBraImg {
		margin-bottom: 15px;
	}
	.s-aboutBraDtl__hdg {
    padding-bottom: 5px;
    margin-bottom: 10px;
	}
	.s-aboutBraDtl__hdg__btm {
    font-size: 25px;
	}
	.s-aboutBraDtl__text {
    padding: 35px 15px 15px;
    margin-top: 15px;
	}
	.s-aboutBraDtl__text::before{
		content: "";
		display: inline-block;
		width: 85px;
		height: 50px;
		background: url(/asset2024/images/about-us/brand-deco_1.png) no-repeat center/100%;
		position: absolute;
		top: -14px;
		left: 0;
	}
	.s-aboutBrand .g-mgb--half{
		margin-bottom: 50px;
	}
	.s-aboutBrand .g-btn{
		max-width: 180px;
		margin-top: 30px;
	}
}

/* ---- 新シリーズ ---- */
.s-aboutSeries__con{
	text-align: center;
}
.s-aboutSeries__con > span{
	display: block;
}
.s-aboutSeries__con__top{
	font-weight: bold;
}
.s-aboutSeries__con__btm a{
	position: relative;
	font-weight: 500;
}
.s-aboutSeries__con__btm a::after{
	font-family: 'Font Awesome 5 Pro';
	font-weight: 900;
	content: '\f054';
	position: absolute;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
@media screen and (min-width: 768px){
	.s-aboutSeries__img{
		width: 28px;
		margin: 0 auto 8px;
	}
	.s-aboutSeries__con__top{
		font-size: 18px;
		margin-bottom: 10px;
	}
	.s-aboutSeries__con__mid{
		font-size: 16px;
		margin-bottom: 20px;
	}
	.s-aboutSeries__con__btm a{
		padding-right: 15px;
		font-size: 13px;
	}
	.s-aboutSeries__con__btm a::after{
		font-size: 10px;
	}
}
@media screen and (max-width: 767px){
	.s-aboutSeries__img{
		width: 28px;
		margin: 0 auto 8px;
	}
	.s-aboutSeries__con__top{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.s-aboutSeries__con__mid{
		font-size: 14px;
		margin-bottom: 20px;
	}
	.s-aboutSeries__con__btm a{
		padding-right: 15px;
		font-size: 12px;
	}
	.s-aboutSeries__con__btm a::after{
		font-size: 10px;
	}
}

/* ----- 会社概要 ---- */
@media screen and (min-width: 768px){
	.s-aboutCompany{
		padding: clamp( 170px, 15vw, 210px) 0;
		position: relative;
	}
	.s-aboutComCon{
		width: fit-content;
		margin: 0 auto;
		background-color: var(--BEIGE01);
		padding: 37px clamp( 20px, 2.5vw, 50px);
	}
	.s-aboutComCon__img{
		width: clamp( 330px, 27vw, 394px);
		margin-bottom: 35px;
	}
	.s-aboutComCon__detail > li{
		padding: 10px 0 10px 15px;
		border-bottom: 1px solid var(--GRAY02);
		display: flex;
	}
	.s-aboutComCon__detail > li:first-child{
		padding-top: 0px;
	}
	.s-aboutComCon__detail__left {
		font-size: var(--FZ_16);
    width: 100px;
	}
	.s-aboutComCon__detail__right{
		font-size: var(--FZ_16);
		flex: 1;
	}
	.s-aboutComCon__url a{
		display: block;
		font-size: 18px;
		margin: 10px 0 0 15px;
	}
	.s-aboutCompany_1{
		position: absolute;
		top: 0;
		left: 0;
		width: 43%;
		aspect-ratio: 1/1;
		z-index: -3;
		background: url(/asset2024/images/about-us/company_1.jpg) no-repeat center/100%;
	}
	.s-aboutCompany_2{
		position: absolute;
		top: 43%;
		left: 3%;
		width: 13%;
		aspect-ratio: 1/1;
		z-index: -2;
		background: url(/asset2024/images/about-us/company_2.jpg) no-repeat center/100%;
	}
	.s-aboutCompany_3{
		position: absolute;
		bottom: 0px;
		left: 0px;
		width: 20%;
		aspect-ratio: 1/1;
		background: url(/asset2024/images/about-us/company_3.jpg) no-repeat center/100%;
	}
	.s-aboutCompany_4{
		position: absolute;
		top: 0;
		right: 32%;
		width: 14%;
		aspect-ratio: 1/1;
		background: url(/asset2024/images/about-us/company_4.jpg) no-repeat center/100%;
	}
	.s-aboutCompany_5{
		position: absolute;
		top: 0;
		right: 0;
		width: 30%;
		aspect-ratio: 1/1;
		z-index: -2;
		background: url(/asset2024/images/about-us/company_5.jpg) no-repeat center/100%;
	}
	.s-aboutCompany_6{
		position: absolute;
		top: 30%;
    right: 5%;
		width: 11%;
		aspect-ratio: 1/1;
		z-index: -1;
		background: url(/asset2024/images/about-us/company_6.jpg) no-repeat center/100%;
	}
	.s-aboutCompany_7{
		position: absolute;
		bottom: 0;
    right: 0;
		width: 32%;
		aspect-ratio: 1/1;
		z-index: -1;
		background: url(/asset2024/images/about-us/company_7.jpg) no-repeat center/100%;
	}
}
@media screen and (max-width: 767px){
	.s-aboutComCon{
		background-color: var(--BEIGE01);
		padding: 20px 15px;
	}
	.s-aboutComCon__img{
		width: 280px;
		margin-bottom: 20px;
	}
	.s-aboutComCon__detail > li{
		padding: 10px 0 10px 15px;
		border-bottom: 1px solid var(--GRAY02);
		display: flex;
	}
	.s-aboutComCon__detail > li:first-child{
		padding-top: 0px;
	}
	.s-aboutComCon__detail__left {
    width: 90px;
	}
	.s-aboutComCon__detail__right{
		flex: 1;
	}
	.s-aboutComCon__url a{
		display: block;
		margin: 10px 0 0 15px;
	}
	.s-aboutComCon__deco {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 10px;
    margin-top: 20px;
	}
}




/* ----- 商品一覧・初めてのかたへ ---- */
.s-aboutLink2Con__inner{
	display: flex;
	align-items: center;
	position: relative;
}
.s-aboutLink2Con__img{
	flex: 1;
}
.s-aboutLink2Con__text{
	flex: 1;
	text-align: center;
}
@media screen and (min-width: 768px){
	.s-aboutLink2{
		display: grid;
		grid-template-columns: repeat(2,1fr);
		gap: 20px;
		margin-top: 70px;
	}
	.s-aboutLink2Con__img{
		margin-left: 20px;
	}
	.s-aboutLink2Con__inner::before{
		content: "";
		display: inline-block;
		background: var(--BEIGE01);
		width: 100%;
		height: calc(100% - clamp( 15px, 2vw, 40px));
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}
	.s-aboutLink2Con__inner--lineUp::after{
		content: "";
		display: inline-block;
		width: clamp( 100px, 9vw, 135px);
		height: 49px;
		background: url(/asset2024/images/about-us/doco_Item-list.png) no-repeat center / 100%;
		position: absolute;
		top: 0;
		right: 20%;
	}
	.s-aboutLink2Con__inner--first::after{
		content: "";
		display: inline-block;
		width: clamp( 100px, 9vw, 135px);
		height: 49px;
		background: url(/asset2024/images/about-us/doco_Item-list.png) no-repeat center / 100%;
		position: absolute;
		top: 0;
		right: 20%;
	}
	.s-aboutLink2Con__text{
		font-size: var(--FZ_20);
	}
}
@media screen and (max-width: 767px){
	.s-aboutLink2{
		display: grid;
		gap: 30px;
	}
	.s-aboutLink2Con__inner{
		max-width: 368px;
    margin: 0 auto;
	}
	.s-aboutLink2Con__img{
		margin-left: 10px;
	}
	.s-aboutLink2Con__inner::before{
		content: "";
		display: inline-block;
		background: var(--BEIGE01);
		width: 100%;
		height: calc(100% - 20px);
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		z-index: -1;
	}
	.s-aboutLink2Con__inner--lineUp::after{
		content: "";
		display: inline-block;
		width: 95px;
		height: 49px;
		background: url(/asset2024/images/about-us/doco_Item-list.png) no-repeat center / 100%;
		position: absolute;
		top: -12%;
    right: 18%;
	}
	.s-aboutLink2Con__inner--first::after{
		content: "";
		display: inline-block;
		width: 95px;
		height: 49px;
		background: url(/asset2024/images/about-us/doco_Item-list.png) no-repeat center / 100%;
		position: absolute;
		top: -12%;
    right: 18%;
	}
}

/* --- よくあるご質問・お問い合わせ --- */
.s-aboutForm{
	display: grid;
	grid-template-columns: repeat(2,1fr);
}
.s-aboutFormCon__img1{
	aspect-ratio: 1/1;
	border-radius: 50%;
}
.s-aboutFormCon__img2{
	aspect-ratio: 1/1;
	border-radius: 50%;
}
.s-aboutFormCon__text{
	text-align: center;
	font-weight: 500;
}
@media screen and (min-width: 768px){
	.s-aboutFormCon__img1{
		max-width: 160px;
    width: 28%;
		background: var(--BEIGE01) url(/asset2024/images/about-us/question.svg) no-repeat center/70%;
		margin: 0 auto 30px;
	}
	.s-aboutFormCon__img2{
		max-width: 160px;
    width: 28%;
		background: var(--BEIGE01) url(/asset2024/images/about-us/contact.svg) no-repeat center/70%;
		margin: 0 auto 30px;
	}
	.s-aboutFormCon__text{
		font-size: 20px;
		margin-bottom: 30px;
	}
	.s-aboutFormCon > a{
		pointer-events: none;
	}
}
@media screen and (max-width: 767px){
	.s-aboutForm{
		max-width: 500px;
	}
	.s-aboutFormCon__img1{
		width: 80px;
		background: var(--BEIGE01) url(/asset2024/images/about-us/question.svg) no-repeat center/70%;
		margin: 0 auto 20px;
	}
	.s-aboutFormCon__img2{
		width: 80px;
		background: var(--BEIGE01) url(/asset2024/images/about-us/contact.svg) no-repeat center/70%;
		margin: 0 auto 20px;
	}
	.s-aboutFormCon__text{
		margin-bottom: 20px;
	}
	.s-aboutForm .g-btn{
		max-width: 150px;
	}
	.s-aboutForm .g-btn--arrow a::after{
		width: 40px;
	}
}
/* -------- 商品ページモーダル ---------- */
.output-confirmBeforeOrder__ttl{
	font-weight: 500;
	background-color: var(--BEIGE02);
}
@media screen and (min-width: 768px){
	.output-confirmBeforeOrder__ttl{
    font-size: var(--FZ_18);
		padding: 4px 15px;
		margin-bottom: 15px;
	}
	.output-confirmBeforeOrder__ttl:not(:first-child){
		margin-top: 30px;
	}
}
@media screen and (max-width: 767px){
	.output-confirmBeforeOrder__ttl{
    font-size: var(--FZ_15_CONST);
		padding: 7px 15px;
		margin-bottom: 10px;
	}
	.output-confirmBeforeOrder__ttl:not(:first-child){
		margin-top: 20px;
	}
}
/* -------- 特定商取引法 ---------- */
.s-c-explainTable{
	width: 100%;
	border-collapse: collapse;
}
.s-c-explainTable td,.s-c-explainTable th{
	border: 1px solid #666666;
	text-align: center;
	padding: 4px 8px;
}
.s-c-explainTable th{
	background-color: #f1f1f1;
}
@media screen and (min-width: 768px){
	.s-c-explainTable{
		max-width: 600px;
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px){
	.s-c-explainTable{
		margin-top: 15px;
	}
}

/* --- サンプル資料請求について --- */
.s-sampleTxt{
	font-weight: 500;
	display: grid;
}
.s-sampleTxt__had{
	font-weight: 500;
	background-color: var(--BEIGE02);
}
.s-sampleTxt__info{
	background: #f4f4f4;
}
.s-sampleTxt__info__had{
	font-weight: bold;
	margin-bottom: 6px;
}
.s-sampleTxt__attention{
	border: 1px solid #ff0000;
	color: #ff0000;
}
.s-sampleTxt__attention__had{
	font-size: 13px;
	margin-bottom: 6px;
	font-weight: bold;
}
@media screen and (min-width: 768px){
	.s-sampleTxt__text{
		font-size: var(--FZ_16);
		margin-bottom: 20px;
	}
	.s-sampleTxt__had{
		font-size: var(--FZ_18);
		padding: 4px 15px;
		margin-bottom: 15px;
	}
	.s-sampleTxt__info{
		padding: 20px;
		margin-bottom: 20px;
	}
	.s-sampleTxt__info__had{
		font-size: 13px;
	}
	.s-sampleTxt__s-txt{
		font-size: 12px;
	}
	.s-sampleTxt__attention{
		padding: 20px;
		margin-bottom: 15px;
	}
}
@media screen and (max-width: 767px){
	.s-sampleTxt__had{
		font-size: var(--FZ_15_CONST);
		padding: 7px 15px;
		margin-bottom: 10px;
	}
	.s-sampleTxt__text{
		margin-bottom: 10px;
	}
	.s-sampleTxt__info{
		padding: 15px;
		margin-bottom: 10px;
	}
	.s-sampleTxt__info__had{
		font-size: 13px;
	}
	.s-sampleTxt__s-txt{
		font-size: 12px;
	}
	.s-sampleTxt__attention{
		padding: 15px;
		margin-bottom: 5px;
	}
}
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ■■■■■■■■■■　■■■■■■■■■■ */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */
/* ------------------  -------------------- */