@charset "utf-8";
#regenerative p{margin:12px; line-height:2;}

h2#title_data img{height:650px;}
@media screen and (max-width:1200px) {
h2#title_data img{height:650px;}
}
@media screen and (max-width:960px) {
h2#title_data img{height:auto; object-fit: contain;}
}

.heading{ text-align:center; margin:100px auto 24px;}
.heading h2 { font-size:2em;
  display: flex;
  justify-content: center;
  align-items: center;
}

.heading h2::before,
.heading h2::after {
  content: "";
  flex-grow: 1;
  height:10px;
  background-image: repeating-linear-gradient(-45deg, #777 0, #777 1px, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, 0) 50%);
  background-size: 7px 7px;
}

.heading h2::before {
  margin-right:12px;
}

.heading h2::after {
  margin-left:12px;
}

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


/*治療内容*/
.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; list-style-type:disc;}
div.priceFrame h3{margin:0 auto; background:none; color:#333333; padding:0;}
div.priceFrame h3:before{background:none;}

table.price{width:100%; margin:0 auto 20px;}
table.price th{border:1px solid #CCCCCC; padding:4px 12px; background-color:#F0D78A; color:#333333; border-bottom:1px solid #CCCCCC; text-align:left;}
table.price td{border-bottom:1px solid #CCCCCC; border-top:1px solid #CCCCCC; background-color:#F8F8F8; 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:#F0D78A; color:#333333; border-bottom:1px solid #CCCCCC;}
table.price_one td{border:1px solid #CCCCCC; background-color:#F8F8F8; 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:880px) {
p.point{ text-align:left; clear:both; display:block; margin-top:12px; padding:12px; border:1px solid #999999;}
table.price td{padding:12px 4px;}
table.price td span{display:block;}
}

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

@media screen and (max-width:640px) {
.flexbox-parent {flex-wrap: wrap;}
}

@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:560px) {
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;}
.heading h2{font-size:1.6em;}
}

@media screen and (max-width:480px) {
.heading h2{font-size:1.4em;}
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;}
}