@charset "utf-8";
/* ■■■■■■■■■■■■■■■■追加関数■■■■■■■■■■■■■■■■ */
:root {
}
.g-mgt--160 {
  margin-top: 110px;
}
.g-mgt--120 {
  margin-top: 60px;
}
.g-mgt--80 {
  margin-top: 60px;
}
.g-mgt--60 {
  margin-top: 40px;
}
.g-pd--80 {
  padding-block: 50px;
}

@media screen and (min-width: 768px) {
  .g-mgt--160 {
    margin-top: 160px;
  }
  .g-mgt--120 {
    margin-top: 120px;
  }
  .g-mgt--80 {
    margin-top: 80px;
  }
  .g-mgt--60 {
    margin-top: 60px;
  }
  .g-pdb--pc80 {
    padding-bottom: 80px;
  }
  .g-pd--80 {
    padding-block: 80px;
  }
}
/* g-heading */
h1.g-heading{
	padding: var(--GENERALSEC_HALF) 0;
}
.s-gift h1.g-heading{
	padding:0;
}

/* ■■■■■■■■■■■■■■■■ファーストビュー■■■■■■■■■■■■■■■■ */
.g-fvHeading__main {
  display: block;
  font-size: 24px;
  font-weight: var(--FF_W_B);
  letter-spacing: 0.04em;
  text-align: center;
}
.g-fvHeading__sub {
  margin-top: 10px;
  display: block;
  font-size: var(--FZ_14);
  
  text-align: center;
  font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px) {
  .g-fvHeading__main {
    font-size: var(--FZ_40);
    letter-spacing: 0.12em;
  }
  .g-fvHeading__sub {
    margin-top: 20px;
    font-size: var(--FZ_18);
  }
}

/* ■■■■■■■■■■■■■■■■h1タイトル■■■■■■■■■■■■■■■■ */
.g-h1Ttl {
  text-align: center;
}
.g-h1Ttl__ja {
  font-size: var(--FZ_25);
  
  letter-spacing: 0.04em;
}
.g-h1Ttl__en {
  margin-top: 10px;
  font-size: var(--FZ_14);
  
}
@media screen and (min-width: 768px) {
  .g-h1Ttl__ja {
    font-size: var(--FZ_40);
  }
  .g-h1Ttl__en {
    margin-top: 20px;
    font-size: var(--FZ_18);
  }
}

