@charset "utf-8";
/* ================================================================
本気のシワ改善キャンペーン
=================================================================== */

/*Base */
* {
	margin: 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
	border: 0;
	vertical-align: top;
}

em {
	font-style: normal;
}

ol, ul {
	list-style-type: none;
}

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
input,
.contents-wrapper .cartWrap .numWrap .num,
.contents-wrapper .sec05 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

a {
	text-decoration: underline;
	border: none;
	outline: none;
}
a:hover {
	text-decoration: none;
}
/* pc */
@media screen and (min-width:737px) {
	a[href^="tel:"] {
		pointer-events: none;
		color: #3e3a39;
		text-decoration: none;
	}
}

*:focus {
	outline: none;
}


/* contents-wrapper
*****************************************/
.contents-wrapper {
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	color: #221815;
	font-size: 20px;
	background: #fff;
	position: relative;
	z-index: 2;
}


/* anchorlink
*****************************************/
.anchorlink {
	margin-top: -50px;
	padding-top: 50px;
}

.anker-text{
	margin: 6.4% auto 8% auto;
	width: 81.8666%;
	max-width: 614px;
}

.anker-text2{
	margin: 6.6666% auto 7.73333% auto;
}

/* fv
*****************************************/
.fv{
	position: relative;
}

.fv__link{
	background: url("../fv_link_bg.jpg") no-repeat center top;
	background-size: 100% auto;
}

.fv__link .link1{
	display: block;
	width: 92.26666%;
	margin: -2.26666% auto 4% auto;
}

.fv__link .link2{
	display: block;
	width: 92%;
	margin: 0 auto 5.33333% auto;
}

/* sp */
@media screen and (min-width:751px) {
	.btn-hover:hover{
		opacity: .8;
	}
}

.text-underline{
	text-decoration: underline;
}


/* section01
*****************************************/
.sec1{
	margin-bottom: 1.86666%;
}

.sec1__intro{
	margin-bottom: 4%;
}

.sec1__intro .text{
	margin: 2% auto 0 auto;
	width: 614px;
	font-size: 30px;
	font-weight: 700;
	letter-spacing: .05em;
	line-height: 1.63333;
	font-feature-settings: 'palt';
}

.sec1__intro .text2{
	margin-top: 2.26666%;
}

.sec1__intro .text sup{
	font-size: 18px;
}

.sec1 .note{
	font-size: 24px;
	letter-spacing: .02em;
	text-align: right;
	margin-top: 7px;
	padding-right: 40px;
	box-sizing: border-box;
}

.sec1__item1,
.sec1__item2{
	position: relative;
	background: #e6eff8;
}

.sec1__item1 .text{
	width: 42.6666%;
	font-size: 27px;
	font-feature-settings: 'palt';
	line-height: 1.5925;
	letter-spacing: .05em;
	position: absolute;
	left: 53px;
	top: 164px;
}

.sec1__item2 .text{
	width: 42.6666%;
	font-size: 27px;
	font-feature-settings: 'palt';
	line-height: 1.5925;
	letter-spacing: .05em;
	position: absolute;
	left: 53px;
	top: 164px;
}

.sec1__item2{
	padding-bottom: 30px;
}

.sec1__item2 .note{
	position: absolute;
	right: 0;
	bottom: 30px;
}

/* sp */
@media screen and (max-width:750px) {
	.sec1__intro .text{
		width: 81.86666%;
		font-size: 4vw;
	}

	.sec1__intro .text sup{
		font-size: 2.4vw;
	}

	.sec1 .note{
		font-size: 3.2vw;
		margin-top: 0.9333333333333335vw;
		padding-right: 5.333333333333334vw;
	}

	.sec1__item1 .text{
		font-size: 3.5999999999999996vw;
		left: 7.199999999999999vw;
		top: 21.866666666666667vw;
	}

	.sec1__item2 .text{
		font-size: 3.5999999999999996vw;
		left: 7.066666666666667vw;
		top: 21.866666666666667vw;
	}

	.sec1__item2{
		padding-bottom: 4vw;
	}

	.sec1__item2 .note{
		bottom: 4vw;
	}
}

