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

#retreatment{margin:0 auto; width:1060px;}


.heading{ text-align:center; margin:60px auto 20px;}
h2 {display: flex; justify-content: center; align-items: center;}
h2::before,
h2::after {
  content: "";
  flex-grow: 1;
  height: 8px;
  background-image: repeating-linear-gradient(-45deg, #777 0, #777 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%);
  background-size: 8px 8px;
}
h2::before {margin-right: 30px;}
h2::after {margin-left: 30px;}


p.subttl{background-color:#FBE4AA; padding:8px; margin:30px 0 30px; color:#666600; text-align:center; font-weight:bold;}

.reads{margin:12px 0 12px auto; padding:0;}
.reads p{margin:0; padding:0;}
.reads strong{font-size:1.4em;}

p.links{margin:20px auto; text-align:center;}
p.links a{background-color:#E3CD93; color:#333333; border-radius:20px; -webkit-border-radius: 20px; -moz-border-radius:20px; padding:8px 20px;}
p.links a:hover{text-decoration:none; background-color:#D8C072;}

.details{float:left; width:48%; margin:30px 0;}
.details .ph{float:left; padding-right:2px; width:40%;}
.details .txt{float:left; width:59%;}
.details .ph img{max-width:100%;}

.details dl{margin:0; padding:0;}
.details dt, .details dd{margin:0; padding:0;}
.details dt{background-color:#999999; color:#FFFFFF; padding:0 12px; font-size:1.2em; font-weight:bold; border-radius:6px; -webkit-border-radius:6px; -moz-border-radius:6px;}
.details dd:before{content:"●"; color:#996600;}
.details:after{content:""; display:block; clear:both;}
.details dl:after{content:"etc..."; color:#996600;}

.details_left{margin-right:3%;}

.banar{text-align:center;}

.T30{margin-top:30px;}
.T60{margin-top:60px;}

.dr_profile{ clear:both; display:block; margin:60px 0 0 auto;}
.dr_profile .txt{float:left; width:72%;}
.dr_profile .txt p{margin:8px 0;}
.dr_profile .txt ul{margin-left:24px; list-style-type:disc;}
.dr_profile .txt strong{font-size:1.4em;}
.dr_profile .txt dl{margin:0; padding:0;}
.dr_profile .txt dt, .reads .txt dd{margin:0; padding:0;}
.dr_profile .txt dt{color:#FF0066; font-weight:bold;}
.dr_profile .txt dt:before{content:"●"; color:#FF0066;}
.dr_profile .txt dd{margin-bottom:12px;}
.dr_profile .ph{float:right; text-align:center;}
.dr_profile .ph img{ margin-bottom:24px;}
.dr_profile:after{clear:both; content:""; display:block;}

/*FAQ*/
dl.faq{margin:0 0 120px; padding:0;}
dl.faq dt, dl.faq dd{padding:12px 0; text-indent:-24px; padding-left:33px; line-height: 1.6;}
dl.faq dt{font-weight: bold;}
dl.faq dd{ border-bottom: 1px dashed #CCCCCC;}
dl.faq dt:before{content:'Q'; font-size: 1.5em; font-weight:bold; padding-right:8px; }
dl.faq dd:before{content: 'A'; font-size: 1.5em; font-weight:bold; padding-right:8px; color:#CC9900;}

@media screen and (max-width:1120px) {
#retreatment{margin:0 auto; width:auto;}
p.subttl{text-align:left;}

.dr_profile .txt{width:67%;}
.dr_profile .ph{width:30%;}
.dr_profile .ph img{max-width:100%;}
}

@media screen and (max-width:760px) {
.details{margin:30px 0 0; clear:both; float:none; width:auto;}
.details{border-bottom:1px solid #CCCCCC;}
.details .ph{float:left; padding-right:2px; width:110px;}
.details .txt{float:left; width:72%;}
}

@media screen and (max-width:680px) {
h1 span{display:block;}
p.link a{width:80%;}
.dr_profile .txt, .dr_profile .ph{float:none; width:auto;}
img{max-width:100%;}
}

@media screen and (max-width:560px) {
h1 span{display:block;}
}

@media screen and (max-width:420px) {
.details{margin-top:80px;}
.details .ph{ text-align:center; width:auto; float:none;}
.details dt{text-align:center;}
.details .txt{float:none; clear:both; width:auto;}
}