[design=custom] main {
  padding-bottom: 0;
  background-color: #EFEAE4;
}
[design=custom] .membership section {
  display: flex;
}
@media screen and (max-width: 768px) {
  [design=custom] .membership section {
    flex-direction: column;
  }
}
[design=custom] .membership .inner {
  display: flex;
  flex-direction: column;
  gap: max(14.9333333333vw, 56px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .inner {
    margin-inline: auto;
    max-width: 1024px;
    gap: min(8.78477306vw, 120px);
  }
}
[design=custom] .membership .intro {
  gap: max(8.5333333333vw, 32px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .intro {
    gap: min(2.3426061493vw, 32px);
    flex-direction: column;
  }
}
[design=custom] .membership .intro__title {
  font-size: max(5.8666666667vw, 22px);
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .intro__title {
    font-size: min(2.3426061493vw, 32px);
  }
}
[design=custom] .membership .intro__text {
  line-height: 2.3;
}
[design=custom] .membership .benefits__list {
  display: flex;
  gap: max(6.4vw, 24px);
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .benefits__list {
    flex-direction: row;
    gap: min(2.9282576867vw, 40px);
  }
}
[design=custom] .membership .benefits__item {
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .benefits__item {
    width: calc(33.33% - min(1.9521717911vw, 26.6666666667px));
  }
}
[design=custom] .membership .benefits__img {
  width: 100%;
  height: max(58.1333333333vw, 218px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .benefits__img {
    height: min(15.2269399707vw, 208px);
  }
}
[design=custom] .membership .benefits__details {
  padding: max(6.4vw, 24px);
  text-align: justify;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .benefits__details {
    padding: min(1.756954612vw, 24px);
  }
}
[design=custom] .membership .benefits__caption {
  margin-bottom: max(5.3333333333vw, 20px);
  font-size: max(4.2666666667vw, 16px);
  font-weight: 500;
  color: #54443F;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .benefits__caption {
    margin-bottom: min(1.4641288433vw, 20px);
    font-size: min(1.317715959vw, 18px);
  }
}
[design=custom] .membership .benefits__text {
  font-size: max(3.2vw, 12px);
  color: #4F4F4F;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .benefits__text {
    font-size: inherit;
  }
}
[design=custom] .membership .support {
  letter-spacing: 0.08em;
  gap: max(10.6666666667vw, 40px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .support {
    align-items: center;
    gap: min(5.8565153734vw, 80px);
  }
}
[design=custom] .membership .support__title {
  font-size: max(5.8666666667vw, 22px);
  font-weight: 500;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .support__title {
    font-size: min(2.3426061493vw, 32px);
    line-height: 1.9;
  }
}
[design=custom] .membership .support__details {
  display: flex;
  flex-direction: column;
  gap: 2em;
}
[design=custom] .membership .support__text {
  line-height: 2.3;
  text-align: justify;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .support__img {
    width: min(37.4816983895vw, 512px);
    order: 1;
  }
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .support__details {
    order: 0;
  }
}
[design=custom] .membership .membership {
  padding: max(8.5333333333vw, 32px) max(6.4vw, 24px);
  text-align: center;
  background-color: #F8F6F4;
  border: 1px solid #CAB8A7;
  flex-direction: column;
  gap: max(6.4vw, 24px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership {
    max-width: 1024px;
    padding: min(2.9282576867vw, 40px) min(5.8565153734vw, 80px);
    margin-inline: auto;
    gap: min(2.9282576867vw, 40px);
  }
}
[design=custom] .membership .membership__head {
  display: flex;
  flex-direction: column;
  gap: max(6.4vw, 24px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership__head {
    text-align: left;
    gap: min(1.756954612vw, 24px);
  }
}
[design=custom] .membership .membership__head-en {
  font-family: "Jost", sans-serif;
  font-optical-sizing: auto;
  font-style: normal;
  font-size: max(3.2vw, 12px);
  color: #9B8773;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership__head-en {
    font-size: min(0.878477306vw, 12px);
  }
}
[design=custom] .membership .membership__head-jp {
  font-size: max(4vw, 15px);
  font-weight: 500;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership__head-jp {
    font-size: min(1.4641288433vw, 20px);
  }
}
[design=custom] .membership .membership__img {
  height: max(40vw, 150px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership__img {
    height: min(26.3543191801vw, 360px);
  }
}
[design=custom] .membership .membership__text {
  color: #4F4F4F;
  line-height: 1.8;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership__text {
    font-size: min(1.0980966325vw, 15px);
  }
}
[design=custom] .membership .membership__btn {
  display: flex;
  font-size: max(3.4666666667vw, 13px);
  font-weight: 500;
  color: #54443F;
  background-color: transparent;
  border-radius: calc(infinity * 1px);
  border: 1px solid #54443F;
  align-items: center;
  justify-content: space-between;
  width: max(65.0666666667vw, 244px);
  padding: max(4vw, 15px) max(6.4vw, 24px);
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership__btn {
    font-size: min(1.0980966325vw, 15px);
  }
}
[design=custom] .membership .membership__btn::after {
  content: "B" !important;
  margin-block: auto;
  font-family: "kdr icon" !important;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .membership__btn {
    width: min(17.5695461201vw, 240px);
    padding: min(1.1713030747vw, 16px) min(1.756954612vw, 24px);
  }
}
[design=custom] .membership .more__list {
  display: flex;
  gap: max(10.6666666667vw, 40px);
  flex-direction: column;
  flex-wrap: wrap;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .more__list {
    flex-direction: row;
    gap: min(4.6852122987vw, 64px);
  }
}
[design=custom] .membership .more__item {
  background-color: #fff;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .more__item {
    width: calc(50% - min(2.3426061493vw, 32px));
  }
}
[design=custom] .membership .more__img {
  width: 100%;
  height: max(58.1333333333vw, 218px);
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .more__img {
    height: min(23.4260614934vw, 320px);
  }
}
[design=custom] .membership .more__details {
  padding: max(6.4vw, 24px) max(4.2666666667vw, 16px);
  text-align: justify;
  position: relative;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .more__details {
    padding: min(2.3426061493vw, 32px);
  }
}
[design=custom] .membership .more__details::after {
  content: "B" !important;
  margin-block: auto;
  font-family: "kdr icon" !important;
  display: flex;
  width: max(5.3333333333vw, 20px);
  height: max(5.3333333333vw, 20px);
  font-size: max(2.6666666667vw, 10px);
  font-weight: bold;
  color: #54443F;
  position: absolute;
  top: 0;
  right: max(4.2666666667vw, 16px);
  bottom: 0;
  border: 1px solid #54443F;
  border-radius: calc(infinity * 1px);
  align-items: center;
  justify-content: center;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .more__details::after {
    width: min(2.3426061493vw, 32px);
    height: min(2.3426061493vw, 32px);
    font-size: min(0.7320644217vw, 10px);
    right: min(2.3426061493vw, 32px);
  }
}
[design=custom] .membership .more__caption {
  font-size: max(4vw, 15px);
  color: #54443F;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .more__caption {
    font-size: min(1.317715959vw, 18px);
  }
}
[design=custom] .membership .more__text {
  font-size: max(3.2vw, 12px);
  color: #4F4F4F;
}
@media screen and (min-width: 769px) {
  [design=custom] .membership .more__text {
    font-size: inherit;
  }
}