@charset 'UTF-8';

.uronav-block section {
 margin-top:-2rem;
 padding-top:2rem
}
#special .treatment-box .cycle-tt02{
padding: 0 0 0 .4rem;
}
#special .treatment-box .cycle-tt02::before{
margin: -.03rem 0 0
}
@media screen and (max-width: 749px) {
#special .treatment-box .cycle-tt02{
padding: 0 0 0 .25rem!important;
}
#special .treatment-box .cycle-tt02::before{
  margin: .03rem 0 0;
  width: .2rem;
  height: .2rem;
  background-size: .2rem;
}
}
#special .text{
  line-height: .36rem!important;
}
#special .special-tt{
  font-size: .32rem;
  font-weight: 600;
  color: #002063;
  margin-bottom: .4rem;
  letter-spacing: 1px;
}
#special .tt-bk-purple{
  font-size: .32rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: .1rem; 
  padding: .3rem;
  position: relative;
  letter-spacing: 1px;
}
#special .tt-bk-purple::before{
 content:'';
 width:100vw;
 min-width:100%;
 height:100%;
 position:absolute;
 display:block;
 background:#502182;
 z-index:-1;
 left:50%;
 -webkit-transform:translate(-50%, 0);
 transform:translate(-50%, 0);
 top:0
}
#special .tt-bk-green{
  font-size: .32rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: .1rem; 
  padding: .3rem;
  position: relative;
  letter-spacing: 1px;
}
#special .tt-bk-green::before{
 content:'';
 width:100vw;
 min-width:100%;
 height:100%;
 position:absolute;
 display:block;
 background:#002063;
 z-index:-1;
 left:50%;
 -webkit-transform:translate(-50%, 0);
 transform:translate(-50%, 0);
 top:0
}
#special .tt-bk-orange{
  font-size: .32rem;
  font-weight: 500;
  color: #ffffff;
  margin-bottom: .1rem; 
  padding: .3rem;
  position: relative;
  letter-spacing: 1px;
}
#special .tt-bk-orange::before{
 content:'';
 width:100vw;
 min-width:100%;
 height:100%;
 position:absolute;
 display:block;
 background:#d88000;
 z-index:-1;
 left:50%;
 -webkit-transform:translate(-50%, 0);
 transform:translate(-50%, 0);
 top:0
}
#special .p-tt02{
  font-size: .26rem;
}
.uronav-block .two-grid h3{
  line-height: 0;
}
#special .tt-mg-s{
  font-size: .26rem;
  color: black;
  padding-left: .4rem;
}
#special .cycle-tt02::before {
 background-size:0.3rem 0.3rem;
 height:0.3rem;
 width:0.3rem;
}
#special .wide{
  margin: .4rem 0 .6rem;
  display: block;
  position: relative;
  text-align: center;
  padding: .3rem 0;
}
#special .wide-bk-glay::before{
 content:'';
 width:100vw;
 min-width:100%;
 height:100%;
 position:absolute;
 display:block;
 background:#F0F0F0;
 z-index:-1;
 left:50%;
 -webkit-transform:translate(-50%, 0);
 transform:translate(-50%, 0);
 top:0  
}
#special .wide-bk-purple::before{
 content:'';
 width:100vw;
 min-width:100%;
 height:100%;
 position:absolute;
 display:block;
 background:#F1EDF5;
 z-index:-1;
 left:50%;
 -webkit-transform:translate(-50%, 0);
 transform:translate(-50%, 0);
 top:0  
}
/* UroNav */
.special-main{
  height: 6.5rem;
  position: relative;
  margin-bottom:.8rem; 
}
.UroNavi-visual{
  background: url(../img/uronav/uronav-bk.jpg) no-repeat center center;
  background-size:cover;
  position: relative;
  height: 100%;
}
.UroNavi-visual .UroNav-logo{
  width: 6rem;
  position: absolute;
  top: .8rem;
  left: 3rem; 
}
.UroNavi-visual h1 + p{
  position: absolute;
  font-size: .32rem;
  color: #502182;
  top:3.7rem;
  left: 3rem;
  font-feature-settings:'palt' 1;
  font-weight: 600;
}
.UroNavi-visual h1 + p strong{
  font-weight: 600;
}
.UroNavi-visual h1 + p span{
  display: block;
}
.UroNavi-visual h1 + p span.en{
  text-align: right;
  font-size: .26rem;
  color: #646464;
  font-weight: 300;
}
.UroNavi-visual .two-line{
border-bottom: double 6px #502182;
}
.UroNavi-visual .UroNav-80{
  position: absolute;
  top: 1rem;
  left: .8rem; 
  width: 1.8rem;
}
.UroNavi-visual .UroNav-system{
  width: 3.2rem;
  position: absolute;
  top: .25rem;
  right: .4rem;
}
.uronav-head , .snm-head , .center-head{
  position: absolute;
  top: 5.5rem;
  width: 100%;
}
.uronav-head.js-stk , .snm-head.js-stk, .center-head.js-stk{
  position: fixed;
  top:1.22rem;
  z-index: 100;
}
.uronav-head .special-navi ul , 
.snm-head .special-navi ul ,
.center-head .special-navi ul{
  display: flex;
  text-align: center;
  width: 100%;
  justify-content: space-evenly;
}
.special-navi ul li{
  width: 100%;  
}
.special-navi ul li a{
  display: block;
  font-size: .26rem!important;
  padding: .2rem;
  color: #002063;
  font-weight: 600;
  background-color: #fff!important;
  opacity: 0.9;
  width: 100%;
  -webkit-transition: .3s!important;
  transition: .3s!important;
}
.special-navi ul li a:hover{
  background-color: #002063!important;
  width: 100%;
  color: #fff!important;
}

