#mv {
	background-image:url(../img/program/pc/mv.jpg);
}
	#mv h2 {
		height:107px;
	}
	
#content {
}

#program {
	background:url(../img/program/pc/program-bg.jpg) no-repeat center;
	background-size:cover;
	padding-top: 70px;
	padding-bottom: 70px;
}
	#topTips {
		font-size: 16px;
	}
	#topTips h3 {
		width:80%;
		padding-bottom:35px;
	}
	#topTips p {
		width:80%;
		padding-bottom:25px;
	}
	#topTips .attention li {
		font-size:85%;
		line-height:160%;
	}


#plans {
	background:url(../img/program/pc/plans-bg.jpg) no-repeat bottom left;
	background-size:cover;
	padding-top: 50px;
}
	#plans h3 {
		text-align: center;
	}
	#plansBox {
		padding-top:50px;
		padding-bottom:50px;
	}
		#firstProgram {
			/* 他ページからのリンク用位置調整 */
			margin-top: -100px;
		    padding-top: 100px;

			float:left;
			width:48%;
			max-width:480px;
		}
		#basicProgram {
			float:right;
			width:48%;
			max-width:480px;
		}

		.box-outer { position: relative; z-index: 1; overflow: hidden; width: 100%; }
		.box-block { width: auto; }
		.circle { width: 24px; height: 24px; position: absolute; z-index: 2; -webkit-border-radius: 100%; -moz-border-radius: 100%; -ms-border-radius: 100%; -o-border-radius: 100%; border-radius: 100%; }

		.top-left { left: -12px; top: -12px; }
		.top-rigt { right: -12px; top: -12px; }
		.btm-left { left: -12px; bottom: -12px; }
		.btm-rigt { right: -12px; bottom: -12px; }

		.box .circle { background: #fceede; border: 1px solid #422e27; }
		.box .box-block { background: #fff; border: 1px solid #422e27; padding: 40px 8%; }

		#firstProgram .btm-left { background: #fceede; border: 1px solid #422e27; }
		#firstProgram .box-block {
			padding-bottom: 66px;
		}

		.plan {
			text-align: center;
		}
			.plan .photo {
				padding-bottom: 35px;
			}
			.plan h4 {
			    padding-bottom: 20px;
			}
			.plan h5 {
			    padding-bottom: 25px;
			}

			.plan .price {
				padding-bottom: 20px;
			}
			.plan .tips {
				padding-top: 12px;
			}
				.plan .tips h6 {
					padding-bottom: 15px;
				}
				.plan .tips .planTxt {
				}
			.plan .attention {
				margin-top: 10px;
				font-size: 11px;
			}

			.dotline {
			    width: 100%;
			    height: 3px;
			    background: url(../img/program/pc/dot_line.png) repeat-x center left;
			    background-size: 722px 3px;
			}


		
#antiAging {
	background:#faf0e4;
	padding-top:50px;
	padding-bottom:80px;
}
	.antiAging-ttl {
		text-align:center;
		padding-bottom:25px;
	}
	.antiAging-ttl + p {
		text-align:center;
		padding-bottom:40px;
	}

	#antiAging .box .box-block { padding: 40px 4%; }

	#specialProgram .photo {
		float: left;
		width: 42.38%;
		max-width: 389px;
		padding-bottom: 0;
	}
	#specialProgram .right {
		float: right;
		width:53.4%;
		max-width: 490px;
		text-align: justify;
	}
	#specialProgram .specialProgram-text {
		padding-bottom: 15px;
	}
	#specialProgram .price {
		text-align: right;
	}
	
#attention {
	padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
}
		
@media screen and (max-width:768px) { /* smart phone */

    #mv h2 {
        height: 100%;
    }
		
	#program {
		background:#f3e6dd;
		padding-top: 35px;
		padding-bottom: 0;
	}
		#topTips {
		    padding-bottom: 30px;
		}
			#topTips h3 {
				width: 100%;
				padding-bottom: 25px;
			}
			#topTips p {
				width: 100%;
				padding-bottom: 20px;
			}
			#topTips .attention li {
				font-size: 72%;
				letter-spacing: -0.5px;
			}
		
	#plans {
		background:url(../img/program/sp/plans-bg.jpg) no-repeat bottom left;
		background-size:cover;
	}
		#plansBox {
		    padding-top: 35px;
		    padding-bottom: 40px;
		}
			#firstProgram {
				float: none;
				width: 100%;
				max-width: 560px;
				margin-right: auto;
				margin-left: auto;
			}
				#firstProgram .box-block {
				    padding-bottom: 20px;
				}
			#basicProgram {
				float: none;
				width: 100%;
				max-width: 560px;
				margin-right: auto;
				margin-left: auto;
				margin-top:30px;
			}
			.box .box-block {
				padding: 40px 6.8% 20px;
			}
				.plan .photo {
				    padding-bottom: 15px;
				}
				.plan .attention {
					line-height: 1.2;
					font-size: 10px;
				}
				.plan .tips .planTxt {
					text-align: justify;
					line-height: 1.8;
				    font-size: 12px;
				}
		
	#antiAging {
		padding-top: 40px;
	    padding-bottom: 40px;
	}
		.antiAging-ttl + p {
		    padding-bottom: 30px;
		    line-height: 1.8;
		    font-size: 12px;
		}
		
		#antiAging .box .box-block {
		    padding: 40px 6.8% 20px;
		}

		#specialProgram .photo {
		    float: none;
		    width: 100%;
		    max-width: 480px;
		    margin-bottom: 10px;
		}
		#specialProgram .right {
		    float: none;
		    width: 100%;
		    max-width: 480px;
		}
		#specialProgram h4 {
		    padding-top: 15px;
		}

	#attention {
		padding-top: 20px;
		padding-bottom: 20px;
		font-size: 92%;
		line-height: 160%;
	}
		#attention p {
			text-align: left;
		}


}