@charset "utf-8";
.pa10 {
  padding-bottom: 10px;
}
.pa15 {
  padding-bottom: 20px;
}
.pa20 {
  padding-bottom: 20px;
}
.pa24 {
  padding-bottom: 24px;
}
.pa30 {
  padding-bottom: 30px;
}
.pa40 {
  padding-bottom: 40px;
}
.pa50 {
  padding-bottom: 50px;
}
.pa60 {
  padding-bottom: 60px;
}
.pa70 {
  padding-bottom: 70px;
}
.pa80 {
  padding-bottom: 80px;
}
.pa90 {
  padding-bottom: 90px;
}
.pa100 {
  padding-bottom: 100px;
}
.pa120 {
  padding-bottom: 120px;
}
.pa135 {
  padding-bottom: 135px;
}
.pat10 {
  padding-top: 10px;
}
.pat15 {
  padding-top: 15px;
}
.pat20 {
  padding-top: 20px;
}
.pat30 {
  padding-top: 30px;
}
.pat40 {
  padding-top: 40px;
}
.pat50 {
  padding-top: 50px;
}
.pat60 {
  padding-top: 60px;
}
.pat70 {
  padding-top: 70px;
}
.pat80 {
  padding-top: 80px;
}
.par40 {
  padding-right: var(--px-40);
}
.par20 {
  padding-right: var(--px-20);
}
.pal20 {
  padding-left: var(--px-20);
}
.pat100 {
  padding-top: 100px;
}
.pat120 {
  padding-top: 120px;
}
.pat135 {
  padding-top: 135px;
}
.past360 {
  padding-inline: var(--px-360);
}
.past75 {
  padding-inline: var(--px-75);
}
.past70 {
  padding-inline: var(--px-70);
}
.past180 {
  padding-inline: var(--px-180);
}
.ma15 {
  margin-bottom: 15px;
}
.ma20 {
  margin-bottom: 20px;
}
.ma25 {
  margin-bottom: 25px;
}
.ma30 {
  margin-bottom: 30px;
}
.ma35 {
  margin-bottom: 35px;
}
.ma40 {
  margin-bottom: 40px;
}
.ma50 {
  margin-bottom: 50px;
}
.ma60 {
  margin-bottom: 60px;
}
.ma70 {
  margin-bottom: 70px;
}
.ma80 {
  margin-bottom: 80px;
}
.ma100 {
  margin-bottom: 100px;
}
.w415 {
  max-width: max(var(--px-415), 415px);
}
.w298 {
  max-width: max(var(--px-298), 240px);
  width: 100%;
}
.w320 {
  max-width: max(var(--px-320), 320px);
}
.w573 {
  max-width: max(var(--px-573), 573px);
  width: 100%;
}
.w525 {
  max-width: max(var(--px-525), 525px);
  width: 100%;
}
.w900 {
  max-width: max(var(--px-900), 900px);
  width: 100%;
}
.w955 {
  max-width: max(var(--px-955), 955px);
  width: 100%;
}
.w960 {
  max-width: max(var(--px-960), 960px);
  width: 100%;
}
.w962 {
  max-width: max(var(--px-960), 962px);
  width: 100%;
}
.w966 {
  max-width: max(var(--px-966), 966px);
  width: 100%;
}
.w968 {
  max-width: max(var(--px-968), 968px);
  width: 100%;
}
.w956 {
  max-width: max(var(--px-956), 956px);
  width: 100%;
}
.w880 {
  max-width: max(var(--px-880), 880px);
  width: 100%;
}
.font18 {
  font-size: max(var(--px-18), 18px);
}
.font20 {
  font-size: max(var(--px-20), 16px);
}
.font22 {
  font-size: max(var(--px-22), 18px);
}
.font28 {
  font-size: max(var(--px-28), 20px);
}
.font3618 {
  font-size: max(var(--px-36), 18px);
}
.font3222 {
  font-size: max(var(--px-32), 22px);
}
.font3220 {
  font-size: max(var(--px-32), 20px);
}
.font3218 {
  font-size: max(var(--px-32), 18px);
}
.font2418 {
  font-size: max(var(--px-24), 18px);
}
.ga167 {
  gap: max(var(--px-167), 30px);
}
.ga35 {
  gap: max(var(--px-35), 15px);
}
.ga30 {
  gap: max(var(--px-30), 15px);
}
.ga60 {
  gap: max(var(--px-60), 30px);
}
.ga70 {
  gap: max(var(--px-70), 30px);
}
.bd4blue {
  border: 4px solid var(--blue);
}
.bd4lgreen {
  border: 4px solid var(--lgreen);
}
.bd4mlpink {
  border: 4px solid var(--mlpink);
}
.bd4org {
  border: 4px solid var(--org);
}
/*tit*/
.sub-co-tit {
  padding: 20px 5.55%;
  width: 100%;
  color: #000;
  font-weight: 400;
  font-size: max(var(--px-36), 24px);
  letter-spacing: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  gap: 10px;
}
.sub-co-tit::before {
  content: "";
  background: url(../../../uploads/2026/03/sub-co-tit-icon1.webp) no-repeat;
  background-size: contain;
  background-position: center center;
  display: inline-block;
  width: 60px;
  height: 50px;
}
.sub-co-tit::after {
  content: "";
  background: url(../../../uploads/2026/03/sub-co-tit-icon2.webp) no-repeat;
  background-size: contain;
  background-position: center center;
  display: inline-block;
  width: 84px;
  height: 15px;
}
/*mv*/
.sub-mv-tit {
  font-size: max(var(--px-64), 2.8rem);
  color: #fff;
  letter-spacing: 8px;
  font-weight: 400;
  text-align: center;
}
.sub-mv {
  padding-top: 246px;
  padding-bottom: 246px;
  position: relative;
}
.pagewrap .cs-main-menu-nav {
  bottom: 0;
  padding-inline: 0;
}
.pagewrap .cs-main-menu {
  justify-content: center;
  gap: var(--px-40);
}
/*sub-about*/
.sub-about {
  background: url(../../../uploads/2026/03/sub-mv-about.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.youtube-box iframe {
  width: 100%;
  height: 100%;
}
.youtube-box {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.sub-dr-icon::before {
  content: "";
  background: url(../../../uploads/2026/03/sub-dr-icon.webp) no-repeat;
  background-size: contain;
  background-position: center;
  width: max(var(--px-241), 150px);
  height: max(var(--px-241), 150px);
  display: inline-block;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
  transform: translateX(-50%);
}
.sub-about-icon {
  position: absolute;
  z-index: -1;
}
.sub-about-icon.left1 {
  top: 0;
  left: 0;
  max-width: max(var(--px-217), 100px);
  width: 100%;
}
.sub-about-icon.left2 {
  bottom: 0;
  left: 0;
  max-width: max(var(--px-214), 100px);
  width: 100%;
}
.sub-about-icon.right1 {
  top: 0;
  right: var(--px-50);
  max-width: max(var(--px-134), 134px);
  width: 100%;
}
.sub-about-icon.right2 {
  bottom: 200px;
  right: var(--px-100);
  max-width: max(var(--px-138), 138px);
  width: 100%;
}
.sub-about-icon.right3 {
  bottom: 37px;
  right: 0;
  max-width: max(var(--px-163), 163px);
  width: 100%;
}
.table2 th {
  padding: 25px 0;
  width: 30%;
  text-align: left;
  vertical-align: text-top;
}
.table2 td {
  padding: 25px 0;
}
.table2 tr:first-child th,
.table2 tr:first-child td {
  font-size: max(var(--px-22), 22px);
}
.table2 .divider {
  position: relative;
  height: 2px;
}

.table2 .divider::before {
  content: "";
  position: absolute;
  inset: 0;

  background-image: radial-gradient(
    circle at center,
    #000 70%,
    transparent 71%
  );

  background-size: 10px 2px;
  background-repeat: repeat-x;
  background-position: center;
}
.ga-wrap {
  display: grid;
  grid-template-columns: repeat(3, max(var(--px-300), 300px));
  gap: 30px;
  justify-content: center;
}
.ga-wrap li img {
  border-radius: 20px;
  width: 100%;
  height: 210px;
  object-fit: cover;
}
.ga-wrap li a {
  background: #e387af;
  color: #fff;
  font-size: 1.8rem;
  padding: 10px 0;
  margin-top: 15px;
  border-radius: 100px;
  display: block;
  text-align: center;
  transition: 0.3s ease-in-out;
}
.ga-wrap li a:hover {
  background: #fff;
  color: #141414;
}
body:not(.home) .ft-info {
  background-color: #ffd4b7;
  background-image:
    radial-gradient(circle, #ffe8d9 5px, transparent 5px),
    radial-gradient(circle, #ffe8d9 5px, transparent 5px);
  background-position:
    0 0,
    15px 30px;
  background-size: 30px 60px;
}
/*sub-treatment*/
.sub-treatment {
  background: url(../../../uploads/2026/03/sub-mv-treatment.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.p-tr-tit {
  font-size: max(var(--px-28), 18px);
  color: #000;
  letter-spacing: 2px;
  position: relative;
  padding-bottom: 5px;
}
.p-tr-tit::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 4px;
  background-image: radial-gradient(
    circle at center,
    #000 70%,
    transparent 71%
  );
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: center;
}
.p-tr-tit span {
  display: flex;
  justify-content: center;
  align-items: center;
}
.p-tr-tit span::before {
  content: "";
  background: url(../../../uploads/2026/03/sub-tr-icon1.webp) no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  display: inline-block;
  width: max(var(--px-198), 50px);
  height: max(var(--px-96), 20px);
}
.p-tr-tit span::after {
  content: "";
  background: url(../../../uploads/2026/03/sub-tr-icon2.webp) no-repeat;
  background-size: 100% 100%;
  background-position: center top;
  display: inline-block;
  width: max(var(--px-198), 50px);
  height: max(var(--px-96), 20px);
}
.tr-ds-wrap-tit.cblue::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 4px;
  background-image: radial-gradient(
    circle at center,
    var(--blue) 70%,
    transparent 71%
  );
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: center;
}
.tr-ds-wrap-tit.clgreen::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 4px;
  background-image: radial-gradient(
    circle at center,
    var(--lgreen) 70%,
    transparent 71%
  );
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: center;
}
.tr-ds-wrap-tit.cmlpink::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 4px;
  background-image: radial-gradient(
    circle at center,
    var(--mlpink) 70%,
    transparent 71%
  );
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: center;
}
.tr-ds-wrap-tit.corg::before {
  content: "";
  position: absolute;
  bottom: 0;
  width: 100%;
  left: 0;
  height: 4px;
  background-image: radial-gradient(
    circle at center,
    var(--org) 70%,
    transparent 71%
  );
  background-size: 4px 2px;
  background-repeat: repeat-x;
  background-position: center;
}
.tr-btn {
  padding: 25px 60px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 15px;
  transition: 0.3s ease-in-out;
}
.tr-btn.cmlpink::after {
  content: "";
  display: inline-block;
  width: max(var(--px-28), 28px);
  height: max(var(--px-28), 28px);
  background: url(../../../uploads/2026/03/mlpink-ar-icon.webp) no-repeat;
  background-size: contain;
  background-position: center;
}
.tr-btn.cmlpink:hover {
  background: var(--mlpink);
  color: #fff;
}
.tr-btn.corg::after {
  content: "";
  display: inline-block;
  width: max(var(--px-28), 28px);
  height: max(var(--px-28), 28px);
  background: url(../../../uploads/2026/03/org-ar-icon.webp) no-repeat;
  background-size: contain;
  background-position: center;
}
.tr-btn.corg:hover {
  background: var(--org);
  color: #fff;
}

/*sub-orthodontics*/
.sub-orthodontics {
  background: url(../../../uploads/2026/03/sub-mv-orthodontics.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.cloud-txt {
  background: url(../../../uploads/2026/03/orthodontics-icon3.webp) no-repeat;
  background-size: 100% 100%;
  background-position: center;
  padding: 15px 35px;
}
.page-orthodontics .p-sec1 .inner::before {
  content: "";
  background: url(../../../uploads/2026/03/orthodontics-icon1.webp) no-repeat;
  background-size: 100% 100%;
  background-position: left top;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: max(var(--px-497), 50px);
  height: max(var(--px-183), 30px);
}
.page-orthodontics .p-sec1 .inner::after {
  content: "";
  background: url(../../../uploads/2026/03/orthodontics-icon2.webp) no-repeat;
  background-size: 100% 100%;
  background-position: right top;
  display: inline-block;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: max(var(--px-497), 50px);
  height: max(var(--px-183), 30px);
}
.bgorg1 {
  background: #aec453;
}
.bgorg2 {
  background: #d3e199;
}
.cgorg3 {
  color: #5b9000;
}
.sub-cicle-txt {
  border-radius: 20px 20px 0 0;
  padding: 15px 0;
  position: relative;
  z-index: 1;
}
.sub-cicle-txt::before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translate(-50%, -25%);
  width: max(var(--px-180), 80px);
  height: max(var(--px-120), 30px);
  background: #aec453;
  border-radius: 180px 180px 0 0;
  z-index: -1;
}
.sub-orthodontics-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 30px 0px;
  padding: 0;
  margin: 0;
  background: #fff;
  padding: 25px 15px;
  border-radius: 0 0 20px 20px;
}
.sub-orthodontics-list li {
  position: relative;
  padding-left: 18px;
  line-height: 1.8;
  letter-spacing: 0;
  color: #5b9000;
}
.sub-orthodontics-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.6em;
  width: 8px;
  height: 8px;
  background: #5b9000;
  border-radius: 50%;
}
.me-icon {
  display: flex;
  align-items: center;
}
.me-icon::before {
  content: "";
  background: url(../../../uploads/2026/03/clover-icon.webp) no-repeat;
  background-size: contain;
  background-position: center;
  display: inline-block;
  width: 60px;
  height: 47px;
  margin-left: 20px;
  margin-right: 35px;
}
.ds-orthodontics-co1 .left {
  text-align: left;
  width: 30%;
}
.ds-orthodontics-co1 .txt-box .dfl {
  gap: var(--px-40);
}
.ds-orthodontics-co1 .img-box {
  max-width: max(var(--px-461), 461px);
  width: 100%;
}
.sub-orthodontics-ck li {
  position: relative;
  padding-left: 34px;
  margin-bottom: 15px;
}
.sub-orthodontics-ck li:last-child {
  margin-bottom: 0;
}
.sub-orthodontics-ck li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  display: inline-block;
  background: url(../../../uploads/2026/03/org-ck-icon.webp) no-repeat;
  background-size: contain;
  background-position: center;
}
.step-box {
  position: relative;
  padding-top: max(var(--px-48), 25px);
  padding-bottom: max(var(--px-15), 10px);
  text-align: center;
  border-radius: 20px 20px 0 0;
  color: #fdfdfd;
}

/* 上の丸 */
.step-num {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, -40%);
  width: max(var(--px-200), 100px);
  height: max(var(--px-200), 100px);
  border-radius: 50%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  font-size: max(var(--px-64), 34px);
  font-weight: 700;
  letter-spacing: 0;
}
.ds-orthodontics-co2 .box {
  border-radius: 0 0 20px 20px;
  padding: 20px 30px;
}
.ds-orthodontics-co2 .img-box img {
  border-radius: 20px;
}
.ds-orthodontics-co2 .img-box {
  max-width: max(var(--px-419), 419px);
  width: 100%;
}
.ds-orthodontics-co2 {
  padding-top: max(var(--px-100), 50px);
}
/*sub-mft*/
.sub-mft {
  background: url(../../../uploads/2026/03/sub-mv-mft.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.mft-list1 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px 15px;
}
.mft-list1 li img {
  width: 100%;
  object-fit: cover;
}
.mft-list1 li span {
  background: #e387af;
  color: #fff;
  padding: 15px 0;
  margin-top: 15px;
  border-radius: 10px;
  display: block;
  text-align: center;
}
.mft-list2 {
  grid-template-columns: repeat(3, max(var(--px-226), 226px));
  justify-content: space-between;
  gap: 55px 0;
}
.mft-list2 li {
  font-size: max(var(--px-18), 1.8rem);
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  height: max(var(--px-226), 226px);
}
.mft-list2 li .l-txt {
  font-size: max(var(--px-48), 4.8rem);
}
.mft-list2 .cmlpink {
  background: url(../../../uploads/2026/03/mft-icon-mlpink.webp) no-repeat;
  background-size: contain;
  background-position: center center;
}
.mft-list2 .corg {
  background: url(../../../uploads/2026/03/mft-icon-org.webp) no-repeat;
  background-size: contain;
  background-position: center center;
}
.mft-list2 .cmlgreen {
  background: url(../../../uploads/2026/03/mft-icon-mlgreen.webp) no-repeat;
  background-size: contain;
  background-position: center center;
}
.mft-list2 .cgreen {
  background: url(../../../uploads/2026/03/mft-icon-green.webp) no-repeat;
  background-size: contain;
  background-position: center center;
}
.mft-list2 .cnavy {
  background: url(../../../uploads/2026/03/mft-icon-navy.webp) no-repeat;
  background-size: contain;
  background-position: center center;
}
.mft-list2 .cblue {
  background: url(../../../uploads/2026/03/mft-icon-blue.webp) no-repeat;
  background-size: contain;
  background-position: center center;
}
.concept-list.st2 li {
  text-align: left;
  padding-left: 76px;
  padding-right: 30px;
  font-size: max(var(--px-16), 12px);
  min-height: 66px;
  padding-top: 10px;
  padding-bottom: 10px;
  align-items: center;
  display: flex;
  justify-content: flex-start;
  line-height: 1.2;
}
.concept-list.st2 {
  margin-bottom: 0;
}
.w-85 {
  width: 85%;
}
/*sub-price*/
.sub-price {
  background: url(../../../uploads/2026/03/sub-mv-price.jpg) no-repeat;
  background-size: cover;
  background-position: center center;
}
.sub-price-list {
  margin-bottom: 10px;
}
.sub-price-list li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 30px;
}
.sub-price-list li:last-child {
  margin-bottom: 0;
}
.sub-price-list li em {
  white-space: nowrap;
}
.sub-price-list li .l-txt {
  font-size: max(var(--px-24), 16px);
  display: inline-block;
  margin-right: 30px;
}
.sub-price-list li .m-txt {
  font-size: max(var(--px-22), 16px);
  display: inline-block;
  margin-left: 20px;
}
.modern-accordion {
  margin: 0 auto;
}

