@charset "utf-8";
h2{margin:0; padding:0; line-height:0; clear:both;}
h2 img{width:100%;}

.mrg{margin-bottom:60px; clear:both;}

.title{color:#FFFFFF;}

#read{display:flex; flex-wrap:wrap; width:100%;}
#read .txt{ width:calc(100% - 200px);}
#read .ph{ width:200px;}

/*BNLS注射はこのような方にオススメです*/
div#osusume{padding:12px; border:1px solid #CCCCCC; display:flex; flex-wrap:wrap; width:100%; align-items: center; box-sizing:border-box;}
div#osusume h4{ margin-left:12px;}
div#osusume .osu{ width:calc(100% - 150px);}
div#osusume .osu ul{ margin:12px 0 0 12px; line-height:1.6em; list-style:none; display:flex; gap:0 12px; flex-wrap:wrap;}
div#osusume .osu ul li{padding:0 0 12px 0; width:48%; text-indent:-1em; padding-left:1em; box-sizing:border-box;}
div#osusume .osu ul li:before{content:"●";}
div#osusume .ph{ width:130px;}
div#osusume:after{display:block; content:""; clear:both;}

h5{background-color:#333333; color:#FFFFFF; padding:4px; margin-top:60px; font-weight:normal;}
div#SecondContents p.line{ font-size:1.2em; border-bottom:1px solid #333333; padding:6px 0; line-height:1em; color:#996600; margin:0; margin-bottom:8px; font-weight:bold;}

/*ポイント1　痛みや腫れなどの負担が少ない*/
#point{display: flex; flex-wrap: wrap; box-sizing:border-box;}
#point .txt{width:calc(100% - 194px);}
#point .ph{width:194px;}

/*BNLS注射の主な成分と作用*/
table.component th, table.component td{ padding:12px; border-bottom:1px solid #999999; text-align:left;}
table.component th{background-color:#F9EFD0; color:#996600;}
table.component {border-top:1px solid #999999;}
table.component td{white-space:nowrap;}

dl.item{line-height:2em; margin-top:8px;}
dl.item dt{color:#996600; border-left:2px solid #D8C072; border-right:2px solid #D8C072; padding:0 3px; margin:0; float:left; clear:both;}
dl.item dd{margin:0; padding:0 0 0 12px;}

/*ポイント2　治療間隔が短い*/
.combi{display: flex;  flex-wrap: wrap; gap:24px; box-sizing:border-box;}
.combi dl{border:1px solid #999999; width:40%; box-sizing:border-box;}
.combi dt, .combi dd{padding:12px;}
.combi dt{color:#003399; background-color:#D5E7F9; padding:12px; text-align:center;}
.combi dd{text-align:center;}
.combi ul{display:flex; flex-wrap:wrap; justify-content: center}
.combi li{ border:1px solid #CCCCCC; padding:12px; background-color:#EEEEEE;}
.combi li.arrow{ background-color:#FFFFFF; border:none; vertical-align:middle; font-size:2em;}
.combi li.siwa{background-color:#FFDDEF;}
.combi li.era{background-color:#E9F8E4;}
.combi li.facelift{background-color:#F1D3F5;}
.combi li.endymed{background-color:#F9EFD0;}

p.blue{color:#003399;}

#Box{background-color:#EEEEEE; padding:12px; clear:both; margin-top:60px;}
#Box .ttl{color:#996600; border-bottom:1px solid #996600; padding:3px; margin:0;}
#Box .pink{color:#996600; padding:0; margin:0;}
#Box .txt{float:left; width:83%; margin:0; padding:0;}
#Box .photo{float:right;}
#Box:after{clear:both; content:""; display:block;}

/*ポイント3　ボディのお悩みを解消*/
div.diet .txt{float:left; width:80%;}
div.diet .photo{float:right; width:20%;}

/*施術について*/
ul.ope{list-style:none; margin:0; padding:0;}
ul.ope:after{display:block; content:""; clear:both;}
ul.ope li{float:left; width:28%; height:160px; padding:2px 12px; background-color:#EEEFEF; background-repeat:no-repeat; background-position: right 8px bottom 8px;}
ul.ope li.arrow{width:20px; padding:0 6px; margin:0; background:url(../images/bnls/arrow_ope.gif) no-repeat center center;}
ul.ope li.ope01{background-image:url(../images/bnls/ope01.jpg);}
ul.ope li.ope02{background-image:url(../images/bnls/ope02.jpg);}
ul.ope li.ope03{background-image:url(../images/bnls/ope03.jpg); padding-right:56px;}

dl.after{border-bottom:1px solid #CCCCCC; margin-top:32px;}
dl.after dt, dl.after dd{padding:14px; border-top:1px solid #CCCCCC; box-sizing:border-box;}
dl.after dt{float:left; clear:left; width:140px; color:#996600; text-align:right; font-weight:bold;}
dl.after dd{ margin-left:140px; padding-left:4px;}


/*費用*/
ul.prcn{margin:0; padding:0 0 0 24px; list-style-type:disc;}

div.priceW{border-bottom:1px dotted #CCCCCC; margin:12px 0 20px 0; padding:12px 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 span{font-size:0.6em;}
div.priceW:after{clear:both; content:""; display:block;}

@media screen and (max-width:1280px) {
p.blue{color:#003399;}

#Box .txt{width:72%;}

div.diet .txt{float:left; width:80%;}
div.diet .photo{float:right; width:20%;}

ul.ope li{width:27%; height:200px;}
}

@media screen and (max-width:1080px) {
ul.ope li{width:25%;}
}

@media screen and (max-width:990px) {
div#osusume{ display:block;}
div#osusume .ph{width:auto; text-align:center;}
div#osusume .osu{ width:auto;}
div#osusume .osu ul li{width:48%;}
.combi dl{ width:calc(50% - 12px);}
}

@media screen and (max-width:900px) {
.combi dl span{display:block;}

dl.item dt{color:#996600; border-left:2px solid #996600; border-right:2px solid #996600; padding:0 3px; margin:0 12px 0 0; float:left; clear:both;}
dl.item dd{margin:0 0 12px 12px; padding-left:12px; background:none;}
}

@media screen and (max-width:790px) {
div#osusume .osu ul{display:block;}
div#osusume .osu ul li{width:auto;}
#point{display:block;}
#point .txt{width:auto;}
#point .ph{width:auto; padding-top:12px;}
dl.item dt{ color:#996600; font-weight:bold; border:none; border-left:15px solid #996600; padding:0 30px 0 2px; margin:0 6px 0 0; float:none;}
dl.item dd{margin:12px 0 30px 16px; padding:0 0 0 30px; background:url(../images/bnls/arrow_straight.gif) no-repeat left center;}
ul.ope li{width:23%; height:300px;}
}

@media screen and (max-width:720px) {
.combi dl{ width:100%;}
.combi dl span{display:inline;}

}

@media screen and (max-width:660px) {
#read{display:block;}
#read .txt{ width:auto;}
#read .ph{ width:auto; text-align:right;}

div#osusume .osu{width:auto; float:none;}
div#osusume p{font-weight:bold; text-align:center;}

#Box{padding:6px; clear:both; line-height:1.4em; margin-top:30px;}
#Box .txt{float:none; width:auto; margin:0; padding:0;}
#Box .photo{float:none; text-align:center;}

ul.ope li{float:none; width:auto; height:auto;}
ul.ope li.arrow{width:auto; padding:0; height:28px; margin:0; background-image:url(../images/arrow.gif); background-position:center center;}
ul.ope li.ope01{padding-right:56px;}
ul.ope li.ope02{ padding-right:56px;}
ul.ope li.ope03{min-height:160px;}
}

@media screen and (max-width:580px) {
div#osusume{padding-left:0;}
div#osusume .osu ul{ margin:12px 0; padding-left:12px;}
div#osusume .osu ul li{margin-left:0;}

table.component{width:100%;}
table.component th, table.component td{ display:block;}
table.component th{padding-bottom:6px; border:none;}
table.component td{padding-top:6px;}

.txt{float:none; width:auto; margin-top:12px;}
.ph{float:none; width:auto; text-align:center;}

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

}

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

div.diet .txt{float:none; width:auto;}
div.diet .photo{float:none; width:auto; text-align:center;}

}

@media screen and (max-width:520px) {
.combi dl span{display:block;}
dl.after dt{width:auto; float:none; font-weight:bold; text-align:left; padding:8px 0 0;}
dl.after dd{margin-left:0; border-top:none; padding:8px 0;}

}