.wellness {
  display: grid;
  gap: 6.4rem;
}
@media (720px <= width) {
  .wellness {
    margin-top: 20rem;
  }
}
@media (1024px <= width) {
  .wellness {
    grid-template-columns: auto 50rem auto;
    gap: 3.6rem;
  }
}
@media (1280px <= width) {
  .wellness {
    grid-template-columns: auto 76.2rem auto;
  }
}
.wellness__image01 {
  margin-right: 2rem;
}
.wellness__image01 img {
  width: 100%;
}
@media (1024px <= width) {
  .wellness__image01 {
    margin-right: auto;
  }
}
.wellness__image02 {
  margin-left: 2rem;
}
.wellness__image02 img {
  width: 100%;
}
@media (1024px <= width) {
  .wellness__image02 {
    margin-left: auto;
  }
}
.wellness__textbox {
  margin-left: 2rem;
  margin-right: 2rem;
}
@media (1024px <= width) {
  .wellness__textbox {
    margin: 0;
    align-self: center;
  }
}
.wellness__textbox .logo {
  margin-left: 0.8rem;
  margin-right: 0.8rem;
  text-align: center;
}
@media (720px <= width) {
  .wellness__textbox .logo {
    margin: 0 auto;
  }
}
.wellness__textbox .label {
  margin-top: 1.6rem;
  padding-bottom: 1.8rem;
  font-size: 2.2rem;
  font-weight: 700;
  line-height: 140%;
  color: #e3007f;
  text-align: center;
  position: relative;
}
.wellness__textbox .label span {
  font-size: 2.6rem;
}
@media (1024px <= width) {
  .wellness__textbox .label {
    margin-top: 2.4rem;
    font-size: 4rem;
  }
  .wellness__textbox .label span {
    font-size: 5rem;
  }
}
@media (1280px <= width) {
  .wellness__textbox .label {
    font-size: 4.6rem;
  }
  .wellness__textbox .label span {
    font-size: 5.4rem;
  }
  .wellness__textbox .label br {
    display: none;
  }
}
.wellness__textbox .label::after {
  content: "";
  width: 10rem;
  height: 0.25rem;
  background-color: #e3007f;
  position: absolute;
  bottom: 0;
  left: calc(50% - 5rem);
}
@media (1024px <= width) {
  .wellness__textbox .label::after {
    width: 16rem;
    left: calc(50% - 8rem);
  }
}
.wellness__textbox .text {
  margin-top: 4rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 160%;
}
@media (720px <= width) {
  .wellness__textbox .text {
    margin-top: 8rem;
    text-align: center;
  }
}
@media (1280px <= width) {
  .wellness__textbox .text {
    font-size: 2.2rem;
  }
}

.columns {
  margin-top: 12rem;
  display: grid;
  gap: 4rem;
}
@media (720px <= width) {
  .columns {
    gap: 3.7rem;
    margin-top: 20.4rem;
  }
}
@media (1280px <= width) {
  .columns {
    grid-template-columns: repeat(2, 1fr);
  }
}

