@charset "UTF-8";
/* /cafe/join/_join.scss
-------------------------------------------------- */
/* setting/_extend.scss
-------------------------------------------------- */
/* setting/_keyframe.scss
-------------------------------------------------- */
@keyframes logo-slider {
  0% {
    transform: translate(-33.33333%);
  }
  100% {
    transform: translate(-66.66666%);
  }
}
@keyframes arrow {
  0% {
    transform: translate3d(0, 0, 0);
  }
  49% {
    transform: translate3d(100%, 0, 0);
  }
  50% {
    transform: translate3d(100%, 0, 0);
    visibility: hidden;
  }
  51% {
    transform: translate3d(-100%, 0, 0);
    visibility: hidden;
  }
  52% {
    transform: translate3d(-100%, 0, 0);
    visibility: visible;
  }
  100% {
    transform: translate3d(0, 0, 0);
  }
}
@keyframes shapeBg {
  0% {
    transform: translate(-50%, -50%) scale(1);
  }
  25% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  50% {
    transform: translate(-50%, -50%) scale(1.1);
  }
  75% {
    transform: translate(-50%, -50%) scale(0.95);
  }
  100% {
    transform: translate(-50%, -50%) scale(1);
  }
}
@keyframes scaleIn {
  0% {
    transform: scale(1.075);
  }
  to {
    transform: scale(1);
  }
}
@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.join-terms__btn {
  position: relative;
  display: block;
  box-sizing: border-box;
  color: #fff;
  font-weight: 600;
  background-color: #022729;
}
.join-terms__btn span {
  display: block;
  text-align: center;
  border-right: 1px solid #809394;
}
.join-terms__btn i {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
}
.join-terms__btn i::after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  mask: url(../img/common/arrow.svg) center center no-repeat;
  mask-size: contain;
  background-color: #fff;
}
@media screen and (min-width: 769px), print {
  .join-terms__btn {
    padding: 1.1713030747vw 3.0014641288vw 1.1713030747vw 1.756954612vw;
    width: 22.6939970717vw;
    border-radius: 0.7320644217vw;
    border: 2px solid #022729;
    transition: background-color 0.2s linear, color 0.2s linear;
  }
  .join-terms__btn span {
    font-size: 0.878477306vw;
    line-height: 2.0833333333em;
    transition: border-right-color 0.2s linear;
  }
  .join-terms__btn:hover {
    background-color: #fff;
    color: #022729;
  }
  .join-terms__btn:hover span {
    border-right-color: #022729;
  }
  .join-terms__btn:hover i::after {
    animation: arrow 0.6s;
    background-color: #022729;
  }
  .join-terms__btn i {
    right: 1.2445095168vw;
    width: 0.7320644217vw;
    height: 0.6588579795vw;
  }
  .join-terms__btn i::after {
    transition: background-color 0.2s linear;
  }
}
@media screen and (max-width: 768px) {
  .join-terms__btn {
    padding: 3.2vw 10.6666666667vw 3.2vw 6.4vw;
    width: 76vw;
    border-radius: 3.2vw;
  }
  .join-terms__btn span {
    font-size: 3.2vw;
    line-height: 2.0833333333em;
  }
  .join-terms__btn i {
    right: 4.5333333333vw;
    width: 2.6666666667vw;
    height: 2.4vw;
  }
}

.join {
  counter-reset: info 0;
  list-style-type: none;
}
.join__box {
  background-color: #fff;
}
@media screen and (min-width: 769px), print {
  .join__wrap {
    padding: 0 4.6852122987vw 7.3206442167vw;
  }
  .join__box {
    margin-top: 1.756954612vw;
    padding: 5.8565153734vw 4.6852122987vw;
    border-radius: 1.1713030747vw;
  }
}
@media screen and (max-width: 768px) {
  .join {
    padding-top: 17.0666666667vw;
  }
  .join__wrap {
    padding: 0 0 21.3333333333vw;
  }
  .join__box {
    margin-top: 6.4vw;
    padding: 17.0666666667vw 6.6666666667vw;
    border-radius: 3.2vw;
  }
}

