@charset "UTF-8";
/* sp(320px) */

/* headline */
#headline {
	background-image: url(../img/home/bg_headline_sp.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
	background-size: 375px;
}
#headline img {
	display: block;
}
#headline .inner {
	height: 230px;
	position: relative;
}
#headline .inner .hli {
	max-width: 218px;
	position: absolute;
	left: 5px;
	top: 15px;
}
#headline .inner .price {
	position: absolute;
	left: 0px;
	top: 155px;
	border: 0px solid;
}
#headline .inner ul {
	max-width: 908px;
}
#headline .inner ul li {
	clear: none;
	float: left;
}
#headline .inner ul li:nth-child(1) {
	width: 100%;
}
#headline .inner ul li:nth-child(2) {
	width: 100%;
}
#headline .inner ul li:nth-child(3) {
	width: 10px;
	border: 1px solid;
}

/*お悩み*/
#onayami {
	background-color: #f3f1ea;
	padding-top: 40px;
	position: relative;
}
#onayami:after {
	content: "";
	border-top: 20px solid #f3f1ea;
	border-right: 20px solid transparent;
	border-left: 20px solid transparent;
	
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	-webkit- transform: translateX(-50%);
	bottom: -20px;
}


#onayami .inner {
	background-image: url(../img/home/bg_onayami.png);
	background-repeat: no-repeat;
	background-position: 120% 100%;
	background-size: 215px;
	padding-bottom: 30px;
}
#onayami .hl {
	font-size: 22px;
	color: #8f8875;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.05em;
}
#onayami #list_onayami {
	width:249px;
	margin-left: 0px;
	margin-top: 30px;
}

/* ウルトラVリフトは・・・ */
#about {
	background: url(../img/home/bg_about.jpg) left top repeat-x #fae9ef;
	padding-top: 40px;
	padding-bottom: 20px;
}
#about .hl {
	text-align: center;
	letter-spacing: -0.05em;
}
#about .hl span {
	color: #9d8d5b;
}
#about .txt_top {
	max-width: 776px;
	margin-left: auto;
	margin-right: auto;
	line-height: 1.9;
}
#about #before_after {
	max-width: 776px;
	margin-left: auto;
	margin-right: auto;
}
#about #before_after li {
	background: url(../img/share/dot.png) repeat-x left top;
	padding-bottom: 1em;
	margin-bottom: 1em;
	padding-top: 0.8em;

}
#about #before_after .kakaku .mincyo {
	font-size: 32px;
	font-style: italic;
	color: #f55677;
}

/* ハイパーウルトラVリフト */
#hyper {
	background: url(../img/home/bg_hyper.jpg) repeat-x left top #f6ebd9;
}
#hyper .jikkan {
	font-size: 15px;
	color: #f55677;
	text-align: center;
	letter-spacing: -0.05em;
}
#hyper .jikkan span {
	position: relative;
}
#hyper .jikkan span:before {
	content: '';
	border-left: 1px solid #000;
	width:0px;
	height: 26px;
	position: absolute;
	left: -0.4em;
	top: -0.1em; 
	transform: rotate(-30deg);
}
#hyper .jikkan span:after {
	content: '';
	border-left: 1px solid #000;
	width:0px;
	height: 26px;
	position: absolute;
	right: -0.4em;
	top: -0.1em; 
	transform: rotate(30deg);
}
#hyper .hlsub {
	font-size: 17px;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.05em;
}
#hyper .hl {
	font-size: 26px;
	text-align: center;
	font-weight: normal;
	letter-spacing: -0.05em;
	color: #9d8d5b;
}
#hyper .txt {
	max-width: 766px;
	margin-left: auto;
	margin-right: auto;
}
#hyper .img_hyper {
	max-width: 686px;
	margin-left: auto;
	margin-right: auto;
}

/* ウルトラVリフトとは・・・2 */
#about2 {
	background: url(../img/home/bg_about2_sp.png) no-repeat 50% 0 #f3f3f3;
	padding-bottom: 60px;
}
#about2 .face {
	padding-top: 20px;
	position: relative;
}
#about2 .hl {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: -0.05em;
	position: absolute;
	left: 0%;
	top: 30%;
}
#about2 .hl span.blue {
	color: #50c2de;
}
#about2 .hl span.pink {
	color: #d519ae82;
}
#about2 .hl span.dot {
	letter-spacing: -0.5em;
}
#about2 .hl br {
	display: inline-block;
}

#about2 .list_point .txt {
	padding-right: 0;
	padding-left: 0;
}
#about2 .list_point.reverse .txt {
	padding-right: 0;
	padding-left: 0;
}

