@charset "UTF-8";

/* --------------------------------------------------------------------
	詳細ページ
-------------------------------------------------------------------- */

.title_5border {
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
	letter-spacing:0.05em;
	font-size:2.0rem;
	text-align:center;
	background:URL(../images/skin/fibroblasts/title_back.png) center repeat-x;
	padding:10px 0;
}
.title_5border span {
  font-size: 1.3rem;
  line-height: 1.9em;
}
@media screen and (max-width:770px){
  .title_5border {
		font-size:1.6rem;
		background:URL(../images/skin/fibroblasts/title_back_sp.png) center repeat-x;
		background-size:110%;
		padding:0;
	}
}

#main_bnr {
	margin:0 auto;
	text-align:center;
	background:linear-gradient(to right, #FFFFFF, #E5E6EF)
}
#main_bnr_stem {
	margin:0 auto 100px;
	text-align:center;
	background:linear-gradient(to bottom, #305B8E, #060B15);
  max-height: 754px;
}
@media screen and (max-width:770px){
	#main_bnr_stem {
    margin:0 auto 50px;
  }
}

ul.page_link {
	margin:4% auto 12%;
}
ul.page_link:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
ul.page_link li {
	float:left;
	width:15.6%;
	margin-right:1%;
}
ul.page_link li:last-child {
	margin-right:0;
}
ul.page_link li a {
	color:#6D69A3;
	text-decoration:none;
	display:block;
	border:1px solid #6D69A3;
	text-align:center;
	font-size:1.1rem;
	line-height:1.4em;
	background:#FFFFFF;
	padding:30px 0 50px;
	position:relative;
}
ul.page_link li a.line2 {
	padding:15px 0 40px;
}
ul.page_link li a:hover {
	background:#E7E8F0;
}
ul.page_link li a::after {
	content: "";
	width:20px;
	height:20px;
	border-right:2px solid #6D69A3;
	border-bottom:2px solid #6D69A3;
	display:inline-block;
	transform:rotate(45deg);
	position:absolute;
	top:70px;
	left:48%;
}
@media screen and (max-width:770px){
	ul.page_link li {
		width:33%;
		margin:-1px -1px 0 0;
	}
	ul.page_link li a, ul.page_link li a.line2 {
		padding:7px 0 17px;
		font-size:0.9rem;
		letter-spacing:0.03em;
	}
	ul.page_link li a::after {
		width:6px;
		height:6px;
		top:27px;
		left:50%;
	}
}

.title05 {
	font-family: 'Noto Serif JP', serif;
	font-weight:500;
	letter-spacing:0.05em;
	font-size:1.9rem;
	text-align:center;
	background:URL(../images/skin/fibroblasts/title_back.png) center repeat;
	padding:10px 0;
}

@media screen and (max-width:770px){
	.title05 {
		font-size:1.7rem;
		background:URL(../images/skin/fibroblasts/title_back_sp.png) center;
		background-size:110%;
		padding:0;
	}
}

.main_text {
	text-align:center;
	line-height:1.5em;
	margin:0 auto 8%;
	padding:0 4%;
}
.main_text p {
	margin-bottom:20px;
}
.main_text p span {
	color:#E7211A;
	font-weight:500;
}

ul.point_circle3 {
	margin:3% auto;
}
ul.point_circle3 li {
	background:URL(../images/skin/fibroblasts/back_circle01.png) no-repeat center;
	background-size:100%;
	max-width:270px;
	width:32%;
	display:inline-block;
	font-size:1.3rem;
	line-height:1.4em;
	font-weight:500;
	padding:70px 0;
	text-align:center;
}
@media screen and (max-width:770px){
	.main_text {
		margin:0 auto 15%;
	}
	ul.point_circle3 li {
		font-size:1.0rem;
		padding:30px 0;
	}
}


