@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');

/*!
 * fullPage 2.9.7
 * https://github.com/alvarotrigo/fullPage.js
 * MIT licensed
 *
 * Copyright (C) 2013 alvarotrigo.com - A project by Alvaro Trigo
 */
 html.fp-enabled,
 .fp-enabled body {
     margin: 0;
     padding: 0;
     overflow:hidden;
 
     /*Avoid flicker on slides transitions for mobile phones #336 */
     -webkit-tap-highlight-color: rgba(0,0,0,0);
 }
 .fp-section {
     position: relative;
     -webkit-box-sizing: border-box; /* Safari<=5 Android<=3 */
     -moz-box-sizing: border-box; /* <=28 */
     box-sizing: border-box;
 }
 .fp-slide {
     float: left;
 }
 .fp-slide, .fp-slidesContainer {
     height: 100%;
     display: block;
 }
 .fp-slides {
     z-index:1;
     height: 100%;
     overflow: hidden;
     position: relative;
     -webkit-transition: all 0.3s ease-out; /* Safari<=6 Android<=4.3 */
     transition: all 0.3s ease-out;
 }
 .fp-section.fp-table, .fp-slide.fp-table {
     display: table;
     table-layout:fixed;
     width: 100%;
 }
 .fp-tableCell {
     display: table-cell;
     vertical-align: middle;
     width: 100%;
     height: 100%;
 }
 .fp-slidesContainer {
     float: left;
     position: relative;
 }
 .fp-controlArrow {
     -webkit-user-select: none; /* webkit (safari, chrome) browsers */
     -moz-user-select: none; /* mozilla browsers */
     -khtml-user-select: none; /* webkit (konqueror) browsers */
     -ms-user-select: none; /* IE10+ */
     position: absolute;
     z-index: 4;
     top: 50%;
     cursor: pointer;
     width: 0;
     height: 0;
     border-style: solid;
     margin-top: -38px;
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
 }
 .fp-controlArrow.fp-prev {
     left: 15px;
     width: 0;
     border-width: 38.5px 34px 38.5px 0;
     border-color: transparent #fff transparent transparent;
 }
 .fp-controlArrow.fp-next {
     right: 15px;
     border-width: 38.5px 0 38.5px 34px;
     border-color: transparent transparent transparent #fff;
 }
 .fp-scrollable {
     overflow: hidden;
     position: relative;
 }
 .fp-scroller{
     overflow: hidden;
 }
 .iScrollIndicator{
     border: 0 !important;
 }
 .fp-notransition {
     -webkit-transition: none !important;
     transition: none !important;
 }
 #fp-nav {
     position: fixed;
     z-index: 100;
     margin-top: -32px;
     top: 50%;
     opacity: 1;
     -webkit-transform: translate3d(0,0,0);
 }
 #fp-nav.right {
     right: 17px;
 }
 #fp-nav.left {
     left: 17px;
 }
 .fp-slidesNav{
     position: absolute;
     z-index: 4;
     opacity: 1;
     -webkit-transform: translate3d(0,0,0);
     -ms-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
     left: 0 !important;
     right: 0;
     margin: 0 auto !important;
 }
 .fp-slidesNav.bottom {
     bottom: 17px;
 }
 .fp-slidesNav.top {
     top: 17px;
 }
 #fp-nav ul,
 .fp-slidesNav ul {
   margin: 0;
   padding: 0;
 }
 #fp-nav ul li,
 .fp-slidesNav ul li {
     display: block;
     width: 14px;
     height: 13px;
     margin: 7px;
     position:relative;
 }
 .fp-slidesNav ul li {
     display: inline-block;
 }
 #fp-nav ul li a,
 .fp-slidesNav ul li a {
     display: block;
     position: relative;
     z-index: 1;
     width: 100%;
     height: 100%;
     cursor: pointer;
     text-decoration: none;
 }
 #fp-nav ul li a.active span,
 .fp-slidesNav ul li a.active span,
 #fp-nav ul li:hover a.active span,
 .fp-slidesNav ul li:hover a.active span{
     height: 12px;
     width: 12px;
     margin: -6px 0 0 -6px;
     border-radius: 100%;
  }
 #fp-nav ul li a span,
 .fp-slidesNav ul li a span {
     border-radius: 50%;
     position: absolute;
     z-index: 1;
     height: 4px;
     width: 4px;
     border: 0;
     background: #333;
     left: 50%;
     top: 50%;
     margin: -2px 0 0 -2px;
     -webkit-transition: all 0.1s ease-in-out;
     -moz-transition: all 0.1s ease-in-out;
     -o-transition: all 0.1s ease-in-out;
     transition: all 0.1s ease-in-out;
 }
 #fp-nav ul li:hover a span,
 .fp-slidesNav ul li:hover a span{
     width: 10px;
     height: 10px;
     margin: -5px 0px 0px -5px;
 }
 #fp-nav ul li .fp-tooltip {
     position: absolute;
     top: -2px;
     color: #fff;
     font-size: 14px;
     font-family: arial, helvetica, sans-serif;
     white-space: nowrap;
     max-width: 220px;
     overflow: hidden;
     display: block;
     opacity: 0;
     width: 0;
     cursor: pointer;
 }
 #fp-nav ul li:hover .fp-tooltip,
 #fp-nav.fp-show-active a.active + .fp-tooltip {
     -webkit-transition: opacity 0.2s ease-in;
     transition: opacity 0.2s ease-in;
     width: auto;
     opacity: 1;
 }
 #fp-nav ul li .fp-tooltip.right {
     right: 20px;
 }
 #fp-nav ul li .fp-tooltip.left {
     left: 20px;
 }
 .fp-auto-height.fp-section,
 .fp-auto-height .fp-slide,
 .fp-auto-height .fp-tableCell{
     height: auto !important;
 }
 
 .fp-responsive .fp-auto-height-responsive.fp-section,
 .fp-responsive .fp-auto-height-responsive .fp-slide,
 .fp-responsive .fp-auto-height-responsive .fp-tableCell {
     height: auto !important;
 }


 .p{display: block;}
 .m{display: none;}
#fullpage{position: relative;font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
#side{width: 100px; height: 100%; background-color: rgba(0,0,0,.8); position: fixed; top: 0; right: 0; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
#side ul{width: 100%; height: 100%;}
#side ul li{width: 100%;box-sizing: border-box; border-bottom: 1px solid #485862; height: 10%; text-align: center; color: #fff; font-size: 14px;} 
#side ul li a{width: 100%; height: 100%;display: flex; justify-content: center; align-content: center; flex-wrap: wrap;}
#side ul li .txt{width: 100%; margin-top: 5%; line-height: 1.4;}
#side ul li:first-child{background-color: #ab8f5d;}
#side ul li:last-child{height: 20%; border-bottom: none;}
#side ul li:last-child a{align-content: flex-end; padding-bottom: 25%; box-sizing: border-box;}


