.intro-wrap .ul-type-dot > li { line-height: 110%; }
.intro-circle { display: flex; flex-wrap: wrap; align-content: center; justify-content: center; align-items: center; width: 450px; margin: 0 auto; }
.intro-circle li { display: flex; align-items: center; justify-content: center; width: 175px; aspect-ratio: 1 / 1; background-color: #f7f2fb; border-radius: 50%; font-weight: 700; text-align: center; }
.intro-circle li:nth-child(1) { position: absolute; width: 225px; background-color: #5d00ae; font-size: 24px; color: #fff; }
.intro-circle li:nth-child(2), .intro-circle li:nth-child(3) { margin-bottom: 100px; }
.intro-circle li:nth-child(2), .intro-circle li:nth-child(4) { margin-right: 100px; }

html[lang="en"] .intro-circle li { font-size: 14px; }
html[lang="en"] .intro-circle li:nth-child(1) { font-size: 18px; }

@media screen and (min-width:1025px) {
  .intro-wrap { display: flex; flex-wrap: wrap; justify-content: space-between; }
  .intro-wrap div.con-box02 { flex: 0 0 calc(50% - 60px); padding-bottom: 0;}
}
@media screen and (max-width:500px) {
  .intro-circle { width: 350px; }
  .intro-circle li { width: 150px; }
  .intro-circle li:nth-child(1) { width: 175px; }
  .intro-circle li:nth-child(2), .intro-circle li:nth-child(3) { margin-bottom: 50px; }
  .intro-circle li:nth-child(2), .intro-circle li:nth-child(4) { margin-right: 50px; }
}