.main_text_stem {
	text-align:center;
  font-size: 1.2rem;
	line-height:1.5em;
	margin:3% auto 10%;
}
.main_text_stem p {
	margin-bottom:30px;
}
@media screen and (max-width:770px){
	.main_text_stem {
		margin:5% auto 12%;
    font-size: 1.1rem;
	}
  .main_text_stem p {
    margin-bottom:20px;
  }
}



/*効果*/
.cont_effect {
	position:relative;
	text-align:center;
	font-size:1.5rem;
	line-height:1.3em;
	font-weight:500;
	margin:3% auto;
	max-width:1000px;
}
.cont_effect li:first-child {
	position:absolute;
	top:19%;
	left:17%;
}
.cont_effect li:nth-child(2) {
	position:absolute;
	top:48%;
	left:5%;
}
.cont_effect li:nth-child(3) {
	position:absolute;
	top:78%;
	left:12%;
}
.cont_effect li:nth-child(4) {
	position:absolute;
	top:11%;
	left:44%;
}
.cont_effect li:nth-child(5) {
	position:absolute;
	top:18%;
	left:68%;
}
.cont_effect li:nth-child(6) {
	position:absolute;
	top:45%;
	left:82%;
}
.cont_effect li:last-child {
	position:absolute;
	top:76%;
	left:77%;
}

/*こんな方におすすめ*/
.cont_recomend_list {
	width:90%;
	max-width:800px;
	box-shadow:3px 3px 5px 0 rgba(0,0,0,0.3);
	margin:3% auto 12%;
	padding:2% 5% 3%;
}
.cont_recomend_list h3 {
	font-family: 'Noto Serif JP', serif;
	text-align:center;
	font-size:1.7rem;
	margin-bottom:10px;
}
.cont_recomend_list ul li {
	border-bottom:2px dotted #E7211A;
	padding:20px 30px 15px 90px;
	line-height:1.4em;
	background:URL(../images/skin/fibroblasts/recomend_list.png) no-repeat 30px 15px;
}
@media screen and (max-width:770px){
	.cont_recomend_list {
		padding:5% 3%;
	}
	.cont_recomend_list h3 {
		font-size:1.5rem;
		margin-bottom:5px;
	}
	.cont_recomend_list ul li {
		padding:15px 0 10px 35px;
		background:URL(../images/skin/fibroblasts/recomend_list.png) no-repeat 5px 15px;
		background-size:7%;
		font-size:0.9rem;
	}
}


.recomend_bg {
  text-align: center;
  margin:0 auto 120px;
  position: relative;
}
.recomend_box {
  position: absolute;
  background: rgba(255,255,255,0.7);
  top:10%;
  left:45%;
  padding:2% 3% 1%;
  width:35%;
  text-align: left;
}
.recomend_box h2 {
  font-size:1.4rem;
  text-align: center;
  font-weight: 500;
  line-height: 1.3em;
  border-bottom:3px solid #459E36;
  padding-bottom: 15px;
  width:100%;
  margin-bottom: 30px;
}
.recomend_box ul li {
  border-bottom: 3px dotted #94CC7A;
  font-size:1.1rem;
  padding-bottom: 10px;
  margin-bottom: 20px;
}
@media screen and (min-width:771px) and (max-width:1199px) {
  .recomend_box h2 {
  font-size:1.1rem;
  padding-bottom: 7px;
  margin-bottom: 15px;
  line-height: 1.3em;
}
.recomend_box ul li {
  font-size:1rem;
  letter-spacing: 0;
  padding-bottom: 5px;
  margin-bottom: 10px;
}
}
@media screen and (max-width:770px){
  .recomend_bg {
    margin:0 auto 12%;
  }
  .recomend_box {
    top:8%;
    left:34%;
    padding:2.5% 3% 1%;
    width:58%;
  }
.recomend_box h2 {
  font-size:1.1rem;
  padding-bottom: 7px;
  margin-bottom: 7px;
  line-height: 1.3em;
}
.recomend_box ul li {
  font-size:0.9rem;
  letter-spacing: 0;
  padding-bottom: 3px;
  margin-bottom: 7px;
}
}





