@media screen and (max-width: 767px) { .newmt .mt-15 { margin-top: 4vw; } }
@media screen and (max-width: 767px) { .newmt .mt-20 { margin-top: 5.3333333333vw; } }
@media screen and (max-width: 767px) { .newmt .mt-30 { margin-top: 8vw; } }
@media screen and (max-width: 767px) { .newmt .mt-40 { margin-top: 10.6666666667vw; } }

@media screen and (min-width: 768px) { .ta-c-pc { text-align: center; } }
@media screen and (max-width: 767px) { .ta-c-pc { text-align: left; } }

.p-text-line { font-weight: 300; line-height: 170%; /* 23.8px */ letter-spacing: 0.56px; }
@media screen and (min-width: 768px) { .p-text-line { font-size: 14px; } }
@media screen and (max-width: 767px) { .p-text-line { font-size: 3.2vw; } }

.line-intro { display: flex; justify-content: center; align-items: center; gap: 20px; width: fit-content; margin: 38px auto 20px; }
.line-intro img { width: 50px !important; }
.line-intro p { flex: 1; }

@media screen and (min-width: 768px) { .member-benefits.-secondary { margin-top: 50px; } }
@media screen and (max-width: 767px) { .member-benefits.-secondary { margin-top: 10.6666666667vw; } }

.member-registration { margin-top: 40px; }
@media screen and (min-width: 768px) { .member-registration-title { font-size: 16px; } }
@media screen and (max-width: 767px) { .member-registration-title { font-size: 4.2666666667vw; } }
@media screen and (min-width: 768px) { .member-registration-title + .p-text-line { text-align: center; } }
@media screen and (max-width: 767px) { .member-registration-title + .p-text-line { text-align: left; } }

.member-registration-btn { max-width: 300px; margin-inline: auto; }
.member-registration-btn a { transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1) 0s; }
.member-registration-btn a:hover { opacity: .5; }