.accordion-item {
  overflow: hidden;
  background: #fff;
}
.modern-accordion .accordion-item:last-child {
  margin-bottom: 0;
}
.accordion-header {
  font-family: "Zen Old Mincho", serif;
  position: relative;
  width: 100%;
  padding: 25px max(var(--px-40), 20px) 25px
    calc(max(var(--px-60), 40px) + 10px + 25px);
  display: flex;
  justify-content: space-between;
  align-items: center;
  background: none;
  border: none;
  cursor: pointer;
  background: #adc553;
  border-radius: 10px 10px 0 0;
}
.accordion-header::before {
  content: "";
  background: url(../../../uploads/2026/03/qa-icon.webp) no-repeat;
  background-size: contain;
  background-position: center center;
  display: block;
  height: max(var(--px-60), 40px);
  width: max(var(--px-60), 40px);
  position: absolute;
  left: 25px;
  top: 50%;
  transform: translateY(-50%);
}
.accordion-item .header-content {
  text-align: left;
}

.accordion-item .title {
  font-size: max(var(--px-20), 1.6rem);
  color: #fdfdfd;
  margin: 0;
  font-weight: 400;
}

.accordion-item .icon-wrap {
  position: relative;
  width: 25px;
  height: 25px;
  border-radius: 16px;
}

