@charset "utf-8";
html{
  font-size: 100%;
}
img{
  width: 100%;
  height: auto;
}

.sp-br{
  display: none;
}

@media screen and (max-width:800px){
  .sp-br{
    display: block;
  }
  
}

.fb-kakumei{
  background-image: url(../images/fibro/bg-fb-top.webp);
  background-size: cover;
  background-repeat: no-repeat;
  padding: 72px 0;
}

.fb-kakumei h1 span{
  font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
  /* max-w1440-min-w375 24px-18px */
}

.fb-kakumei .visual{
  max-width: 800px;
  margin: 0 auto;
  padding: 16px 0 48px 0;
}

.fb-kakumei .content{
  max-width: 1000px;
  margin: 0 auto;
  box-shadow: 0 0 5px #0000001e;
  background-color: #fff;
  padding: 48px 0;
}

.fb-kakumei .content h2{
  max-width: 670px;
  margin: 0 auto;
}

.fb-kakumei .content .grid-cnt{	
  max-width: 832px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(4, 200px);
  gap: 10px;
  padding-top: 32px;
}

.fb-kakumei .content .grid-cnt .cntImg{
  max-width: 200px;
}

.fb-kakumei .content .grid-cnt div:nth-child(2) .cntImg{
  padding-top: 80px;
  max-width: 152px;
  margin: 0 auto;
}

.fb-kakumei .content .grid-cnt div p{
  font-size: 0.875rem;
  padding-top: 16px;
}

@media screen and (max-width:899px){
	.fb-kakumei{
		padding:64px 16px;
	}
	.fb-kakumei .content{
		padding: 32px 8px;
	}
	.fb-kakumei .content .grid-cnt{
		display: grid;
	grid-template-columns: repeat(4, 150px);
        grid-template-rows: none;
        gap: 0 20px;
        justify-content: start;
        align-items: start;
        list-style: none;
        overflow-x: auto;
		padding-left: 8px;
	}
}

@media screen and (max-width:400px){
	.fb-kakumei .content h2{
		max-width: 300px;
    margin: 0 auto;
	}
}

/* 当院の肌の再生医療 */
.fb-renacell{
max-width: 1000px;
margin: 0 auto;
background-color: #fff;
padding: 72px 0;
}

.bgfb-renacell{
  background-image: url(../images/fibro/bg-fb-blue.webp);
  background-repeat: repeat-y;
  background-size: cover;
  padding: 88px 0;
}

.fb-renacell h2{
  max-width: 332px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.fb-renacell .txt_cnt{
  max-width: 755px;
  margin: 0 auto;
}

.fb-renacell h3{
  position: relative;
  padding-top: 32px;
  max-width: 500px;
  margin: 0 auto;
}

.fb-renacell h3::after {
    position: absolute;
    content: "";
    background-image: url(../images/fibro/bg_line.webp);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    height: 3px;
    width: 100%;
    left: 0;
    right: 0;
    margin: 0 auto;
    top: 72px;
}

.fb-renacell .hikakuhyou{
  max-width: 580px;
  margin: 0 auto;
}

@media screen and (max-width:899px){
  .fb-renacell{
    padding: 72px 16px;
  }

  .bgfb-renacell{
    padding: 48px 16px;
  }

  .fb-renacell h3::after{
    top: 58px;
  } 

  .fb-renacell h2{
    max-width: 216px;
  }

  .fb-renacell .hikakuhyou{
  max-width: 343px;
  margin: 0 auto;
}
.fb-renacell h3::after {
  top: 58px;
}
}

.fb-renacell .buiImg{
  max-width: 645px;
  margin: 0 auto;
}

/* 選ばれる理由 */
.fb-select{
  max-width: 1030px;
  margin: 0 auto;
  padding: 88px 0;
}

.fb-select h2{
  max-width: 580px;
  margin: 0 auto;
  padding-bottom: 40px;
}

.fb-select h3.subtitle{
  max-width: 661px;
  margin: 0 auto;
	padding-bottom:16px;
}

.fb-select div.wishokuzyutsu{
	max-width:690px;
	margin:0 auto;
	padding-bottom:56px;
}

.fb-select .fb-select-cnt{
  max-width: 1030px;
  margin: 0 auto;
}

.fb-select .ovpImg{
  max-width: 1000px;
  margin: 0 auto;
  margin-top: 64px;
}

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

  .fb-select{
    width: 90%;
  }

.fb-select h2{
  padding-bottom: 32px;
}

.fb-select .fb-select-cnt{
  max-width: 343px;
}
	
	.fb-select .ovpImg{
		margin-top:48px;
	}
	
	.fb-select div.wishokuzyutsu{
		padding-bottom:32px;
	}
}