/* section02
*****************************************/
.teiki-anker1{
	margin: 0.53333% auto 4.53333% auto;
	width: 95.46666%;
}

/*.sec2 .text-wrap{
	position: relative;
	background: url("../sec2_09_1.jpg") no-repeat center top;
	background-size: 100% auto;
	padding-top: 4%;
	padding-bottom: 6.6666%;
}

.sec2 .text-wrap.type2{
	background: url("../sec2_16.jpg") no-repeat center top;
	background-size: 100% auto;
}*/

.sec2 .text-wrap .text{
	background: url("../sec2_09_1.jpg") repeat-y center top;
	background-size: 100% auto;
	margin: 0 auto 0 auto;
	position: relative;
	padding: 31px 75px 0;
	box-sizing: border-box;
	font-size: 26px;
	line-height: 1.23;
	letter-spacing: .01em;
	font-feature-settings: 'palt';
}

.sec2 .text-wrap .img{
	display: block;
	line-height: 1;
}

.sec2 .text-wrap .img img{
	display: block;
	line-height: 1;
}

.sec2 .text-wrap .note{
	background: url("../sec2_09_3.jpg") repeat-y center top;
	background-size: 100% auto;
	position: relative;
	padding: 12px 57px 20px;
	box-sizing: border-box;
	font-size: 24px;
}

.sec2 .teiki-anker3{
	background: url("../sec2_09_3.jpg") repeat-y center top;
	background-size: 100% auto;
	margin: 0 auto;
	padding: 0 48px;
	box-sizing: border-box;
}

/* sp */
@media screen and (max-width:750px) {
	.sec2 .text-wrap .text{
		font-size: 3.4666666666666663vw;
		padding: 4.133333333333333vw 10vw 0;
	}

	.sec2 .text-wrap .note{
		font-size: 3.2vw;
		padding: 1.6vw 7.6vw 2.666666666666667vw;
	}

	.sec2 .teiki-anker3{
		padding: 0 6.4vw;
	}
}

/* section03
*****************************************/
.sec3__item1,
.sec3__item2,
.sec3__item3{
	position: relative;
}

.sec3 .note{
	width: 100%;
	font-size: 26px;
	line-height: 1.23;
	letter-spacing: .04em;
	font-feature-settings: 'palt';
}

.sec3 .note a:hover,
.sec3 .note a:link,
.sec3 .note a:visited{
	color: #231815;
}

.sec3 .note li:not(:first-of-type){
	margin-top: 20px;
}

.sec3 .note .bold{
	font-weight: 700;
}

.sec3__item1{
	padding-bottom: 22px;
	background: #ffffe1;
}

.sec3__item2{
	padding-bottom: 22px;
	background: #ffffe1;
}

.sec3__item3{
	padding-bottom: 42px;
	background: #ffffe1;
}

.sec3 .text-wrap1{
	width: 100%;
	padding: 18px 87px 0;
	box-sizing: border-box;
	background: url("../sec3_text_bg.jpg") repeat-y center top;
	background-size: 100% auto;
}
.sec3 .text-wrap2{
	width: 100%;
	padding: 16px 87px 0;
	box-sizing: border-box;
	background: url("../sec3_text_bg.jpg") repeat-y center top;
	background-size: 100% auto;
}
.sec3 .text-wrap3{
	width: 100%;
	padding: 8px 87px 0;
	box-sizing: border-box;
	background: url("../sec3_text_bg.jpg") repeat-y center top;
	background-size: 100% auto;
}

.sec3__item1 .img img{
	display: block;
	line-height: 1;
}

.sec3__item2 .img img{
	display: block;
	line-height: 1;
}

.sec3__item3 .img img{
	display: block;
	line-height: 1;
}

