@charset "utf-8";
img{ max-width:100%;}
h3{border-left:12px solid #333333;}

div.basic{display:flex;}
div.basic img{max-width:none;}

div.adsc{border:1px solid #CCCCCC; padding:8px; margin-top:8px; display:inline-block; color:#003366; line-height:2em;}
div.adsc h3{border:none; margin:0; padding:0;}
div.adsc p.notes{font-size:0.95em; color:#333333;}

div.mechanism{display:flex; justify-content: space-between; flex-wrap:wrap; margin:12px 0 30px 0;}
div.mechanism dl{width:24%; border:1px solid #999999; margin:12px auto;}
div.mechanism dt, div.mechanism dd{padding:8px;}
div.mechanism dt{background-color:#E3EDF4; color:#003366; font-size:1.2em; font-weight:bold; text-align:center;}

div.risk{border:1px solid #336699; padding:12px; border-radius:12px;}
div.risk h3{margin-top:0;}
div.risk ul{margin-left:24px;}
div.risk p{margin:12px;}

ul.concurrent{display:flex; justify-content: space-between; gap:10px; list-style:none;}
ul.concurrent li{width:calc(100% / 3 - 10px); font-weight:bold; border:1px solid #999999; padding:12px; text-align:center; display:flex; align-items:center;}
ul.concurrent li p{text-align:center; width:100%;}
ul.concurrent li p.multiline{text-align:left; font-weight:normal;}

table.price_one{width:100%; margin:0 auto;}
table.price_one th{border:1px solid #999999; padding:4px 12px; background-color:#CCCCCC; color:#333333; border-bottom:1px solid #CCCCCC;}
table.price_one td{border:1px solid #999999; background-color:#F8F8F8; padding:12px; text-align:center;}
table.price_one td.item{width:33%;}
table.price_one td.tax{padding:0; background:none; text-align:right; border:none; font-size:0.8em;}
table.price_one td.plus p{color:#FF0066; font-size:1.4em;}
table.price_one td.yen{text-align:right; background-color:#FFFFFF; padding:12px; font-weight:bold; white-space:nowrap;}
table.price_one p.notes{font-size:0.85em; text-align:left;}
table.price_one tr.line td{border-top:2px solid #999999;}

p.price_line{border-bottom:1px solid #666666; padding:8px 12px; text-align:right;}
p.price_line strong{margin-left:4px;}

/*あさひ美容外科は再生医療等提供計画を提出した医療機関です*/
.todoke{display:flex; justify-content: center; flex-wrap: wrap;}
.todokeTxt{}
.todokeTxt ul{margin-left:30px;}
.todokePh{ width:160px; text-align:center;}
.todokePh img{border:1px solid #CCCCCC;}


@media screen and (max-width:1090px) {
ul.concurrent span{display:block;}
}

@media screen and (max-width:920px) {
ul.concurrent li{text-align:left;}

}

@media screen and (max-width:780px) {
div.basic{display:block;}
div.basic .photo{text-align:center; padding-top:12px;}

div.adsc{text-align:center; margin:12px auto; display:block;}

ul.concurrent{display:block; gap:0;}
ul.concurrent li{width:90%; margin:12px auto;}
ul.concurrent span{display:inline;}

}

@media screen and (max-width:840px) {
div.mechanism dl{width:48%;}
}

@media screen and (max-width:560px) {
h2#juri{text-align:left; padding-left:12px; padding-right:12px;}
}

@media screen and (max-width:480px) {
div.mechanism{ display:block;}
div.mechanism dl{width:98%;}
}