/* snm */
#Snm.uronav-block{
  max-width: 12rem!important;
  width: 100%;
}
#Snm .three-grid {
  display: flex;
  flex-basis:auto;
  justify-content: space-between;
  text-align: justify;
　align-items: flex-start;
  width:100%;
}
#Snm .three-grid .grid-a {
  order: 2;
  width: 8rem;
　align-items: flex-start;
}
#Snm .three-grid .grid-b {
 order: 1;
 width: 3.5rem;
　align-items: flex-start;
}
#Snm .three-grid h3{
  line-height: 0;
}
#Snm .clinic-flow-li li{
  margin-bottom: .6rem; 
}
#Snm .clinic-flow-li .text{
  display: block;
  padding: .10rem .3rem .3rem;
}
#Snm .clinic-flow-li h3.cycle-tt02{
  line-height: 1;
  padding: 0 0 0 .38rem;
}
#special #Snm .cycle-tt02::before {
  top:-.06rem;
}
.clinic-flow-li li:nth-child(6)::before {
 content:'6'
}

#Snm .clinic-flow-li li:not(:last-child)::after {
 content:'';
 width:0;
 height:0;
 border-left:.4rem solid transparent;
 border-right:.4rem solid transparent;
 border-top:.35rem solid #ffd158;
 display:block;
 left:50%;
 margin-left:-.21rem;
 top:100%;
 margin-top:.15rem;
 position:absolute
}
#Snm .treat-case{
  border: none;
}

#Snm .C-Feature{
 background:#f5f5f5; 
}
#Snm  .C-Feature .inner{
  padding: .2rem .4rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#Snm  .C-Feature .inblock{
  margin: 0;
  width: 5.3rem;
  text-align: justify;
}
#Snm  .C-Feature .inner h5{
    margin: 0;
}
#Snm  .C-Feature dd.text {
  margin: 0!important;
  width: 5rem;
}



.snm-head .special-navi ul{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;  
  text-align: center;
}
.snm-head .special-navi ul li a{
  display: block;
  font-size: .26rem!important;
  padding: .2rem;
  color: #002063;
  font-weight: 600;
  background-color: #fff!important;
  opacity: 0.9;
  width: 100%;
}
.snm-head .special-navi ul li a:hover{
  background-color: #002063!important;
  width: 100%;
  color: #fff!important;
}
.Snm-visual{
  background: url(../img/snm/snm-bk.jpg) no-repeat center center;
  background-size:cover;
  position: relative;
  height: 100%;
}
.Snm-visual .inner{
  display: block;
  position: relative;
  height: 100%;
}
.Snm-visual .snm-illust{
  height: 100%;
  position: absolute;
  top: 0;
  left: 1rem; 
}
.Snm-visual .text-block {
  position: absolute;
  top:1.2rem;
  left: 7.2rem;
}
.Snm-visual .text-block .snm-title {
  font-size: .34rem;
  font-weight: 600;
}
.Snm-visual .text-block h1{
  font-weight: 600;
  color:  #002063;
  font-size: .46rem;
}
.Snm-visual .text-block h1 + p{
  font-size: .20rem;
  color: #646464;
}
.Snm-visual .text-block .subtext{
  margin: .1rem 0;
}
.Snm-visual .text-block .subtext span{
  display: block;
  font-size: .22rem;
  line-height: 1.6;
}
.Snm-visual .text-block .pickup{
  margin: .2rem 0;
  font-weight: 600;
}
.Snm-visual .text-block .pickup span{
  background: #ffed3b;
  padding: .1rem .2rem;
  margin: 0 .15rem 0 0;
  border-radius: 5rem;
}

