@charset "utf-8";

#Main{line-height:1.6em;}

div.aboutL{float:left; margin:6px 0; width:70%;}
div.aboutR{float:right; width:29%;}


/*********4つの特徴**************/
#features h3 span.num{font-weight:normal;}

.features01{ margin-bottom:60px;}
.features01 h3{color:#CC0000;}
.features01 .photoL{float:left; width:32%;}
.features01 .photoR{float:right; width:66%; padding-top:20px;}
.features01 .photo:after{content:""; display:block; clear:both;}
.features01 .photo span:after{content:":";}
.features01 .photo p{color:#4568B0;}

.featureF{ background-color:#F1F8FE; border:2px solid #7698DE; padding:12px; margin-top:12px;}
.featureF .note{font-size:80%;}

.features02{ margin-bottom:60px;}
.features02 h3{color:#621D87;}
.features02 h4{margin-left:-8px;}
.features02F:after{clear:both; display:block; content:"";}
.features02L{float:left; width:78%;}
.features02R{float:right; width:20%; text-align:right;}
.features02 dt, .features02 dd{margin-bottom:8px;}
.features02 dt{float:left; width:15%; background-color:#666699; color:#FFFFFF; text-align:center;}
.features02 dd{margin-left:16%;}


.features03{ margin-bottom:60px;}
.features03 h3{color:#FF6600;}

.features04{ margin-bottom:60px;}
.features04 h3{color:#003366;}


/*適しています*/
.adap{background-color:#FFFFFF; border:3px solid #7698DE; padding:16px 30px; margin:40px auto 60px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.adapL{float:left;}
.adapR{float:right; width:70%;}
.adap p{ color:#003399; font-size:120%; margin-bottom:8px;}
.adap ul{list-style:none;}
.adap li{text-indent:-1em; padding-left:1em;}
.adap li:before{content:"□";}


/*メカニズム*/
.mechanismF{margin-bottom:20px;}
.mechanismL{float:left; width:70%;}
.mechanismR{float:right; text-align:right; width:29%;}
.mechanismF:after{display:block; clear:both; content:"";}

div.mechanism_how{padding-bottom:0;}
div.mechanism_how ul.howto strong{font-size:120%; display:block; margin-top:46px; color:#990000;}
div.mechanism_how ul.howto{}
div.mechanism_how ul.howto li{display:table; width:auto; clear:both; margin-bottom:60px;}
div.mechanism_how ul.howto li.cent{margin:auto; margin-bottom:60px;}
div.mechanism_how ul.howto li:last-child{margin-bottom:0;}
div.mechanism_how ul.howto li img{width:auto; display:table-cell;}
div.mechanism_how ul.howto li span{display:table-cell; vertical-align:top; width:52%;}
div.mechanism_how ul.howto li:after{clear:both; content:""; display:block;}

#Main .pointList h3{border:none; background:none; color:#990033; padding:0; margin:0;}
.pointList{padding:12px 20px; background-color:#EBF1FE;}
.pointList ul{list-style:none;}
.pointList li{text-indent:-1em; padding-left:1em;}
.pointList li:before{content:"■";}

/*治療について*/
ul.ope_flow{border-bottom:2px dotted #FF99CC; margin-bottom:60px; margin-top:40px;}
ul.ope_flow p img{float:right; padding-bottom:12px;}
ul.ope_flow p:after{content:""; clear:both; display:block;}
ul.ope_flow li{display:block; clear:both; border-top:2px dotted #FF99CC; padding:12px;}
ul.ope_flow li strong{color:#CC0066; font-size:1.2em;}
ul.ope_flow li p.box{border:2px solid #CC99CC; padding:20px 20px; font-size:90%; margin-bottom:20px;}
ul.ope_flow li p.box strong{font-size:120%; color:#660099;}
ul.ope_flow li p.box img{float:none; text-align:left;}
ul.ope_flow:after{display:block; content:""; clear:both;}

dl.how_point{ clear:both; line-height:1.6em; margin:40px 0　20px; border-bottom:1px solid #CC99CC;}
dl.how_point dt{text-align:right; width:30%; float:left; clear:left; padding:8px 1%; color:#CC3399; font-weight:bold; border-top:1px solid #CC99CC;}
dl.how_point dd{padding:8px; margin-left:32%; border-top:1px solid #CC99CC;}

/*********効果について***/
#effects{}
#effects dt{background-color:#FF6600; color:#FFFFFF; padding:0 20px; font-size:110%; display:inline-block; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
#effects dd{margin-bottom:20px; padding-left:16px;}
#effects dd.answer{font-size:130%; color:#FF6600; margin-bottom:0;}
#effects p.notes{font-size:90%; text-align:right; margin-bottom:20px;}

.graph{border:2px solid #99CCCC; padding:12px; background-color:#FFFFFF;}
.graphL{float:left; width:37%;}
.graphR{float:right; width:48%;}
.graphR strong{font-size:120%; color:#0099CC;}
.graphR span{font-size:100%; color:#0099CC;}
.graph:after{content:""; display:block; clear:both;}

.lebel{
    list-style: none;
    counter-reset: number;
    padding: 0; margin-top:8px;
}
.lebel li{
	margin-bottom: 1em;
	padding-left: 1.6em;
  text-indent: -1.6em;
}
.lebel li:before {
	counter-increment: number;
	content: counter(number);
	display: inline-block;
	width:.1em;
	height:1.6em;
	text-align: center; background-color:#0099CC; color:#FFFFFF;
	border-radius: 50%;
	padding-left: 1.6em; margin-right:8px;
}

/***********痛み・ダウンタイム・アフターケア*******************/
#afters{}
#afters h3{border-bottom:1px solid #CCCCCC;}
#afters dl{margin:12px 0;}
#afters dt{padding:0 4px; background-color:#7698DE; color:#FFFFFF; display:inline-block;}
#afters dd{margin-bottom:16px;}
#afters dt span:after{content:"・";}

.afterF{margin-bottom:60px;}
.afterF:after{clear:both; content:""; display:block;}
.afterL{float:left; width:69%;}
.afterR{float:right; width:30%; text-align:right;}
.afterR img{ max-width:100%;}

/****費用について****************/
p.pricelist{margin:0 auto; font-size:140%; width:100%; text-align:right; color:#CC0000;}
p.pricelist strong{font-size:120%;}
p.pricelist strong span{font-size:50%;}

p.moniter{ padding-top:12px; border-bottom:1px solid #CCCCCC;}

p.notes{margin:0 0 20px; padding:0; font-size:90%;}


/*予約問い合わせフリーダイヤル*/
#Main .tel{background-color:#FCDCEC; padding:6px; margin-bottom:20px; text-align:center; border-top-left-radius: 6px;
	border-top-right-radius: 22px;	
	border-bottom-left-radius: 22;
	border-bottom-right-radius: 22px;	
	border:none;
    -webkit-border-top-left-radius:22px;
    -webkit-border-top-right-radius:22px;	  
    -webkit-border-bottom-left-radius:22px;
    -webkit-border-bottom-right-radius:22px; 	 
    -moz-border-radius-topleft:22px;
    -moz-border-radius-topright:22px;	  
    -moz-border-radius-bottomright:22px;}
#Main .tel p{line-height:2em;}
#Main .tel a{color:#003399; font-size:1.6em;}


/*****************よくある質問**/
dl.faq{margin:0; padding:0;}
dl.faq dt{color:#006699;}
dl.faq dd{margin-left:24px; margin-bottom:40px;}
dl.faq dt:before{content:"Q."; font-size:140%; color:#006699;}
dl.faq dd:before{content:"A."; font-size:140%; color:#FF0000;}
dl.faq span{font-size:80%;}

@media screen and (max-width:760px){
img{max-width:100%; display:block; margin:0 auto;}


.features01 .photoR{padding-top:0;}
.features01 .photo span{display:block;}
.features01 .photo span:after{content:"";}

.features02L, .features02R{float:none; width:auto;}
.features02R{display:none; visibility:hidden;}


div.mechanism_how{padding-bottom:0;}
div.mechanism_how ul.howto strong{margin-top:0;}
div.mechanism_how ul.howto li{display:table; width:auto; clear:both; margin-bottom:60px;}
div.mechanism_how ul.howto li.cent{margin:auto;  margin-bottom:60px;}
div.mechanism_how ul.howto li:last-child{margin-bottom:0;}
div.mechanism_how ul.howto li span{display:table-cell; vertical-align:top; width:48%;}
div.mechanism_how ul.howto li:after{clear:both; content:""; display:block;}
div.mechanism_how ul.howto li strong{text-align:left;}

.childL{float:none; width:auto;}
.childR{float:none; width:auto; text-align:center;}
.delicateL{float:none; width:auto;}
.delicateR{float:none; width:auto; text-align:center;}


.graphL, .graphR{float:none; width:auto;}
.graphL{text-align:center;}
.graphR{margin-top:20px;}
}


@media screen and (max-width:690px){

div.aboutL{float:none; width:auto;}
div.aboutR{float:none; width:auto; text-align:center;}


.afterL{float:none; width:auto;}
.afterR{float:none; width:auto; text-align:center;}

.features01 .photoL{float:none; width:auto;}
.features01 .photoR{float:none; width:auto; text-align:center; padding-top:0;}
}


@media screen and (max-width:560px){
.features01 .photoR, .features01 .photoL{float:none; width:auto; text-align:center;}

.features02 dt, .features02 dd{float:none; width:auto;}
.features02 dt{display:inline-block; margin-bottom:auto; text-align:left;}
.features02 dd{margin-bottom:12px; margin-left:auto;}

div.mechanism_how ul.howto li img{width:auto; display:block; width:auto;}
div.mechanism_how ul.howto li span{display:block; vertical-align:top; width:auto;}
div.mechanism_how ul.howto li:after{clear:both; content:""; display:block;}

.mechanismL{float:none; width:auto;}
.mechanismR{float:none; width:auto; text-align:center;}

ul.ope_flow p img{float:none; margin-bottom:0; display:block; padding-bottom:0; margin-left:0; margin-right:auto;}

p.notes{text-align:left;}

dl.pricelist{line-height:1.1;}
dl.pricelist dt{float:none; width:auto; text-align:left; padding-bottom:0; padding-top:20px; margin:0;}
dl.pricelist dd{margin-left:auto; text-align:right; padding-top:0; margin:0;}
dl.pricelist dd.line{border:none;}
}

@media screen and (max-width:480px){
.adap{padding:12px;}

dl.how_point dt, dl.how_point dd{float:none; width:auto; margin-left:auto; text-align:left; padding:0;}
dl.how_point dd{border-top:none; margin-bottom:20px;}

}