@charset "utf-8";

h1{padding:12px 0; background:none; color:#333333;}

/*固定タイトル*/
/*スライドはslick_rd.cssで設定*/
div.toptitle{width:100%; text-align:center; text-decoration: none;}
div.toptitle img{ object-fit: cover; width:100%; height:600px;}
div.toptitle .title_pc{display:block;}
div.toptitle .title_sp{display:none;}

@media screen and (max-width:900px) {
div.toptitle .title_pc{display:none;}
div.toptitle .title_sp{display:block;}
div.toptitle img{height:auto; object-fit: contain;}
}

/*詳しくリンク*/
.link a{
  display: inline-block; border-radius:22px;
  position: relative;
  padding: 10px 33px 10px 18px;
  background: #C7DFEF; color:#006699;
  text-decoration: none;
}
.link a:hover{background-color:#BFE3F7;}
.link a:after{
  content: "";
  position: absolute;
  transform: rotate(45deg);
  margin: auto;
  top:37.5%;
  right:18px;
  width:7px;
  height:7px;
  border-top: 2px solid #176FB7;
  border-right: 2px solid #176FB7;
}


/*当院のED治療外来の特長*/
div.features{ display:flex; flex-wrap:wrap; justify-content:space-between; gap:20px 10px; width:100%;}
div.features dl{width:calc(100% / 3 - 20px); border:3px solid #999999; background-color:#EFEFEF; border-radius:12px; padding:12px 0; text-align:center;}
div.features dl dt{color:#000066; font-weight:bold;}
div.features dl dt span{display:block;}
div.features dl dt span.bl{display:block;}

/*<駅からスグ>全国8院*/
div.clinic{margin:0 auto;}
div.clinic ul{display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; list-style:none; text-align:center; width:100%;}
div.clinic ul li{width:calc(100% / 4 - 20px); padding:12px 0;}
div.clinic ul strong{background-color:#57526D; color:#FFFFFF; width:100%; display:block; margin-bottom:0; padding:8px 0; border-radius:30px;}

/*EDの根治治療ための医療機器「レノーヴァ」*/
div.renova_Box{display:flex;  justify-content:center; margin:24px auto;}
/*div.renova_Box .txt{width:60%;}*/
div.renova_Box .photo{ padding-left:20px;}

/**/
ul.device_list{list-style:none; margin:0;}
ul.device_list li{
    position: relative; color:#1C72B8; font-weight:bold;
    vertical-align:middle; padding:8px 0; padding-left:40px; margin-bottom:12px;
  }
 
ul.device_list li:before {
    content: "";
    position: absolute;
    top: -0.4em;
    left:11px;
    -webkit-transform: rotate(50deg);
    -ms-transform: rotate(50deg);
    transform: rotate(50deg);
    width:12px;
    height:30px;
    border-right: 2px solid #1C72B8;
    border-bottom: 2px solid #1C72B8;
  }
 
ul.device_list li:after {
    content: "";
    position: absolute;
    top: .2em;
    left: 0;
    width:26px;
    height:26px;
    border: 1px solid #1C72B8;
    border-radius: 2px;
  }

/*ED治療薬*/
/*値段*/
table.prise_list{ padding:12px; margin:0 auto;}
table.prise_list th, table.prise_list td{padding:12px; border:1px solid #999999;}
table.prise_list th{text-align:left; vertical-align:top; background-color:#D9E9F4; color:#003366;}
table.prise_list th span{font-weight:normal; font-size:0.9em;}
table.prise_list tr.quantity th{text-align:center; background-color:#EEEEEE; color:#333333;}
table.prise_list td.yen{ text-align:right; border:1px solid #999999; white-space:nowrap;}
table.prise_list tr.sp_ttl th{display:none;}
table.prise_list .tax{text-align:right; border:none; padding:0; font-size:0.9em;}

table.drug_list{width:100%; margin-top:20px;}
table.drug_list th{background-color:#EEEEEE; color:#333333;}
table.drug_list th, table.drug_list td{padding:8px; border:1px solid #999999;}
table.drug_list span{display:block; font-size:0.9em;}
table.drug_list td{width:14%; text-align:center;}
table.drug_list td.cat{background-color:#D9E9F4; white-space:nowrap; font-weight:bold; color:#003366;}

/*再生医療のご案内(幹細胞上清液)*/
div.regenerative{border:2px solid #999999; padding:12px; margin-top:120px; border-radius:30px; background-image:url(images/regenerative_back.png); background-repeat:no-repeat; background-position:top center; background-color:rgba(255,255,255,0.7); background-blend-mode:lighten;}
div.regenerative p{margin:12px 0;}
div.regenerative p.point{background-color:#666666; color:#FFFFFF; text-align:center; padding:8px 0;}
div.regenerative p.link{text-align:center;}

@media screen and (max-width:1000px) {
table.prise_list span{display:block;}

}

@media screen and (max-width:760px) {
table.price_list{width:98%;}
table.drug_list{ width:98%;}
table.drug_list tr{display:block; float:left;}
table.drug_list	tr td,
table.drug_list tr th{display:block; width:auto; height:42px;}
table.drug_list .multiple{height:60px;}
table.drug_list	thead{display:block; float:left; width:23%;}
table.drug_list	thead tr{width:100%;}
table.drug_list tbody{display:block; float:left; width:77%;}
table.drug_list tbody tr{width:33%;}
}

@media screen and (max-width:720px) {
div.features dl{width:calc(100% / 2 - 20px);}
div.clinic ul{justify-content:start; gap:30px;}
div.clinic ul li{width:calc(100% / 3 - 20px); padding:12px 0;}


}

@media screen and (max-width:680px) {
table.prise_list{width:98%; margin:12px 0;}
table.prise_list th{display:none;}
table.prise_list tr.quantity th{display:table-cell;}
table.prise_list tr.quantity th.pc_ttl{display:none;}
table.prise_list tr.sp_ttl th{display:table-cell; padding-bottom:4px; padding-left:6px;}
table.prise_list tr.sp_ttl th span{ display:inline-block;}

h1 span{display:block;}

table.drug_list{font-size:0.9em;}

}

@media screen and (max-width:560px) {
h1{font-size:1.6em;}
div.features dl dt span{display:inline;}
div.clinic ul li{width:calc(100% / 2 - 20px); padding:12px 0;}

div.renova_Box{display:block;}
div.renova_Box .txt{}
div.renova_Box .photo{text-align:center; padding:0;}
ul.device_list{ width:65%; margin:0 auto;}

table.drug_list{font-size:0.85em;}
}

@media screen and (max-width:470px) {
ul.device_list{ width:80%;}
}

@media screen and (max-width:385px) {
ul.device_list{ width:90%;}
}