@media screen and (min-width: 1500px) {
.UroNavi-visual .UroNav-logo{
  left: 25vw; 
}
.UroNavi-visual h1 + p{
  left: 25vw; 
  }

.UroNavi-visual .UroNav-80{
  left: 10vw; 
}
.UroNavi-visual .UroNav-system{
  right: 5vw;
  }
}
.two-grid {
  display: flex;
  flex-basis:auto;
　align-items: flex-start;
  justify-content:space-between;
  width: auto;
}
.uronav-block .two-grid .grid-a{
  order: 2;
  width: 5.8rem;
  align-self: flex-start;
}
.uronav-block .two-grid .grid-b{
  order: 1;
}
.uronav-block .two-grid .grid-b img {
 width: 5.7rem;
height: 100%;
}
.two-grid .text , .two-grid .u-text{
  text-align: justify;
  letter-spacing:1px;
}
.U-Feature{
  width: 90%;
  margin: .4rem auto; 
  position: relative;
}
.U-Feature .inbox{
  display: flex;
  justify-content:space-between;
  grid-gap: .6rem;
}
.U-Feature .inner{
  overflow: hidden;
  width: 48%;
}
.U-Feature .inner h4{
 background:#502182;
 color: #ffffff;
  text-align: center;
  font-size: .22rem;
  padding: .20rem;
}
.U-Feature .inner ul{
  padding: .25rem .1rem .25rem .32rem;
  background: #F0F0F0;
  height: 100%;
}
.U-Feature .inner ul li{
  font-size: .18rem;
  margin: 0 0 .3rem;
  padding: .08rem 0 0 .45rem;
  font-weight: 600;
  position: relative;
}
.U-Feature .inner ul li::before{
 display:block;
 content:'';
 background-size:0.37rem 0.37rem;
 height:0.37rem;
 width:0.37rem;
 position:absolute;
 left:0;
 top:0;
}
.U-Feature .inner ul li.one::before{
 background-image:url(../svg/u-one.svg);
}
.U-Feature .inner ul li.two::before{
 background-image:url(../svg/u-two.svg);
}
.U-Feature .inner ul li.three::before{
 background-image:url(../svg/u-three.svg);
}
.U-Feature .inner ul li.four::before{
 background-image:url(../svg/u-four.svg);
}
.U-Feature .inner ul li.five::before{
 background-image:url(../svg/u-five.svg);
}
.U-Feature .two-line{
  margin-top: -.08rem!important;
  margin-bottom: .17rem!important; 
  padding-top: 0!important;  
  line-height: 1.4;
}
.U-Feature .two-line::before{
  top:.08rem!important;
}
.U-Feature .inner ul li span{
  font-size: .20rem;
  margin: 0 .02rem;
}
.U-Feature .arrow{
  display: block;
  margin: 0 auto;
  text-align: center;
  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
}
.U-Feature .arrow img{
  width: .9rem;
}

/*SNM*/
.Snm-visual .inner{
width:13rem;
	margin:0 auto;
}

/* Center-visual */
.center-main{
  height: 6.5rem;
  position: relative;
  margin-bottom:.8rem; 
}
.Center-visual{
  background: url(../img/center/center-bg-02.jpg) no-repeat center center;
  background-size:cover;
  position: relative;
  height: 100%;
}
.Center-visual .inner{
  display: block;
  position: relative;
  height: 100%;
}
.Center-visual .inner .text-block{
  background:
    linear-gradient(45deg,  transparent 0, rgba(255,255,255,.7) 0),
    linear-gradient(135deg, transparent 0, rgba(255,255,255,.7) 0),
    linear-gradient(225deg, transparent 0, rgba(255,255,255,.7) 0),
    linear-gradient(315deg, transparent .6rem, rgba(255,255,255,.7) .6rem);
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  position: absolute;
  padding: .12rem .4rem .15rem;
  top:1.15rem;
  left: 1.2rem;
}
.Center-visual .inner .topic-title{
  background:
    linear-gradient(45deg,  transparent 0, rgba(216,128,0,1) 0),
    linear-gradient(135deg, transparent 0, rgba(216,128,0,1) 0),
    linear-gradient(315deg, transparent .26rem, rgba(216,128,0,1) .26rem),
    linear-gradient(315deg, transparent .52rem, rgba(216,128,0,1) .52rem);
  background-position: bottom 0.01rem left,top left,top right 0.02rem,bottom 0.01rem right 0.01rem;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  color: #fff;
  font-family: VDL-Logona;
  font-size: .3rem;
  padding: .1rem .9rem .1rem .3rem;
  display: block;
  position: absolute;
}
 a.wiscope-bt{
  display: block;
   position: absolute;
   top:3.7rem;
   right: 1.2rem;
   width: 3rem;
   height: 1.45rem;
   background: #fff;
   padding: 0.05rem .1rem;
  color: #d88000;
  font-family: VDL-Logona;
  text-align: center;
   border-radius: .1rem;
   font-size: .18rem;
  }
 .wiscope-bg{
  display: block;
  background: url(../img/center/wiscope-bt.jpg) no-repeat center center;
  background-size: 100%;
  width: 100%;
  height: 1rem;
    transition: .5s;
}
 a.wiscope-bt:hover{
   opacity: 1;
}
 .wiscope-bg:hover{
   opacity: .5;
}
@media screen and (min-width: 1500px) {
a.wiscope-bt{
   top:3.15rem;
   width: 4rem;
   height: 2rem;
   background: #fff;
   padding: 0.1rem .15rem;
   font-size: .2rem;
  }
 .wiscope-bg{
  height: 1.4rem;
}
}
@media screen and (max-width: 749px) {

}