/* sp */
@media screen and (max-width:750px) {
	.sec3 .note{
		font-size: 3.4666666666666663vw;
	}

	.sec3 .note li:not(:first-of-type){
		margin-top: 2.666666666666667vw;
	}

	.sec3__item1{
		padding-bottom: 2.933333333333333vw;
	}

	.sec3__item2{
		padding-bottom: 2.933333333333333vw;
	}

	.sec3__item3{
		padding-bottom: 5.6000000000000005vw;
	}

	.sec3 .text-wrap1{
		padding: 2.4vw 11.600000000000001vw 0;
	}
	.sec3 .text-wrap2{
		padding: 2.1333333333333333vw 11.600000000000001vw 0;
	}
	.sec3 .text-wrap3{
		padding: 1.0666666666666667vw 11.600000000000001vw 0;
	}
}

/* cart
*****************************************/
.contents-wrapper .cart_bg01,
.contents-wrapper .cart_bg02{
	position: relative;
}
.contents-wrapper .cart_bg01 .singlebuttonWrap{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 25.5%; /* 101px */
	width: 74.4%;
	max-width: 558px;
}
.contents-wrapper .cart_bg02 .singlebuttonWrap{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 18.9655%; /* 66px */
	width: 74.4%;
	max-width: 558px;
}
.contents-wrapper .cart_bg02 .teiki-anker2{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 54.31%; /* 189px */
	width: 84.26666%;
	max-width: 632px;
}

.contents-wrapper .cart_bg01 .singlebuttonWrap input,
.contents-wrapper .cart_bg02 .singlebuttonWrap input,
.contents-wrapper .cart_bg02 .teiki-anker2 img{
	width: 100%;
}


/* annotation
*****************************************/
.contents-wrapper .annotation {
	padding: 44px 33px 52px;
	box-sizing: border-box;
	color: #3e3a39;
	font-feature-settings: "palt";
	font-size: 25px;
	line-height: 1.268;
	letter-spacing: .02em;
}
.contents-wrapper .annotation__heading{
	font-size: 34px;
	letter-spacing: .045em;
	font-weight: 700;
	margin-bottom: 14px;
}
.contents-wrapper .annotation p:not(:first-of-type) {
	margin-top: 32px;
}
.contents-wrapper .annotation p:last-child {
	letter-spacing: .025em;
}
.contents-wrapper .annotation p .bold {
	font-weight: 700;
}
.contents-wrapper .annotation p .red {
	color: #c10d23;
}
.contents-wrapper .annotation p a:not([href^="tel:"]) {
	color: #3e3a39;
	text-decoration: none;
}
.contents-wrapper .annotation p a:not([href^="tel:"]):hover {
	text-decoration: underline;
}

.contents-wrapper .singlebuttonWrap form {
	transition: 0.2s ease transform, 0.2s ease opacity;
	overflow: hidden;
	position: relative;
}

.contents-wrapper .singlebuttonWrap form:hover {
	/*transform: translateY(4px);*/
	opacity: .8;
}
.contents-wrapper .singlebuttonWrap form:before {
	position: absolute;
	content: "";
	display: inline-block;
	top: -180px;
	left: 0;
	width: 30px;
	height: 100%;
	background-color: #fff;
	pointer-events: none;
	animation: btnAnimation 2.5s ease-in-out infinite;
	z-index: 10;
}
.contents-wrapper .singlebuttonWrap input[type="image"] {
	width: 100%;
}

/* sp */
@media screen and (max-width:750px) {
	.contents-wrapper .annotation {
		padding: 5.866666666666666vw 4.533333333333333vw 6.933333333333333vw;
		font-size: 3.4666666666666663vw;
	}
	.contents-wrapper .annotation__heading{
		font-size: 4.533333333333333vw;
		margin-bottom: 1.866666666666667vw;
	}
	.contents-wrapper .annotation p:not(:first-of-type) {
		margin-top: 4.266666666666667vw;
	}

	/*.contents-wrapper .annotation {
		padding: 22px 17px 26px;
		font-size: 13px;
	}
	.contents-wrapper .annotation__heading{
		font-size: 17px;
		margin-bottom: 7px;
	}
	.contents-wrapper .annotation p:not(:first-of-type) {
		margin-top: 16px;
	}*/
}


@keyframes btnAnimation {
	0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
	80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
	81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
	100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@keyframes fuwafuwa {
	0% {
		transform: translateY(0);
	}
	50% {
		transform: translateY(-10px);
	}
	100% {
		transform: translateY(0);
	}
}