@media screen and (max-width:399px){
	.fb-select h3.subtitle{
		font-size:1rem;
	}
}

/* 肌再生LP 料金表へのボタン */
.bgfb-price{
	background-image:url(../images/fibro/bg-fb-top.webp);
	background-size:cover;
	padding:56px 0;
}
.bgfb-price .section-price_search_cnt1{
	max-width:1000px;
	margin:0 auto;
	padding-bottom: 24px;
	background-color:#fff;
}

.bgfb-price .section-price_searchlist{
  position: relative;
}
.bgfb-price .section-price_searchlist::after{
  position: absolute;
  content: "";
	background-image: url(../images/fibro/fb-yazirushi.svg);
  background-repeat: no-repeat;
  background-size: contain;
  width: 20px;
  height: 20px;
  right:24px;
  top: 34px;
}
.bgfb-price .search-btn.--position-middle::before{
  left: -40px;
  top: 7px;
}

.bgfb-price .section-price_search{
  max-width: 1000px;
  margin: 0 auto;
  padding-top: 48px;
  padding-bottom: 97px;
}
.bgfb-price .section-price_search_title{
  max-width: 200px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 16px;
	padding-top:56px;
}

.bgfb-price .sub-title{
	text-align:center;
	font-size:1rem;
	color:#464646;
	padding-bottom:16px;
}

.miniLogo{
  position: relative;
}
.miniLogo::before{
  position: absolute;
  content: "";
  background-image: url(../images/price/renacell-logo_mini.webp);
  background-repeat: no-repeat;
  background-size: contain;
  width: 34px;
  height: 35px;
  left: -48px;
  top: 0;
}

.section-price_searchlist{
  max-width: 938px;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 24px;
}
.section-price_searchlist-link{
  padding: 14px 70px 14px 56px;
  border: 2px solid #DABB74;
  box-shadow: 2px 2px 0 #c7c7c7;
  border-radius: 5px;
  color: #333333;
  text-decoration: none;
  display: block;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.section-price_searchlist-link:hover{
  text-decoration: none;
  background-color: #ebd7a9;
}

/* モバイル版はホバー削除 */
@media (hover: none) {
  .button:hover {
    background-color: #fff; /* 初期の背景色をそのまま適用 */
    color: #333;
  }
}
/* //　モバイル版はホバー削除 */

.section-price_searchlist-title{
  font-size: 24px;
  font-weight: bold;
}
.section-price_searchlist-title span{
  font-size: 20px;
}
.section-price_searchlist-subtitle{
  font-size: 14px;
  color: #333333;
}

@media screen and (max-width:899px){
.section-price_search_title{
  width: 100%;
  text-align: center;
  max-width: 350px;
  padding-left: 10px;
}
.section-price_searchlist-title{
  font-size: 16px;
}
.section-price_searchlist-title span{
  font-size: 14px;
}
.section-price_searchlist-subtitle{
  font-size: 13px;
}
.section-price_searchlist-link {
	padding: 14px 40px 14px 30px;
}
.section-price-detail-title-sub-course{
  font-size: 16px;
}
.section-price_searchlist{
  width:90%;
}
.search-btn::before{
  left: -26px;
}
.search-btn.--position-middle::before{
  left: -26px;
  top: 0;
}
.section-price-detail-title{
  font-size: 24px;
}
.section-price-detail-title::after{
  top: 100px;
}
	
.bgfb-price .section-price_searchlist::after{
	transform: translateY(-50%);
	top:40%;
	right: 16px;
}
.bgfb-price{
	padding:24px 16px;
	}
}