.Center-visual .inner .text-block .sp-block .c-title{
  font-family: VDL-Logona;
  font-size: .4rem;
  color: #000;
}
.Center-visual .inner .text-block .sp-block h1{
  font-family: VDL-Logona;
  color: #d88000;
  font-size: .6rem;  
  line-height: 1;
}
.Center-visual .inner .text-block .sp-block h1 + p{
  font-size: .22rem;
  color: #888;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
  .Center-visual .inner .topic-title{
  padding: .2rem .9rem 0 .3rem;
  }
  .Center-visual .inner .text-block .sp-block .c-title
  {padding-top:.15rem;  }
.Center-visual .inner .text-block .sp-block h1
  {padding-top:.1rem;  }
}
.Center-visual .inner .text-block .subtext{
  margin: .1rem 0 ;
}
.center-head .special-navi ul{
  display: flex;  
  justify-content: space-evenly; 
  background-color: #fff;
  opacity: 0.9;
}
.center-head .special-navi ul li a{
  color: #d88000;
}
.center-head .special-navi ul li a:hover{
  background-color: #d88000!important;
}
#UreteralCenter.uronav-block{
  max-width: 12rem!important;
  width: 100%;
}
#UreteralCenter .three-grid{
  display: flex;
  flex-basis:auto;
  justify-content: space-between;
  text-align: justify;
　align-items: flex-start;
  width:100%;  
}
#UreteralCenter .three-grid .grid-a {
  order: 2;
  width: 7.5rem;
  display: flex;
  align-content: center;
  align-items: center;
}
#UreteralCenter .three-grid .grid-a .text {
  font-size: .2rem;
}
#UreteralCenter .three-grid .grid-b {
 order: 1;
 width: 4rem;
align-items: flex-start;
  display: flex;
  justify-content: center;
}
#UreteralCenter .three-grid .grid-b img {
 order: 1;
 width: 3rem;
　align-items: flex-start;
}
#UreteralCenter .three-grid h2{
  line-height: 0;
  color: #d88000;
}
#UreteralCenter .p-tt02::before {
 background:#d88000;
}
#UreteralCenter #second .two-grid .grid-a {
  order: 1;
  width: 6rem;
  height: 3.5rem;
  display: flex;
  align-content: center;
  align-items: center; 
  justify-content: center;
}
#UreteralCenter #second .two-grid .grid-a img {
  width: 6rem;
}
#UreteralCenter #second .two-grid .grid-b {
  order: 2;
  width: 5.5rem;
  display: flex;
  align-content: center;
  align-items: center;  
}
#UreteralCenter #second .two-grid.item-therd .grid-a{
  width: 6.7rem;
  height: 4rem;
}
#UreteralCenter #second .two-grid.item-therd .grid-a img {
  width: 9rem;
}
#UreteralCenter #second .two-grid.item-therd .grid-b {
  width: 5rem;
  height: 3.7rem;
}
#UreteralCenter #second .two-grid .grid-b a.o-arrow-link03{
 position:relative;
 display:block;
 font-size:.18rem;
 padding:.2rem .3rem .2rem .45rem;
 display:inline-block;
 background-color:#d88000;
 color:#fff;
 background-size:.15rem .2rem!important;
 background-position:.2rem center;
 margin-top:.3rem; 
}
#UreteralCenter #second .two-grid .grid-b a.o-arrow-link03:before{
 background:url("svg/i-arrow03.svg") left center no-repeat;
 background-size:.2rem .3rem;
}
#UreteralCenter .C-Feature{
 background: #f7f0e4; 
}
#UreteralCenter .C-Feature h4{
  background: #d88000;
  color: #fff;
  text-align: center;
  font-size: .26rem;
  padding: .2rem;
}
#UreteralCenter .C-Feature .inner{
  padding: .2rem .4rem;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#UreteralCenter .C-Feature .inblock{
  margin: 0;
  width: 5.3rem;
  text-align: justify;
}
#UreteralCenter .C-Feature .inner h5{
    margin: 0;
}
#UreteralCenter .C-Feature dd.text {
  margin: 0!important;
  width: 5rem;
}
#UreteralCenter .bk-orange{
  padding: .2rem .3rem;
}
#UreteralCenter .bk-orange h4{
  color:#d88000;
  font-size: .22rem;
  line-height: 0;
  margin: 0 0 .05rem;
}
#UreteralCenter ul.low-dose{
  display: flex;
  flex-wrap: wrap;  
  justify-content: space-between;
  margin: .05rem 0 -.1rem;
}
#UreteralCenter ul.low-dose li{
  background: #fff;
  margin: .1rem 0;
  padding: .1rem;
  font-size: .22rem;
  font-weight: 600;
  width: 49%;
  display: flex;
  justify-content: center;
}
#UreteralCenter ul.low-dose li p{
  width: 3.6rem;
  display: flex;
  justify-content: space-between;
}
#UreteralCenter ul.low-dose li p span{
  color:#d88000;  
}
#UreteralCenter .treatment-box{
 background: #f7f0e4; 
 padding:.3rem .05rem .25rem .3rem
}
#UreteralCenter .treatment-box a{
 opacity: 1;
 -webkit-transition:.25s!important;
 transition:.25s!important;
 padding: .2rem .3rem;
 font-size: .18rem;
 color: #d88000;
 border-left: 6px solid #d88000; 
 background: #fff;
  font-weight: 600;
}
#UreteralCenter .treatment-box a:hover{
  background:#d88000; 
  color: #fff;
  opacity: 1;
}

