@charset "utf-8"; /* colors */

#return-cell-skinbooster { 
 --color-01: #fcedad;
 --color-02: #82abf6;
 --color-03: #599eff;
 --color-04: #9dc6ff;
 --color-05: #7ba4dd;
 --color-06: #b9d6ff;
 --color-07: #495361;
 --color-08: #44464c;
 --color-09: #565b65;
 --color-10: #72a5fe;
 --color-11: #8f9398;

 --color-w: white;
 --color-b: #1d1d1f;
 --color-b-02: #161718;
} 


/* COMMON */
#return-cell-skinbooster .visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); var(--color-w)-space: nowrap; border: 0; } 
#return-cell-skinbooster .text-img img { width: auto; height: 1em; } 
#return-cell-skinbooster .content-img { width: 100%; height: auto; display: block; } 

section:not(#sub-top) { position: relative; z-index: 1; } 
section:not(#sub-top) h2 { position: relative; z-index: 1; } 
section:not(#sub-top) :is(h2, h3, h4, h5, h6 ) { color: var(--color-08); } 

#breadcrumbs { background-color: #575f70; z-index: 5 !important; } 
#breadcrumbs .breadcrumbs-box { border: none; color: var(--color-w); } 
#breadcrumbs ol li a { color: var(--color-w); } 

#sub-title h1,
#sub-title p { color: #3f4247; } 
#sub-top #sub-title h1 { text-transform: uppercase; } 
#return-cell-skinbooster #sub-title strong::before { background-color: #b9d2f3; } 

#return-cell-skinbooster small.common-small-group { display: block; width: 50%; margin: 4rem auto auto; padding: 4rem 1rem; text-align: center; border-radius: 2.5rem; overflow: hidden; font-size: 2rem; font-weight: 300; line-height: 1.5; color: var(--color-w); background-color: #6e7582; } 
#return-cell-skinbooster small.common-small-group b { color: var(--color-01); font-weight: 600; } 


/* 줄기세포 스킨부스터란? */
#page-intro { padding-block: 15rem; background-color: #575f70; background: url('/img/page/return-cell-skinbooster/page-intro-bg.png') center center / cover no-repeat; } 
#page-intro h2 b { text-align: center; color: var(--color-w); } 
#page-intro .sub-item-desc { display: block; margin-top: 2rem; font-size: 1.8rem; color: var(--color-w); line-height: 1.5; } 
#page-intro .sub-item-desc i { color: var(--color-01); } 
#page-intro .cont-container { margin: 4rem auto auto; width: 70%; display: flex; flex-direction: column; } 
#page-intro .cont-text-group,
#page-intro .cont-image-group { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; gap: 8.6rem; margin-bottom: 1rem; } 
#page-intro .cont-text-group b { display: flex; align-items: center; justify-content: center; padding: 1.8rem 1rem; font-size: 2rem; border-radius: 1.2rem; font-weight: 600; color: var(--color-w); } 
#page-intro .cont-text-group b:first-child { background-color: #292a2e; } 
#page-intro .cont-text-group b:last-child { background-color: #79a5f5; } 
#page-intro .cont-image-group { position: relative; flex-grow: 1; } 
#page-intro .cont-image-group::before { content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; width: 3rem; height: auto; aspect-ratio: 1; border-radius: 50%; z-index: 2; background: url('/img/page/thermage/arrow-right-solid.svg') center center / contain no-repeat #1d1d1f; } 
#page-intro .content-img { border-radius: 2.5rem; overflow: hidden; } 


/* 에이비 리턴셀 차별점 */
#page-unique { padding-block: 15rem; background-color: var(--color-w); } 
#page-unique h2 span { font-size: 2.4rem; } 
#page-unique h2 b { color: var(--color-02); } 
#page-unique .content-list { position: relative; margin: 4rem auto auto; width: 50%; display: grid; grid-template-columns: repeat(2, 1fr); align-items: end; } 
#page-unique .content-list-criteria { position: absolute; left: 50%; transform: translateX(-50%); display: flex; justify-content: space-between; align-items: center; flex-direction: column; font-size: 1.6rem; color: var(--color-w); padding: 4rem; z-index: 1; height: 75%; } 
#page-unique .content-list-criteria .list-criteria { display: flex; align-items: center; justify-content: center; border-radius: 10rem; padding: 1rem 2rem; background-color: #393b3f; } 
#page-unique .content-list-criteria .list-criteria.circle { border-radius: 50%; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; padding: 1.5rem; font-size: 2.4rem; } 
#page-unique .content-list-col { display: flex; justify-content: flex-end; align-items: center; flex-direction: column; text-align: center; padding: 4rem; border-radius: 2.4rem; border: 2.5px solid; } 
#page-unique .content-list-col:nth-of-type(1) { border-color: #b8bbc0; transform: translateX(1.25px); } 
#page-unique .content-list-col:nth-of-type(2) { background-color: #e2efff; border-color: #7eabfa; transform: translateX(-1.25px); } 
#page-unique .list-title { margin-bottom: 3rem; font-size: 2rem; line-height: 1.2; color: var(--color-b); } 
#page-unique .content-text { display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; color: var(--color-b); width: 100%; padding-top: 3rem; font-weight: 400; font-size: 1.7rem; line-height: 1.5; } 
#page-unique .content-text .list-text:nth-child(even) { display: block; width: 100%; margin-top: 2rem; padding-top: 2rem; border-top: 1px dashed #acaeb3; } 
#page-unique .content-list-col.highlight .content-text .list-text { color: var(--color-03); font-weight: 800; } 
#page-unique small { display: block; width: 50%; margin: 4rem auto auto; padding: 4rem 1rem; text-align: center; border-radius: 2.5rem; overflow: hidden; font-size: 2rem; font-weight: 300; line-height: 1.5; color: var(--color-w); background-color: #6e7582; } 
#page-unique small b { color: var(--color-01); font-weight: 600; } 


/* 에이비 리턴셀 기술력 */
#page-technical { padding-block: 15rem; background-color: #edf5ff; } 
#page-technical h2 { text-align: center; } 
#page-technical h2 b { color: var(--color-02); } 
#page-technical h2 span { font-size: 2.6rem; color: var(--color-07); } 
#page-technical small { display: block; margin: 4rem auto auto; text-align: center; } 
#page-technical small span { font-size: 2rem; font-weight: 400; color: black; line-height: 1.5; } 
#page-technical small b { color: #4893fe; } 
#page-technical .content-list { display: grid; grid-template-columns: repeat(6,1fr); grid-template-rows: 1fr; gap: 1rem; width: 85%; margin: 4rem auto auto; } 
#page-technical .content-list-col { display: flex; justify-content: flex-start; flex-direction: column; gap: 2rem; padding: 4rem 1rem; border-radius: 2.5rem; overflow: hidden; background-color: var(--color-w); } 
#page-technical .list-title { font-weight: 700; font-size: 1.8rem; text-align: center; color: var(--color-b-02); } 
#page-technical .content-img { clip-path: circle(50%); width: 60%; margin: 0 auto; } 
#page-technical .content-text { text-align: center; font-size: 1.6rem; line-height: 1.2; font-weight: 500; color: #555d6b; } 


/* 에이비 리턴셀 농축 노하우 */
#page-know-how { padding-block: 15rem; background-color: #9fbae9; } 
#page-know-how h2 { text-align: center; } 
#page-know-how h2 span { font-size: 2.6rem; color: var(--color-w); } 
#page-know-how h2 b { display: inline; color: var(--color-w); } 
#page-know-how .content-list { display: grid; grid-template-columns: repeat(3,1fr); grid-template-rows: 1fr; gap: 3.4rem; width: 85%; margin: 4rem auto auto; } 
#page-know-how .content-list-col { display: flex; justify-content: flex-start; flex-direction: column; gap: 2rem; padding: 3rem 3rem 5rem 3rem; border-radius: 2rem; overflow: hidden; background-color: var(--color-w); } 
#page-know-how .list-title { margin-top: 2rem; font-weight: 700; font-size: 2rem; line-height: 1.25; text-align: center; color: var(--color-b-02); } 
#page-know-how .content-img { width: 100%; border-radius: 1.4rem; overflow: hidden; } 
#page-know-how .content-text { text-align: center; font-size: 1.8rem; line-height: 1.25; font-weight: 500; color: #555d6b; } 
#page-know-how .content-text b { font-weight: 800; color: var(--color-03); } 


/* 에이비 리턴셀 기술력 */
#page-survival-ratio { padding-block: 15rem; background-color: #edf5ff; } 
#page-survival-ratio h2 { text-align: center; } 
#page-survival-ratio h2 b { color: var(--color-02); } 
#page-survival-ratio h2 span { font-size: 2.6rem; color: var(--color-07); } 
#page-survival-ratio .content-list-title { margin-top: 5rem; font-size: 2.6rem; font-weight: 800; text-align: center; color: var(--color-b-02); } 
#page-survival-ratio .content-list { display: grid; grid-template-columns: repeat(2,1fr); grid-template-rows: 1fr; gap: 2rem; width: 50%; margin: 4rem auto auto; } 
#page-survival-ratio .content-list-col { display: flex; justify-content: space-between; align-items: center; flex-direction: column; gap: 2rem; padding: 3rem 2rem 2rem; border-radius: 2.5rem; overflow: hidden; background-color: var(--color-w); } 
#page-survival-ratio i.xi-caret-down { color: #a0c3ff; font-size: 2rem; } 
#page-survival-ratio .ratio p { display: flex; align-items: center; gap: 1.5rem; } 
#page-survival-ratio .ratio p:not(:first-child) { margin-top: 1rem; } 
#page-survival-ratio .ratio p span { padding: .8rem 1.2rem; border-radius: 0.8rem; font-size: 1.6rem; color: var(--color-w); font-weight: 400; background-color: var(--color-09); } 
#page-survival-ratio .ratio p b { font-size: 2rem; color: var(--color-09); } 
#page-survival-ratio .donut-wrap { position: relative; width: 60%; margin: 0 auto; height: auto; aspect-ratio: 1; display: flex; align-items: center; justify-content: center; } 
#page-survival-ratio .donut-wrap .donut { width: 100%; height: 100%; border-radius: 50%; background: conic-gradient(#c7cbd0 0% var(--graph-empty-ratio), #a0c3ff var(--graph-empty-ratio) 100% ); } 
#page-survival-ratio .donut-wrap .donut.graph-01 { --graph-empty-ratio: 16%; } 
#page-survival-ratio .donut-wrap .donut.graph-02 { --graph-empty-ratio: 8%; } 
#page-survival-ratio .donut-wrap .label { position: absolute; left: 50%; top: 50%; width: calc(100% - 3.4rem); height: auto; aspect-ratio: 1; transform: translate(-50%,-50%); background-color: var(--color-w); border-radius: 50%; display: flex; align-items: center; justify-content: center; text-align: center; font-size: 2rem; font-weight: 800; color: var(--color-09); } 
#page-survival-ratio .survival-ratio { width: 100%; margin-top: 1rem; padding: 2.4rem 1rem; text-align: center; font-size: 2rem; border-radius: 1.5rem; color: var(--color-w); background-color: var(--color-03); } 
#page-survival-ratio .survival-ratio b { color: var(--color-01); } 
#page-survival-ratio .list-note { display: flex; align-items: center; justify-content: space-between; width: 50%; margin: 2rem auto auto; font-size: 1.6rem; font-weight: 400; color: #68696d; } 
#page-survival-ratio .graph-note { display: flex; align-items: center; gap: 2rem; } 
#page-survival-ratio .graph-note span { position: relative; display: flex; align-items: center; gap: 0.5rem; } 
#page-survival-ratio .graph-note span:nth-of-type(1) { color: var(--color-10); } 
#page-survival-ratio .graph-note span:nth-of-type(2) { color: var(--color-11); } 
#page-survival-ratio .graph-note span::before { content: ''; width: 1em; height: auto; aspect-ratio: 1; border-radius: 0.4rem; display: block; } 
#page-survival-ratio .graph-note span:nth-of-type(1)::before { background-color: var(--color-10); } 
#page-survival-ratio .graph-note span:nth-of-type(2)::before { background-color: var(--color-11); } 


/* PRP vs 에이비 리턴셀 */
#page-comparison { padding-block: 15rem; background-color: #fbfbfb; } 
#page-comparison h2 span { font-size: 2.4rem; } 
#page-comparison h2 b { color: var(--color-02); } 
#page-comparison .comparison-chart .border-t { border-top: solid 1px #bdc0c4; } 
#page-comparison .comparison-chart .border-b { border-bottom: solid 1px #bdc0c4; } 
#page-comparison .comparison-chart .border-l { border-left: solid 1px #bdc0c4; } 
#page-comparison .comparison-chart .border-r { border-right: solid 1px #bdc0c4; } 
#page-comparison .comparison-chart .round-t-l { border-top-left-radius: 2rem; overflow: hidden; } 
#page-comparison .comparison-chart .round-t-r { border-top-right-radius: 2rem; overflow: hidden; } 
#page-comparison .comparison-chart .round-b-l { border-bottom-left-radius: 2rem; overflow: hidden; } 
#page-comparison .comparison-chart .round-b-r { border-bottom-right-radius: 2rem; overflow: hidden; } 
#page-comparison .comparison-chart { display: flex; align-items: stretch; justify-content: center; flex-direction: column; width: 50%; margin: 4rem auto auto; } 
#page-comparison .chart-column { display: grid; grid-template-columns: 1fr 15% 1fr; justify-items: center; align-items: stretch; text-align: center; } 
#page-comparison .chart-column div { display: flex; flex-direction: column; justify-content: center; align-items: center; text-align: center; width: 100%; height: 100%; padding: 3rem 2rem; } 
#page-comparison .chart-column div:last-child { background-color: #edf5ff; border-color: var(--color-03); border-width: 5px; } 
#page-comparison .col-body div { position: relative; } 
#page-comparison .col-body div::after { content: ''; pointer-events: none; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #bdc0c4; } 
#page-comparison .chart-baseline { color: white; background-color: var(--color-09); } 
#page-comparison .col-head { font-size: 2rem; color: var(--color-b); } 
#page-comparison .col-body { align-items: center; font-weight: 500; font-size: 1.6rem; color: #50545a; } 
#page-comparison .col-body p b { display: inline; color: #5492ff; } 


/* 첨단재생의료 실시기관 지정 */
#page-regen-cert { position: relative; background-color: #2a2b3f; background-image: url('/img/page/return-cell-skinbooster/ab-bg.png'); background-repeat: no-repeat; background-size: cover; background-position: center center; } 
#page-regen-cert .box { display: flex; align-items: center; justify-content: center; flex-direction: column; padding-block: 10rem; width: 100%; margin: 0 auto; } 
#page-regen-cert h2 i { display: flex; align-items: center; justify-content: center; font-size: 3.4rem; margin-bottom: 3rem; } 
#page-regen-cert h2 span { font-size: 2.4rem; color: var(--color-w); } 
#page-regen-cert h2 b { color: var(--color-w); } 
#page-regen-cert .image-group { width: 50%; margin: 6rem auto auto; } 
#page-regen-cert .content-img { position: relative; width: 100%; display: grid; grid-template-columns: repeat(2, 1fr); gap: 4rem; } 
#page-regen-cert .content-img::after { content: ''; display: block; width: 100%; height: 100%; } 
#return-cell-skinbooster #page-regen-cert small.common-small-group { padding: 0; margin: 6rem auto auto; } 


/* 리턴셀 줄기세포 시스템 */
#page-system { padding-block: 15rem; background-color: #edf5ff; } 
#page-system h2 { text-align: center; } 
#page-system h2 b { color: var(--color-02); } 
#page-system h2 span { font-size: 2.6rem; color: var(--color-07); } 
#page-system .content-list { display: grid; width: 90%; margin: 4rem auto auto; display: flex; align-items: stretch; justify-content: center; gap: 2rem; } 
#page-system .content-list li { width: calc(100% / 4); height: 100%; border-radius: 2rem; padding: 1.4rem; background-color: var(--color-w); } 
#page-system .content-list li video { border-radius: 1.4rem; } 


/* 시술 과정 */
#page-procedure { padding-block: 15rem; background-color: #9fbae9; } 
#page-procedure h2 { text-align: center; color: var(--color-w) !important; font-weight: 200; } 
#page-procedure h2 b { display: inline; color: var(--color-w); } 
#page-procedure .content-list { display: grid; grid-template-columns: 1fr 5% 1fr 5% 1fr; grid-template-rows:1fr 5% 1fr; justify-items: center; align-items: start; row-gap: 2rem; width: 50%; margin: 4rem auto auto; } 
#page-procedure li { display: flex; align-items: center; justify-content: flex-start; flex-direction: column; gap: 1rem; } 
#page-procedure li .content-img { width: 55%; aspect-ratio: 1; border-radius: 50%; background-color: var(--color-w); } 
#page-procedure li .content-text { flex-grow: 1; width: 65%; color: white; font-size: 1.8rem; font-weight: 500; text-align: center; } 
#page-procedure li .content-text b { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 1.7rem; padding: 1.4rem 1rem; font-size: 1.6rem; font-weight: 700; border-radius: 1rem; color: #4b505c; background-color: #fff3b0; } 
#page-procedure li.step05 .content-text b { position: relative; font-weight: 900; background-color: #ffeb7e; } 
#page-procedure li.step05 .content-text b::before { content: ''; position: absolute; right: -3rem; top: -2rem; width: 4.6rem; height: auto; aspect-ratio: 1; background-image: url('/img/page/return-cell-skinbooster/icon-step05-star.svg'); background-size: contain; background-repeat: no-repeat; background-position: center center; pointer-events: none; } 
#page-procedure li.step05 .content-text p { font-weight: 600; } 

#page-procedure .step01 { grid-area: 1 / 1 / 2 / 2; } 
#page-procedure .step02 { grid-area: 1 / 3 / 2 / 4; } 
#page-procedure .step03 { grid-area: 1 / 5 / 2 / 6; } 
#page-procedure .step04 { grid-area: 3 / 1 / 4 / 2; } 
#page-procedure .step05 { grid-area: 3 / 3 / 4 / 4; } 
#page-procedure .step06 { grid-area: 3 / 5 / 4 / 6; } 
#page-procedure i.icon-arrow { margin: auto 0; width: 1.2rem; height: 1.2rem; background: var(--color-w); clip-path: polygon(0% 0%, 100% 0%, 50% 100%); } 
#page-procedure i.icon-arrow.arrow01 { grid-area: 1 / 2 / 2 / 3; transform: rotate(-90deg); transform-origin: center center; } /* icon 상단 1 */
#page-procedure i.icon-arrow.arrow02 { grid-area: 1 / 4 / 2 / 5; transform: rotate(-90deg); transform-origin: center center; } /* icon 상단 2 */
#page-procedure i.icon-arrow.arrow03 { grid-area: 2 / 5 / 3 / 6; } /* icon 중간 */
#page-procedure i.icon-arrow.arrow04 { grid-area: 3 / 2 / 4 / 3; transform: rotate(90deg); transform-origin: center center; } /* icon 하단 1 */
#page-procedure i.icon-arrow.arrow05 { grid-area: 3 / 4 / 4 / 5; transform: rotate(90deg); transform-origin: center center; } /* icon 하단 2 */
#page-procedure small i { display: flex; align-items: center; justify-content: center; margin-bottom: 1rem; font-size: 5rem; } 
#return-cell-skinbooster #page-procedure small.common-small-group { background-color: var(--color-w); color: #383d48; } 
#return-cell-skinbooster #page-procedure small.common-small-group b { color: var(--color-03); font-weight: 600; } 



/* 레턴셀 주요 효과 */
#page-main-effect { padding-block: 15rem; background-color: #fff6de; } 
#page-main-effect h2 span { font-size: 2.4rem; color: #6d727b; } 
#page-main-effect h2 b { color: #6d727b; } 
#page-main-effect .content-list { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 45%; margin: 4rem auto auto; border-radius: 2rem; overflow: hidden; background-color: var(--color-w); } 
#page-main-effect .content-list .list-head { position: relative; display: flex; align-items: center; justify-content: space-between; width: 100%; padding: 3rem 1rem; font-size: 2.2rem; font-weight: 600; color: white; background-color: var(--color-02); } 
#page-main-effect .content-list .list-head i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); display: flex; align-items: center; justify-content: center; aspect-ratio: 1; font-size: 2rem; font-weight: 800; padding: 1rem; line-height: 1; background-color: white; border-radius: 50%; overflow: hidden; color: var(--color-02); } 
#page-main-effect .content-list .list-head span { display: flex; align-items: center; justify-content: center; width: 50%; } 
#page-main-effect .content-list .list-body { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: 1fr; padding: 4rem; } 
#page-main-effect .content-list .list-body li { display: flex; justify-content: center; flex-direction: column; } 
#page-main-effect .content-list .list-body li .content-img { border-radius: 3rem; overflow: hidden; margin-bottom: 2rem; } 
#page-main-effect .content-list .list-body li:first-of-type { padding-right: 4rem; border-right: 2px dashed #d0d7e2; } 
#page-main-effect .content-list .list-body li:last-of-type { padding-left: 4rem; } 
#page-main-effect .content-list .list-body li span { display: flex; align-items: center; justify-content: center; padding: 2rem 1rem; font-size: 1.8rem; font-weight: 500; border-radius: 100rem; text-align: center; } 
#page-main-effect .content-list .list-body li span:not(:first-child) { margin-top: 1rem; } 
#page-main-effect .content-list .list-body li:first-of-type span { color: #9a8f64; background-color: #fff3c1; } 
#page-main-effect .content-list .list-body li:last-of-type span { color: #6479a0; background-color: #cde1fe; } 


/* bottom-banner */
#return-cell-skinbooster #sub-bottom { background-color: #e7f0ff;}
#return-cell-skinbooster #sub-bottom .sub-title-group { display: flex; align-items: center; justify-content: space-between; width: 100%; } 
#return-cell-skinbooster #sub-bottom #sub-title { padding: 0; display: flex; justify-content: center; align-items: center; width: 100%; text-align: center; } 
#return-cell-skinbooster #sub-bottom #sub-title p { width: 50%; font-size: 2.2rem; color: #6479a0; } 
#return-cell-skinbooster #sub-bottom #sub-title p b { color: #41516f; } 
#return-cell-skinbooster #sub-bottom #sub-title h1 { width: 50%; margin-bottom: 12rem; display: flex; align-items: center; flex-direction: column; font-size: 12rem; } 

#return-cell-skinbooster #sub-bottom .sub-title-images picture.pc {
  max-width: 1920px;
  margin: 0 auto;
}

/* FAQ */
#return-cell-skinbooster #sub-faq-latest { margin-top: 0; } 

@media (max-width: 1024px){
 #page-survival-ratio .content-list,
 #page-survival-ratio .list-note { width: 70%; } 
 #page-comparison .chart-column { /* grid-template-columns: 2fr 1fr 2fr; */ } 
 }

@media (max-width: 768px){
 .pc { display: none !important; } 
 #page-intro,
 #page-unique,
 #page-technical,
 #page-know-how,
 #page-survival-ratio,
 #page-comparison,
 #page-system,
 #page-procedure,
 #page-main-effect { padding-block: 10rem; } 
 #return-cell-skinbooster small.common-small-group { width: 100%; padding: 4rem 2rem; } 

 #return-cell-skinbooster #sub-title { padding: 12rem 4rem 7rem; } 

 #page-intro .cont-container { width: 100%; } 
 #page-intro .cont-text-group, #page-intro .cont-image-group { gap: 2rem; } 
 #page-intro .cont-text-group b { padding: 1rem; text-align: center; } 
 #page-intro .content-img { border-radius: 1.4rem; } 


 #page-unique .content-list { width: 100%; } 
 #page-unique .content-list-col { padding: 2rem; } 
 #page-unique .content-text { display: grid; grid-template-rows: repeat(2, 1fr); grid-template-columns: 1fr; padding-top: 0; } 
 #page-unique .content-text .list-text:nth-child(even) { margin-top: 0; padding-top: 0; } 
 #page-unique .content-list-col { gap: 2rem; } 
 #page-unique .content-list-criteria { padding: 3rem 0; } 
 #page-unique .content-list-col:nth-of-type(1) .content-text .list-text { padding-right: 2rem; padding-left: 1rem; } 
 #page-unique .content-list-col:nth-of-type(2) .content-text .list-text { padding-right: 1rem; padding-left: 2rem; } 
 #page-unique .content-list-col .content-text .list-text { height: 12vw; display: flex; align-items: center; justify-content: center; padding-block: 1rem; } 
 #page-unique .list-title { margin-bottom: 0; } 
 
 #page-technical .content-list { grid-template-columns: repeat(3, 1fr); grid-template-rows: 1fr; width: 100%; } 
 #page-technical .content-list-col { padding: 2rem 1rem; } 
 
 #page-know-how .content-list { grid-template-columns: repeat(1, 1fr); grid-template-rows: auto; gap: 2rem; width: 90%; } 
 #page-know-how .content-list-col { padding: 2rem 2rem 3rem 2rem; } 
 #page-know-how .content-img { background-color: #f9f9f9; } 
 #page-know-how .content-img img { position: relative; width: 70%; margin: 0 auto; } 
 #page-know-how .list-title { margin-top: 0; } 

 #page-survival-ratio .content-list,
 #page-survival-ratio .list-note { width: 100%; } 
 #page-survival-ratio .list-note { align-items: center; justify-content: flex-start; flex-direction: column; gap: 1rem; } 
 #page-survival-ratio .donut-wrap { width: 90%; } 

 #page-comparison .comparison-chart { width: 100%; } 
 #page-comparison .chart-column { grid-template-columns: 1fr 20% 1fr; } 

 #page-regen-cert .image-group { width: 100%; } 
 #page-regen-cert .content-img { gap: 0rem; } 

 #page-system .content-list { width: 100%; } 
 #page-system .content-list li { width: 80%; max-width: 80vw; padding: 2rem; } 

 
 #page-procedure .content-list { width: 100%; row-gap: 1rem; } 
 #page-procedure i.icon-arrow.arrow03 { margin-bottom: 2rem; } 
 #page-procedure li .content-img { width: 70%; } 
 #page-procedure li .content-text { width: 80%; } 
 #page-procedure li.step05 .content-text b::before { right: -2rem; top: -1rem; width: 3rem; } 


 #page-main-effect .content-list { width: 100%; } 
 #page-main-effect .content-list .list-body {
  padding: 2rem;
 }
 #page-main-effect .content-list .list-body li:first-of-type {
  padding-right: 2rem;
 }
 #page-main-effect .content-list .list-body li:last-of-type {
  padding-left: 2rem;
 }

 #return-cell-skinbooster #sub-bottom .sub-title-group { padding-top: 5rem; align-items: center; justify-content: flex-start; flex-direction: column; height: 100%; } 
 #return-cell-skinbooster #sub-bottom #sub-title p { width: 100%; } 
 #return-cell-skinbooster #sub-bottom #sub-title h1 { width: 100%; margin: 2rem auto auto; font-size: 20vw; } 
 }

@media (max-width: 415px){
  #page-unique .content-list-col .content-text .list-text { height: 18vw; } 
}
@media (max-width: 370px){
 #page-intro small span { font-size: 2rem; } 
 /* #page-survival-ratio .content-list { grid-template-columns: 1fr; grid-template-rows: auto; } */
}
@media (max-width: 330px){
 #page-intro small span { font-size: 2rem; } 
 #return-cell-skinbooster .text-img img { height: 0.8em; } 
 }