@charset "utf-8";
.T30{margin-top:30px;}
.T60{margin-top:60px;}


h2{text-align:left; font-size:1.8em; margin-bottom:0;}
h2 strong{font-size:180%;}

p.caption{border:1px solid #CC6600; border-left:none; border-right:none; color:#CC6600; padding:8px 4px; font-size:1.6em; margin:0;}

/*リード文*/
.reads{margin:12px 0 12px auto;}
.reads .txt{float:left; width:760px;}
.reads .txt strong{font-size:1.4em;}
.reads .ph{float:right; width:380px; text-align:center;}
.reads .ph img{margin-bottom:24px;}

/*こんなお悩みに適しています。*/
.worry{border:2px solid #CCCCCC; padding:8px 18px 0; margin-bottom:60px;}
.worry h3{background:none; border:none; margin:0; padding:4px; text-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none; color:#333333; border-bottom:2px solid #CCCCCC; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; color:#996600;}
.worry h3:before{background:none;}
.worry ul{margin-left: 24px; margin-top: 8px; margin-bottom: 18px;}
.worry li{list-style-type:disc; line-height:2.4em;}

/*症例*/
.ex{display: flex; gap:30px;}
ul.dr_photo{ display:flex; border: 1px solid #836600; margin-bottom: 30px;}
ul.dr_photo li{flex:auto; width:20%; padding:2%; position:relative; line-height:1;}
ul.dr_photo li:not(:last-child) { padding-right:5%;}
ul.dr_photo li:not(:first-child)::before{
    content: "";
    position: absolute;
    top:40%;
    left: -15px;
    margin: auto;
    box-sizing: border-box;
    width:20px;
    height:30px;
    border:30px solid transparent;
    border-left:20px solid #999999;
}
figure {display: table;}
figcaption{text-align: center; background-color:#CCCCCC; padding:6px 0; display: table-caption; caption-side: bottom;}

@media screen and (max-width:690px) {
.ex{display: block;}
}

@media screen and (max-width:350px) {
ul.dr_photo{ display:flex; flex-wrap:wrap; justify-content:center;}
ul.dr_photo li{width:44%;}
ul.dr_photo li::before{display:none;}
}

/*比較表*/
table.comparison{border: 1px #A8A7A7 solid; table-layout: fixed; width:100%;}
table.comparison th, table.comparison td{padding: 12px; border:1px solid #CCCCCC;}
table.comparison th{background-color: #666666;}
table.comparison th.ttl{ width:6em;}
table.comparison tbody th{color: #FFFFFF;}
table.comparison thead th.skin{background-color:#FAD8DB;}
table.comparison thead th.botox{background-color:#F095B3;}

/*施術の流れ*/
dl.flow dt, dl.flow dd{background-color:#EEEEEE; padding:14px 18px; margin:0;}
dl.flow dt{font-weight:bold; padding-bottom:4px;}
dl.flow dd{margin-bottom:20px;  padding-top:4px;}
dl.flow dd.arrow{background:#FFFFFF; margin:0;}

/*痛み・ダウンタイム*/
dl.after{margin-top:60px; border-bottom:1px dotted #CCCCCC;}
dl.after dt, dl.after dd{padding:14px 0; border-top:1px dotted #CCCCCC;}
dl.after dt{float:left; clear:left; width:120px; color:#CC6600; text-align:right; font-weight:bold;}
dl.after dd{ margin-left:120px; padding-left:16px;}

/*主な効果*/
div.adap{ background-color: beige; padding:12px; display: inline-block;}
div.adap h4.adaptation{border:none; padding:0 4px; margin:0;}
div.adap ul{list-style-type:disc; margin-left: 24px;}
div.adap ul li{padding:4px;}

/*費用について*/
#SecondContents ul.price{margin:0; padding:0 0 0 24px; list-style-type: disc;}

div.priceW{border-bottom:1px dotted #CCCCCC; margin:12px 0 20px 0; padding:0;}
div.priceL{float:left; width:60%;}
div.priceR{float:right; text-align:right;}
p.pricesT{font-size:1.2em; font-weight:bold; margin:0; padding:0;}
p.prices{margin:0; padding:0;}
p.prices strong{font-size:1.2em;}
p.prices span{font-size:0.6em;}

div.priceW:after{clear:both; content:""; display:block;}

@media screen and (max-width:1280px) {
.reads .txt{float:left; width:65%;}
.reads .ph{float:right; width:34%; text-align:center;}
}
@media screen and (max-width:660px) {
.reads .txt{float:none; width:auto;}
.reads .ph{float:none; width:auto; text-align:center;}
    div.adap{display: block;}
}
@media screen and (max-width:480px) {
dl.after dt{display: block; float: none; width: auto; text-align:left; padding-bottom:4px;}
dl.after dd{margin: 0; padding: 0; border-top: none;}

div.priceL{float:none; width:auto;}
div.priceR{float:none; text-align:right;}
}

@media screen and (max-width:430px) {
    #SecondContents p.caption{ line-height:1.5em;}
    table.comparison th{}
    table.comparison th span{display: block;}
    table.comparison th.ttl{ width:4em;}
    table.comparison tbody th{font-size: 0.9em; font-weight: normal; text-align: left;}
}

@media screen and (max-width:400px) {
    #SecondContents p.caption span{display: block;}
}