/*===============
pagetitle*/
.pagetitle_wrap::after {
  background: url(../img/point_img/title_bg.jpg) center center no-repeat;
  background-size: cover;
}

/*title*/
.title04 {
  font-weight: 900;
  position: relative;
  z-index: 2;
  font-size: clamp(2.2rem, 2.64vw, 3.6rem);
  line-height: 1.2;
  -webkit-margin-after: 1.2em;
          margin-block-end: 1.2em;
}
.title04::before {
  content: "";
  background: url(../img/common_img/logo_marck.svg) center center no-repeat;
  background-size: cover;
  aspect-ratio: 83/70;
  display: block;
  position: absolute;
  inline-size: clamp(80px, 8.78vw, 120px);
  -webkit-transform: translateY(-0.5em);
          transform: translateY(-0.5em);
  block-size: auto;
  z-index: -1;
  inset: 0;
  margin: auto;
}
.title04 strong {
  font-size: 1.2em;
}

/**/
.first_sen {
  font-weight: 700;
  font-size: clamp(1.8rem, 1.76vw, 2.4rem);
  -webkit-margin-after: 32px;
          margin-block-end: 32px;
}
.first_sen span {
  color: #9c1919;
}

.li_voice_wrap {
  border: 8px solid #2b2973;
  -webkit-border-after: none;
          border-block-end: none;
}
.li_voice_wrap [class^=ly_] {
  padding: clamp(16px, 2.93vw, 40px);
}
.li_voice_wrap + * {
  -webkit-margin-before: 60px;
          margin-block-start: 60px;
}
@media print, screen and (min-width: 768px) {
  .li_voice_wrap [class^=ly_] {
    align-items: center;
  }
}

.point_img01 img {
  max-inline-size: 100%;
  block-size: auto;
}

.li_voice {
  text-align: start;
  -webkit-padding-after: 2em;
          padding-block-end: 2em;
  position: relative;
}
.li_voice::after {
  content: "...etc";
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  color: #2b2973;
  opacity: 0.4;
  position: absolute;
  inset: auto 0 0 auto;
  font-size: 2em;
}
.li_voice li {
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  -webkit-padding-start: 1.5em;
          padding-inline-start: 1.5em;
  -webkit-padding-before: 0.2em;
          padding-block-start: 0.2em;
  font-size: clamp(1.6rem, 1.32vw, 1.8rem);
}
.li_voice li::before {
  font-family: remixicon !important;
  font-style: normal;
  content: "\eb80";
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  font-size: 1.2em;
  color: #9c1919;
}
.li_voice li + li {
  -webkit-margin-before: 1em;
          margin-block-start: 1em;
}

.li_voice_tx {
  background: #2b2973;
  color: #fff;
  font-weight: 700;
  font-size: clamp(1.8rem, 1.76vw, 2.4rem);
  line-height: 1.4;
  padding: 16px;
}

/**/
.point_list_wrap {
  position: relative;
  z-index: 4;
  max-inline-size: 1000px;
  margin-inline: auto;
  -webkit-margin-after: 40px;
          margin-block-end: 40px;
}
@media print, screen and (min-width: 768px) {
  .point_list_wrap {
    aspect-ratio: 1/1;
    inline-size: 100%;
  }
  .point_list_wrap::before {
    content: "";
    display: block;
    inline-size: 72%;
    block-size: 72%;
    -webkit-clip-path: polygon(50% 0%, 0 80%, 100% 80%);
            clip-path: polygon(50% 0%, 0 80%, 100% 80%);
    background: #f3e43d;
    position: absolute;
    inset: 0;
    margin: auto;
    z-index: -1;
    -webkit-transform: rotate(20deg);
            transform: rotate(20deg);
  }
}
.point_list_wrap .point_list_main_ti {
  font-size: clamp(2.2rem, 2.93vw, 4rem);
  font-weight: 900;
  text-shadow: 2px 2px 0px #fff, -2px 2px 0px #fff, 2px -2px 0px #fff, -2px -2px 0px #fff, 2px 0px 0px #fff, 0px 2px 0px #fff, -2px 0px 0px #fff, 0px -2px 0px #fff;
}
.point_list_wrap .point_list_main_ti span {
  color: #9c1919;
}
@media print, screen and (min-width: 768px) {
  .point_list_wrap .point_list_main_ti {
    position: absolute;
    inset: 50% auto auto 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
}

.point_list [class^=point_list_item0] {
  -webkit-margin-after: 24px;
          margin-block-end: 24px;
}
.point_list [class^=point_list_item0] figure img {
  max-inline-size: 100%;
  block-size: auto;
}
.point_list [class^=point_list_item0] .point_list_ti {
  font-weight: 900;
  font-size: clamp(1.8rem, 1.76vw, 2.4rem);
  white-space: nowrap;
  margin-block: 0.5em;
  inline-size: -webkit-max-content;
  inline-size: max-content;
  margin-inline: auto;
  color: #2b2973;
  background: linear-gradient(transparent 60%, #ffff66 60%);
}
.point_list [class^=point_list_item0] > p {
  text-align: start;
  font-size: clamp(1.2rem, 1.02vw, 1.4rem);
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #2b2973;
  border-radius: 4px;
  padding: 0.5em 1em;
}
@media print, screen and (min-width: 768px) {
  .point_list [class^=point_list_item0] {
    inline-size: clamp(200px, 29.28vw, 400px);
    position: absolute;
  }
  .point_list [class^=point_list_item0] figure {
    inline-size: clamp(100px, 17.6vw, 240px);
    margin-inline: auto;
  }
  .point_list .point_list_item01 {
    inset: 0 0 auto 0;
    margin-inline: auto;
    -webkit-transform: translateX(20%);
            transform: translateX(20%);
  }
  .point_list .point_list_item02 {
    inset: 50% auto auto 0;
  }
  .point_list .point_list_item03 {
    inset: auto 0 0 auto;
  }
}

.li_step {
  counter-reset: number 0;
  display: flex;
  gap: 24px;
  flex-direction: column;
}
@media print, screen and (min-width: 768px) {
  .li_step {
    flex-direction: row;
  }
  .li_step > li {
    inline-size: calc(33.3333333333% - 16px);
  }
}
.li_step > li {
  border: 8px solid #2b2973;
  text-align: start;
}
.li_step > li .step_ti {
  color: #f3e43d;
  background: #2b2973;
  font-weight: 700;
  font-size: clamp(1.8rem, 1.76vw, 2.4rem);
  padding: 0.2em 1em 0.5em;
}
.li_step > li .step_ti::before {
  counter-increment: number 1;
  content: "Step." counter(number);
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  -webkit-margin-end: 0.5em;
          margin-inline-end: 0.5em;
  color: #fff;
  font-size: 0.8em;
}
.li_step > li > p {
  padding: 1em;
}