/* ■■■■■■■■■■■■■■■■g-about■■■■■■■■■■■■■■■■ */
.g-about__items {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 70px;
}
.g-about__ttl {
  font-size: var(--FZ_18);
  
  color: var(--WHITE);
  text-align: center;
  width: fit-content;
  padding: 9px;
  background-color: var(--BROWN01);
  border-radius: 5px;
  margin-inline: auto;
  position: relative;
}
.g-about__item {
  max-width: 275px;
}
.g-about__content {
  margin-top: -20px;
  box-shadow: 0 3px 10px rgb(0 0 0 /0.16);
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .g-about__items {
    margin-top: 50px;
  }
  .g-about__item {
    max-width: 300px;
  }
}
/* ■■■■■■■■■■■■■■■■g-registration■■■■■■■■■■■■■■■■ */
.g-registration {
}
.g-registration__ttl {
  margin-inline: auto;
  max-width: 335px;
}
.g-registration__heading {
  margin: 28px auto 0;
  padding-inline: 18px;
  position: relative;
  width: fit-content;
}
.g-registration__heading::before,
.g-registration__heading::after {
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 100%;
  background-image: url(../images/common/registration/sp/heading-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.g-registration__heading::before {
  left: -8px;
}
.g-registration__heading::after {
  right: -8px;
  transform: scale(1, -1);
}
.g-registration__lead {
  margin-top: 20px;
  font-size: var(--FZ_18_CONST);
  
  letter-spacing: 0.02em;
  text-align: center;
}
.g-registration__firstHeading {
  font-size: var(--FZ_18);
  
  
  text-align: center;
}
.g-registration__secondHeading {
  margin-top: 6px;
  font-size: var(--FZ_16);
  
  
  text-align: center;
}
.g-registration__items {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
}
.g-registration__item:not(:first-of-type) {
  border-left: 1px dashed var(--GRAY02);
}
.g-registration__item {
  padding-inline: 10px;
}
.g-registration__img {
  margin-inline: auto;
  width: fit-content;
  height: 60px;
  display: block;
}
.g-registration__img img {
  height: 100%;
  width: auto;
}
.g-registration__itemTtl {
  margin-top: 10px;
  font-size: var(--FZ_18);
  font-weight: var(--FF_W_B);
  
  width: fit-content;
  margin-inline: auto;
  position: relative;
}
.g-registration__itemTtl::after {
  content: "";
  position: absolute;
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 1px;
  background-color: var(--BDCOLOR_BROWN_1);
}
.g-registration__desc {
  margin-top: 20px;
  font-size: var(--FZ_12_CONST);
  
  text-align: center;
}
.g-registration__alert {
  margin-top: 10px;
  font-size: var(--FZ_11);
  
  text-align: center;
}
.g-registration__btn {
  margin-top: 30px;
}
@media screen and (max-width:767px) {
	.g-registration__firstHeading {
  font-size: 18px;
  }
  .g-registration__secondHeading{
	  font-size:16px;
  }
}
@media screen and (min-width: 768px) {
  .g-registration__inner {
    max-width: 1120px;
  }
  .g-registration__ttl {
    max-width: 632px;
  }
  .g-registration__heading {
    margin-top: 45px;
    padding-inline: 55px;
  }
  .g-registration__heading::before,
  .g-registration__heading::after {
    width: 35px;
    background-image: url(../images/common/registration/heading-deco.svg);
  }
  .g-registration__lead {
    margin-top: 45px;
    font-size: var(--FZ_22);
    
  }
  .g-registration__firstHeading {
    font-size: var(--FZ_30);
  }
  .g-registration__secondHeading {
    margin-top: 10px;
    font-size: var(--FZ_22);
  }
  .g-registration__items {
    margin-top: 40px;
  }
  .g-registration__img {
    height: 95px;
  }
  .g-registration__itemTtl {
    font-size: var(--FZ_40);
    letter-spacing: 0.03em;
  }
  .g-registration__itemTtl span {
    
  }
  .g-registration__itemTtl::after {
    bottom: 0;
    width: 100%;
  }
  .g-registration__desc {
    margin-top: 15px;
    font-size: var(--FZ_22);
    
  }
  .g-registration__desc span{
	  font-weight: var(--FF_W_MB);
  }
  .g-registration__alert {
    margin-top: 8px;
    font-size: var(--FZ_14);
  }
  .g-registration__btn {
    margin-top: 40px;
  }
}

/* ■■■■■■■■■■■■■■■■g-media■■■■■■■■■■■■■■■■ */
.g-media {
  overflow: hidden;
}
.g-media__items {
  margin-top: 30px;
  margin-right: calc(50% - 50vw);
  position: relative;
}
.g-media__item {
  width: 100%;
  aspect-ratio: 140 / 180;
}
.g-media__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .g-media__inner {
    max-width: 1120px;
  }
  .g-media__items {
    margin-top: 40px;
    margin-right: 0;
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px;
  }
  .g-media__item {
    aspect-ratio: 197.86 / 270;
  }
}
/* ■■■■■■■■■■■■■■■■g-safety■■■■■■■■■■■■■■■■ */
.g-safety__lead {
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.g-safety__txt {
  margin-top: 30px;
  font-size: var(--FZ_16_CONST);
  
  
  text-align: center;
}
.g-safety__img {
  margin: 30px auto 0;
}
@media screen and (min-width: 768px) {
  .g-safety__lead {
    font-size: var(--FZ_30);
  }
  .g-safety__txt {
    font-size: var(--FZ_22);
  }
  .g-safety__img {
    margin-top: 40px;
    max-width: 920px;
  }
  .g-safety__imgACO{
    max-width: 420px;
  }
}
@media screen and (max-width:767px) {
	.g-specification{
		overflow:hidden;
	}
  .g-specification__items li:nth-child(odd) .g-specification__img{
	  position:relative;
	  right:0%;
	  width:105%;
	  padding-left:10px;
  }
  .g-specification__items li:nth-child(even) .g-specification__img{
	  position:relative;
	  left:-5%;
	  width:105%;
	  padding-right:10px;
  }
  .g-safety__imgACO{
    max-width:276px;
  }
}
/* ■■■■■■■■■■■■■■■■g-ingredient■■■■■■■■■■■■■■■■ */
.g-specification {
  padding-top: 1px;
  padding-bottom: 50px;
  background-image: url(../images/common/specification/bg.jpg);
  background-size: cover;
}
.g-specification__imgHeading {
  margin-inline: auto;
  max-width: 335px;
  display: block;
  margin-top: 35px;
}
.g-specification__bgHeading {
  margin-top: 10px;
  margin-inline: auto;
  max-width: 224px;
}
.g-specification__bgHeading + .g-heading {
  margin-top: 10px;
}
.g-specification__items {
  margin: 30px auto 0;
}
.g-specification__item {
}
.g-specification__item + .g-specification__item {
  margin-top: 30px;
}
.g-specification__img {
/*   aspect-ratio: 355 / 200; */
/*   max-width: 355px; */
}
.g-specification__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width:950px) {
  .g-specification__item:nth-of-type(2n - 1) .g-specification__img {
    margin-right: max(calc(50% - 50vw), -20px);
  }
  .g-specification__item:nth-of-type(2n) .g-specification__img {
    margin-left: max(calc(50% - 50vw), -20px);
  }
}
.g-specification__content {
  margin-top: 20px;
  padding: 24px 10px 0 10px;
  position: relative;
}
.g-specification__num {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_70);
  letter-spacing: -0.05em;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.2;
}
.g-specification__ttl {
  display: flex;
  flex-direction: column;
  gap: 5px;
  position: relative;
}
.g-specification__ttlSm {
  font-size: var(--FZ_16_CONST);
}
.g-specification__ttlLg {
  font-size: clamp(21px, 2vw, 22px);
}
.g-specification__txt {
  margin-top: 20px;
}
@media screen and (min-width: 950px) {
  .g-specification {
    padding-top: 10px;
    padding-bottom: 80px;
  }
  .g-specification__imgHeading {
    margin-top: 50px;
    max-width: 632px;
  }
  .g-specification__bgHeading {
    max-width: 780px;
  }
  .g-specification__bgHeading + .g-heading {
    margin-top: 10px;
  }
  .g-specification__items {
    margin-top: 50px;
    max-width: 1840px;
  }
  .g-specification__item {
    display: flex;
    align-items: start;
    gap: calc(80 / 1520 * 100%);
    max-width: 1520px;
  }
  .g-specification__item:nth-of-type(2n - 1) {
    flex-direction: row-reverse;
    margin-right: max(calc(50% - 50vw), -320px);
  }
  .g-specification__item:nth-of-type(2n) {
    margin-left: max(calc(50% - 50vw), -320px);
  }
  .g-specification__item + .g-specification__item {
    margin-top: 70px;
  }
  .g-specification__img {
    aspect-ratio: 850 / 450;
    max-width: 850px;
    flex: 0 0 calc(850 / 1520 * 100%);
  }
  .g-specification__item:nth-of-type(2n - 1) .g-specification__img {
    margin-right: 0;
  }
  .g-specification__item:nth-of-type(2n) .g-specification__img {
    margin-left: 0;
  }
  .g-specification__content {
    margin-top: 0;
    padding: 70px 0 0 40px;
    flex: 1 1 auto;
  }
  .g-specification__num {
    font-size: var(--FZ_100);
    line-height: calc(149 / 103);
  }
  .g-specification__ttl {
    gap: 0;
  }
  .g-specification__ttlSm {
    font-size: var(--FZ_22);
  }
  .g-specification__ttlLg {
    font-size: 29px;
  }
  .g-specification__txt {
    font-size: var(--FZ_16);
  }
  .g-specification__ {
  }
}
/* ■■■■■■■■■■■■■■■■g-ingredient■■■■■■■■■■■■■■■■ */
.g-ingredient {
  background-image: url(../images/common/ingredient/sp/bg.png);
  background-size: cover;
}
.g-ingredient__img {
  margin: 25px auto 0;
}
@media screen and (min-width: 768px) {
  .g-ingredient {
    background-image: url(../images/common/ingredient/bg.png);
  }
  .g-ingredient__img {
    margin-top: 40px;
    max-width: 680px;
  }
}
/* ■■■■■■■■■■■■■■■■g-prod■■■■■■■■■■■■■■■■ */
.g-prod {
  padding-block: 50px;
  background-color: var(--BEIGE01);
}
.g-prod__blocks {
  margin-top: 30px;
  display: grid;
  gap: 20px;
  margin-inline: auto;
  max-width: 335px;
}
.g-prod__block {
  padding: 20px 15px 25px;
  background-color: var(--WHITE);
  position: relative;
}
.g-prod__block::before {
  content: "";
  position: absolute;
  top: 0;
  right: 15px;
  width: 70px;
  height: 85px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.g-prod__block:nth-of-type(1)::before {
  background-image: url(../images/oil-care/prod/icon01.png);
}
.g-prod__block:nth-of-type(2)::before {
  background-image: url(../images/oil-care/prod/icon02.png);
}
.g-prod__lead {
  margin: 0 85px 0 auto;
  width: fit-content;
  text-align: center;
}
.g-prod__lead span {
  font-size: 18px;
  font-weight: var(--FF_W_B);
  letter-spacing: 0.44em;
  border-bottom: 2px dotted var(--BDCOLOR_BROWN_1);
  width: fit-content;
}
.g-prod__wrap {
  margin-top: 25px;
  display: flex;
  align-items: center;
  gap: calc(10 / 304 * 100%);
}
.g-prod__img {
  flex: 0 0 calc(90 / 304 * 100%);
}
.g-prod__content {
  flex: 1 1 auto;
  line-height: 1.4;
}
.g-prod__subttl {
  font-size: 11px;
  
}
.g-prod__ttl {
  margin-top: 4px;
  font-size: 14px;
  
  
}
.g-prod__name {
  margin-top: 10px;
  font-size: 14px;
  
  line-height: 1.45;
}
.g-prod__price {
  margin-top: 5px;
  font-size: 12px;
  
}
.g-prod__btn {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .g-prod {
    padding-block: 80px;
  }
  .g-prod__inner {
    max-width: 1120px;
  }
  .g-prod__blocks {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    max-width: 100%;
  }
  .g-prod__block {
    padding: 30px;
    display: flex;
    flex-direction: column;
  }
  .g-prod__block::before {
    right: min(calc(30 / 1120 * 100vw), 30px);
    width: min(calc(100 / 1120 * 100vw),100px);
    aspect-ratio: 100 / 120;
  }
  .g-prod__lead {
    margin: 0 25% 0 auto;
  }
  .g-prod__lead span {
    font-size: var(--FZ_30);
    font-size: min(calc(30 / 1120 * 100vw),30px);
    white-space: nowrap;
  }
  .g-prod__wrap {
    margin-top: 30px;
    gap: calc(20 / 480 * 100%);
    flex-grow: 1;
  }
  .g-prod__wrap + .g-btn {
    max-width: 100%;
  }
  .g-prod__img {
    flex: 0 0 calc(150 / 480 * 100%);
  }
  .g-prod__subttl {
    font-size: var(--FZ_16);
    font-size: min(calc(16 / 1120 * 100vw),16px);
  }
  .g-prod__ttl {
    font-size: var(--FZ_25);
    font-size: min(calc(25 / 1120 * 100vw),25px);
  }
  .g-prod__name {
    margin-top: 15px;
    font-size: var(--FZ_16);
    font-size: min(calc(16 / 1120 * 100vw),16px);
    font-weight: var(--FF_W_B);
    text-align: center;
    line-height: var(--LINE_HEIGHT_S);
  }
  .g-prod__price {
    font-size: var(--FZ_16);
    text-align: center;
  }
  .g-prod__btn {
    margin-top: 35px;
  }
}
/* ■■■■■■■■■■■■■■■■g-benefit■■■■■■■■■■■■■■■■ */
.g-benefit {
}
.g-benefit__imgHeading {
  margin-bottom: 25px;
  margin-inline: auto;
  max-width: 335px;
}
.g-benefit__heading {
  margin: 30px auto 0;
  width: fit-content;
  text-align: center;
}
.g-benefit__heading1 {
  font-size: var(--FZ_18_CONST);
  
  line-height: var(--LINE_HEIGHT_S);
}
.g-benefit__heading2 {
  font-size: var(--FZ_30_CONST);
  font-weight: var(--FF_W_MB);
}
.g-benefit__heading3 {
  font-size: var(--FZ_18_CONST);
  
  line-height: var(--LINE_HEIGHT_S);
}
.g-benefit__items {
  margin: 30px auto 0;
  display: grid;
  gap: 15px;
}
.g-benefit__item {
  padding: 15px;
  border-radius: 5px;
  border: 2px solid var(--BDCOLOR_BROWN_1);
  display: flex;
  align-items: center;
}
.g-benefit__num {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_20_CONST);
  line-height: 1;
}
.g-benefit__txtWrap {
  flex-grow: 1;
  margin-left: 30px;
  position: relative;
}
.g-benefit__txtWrap,.g-benefit__txt1,.g-benefit__txt2{
	line-height: 1.5;
}
.g-benefit__txtWrap::before {
  content: "";
  position: absolute;
  top: 0;
  left: -15px;
  width: 1px;
  height: 100%;
  border-left: 1px dotted var(--BDCOLOR_BROWN_1);
}
.g-benefit__txt1 {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  
}
.g-benefit__txt2 {
  font-size: var(--FZ_20_CONST);
  font-weight: var(--FF_W_B);
  
  color: #c1961e;
}
.g-benefit__img {
  flex: 0 0 67px;
}
.g-benefit__message {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .g-benefit__imgHeading {
    margin-bottom: 45px;
    max-width: 627px;
  }
  .g-benefit__heading {
    margin-top: 45px;
  }
  .g-benefit__heading1 {
    font-size: var(--FZ_22);
  }
  .g-benefit__heading2 {
    font-size: var(--FZ_50);
    
  }
  .g-benefit__heading3 {
    font-size: var(--FZ_22);
  }
  .g-benefit__items {
    margin-top: 35px;
    max-width: 840px;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
  }
  .g-benefit__item {
    padding: 40px;
    flex-direction: column;
  }
  .g-benefit__num {
    font-size: var(--FZ_30);
    order: 1;
  }
  .g-benefit__txtWrap {
    margin-top: 30px;
    margin-left: 0;
    order: 3;
    text-align: center;
  }
  .g-benefit__txtWrap::before {
    display: none;
  }
  .g-benefit__txt1 {
    font-size: var(--FZ_18);
  }
  .g-benefit__txt2 {
    font-size: var(--FZ_22);
  }
  .g-benefit__img {
    margin-top: 30px;
    flex: 0 0 auto;
    max-width: 120px;
    order: 2;
  }
  .g-benefit__message {
    margin-top: 20px;
  }
  .g-benefit__heading1 {
  font-weight: var(--FF_W_B);
}
.g-benefit__heading3 {
  font-weight: var(--FF_W_B);
}
}
/* ■■■■■■■■■■■■■■■■g-message■■■■■■■■■■■■■■■■ */
.g-message {
  padding: 20px 15px;
  margin-inline: auto;
  background-color: var(--BEIGE01);
  text-align: center;
}
.g-message__txt1 {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
}
.g-message__txt2 {
  margin-top: 10px;
  
  
}
.g-message__txt2 span {
  font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px) {
  .g-message {
    max-width: 840px;
  }
  .g-message__txt1 {
    font-size: var(--FZ_18);
    
  }
  .g-message__txt2 {
    font-size: var(--FZ_16);
  }
}
/* ■■■■■■■■■■■■■■■■g-subscription■■■■■■■■■■■■■■■■ */
.g-subscription {
}
.g-subscription__ttl {
  width: fit-content;
  margin-inline: auto;
  padding-inline: 22px;
  position: relative;
  font-size: var(--FZ_22_CONST);
  
  
}
.g-subscription__ttl::before,
.g-subscription__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  width: 12px;
  height: 100%;
  background-image: url(../images/common/subscription/ttl-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.g-subscription__ttl::before {
  left: 0;
}
.g-subscription__ttl::after {
  right: 0;
  transform: scale(-1, 1);
}
.g-subscription__txt {
  margin-top: 20px;
  
  
  
  text-align: center;
  line-height: var(--LINE_HEIGHT_S);
}
.g-subscription__container {
  margin: 20px auto 0;
  display: grid;
  gap: 20px;
}
@media screen and (min-width: 768px) {
  .g-subscription__ttl {
    padding-inline: 40px;
    font-size: var(--FZ_35);
    
  }
  .g-subscription__ttl::before,
  .g-subscription__ttl::after {
    width: 20px;
  }
  .g-subscription__txt {
    margin-top: 30px;
    font-size: var(--FZ_18);
  }
  .g-subscription__container {
    margin-top: 30px;
    max-width: 1160px;
    grid-template-columns: calc(360 / 1160 * 100%) calc(760 / 1160 * 100%);
    gap: calc(40 / 1160 * 100%);
  }
}
@media screen and (max-width:767px) {
  .g-subscription__img{width:80%;margin:0 auto;}
}
/* ■■■■■■■■■■■■■■■■g-recommendProd■■■■■■■■■■■■■■■■ */
.g-recommendProd {
}
.g-recommendProd__ttl {
  font-size: var(--FZ_18);
  
  
}
/* .g-recommendProd__btn {
  margin-top: 30px;
} */
@media screen and (min-width: 768px) {
  .g-recommendProd__ttl {
    font-size: var(--FZ_22);
  }
  /* .g-recommendProd__btn {
    margin-top: 40px;
  } */
}
/* ■■■■■■■■■■■■■■■■g-campaign■■■■■■■■■■■■■■■■ */
.g-campaign {
  overflow: hidden;
}
.g-campaign__items {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(335px, 1fr));
  gap: 20px;
}
.g-campaign__item {
}
.g-campaign__item img {
  width: 100%;
  aspect-ratio: 335 / 180;
  object-fit: cover;
}
.g-campaign figcaption {
  margin-top: 10px;
  font-size: var(--FZ_12_CONST);
  
}
.g-campaign__slides {
  margin: 20px calc(50% - 50vw) 0 0;
}
.g-campaign__slide {
  width: 100%;
  aspect-ratio: 220 / 146;
}
.g-campaign__slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-campaign__slides .slick-dots {
  margin-left: calc((50vw - 50%) * -1);
  bottom: -15px;
}
.g-campaign__slides .slick-dots li {
  width: 50px;
  height: 2px;
  margin-inline: 5px;
}
.g-campaign__slides .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.g-campaign__slides .slick-dots button::before {
  content: "";
  background: var(--GRAY02);
  opacity: 1;
  width: 100%;
  height: 100%;
}
.g-campaign__slides .slick-active button::before {
  background: var(--BDCOLOR_BROWN_1);
}
@media screen and (min-width: 768px) {
  .g-campaign__items {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px 23px;
  }
  .g-campaign__item img {
    aspect-ratio: 590 / 317;
  }
  .g-campaign__slides {
    margin: 40px 0 0 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  .g-campaign__slide {
    aspect-ratio: 387 / 257;
  }
}
/* ■■■■■■■■■■■■■■■■g-cashback■■■■■■■■■■■■■■■■ */
.g-cashback {
}
.g-cashback__img {
  margin-inline: auto;
}
.g-cashback__content {
  margin-top: 15px;
}
.g-cashback__txt {
  font-size: var(--FZ_14);
  
}
@media screen and (min-width: 768px) {
  .g-cashback__img {
    max-width: 100%;
  }
}
/* ■■■■■■■■■■■■■■■■g-giftBanner■■■■■■■■■■■■■■■■ */
.g-giftBanner {
}
.g-giftBanner__img {
  margin-inline: auto;
  max-width: 540px;
}
@media screen and (min-width: 768px) {
}

/* ■■■■■■■■■■■■■■■■g-gift■■■■■■■■■■■■■■■■ */
.g-gift {
  background: linear-gradient(to bottom, var(--BEIGE01) 0%, var(--WHITE) 100%);
  position: relative;
}
.g-gift::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 125px;
  aspect-ratio: 125 / 102;
  background-image: url(../images/common/gift/deco.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top left;
}
.g-gift__heading {
  text-align: center;
  position: relative;
}
.g-gift__headingSm {
  
  
  
}
.g-gift__headingLg {
  font-size: var(--FZ_22_CONST);
  
}
.g-gift__voices {
  margin: 30px auto 0;
  display: grid;
  gap: 10px;
}
.g-gift__voice {
  position: relative;
  padding: 15px;
  display: flex;
  align-items: center;
  gap: calc(5 / 306 * 100%);
}
.g-gift__voice:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.g-gift__voice::before,
.g-gift__voice::after {
  content: "";
  position: absolute;
  width: calc(100% - 5px);
  height: calc(100% - 5px);
  border-radius: 5px;
}
.g-gift__voice::before {
  top: 0;
  left: 0;
  border: 1px solid var(--BDCOLOR_BROWN_1);
  z-index: 2;
}
.g-gift__voice::after {
  right: 0;
  bottom: 0;
  background-color: var(--WHITE);
  z-index: 1;
}
.g-gift__voiceImg {
  flex: 0 0 calc(70 / 306 * 100%);
  aspect-ratio: 70 / 76;
  position: relative;
  z-index: 3;
}
.g-gift__voiceImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-gift__voiceTxt {
  flex-grow: 1;
  
  
  position: relative;
  z-index: 3;
}
.g-gift__lead {
  margin-top: 30px;
  font-size: var(--FZ_22_CONST);
  
  text-align: center;
}
.g-gift__group1 {
  margin: 30px auto 0;
  padding: 15px;
  background-color: var(--WHITE);
}
.g-gift .group1__items {
}
.g-gift .group1__item {
}
.g-gift .group1__item + .group1__item {
  margin-top: 40px;
}
.g-gift .group1__img {
  padding: 18px 0 0 18px;
  position: relative;
}
.g-gift .group1__img img {
  width: 100%;
  aspect-ratio: 285 / 190;
  object-fit: cover;
}
.g-gift .group1__img::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 80px;
  aspect-ratio: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.g-gift .group1__item:nth-of-type(1) .group1__img::before {
  background-image: url(../images/common/gift/group1-deco01.png);
}
.g-gift .group1__item:nth-of-type(2) .group1__img::before {
  background-image: url(../images/common/gift/group1-deco02.png);
}
.g-gift .group1__item:nth-of-type(3) .group1__img::before {
  background-image: url(../images/common/gift/group1-deco03.png);
}
.g-gift .group1__item:nth-of-type(4) .group1__img::before {
  background-image: url(../images/common/gift/group1-deco04.png);
}
.g-gift .group1__content {
  margin-top: 20px;
}
.g-gift .group1__ttl {
  font-size: var(--FZ_18_CONST);
  
  
}
.g-gift .group1__txtWrap {
  margin-top: 15px;
}
.g-gift .group1__txt {
  
  
}
.g-gift .group1__txt + .group1__txt {
  margin-top: 1lh;
}
.g-gift .group1__subTtl {
  margin-top: 15px;
  
  font-weight: var(--FF_W_B);
  
}
.g-gift .group1__list {
  margin-top: 15px;
  padding-left: 1em;
}
.g-gift .group1__listItem {
  list-style: disc;
  font-size: var(--FZ_14_CONST);
  
}
.g-gift .group1__listItem + .group1__listItem {
  margin-top: 5px;
}
.g-gift .group1__detail {
  margin-top: 20px;
  font-size: var(--FZ_12_CONST);
  
}
.g-gift__group2 {
  margin: 30px auto 0;
  max-width: 335px;
}
.g-gift .group2__items {
  display: grid;
  gap: 30px;
}
.g-gift .group2__video {
  aspect-ratio: 335 / 188;
}
.g-gift .group2__video video{
	width: 100%;
}
.g-gift .group2__txt {
  margin-top: 15px;
  font-size: var(--FZ_14);
  
  text-align: center;
}
.g-gift__group3 {
  margin: 30px auto 0;
  border: 2px solid var(--BDCOLOR_BROWN_1);
  padding: 40px 15px;
  position: relative;
  border-radius:5px;
}
.g-gift__group3::before {
  content: "";
  position: absolute;
  top: 5px;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: var(--BDCOLOR_BROWN_1);
}
.g-gift .group3__headingLg {
  font-size: var(--FZ_22_CONST);
  
  text-align: center;
}
.g-gift .group3__headingSm {
  margin-top: 8px;
  font-size: var(--FZ_12_CONST);
  font-weight: var(--FF_W_B);
  
  text-align: center;
}
.g-gift .group3__txt {
  margin-top: 30px;
  
  
}
.g-gift .group3__images {
  margin-top: 20px;
  display: grid;
  gap: 15px;
}
.g-gift .group3__image {
  aspect-ratio: 305 / 203;
}
.g-gift .group3__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (min-width: 768px) {
  .g-gift__inner {
    max-width: 1120px;
  }
  .g-gift::before {
    width: calc(430 / 1840 * 100vw);
    max-width: 430px;
    aspect-ratio: 430 / 342;
  }
  .g-gift__headingSm {
    font-size: var(--FZ_16);
  }
  .g-gift__headingLg {
    font-size: var(--FZ_30);
    
  }
  .g-gift__voices {
    margin-top: 40px;
    max-width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .g-gift__voice {
    padding: 30px 25px;
    gap: 0;
  }
  .g-gift__voice::before,
  .g-gift__voice::after {
    width: calc(100% - 8px);
    height: calc(100% - 8px);
  }
  .g-gift__voiceImg {
    flex: 0 0 calc(115 / 490 * 100%);
    aspect-ratio: 115 / 125;
  }
  .g-gift__voiceTxt {
    font-size: var(--FZ_16);
  }
  .g-gift__lead {
    margin-top: 60px;
    font-size: var(--FZ_30);
    
  }
  .g-gift__group1 {
    margin-top: 40px;
    padding: 40px;
    max-width: 100%;
  }
  .g-gift .group1__items {
  }
  .g-gift .group1__item {
    display: flex;
    align-items: start;
    gap: calc(40 / 1020 * 100%);
    padding-left: 20px;
    pl


  }
  .g-gift .group1__img {
    padding: 22px 0 0 22px;
    flex: 0 0 calc(382 / 1020 * 100%);
  }
  .g-gift .group1__img img {
    aspect-ratio: 360 / 240;
  }
  .g-gift .group1__img::before {
    width: 100px;
  }
  .g-gift .group1__content {
    margin-top: 0;
    padding-top: 22px;
    flex-grow: 1;
  }
  .g-gift .group1__ttl {
    font-size: var(--FZ_22);
  }
  .g-gift .group1__txtWrap {
    margin-top: 20px;
  }
  .g-gift .group1__txt {
    font-size: var(--FZ_16);
  }
  .g-gift .group1__subTtl {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
  .g-gift .group1__list {
    margin-top: 10px;
  }
  .g-gift .group1__listItem {
    font-size: var(--FZ_16);
  }
  .g-gift .group1__listItem + .group1__listItem {
    margin-top: 10px;
  }
  .g-gift .group1__detail {
    margin-top: 40px;
    font-size: var(--FZ_14);
  }
  .g-gift__group2 {
    margin-top: 40px;
    max-width: 100%;
  }
  .g-gift .group2__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .g-gift .group2__video {
    aspect-ratio: 540 / 304;
  }
  .g-gift .group2__txt {
    font-size: var(--FZ_16);
  }
  .g-gift__group3 {
    margin-top: 40px;
    max-width: 100%;
    padding: 40px;
  }
  .g-gift__group3::before {
    height: 5px;
  }
  .g-gift .group3__headingLg {
    font-size: var(--FZ_30);
    
  }
  .g-gift .group3__headingSm {
    font-size: var(--FZ_16);
    
  }
  .g-gift .group3__txt {
    margin-top: 40px;
    font-size: var(--FZ_16);
  }
  .g-gift .group3__images {
    margin-top: 40px;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .g-gift .group3__image {
    aspect-ratio: 500 / 333;
  }
}
/* ■■■■■■■■■■■■■■■■g-line■■■■■■■■■■■■■■■■ */
.g-line__group1 {
  display: flex;
  flex-direction: column;
  gap: 20px;
  margin-inline: auto;
  max-width: 335px;
  border-bottom: 1px solid var(--GRAY03);
}
.g-line .group1__txt1 {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  
  text-align: center;
}
.g-line .group1__txt2 {
  display: block;
  margin: 20px auto 0;
  max-width: 300px;
}
.g-line .group1__txt3 {
  margin-top: 30px;
  
  
}
.g-line .group1__img {
  margin-inline: auto;
  max-width: 300px;
}
.g-line__group2 {
  margin: 40px auto 0;
}
.g-line .group2__lead {
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.g-line .group2__blocks {
  margin-top: 20px;
  display: grid;
  gap: 10px;
}
.g-line .group2__block {
  padding: 20px;
  background-color: var(--WHITE);
  border-radius: 5px;
  border: 1px dotted var(--BDCOLOR_BROWN_1);
  display: flex;
  align-items: center;
  gap: calc(15 / 295 * 100%);
}
.g-line .group2__img {
  border-radius: 50%;
  overflow: hidden;
}
.g-line .group2__ttl {
  
  
  
}
.g-line .group2__txtWrap {
  margin-top: 15px;
}
.g-line .group2__txt {
  font-size: var(--FZ_12_CONST);
  
}
.g-line__group3 {
  margin: 55px auto 0;
  max-width: 335px;
}
.g-line .group3__bg {
  background-color: var(--BEIGE01);
}
.g-line .group3__ttl {
  font-size: var(--FZ_18_CONST);
  
  
  margin-bottom: 15px;
  text-align: center;
}
.g-line__btn a {
  border-radius: 6px;
  background-color: #06c755;
  border-color: #06c755;
  color: var(--WHITE);
  position: relative;
}
.g-line__btn a:visited{
	 color: var(--WHITE) !important;
}
.g-line__btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translateY(-50%);
  width: 16px;
  aspect-ratio: 1;
  background-image: url(../images/common/line/arrow-right.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.g-line .group3__txtWrap {
  margin-top: 30px;
}
.g-line .group3__txt {
  font-size: var(--FZ_12_CONST);
  
}
@media screen and (min-width: 768px) {
  .g-line__inner {
    max-width: 1120px;
  }
  .g-line__group1 {
    flex-direction: row-reverse;
    gap: calc(60 / 1060 * 100%);
    max-width: 100%;
    padding-inline: 30px;
    align-items: center;
  }
  .g-line .group1__content {
    flex: 0 0 calc(590 / 1060 * 100%);
  }
  .g-line .group1__txt1 {
    font-size: var(--FZ_18);
    text-align: left;
  }
  .g-line .group1__txt2 {
    margin: 25px 0 0 0;
    max-width: calc(512 / 590 * 100%);
  }
  .g-line .group1__txt3 {
    font-size: var(--FZ_14);
  }
  .g-line .group1__img {
    max-width: 400px;
    flex: 0 0 calc(400 / 1060 * 100%);
  }
  .g-line__group2 {
    max-width: 920px;
  }
  .g-line .group2__lead {
    font-size: var(--FZ_30);
    
  }
  .g-line .group2__blocks {
    margin: 20px auto 0;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    max-width: 1120px;
    gap: calc(40 / 1120 * 100%);
  }
  .g-line .group2__block {
    flex-direction: column;
    gap: calc(15 / 295 * 100%);
    border-width: 2px;
  }
  .g-line .group2__img {
    max-width: 200px;
    width:39%;
    display: block;
    margin:0 auto;
  }
  .g-line .group2__ttl {
    margin-top: 20px;
    font-size: var(--FZ_16);
    font-weight: var(--FF_W_B);
    text-align: center;
  }
  .g-line .group2__txtWrap {
    margin-top: 20px;
  }
  .g-line .group2__txt {
    font-size: var(--FZ_14);
    
  }
  .g-line__group3 {
    margin-top: 60px;
    max-width: 900px;
  }
  .g-line .group3__bg {
    max-width: 950px;
    padding-block: 60px;
    background-color: var(--BEIGE01);
    border-radius:8px;
  }
 #fs_CheckoutSuccess .g-line .group3__bg{
	 padding-bottom: 0;
 }
  .g-line .group3__ttl {
    margin-inline: auto;
    width: fit-content;
    background-color: var(--BEIGE01);
    padding: 8px 45px;
    font-size: var(--FZ_22);
  }
  .g-line .group3__bg .group3__ttl {
    background-color: var(--WHITE);
  }
  .g-line .group3__content {
    margin: 20px auto 0;
    max-width: 830px;
    border-bottom: 2px solid #E8E8E8;
    padding:0 10px;
  }
  .g-line .group3__txtWrap {
    margin-top: 20px;
  }
  .g-line .group3__txt {
    font-size: var(--FZ_14);
  }
}
@media screen and (max-width: 767px) {
  .g-line .group2__img{
  	width:22%;
  }
}
/* ■■■■■■■■■■■■■■■■g-reviewSection■■■■■■■■■■■■■■■■ */
.g-reviewCampaign {
  background-color: var(--BEIGE01);
}
.g-reviewSection__ttl {
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
  margin-bottom: 20px;
}
.g-reviewCampaign .group1__ttlSub {
  font-size: var(--FZ_18_CONST);
  
  
  margin-inline: auto;
  width: fit-content;
  display: block;
  padding-inline: 20px;
  position: relative;
}
.g-reviewCampaign .group1__ttlSub::before,
.g-reviewCampaign .group1__ttlSub::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background-image: url(../images/common/review-campaign/titile-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.g-reviewCampaign .group1__ttlSub::before {
  left: 0;
}
.g-reviewCampaign .group1__ttlSub::after {
  right: 0;
  transform: scale(-1, 1);
}
.g-reviewCampaign .group1__ttlMain {
  margin-top: 5px;
  font-size: 24px;
  
  letter-spacing: 0.04em;
  text-align: center;
  display: block;
}
.g-reviewCampaign .group1__img {
  margin: 20px auto 0;
}
.g-reviewCampaign .group1__txt {
  margin: 20px auto 0;
  font-size: var(--FZ_18);
}
.g-reviewCampaign .group2__items {
  display: grid;
  gap: 10px;
  margin: 20px auto 0;
}
.g-reviewCampaign .group2__item {
  padding: 20px;
  background-color: var(--WHITE);
  border: 1px dotted var(--BDCOLOR_BROWN_1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  gap: calc(15 / 295 * 100%);
}
.g-reviewCampaign .group2__img {
  flex: 0 0 calc(60 / 295 * 100%);
}
.g-reviewCampaign .group2__txt {
  font-size: var(--FZ_18_CONST);
  
  
}
.g-reviewCampaign .group2__txtWrap {
  margin: 15px auto 0;
  font-size:14px;
}
.g-reviewCampaign .group2__txt {
  font-size: 16px;
  
}
.g-reviewCampaign .group2__txtWrap .group2__txt{
	font-size: 14px;
}
@media screen and (min-width: 768px) {
  .g-reviewCampaign__inner {
    max-width: 1120px;
  }
  .g-reviewSection__ttl {
    font-size: var(--FZ_30);
    
    margin-bottom: 40px;
  }
  .g-reviewCampaign .group1__ttlSub {
    font-size: var(--FZ_22);
    
  }
  .g-reviewCampaign .group1__ttlMain {
    font-size: var(--FZ_30);
    
  }
  .g-reviewCampaign .group1__img {
    margin-top: 40px;
    max-width: 840px;
  }
  .g-reviewCampaign .group1__txt {
    margin-top: 40px;
    max-width: fit-content;
    text-align: center;
  }
  .g-reviewCampaign .group2__items {
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    margin-top: 40px;
    max-width: 920px;
  }
  .g-reviewCampaign .group2__item {
    flex-direction: column;
    gap: 20px;
  }
  .g-reviewCampaign .group2__img {
    flex: 0 0 auto;
    width: calc(100 / 240 * 100%);
  }
  .g-reviewCampaign .group2__txt {
    font-weight: var(--FF_W_B);
    text-align: center;
  }
  .g-reviewCampaign .group2__txtWrap {
    margin-top: 20px;
    max-width: 920px;
  }
  .g-reviewCampaign .group2__txt {
    font-size: var(--FZ_14);
    text-align: left;
  }
}
/* ■■■■■■■■■■■■■■■■下層ページファーストビュー■■■■■■■■■■■■■■■■ */
.g-subPageFv {
  height: 130px;
  background-size: cover;
  background-position: center;
}
.g-subPageFv__inner {
  height: inherit;
  display: grid;
  place-items: center;
}
.g-subPageFv__heading {
  display: flex;
  flex-direction: column;
  align-items: center;
  color: var(--WHITE);
}
.g-subPageFv__ja {
  font-size: var(--FZ_24);
  
  letter-spacing: 0.04em;
}
.g-subPageFv__en {
  margin-top: 5px;
  font-size: var(--FZ_14);
  
}
.s-member .g-subPageFv {
  background-image: url(../images/common/subPage-fv/sp/member.jpg);
}
.s-herbalTea .g-subPageFv {
  background-image: url(../images/common/subPage-fv/sp/herbalTea.jpg);
}
.s-howToUse .g-subPageFv {
  background-image: url(../images/common/subPage-fv/sp/how-to-use.jpg);
}
.s-about .g-subPageFv.aboutImg {
  background-image: url(../images/common/subPage-fv/sp/about.jpg);
}
.s-subscriptionCategory .g-subPageFv {
  background-image: url(../images/common/subPage-fv/sp/teiki_mv.jpg);
}

@media screen and (min-width: 768px) {
  .g-subPageFv {
    height: 250px;
  }
  .g-subPageFv__ja {
    font-size: var(--FZ_40);
    letter-spacing: 0.12em;
  }
  .g-subPageFv__en {
    margin-top: 0;
    font-size: var(--FZ_18);
  }
  .s-member .g-subPageFv {
    background-image: url(../images/common/subPage-fv/member.jpg);
  }
  .s-herbalTea .g-subPageFv {
    background-image: url(../images/common/subPage-fv/herbalTea.jpg);
  }
  .s-howToUse .g-subPageFv {
    background-image: url(../images/common/subPage-fv/how-to-use.jpg);
    background-position: 77% center;
  }
  .s-about .g-subPageFv.aboutImg {
    background-image: url(../images/common/subPage-fv/about.jpg);
  }
  .s-subscriptionCategory .g-subPageFv {
  background-image: url(../images/common/subPage-fv/teiki_mv.jpg);
}
}
/* ■■■■■■■■■■■■■■■■コラム■■■■■■■■■■■■■■■■ */
/* .g-column {
  overflow: hidden;
  background-color: var(--BEIGE01);
}
.g-column__items {
  margin: 26px calc(50% - 50vw) 0 0;
}
.g-column__img {
  aspect-ratio: 220 / 146;
}
.g-column__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-column__content {
  padding: 18px 13px;
  background-color: var(--WHITE);
}
.g-column__ttl {
  font-size: var(--FZ_12_CONST);
  
}
.g-column__items + .g-btn {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .g-column__items {
    margin: 40px 0 0 0;
  }
  .g-column__img {
    aspect-ratio: 285 / 190;
  }
  .g-column__content {
    padding: 20px 16px;
  }
  .g-column__ttl {
    font-size: var(--FZ_16);
    
  }
  .g-column__items + .g-btn {
    margin-top: 40px;
  }
} */
/* ■■■■■■■■■■■■■■■■g-instagram■■■■■■■■■■■■■■■■ */
.g-instagram {
  overflow: hidden;
}
.g-instagram__item {
  aspect-ratio: 150 / 150;
}
.g-instagram__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.g-instagram__items + .g-btn {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .g-instagram__items {
    margin: 40px 0 0 0;
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: 25px;
  }
  .g-instagram__items + .g-btn {
    margin-top: 40px;
  }
}
@media screen and (max-width: 767px){
  .g-instagram__items{
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 10px;
  }
  .g-instagram__item:nth-of-type(n+10){
    display: none;
  }
}
/* ■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■ */
@media screen and (min-width: 768px) {
}
/* ■■■■■■■■■■■■■■■■ ■■■■■■■■■■■■■■■■ */
@media screen and (min-width: 768px) {
}
/* ■■■■■■■■■■■■■■■■下矢印■■■■■■■■■■■■■■■■ */
.g-arrowBottom {
  width: 60px;
  margin-inline: auto;
}
@media screen and (min-width: 768px) {
}

/* ■■■■■■■■■■■■■■■■marker■■■■■■■■■■■■■■■■ */
.g-marker {
  background: linear-gradient(transparent 70%, #eedaa2 30%);
}

/* ■■■■■■■■■■■■■■■■はじめてのオイルケア■■■■■■■■■■■■■■■■ */
/* s-fv */
.s-oilCare .s-fv {
  aspect-ratio: 375 / 470;
  width: 100%;
  max-height: 470px;
  background-image: url(../images/oil-care/fv/sp/bg.jpg);
  background-size: cover;
}
.s-oilCare .s-fv__listImg {
  margin: 20px auto 0;
  max-width: 335px;
}
.s-oilCare .s-fv__productImg {
  margin: 20px auto 0;
  max-width: 173px;
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-fv {
    padding: 124px 0 108px;
    aspect-ratio: initial;
    max-height: 100%;
    background-image: url(../images/oil-care/fv/bg.jpg);
  }
  .s-oilCare .s-fv__inner {
    height: 100%;
    position: relative;
    display: grid;
    place-items: center;
  }

  .s-oilCare .s-fv__container {
    padding-inline: 180px;
  }
  .s-oilCare .s-fv__listImg {
    margin-top: 40px;
    max-width: 606px;
  }
  .s-oilCare .s-fv__productImg {
    margin: 0;
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
  }
  .s-oilCare .s-fv__productImg img {
    display: none;
  }
  .s-oilCare .s-fv__productImg::before,
  .s-oilCare .s-fv__productImg::after {
    content: "";
    position: absolute;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .s-oilCare .s-fv__productImg::before {
    left: calc(50% - min(48vw, 530px));
    top: 120px;
    width: min(calc(162 / 1200 * 100vw),162px);
    aspect-ratio: 162 / 312;
    background-image: url(../images/oil-care/fv/product-yellow.png);
  }
  .s-oilCare .s-fv__productImg::after {
    right: calc(50% - min(48vw, 500px));
    top: 50px;
    width: min(calc(113 / 1200 * 100vw),113px);
    aspect-ratio: 113 / 401;
    background-image: url(../images/oil-care/fv/product-white.png);
  }
}

/* s-surprise */
.s-oilCare .s-surprise {
  margin-top: 58px;
}
.s-oilCare .s-surprise__heading {
  position: relative;
  width: fit-content;
  max-width: 335px;
  margin-inline: auto;
  text-align: center;
  padding-inline: 20px;
}
.s-oilCare .s-surprise__mainHeading {
  font-size: 26px;
  
}
.s-oilCare .s-surprise__subHeading {
  margin-top: 8px;
  font-size: var(--FZ_16);
  
}
.s-oilCare .s-surprise__heading::before,
.s-oilCare .s-surprise__heading::after {
  content: "";
  position: absolute;
  top: 0;
  width: 23px;
  height: 100%;
  border: 1.5px solid var(--BDCOLOR_BROWN_1);
}
.s-oilCare .s-surprise__heading::before {
  left: 0;
  border-right: none;
}
.s-oilCare .s-surprise__heading::after {
  right: 0;
  border-left: none;
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-surprise {
    margin-top: 87px;
  }
  .s-oilCare .s-surprise__heading {
    padding-inline: 80px;
    max-width: 100%;
    line-height: 1.5;
  }
  .s-oilCare .s-surprise__mainHeading {
    font-size: var(--FZ_45);
  }
  .s-oilCare .s-surprise__subHeading {
    margin-top: 10px;
    font-size: var(--FZ_25);
  }
}
/* セクション名 */
.s-oilCare .s-product__ttl {
  font-size: 22px;
  text-align: center;
  position: relative;
}
.s-oilCare .s-product__ttl::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 38px;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url(../images/oil-care/product/sp/heading-deco.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: -1;
}
.s-oilCare .s-product__items {
  margin-top: 40px;
}
.s-oilCare .s-product__img {
  border-top: 2px solid var(--BEIGE01);
  border-bottom: 2px solid var(--BEIGE01);
  margin-inline: calc(50% - 50vw);
  padding-block: 40px;
}
.s-oilCare .s-product__img img {
  max-width: 300px;
  margin-inline: auto;
}
.s-oilCare .s-product__content {
  margin-inline: calc(50% - 50vw);
  padding: 40px calc(50vw - 50%);
  background-color: var(--BEIGE01);
}
.s-oilCare .s-product__firstTxt {
  font-size: 14px;
  
  
  text-align: center;
}
.s-oilCare .s-product__secondTxt {
  font-size: 20px;
  
  
  text-align: center;
}
.s-oilCare .s-product__lead {
  margin-top: 18px;
  font-size: 28px;
  letter-spacing: 0.2em;
  display: flex;
  flex-direction: column;
  gap: 8px;
  
}
.s-oilCare .s-product__lead span {
  margin-inline: auto;
  width: fit-content;
  border-bottom: 2px dotted var(--BDCOLOR_BROWN_1);
}
.s-oilCare .s-product__name {
  margin-top: 18px;
  font-size: 16px;
  font-weight: var(--FF_W_B);
  letter-spacing: .1em;
  text-align: center;
}
.s-oilCare .s-product__btn {
  margin-top: 18px;
}
.s-oilCare .s-product__txt {
  margin-top: 20px;
  font-size: 12px;
  
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-product {
    position: relative;
  }
  .s-oilCare .s-product::before {
    content: "";
    position: absolute;
    top: 80px;
    left: 50%;
    transform: translateX(-50%);
    width: 60px;
    height: 18px;
    background-image: url(../images/common/deco-arrow-bottom.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
  }
  .s-oilCare .s-product__ttl {
    font-size: var(--FZ_30);
    
  }
  .s-oilCare .s-product__ttl::before {
    height: 43px;
    bottom: -15px;
    background-image: url(../images/oil-care/product/heading-deco.png);
  }
  .s-oilCare .s-product__items {
    margin-top: 40px;
  }
  .s-oilCare .s-product__item {
    display: flex;
    margin-inline: calc(50% - 50vw);
  }
  .s-oilCare .s-product__item:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  .s-oilCare .s-product__img {
    flex: 0 0 50%;
    padding: 40px 90px;
    display: flex;
    align-items: center;
    justify-content: end;
  }
  .s-oilCare .s-product__img img {
margin: 0 0 0 auto;
  }
  .s-oilCare .s-product__item:nth-of-type(2n) .s-product__img {
    justify-content: start;
  }
  .s-oilCare .s-product__content {
    flex: 0 0 50%;
    padding: 40px 0 40px 90px;
  }
  .s-oilCare .s-product__item:nth-of-type(2n) .s-product__content {
    padding: 40px 90px 40px 0;
  }
  .s-oilCare .s-product__contentWrap {
    width: fit-content;
  }
  .s-oilCare .s-product__item:nth-of-type(2n) .s-product__contentWrap {
    margin-left: auto;
  }
  .s-oilCare .s-product__firstTxt {
    font-size: var(--FZ_16);
  }
  .s-oilCare .s-product__secondTxt {
    font-size: var(--FZ_22);
  }
  .s-oilCare .s-product__lead {
    margin-top: 20px;
    font-size: var(--FZ_35);
    letter-spacing: 0.3em;
  }
  .s-oilCare .s-product__name {
    margin-top: 30px;
    font-size: var(--FZ_18);
    line-height: calc(24 / 18);
  }
  .s-oilCare .s-product__btn {
    margin-top: 30px;
  }
  .s-oilCare .s-product__txt {
    font-size: var(--FZ_14);
    text-align: center;
  }
}
@media screen and (min-width:768px) and (max-width:1250px) {
.s-oilCare .s-product::before{top:6vw;}
}
/* 様々なお悩みにアプローチ */
.s-oilCare .s-worry__ttl {
  font-size: 18px;
  
  
  width: fit-content;
  margin-inline: auto;
  padding-inline: 20px;
  position: relative;
}
.s-oilCare .s-worry__ttl::before,
.s-oilCare .s-worry__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  background-image: url(../images/oil-care/worry/ttl-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-oilCare .s-worry__ttl::before {
  left: 0;
}
.s-oilCare .s-worry__ttl::after {
  right: 0;
  transform: scale(1, -1);
}
.s-oilCare .s-worry__items {
  margin: 20px auto 0;
  padding: 20px 15px;
  position: relative;
  max-width: 335px;
}
.s-oilCare .s-worry__items::before,
.s-oilCare .s-worry__items::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
  border: 1px solid var(--BDCOLOR_BROWN_1);
}
.s-oilCare .s-worry__items::before {
  top: 0;
  border-bottom: none;
}
.s-oilCare .s-worry__items::after {
  bottom: 0;
  border-top: none;
}
.s-oilCare .s-worry__item {
  font-size: 14px;
  
  padding-left: 34px;
  position: relative;
}
.s-oilCare .s-worry__item::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 24px;
  aspect-ratio: 1;
  background-image: url(../images/oil-care/worry/list-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-oilCare .s-worry__item + .s-worry__item {
  margin-top: 10px;
}
.s-oilCare .s-worry__img {
  margin: 60px auto 0;
  max-width: 335px;
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-worry__ttl {
    font-size: var(--FZ_22);
    padding-inline: 34px;
  }
  .s-oilCare .s-worry__ttl::before,
  .s-oilCare .s-worry__ttl::after {
    width: 14px;
  }
  .s-oilCare .s-worry__items {
    margin: 30px auto 0;
    padding: 25px;
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(2, max-content);
    justify-content: center;
    gap: 20px 60px;
  }
  .s-oilCare .s-worry__items::before,
  .s-oilCare .s-worry__items::after {
    height: 25px;
  }
  .s-oilCare .s-worry__item {
    font-size: var(--FZ_16);
    padding-left: 40px;
  }
  .s-oilCare .s-worry__item::before {
    width: 30px;
  }
  .s-oilCare .s-worry__item + .s-worry__item {
    margin-top: 0;
  }
  .s-oilCare .s-worry__img {
    margin: 80px auto 0;
    max-width: 967px;
  }
}
@media screen and (max-width:767px) {
  .s-oilCare .s-product__ttl {
     font-weight: var(--FF_W_B);
  }
  .s-oilCare .s-worry__item{
	  font-weight: var(--FF_W_B);
  }
}
/* ｓ−challenge */
.s-oilCare .s-challenge__wrap {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: 335px;
  position: relative;
}
.s-oilCare .s-challenge__wrap::before,
.s-oilCare .s-challenge__wrap::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  border: 1.5px solid var(--BDCOLOR_BROWN_1);
}
.s-oilCare .s-challenge__wrap::before {
  left: 0;
  border-right: none;
}
.s-oilCare .s-challenge__wrap::after {
  right: 0;
  border-left: none;
}
.s-oilCare .s-challenge__sm {
  font-size: 16px;
  
  text-align: center;
}
.s-oilCare .s-challenge__lg {
  margin-top: 8px;
  font-size: 26px;
  
  letter-spacing: .1em;
  text-align: center;
}
.s-oilCare .s-challenge .g-arrowBottom {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-challenge__wrap {
    padding-inline: 35px;
    max-width: 794px;
    line-height: 1.5;
  }
  .s-oilCare .s-challenge__wrap::before,
  .s-oilCare .s-challenge__wrap::after {
    width: 25px;
  }
  .s-oilCare .s-challenge__sm {
    font-size: var(--FZ_25);
    font-weight: var(--FF_W_B);
  }
  .s-oilCare .s-challenge__lg {
    font-size: var(--FZ_45);
    letter-spacing: 0.04em;
  }
  .s-oilCare .s-challenge .g-arrowBottom {
    margin-top: 60px;
  }
}
/* ホホバオイルの驚くべき、秘めた力 */
.s-oilCare .s-power {
  padding-top: 10px;
  background: linear-gradient(to bottom, var(--BEIGE01) 0%, var(--WHITE) 100%);
}
@media screen and (max-width:767px) {
.s-oilCare .s-power {
  background: linear-gradient(to bottom, var(--BEIGE01) 0%, var(--BEIGE01) 57%, var(--WHITE) 100%);
}
}
.s-oilCare .s-power__bgTtl {
  display: block;
  margin-inline: calc(50% - 50vw);
}
.s-oilCare .s-power__bgTtl img {
  max-width: 368px;
  margin-inline: auto;
}
.s-oilCare .s-power__bgTtl + .g-heading {
  margin-top: 10px;
}
.s-oilCare .s-power__lead {
  margin: 40px auto 0;
  width: fit-content;
  font-size: 20px;
  
  text-align: center;
}
.s-oilCare .s-power__img {
  margin-top: 20px;
}
.s-oilCare .s-power__desc {
  margin-top: 20px;
  font-size: 14px;
  
}
.s-oilCare .s-power__subTtl {
  margin-top: 60px;
  font-size: 22px;
  
  
  text-align: center;
}
.s-oilCare .s-power__items {
  margin-top: 20px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 20px 35px;
  width: fit-content;
  margin-inline: auto;
}
.s-oilCare .s-power__item {
  padding: 30px 28px;
  border-top-left-radius: 160px;
  border-top-right-radius: 160px;
  background: var(--WHITE);
  max-width: 335px;
}
.s-oilCare .s-power__itemNum {
  margin-inline: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 40px;
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--BEIGE01);
  font-family: var(--FF_NUM);
  font-size: var(--FZ_18);
  font-style: italic;
  letter-spacing: 0.01em;
}
.s-oilCare .s-power__itemTtl {
  margin-top: 15px;
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.s-oilCare .s-power__itemImg {
  margin: 15px auto 0;
  display: block;
  max-width: 120px;
  border-radius: 50%;
  overflow: hidden;
}
.s-oilCare .s-power__itemTxt {
  margin-top: 15px;
  font-size: 14px;
  letter-spacing: 0.02em;
}
.s-oilCare .s-power__pointArea {
  margin-top: 40px;
}
.s-oilCare .s-pointArea__img {
  display: block;
  margin-inline: auto;
  max-width: 90px;
}
.s-oilCare .s-pointArea__lead {
  margin-top: 10px;
  font-size: var(--FZ_18);
  
  
  text-align: center;
}
.s-oilCare .s-pointArea__wrap {
  margin-top: 30px;
  padding: 30px 20px;
  background-color: var(--BEIGE01);
}
.s-oilCare .s-pointArea__ttl {
  font-size: var(--FZ_18);
  
  
  text-align: center;
}
@media screen and (max-width:767px) {
	.s-oilCare .s-pointArea__lead,.s-oilCare .s-pointArea__ttl {
  font-size: 18px;
}
}
.s-oilCare .s-pointArea__desc {
  margin-top: 20px;
  font-size: var(--FZ_14_CONST);
  
}
.s-oilCare .s-pointArea__blocks {
  margin-top: 20px;
}
.s-oilCare .s-pointArea__block {
  padding: 15px;
  background-color: var(--WHITE);
  border-top: 2px solid var(--BDCOLOR_BROWN_1);
}
.s-oilCare .s-pointArea__block + .s-pointArea__block {
  margin-top: 16px;
}
.s-oilCare .s-pointArea__blockTtl {
  font-size: var(--FZ_16_CONST);
  
  
  text-align: center;
}
.s-oilCare .s-pointArea__blockDesk {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dotted var(--BDCOLOR_BROWN_1);
  font-size: var(--FZ_14_CONST);
  
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-power {
    padding-top: 30px;
  }
  .s-oilCare .s-power__inner {
    max-width: 1120px;
  }
  .s-oilCare .s-power__bgTtl img {
    max-width: 1280px;
  }
  .s-oilCare .s-power__bgTtl + .g-heading {
    margin-top: 5px;
  }
  .s-oilCare .s-power__lead {
    margin-top: 50px;
    font-size: 32px;
    letter-spacing: 0.3em;
  }
  .s-oilCare .s-power__img {
    margin-top: 30px;
  }
  .s-oilCare .s-power__desc {
    margin-top: 30px;
    font-size: var(--FZ_16);
  }
  .s-oilCare .s-power__subTtl {
    margin-top: 134px;
    font-size: var(--FZ_30);
    
  }
  .s-oilCare .s-power__items {
    margin-top: 46px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 40px 35px;
  }
  .s-oilCare .s-power__item {
    padding: 25px 45px;
    border-top-left-radius: 175px;
    border-top-right-radius: 175px;
    flex: 0 0 calc((100% - 70px) / 3);
    max-width: 100%;
  }
  .s-oilCare .s-power__itemNum {
    width: 57px;
    font-size: var(--FZ_25);
  }
  .s-oilCare .s-power__itemTtl {
    margin-top: 30px;
    font-size: var(--FZ_25);
    font-weight: var(--FF_W_B);
  }
  .s-oilCare .s-power__itemImg {
    max-width: 140px;
  }
  .s-oilCare .s-power__itemTxt {
    font-size: var(--FZ_16);
    
    text-align: center;
  }
  .s-oilCare .s-power__pointArea {
    margin: 120px auto 0;
    max-width: 1040px;
  }
  .s-oilCare .s-pointArea__img {
    max-width: 110px;
  }
  .s-oilCare .s-pointArea__lead {
    margin-top: 15px;
    font-size: var(--FZ_30);
    
  }
  .s-oilCare .s-pointArea__wrap {
    border-radius: 5px;
    margin-top: 20px;
    padding: 40px;
    background-color: var(--BEIGE01);
  }
  .s-oilCare .s-pointArea__ttl {
    font-size: var(--FZ_22);
  }
  .s-oilCare .s-pointArea__desc {
    font-size: var(--FZ_16);
    width: fit-content;
    margin-inline: auto;
  }
  .s-oilCare .s-pointArea__blocks {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
  }
  .s-oilCare .s-pointArea__block {
    padding: 30px;
  }
  .s-oilCare .s-pointArea__block + .s-pointArea__block {
    margin-top: 0;
  }
  .s-oilCare .s-pointArea__blockTtl {
    font-size: var(--FZ_18);
    font-weight: var(--FF_W_B);
  }
  .s-oilCare .s-pointArea__blockDesk {
    padding-top: 20px;
    font-size: var(--FZ_16);
  }
}

@media screen and (min-width:768px) and (max-width:950px) {
	.s-oilCare .s-power__item{padding:25px 20px;}
}


/* ｓ-product2 */
.s-oilCare .s-product2 {
  padding-top: 5px;
  background-color: var(--BEIGE01);
}
.s-oilCare .s-product2__bgTtl {
  display: block;
  margin-inline: calc(50% - 50vw);
}
.s-oilCare .s-product2__bgTtl img {
  margin-inline: auto;
  max-width: 462px;
}
.s-oilCare .s-product2__bgTtl + .g-heading {
  margin-top: 15px;
}
.s-oilCare .s-product2__firstTxt {
  margin-top: 30px;
  text-align: center;
}
.s-oilCare .s-product2__secondTxt {
  font-size: var(--FZ_20_CONST);
  text-align: center;
}
.s-oilCare .s-product2__wrap {
  margin-top: 25px;
  padding: 30px 17px;
  background-color: var(--WHITE);
}
.s-oilCare .s-product2__items {
  position: relative;
}
.s-oilCare .s-product2__items::before {
  display: none;
}
.s-oilCare .s-product2__item {
  position: relative;
}
.s-oilCare .s-product2__item:not(:first-of-type):before {
  content: "";
  position: absolute;
  top: -30px;
  left: 0;
  width: 100%;
  height: 1px;
}
.s-oilCare .s-product2__img {
  margin-inline: auto;
  max-width: 300px;
}
.s-oilCare .s-product2__name {
  margin-top: 30px;
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;

}
.s-oilCare .s-product2__btn {
  margin-top: 18px;
}
.s-oilCare .s-product2__list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  max-width: 300px;
  margin: 30px auto 0;
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-product2 {
    padding-top: 30px;
  }
  .s-oilCare .s-product2__inner {
    max-width: 1120px;
  }
  .s-oilCare .s-product2__bgTtl img {
    margin-inline: auto;
    max-width: 1606px;
  }
  .s-oilCare .s-product2__firstTxt {
    margin-top: 40px;
    font-size: var(--FZ_22);
  }
  .s-oilCare .s-product2__secondTxt {
    margin-top: 5px;
    font-size: var(--FZ_30);
  }
  .s-oilCare .s-product2__wrap {
    margin-top: 30px;
    padding: 40px;
  }
  .s-oilCare .s-product2__items {
    margin-inline: auto;
    max-width: 900px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 160px;
  }
  .s-oilCare .s-product2__items::before {
    content: '';
    position: absolute;
    width: 1px;
    height: 100%;
    border-left: 1px dotted var(--GRAY02);
    top: 0;
    left: 50%;
    transform: translateX(-50%);
  }
  .s-oilCare .s-product2__item {
    display: flex;
    flex-direction: column;
  }
  .s-oilCare .s-product2__item + .s-oilCare .s-product2__item {
    margin-top: 0;
  }
  .s-oilCare .s-product2__item:not(:first-of-type):before {
    content: "";
    position: absolute;
    top: 0;
    left: -80px;
    width: 1px;
    height: 100%;
  }
  .s-oilCare .s-product2__img {
    max-width: 370px;
  }
  .s-oilCare .s-product2__name {
    flex-grow: 1;
    margin-top: 20px;
    font-size: var(--FZ_18);
    line-height: calc(24 / 18);
  }
  .s-oilCare .s-product2__btn {
    margin-top: 30px;
  }
  .s-oilCare .s-product2__list {
    grid-template-columns: repeat(4, 1fr);
    gap: 40px;
    max-width: 870px;
    margin-top: 40px;
  }
  .s-oilCare .s-product2__item:not(:first-of-type):before {
    border-right: 1px dashed var(--GRAY02);
  }
}
@media screen and (max-width: 767px) {
	.s-oilCare .s-product2__item + .s-product2__item {
   margin-top: 60px;
}
.s-oilCare .s-product2__item:not(:first-of-type):before{
	border-top: 1px dashed var(--GRAY02);
}
}
/* f-point */
.s-oilCare .s-point {
  padding-block: 50px;
  background-color: var(--BEIGE01);
}
.s-oilCare .s-point__heading {
  font-size: var(--FZ_18_CONST);
  text-align: center;
}
.s-oilCare .s-point__heading span {
  font-size: var(--FZ_22_CONST);
}
.s-oilCare .s-point__container {
  margin-top: 25px;
  padding-bottom: 52px;
  position: relative;
  background-color: var(--WHITE);
  transform: translateX(2.5px);
  position: relative;
}
.s-oilCare .s-point__container::before {
  content: "";
  position: absolute;
  top: -5px;
  left: -5px;
  width: 100%;
  height: 100%;
  border: 1px solid var(--BDCOLOR_BROWN_1);
}
.s-oilCare .s-point__wrap {
  margin-inline: auto;
  max-width: 230px;
}
.s-oilCare .s-point__img {
  margin-inline: auto;
  max-width: 170px;
}
.s-oilCare .s-point__items {
  margin-top: 30px;
}
.s-oilCare .s-point__item + .s-point__item {
  margin-top: 30px;
}
.s-oilCare .s-point__num {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 13px;
  background-color: var(--BROWN01);
  font-family: var(--FF_NUM);
  font-style: italic;
  font-size: var(--FZ_14);
  letter-spacing: 0.01em;
  line-height: 1;
  color: var(--WHITE);
  max-width: 90px;
  margin-inline: auto;
  padding-block: 6.5px;
}
.s-oilCare .s-point__ttl {
  margin-top: 15px;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
  position: relative;
}
.s-oilCare .s-point__ttl::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 50px;
  height: 1px;
  background-color: #707070;
}
.s-oilCare .s-point__txt {
  margin-top: 30px;
  font-size: var(--FZ_16_CONST);
  
  
  text-align: center;
}
.s-oilCare .s-point__lead {
  margin: 25px auto 0;
  padding-inline: 40px;
  width: fit-content;
  font-size: var(--FZ_22_CONST);
  font-weight: var(--FF_W_B);
  
  text-align: center;
  position: relative;
}
.s-oilCare .s-point__lead::before,
.s-oilCare .s-point__lead::after {
  content: "";
  position: absolute;
  width: 20px;
  height: 100%;
  top: 0;
  background-image: url(../images/oil-care/point/sp/lead-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-oilCare .s-point__lead::before {
  left: 0;
}
.s-oilCare .s-point__lead::after {
  right: 0;
  transform: scale(1, -1);
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-point {
    padding-block: 80px;
  }
  .s-oilCare .s-point__heading {
    font-size: var(--FZ_22);
    font-weight: var(--FF_W_B);
    
  }
  .s-oilCare .s-point__heading span {
    font-size: var(--FZ_30);
    
    
  }
  .s-oilCare .s-point__container {
    margin: 50px auto 0;
    padding-bottom: 52px;
    transform: translateX(12px);
    max-width: 930px;
  }
  .s-oilCare .s-point__container::before {
    top: -12px;
    left: -12px;
  }
  .s-oilCare .s-point__wrap {
    margin-inline: auto;
    max-width: 740px;
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    grid-template-areas: "left center right";
    align-items: center;
  }
  .s-oilCare .s-point__img {
    max-width: 255px;
    grid-area: center;
  }
  .s-oilCare .s-point__items {
    display: contents;
  }
  .s-oilCare .s-point__item:nth-of-type(1) {
    grid-area: left;
  }
  .s-oilCare .s-point__item:nth-of-type(2) {
    grid-area: right;
  }
  .s-oilCare .s-point__item + .s-point__item {
    margin-top: 0;
  }
  .s-oilCare .s-point__num {
    font-size: var(--FZ_18);
    max-width: 106px;
    padding-block: 7px;
  }
  .s-oilCare .s-point__ttl {
    font-size: var(--FZ_22);
    white-space: nowrap;
  }
  .s-oilCare .s-point__txt {
    font-size: var(--FZ_20);
    font-weight: var(--FF_W_R);
  }
  .s-oilCare .s-point__lead {
    margin-top: 40px;
    font-size: var(--FZ_30);
    
  }
  .s-oilCare .s-point__lead::before,
  .s-oilCare .s-point__lead::after {
    background-image: url(../images/oil-care/point/lead-deco.svg);
  }
}
/* f-use */
.s-oilCare .s-use__items {
  margin-top: 40px;
  display: grid;
  gap: 30px;
}
.s-oilCare .s-use__item {
  position: relative;
  border: 1px dotted var(--BDCOLOR_BROWN_1);
  padding: 20px;
}
.s-oilCare .s-use__num {
  font-family: var(--FF_NUM);
  
  font-style: italic;
  font-size: var(--FZ_25);
  letter-spacing: 0.01em;
  line-height: 1;
  color: #c1961e;
  background-color: var(--WHITE);
  display: inline-block;
  position: absolute;
  top: 0;
  left: -2px;
  transform: translateY(-50%);
}
.s-oilCare .s-use__desc {
  
  
}
.s-oilCare .s-use__btn {
  margin-top: 25px;
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-use__items {
    margin: 50px auto 0;
    gap: 40px;
    grid-template-columns: repeat(3, 1fr);
    max-width: 980px;
  }
  .s-oilCare .s-use__item {
    padding: 33px 30px 23px;
  }
  .s-oilCare .s-use__num {
    font-size: var(--FZ_35);
  }
  .s-oilCare .s-use__desc {
    font-size: var(--FZ_18);
  }
  .s-oilCare .s-use__btn {
    margin-top: 40px;
  }
}
/* s-message */
.s-oilCare .s-message {
  padding-block: 60px;
  background-image: url(../images/oil-care/message/sp/bg.jpg);
  background-size: cover;
  background-position: center;
}
.s-oilCare .s-message__ttl {
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.s-oilCare .s-message__txtWrap {
  margin-top: 25px;
}
.s-oilCare .s-message__txt {
  
  
  text-align: center;
}
.s-oilCare .s-message__txt + .s-message__txt {
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .s-oilCare .s-message {
    padding-block: 80px;
    background-image: url(../images/oil-care/message/bg.jpg);
  }
  .s-oilCare .s-message__ttl {
    font-size: var(--FZ_40);
    
    letter-spacing: 0.04em;
  }
  .s-oilCare .s-message__txtWrap {
    margin-top: 40px;
  }
  .s-oilCare .s-message__txt {
    font-size: var(--FZ_18);
  }
  .s-oilCare .s-message__txt + .s-message__txt {
    margin-top: 1lh;
  }
}
/* ■■■■■■■■■■■■■■■■ギフト特集■■■■■■■■■■■■■■■■ */
.s-gradation-vertical {
  padding-top: 50px;
  background: linear-gradient(
    to bottom,
    var(--BEIGE01) 0%,
    #fefdfb 20%,
    var(--WHITE) 100%
  );
}
@media screen and (min-width: 768px) {
  .s-gradation-vertical {
    padding-top: 80px;
  }
}
/* ファーストビュー */
.s-gift .s-fv {
  aspect-ratio: 375 / 470;
  background-image: url(../images/gift/fv/sp/bg.jpg);
  background-size: cover;
}
.s-gift .s-fv .g-heading__ja{
	font-size: var(--FZ_40);
	padding-bottom: 15px;
}
.s-gift .s-fv__inner {
  height: 100%;
  padding-top: 70px;
}
.s-gift .s-fv__content {
  margin-inline: auto;
  padding: 48px 18px;
  max-width: 335px;
  background-color: rgb(255 255 255 / 0.7);
}
@media screen and (min-width: 768px) {
  .s-gift .s-fv {
    aspect-ratio: 1840 / 550;
    width: 100%;
    max-height: 550px;
    min-height: 450px;
    background-image: url(../images/gift/fv/bg.jpg);
  }
  .s-gift .s-fv__inner {
    padding-top: 0;
    display: grid;
    place-items: center;
  }
  .s-gift .s-fv__content {
    padding: 38px 58px;
    max-width: 828px;
  }
}

@media screen and (max-width: 767px) {
	.s-gift .s-fv .g-heading__ja{
		font-size:24px;
	}
	.s-gift .s-fv__content{
		padding:30px 18px;
	}
}	
	
/* s-giftSet */
.s-gift .s-set {
  margin-top: 27px;
}
.s-gift .s-set__lead {
  font-size: var(--FZ_16_CONST);
  line-height: 2;
  text-align: center;
}
.s-gift .s-set__ttl {
  margin-top: 60px;
  text-align: center;
}
.s-gift .s-set__ttlSub {
  display: block;
  font-size: var(--FZ_16_CONST);
  
  
}
.s-gift .s-set__ttlMain {
  display: block;
  margin-top: 10px;
  padding-block: 10px;
  font-size: var(--FZ_18_CONST);
  
  
  background: linear-gradient(
    to right,
    var(--WHITE) 0%,
    var(--BEIGE01) 50%,
    var(--WHITE) 100%
  );
}
.s-gift .s-set__subTtl {
  margin-top: 30px;
  text-align: center;
}
.s-gift .s-set__subTtlSub {
  display: block;
  font-size: var(--FZ_12_CONST);
  font-weight: var(--FF_W_B);
  
}
.s-gift .s-set__subTtlMain {
  margin-top: 5px;
  font-size: var(--FZ_22_CONST);
  
}
.s-gift .s-set__blocks {
  margin: 30px auto 0;
  padding: 15px;
  border: 1px solid var(--GRAY02);
}
.s-gift .s-set__block {
}
.s-gift .s-set__block + .s-set__block {
  margin-top: 20px;
  padding-top: 20px;
  border-top: 1px dotted var(--BDCOLOR_BROWN_1);
}
.s-gift .s-set__img {
  aspect-ratio: 305 / 203;
}
.s-gift .s-set__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-gift .s-set__content {
  margin-top: 15px;
}
.s-gift .s-set__txt {
  line-height: var(--LINE_HEIGHT_S);
  text-align: center;
}
.s-gift .s-set__name {
  margin-top: 20px;
  font-size: var(--FZ_16_CONST);
  
  
  line-height: var(--LINE_HEIGHT_S);
  text-align: center;
}
.s-gift .s-set__price {
  display: block;
  margin-top: 10px;
  
  line-height: var(--LINE_HEIGHT_S);
  
  text-align: center;
}
.s-gift .s-set__price + .g-btn {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .s-gift .s-set {
    margin-top: 60px;
  }
  .s-gift .s-set__inner {
    max-width: 1120px;
  }
  .s-gift .s-set__lead {
    font-size: var(--FZ_25);
    
  }
  .s-gift .s-set__ttl {
    margin-top: 100px;
  }
  .s-gift .s-set__ttlSub {
    font-size: var(--FZ_22);
  }
  .s-gift .s-set__ttlMain {
    font-size: var(--FZ_30);
    
  }
  .s-gift .s-set__subTtl {
    margin-top: 40px;
  }
  .s-gift .s-set__subTtlSub {
    font-size: var(--FZ_16);
    
  }
  .s-gift .s-set__subTtlMain {
    margin-top: 8px;
    
  }
  .s-gift .s-set__blocks {
    margin-top: 40px;
    padding: 40px;
    max-width: 1120px;
  }
  .s-gift .s-set__block {
    display: flex;
    gap: calc(80 / 1120 * 100%);
  }
  .s-gift .s-set__block + .s-set__block {
    margin-top: 40px;
    padding-top: 40px;
  }
  .s-gift .s-set__img {
    flex: 0 0 calc(480 / 1120 * 100%);
    aspect-ratio: 480 / 320;
  }
  .s-gift .s-set__content {
    margin-top: 0;
    flex: 0 0 calc(480 / 1120 * 100%);
  }
  .s-gift .s-set__txt {
    font-size: var(--FZ_16);
    text-align: left;
  }
  .s-gift .s-set__name {
    font-size: var(--FZ_22);
    text-align: left;
  }
  .s-gift .s-set__price {
    font-size: var(--FZ_16);
    text-align: left;
  }
}

@media screen and (max-width: 767px) {
.s-gift .s-set__price + .g-btn {
  margin: 20px auto 0;
}
}
/* s-recommendGift */
.s-recommendGift {
}
.s-gift .s-recommendGift__ttl {
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.s-gift .s-recommendGift__items {
  margin: 50px auto 0;
}
.s-gift .s-recommendGift__item {
  position: relative;
  padding: 15px 15px 20px;
  border: 1px solid var(--BDCOLOR_BROWN_1);
  border-radius: 5px;
}
.s-gift .s-recommendGift__item + .s-recommendGift__item {
  margin-top: 40px;
}
.s-gift .s-recommendGift__tagImg {
  position: absolute;
  top: -20px;
  left: -9px;
  max-width: calc(160 / 335 * 100%);
  aspect-ratio: 160 / 49;
}
.s-gift .s-recommendGift__tagImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-gift .s-recommendGift__img {
  aspect-ratio: 295 / 197;
}
.s-gift .s-recommendGift__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-gift .s-recommendGift__content {
  margin-top: 20px;
}
.s-gift .s-recommendGift__subTtl {
  font-size: var(--FZ_18_CONST);
  
  
}
.s-gift .s-recommendGift__txt {
  margin-top: 10px;
  
  
}

@media screen and (min-width: 768px) {
  .s-gift .s-recommendGift__inner {
    max-width: 1120px;
  }
  .s-gift .s-recommendGift__ttl {
    font-size: var(--FZ_30);
    
  }
  .s-gift .s-recommendGift__items {
    margin-top: 60px;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(50 / 1120 * 100%);
  }
  .s-gift .s-recommendGift__item {
    padding: 40px;
  }
  .s-gift .s-recommendGift__item + .s-recommendGift__item {
    margin-top: 0;
  }
  .s-gift .s-recommendGift__tagImg {
    position: absolute;
    top: -28px;
    left: -12px;
    max-width: calc(205 / 525 * 100%);
  }
  .s-gift .s-recommendGift__img {
    aspect-ratio: 445 / 297;
  }
  .s-gift .s-recommendGift__subTtl {
    font-size: var(--FZ_22);
  }
  .s-gift .s-recommendGift__txt {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
}
@media screen and (min-width:768px) and (max-width:1000px) {
	.s-gift .s-recommendGift__tagImg{
		top: -21px;
		left: -9px;
	}
}
@media screen and (min-width:500px) and (max-width:767px) {
	.s-gift .s-recommendGift__tagImg{
		top: -4.8vw;
		left: -2.5vw;
	}
}
/* s-chooseGift */
.s-gift .s-chooseGift {
  background-color: var(--BEIGE01);
}
.s-gift .s-chooseGift .group1__items {
  width: fit-content;
  margin-inline: auto;
}
.s-gift .s-chooseGift .group1__item {
  padding-left: 22px;
  position: relative;
}
.s-gift .s-chooseGift .group1__item + .group1__item {
  margin-top: 20px;
}
.s-gift .s-chooseGift .group1__item a {
  font-size: var(--FZ_16);
  
  
  text-decoration: underline;
}
.s-gift .s-chooseGift .group1__item::before {
  content: "";
  position: absolute;
  top: 7px;
  left: 0;
  width: 12px;
  aspect-ratio: 1;
  background-image: url(../images/common/arrow-bottom-double.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.s-gift .s-chooseGift__group2 {
  margin-top: 40px;
}
.s-gift .s-chooseGift__ttl {
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
  border: 1px solid var(--BDCOLOR_BROWN_1);
  position: relative;
  padding: 15px;
  background-color: var(--WHITE);
}
.s-gift .s-chooseGift__ttl::before,
.s-gift .s-chooseGift__ttl::after {
  content: "";
  position: absolute;
  width: 3px;
  height: 100%;
  top: 0;
  background-color: var(--BDCOLOR_BROWN_1);
}
.s-gift .s-chooseGift__ttl::before {
  left: 5px;
}
.s-gift .s-chooseGift__ttl::after {
  right: 5px;
}
.s-gift .s-chooseGift .group2__container {
  margin: 30px auto 0;
}
.s-gift .s-chooseGift .group2__content {
  margin-top: 20px;
}
.s-gift .s-chooseGift .group2__txt {
  
  
}
.s-gift .s-chooseGift .group2__blocks {
  margin: 30px auto 0;
  position: relative;
}
.s-gift .s-chooseGift .group2__blocks::before,
.s-gift .s-chooseGift .group2__blocks::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 36px;
  height: 4px;
  background-color: var(--GRAY02);
}
.s-gift .s-chooseGift .group2__blocks::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.s-gift .s-chooseGift .group2__blocks::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.s-gift .s-chooseGift .group2__block {
  position: relative;
  padding: 10px 36px;
}
.s-gift .s-chooseGift .group2__block + .group2__block {
  margin-top: 60px;
}
.s-gift .s-chooseGift .group2__block::before,
.s-gift .s-chooseGift .group2__block::after {
  content: "";
  position: absolute;
  top: 0;
  width: 26px;
  height: 100%;
  background-image: url(../images/gift/chooseGift/group2-block-deco.svg);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.s-gift .s-chooseGift .group2__block::before {
  left: 0;
}
.s-gift .s-chooseGift .group2__block::after {
  right: 0;
  transform: scale(-1, 1);
}
.s-gift .s-chooseGift .group2__blockContent {
  text-align: center;
}
.s-gift .s-chooseGift .group2__blockTxt1 {
  font-size: var(--FZ_20_CONST);
  font-weight: var(--FF_W_B);
  letter-spacing: 0.04em;
}
.s-gift .s-chooseGift .group2__blockTxt2 {
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed var(--BDCOLOR_BROWN_1);
  font-size: var(--FZ_18_CONST);
  
  
}
.s-gift .s-chooseGift__group3 {
  margin: 30px auto 0;
  background-color: var(--WHITE);
}
.s-gift .s-chooseGift .group3__items {
  padding: 30px 17px;
}
.s-gift .s-chooseGift .group3__item + .group3__item {
  margin-top: 30px;
  padding-top: 30px;
  border-top: 1px dashed var(--GRAY02);
}
.s-gift .s-chooseGift .group3__txt1 {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;
}
.s-gift .s-chooseGift .group3__img {
  margin-top: 18px;
  aspect-ratio: 1;
}
.s-gift .s-chooseGift .group3__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-gift .s-chooseGift .group3__name {
  margin-top: 20px;
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;
  line-height: 1.45;
}
.s-gift .s-chooseGift .group3__price {
  margin-top: 10px;
  display: block;
  font-size: var(--FZ_16_CONST);
  
  text-align: center;
}
.s-gift .s-chooseGift .group3__btn {
  margin-top: 20px;
}
.s-gift .s-chooseGift__group4 {
  margin-top: 40px;
}
.s-gift .s-chooseGift__group5 {
  margin-top: 40px;
}
.s-gift .s-chooseGift .group5__container {
  margin: 30px auto 0;
}
.s-gift .s-chooseGift .group5__content {
  margin-top: 20px;
}
.s-gift .s-chooseGift .group5__content .group5__txtWrapp {
}
.s-gift .s-chooseGift .group5__lead {
  font-size: var(--FZ_18_CONST);
  
  
  margin-bottom: 10px;
}
.s-gift .s-chooseGift .group5__txtWrap {
  margin-top: 15px;
}
.s-gift .s-chooseGift .group5__txt {
  
  
}
.s-gift .s-chooseGift .group5__txt + .group5__txt {
  margin-top: 1lh;
}
.s-gift .s-chooseGift .group5__items {
  margin: 30px auto 0;
  display: grid;
  gap: 20px;
}
.s-gift .s-chooseGift .group5__item {
  display: flex;
  align-items: center;
  gap: calc(20 / 335 * 100%);
}
.s-gift .s-chooseGift .group5__itemImg {
  flex: 0 0 calc(130 / 335 * 100%);
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.s-gift .s-chooseGift .group5__itemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-gift .s-chooseGift .group5__itemContent {
  flex-grow: 1;
}
.s-gift .s-chooseGift .group5__itemTxt {
  font-size: var(--FZ_18_CONST);
  
}
.s-gift .s-chooseGift__group6 {
  margin-top: 40px;
}
.s-gift .s-chooseGift__group7 {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .s-gift .s-chooseGift__inner {
    max-width: 1120px;
  }
  .s-gift .s-chooseGift__group1 {
    margin-top: 40px;
  }
  .s-gift .s-chooseGift .group1__items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 64px;
    width: fit-content;
    margin-inline: auto;
  }
  .s-gift .s-chooseGift .group1__item {
    padding-left: 27px;
  }
  .s-gift .s-chooseGift .group1__item + .group1__item {
    margin-top: 0;
  }
  .s-gift .s-chooseGift .group1__item a {
    font-size: var(--FZ_18);
  }
  .s-gift .s-chooseGift .group1__item::before {
    top: 11px;
  }
  .s-gift .s-chooseGift__ttl {
    font-size: var(--FZ_22);
  }
  .s-gift .s-chooseGift__ttl::before,
  .s-gift .s-chooseGift__ttl::after {
    width: 6px;
  }
  .s-gift .s-chooseGift .group2__container {
    margin-top: 40px;
    max-width: 100%;
    display: flex;
    gap: calc(60 / 1120 * 100%);
  }
  .s-gift .s-chooseGift .group2__img {
    flex: 0 0 calc(530 / 1120 * 100%);
  }
  .s-gift .s-chooseGift .group2__content {
    margin-top: 0;
    flex-grow: 1;
  }
  .s-gift .s-chooseGift .group2__txt {
    font-size: var(--FZ_16);
  }
  .s-gift .s-chooseGift .group2__blocks {
    margin-top: 40px;
    max-width: 1035px;
    display: flex;
    justify-content: space-between;
  }
  .s-gift .s-chooseGift .group2__block {
    padding: 15px 55px;
    flex: 0 0 calc(464 / 1035 * 100%);
  }
  .s-gift .s-chooseGift .group2__block + .group2__block {
    margin-top: 0;
  }
  .s-gift .s-chooseGift .group2__block::before,
  .s-gift .s-chooseGift .group2__block::after {
    width: 40px;
  }
  .s-gift .s-chooseGift .group2__blockTxt1 {
    font-size: var(--FZ_30);
    
  }
  .s-gift .s-chooseGift .group2__blockTxt2 {
    font-size: var(--FZ_24);
  }
  .s-gift .s-chooseGift__group3 {
    margin-top: 60px;
    max-width: 100%;
  }
  .s-gift .s-chooseGift .group3__items {
    padding: 40px 110px;
    display: flex;
    gap: 160px;
    position: relative;
  }
  .s-gift .s-chooseGift .group3__items::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 1px;
    height: 70%;
    border-left: 1px dashed var(--GRAY02);
  }
  .s-gift .s-chooseGift .group3__item {
    display: flex;
    flex-direction: column;
  }
  .s-gift .s-chooseGift .group3__item + .group3__item {
    margin-top: 0;
    padding-top: 0;
    border-top: none;
  }
  .s-gift .s-chooseGift .group3__img {
    margin-top: 20px;
  }
  .s-gift .s-chooseGift .group3__price {
    flex-grow: 1;
    margin-top: 5px;
  }
  .s-gift .s-chooseGift .group3__btn {
    max-width: 100%;
  }
  .s-gift .s-chooseGift__group4 {
    margin-top: 60px;
  }
  .s-gift .s-chooseGift__group5 {
    margin-top: 60px;
  }
  .s-gift .s-chooseGift .group5__container {
    margin-top: 40px;
    max-width: 100%;
    display: flex;
    flex-direction: row-reverse;
    gap: calc(60 / 1120 * 100%);
  }
  .s-gift .s-chooseGift .group5__img {
    flex: 0 0 calc(530 / 1120 * 100%);
  }
  .s-gift .s-chooseGift .group5__content {
    margin-top: 0;
    flex: 0 0 calc(530 / 1120 * 100%);
  }
  .s-gift .s-chooseGift .group5__lead {
    font-weight: var(--FF_W_B);
  }
  .s-gift .s-chooseGift .group5__txtWrap {
    margin-top: 10px;
  }
  .s-gift .s-chooseGift .group5__txt {
    font-size: var(--FZ_16);
  }
  .s-gift .s-chooseGift .group5__txt + .group5__txt {
    margin-top: 1lh;
  }
  .s-gift .s-chooseGift .group5__items {
    margin-top: 60px;
    grid-template-columns: repeat(3, 1fr);
    gap: 50px;
    max-width: 100%;
  }
  .s-gift .s-chooseGift .group5__item {
    flex-direction: column;
    gap: 20px;
  }
  .s-gift .s-chooseGift .group5__itemImg {
    flex: 0 0 auto;
    width: calc(300 / 340 * 100%);
  }
  .s-gift .s-chooseGift .group5__itemTxt {
    font-size: var(--FZ_22);
    
    
    text-align: center;
  }
  .s-gift .s-chooseGift__group6.s-chooseGift__group3 {
    margin-top: 60px;
  }
  .s-gift .s-chooseGift__group7 {
    margin-top: 60px;
  }
}

@media screen and (min-width:768px) and (max-width:1200px) {
  .s-gift .s-chooseGift .group2__blockTxt1{font-size:2.55vw;}
  .s-gift .s-chooseGift .group2__blockTxt2{font-size:2vw;}
}



/* ■■■■■■■■■■■■■■■■定期便カテゴリー■■■■■■■■■■■■■■■■ */
/* s-top */
.s-subscriptionCategory .s-top {
  margin-top: 50px;
  text-align: center;
}
.s-subscriptionCategory .s-top__ttl {
  font-size: 25px;
  font-weight: var(--FF_W_B);
  
}
.s-subscriptionCategory .s-top__txt {
  margin-top: 40px;
  font-size: var(--FZ_16_CONST);
  
}
@media screen and (min-width: 768px) {
  .s-subscriptionCategory .s-top {
    margin-top: 60px;
  }
  .s-subscriptionCategory .s-top__ttl {
    font-size: var(--FZ_40);
    letter-spacing: 0.12em;
  }
  .s-subscriptionCategory .s-top__txt {
    font-size: var(--FZ_22);
    
  }
}
/* s-benefit */
.s-subscriptionCategory .s-benefit {
}
.s-subscriptionCategory .s-benefit__heading {
  text-align: center;
}
.s-subscriptionCategory .s-benefit__txt1 {
  font-size: var(--FZ_18);
  line-height: var(--LINE_HEIGHT_S);
}
.s-subscriptionCategory .s-benefit__txt2 {
  font-size: var(--FZ_30);
  font-weight: var(--FF_W_B);
  line-height: var(--LINE_HEIGHT_S);
}
.s-subscriptionCategory .s-benefit__txt3 {
  font-size: var(--FZ_18);
}
.s-subscriptionCategory .s-benefit__items {
  margin-top: 30px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px 15px;
}
.s-subscriptionCategory .s-benefit__item {
  flex: 0 0 calc(160 / 335 * 100%);
  max-width: 160px;
  aspect-ratio: 1;
}
.s-subscriptionCategory .s-benefit__item img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-subscriptionCategory .s-benefit__message {
  margin: 30px auto 0;
  padding: 20px 15px;
  text-align: center;
  background-color: var(--BEIGE01);
}
.s-subscriptionCategory .s-benefit__messageTxt1 {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
}
.s-subscriptionCategory .s-benefit__messageTxt2 {
  margin-top: 10px;
  
  
}
.s-subscriptionCategory .s-benefit__messageTxt2 span {
  font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px) {
  .s-subscriptionCategory .s-benefit__txt1 {
    font-size: var(--FZ_22);
  }
  .s-subscriptionCategory .s-benefit__txt2 {
    font-size: var(--FZ_50);
    
  }
  .s-subscriptionCategory .s-benefit__txt3 {
    font-size: var(--FZ_22);
  }
  .s-subscriptionCategory .s-benefit__items {
    margin: 40px auto 0;
    gap: 10px 40px;
    max-width: 980px;
  }
  .s-subscriptionCategory .s-benefit__item {
    flex: 0 0 calc(300 / 980 * 100%);
    max-width: 300px;
  }
  .s-subscriptionCategory .s-benefit__message {
    margin-top: 40px;
    max-width: 840px;
    padding: 20px;
  }
  .s-subscriptionCategory .s-benefit__messageTxt1 {
    font-size: var(--FZ_18);
    
  }
  .s-subscriptionCategory .s-benefit__messageTxt2 {
    font-size: var(--FZ_16);
  }
}
@media screen and (max-width:767px) {
  .s-subscriptionCategory .s-benefit__items{
	  flex-direction: column;
	  justify-content: center;
	  align-items:center;
	  gap: 20px 15px;
  }
  .s-subscriptionCategory .s-benefit__item{
	  max-width: 250px;
  }
}
/* .s-product */
.s-subscriptionCategory .s-product {
  background-color: var(--BEIGE01);
}
@media screen and (min-width: 768px) {
}
/* s-merit */
.s-subscriptionCategory .s-merit__message {
  padding-block: 48px;
  background-image: url(../images/subscription-category/merit/sp/bg.jpg);
  background-size: cover;
}
.s-subscriptionCategory .s-message__messageInner {
  display: grid;
  place-items: center;
}
.s-subscriptionCategory .s-merit__messageTtl {
  font-size: var(--FZ_22);
  
  
  text-align: center;
  color: var(--WHITE);
}
.s-subscriptionCategory .s-merit__items {
  margin: 40px auto 0;
  max-width: 335px;
}
.s-subscriptionCategory .s-merit__item {
  display: grid;
  gap: 15px;
}
.s-subscriptionCategory .s-merit__item + .s-merit__item {
  margin-top: 30px;
}
.s-subscriptionCategory .s-merit__img {
  margin-inline: auto;
  width: min(100%, 150px);
  aspect-ratio: 1;
  border-radius: 50%;
  background-color: var(--GRAY01);
  position: relative;
  display: grid;
  place-items: center;
}
.s-subscriptionCategory .s-merit__img img {
  max-width: 90px;
}
.s-subscriptionCategory .s-merit__itemTtl {
  font-size: var(--FZ_17_CONST);
  display: flex;
  align-items: center;
  gap: 20px;
}
.s-subscriptionCategory .s-merit__itemTtl span {
  position: relative;
}
.s-subscriptionCategory .s-merit__itemTtl span::after {
  content: "";
  position: absolute;
  width: 1px;
  height: 19px;
  background-color: var(--GRAY02);
  top: 50%;
  right: -10px;
  transform: translateY(-50%);
}
.s-subscriptionCategory .s-merit__txtWrap {
  margin-top: 15px;
}
.s-subscriptionCategory .s-merit__txt a{
  text-decoration: underline;
}
.s-subscriptionCategory .s-merit__subItem {
  
  
}
.s-subscriptionCategory .s-merit__block--first {
  margin-top: 30px;
  background-color: var(--BEIGE01);
}
.s-subscriptionCategory .s-merit__block--second {
  margin-top: 30px;
  background-color: var(--GRAY01);
}
.s-subscriptionCategory .s-merit__block {
  padding: 20px 15px;
  margin-inline: auto;
  max-width: 840px;
  text-align: center;
}
.s-subscriptionCategory .s-merit__blockTtl {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  letter-spacing: 0.01em;
}
.s-subscriptionCategory .s-merit__blockTxt {
  margin-top: 10px;
  
  
  margin-bottom: 20px;
}
.s-subscriptionCategory .s-merit__blockTxt span {
  font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px) {
  .s-subscriptionCategory .s-merit__message {
    padding-block: 91px;
    background-image: url(../images/subscription-category/merit/bg.jpg);
  }
  .s-subscriptionCategory .s-merit__messageTtl {
    font-size: var(--FZ_40);
    letter-spacing: 0.12em;
  }
  .s-subscriptionCategory .s-merit__items {
    max-width: 840px;
  }
  .s-subscriptionCategory .s-merit__item {
    grid-template-columns: calc(200 / 840 * 100%) calc(580 / 840 * 100%);
    gap: calc(60 / 840 * 100%);
    align-items: center;
  }
  .s-subscriptionCategory .s-merit__item + .s-merit__item {
    margin-top: 40px;
  }
  .s-subscriptionCategory .s-merit__img {
    width: 100%;
  }
  .s-subscriptionCategory .s-merit__img img {
    max-width: 120px;
  }
  .s-subscriptionCategory .s-merit__itemTtl {
    font-size: var(--FZ_22);
    
    
    gap: 40px;
  }
  .s-subscriptionCategory .s-merit__itemTtl span {
    
  }
  .s-subscriptionCategory .s-merit__itemTtl span::after {
    height: 40px;
    right: -20px;
  }
  .s-subscriptionCategory .s-merit__txtWrap {
    margin-top: 20px;
  }
  .s-subscriptionCategory .s-merit__txt {
    font-size: var(--FZ_16);
  }
  .s-subscriptionCategory .s-merit__subItem {
    font-size: var(--FZ_16);
    display: flex;
  }
  .s-subscriptionCategory .s-merit__dt {
    font-weight: var(--FF_W_B);
  }
  .s-subscriptionCategory .s-merit__block--first {
    margin-top: 40px;
  }
  .s-subscriptionCategory .s-merit__block--second {
    margin-top: 40px;
  }
  .s-subscriptionCategory .s-merit__blockTtl {
    font-size: var(--FZ_18);
    font-weight: var(--FF_W_B);
    
  }
  .s-subscriptionCategory .s-merit__blockTxt {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
}
@media screen and (max-width:767px) {
.s-subscriptionCategory .s-merit__block{
	padding:20px 10px;
}
}
/* 閲覧履歴 */
.s-subscriptionCategory .s-history {
  background-color: var(--BEIGE01);
}
.s-subscriptionCategory .s-history__ttl {
  font-size: var(--FZ_18);
  
  
}
@media screen and (min-width: 768px) {
  .s-subscriptionCategory .s-history__ttl {
    font-size: var(--FZ_22);
  }
}

/* ■■■■■■■■■■■■■■■■会員特典■■■■■■■■■■■■■■■■ */
/* ナチュラルオーケストラ会員様限定の豪華特典 */
.s-member .s-benefit {
  background-color: var(--BEIGE01);
}
.s-member .s-benefit__ttl {
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.s-member .s-benefit__content {
  margin: 30px auto 0;
}
.s-member .s-benefit__txt {
  
  letter-spacing: 0.02em;
}
.s-member .s-benefit__items {
  margin-top: 30px;
  display: grid;
  gap: 15px;
}
.s-member .s-benefit__item {
  padding: 15px;
  background-color: var(--WHITE);
  border-radius: 5px;
  border: 2px solid var(--BDCOLOR_BROWN_1);
  display: grid;
  grid-template-columns: auto 1fr auto;
  align-items: center;
}
.s-member .s-benefit__num {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_20_CONST);
}
.s-member .s-benefit__desc {
  margin-left: 30px;
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  
  line-height: var(--LINE_HEIGHT_S);
  position: relative;
}
.s-member .s-benefit__desc .yellow {
  font-size: var(--FZ_20_CONST);
  color: #c1961e;
}
.s-member .s-benefit__desc .small {
  font-size: var(--FZ_16);
  color: #c1961e;
}
.s-member .s-benefit__desc::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 100%;
  border-left: 1px dotted var(--BDCOLOR_BROWN_1);
  top: 0;
  left: -15px;
}
.s-member .s-benefit__img {
  margin-left: 16px;
  max-width: 67px;
}
.s-member .s-benefit__point {
  margin: 30px auto 0;
  padding-block: 14px;
  max-width: 236px;
  display: grid;
  place-items: center;
  background-color: var(--WHITE);
  border-radius: 5px;
}
.s-member .s-benefit__point img {
  max-width: 176px;
}
.s-member .s-benefit__arrowBottom {
  margin: 15px auto 0;
  display: block;
  max-width: 20px;
}
.s-member .s-benefit__btnTxt {
  margin-top: 15px;
  
  font-weight: var(--FF_W_B);
  
  text-align: center;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .s-member .s-benefit__ttl {
    font-size: var(--FZ_30);
    
  }
  .s-member .s-benefit__content {
    margin-top: 40px;
    max-width: 840px;
  }
  .s-member .s-benefit__txt {
    font-size: var(--FZ_16);
    
    text-align: center;
  }
  .s-member .s-benefit__items {
    margin-top: 40px;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px 30px;
  }
  .s-member .s-benefit__item {
    padding: 38px 30px;
    grid-template-columns: initial;
    place-items: center;
  }
  .s-member .s-benefit__num {
    font-size: var(--FZ_30);
    order: 1;
  }
  .s-member .s-benefit__desc {
    margin: 30px 0 0 0;
    font-size: var(--FZ_18);
    text-align: center;
    order: 3;
  }
  .s-member .s-benefit__desc .yellow {
    font-size: var(--FZ_22);
  }
  .s-member .s-benefit__desc .small {
    font-size: var(--FZ_18);
  }
  .s-member .s-benefit__desc::before {
    display: none;
  }
  .s-member .s-benefit__img {
    margin: 30px 0 0 0;
    max-width: 120px;
    order: 2;
  }
  .s-member .s-benefit__point {
    margin-top: 40px;
    padding-block: 14px;
    max-width: 373px;
  }
  .s-member .s-benefit__point img {
    max-width: 218px;
  }
  .s-member .s-benefit__arrowBottom {
    margin-top: 20px;
  }
  .s-member .s-benefit__btnTxt {
    margin-top: 20px;
  }
}
.scroll-hint-icon {
    width: 136px;
    height: 91px;
    border-radius: 1px;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon{
	opacity:.6;
}
/* 会員ステージ制度について */
.s-member .s-status__lead {
  margin-top: 30px;
  font-size: var(--FZ_14_CONST);
  text-align: center;
}
.s-member .s-status__tableWrap {
  margin-top: 30px;
  overflow: auto;
}
.s-member .s-status__table {
  border-collapse: collapse;
  table-layout: fixed;
  width: max-content;
}
.s-member .s-status__table tr th:first-child {
  width: 150px;
  height: 70px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-member .s-status__table tr:nth-of-type(2) th:first-child {
  background-image: url(../images/member/status/sp/silver.jpg);
}
.s-member .s-status__table tr:nth-of-type(4) th:first-child {
  background-image: url(../images/member/status/sp/gold.jpg);
}
.s-member .s-status__table tr:nth-of-type(6) th:first-child {
  background-image: url(../images/member/status/sp/platina.jpg);
}
.s-member .s-status__table tr:nth-of-type(8) th:first-child {
  background-image: url(../images/member/status/sp/black.jpg);
}
.s-member .s-status__table th:nth-of-type(2),
.s-member .s-status__table td:nth-of-type(1) {
  width: 170px;
}
.s-member .s-status__table td:nth-of-type(1) {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_20);
  
  letter-spacing: 0.01em;
}
.s-member .s-status__table th:nth-of-type(3),
.s-member .s-status__table td:nth-of-type(2) {
  width: 150px;
}
.s-member .s-status__table th:nth-of-type(4),
.s-member .s-status__table td:nth-of-type(3) {
  width: 220px;
}
.s-member .s-status__table th:not(:first-child),
.s-member .s-status__table td {
  border-right: 1px dotted var(--BDCOLOR_BROWN_1);
  border-left: 1px dotted var(--BDCOLOR_BROWN_1);
}
.s-member .spacer {
  height: 2px;
}
.s-member .s-status__table th {
  font-size: var(--FZ_16);
  font-weight: var(--FF_W_R);
  
}
.s-member .s-status__table td {
  vertical-align: middle;
  text-align: center;
  font-size: var(--FZ_14);
  
}
.s-member .s-status__table td span {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_20);
  letter-spacing: 0.01em;
}
.s-member .s-status__table tr:nth-of-type(2) {
  background-color: #fbfbfb;
  color: #8d8d8d;
}
.s-member .s-status__table tr:nth-of-type(4) {
  background-color: #fffaef;
  color: #7d6930;
}
.s-member .s-status__table tr:nth-of-type(6) {
  background-color: #f5f6f9;
  color: #227991;
}
.s-member .s-status__table tr:nth-of-type(8) {
  background-color: #f5f5f5;
  color: #0f0f0f;
}
.s-member .s-status__txtWrap {
  margin-top: 15px;
}
.s-member .s-status__txt {
  font-size: var(--FZ_12_CONST);
  
  line-height: var(--LINE_HEIGHT_S);
}
@media screen and (min-width: 768px) {
  .s-member .s-status__inner {
    max-width: 1120px;
  }
  .s-member .s-status__lead {
    margin-top: 40px;
    font-size: var(--FZ_16);
    
  }
  .s-member .s-status__tableWrap {
    margin-top: 40px;
  }
  .s-member .s-status__pcTable {
    border-collapse: collapse;
    table-layout: fixed;
    width: 1120px;
    margin-inline: auto;
  }
  .s-member .s-status__pcTable tr:first-child th:not(:first-child) {
    width: 210px;
  }
  .s-member .s-status__pcTable tr:nth-of-type(1) {
    height: 130px;
  }
  .s-member .s-status__pcTable tr:nth-of-type(2),
  .s-member .s-status__pcTable tr:nth-of-type(3) {
    height: 76px;
  }
  .s-member .s-status__pcTable tr:nth-of-type(4) {
    height: 104px;
  }
  .s-member .s-status__pcTable td {
    text-align: center;
    vertical-align: middle;
    font-size: var(--FZ_16);
    
    width: 210px;
  }
  .s-member .s-status__pcTable td span {
    font-family: var(--FF_NUM);
    font-size: var(--FZ_22);
    
    letter-spacing: 0.01em;
  }
  .s-member .s-status__pcTable td:nth-of-type(1) {
    background-color: #fbfbfb;
  }
  .s-member .s-status__pcTable td:nth-of-type(2) {
    background-color: #fffaef;
  }
  .s-member .s-status__pcTable td:nth-of-type(3) {
    background-color: #f5f6f9;
  }
  .s-member .s-status__pcTable td:nth-of-type(4) {
    background-color: #f5f5f5;
  }
  .s-member .s-status__pcTable th:not(:first-child),
  .s-member .s-status__pcTable td {
    border-right: 2px solid var(--WHITE);
    border-left: 2px solid var(--WHITE);
  }
  .s-member .s-status__pcTable tr:first-child th {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
  }
  .s-member .s-status__pcTable tr:first-child th:nth-of-type(2) {
    background-image: url(../images/member/status/silver.jpg);
  }
  .s-member .s-status__pcTable tr:first-child th:nth-of-type(3) {
    background-image: url(../images/member/status/gold.jpg);
  }
  .s-member .s-status__pcTable tr:first-child th:nth-of-type(4) {
    background-image: url(../images/member/status/platina.jpg);
  }
  .s-member .s-status__pcTable tr:first-child th:nth-of-type(5) {
    background-image: url(../images/member/status/black.jpg);
  }
  .s-member .s-status__pcTable td:nth-of-type(1) {
    color: #8d8d8d;
  }
  .s-member .s-status__pcTable td:nth-of-type(2) {
    color: #7d6930;
  }
  .s-member .s-status__pcTable td:nth-of-type(3) {
    color: #1d345f;
  }
  .s-member .s-status__pcTable td:nth-of-type(4) {
    color: #0f0f0f;
  }
  .s-member .s-status__pcTable th {
    font-size: var(--FZ_18);
    font-weight: var(--FF_W_R);
    
    text-align-last: left;
  }
  .s-member .s-status__pcTable th span {
    font-weight: var(--FF_W_B);
  }
  .s-member .s-status__pcTable tr {
    border-bottom: 1px dotted var(--GRAY02);
  }
  .s-member .s-status__txtWrap {
    margin-top: 20px;
  }
  .s-member .s-status__txt {
    font-size: var(--FZ_14);
    
  }
}

@media screen and (min-width:768px) and (max-width:1200px) {
  .s-member .s-status__pcTable {
    border-collapse: collapse;
    width: 100%;
    margin-inline: auto;
  }
  .s-member .s-status__pcTable tr:first-child th:not(:first-child) {
    width: auto;
  }
}


/* 毎月開催されるお得なイベント情報 */
.s-member .s-event__blocks {
  margin: 30px auto 0;
  max-width: 335px;
}
.s-member .s-event__block2 {
  margin-top: 30px;
}
.s-member .s-event__txt {
  margin-top: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 5px;
}
.s-member .s-event__txt::before {
  content: "";
  width: 18px;
  aspect-ratio: 1;
  background-image: url(../images/member/event/txt-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-member .s-event__txt a {
  text-decoration: underline;
}
@media screen and (min-width: 768px) {
  .s-member .s-event__blocks {
    margin-top: 40px;
    max-width: 840px;
  }
  .s-member .s-event__block2 {
    margin-top: 40px;
  }
  .s-member .s-event__txt {
    margin-top: 40px;
  }
  .s-member .s-event__txt::before {
    width: 20px;
  }
}
/* ナチュラルオーケストラ会員特典のご紹介 */
.s-member .s-feature {
  background-color: var(--BEIGE01);
}
.s-member .s-feature__items {
  margin: 40px auto 0;
  display: grid;
  gap: 24px;
}
.s-member .s-feature__item {
  padding: 15px;
  position: relative;
  background-color: var(--WHITE);
  display: flex;
  align-items: center;
  gap: 10px;
}
.s-member .s-feature__item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 37px;
  height: 26px;
  background: linear-gradient(
    to bottom right,
    var(--BEIGE01) 0%,
    var(--BEIGE01) 50%,
    var(--WHITE) 50%,
    var(--WHITE) 100%
  );
}
.s-member .s-feature__num {
  position: absolute;
  font-family: var(--FF_NUM);
  font-size: 24px;
  font-style: italic;
  
  letter-spacing: 0.01em;
  line-height: 1;
  top: 5px;
  left: 0;
  transform: translateY(-50%);
  color:#C1961E;
}
.s-member .s-feature__img {
  flex: 0 0 80px;
  border-radius: 50px;
  overflow: hidden;
}
.s-member .s-feature__ttl {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  line-height: var(--LINE_HEIGHT_S);
}
.s-member .s-feature__desc {
  margin-top: 8px;
  font-size: var(--FZ_14_CONST);
  line-height: 1.5;
}
.s-member .s-feature__subTtl {
  margin-top: 30px;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-member .s-feature__blockWrap {
  margin: 30px auto 0;
}
.s-member .s-feature__blocks {
  display: flex;
  gap: 10px;
  justify-content: center;
}
.s-member .s-feature__block {
  position: relative;
  flex: 0 0 160px;
}
.s-member .s-feature__block:not(:first-of-type):before {
  content: "";
  position: absolute;
  top: 50%;
  left: -5px;
  transform: translateY(-50%);
  width: 1px;
  height: 120px;
  border-left: 1px dotted var(--BDCOLOR_BROWN_1);
}
.s-member .s-feature__blockImg {
  display: block;
  max-width: 80px;
  margin-inline: auto;
  border-radius: 50%;
  overflow: hidden;
}
.s-member .s-feature__blockTxt {
  margin-top: 20px;
  font-size: var(--FZ_16);
  
  
  text-align: center;
}
.s-member .s-feature__txtWrap {
  margin: 30px auto 0;
}
.s-member .s-feature__btnWrap {
  margin-top: 40px;
  text-align: center;
}
.s-member .s-feature__btnTxt {
  
  font-weight: var(--FF_W_B);
  
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .s-member .s-feature__inner {
    max-width: 1120px;
  }
  .s-member .s-feature__items {
    margin: 40px auto 0;
    max-width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: 26px 30px;
  }
  .s-member .s-feature__item {
    padding: 30px;
    gap: 25px;
  }
  .s-member .s-feature__item::before {
    width: 52px;
    height: 48px;
  }
  .s-member .s-feature__num {
    font-size: var(--FZ_35);
    transform: translateY(0);
  }
  .s-member .s-feature__img {
    flex: 0 0 calc(130 / 485 * 100%);
  }
  .s-member .s-feature__ttl {
    font-size: var(--FZ_22);
    
    
  }
  .s-member .s-feature__desc {
    margin-top: 10px;
    font-size: var(--FZ_16);
  }
  .s-member .s-feature__subTtl {
    margin-top: 60px;
    font-size: var(--FZ_22);
  }
  .s-member .s-feature__blockWrap {
    margin-top: 40px;
    max-width: 970px;
  }
  .s-member .s-feature__blocks {
    gap: calc(80 / 970 * 100%);
  }
  .s-member .s-feature__block {
    flex: 0 0 calc(270 / 970 * 100%);
  }
  .s-member .s-feature__block:not(:first-of-type):before {
    left: calc(40 / 270 * -100%);
    height: 184px;
  }
  .s-member .s-feature__blockImg {
    max-width: calc(140 / 270 * 100%);
  }
  .s-member .s-feature__blockTxt {
    font-size: var(--FZ_22);
  }
  .s-member .s-feature__txtWrap {
    margin-top: 40px;
    max-width: 970px;
  }
  .s-member .s-feature__btnWrap {
    margin-top: 60px;
  }
}

@media screen and (max-width: 550px) {
.s-member .s-feature__blocks {
  display: flex;
  gap: 10px;
  justify-content:flex-start;
}
.s-member .s-feature__blockWrap {
  max-width: fit-content;
  overflow: auto;
}
}



/* ■■■■■■■■■■■■■■■■ホホバオイルの正しい使い方■■■■■■■■■■■■■■■■ */
/* ホホバオイルの選び方 */
.s-howToUse .s-choose {
  margin-top: 40px;
}
.s-howToUse .s-choose__items {
  margin: 30px auto 0;
}
.s-howToUse .s-choose__item + .s-choose__item {
  margin-top: 30px;
}
.s-howToUse .s-choose__content {
}
.s-howToUse .s-choose__header {
  display: flex;
  align-items: center;
  gap: 20px;
}
.s-howToUse .s-choose__num {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_16);
  
  line-height: 1;
}
.s-howToUse .s-choose__ttl {
  font-size: var(--FZ_17_CONST);
  position: relative;
}
.s-howToUse .s-choose__ttl::before {
  content: "";
  position: absolute;
  width: 1px;
  height: 45px;
  background-color: var(--GRAY02);
  left: -10px;
  top: 50%;
  transform: translateY(-50%);
}
.s-howToUse .s-choose__body {
  margin-top: 15px;
}
.s-howToUse .s-choose__txt {
  
  
}
.s-howToUse .s-choose__img {
  margin-top: 20px;
  aspect-ratio: 335 / 223;
}
.s-howToUse .s-choose__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-howToUse .s-choose__link {
  margin-top: 15px;
  
  
  
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}
.s-howToUse .s-choose__link a {
  text-decoration: underline;
}
.s-howToUse .s-choose__link::before {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  background-image: url(../images/common/link-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

@media screen and (min-width: 768px) {
  .s-howToUse .s-choose {
    margin-top: 60px;
  }
  .s-howToUse .s-choose__inner {
    max-width: 1120px;
  }
  .s-howToUse .s-choose__items {
    margin-top: 40px;
    max-width: 100%;
  }
  .s-howToUse .s-choose__item + .s-choose__item {
    margin-top: 40px;
  }
  .s-howToUse .s-choose__item {
    display: flex;
    align-items: start;
    gap: calc(60 / 1120 * 100%);
  }
  .s-howToUse .s-choose__item:nth-of-type(2n) {
    flex-direction: row-reverse;
  }

  .s-howToUse .s-choose__content {
    margin-top: 24px;
    flex: 0 0 calc(530 / 1120 * 100%);
  }
  .s-howToUse .s-choose__header {
    gap: 35px;
  }
  .s-howToUse .s-choose__num {
    font-size: var(--FZ_22);
    
  }
  .s-howToUse .s-choose__ttl {
    font-size: var(--FZ_22);
  }
  .s-howToUse .s-choose__ttl::before {
    height: 40px;
    left: -20px;
  }
  .s-howToUse .s-choose__body {
    margin-top: 20px;
  }
  .s-howToUse .s-choose__txt {
    font-size: var(--FZ_16);
  }
  .s-howToUse .s-choose__img {
    margin-top: 0;
    aspect-ratio: 530 / 353;
  }
  .s-howToUse .s-choose__link {
    margin-top: 20px;
    font-size: var(--FZ_16);
    font-weight: var(--FF_W_R);
  }
}
@media screen and (max-width:767px) {
	.s-howToUse .s-choose__ttl {
		font-weight: var(--FF_W_B);
	}
	.s-howToUse .s-choose__num{
		font-size:17px;
	}

}
/* ホホバオイル正しい使い方 */
.s-howToUse .s-use {
  background-color: var(--BEIGE01);
}
.s-howToUse .s-use__inner {
  max-width: 1120px;
}
.s-howToUse .s-use__headingSub {
  display: block;
  
  
  
  text-align: center;
}
.s-howToUse .s-use__headingMain {
  display: block;
  margin-top: 5px;
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.s-howToUse .s-use__group1 {
  margin: 30px auto 0;
}
.s-howToUse .s-use .group1__items {
  margin-inline: auto;
  width: fit-content;
}
.s-howToUse .s-use .group1__item + .group1__item {
  margin-top: 10px;
}
.s-howToUse .s-use .group1__item {
  background-color: var(--WHITE);
  font-size: var(--FZ_16_CONST);
  
  
  position: relative;
  width: 335px;
}
.s-howToUse .s-use .group1__item a {
  display: block;
  padding: 8px 15px 8px 20px;
  position: relative;
}
.s-howToUse .s-use .group1__item span {
  font-size: var(--FZ_14);
}
.s-howToUse .s-use .group1__item a::before {
  content: "";
  position: absolute;
  top: 15px;
  left: 0;
  width: 10px;
  height: 2px;
  background-color: var(--BROWN01);
}
.s-howToUse .s-use .group1__item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  transform: translateY(-50%);
  width: 12px;
  aspect-ratio: 12 / 11;
  background-image: url(../images/how-to-use/use/arrow-bottom.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.s-howToUse .s-use__group2 {
  margin: 60px auto 0;
}
.s-howToUse .s-use .group2Block:not(:first-of-type) {
  margin-top: 60px;
}
.group2Heading {
  margin-bottom: 20px;
  margin-inline: auto;
  background-color: var(--WHITE);
  padding-block: 15px;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
  position: relative;
  border: 1px solid var(--BROWN01);
}
.group2Heading::before,
.group2Heading::after {
  content: "";
  position: absolute;
  top: 0;
  width: 3px;
  height: 100%;
  background-color: var(--BROWN01);
}
.group2Heading::before {
  left: 5px;
}
.group2Heading::after {
  right: 5px;
}
.s-howToUse .s-use .group2Txt {
  
  
}
.s-howToUse .s-use .group2Txt + .group2Txt {
  margin-top: 1lh;
}
.s-howToUse .s-use .group2Txt a {
  text-decoration: underline;
  font-weight: var(--FF_W_B);
}
.s-howToUse .s-use .group2SubTtl {
  font-size: var(--FZ_18_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;
  margin-bottom: 20px;
}
.s-howToUse .s-use .group2Img {
  margin-bottom: 20px;
  margin-inline: auto;
  max-width: 210px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
}
.s-howToUse .s-use .group2Img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-howToUse .s-use .group2Step {
  margin-bottom: 7px;
  display:block;
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  
}
.s-howToUse .s-use .group2Links {
  margin-top: 15px;
}
.s-howToUse .s-use .group2Links p + p {
  margin-top: 15px;
}
.s-howToUse .s-use .group2Links a {
  
  
  
  text-decoration: underline;
  position: relative;
  display: flex;
  align-items: center;
  gap: 6px;
}
.s-howToUse .s-use .group2Links a::before {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  background-image: url(../images/common/link-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-howToUse .s-use .group2Alert {
  margin-top: 15px;
  font-size: var(--FZ_12_CONST);
  
}

.s-howToUse .s-use__group2 .block1__container {
  margin-top: 20px;
}
.s-howToUse .s-use__group2 .block1__wrap + .block1__wrap {
  margin-top: 30px;
}

.s-howToUse .s-use__group2 .block2__container {
  margin-top: 20px;
}
.s-howToUse .s-use__group2 .block2__wrap + .block2__wrap {
  margin-top: 30px;
}
.s-howToUse .s-use__group2 .block2__point {
  margin-top: 30px;
  padding: 20px;
  background-color: var(--WHITE);
}
.s-howToUse .s-use__group2 .block2__pointTtl {
  font-size: var(--FZ_18_CONST);
  
  
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.s-howToUse .s-use__group2 .block2__pointTtl::before {
  content: "";
  width: 95px;
  aspect-ratio: 95 / 32;
  background-image: url(../images/how-to-use/use/point.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-howToUse .s-use__group2 .block2__pointContainer {
  margin-top: 20px;
}
.block2__pointSubTtl {
  border-left: 4px solid var(--BDCOLOR_BROWN_1);
  padding-left: 8px;
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  
  margin-bottom: 10px;
}
.s-howToUse .s-use__group2 .block2__pointImg {
  margin-top: 30px;
}
.s-howToUse .s-use__group2 .block2__pointWrap:not(:first-of-type) {
  margin-top: 30px;
}

.s-howToUse .s-use__group2 .block3__container {
  margin-top: 20px;
}

.s-howToUse .s-use__group2 .block4__container {
  margin-top: 20px;
}

.s-howToUse .s-use__group2 .block5__links + .block5__txt {
  margin-top: 10px;
}
.s-howToUse .s-use__group2 .block5__wrap + .block5__wrap {
  margin-top: 30px;
}
.s-howToUse .s-use__group2 .block5__subTtl {
  margin-top: 10px;
  font-size: var(--FZ_16);
  font-weight: var(--FF_W_B);
}

.s-howToUse .s-use__group2 .block6__ttl {
  margin-top: 20px;
  font-size: var(--FZ_18);
  font-weight: var(--FF_W_B);
  text-align: center;
}
.s-howToUse .s-use__group2 .block6__container {
  margin-top: 20px;
}
.s-howToUse .s-use__group2 .block6__wrap + .block6__wrap {
  margin-top: 20px;
}
.s-howToUse .s-use__group2 .block6__subTtl {
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;
  padding-block: 15px;
  background-color: var(--WHITE);
  margin-bottom: 10px;
}

.s-howToUse .s-use__group2 .block7__container {
  margin-top: 20px;
}
.s-howToUse .s-use__group2 .block7__outer + .block7__outer {
  margin-top: 30px;
}

.s-howToUse .s-use__group2 .block8__container {
  margin-top: 20px;
}

@media screen and (min-width: 768px) {
  .s-howToUse .s-use__headingSub {
    font-size: var(--FZ_18);
    
  }
  .s-howToUse .s-use__headingMain {
    font-size: var(--FZ_30);
    
  }
  .s-howToUse .s-use__group1 {
    margin-top: 40px;
  }
  .s-howToUse .s-use .group1__items {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(363px, 1fr));
    gap: 15px;
    width: auto;
  }
  .s-howToUse .s-use .group1__item + .group1__item {
    margin-top: 0px;
  }
  .s-howToUse .s-use .group1__item {
    font-size: var(--FZ_18);
    width: auto;
  }
  .s-howToUse .s-use .group1__item a {
    padding: 15px 15px 15px 37px;
  }

  .s-howToUse .s-use .group1__item span {
    font-size: var(--FZ_16);
  }
  .s-howToUse .s-use .group1__item a::before {
    top: 26px;
    width: 20px;
  }

  .s-howToUse .s-use__group2 {
    max-width: 100%;
  }
  .group2Heading {
    margin-bottom: 30px;
    max-width: 100%;
    font-size: var(--FZ_22);
  }
  .group2Heading::before,
  .group2Heading::after {
    width: 6px;
  }
  .s-howToUse .s-use .group2Txt {
    font-size: var(--FZ_16);
  }
  .s-howToUse .s-use .group2SubTtl {
    font-size: var(--FZ_18);
    margin-bottom: 30px;
  }
  .s-howToUse .s-use .group2Img {
    margin-bottom: 0;
    max-width: 100%;
  }
  .s-howToUse .s-use .group2Step {
    font-size: var(--FZ_16);
  }
  .s-howToUse .s-use .group2Links {
    margin-top: 10px;
  }
  .s-howToUse .s-use .group2Links p + p {
    margin-top: 10px;
  }
  .s-howToUse .s-use .group2Links a {
    font-size: var(--FZ_16);
    font-weight: var(--FF_W_R);
  }
  .s-howToUse .s-use .group2Alert {
    margin-top: 10px;
    font-size: var(--FZ_14);
  }

  .s-howToUse .s-use__group2 .block1__container {
    margin-top: 30px;
  }
  .s-howToUse .s-use__group2 .block1__wrap {
    display: flex;
    align-items: start;
    gap: calc(30 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block1__img {
    flex: 0 0 calc(210 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block1__content {
    flex-grow: 1;
  }

  .s-howToUse .s-use__group2 .block2__container {
    margin-top: 30px;
  }
  .s-howToUse .s-use__group2 .block2__wrap {
    display: flex;
    align-items: start;
    gap: calc(30 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block2__wrap + .block2__wrap {
    margin-top: 46px;
  }
  .s-howToUse .s-use__group2 .block2__img {
    flex: 0 0 calc(210 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block2__content {
    flex-grow: 1;
  }
  .s-howToUse .s-use__group2 .block2__point {
    margin-top: 60px;
    padding: 40px 60px;
  }
  .s-howToUse .s-use__group2 .block2__pointTtl {
    font-size: var(--FZ_22);
    gap: 15px;
  }
  .s-howToUse .s-use__group2 .block2__pointContainer {
    margin-top: 30px;
  }
  .s-howToUse .s-use__group2 .block2__pointImg {
    margin: 30px auto 0;
    max-width: 410px;
  }

  .s-howToUse .s-use__group2 .block3__container {
    margin-top: 30px;
  }
  .s-howToUse .s-use__group2 .block3__wrap {
    display: flex;
    align-items: start;
    gap: calc(30 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block3__img {
    flex: 0 0 calc(210 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block3__content {
    flex-grow: 1;
  }

  .s-howToUse .s-use__group2 .block4__container {
    margin-top: 30px;
  }
  .s-howToUse .s-use__group2 .block4__wrap {
    display: flex;
    align-items: start;
    gap: calc(30 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block4__img {
    flex: 0 0 calc(210 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block4__content {
    flex-grow: 1;
  }

  .s-howToUse .s-use__group2 .block5__wrap + .block5__wrap {
    margin-top: 40px;
  }
  .s-howToUse .s-use__group2 .block5__subTtl {
    margin-top: 0;
    margin-bottom: 20px;
    font-size: var(--FZ_22);
    
    text-align: center;
  }

  .s-howToUse .s-use__group2 .block6__ttl {
    margin-top: 30px;
    font-size: var(--FZ_22);
    
    text-align: center;
  }
  .s-howToUse .s-use__group2 .block6__container {
    margin-top: 30px;
    padding-inline: 14px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 30px;
  }
  .s-howToUse .s-use__group2 .block6__wrap + .block6__wrap {
    margin-top: 0;
  }
  .s-howToUse .s-use__group2 .block6__subTtl {
    font-size: var(--FZ_18);
    padding-block: 13px;
  }
  .s-howToUse .s-use__group2 .block6__txt {
    margin-inline: auto;
    width: calc(500 / 531 * 100%);
  }

  .s-howToUse .s-use__group2 .block7__container {
    margin-top: 30px;
  }
  .s-howToUse .s-use__group2 .block7__wrap {
    display: flex;
    align-items: start;
    gap: calc(30 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block7__img {
    flex: 0 0 calc(210 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block7__content {
    flex-grow: 1;
  }

  .s-howToUse .s-use__group2 .block8__container {
    margin-top: 30px;
  }
  .s-howToUse .s-use__group2 .block8__wrap {
    display: flex;
    align-items: start;
    gap: calc(30 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block8__img {
    flex: 0 0 calc(210 / 1100 * 100%);
  }
  .s-howToUse .s-use__group2 .block8__content {
    flex-grow: 1;
  }
}
@media screen and (max-width:767px) {
  .s-howToUse .s-use .group1__items {
    margin-inline: auto;
    width: 100%;
  }
  .s-howToUse .s-use .group1__item {
    width: 100%;
  }
  .jojoba-menulist{
	  margin-top: 25px;
	  font-size:13px;
  }
}

/* ホホバオイルとは？ */
.s-howToUse .s-info__heading {
}
.s-howToUse .s-info__headingSub {
  font-size: var(--FZ_16);
  font-weight: var(--FF_W_B);
  
  display: block;
  text-align: center;
}
.s-howToUse .s-info__headingMain {
  margin-top: 5px;
  font-size: var(--FZ_22);
  
  
  display: block;
  text-align: center;
}
.s-howToUse .s-info__data {
  margin-top: 25px;
}
.s-howToUse .s-info__subHeading {
  font-size: var(--FZ_16_CONST);
  
  
  text-align: center;
  margin-bottom: 20px;
}
.s-howToUse .s-info .data__block {
  margin-inline: auto;
}
.s-howToUse .s-info .data__items {
}
.s-howToUse .s-info .data__item {
  font-size: var(--FZ_14);
  
  display: grid;
  grid-template-columns: calc(115 / 335 * 100%) calc(220 / 335 * 100%);
  border: 1px solid var(--GRAY02);
  border-top: none;
}
.s-howToUse .s-info .data__item:first-of-type {
  border-top: 1px solid var(--GRAY02);
}
.s-howToUse .s-info .data__dt {
  padding: 8px 10px;
}
.s-howToUse .s-info .data__dd {
  padding: 8px 10px;
  border-left: 1px solid var(--GRAY02);
}
.s-howToUse
  .s-info
  .data__block.block1
  .data__items
  + .data__items
  .data__item:first-of-type {
  border-top: none;
}
.s-howToUse .s-info .dataBg {
  background-color: var(--BEIGE01);
}
.s-howToUse .s-info .data__blockWrap {
  margin-top: 30px;
}
.s-howToUse .s-info .data__block + .data__block {
  margin-top: 30px;
}
.s-howToUse .s-info .data__alert {
  margin-top: 10px;
  font-size: var(--FZ_12_CONST);
  
}

.s-howToUse .s-info__feature {
  margin-top: 40px;
}
.s-howToUse .s-info .feature__block {
  margin-inline: auto;
}
.s-howToUse .s-info .s-howToUse .s-info .feature__ttl {
  font-size: var(--FZ_16);
  font-weight: var(--FF_W_B);
  margin-bottom: 10px;
}
.s-howToUse .s-info .feature__txt {
  font-size: var(--FZ_14);
  
}
.s-howToUse .s-info .feature__items {
  margin-top: 10px;
  padding-left: 1em;
}
.s-howToUse .s-info .feature__item {
  list-style: disc;
  font-size: var(--FZ_14);
  
}
.s-howToUse .s-info .feature__item + .feature__item {
  margin-top: 10px;
}
.s-howToUse .s-info .feature__itemTxt {
  margin-top: 10px;
  font-size: var(--FZ_14);
  letter-spacing: 0.05;
}
.s-howToUse .s-info .feature__wrap + .feature__wrap {
  margin-top: 30px;
}
.s-howToUse .s-info .feature__wrap + .feature__wrap .feature__ttl{
	font-weight: var(--FF_W_B);
	margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .s-howToUse .s-info__inner {
    max-width: 1120px;
  }
  .s-howToUse .s-info__headingSub {
    font-size: var(--FZ_18);
    
    
  }
  .s-howToUse .s-info__headingMain {
    font-size: var(--FZ_30);
    
  }
  .s-howToUse .s-info__data {
    margin-top: 40px;
  }
  .s-howToUse .s-info__subHeading {
    font-size: var(--FZ_22);
    margin-bottom: 25px;
  }
  .s-howToUse .s-info .data__block {
    margin-inline: auto;
    max-width: 100%;
    width: 100%;
  }
  .s-howToUse .s-info .data__outer {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
  .s-howToUse .s-info .data__item {
    font-size: var(--FZ_16);
    grid-template-columns: calc(160 / 560 * 100%) calc(400 / 560 * 100%);
  }
  .s-howToUse
    .s-info
    .data__block.block1
    .data__items
    + .data__items
    .data__item:first-of-type {
    border-top: 1px solid var(--GRAY02);
  }
  .s-howToUse
    .s-info
    .data__block.block1
    .data__items
    + .data__items
    .data__item {
    border-left: none;
  }
  .s-howToUse .s-info .data__blockWrap {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 / 1120 * 100%);
  }
  .s-howToUse .s-info .data__block + .data__block {
    margin-top: 0;
  }
  .s-howToUse .s-info .data__alert {
    margin-top: 20px;
    font-size: var(--FZ_14);
  }

  .s-howToUse .s-info__feature {
    margin-top: 60px;
  }
  .s-howToUse .s-info .feature__block {
    max-width: 100%;
  }
  .s-howToUse .s-info .feature__ttl {
    font-size: var(--FZ_18);
    
    font-weight: var(--FF_W_B);
  }
  .s-howToUse .s-info .feature__txt {
    font-size: var(--FZ_16);
  }
  .s-howToUse .s-info .feature__item {
    font-size: var(--FZ_16);
  }
  .s-info .feature__itemTxt {
    font-size: var(--FZ_16);
  }
  .s-howToUse .s-info .feature__wrap + .feature__wrap {
    margin-top: 40px;
  }
}
/* s-product */
.s-howToUse .s-product {
}
.s-howToUse .s-product__items {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 15px;
  margin-inline: auto;
}
.s-howToUse .s-product__img {
  aspect-ratio: 1;
}
.s-howToUse .s-product__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-howToUse .s-product__content {
  margin-top: 10px;
}
.s-howToUse .s-product__name {
  font-size: var(--FZ_14);
  line-height: var(--LINE_HEIGHT_S);
}
.s-howToUse .s-product__price {
  font-size: var(--FZ_12_CONST);
  
}
.s-howToUse .s-product__price span {
  font-size: var(--FZ_16);
}
.s-howToUse .s-product__border {
  margin-top: 30px;
  border-top: 1px dotted var(--BDCOLOR_BROWN_1);
}
.s-howToUse .s-product__btn {
  margin: 30px auto 0;
  max-width: 300px;
  padding: 15px;
  font-size: var(--FZ_14);
  
  
  text-align: center;
  border: 1px solid var(--BDCOLOR_BROWN_1);
  position: relative;
}
.s-howToUse .s-product__btn::before,
.s-howToUse .s-product__btn::after {
  content: "";
  width: 10px;
  height: 1px;
  background-color: var(--BDCOLOR_BROWN_1);
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
}
.s-howToUse .s-product__btn::after {
  transform: translateY(-50%) rotate(90deg);
}
.s-howToUse .s-product__txtWrap {
  margin: 20px auto 0;
}
.s-howToUse .s-product__txt {
  padding-left: 1em;
  font-size: var(--FZ_12_CONST);
  
  position: relative;
}
.s-howToUse .s-product__txt::before {
  content: "※";
  font-size: var(--FZ_12_CONST);
  position: absolute;
  top: 0;
  left: 0;
}

@media screen and (min-width: 768px) {
  .s-howToUse .s-product__items {
    grid-template-columns: repeat(5, 1fr);
    gap: 70px 20px;
    max-width: 100%;
  }
  .s-howToUse .s-product__name {
    font-weight: var(--FF_W_B);
    
  }
  .s-howToUse .s-product__price {
    font-size: var(--FZ_14);
    
  }
  .s-howToUse .s-product__price span {
    font-size: var(--FZ_14);
  }
  .s-howToUse .s-product__border {
    margin-top: 40px;
  }
  .s-howToUse .s-product__txtWrap {
    margin-top: 40px;
    max-width: 1120px;
  }
  .s-howToUse .s-product__txt {
    font-size: var(--FZ_14);
  }
  .s-howToUse .s-product__txt::before {
    font-size: var(--FZ_14);
  }
}


/* s-group */
.s-orderCompleted .s-group {
  margin-top: 35px;
}
.s-orderCompleted .s-group__block1 {
  margin-inline: auto;
  border: 4px solid var(--GRAY01);
  padding: 40px 20px;
  position: relative;
}
.s-orderCompleted .s-group__block1::after {
  content: "";
  position: absolute;
  width: 76px;
  aspect-ratio: 76 / 26;
  background-color: var(--GRAY01);
  clip-path: polygon(50% 100%, 0 0, 100% 0);
  bottom: -30px;
  left: 50%;
  transform: translate(-50%, 100%);
}

.s-orderCompleted .s-group .block1__txt1 {
  font-size: var(--FZ_18_CONST);
  letter-spacing: 0.15em;
  text-align: center;
}
.s-orderCompleted .s-group .block1__txt2 {
  margin-top: 5px;
  font-size: var(--FZ_12_CONST);
  
  text-align: center;
}
.s-orderCompleted .s-group .block1__txt3 {
  margin-top: 20px;
  background-color: var(--GRAY01);
  font-size: var(--FZ_16);
  
  
  text-align: center;
  padding: 20px;
}
.s-orderCompleted .s-group .block1__txt4 {
  margin-top: 25px;
  
  
}

.s-orderCompleted .s-group .block1__txt5 {
  margin-top: 15px;
  font-size: var(--FZ_12_CONST);
  
  position: relative;
  padding-left: 1em;
}
.s-orderCompleted .s-group .block1__txt5::before {
  content: "※";
  font-size: var(--FZ_12_CONST);
  position: absolute;
  top: 0;
  left: 0;
}
.s-orderCompleted .s-group__block2 {
  margin: 86px auto 0;
}

.s-orderCompleted .s-group .block2__txt {
  font-size: var(--FZ_16_CONST);
  
  
  text-align: center;
}
.s-orderCompleted .s-group .block2__img {
  margin-top: 20px;
}
.s-orderCompleted .s-group .block2__link {
  margin-top: 30px;
}
.s-orderCompleted .s-group .block2__link a {
  font-size: var(--FZ_14);
  
  display: flex;
  justify-content: center;
  gap: 5px;
  text-decoration: underline;
}
.s-orderCompleted .s-group .block2__link a::after {
  content: "";
  width: 15px;
  aspect-ratio: 1;
  background-image: url(../images/common/link-icon.svg);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
@media screen and (min-width: 768px) {
  .s-orderCompleted .s-group {
    margin-top: 63px;
  }
  .s-orderCompleted .s-group__block1 {
    max-width: 900px;
    border: 8px solid var(--GRAY01);
  }
  .s-orderCompleted .s-group__block1::after {
    bottom: -25px;
  }

  .s-orderCompleted .s-group .block1__txt1 {
    font-size: var(--FZ_35);
  }
  .s-orderCompleted .s-group .block1__txt2 {
    margin-top: 10px;
    font-size: var(--FZ_16);
    
  }
  .s-orderCompleted .s-group .block1__txt3 {
    padding: 20px 40px;
    margin-inline: auto;
    max-width: 530px;
  }
  .s-orderCompleted .s-group .block1__txt4 {
    margin-top: 40px;
    font-size: var(--FZ_16);
    text-align: center;
  }
  .s-orderCompleted .s-group .block1__txt5 {
    margin-top: 20px;
    font-size: var(--FZ_14);
    text-align: center;
    margin-inline: auto;
    width: fit-content;
  }
  .s-orderCompleted .s-group .block1__txt5::before {
    font-size: var(--FZ_14);
  }
  .s-orderCompleted .s-group__block2 {
    margin-top: 66px;
    max-width: 580px;
  }
  .s-orderCompleted .s-group .block2__link {
    margin-top: 20px;
  }
}

/* s-btns */
.s-orderCompleted .s-btns {
  margin-inline: auto;
  max-width: 335px;
  padding: 20px;
  background-color: var(--GRAY01);
}
.s-orderCompleted .s-btns.conpmiddle{
	background:none;
	margin-top: 30px;
}
.s-orderCompleted .s-btn {
  padding: 12px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 295px;
  font-size: var(--FZ_16);
  
  
  color: var(--WHITE);
  background-color: var(--BROWN01);
  border-radius: 5px;
  box-shadow: 0 3px 6px rgb(0 0 0 / 0.16);
  position: relative;
}
.s-orderCompleted .s-btn + .s-btn {
  margin-top: 15px;
}
.s-orderCompleted .s-btn::after {
  content: "";
  width: 60px;
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-orderCompleted .s-btn:nth-of-type(1)::after {
  background-image: url(../images/order-completed/icon01.jpg);
}
.s-orderCompleted .s-btn:nth-of-type(2)::after {
  background-image: url(../images/order-completed/icon02.jpg);
}
@media screen and (min-width: 768px) {
  .s-orderCompleted .s-btns {
    max-width: 950px;
    padding: 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 30px;
  }
  .s-orderCompleted .s-btn {
    padding: 15px;
    width: 100%;
    max-width: 395px;
    font-size: var(--FZ_22);
  }
  .s-orderCompleted .s-btn + .s-btn {
    margin-top: 0;
  }
  .s-orderCompleted .s-btn::after {
    width: 80px;
  }
}

/* ■■■■■■■■■■■■■■■■ハーブティーカテゴリー■■■■■■■■■■■■■■■■ */
/*  */
.s-herbalTea .g-subPageFv__en{
	padding-top: 16px;
}
.s-herbalTea .s-group {
  margin-top: 40px;
}
.s-herbalTea .s-group__txt1 {
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-herbalTea .s-group__txt2 {
  display: block;
  margin: 13px auto 0;
  font-size: var(--FZ_16);
  letter-spacing: 0.8em;
  color: var(--WHITE);
  text-align: center;
  padding: 5px calc(40px - 0.8em) 5px 40px;
  background: var(--BROWN01);
  width: fit-content;
}
.s-herbalTea .s-group__img {
  margin: 30px auto 0;
  max-width: 303px;
}
@media screen and (min-width: 768px) {
  .s-herbalTea .s-group {
    margin-top: 60px;
  }
  .s-herbalTea .s-group__txt1 {
    font-size: var(--FZ_22);
  }
  .s-herbalTea .s-group__txt2 {
    font-size: var(--FZ_20);
  }
  .s-herbalTea .s-group__img {
    max-width: 527px;
  }
}
/* ハーブの歴史 */
.s-herbalTea .s-history {
  background-color: var(--BEIGE01);
}
.s-herbalTea .s-history__container {
  margin: 30px auto 0;
}
.s-herbalTea .s-history__txt {
  
  line-height: 2;
}
.s-herbalTea .s-history__img {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .s-herbalTea .s-history__inner {
    max-width: 1120px;
  }
  .s-herbalTea .s-history__container {
    margin-top: 40px;
    max-width: 100%;
    display: flex;
    align-items: start;
    gap: calc(60 / 1120 * 100%);
  }
  .s-herbalTea .s-history__content {
    flex: 0 0 calc(530 / 1120 * 100%);
  }
  .s-herbalTea .s-history__txt {
    font-size: var(--FZ_16);
  }
  .s-herbalTea .s-history__img {
    margin-top: 0;
    flex: 0 0 calc(530 / 1120 * 100%);
  }
}
/* メッセージ */
.s-herbalTea .s-message {
}
.s-herbalTea .s-message__lead {
  margin-top: 20px;
  font-size: 25px;
  
  text-align: center;
}
.s-herbalTea .s-message__txt {
  margin: 20px auto 0;
  
  
  line-height: 2;
}
.s-herbalTea .s-message__items {
  margin: 20px auto 0;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px 15px;
}
.s-herbalTea .s-message__img {
  aspect-ratio: 1;
}
.s-herbalTea .s-message__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-herbalTea .s-message__content {
  margin-top: 15px;
}
.s-herbalTea .s-message__ttl {
  line-height: var(--LINE_HEIGHT_S);
  padding-bottom: 7px;
}
.s-herbalTea .s-message__price {
  font-size: var(--FZ_12_CONST);
  
}
.s-herbalTea .s-message__price span {
  font-size: var(--FZ_16);
}
@media screen and (min-width: 768px) {
  .s-herbalTea .s-message__lead {
    margin-top: 30px;
    font-size: var(--FZ_43);
    letter-spacing: 0.25em;
  }
  .s-herbalTea .s-message__txt {
    margin-top: 30px;
    max-width: 100%;
    font-size: var(--FZ_16);
    text-align: center;
  }
  .s-herbalTea .s-message__items {
    margin-top: 40px;
    max-width: 753px;
    grid-template-columns: repeat(3, 1fr);
    gap: 40px;
  }
  .s-herbalTea .s-message__ttl {
    
    font-weight: var(--FF_W_B);
  }
  .s-herbalTea .s-message__price {
    margin-top: 5px;
    font-size: var(--FZ_14);
  }
  .s-herbalTea .s-message__price span {
    font-size: var(--FZ_16);
  }
}


@media screen and (max-width:767px) {
  .s-herbalTea .s-message__ttl{
  	font-size:14px;
  }
}





/* ８種類の茶葉 */
.s-herbalTea .s-type {
}
.s-herbalTea .s-type__items {
  margin: 20px auto 0;
  border: 3px solid var(--GRAY01);
  padding: 30px 20px 40px;
}
.s-herbalTea .s-type__item + .s-type__item {
  margin-top: 30px;
}
.s-herbalTea .s-type__img {
  margin-inline: auto;
  max-width: 120px;
  aspect-ratio: 1;
}
.s-herbalTea .s-type__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-herbalTea .s-type__content {
  margin-top: 15px;
}
.s-herbalTea .s-type__ttl {
  font-size: var(--FZ_18_CONST);
  font-weight: var(--FF_W_B);
  
}
.s-herbalTea .s-type__desc {
  margin-top: 15px;
  
  
}
@media screen and (min-width: 768px) {
  .s-herbalTea .s-type__items {
    margin-top: 40px;
    max-width: 1020px;
    border: 5px solid var(--GRAY01);
    padding: 40px 35px;
  }
  .s-herbalTea .s-type__item + .s-type__item {
    margin-top: 40px;
  }
  .s-herbalTea .s-type__item {
    display: flex;
    align-items: start;
    gap: calc(40 / 1020 * 100%);
  }
  .s-herbalTea .s-type__img {
    max-width: 200px;
    flex: 0 0 calc(200 / 1020 * 100%);
  }
  .s-herbalTea .s-type__content {
    margin-top: 0;
    flex-grow: 1;
  }
  .s-herbalTea .s-type__ttl {
    font-size: var(--FZ_22);
  }
  .s-herbalTea .s-type__desc {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
}
/* 完全オーガニックの証 */
.s-herbalTea .s-certification {
  padding-block: 40px;
  background-image: url(../images/herbal-tea/certification/sp/bg.jpg);
  background-size: cover;
}
.s-herbalTea .s-certification__img {
  margin: 20px auto 0;
}
.s-herbalTea .s-certification__txtWrap {
  margin: 20px auto 0;
}
.s-herbalTea .s-certification__txt {
  
  
}
.s-herbalTea .s-certification__alert {
  margin-top: 20px;
  font-size: var(--FZ_12_CONST);
  
}
@media screen and (min-width: 768px) {
  .s-herbalTea .s-certification {
    padding-block: 80px;
  }
  .s-herbalTea .s-certification {
    background-image: url(../images/herbal-tea/certification/bg.jpg);
  }
  .s-herbalTea .s-certification__img {
    margin-top: 30px;
    max-width: 970px;
  }
  .s-herbalTea .s-certification__txtWrap {
    max-width: 970px;
  }
  .s-herbalTea .s-certification__txt {
    font-size: var(--FZ_16);
  }
  .s-herbalTea .s-certification__alert {
    font-size: var(--FZ_14);
  }
}
/* ■■■■■■■■■■■■■■■■ブランドストーリー■■■■■■■■■■■■■■■■ */
/* ファーストビュー */
.s-brand .s-fv {
  padding-block: 115px;
  background-image: url(../images/brand/fv/sp/bg.jpg);
  background-size: cover;
}
.s-brand .s-fv__content {
  text-align: center;
  color: var(--WHITE);
}
.s-brand .s-fv__heading {
  display: flex;
  flex-direction: column;
}
.s-brand .s-fv__headingEn {
  font-size: var(--FZ_25);
  line-height: 1;
}
.s-brand .s-fv__headingJa {
  margin-top: 10px;
  font-size: var(--FZ_14);
  line-height: 1;
}
.s-brand .s-fv__lead {
  margin-top: 30px;
  font-size: var(--FZ_16);
  
  letter-spacing: 0.34em;
}
.s-brand .s-fv__subHeading {
  margin-top: 30px;
  display: flex;
  flex-direction: column;
}
.s-brand .s-fv__subHeadingJa {
  font-size: var(--FZ_25);
  
  letter-spacing: 0.04em;
}
.s-brand .s-fv__subHeadingEn {
  margin-top: 10px;
  font-size: var(--FZ_14);
  
}
@media screen and (min-width: 768px) {
  .s-brand .s-fv {
    padding-block: 81px;
    background-image: url(../images/brand/fv/bg.jpg);
  }
  .s-brand .s-fv__heading {
    display: flex;
    flex-direction: column;
  }
  .s-brand .s-fv__headingEn {
    font-size: var(--FZ_40);
    letter-spacing: 0.12em;
  }
  .s-brand .s-fv__headingJa {
    margin-top: 20px;
    font-size: var(--FZ_18);
  }
  .s-brand .s-fv__lead {
    margin-top: 35px;
    font-size: var(--FZ_22);
  }
  .s-brand .s-fv__subHeading {
    margin-top: 35px;
  }
  .s-brand .s-fv__subHeadingJa {
    font-size: var(--FZ_40);
    letter-spacing: 0.12em;
  }
  .s-brand .s-fv__subHeadingEn {
    font-size: var(--FZ_18);
    font-weight: var(--FF_W_R);
  }
}
/* ナチュラルオーケストラについて */
.s-brand .s-about {
  margin-top: 40px;
}
.s-brand .s-about__txt {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .s-brand .s-about {
    margin-top: 60px;
  }
  .s-brand .s-about__inner {
    max-width: 1120px;
  }
  .s-brand .s-about__txt {
    margin-top: 40px;
    font-size: var(--FZ_16);
  }
}
/* 真実のオーガニックブランド */
.s-brand .s-organic {
  background-image: url(../images/brand/organic/sp/bg.jpg);
  background-size: cover;
}
.s-brand .s-organic__img {
  margin: 30px auto 0;
  max-width: 280px;
}
.s-brand .s-organic__ttl {
  margin: 30px auto 0;
  padding-block: 10px;
  width: fit-content;
  border-top: 1px dotted var(--BDCOLOR_BROWN_1);
  border-bottom: 1px dotted var(--BDCOLOR_BROWN_1);
  line-height: 1;
  font-size: var(--FZ_25);
  
  letter-spacing: .2em;
  position: relative;
}
.s-brand .s-organic__ttl::before {
  content: "※";
  position: absolute;
  font-size: var(--FZ_12_CONST);
  right: 0;
  top: 10px;
  transform: translateX(100%);
}
.s-brand .s-organic__desc {
  margin: 25px auto 0;
  max-width: 335px;
  font-size: var(--FZ_14_CONST);
  
}
.s-brand .s-organic__txt {
  margin: 10px auto 0;
  max-width: 335px;
  font-size: var(--FZ_12_CONST);
  
}
@media screen and (min-width: 768px) {
  .s-brand .s-organic {
    background-image: url(../images/brand/organic/bg.jpg);
  }
  .s-brand .s-organic__img {
    margin-top: 60px;
    max-width: 740px;
  }
  .s-brand .s-organic__ttl {
    margin-top: 60px;
    font-size: var(--FZ_43);
  }
  .s-brand .s-organic__ttl::before {
    font-size: var(--FZ_14);
  }
  .s-brand .s-organic__desc {
    margin-top: 40px;
    max-width: 1000px;
    font-size: var(--FZ_18);
    text-align: center;
  }
  .s-brand .s-organic__txt {
    margin-top: 20px;
    max-width: 1000px;
    font-size: var(--FZ_16);
    text-align: center;
  }
}
@media screen and (max-width:767px) {
  .s-brand .s-organic__ttl {
	  font-size:20px;
  }
}
/* 何故オーガニック認証が必要なの？ */
.s-brand .s-why__ttl {
  margin-inline: auto;
  max-width: 335px;
}
.s-brand .s-why__group1 {
  margin: 20px auto 0;
  max-width: 335px;
}
.s-brand .s-why .group1__wrap + .group1__wrap {
  margin-top: 30px;
}
.s-brand .s-why .group1__ttl {
  font-size: var(--FZ_16);
  padding-left:45px;
  position: relative;
}
.s-brand .s-why .group1__ttl::before {
  content: "";
  width: 35px;
  aspect-ratio: 1;
  background-image: url(../images/brand/why/group1-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
  left:0;
  top:2px;
}
.s-brand .s-why .group1__txt {
  margin-top: 15px;
  font-size: var(--FZ_14_CONST);
  
}
.s-brand .s-why__group2 {
  margin: 30px auto 0;
  max-width: 300px;
}
.s-brand .s-why__group3 {
  margin: 30px auto 0;
  max-width: 335px;
}
.s-brand .s-why .group3__ttl {
  font-size: var(--FZ_16);
  
  text-align: center;
  position: relative;
  padding-inline: 20px;
}
.s-brand .s-why .group3__ttl::before,
.s-brand .s-why .group3__ttl::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  border: 1px solid var(--BDCOLOR_BROWN_1);
}
.s-brand .s-why .group3__ttl::before {
  left: 0;
  border-right: none;
}
.s-brand .s-why .group3__ttl::after {
  right: 0;
  border-left: none;
}
.s-brand .s-why__group4 {
  margin: 30px auto 0;
}
.s-brand .s-why .group4__items {
  display: grid;
  grid-template-columns: repeat(auto-fill, 298px);
  gap: 30px;
  width: fit-content;
  margin-inline: auto;
}
.s-brand .s-why .group4__ttl {
	font-size: 17px;
  font-weight: var(--FF_W_B);
  padding: 8px 15px;
  color: var(--WHITE);
  width: fit-content;
  background-color: var(--BROWN01);
  border-radius: 5px;
  margin-inline: auto;
  position: relative;
}
.s-brand .s-why .group4__content {
  margin-top: -30px;
}
.s-brand .s-why .group4__content img{
	box-shadow: var(--COMMON_BXSD_BTM);
	border-radius:50%;
}




@media screen and (min-width: 768px) {
  .s-brand .s-why__ttl {
    margin-inline: auto;
    max-width: 632px;
  }
  .s-brand .s-why__group1 {
    margin-top: 40px;
    max-width: 800px;
  }
  .s-brand .s-why .group1__wrap + .group1__wrap {
    margin-top: 60px;
  }
  .s-brand .s-why .group1__ttl {
    font-size: var(--FZ_22);
  }
  .s-brand .s-why .group1__txt {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
  .s-brand .s-why__group2 {
    margin-top: 40px;
  }
  .s-brand .s-why__group3 {
    margin-top: 40px;
    max-width: 650px;
  }
  .s-brand .s-why .group3__ttl {
    font-size: var(--FZ_22);
    
    padding-inline: 55px;
  }
  .s-brand .s-why .group3__ttl::before,
  .s-brand .s-why .group3__ttl::after {
    width: 25px;
  }
  .s-brand .s-why__group4 {
    margin-top: 60px;
  }
  .s-brand .s-why .group4__items {
    grid-template-columns: repeat(2, 1fr);
    gap: 74px;
    width: 100%;
    max-width: 680px;
  }
  .s-brand .s-why .group4__ttl {
    font-size: 17px;
    padding: 10px 12px;
  }
  .s-brand .s-why.group4__content {
    margin-top: -35px;
  }
}

@media screen and (max-width:767px) {
  .s-brand .s-why .group1__ttl::before {
    width: 33px;
    left:0;
    top:10px;
  }
}


/* NATURAL ORCHESTRA Mission */
.s-brand .s-mission {
  background-color: var(--BEIGE01);
}
.s-brand .s-mission__group1 {
  margin-inline: auto;
  max-width: 335px;
  border: 1px solid var(--BDCOLOR_BROWN_1);
  background-color: var(--WHITE);
  padding: 20px;
}
.s-brand .s-mission .group1__ttl {
  font-size: var(--FZ_18);
  
  
  text-align: center;
}
.s-brand .s-mission .group1__subTtl {
  margin-top: 30px;
  font-size: var(--FZ_25);
  
  text-align: center;
}
.s-brand .s-mission .group1__txt {
  margin-top: 30px;
  font-size: var(--FZ_14_CONST);
  
  
}
.s-brand .s-mission__group2 {
  margin: 40px auto 0;
  max-width: 335px;
}
.s-brand .s-mission .group2__blocks {
  margin-top: 30px;
}
.s-brand .s-mission .group2__block + .group2__block {
  margin-top: 30px;
}
.s-brand .s-mission .group2__content {
  margin-top: 20px;
}
.s-brand .s-mission .group2__ttl {
  font-size: var(--FZ_16_CONST);
}
.s-brand .s-mission .group2__txt {
  margin-top: 15px;
  font-size: var(--FZ_14_CONST);
  
}
@media screen and (min-width: 768px) {
  .s-brand .s-mission__inner {
    max-width: 1120px;
  }
  .s-brand .s-mission__group1 {
    max-width: 800px;
    padding: 40px 90px;
  }
  .s-brand .s-mission .group1__ttl {
    font-size: var(--FZ_35);
    
  }
  .s-brand .s-mission .group1__txt {
    font-size: var(--FZ_18);
    text-align: center;
  }
  .s-brand .s-mission__group2 {
    margin-top: 80px;
    max-width: 100%;
  }
  .s-brand .s-mission .group2__blocks {
    margin-top: 40px;
  }
  .s-brand .s-mission .group2__block + .group2__block {
    margin-top: 30px;
  }
  .s-brand .s-mission .group2__block {
    display: flex;
    align-items: start;
    gap: calc(60 / 1120 * 100%);
  }
  .s-brand .s-mission .group2__img {
    flex: 0 0 calc(530 / 1120 * 100%);
  }
  .s-brand .s-mission .group2__content {
    margin-top: 0;
    flex-grow: 1;
  }
  .s-brand .s-mission .group2__ttl {
    font-size: var(--FZ_22);
  }
  .s-brand .s-mission .group2__txt {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
}

/* ■■■■■■■■■■■■■■■■ブランドストーリー■■■■■■■■■■■■■■■■ */
/* ホホバオイル＝「唯一無二のオイル」 */
.s-about .s-group1 {
  margin-top: 40px;
}
.s-about .s-group1__ttl {
  font-size: var(--FZ_28_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;
}
.s-about .s-group1__content {
  margin: 30px auto 0;
}
.s-about .s-group1__lead {
  font-size: var(--FZ_18);
  font-weight: var(--FF_W_B);
  
  text-align: center;
}
.s-about .s-group1__txtWrap {
  margin-top: 15px;
}
.s-about .s-group1__txt {
  
  
  line-height: 2;
}
.s-about .s-group1__wrap + .s-group1__wrap {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .s-about .s-group1__ttl {
    font-size: var(--FZ_43);
    letter-spacing: 0.04em;
  }
  .s-about .s-group1__content {
    margin-top: 40px;
    max-width: fit-content;
  }
  .s-about .s-group1__lead {
    font-size: var(--FZ_25);
    
    padding-bottom: 5px;
  }
  .s-about .s-group1__txtWrap {
    margin-top: 25px;
  }
  .s-about .s-group1__txt {
    font-size: var(--FZ_15);
    
    text-align: center;
  }
  .s-about .s-group1__wrap + .s-group1__wrap {
    margin-top: 60px;
  }
  .s-about .s-group1__lead span{
  	border-bottom: 2px dotted var(--BDCOLOR_BROWN_1);
  	padding-bottom: 3px;
  }
}
@media screen and (max-width: 767px) {
  .s-about .s-group1__ttl {
    font-size: 26px;
  }
  .s-about .s-group1__lead{
  	border-bottom: 2px dotted var(--BDCOLOR_BROWN_1);
  	padding-bottom: 3px;
  	font-size: 18px;
  }
  .s-about .s-group2.g-pd--80{
  	padding-block:30px;
  }
}
/* ホホバオイルの、秘めた5つの力 */
.s-about .s-group2 {
  margin-inline: auto;
  padding-inline: 15px;
  background-color: var(--BEIGE01);
}
.s-about .s-group2__items {
  margin-top: 30px;
}
.s-about .s-group2__item + .s-group2__item {
  margin-top: 30px;
}
.s-about .s-group2__img {
  aspect-ratio: 305 / 203;
}
.s-about .s-group2__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-about .s-group2__content {
  margin-top: 20px;
}
.s-about .s-group2__header {
  display: flex;
  align-items: center;
  gap: 20px;
}
.s-about .s-group2__num {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_17_CONST);
  line-height: 1;
}
.s-about .s-group2__ttl {
  font-size: var(--FZ_17_CONST);
  font-weight: var(--FF_W_B);
  
  position: relative;
  flex:1;
}
.s-about .s-group2__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  height: 100%;
  width: 1px;
  background-color: var(--GRAY02);
}
.s-about .s-group2__body {
  margin-top: 15px;
}
.s-about .s-group2__txt {
  
  
}
.s-about .s-group2__link {
  margin-top: 15px;
  display: flex;
  align-items: center;
  gap: 6px;
}
.s-about .s-group2__link a {
  font-size: var(--FZ_14);
  
  
  text-decoration: underline;
}
.s-about .s-group2__link::before {
  content: "";
  width: 20px;
  aspect-ratio: 1;
  background-image: url(../images/common/link-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .s-about .s-group2 {
    max-width: 1280px;
    padding-inline: 80px;
  }
  .s-about .s-group2__items {
    margin-top: 40px;
  }
  .s-about .s-group2__item + .s-group2__item {
    margin-top: 60px;
  }
  .s-about .s-group2__item {
    display: flex;
    align-items: start;
    gap: calc(60 / 1120 * 100%);
  }
  .s-about .s-group2__img {
    flex: 0 0 calc(530 / 1120 * 100%);
    aspect-ratio: 530 / 353;
  }
  .s-about .s-group2__content {
    flex-grow: 1;
  }
  .s-about .s-group2__header {
    display: flex;
    align-items: center;
    gap: 35px;
  }
  .s-about .s-group2__num {
    font-size: var(--FZ_22);
    
  }
  .s-about .s-group2__ttl {
    font-size: var(--FZ_22);
  }
  .s-about .s-group2__ttl::before {
    left: -20px;
    height: 40px;
    top: 50%;
    transform: translateY(-50%);
  }
  .s-about .s-group2__body {
    margin-top: 20px;
  }
  .s-about .s-group2__txt {
    font-size: var(--FZ_16);
  }
  .s-about .s-group2__link {
    margin-top: 20px;
    gap: 6px;
  }
  .s-about .s-group2__link a {
    font-size: var(--FZ_16);
    font-weight: var(--FF_W_R);
  }
}
@media screen and (min-width:768px) and (max-width:1030px) {
  .s-about .s-group2 {
    padding-inline: 30px;
  }
      .s-about .s-group2__ttl {
        font-size: 1.85vw;
    }
}
/* こんなお悩みを持つ方におすすめ */
.s-about .s-group3 {
}
.s-about .s-group3__heading {
  font-size: var(--FZ_22_CONST);
  
  
  text-align: center;
}
.s-about .s-group3__desc {
  margin: 20px auto 0;
}

.s-about .s-group3__block1 {
  margin: 60px auto 0;
  max-width: 335px;
}
.s-about .s-group3 .block1__ttl {
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-about .s-group3 .block1__items {
  margin-top: 20px;
  position: relative;
  padding: 20px 15px;
}
.s-about .s-group3 .block1__items::before,
.s-about .s-group3 .block1__items::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
  border: 1px solid var(--BDCOLOR_BROWN_1);
}
.s-about .s-group3 .block1__items::before {
  top: 0;
  border-bottom: none;
}
.s-about .s-group3 .block1__items::after {
  bottom: 0;
  border-top: none;
}
.s-about .s-group3 .block1__item{
  font-size: var(--FZ_14_CONST);
}
.s-about .s-group3 .block1__item + .block1__item {
  margin-top: 10px;
}
.s-about .s-group3 .block1__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.s-about .s-group3 .block1__item::before {
  content: "";
  width: 24px;
  aspect-ratio: 24 / 22;
  background-image: url(../images/common/list-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-about .s-group3 .block1__items + .g-btn {
  margin-top: 20px;
}
.s-about .s-group3__block2 {
  margin: 60px auto 0;
}
.s-about .s-group3 .block2__ttl {
  font-size: var(--FZ_22_CONST);
  text-align: center;
}
.s-about .s-group3 .block2__content {
  margin-top: 30px;
  padding: 30px 15px;
  border: 3px solid var(--GRAY01);
  border-radius: 10px;
}
.s-about .s-group3 .block2__headingLg {
  display: block;
  font-size: var(--FZ_18_CONST);
  font-weight: var(--FF_W_B);
  
  line-height: var(--LINE_HEIGHT_S);
}
.s-about .s-group3 .block2__headingSm {
  display: block;
  font-size: var(--FZ_16_CONST);
  font-weight: var(--FF_W_B);
  
  line-height: var(--LINE_HEIGHT_S);
}
.s-about .s-group3 .block2__container {
  margin-top: 15px;
}
.s-about .s-group3 .block2__txt {
  padding-top: 15px;
  border-top: 1px dashed var(--BDCOLOR_BROWN_1);
}
.s-about .s-group3 .block2__contentImg {
  margin: 20px auto 0;
  max-width: 200px;
}
.s-about .s-group3 .block2__items {
  margin-top: 30px;
  display: grid;
  grid-template-columns: repeat(2,1fr);
  gap: calc(54 / 335 * 100%);
  position: relative;
}
.s-about .s-group3 .block2__items::before,
.s-about .s-group3 .block2__items::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 30px;
  height: 3px;
  background-color: var(--BEIGE01);
}
.s-about .s-group3 .block2__items::before{
  transform: translate(-50%,-50%) rotate(45deg);
}
.s-about .s-group3 .block2__items::after{
  transform: translate(-50%,-50%) rotate(-45deg);
}
.s-about .s-group3 .block2__item {
  aspect-ratio: 1;
  border-radius: 50%;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-image: url(../images/about/group3/block2-item-circle.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.s-about .s-group3 .block2__itemTtl {
  font-size: var(--FZ_14);
  letter-spacing: .05em;
  text-align: center;
  position: relative;
  display: block;
}
.s-about .s-group3 .block2__itemTtl::after {
  content: '';
  position: absolute;
  bottom: -5px;
  left: 50%;
  transform: translateX(-50%);
  width: 23px;
  height: 1px;
  background-color: var(--BDCOLOR_BROWN_1);
}
.s-about .s-group3 .block2__itemTxt {
  margin-top: 10px;
  font-size: var(--FZ_12_CONST);
  letter-spacing: .05em;
  text-align: center;
  display: block;
}
@media screen and (min-width: 768px) {
  .s-about .s-group3__heading {
    font-size: var(--FZ_35);
  }
  .s-about .s-group3__desc {
    margin-top: 40px;
    max-width: fit-content;
    text-align: center;
    line-height: var(--LINE_HEIGHT_L);
  }
  .s-about .s-group3__block1 {
    margin-top: 80px;
    max-width: 900px;
  }
  .s-about .s-group3 .block1__ttl {
    font-size: var(--FZ_25);
    
  }
  .s-about .s-group3 .block1__items {
    padding: 25px 15px;
    display: grid;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 20px 60px;
  }
  .s-about .s-group3 .block1__items::before,
  .s-about .s-group3 .block1__items::after {
    height: 25px;
  }
  .s-about .s-group3 .block1__item + .block1__item {
    margin-top: 0;
  }
  .s-about .s-group3 .block1__item {
    font-size: var(--FZ_16);
    
  }
  .s-about .s-group3 .block1__item::before {
    width: 30px;
  }
  .s-about .s-group3 .block1__items + .g-btn {
    margin-top: 40px;
  }
  .s-about .s-group3__block2 {
    margin-top: 120px;
    max-width: 1020px;
  }
  .s-about .s-group3 .block2__ttl {
    font-size: var(--FZ_35);
  }
  .s-about .s-group3 .block2__items {
    margin: 40px auto 0;
    max-width: 650px;
    gap: calc(110 / 650 * 100%);
  }
  .s-about .s-group3 .block2__items::before,
  .s-about .s-group3 .block2__items::after {
    width: 45px;
    height: 4px;
  }
  .s-about .s-group3 .block2__itemTtl {
    font-size: var(--FZ_25);
    letter-spacing: .1em;
  }
  .s-about .s-group3 .block2__itemTtl::after {
    bottom: -10px;
    width: 40px;
  }
  .s-about .s-group3 .block2__itemTxt {
    margin-top: 20px;
    font-size: var(--FZ_18);
  }
  .s-about .s-group3 .block2__content {
    margin: 40px auto 0;
    padding: 40px;
    border: 5px solid var(--GRAY01);
  }
  .s-about .s-group3 .block2__heading {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .s-about .s-group3 .block2__headingLg {
    font-size: var(--FZ_22);
  }
  .s-about .s-group3 .block2__headingSm {
    font-size: var(--FZ_18);
    position: relative;
  }
  .s-about .s-group3 .block2__headingSm::before {
    content: "-";
    font-size: var(--FZ_22);
    font-weight: var(--FF_W_B);
    position: absolute;
    top: 50%;
    transform: translate(-100%, -50%);
    left: -6px;
  }
  .s-about .s-group3 .block2__container {
    margin-top: 20px;
    display: flex;
    align-items: start;
    gap: calc(40 / 940 * 100%);
  }
  .s-about .s-group3 .block2__txt {
    padding-top: 24px;
    font-size: var(--FZ_16);
    flex-grow: 1;
  }
  .s-about .s-group3 .block2__contentImg {
    margin: -50px 0 0 0;
    max-width: 100%;
    flex: 0 0 calc(200 / 940 * 100%);
  }
}

@media screen and (max-width:767px) {
.s-about .s-group3 .block1__item {
  font-weight: var(--FF_W_B);
}
}
/* NATURAL ORCHESTRAホホバオイル */
.s-about .s-group4 {
  background-color: var(--BEIGE01);
  background-image: url(../images/about/group4/bg.png);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top center;
}
.s-about .s-group4__inner {
  max-width: 1120px;
}
.s-about .s-group4__block1 {
  margin-inline: auto;
}
.s-about .s-group4 .block1__container {
  margin-top: 30px;
}
.s-about .s-group4 .block1__content {
}
.s-about .s-group4 .block1__contentTtl {
  font-size: var(--FZ_22_CONST);
}
.s-about .s-group4 .block1__contentTxt {
  margin-top: 15px;
}
.s-about .s-group4 .block1__img {
  margin-top: 20px;
}
.s-about .s-group4 .block1__items {
  margin-top: 30px;
}
.s-about .s-group4 .block1__item {
}
.s-about .s-group4 .block1__item + .block1__item {
  margin-top: 30px;
}
.s-about .s-group4 .block1__itemTtl {
  font-size: var(--FZ_18_CONST);
  text-align: center;
}
.s-about .s-group4 .block1__itemImg {
  margin-top: 15px;
  aspect-ratio: 335 / 223;
}
.s-about .s-group4 .block1__itemImg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-about .s-group4 .block1__itemTxt {
  margin-top: 15px;
}
.s-about .s-group4__block2 {
  margin-inline: auto;
}
.s-about .group4 .block2__img {
  margin-top: 30px;
}
.s-about .s-group4__block3 {
  margin-inline: auto;
}
.s-about .s-group4 .block3__desc {
  margin-top: 30px;
}
.s-about .s-group4 .block3__items {
  margin-top: 30px;
  padding: 30px 15px;
  background-color: var(--WHITE);
}
.s-about .s-group4 .block3__item {
  position: relative;
}
.s-about .s-group4 .block3__item + .block3__item {
  margin-top: 40px;
}
.s-about .s-group4 .block3__item:not(:first-of-type)::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 1px;
  border-top: 1px dotted var(--GRAY02);
  top: -20px;
  left: 0;
}
.s-about .s-group4 .block3__itemImg {
  margin-inline: auto;
  max-width: 225px;
}
.s-about .s-group4 .block3__itemContent {
  margin-top: 20px;
}
.s-about .s-group4 .block3__itemTtl {
  font-size: var(--FZ_18_CONST);
}
.s-about .s-group4 .block3__itemTxt {
  margin-top: 10px;
}
.s-about .s-group4 .block3__certification {
  margin-top: 30px;
}
.s-about .s-group4__block4 {
  margin-inline: auto;
}
.s-about .s-group4 .block4__image a {
  display: block;
}
.s-about .s-group4 .block4__image img {
  aspect-ratio: 335 / 180;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-about .s-group4 .block4__image figcaption {
  margin-top: 15px;
}
.s-about .s-group4 .block4__image + .block4__image {
  margin-top: 20px;
}
.s-about .s-group4 .block4__items {
  margin-top: 30px;
}
.s-about .s-group4 .block4__item {
  background-color: var(--WHITE);
  padding: 25px 15px;
  position: relative;
}
.s-about .s-group4 .block4__item::before {
  content: "";
  width: calc(70 / 335 * 100%);
  aspect-ratio: 70 / 85;
  position: absolute;
  top: 0;
  right: calc(15 / 335 * 100%);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: top;
}
.s-about .s-group4 .block4__item:nth-of-type(1):before {
  background-image: url(../images/about/group4/block4-item-deco01.svg);
}
.s-about .s-group4 .block4__item:nth-of-type(2):before {
  background-image: url(../images/about/group4/block4-item-deco02.svg);
}
.s-about .s-group4 .block4__item + .block4__item {
  margin-top: 20px;
}
.s-about .s-group4 .block4__itemHeading {
  font-size: var(--FZ_18);
  font-weight: var(--FF_W_B);
  letter-spacing: 0.44em;
  display: inline-flex;
  flex-direction: column;
  align-items: center;
  margin-left: 5%;
  position: relative;
  width: fit-content;
}
.s-about .s-group4 .block4__itemHeading span {
  border-bottom: 2px dotted var(--BDCOLOR_BROWN_1);
  width: fit-content;
}
.s-about .s-group4 .block4__itemContainer {
  margin-top: 25px;
  display: flex;
  align-items: start;
  gap: calc(10 / 304 * 100%);
}
.s-about .s-group4 .block4__itemImg {
  flex: 0 0 calc(90 / 304 * 100%);
}
.s-about .s-group4 .block4__itemContent {
  flex-grow: 1;
}
.s-about .s-group4 .block4__itemTxt1 {
  font-size: var(--FZ_11);
  
}
.s-about .s-group4 .block4__itemTxt2 {
  font-size: var(--FZ_14);
}
.s-about .s-group4 .block4__itemName {
  margin-top: 5px;
  font-size: var(--FZ_14);
}
.s-about .s-group4 .block4__itemPrice {
  font-size: var(--FZ_12_CONST);
  
}
.s-about .s-group4 .block4__itemContainer + .g-btn {
  margin-top: 25px;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .s-about .s-group4__block1 {
    max-width: 100%;
  }
  .s-about .s-group4 .block1__container {
    margin-top: 60px;
    display: flex;
    align-items: start;
    gap: calc(60 / 1120 * 100%);
  }
  .s-about .s-group4 .block1__content {
    flex-grow: 1;
  }
  .s-about .s-group4 .block1__contentTtl {
    font-size: var(--FZ_30);
    
  }
  .s-about .s-group4 .block1__contentTxt {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
  .s-about .s-group4 .block1__img {
    margin-top: 0;
    flex: 0 0 calc(530 / 1120 * 100%);
  }
  .s-about .s-group4 .block1__items {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(60 / 1120 * 100%);
  }
  .s-about .s-group4 .block1__item + .block1__item {
    margin-top: 0;
  }
  .s-about .s-group4 .block1__itemTtl {
    font-size: var(--FZ_25);
  }
  .s-about .s-group4 .block1__itemImg {
    margin-top: 20px;
    aspect-ratio: 530 / 353;
  }
  .s-about .s-group4 .block1__itemTxt {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
  .s-about .s-group4__block2 {
    margin-inline: auto;
    max-width: 100%;
  }
  .s-about .s-group4 .block2__img {
    margin-top: 40px;
  }
  .s-about .s-group4__block3 {
    max-width: 100%;
  }
  .s-about .s-group4 .block3__desc {
    margin-top: 40px;
    font-size: var(--FZ_16);
  }
  .s-about .s-group4 .block3__items {
    margin-top: 40px;
    padding: 40px;
  }
  .s-about .s-group4 .block3__item {
    display: flex;
    align-items: start;
    gap: calc(40 / 1040 * 100%);
  }
  .s-about .s-group4 .block3__item + .block3__item {
    margin-top: 80px;
  }
  .s-about .s-group4 .block3__item:not(:first-of-type)::before {
    top: -40px;
  }
  .s-about .s-group4 .block3__itemImg {
    max-width: 100%;
    flex: 0 0 calc(300 / 1040 * 100%);
  }
  .s-about .s-group4 .block3__itemContent {
    margin-top: 0;
  }
  .s-about .s-group4 .block3__itemTtl {
    font-size: var(--FZ_22);
  }
  .s-about .s-group4 .block3__itemTxt {
    margin-top: 15px;
    font-size: var(--FZ_16);
  }
  .s-about .s-group4 .block3__certification {
    margin: 40px auto 0;
    max-width: 920px;
  }
  .s-about .s-group4__block4 {
    max-width: 100%;
  }
  .s-about .s-group4 .block4__images {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 / 1120 * 100%);
  }
  .s-about .s-group4 .block4__image img {
    aspect-ratio: 540 / 290;
  }
  .s-about .s-group4 .block4__image figcaption {
    font-size: var(--FZ_18);
  }
  .s-about .s-group4 .block4__image + .block4__image {
    margin-top: 0;
  }
  .s-about .s-group4 .block4__items {
    margin-top: 60px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 / 1120 * 100%);
  }
  .s-about .s-group4 .block4__item {
    background-color: var(--WHITE);
    padding: 30px;
    display: flex;
    flex-direction: column;
  }
  .s-about .s-group4 .block4__item::before {
    content: "";
    width: calc(100 / 540 * 100%);
    right: calc(30 / 540 * 100%);
  }
  .s-about .s-group4 .block4__item + .block4__item {
    margin-top: 0;
  }
  .s-about .s-group4 .block4__itemHeading {
    font-size: var(--FZ_30);
  }
  .s-about .s-group4 .block4__itemContainer {
    margin-top: 30px;
    gap: calc(20 / 480 * 100%);
    flex-grow: 1;
  }
  .s-about .s-group4 .block4__itemImg {
    flex: 0 0 calc(150 / 480 * 100%);
  }
  .s-about .s-group4 .block4__itemContent {
    text-align: center;
  }
  .s-about .s-group4 .block4__itemTxt1 {
    font-size: var(--FZ_16);
  }
  .s-about .s-group4 .block4__itemTxt2 {
    font-size: var(--FZ_25);
  }
  .s-about .s-group4 .block4__itemName {
    margin-top: 10px;
    font-size: var(--FZ_16);
    font-weight: var(--FF_W_B);
  }
  .s-about .s-group4 .block4__itemPrice {
    font-size: var(--FZ_16);
  }
  .s-about .s-group4 .block4__itemContainer + .g-btn {
    margin-top: 30px;
    max-width: 100%;
  }
}
@media screen and (max-width:767px) {
  .s-about .s-group4 .block1__contentTtl{
  	text-align	:center;
  }
  .s-about .s-group4 .block1__itemTtl {
    font-weight: var(--FF_W_B);
  }
  .s-about .s-group4 .block2__img{
	  margin-top:25px;
  }
  .s-about .s-group4 .block3__itemContent{
	  margin-top: 0;
  }
  .s-about .s-group4 .block3__items{
	  padding-top: 0;
  }
}

/* ■■■■■■■■■■■■■■■■商品詳細（ギフト）■■■■■■■■■■■■■■■■ */
/* p-giftBanner */
.p-gift .p-giftBanner {
}
.p-gift .p-giftBanner__img {
  margin-inline: auto;
  max-width: 335px;
}
@media screen and (min-width: 768px) {
  .p-gift .p-giftBanner__img {
    max-width: 1000px;
  }
}
/* ■■■■■■■■■■■■■■■■商品詳細（Max）■■■■■■■■■■■■■■■■ */
/* こんなお悩みを持つ方におすすめ */
.p-max .p-recommend {
	padding-top: 10px;
}
.p-max .p-recommend__heading {
  font-size: var(--FZ_18_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;
}
.p-max .p-recommend__items {
  margin: 20px auto 0;
  max-width: 335px;
  padding: 20px 15px;
  position: relative;
  display: grid;
  gap: 10px;
}
.p-max .p-recommend__items::before,
.p-max .p-recommend__items::after {
  content: "";
  position: absolute;
  left: 0;
  width: 100%;
  height: 10px;
  border: 1px solid var(--BDCOLOR_BROWN_1);
}
.p-max .p-recommend__items::before {
  top: 0;
  border-bottom: none;
}
.p-max .p-recommend__items::after {
  bottom: 0;
  border-top: none;
}
.p-max .p-recommend__item {
  display: flex;
  align-items: center;
  gap: 10px;
}
.p-max .p-recommend__item::before {
  content: "";
  width: 24px;
  aspect-ratio: 24 / 22;
  background-image: url(../images/common/list-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .p-max .p-recommend__heading {
    font-size: var(--FZ_25);
    font-weight: var(--FF_W_B);
  }
  .p-max .p-recommend {
  	padding-top: 50px;
  }
  .p-max .p-recommend__items {
    max-width: 900px;
    padding: 25px 15px;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 20px 60px;
  }
  .p-max .p-recommend__items::before,
  .p-max .p-recommend__items::after {
    height: 25px;
  }
  .p-max .p-recommend__item {
    font-size: var(--FZ_16);
  }
  .p-max .p-recommend__item::before {
    width: 30px;
  }
}
/* 特徴 */
.p-max .p-specification {
}
.p-max .p-specification__items {
  margin: 30px auto 0;
}
.p-max .p-specification__item + .p-specification__item {
  margin-top: 30px;
}
.p-max .p-specification__header {
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: var(--FF_W_B);
}
.p-max .p-specification__num {
  font-family: var(--FF_NUM);
  font-size: var(--FZ_17_CONST);
  line-height: 1;
}
.p-max .p-specification__ttl {
  font-size: var(--FZ_17_CONST);
  position: relative;
  flex:1;
}
.p-max .p-specification__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 1px;
  height: 18px;
  background-color: var(--GRAY02);
}
.p-max .p-specification__txtWrap {
  margin-top: 15px;
}
.p-max .p-specification__txt {
}
.p-max .p-specification__txt + .p-specification__txt {
  margin-top: 1lh;
}
.p-max .p-specification__img {
  margin-top: 20px;
  overflow: hidden;
}
.p-max .p-specification__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}



.p-max .p-specialAddon__ttl{
	text-align: center;
	font-size: var(--FZ_17_CONST);
	position: relative;
	font-weight: var(--FF_W_B);
}
.p-max .p-specialAddon__txt{
	margin: 20px auto 0;
	max-width: 1020px;
}

.p-max .p-specification__img{
  border-radius: 2%;
}



@media screen and (min-width: 768px) {
  .p-max .p-specification__items {
    max-width: 1120px;
  }
  .p-max .p-specification__items {
    margin-top: 40px;
    max-width: 100%;
  }
  .p-max .p-specification__item.flex {
    gap: calc(100 / 1120 * 100%);
    align-items: flex-start;
  }
  .p-max .p-specification__item.flex:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  .p-max .p-specification__item.flex .p-specification__content {
    flex-grow: 1;
  }
  .p-max .p-specification__item.flex .p-specification__img {
    flex: 0 0 calc(280 / 1120 * 100%);
  }
  .p-max .p-specification__item + .p-specification__item {
    margin-top: 60px;
  }
  .p-max .p-specification__header {
    gap: 35px;
  }
  .p-max .p-specification__num {
    font-size: var(--FZ_22);
  }
  .p-max .p-specification__ttl {
    font-size: var(--FZ_22);
  }
  .p-max .p-specification__ttl::before {
    left: -20px;
    height: 40px;
  }
  .p-max .p-specification__txtWrap {
    margin-top: 20px;
  }
  .p-max .p-specification__txt {
    font-size: var(--FZ_16);
  }
  .p-max .p-specification__img {
    margin-top: 0;
  }
  .p-max .p-specialAddon__ttl{
	  text-align: center;
	  font-size: var(--FZ_22);
	}
	.p-max .p-specialAddon__txt{
  	padding: 0 35px;
  }
}
@media screen and (max-width: 767px) {
  .p-specification__item{
  	flex-direction: column;
  }
}
/* 希少なオーガニック原料 */
.p-max .p-ingredient {
}
.p-max .p-ingredient__items {
  margin: 30px auto 0;
  padding: 30px 15px;
  border: 3px solid var(--GRAY01);
  position: relative;
}
.p-max .p-ingredient__items::before {
  content: "";
  position: absolute;
  top: 10px;
  left: 10px;
  width: 25px;
  aspect-ratio: 1;
  background-color: var(--BEIGE01);
  clip-path: polygon(0 0, 0% 100%, 100% 0);
}
.p-max .p-ingredient__items::after {
  content: "";
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 25px;
  aspect-ratio: 1;
  background-color: var(--BEIGE01);
  clip-path: polygon(100% 100%, 0% 100%, 100% 0);
}
.p-max .p-ingredient__item + .p-ingredient__item {
  margin-top: 30px;
}


.p-max .p-ingredient__items li:first-child .p-ingredient__img{
	border-radius: 50%;
}

.p-img__border-radius{
  border-radius: 50%;
}

.p-max .p-ingredient__img {
  margin-inline: auto;
  max-width: 200px;
  aspect-ratio: 1;
  overflow: hidden;
}
.p-max .p-ingredient__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-max .p-ingredient__content {
  margin-top: 20px;
}
.p-max .p-ingredient__ttl {
  font-size: var(--FZ_19_CONST);
  font-weight: var(--FF_W_B);
  text-align: center;
}
.p-max .p-ingredient__txt {
  margin-top: 20px;
}
@media screen and (min-width: 768px) {
  .p-max .p-ingredient__items {
    max-width: 1020px;
    padding: 40px 35px;
    border: 5px solid var(--GRAY01);
  }
  .p-max .p-ingredient__items::before {
    width: 50px;
  }
  .p-max .p-ingredient__items::after {
    width: 50px;
  }
  .p-max .p-ingredient__item {
    display: flex;
    align-items: center;
    gap: calc(40 / 940 * 100%);
  }
  .p-max .p-ingredient__item + .p-ingredient__item {
    margin-top: 40px;
  }
  .p-max .p-ingredient__img {
    flex: 0 0 calc(200 / 940 * 100%);
  }
  .p-max .p-ingredient__content {
    margin-top: 0;
    flex-grow: 1;
  }
  .p-max .p-ingredient__ttl {
    font-size: var(--FZ_22);
    text-align: left;
  }
  .p-max .p-ingredient__txt {
    margin-top: 20px;
    font-size: var(--FZ_16);
  }
}
/* 使用方法 */
.p-max .p-use {
}
.p-max .p-use__lead {
  margin: 20px auto 0;
  width: fit-content;
  max-width: 335px;
  font-size: var(--FZ_18);
}
.p-max .p-use__items {
  margin: 20px auto 0;
  padding: 30px 15px;
  background-color: var(--BEIGE01);
}
.p-max .p-use__items .p-use__img{
	aspect-ratio: 1;
	border-radius: 50%;
	overflow: hidden;
}
.p-max .p-use__item + .p-use__item {
  margin-top: 30px;
}
.p-max .p-use__content {
}
.p-max .p-use__header {
  display: flex;
  align-items: center;
  gap: 20px;
  font-weight: var(--FF_W_B);
}
.p-max .p-use__num {
  font-family: var(--FF_NUM);
  font-size: 18px;
  line-height: 1;
  flex-shrink: 0;
}
.p-max .p-use__ttl {
  font-size: var(--FZ_17_CONST);
  position: relative;
}
.p-max .p-use__ttl::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -10px;
  transform: translateY(-50%);
  width: 1px;
  height: 90%;
  background-color: var(--GRAY02);
}
.p-max .p-use__body {
  margin-top: 15px;
}
.p-max .p-use__img {
  margin-top: 20px;
  aspect-ratio: 256 / 203;
  border-radius: 5px;
  overflow: hidden;
}
.p-max .p-use__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-max .p-use__items + .g-btn {
  margin-top: 30px;
}
.p-max .p-use__txtWrap {
  margin: 30px auto 0;
  max-width: 335px;
}
.p-max .p-use__txt {
  padding-left: 1em;
  font-size: 11px;
  position: relative;
}
.p-max .p-use__txt::before {
  content: "※";
  font-size: var(--FZ_12_CONST);
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px) {
  .p-max .p-use__inner {
    max-width: 1120px;
  }
  .p-max .p-use__lead {
    margin-top: 30px;
    max-width: 100%;
    font-size: var(--FZ_22);
  }
  .p-max .p-use__items {
    max-width: 100%;
    padding: 40px;
  }
  .p-max .p-use__item + .p-use__item {
    margin-top: 40px;
  }
  .p-max .p-use__item {
    display: flex;
    align-items: start;
    gap: calc(40 / 1040 * 100%);
  }
  .p-max .p-use__content {
    flex-grow: 1;
  }
  .p-max .p-use__header {
    gap: 35px;
  }
  .p-max .p-use__num {
    font-size: var(--FZ_22);
    
  }
  .p-max .p-use__ttl {
    font-size: var(--FZ_22);
  }
  .p-max .p-use__ttl::before {
    left: -20px;
  }
  .p-max .p-use__body {
    margin-top: 20px;
  }
  .p-max .p-use__desc {
    font-size: var(--FZ_16);
  }
  .p-max .p-use__img {
    flex: 0 0 calc(260 / 1040 * 100%);
    margin-top: 0;
    aspect-ratio: 280 / 240;
  }
  .p-max .p-use__txtWrap {
    max-width: 100%;
  }
  .p-max .p-use__txt {
    font-size: 12px;
  }
  .p-max .p-use__txt::before {
    font-size: var(--FZ_14);
  }
}
@media screen and (max-width:767px) {
.p-max .p-use__items .p-use__img{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}
}
/* どの商品を選べばいいか、分からない方へ... */
.p-max .p-chooseProd {
  overflow: hidden;
}
.p-max .p-chooseProd__heading {
  font-size: var(--FZ_22);
  font-weight: var(--FF_W_B);
  letter-spacing: 0.05em;
  text-align: center;
}
.p-max .p-chooseProd__items {
  margin: 30px calc(50% - 50vw) 0 0;
  width: 100vw;
}
.p-max .p-chooseProd__item {
  margin-right: 10px;
}
.p-max .p-chooseProd__item a {
  display: block;
}
.p-max .p-chooseProd__item img {
  width: 100%;
  aspect-ratio: 280 / 250;
  object-fit: cover;
}
.p-chooseProd__items .slick-dots {
  bottom: -10px;
  left: calc(50% - (50vw - var(--INNER_WIDTH) / 2));
  transform: translateX(-50%);
  width: fit-content;
  white-space: nowrap;
}
.p-chooseProd__items .slick-dots li {
  width: 50px;
  height: 4px;
}
.p-chooseProd__items .slick-dots li button {
  width: 100%;
  height: 100%;
  padding: 0;
}
.p-chooseProd__items .slick-dots li button::before {
  width: 100%;
  height: 100%;
  content: "";
  background-color: var(--GRAY02);
  opacity: 1;
}
.p-chooseProd__items .slick-dots li.slick-active button::before {
  background-color: var(--BDCOLOR_BROWN_1);
}
@media screen and (min-width: 768px) {
  .p-max .p-chooseProd__heading {
    font-size: 30px;
    letter-spacing: 0.1em;
  }
  .p-max .p-chooseProd__item {
    margin-right: 30px;
  }
  .p-chooseProd__items .slick-dots {
    bottom: -20px;
    left: calc(50% - (50vw - var(--PC_MAX_WIDTH_M) / 2));
  }
}
/* この商品をみているあなたにおすすめ */
.p-max .p-recommendProd {
}
.p-max .p-recommendProd__heading {
  margin-inline: auto;
  max-width: 335px;
  font-size: var(--FZ_18);
  
  
}
.p-max .p-recommendProd__items {
  margin: 20px auto 0;
  max-width: 335px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px calc(15 / 335 * 100%);
}
.p-max .p-recommendProd__item {
}
.p-max .p-recommendProd__img {
  aspect-ratio: 1;
}
.p-max .p-recommendProd__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-max .p-recommendProd__content {
  margin-top: 15px;
}
.p-max .p-recommendProd__ttl {
  font-size: var(--FZ_14);
}
.p-max .p-recommendProd__price {
  font-size: var(--FZ_12_CONST);
  
}
@media screen and (min-width: 768px) {
  .p-max .p-recommendProd__heading {
    max-width: 100%;
    font-size: var(--FZ_22);
    
  }
  .p-max .p-recommendProd__items {
    max-width: 100%;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px calc(20 / 1200 * 100%);
  }
  .p-max .p-recommendProd__ttl {
    
    font-weight: var(--FF_W_B);
  }
  .p-max .p-recommendProd__price {
    
    font-size: var(--FZ_14);
  }
}
/* 閲覧履歴 */
.p-max .p-historyProd__heading {
  margin-inline: auto;
  max-width: 335px;
  font-size: var(--FZ_18);
  
  
}
.p-max .p-historyProd__items {
  margin: 20px auto 0;
  max-width: 335px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 30px calc(15 / 335 * 100%);
}
.p-max .p-historyProd__img {
  aspect-ratio: 1;
}
.p-max .p-historyProd__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.p-max .p-historyProd__content {
  margin-top: 15px;
}
.p-max .p-historyProd__ttl {
  font-size: var(--FZ_14);
}
.p-max .p-historyProd__price {
  font-size: var(--FZ_12_CONST);
  letter-spacing: 0.05;
}
@media screen and (min-width: 768px) {
  .p-max .p-historyProd__heading {
    max-width: 100%;
    font-size: var(--FZ_22);
    
  }
  .p-max .p-historyProd__items {
    max-width: 100%;
    grid-template-columns: repeat(5, 1fr);
    gap: 30px calc(20 / 1200 * 100%);
  }
  .p-max .p-historyProd__ttl {
    font-weight: var(--FF_W_B);
    
  }
  .p-max .p-historyProd__price {
    font-size: var(--FZ_14);
    
  }
}
/* ■■■■■■■■■■■■■■■■30代訴求特集■■■■■■■■■■■■■■■■ */
.g-secHeading {
  text-align: center;
}
.g-secHeading__sub {
  display: block;
  font-size: var(--FZ_16);
  font-weight: var(--FF_W_B);
  
}
.g-secHeading__main {
  margin-top: 5px;
  font-size: var(--FZ_22_CONST);
  font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px) {
  .g-secHeading__sub {
    font-size: var(--FZ_16);
    
  }
  .g-secHeading__main {
    margin-top: 5px;
    font-size: var(--FZ_30);
    
  }
}
@media screen and (max-width: 768px) {
  .g-secHeading__sub{font-size:12px;padding-bottom: 6px;}	
	
}




.s-target30 .s-fv {
  height: 470px;
  background-image: url(../images/target30/fv/sp/bg.jpg);
  background-size: cover;
  background-position: center;
}
.s-target30 .s-fv__inner {
  padding-top: 30px;
  height: inherit;
}
.s-target30 .s-fv__content {
  margin-inline: auto;
  max-width: fit-content;
}
@media screen and (min-width:768px) and (max-width:1250px) {
.s-target30 .s-fv__content .s-fv__heading.g-fvHeading{
	background: rgba(255, 255, 255, 0.65);
	padding:15px 35px;
}

}
@media screen and (min-width: 768px) {
  .s-target30 .s-fv {
    height: 580px;
    min-height: 450px;
    background-image: url(../images/target30/fv/bg.jpg);
    background-position: center right;
  }
  .s-target30 .s-fv__inner {
    padding-top: 0;
    display: grid;
    place-items: center;
  }
  .s-target30 .s-fv__content {
    margin-inline: auto;
    max-width: fit-content;
  }
}
/* 潤い満ちた、明るくハリのある肌へ */
.s-target30 .s-group1 {
  margin-top: 44px;
  margin-bottom: 50px;
  position: relative;
  padding-bottom: 58px;
}
.s-target30 .s-group1::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  aspect-ratio: 60 / 18;
  background-image: url(../images/common/deco-arrow-bottom.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.s-target30 .s-group1__heading {
  margin-inline: auto;
  padding-inline: 20px;
  max-width: fit-content;
  position: relative;
}
.s-target30 .s-group1__headingSub {
  display: block;
  margin-inline: auto;
  width: fit-content;
  font-size: var(--FZ_16);
  
  text-align: center;
}
.s-target30 .s-group1__headingMain {
  display: block;
  margin-inline: auto;
  width: fit-content;
  
  text-align: center;
}
.s-target30 .s-group1__heading::before,
.s-target30 .s-group1__heading::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  border: 1.5px solid var(--BDCOLOR_BROWN_1);
}
.s-target30 .s-group1__heading::before {
  left: 0;
  border-right: none;
}
.s-target30 .s-group1__heading::after {
  right: 0;
  border-left: none;
}
.s-target30 .s-group1__txtWrap {
  margin: 40px auto 0;
  max-width: 335px;
}
.s-target30 .s-group1__txt {
  font-size: var(--FZ_16_CONST);
  line-height: 2;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .s-target30 .s-group1 {
    margin-top: 60px;
    margin-bottom: 80px;
    padding-bottom: 78px;
  }
  .s-target30 .s-group1__heading {
    padding-inline: 80px;
    max-width: 100%;
    line-height: 1.5;
    width: fit-content;
  }
  .s-target30 .s-group1__headingSub {
    font-size: 24px;
    font-weight: var(--FF_W_B);
  }
  .s-target30 .s-group1__headingMain {
    font-size: 44px;
    
    letter-spacing: 0.04em;
  }
  .s-target30 .s-group1__heading::before,
  .s-target30 .s-group1__heading::after {
    width: 25px;
  }
  .s-target30 .s-group1__txtWrap {
    margin-top: 60px;
    max-width: fit-content;
  }
  .s-target30 .s-group1__txt {
    font-size: var(--FZ_25);
  }
}
@media screen and (max-width: 767px) {
	.s-target30 .s-group1__headingSub{
		font-size:16px;
	}
  .s-target30 .s-group1__headingMain{
  	font-size:26px;
  	padding-top: 7px;
  }
}
/* どっちのブレンドを選ぶ */
.s-target30 .s-which {
  padding-top: 50px;
  background: linear-gradient(to bottom, var(--BEIGE01) 0%, var(--WHITE) 100%);
}
.s-target30 .s-which__inner {
  max-width: 1120px;
}
.s-target30 .s-which__lead {
  margin-top: 30px;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-target30 .s-which__blocks {
  margin: 20px auto 0;
}
.s-target30 .s-which__block {
  background-color: var(--WHITE);
  border: 1px solid var(--GRAY02);
}
.s-target30 .s-which__block + .s-which__block {
  margin-top: 20px;
}
.s-target30 .s-which__block.pink .s-which__header {
  background-color: var(--PINK);
}
.s-target30 .s-which__block.yellow .s-which__header {
  background-color: var(--YELLOW);
}
.s-target30 .s-which__header {
  padding: 15px;
}
.s-target30 .s-which__headerTxt {
  font-size: var(--FZ_16_CONST);
  
  
  color: var(--WHITE);
  text-align: center;
}
.s-target30 .s-which__body {
  padding: 15px;
  background-color: var(--WHITE);
}
.s-target30 .s-which__img {
  margin-inline: auto;
  width: calc(165 / 305 * 100%);
  aspect-ratio: 165 / 150;
}
.s-target30 .s-which__img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.s-target30 .s-which__content {
  margin-top: 20px;
}
.s-target30 .s-which__ttl {
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-target30 .s-which__flavor {
  margin-top: 15px;
  display: block;
}
.s-target30 .s-which__name {
  margin-top: 20px;
  
  font-weight: var(--FF_W_B);
  
  text-align: center;
  line-height: 1.45;
}
.s-target30 .s-which__price {
  margin-top: 5px;
  
  
  
  text-align: center;
  display: block;
}
.s-target30 .s-which__btn {
  margin: 20px auto 0;
  max-width: 300px;
}
.s-target30 .s-which__btn a {
  display: inline-block;
  width: 100%;
  
  
  
  text-align: center;
  padding-block: 16px;
  color: var(--WHITE);
  position: relative;
}
.s-target30 .s-which__btn a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 15px;
  width: 6px;
  aspect-ratio: 1;
  border-right: 1px solid var(--WHITE);
  border-bottom: 1px solid var(--WHITE);
  transform: translateY(-50%) rotate(-45deg);
}
.s-target30 .s-which__block.pink .s-which__btn a {
  background-color: var(--PINK);
}
.s-target30 .s-which__block.yellow .s-which__btn a {
  background-color: var(--YELLOW);
}
@media screen and (min-width: 768px) {
  .s-target30 .s-which {
    padding-block: 80px;
  }
  .s-target30 .s-which__lead {
    font-size: var(--FZ_22);
  }
  .s-target30 .s-which__blocks {
    margin-top: 30px;
    max-width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 / 1120 * 100%);
  }
  .s-target30 .s-which__block + .s-which__block {
    margin-top: 0;
  }
  .s-target30 .s-which__header {
    padding: 20px 30px;
  }
  .s-target30 .s-which__headerTxt {
    font-size: var(--FZ_18);
    font-weight: var(--FF_W_R);
  }
  .s-target30 .s-which__headerTxt span {
    font-weight: var(--FF_W_B);
  }
  .s-target30 .s-which__body {
    padding: 30px;
  }
  .s-target30 .s-which__img {
    width: calc(242 / 480 * 100%);
    aspect-ratio: 242 / 220;
  }
  .s-target30 .s-which__ttl {
    font-size: var(--FZ_22);
  }
  .s-target30 .s-which__flavor {
    margin-top: 20px;
  }
  .s-target30 .s-which__name {
    font-size: var(--FZ_16);
  }
  .s-target30 .s-which__price {
    font-size: var(--FZ_16);
  }
  .s-target30 .s-which__btn {
    max-width: 100%;
  }
  .s-target30 .s-which__btn a {
    font-size: var(--FZ_18);
    padding-block: 10px;
  }
  .s-target30 .s-which__btn a::after {
    right: 15px;
    width: 6px;
  }
}
@media screen and (min-width:768px) and (max-width:1030px) {
.s-target30 .s-which__ttl{
	font-size:1.85vw;
}
}
/* ホホバオイルに＋αの成分をプラス */
.s-target30 .s-group2__img {
  margin: 30px auto 0;
  max-width: 335px;
}
.s-target30 .s-group2__btnWrap {
  margin: 30px auto 0;
  max-width: 335px;
  display: grid;
  gap: 20px;
}
.s-target30 .s-group2__btn {
  border-radius: 5px;
}
.s-target30 .s-group2__btn.pink {
  border: 1px solid var(--PINK);
  background-color: var(--PINK);
}

.s-target30 .s-group2__btn.yellow {
  border: 1px solid var(--YELLOW);
  background-color: var(--YELLOW);
}
.s-target30 .s-group2__btn a {
  display: flex;
}
.s-target30 .s-group2__btnTxt {
    font-size: var(--FZ_16_CONST);
    
    color: var(--WHITE);
    flex: 1 0 auto;
    display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
}
.s-target30 .s-group2__btnTxt i{
	font-size: 23px;
	padding-top: 8px;
	vertical-align: top;
}
.s-target30 .s-group2__btnImg {
  padding: 10px 5px;
  flex: 0 1 calc(105 / 335 * 100%);
  background-color: var(--WHITE);
  border-radius: 0px 5px 5px 0px;
}
.s-target30 .s-group2__btnImg img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .s-target30 .s-group2__inner {
    max-width: 1120px;
  }
  .s-target30 .s-group2__alert {
    font-size: var(--FZ_14);
    
    text-align: center;
  }
  .s-target30 .s-group2__img {
    margin-top: 40px;
    max-width: 100%;
  }
  .s-target30 .s-group2__btnWrap {
    margin-top: 60px;
    max-width: 100%;
    grid-template-columns: repeat(2, 1fr);
    gap: calc(40 / 1120 * 100%);
  }
  .s-target30 .s-group2__btnTxt {
    font-size: var(--FZ_22);
    
  }
  .s-target30 .s-group2__btnImg {
    padding: 15px 8px;
  }
}

@media screen and (max-width: 767px) {
  .s-target30 .s-group2__btnTxt i{
  	font-size: 15px;
  	padding-top: 7px;
  	vertical-align: top;
  }
  .s-target30 .s-group2__btnTxt span{
	  padding-top: 8px;
  }
}

/* 30代のお肌はどんな状態なの？ */
.s-target30 .s-group3 {
  padding-block: 50px;
  background-color: var(--BEIGE01);
}
.s-target30 .s-group3__heading {
  margin-inline: auto;
  max-width: 335px;
}
.s-target30 .s-group3__desc {
  margin: 20px auto 0;
  position: relative;
  padding-bottom: 58px;
  font-size: var(--FZ_16_CONST);
}
.s-target30 .s-group3__desc::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  aspect-ratio: 60 / 18;
  background-image: url(../images/common/deco-arrow-bottom.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: bottom center;
}
.s-target30 .s-group3__txt {
  margin: 40px auto 0;
  max-width: 335px;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-target30 .s-group3__img {
  margin: 20px auto 0;
}
.s-target30 .s-group3__arrowBottom {
  margin: 30px auto 0;
  max-width: 310px;
}
.s-target30 .s-group3__block {
  margin: 30px auto 0;
  padding-inline: 35px;
  max-width: fit-content;
  position: relative;
}
.s-target30 .s-group3__block::before,
.s-target30 .s-group3__block::after {
  content: "";
  position: absolute;
  top: 0;
  width: 10px;
  height: 100%;
  border: 1.5px solid var(--BDCOLOR_BROWN_1);
}
.s-target30 .s-group3__block::before {
  left: 0;
  border-right: none;
}
.s-target30 .s-group3__block::after {
  right: 0;
  border-left: none;
}

.s-target30 .s-group3__blockTxt1 {
  width: fit-content;
  margin-inline: auto;
  font-size: var(--FZ_16_CONST);
  
  text-align: center;
}
.s-target30 .s-group3__blockTxt2 {
  margin-top: 5px;
  width: fit-content;
  margin-inline: auto;
  font-size: var(--FZ_28);
  
  text-align: center;
}
.s-target30 .s-group3__decoTxt {
  margin: 30px auto 0;
  width: fit-content;
  padding-inline: 34px;
  font-size: var(--FZ_18);
  
  
  text-align: center;
  position: relative;
}
.s-target30 .s-group3__decoTxt::before,
.s-target30 .s-group3__decoTxt::after {
  content: "";
  position: absolute;
  top: 0;
  width: 14px;
  height: 100%;
  background-image: url(../images/target30/group3/txt-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-target30 .s-group3__decoTxt::before {
  left: 0;
}
.s-target30 .s-group3__decoTxt::after {
  right: 0;
  transform: scale(-1, 1);
}
@media screen and (min-width: 768px) {
  .s-target30 .s-group3__ {
    padding-block: 80px;
  }
  .s-target30 .s-group3__heading {
    max-width: 632px;
  }
  .s-target30 .s-group3__desc {
    max-width: fit-content;
    padding-bottom: 48px;
    font-size: var(--FZ_18);
    
    text-align: center;
  }
  .s-target30 .s-group3__txt {
    margin-top: 30px;
    max-width: fit-content;
    font-size: var(--FZ_22);
  }
  .s-target30 .s-group3__img {
    margin-top: 40px;
    max-width: 940px;
  }
  .s-target30 .s-group3__arrowBottom {
    margin-top: 40px;
    max-width: 550px;
  }
  .s-target30 .s-group3__block {
    margin-top: 40px;
    padding-inline: 55px;
  }
  .s-target30 .s-group3__block::before,
  .s-target30 .s-group3__block::after {
    width: 25px;
  }
  .s-target30 .s-group3__blockTxt1 {
    font-size: var(--FZ_22);
    
  }
  .s-target30 .s-group3__blockTxt2 {
    margin-top: 10px;
    font-size: var(--FZ_43);
    font-weight: var(--FF_W_R);
  }
  .s-target30 .s-group3__decoTxt {
    margin-top: 40px;
    font-size: var(--FZ_22);
  }
}


@media screen and (max-width: 767px) {
  .s-target30 .s-group3__blockTxt2 {
    font-size: 26px;
    padding-top: 7px;
  }
}


/* でも、正直肌に合うのか不安、敏感肌の私にも使えるかな？ */
.s-target30 .s-group4 {
}
.s-target30 .s-group4__lead {
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-target30 .s-group4__img {
  margin: 30px auto 0;
}
.s-target30 .s-group4__txt {
  margin: 30px auto 0;
  max-width: 335px;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-target30 .s-group4__txt span {
  background: linear-gradient(transparent 70%, #eedaa2 30%);
}
@media screen and (min-width: 768px) {
  .s-target30 .s-group4__lead {
    font-size: var(--FZ_22);
  }
  .s-target30 .s-group4__img {
    margin-top: 40px;
    max-width: 937px;
  }
  .s-target30 .s-group4__txt {
    margin-top: 40px;
    max-width: 687px;
    font-size: var(--FZ_25);
  }
  .s-target30 .s-group4__txt span {
    background: linear-gradient(transparent 70%, #eedaa2 30%);
  }
}
@media screen and (max-width: 767px) {
.s-target30 .s-group4__txt{line-height: 1.55;}
}
/* わたしたちが目指すのは潤い満ちた明るくハリのある肌へ */
.s-target30 .s-power {
}
.s-target30 .s-power__img {
  margin: 20px auto 0;
  max-width: 243px;
}
.s-target30 .s-power__group1 {
  margin: 60px auto 0;
}
.s-target30 .s-power .group1__ttl {
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
  margin-inline: auto;
  max-width: fit-content;
  position: relative;
  padding-inline: 20px;
}
.s-target30 .s-power .group1__ttl::before,
.s-target30 .s-power .group1__ttl::after {
  content: "";
  position: absolute;
  width: 15px;
  height: 100%;
  top: 4px;
  background-image: url(../images/target30/power/ttl-deco.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-target30 .s-power .group1__ttl::before {
  left: -6px;
}
.s-target30 .s-power .group1__ttl::after {
  right: -6px;
  transform: scale(-1, 1);
}
.s-target30 .s-power .group1__items {
  margin-top: 20px;
  position: relative;
  padding: 20px 15px;
  display: grid;
  gap: 10px;
}
.s-target30 .s-power .group1__items::before,
.s-target30 .s-power .group1__items::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 10px;
  left: 0;
  border: 1px solid var(--BDCOLOR_BROWN_1);
}
.s-target30 .s-power .group1__items::before {
  top: 0;
  border-bottom: none;
}
.s-target30 .s-power .group1__items::after {
  bottom: 0;
  border-top: none;
}
.s-target30 .s-power .group1__item {
  font-size: var(--FZ_14_CONST);
  display: flex;
  align-items: center;
  gap: 10px;
}
.s-target30 .s-power .group1__item::before {
  content: "";
  width: 24px;
  aspect-ratio: 24 / 22;
  background-image: url(../images/common/list-icon.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.s-target30 .s-power__group2 {
  margin: 60px auto 0;
}
.s-target30 .s-power .group2__heading {
  font-size: var(--FZ_22_CONST);
  text-align: center;
}
.s-target30 .s-power .group2__items {
  margin-top: 30px;
}
.s-target30 .s-power .group2__item + .group2__item {
  margin-top: 30px;
}
.s-target30 .s-power .group2__header {
  display: flex;
  align-items: center;
  gap: 20px;
}
.s-target30 .s-power .group2__num {
  font-family: var(--FF_NUM);
}
.s-target30 .s-power .group2__ttl {
  font-size: var(--FZ_16_CONST);
  position: relative;
  font-weight: var(--FF_W_B);
}
.s-target30 .s-power .group2__ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: -10px;
  width: 1px;
  height: 100%;
  background-color: var(--GRAY02);
}
.s-target30 .s-power .group2__body {
  margin-top: 15px;
}
.s-target30 .s-power .group2__txt {
}
.s-target30 .s-power .group2__txt .group2__txt {
  margin-top: 1lh;
}
.s-target30 .s-power .group2__img {
  margin-top: 20px;
  aspect-ratio: 335 / 223;
}
.s-target30 .s-power .group2__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
@media screen and (min-width: 768px) {
  .s-target30 .s-power__inner {
    max-width: 1120px;
  }
  .s-target30 .s-power__img {
    max-width: 400px;
  }
  .s-target30 .s-power__group1 {
    margin-top: 120px;
    max-width: 900px;
  }
  .s-target30 .s-power .group1__ttl {
    font-size: var(--FZ_22);
    padding-inline: 34px;
  }
  .s-target30 .s-power .group1__ttl::before,
  .s-target30 .s-power .group1__ttl::after {
    width: 14px;
  }
  .s-target30 .s-power .group1__items {
    margin-top: 30px;
    padding: 25px 15px;
    grid-template-columns: repeat(2, auto);
    justify-content: center;
    gap: 20px 60px;
  }
  .s-target30 .s-power .group1__items::before,
  .s-target30 .s-power .group1__items::after {
    height: 25px;
  }
  .s-target30 .s-power .group1__item {
    font-size: var(--FZ_16);
  }
  .s-target30 .s-power .group1__item::before {
    width: 30px;
  }
  .s-target30 .s-power__group2 {
    margin-top: 120px;
    max-width: 100%;
  }
  .s-target30 .s-power .group2__heading {
    font-size: var(--FZ_30);
  }
  .s-target30 .s-power .group2__items {
    margin-top: 40px;
  }
  .s-target30 .s-power .group2__item {
    display: flex;
    align-items: start;
    gap: calc(60 / 1120 * 100%);
    position: relative;
  }
  .s-target30 .s-power .group2__item:nth-of-type(2n) {
    flex-direction: row-reverse;
  }
  .s-target30 .s-power .group2__item:nth-of-type(1)::before {
    content: "";
    position: absolute;
    width: 211px;
    aspect-ratio: 211 / 171;
    background-image: url(../images/target30/power/deco01.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: -50px;
    right: calc(50% - min(50vw, 900px));
    z-index: -1;
  }
  .s-target30 .s-power .group2__item:nth-of-type(2)::before {
    content: "";
    position: absolute;
    width: 195px;
    aspect-ratio: 1;
    background-image: url(../images/target30/power/deco02.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    top: -100px;
    left: calc(50% - min(50vw, 900px));
    z-index: -1;
  }
  .s-target30 .s-power .group2__item + .group2__item {
    margin-top: 60px;
  }
  .s-target30 .s-power .group2__content {
    flex-grow: 1;
  }
  .s-target30 .s-power .group2__header {
    gap: 35px;
  }
  .s-target30 .s-power .group2__num {
    font-size: var(--FZ_22);
  }
  .s-target30 .s-power .group2__ttl {
    font-size: var(--FZ_22);
  }
  .s-target30 .s-power .group2__ttl::before {
    left: -20px;
  }
  .s-target30 .s-power .group2__body {
    margin-top: 20px;
  }
  .s-target30 .s-power .group2__txt {
    font-size: var(--FZ_16);
  }
  .s-target30 .s-power .group2__img {
    margin-top: 0;
    aspect-ratio: 530 / 353;
    flex: 0 0 calc(530 / 1120 * 100%);
  }
}
@media screen and (max-width: 767px) {
  .s-target30 .s-power .group1__item{
  	font-weight:var(--FF_W_B);
  }
  .s-target30 .s-power .group2__ttl{
	  font-size:17px;
  }
  .s-target30 .s-power .group2__num{
	  font-size:17px;
  }
}


/* 使用方法 */
.s-target30 .s-use {
}
.s-target30 .s-use__items {
  margin: 24px auto 0;
  display: grid;
  gap: 32px;
}
.s-target30 .s-use__item {
  position: relative;
  padding: 20px;
  border: 1px dotted var(--BDCOLOR_BROWN_1);
}
.s-target30 .s-use__num {
  font-family: var(--FF_NUM);
  
  font-style: italic;
  font-size: var(--FZ_25);
  letter-spacing: 0.01em;
  line-height: 1;
  color: #c1961e;
  background-color: var(--WHITE);
  display: inline-block;
  position: absolute;
  top: 0;
  left: -2px;
  transform: translateY(-50%);
}
.s-target30 .s-use__desc {
  
  
}
.s-target30 .s-use__items + .g-btn {
  margin: 25px auto 0;
}
.s-target30 .s-use__items + .g-btn a {
  padding-block: 15px;
  font-size: 15px;
  
  
}
@media screen and (min-width: 768px) {
  .s-target30 .s-use__items {
    margin-top: 50px;
    max-width: 980px;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(40 / 980 * 100%);
  }
  .s-target30 .s-use__item {
    padding: 33px 30px 23px;
  }
  .s-target30 .s-use__num {
    font-size: var(--FZ_35);
  }
  .s-target30 .s-use__desc {
    font-size: var(--FZ_18);
  }
  .s-target30 .s-use__items + .g-btn {
    margin-top: 40px;
    max-width: 400px;
  }
  .s-target30 .s-use__items + .g-btn a {
    padding-block: 10px;
    font-size: var(--FZ_18);
  }
}
/* s-group5 */
.s-target30 .s-group5 {
  background-image: url(../images/target30/group5/bg.jpg);
  background-size: cover;
  padding-block: 41px;
}
.s-target30 .s-group5__content {
  color: var(--WHITE);
  text-align: center;
}
.s-target30 .s-group5__lead {
  font-size: var(--FZ_12_CONST);
  font-weight: var(--FF_W_B);
  
}
.s-target30 .s-group5__ttl {
  margin-top: 5px;
  font-size: var(--FZ_22_CONST);
  
  
}
.s-target30 .s-group5__txt {
  margin-top: 10px;
  font-size: var(--FZ_16_CONST);
  
  position: relative;
  padding-bottom: 48px;
}
.s-target30 .s-group5__txt::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 18px;
  background-image: url(../images/common/deco-arrow-bottom-white.svg);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
@media screen and (min-width: 768px) {
  .s-target30 .s-group5 {
    padding-block: 42px;
  }
  .s-target30 .s-group5__lead {
    font-size: var(--FZ_16);
    
  }
  .s-target30 .s-group5__ttl {
    font-size: var(--FZ_35);
    
  }
  .s-target30 .s-group5__txt {
    margin-top: 20px;
    font-size: var(--FZ_18);
    padding-bottom: 58px;
  }
}
@media screen and (max-width: 768px) {
  .s-target30 .s-group5{
	  background-position: right center;
	  padding-block-start: 40px;
	  padding-block-end: 30px;
  }
}
/* ローズゼラニウムで女性ならではのお悩みにアプローチ */
.s-target30 .s-group6 {
}
.s-target30 .s-group6__heading {
  margin-inline: auto;
  padding-block: 12px 18px;
  max-width: fit-content;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-target30 .pink .s-group6__heading {
  background: linear-gradient(
    to right,
    var(--WHITE) 0%,
    rgb(238 213 218 / 0.38) 50%,
    var(--WHITE) 100%
  );
}
.s-target30 .yellow .s-group6__heading {
  background: linear-gradient(
    to right,
    var(--WHITE) 0%,
    rgb(248 244 234 / 1) 50%,
    var(--WHITE) 100%
  );
}
.s-target30 .s-group6__container {
  margin: 30px auto 0;
  max-width: 300px;
}
.s-target30 .s-group6__img {
  margin-inline: auto;
  max-width: calc(250 / 300 * 100%);
}
.s-target30 .s-group6__body {
  margin-top: 20px;
}
.s-target30 .s-group6__content {
  text-align: center;
}
.s-target30 .s-group6__ttl {
  
  font-weight: var(--FF_W_B);
  
  line-height: 1.45;
}
.s-target30 .s-group6__price {
  display: block;
  margin-top: 5px;
  
  
  
}
.s-target30 .s-group6__content + .g-btn {
  margin-top: 20px;
}
.s-target30 .s-group6__block {
  margin: 60px auto 0;
}
@media screen and (min-width: 768px) {
  .s-target30 .s-group6__heading {
    max-width: 100%;
    font-size: var(--FZ_35);
    
  }
  .s-target30 .s-group6__container {
    margin-top: 60px;
    max-width: 750px;
    display: flex;
    align-items: center;
    gap: calc(100 / 750 * 100%);
  }
  .s-target30 .s-group6__img {
    max-width: 100%;
    flex: 0 0 calc(350 / 750 * 100%);
  }
  .s-target30 .s-group6__body {
    margin-top: 0;
    flex-grow: 1;
  }
  .s-target30 .s-group6__ttl {
    font-size: var(--FZ_18);
  }
  .s-target30 .s-group6__price {
    font-size: var(--FZ_16);
  }
  .s-target30 .s-group6__block {
    max-width: 940px;
  }
}
/* 商品の特長 */
.s-target30 .s-specification {
}
.s-target30 .s-specification__items {
  margin: 30px auto 0;
  padding: 30px 15px;
}
.s-target30 .pink .s-specification__items {
  border: 3px solid #f0d0d5;
}
.s-target30 .yellow .s-specification__items {
  border: 3px solid #f8e9a3;
}
.s-target30 .s-specification__item + .s-specification__item {
  margin-top: 30px;
}
.s-target30 .s-specification__img {
  aspect-ratio: 305 / 203;
}
.s-target30 .s-specification__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-target30 .s-specification__content {
  margin-top: 20px;
}
.s-target30 .s-specification__ttl {
  font-size: var(--FZ_16_CONST);
  
  
}
.s-target30 .s-specification__txt{
	line-height: 1.7;
}
.s-target30 .pink .s-specification__ttl {
  color: #ab7f87;
}
.s-target30 .yellow .s-specification__ttl {
  color: #c1961e;
}
.s-target30 .s-specification__txt {
  margin-top: 15px;
  
  
}
@media screen and (min-width: 768px) {
  .s-target30 .s-specification__items {
    margin-top: 40px;
    padding: 40px;
    max-width: 940px;
    border-radius: 5px;
  }
  .s-target30 .s-specification__item + .s-specification__item {
    margin-top: 40px;
  }
  .s-target30 .s-specification__item {
    display: flex;
    align-items: start;
    gap: calc(40 / 860 * 100%);
  }
  .s-target30 .s-specification__img {
    flex: 0 0 calc(300 / 860 * 100%);
    aspect-ratio: 300 / 200;
  }
  .s-target30 .s-specification__content {
    flex-grow: 1;
    margin-top: 0;
  }
  .s-target30 .s-specification__ttl {
    font-size: var(--FZ_22);
  }
  .s-target30 .s-specification__txt {
    font-size: var(--FZ_16);
  }
}
/* 香り */
.s-target30 .s-flavor {
}
.s-target30 .s-flavor__container {
  margin: 30px auto 0;
}
.s-target30 .s-flavor__img {
  aspect-ratio: 335 / 251;
  border-radius: 5px;
  overflow: hidden;
}
.s-target30 .s-flavor__img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.s-target30 .s-flavor__content {
  margin-top: 30px;
}
.s-target30 .s-flavor__txt {
  
  
  text-align: center;
}
.s-target30 .s-flavor__ttl {
  margin-top: 10px;
  font-size: var(--FZ_18_CONST);
  
  
  text-align: center;
}
.s-target30 .s-flavor__body {
  margin-top: 20px;
}
.s-target30 .s-flavor__container + .g-btn {
  margin-top: 40px;
}
@media screen and (min-width: 768px) {
  .s-target30 .s-flavor__container {
    margin-top: 40px;
    max-width: 996px;
    display: flex;
    align-items: center;
    gap: calc(60 / 996 * 100%);
  }
  .s-target30 .s-flavor__img {
    flex: 0 0 calc(440 / 996 * 100%);
    aspect-ratio: 440 / 330;
  }
  .s-target30 .s-flavor__content {
    margin-top: 0;
  }
  .s-target30 .s-flavor__txt {
    font-size: var(--FZ_16);
  }
  .s-target30 .s-flavor__ttl {
    font-size: var(--FZ_22);
  }
  .s-target30 .s-flavor__body {
    margin: 30px auto 0;
    width: calc(468 / 495 * 100%);
  }
  .s-target30 .s-flavor__container + .g-btn {
    margin-top: 113px;
  }
}





.t-conceptSection .g-heading__ja{
}
.t-conceptSection .g-heading__en{
	font-weight: var(--FF_W_B);
}
@media screen and (max-width:767px) {
  .t-conceptSection .g-heading__ja{
  	font-size:20px;
  }
}


/* -------------------s-mediaWithNews-------------------- */
.s-media li h3 a img{
  aspect-ratio: 165/211;
  object-fit: cover
}
@media screen and (min-width: 768px){
  .s-media{
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
  }
  .s-media{
    display: grid;
    grid-template-columns: repeat(5,1fr);
    gap: var(--GAP_30);
  }
}
@media screen and (max-width: 767px){
  .s-media .slick-list{
    padding: 0 10% 0 calc((100% - var(--INNER_WIDTH)) / 2);
  }
  .s-media .slick-slide{
    margin-right: var(--MG_10);
  }
  .s-media [class*="g-slickArrow--"]{
		top: 40%;
	}
}



/* ■■■■■■■■■■お買い物ガイド■■■■■■■■■■ */
.s-guideContents{
	--H3_BGCOLOR: var(--BGCOLOR_BEIGE_1);
	--H2_BDCOLOR: var(--BDCOLOR_BROWN_2);
	margin-top: 3px;
	display: grid;
	gap: var(--GENERALSEC);
}
.s-guideColumn__heading{
	font-weight: var(--FF_W_B);
	border-bottom: 1px solid var(--H2_BDCOLOR);
}
.s-guideColumn__ttl{
	font-weight: 500;
	background-color: var(--H3_BGCOLOR);
}
.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 th,
.s-guideTable td{
	border: 1px solid var(--H2_BDCOLOR);
}
.s-guideTable th{
	font-weight: normal;
	width: 30%;
}
.s-guideTable thead th,.s-guideTable tbody th,.s-guideTable thead td{
	background-color: var(--H2_BDCOLOR);
	border: 1px solid var(--WHITE);
	padding: 5px 0;
	font-size: var(--FZ_12_CONST);
}
.s-guideTable tbody th,
.s-guideTable thead td,
.s-guideTable tbody td{
	text-align: center;
}
@media screen and (min-width: 768px){
	.s-guideContainer{
		display: grid;
		grid-template-columns: 228px 1fr;
		align-items: flex-start;
		gap: clamp( 40px, 4.5vw, 50px);
	}
	.s-guideNav{
		position: sticky;
		top: 52px;
		left: 0;
	}
	.s-guideNav__item li a{
		font-size: var(--FZ_15);
    font-weight: var(--FF_W_B);
		display: block;
		padding: 10px 0;
	}
	.s-guideColumn__heading{
		font-size: var(--FZ_22);
		padding-bottom: 10px;
		margin-bottom: var(--MG_10);
	}
	.s-guideColumn__ttl{
		font-size: var(--FZ_18);
		padding: 8px 20px;
		margin: var(--MG_50) 0 var(--MG_30);
	}
	.s-guideCredit{
		max-width: 340px;
		padding-left: 20px;
	}
	.s-guidePaymentLogo{
		padding-left: 20px;
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 180px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 130px;
	}
	.s-guidePaymentLogo--Paidy{
		width: 150px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 64px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 7px 12px;
		font-size: var(--FZ_12_CONST);
	}
}
@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(--BROWN01_OP10);
		display: flex;
		justify-content: center;
		align-items: center;
		border-radius: 5px 0 0 5px;
		border: 1px solid var(--BDCOLOR_BROWN_2);
		border-right: none;
	}
  .s-guideNav.active .s-guideNav__spTrigger{
    background-color: var(--WHITE);
  }
	.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(--BDCOLOR_BROWN_2);
	}
	.s-guideNav__item li:not(:last-child){
		border-bottom: 1px solid var(--BDCOLOR_BROWN_2);
	}
	.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: 18px;
		padding: 7px 15px;
		margin: var(--MG_30) 0 var(--MG_10);
	}
	.s-guidePaymentLogo--AmazonPay{
		width: 150px;
	}
	.s-guidePaymentLogo--PayPay{
		width: 120px;
	}
	.s-guidePaymentLogo--Paidy{
		width: 130px;
	}
	.s-guidePaymentLogo--rakutenPay{
		width: 45px;
	}
	.s-guideTable{
		margin-top: var(--MG_20);
		/* writing-mode:vertical-lr; */
	}
	.s-guideTable tbody th,
	.s-guideTable tbody td{
		padding: 5px 5px;
		font-size: var(--FZ_12_CONST);
	}
	.s-guideTable th,.s-guideTable td{
		/* writing-mode: horizontal-tb; */
	}
	.s-guideOrder{
		display: grid;
	}
	.s-guideOrder .g-txt__2colum{
		flex-direction: column-reverse;
	}
/*
	.s-guideOrder h3{
		order: 1;
	}
	.s-guideOrder div{
		order: 2;
	}
	.s-guideOrder img{
		order: 3;
	}
*/
	.g-txt__2colum--reverseSp{
		display: flex;
		flex-direction: column-reverse;
	}
	.g-txt__2colum img {
		width:70%;
		margin:20px auto;
		}
		.s-guideOrder{
			margin-bottom: 41px;
		}

}

.s-gift .t-conceptSection{
	padding: var(--GENERALSEC) 0;
}
.s-gift .t-conceptSection.g-mgt--80{
	margin-top: 0;
}
.howto_pagetop{
	text-align: right;
	margin-top: 25px;
	text-decoration: underline;
}
.s-member .g-registration__ttl{
	display:none;
}
.s-member .g-registration{
	padding-top: var(--GENERALSEC);
}
.s-oilCare .g-media{
	padding-bottom: var(--GENERALSEC);
}
.s-oilCare .g-specification__imgHeading{
	display:none;
}

@media screen and (min-width: 768px){
  .s-about .g-subPageFv--hohobaImg {
    background: url(/asset2024/images/category/hohobaoil_PC.jpg) center/cover;
  }
}

@media screen and (max-width: 767px){
  .s-about .g-subPageFv--hohobaImg {
    background: url(/asset2024/images/category/hohobaoil_SP.jpg) center/cover;
  }
}
@media screen and (min-width: 768px){
  .s-about .g-subPageFv--extractImg {
    background: url(/asset2024/images/category/extractPC.jpg) center/cover;
  }
}

@media screen and (max-width: 767px){
  .s-about .g-subPageFv--extractImg {
    background: url(/asset2024/images/category/extractSP.jpg) center/cover;
  }
}
@media screen and (min-width: 768px){
  .g-subPageFv--giftImg {
    background: url(/asset2024/images/category/giftPC.jpg) center/cover;
  }
}

@media screen and (max-width: 767px){
  .g-subPageFv--giftImg {
    background: url(/asset2024/images/category/giftSP.jpg) center/cover;
  }
}
@media screen and (min-width: 768px){
  .s-about .g-subPageFv--standerdImg {
    background: url(/asset2024/images/category/standerdPC.jpg) center/cover;
  }
}

@media screen and (max-width: 767px){
  .s-about .g-subPageFv--standerdImg {
    background: url(/asset2024/images/category/standerdSP.jpg) center/cover;
  }
}
@media screen and (min-width: 768px){
  .s-about .g-subPageFv--delicateImg {
    background: url(/asset2024/images/category/delicatePC.jpg) center/cover;
  }
}

@media screen and (max-width: 767px){
  .s-about .g-subPageFv--delicateImg {
    background: url(/asset2024/images/category/delicateSP.jpg) center/cover;
  }
}
@media screen and (min-width: 768px){
  .s-about .g-subPageFv--blackImg {
    background: url(/asset2024/images/category/skincarePC.jpg) center/cover;
  }
}

@media screen and (max-width: 767px){
  .s-about .g-subPageFv--blackImg {
    background: url(/asset2024/images/category/skincareSP.jpg) center/cover;
  }
}
.g-subPageFv__heading.g-subPageFv__heading--brown {
  color: var(--TXT_COLOR_BASE);
}

.g-subPageFv__heading.g-subPageFv__heading--white {
  color: var(--WHITE);
}

@media screen and (max-width: 767px){
  .s-group1__txt--textalign {
    text-align: center;
  }
}


/* s-subscItemGuide */
.s-subscItemGuide{
  display: grid;
}
.s-subscItemGuide li a{
  display: grid;
  background-color: var(--WHITE);
  align-items: center;
  position: relative;
}
.s-subscItemGuide li a::after{
  font-family: 'Font Awesome 5 Pro';
  font-weight: 100;
  content: '\f054';
  color: var(--TXT_COLOR_BASE);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.s-subscItemGuide__icon{
  display: inline-block;
  aspect-ratio: 1/1;
  background: no-repeat center / 100%;
}
.s-subscItemGuide__name{
  line-height: 1.4;
  font-weight: var(--FF_W_B);
}
@media screen and (min-width: 768px){
  .s-subscItemGuide{
    grid-template-columns: repeat(auto-fill ,minmax(248px, 1fr));
    gap: var(--GAP_20);
  }
  .s-subscItemGuide li a{
    min-height: 70px;
    grid-template-columns: 70px 1fr;
    padding-right: 30px;
    gap: var(--GAP_10_CONST);
  }
  .s-subscItemGuide__name{
    font-size: var(--FZ_16);
  }
  .s-subscItemGuide li a::after{
    font-size: 13px;
    right: 12px;
  }
  .s-subscItemGuide{
  border-bottom: 1px solid var(--BDCOLOR_BROWN_1);
}
}
@media screen and (max-width: 767px){
  .s-subscItemGuide{
    grid-template-columns: repeat(auto-fill ,minmax(151px, 1fr));
    gap: 5px;
  }
  .s-subscItemGuide li a{
    min-height: 50px;
    grid-template-columns: 40px 1fr;
    padding-right: 10px;
    gap: 3px;
  }
  .s-subscItemGuide__name{
    font-size: 12px;
  }
  .s-subscItemGuide li a::after{
    font-size: 10px;
    right: 5px;
  }
}


/* 調整 */
.g-faqContents a,.s-faqSection a{
	text-decoration: underline;
}
.g-faq--acc dt,
.g-faq--acc dd{
  background-color: var(--BGCOLOR_BEIGE_1);
}
span.s-subscItemGuide__icon.all-itm-icon {
    width: 38px;
    margin-left: 16px;
}
@media screen and (max-width: 767px){
	span.s-subscItemGuide__icon.all-itm-icon {
    width: 25px;
    margin-left: 8px;
}
.s-subscItemGuide.g-pdb--half{
	padding-bottom: 0;
}
}




/* サイトマップページ */
#sitemapP{
max-width:650px;
margin:0 auto;
}
#sitemapP ul {
    list-style: none;
    padding: 0;
}
#sitemapP ul li {
    margin: 10px 0;
}
#sitemapP ul ul li a{
	position: relative;
}
#sitemapP ul ul li a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 400;
	content: "\f105";
	position: absolute;
	left: -15px;
	top: 0;
}
#sitemapP ul ul {
    margin-left: 20px;
    padding-left: 20px;
    margin-bottom: 50px;
}
#sitemapP ul ul ul {
    border-left: none;
    padding-left: 6px;
    margin-bottom: 0px;
}
#sitemapP ul li a {
    transition: color 0.3s;
}
#sitemapP ul ul li a {
    font-size: 0.95em;
}
#sitemapP ul li span.title {
    padding-bottom: 5px;
    border-bottom: 1px solid var(--BDCOLOR_BROWN_1);
    display	:block;
}

@media screen and (min-width: 768px){
  .p-delicateOil__img,
.p-organic__img{
  width: 30%;
}
.p-delicateOil__content,
.p-organic__content{
  width: 58%;
}
}
@media screen and (max-width: 767px){
  .p-delicateOil__content,
.p-organic__content{
  margin-bottom: 20px;
}
}


@media screen and (max-width: 767px){
	.fs-body-linkRegister .fs-c-inputInformation__message{
		width: 90%;
	}
	.fs-body-linkRegister #fs_form{
		width: 90%;
		margin: 0 auto;
	}
	.fs-body-linkRegister .fs-c-button--continueAccountLinking{
		margin: 0 auto!important;
	}

	.lp-product__btn a{
		font-weight: 500;
		font-size: 20px;
	}
  .s-target30 .s-which__btn.lp-product__btn a::after{
    width: 12px;
    border-right: 3px solid var(--WHITE);
    border-bottom: 3px solid var(--WHITE);
  }
  .lp-product__btn.g-btn--link a::after{
    font-weight: 400;
    right: 10px;
    font-size: 30px;
  }
}
.guideTable--thead td{
  background-color:var(--H2_BDCOLOR);
  border: 1px solid var(--WHITE);
}
@media screen and (max-width: 767px){
  .guideTable--bank tbody{
    display: flex;
  }
  .guideTable--bank tr{
    display: flex;
    flex-direction: column;
    width: 33.3%;
  }
  .guideTable--bank tbody th {
    width: 100%;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .s-guideTable tr:nth-child(2) td,.s-guideTable tr:nth-child(3) td{
    border-top: 1px solid #fff;
  }
  .s-guideTable tr:nth-child(2) td{
    border-left: 1px solid #fff;
  }
}



/* .s-rcmd */
.s-rcmd__heading{
  font-weight: var(--FF_W_M);
}
@media screen and (min-width: 768px){
  .s-rcmd__heading{
    font-size: var(--FZ_22);
    margin-bottom: var(--MG_20);
  }
}
@media screen and (max-width: 767px){
  .s-rcmd__heading{
    font-size: var(--FZ_18_CONST);
    margin-bottom: var(--MG_20);
    text-align: center;
  }
  .s-rcmd .fr3-item:nth-of-type(n+5){
    display: none;
  }
}


/* s-jojobaoil */
.s-jojobaoil__product .fs-c-productList__list{
  margin: 0;
}
.s-jojobaoil__note{
  border-top: 1px dotted var(--BDCOLOR_BROWN_1);
}
.s-jojobaoil__note li{
  position: relative;
}
.s-jojobaoil__note li::before{
  content: '※';
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (min-width: 768px){
  .s-jojobaoil__product .fs-c-productList__list{
    grid-template-columns: repeat(5,1fr);
  }
  .s-jojobaoil__note{
    margin-top: var(--GAP_60);
    padding: var(--GAP_30);
  }
  .s-jojobaoil__note li{
    font-size: 14px;
    padding-left: 20px;
  }
}
@media screen and (max-width: 767px){
  .s-jojobaoil__note{
    margin-top: 30px;
    padding-top: 20px;
  }
  .s-jojobaoil__note li{
    font-size: 12px;
    padding-left: 15px;
  }
}