#UreteralCenter #six .two-grid div.grid-a,
#UreteralCenter #six .two-grid div.grid-b{
  width: 5.7rem;
}
#UreteralCenter #six .grid-a {
  order: 1;
  height: auto;
}
#UreteralCenter #six .grid-b {
  order: 2;
  height: auto;
}
h3.eswl-table-tit{
  color: #d88000;
  height: .2rem;
}
.eswl-table{
  display:flex;
  flex-wrap: wrap;
  width: 100%;
  font-size: .18rem;
}
.eswl-table dt{
  background:#d88000;
  width: 1.5rem;
  margin: 0 .05rem .05rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #fff;
  padding: .15rem;
}
.eswl-table dd{
  width: 4.15rem;
  padding: .15rem;
  background: #f7f0e4; 
  margin: 0 0 .05rem 0;
  font-weight: bold;
  display: flex;
  justify-content: start;
  align-items: center;
}

#UreteralCenter #six .eswl-flow{
  display: flex;
  justify-content: space-between;
  box-shadow: 0px 0px 12px -5px #777777;
  border-radius: 5px;
  margin-bottom: .3rem;
  position: relative;
  padding: .15rem;
   background-position: top 0 right , bottom left 0, bottom right 0, top .01rem left .01rem;
  background-size: 50% 50%;
  background-repeat: no-repeat;  
}
#UreteralCenter #six .height-a{
  background-image: 
    linear-gradient(135deg,  transparent 2.4rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 1.56rem, rgba(247,240,228,1) .1rem),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) .1rem);
}
#UreteralCenter #six .height-b{
  background-image: 
    linear-gradient(135deg,  transparent 2.4rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 10.5em, rgba(247,240,228,1) .1rem),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) .1rem);
}
#UreteralCenter #six .height-c{
  background-image: 
    linear-gradient(135deg,  transparent 2.4rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 11.4em, rgba(247,240,228,1) .1rem),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) .1rem);
}
#UreteralCenter #six .eswl-flow .eswl-flow-nun{
  position: absolute;
  background:
    linear-gradient(45deg,  transparent 0, rgba(216,128,0,1) 0),
    linear-gradient(135deg, transparent 0, rgba(216,128,0,1) 0),
    linear-gradient(315deg, transparent .375rem, rgba(216,128,0,1) .375rem),
    linear-gradient(315deg, transparent .52rem, rgba(216,128,0,1) .52rem);
  background-position: bottom .01rem left  , top left, top right .02rem, bottom .01rem right .01rem;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  color: #fff;
  font-family: VDL-Logona;
  font-size: .2rem;
  padding: .02rem .9rem .02rem 0rem;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}
#UreteralCenter #six .eswl-flow .eswl-flow-nun span{
  position: relative;
  padding-left: .37rem;
  display: inline-block;
}
#UreteralCenter #six .eswl-flow .eswl-flow-nun span:before{
  content: '';
  position: absolute;
  top: 50%;
  display: inline-block;
  width: .25rem;
  height:.02rem;
  background-color: #fff;
  left: 0;
}

#UreteralCenter #six .eswl-flow .eswl-flow-text{
  width:8rem;
  padding: .2rem;
}
#UreteralCenter #six .eswl-flow .eswl-flow-text h4{
  color: #d88000;
  font-size: .22rem;
  padding-top: .25rem;
}
#UreteralCenter #six .eswl-flow .eswl-flow-img{
  width: 3.5rem
}
#UreteralCenter #six .eswl-flow .eswl-flow-img img{
  border: 1px solid #f7f0e4;
}
#UreteralCenter #six .eswl-request li{
  border-bottom:2px dashed #bababa;
  padding:0 0 .2rem .5rem;
  position: relative;
}
#UreteralCenter #six .eswl-request li.re-one:before ,
#UreteralCenter #six .eswl-request li.re-two:before,
#UreteralCenter #six .eswl-request li.re-three:before,
#UreteralCenter #six .eswl-request li.re-four:before ,
#UreteralCenter #six .eswl-request li.re-five:before ,
#UreteralCenter #six .eswl-request li.re-six:before ,
#UreteralCenter #six .eswl-request li.re-seven:before ,
#UreteralCenter #six .eswl-request li.re-eight:before{
  display:flex; 
  justify-content: center;
  align-items: center;
  width:.35rem;
  height: .35rem;
  background: #d88000;
  border-radius: 50%;
  margin-right: 1rem;
  position: absolute;
  left: 0;
  font-weight: bold;
  color: #fff;
}
#UreteralCenter #six .eswl-request li.re-one:before{content:'1';}
#UreteralCenter #six .eswl-request li.re-two:before{content:'2';}
#UreteralCenter #six .eswl-request li.re-three:before{content:'3';}
#UreteralCenter #six .eswl-request li.re-four:before{content:'4';}
#UreteralCenter #six .eswl-request li.re-five:before{content:'5';}
#UreteralCenter #six .eswl-request li.re-six:before{content:'6';}
#UreteralCenter #six .eswl-request li.re-seven:before{content:'7';}
#UreteralCenter #six .eswl-request li.re-eight:before{content:'8';}
#UreteralCenter #six .contact-box{
  justify-content: space-evenly;
}
#UreteralCenter #six .contact-box .box-mail{
  max-width: 5rem;
}
#UreteralCenter #six .contact-box .box-mail a{
  background-color: #d88000;
  font-size: .24rem;
}

