@charset "utf-8";

/*流体シェイプ*/

.fluid {
  width:40vh;/*横幅*/
  height: 40vh;/*縦幅*/
  background: transparent linear-gradient(156deg, #b1f7f3 0%, #e2fbb9 100%) 0% 0% no-repeat padding-box;/*背景色*/
  animation: fluidrotate 90s ease 0s infinite;/*アニメーションの設定*/
}

@keyframes fluidrotate {  
	  
0%, 100% {
    border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
}
14% {
    border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
}
28% {
    border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
}
42% {
    border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
}
56% {
    border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
}
70% {
    border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
}
84% {
    border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
}
	  
}

/* top 特徴　*/
.nami:after {
  content: '';
  background-image: url(../img/nami_l1.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: -950px;
  width:261px;
  height:500px;
  z-index: -100;
}

.nami:before {
  content: '';
  background-image: url(../img/nami_r1.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
   bottom: -1100px;
  width:1200px;
  height: 500px;
  z-index: -100;
}



/* about あいさつ　*/
.tama:after {
  content: '';
  background-image: url(../img/parts_l.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: -150px;
  width:438px;
  height:688px;
  z-index: -100;
}

.tama:before {
  content: '';
  background-image: url(../img/parts_r.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
   bottom: -200px;
  width:642px;
  height: 642px;
  z-index: -100;
}



/* uro 診療内容　*/

.uro_w:after {
  content: '';
  background-image: url(../img/u_l.png);
  background-repeat: no-repeat;
  position: absolute;
  left: 0;
  bottom: -2800px;
  width:600px;
  height:1000px;
  z-index: -50;
}

.uro_w:before {
  content: '';
  background-image: url(../img/u_r.png);
  background-repeat: no-repeat;
  position: absolute;
  right: 0;
   bottom: -4200px;
  width:650px;
  height:650px;
  z-index: -50;
}