@charset "utf-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; background: transparent; }

body { color: #333; position: relative; line-height: 1.8; font-size: 1.4rem; letter-spacing: .06rem; font-family: "游明朝体","YuMincho","游明朝","Yu Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",'sans-serif'; font-weight: 500; }

table { border-collapse: collapse; border-spacing: 0; }

a { color: inherit; outline: none; text-decoration: none; }
a:link { color: #000; }
a:visited { color: #000; }
a:hover { color: #000; text-decoration: none; }
a:active { color: #000; }

.T40{padding-top:40px;}

/*上にもどる*/
#bck {position:fixed; right:4%; bottom:30px; display:none; z-index:100;}
#bck a { display:block; background:url(../backtotop.png) no-repeat; width:65px; height:30px; }
#bck a:hover{ background-position:bottom left;}
@media screen and (max-width:840px){
#bck{width:100%; margin-left:0; right:0; bottom:0;}
#bck a{position:absolute;  right:4px; bottom:8px;}
}


/***************************************************************/
/*------------------------------*/

#title{background:url(title_background.jpg) top center; width:100%; text-align:center; padding:117px 0 0 0; line-height:0;}
#title img{margin:0 auto;}

#Point{background-color:#C8D6FF; font-size:1em; padding:12px 4px;}
#Point p{text-align:center; color:#660000; font-weight:800;}
#Point p span{display:block;}


h2{font-size:1.5em; color:#000066; padding:26px 0 30px; text-align:center; text-shadow: 1px 1px 0 rgba(255,255,255,0.3);}
h3{font-size:1.1em; font-weight:800; color:#FF6600; text-align:center; margin-bottom:12px;}
h3 strong{background: linear-gradient(transparent 30%, #FFFFCC 30%);}

div.Details{width:1033px; margin:12px auto; padding:0;}



/*******効果*/
#effect{background-color:#EEF0F4; padding:20px 0 60px;}
.effectL{float:left;}
.effectR{float:right; width:60%;}

#effect h2{margin-left:auto; text-align:left;}
#effect h3{border-bottom:1px dashed #6F94CD; color:#6F94CD; text-align:left;}
#effect h3:before{content:"■";}
#effect p{font-size:0.8em; margin-bottom:30px;}
/*#effect p.txt{width:60%; margin-left:auto;}*/
#effect .box{border:2px solid #FFCCFF; padding:8px; background-color:#FFFFFF; text-align:center; margin-bottom:60px;}

/*適応*/
.adap{background-color:#D2E1E8; padding:16px 30px; margin-bottom:60px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}
.adapL{float:left;}
.adapR{float:right; width:70%;}
.adap p{margin:0; padding:0;}
.adap p.notes{margin:0; padding:0;}
#effect .adap h3{text-align:center; color:#000000; border:none;}
#effect .adap h3:before{content:"";}
#effect .adap h3 span{font-size:0.8em; border-bottom:1px solid #7BC1E3; color:#003366; display:block;}
#effect .adap img{ border:6px solid #FFFFFF; box-shadow:2px 2px 12px rgba(0,0,0,0.6);}

/***********特徴*/
#features{background-color:#FFF1D7; padding:50px 0 60px;}
/*#features div.Details{background:url(featues_back02.png) top right no-repeat; margin:0 auto;}*/
#features div.Details{ margin:0 auto;}
#features .featureF{width:100%; margin-bottom:20px;}
#features .feature_txt{float:left; width:58%;}
#features .feature_ph{float:left; width:40%; margin-left:12px;}
#features .feature_ph img{max-width:100%;}
#features .featureF:after{content:""; display:block; clear:both;}

#features h2{color:#CC3300; margin-left:auto; text-align:left;}
#features h3{text-align:left; border-bottom:1px solid #999999; padding:0;}
#features p{font-size:0.8em;}
#features p.txt{width:70%;}

/*メカニズム*/
div.features_how{margin:50px 0; clear:both;}
div.features_how ul{font-size:0.8em; background-color:#FFFFFF; border:2px solid #99CCFF; padding:12px 30px; text-align:center;}
div.features_how ul li{display:inline-block; width:240px; vertical-align:top; text-align:left;}
div.features_how ul li.arrow{width:60px; text-align:center;}
/*レーザーとの違い*/
table.deff{font-size:0.8em; width:100%; margin-top:30px; text-align:center;}
table.deff th, table.deff td{padding:8px; border-bottom:1px solid #FFFFFF;}
table.deff th{font-size:1.2em;}
table.deff th.laser{background-color:#FFCC66; color:#FF0000;}
table.deff th.cat, table.deff td.cat{background-color:#80552F; color:#FFFFFF; white-space:nowrap;}
table.deff th.facial{background-color:#9999CC; color:#000066;}
table.deff td.laser{background-color:#FDECA8; width:42%;}
table.deff td.facial{background-color:#DAD1F8; width:42%;}

/*******フォトフェイシャル*/
#facial{background-color:#F7FAFF; padding:20px 0 2px;}
#facial h2{}
/*
#facial h2{ margin:60px 0; position: relative; background: #dfefff; box-shadow: 0px 0px 0px 5px #dfefff; border: dashed 2px white; padding: 0.2em 0.5em; color: #454545;}
#facial h2:after{position: absolute; content: ''; right: -7px; bottom: -7px; border-width: 0 0 30px 30px; border-style: solid; border-color: #F7FAFF #a8d4ff #F7FAFF;}
*/
#facial .greeting p.photo{float:left;}
#facial .greeting p.txt{font-size:1.2em; float:right; width:68%;}
#facial .greeting p.txt strong{color:#FF0066;}
#facial .greeting p.txt span.big{font-size:1.8em;}
#facial .greeting div.txt_s{float:right; width:68%; font-size:0.7em; margin-top:8px;}
#facial .greeting div.txt_s strong{font-size:1.3em;}
#facial .greeting ul{ list-style:none;}
#facial .greeting ul li:before{content:"◆";}
#facial p.greetings{font-size:0.8em; margin:30px 0;}

/*動画*/
.movie{text-align:center; margin-bottom:60px;}
.movie p.notes{font-size:0.9em; padding-top:0; margin-top:0; line-height:1;}


/*治療の流れ*/
#facial h3{font-size:1.4em; border-bottom:1px dashed #FF6600; margin:60px 0 12px;}
div.howto h4:first-letter{font-size:2em;}
div.howto{position: relative; padding:0; background:#FCF3BA; margin-bottom:80px;}
div.howto:after{position: absolute; content:''; top:100%; left:42%; border:40px solid transparent; border-top:30px solid #FCF3BA; width:0; height:0;}
div.howto p{font-size:0.8em; width:60%;}
div.howto strong{color:#CC0000;}
div.howto p.links{text-align:center; margin-top:20px; width:100%;}
div.howto p.links a{display:inline-block; background-color:#996633; padding:0 12px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px; color:#FFFFFF; width:78%;}
div.howto p.links a span{font-size:1.4em; vertical-align:middle;}

div.howto div.Frame{padding:10px 20px 40px;}
div.howto div.one{background:url(howto01.jpg) top right no-repeat; padding:8px;}
div.howto div.two{background:url(howto02.jpg) top right no-repeat; padding:8px;}
div.howto div.three{background:url(howto03.jpg) top right no-repeat; padding:8px;}
div.howto div.four{background:url(howto04.jpg) top right no-repeat; padding:8px;}
div.howto div.five{background:url(howto05.jpg) top right no-repeat; padding:8px;}

div.howto:last-child:after{position:inherit; content:''; top:0; left:0; border:none; border-top:none; width:0; height:0;}
div.op h4{font-size:1.2em; padding-bottom:20px;}
div.op h4:first-letter{font-size:inherit;}
div.op h4 span{font-size:0.8em; display:block;}
div.op p{margin-bottom:0;}
p.opt{border-top:1px dotted #666666;}
/*アフターケア*/
#aftercare{background-color:#F7FAFF; padding:2px 0 80px; margin:0;}
#aftercare .box{border:1px solid #993300; padding:20px; background-color:#FFFFFF;}
#aftercare dl{font-size:0.8em;}
#aftercare dt{float:left; width:260px; text-align:center; background-color:#663300; color:#FFFFFF;}
#aftercare dd{margin-left:280px; padding-top:0; margin-bottom:24px;}

/****治療ケース*****************/
#case{background-color:#FFFFFF; padding:20px 0;}
#case .casebox{border:1px solid #3399CC; padding:12px; display:table; margin:12px auto; text-align:center; background-color:#F3F8FE;}
#case .casebox h3{border-bottom:1px solid #3399CC; color:#003399;}
#case p{font-size:0.8em;}

/*ケース1-4*/
#cases{background:url(cases_back.jpg) no-repeat center top;}
#cases #Frame{background: rgba(255,255,255,0.4); padding:0; margin:0;}

#cases dl{width:68%; margin-left:auto; padding-top:30px;}
#cases dt{ background-color:#3366FF; border-radius:100px; -webkit-border-radius:100px; -moz-border-radius:100px; color:#FFFFFF; width:100px; text-align:center; line-height:1; padding:20px 0 12px; float:left; clear:left;}
#cases dt strong{font-size:1.2em;}
#cases dd{margin-left:120px; font-size:0.8em;}
#cases dd strong{font-size:2em; color:#3366FF;}
#cases hr{ border:none; border-top:1px dotted #999999; margin:20px 0;}


/***治療のコース*****/
#course{background-color:#F7FAFF; padding:20px 0 60px;}
#course h2{margin-left:auto;}
#course h3{border-bottom:1px dashed #6F94CD; color:#336699; text-align:left;}
#course h3:before{content:"■";}
#course p{font-size:0.8em; margin-bottom:30px;}
#course table.comparison{background-color:#FFFFFF; font-size:0.8em;}
#course table.comparison th, #course table.comparison td{padding:8px; border:1px solid #6593B4;}
#course table.comparison th{ background-color:#D2E1E8; white-space:nowrap;}
#course table.comparison td{width:39%; vertical-align:top;}

#course strong.yellow{ border-bottom:3px solid #FFFFCC;}
#course strong.pink{ border-bottom:3px solid #FFCCFF;}

#course table.price{ margin-bottom:12px;}
#course table.price th, table.price td{border-bottom:1px solid #CCCCCC; padding:8px;}
#course table.price th{text-align:left;}
#course table.price th span{font-size:0.9em;}
#course table.price td.yen{text-align:right; font-size:1.1em;}
#course table.price td.yen:after{ content:"円"; font-size:0.8em;}


/****料金メニュー****************/
#price{ background-color:#FFFFCC; padding:20px 0 60px;}
#price h2{color:#FF0000; padding:60px 0 0;}
#price h3{color:#993300; font-size:1.4em; padding-top:40px; margin-bottom:0; padding-bottom:0; line-height:1.2;}
#price h3:first-child{padding-top:0; margin-top:0;}
#price dl.price_cam{text-align:center; margin:0; padding:0;}
#price dl.price_cam dt{background-color:#FF9999; color:#FF9999; padding:0; color:#990000; margin:0 auto 0; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; width:30%;}
#price dl.price_cam dt:first-child{margin-top:20px;}
#price dl.price_cam dd {border-bottom:1px dashed #999999; display:table; margin:12px auto 40px; padding:0;}
#price dl.price_cam dd strong{font-size:2em; line-height:1; color:#CC0000;}
#price dl.price_cam dd strong span{font-size:0.5em;}
#price dl.price_cam dd.off{ font-size:0.8em; border:none; margin-top:-20px; text-align:center;}
#price dl.price_cam dd.sub{border:none; font-size:0.8em; padding:0; margin:0 auto -12px;}

#price p.notes{text-align:center; margin:0; padding:0;}
#price p.note{text-align:center; margin:0; padding:0;}

dl.pricelist{ text-align:center; margin:0 auto 0;}
dl.pricelist dt{color:#993300; font-size:1.2em;}
dl.pricelist dd{border-bottom:1px dashed #999999; display:inline-block;}
dl.pricelist dd strong{font-size:1.2em;}
dl.pricelist dd span{font-size:0.7em;}
dl.pricelist dt span.and{margin:0 12px;}
dl.pricelist dt span.hakata{ display:block; font-size:0.7em; margin:0;}
dl.pricelist dd.off{ font-size:0.8em; border:none; text-align:center; display:block;}
dl.pricelist dd.corse{font-size:0.8em; border:none; display:block;}

/**/
table.pricelist th{text-align:left; color:#993300;}
table.pricelist td.yen{text-align:right;}

/*ジェントルyag*/
#price .box{border:1px solid #3366CC; background-color:#FFFFFF; padding:12px;}
#price .boxL{float:left;}
#price .boxR{float:right; width:78%;}
#price .box h4{font-size:1.2em; border-bottom:1px dashed #6699FF;}
#price .box h4 span{color:#FF3366; font-size:0.75em; display:block;}
#price .box h4 span.big{color:#000000; display:inline-block; font-size:1em;}
#price p{font-size:0.8em;}
#price .point{color:#CC0000;}
#price p.links{text-align:center; margin:20px 0;}
#price p.links a{display:block; background-color:#3366CC; color:#FFFFFF; padding:4px; border-radius:20px; -webkit-border-radius:20px; -moz-border-radius:20px;}

/*例*/
#price .ex h4{margin:20px 0; background-color:#FF9999; border-left:8px solid #990000; padding-left:12px; color:#990000;}
#price .ex{padding:20px auto;}
#price .exL{float:left; width:20%;}
#price .exL img{width:100%;}
#price .exR{float:right; width:78%;}
#price .ex dl{border-bottom:1px dashed #999999;}
#price .ex dl dt, #price .ex dl dd{margin:0; padding:0; font-size:1em; width:100%;}
#price .ex dl dt{background:none; text-align:left; border-top:1px dashed #999999; border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; color:#333333;}
#price .ex dl dd{border:none; text-align:right; color:#CC0000;}

/****医療***************************/
#other{padding:60px 0; background-color:#FFE8FB;}
#other .banar{margin:30px 0; padding:0; text-align:center;}
#other .banar img{max-width:100%;}
/*#other .banar a img{
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#other .banar a:hover img {opacity:0.8;}
*/
@media screen and (max-width:1060px){
div.Details{width:93%; margin:12px auto;}

/*適応*/
.adapR{width:68%;}

.effectL{width:38%;}
.effectL img{width:100%;}

#features .feature_txt{float:left; width:50%;}
#features .feature_ph{float:left; width:48%;}

div.features_how ul{padding:12px;}
div.features_how ul li.arrow{width:auto;}

#other .banar a img{width:100%;}
}

@media screen and (max-width:1058px) {
#logo{width:20%; padding:0;}
#logo img{width:100%;}
#title{width:100%;}
#title img{ width:100%;}

div#contact div.details{width:auto; margin:0 auto; display:block;}
}

@media screen and (max-width:980px){
/*適応*/
.adapR{width:66%;}
#features, #cases{background-size:contain;}

#facial .greeting p.photo{width:30%;}
#facial .greeting p.txt, #facial .greeting div.txt_s{width:64%;}

div.features_how ul{padding:12px;}
div.features_how ul li{width:28%;}
div.features_how ul li img{width:100%;}
div.features_how ul li.arrow{width:auto;}

#price dl.price_cam dt span{display:block;}

#price .boxL{width:21%;}
#price .boxL img{width:100%;}

}

@media screen and (max-width:920px){
#effect .box img{width:100%;}
/*適応*/
.adapR{width:60%;}

#facial .greeting p.photo{width:38%;}
#facial .greeting p.txt, #facial .greeting div.txt_s{width:61%; line-height:1.8em;}
#facial .greeting p.txt span{ display:block;}


div.Details{width:93%;}

div.howto{color:#000000;}
div.howto h4{padding-top:20px;}
div.howto div.Frame{background:rgba(255,255,255,0);}
div.howto div.one, div.howto div.two, div.howto div.three, div.howto div.four, div.howto div.five{background-size:contain;}
div.howto p{width:auto; text-shadow:1px 1px 0 rgba(255,255,255,0.9); margin-top:40px;}
div.howto p.links{text-shadow:none;}
div.op p.opt{margin-top:0;}

#cases dl{width:70%;}
#cases dt{font-size:0.8em; width:80px;}
#cases dd strong{font-size:1.7em;}
#cases dd{margin-left:90px;}

#price p.note{text-align:left; margin:0; padding:0;}
}

@media screen and (max-width:860px){
#effect h2{text-align:center;}
.effectR{float:none; width:auto;}
.effectL{float:none; width:auto; text-align:center;}
.effectL img{width:auto;}

/*適応*/
.adapR{float:none; width:auto;}
.adapL{float:none; text-align:center; padding-bottom:12px;}

#price .box h4{font-size:1em;}
#price .ex dl{margin:0;}
}

@media screen and (max-width:840px){
#facial .greeting p.photo{float:none; text-align:center; width:auto;}
#facial .greeting p.photo img{width:auto;}
#facial .greeting p.txt, #facial .greeting div.txt_s{width:auto; float:none; text-align:center; line-height:2em;}
#facial .greeting div.txt_s p{font-size:1.3em;}
#facial p.greetings{margin-top:0;}

#course table.price{width:100%;}
#course table.price th{border:none; padding-bottom:0;}
#course table.price td{padding-top:0; line-height:1;}
#course table.price th, table.price td{display:block;}

#price h3 span{display:block;}
#price h3 span.and{line-height:0;}

#price .box h4{display:block;}
#price .ex dl dt, #price .ex dl dd{font-size:0.8em;}
#price dl.price_cam dt{width:50%;}
}

@media screen and (max-width:760px) {
#Menu ul{text-align:center;}
#Menu li{float:none; display:inline-block;}

div.Details{width:93%; padding-bottom:60px;}
#features div.Details{background:none;}

/*#features{background:url(featues_back.png) no-repeat #FFD079; background-size: contain;  background-position:right 130px; padding:0;}
#features #featuresFrame{background: rgba(255,255,255,0.7); padding:0; margin:0;}*/
#features .feature_txt{float:none; width:auto;}
#features .feature_ph{float:none; width:auto; text-align:center;}

#features{padding:0;}
#features h2{text-align:center;}
#features h3{width:auto; text-align:center;}
#features h3.feat{width:auto;}
#features p.txt{width:auto; color:#000000; font-size:0.85em;}
table.deff{font-size:0.75em;}
table.deff span{display:block;}

#facial h2{width:auto;}
#facial h2 span{display:block;}

#aftercare dt{ width:160px;}
#aftercare dt span{display:block;}
#aftercare dt span.dot{line-height:0;}
#aftercare dd{margin-left:170px;}

#cases dl{font-size:0.9em; width:70%;}
#cases dt{width:60px; border-radius:60px; -webkit-border-radius:60px; -moz-border-radius:60px;}
#cases dd{margin-left:66px;}

#price dl.price_cam dd{width:auto;}
#price .boxL{width:auto; float:none; text-align:center;}
#price .boxL img{width:auto;}
#price .boxR{width:auto; float:none;}
#price h4{text-align:center;}
#price .exL{float:none; width:auto; text-align:center; padding-bottom:12px;}
#price .exL img{width:auto;}
#price .exR{float:none; width:auto;}

#price dl.price_cam dd.off{border:none; text-align:left;}
dl.pricelist dt span.and{display:block; line-height:0;}
dl.pricelist dd.off{margin-top:8px; text-align:left;}
dl.pricelist dd.corse{text-align:left;}
}

@media screen and (max-width:720px){
#title{padding-top:110px;}

#cases{background:none; width:100%;}
#cases div.Details{}
#cases dl{ width:auto;}
#cases dt{width:60px;}
#cases dd{margin-left:70px; color:#000000;}
#cases dd{text-shadow:1px 1px 0 rgba(255,255,255,0.9);}

}

@media screen and (max-width:648px){
div.features_how{padding-bottom:0;}
div.features_how ul{font-size:0.75em;}
div.features_how ul li{display:table; width:auto; clear:both; margin-bottom:60px;}
div.features_how ul li:last-child{margin-bottom:0;}
div.features_how ul li img{width:auto; display:table-cell; width:96%;}
div.features_how ul li span{display:table-cell; vertical-align:top; width:48%;}
div.features_how ul li.arrow{display:none;}

#course table.price th span{display:block;}

#price .box{font-size:1.2em;}


}

@media screen and (max-width:560px){
img{max-width:100%;}

.effectL img{width:100%;}

#features{background-position:right 150px;}

table.deff{font-size:0.7em;}
table.deff th, table.deff td{padding:8px 2px;}

#facial .greeting p.photo img{width:75%;}
#facial .greeting p.txt{font-size:1em; margin-bottom:40px;}
#facial .greeting div.txt_s strong{display:block;}

div.howto p{width:auto;}
div.howto p.links span{display:block;}

#aftercare dt{ width:auto; display:block; float:none;}
#aftercare dt span{display:inline;}
#aftercare dt span.dot{line-height:inherit;}
#aftercare dd{margin-left:0;}

#price{padding-bottom:1px;}
#price .box h4 span{display:block;}
#price .box h4 span.big{display:block;}
#price .ex h4{padding-left:2px; font-size:0.8em;}
#price dl.price_cam dt{width:80%;}

#price dl.pricelist dt span{display:block;}
#price p.note{font-size:0.9em;}
#price p.notes{font-size:0.9em; text-align:left;}
#price dl.pricelist dd.off, #price dl.price_cam dd.off{ font-size:0.9em; }
}

@media screen and (max-width:480px){
.adapL{margin-bottom:12px;}
#case .casebox span{display:block;}

#course table.comparison th, #course table.comparison td{padding:2px;}
#course table.comparison th{white-space:normal;}

#price h2{font-size:1.6em;}
#other h2 span{display:block;}

#price h3{font-size:1.2em;}
#cases dd strong{font-size:1.2em;}
}

@media screen and (max-width:425px){
#course table.price{font-size:80%;}
#course table.price th, #course table.price td{padding:2px;}
}

/***病院紹介********************************************************/

/*Dr*/
#dr{background-color:#EAEEFF; padding:60px 0;}
.drs{margin:40px auto 50px auto; border:1px solid #CCCCCC; background-color:#FFFFFF; padding:6px 20px; overflow:hidden; zoom:1; width:92%;}
.drs h3{font-size:1.6em; color:#000000; border-bottom:1px dotted #CCCCCC;}
.drs h3 span.data{font-size:0.8em; color:#FF6600; display:block;}
.drs .txt{font-size:0.8em;}
.drs .txt ul{list-style:none; margin:12px 0;}
.drs .txt .cc li{color:#336699;}

/*clinic*/
#clinic{padding:60px 0;}
#clinic h2{text-align:center;}

h3.drstitle{border:1px solid #003366; color:#003366; background-color:#EEEEEE; padding:2px 6px; margin:12px 0;}

/*病院案内*/
div.cln h3{text-align:left; color:#333333;}
div.cln h3 span{display:inline-block;}

div.cln{line-height:1.6em; margin:12px 0 20px; overflow:hidden; zoom:1;}
div.cln .add{float:left; width:55%; font-size:0.8em;}
div.cln .ph{float:right;}

div.cln dl{line-height:1.6em; margin:0;}
div.cln dt{color:#0066CC; margin-top:20px; border-left:12px solid #0066CC; padding-left:6px;}
div.cln dd{ margin:0 0 8px 16px; padding:0;}


@media screen and (max-width:840px){
div.cln .add{float:none; width:auto;}
div.cln .ph{float:none; padding:0 0 0 12px;}
div.cln .ph img{display:inline;}
	
div.cln dt{width:auto; float:none;}
div.cln dd{float:none; padding:0 0 12px 4px; margin-left:0;}
iframe{width:98%;}
}

@media screen and (max-width: 640px){
body { font-size: 1.25rem;}
#title{background-size:cover;}
h2{font-size:1.2em;}

#Point{font-size:0.7em;}

#detailes{width:100%;}
.whats{padding-bottom:0;}
.whats .txt{float:none; width:auto;}
.whats .ph{float:none; text-align:center; padding-top:20px;}
.whats .txt p:first-child:first-letter {
  float: left; 
  color:#0099CC;
  font-size: 40px;
  line-height:50px;
  padding-right: 8px;
  font-family: Georgia, serif;
}

div.comparescroll table th span{display:block;}

#clinic div.Details{width:98%; margin:0 auto; padding:0;}
}


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

video{width:94%;}

}

@media screen and (max-width:480px){
.drs{width:auto;}
#Main ul.flow li{padding:8px;}
#Main ul.flow li.arrow{margin:12px 0;}
}
@media screen and (max-width:400px){
#Point{font-size:0.65em;}

#Main dl.price{width:auto;}
#Main dl.price dt{width:auto; float:none;}
#Main dl.price dd{width:auto; float:none; margin:0;}
#Main dl.price span{margin:0;}
}