@charset "utf-8";
#Main p{ line-height:1.6em;}

#Main h2{margin-top:60px;}
#Main h4{border-bottom:1px solid #CCCCCC; margin-bottom:8px;}

#Second .red{color:#CC0000;}

p.read{margin-top:12px;}

div.adaptation{background-color:#E9EFFF; padding:12px;}
div.adaptation ul li{display:inline-block;}
div.adaptation ul li:after{content:"・";}
div.adaptation ul li:last-child:after{ content:"";}

div.adaptation ul:after{ content:"など";}

/*症例*/
div.ex{display:flex; flex-wrap: wrap; justify-content: space-between; box-sizing: border-box;  align-items:top;}
div.ex dl{width: calc((100% - 40px) / 2); margin-bottom:30px;}

ul.progress{ margin-left:9px; margin-bottom:30px;}
ul.progress li {
position: relative;
display: inline-block;
padding:0 15px 0 0; margin-left:-9px;
}
ul.progress li:after{
content: "";
width: 0;
height: 0;
border: solid 9px transparent;
border-left: solid 5px #333333;
position: absolute;
top: 45%;
right: 0;
margin-top: -8px;
}
ul.progress li:last-child:after{border:none;}
ul.progress li:last-child{padding:0;}

/*施術のステップ*/
dl.step{margin-bottom:12px;}
dl.step dt{font-size:1.25em; padding:12px 12px 0; background-color:#DEEAF8;}
dl.step dd{padding:0 12px 12px; background-color:#DEEAF8;}
dl.step dd dt{font-size:1.1em; color:#2769D8; padding:0;}
dl.step dd dt:before{content:"■";}
dl.step dd dd{border:none; padding:0; padding-bottom:12px;}

dl.step dd.arrow{height:18px; background:url(../images/arrow_down.png) no-repeat bottom left; background-color:#FFFFFF; padding:0; margin:6px 0;}

/*術後*/
#after h3{ color:#003399; font-size:1.2em; padding:2px 12px; display:inline-block; -webkit-border-radius: 8px; -moz-border-radius:8px; border-radius:8px; margin-top:40px;}
#after ul{list-style:none; margin-left:24px;}
#after ul li{text-indent:-1em;}
#after ul li:before{content:"●"; color:#3D6DC9;}


/*料金*/
table.prices{border-bottom:1px solid #003366; width:80%;}
table.prices th, table.prices td{padding:8px; border-top:1px solid #003366;}
table.prices th{background-color:#E1E9FB;}
table.prices td{ border-left:1px solid #003366;  text-align:right;}

table.prices tr.tax td{border:none;}


/*治療禁忌*/
ul.contraindications{ list-style-type:square; margin-left:24px;}


@media screen and (max-width:580px){
div.ex dl{width:100%;}
table.prices{width:100%;}
table.prices th, table.prices td{padding:8px 1px;}
}

@media screen and (max-width:400px){
img{max-width:100%;}

h4{text-align:center;}
ul.progress{text-align:center;}
ul.progress li{display:block; padding:12px 0;}
ul.progress li:after{
content: "";
width: 0;
height: 0;
border-top: 10px solid #000000;
    border-right: 10px solid transparent;
    border-bottom: 10px solid transparent;
    border-left: 10px solid transparent;
position: absolute;
top:100%;
right:48%;
margin-top: -12px;
}
}