/*特徴*/
.cont_feature {
	background:#E7E8F0;
	padding:3% 0 1%;
	margin:3% auto 12%;
}
.cont_feature div.sub_title {
	font-size:1.8rem;
	font-weight:500;
	text-align:center;
	line-height:1.5em;
	margin-bottom:3%;
}
.cont_feature div.sub_title span {
	font-size:2.2rem;
}

.cont_feature .feature_box {
	border-radius:10px;
	max-width:1100px;
	padding:5% 3% 2%;
	margin:0 auto 3%;
}
.cont_feature ._box1 {
	background:URL(../images/skin/fibroblasts/no1.png) #FFFFFF no-repeat 30px 20px;
}
.cont_feature ._box2 {
	background:URL(../images/skin/fibroblasts/no2.png) no-repeat 30px 20px;
}
.cont_feature ._box3 {
	background:URL(../images/skin/fibroblasts/no3.png) no-repeat 30px 20px;
}
.cont_feature ._box4 {
	background:URL(../images/skin/fibroblasts/no4.png) no-repeat 30px 20px;
}
.cont_feature h3 {
	font-size:1.8rem;
	font-weight:500;
	margin:30px 0 50px 120px;
	line-height:1.2em;
}
.cont_feature h4 {
	font-size:1.6rem;
	font-weight:500;
	text-align:center;
	line-height:1.3em;
	margin-bottom:2%;
}
.cont_feature p {
	margin:0 0 3%;
	font-size:1.0rem;
	line-height:1.7em;
}
.cont_feature p span {
	color:#E7211A;
	font-weight:500;
}
.cont_feature .element_box {
	border:3px solid #CCCCCC;
	margin:0 auto 5%;
	padding:2%;
	text-align:center;
	max-width:950px;
}
.cont_feature .element_box dl {
	border-radius:10px;
	width:28%;
	display:inline-block;
	padding:2%;
}
.cont_feature .element_box dl:nth-child(2) {
	background:#D4E8D4;
}
.cont_feature .element_box dl:nth-child(3) {
	background:#C9F0F4;
}
.cont_feature .element_box dl:nth-child(4) {
	background:#F7E4D0;
}
.cont_feature .element_box dt {
	 color:#6DAF6E;
	 font-size:1.2rem;
	 font-weight:500;
	 margin-bottom:2.5%;
}
.cont_feature .element_box dd {
	 background:#6DAF6E;
	 color:#FFFFFF;
	 display:inline-block;
	 width:40%;
	 padding:2%;
}
.cont_feature ._box2 div {
	width:57%;
	display:inline-block;
	vertical-align:top;
	margin-right:20px;
}
.cont_feature ._box2 p.box2_img {
	width:40%;
	display:inline-block;
}
.cont_feature .feature_box table {
	width:100%;
	border:3px solid #CCCCCC;
	background:#FFFFFF;
	margin:0 auto 3%;
}
.cont_feature .feature_box table th {
	border:1px solid #CCCCCC;
	background:#666666;
	color:#FFFFFF;
	padding:7px;
}
.cont_feature .feature_box table td {
	border:1px solid #CCCCCC;
	padding:7px 10px;
}
.cont_feature .feature_box .cellbank {
	background:#FFFFFF;
	border-radius:10px;
	padding:3% 4%;
	margin-bottom:7%;
}
@media screen and (max-width:770px){
	.cont_feature div.sub_title {
		font-size:1.2rem;
		line-height:1.7em;
	}
	.cont_feature div.sub_title span {
		font-size:1.8rem;
	}
	.cont_feature ._box1 {
		background:URL(../images/skin/fibroblasts/no1.png) #FFFFFF no-repeat 10px 15px;
		background-size:15%;
	}
	.cont_feature ._box2 {
		background:URL(../images/skin/fibroblasts/no2.png) no-repeat 10px 15px;
		background-size:15%;
	}
	.cont_feature ._box3 {
		background:URL(../images/skin/fibroblasts/no3.png) no-repeat 10px 15px;
		background-size:15%;
	}
	.cont_feature ._box4 {
		background:URL(../images/skin/fibroblasts/no4.png) no-repeat 10px 15px;
		background-size:15%;
	}
	.cont_feature h3 {
		font-size:1.3rem;
		margin:3% 0 5% 17%;
		line-height:1.4em;
	}
	.cont_feature h4 {
		font-size:1.2rem;
		line-height:1.5em;
	}
	.cont_feature .element_box dl {
		padding:1.5% 2%;
	}
	.cont_feature .element_box dt {
		font-size:0.9rem;
		letter-spacing:0.01em;
	}
	.cont_feature .element_box dd {
		width:auto;
		font-size:0.8rem;
		padding:1px 3px;
	}
	.cont_feature ._box2 div {
		width:100%;
		margin-right:0;
	}
	.cont_feature ._box2 p.box2_img {
		width:100%;
		text-align:center;
	}
	.cont_feature ._box2 p.box2_img img {
		width:80%;
		max-width:440px;
	}
	.cont_feature ._box3 table {
		font-size:0.8rem;
		line-height:1.3em;
	}
}