/* /cafe/join/_join-info.scss
-------------------------------------------------- */
.join-info__lead, .join-info__txt {
  margin-block: calc((1lh - 1em) / -2);
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}
.join-info__box {
  margin-inline: auto;
  box-sizing: border-box;
}
.join-info__question, .join-info__answer {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  text-align: center;
}
.join-info__question::before, .join-info__answer::before {
  position: absolute;
  font-family: "Satoshi", sans-serif;
  font-weight: 900;
  color: #fff;
  line-height: 1;
  background-color: #457366;
  border-radius: 99px;
}
.join-info__question {
  background-color: rgba(206, 237, 242, 0.5);
}
.join-info__question:before {
  counter-increment: info 1;
  content: "QUESTION 0" counter(info) "";
}
.join-info__question::after {
  content: "";
  position: absolute;
  top: 100%;
  background: url("../img/info/question.svg") no-repeat center center/contain;
  aspect-ratio: 15/12;
  translate: 0 -0.5px;
}
.join-info__answer {
  background-color: #FAF4E7;
}
.join-info__answer::before {
  content: "ANSWER";
}
.join-info__ttl {
  padding-block: 0;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  text-align: center;
  background: repeating-linear-gradient(90deg, #022729, #022729 2px, transparent 2px, transparent 5px) repeat-x left center/100% 1px;
}
.join-info__ttl span {
  padding-inline: 1em;
  background-color: #fff;
}
@media screen and (min-width: 769px), print {
  .join-info__lead, .join-info__txt {
    font-size: 1.1713030747vw;
    line-height: 1.875em;
  }
  .join-info__box {
    padding-top: 1.4641288433vw;
    padding-left: 1.4641288433vw;
    width: 36.6032210835vw;
  }
  .join-info__box:not(:first-child) {
    margin-top: 4.6852122987vw;
  }
  .join-info__box:not(:last-child) {
    margin-bottom: 2.9282576867vw;
  }
  .join-info__question, .join-info__answer {
    height: 3.8799414348vw;
    font-size: 1.317715959vw;
    border-radius: 0.7320644217vw;
  }
  .join-info__question::before, .join-info__answer::before {
    top: -1.4641288433vw;
    left: -1.4641288433vw;
    padding: 0.7320644217vw 1.4641288433vw;
    font-size: 1.0248901903vw;
  }
  .join-info__question {
    margin-bottom: 3.513909224vw;
  }
  .join-info__question::after {
    right: 4.39238653vw;
    width: 1.0980966325vw;
  }
  .join-info__ttl {
    margin-top: 4.6852122987vw;
    font-size: 1.4641288433vw;
  }
}
@media screen and (max-width: 768px) {
  .join-info__lead, .join-info__txt {
    font-size: 4vw;
    line-height: 1.7333333333em;
  }
  .join-info__box {
    padding-top: 4.2666666667vw;
    padding-left: 2.6666666667vw;
  }
  .join-info__box:not(:first-child) {
    margin-top: 10.6666666667vw;
  }
  .join-info__box:not(:last-child) {
    margin-bottom: 10.6666666667vw;
  }
  .join-info__question, .join-info__answer {
    padding: 6.4vw 3.4666666667vw 5.3333333333vw;
    font-size: 4vw;
    border-radius: 2.6666666667vw;
  }
  .join-info__question::before, .join-info__answer::before {
    top: -4.2666666667vw;
    left: -2.6666666667vw;
    padding: 2.6666666667vw 3.2vw;
    font-size: 3.7333333333vw;
  }
  .join-info__question {
    margin-bottom: 10.6666666667vw;
  }
  .join-info__question::after {
    right: 10.6666666667vw;
    width: 4vw;
  }
  .join-info__ttl {
    margin-top: 12.8vw;
    font-size: 4.8vw;
  }
}

/* /cafe/join/_join-flow.scss
-------------------------------------------------- */
.join-flow__list {
  counter-reset: flow 0;
  list-style-type: none;
}
.join-flow__item {
  position: relative;
  line-height: 1em;
}
.join-flow__item i {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  font-family: "Satoshi", sans-serif;
  font-style: normal;
  font-weight: 700;
  color: #fff;
  letter-spacing: 0.02em;
  background-color: #457366;
  z-index: 1;
  translate: -50% -50%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.join-flow__item i:before {
  counter-increment: flow 1;
  content: "0" counter(flow) "";
}
.join-flow__item i::after {
  content: "STEP";
  letter-spacing: 0.02em;
}
.join-flow__inner {
  height: 100%;
  text-align: center;
  box-sizing: border-box;
  overflow: hidden;
  background-color: #FAF4E7;
}
.join-flow__ph {
  width: 100%;
}
.join-flow__ttl {
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
}
.join-flow__lead {
  font-weight: 600;
  letter-spacing: 0;
}
.join-flow__txt {
  font-weight: 500;
  letter-spacing: 0;
  color: #457366;
}
@media screen and (min-width: 769px), print {
  .join-flow {
    padding-top: 5.8565153734vw;
    overflow: hidden;
    overflow-x: auto;
  }
  .join-flow__list {
    display: flex;
    gap: 2.3426061493vw;
    padding-bottom: 2.9282576867vw;
    width: 73.9385065886vw;
  }
  .join-flow__item {
    flex-shrink: 0;
    width: 23.0600292826vw;
  }
  .join-flow__item i {
    gap: 0.9516837482vw;
    width: 5.8565153734vw;
  }
  .join-flow__item i::before {
    font-size: 1.6837481698vw;
  }
  .join-flow__item i::after {
    font-size: 1.0980966325vw;
  }
  .join-flow__inner {
    padding-bottom: 2.9282576867vw;
    border-radius: 0.878477306vw;
  }
  .join-flow__fig {
    margin-bottom: 2.9282576867vw;
  }
  .join-flow__ttl {
    margin-bottom: 1.4641288433vw;
    font-size: 1.317715959vw;
  }
  .join-flow__lead {
    font-size: 1.0980966325vw;
    line-height: 1.4666666667em;
  }
  .join-flow__txt {
    margin-top: 1.1713030747vw;
    padding-inline: 1.756954612vw;
    font-size: 0.7320644217vw;
    line-height: 1.6em;
  }
}
@media screen and (max-width: 768px) {
  .join-flow {
    padding-top: 4.2666666667vw;
  }
  .join-flow__item {
    margin-top: 15.4666666667vw;
  }
  .join-flow__item i {
    gap: 1.8666666667vw;
    width: 18.1333333333vw;
  }
  .join-flow__item i::before {
    font-size: 5.0666666667vw;
  }
  .join-flow__item i::after {
    font-size: 3.4666666667vw;
  }
  .join-flow__inner {
    padding-bottom: 6.4vw;
    border-radius: 3.2vw;
  }
  .join-flow__fig {
    margin-bottom: 6.4vw;
  }
  .join-flow__ttl {
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .join-flow__lead {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
  .join-flow__txt {
    margin-top: 3.2vw;
    padding-inline: 6.4vw;
    font-size: 2.6666666667vw;
    line-height: 1.6em;
  }
}

/* /cafe/join/_join-attention.scss
-------------------------------------------------- */
.join-attention__ttl {
  margin-inline: auto;
  font-weight: 600;
  letter-spacing: 0;
  background-color: rgba(69, 115, 102, 0.3);
}
.join-attention__item, .join-attention__inner {
  display: flex;
}
.join-attention__inner {
  flex-direction: column;
}
.join-attention__caption, .join-attention__txt {
  margin-block: calc((1lh - 1em) / -2);
}
.join-attention__caption {
  font-weight: 700;
  letter-spacing: 0;
}
.join-attention__txt {
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 769px), print {
  .join-attention {
    margin-top: 4.6852122987vw;
    text-align: center;
  }
  .join-attention__ttl {
    padding: 1.4641288433vw 1.756954612vw;
    width: 52.1229868228vw;
    font-size: 1.1713030747vw;
    line-height: 1em;
    border-radius: 0.7320644217vw;
  }
  .join-attention__list {
    display: flex;
    justify-content: space-between;
    margin-top: 2.9282576867vw;
  }
  .join-attention__item, .join-attention__inner {
    gap: 1.756954612vw;
  }
  .join-attention__item {
    flex-direction: column;
    width: 17.1303074671vw;
  }
  .join-attention__icon {
    width: 8.78477306vw;
  }
  .join-attention__caption {
    font-size: 1.1713030747vw;
    line-height: 1.5em;
  }
  .join-attention__txt {
    font-size: 0.878477306vw;
    line-height: 1.3333333333em;
  }
}
@media screen and (max-width: 768px) {
  .join-attention {
    margin-top: 12.8vw;
  }
  .join-attention__ttl {
    padding: 3.2vw 5.3333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
    text-align: center;
    border-radius: 2.6666666667vw;
  }
  .join-attention__list {
    margin-top: 8.5333333333vw;
  }
  .join-attention__item {
    align-items: center;
    gap: 5.3333333333vw;
    margin-top: 5.3333333333vw;
  }
  .join-attention__icon {
    width: 32vw;
    border-radius: 2.1333333333vw;
  }
  .join-attention__inner {
    gap: 4.2666666667vw;
  }
  .join-attention__caption {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
  .join-attention__txt {
    font-size: 3.4666666667vw;
    line-height: 1.3846153846em;
  }
}

/* /cafe/join/_join-point.scss
-------------------------------------------------- */
.join-point__ttl {
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  text-align: center;
}
.join-point__txt {
  font-weight: 600;
  letter-spacing: 0;
  text-align: center;
}
.join-point__point {
  position: relative;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0;
  box-sizing: border-box;
  background-color: rgba(226, 245, 242, 0.5);
}
.join-point__caption {
  position: absolute;
  font-weight: 700;
  color: #fff;
  line-height: 1em;
  letter-spacing: 0;
  background-color: #0CA4BF;
  border-radius: 99px;
}
.join-point__list {
  margin-block: calc((1lh - 1em) / -2);
  font-weight: 500;
  letter-spacing: 0;
}
.join-point__item {
  padding-left: 1em;
  text-indent: -1em;
}
.join-point__item::before {
  content: "・";
}
.join-point__note {
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0;
}
@media screen and (min-width: 769px), print {
  .join-point {
    margin-top: 4.6852122987vw;
  }
  .join-point__ttl {
    font-size: 1.317715959vw;
  }
  .join-point__txt {
    margin-top: 2.3426061493vw;
    margin-bottom: 4.39238653vw;
    font-size: 1.1713030747vw;
    line-height: 1.875em;
  }
  .join-point__point {
    padding: 2.4890190337vw 1.756954612vw 1.756954612vw;
    margin-inline: auto;
    width: fit-content;
    font-size: 1.0980966325vw;
    border-radius: 0.7320644217vw;
  }
  .join-point__caption {
    top: -1.4641288433vw;
    left: -1.4641288433vw;
    padding: 0.878477306vw 1.4641288433vw;
    font-size: 1.0248901903vw;
  }
  .join-point__box {
    display: flex;
    align-items: center;
    gap: 6.149341142vw;
  }
  .join-point__ph {
    width: 19.9853587116vw;
    border-radius: 0.7320644217vw;
  }
  .join-point__inner {
    flex: 1;
    padding-top: 1.4641288433vw;
  }
  .join-point__inner > div {
    width: 100%;
  }
  .join-point__list {
    font-size: 1.0980966325vw;
    line-height: 1.4666666667em;
  }
  .join-point__note {
    margin-top: 1.4641288433vw;
    font-size: 0.7320644217vw;
  }
}
@media screen and (max-width: 768px) {
  .join-point {
    margin-top: 10.6666666667vw;
  }
  .join-point__ttl {
    font-size: 4.2666666667vw;
  }
  .join-point__txt {
    margin-top: 5.3333333333vw;
    margin-bottom: 14.9333333333vw;
    font-size: 4vw;
    line-height: 1.4666666667em;
  }
  .join-point__point {
    padding: 6.9333333333vw 4.2666666667vw 5.3333333333vw;
    margin-left: auto;
    width: calc(100% - 4.2666666667vw);
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
    border-radius: 2.6666666667vw;
  }
  .join-point__caption {
    top: -4.2666666667vw;
    left: -4.2666666667vw;
    padding: 2.6666666667vw 3.2vw;
    font-size: 3.7333333333vw;
  }
  .join-point__fig {
    padding-inline: 7.4666666667vw;
  }
  .join-point__ph {
    width: 100%;
    border-radius: 2.6666666667vw;
  }
  .join-point__inner {
    padding-top: 12.8vw;
  }
  .join-point__list {
    font-size: 4vw;
    line-height: 1.4666666667em;
  }
  .join-point__note {
    margin-top: 4.2666666667vw;
    font-size: 2.6666666667vw;
    line-height: 1.6em;
  }
}

/* /cafe/join/_join-eco.scss
-------------------------------------------------- */
.join-eco {
  background-color: rgba(250, 244, 231, 0.5);
}
.join-eco__ttl {
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  background: repeating-linear-gradient(90deg, #022729, #022729 2px, transparent 2px, transparent 5px) repeat-x left bottom/100% 1px;
}
.join-eco__txt {
  margin-block: calc((1lh - 1em) / -2);
  font-weight: 500;
  letter-spacing: 0;
}
@media screen and (min-width: 769px), print {
  .join-eco {
    display: flex;
    align-items: center;
    gap: 6.149341142vw;
    margin-top: 4.6852122987vw;
    padding: 3.513909224vw 3.513909224vw 3.513909224vw 7.6134699854vw;
    border-radius: 1.1713030747vw;
  }
  .join-eco__pic {
    width: 12.4450951684vw;
  }
  .join-eco__box {
    flex: 1;
  }
  .join-eco__ttl {
    padding-bottom: 2.3426061493vw;
    margin-bottom: 2.3426061493vw;
    font-size: 1.756954612vw;
  }
  .join-eco__txt {
    font-size: 1.0980966325vw;
    line-height: 1.4666666667em;
  }
}
@media screen and (max-width: 768px) {
  .join-eco {
    margin-top: 12.8vw;
    padding: 12.8vw 5.3333333333vw 8.5333333333vw;
    border-radius: 4.2666666667vw;
  }
  .join-eco__fig {
    text-align: center;
  }
  .join-eco__pic {
    width: 33.8666666667vw;
  }
  .join-eco__box {
    margin-top: 8.5333333333vw;
  }
  .join-eco__ttl {
    padding-bottom: 5.3333333333vw;
    margin-bottom: 6.4vw;
    font-size: 5.3333333333vw;
    line-height: 1.5em;
    text-align: center;
  }
  .join-eco__txt {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
}

/* /cafe/join/_join-flow2.scss
-------------------------------------------------- */
.join-flow2__list {
  counter-reset: flow2 0;
  list-style-type: none;
}
.join-flow2__item {
  position: relative;
  text-align: center;
  box-sizing: border-box;
  background-color: #FAF4E7;
  line-height: 1em;
}
.join-flow2__item i {
  position: absolute;
  top: 0;
  left: 50%;
  display: flex;
  flex-direction: column-reverse;
  align-items: center;
  justify-content: center;
  font-family: "Satoshi", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #fff;
  letter-spacing: 0.02em;
  background-color: #457366;
  z-index: 1;
  translate: -50% -50%;
  aspect-ratio: 1/1;
  border-radius: 50%;
}
.join-flow2__item i:before {
  counter-increment: flow2 1;
  content: "0" counter(flow2) "";
}
.join-flow2__item i::after {
  content: "STEP";
  letter-spacing: 0.02em;
}
.join-flow2__ttl {
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
}
.join-flow2__lead {
  font-weight: 600;
  letter-spacing: 0;
}
.join-flow2__txt {
  font-weight: 500;
  letter-spacing: 0;
  color: #457366;
}
.join-flow2__link {
  display: inline;
  color: #457366;
  text-decoration: underline;
}
@media (any-hover: hover) {
  .join-flow2__link:hover {
    text-decoration: none;
  }
}
@media screen and (min-width: 769px), print {
  .join-flow2 {
    padding-top: 5.8565153734vw;
  }
  .join-flow2__list {
    display: flex;
    justify-content: space-between;
  }
  .join-flow2__item {
    flex-shrink: 0;
    padding: 6.4421669107vw 1.756954612vw 3.513909224vw;
    width: 23.0600292826vw;
    border-radius: 0.878477306vw;
  }
  .join-flow2__item i {
    gap: 0.9516837482vw;
    width: 5.8565153734vw;
  }
  .join-flow2__item i::before {
    font-size: 1.6837481698vw;
  }
  .join-flow2__item i::after {
    font-size: 1.0980966325vw;
  }
  .join-flow2__ttl {
    margin-bottom: 2.635431918vw;
    font-size: 1.317715959vw;
  }
  .join-flow2__lead {
    font-size: 1.0980966325vw;
    line-height: 1.4666666667em;
  }
  .join-flow2__txt {
    margin-top: 1.1713030747vw;
    font-size: 0.7320644217vw;
    line-height: 1.6em;
  }
}
@media screen and (max-width: 768px) {
  .join-flow2 {
    margin-top: 19.7333333333vw;
  }
  .join-flow2__item {
    margin-top: 15.4666666667vw;
    padding: 15.4666666667vw 8vw 6.4vw;
    border-radius: 3.2vw;
  }
  .join-flow2__item i {
    gap: 1.8666666667vw;
    width: 18.1333333333vw;
  }
  .join-flow2__item i::before {
    font-size: 5.0666666667vw;
  }
  .join-flow2__item i::after {
    font-size: 3.4666666667vw;
  }
  .join-flow2__ttl {
    margin-bottom: 5.3333333333vw;
    font-size: 4.2666666667vw;
  }
  .join-flow2__lead {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
  .join-flow2__txt {
    margin-top: 3.2vw;
    padding-inline: 4.2666666667vw;
    font-size: 2.6666666667vw;
    line-height: 1.6em;
  }
}

/* /cafe/join/_join-terms.scss
-------------------------------------------------- */
.join-terms {
  background-color: rgba(69, 115, 102, 0.2);
}
.join-terms__ttl {
  text-align: center;
}
.join-terms__lead, .join-terms__notes {
  margin-block: calc((1lh - 1em) / -2);
}
.join-terms__ttl {
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
  background: repeating-linear-gradient(90deg, #022729, #022729 2px, transparent 2px, transparent 5px) repeat-x left bottom/100% 1px;
}
.join-terms__lead {
  font-weight: 500;
  letter-spacing: 0;
}
.join-terms__item {
  padding-left: 1.2em;
  text-indent: -1.2em;
  font-weight: 500;
  letter-spacing: 0;
}
.join-terms__item::before {
  content: "● ";
}
.join-terms__note {
  font-weight: 400;
  line-height: 1em;
  letter-spacing: 0;
}
.join-terms__btn i::after {
  mask: url("../../../img/common/arrow.svg") center center no-repeat;
}
@media screen and (min-width: 769px), print {
  .join-terms {
    margin-top: 4.6852122987vw;
    padding: 3.513909224vw;
    border-radius: 1.1713030747vw;
  }
  .join-terms__ttl {
    padding-bottom: 2.3426061493vw;
    margin-bottom: 2.3426061493vw;
    font-size: 1.756954612vw;
  }
  .join-terms__lead {
    font-size: 1.0980966325vw;
    line-height: 1.4666666667em;
    text-align: center;
  }
  .join-terms__list {
    margin: 2.0497803807vw auto 1.4641288433vw;
    width: fit-content;
  }
  .join-terms__item {
    font-size: 1.0980966325vw;
    line-height: 1.4666666667em;
  }
  .join-terms__note {
    font-size: 0.7320644217vw;
    text-align: center;
  }
  .join-terms__note:not(:first-of-type) {
    margin-top: 0.878477306vw;
  }
  .join-terms__box {
    display: flex;
    justify-content: center;
    gap: 2.3426061493vw;
    margin-top: 2.3426061493vw;
  }
}
@media screen and (max-width: 768px) {
  .join-terms {
    margin-top: 12.8vw;
    padding: 8.5333333333vw 5.3333333333vw;
    border-radius: 4.2666666667vw;
  }
  .join-terms__ttl {
    padding-bottom: 5.3333333333vw;
    margin-bottom: 6.4vw;
    font-size: 5.3333333333vw;
    line-height: 1.5em;
  }
  .join-terms__lead {
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
  .join-terms__list {
    margin-block: 8.5333333333vw 6.4vw;
  }
  .join-terms__item {
    margin-top: 2.1333333333vw;
    font-size: 3.7333333333vw;
    line-height: 1.4285714286em;
  }
  .join-terms__note {
    font-size: 2.6666666667vw;
    line-height: 1.6em;
  }
  .join-terms__note:not(:first-of-type) {
    margin-top: 1.0666666667vw;
  }
  .join-terms__box {
    margin-top: 8.5333333333vw;
  }
  .join-terms__btn {
    display: flex;
    align-items: center;
    margin-top: 4.2666666667vw;
    padding-block: 0;
    height: 13.0666666667vw;
  }
  .join-terms__btn span {
    width: 100%;
    line-height: 1.3333333333em;
  }
}