.regenerative-inner{width: 1400px; position: relative; margin: 0 auto; padding-left: 5%; box-sizing: border-box;font-family: 'Noto Sans JP',sans-serif !important;}
.regenerative-inner::before{content: ''; width: 15px; height: 500px; background: url('/img/regenerative-medicine/before-txt.png')no-repeat center; background-size: contain; position: absolute; left: 0; top:0;}
#section3 .regenerative-inner::before,
#section5 .regenerative-inner::before{background: url('/img/regenerative-medicine/before-txt2.png')no-repeat center; background-size: contain;}
#section8 .regenerative-inner::before,
#section10 .regenerative-inner::before,
#section11 .regenerative-inner::before{background: url('/img/regenerative-medicine/before-txt3.png')no-repeat center; background-size: contain;}
#section9 .regenerative-inner::before,
#section12 .regenerative-inner::before{background: url('/img/regenerative-medicine/before-txt4.png')no-repeat center; background-size: contain;}
.regenerative-inner p{line-height: 1.6;}


#section0{background: url('/img/regenerative-medicine/bg01.jpg')no-repeat center;background-size: cover; position: relative;}
#section0 .regenerative-inner{padding-left: 0;}
#section0 .regenerative-inner::before{content: none;}
#section0 .logo a{width: 200px; height: 100px; background: url('/img/regenerative-medicine/logo.png')no-repeat center; background-size: contain; position: absolute; top: 3%; left: 4%;}
#section0 h2{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 700; font-size: 70px;color: #fff; text-shadow: 1px 1px 3px rgba(0,0,0,.5);}
#section0 h2 span{display: block; font-size: 50px; font-weight: 100; margin-top: 1.5%; text-shadow: none;}

#section1{background: url('/img/regenerative-medicine/bg02.jpg')no-repeat center;background-size: cover; color: #fff;}
#section1 .regenerative-inner{display: flex; align-items: center; padding-left: 0;}
#section1 .regenerative-inner::before{content: none;}
#section1 .left{width: 53%;}
#section1 .left h3{font-weight: 700; font-size: 50px;}
#section1 .left span{font-weight: 100; font-size: 30px; display: block; margin: 5% 0;}
#section1 .left p{line-height: 1.6; font-size: 17px;}
#section1 .right{width: 47%;}
#section1 .right ul{width: 80%; margin: 0 auto;}
#section1 .right ul li{border: 1px solid; box-sizing: border-box; margin-bottom: 3%; display: flex; align-items: center; position: relative; padding: 7%; background-color: rgba(0,0,0,.2);}
#section1 .right ul li:last-child{margin-bottom: 0;}
#section1 .right ul li::after{content: ''; width: 50px; height: 50px; background: url('/img/regenerative-medicine/down-arrow.png')no-repeat center; background-size: contain; position: absolute; bottom: -30px; left: 50%; transform: translateX(-50%); z-index: 1;}
#section1 .right ul li:last-child::after{content: none;}
#section1 .right ul li i{width: 70px; height: 70px; background-color: darkblue; display: block; position: relative;}
#section1 .right ul li i::after{content: ''; width: 1px; height: 80px; background-color: #fff; position: absolute; right: -50%; top: 50%; transform: translateY(-50%);}
#section1 .right ul li:nth-child(1) i{background: url('/img/regenerative-medicine/icon01.png')no-repeat center; background-size: contain;}
#section1 .right ul li:nth-child(2) i{background: url('/img/regenerative-medicine/icon02.png')no-repeat center; background-size: contain;}
#section1 .right ul li:nth-child(3) i{background: url('/img/regenerative-medicine/icon03.png')no-repeat center; background-size: contain;}
#section1 .right ul li p{font-size: 18px; margin-left: 15%;}

#section1 .right ul li:nth-child(1)::before{content: '01'; color: #8ab5ff; position: absolute; top: 5%; left: 2%; display: inline-block;}
#section1 .right ul li:nth-child(2)::before{content: '02'; color: #8ab5ff; position: absolute; top: 5%; left: 2%; display: inline-block;}
#section1 .right ul li:nth-child(3)::before{content: '03'; color: #8ab5ff; position: absolute; top: 5%; left: 2%; display: inline-block;}


#section2{background: url('/img/regenerative-medicine/bg03.jpg')no-repeat center;background-size: cover; color: #2e456f;}
#section2 .regenerative-inner{display: flex; align-items: center;}

#section2 .left{width: 40%; color: #5674b9;}
#section2 .left span{font-weight: 100; font-size: 35px; border-bottom: 1px solid; box-sizing: border-box; display: inline-block; padding-bottom: 2%;}
#section2 .left h3{font-weight: 700; font-size: 45px; line-height: 1.6; margin-top: 5%;} 
#section2 .right{width: 60%;}
#section2 .right h4{font-weight: 700; color: #000; font-size: 40px; margin-bottom: 5%;}
#section2 .right h4 span{font-weight: 100; font-size: 25px; color: #5674b9; vertical-align: top;}
#section2 .right p{font-size: 17px;}

#section3{background: url('/img/regenerative-medicine/bg04.jpg')no-repeat center;background-size: cover; color: #fff;}

#section3 .box{box-sizing: border-box;}
#section3 .box h4{font-weight: 400; font-size: 40px; margin-bottom: 3%;}
#section3 .box h4 span{font-weight: 200; font-size: 35px;}
#section3 .box h4 b{font-weight: 700;}
#section3 .box ul{display: flex; width: 100%;}
#section3 .box ul li{width: 33.33%;box-sizing: border-box; position: relative; cursor: pointer;}
#section3 .box ul li:hover .txt{display: block;}
#section3 .box ul li .img{width: 100%;}
#section3 .box ul li .img img{width: 100%; display: block;}
#section3 .box ul li .txt{display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.6); text-align: center; color: #fff; }
#section3 .box ul li .txt .txt-box{ width: 100%; height: 100%; display: flex; flex-wrap: wrap; align-content: center; justify-content: center;}
#section3 .box ul li .txt b{display: block; font-weight: 700; font-size: 30px; width: 100%;}
#section3 .box ul li .txt b span{display: block; font-weight: 400; color: #a1deed; font-size: 18px; margin-top: 3%;}
#section3 .box ul li .txt p{margin-top: 10%; position: relative;}
#section3 .box ul li .txt p::before{content: ''; width: 70px; height: 2px; background-color: #fff; display: block; position: absolute; top: -20px; left: 50%; transform: translateX(-50%);}

