@charset "UTF-8";

/* common
--------------------------------------------------*/

.basicTips .ttl {
	font-size: 16px;
	text-align: center;
}
	.basicTips p {
		font-size: 12px;
	}

.about {
	padding-top: 30px;
	padding-bottom: 20px;
}
	.about .basicTips .ttl {
		margin-bottom: 30px;
	}
	.about .basicTips .figure {
		margin-bottom: 15px;
	}

.labelImg {
	position: relative;
}
	.labelImg .photo {
		height: 90px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
	}
	.labelImg .ttl {
		text-align: center;
		position: absolute;
		top: 50%;
		right: 0;
		left: 0;
		transform: translateY(-50%);
		margin: 0 auto;
		color: #fff;
		font-size: 24px;
		line-height: 1.3;
	}
		.labelImg .ttl span {
			display: block;
			font-size: 14px;
		}

.effect {
	padding-top: 15px;
	padding-bottom: 45px;
}
	.effect li {
		position: relative;
		max-width: 560px;
		width: 100%;
		min-height: 30px;
		line-height: 1.45;
		background-color: #FBF0E8;
		box-sizing: border-box;
		font-size: 12px;
		margin-bottom: 5px;
		padding: 7px 10px 7px 25px;
	}
		.effect li:before {
			content: "";
			position: absolute;
			background: url(../../img/common/sp/icon_check.png) 
			no-repeat center / contain;
			width: 15px;
			height: 13px;
			top: 8px;
			left: 7px;
		}
	.effect .notes {
		font-size: 12px;
		text-align: right;
		line-height: 1;
	}
	.effect .orange {
		color: #ce5f23;
	}

.priceBtn {
	position: relative;
	height: 50px;
	border: 1px solid #000;
	text-align: center;
	line-height: 1.2;
	max-width: 300px;
	width: 100%;
	margin: 0 auto;
	transition: .8s all ease;
	margin-top: 45px;
}
	.priceBtn a {
		display: inline-block;
		width: 100%;
		height: 50px;
		padding-top: 4px;
		box-sizing: border-box;
		transition: .8s all ease;
	}
	.priceBtn .small {
		font-size: 10px;
	}
		.priceBtn a:before {
			content: "";
			border: 1px solid #000;
			position: absolute;
			border-color: transparent transparent #000 #000;
			transform: rotate(-45deg);
			max-width: 560px;
			width: 5.3572%;
			height: 30%;
			top: 26%;
			right: 4.1072%;
			transition: .8s all ease;
		}
.priceBtn:hover {
	background-color: #000;
	transition: .8s all ease;
}
	.priceBtn:hover a {
		color: #fff;
		transition: .8s all ease;
	}
		.priceBtn:hover a:before {
			border: 1px solid #fff;
			border-color: transparent transparent #fff #fff;
			transition: .8s all ease;
		}




/* #kv
--------------------------------------------------*/

#kv .photo {
	background-image: url(../img/sp/img_kv.jpg);
}




/* #intro
--------------------------------------------------*/

	#intro .basicTips {
		margin-bottom: 45px;
	}
		#intro .basicTips .ttl {
			margin-bottom: 25px;
			line-height: 1.6875;
		}

		#intro .labelBox .btn {
			position: relative;
			transition: 1s all ease;
		}
			#intro .labelBox .btn + .btn {
				margin-top: 10px;
			}
			#intro .labelBox .btn:hover {
				opacity: 0.8;
				background-color: #fff;
				transition: 1s all ease;
				overflow: hidden;
			}
			#intro .labelBox .btn a {
				color: #fff;
				text-align: center;
				display: block;
				overflow: hidden;
			}
				#intro .labelBox .btn:before {
					content: "";
					border: 1px solid #fff;
					position: absolute;
					border-color: transparent transparent #fff #fff;
					transform: rotate(-45deg);
					max-width: 560px;
					width: 3.5715%;
					height: 14.2858%;
					top: 37.4286%;
					right: 5.3572%;
					transition: .8s all ease;
					z-index: 2;
				}
			#intro .labelBox .btn .btnTtl {
				position: absolute;
				top: 50%;
				left: 50%;
				transform: translate(-50%, -50%);
				display: block;
				max-width: 560px;
				width: 100%;
				font-size: 20px;
				line-height: 1;
				z-index: 2;
			}
			#intro .labelBox .btn .btnTtl span {
				font-size: 12px;
			}
			#intro .labelBox .btn img {
				transition: 1s all ease;
			}
				#intro .labelBox .btn:hover img {
					transform: scale(1.2);
					transition: 1s all ease;
				}




/* #ayurveda
--------------------------------------------------*/

#ayurveda {
	/* padding-top: 50px; */
}

	#ayurveda .labelImg .photo {
		background-image: url(../img/sp/img_ayurveda.jpg);
	}

	#constitution {
		padding-top: 25px;
		padding-bottom: 20px;
		background-color: #eee8e1;
	}
		#constitution .constitutionBox {
			border: 1px solid #afa8a4;
			background-color: #fff;
			padding: 15px;
		}
		#constitution .constitutionBox + .constitutionBox {
			margin-top: 20px;
		}
			#constitution .listBox {
				text-align: center;
			}
				#constitution .listBox .ttlBox {
					display: inline-block;
				}
					#constitution .listBox .ttlBox .listTtl {
						padding-left: 10px;
						float: left;
						font-size: 16px;
					}
						#constitution .constitutionBox .ttlBox .icon {
							max-width: 23px;
							float: left;
						}
						#constitution .constitutionBox .ttlBox .icon + .icon{
							padding-left: 5px;
						}
						#constitution .listBox .listTxt {
							font-size: 13px;
							color: #5f5049;
							line-height: 2;
						}

	#treatment {
		padding-top: 25px;
	}
		#treatment .listBox li {
			width: 46.4286%;
			float: left;
			max-width: 260px;
			margin-left: 7.1428%;
		}
			#treatment .listBox li:nth-child(1) {
				margin-bottom: 20px;
			}
			#treatment .listBox li:nth-child(2n+1) {
				margin-left: 0;
				clear: both;
			}
				#treatment .listBox .figure {
					margin-bottom: 10px;
				}
				#treatment .listBox .ttl {
					color: #ce5f23;
					margin-bottom: 10px;
					font-size: 14px;
					line-height: 1;
				}
				#treatment .listBox .txt {
					font-size: 12px;
					line-height: 1.6;
				}

