@charset "utf-8";
/***/
p.movie_test{width:490px; margin:20px auto; padding:12px; border:solid #CCCCCC 1px; vertical-align:top;}
/***/

img{max-width:100%;}
#regenerative{margin:0 auto; width:1060px;}

div#SecondContents h1{margin-bottom:12px; padding-bottom:0; border:none;}
div#SecondContents h1:before{background:none; display:none;}

h1 img{max-width:100%;}

h2{text-shadow: 0px 0px 3px #FA89AB; background: -moz-linear-gradient(top,#E7839C #DE5B7C 50%,#D52F58 50%,#D6305A); background: -webkit-gradient(linear, left top, left bottom, from(#E7839C), color-stop(0.5,#DE5B7C), color-stop(0.5,#D52F58), to(#D6305A)); color: #FFF; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border: 1px solid #CC0000; -moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5); padding: 16px 0 16px 12px; margin:100px 0 12px 0;}

h2{background:none; font-size:1.9em; text-align:center; border:none; border-bottom:1px solid #F5C2D3; color:#FF0066; -moz-box-shadow:none; -webkit-box-shadow:none; text-shadow:none; padding:4px 0;}
h2:before{content:""; border:none;}
h2 span.bl{display:block;}
h2 span.inl{display:inline;}

h3{}
h3 span{padding-right:8px;}

h4{margin:60px 0 10px; padding:8px 10px; color:#990033; background: -moz-linear-gradient(top,#FFF 0%,#EEE); background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE)); border-bottom:2px solid #999999;}


.info{text-align:center; margin:0; padding:0;}

#explanation{margin:40px auto 12px;}
#explanation p.sub{ font-size:1.2em; display:block; font-weight:bold; text-align:center;}
#explanation hgroup h2{margin-top:0px;}

/*YouTube埋め込み*/
div.movie{width:490px; margin:20px auto; padding:12px; border:solid #CCCCCC 1px; vertical-align:top;}
div.movie p{font-weight:bold; color:#990000;}

.video-container {
	position: relative;
	padding-bottom: 54%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/*治療内容*/
.flexbox-parent {
  display:flex;
  justify-content:space-around; margin:30px 0; gap:12px;}
.flexbox-child {
  width:439px; margin-bottom:12px;
}
.flexbox-child-img {
}
.flexbox-child-img img {
  display:block;
  object-fit:cover;
  object-position:top;
  background:#eee;
}
.flexbox-child-text {
  flex:1;
}
.flexbox-child p{
  display:flex;
  justify-content:center;
  align-items:center;
}

p.point{ text-align:center; clear:both; display:block; margin-top:12px; padding:12px; border:1px solid #999999;}

/*多岐に渡る加齢による症状を同時に改善していく「再生医療」*/
.greeting p{padding-bottom:20px;}
.greeting img{float:right; padding-left:12px;}

/*あさひ美容外科は再生医療等提供計画を提出した医療機関です*/
.todoke{display:flex; justify-content: center; flex-wrap: wrap;}
.todokeTxt{}
.todokeTxt ul{margin-left:30px;}
.todokePh{ width:160px; text-align:center;}
.todokePh img{border:1px solid #CCCCCC;}


/*費用*/
div.priceFrame{width:96%; margin:0 auto;}
div.priceFrame p.infomation{ text-align:center; padding:12px;}
div.priceFrame ul{margin:0 auto 12px 24px;}
div.priceFrame h3{margin:0 auto;}

table.price{width:100%; margin:0 auto 20px;}
table.price th{border:1px solid #CCCCCC; padding:4px 12px; background-color:#FFCCCC; color:#CC0033; border-bottom:1px solid #CCCCCC; text-align:left;}
table.price td{border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background-color:#FEF3F4; padding:12px; white-space:nowrap;}
table.price td.tax{padding:0; background:none; text-align:right; border:none; font-size:0.8em;}
table.price td.plus p{color:#FF0066; font-size:1.4em;}
table.price td.yen{text-align:right; background-color:#FFFFFF; border-right:1px solid #CCCCCC; padding:12px; font-weight:bold;}
table.price td span{margin-right:12px;}

table.price_one{width:100%; margin:0 auto 20px;}
table.price_one th{border:1px solid #CCCCCC; padding:4px 12px; background-color:#FFCCCC; color:#CC0033; border-bottom:1px solid #CCCCCC;}
table.price_one td{border:1px solid #CCCCCC; background-color:#FEF3F4; padding:12px; text-align:center;}
table.price_one td.item{width:33%;}
table.price_one td.tax{padding:0; background:none; text-align:right; border:none; font-size:0.8em;}
table.price_one td.plus p{color:#FF0066; font-size:1.4em;}
table.price_one td.yen{text-align:right; background-color:#FFFFFF; padding:12px; font-weight:bold; white-space:nowrap;}
table.price_one p.notes{font-size:0.85em; text-align:left;}
table.price_one tr.line td{border-top:2px solid #999999;}



@media screen and (max-width:1120px) {
#regenerative{margin:0 auto; width:auto;}
}

@media screen and (max-width:880px) {
h2 span{display:block;}
table.price td{padding:12px 4px;}
table.price td span{display:block;}
}

@media screen and (max-width:740px) {
table.price th span{display:block;}

p.point{ text-align:left; clear:both; display:block; margin-top:12px; padding:12px; border:1px solid #999999;}

}

@media screen and (max-width:600px) {
table.price{border:1px solid #CCCCCC;}
table.price th, table.price td{display:block; padding:12px; text-align:center; border:none;}
table.price th{border-top:1px solid #CCCCCC;}
table.price th span{display:inline;}
table.price td{border:none; padding:0;}
table.price td.plus{ text-align:center;}
table.price td.yen{ border:none; border-top:2px dotted #CCCCCC; font-size:1.1em; text-align:center; padding-bottom:20px;}

}

@media screen and (max-width:640px) {
h2{font-size:1.5em;}

.flexbox-parent {flex-wrap: wrap;}

}

@media screen and (max-width:560px) {
h2 span.bl{display:inline;}
div.movie{width:90%; display:block; margin:20px auto;}
p.movie_test{width:90%; display:block; margin:20px auto;}

.greeting p{padding-bottom:0;}
.greeting img{float:none; padding-left:0; text-align:center; display:block; margin:0 auto 12px;}
}

@media screen and (max-width:480px) {
h2{text-align:left;}
h2 span{display:inline;}
h3 span{display:block;}
}

@media screen and (max-width:430px) {
table.price_one{font-size:0.9em;}
table.price_one th, table.price_one td{padding:2px;}
}