/*-- 749px以下--*/

@media screen and (max-width: 749px) {
#special.l-inbox{
  margin: 0
}
.uronav-block section {
 margin-top:-1.8rem;
 padding-top:1.8rem;
}
 #special .text{
  font-size: .16rem;
  line-height: .3rem!important;
  text-align: justify;
}  
#special .special-tt{
  margin-bottom: .3rem;
  text-align: center;
}
#special .tt-bk-purple , #special .tt-bk-green  {
  font-size: .22rem;
  margin-bottom:0; 
  padding: .3rem;
}
 #special .tt-bk-orange {
  font-size: .22rem;
  margin-bottom:0; 
  padding: .2rem .1rem;
   text-align: center;
} 
#special .p-tt02{
  font-size: .18rem;
  line-height: 1.4;
}
#special .tt-mg-s{
  font-size: .18rem;
}
#special .wide{
  margin: .2rem 0 .6rem;
  padding: .3rem 0;
}
/* UroNav */
.special-main{
  height: 5.2rem;
  margin-bottom:0; 
}
.special-main.uro-main-block{
  height: 4rem;
  margin-bottom:0; 
}.
.UroNavi-visual{
  background: url(../img/uronav/uronav-bk-sp.jpg) no-repeat center center;
  background-size:cover;
}
.UroNavi-visual .UroNav-logo{
  width: 2rem;
  top: 1.7rem;
  left: .2rem; 
}
.UroNavi-visual h1 + p{
  font-size: .24rem;
  top:0rem;
  left: .2rem;
  line-height: 1.4!important;
}
.UroNavi-visual h1 + p strong{
  font-weight: 600;
}
.UroNavi-visual h1 + p span{
  display: block;
}
.UroNavi-visual h1 + p span.en{
  text-align: left;
  font-size: .16rem;
}
.UroNavi-visual .subtext{
  position: absolute;
  top: 2.7rem;
  font-size: .14rem;
  left: .2rem;
  color:#502182;
  background: #F1EDF5;
  padding: .01rem .1rem;
  font-weight: 600;
  }
.UroNavi-visual .UroNav-system{
  width: 1.6rem;
  top: 1rem;
  left: 2.1rem ;
}
.uronav-head{
  top: 3.1rem;
  width: 100%;
}
.snm-head{
  top: 4.1rem;
  width: 100%;
}
.uronav-head.js-stk , .snm-head.js-stk{
  top:0.8rem;
}
.uronav-head.js-stk .special-navi ul li {
  border-top: 2px solid #002063;  
  border-bottom: 2px solid #002063;    
  }
.special-navi ul li:first-child{
  border-right: 2px solid #002063;    
  }
.special-navi ul li a{
  font-size: .18rem!important;
  line-height: 1.4;
  padding: .15rem;
}
.uronav-block .two-grid h3{
  line-height: 1.4;
  font-size: .22rem!important;
}
.uronav-block .two-grid h3 span{
  display: block;
  }
.two-grid {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: .2rem;
}
.uronav-block .two-grid .grid-a{
  order: 1;
  width: 100%;
}
.uronav-block .two-grid .grid-b{
  order: 2;
  width: 100%;
}
.two-grid .text{
  text-align: justify;
  letter-spacing:2.5px;
  font-feature-settings: 'palt' 1 ;
}

.U-Feature{
  width: 100%;
  margin: .3rem auto; 
}
.U-Feature .inbox{
  flex-wrap: wrap;
}
.U-Feature .inner{
  overflow: hidden;
  width: 100%;
}
.U-Feature .inner h4{
  font-size: .2rem;
}
.U-Feature .inner ul{
  padding: .2rem .1rem .2rem .2rem;
}
.U-Feature .inner ul li{
  font-size: .16rem;
  margin: 0 0 .25rem;
  padding: .04rem 0 0 .45rem;
  line-height: 1.4
}
.U-Feature .arrow{
  top: 44%;
}
.U-Feature .arrow img{
  width: .7rem;
  transform: rotate(90deg);
}
  #special .wide img{
    width: 85%;
  }
/* snm */
#Snm .three-grid {
  width: 100%;
  flex-wrap: wrap;
}
#Snm .three-grid .grid-a {
  order: 1;
  width: 100%;
}
#Snm .three-grid .grid-b {
 order: 2;
  width: 100%;
}
#Snm .three-grid h3{
  line-height: 1;
  font-size: .22rem!important;
  margin: .2rem 0;
}
.snm-head .special-navi ul li a{
  font-size: .17rem!important;
  line-height: 1.4;
  padding: .15rem;
}
.snm-head.js-stk .special-navi ul li {
  border-top: 2px solid #002063;  
  border-bottom: 2px solid #002063;    
  }
.snm-head .special-navi ul li:first-child{
  border-right: 2px solid #002063;    
  }
.snm-head .special-navi ul li:last-child{
  border-left: 2px solid #002063;    
  }
