@media all and (max-width:1400px){
    .immune .regenerative-inner{width: 90%; padding-left: 3%;}
    .immune .regenerative-inner::before{width: 10px; height: 450px;}
    .immune #section1 .left p{font-size: 15px;}
    .immune #section7 ul li .txt p{font-size: 15px;}

    .immune #section8 .left h3{font-size: 50px;}
    .immune #section8 p{font-size: 16px;}

}


@media all and (max-width:1200px){


    .immune #section7 ul li{width: 32%;}
    .immune #section7 ul li .img{width: 45%;}
    .immune #section7 ul li .txt{width: 55%;}
    .immune #section7 ul li .txt p{font-size: 14px;}
}


@media all and (max-width:1080px) {

    .p{display: none;}
    .m{display: block;}
.immune .regenerative-inner{width: 90%; padding-left: 0; padding: 10% 0;}
.immune .regenerative-inner::before{content: none;}


.immune #section0{background: url('/img/immune/m/bg01.jpg')no-repeat center;}
.immune #section0 .regenerative-inner{height: 100%;}
.immune #section0 h2{position: absolute; top: 20%; width: 100%; }


.immune #section1{background: url('/img/immune/m/bg02.jpg')no-repeat center;}
.immune #section1 .regenerative-inner{flex-wrap: wrap;}
.immune #section1 .left{width: 100%;}
.immune #section1 .right{width: 100%; margin-top: 5%;}
.immune #section1 .right .img{width: 60%;}
.immune #section1 .right .img img{width: 100%;}


.immune #section2{height: auto !important;}
.immune #section2 .fp-tableCell{height: auto !important;}
.immune #section2::before{top: -200px; right: -200px;}
.immune #section2 .regenerative-inner{padding: 0; padding-top: 10%;}
.immune #section2 h3{margin-bottom: 8%;}
.immune #section2 .txt ul{margin-top: 10%;}
.immune #section2 .txt ul li{box-sizing: border-box; width: 100%; text-align: center; margin-bottom: 4%;}
.immune #section2 .txt ul li b{font-weight: 700; font-size: 24px; color: #000; display: block; line-height: 1.6; position: relative;}
.immune #section2 .txt ul li b::before{content: ''; width: 80px; height: 3px; background-color: #ccc; position: absolute; top: -30%; left: 50%; transform: translateX(-50%); display: block;}
.immune #section2 .txt ul li b span{font-weight: 400;}
.immune #section2 .txt ul li p{font-weight: 400; font-size: 22px;}
.immune #section2 .txt ul li p span{color: #666; display: block;}


.immune #section3{height: auto !important;}
.immune #section3 .fp-tableCell{height: auto !important;}
.immune #section3 .regenerative-inner{padding: 3% 0 10% 0;}
.immune #section3::before{content: none;}

.immune #section3 table thead th{padding: 2% 0;}
.immune #section3 table tbody tr:nth-child(1) .txt01{padding: 7% 0;}
.immune #section3 table tbody tr:nth-child(4) .txt01{padding: 15% 0;}
.immune #section3 table tbody tr:nth-child(9) .txt01{padding: 4% 0;}
.immune #section3 table .txt01 span{display: inline-block; width: 100%; line-height: 1.4;}
.immune #section3 table .txt02{width: 13%;}
.immune #section3 table .txt03{line-height: 1.2;}

.immune #section4 h4{margin-bottom: 5%;}
.immune #section4 .regenerative-inner{width: 100%; padding: 10% 5%;}
.immune-swiper .swiper-slide{flex-wrap: wrap; background-color: transparent;}
.immune-swiper .swiper-slide .img{width: 100%; height: auto; border-right: 1px solid #ba9c67;}
.immune-swiper .swiper-slide .img img,
.immune-swiper .slide2 .img img{width: 100%;}

.immune-swiper .step-txt{width: 100%; height: 450px;}
.immune-swiper .step-txt::after{content: none;}
.immune-swiper .step-txt::before{content: none;}
.immune-swiper .step-txtInner{text-align: center; width: 90%; top: 40%; height: 60%; z-index: 2;}
.immune-swiper .swiper-slide .step-txtInner span{font-size: 20px;}
.immune-swiper .step-txtInner h5{font-size: 30px; margin: 3% 0;}
.immune-swiper .swiper-slide .step-txtInner p{padding: 0; border-left: none;padding-left: 0; font-weight: 400;}
.immune-swiper .swiper-slide .step-txtInner ul{width: 50%; margin: 0 auto; margin-top: 5%; }
.immune-swiper .swiper-slide .step-txtInner ul li{margin-bottom: 5%; text-align: left;}

.immune-swiper .slide1 .step-txt::after,
.immune-swiper .slide2 .step-txt::after{right: -6px;}

.immune #section4 .swiper-button-next{width: 80px; height: 80px; position: absolute; right: 0%; top: 65%;transform: translateY(-65%); z-index: 1; background-image: none;}
.immune #section4 .swiper-button-next::after{content: ''; background: url('/img/regenerative-medicine/m/slide-nextBtn.png')no-repeat center; background-size: contain; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}
.immune #section4 .swiper-button-prev{width: 80px; height: 80px; position: absolute; left: 0%; top: 65%;transform: translateY(-65%); z-index: 1; background-image: none;}
.immune #section4 .swiper-button-prev::after{content: ''; background: url('/img/regenerative-medicine/m/slide-prevBtn.png')no-repeat center; background-size: contain; width: 80px; height: 80px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: block;}

.immune #section4 .swiper-pagination{bottom: 3.5%; width: 100%; height: 15px; position: absolute; z-index: 1; display: flex; align-items: center; justify-content: center;}
.immune #section4 .swiper-pagination-bullet{background-color: #aeaeae; opacity: 1; width: 15px; height: 15px; border-radius: 100px; margin-right: 1%;}
.immune #section4 .swiper-pagination-bullet-active{background-color: #ee6020;}


.immune #section5{background: url('/img/immune/m/bg05.jpg')no-repeat center;}
.immune #section5 .regenerative-inner{flex-wrap: wrap;}
.immune #section5 .right{width: 100%; margin-top: 10%;}

.immune #section5 .left{width: 100%; margin-top: 5%;}
.immune #section5 .left ul li .img{width: 35%;}
.immune #section5 .left ul li .txt{width: 65%;}
.immune #section5 .left ul li:last-child{margin-bottom: 0;}
.immune #section5 .left ul li .txt b span{font-size: 15px;}

.immune #section6{background-image:none;}
.immune #section6::before{content: none;}
.immune #section6 .regenerative-inner{flex-wrap: wrap; height: auto; padding: 0; width: 100%;}
.immune #section6 h4{width: 100%; margin-bottom: 0; padding: 0;}
.immune #section6 .left{width: 100%; background-color: #fff; height: auto; padding: 10% 5% 5% 5%; box-sizing: border-box;}
.immune #section6 .left::before{content: none;}
.immune #section6 .left ul{margin-top: 5%; width: 100%;}
.immune #section6 .right{width: 100%; background-color: #f0ebe6; padding: 10% 5% 10% 5%; box-sizing: border-box;}


.immune #section7{background: url('/img/immune/m/bg07.jpg')no-repeat center;}
.immune #section7 h4{font-weight: 700; font-size: 40px; margin-bottom: 5%; color: #fff; line-height: 1.4;}
.immune #section7 ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.immune #section7 ul li{width: 48%; margin-bottom: 7%; flex-wrap: wrap;}
.immune #section7 ul li .img{width: 80%; margin: 0 auto;}
.immune #section7 ul li .img img{width: 100%;}
.immune #section7 ul li .txt{width: 100%; padding-left:0%; height: 150px; margin-top: 5%;}
.immune #section7 ul li .txt svg {font-size: 40px;height: 7vw;}
.immune #section7 ul li .txt .svgText {stroke-width: 10px;}
.immune #section7 ul li .txt p{text-align: center; font-size: 17px; text-shadow: 1px 1px 5px rgba(0,0,0,.5);}



.immune #section8{height: auto !important;}
.immune #section8 .fp-tableCell{height: auto !important;}
.immune #section8 .regenerative-inner{flex-wrap: wrap;}
.immune #section8 .left{width: 100%; margin-bottom: 10%;}
.immune #section8 .left h3{font-size: 38px;} 
.immune #section8 p{font-size: 18px;}

.immune #section8 .right{width: 100%;}
.immune #section8 .right .txt{height: 320px;}
.immune #section8 .right .txt::before{top: 102%;}
.immune #section8 .right .txt b{margin-top: 4%;}



}


@media all and (max-width:730px) {
    .immune #section0 .logo a{width: 150px; height: 60px;}
    .immune #section0{height: 80vh !important;}
    .immune #section0 .fp-tableCell{height: 80vh!important;}
    .immune #section0 h2{font-size: 10vw;}
    .immune #section0 h2 span{font-size: 7vw;}

    .immune #section1 .left h3{font-size: 6vw;}
    .immune #section1 .left p{font-size: 2.5vw;}


    .immune #section2::before{width: 300px; height: 300px; top: -150px; right: -150px;}
    .immune #section2 h3{font-size: 6vw;}
    .immune #section2 .txt ul li b{font-size: 3.5vw;}
    .immune #section2 .txt ul li p{font-size: 3vw;}

    .immune #section3 table thead{font-size: 2.8vw;}
    .immune #section3 table .txt01{font-size: 2.7vw; width: 22%;}
    .immune #section3 table .txt02{font-size: 2.5vw;}
    .immune #section3 table .txt03{font-size: 2.6vw;}

    .immune #section4 h4{font-size: 5.5vw; line-height: 1.2;}
    .immune #section4 strong{font-size: 2.5vw;}
    .immune-swiper .step-txt{height: 55vw;}
    .immune-swiper .slide1 .step-txt::after,
    .immune-swiper .slide2 .step-txt::after{font-size: 20vw;}
    .immune-swiper .swiper-slide .step-txtInner b{font-size: 5vw;}
    .immune-swiper .swiper-slide .step-txtInner p{font-size: 2.5vw;}
    .immune-swiper .swiper-slide .step-txtInner ul{width: 60%;}
    .immune-swiper .swiper-slide .step-txtInner ul li{font-size: 2.5vw; padding-left: 10%;}
    .immune-swiper .swiper-slide .step-txtInner ul li::before{width: 3.5vw; height: 3.5vw; }

    .immune #section5 .left h3{font-size: 6vw;}
    .immune #section5 .left ul li .txt p{font-size: 2.5vw;}

    .immune #section6 h4{font-size: 6vw;}
    .immune #section6 .left ul li{font-size: 2.5vw; padding-left: 5%; font-weight: 500;}
    .immune #section6 .left ul li::before{width: 3.5vw; height: 3.5vw;}

    .immune #section7 h4{font-size: 6vw;}
    .immune #section7 ul li{margin-bottom: 4%;}
    .immune #section7 ul li .txt{height: 30vw;}
    .immune #section7 ul li .txt p{font-size: 2.5vw;}
    .immune #section7 ul li .img{width: 90%;}

    .immune #section8 .left h3{font-size: 5.9vw;}
    .immune #section8 p{font-size: 2.5vw;}
    .immune #section8 .right .txt{height: 50vw;}
    .immune #section8 .right .txt strong{font-size: 4.5vw;}
    .immune #section8 .right .txt b{font-size: 6vw;}
    .immune #section8 .right .txt b span{font-size: 4.5vw;}
    .immune #section8 .right .txt::before{font-size: 2.5vw;}
    .immune #section8 .right .txt::after{width: 30vw; height: 30vw;}

    
}


@media all and (max-width:500px) {

    .immune #section1 .left h3{font-size: 7vw;}
    .immune #section1 .left p{font-size: 3vw;}

    .immune #section2 .txt ul li b::before{width: 50px;}
    .immune #section3 table tbody tr:nth-child(1) .txt01{padding: 10% 0;}

    .immune #section3 table tbody tr:nth-child(9) .txt01{padding: 7% 0;}

    .immune #section3 table tbody tr:nth-child(7) .txt03{padding: 9% 0;}
    .immune #section3 table .txt02{padding: 2% 0;}

    .immune #section4 strong{font-size: 3vw;}
    .immune-swiper .swiper-slide .step-txtInner p,
    .immune-swiper .swiper-slide .step-txtInner ul li{font-size: 3vw;}
    .immune #section4 .swiper-button-next,
    .immune #section4 .swiper-button-prev{width: 60px; height: 60px;}
    .immune #section4 .swiper-button-next::after{width: 60px; height: 60px;}
    .immune #section4 .swiper-button-prev::after{width: 60px; height: 60px;}
    .immune #section4 .swiper-pagination{height: 10px; bottom: 3%;}
    .immune #section4 .swiper-pagination-bullet{width: 10px; height: 10px;}
    .immune-swiper .step-txt{height: 60vw; overflow: hidden;}
    .immune-swiper .slide1 .step-txt::after,
    .immune-swiper .slide2 .step-txt::after{bottom: -2%;}
    .immune-swiper .swiper-slide .step-txtInner ul{width: 70%;}

    .immune #section6 .left ul li{font-size: 3vw;}
    .immune #section7 ul li .txt p{font-size: 3vw;}
}