body{
	margin: 0 auto;
	padding: 0;
	font-family: YuGothic,'游ゴシック',"メイリオ", meiryo,sans-serif;
	background: #fff;
	font-size: 10px;
    letter-spacing: 0;
}
div,p,ol,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,th,td,caption {
	margin: 0;
	padding: 0;
}
a,
a:link,
a:visited { color:#e61560; }
a:hover,
a:active { color:#e61560; } 
#wrapper img{
	border: none;
	vertical-align:bottom;
	max-width: 100%;
}
p {
	text-align: left;
}
ul,
li {
	list-style:none;
}
.sp {
	display: block;
}
img.sp {
	display: inline;
}

@media screen and (min-width: 751px) {
	body{
		font-size: 10px;
		letter-spacing: 0.1em;
	}
	.sp,
	img.sp {
		display: none;
	}
	.pc {
		display: block;
	}
	img.pc {
		display: inline;
	}
}

/*---------- #common ----------*/
.inner {
	width: 750px;
	position:relative;
	margin: 0 auto;
	text-align: center;
}
#scrpt {
	display:none;
}
.clearfix {
	overflow: hidden;
}
.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

/*---------- .headernavi ----------*/
.headernavi {
	bottom: 0;
}

.fixed {
	width: 100%;
	position: fixed;
	z-index: 100;
	height: 140px;
	bottom: 0;
	background: url("../img/header_bg_pc.jpg") center top no-repeat;
}

.headernavi .inner {
	margin: 10px auto 0;
}

.headernavi .web {
	/* position: absolute;
	top: 10px;
	left: 10px; */
	text-align: center;
}


.headernavi .tel {
	position: absolute;
	top: 10px;
	/* CTAボタンのメールを削除前 */
	/* left: 255px; */
	left: 115px;
}

.headernavi .line {
	position: absolute;
	top: 10px;
	/* CTAボタンのメールを削除前 */
	/* left: 500px; */
	left: 390px;
}

/*----------#fv----------*/
#fv dl {
	position: relative;
}

#fv .fvcv_01 {
	position: absolute;
	/* CTAボタンのメールを削除前 */
	/* top: 130px; */
	top: 190px;
	left: 88px;
}

#fv .fvcv_02 {
	position: absolute;
	top: 180px;
	left: 88px;
}

#fv .fvcv_03 {
	position: absolute;
	/* CTAボタンのメールを削除前 */
	/* top: 439px; */
	top:395px;
	left: 88px;
}

/*----------#cv01----------*/
#cv01 {
	padding-bottom: 118px;
}

.btn_area {
	position: relative;
}

.cv .tel_large {
	position: absolute;
	/* CTAボタンのメールを削除前 */
	/* top: 80px; */
	top: 150px;
	left: 41px;
	
}

.cv .web_large {
	position: absolute;
	top: 160px;
	left: 41px;
}

.cv .line_large {
	position: absolute;
	/* CTAボタンのメールを削除前 */
	/* top: 482px; */
	top: 402px;	
	left: 41px;
}
.cv {
	background: url("../img/cv01_bg.png") center top ;
}

/*---------- #parts ----------*/

#parts .part_btn {
	padding-bottom: 109px;
	text-align: center;
}

@media screen and (max-width: 751px) {
	#parts .part_btn {
	background: url("../img/parts_bg_sp.jpg") center top no-repeat;
	}
}



.map {
	position: relative;
}

.map dd {
	position: absolute;
	top: 0;
	left: 60px;
}



/* pc */
/* ------------------------------------------------------------------------------------------ */

/*---------- pc_bg ----------*/
@media screen and (min-width: 751px) {
	#fv {
	background: url("../img/fv_bg.jpg") center top no-repeat;
	}
	#choose .mv {
	background: url("../img/choose_bg.jpg") center top no-repeat;
	}
	#choose .pink {
	background: url("../img/bg_pink_grade.jpg") center top repeat-y;
	}
	#parts {
	background: url("../img/parts_bg.jpg") center top no-repeat;
	}
	#qa {
	background-image: url("../img/qa_bg.jpg"), url("../img/qa_bg02.jpg");
	background-repeat: no-repeat, repeat-y;
	background-position: center top, center center;
	}
	#clinic {
	background: url("../img/clinick_bg.jpg") center top repeat-y;
	}
	#clinic2 {
	background: url("../img/clinick_bg2.jpg") center top no-repeat;
	}
	footer {
	background: url( "../img/footer_bg.png") center top no-repeat;
	}
}