/*料金表*/
.cont_price {
	margin:0 auto 12%;
	max-width:1200px;
}
.cont_price .cont_price_category {
	background:#666666;
	color:#FFFFFF;
	max-width:850px;
	width:95%;
	margin:3% auto 2%;
	text-align:center;
	padding:1%;
}
.cont_price .cont_price_category span {
	font-size:0.9em;
}
.cont_price table.normal, .cont_price table.total {
	max-width:850px;
	width:95%;
	margin:0 auto 50px;
}
.cont_price table.normal th {
	border-bottom:1px solid #CCCCCC;
	padding:20px 0;
	text-align:left;
	vertical-align:middle;
	line-height:1.5em;
}
.cont_price table.normal td {
	border-bottom:1px solid #CCCCCC;
	padding:20px 0;
	vertical-align:middle;
	line-height:1.5rem;
}
.cont_price table.normal td.price {
	text-align:right;
	font-weight:500;
	font-size:1.5rem;
	color:#E94D5B;
	letter-spacing:0;
	white-space:nowrap;
}
.cont_price table.normal td.price span.tax {
	font-size:1.2rem;
	color:#333333;
	font-weight:500;
}
.cont_price table.total th {
	padding:10px 0;
	text-align:center;
  line-height:1.5em;
}
.cont_price table.total td {
	padding:15px 0;
	line-height:1.5rem;
  font-size:0.95rem;
  font-weight: 500;
  text-align: center;
  border-bottom: 1px solid #CCCCCC;
}
.cont_price table.total td span {
	color:#E94D5B;
  font-size:1.1rem;
}
.cont_price .cont_price_other {
	max-width:850px;
	width:95%;
	margin:0 auto;
	font-size:0.8rem;
	line-height:1.8em;
}
.cont_price table.storage th {
	text-align:center;
}
.cont_price table.storage td {
	border-left:1px solid #CCCCCC;
}
.cont_price ul.cont_price_total {
	width:100%;
	max-width:900px;
	margin:0 auto 1%;
	text-align:center;
}
.cont_price ul.cont_price_total li {
	background:#E7E8F0;
	width:25%;
	display:inline-block;
	padding:1%;
	line-height:1.5em;
	border:2px solid #8389AC;
	border-radius:5px;
}
.cont_price ul.cont_price_total li:nth-child(3) {
	padding:2.5% 1%;
	vertical-align:top;
}
.cont_price ul.cont_price_total li span {
	font-size:0.8em;
}
.cont_price ul.cont_price_total li.plus {
	background:none;
	padding:1%;
	width:auto;
	font-size:2.0em;
	color:#8389AC;
	border:none;
	font-weight:600;
}
@media screen and (max-width:770px){
	.cont_price {
		margin:5% auto 20%;
	}
	.cont_price ul.cont_price_total {
		margin:5% auto 0;
		font-size:0;
	}
	.cont_price ul.cont_price_total li {
		font-size:11px;
		letter-spacing:0.03em;
		width:auto;
	}
	.cont_price ul.cont_price_total li.plus {
		font-size:15px;
		padding:0;
		margin:0;
	}
}