.accordion-item .line {
  position: absolute;
  top: 50%;
  left: 50%;
  width: max(var(--px-40), 20px);
  height: 2px;
  background-color: #fdfdfd;
  transition: transform 0.3s ease;
}

.line:first-child {
  transform: translateX(-50%) translateY(-50%);
}

.line:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(90deg);
}

.accordion-header.active .line:last-child {
  transform: translateX(-50%) translateY(-50%) rotate(0);
}

.accordion-body {
  height: 0;
  overflow: hidden;
  transition: height 0.3s ease-out;
}

.accordion-item .body-content {
  padding: 25px 5.55% 25px var(--px-90);
}

/* アニメーション用の状態 */
.accordion-body.entering {
  height: var(--content-height);
}

.accordion-body.leaving {
  height: 0;
}
@media screen and (max-width: 1180px) {
  .page-about .p-sec2 .txt-box {
    background: rgba(255, 255, 255, 0.7);
    padding: 15px;
    border-radius: 30px;
  }
  .ga-wrap {
    grid-template-columns: repeat(2, max(var(--px-300), 300px));
  }
}
@media screen and (max-width: 820px) {
  .point-list {
    grid-template-columns: repeat(2, 1fr);
  }
  .mft-list1 {
    grid-template-columns: repeat(2, 1fr);
  }
  .w-85 {
    width: 100%;
  }
	.table2 .divider::before{
content:none;}
}
@media screen and (max-width: 680px) {
  .pa60,
  .pa70,
  .pa80,
  .pa90,
  .pa100,
  .pa120,
  .pa135 {
    padding-bottom: 50px;
  }
  .pat60,
  .pat70,
  .pat80,
  .pat100,
  .pat120,
  .pat135 {
    padding-top: 50px;
  }
  .past360,
  .past180 {
    padding-inline: 5.55%;
  }
  .ma60,
  .ma80,
  .ma70,
  .ma100 {
    margin-bottom: 50px;
  }
  .past75 {
    padding-inline: 15px;
  }
  .sub-dr-icon::before {
    transform: none;
  }
  .ga-wrap {
    grid-template-columns: repeat(1, max(var(--px-300), 300px));
  }
  .tr-ds-wrap .dfl .pa30,
  .tr-ds-wrap .dfl .pat30 {
    padding-top: 15px;
    padding-bottom: 15px;
  }
  .tr-btn {
    width: 100%;
  }
  .sub-cicle-txt::before {
    transform: translate(-50%, -150%);
  }
  .ds-orthodontics-co1 .left {
    width: 100%;
  }
  .me-icon::before {
    width: 35px;
    height: 30px;
    margin-left: 10px;
    margin-right: 20px;
  }
  .concept-list.st2 li {
    padding-left: 55px;
    padding-right: 5px;
  }
  .mft-list2 {
    grid-template-columns: repeat(1, max(var(--px-226), 226px));
    justify-content: center;
    gap: 15px 0;
  }
  .sub-price-list li .l-txt {
    margin-right: 10px;
  }
  .sub-price-list li .m-txt {
    margin-left: 10px;
  }
  .accordion-header {
    padding: 15px max(var(--px-40), 20px) 15px
      calc(max(var(--px-60), 40px) + 10px + 15px);
  }
  .accordion-header::before {
    left: 15px;
  }
}