member-how-works{display:block}.member-how-works{--column-gap: 24px;--columns: var(--columns-pc);padding-top:80px;padding-bottom:50px}.member-how-works__inner{overflow:hidden}.member-how-works .common-header{margin-bottom:32px}.member-how-works .common-title{color:#000;text-align:center;font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-36, 36px);font-style:normal;font-weight:400;line-height:1.1}.member-how-works__grid{display:flex;gap:44px;justify-content:center}.member-how-works__item p{margin:0}.member-how-works__item-overlay{padding:0}.member-how-works__item-content{display:flex;gap:8px}.member-how-works__item-subtitle-wrapper{margin-top:40px;display:flex;gap:20px}.member-how-works__item-seq svg{height:24px;width:auto}.member-how-works__item-image{display:flex}.member-how-works__item-image img{width:128px;height:128px;object-fit:contain}.member-how-works__item-title{color:var(--title-color, #0A0A0A);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2;margin-bottom:8px}.member-how-works__item-subtitle{color:var(--font-secondary, #404040);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 500);line-height:1.2}.member-how-works__item-desc{color:var(--desc-color, #404040);font-family:var(--Shokz-Sans-Text, "Shokz Sans Text");font-size:var(--fontSize-12, 12px);font-style:normal;font-weight:var(--Light, 300);line-height:1.3}.member-how-works__item-text{color:var(--font-tertiary, #737373);font-family:var(--Shokz-Sans-Display, "Shokz Sans Display");font-size:var(--fontSize-20, 20px);font-style:normal;font-weight:var(--medium, 400);line-height:1.2}.member-how-works__item-button{margin-top:16px;font-size:18px;font-weight:500;--buttons-radius: 8px;--buttons-radius-outset: 9px;white-space:nowrap}.member-how-works__item--coming{display:flex;align-items:center;justify-content:center}.member-how-works__item--coming .member-how-works__item-overlay{padding:20px 24px}@media screen and (max-width:1279px){.member-how-works__grid{gap:24px}.member-how-works__item-image img{width:100px;height:100px}.member-how-works__item-seq svg{height:18px;width:auto}.member-how-works__item-subtitle-wrapper{gap:12px}.member-how-works__item-subtitle-wrapper{margin-top:32px}}@media screen and (max-width:1100px){.member-how-works__item-subtitle{font-size:16px}}@media screen and (max-width:989px){.member-how-works__grid{gap:16px}.member-how-works__item-subtitle-wrapper{margin-top:24px}.member-how-works__item-seq svg{height:16px;width:auto}.member-how-works__item-subtitle{font-size:clamp(12px,1.66vw,16px)}.member-how-works__item-image img{width:80px;height:80px}}@media screen and (max-width:768px)and (min-width:590px){.member-how-works__item-subtitle br{display:none}}@media screen and (max-width:768px){.member-how-works{padding-top:64px;padding-bottom:35px}.member-how-works .common-title{font-size:clamp(20px,6.1538461538vw,24px);line-height:1.2}.member-how-works .common-header{margin-bottom:32px}.member-how-works__grid{flex-direction:column;width:fit-content;margin:auto;gap:24px}.member-how-works__item-content{align-items:center;gap:16px}.member-how-works__item:nth-child(2n) .member-how-works__item-content,.member-how-works__item:nth-child(2n) .member-how-works__item-subtitle-wrapper{flex-direction:row-reverse}.member-how-works__item-subtitle-wrapper{flex:1;margin-top:0;gap:24px;align-items:center}.member-how-works__item-seq{display:flex;align-items:center;margin-left:clamp(12px,6.1538461538vw,24px)}.member-how-works__item:nth-child(2n) .member-how-works__item-seq{margin-left:0;margin-right:24px}.member-how-works__item-seq svg{height:clamp(16px,6.1538461538vw,24px)}.member-how-works__item-subtitle{font-size:clamp(12px,4.6153846154vw,18px);flex:1}.member-how-works__item:nth-child(2n) .member-how-works__item-subtitle{text-align:right}.member-how-works__item-image img{width:clamp(48px,24.6153846154vw,96px);height:clamp(48px,24.6153846154vw,96px)}}@media screen and (max-width:589px){.member-how-works__grid{width:auto;max-width:400px}.member-how-works__item-content{gap:0}}@media screen and (max-width:380px){.member-how-works__item-subtitle{font-size:clamp(12px,4.2vw,18px)}}
/*# sourceMappingURL=/cdn/shop/t/542/assets/section-member-how-works.css.map */