@charset "utf-8";
.ma-10 {
  margin-bottom: 10px;
}
.ma-20 {
  margin-bottom: 20px;
}
.ma-30 {
  margin-bottom: 30px;
}
.ma-40 {
  margin-bottom: 40px;
}
.ma-50 {
  margin-bottom: 50px;
}
.ma-60 {
  margin-bottom: 60px;
}
.ma-65 {
  margin-bottom: 65px;
}
.ma-70 {
  margin-bottom: 70px;
}
.ma-90 {
  margin-bottom: 90px;
}
.ma-100 {
  margin-bottom: 100px;
}
.ma-130 {
  margin-bottom: 130px;
}
.ma-160 {
  margin-bottom: 160px;
}
.ma-230 {
  margin-bottom: 230px;
}
.ma-l01 {
  margin-left: 1em;
}
.ma-la {
  margin-left: auto;
}
.ma-ra {
  margin-right: auto;
}
.pa-60 {
  padding-bottom: 60px;
}
.pa-80 {
  padding-bottom: 80px;
}
.pa-100 {
  padding-bottom: 100px;
}
.pa-135 {
  padding-bottom: 135px;
}
.pa-145 {
  padding-bottom: 145px;
}
.pa-172 {
  padding-bottom: 172px;
}
.pa-232 {
  padding-bottom: 232px;
}
.pa-410 {
  padding-bottom: 410px;
}
.pa-t17 {
  padding-top: 17px;
}
.pa-t65 {
  padding-top: 65px;
}
.pa-t75 {
  padding-top: 75px;
}
.pa-t55 {
  padding-top: 55px;
}
.pa-t135 {
  padding-top: 135px;
}
.pa-l {
  padding-left: 5.55%;
}
.pa-st128 {
  padding-inline: 8.9%;
}
.pa-st60 {
  padding-inline: 4.15%;
}
.ga15 {
  gap: 15px;
}
.ga85 {
  gap: 85px;
}
.ga60 {
  gap: 60px;
}
.ga25 {
  gap: 25px;
}
.widthfull {
  width: 100%;
}
.width395 {
  max-width: max(27.431vw, 300px);
  width: 100%;
}
.width413 {
  max-width: max(28.681vw, 300px);
  width: 100%;
}
.width404 {
  max-width: max(28.056vw, 350px);
}
.width500 {
  max-width: max(34.722vw, 300px);
  width: 100%;
}
.width660 {
  max-width: max(45.833vw, 350px);
  width: 100%;
}
.width853 {
  max-width: max(59.236vw, 853px);
  width: 100%;
}
.width748 {
  max-width: max(51.944vw, 748px);
  width: 100%;
}
.width982 {
  max-width: max(68.194vw, 982px);
  width: 100%;
}
.width1088 {
  max-width: max(75.556vw, 800px);
  width: 100%;
}
.width1120 {
  max-width: max(77.778vw, 1120px);
  width: 100%;
}
.width1144 {
  max-width: max(79.444vw, 1144px);
  width: 100%;
}
.width1236 {
  max-width: max(85.833vw, 800px);
  width: 100%;
}
.font20 {
  font-size: max(1.389vw, 2rem);
}
.font24 {
  font-size: max(1.667vw, 16px);
}
.font30 {
  font-size: max(2.083vw, 18px);
}
.font32 {
  font-size: max(2.222vw, 3.2rem);
}
.font-all24 {
  font-size: max(1.667vw, 2.4rem);
}
.sub-main {
  background: url(../../../uploads/2026/02/sub-main.jpg) no-repeat;
  background-size: cover;
  padding-top: 210px;
  padding-bottom: 130px;
}
.sub-main h1 {
  font-size: max(4.167vw, 40px);
  line-height: 1.6;
}
.sub-main h1 span {
  font-size: max(2.083vw, 20px);
}
.sub-section-tit {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  font-size: max(2.083vw, 16px);
}
.db-line {
  display: block;
  height: 10px;
  border-top: 1px solid #8e7145;
  border-bottom: 1px solid #8e7145;
  width: 100%;
}
.page-wrap .sticon-box.st1 {
  top: 0;
  left: 0;
}
.page-wrap .sticon-box.st2 {
  top: 13%;
  right: 0;
}
.page-wrap .sticon-box.st3 {
  top: 45%;
  left: 0;
  width: max(25.5vw, 245px);
}
.page-wrap .sticon-box.st4 {
  top: 60%;
  right: 0;
}
/*about*/
.ma-200 {
  margin-bottom: 200px;
}
.ga40 {
  gap: 40px;
}
.pa-200 {
  padding-bottom: 200px;
}
.width430 {
  max-width: max(29.86vw, 350px);
  width: 100%;
}
.width1200 {
  max-width: max(83.33vw, 350px);
  width: 100%;
}
.width1280 {
  max-width: max(88.89vw, 1000px);
}