#about2 .list_point .txt .no {
	font-size: 25px;
	line-height: 1;
}
#about2 .list_point .txt .no span {
	font-size: 50px;
	color: #d519ae82;
	line-height: 0.5;
}
#about2 .list_point .txt .ttl {
	color: #9d8d5b;
}
#about2 .list_point .ph figure {
	max-width: 501px;
	margin-left: auto;
	margin-right: auto;
}


#about2 .movie {
	max-width:700px;
	margin-left: auto;
	margin-right: auto;
}



/* 選ばれる理由 */
#reason {
	background: url(../img/home/bg_reason.png) repeat;
}
#reason .hlsub,
#reason .hl {
	text-align: center;
	line-height: 1.2;
	font-weight: normal;
}
#reason .hlsub {
	font-size: 26px;
}
#reason .hl {
	font-size: 36px;
	color: #9d8d5b;
}
#reason li {
	margin-bottom: 30px;
}
#reason li figure {
	max-width: 312px;
	margin-left: auto;
	margin-right: auto;
}

















@media handheld, print, screen and (min-width: 374px) {
/* iphone6 */
#onayami .inner {
	background-position: 115% 100%;
	background-size: 225px;
	padding-bottom: 40px;
}
#onayami .hl {
	font-size: 25px;
}

#hyper .jikkan {
	font-size: 16px;
}
#hyper .jikkan span:before {
	height: 28px;
	left: -0.6em;
	top: -0.1em; 
}
#hyper .jikkan span:after {
	height: 28px;
	right: -0.6em;
	top: -0.1em; 
}

#about2 .hl {
	top: 40%;
}
#about2 .hl br {
	display: none;
}

/* end of media query(iphone6) */	
}



@media handheld, print, screen and (min-width: 413px) {
/*  iPhone6 Plus */

/* end of media query(iPhone6 Plus) */	
}



@media handheld, print, screen and (min-width: 481px) {
/* tablet */

/* headline */
#headline {
	background-image: url(../img/home/bg_headline.jpg);
	background-size: 712px;
}
#headline .inner {
	height: 300px;
}
#headline .inner .hli {
	max-width: 302px;
	left: 11px;
	top: 20px;
}
#headline .inner .price {
	left: 10px;
	top: 210px;
}
#headline .inner ul {
	max-width: 436px;
}

/*お悩み*/
#onayami {
	padding-top: 60px;
}
#onayami:after {
	border-top: 30px solid #f3f1ea;
	border-right: 30px solid transparent;
	border-left: 30px solid transparent;
	bottom: -30px;
}
#onayami .inner {
	background-image: url(../img/home/bg_onayami.png);
	background-position: 100% 100%;
	background-size: 320px;
	padding-bottom: 70px;
}
#onayami .hl {
	font-size: 34px;
}
#onayami #list_onayami {
	width:325px;
	margin-left: 10px;
	margin-top: 32px;
}

/* ウルトラVリフトは・・・ */
#about {
	padding-top: 60px;
	padding-bottom: 30px;
}


#hyper .jikkan {
	font-size: 22px;
}
#hyper .jikkan span:before {
	height: 40px;
	left: -0.6em;
	top: -0.2em; 
}
#hyper .jikkan span:after {
	height: 40px;
	right: -0.6em;
	top: -0.2em; 
}
#hyper .hlsub {
	font-size: 24px;
}
#hyper .hl {
	font-size: 40px;
}

/* ウルトラVリフトとは・・・2 */
#about2 {
	background: url(../img/home/bg_about2.png) no-repeat 50% 0 #f3f3f3;
}
#about2 .face {
	padding-top: 30px;
}
#about2 .hl {
	font-size: 34px;
	left: 1%;
	top: 40%;
}

#about2 .list_point .txt {
	padding-right: 0;
	padding-left: 0;
}
#about2 .list_point.reverse .txt {
	padding-right: 0;
	padding-left: 0;
}
#about2 .list_point .txt .no {
	font-size: 35px;
}
#about2 .list_point .txt .no span {
	font-size: 70px;
}

/* 選ばれる理由 */
#reason {
	background: url(../img/home/bg_reason.png) repeat;
}
#reason .hlsub {
	font-size: 34px;
}
#reason .hl {
	font-size: 44px;
}

	@media (-webkit-min-device-pixel-ratio: 2){

		#headline {
			background-image: url(../img/home/bg_headline@2x.jpg);
		}
		#onayami .inner {
			background-image: url(../img/home/bg_onayami@2x.png);
		}

		/*#about2 .face {
			background-image: url(../img/home/img_about2_face@2x.png);
		}*/


	/* end of media query(retina) */	
	}

