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

.p{display: block;}
.m{display: none;}
.immune .regenerative-inner{width: 1400px; position: relative; margin: 0 auto; padding-left: 5%; box-sizing: border-box;font-family: 'Noto Sans JP',sans-serif !important;}
.immune .regenerative-inner::before{content: ''; width: 15px; height: 500px; background: url('/img/immune/before-txt1.png')no-repeat center; background-size: contain; position: absolute; left: 0; top:0;}


.immune #section4 .regenerative-inner::before{background: url('/img/immune/before-txt2.png')no-repeat center; background-size: contain;}
.immune #section4-1 .regenerative-inner::before{background: url('/img/immune/en/before-txt2.png')no-repeat center; background-size: contain;}

.immune #section5 .regenerative-inner::before,
.immune #section7 .regenerative-inner::before{background: url('/img/immune/before-txt3.png')no-repeat center; background-size: contain;}
.immune #section7-1 .regenerative-inner::before{background: url('/img/immune/en/before-txt3.png')no-repeat center; background-size: contain;}
.immune .regenerative-inner p{line-height: 1.6;}


.immune #section0{background: url('/img/immune/bg01.jpg')no-repeat center;background-size: cover; position: relative;}
.immune #section0 .regenerative-inner{padding-left: 0;}
.immune #section0 .regenerative-inner::before{content: none;}
.immune #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%;}
.immune #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);}
.immune #section0 h2 span{display: block; font-size: 50px; font-weight: 100; margin-top: 1.5%; text-shadow: none;}

.immune #section1{background: url('/img/immune/bg02.jpg')no-repeat center;background-size: cover; color: #fff;}
.immune #section1 .regenerative-inner{display: flex; align-items: center; padding-left: 0;}
.immune #section1 .regenerative-inner::before{content: none;}
.immune #section1 .left{width: 50%;}
.immune #section1 .left h3{font-weight: 700; font-size: 50px;}
.immune #section1 .left p{line-height: 1.6; font-size: 17px; margin-top: 5%;}
.immune #section1 .right{width: 50%;}
.immune #section1 .right .img{width: 80%; margin: 0 auto;}
.immune #section1 .right .img img{width: 100%;}

.immune #section2{background: #fff;position: relative; overflow: hidden;}
.immune #section2::before{content: ''; width: 400px; height:400px; background: url('/img/immune/bg02-before.png')no-repeat center; background-size: contain; position: absolute; right: -100px; top:-150px;}

.immune #section2 .regenerative-inner{display: flex; align-items: center;}
.immune #section2 h3{font-weight: 700; font-size: 40px;}
.immune #section2 .img{width: 85%; margin: 0 auto;}
.immune #section2 .img img{width: 100%; display: block;}

.immune #section2-1{background: #fff;position: relative; overflow: hidden;}
.immune #section2-1::before{content: ''; width: 400px; height:400px; background: url('/img/immune/bg02-before.png')no-repeat center; background-size: contain; position: absolute; right: -100px; top:-150px;}

.immune #section2-1 .regenerative-inner{display: flex; align-items: center;}
.immune #section2-1 h3{font-weight: 700; font-size: 40px;}
.immune #section2-1 .img{width: 85%; margin: 0 auto;}
.immune #section2-1 .img img{width: 100%; display: block;}

.immune #section3{background: #fff; position: relative;}
.immune #section3 .regenerative-inner::before{content: none;}
.immune #section3::before{content: ''; width: 500px; height: 700px; background: url('/img/immune/bg03-before.png')no-repeat center; background-size: contain; position: absolute; left: -300px; bottom: 0;}
.immune #section3 table{border: 1px solid; box-sizing: border-box; width: 100%; color: #000;}
.immune #section3 table thead{background-color: #353535; color: #fff; text-align: center; font-weight: 700; font-size: 20px;}
.immune #section3 table thead th{padding: 1.5% 0; border-right: 1px solid #fff;}
.immune #section3 table td{ vertical-align: middle;}

.immune #section3 table .txt01{background-color: #fff;border: 1px solid #ccc; border-right: none; box-sizing: border-box; font-weight: 700; font-size: 20px; text-align: center; padding: 2% 0;}
.immune #section3 table tbody tr:nth-child(1) .txt01{padding: 4% 0;}
.immune #section3 table tbody tr:nth-child(4) .txt01{padding: 8% 0;}
.immune #section3 table .txt01 span{font-weight: 500; display: block; text-align: center;}

.immune #section3 table .txt02{background-color: #ececec; font-weight: 500; font-size: 18px; border-bottom: 1px solid #ccc; text-align: center; padding: 1% 0;}

.immune #section3 table .txt03{background-color: #fff; font-size: 19px; border: 1px solid #ccc; border-left: none; text-align: center;}

.immune #section4{background-color: #fff7ee; background-image: none;}
.immune #section4 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; width: 100%;}
.immune #section4 strong{font-size: 17px; color: #78543d; font-weight: 500; line-height: 1.6;}
.immune #section4::after{content: none;}