/*症例写真*/
.cont_case_photo {
	text-align:center;
	margin:3% auto 5%;
}
.cont_case_photo ul li {
	display:inline-block;
	width:45%;
	margin:0 2% 2%;
}
.cont_case_photo ul li p.title {
	border-bottom:2px solid;
	border-image:linear-gradient(to right,#626161,#EBEBEC,#CFD0D0) 1;
	margin-bottom:2%;
	padding-bottom:1%;
	font-size:1.1rem;
}
.cont_case_photo ul li dl {
  font-size:0.8rem;
  text-align: left;
  line-height: 1.5em;
}
.cont_case_photo ul li dt {
  background: #E7E8F0;
  padding:5px 10px;
}
.cont_case_photo ul li dd {
  padding:5px 10px;
}
.cont_case_photo ul li img {
	width:100%;
}
@media screen and (max-width:770px){
	.cont_case_photo {
		margin:5% auto 0;
	}
	.cont_case_photo ul li {
		width:70%;
		margin:0 auto 3%;
	}
}

.cont_case_photo2 {
	text-align:center;
	margin:3% auto 5%;
}
.cont_case_photo2 ul {
  display: flex;
  justify-content: center;
}
.cont_case_photo2 ul li:first-child {
	width:45%;
  margin-right: 30px;
}
.cont_case_photo2 ul li img {
	width:100%;
}
@media screen and (max-width:770px){
	.cont_case_photo2 {
		margin:30px auto 0;
	}
	.cont_case_photo2 ul li:first-child {
	width:65%;
  margin-right: 0;
}
}

/*施術の流れ*/
.cont_flow {
	margin:3% auto 12%;
}
.cont_flow ul li {
	box-shadow:3px 3px 5px 0 rgba(0,0,0,0.3);
	margin:5% auto;
	position:relative;
}
.cont_flow ul li dl {
	width:67%;
	display:inline-block;
	vertical-align:top;
}
.cont_flow ul li dl dt {
	font-family: 'Noto Serif JP', serif;
	border-bottom:2px solid #8389AC;
	font-size:1.7rem;
	padding:5% 0 15px 15%;
	margin-bottom:3%;
}
.cont_flow ul li::after {
	content: "";
	border-left:35px solid transparent;
	border-right:35px solid transparent;
	border-top:30px solid #6D69A3;
	position:absolute;
	top:105%;
	left:50%;
}
.cont_flow ul li:last-child::after {
	content: "";
	border:none;
}
.cont_flow ul li:first-child {
	background:URL(../images/skin/fibroblasts/no1.png) no-repeat;
	background-size:8%;
  background-position: 5px 10px;
}
.cont_flow ul li:nth-child(2) {
	background:URL(../images/skin/fibroblasts/no2.png) no-repeat;
	background-size:8%;
  background-position: 5px 10px;
}
.cont_flow ul li:nth-child(3) {
	background:URL(../images/skin/fibroblasts/no3.png) no-repeat;
	background-size:8%;
  background-position: 5px 10px;
}
.cont_flow ul li:nth-child(4) {
	background:URL(../images/skin/fibroblasts/no4.png) no-repeat;
	background-size:8%;
  background-position: 5px 10px;
}
.cont_flow ul li:nth-child(5) {
	background:URL(../images/skin/fibroblasts/no5.png) no-repeat;
	background-size:8%;
  background-position: 5px 10px;
}
.cont_flow ul li:nth-child(6) {
	background:URL(../images/skin/fibroblasts/no6.png) no-repeat;
	background-size:8%;
  background-position: 5px 10px;
}
.cont_flow ul li dl dd {
	padding:0 3% 3% 8%;
}
.cont_flow ul li p {
	width:30%;
	margin:2% auto;
	display:inline-block;
}
.cont_flow ul li p img {
	max-width:442px;
	width:100%;
}
.cont_flow table {
	width:100%;
	margin:7% auto 0;
}
.cont_flow table th {
	background:#E7E8F0;
	padding:2%;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
.cont_flow table td {
	padding:2%;
	border-top:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
}
@media screen and (max-width:770px){
	.cont_flow {
		margin:5% auto 20%;
	}
	.cont_flow ul li {
		margin:7% auto 0;
	}
	.cont_flow ul li dl {
		width:100%;
	}
	.cont_flow ul li::after {
		border-left:20px solid transparent;
		border-right:20px solid transparent;
		border-top:15px solid #6D69A3;
		top:104%;
		left:45%;
	}
	.cont_flow ul li:first-child, .cont_flow ul li:nth-child(2), .cont_flow ul li:nth-child(3), .cont_flow ul li:nth-child(4), .cont_flow ul li:nth-child(5), .cont_flow ul li:nth-child(6) {
		background-size:12%;
	}
	.cont_flow ul li dl dt {
		font-size:1.5rem;
		padding:5% 0 1.5% 15%;
	}
	.cont_flow ul li dl dd {
		padding:0 3% 3% 3%;
	}
	.cont_flow ul li p {
		width:100%;
		margin:0 auto 3%;
		text-align:center;
	}
	.cont_flow ul li p img {
		width:50%;
	}
}

/*よくあるご質問*/
.cont_qa {
	margin:3% auto 10%;
}
.cont_qa dl {
	border:2px solid #CCCCCC;
	margin-top:-2px;
}
.cont_qa dt {
	padding:3.5% 2.5% 3% 9%;
	border-bottom:3px dotted #CCCCCC;
	background:URL(../images/skin/fibroblasts/qa_q.png) no-repeat 3% 50%;
	background-size:4%;
}
.cont_qa dd {
	padding:3.5% 2.5% 3% 9%;
	background:URL(../images/skin/fibroblasts/qa_a.png) no-repeat 3% 50%;
	background-size:4%;
}
@media screen and (max-width:770px){
	.cont_qa {
		margin:6% auto 20%;
	}
}

/*VIP*/
.cont_vip {
	background:radial-gradient(#FFFFFF, #EADCD0);
	padding:4% 0 2%;
  margin:0 auto 8%
}
.cont_vip .wrapper p:first-child {
	font-family: 'Noto Serif JP', serif;
	text-align:center;
	font-size:1.5rem;
	line-height:1.5em;
	margin:3% auto;
  background:rgba(255,255,255,0.7);
  padding:10px 0;
}
.cont_vip ul {
	text-align:center;
	margin:3% auto;
}
.cont_vip ul li {
	display:inline-block;
	width:48%;
	margin-right:10px;
}
@media screen and (max-width:770px){
	.cont_vip {
		padding:7% 0 3%;
	}
	.cont_vip .wrapper p:first-child {
		font-size:1.3rem;
		line-height:1.5em;
		margin:5% auto;
	}
}

.last_catch {
	font-family: 'Noto Serif JP', serif;
	text-align:center;
	font-size:1.5rem;
	line-height:1.4em;
	margin:5% auto 10%;
}


/*有効＆安全ポイント*/
.cont_point {
  margin:4% auto 10%;
}
.cont_point ul li {
  border:3px solid #CCCCCC;
  border-radius: 10px;
  padding:3%;
  margin:0 auto 2%;
  background: #E7E8F0;
}
.cont_point ul li span {
  color:#8389AC;
  font-weight: 500;
  font-size: 1.5rem;
  margin-right:15px;
  padding-right: 15px;
  border-right: 3px dotted #CCCCCC;
}
@media screen and (max-width:770px){
  .cont_point {
    margin:5% auto 17%;
  }
  .cont_point ul li {
    border:2px solid #CCCCCC;
    margin:0 auto 3.5%;
  }
  .cont_point ul li span {
    font-size: 1.4rem;
    margin-right:10px;
    padding-right: 10px;
    border-right: 2px solid #CCCCCC;
  }
}