.practice,
.relax {
  padding: 5rem 2rem 2rem;
}
@media (720px <= width) {
  .practice,
  .relax {
    padding: 11rem 4rem 4rem;
  }
}
.practice:is(.practice),
.relax:is(.practice) {
  background: #b8e2ff;
  border-radius: 0 6.6rem 0 0;
}
@media (720px <= width) {
  .practice:is(.practice),
  .relax:is(.practice) {
    border-radius: 0 20rem 2.4rem 0;
    padding-left: 4rem;
  }
}
@media (1450px <= width) {
  .practice:is(.practice),
  .relax:is(.practice) {
    padding-left: max(100% - 85rem, 4rem);
  }
}
.practice:is(.relax),
.relax:is(.relax) {
  background: #d7d7ff;
  border-radius: 6.6rem 0 0 0;
  padding: 2rem;
}
@media (720px <= width) {
  .practice:is(.relax),
  .relax:is(.relax) {
    border-radius: 20rem 0 0 2.4rem;
    padding: 6rem 4rem 4rem;
    padding-right: 4rem;
  }
}
@media (1450px <= width) {
  .practice:is(.relax),
  .relax:is(.relax) {
    padding-right: max(100% - 85rem, 4rem);
  }
}
.practice__header,
.relax__header {
  display: grid;
}
:is(.practice) .practice__header,
:is(.practice) .relax__header {
  grid-template-columns: auto 23.274rem;
}
@media (720px <= width) {
  :is(.practice) .practice__header,
  :is(.practice) .relax__header {
    grid-template-columns: auto 53.75rem;
  }
}
:is(.relax) .practice__header,
:is(.relax) .relax__header {
  margin-left: 2.5rem;
  grid-template-columns: 12rem auto;
}
@media (720px <= width) {
  :is(.relax) .practice__header,
  :is(.relax) .relax__header {
    margin-left: 10rem;
    grid-template-columns: 27.3rem auto;
  }
}
.practice__header .label,
.relax__header .label {
  text-align: center;
}
:is(.relax) .practice__header .label,
:is(.relax) .relax__header .label {
  order: 2;
}
.practice__header .label .ja,
.relax__header .label .ja {
  font-size: 2.6rem;
  font-weight: 700;
  line-height: 100%;
}
@media (720px <= width) {
  .practice__header .label .ja,
  .relax__header .label .ja {
    font-size: 4.6rem;
  }
}
.practice__header .label .en,
.relax__header .label .en {
  margin-top: 0.4rem;
  font-size: 1.8rem;
  font-family: var(--ff-damion);
  color: var(--clr-main);
  line-height: 138.8889%;
}
@media (720px <= width) {
  .practice__header .label .en,
  .relax__header .label .en {
    font-size: 3.2rem;
  }
}
.practice__header .img,
.relax__header .img {
  margin-top: -7rem;
}
@media (720px <= width) {
  .practice__header .img,
  .relax__header .img {
    margin-top: -15rem;
  }
}
:is(.relax) .practice__header .img,
:is(.relax) .relax__header .img {
  order: 1;
  margin-top: -4rem;
}
@media (720px <= width) {
  :is(.relax) .practice__header .img,
  :is(.relax) .relax__header .img {
    margin-top: -10.2rem;
  }
}
.practice__body,
.relax__body {
  background-color: #fff;
  border-radius: 1rem;
  margin-top: -8.6rem;
  position: relative;
  padding: 1.6rem 1.6rem 3.6rem;
}
@media (720px <= width) {
  .practice__body,
  .relax__body {
    margin-top: -20.637rem;
    padding: 5.6rem;
  }
}
:is(.relax) .practice__body,
:is(.relax) .relax__body {
  margin-top: 0;
}
.practice__body .lead,
.relax__body .lead {
  font-size: 1.6rem;
  font-weight: 700;
  color: var(--clr-main);
  line-height: 160%;
}
@media (720px <= width) {
  .practice__body .lead,
  .relax__body .lead {
    font-size: 2rem;
  }
  .practice__body .lead br,
  .relax__body .lead br {
    display: none;
  }
}
.practice__body .text,
.relax__body .text {
  font-size: 1.6rem;
  line-height: 160%;
}
@media (720px <= width) {
  .practice__body .text,
  .relax__body .text {
    font-size: 2rem;
  }
}
.practice__body .items,
.relax__body .items {
  margin-top: 2.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 2.4rem 1.7rem;
  justify-content: center;
}
@media (720px <= width) {
  .practice__body .items,
  .relax__body .items {
    margin-top: 5.6rem;
    gap: 4rem;
  }
}
.practice__body .item,
.relax__body .item {
  text-align: center;
}
:is(.relax) .practice__body .item:first-child,
:is(.relax) .relax__body .item:first-child {
  grid-column: span 2;
}
:is(.relax) .practice__body .item:first-child img,
:is(.relax) .relax__body .item:first-child img {
  width: calc(50% - 0.85rem);
}
@media (720px <= width) {
  :is(.relax) .practice__body .item:first-child img,
  :is(.relax) .relax__body .item:first-child img {
    width: calc(50% - 2rem);
  }
}
.practice__body .item figcaption,
.relax__body .item figcaption {
  margin-top: 0.8rem;
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 110%;
}
@media (720px <= width) {
  .practice__body .item figcaption,
  .relax__body .item figcaption {
    margin-top: 1.6rem;
    font-size: 2.4rem;
    line-height: 1.6667;
  }
}

