@charset "utf-8";

h3 span{background-color:#FFFFFF; color:#333333; font-size:80%; padding:0 8px; margin-left:8px;}
h4{margin-bottom:0;}

.ex_list{display:flex;  flex-wrap:wrap; width:100%; justify-content: space-around; gap:60px 8px;}
.ex_list dt{background-color:#EEEEEE; text-align:center; font-weight:bold; padding:8px 0;}

/*症例モニターを募集中!*/
.linkbox{text-align:center; width:80%; margin:20px auto 60px;}
.link{  text-align:center; display:block; font-size:1.2em;}
.link a{ font-weight:bold; background-color:#ee8134; color:#FFFFFF; padding:12px 6px; text-decoration:none; border-radius:12px; border-bottom: solid 2px #b65511; position: relative; display: flex; justify-content: center; text-align:center; transition: 0.15s ease-in-out;}
.link a:hover{ background-color:#FFCCCC;}
.link span{padding-right:10px;}

.link a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width:8px;
  height:8px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(45deg);
}
.link a:hover:after {
  right:1.6rem;
}
.link a:hover {
  background:#F27420;
  color: #FFF;
  border-bottom: solid 2px #999;
  transform: translateY(1px);
}


ul.choice{font-weight:bold; font-size:1.4em;}
ul.choice li{border-bottom:1px dashed #CCCCCC; padding:12px 0; margin-left:24px; list-style-type:disc;}
ul.choice span{background-color:#333333; color:#FFFFFF; font-size:70%; padding:2px 12px; margin-left:8px;}

.maibotsu{display:flex; flex-wrap:wrap; width:100%;}
.maibotsu .ph{ width:412px;}
div#SecondContents .maibotsu p{ width:calc(100% - 412px); margin-top:0; padding-top:0;}

/*埋没法(点留め)*/
.ten{display:flex; flex-wrap:wrap; width:100%; justify-content: space-between;}
.ten .ph{ width:570px;}
div#SecondContents .ten p{width:calc(100% - 582px); margin-top:0; padding-top:0;}

/*埋没法(線留め)*/
.sen{display:flex; flex-wrap:wrap; width:100%; justify-content: space-between;}
.sen .ph{ width:395px;}
.sen .txt{width:calc(100% - 410px); margin-top:0; padding-top:0;}
.sen .txt h5{margin:8px 0 0; padding:0;}
.sen .txt ul{margin-left:24px; list-style-type:disc;}
div#SecondContents .sen .txt p{margin-top:0; padding-top:0;}

/*糸の固定(点留め・線留め)の施術について*/
dl.after{border-bottom:1px solid #CCCCCC;}
dl.after dt, dl.after dd{padding:14px; border-top:1px solid #CCCCCC;}
dl.after dt{float:left; clear:left; width:120px; color:#996600; text-align:right; font-weight:bold;}
dl.after dd{ margin-left:120px; padding-left:4px;}

/**/
.sekkai{display:flex; flex-wrap:wrap; width:100%; justify-content: space-between;}
.sekkai .ph{width:316px;}
div#SecondContents .sekkai p{ width:calc(100% - 326px); margin-top:0; padding-top:0;}



@media screen and (max-width:1080px) {
.ten{display:block; justify-content:flex-start;}
.ten .ph{ width:auto;}
div#SecondContents .ten p{width:auto;}
}

@media screen and (max-width:840px) {
.sen{display:block; justify-content:flex-start;}
.sen .txt, .sen .ph{ width:auto;}
div#SecondContents .maibotsu p{width:auto;}
}

@media screen and (max-width:648px) {
.sekkai{display:block; justify-content:flex-start;}
.sekkai .ph{width:auto;}
div#SecondContents .sekkai p{ width:auto;}

}

@media screen and (max-width:480px) {
dl.after dt{width:auto; float:none; font-weight:bold; text-align:left; padding:8px 0 0;}
dl.after dd{margin-left:0; border-top:none; padding:8px 0 0;}

}