.Snm-visual .snm-illust{
  height: 43%;
  position: absolute;
  top: 1.3rem;
  left: 0.3rem; 
}
.Snm-visual .text-block {
  position: relative;
  top:0;
  left: 0;
}
.Snm-visual .text-block .sp-block{
    background:#002063;
    color: #fff;
    width: 3.75rem;
    padding: .1rem 0;
    text-align: center;
  }
.Snm-visual .text-block .snm-title {
  font-size: .25rem;
}
.Snm-visual .text-block h1{
  font-weight: 600;
  color: #fff;
  font-size: .4rem;
  line-height: 1;
}
.Snm-visual .text-block p.sp{
  font-size: .19rem;
}
.Snm-visual .text-block .subtext{
  position: absolute;
  width: 3.75rem;
  top:3.1rem;
  padding: 0 0 0 .2rem;
}
.Snm-visual .text-block .subtext span{
  font-size: .16rem;
  line-height: 1.6;
text-shadow:0px 0px 3px #fff;
}
  
.Snm-visual .text-block .pickup{
    position: relative;
    top:.2rem;
  }
.Snm-visual .text-block .pickup span.snm-pick-01{
position: absolute;
  left:2.2rem;
}
.Snm-visual .text-block .pickup span.snm-pick-02{
position: absolute;
  top:.7rem; 
  left:2.05rem;  
}

#Snm .C-Feature .inner{
  padding: .1rem .2rem;
  width: 100%;
  font-feature-settings: 'palt';
}
#Snm .C-Feature .inblock{
  width: 100%;
  text-align: justify;
  margin-bottom: .1rem;
}
#Snm .C-Feature .inblock-max{
  margin-top:-.1rem!important;
  }
#Snm .C-Feature .inner h5{
  margin: 0;
  font-size: .2rem;
  line-height: 1.5;
}
#Snm  .C-Feature dd.text {
  width: 100%;
}

/* Center-visual スマホ */
.center-main{
  height: 8.2rem;
  position: relative;
  margin-bottom:0; 
}
.Center-visual{
  background: url(../img/center/center-bg-sp.jpg) no-repeat center .5rem;
  background-size:cover;
  position: relative;
  height: 100%;
}
.Center-visual .inner .text-block{
  background:rgba(255,255,255,.9) ;
  background-position: bottom left, top left, top right, bottom right;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  position: initial;
  padding: .12rem .2rem .15rem;
  top:initial;
  left: initial;
  margin:.2rem;
}
.Center-visual .inner .topic-title{
  background:rgba(216,128,0,1) ;
  font-size: .2rem;
  padding: .1rem .2rem .1rem;
  display: block;
  width: 100%;
  position: initial;
  text-align: center;
  line-height: 1.4!important;
}

.Center-visual .inner .text-block .sp-block .c-title{
  font-size: .25rem;
}
.Center-visual .inner .text-block .sp-block h1{
  font-size: .5rem;  
  line-height: 1.1;
}
.Center-visual .inner .text-block .sp-block h1 + p{
  line-height: 1.2!important;
}
.Center-visual .inner .text-block .sp-block p{
  font-size: .2rem;
}
.Center-visual .inner .text-block .subtext{
  margin: .1rem 0 ;
  text-align: justify;
  font-feature-settings: 'palt';
}
.center-head{
  position: absolute;
  top: 7.2rem;
  width: 100%;
}
.center-head.js-stk{
  position: fixed;
  top:0.8rem;
  z-index: 100;
}
 .center-head.js-stk .special-navi ul li{
    border-top: 2px solid #d88000;
    border-bottom: 2px solid #d88000;
  }
  .center-head .special-navi ul li{
    border-right: 2px solid #d88000;
  } 
  .center-head .special-navi ul li:last-child{
    border-right: none;
  }
.center-head .special-navi ul li a{
  display: block;
  font-size: .16rem!important;
  padding:.1rem;
  color: #d88000;
  font-weight: 600;
  background-color: #fff!important;
  opacity: 0.9;
  width: 100%;
}
.center-head .special-navi ul li a:hover{
  background-color: #d88000!important;
  width: 100%;
  color: #fff!important;
}
#UreteralCenter .three-grid{
  display: flex;
  flex-basis:auto;
  justify-content: space-between;
  text-align: justify;
　align-items: flex-start;
  width:100%;  
  flex-wrap: wrap;
}
#UreteralCenter .three-grid .grid-a {
  order: 1;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;
}
#UreteralCenter .three-grid .grid-a .text {
  font-size: .16rem;
  font-feature-settings: 'palt';
}
#UreteralCenter .three-grid .grid-b {
 order: 2;
 width: 100%;
align-items: flex-start;
  display: flex;
  justify-content: center;
}
#UreteralCenter .three-grid .grid-b img {
 order: 1;
 width: 70%;
　align-items: flex-start;
  margin-bottom: -0.8rem; 
}
#UreteralCenter .three-grid h2{
  line-height: 1.2;
}

#UreteralCenter .p-tt02::before {
 background:#d88000;
}
  