.read.implants .cs-inner {
  background: url(../../../uploads/2026/02/about-implant_bg.jpg) no-repeat;
  background-size: cover;
}
.txt-gold {
  color: rgba(159, 131, 61, 1);
  font-size: max(1.67vw, 20px);
  display: block;
  margin-bottom: 15px;
}
.situation .bg-green-box {
  margin: 0 auto;
  padding: unset;
}
.structure .fl1 p {
  margin-right: 25px;
}
.structure {
  background: url(../../../uploads/2026/02/implant-bg.webp) no-repeat
    bottom -155px left;
  background-size: 50%;
}
.tit-bg-gold {
  background: linear-gradient(90deg, #dcc078 0%, #8e7145 100%);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: max(2.78vw, 20px);
  max-width: max(88.19vw, 1270px);
}
.tit-bg-gold img {
  max-width: max(3.33vw, 18px);
}
.bg-white {
  background: rgba(255, 255, 255, 0.8);
  max-width: max(48.26vw, 350px);
  padding: 20px 10px 20px 4.86%;
  position: relative;
  transform: translate(-30px, 30px);
  z-index: 0;
}
.consult {
  background: url(../../../uploads/2026/02/trouble-bg1.jpg) no-repeat;
  background-size: 100% 100%;
  padding: 30px;
}
.consult .flex-wrap {
  max-width: max(88.19vw, 1270px);
  position: relative;
}
.consult .flex-wrap .img-box {
  z-index: 1;
}
.consult .txt-gold {
  font-size: max(1.389vw, 2rem);
}
.health {
  background: url(../../../uploads/2026/02/merit-bg.webp) no-repeat bottom right;
  background-size: 40%;
  padding-bottom: 280px;
}
/* case */
.sub-case .bg-green-txt {
  padding-inline: 2%;
}
.case-scenario-box {
  padding: 42px 0 0 15px;
  position: relative;
}
.case-scenario-box em {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  width: 95px;
  height: 95px;
  font-size: 4.8rem;
  background: linear-gradient(136.14deg, #dcc078 21.81%, #8e7145 87.49%);
  clip-path: circle(50% at 50% 50%);
}
.sub-case .p-sec4 {
  position: relative;
}
.case-last-ic {
  position: absolute;
  left: 0;
  bottom: -28%;
  max-width: max(50.972vw, 350px);
  width: 100%;
  z-index: 1;
}
.dots-inner.ov-none {
  overflow: unset;
}
/* feature */
/* .sub-feature .sticon-box.st4 {
  top: 80%;
} */
.read .cs-inner {
  background: url(../../../uploads/2026/02/feature_bg.jpg) no-repeat top left;
  background-size: 100% 100%;
  padding: 75px 20px 95px;
}
.read .imp-inner-wrap {
  margin: 0 auto;
}
.read .imp-tit {
  font-size: max(2.08vw, 26px);
  line-height: 1.17;
  text-align: center;
}
.img-box.bg-gold:before {
  content: "";
  background: linear-gradient(135deg, #8e7145 -0.22%, #dcc078 100.08%);
  display: block;
  height: 100%;
  width: 100%;
  position: absolute;
  left: 30px;
  top: 30px;
  z-index: -1;
}
.width1247 {
  max-width: max(86.6vw, 800px);
  width: 100%;
}
.width600 {
  max-width: max(42.22vw, 300px);
  width: 100%;
}
.img-box.bg-gold {
  position: relative;
}
.bg-green-box {
  justify-content: center;
  gap: 2.44vw;
  padding-inline: 6.6%;
}
.bg-green-item {
  border: solid 2px #31705b;
  background: #fff;
  padding: 40px 20px;
  width: 100%;
}
.bg-green-tit {
  background: #31705b;
  color: #fff;
  font-size: max(2.08vw, 2rem);
  padding: 5px;
  text-align: center;
}
.bg-green-txt table th,
.bg-green-txt table td {
  padding-bottom: 15px;
  text-align: left;
}
.bg-green-txt {
  padding-inline: 9%;
}
.bg-green-txt table th {
  padding-right: 25px;
}
/*price*/
.sub-price .p-sec1 {
  padding-top: 60px;
}
.ds-gren {
  display: inline-block;
  width: 11px;
  height: 31px;
  background: #31705b;
  vertical-align: text-top;
  margin-right: 11px;
}

@media screen and (max-width: 1180px) {
  .ga85 {
    gap: 30px;
  }
  .pa-st128 {
    padding-inline: 5.55%;
  }
  .width1120 {
    max-width: 100%;
  }
  .consult {
    background-size: cover;
  }
  .width1280,
  .width1247 {
    padding-left: 5.55%;
    padding-right: 5.55%;
  }
}
@media screen and (max-width: 680px) {
  .pa-st128 {
    padding-inline: 5.55%;
  }
  .pa-172,
  .pa-232,
  .pa-410,
  .pa-145,
  .pa-135 {
    padding-bottom: 90px;
  }
  .pa-t135,
  .pa-t75 {
    padding-top: 50px;
  }
  .ma-90,
  .ma-100,
  .ma-130,
  .ma-160,
  .ma-230 {
    margin-bottom: 50px;
  }
  .pa-l {
    padding-left: 5.55%;
    padding-right: 5.55%;
  }
  .bg-green-txt {
    padding-inline: 0;
  }
  .bg-green-txt table th,
  .bg-green-txt table td {
    display: block;
  }
  .bg-green-txt table th {
    padding: 0;
  }
  .sub-section-tit {
    gap: 10px;
  }
  .case-scenario-box em {
    font-size: 3.2rem;
    width: 65px;
    height: 65px;
  }
  .read .cs-inner {
    background: url(../../../uploads/2026/02/feature_bg.jpg) no-repeat;
    background-size: contain;
    background-color: #b2cbd9;
    padding: 210px 5.55% 70px;
  }
  .read.implants .cs-inner {
    background: url(../../../uploads/2026/02/about-implant_bg.jpg) no-repeat;
    background-size: contain;
    background-color: #b2cbd9;
    padding: 140px 5.55% 70px;
  }
  .greeting .cs-inner .flex-wrap {
    gap: 0;
  }
  .sp-pa80 {
    padding-bottom: 80px;
  }
  .bg-green-tit {
    text-align: left;
    padding: 5px 5px 5px 1em;
  }
  .case-last-ic {
    display: none;
  }
  .ma-200 {
    margin-bottom: 100px;
  }
  .pa-200 {
    padding-bottom: 100px;
  }

  .structure .flex-wrap {
    gap: 60px;
  }
  .bg-green-txt {
    padding-inline: 0;
  }
  .structure {
    background-position: bottom -25px left;
  }
  .structure .fl1 p {
    margin-right: 0;
  }
  .consult .flex-wrap {
    align-items: center;
  }
  .bg-white {
    padding-top: 40px;
    transform: translate(0px, -20px);
  }
  .consult {
    background: url(../../../uploads/2026/02/sp-trouble-bg1.jpg);
    background-size: contain;
  }
  .sp-bg-white {
    background: #fff;
    padding: 0.5em;
  }
  .sp-ma30 {
    margin-bottom: 30px;
  }
  .sp-ma50 {
    margin-bottom: 50px;
  }
}