@media screen and (min-width: 751px) {
/*---------- fv ----------*/
	#fv dl a 						{ text-decoration: none; color: #fff;}
	#fv dl a:hover 					{ opacity: 0.7;}
	#fv .fvcv_01 a 					{ display: block; width: 576px; height: 143px; padding: 28px 0 0 0; background: url("../img/fvcv_btn_01.png") center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	#fv .fvcv_03 a 					{ display: block; width: 576px; height: 143px; padding: 28px 0 0 0; background: url("../img/fvcv_btn_03.png") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	
	#fv .txt_l 						{ display: block; font-size: 35px; line-height: 1.3;}
	#fv .txt_s 						{ display: block; font-size: 23px;}
	
/*---------- pink ----------*/
	.pink01 						{ padding: 0 0 120px 0;}

/*---------- checkList ----------*/
	.checkList 						{ padding: 70px 0 40px 0;}
	.checkList ul 					{ padding: 0 0 0 40px; color: #fff;}
	.checkList ul li				{ padding: 0 0 30px 56px; background: url("../img/icon_check.png") no-repeat left 10px; font-size: 32px; text-align: left; letter-spacing: -0.03em;}
	.checkList ul li span			{ color: #fcffab; font-weight: bold;}

/*---------- aboutHiaruron ----------*/
	.aboutHiaruron 					{ margin: 0 30px; border: #fff 2px solid; padding: 18px;}
	.hiaruronInner					{ background-color: #fff;}
	.hiaruronInner h3 				{ color: #f03c9a; font-size: 38px; padding: 20px 0 15px;}
	.hiaruronInner .txt 			{ padding: 60px 40px 0;}
	.hiaruronInner .txt p 			{ padding: 0 0 50px 0; font-size: 24px; letter-spacing: 0.03em;}
	.hiaruronInner .txt p span 		{ color: #f03c9a; font-weight: bold;}

/*---------- parts ----------*/
	
	.parts_01 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 359px; box-sizing: border-box;}
	.parts_02 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 358px; box-sizing: border-box;}
	.parts_03 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 298px; box-sizing: border-box;}
	.parts_04 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 295px; box-sizing: border-box;}
	
	#parts h3 						{ margin: 0 auto 20px auto; width: 580px; background: url("../img/bg_gray_grade.jpg") repeat-y center center; font-size: 24px; padding: 20px 0 20px 0; text-align: center; line-height: 1;}
	#parts ul 						{ padding: 0 0 0 90px;}
	#parts ul li 					{ padding: 0 0 10px 42px; background: url("../img/icon_heart.jpg") no-repeat left 10px; font-size: 28px; text-align: left; font-weight: bold; letter-spacing: -0.03em;}
	#parts ul li span 				{ color: #ee1e8a;}

	#parts .arrow 					{ margin: 0 auto 40px auto; width: 182px;}
	
	#parts .part_btn a 				{ text-decoration: none; color: #fff; font-size: 38px;}
	#parts .part_btn a:hover 		{ opacity: 0.7;}
	#parts .part_btn a 				{ display: block; width: 710px; height: 160px; margin: 0 auto; padding: 46px 0 0 0; background: url("../img/parts_btn.jpg") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	
/*---------- qa ----------*/
	
	#qa 							{ padding: 0 0 72px 0;}
	#qa .qaBlock					{ margin: 0 auto; width: 710px; text-align: left;}
	#qa .qaBlock .qaBox 			{ background-color: #fff; margin: 0 0 50px 0;}
	
	#qa .qaBox h3 					{ border-bottom: #f666a4 1px solid; display: flex; color: #f03c9a;}
	#qa .qaBox h3 span.q 			{ background-color: #fdebf5; width: 90px; height: 90px; display: block; text-align: center; padding: 24px 0 0 0; box-sizing: border-box;}
	#qa .qaBox h3 span.title 		{ line-height: 90px; font-size: 27px; padding: 0 0 0 18px; letter-spacing: -0.03em;}
	#qa .qaBox .txt 				{ padding: 30px 25px;}
	#qa .qaBox .txt p				{ font-size: 24px; letter-spacing: -0.03em;}

/*---------- clinic ----------*/
	
	.clinicBlock 					{ margin: 0 auto 90px auto; width: 710px; text-align: left; background-color: #fff;}
	.clinicBlock .head 				{ padding: 30px 0 30px 30px; display: flex; font-weight: bold;}
	.clinicBlock .head span 		{ display: inline; width: 76px; height: 76px; background-color: #f03c9a; line-height: 76px; text-align: center; font-size: 20px; color: #fff; border-radius: 40px;}
	.clinicBlock .head h3 			{ padding: 20px 0 0 14px; letter-spacing: -1px; font-size: 38px; color: #f03c9a; line-height: 1;}
	
	.clinicBlock .txt 				{ padding: 50px; font-size: 23px;}
	
	.address p 						{ padding: 0 0 24px 40px; background: url("../img/icon_address.png") no-repeat left 3px;}
	.address p a 					{ color: #f03c9a; font-weight: bold;}
	.time p 						{ padding: 0 0 24px 40px; background: url("../img/icon_time.png") no-repeat left 3px;}
	.access 						{ background-color: #fefff1; padding: 30px 25px;}
	.access li span					{ color: #f03c9a; font-weight: bold;}
	
	
	.clinicProf 					{ margin: 0 auto 90px auto; width: 650px; text-align: left;}
	.clinicProf.w710				{ width: 710px;}
	.clinicProfEnd 					{ margin: 0 auto 0 auto; padding: 0 0 40px 0;}
	.clinicProf .head 				{ display: flex; font-weight: bold; margin-bottom: 20px;}
	.clinicProf .head span			{ width: 190px; height: 38px; line-height: 38px; background-color: #f03c9a; text-align: center; font-size: 20px; color: #fff; border-radius: 40px;}
	.clinicProf .head h3 			{ padding: 0 0 0 27px; font-size: 40px; color: #f03c9a; line-height: 1;}
	
	.clinicProf table 				{ border: 0; font-size: 20px; margin-bottom: 25px;}
	.clinicProf table th,
	.clinicProf table td 			{ padding: 10px 0; box-sizing: border-box; vertical-align: top; letter-spacing: -0.03em;}
	.clinicProf table th 			{ width: 170px; background: url("../img/line_dot_v_pink.png") repeat-y right top; vertical-align: top; font-weight: normal;}
	.clinicProf table td 			{ padding: 10px 0 10px 30px;}
	.clinicProf table tr.top th,
	.clinicProf table tr.top td 	{ padding-top: 3px;}
	.clinicProf table tr.bottom th,
	.clinicProf table tr.bottom td 	{ padding-bottom: 3px;}
	
	.clinicProf dl 					{ font-size: 20px; display: flex;}
	.clinicProf dl dt				{ width: 125px;}
	.clinicProf img.w-auto			{ width: auto; height: auto; max-width: 100%; }
	
/*---------- cv ----------*/
	
	.cv p.txt01 					{ padding: 30px 50px 50px; font-size: 22px; color: #fff;}
	
	.cv .btn_area a 				{ text-decoration: none; color: #fff;}
	.cv .btn_area a:hover 			{ opacity: 0.7;}
	.cv .tel_large a 				{ display: block; width: 670px; height: 186px; padding: 36px 0 0 0; background: url("../img/cv_btn_01.png") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	.cv .line_large a 				{ display: block; width: 670px; height: 186px; padding: 36px 0 0 0; background: url("../img/cv_btn_03.png") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	
	.cv .txt_l 						{ display: block; font-size: 40px;}
	.cv .txt_s 						{ display: block; font-size: 24px;}



}



/* sp */
/* ------------------------------------------------------------------------------------------ */

/*---------- sp_bg ----------*/
@media screen and (max-width: 750px) {
	#choose .pink {
	background: url("../img/bg_pink_grade.jpg") center top repeat-y;
	}
	#parts {
	background: url("../img/parts_bg.jpg") center top no-repeat;
	}
	#qa {
	background-image: url("../img/qa_bg.jpg"), url("../img/qa_bg02.jpg");
	background-repeat: no-repeat, repeat-y;
	background-position: center top, center center;
	}
	#clinic {
	background: url("../img/clinick_bg.jpg") center top repeat-y;
	}
}



@media screen and (max-width: 750px) {
/*---------- fv ----------*/
	#fv dl a 						{ text-decoration: none; color: #fff;}
	#fv dl a:hover 					{ opacity: 0.7;}
	#fv .fvcv_01 a 					{ display: block; width: 576px; height: 143px; padding: 28px 0 0 0; background: url("../img/fvcv_btn_01.png") center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	#fv .fvcv_03 a 					{ display: block; width: 576px; height: 143px; padding: 28px 0 0 0; background: url("../img/fvcv_btn_03.png") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	
	#fv .txt_l 						{ display: block; font-size: 35px; line-height: 1.3;}
	#fv .txt_s 						{ display: block; font-size: 23px;}
	
/*---------- pink ----------*/
	.pink01 						{ padding: 0 0 120px 0;}

/*---------- checkList ----------*/
	.checkList 						{ padding: 70px 0 40px 0;}
	.checkList ul 					{ padding: 0 20px 0 20px; color: #fff;}
	.checkList ul li				{ padding: 0 0 30px 56px; background: url("../img/icon_check.png") no-repeat left 10px; font-size: 20px; text-align: left; letter-spacing: -0.03em;}
	.checkList ul li span			{ color: #fcffab; font-weight: bold;}

/*---------- aboutHiaruron ----------*/
	.aboutHiaruron 					{ margin: 0 30px; border: #fff 2px solid; padding: 18px;}
	.hiaruronInner					{ background-color: #fff;}
	.hiaruronInner h3 				{ color: #f03c9a; font-size: 38px; padding: 20px 0 15px;}
	.hiaruronInner .txt 			{ padding: 60px 40px 0;}
	.hiaruronInner .txt p 			{ padding: 0 0 50px 0; font-size: 24px; letter-spacing: 0.03em;}
	.hiaruronInner .txt p span 		{ color: #f03c9a; font-weight: bold;}

/*---------- parts ----------*/
	
	.parts_01 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 359px; box-sizing: border-box;}
	.parts_02 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 358px; box-sizing: border-box;}
	.parts_03 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 298px; box-sizing: border-box;}
	.parts_04 .txt 					{ margin: 0 20px; background: url("../img/parts_center.png") repeat-y center center; height: 295px; box-sizing: border-box;}
	
	#parts h3 						{ margin: 0 auto 20px auto; width: 580px; background: url("../img/bg_gray_grade.jpg") repeat-y center center; font-size: 24px; padding: 20px 0 20px 0; text-align: center; line-height: 1;}
	#parts ul 						{ padding: 0 0 0 90px;}
	#parts ul li 					{ padding: 0 0 10px 42px; background: url("../img/icon_heart.jpg") no-repeat left 10px; font-size: 28px; text-align: left; font-weight: bold; letter-spacing: -0.03em;}
	#parts ul li span 				{ color: #ee1e8a;}

	#parts .arrow 					{ margin: 0 auto 40px auto; width: 182px;}
	
	#parts .part_btn a 				{ text-decoration: none; color: #fff; font-size: 38px;}
	#parts .part_btn a:hover 		{ opacity: 0.7;}
	#parts .part_btn a 				{ display: block; width: 710px; height: 160px; margin: 0 auto; padding: 46px 0 0 0; background: url("../img/parts_btn.jpg") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	
/*---------- qa ----------*/
	
	#qa 							{ padding: 0 0 72px 0;}
	#qa .qaBlock					{ margin: 0 auto; width: 710px; text-align: left;}
	#qa .qaBlock .qaBox 			{ background-color: #fff; margin: 0 0 50px 0;}
	
	#qa .qaBox h3 					{ border-bottom: #f666a4 1px solid; display: flex; color: #f03c9a;}
	#qa .qaBox h3 span.q 			{ background-color: #fdebf5; width: 90px; height: 90px; display: block; text-align: center; padding: 24px 0 0 0; box-sizing: border-box;}
	#qa .qaBox h3 span.title 		{ line-height: 90px; font-size: 27px; padding: 0 0 0 18px; letter-spacing: -0.03em;}
	#qa .qaBox .txt 				{ padding: 30px 25px;}
	#qa .qaBox .txt p				{ font-size: 18px; letter-spacing: -0.03em;}

/*---------- clinic ----------*/
	
	.clinicBlock 					{ margin: 0 auto 90px auto; width: 710px; text-align: left; background-color: #fff;}
	.clinicBlock .head 				{ padding: 30px 0 30px 30px; display: flex; font-weight: bold;}
	.clinicBlock .head span 		{ display: inline; width: 76px; height: 76px; background-color: #f03c9a; line-height: 76px; text-align: center; font-size: 20px; color: #fff; border-radius: 40px;}
	.clinicBlock .head h3 			{ padding: 20px 0 0 14px; font-size: 38px; color: #f03c9a; line-height: 1;}
	
	.clinicBlock .txt 				{ padding: 50px; font-size: 14px;}
	
	.address p 						{ padding: 0 0 24px 40px; background: url("../img/icon_address.png") no-repeat left 3px;}
	.address p a 					{ color: #f03c9a; font-weight: bold;}
	.time p 						{ padding: 0 0 24px 40px; background: url("../img/icon_time.png") no-repeat left 3px;}
	.access 						{ background-color: #fefff1; padding: 30px 25px;}
	.access li span					{ color: #f03c9a; font-weight: bold;}
	
	
	.clinicProf 					{ margin: 0 auto 90px auto; width: 650px; text-align: left;}
	.clinicProf.w710				{ width: 710px;}
	.clinicProfEnd 					{ margin: 0 auto 0 auto; padding: 0 0 40px 0;}
	.clinicProf .head 				{ display: flex; font-weight: bold; margin-bottom: 20px;}
	.clinicProf .head span			{ width: 190px; height: 38px; line-height: 38px; background-color: #f03c9a; text-align: center; font-size: 20px; color: #fff; border-radius: 40px;}
	.clinicProf .head h3 			{ padding: 0 0 0 27px; font-size: 40px; color: #f03c9a; line-height: 1;}
	
	.clinicProf table 				{ border: 0; font-size: 20px; margin-bottom: 25px;}
	.clinicProf table th,
	.clinicProf table td 			{ padding: 10px 0; box-sizing: border-box; vertical-align: top; letter-spacing: -0.03em;}
	.clinicProf table th 			{ width: 150px; background: url("../img/line_dot_v_pink.png") repeat-y right top; vertical-align: top; font-weight: normal;}
	.clinicProf table td 			{ padding: 10px 0 10px 10px;}
	.clinicProf table tr.top th,
	.clinicProf table tr.top td 	{ padding-top: 3px;}
	.clinicProf table tr.bottom th,
	.clinicProf table tr.bottom td 	{ padding-bottom: 3px;}
	
	.clinicProf dl 					{ font-size: 20px; display: flex;}
	.clinicProf dl dt				{ width: 125px;}
	.clinicProf img.w-auto			{ width: auto; height: auto; max-width: 100%; }
	
/*---------- cv ----------*/
	
	.cv p.txt01 					{ padding: 30px 50px 50px; font-size: 22px; color: #fff;}
	
	.cv .btn_area a 				{ text-decoration: none; color: #fff;}
	.cv .btn_area a:hover 			{ opacity: 0.7;}
	.cv .tel_large a 				{ display: block; width: 670px; height: 186px; padding: 36px 0 0 0; background: url("../img/cv_btn_01.png") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	.cv .line_large a 				{ display: block; width: 670px; height: 186px; padding: 36px 0 0 0; background: url("../img/cv_btn_03.png") no-repeat center center; text-align: center; font-weight: bold; box-sizing: border-box;}
	
	.cv .txt_l 						{ display: block; font-size: 40px;}
	.cv .txt_s 						{ display: block; font-size: 24px;}



}