#section4{background-image: linear-gradient(to right, #eef4ff 50%, #fff 50%); position: relative;}
#section4::after{content: ''; background: url('/img/regenerative-medicine/con02.png')no-repeat center; width: 45%; height: 700px; background-size: contain; position: absolute; bottom: -3%; right: 4%;}
#section4 .regenerative-inner{display: flex; flex-wrap: wrap;}
#section4 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; width: 100%;}
#section4 .left{width: 50%;}
#section4 .left .img{width: 80%; margin-top: 10%;}
#section4 .left .img img{width: 100%; display: block;}
#section4 .right{width: 50%;}
#section4 .right p{background-color: rgba(0,0,0,.3); color: #fff; font-size: 20px; text-align: center; padding: 2%; display: block; width: 50%; margin-left: 30%;}



#section5{background: url('/img/regenerative-medicine/bg05.jpg')no-repeat center;background-size: cover; color: #fff;}
#section5 .regenerative-inner{display: flex; align-items: center;text-shadow: 2px 2px 5px rgba(0,0,0,.5),-2px -2px 5px rgba(0,0,0,.5);}
#section5 .left{width: 50%;}
#section5 .left span{font-weight: 200; font-size: 25px;}
#section5 .left h3{font-weight: 700;font-size: 45px; line-height: 1.6; margin: 3% 0;}
#section5 .left p{font-size: 17px; line-height: 1.6;}
#section5 .right{width: 50%;}
#section5 .right ul li{width: 100%; background-color: rgba(0,0,0,.3); border: 1px solid #fff; box-sizing: border-box; margin-bottom: 3%; display: flex; align-items: center;}
#section5 .right ul li .img{width: 25%; border-right: 1px solid; box-sizing: border-box;}
#section5 .right ul li .img img{display: block; width: 100%;}
#section5 .right ul li:last-child{margin-bottom: 0;}
#section5 .right ul li .txt{width: 75%;box-sizing: border-box; padding: 0 5%;}
#section5 .right ul li .txt b{font-weight: 500; font-size: 18px; line-height: 1.4;}
#section5 .right ul li .txt b span{display: block; font-weight: 400; font-size: 14px; margin-top: 3%;}
#section5 .right ul li .txt p{font-size: 14px; line-height: 1.6; margin-top: 3%;}

#section6{background: url('/img/regenerative-medicine/bg06.jpg')no-repeat center;background-size: cover;}
#section6 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%;}
#section6 h4 span{font-weight: 200; color: #4863ac; font-size: 20px; display: block; margin-bottom: 1%;}