.problem {
  margin-top: 10rem;
  background: #636363 url(../images/wellness/problem_bg_sp.webp) center top/100% auto no-repeat;
  padding: 4rem 2rem;
  position: relative;
  margin-bottom: 4.7rem;
}
@media (720px <= width) {
  .problem {
    margin-top: 15rem;
    padding: 16rem 0 15rem;
    margin-bottom: 7.9rem;
    background-image: url(../images/wellness/problem_bg.webp);
    background-image: -webkit-image-set(url(../images/wellness/problem_bg.webp) 1x, url(../images/wellness/problem_bg@2x.webp) 2x);
    background-image: image-set(url(../images/wellness/problem_bg.webp) 1x, url(../images/wellness/problem_bg@2x.webp) 2x);
  }
}
.problem::after {
  content: "";
  background: url('data:image/svg+xml;charset=utf8, <svg width="160" height="65" viewBox="0 0 160 65" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M85.1817 63.246C81.8494 65.3816 77.5788 65.3816 74.2465 63.246L4.68201 18.665C-3.83931 13.2041 0.0286026 -2.18262e-06 10.1496 -1.2998e-06L149.279 1.08359e-05C159.4 1.17187e-05 163.268 13.2041 154.746 18.665L85.1817 63.246Z" fill="%23636363"/></svg>') center/contain no-repeat;
  width: 24.054rem;
  aspect-ratio: 240.54/89;
  position: absolute;
  left: 50%;
  bottom: 0;
  z-index: -1;
  transform: translate(-50%, 4.7rem);
}
@media (720px <= width) {
  .problem::after {
    width: 40rem;
    transform: translate(-50%, 7.9rem);
  }
}
.problem__lead {
  color: #fff;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 153.9286%;
  padding-bottom: 4.5rem;
  background: url('data:image/svg+xml;charset=utf8, <svg width="337" height="23" viewBox="0 0 337 23" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0.953125 0.950195H175.853" stroke="white" stroke-width="1.9" stroke-linecap="round"/><path d="M167.617 21.8507L192.317 1.58398H335.95" stroke="white" stroke-width="1.9" stroke-linecap="round"/></svg>') center bottom/100% auto no-repeat;
}
.problem__lead span {
  font-size: 3.2rem;
}
@media (720px <= width) {
  .problem__lead {
    font-size: 3rem;
    margin-left: 6rem;
    margin-right: 6rem;
    padding-bottom: 5.7rem;
    background-image: url('data:image/svg+xml;charset=utf8, <svg width="858" height="36" viewBox="0 0 858 36" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1.5 1.5H439.5" stroke="white" stroke-width="3" stroke-linecap="round"/><path d="M426.5 34.5L465.5 2.5H856" stroke="white" stroke-width="3" stroke-linecap="round"/></svg>');
    background-size: 85.45rem auto;
  }
  .problem__lead span {
    font-size: 4.2rem;
  }
  .problem__lead br {
    display: none;
  }
}
@media (1024px <= width) {
  .problem__lead {
    font-size: 4.6rem;
  }
  .problem__lead span {
    font-size: 5.2rem;
  }
}
.problem .items {
  margin-top: 4rem;
  display: grid;
  gap: 2.4rem;
  text-align: center;
}
@media (720px <= width) {
  .problem .items {
    margin-top: 8rem;
    margin-left: max(50% - 85rem, 6rem);
    margin-right: max(50% - 85rem, 6rem);
    grid-template-columns: repeat(3, 1fr);
    gap: 3.3rem;
  }
}

