@import (once) "font.less";
@import (once) "default.less";


/* doctor ///////////////////////*/
.doctor{

dl{
.dt;
width:100%;
}
dd{
.dtc;
.vat;
}

ul{
.dt;
}
li{
.dtc;
.tac;
width:50%;
padding:.3rem;
max-width:100px;

p{
padding:.5rem;
}
img{
.r(50%);
}
}

}


@media(max-width:600px){
.doctor{

dl{
.db;
width:auto;
}
dd{
.db;
}

}
}


/* faq よくある質問 ///////////////////////*/
.faq{

ul{
.db;
}
li{
.pr;
.bold;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
padding:.5rem 0 .5rem 2.5rem;
border-bottom:1px @c3 solid;
}

li a{
.bold;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

li::before {
content:'Q';
.pa;
margin-left:-2.5rem;
width:2rem;
height:2rem;
line-height:2rem;
.tac;
.vam;
color:#FFF;
background: @c5;
border-radius: 50%;
vertical-align: text-top;
}

a:hover{
color:@c1;
.tdu;
}

}


/* answer よくある質問 ///////////////////////*/
.answer{

h3{
.bold;
font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

dl{
.dt;
}
dd{
.dtc;
.vam;
}

.image{
width:200px;
margin:0 1rem 0 0;
img{
.r(50%);
}

}

.text p:nth-child(1){
.bold;
}

.text p:nth-child(2){
font-size:1.3rem;
.bold;
}

.text p:nth-child(3){
padding:1rem 0 0 0;
font-size:.9rem;
}

}


@media(max-width:600px){
.answer{

dl{
.db;
}
dd{
.db;
}

.image{
margin:0 auto 1rem auto;
}

}


}