.stemCell-swiper{position: relative;}
.stemCell-swiper .swiper-wrapper{box-sizing: border-box;}
.stemCell-swiper .swiper-slide{background-color: #fff; display: flex; justify-content: space-between;}
.stemCell-swiper .step-txt{width: 60%; background-color: #fff; height: 450px; position: relative;}
.stemCell-swiper .step-txt::after{content: ''; background: url('/img/regenerative-medicine/slideBtn.jpg')no-repeat center; width: 80px; height: 100%; position: absolute; z-index: 1; right: 0; top: 0; cursor: pointer; background-size: cover;}
.stemCell-swiper .step-txt::before{content: ''; background: url('/img/regenerative-medicine/con6-before.png')no-repeat center; width: 250px; height: 250px; background-size: contain; display: block; position: absolute; bottom: 0; right: 10%; z-index: 2;}
.stemCell-swiper .step-txtInner{width: 85%; position: absolute; top: 50%; transform: translateY(-50%); left:5%; box-sizing: border-box;}
.stemCell-swiper .swiper-slide .step-txtInner span{display: inline-block; color: #4863ac; border: 1px solid; box-sizing: border-box; padding: 8px 15px;}
.stemCell-swiper .swiper-slide .step-txtInner span strong{font-weight: 600;}
.stemCell-swiper .swiper-slide .step-txtInner b{font-weight: 700; font-size: 35px; display: block; margin: 2% 0 3% 0;}
.stemCell-swiper .swiper-slide .step-txtInner p{color: #495b6f; font-weight: 100; font-size: 17px; line-height: 1.6; padding-left: 3%; border-left: 2px solid #ccc; box-sizing: border-box;}
.stemCell-swiper .step-next{position: absolute; top: 5%; right: 0; width: 80px; height: 50px; font-size: 13px; color: #fff; text-align: center; padding-bottom: 3%; z-index: 2;}
.stemCell-swiper .step-next span{font-weight: 700; font-size: 25px; line-height: 1;}
.stemCell-swiper .step-next::after{content: ''; width: 40px; height: 1px; background-color: #fff; position: absolute; bottom: 0; right:0; transform: translateX(-50%); display: block;}
.stemCell-swiper .swiper-slide .img{width: 40%; height: 450px; display: block;}


.stemCell-swiper .swiper-slide:nth-child(1) .img{background: url('/img/regenerative-medicine/con6-5.jpg') no-repeat; background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(2) .img{background: url('/img/regenerative-medicine/con6-1.jpg') no-repeat;background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(3) .img{background: url('/img/regenerative-medicine/con6-2.jpg') no-repeat;background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(4) .img{background: url('/img/regenerative-medicine/con6-3.jpg') no-repeat;background-size: cover;}
.stemCell-swiper .swiper-slide:nth-child(5) .img{background: url('/img/regenerative-medicine/con6-4.jpg') no-repeat;background-size: cover;}


#section7{width: 100%;}
#section7 ul{width: 100%; height: 100%; display: flex;}
#section7 ul li{width: 25%; height: 100%; box-sizing: border-box; position: relative;}
#section7 ul li:nth-child(1){background: url('/img/regenerative-medicine/con7-1.jpg')no-repeat center; background-size: cover;}
#section7 ul li:nth-child(2){background: url('/img/regenerative-medicine/con7-2.jpg')no-repeat center; background-size: cover;}
#section7 ul li:nth-child(3){background: url('/img/regenerative-medicine/con7-3.jpg')no-repeat center; background-size: cover;}
#section7 ul li:nth-child(4){background: url('/img/regenerative-medicine/con7-4.jpg')no-repeat center; background-size: cover;}

#section7 ul li .txt{color: #fff; position: absolute; top: 20%; width: 100%; text-align: center;}
#section7 ul li .txt span{font-size: 16px; border-bottom: 1px solid; display: inline-block; padding-bottom: 2%;}
#section7 ul li .txt b{font-weight: 700; font-size: 40px; display: block; margin: 5% 0; line-height: 1.4;}
#section7 ul li .txt a{display: inline-block; font-size: 16px; border: 2px solid; border-radius: 30px; padding: 3% 10%; position: relative;}
#section7 ul li .txt a::after{content: ''; width: 15px; height: 15px; background: url('/img/regenerative-medicine/next-arrow.png')no-repeat center; background-size: contain; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 10%;}


#section8{background: url('/img/regenerative-medicine/bg08.jpg')no-repeat center;background-size: cover; color: #2e456f;}
#section8 .regenerative-inner{display: flex; align-items: center;}

#section8 .left{width: 40%; color: #2e7593;}
#section8 .left h3{font-weight: 700; font-size: 70px; line-height: 1.6; margin-top: 5%;} 
#section8 .right{width: 60%;}
#section8 .right h4{font-weight: 700; color: #000; font-size: 40px; margin-bottom: 5%;}
#section8 .right h4 span{font-weight: 100; font-size: 25px; color: #2e7593; vertical-align: top;}
#section8 .right p{font-size: 17px; color: #2e7593;}

#section9{background: url('/img/regenerative-medicine/bg09.jpg')no-repeat center;background-size: cover; color: #2e456f;}
#section9 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; color: #fff;}
#section9 ul{display: flex; align-items: flex-start; justify-content: space-between;}
#section9 ul li{width: 20%; box-sizing: border-box; position: relative;}
#section9 ul li:nth-child(1)::before{content: ''; width: 40px; height: 40px; background: url('/img/regenerative-medicine/con9-arrow.png')no-repeat center; background-size: contain; position: absolute; top: 50%; right: -55px; transform: translateY(-50%);}
#section9 ul li:last-child{width: 50%;}

#section9 ul li .txt{background-color: #fff; width: 100%; text-align: center; color: #2e7593; font-size: 18px; padding: 5% 0;}
#section9 ul li .img{width: 100%; background-color: rgba(0,0,0,.3); border: 1px solid #fff; box-sizing: border-box; padding: 20% 0;}
#section9 ul li .img img{width: 90%; margin: 0 auto; display: block;}
#section9 ul li:last-child .img{background-color: transparent;border: none; padding: 0;}

#section10{width: 100%; background-color: #fff;}
#section10 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; color: #2e7593;}
#section10 h4 span{font-weight: 400; font-size: 28px;}

#section10 .effect-Tab ul{background-color: #ddd; width: 100%; display: flex; align-items: center;}
#section10 .effect-Tab ul li{width: 16.66%; cursor: pointer; box-sizing: border-box; text-align: center; padding: 20px 0; font-size: 18px;}
#section10 .effect-Tab ul li.active{background-color: #2a546b; color: #fff;}

#section10 .effect-Con{width: 100%; border: 1px solid #ddd; box-sizing: border-box;}
#section10 .effect-Con .box{display: none;}
#section10 .effect-Con .box.active{display: block;}

#section10 .effect-Con .box .img{width: 100%;}
#section10 .effect-Con .box .img img{width: 100%; display: block;}

#section11{background-image: linear-gradient(to right, #e2eff4 50%, #17324b 50%); position: relative;}
#section11 .regenerative-inner{display: flex; align-items: center;}
#section11::after{content: ''; background: url('/img/regenerative-medicine/con11-2.jpg')no-repeat center; width: 50%; height: 70%; background-size: contain; display: block; position: absolute; top: 20%; right: 0; z-index: 1;}
#section11 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; color: #000;}
#section11 h4 span{font-weight: 200; color: #496da2; font-size: 25px;}
#section11 .left{width: 50%;}
#section11 .left .img{width: 80%;}
#section11 .left .img img{width: 100%; display: block;}
#section11 .right{width: 50%; position: relative; height: 600px;}
#section11 .right h4{color: #fff; position: absolute; top: 0; z-index: 2;}
#section11 .right span{color: #80acbd;}

#section12{background: url('/img/regenerative-medicine/bg12.jpg')no-repeat center;background-size: cover; color: #2e456f; color: #000;}
#section12 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; color: #fff;}
#section12 ul{display: flex; width: 100%; align-items: center; justify-content: space-between;}
#section12 ul li{width: 48%; position: relative;}
#section12 ul li .img{width: 100%;}
#section12 ul li .img img{width: 100%; display: block;}

#section12 ul li .txt{position: absolute; width: 100%; background-color: #fff; bottom: 0; left: 0; text-align: center; height: 90px; display: flex; align-items: center; flex-wrap: wrap; align-content: center; justify-content: center;}
#section12 ul li .txt p{font-weight: 500; font-size: 18px;}

#section12 ul li:nth-child(1) .txt{background-color: rgba(255,255,255,.8);}
#section12 ul li:nth-child(1) .txt p{width: 50%;}
#section12 ul li .txt span{color: #397fc7; font-weight: 400; font-size: 13px; display: block; width: 100%; margin-top: 1%;} 


.dim{display: none; width: 100vw; height: 100vh; position: fixed; top: 0; left: 0; background-color: rgba(0,0,0,.9); z-index: 3;}
.program-pop{display: none; width: 80%; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 5; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
.program-swiper{width: 100%; background-color: #fff; overflow: hidden;}

.program-swiper .swiper-slide{display: flex; align-items: center; position: relative;}

.program-swiper .swiper-slide .img{width: 45%; }
.program-swiper .swiper-slide .img img{width: 100%; display: block;}

.program-swiper .swiper-slide .txt{width: 55%; padding:5%; position: relative; height: 400px; box-sizing: border-box;}
.program-swiper .swiper-slide .txt::after{content: ''; width: 250px; height: 250px; background: url('/img/regenerative-medicine/con6-before.png')no-repeat center;background-size: contain;position: absolute; bottom: 0; right: 0;}
.program-swiper .swiper-slide .txt span{font-weight: 400; color: #3a84d7; display: inline-block; font-size: 18px; padding-bottom: 1%; border-bottom: 1px solid;}
.program-swiper .swiper-slide .txt b{font-weight: 700; color: #000; font-size: 40px; display: block; margin: 3% 0;}
.program-swiper .swiper-slide .txt strong{font-weight: 700; color: #495b6f; font-size: 20px; display: block; margin-bottom: 3%;}
.program-swiper .swiper-slide .txt p{font-weight: 100; color: #495b6f; font-size: 17px; line-height: 1.6;}

.program-swiper .swiper-slide:nth-child(1)::before{content: 'Program 03'; color: #fff; font-weight: 400; display: inline-block; border-bottom: 1px solid; position: absolute; top: 50%; transform: translateY(-50%); left: -17%;}

.program-pop1 .close,.program-pop2 .close,.program-pop3 .close,.program-pop4 .close{width: 50px; height: 50px;cursor: pointer; background: url('/img/regenerative-medicine/close.png')no-repeat center;  border: none; text-indent: -9999px; position: absolute; top: 0; right: 0; display: block; z-index: 9;}
 
.program-pop1 .swiper-button-next,.program-pop2 .swiper-button-next,.program-pop3 .swiper-button-next,.program-pop4 .swiper-button-next{width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); right: -7%; z-index: 9; cursor: pointer;} 
.program-pop1 .swiper-button-prev,.program-pop2 .swiper-button-prev.program-pop3 .swiper-button-prev,.program-po4 .swiper-button-prev{width: 40px; height: 40px; position: absolute; top: 50%; transform: translateY(-50%); left: -7%; z-index: 9; cursor: pointer;} 

.program-pop1 .swiper-button-next::after,.program-pop2 .swiper-button-next::after,.program-pop3 .swiper-button-next::after,.program-pop4 .swiper-button-next::after{content: ''; width: 40px; height: 40px; background: url('/img/regenerative-medicine/next-arrow.png')no-repeat center; background-size: contain; display: block;}
.program-pop1 .swiper-button-prev::after,.program-pop2 .swiper-button-prev::after,.program-pop3 .swiper-button-prev::after,.program-pop4 .swiper-button-prev::after{content: ''; width: 40px; height: 40px; background: url('/img/regenerative-medicine/prev-arrow.png')no-repeat center; background-size: contain; display: block;}

.program-map{display: none; position: absolute; width: 80%; top: 50%; left: 50%; transform: translate(-50%, -50%); background-color: #fff; z-index: 9; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400;}
.program-map .box{display: flex; align-items: center;}
.program-map .left{width: 50%; height: 550px;}
.program-map .right{width: 50%; padding: 5%; box-sizing: border-box;}
.program-map .right h5{font-weight: 500; width: 100%; color: #b49061; font-size: 22px; display: block; padding-bottom: 2%; border-bottom: 1px solid #ccc; margin-bottom: 3%;}
.program-map .right p{color: #000; font-size: 15px; margin-bottom: 3%;}
.program-map .right p span{color: #666666; line-height: 1.6;}
.program-map .right ul li{box-sizing: border-box; margin-bottom: 2%;}
.program-map .right ul li b{color: #b49061; font-size: 15px;}
.program-map .right ul li b::before{content: '・';}
.program-map .right ul li b span{color: #666666; display: inline-block; margin-left: 5%;}
.program-map .right .btn{display: flex; align-items: center; margin: 5% 0 10% 0;}
.program-map .right .btn a{display: block; width: 35%; box-sizing: border-box; text-align: center; padding: 3% 0; border-radius: 30px; background-color: #4c4c4c; color: #fff;position: relative;} 
.program-map .right .btn a::after{content: ''; width: 15px; height: 15px; background: url('/img/regenerative-medicine/next-arrow.png')no-repeat center; background-size: contain; display: inline-block; position: absolute; top: 48%; transform: translateY(-48%); right: 15%;}
.program-map .right .btn a:last-child{background-color: #b49061; margin-left: 2%;}

.program-map .right .txt2{display: flex; flex-wrap: wrap; align-items: center; }
.program-map .right .txt2 ul{width: 50%;}
.program-map .right .txt2 .call{width: 50%; padding-left:50px; box-sizing: border-box; position: relative;}
.program-map .right .txt2 .call::before{content: ''; width: 40px; height: 40px; background: url('/img/regenerative-medicine/call2.png')no-repeat center; display: inline-block; background-size: contain; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.program-map .right .txt2 .call b{font-weight: 500; color: #b49061; display: block;}
.program-map .right .txt2 .call a{color: #000; font-weight: 500; font-size: 22px; display: block;}

.program-map .close{width: 50px; height: 50px;cursor: pointer; background: url('/img/regenerative-medicine/close.png')no-repeat center;  border: none; text-indent: -9999px; position: absolute; top: 2%; right:2%; display: block; z-index: 9;}



/*오시는길*/
#section14 .mainLocation{padding: 5% 0;}
#section14 .mainLocation .main-inner{position: relative;}
#section14 .mainLocation .location-title{width: 100%; display: flex; align-items: center; justify-content: space-between; box-sizing: border-box; padding-right: 420px;}
#section14 .mainLocation .location-title p{font-family:'NotoSansJP-Bold',sans-serif !important; font-size: 2.125rem;} 
#section14 .mainLocation .location-title b{font-family:'NotoSansJP-Medium',sans-serif !important; font-size: 1.25rem; color: #b49061; line-height: 1.4; display: block; margin: 3% 0 2% 0;} 
#section14 .mainLocation .location-title span{display: block; font-family:'NotoSansJP-Regular',sans-serif !important; font-size: 1rem;}
#section14 .mainLocation .location-title span i{color: #666666;}
#section14 .mainLocation .location-btn{width:420px; position: absolute; top: 5%; right: 0;}
#section14 .mainLocation .location-btn ul{display: flex; align-items: center; justify-content: space-between;}
#section14 .mainLocation .location-btn ul li{width: 200px; background-color: #4c4c4c; color: #fff;font-family: 'NotoSansJP-Regular',sans-serif !important; border-radius: 50px;}
#section14 .mainLocation .location-btn ul li button{display: flex;border-radius: 50px; background-color: transparent; color: #fff; border: none;font-size: 1.125rem; height:60px; width: 100%; line-height: 60px; cursor: pointer; display: flex; justify-content: center; align-items: center;}
#section14 .mainLocation .location-btn ul li button::after{content: ''; background: url('/img/main/btnArrow.png')no-repeat center; display: inline-flex; width: 20px; height: 15px; background-size: contain; margin-left: 3%;} 
#section14 .mainLocation .location-btn ul li:nth-child(2){background-color: #b49061;}
#section14 .mainLocation .location-con{margin-top: 3%;}
#section14 .mainLocation .location-info{margin-top: 3%; display: flex;justify-content: space-between;}
#section14 .mainLocation .location-info p{font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 25px; margin-bottom: 4%; width: 100%;}
#section14 .mainLocation .location-info .loca-info01{width: 33.33%;box-sizing: border-box;}
#section14 .mainLocation .location-info .loca-info01 .loca-info01-con{display: flex; align-items: center; justify-content: space-between;}
#section14 .mainLocation .location-info .loca-info01 dl{width: 33.33%; color: #7d7d7d;}
#section14 .mainLocation .location-info .loca-info01 dl dt{font-family: 'NotoSansJP-Bold',sans-serif !important; font-size: 1.125rem; margin-bottom: 8%;}
#section14 .mainLocation .location-info .loca-info01 dl dd{font-family: 'NotoSansJP-Regular',sans-serif !important; font-size: 1.125rem;}
#section14 .mainLocation .location-info .loca-info02{width: 33.33%;box-sizing: border-box; padding: 0 3%; border-left: 2px solid #eee; border-right: 2px solid #eee;}
#section14 .mainLocation .location-info .loca-info02 a{font-family: 'NotoSansJP-Medium',sans-serif !important; font-size: 36px; display: flex; align-items: center;}
#section14 .mainLocation .location-info .loca-info02 a img{margin-right: 5%;}
#section14 .loca-info03{width: 33.33%; box-sizing: border-box; padding-left: 3%;}
#section14 .loca-info03 ul li{box-sizing: border-box; display: flex; align-items: flex-start; line-height: 1.4;}
#section14 .loca-info03 ul li b{font-family: 'Noto Sans JP',sans-serif !important; font-weight: 500; font-size: 20px; display: inline-block; width: 25%;}
#section14 .loca-info03 ul li span{color: #7d7d7d; font-family: 'Noto Sans JP',sans-serif !important; font-weight: 400; font-size: 18px; display: inline-block;}

/*contact*/
#section13{    background: url(/wp-content/uploads/2024/05/contact-2.png) no-repeat center;    background-size: cover;}
#section13,#section13 .fp-tableCell{    height: 615px !important;}
#section13 .fp-tableCell{    background: url(/wp-content/uploads/2024/05/contact-3.png) no-repeat left 250px;}
#section13 .regenerative-inner::before {    width: 9px;    height: 310px;    background: url(/wp-content/uploads/2024/05/contact-1.png) no-repeat center;}
#section13 .regenerative-inner{    display: flex;    justify-content: space-between;}
#section13 .left h3{    color: #fff;    font-size: 74px;    font-weight: 700;}
#section13 .left h4{    letter-spacing:-2px;    margin: 35px 0;    font-size: 28px;    font-weight: 500;    color: #fff;}
#section13 .left p{    font-size: 15px;    line-height: 27px;    color: #fff;     letter-spacing:-2px;}

/*메일*/
#section13 .regenerative-medicine-contact>div{position:relative; margin-bottom: 8px;    display: flex;    justify-content: flex-end;}
#section13 .regenerative-medicine-contact>div>div{    position: absolute;    bottom: 18px;    left: 25px; color:#fff; font-size:14px;display: flex;align-items: center; z-index:1}
#section13 .regenerative-medicine-contact>div>div>p{color:#82ceff;}
#section13 .regenerative-medicine-contact input{background: #1b577d; width : 412px; border: 2px solid #3074a0; height: 50px; border-radius: 5px; padding:0 0 0 200px;background-clip: content-box; color: #fff;}
#section13 .regenerative-medicine-contact .submit{ width: 200px;  margin-top:20px;}
#section13 .regenerative-medicine-contact .submit input{ width: 200px;background-color: #fff; color: #1b577d; padding: 0; border-radius: 25px; font-weight:600; border:none;position:relative}
#section13 .regenerative-medicine-contact .submit::after{content:''; position:absolute;width:21px; height:21px; background:url(/wp-content/uploads/2024/05/contact-4.png) no-repeat center; right: 10px ; bottom:13px;}
#section13 .regenerative-medicine-contact .submit span{    display: none;}



/*main-page*/
#Regenerative {    position: relative;font-family: "Noto Sans JP", sans-serif ;letter-spacing:-0.2px}
#Regenerative .header-logo{position: absolute; top:60px; left:80px;}
#Regenerative .section01{background: url(/wp-content/uploads/2024/06/section01-back.png) no-repeat center;    padding: 345px 0 285px;}
#Regenerative .section01 .section01-txt{ text-align: center;}
#Regenerative .section01 .section01-txt h2{color : #706041; font-size:20px; text-decoration : underline;   text-underline-offset : 10px;}
#Regenerative .section01 .section01-txt h1{color: black; font-size : 65px; margin:35px 0 30px; font-weight:700;}
#Regenerative .section01 .section01-txt h1 span{ color:#8e7444;}
#Regenerative .section01 .section01-txt h3{font-size:30px; line-height:46px;}
#Regenerative .section01 .section01-txt h3 span{color : #8e7444;} 
#Regenerative .section01 .section01-btn{    display: flex;    justify-content: center; margin-top: 50px;gap: 20px;}
#Regenerative .section01 .section01-btn a{padding: 20px 45px;font-size:20px;    display: flex;    align-items: center;    gap: 5px;}
#Regenerative .section01 .section01-btn a:nth-child(1){background-color:#8e7444;border:2px solid #bdaa77;color:#fff;opacity:0.9;}
#Regenerative .section01 .section01-btn a:nth-child(2){background-color:#fff;border:2px solid #fff;color:#413427;}
#Regenerative .section01 .section01-btn a img{transition: 0.5s all;}
#Regenerative .section01 .section01-btn a:hover img{padding-left:10px; }



#Regenerative .section02{background: url(/wp-content/uploads/2024/06/main-section04-1.png) no-repeat center; padding: 110px 0 100px;background-size:cover;}
#Regenerative .section02 .section02-txt{text-align: center;}
#Regenerative .section02 .section02-txt h2{font-weight:700;color : #8e7444; font-size:20px; text-decoration : underline;   text-underline-offset : 10px;}
#Regenerative .section02 .section02-txt h1{color: black; font-size : 50px; margin:50px 0 30px; font-weight:700;}
#Regenerative .section02 .section02-txt p{font-size:18px; color: #5c5c5c; line-height: 32px;}
#Regenerative .section02 .section02-con{display: flex;    justify-content: center; margin-top:30px; gap:40px;}
#Regenerative .section02 .section02-con a{border-radius:50%; border:2px solid #fff; width:426px; height:426px;backdrop-filter: blur(10px); background:url(/wp-content/uploads/2024/06/arrow3.png) no-repeat 92% center;transition: 0.5s all;}
#Regenerative .section02 .section02-con a:nth-child(2){background-image: url(/wp-content/uploads/2024/06/arrow4.png)}
#Regenerative .section02 .section02-con a:hover{background-position:94% center}
#Regenerative .section02 .section02-con a div{display: flex;    flex-direction: column;    align-items: center;    text-align: center; padding-top:65px;}
#Regenerative .section02 .section02-con a div h4{color : #a89582; font-size:18px; text-decoration : underline;   text-underline-offset : 10px;}
#Regenerative .section02 .section02-con a div h5{color:#8e7444; line-height:39px;margin:45px 0 25px; font-size:35px;font-weight:700;}
#Regenerative .section02 .section02-con a:nth-child(2) div h5{color:#6f665e;}
#Regenerative .section02 .section02-con a div p{background-color: #8e7444; width:80px; height:2px; margin: 0 auto 25px; }
#Regenerative .section02 .section02-con a div span{color: #6f665e; font-size:22px;line-height:30px;}



#Regenerative .section03{display: flex; }
#Regenerative .section03 a{width:25%; background:url(/wp-content/uploads/2024/06/section03-back1.png) no-repeat center;background-size:cover;position:relative;padding: 100px 0 600px;}
#Regenerative .section03 a:nth-child(2){background-image:url(/wp-content/uploads/2024/06/section03-back2.png)}
#Regenerative .section03 a:nth-child(3){background-image:url(/wp-content/uploads/2024/06/section03-back3.png)}
#Regenerative .section03 a:nth-child(4){background-image:url(/wp-content/uploads/2024/06/section03-back4.png)}
#Regenerative .section03 div h3{color: #fff; font-size:30px; line-height:42px; text-align:center; font-weight:700;}
#Regenerative .section03 div article{position: absolute;bottom:0; background-color:black;opacity:0.5;width:100%;display: flex;  gap:10px;  align-items: center;    justify-content: center; padding: 20px 0;}
#Regenerative .section03 div article p{color:#fff; font-size:20px;letter-spacing:-0.1px;}
#Regenerative .section03 a img{transition: 0.5s all;}
#Regenerative .section03 a:hover img{margin-left:10px;}



#Regenerative .section04{
    margin-top:135px;
    margin-bottom:135px;
}
#Regenerative .section04 .section04-txt{text-align:center;}
#Regenerative .section04 .section04-txt h2{   font-weight:700; color: #8e7444;    font-size: 20px;    text-decoration: underline;    text-underline-offset: 10px;}
#Regenerative .section04 .section04-txt h1{    color: black;    font-size: 50px;    margin: 50px 0 30px;    font-weight: 700;}
#Regenerative .section04 .section04-con{display:flex; gap:0px 2px}
#Regenerative .section04 .section04-con a{width:25% ; background:url(/wp-content/uploads/2024/06/section04-back1.png) no-repeat center; background-size:cover; padding: 90px 0;}
#Regenerative .section04 .section04-con a:nth-child(2){background-image:url(/wp-content/uploads/2024/06/section04-back2.png)}
#Regenerative .section04 .section04-con a:nth-child(3){background-image:url(/wp-content/uploads/2024/06/section04-back3.png)}
#Regenerative .section04 .section04-con a:nth-child(4){background-image:url(/wp-content/uploads/2024/06/section04-back4.png)}
#Regenerative .section04 .section04-con a div{display: flex;    align-items: center;    justify-content: center; gap: 10px;}
#Regenerative .section04 .section04-con a div p{color: #fff; font-size: 20px;}


#Regenerative .m{display: none;}
#Regenerative .p{display: block;}



/*피부재생*/
#skin-regeneration{position:relative; overflow:hidden; font-family: "Noto Sans JP";}
#skin-regeneration .headlogo{position: absolute; top:60px; left:80px; z-index:999;}

#skin-regeneration .section01 .swiper-container{position:relative;}
#skin-regeneration .section01 .swiper-wrapper .swiper-slide{width: 100vw !important;  text-align: center; background-size:cover; min-height:988px; display: flex;    flex-direction: column;    align-items: center;    justify-content: center;}
#skin-regeneration .section01 .swiper-wrapper>div:nth-child(1){background: url(/wp-content/uploads/2024/06/main-section01-1.png) no-repeat center; }
#skin-regeneration .section01 .swiper-wrapper>div:nth-child(2){background: url(/wp-content/uploads/2024/06/main-section01-2.png) no-repeat center;}
#skin-regeneration .section01 .swiper-wrapper .swiper-slide h1{color: #fff; font-size:60px; font-weight:700; text-shadow: 1px 1px 10px black;}
#skin-regeneration .section01 .swiper-wrapper .swiper-slide h2{color: #fff; font-size:50px; font-weight:700;text-shadow: 1px 1px 10px black; margin:30px 0 50px;}
#skin-regeneration .section01 .swiper-wrapper .swiper-slide h3{color: #fff; font-size:30px; text-shadow: 1px 1px 10px black;}
#skin-regeneration .section01 .swiper-wrapper>div:nth-child(2) h1{line-height:78px; margin-bottom:45px;}
#skin-regeneration .swiper-button-prev,#skin-regeneration .swiper-rtl .swiper-button-next{opacity:1;}
#skin-regeneration .swiper-button-prev:after,#skin-regeneration .swiper-button-next:after{display: none; }
#skin-regeneration .swiper-button-next,#skin-regeneration .swiper-button-prev{top:45% ;}
#skin-regeneration .swiper-button-prev{margin-left:70px;}
#skin-regeneration .swiper-button-next{margin-right:70px;}
#skin-regeneration .section01 .swiper-footer-con{position: absolute; bottom:80px; z-index:1; width:100%;}
#skin-regeneration .section01 .swiper-footer-con>div{display:flex; justify-content: center;margin: 0 auto;width:650px; background-color:#00000070; border-radius: 50px;padding:30px 0;}
#skin-regeneration .section01 .swiper-footer-con>div>div{color:#dfdbf2; font-size:20px; width:200px; border-right:1px solid #dfdbf2; line-height:40px; text-align:center}
#skin-regeneration .section01 .swiper-footer-con>div>div:last-child{border: none;}


#skin-regeneration .section02{background:url(/wp-content/uploads/2024/06/main-section2.png) no-repeat left; min-height:700px;    display: flex;    flex-direction: column; justify-content: center;padding-left:50%;}
#skin-regeneration .section02 h3{font-size:50px; line-height:64px; font-weight:700;margin-bottom:45px;}
#skin-regeneration .section02 h3 span{color:#dbcbc6;}
#skin-regeneration .section02 p{font-size:17px; color:#5c5c5c;line-height:33px;}


#skin-regeneration .section03{padding:140px 0 150px;}
#skin-regeneration .section03 .top{display: flex; margin-bottom:80px;}
#skin-regeneration .section03 .bottom{display: flex;}
#skin-regeneration .section03 .top .title,#skin-regeneration .section03 .bottom .title{    display: flex;    flex-direction: column;    justify-content: center; padding:0 12%;    background-color: #fff;    z-index: 9999;}
#skin-regeneration .section03 .top .title h3,#skin-regeneration .section03 .bottom .title h3{font-size:50px; color:#2d2d2d; line-height:70px; margin-bottom: 15px;width:230px; font-weight:700;}
#skin-regeneration .section03 .top .title p,#skin-regeneration .section03 .bottom .title p{font-size:50px; color: #b9b4b4;}
#skin-regeneration .section03 .top article:nth-child(2),#skin-regeneration .section03 .bottom article:nth-child(2){ position:relative;}
#skin-regeneration .section03 .top article:nth-child(2)>div,#skin-regeneration .section03 .bottom article:nth-child(2)>div{width:400px;}
#skin-regeneration .section03 .top .swiper-slide,#skin-regeneration .section03 .bottom .swiper-slide  {    width: 400px !important;}
#skin-regeneration .section03 .top .swiper-horizontal>.swiper-scrollbar,#skin-regeneration .section03 .bottom .swiper-horizontal>.swiper-scrollbar { width:300% !important;   position: absolute;    left: 0;    bottom: -25px;    z-index: 50;    height: 4px;    width: 98%;border-radius:0; background-color: #f2f2f2;}
#skin-regeneration .section03 .top .swiper-scrollbar-drag ,#skin-regeneration .section03 .bottom .swiper-scrollbar-drag{    background: #77563d;    border-radius: 0;}
#skin-regeneration .section03 .top .swiper-slide article,#skin-regeneration .section03 .bottom .swiper-slide article{margin-top:20px;display: flex;    align-items: center;    justify-content: space-between;}
#skin-regeneration .section03 .top .swiper-slide article section p,#skin-regeneration .section03 .bottom .swiper-slide article section p{font-size:22px;line-height:32px;}
#skin-regeneration .section03 .top .swiper-slide article section p::first-letter,#skin-regeneration .section03 .bottom .swiper-slide article section p::first-letter{color: #d8d8d8;}
#skin-regeneration .section03 .top .swiper-slide article section p:nth-child(1),#skin-regeneration .section03 .bottom .swiper-slide article section p:nth-child(1){color: #77563d;}
#skin-regeneration .section03 .top .swiper-slide article section p:nth-child(2),#skin-regeneration .section03 .bottom .swiper-slide article section p:nth-child(2){color: black;}
#skin-regeneration .section03 .top .swiper-slide article a,#skin-regeneration .section03 .bottom .swiper-slide article a{border:1.5px solid #9f8063; padding: 20px 22px; color: #ac9178; font-size:16px; line-height:20px;}
#skin-regeneration .section03 .swiper-button-next,#skin-regeneration .section03 .swiper-button-prev{display:none;}


#skin-regeneration .section04{background:url(/wp-content/uploads/2024/06/back-1.png) no-repeat right; min-height:780px; padding-left:12%;display: flex;    flex-direction: column;    justify-content: center;}
#skin-regeneration .section04 h3{font-size:50px; color: #a19b94; font-weight:700;}
#skin-regeneration .section04 h4{color: black; font-size:20px; line-height:32px; margin: 40px 0; font-weight:700;}
#skin-regeneration .section04 p{color:#5c5c5c; font-size:17px ; line-height:33px; margin-bottom:40px;}
#skin-regeneration .section04 article{display: flex; }
#skin-regeneration .section04 span{ color: #625040; font-size:20px; font-weight:500}
#skin-regeneration .section04 span:nth-child(2){ margin-left:20px;}


#skin-regeneration .section05{background:url(/wp-content/uploads/2024/06/main-section05.png) no-repeat center; min-height:380px;    color: #fff;    display: flex;    flex-direction: column;    justify-content: center;    align-items: center;}
#skin-regeneration .section05 h4{ font-size:25px; font-weight:500;}
#skin-regeneration .section05 h3{ margin: 15px 0 30px; font-size:40px;  font-weight:500}
#skin-regeneration .section05 p{ width: 60px;height:3px; background-color: #fff; margin-bottom:20px;}
#skin-regeneration .section05 span{ font-size:21px ; font-weight:500;}



#skin-regeneration .section06{background-color: #eeeeee; padding:100px 0 130px;}
#skin-regeneration .section06 .section06-tit{    display: flex;    justify-content: center;align-items: center;}
#skin-regeneration .section06 .section06-tit article{text-align:right; padding-right:15px;border-right:1px solid #c3c3c3;}
#skin-regeneration .section06 .section06-tit article p{font-size:22px; color: #a19b94; margin-bottom:10px;}
#skin-regeneration .section06 .section06-tit article span{font-size:22px; color:#614f3f}
#skin-regeneration .section06 .section06-tit h3{padding-left:15px; font-size:60px; font-weight:700;}
#skin-regeneration .section06>p{font-size:30px; color: #717171; margin:30px 0 40px; text-align: center;}
#skin-regeneration .section06 .section06-con{    display: flex;    justify-content: space-between;    padding: 0 7%;    gap: 30px;}
#skin-regeneration .section06 .section06-con div{position:relative; width:24%;}
#skin-regeneration .section06 .section06-con div>img{width: 100%}
#skin-regeneration .section06 .section06-con div a{position: absolute;bottom:0; width:100%; background-color:#614f3f;  left:0;}
#skin-regeneration .section06 .section06-con div a article{display: flex;justify-content: center; padding: 25px 0 ;align-items: center; gap:5px;}
#skin-regeneration .section06 .section06-con div a article p{color: #fff; font-size:20px;transition: 0.5s all;}
#skin-regeneration .section06 .section06-con div a:hover p{margin-right:10px;}

#skin-regeneration .swiper-pagination{display:none;}
#skin-regeneration a{cursor: pointer}