.solution {
  padding-top: 10rem;
}
@media (720px <= width) {
  .solution {
    padding-top: 16rem;
  }
}
.solution__header {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 1.365;
  text-align: center;
  margin-left: 2rem;
  margin-right: 2rem;
  background: url('data:image/svg+xml;charset=utf8, <svg width="14" height="117" viewBox="0 0 14 117" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M13.8525 -0.802734V0.802734H1.60547V115.037H13.8525V116.644H0V-0.802734H13.8525Z" fill="%23E3007F"/></svg>') left center/contain no-repeat, url('data:image/svg+xml;charset=utf8, <svg width="14" height="117" viewBox="0 0 14 117" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M-0.000976562 -0.802734V0.802734H12.2461V115.037H-0.000976562V116.644H13.8516V-0.802734H-0.000976562Z" fill="%23E3007F"/></svg>') right center/contain no-repeat;
}
.solution__header span:not(.pink) {
  font-size: 2rem;
}
.solution__header span.pink {
  font-size: 3.8rem;
  color: #e3007f;
}
.solution__header span.rotate15 {
  font-size: 3.8rem;
  transform: rotate(15deg);
  display: inline-block;
}
.solution__header img {
  width: 22rem;
  margin-bottom: 0.5rem;
}
@media (720px <= width) {
  .solution__header {
    font-size: 3.6rem;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
    width: calc(100% - 4rem);
  }
  .solution__header span:not(.pink) {
    font-size: 4.2rem;
  }
  .solution__header span.pink {
    font-size: 8rem;
  }
  .solution__header span.rotate15 {
    font-size: 8rem;
  }
  .solution__header img {
    width: 52rem;
    margin-bottom: 0.5rem;
    margin-right: 2.4rem;
  }
}
@media (1024px <= width) {
  .solution__header {
    padding-left: 11.425rem;
    padding-right: 11.425rem;
    max-width: 85.5rem;
  }
  .solution__header span.pink {
    font-size: 9.4rem;
  }
  .solution__header span.rotate15 {
    font-size: 9.4rem;
  }
}
.solution__body {
  margin-top: 3.9rem;
  display: grid;
  gap: 4rem;
}
@media (720px <= width) {
  .solution__body {
    margin-top: 12rem;
    gap: 12rem;
  }
}
.solution__item {
  position: relative;
}
@media (1280px <= width) {
  .solution__item {
    min-height: 56.8rem;
  }
}
@media (720px <= width) {
  .solution__item .img {
    width: -moz-fit-content;
    width: fit-content;
  }
}
@media (1280px <= width) {
  .solution__item .img {
    max-width: 107rem;
    width: 55.7291666667vw;
    position: absolute;
    top: 0;
  }
}
.solution__item:nth-child(odd) .img {
  margin-right: 2rem;
}
@media (1280px <= width) {
  .solution__item:nth-child(odd) .img {
    margin-right: 0;
    right: calc(50% - 11rem);
  }
}
.solution__item:nth-child(even) .img {
  margin-left: 2rem;
}
@media (720px <= width) {
  .solution__item:nth-child(even) .img {
    margin-left: auto;
  }
}
@media (1280px <= width) {
  .solution__item:nth-child(even) .img {
    margin-left: 0;
    left: calc(50% - 11rem);
  }
}
.solution__item .textbox {
  margin-top: 2.4rem;
  margin-left: 2rem;
  margin-right: 2rem;
  font-size: 1.6rem;
}
@media (1280px <= width) {
  .solution__item .textbox {
    margin-top: 17.4rem;
    margin-left: 8rem;
    margin-right: 8rem;
    font-size: 2rem;
  }
}
@media (1280px <= width) {
  .solution__item:nth-child(even) .textbox {
    margin-left: max(50% - 85rem, 8rem);
    margin-right: max(50% + 19rem, 8rem);
  }
  .solution__item:nth-child(odd) .textbox {
    margin-left: max(50% + 19rem, 8rem);
    margin-right: max(50% - 85rem, 8rem);
  }
  .solution__item:nth-child(odd) .lead {
    margin-left: -15.3rem;
  }
  .solution__item:nth-child(even) .lead {
    margin-right: -15.3rem;
    margin-left: auto;
    width: -moz-fit-content;
    width: fit-content;
  }
}
.solution__item .lead {
  font-size: 2rem;
  font-weight: 700;
  line-height: 160%;
  color: #000042;
}
.solution__item .lead span {
  background: #ffe800;
  padding: 0 0.5rem;
}
@media (720px <= width) {
  .solution__item .lead {
    font-size: 3.6rem;
    position: relative;
  }
}
.solution__item .text {
  margin-top: 2rem;
  line-height: 160%;
}
@media (720px <= width) {
  .solution__item .text {
    font-size: 2rem;
  }
}
.solution__links {
  margin-top: 2.4rem;
  margin-left: 2rem;
  margin-right: 2rem;
  display: grid;
  gap: 1rem;
}
@media (720px <= width) {
  .solution__links {
    margin-top: 10rem;
    margin-left: max(50% - 85rem, 6rem);
    margin-right: max(50% - 85rem, 6rem);
    grid-template-columns: repeat(2, 1fr);
    gap: 2rem;
  }
}
@media (1280px <= width) {
  .solution__links {
    grid-template-columns: repeat(5, 1fr);
    gap: 4rem;
  }
}
.solution__link {
  background: var(--clr-bg);
  color: var(--clr-main);
  font-size: 2rem;
  font-weight: 700;
  display: grid;
  grid-template-columns: auto 4rem;
  align-items: center;
  padding: 2rem;
}
@media (720px <= width) {
  .solution__link {
    grid-template-columns: auto 7rem;
    padding: 3rem 2rem;
    line-height: 3.6rem;
  }
}
.solution__link i {
  background: url('data:image/svg+xml;charset=utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="20" fill="white"/><path d="M21.6667 15L26 20L21.6667 25M25.5185 20H13" stroke="%23009BFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  width: 4rem;
  aspect-ratio: 1;
}
@media (720px <= width) {
  .solution__link i {
    width: 5rem;
  }
}

.link-group {
  display: grid;
  gap: 1rem;
  margin-top: 2.4rem;
  margin-left: 2rem;
  margin-right: 2rem;
}
@media (720px <= width) {
  .link-group {
    margin-top: 10rem;
    margin-left: max(50% - 85rem, 6rem);
    margin-right: max(50% - 85rem, 6rem);
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
  }
}
@media (1280px <= width) {
  .link-group {
    grid-template-columns: repeat(5, 1fr);
  }
}
.link-group a {
  display: block;
  background: var(--clr-bg);
  color: var(--clr-main);
  font-size: 2rem;
  font-weight: 700;
  line-height: 1;
  padding: 4rem 2rem;
  position: relative;
}
@media (720px <= width) {
  .link-group a {
    display: grid;
    align-items: center;
    padding: 3rem 2rem;
    padding-right: 8rem;
    min-height: 20rem;
    line-height: 1.2414;
  }
}
@media (1024px <= width) {
  .link-group a {
    padding: 4rem 8rem 4rem 4rem;
    font-size: 2.9rem;
  }
}
@media (hover: hover) and (width >= 720px) {
  .link-group a {
    transition: all var(--speed) ease-in-out;
  }
  .link-group a:hover {
    opacity: 0.7;
  }
}
.link-group a::after {
  content: "";
  width: 4rem;
  aspect-ratio: 1;
  background: url('data:image/svg+xml;charset=utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="20" fill="white"/><path d="M21.0117 14.2442C21.4289 13.8827 22.0601 13.9278 22.4219 14.3448L26.7559 19.3448C27.0816 19.7206 27.0816 20.2794 26.7559 20.6553L22.4219 25.6553C22.0601 26.0722 21.4289 26.1174 21.0117 25.7559C20.5944 25.3942 20.5494 24.7621 20.9111 24.3448L23.8096 21H13C12.4477 21 12 20.5523 12 20C12 19.4478 12.4477 19 13 19H23.8096L20.9111 15.6553C20.5494 15.238 20.5944 14.6059 21.0117 14.2442Z" fill="%23009BFF"/></svg>') center/contain no-repeat;
  position: absolute;
  right: 2rem;
  top: 50%;
  transform: translateY(-50%);
}
@media (720px <= width) {
  .link-group a::after {
    background-image: url('data:image/svg+xml;charset=utf8, <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="35" cy="35" r="35" fill="white"/><path d="M37.0715 28.7773L42.7752 34.9996L37.0715 41.2218M42.1414 34.9996H25.6641" stroke="%23009BFF" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}
@media (1024px <= width) {
  .link-group a::after {
    width: 5rem;
  }
}
.link-group a.current {
  background-color: var(--clr-main);
  color: #fff;
}
.link-group a.current::after {
  background-image: url('data:image/svg+xml;charset=utf8, <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="20" cy="20" r="20" fill="white"/><path d="M15 17.3333L20 13L25 17.3333M20 13.4815L20 26" stroke="%23009BFF" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>');
}
@media (720px <= width) {
  .link-group a.current::after {
    background-image: url('data:image/svg+xml;charset=utf8, <svg width="70" height="70" viewBox="0 0 70 70" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="35" cy="35" r="35" fill="white"/><path d="M28 32.1473L34.2222 26.4436L40.4444 32.1473M34.2222 27.0773V43.5547" stroke="%23009BFF" stroke-width="2.33333" stroke-linecap="round" stroke-linejoin="round"/></svg>');
  }
}

.backlink {
  margin-top: 10rem;
  margin-left: 2rem;
  margin-right: 2rem;
  border-top: 1px solid var(--clr-line);
  padding-top: 4rem;
  text-align: center;
}
@media (720px <= width) {
  .backlink {
    margin-top: 12rem;
    margin-left: max(50% - 85rem, 6rem);
    margin-right: max(50% - 85rem, 6rem);
    padding-top: 6rem;
  }
}
.backlink a {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  color: var(--clr-main);
  font-size: 1.6rem;
  font-weight: 700;
  text-decoration: underline;
}
@media (hover: hover) and (width >= 720px) {
  .backlink a {
    transition: all var(--speed) ease-in-out;
  }
  .backlink a:hover {
    text-decoration: none;
  }
}

.point {
  margin-top: 10rem;
  margin-bottom: 10rem;
  background: linear-gradient(90deg, #d7d7ff 0.96%, #b6e3ff 99.06%);
  border-radius: 4rem 0px;
}
@media (1024px <= width) {
  .point {
    margin-top: 22rem;
    margin-bottom: 20rem;
    padding-bottom: 0.1rem;
  }
}
.point__header {
  position: relative;
  z-index: 3;
}
@media (1024px <= width) {
  .point__header {
    margin-left: 8.8rem;
    transform: translateY(-17.6rem);
    margin-bottom: -17.6rem;
  }
}
.point__body {
  margin-top: -6rem;
}
@media (1024px <= width) {
  .point__body {
    margin-top: -25rem;
  }
}
.point .item {
  position: relative;
  padding: 5rem 2rem;
}
.point .item:nth-child(odd)::before {
  content: "";
  width: 100%;
  height: 100%;
  background: #3bb2fc;
  opacity: 0.2;
  position: absolute;
  left: 0;
  top: 50%;
  pointer-events: none;
}
.point .item:nth-child(4n+1)::before {
  transform: skewY(-7deg) translateY(-50%);
}
@media (1024px <= width) {
  .point .item:nth-child(4n+1)::before {
    transform: skewY(-10deg) translateY(-50%);
  }
}
.point .item:nth-child(4n+3)::before {
  transform: skewY(7deg) translateY(-50%);
}
@media (1024px <= width) {
  .point .item:nth-child(4n+3)::before {
    transform: skewY(10deg) translateY(-50%);
  }
}
@media (1024px <= width) {
  .point .item {
    min-height: 52rem;
    margin: 12rem 0;
    padding: 0 max(50% - 85rem, 6rem);
  }
  .point .item .item__header,
  .point .item .item__body {
    width: 49.4791666667%;
    max-width: 75rem;
  }
  .point .item:nth-child(odd) .img {
    right: max(50% - 85rem, 6rem);
  }
  .point .item:nth-child(even) .item__header,
  .point .item:nth-child(even) .item__body {
    margin-left: auto;
  }
  .point .item:nth-child(even) .img {
    left: max(50% - 85rem, 6rem);
  }
  .point .item:nth-child(2)::after {
    margin-top: 5.4rem;
    content: "";
    width: 27.8125vw;
    max-width: 53.4rem;
    aspect-ratio: 534/545;
    background: url(../images/wellness/point_img02a.webp) center/contain no-repeat;
    position: absolute;
    right: max(15%, 50% - 65rem);
  }
}
.point .item__header {
  display: flex;
  align-items: center;
  gap: 2.6rem;
  position: relative;
}
@media (1024px <= width) {
  .point .item__header {
    gap: 6rem;
  }
}
.point .item__header .num {
  display: grid;
  justify-content: center;
  text-align: center;
}
.point .item__header .num span:nth-child(1) {
  color: var(--clr-main);
  font-size: 2.6rem;
  font-family: var(--ff-damion);
  line-height: 1;
}
@media (720px <= width) {
  .point .item__header .num span:nth-child(1) {
    font-size: 5rem;
  }
}
.point .item__header .num span:nth-child(2) {
  color: #000042;
  font-size: 5.2rem;
  font-weight: 700;
  font-style: italic;
  line-height: 1;
}
@media (1024px <= width) {
  .point .item__header .num span:nth-child(2) {
    font-size: 10rem;
  }
}
.point .item__header .label {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 160%;
  color: #000042;
}
@media (1024px <= width) {
  .point .item__header .label {
    font-size: 3.2rem;
  }
}
@media (1280px <= width) {
  .point .item__header .label {
    font-size: 4.6rem;
  }
}
.point .item__body {
  margin-top: 2.4rem;
}
@media (1024px <= width) {
  .point .item__body {
    margin-top: 6.4rem;
  }
}
.point .item__body .text {
  font-size: 1.6rem;
  line-height: 160%;
  position: relative;
}
@media (1024px <= width) {
  .point .item__body .text {
    font-size: 2rem;
  }
}
.point .item__body a {
  text-decoration: underline;
}
@media (hover: hover) and (width >= 720px) {
  .point .item__body a {
    transition: all var(--speed) ease-in-out;
  }
  .point .item__body a:hover {
    text-decoration: none;
  }
}
.point .item__body p + p {
  margin-top: 0;
}
.point .item__body .coution {
  color: var(--clr-pink);
}
.point .item__body .img {
  margin-top: 2.4rem;
  position: relative;
}
@media (1024px <= width) {
  .point .item__body .img {
    position: absolute;
    margin-top: 0;
    top: 0;
    width: 41.6666666667%;
    max-width: 85rem;
  }
  .point .item__body .img img {
    width: 100%;
  }
}
.point__links {
  margin-top: 2.4rem;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5rem;
}
@media (720px <= width) {
  .point__links {
    gap: 2.4rem;
  }
}
.point__link {
  background-color: #fff;
  padding: 0 1.5rem;
  height: 4rem;
  border-radius: 100rem;
  border: 1px solid #ccc;
  font-size: 1.4rem;
  font-weight: 700;
  line-height: 1.2;
  color: var(--clr-main);
  text-decoration: none !important;
  display: grid;
  grid-template-columns: auto 2rem;
  align-items: center;
  gap: 1rem;
}
@media (720px <= width) {
  .point__link {
    height: auto;
    grid-template-columns: auto 2.4rem;
    padding: 1.4rem 2rem;
    font-size: 2rem;
    line-height: 1;
  }
}
@media (hover: hover) and (width >= 720px) {
  .point__link {
    transition: all var(--speed) ease-in-out;
  }
  .point__link:hover {
    opacity: 0.7;
  }
}
.point__link span {
  text-align: center;
}
@media (width < 720px) {
  .point__link:last-child {
    font-size: 1.2rem;
  }
}
.point__link i {
  background: url('data:image/svg+xml;charset=utf8, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><circle cx="10" cy="10" r="10" fill="%23009BFF"/><path d="M11.0909 7L14 10L11.0909 13M13.6768 10L6 10" stroke="white" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/></svg>') center/contain no-repeat;
  aspect-ratio: 1;
}