/* #intro
--------------------------------------------------*/

#intro {
    padding-bottom: 15px;
}
    #intro .basicTips .ttl {
		margin-bottom: 25px;
		line-height: 1.6875;
	}
		#intro .figure {
			max-width: 516px;
			width: 92.1429%;
			margin: 0 auto;
		}


/*#greenlift
--------------------------------------------------*/

#greenlift {
	padding-top: 50px;
}

	#greenlift .labelImg .photo {
		background-image: url(../img/sp/img_greenlift.jpg);
	}
	#greenlift .about .basicTips .ttl {
		margin-bottom: 20px;
	}

	#greenlift .effect {
		padding-bottom: 0;
	}
		#greenlift .effect li {
			position: relative;
			float: left;
			max-width: 275px;
			width: 49.1072%;
			min-height: 30px;
			line-height: 1.45;
			margin-left: 1.7857%;
			background-color: #FBF0E8;
			box-sizing: border-box;
			font-size: 12px;
			margin-bottom: 5px;
		}
			#greenlift .effect li:nth-child(2n+1) {
				margin-left: 0;
				clear: both;
			}
			#greenlift .effect li:last-child,
			#greenlift .effect li:nth-child(5) {
				margin-left: 0;
				margin-bottom: 5px;
				max-width: 560px;
				width: 100%;
				float: none;
			}




/* #ultrapulsePoration
--------------------------------------------------*/

#ultrapulsePoration {
	padding-top: 50px;
	padding-bottom: 25px;
}

	#ultrapulsePoration .labelImg .photo {
		background-image: url(../img/sp/img_ultrapulsePoration.jpg);
	}

	#ultrapulsePoration .about .basicTips .ttl {
		margin-bottom: 20px;
	}

	#fiveCare.effect .effectList li:before {
		background-image: none;
		font-size: 12px;
		left: 9px;
		top: 7px;
	}
		#fiveCare.effect .effectList li:nth-child(1):before {
			content: "1."
		}
		#fiveCare.effect .effectList li:nth-child(2):before {
			content: "2."
		}
		#fiveCare.effect .effectList li:nth-child(3):before {
			content: "3."
		}
		#fiveCare.effect .effectList li:nth-child(4):before {
			content: "4."
		}
		#fiveCare.effect .effectList li:nth-child(5):before {
			content: "5."
		}
	#fiveCare.effect .commonTips .ttl {
		letter-spacing: -0.1px;
	}

	#sixBeauty.effect {
		padding: 0;
	}

	#price {
		padding-top: 50px;
		padding-bottom: 15px;
	}
		#price .priceList {
			margin-bottom: 20px;
		}
			#price .priceList li + li {
				margin-top: 45px;
			}
				#price .priceList h4 {
					background-color: #CE5F23;
					color: #fff;
					line-height: 1.45;
					margin-bottom: 10px;
					font-size: 16px;
					padding: 7px 10px;
				}
				#price .priceList h5 {
					color: #CE5F23;
					margin-bottom: 5px;
					font-size: 16px;
					line-height: 1.5;
				}
				#price .priceList .priceTxt {
					text-align: right;
					margin-bottom: 5px;
					font-size: 16px;
				}
					#price .priceList .priceTxt .large {
						font-size: 18px;
					}
					#price .priceList .priceTxt .small {
						font-size: 10px;
					}
					#price .priceList .priceTxt .small:first-child {
						padding-right: 5px;
					}
				#price .priceList .listTxt {
					font-size: 14px;
					margin-bottom: 10px;
				}
				#price .priceList .gray {
					box-sizing: border-box;
					background-color: #e4e4e4;
					padding: 10px;
					font-size: 12px;
				}
				#price .priceList li:last-child .gray {
					margin-bottom: 15px;
				}
				#price .priceList .notes {
					font-size: 12px;
				}


@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
	#price .priceList h4 {
		padding-top: 10px;
	}
}

/* #recommend(口コミ)
--------------------------------------------------*/
#recommend .btn {
				max-width: 390px;
				width: 69.6429%;
				margin: 0 auto;
			}


	#question {
		padding-top: 15px;
	}
		#question .questionBox {
			margin-bottom: 40px;
		}
			#question .questionBox li + li {
				margin-top: 20px;
			}
				#question .questionBox .qTxt {
					position: relative;
					box-sizing: border-box;
					padding-left: 30px;
					padding-bottom: 10px;
				}
					#question .questionBox .qTxt:before {
						content: "";
						position: absolute;
						background: url(../../img/common/sp/icon_question.png) 
						no-repeat no-repeat center / contain;
						width: 23px;
						height: 30px;
						top: -4px;
						left: 0;
					}
				#question .questionBox .aTxt {
					position: relative;
					box-sizing: border-box;
					padding-left: 30px;
					font-size: 12px;
				}
					#question .questionBox .aTxt:before {
						content: "";
						position: absolute;
						background: url(../../img/common/sp/icon_answer.png) 
						no-repeat center / contain;
						width: 23px;
						height: 30px;
						top: -4px;
						left: 0;
					}