#UreteralCenter #second .two-grid .grid-a {
  order: 1;
  width: 100%;
  height: 100%;
  display: flex;
  align-content: center;
  align-items: center; 
  justify-content: center;
}
#UreteralCenter #second .two-grid .grid-a img {
  width: 100%;
}
#UreteralCenter #second .two-grid .grid-b {
  order: 2;
  width: 100%;
  display: flex;
  align-content: center;
  align-items: center;  
}
#UreteralCenter #second .two-grid.item-therd .grid-a{
  width: 100%;
  height: 2rem;
}
#UreteralCenter #second .two-grid.item-therd .grid-a img {
  width: 100%;
}
#UreteralCenter #second .two-grid.item-therd .grid-b {
  width: 100%;
  height: auto;
}
#UreteralCenter #second .two-grid .grid-b a.o-arrow-link03{
 margin-top:.2rem;
 margin-bottom: -0.5rem;
}
#UreteralCenter .C-Feature h4{
  font-size: .22rem;
}
#UreteralCenter .C-Feature .inner{
  padding: .1rem .2rem;
  width: 100%;
  font-feature-settings: 'palt';
}
#UreteralCenter .C-Feature .inblock{
  width: 100%;
  text-align: justify;
  margin-bottom: .1rem;
}
#UreteralCenter .C-Feature .inblock-max{
  margin-top:-.1rem!important;
  }
#UreteralCenter .C-Feature .inner h5{
  margin: 0;
  font-size: .2rem;
  line-height: 1.5;
}
#UreteralCenter .C-Feature dd.text {
  width: 100%;
}
#UreteralCenter .bk-orange{
  padding: 0 .2rem .2rem;
  margin-bottom: -.2rem!important;
}
#UreteralCenter .bk-orange h4{
  color:#d88000;
  font-size: .22rem;
  line-height: 1.6;
  margin-bottom: -0.1rem;
  text-align: justify;
  font-feature-settings: 'palt';  
}
#UreteralCenter ul.low-dose{
  display: flex;
  flex-wrap: wrap;  
  justify-content: space-between;
  margin: 0rem 0 -.1rem;
}
#UreteralCenter ul.low-dose li{
  background: #fff;
  margin: .1rem 0;
  padding: .1rem;
  font-size: .22rem;
  font-weight: 600;
  width: 100%;
  display: flex;
  justify-content: center;
}
#UreteralCenter ul.low-dose li p{
  width: 100%;
}
#UreteralCenter #six .two-grid div.grid-a,
#UreteralCenter #six .two-grid div.grid-b{
  width: 3.48rem;
  margin: 0;
}
h3.eswl-table-tit{
  height: .4rem;
}
.eswl-table dt{
  width: 100%;
  margin: 0;
  padding: .1rem;
}
.eswl-table dd{
  width: 100%;
  padding: .1rem;
}
#UreteralCenter #six .eswl-flow{
  flex-wrap: wrap;
  justify-content: center;
  background:none;
}
#UreteralCenter #six .height-a{
  background-image: 
    linear-gradient(135deg,  transparent 2.4rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 1.56rem, rgba(247,240,228,1) .1rem),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) .1rem);
}
#UreteralCenter #six .height-b{
  background-image: 
    linear-gradient(135deg,  transparent 2.4rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 10.5em, rgba(247,240,228,1) .1rem),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) .1rem);
}
#UreteralCenter #six .height-c{
  background-image: 
    linear-gradient(135deg,  transparent 2.4rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) 0),
    linear-gradient(135deg, transparent 11.4em, rgba(247,240,228,1) .1rem),
    linear-gradient(135deg, transparent 6rem, rgba(247,240,228,1) .1rem);
}
#UreteralCenter #six .eswl-flow .eswl-flow-nun{
  background:
    linear-gradient(45deg,  transparent 0, rgba(216,128,0,1) 0),
    linear-gradient(135deg, transparent 0, rgba(216,128,0,1) 0),
    linear-gradient(315deg, transparent .41rem, rgba(216,128,0,1) .41rem),
    linear-gradient(315deg, transparent .52rem, rgba(216,128,0,1) .52rem);
  background-position: bottom .01rem left  , top left, top right .02rem, bottom .01rem right .01rem;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  font-size: .15rem;
}
#UreteralCenter #six .eswl-flow .eswl-flow-text{
  width:100%;
  padding: .05rem;
}
#UreteralCenter #six .eswl-flow .eswl-flow-text h4{
  color: #d88000;
  font-size: .22rem;
  padding-top: .25rem;
}
#UreteralCenter #six .eswl-flow .eswl-flow-img{
  width: 100%;
}
#UreteralCenter #six .eswl-flow .eswl-flow-img img{
 width: 100%;
}
 #UreteralCenter #six .bk-orange +.text{
    margin-top: .2rem;
  }

#UreteralCenter #six .contact-box .box-mail a{
  font-size: .16rem;
  padding-top:.16rem; 
}
  #UreteralCenter #six .contact-box .box-mail a:hover{
    opacity: 1;
  }
  #UreteralCenter #six .contact-box .box-mail:first-child{
  margin-bottom: .15rem;
  }

}

/*-- 750px以上--*/
@media screen and (min-width: 750px) {

#special a.net-banar{
  height: 2.2rem;
}
}