/* end of media query(tablet) */	
}



@media handheld, print, screen and (min-width: 621px) {
/* iPad */

/* headline */
#headline {
	background-size: 1201px;
	/*background-size: 1199px;*/
}
#headline .inner {
	height: 506px;
}
#headline .inner .hli {
	max-width: 460px;
	left: 11px;
	top: 60px;
}
#headline .inner .price {
	left: 10px;
	top: 350px;
}
#headline .inner ul {
	max-width: 660px;
}

/*お悩み*/
#onayami {
	padding-top: 60px;
}
#onayami:after {
	border-top: 40px solid #f3f1ea;
	border-right: 40px solid transparent;
	border-left: 40px solid transparent;
	bottom: -40px;
}
#onayami .inner {
	background-position: 100% 100%;
	background-size: 426px;
	padding-bottom: 90px;
}
#onayami .hl {
	font-size: 42px;
}
#onayami #list_onayami {
	width:434px;
	margin-left: 14px;
	margin-top: 32px;
}


#hyper .jikkan {
	font-size: 28px;
}
#hyper .jikkan span:before {
	height: 50px;
	left: -0.6em;
	top: -0.2em; 
}
#hyper .jikkan span:after {
	height: 50px;
	right: -0.6em;
	top: -0.2em; 
}

/* ウルトラVリフトとは・・・2 */
#about2 .face {
	padding-top: 40px;
}
#about2 .hl {
	font-size: 40px;
	left: 2%;
	top: 40%;
}

/* 選ばれる理由 */
#reason {
	background: url(../img/home/bg_reason.png) repeat;
}
#reason .hlsub {
	font-size: 42px;
}
#reason .hl {
	font-size: 52px;
	color: #9d8d5b;
}


/* end of media query(iPad) */	
}



@media handheld, print, screen and (min-width: 801px) {
/* pc */

/*お悩み*/
#onayami {
	padding-top: 80px;
}
#onayami:after {
	border-top: 50px solid #f3f1ea;
	border-right: 50px solid transparent;
	border-left: 50px solid transparent;
	bottom: -50px;
}
#onayami .inner {
	background-position: 100% 100%;
	background-size: 532px;
	padding-bottom: 100px;
}
#onayami .hl {
	font-size: 50px;
}
#onayami #list_onayami {
	width:542px;
	margin-left: 24px;
	margin-top: 40px;
}

/* ウルトラVリフトは・・・ */
#about {
	padding-top: 80px;
	padding-bottom: 40px;
}

#hyper .jikkan {
	font-size: 36px;
}
#hyper .jikkan span:before {
	height: 64px;
	left: -0.6em;
	top: -0.3em; 
}
#hyper .jikkan span:after {
	height: 68px;
	right: -0.6em;
	top: -0.3em; 
}
#hyper .hlsub {
	font-size: 30px;
}
#hyper .hl {
	font-size: 50px;
}

/* ウルトラVリフトとは・・・2 */
#about2 .face {
	padding-top: 40px;
}
#about2 .hl {
	font-size: 46px;
	left: 6%;
	top: 40%;
}

#about2 .list_point .txt {
	padding-right: 2%;
	padding-left: 0;
}
#about2 .list_point.reverse .txt {
	padding-right: 0;
	padding-left: 2%;
}
#about2 .list_point .txt .no {
	font-size: 40px;
}
#about2 .list_point .txt .no span {
	font-size: 80px;
}

/* 選ばれる理由 */
#reason {
	background: url(../img/home/bg_reason.png) repeat;
}
#reason .hlsub {
	font-size: 50px;
}
#reason .hl {
	font-size: 60px;
	color: #9d8d5b;
}


/* end of media query(pc) */
}


@media handheld, print, screen and (min-width: 951px) {
/* pc */

/* headline */
#headline {
	background-size: 1499px;
}
#headline .inner {
	height: 632px;
}
#headline .inner .hli {
	max-width: 587px;
	left: 11px;
	top: 60px;
}
#headline .inner .price {
	left: 10px;
	top: 443px;
}
#headline .inner ul {
	max-width: 909px;	
}

/* ウルトラVリフトとは・・・2 */
#about2 .face {
	padding-top: 40px;
}
#about2 .hl {
	font-size: 50px;
	left: 6%;
	top: 40%;
}




/* end of media query(pc) */
}