.immune #section4-1{background-color: #fff7ee; background-image: none;}
.immune #section4-1 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; width: 100%;}
.immune #section4-1 strong{font-size: 17px; color: #78543d; font-weight: 500; line-height: 1.6;}
.immune #section4-1::after{content: none;}

.immune-swiper{position: relative; margin-top: 5%;}
.immune-swiper .swiper-wrapper{box-sizing: border-box;}
.immune-swiper .swiper-slide{background-color: #fff; display: flex; justify-content: space-between;}
.immune-swiper .step-txt{width: 45%; background-color: #fff; height: 450px; position: relative;}
.immune-swiper .step-txt::before{content: ''; background: url('/img/immune/next-arrow.png')no-repeat center; background-color: rgba(0,0,0,.3); width: 80px; height: 100%; display: block; position: absolute; top: 0; right: 0; cursor: pointer;}
.immune-swiper .step-txtInner{width: 85%; position: absolute; top: 50%; transform: translateY(-50%); left:5%; box-sizing: border-box;}
.immune-swiper .swiper-slide .step-txtInner b{font-weight: 700; font-size: 35px; display: block; margin: 2% 0 3% 0;}
.immune-swiper .swiper-slide .step-txtInner p{color: #fff9ee;font-size: 17px; line-height: 1.6;}
.immune-swiper .swiper-slide .step-txtInner ul{margin-top: 5%;}
.immune-swiper .swiper-slide .step-txtInner ul li{color: #fff9ee;font-size: 17px; line-height: 1.4; box-sizing: border-box; padding-left: 35px; margin-bottom: 2%; position: relative;}
.immune-swiper .swiper-slide .step-txtInner ul li::before{content: ''; background: url('/img/immune/check.png')no-repeat center; background-size: contain; width: 25px; height: 25px; display: inline-block; position: absolute; left: 0; top: 5%;}

.immune-swiper .swiper-slide .img{width: 55%; height: 450px;border: 1px solid #ba9c67; box-sizing: border-box; border-right: none; background-color: #fff; display: flex; align-items: center; justify-content: center;}
.immune-swiper .swiper-slide .img img{width: 80%;}
.immune-swiper .slide2 .img img{width: 70%;}

.immune-swiper .slide1 .step-txt{background-color: #ae8d56; color: #fff;}
.immune-swiper .slide1 .step-txt::after{content: '01'; font-weight: 700; color: #c39e60; font-size: 130px; position: absolute; bottom: -8px; right: 75px;}
.immune-swiper .slide2 .step-txt{background-color: #78543d; color: #fff;}
.immune-swiper .slide2 .step-txt::after{content: '02'; font-weight: 700; color: #886149; font-size: 130px; position: absolute; bottom: -8px; right: 75px;}


/* .immune-swiper .swiper-button-next{width: 80px; height: 100%; background-color: rgba(0,0,0,.3); position: absolute; right: 0; top: 5%; }
.immune-swiper .swiper-button-next::after{content: ''; background: url('/img/immune/next-arrow.png')no-repeat center; width: 35px; height: 35px; background-size: contain; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);} */


.immune #section5{background: url('/img/immune/bg05.jpg')no-repeat center;background-size: cover; color: #fff;}
.immune #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);}
.immune #section5 .left h3{font-weight: 700; font-size: 50px; color: #fff; margin-bottom: 5%;}
.immune #section5 .left{width: 50%;}
.immune #section5 .left 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;}
.immune #section5 .left ul li .img{width: 25%; border-right: 1px solid; box-sizing: border-box;}
.immune #section5 .left ul li .img img{display: block; width: 100%;}
.immune #section5 .left ul li:last-child{margin-bottom: 0;}
.immune #section5 .left ul li .txt{width: 75%;box-sizing: border-box; padding: 0 5%;}
.immune #section5 .left ul li .txt p{font-size: 17px; line-height: 1.6; margin-top: 3%;}
.immune #section5 .right{width: 50%;}
.immune #section5 .right .img{width: 80%; margin: 0 auto;}
.immune #section5 .right .img img{width: 100%; display: block;}

.immune #section5-1{background: url('/img/immune/bg05.jpg')no-repeat center;background-size: cover; color: #fff;}
.immune #section5-1 .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);}
.immune #section5-1 .left h3{font-weight: 700; font-size: 50px; color: #fff; margin-bottom: 5%;}
.immune #section5-1 .left{width: 50%;}
.immune #section5-1 .left 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;}
.immune #section5-1 .left ul li .img{width: 25%; border-right: 1px solid; box-sizing: border-box;}
.immune #section5-1 .left ul li .img img{display: block; width: 100%;}
.immune #section5-1 .left ul li:last-child{margin-bottom: 0;}
.immune #section5-1 .left ul li .txt{width: 75%;box-sizing: border-box; padding: 0 5%;}
.immune #section5-1 .left ul li .txt p{font-size: 17px; line-height: 1.6; margin-top: 3%;}
.immune #section5-1 .right{width: 50%;}
.immune #section5-1 .right .img{width: 80%; margin: 0 auto;}
.immune #section5-1 .right .img img{width: 100%; display: block;}


.immune #section6{ position: relative;background-image: linear-gradient(to left, #f0ebe6 55%, #fff 55%);}
.immune #section6::before{content: ''; width: 400px; height: 400px; background: url('/img/immune/bg03-before.png')no-repeat center; background-size: contain; position: absolute; left: -150px; bottom: -150px;}
.immune #section6 .regenerative-inner{display: flex; align-items: center; height: 100%;}
.immune #section6 .regenerative-inner::before{content: none;}
.immune #section6 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; color: #000; line-height: 1.4;}

.immune #section6 .left{width: 40%; box-sizing: border-box; position: relative; display: flex; align-content: center; flex-wrap: wrap; height: 100%; overflow: hidden;}
.immune #section6 .left::before{content: ''; width: 400px; height: 400px; background: url('/img/immune/bg02-before.png')no-repeat center; background-size: contain; position: absolute; right: -200px; top: -200px;}
.immune #section6 .left ul{margin-top: 5%;}
.immune #section6 .left ul li{color: #666;font-size: 17px; line-height: 1.4; box-sizing: border-box; padding-left: 35px; margin-bottom: 2%; position: relative;}
.immune #section6 .left ul li::before{content: ''; background: url('/img/immune/check.png')no-repeat center; background-size: contain; width: 25px; height: 25px; display: inline-block; position: absolute; left: 0; top: 5%;}

.immune #section6 .right{width: 60%; box-sizing: border-box;}
.immune #section6 .right .img{width: 90%; margin: 0 auto;}
.immune #section6 .right .img img{width: 100%; display: block;}

.immune #section7{background: url('/img/immune/bg07.jpg')no-repeat center;background-size: cover;}
.immune #section7 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; 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: 31%;box-sizing: border-box; display: flex; align-items: center; margin-bottom: 2%; background: none;}
.immune #section7 ul li .img{width: 50%;}
.immune #section7 ul li .img img{width: 100%;}
.immune #section7 ul li .txt{width: 50%; padding-left: 3%; box-sizing: border-box; position: relative;}
.immune #section7 ul li .txt svg {font-size: 60px; font-weight: bold;width: 100%;height: 50px;fill: #000;}
.immune #section7 ul li .txt .svgText {fill: #000;stroke: #fff;stroke-width: 15px;stroke-linejoin: round;paint-order: stroke;}
.immune #section7 ul li .txt p{font-size: 17px; color: #fff; font-weight: 500; line-height: 1.6; text-align: left;}

.immune #section7-1{background: url('/img/immune/bg07.jpg')no-repeat center;background-size: cover;}
.immune #section7-1 h4{font-weight: 700; font-size: 40px; margin-bottom: 3%; color: #fff; line-height: 1.4;}
.immune #section7-1 ul{display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap;}
.immune #section7-1 ul li{width: 31%;box-sizing: border-box; display: flex; align-items: center; margin-bottom: 2%; background: none;}
.immune #section7-1 ul li .img{width: 50%;}
.immune #section7-1 ul li .img img{width: 100%;}
.immune #section7-1 ul li .txt{width: 50%; padding-left: 3%; box-sizing: border-box; position: relative;}
.immune #section7-1 ul li .txt svg {font-size: 60px; font-weight: bold;width: 100%;height: 50px;fill: #000;}
.immune #section7-1 ul li .txt .svgText {fill: #000;stroke: #fff;stroke-width: 15px;stroke-linejoin: round;paint-order: stroke;}
.immune #section7-1 ul li .txt p{font-size: 17px; color: #fff; font-weight: 500; line-height: 1.6; text-align: left;}

.immune #section8{background:#fff; color: #000;}
.immune #section8 .regenerative-inner{display: flex; align-items: center; padding-left: 0; justify-content: space-between;}
.immune #section8 .regenerative-inner::before{content: none;}
.immune #section8 .left{width: 48%; border-left: 7px solid #b49061; padding-left: 5%; box-sizing: border-box; color: #000;}
.immune #section8 .left h3{font-weight: 700; font-size: 70px; line-height: 1.6;} 
.immune #section8 p{color: #666; font-size: 18px; line-height: 1.6; margin-top: 3%;}

.immune #section8 .right{width: 48%;}
.immune #section8 .right .txt{border: 1px solid; box-sizing: border-box; height: 400px; text-align: center; display: flex; align-content: center; justify-content: center; flex-wrap: wrap; position: relative;}
.immune #section8 .right .txt::before{content: '*消費税込み'; display: inline-block; color: #666; font-size: 18px; position: absolute; top: -30px; right: 0;}
.immune #section8 .right .txt::after{content: ''; width: 200px; height: 200px; position: absolute; bottom: 0; right: 0; background: url('/img/immune/jk.png')no-repeat center; background-size: contain;}
.immune #section8 .right .txt strong{font-weight: 700; font-size: 30px; display: block; width: 100%;}
.immune #section8 .right strong::after{content: none;}
.immune #section8 .right .txt b{color: #b49061; font-weight: 700; display: block; font-size: 40px; width: 100%;}
.immune #section8 .right .txt b span{display: inline-block; font-weight: 400; font-size: 35px;}