@charset "UTF-8";
/* FONT SETTING */
@import url('https://fonts.googleapis.com/css2?family=Barlow:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Josefin+Sans:ital,wght@0,100..700;1,100..700&family=Libre+Baskerville:wght@400;700&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');

/*
		font-family: "Noto Sans JP", sans-serif;
		font-family: "Noto Serif JP", serif;
		font-family: "Barlow", sans-serif;
		font-family: "Josefin Sans", sans-serif;
		font-family: "Libre Baskerville", serif;
*/
/* DEFAULT SETTING */

:root {
  --w620: 1.65;
}

* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

*::before, *::after {
	box-sizing: border-box;
}

a {
	color: inherit;
	text-decoration: none;
}

ul, ol {
	list-style: none;
}

img, video {
	max-width: 100%;
	height: auto;
/*	margin-top: -0.6px;*/
	width: 100%;
	vertical-align: middle;
}

button {
	-moz-appearance: none;
	-webkit-appearance: none;
	background: none;
	border: none;
	border-radius: 0;
	padding: 0;
	outline: none;
	color: inherit;
	font-family: inherit;
	display: block;
	cursor: pointer;
}

body, html {
	font-size: 12px;
}
@media screen and (min-width: 620px) {
	body, html {
/*		font-size: 10px;*/
	}
}

body {
	background: #FFF;
	color: #301F87;
	font-family: "Noto Sans JP","Hiragino Sans", "Hiragino Kaku Gothic ProN", "hiragino-kaku-gothic-pron", "Hiragino Kaku Gothic Pro", Meiryo, sans-serif;
	line-height: 1;
}

.wrapper {
	background: #F5F2F7;
	box-shadow: 0 0 20px rgba(100, 110, 152, 0.3);
	max-width: 620px;
	margin: 0 auto;
	min-height: 1000px;
	overflow: hidden;
}

main {
	display: block;
}


.sp_hide {
	display: none;
}
@media screen and (min-width: 620px) {
	.sp_hide {
		display: inline-block;
	}
}


/* UNIQ */
/*@include incSmooth();*/
/* px vw change mixin*/
/* SP */


.fv_area {
	padding: 0;
	background: #FFF;
	overflow: hidden;
	position: relative;
	background: #FFF;
}
.fv_area .fv_bg {
	position: absolute;
	top: min(15.46vw, 95.7px);
	left: 0;
	bottom: 0;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	background: #D2D8E9;
}
.fv_area .fv_area_inner {
	padding: min(6.133vw, 38px) min(4.8vw,30px) min(8.8vw, 54px);
	z-index: 2;
	position: relative;
}

.fv_area .fv_gentei {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: min(17.06vw, 105px);
	padding: 0;
	background: transparent linear-gradient(90deg, #A17FEF 0%, #5D63E6 100%) 0% 0% no-repeat padding-box;
	position: relative;
	z-index: 3;
	color: #fff;
	text-align: center;
	font-weight: 700;
	letter-spacing: 0.02em;
}
.fv_area .fv_gentei .tokubetsu {
	margin-bottom: 0.5em;
	font-size: min(3.46vw, 21px);
}
.fv_area .fv_gentei .to_the_buyer {
	font-size: min(4.26vw, 26px);
}

.fv_copy_wrap {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	padding-bottom: min(66.666vw, 412px);
}
.fv_area .fv_logo {
	width: min(24vw, 148px);
}
.fv_area .fv_copy {
	width: min(56.5333vw, 350px);
	margin-right: min(4.26vw, 26px);
}

.fv_area .fv_item_copy {
	padding: min(12.26666vw,76px) min(35.4666vw,219px) min(15.73333vw,97px) min(6.93333vw,43px);
}

.fv_cp_serum {
	margin-bottom: min(2.13vw, 13px);
	font-family: "Josefin Sans", sans-serif;
	font-size: min(4.26vw, 26px);
	font-weight: 400 ;
	text-align: center;
	color: #301F87;
	letter-spacing: 0.18em;
}
.fv_cp_title {
	margin-bottom: min(3.73vw, 23px);
	font-family: "Libre Baskerville", serif;
	font-size: min(10.66vw, 66px);
	font-weight: 400;
	color: #fff;
	letter-spacing: 0.1em;
	line-height: 1.15;
	text-shadow: 0px 3px 6px rgba(33, 22, 80, 0.4);
	text-align: center;
}

.fv_cp_present {
	display: flex;
	justify-content: space-between;
	position: relative;
/*	align-items: center;*/
	margin-bottom: min(4.26vw, 26px);
	padding: min(2.66vw,16px) min(2.66vw, calc(10px * 1.65)) min(3.2vw, calc(12px * 1.65));
	background: #fff;
	border-radius: min(4.26vw, 16px);
	margin-top: min(6.4vw, calc(var(--w620) * 24px));;
}
.fv_cp_present_batch {
	position: absolute;
	top: -20px;
	right: 0;
	transform: rotate(15deg);
	width: min(13.333vw, calc(50px * 1.65));
}
.fv_cp_present_txt {
	width: 100%;
	text-align: center;
}
.fv_cp_present_txt_wrap {
	margin-bottom: min(5.333vw, calc(var(--w620) * 20px));
}
.fv_cp_present_terms {
	margin: min(1.33vw, 8px) 0 min(1.33vw, 8px);
	font-size: min(3.733vw, calc(14px * 1.65));
	font-weight: 600;
	text-align: center;
}
.fv_cp_present_terms strong {
	font-size: 118%;
}
.fv_cp_present_size {
	width: fit-content;
	margin: 0 auto;
	font-size: min(3.733vw, calc(14px * 1.65));
	font-weight: 700;
	line-height: 1.4;
	letter-spacing: 0.08em;
	text-align: center;
}
.fv_cp_present_size strong {
	font-size: min(5.33vw, calc(20px * 1.65));
	font-family: "Barlow", sans-serif;
	font-weight: 600;
}
.fv_cp_present_large {
	margin: min(2vw, 10px) 0 min(1.33vw, 8px);
	font-size: min(4.8vw, calc(18px * 1.65));
	font-weight: 700;
}
.fv_cp_present_img {
	width: 23.1%;
}
.fv_cp_present_size .marker {
	position: relative;
	z-index: 0;
}
.fv_cp_present_size .marker::before {
	position: absolute;
	bottom: -0.1em;
	bottom: 0.05em;
	content: '';
	width: 104%;
	left: -2%;
	height: 100%;
	background: linear-gradient(transparent 60%, rgba(193, 172, 255,0.5) 50%);
	z-index: -1;
}
.fv_cp_present_detail {
	margin-top: min(4.266vw, calc(16px * 1.65));
}
.fv_cp_present_detail02 {
	margin: min(3.2vw, calc(var(--w620) * 12px)) min(1.333vw, calc(var(--w620) * 5px));
	background: url(/img/freepage/serumveilseries_campaign/images2/limited_campaign_more_bk.png) no-repeat right center;
	background-size: 100% auto;
	background-position: bottom;
	padding: min(2.133vw, calc(var(--w620) * 8px)) 0 0;
}
.fv_cp_present_detail03 {
	margin-top: min(16vw, calc(var(--w620) * 60px));
	background: url(/img/freepage/serumveilseries_campaign/images2/cp_present_bk.png) no-repeat;
	background-size: 100% auto;
}

.fv_cp_present_detail01 {
	display: flex;
	justify-content: space-between;
	position: relative;
	margin-bottom: min(6.4vw, calc(var(--w620) * 24px));
}
.fv_cp_present_detail_item {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 49%;
	background: #E8E9FF;
	border-radius: min(2.133vw, calc(var(--w620) * 8px));
	padding-bottom: min(3.733vw, calc(var(--w620) * 14px));
}
.fv_cp_present_detail_img {
	margin-inline: auto;
}
.fv_cp_present_img-oil {
	width: min(14.667vw, calc(var(--w620) * 55px));
}
.fv_cp_present_img-scrub {
	width: min(17.333vw, calc(var(--w620) * 65px));
}
.fv_cp_present_detail_txt {
	font-size: min(2.667vw, calc(var(--w620) * 10px));
	line-height: 1.6;
	font-weight: normal;
}
.fv_cp_present_detail_name {
	font-size: min(2.933vw, calc(var(--w620) * 11px));
	line-height: 1.4545;
	font-weight: bold;
	letter-spacing: -.03em;
	margin-top: min(1.333vw, calc(var(--w620) * 5px));
}
.fv_cp_present_detail_name_s {
	font-size: min(2.667vw, calc(var(--w620) * 10px));
}
.fv_cp_present_detail02 .fv_cp_present_size {
	font-weight: normal;
	letter-spacing: 0;
	margin-bottom: min(-1.067vw, calc(var(--w620) * -4px));
}
.fv_cp_present_detail02 .fv_cp_present_size .marker::before {
	background: linear-gradient(transparent 60%, rgba(193, 172, 255, 0.5) 50%);
}
.fv_cp_present_detail02 .fv_cp_present_large {
	padding-block: min(1.333vw, calc(var(--w620) * 5px)) min(1.6vw, calc(var(--w620) * 6px));
}
.fv_cp_present_detail03_content {
	padding: min(2.4vw, calc(var(--w620) * 9px)) min(6.933vw, calc(var(--w620) * 26px));
	display: flex;
	align-items: center;
}
.fv_cp_present_detail03_img {
	width: min(16vw, calc(var(--w620) * 60px));
}
.fv_cp_present_detail03_box {
	padding-left: min(4.267vw, calc(var(--w620) * 16px));
	margin-top: min(1.333vw, calc(var(--w620) * 5px));
}
.fv_cp_present_detail03_txt {
	font-weight: bold;
	line-height: 1.5;
	font-size: min(3.2vw, calc(var(--w620) * 12px));
	text-align: left;
}
.fv_cp_present_detail03_size {
	display: block;
	font-size: min(2.667vw, calc(var(--w620) * 10px));
	margin-top: min(0.533vw, calc(var(--w620) * 2px));
}
.fv_cp_present_detail03_txt_s {
	font-size: min(2.667vw, calc(var(--w620) * 10px));
	text-align: left;
	margin-top: min(2.133vw, calc(var(--w620) * 8px));
}

.fv_cp_present_detail_circle {
	position: absolute;
	width: min(13.333vw, calc(var(--w620) * 50px));
	height: min(13.333vw, calc(var(--w620) * 50px));
	top: min(8vw, calc(var(--w620) * 30px));
	left: 50%;
	transform: translate(-50%,0);
	line-height: min(12.267vw, calc(var(--w620) * 46px));
	margin-bottom: 2px;
	font-size: min(6.4vw, calc(var(--w620) * 24px));
	font-weight: bold;
	color: #fff;
	background: #301F87;
	border-radius: 50%;
}
.fv_cp_present_detail_plus {
	display: flex;
	justify-content: center;
	line-height: min(17.067vw, calc(var(--w620) * 64px));;
	position: absolute;
	left: 50%;
	transform: translate(-50%, -70%);
	width: min(18.667vw, calc(var(--w620) * 70px));
	height: min(18.667vw, calc(var(--w620) * 70px));
	background: transparent linear-gradient(90deg, #9E7EEF 0%, #5E64E6 100%);
	border-radius: 50%;
	font-size: min(13.333vw, calc(var(--w620) * 50px));
	font-weight: bold;
	color: #fff;
}
.fv_cp_present_detail_link {
	margin-inline: min(1.067vw, calc(var(--w620) * 4px));;
}

.btn_campaign_check {
	display: flex;
	background: #301F87;
	box-shadow: 0px 10px 10px rgba(38, 40, 147, 0.4);
	color: #fff;
	border-radius: min(2.13vw, 13px);
}
.btn_campaign_check .gentei {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	width: min(13.333vw, 82px);
	height: min(13.333vw, 82px);
	background: transparent linear-gradient(90deg, #A17FEF 0%, #5D63E6 100%) 0% 0% no-repeat padding-box;
	font-size: min(3.2vw, 20px);
	font-weight: 500;
	line-height: 1.2;
	border-radius: min(2.13vw, 13px) 0 0 min(2.13vw, 13px);
}
.btn_campaign_check .check {
	flex-grow: 1;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 0 min(4.26vw, 26px) 0 min(8.53vw, 52px);
	font-size: min(4vw, 24px);
	font-weight: 700;
	letter-spacing: 0.08em;
}
.btn_campaign_check .check::after {
    background: url(/img/freepage/serumveilseries_campaign/images2/arrow_down.png) no-repeat right center;
    background-size: contain;
    content: '';
    display: inline-block;
    width: min(4.26vw, 26px);
    height: min(2.66vw,16px);
}


.item_component_area {
	
}
.item_step_area {
	position: relative;
	padding:  min(9.3333vw,57px) min(3.46vw, 21px) 1px min(3.46vw, 21px);
	background: #F0EFFA url(/img/freepage/serumveilseries_campaign/images2/component_bk.png) no-repeat center top;
	background-size: 100% auto;
}
.item {
	position: relative;
	margin:min(26.666vw, 165px) 0;
	margin: 0;
}
.item.step1 {
	margin:0 0 min(10.66vw, 66px);
}
.item.step2 {
	margin-bottom:min(19.2vw, 118px);
}
.item.step3{
	margin-bottom: min(16vw, 99px);
}
.item_img {
	position: absolute;
}
.step1 .item_img {
	width: min(34.5333vw,213px);
	left: 0;
/*	left: 0;
	top: max(-9.3333vw, -58px);*/
}
.step2 .item_img {
	width: min(38.93333vw,241px);
	right: 0;
/*	right: 0;
	top: max(-14.9333vw, -92px);*/
}
.step3 .item_img {
	width: min(38.4vw,237px);
	left: 0;
/*	left: 0;
	top: max(-17.3333vw, -107px);*/
}

.item_detail {
	width: min(58.6666vw,363px);
/*	background: #eee;*/
}
.step1 .item_detail,
.step3 .item_detail {
	margin-left: auto;
	margin-right: max(-1.6vw, -10px);
	padding-top: min(3.73vw, 23px);
}
.step2 .item_detail {
	width: min(61.3333vw,380px);
	margin-left: min(6.93333vw,43px);
	margin-right: auto;
	padding: min(6.93333vw, 42px) 0 0;
}

.item_title {
	margin-bottom: min(2.13vw, 13px);
}
.item_detail h3 {
	font-size: min(3.73vw, 23px);
	font-weight: 500;
	letter-spacing: 0.02em;
	
}
.item_iyakubugaihin {
	display: inline-block;
	margin: min(1.6vw, 10px) 0 min(1.6vw, 10px);
	padding: 0.3em 0.3em 0.4em;
	border: 1px solid #301F87;
	font-size: min(2.66vw, 16px);
	font-weight: 500;
	color: #301F87;
}
.item_hanbaimei {
	font-size: min(2.66vw, 16px);
	font-weight: 500;
}
.item_txt {
	font-size: min(3.2vw, 19.5px);
	letter-spacing: 0.02em;
	line-height: 1.6;
}
.item_price {
	margin-bottom: min(3.73vw, 23px);
	font-size: min(2.4vw, 15px);
	font-weight: 600;
}
.item_price strong {
	margin-right: 0.05em;
	font-family: "Barlow", sans-serif;
	font-size: min(4vw, 24px);
	font-weight: 600;
	letter-spacing: 0.02em;
}
.btn_area_buy {
	margin-top: min(4vw, 24px);
}
.btn_area_detail_link {
	margin-top: min(2.66vw,16px);
}

.btn_buy {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(48vw,297px);
	height: min(11.733vw, 72px);
	border-radius: min(5.86vw, 36px);
	background: #301F87;
	color: #fff;
	font-weight: 500;
	font-size: min(3.73vw, 23px);
	box-shadow: 0px 10px 10px rgba(88, 91, 255, 0.349);
}
.btn_buy:hover {
	opacity: 0.7;
}
.btn_buy::after {
	background: url("/img/freepage/serumveilseries_campaign/images2/plus.png") no-repeat right center;
	background-size: contain;
	content: '';
	display: inline-block;
	width: min(4.26vw, 26px);
	height: min(4.26vw, 26px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: min(4.26vw, 26px);
}

.btn_detail_link {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(48vw,297px);
	height: min(8.53vw, 52px);
	border-radius: min(4.26vw, 26px);
	background: #5F64E6;
	color: #fff;
	font-weight: 500;
	font-size: min(3.2vw, 20px);
	box-shadow: 0px 10px 10px rgba(88, 91, 255, 0.349);
}
.btn_detail_link:hover {
	opacity: 0.7;
}
.btn_detail_link::after {
	background: url("/img/freepage/serumveilseries_campaign/images2/arrow.png") no-repeat right center;
	background-size: contain;
	content: '';
	display: inline-block;
	width: min(4vw, 24px);
	height: min(1.6vw, 9px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: min(4.26vw, 26px);
}


.item_thanks {
	margin: 0 max(-3.46vw, -21px) 0;
	padding: min(16vw, 99px) 0 min(19.2vw, 118px);
	position: relative;
}
.item_thanks:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: url(/img/freepage/serumveilseries_campaign/images2/thanks_bk.png) no-repeat center center;
	background-size: 100% auto;
	mix-blend-mode: overlay;
	z-index: 1;
}
.item_thanks p {
	font-family: "Noto Serif JP", serif;
	font-size: min(5.33vw, 33px);
	font-weight: 700;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.08em;
	position: relative;
	z-index: 2;
}
.item_thanks p .bland_name {
	display: block;
	font-size: min(3.73vw, 23px);
	font-weight: 500;
}
/* PC ONLY */
@media only screen and (min-width: 620px) {
	.item_thanks {
		margin-top: -40px;
	}
}



.arrow_down {
	width: min(21.3333vw, 132px);
	height: min(6.4vw, 39px);
	margin: 0 auto max(-3.2vw, -19px);
	clip-path: polygon(50% 100%, 0 0, 100% 0);
	background: transparent linear-gradient(180deg, rgba(49,39,144,0) 0%, #312790 100%);
}


/* その後 */
.after_that {
	padding: min(8.5333vw, 52px) min(4.8vw, 30px) 1px;
	background: #fff;
}
.after_that_title {
	font-size: min(4.26vw, 26px);
	font-weight: 700;
	line-height: 1.5;
	letter-spacing: 0.08em;
	text-align: center;
}
.after_that_img {
	width: min(72.8vw,450px);
	margin: min(4.26vw, 26px) auto min(5.86vw, 36px);
}

.after_that_henka {
	width: min(85.3333vw,528px);
	height: min(104vw,643px);
	margin: 0 auto min(6.666vw, 41px);
	padding: min(22.4vw,138px) 0 0;
	background: url("/img/freepage/serumveilseries_campaign/images2/after_that_list_bk.png") no-repeat center top;
	background-size: 100% auto;
}
.after_that_henka_inner {
}
.after_that_henka h3 {
	margin-bottom: min(9.3333vw, 57px);
	font-weight: 700;
	font-size: min(4vw, 24px);
	text-align:center;
	letter-spacing: 0.08em;
}
.after_that_henka h3 .marker {
	position: relative;
	z-index: 0;
}
.after_that_henka h3 .marker::before {
    position: absolute;
    bottom: -0.3em;
    content: '';
    width: 100%;
    height: 100%;
    background: linear-gradient(transparent 50%, rgba(193, 172, 255, 0.5) 50%);
    z-index: -1;
}

.after_that_list {
	width: fit-content;
	margin: 0 auto;
	font-size: min(3.73vw, 23px);
	font-weight: 500;
}
.after_that_list li {
	position: relative;
	margin-bottom: min(5.33vw, 33px);
	padding-left: min(7.466666vw, 46px);
	letter-spacing: 0.08em;
}
.after_that_list li::before {
	content: '';
	display: block;
	width: min(5.33vw, 33px);
	height: min(4vw, 24px);
	background: url("/img/freepage/serumveilseries_campaign/images2/check.png") no-repeat left center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}


.rice_power {
	padding: min(9.333vw, 57px) min(4.8vw, 30px) min(8.53vw, 52px);
	background: url("/img/freepage/serumveilseries_campaign/images2/rice_power_bk.png") no-repeat center top;
	background-size: 100% auto;
}
.rice_power_keizoku {
	margin-bottom: min(8.53vw, 52px);
	font-size: min(4.26vw, 26px);
	font-weight: 700;
	line-height: 1.875;
	letter-spacing: 0.08em;
	text-align: center;
}
.rice_power_keizoku .marker {
	position: relative;
	z-index: 0;
}
.rice_power_keizoku .marker::before {
	position: absolute;
	bottom: 0;
	content: '';
	width: 0;
	height: 100%;
	background: linear-gradient(transparent 40%, #fff 40%);
	z-index: -1;
}
.rice_power h2 {
	margin-bottom: min(5.86vw, 36px);
	font-family: "Noto Serif JP", serif;
	font-size: min(5.33vw, 33px);
	font-weight: 600;
	text-align: center;
	line-height: 1.2;
	letter-spacing: 0.12em;
}
.rice_power h2 strong {
	font-size: 120%;
	font-weight: 700;
}
.rice_power_explanation {
	padding: min(4.26vw, 26px) min(4.8vw, 30px);
	background: #fff;
	box-shadow: 0 0 8px rgba(33, 22, 80, 0.16);
}

.rice_power_explanation h3 {
	margin-bottom: min(2.13vw, 13px);
	padding: min(1.6vw, 10px) 0;
	font-size: min(3.2vw, 20px);
	font-weight: 700;
	letter-spacing: 0.08em;
	color: #fff;
	text-align: center;
	border-radius: min(1.0666vw, 6px);
}

.moisturizing_difference {
	display: flex;
	justify-content: space-between;
/*	gap: min(2.13vw, 13px);*/
	margin-bottom: min(2.13vw, 13px);
}

.skin_moisturizing {
	width: min(29vw, 178px);
	width: min(37%,178px);
/*	flex-shrink: 0;
	flex-grow: 0;*/
}
.serum_veil {
	width: min(50vw, 310px);
	width: min(60%,310px);
/*	flex-shrink: 0;
	flex-grow: 0;*/
}
.skin_moisturizing h3 {
	background: #595757;
}
.serum_veil h3 {
	background: #3841A4;
}
.moisturizing_difference_txt {
	margin-bottom: min(2.66vw,16px);
	font-size: min(2.66vw,16px);
	text-align: center;
	color: #3E3A39;
	letter-spacing: 0.08em;
	line-height: 1.4;
}
.serum_veil .moisturizing_difference_txt {
	width: fit-content;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.moisturizing_difference_img {
	text-align: center;
}
.skin_moisturizing .moisturizing_difference_img img {
	width: min(22.667vw,140px);
}
.serum_veil .moisturizing_difference_img img {
	width: min(34.1333vw,211px);
}


.serum_veil_item {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.serum_veil_item {
}
.serum_veil_introduction {
	width: 100%;
	margin-bottom: min(2.13vw, 13px);
}
.serum_veil_lotion,
.serum_veil_emulsion {
/*	width: min(39.4666vw,244px);*/
	width: min(48.8%,244px);
}

.serum_veil_item h3 {
	margin: 0;
	border-radius: min(1.0666vw, 6px) min(1.0666vw, 6px) 0 0;
}
.serum_veil_introduction h3 {
	background: #3841A4;
}
.serum_veil_lotion h3,
.serum_veil_emulsion h3 {
	background: #8784DB;
}

.serum_veil_item_detail {
	background: #E8E9FF;
	border-radius: 0 0 min(1.0666vw, 6px) min(1.0666vw, 6px);
	position: relative;
}
.serum_veil_introduction .serum_veil_item_detail {
	padding: min(2.93vw, 18px) min(16.8vw, 104px);
}
.serum_veil_lotion .serum_veil_item_detail,
.serum_veil_emulsion  .serum_veil_item_detail  {
	padding: min(5.86vw, 36px) min(6.4vw, 33px);
	font-weight: 500;
}
.serum_veil_item_txt {
	margin-bottom: min(1.33vw, 8px);
	font-size:min(2.93vw, 18px);
	color: #424043;
	letter-spacing: 0.08em;
}
.serum_veil_item_note {
	margin-bottom: min(1.33vw, 8px);
	font-size: min(2.66vw,16px);
	color: #424043;
	line-height: 1.4;
	letter-spacing: 0.08em;
}
.item_type {
	display: inline-block;
	margin-top: min(1.33vw, 8px);
	padding: 0.2em;
	border: 1px solid #301F87;
	font-size:min(2.66vw,16px);
	color: #301F87;
}
.serum_veil_item_img {
	position: absolute;
	bottom: 0;
	right: 8%;
}
.serum_veil_introduction .serum_veil_item_img {
	width: min(10.13333vw,62px);
	right: 15%;
}
.serum_veil_lotion .serum_veil_item_img {
	width: min(8.8vw,54px);
}
.serum_veil_emulsion .serum_veil_item_img {
	width: min(9.3vw,59px);
	right: 6%;
}



.limited_campaign {
	padding: min(12vw, 66px) min(2.133vw, calc(var(--w620) * 8px)) min(11.2vw, 69px);
	background: #fff;
}
.limited_campaign h2 {
	margin-bottom: min(5.33vw, 33px);
	font-family: "Libre Baskerville", serif;
	font-size: min(5.86vw, 36px);
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.1em;
	color: #5D63E6;
}
.limited_campaign h3 {
	margin-bottom: min(4.8vw, 30px);
	font-weight: 700;
	font-size: min(5.33vw, 33px);
	text-align: center;
}
.limited_campaign h3 span {
	display: block;
	margin-bottom: min(4vw, 24px);
	font-weight: 600;
	font-size: min(3.73vw, 23px);
	letter-spacing: 0.1em;
}
.limited_campaign_present {
	padding: min(4.26vw, 26px) min(1.333vw, calc(var(--w620) * 5px));
	background: url(/img/freepage/serumveilseries_campaign/images2/limited_campaign_present_bk.png) no-repeat center top;
	background-size: cover;
	border-radius: min(4.26vw, 26px);
	box-shadow: 0px 4px 8px #21165042;
	margin-top: min(9.333vw, calc(var(--w620) * 35px));
}
.limited_campaign_present_intro {
	margin-bottom: min(2.66vw,16px);
	font-size: min(3.73vw, 23px);
	font-weight: 700;
	letter-spacing: 0.08em;
	text-align: center;
	line-height: 1.4;
}
.limited_campaign_present_intro strong {
	font-family: "Barlow", sans-serif;
	font-size: 128%;
	font-weight: 600;
}
/* .limited_campaign_present h4 {
	font-weight: 700;
	font-size: min(4.8vw, 30px);
	line-height: 1.44;
	text-align: center;
} */
.limited_campaign_present h4 .marker {
	position: relative;
	z-index: 0;
}
.limited_campaign_present h4 .marker::before {
	position: absolute;
	bottom: -0.1em;
	bottom: 0.05em;
	content: '';
	width: 100%;
	height: 100%;
	background: linear-gradient(transparent 60%, rgba(193, 172, 255, 0.5) 50%);
	z-index: -1;
}
.limited_campaign_present .fv_cp_present_txt_wrap {
	margin-bottom: min(4.267vw, calc(var(--w620) * 16px));
}
.limited_campaign_present .fv_cp_present_detail_item {
	background: rgba(255, 255, 255, .5);
}
.limited_campaign_present .fv_cp_present_detail_txt {
	margin-top: min(2.667vw, calc(var(--w620) * 10px));
	line-height: 1.5;
}
.limited_campaign_present .fv_cp_present_detail03_box .fv_cp_present_detail_txt {
	font-size: min(3.2vw, calc(var(--w620) * 12px));
	margin-top: 0;
}
.limited_campaign_present .fv_cp_present_detail_link {
	padding-block: min(4.8vw, calc(var(--w620) * 16px)) min(2.133vw, calc(var(--w620) * 8px));
}
.limited_campaign_present .fv_cp_present_detail_circle {
	background: #fff;
	border: min(0.267vw, calc(var(--w620) * 1px)) solid #301F87;
	color: #301F87;
}
.limited_campaign_present .fv_cp_present_detail02 {
	background: none;
	margin-top: min(18.667vw, calc(var(--w620) * 70px));
	padding-top: 0;
	margin-bottom: 0;
}
.limited_campaign_present .fv_cp_present_detail_plus {
	width: min(13.333vw, calc(var(--w620) * 50px));
	height: min(13.333vw, calc(var(--w620) * 50px));
	font-size: min(10.667vw, calc(var(--w620) * 40px));
	transform: translate(-50%, -110%);
	line-height: min(12.267vw, calc(var(--w620) * 46px));
}
.limited_campaign_present .fv_cp_present_detail02 .fv_cp_present_size .marker::before {
	background: linear-gradient(transparent 60%, rgba(193, 172, 255, 0.5) 50%);
	width: 104%;
	left: -2%;
}
.limited_campaign_present .fv_cp_present_detail02 .fv_cp_present_large {
	line-height: 1.5;
	margin-bottom: min(1.067vw, calc(var(--w620) * 4px));
}
.limited_campaign_present .fv_cp_present_large_s {
	font-size: min(2.933vw, calc(var(--w620) * 11px));
}
.limited_campaign_present .fv_cp_present_detail03 {
	margin-top: 0;
	background: rgba(255, 255, 255, .5);
	border-radius: min(1.067vw, calc(var(--w620) * 4px));
}
.limited_campaign_present .fv_cp_present_detail03 .fv_cp_present_detail03_content {
	padding: min(1.867vw, calc(var(--w620) * 7px)) min(6.133vw, calc(var(--w620) * 23px)) 0;
	padding-bottom: 0;
}
.limited_campaign_present .fv_cp_present_detail03_box {
	text-align: left;
	padding-left: 0;
	margin-top: 0;
}
.limited_campaign_present .fv_cp_present_detail_name {
	font-size: min(3.2vw, calc(var(--w620) * 12px));
}
.limited_campaign_present .fv_cp_present_detail03_txt {
	font-size: min(3.733vw, calc(var(--w620) * 14px));
	margin-top: min(0.533vw, calc(var(--w620) * 2px));
}
.limited_campaign_present .fv_cp_present_detail03_size {
	margin-top: 0;
}
.fv_cp_present_detail03_link {
	width: min(43.733vw, calc(var(--w620) * 164px));
	margin: 0 auto;
	padding-bottom: min(5.867vw, calc(var(--w620) * 22px));;
}
.fv_cp_present_small {
	color: #424043;
	font-size: min(2.667vw, calc(var(--w620) * 10px));
	text-align: center;
	margin-top: min(4vw, calc(var(--w620) * 15px));
	padding-block: min(1.6vw, calc(var(--w620) * 6px)) min(2.667vw, calc(var(--w620) * 10px));
	letter-spacing: .12em;
	font-weight: 500;
}

.limited_campaign_img {
	margin: 0 auto min(1.33vw, 8px);
	width: min(26.6666vw,165px);
}
.btn_about_serumshield {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	width: min(73.6vw, 455px);
	height: min(11.733vw, 72px);
	margin: 0 auto min(6.666vw, 41px);
	border-radius: min(5.86vw, 36px);
	background: #301F87;
	color: #fff;
	font-weight: 500;
	font-size: min(3.73vw, 23px);
	box-shadow: 0px 10px 10px rgba(88, 91, 255, 0.349);
	letter-spacing: 0.08em;
}

.btn_about_serumshield:hover {
	opacity: 0.7;
}
.btn_about_serumshield::before {
	background: url("/img/freepage/serumveilseries_campaign/images2/btn_arrow.png") no-repeat right center;
	background-size: contain;
	content: '';
	display: inline-block;
	width: min(8.53vw, 52px);
	height: min(4vw, 24px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: min(5.86vw, 36px);
}


.limited_campaign_notice {
	font-size: min(2.66vw,16px);
	font-weight: 500;
	color: #424043;
	letter-spacing: 0.12em;
	text-align: center;
}



.other_contents {
	padding: 0 0 min(10.66vw, 66px);
	background:#F1F0FA url(/img/freepage/serumveilseries_campaign/images2/other_contents_bk.png) no-repeat center top;
	background-size: cover;
}
.staff_contents {
	padding: min(10.67vw,66px) min(4.26vw, 26px) 0;
}
.staff_contents_title {
	font-family: "Noto Serif JP", serif;
	font-size: min(2.66vw,16px);
	font-weight: 500;
	text-align: center;
	letter-spacing: 0.12em;
	color: #312790;
}
.staff_contents_title_en {
	display: block;
	margin: min(1.8666vw, 11px) 0 min(1.6vw, 10px);
	font-family: "Cormorant Garamond", serif;
	font-weight: 700;
	font-size: min(10.66vw,66px);
	letter-spacing: 0.12em;
	line-height: 1;
}
.staff_contents_point {
	font-size: min(3.73vw, 23px);
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.12em;
	text-align: center;
	color: #312790;
}
.staff_cntents_item_img {
	margin: min(4.26vw, 26px) 0 min(4vw, 24px);
	text-align: center;
}
.staff_cntents_item_img img {
	width: min(50.133vw, 310px);
}
.staff_contents_list {
	display: flex;
	justify-content: space-between;
}
.staff_contents_box {
	width: 48.2%;
	display: flex;
	flex-direction: column;
}
.staff_contents_img {
	margin-bottom: min(2.13vw, 13px);
}
.staff_contents_list_title {
	font-size: min(3.73vw, 23px);
	font-weight: 500;
	line-height: 1.7;
	letter-spacing: 0.08em;
}

.staff_contents_btn {
	margin-top: min(4.26vw, 26px);
}
.btn_more_link {
	display: block;
	padding: 1em min(5.86vw, 36px);
	border-radius: 1.7em;
	background: #301F87;
	color: #FFF;
	font-size: min(3.73vw, 23px);
	font-weight: 500;
	text-align: left;
	line-height: 1.1;
	box-shadow: 0 10px 10px rgba(88, 91, 255, 0.35);
	position: relative;
	overflow: hidden;
	transition: 0.2s;
}
.btn_more_link:hover {
	opacity: 0.7;
}
.btn_more_link::before {
	background: url("/img/freepage/serumveilseries_campaign/images2/btn_arrow.png") no-repeat right center;
	background-size: contain;
	content: '';
	display: inline-block;
	width: min(6.933vw,43px);
	height: min(3.46vw, 21px);
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	right: min(5.86vw, 36px);
}


.howto {
	padding: min(8.53vw, 52px) 0 min(5.33vw, 33px);
	background: #fff;
}
.howto h2 {
	margin-bottom: min(5.33vw, 33px);
	font-weight: 700;
	font-size: min(5.33vw, 33px);
	text-align: center;
	letter-spacing: 0.08em;
	line-height: 1.5;
}
.howto h2 .marker {
	position: relative;
	z-index: 0;
}
.howto h2 .marker::before {
	position: absolute;
	left: -0.3em;
	bottom: 0;
	content: '';
	display: inline-block;
	width: 0;
	height: 100%;
	background: linear-gradient(transparent 60%, rgba(193, 172, 255, 0.5) 60%);
	z-index: -1;
}

.howto_box {
	width: min(89.6vw,554px);
	margin: 0 auto min(6.666vw, 41px);
	display: flex;
	justify-content: space-between;
}

.instructions_for_use,
.how_to_use {
	width: min(44.8vw,277px);
}

.howto_title {
	width: min(28.8vw,178px);
	margin: 0 auto min(3.73vw, 23px);
	padding: min(2.66vw,16px) 0;
	border-radius: min(1.0666vw, 6px);
	background: #3841A4;
	font-size: min(3.73vw, 23px);
	font-weight: 700;
	color: #fff;
	text-align: center;
}

.howto_img {
	width: min(28.8vw,178px);
	margin: 0 auto;
}

.how_to_use h4 {
	margin: min(4.8vw, 30px) 0 min(2.13vw, 13px);
	font-weight: 700;
	font-size: min(3.46vw, 21px);
	letter-spacing: 0.08em;
	text-align: center;
}
.how_to_use_txt {
	margin-bottom: min(6.666vw, 41px);
	font-size: min(3.2vw, 20px);
	font-weight: 500;
	line-height: 1.83;
	letter-spacing: .04em;
}

.btn_other_item {
	width: min(81.0666vw,501px);
	margin: 0 auto;
}
.btn_other_item a:hover {
	opacity: 0.7;
}




.last_item_step {
/*	position: relative;*/
	padding:  min(9.3333vw,57px) min(3.46vw, 21px) min(8vw, 49px) min(3.46vw, 21px);
	background: #F0EFFA url(/img/freepage/serumveilseries_campaign/images2/last_item_step_bk.png) no-repeat center top;
	background-size: 100% auto;
}




footer {
	padding: min(8vw,50px) min(4.8vw,30px);
	background: #333333;
	text-align: center;
}
footer small {
	font-size: min(2.6vw, 16px);
	line-height: 1.6;
	color: #FFF;
}




/* modal */
.modal_base {
/*	width: min(90.6vw, 561px);
	border-radius: min(6.4vw, 40px)!important;*/
	width: 340px;
	border-radius: 24px!important;
}

.modal_base .close {
	position: absolute;
/*	top: min(2.13vw, 13px);
	right: min(2.13vw, 13px);*/
	top: 8px;
	right: 8px;
}
.modal_base .close a {
	display: flex;
	justify-content: center;
	align-items: center;
/*	width: min(11.2vw, 66px);
	height: min(11.2vw, 66px);*/
	width: 42px;
	height: 42px;
	background: #301F87;
	border-radius: 50%;
	color: #fff;
}
.modal_base .close a img {
	/*
	width: min(4vw, 24px);*/
	width: 14px;
}


.modal_inner {
/*	padding: min(3.2vw, 20px) 0 0;*/
	padding: 12px 0 0;
}

.mdl_item_img {
/*	width: min(53.33333vw,330px);
	margin: 0 auto min(9.333vw, 57px);*/
	width: 200px;
	margin: 0 auto 34px;
}
.mdl_item_img_02 {
	margin: 0 auto 14px;
}
.mdl_item_detail {
/*	padding: 0 min(6.4vw, 40px) min(4.26vw, 26px);*/
	padding: 0 24px 15px;
}
.mdl_item_brand {
/*	margin-bottom: min(0.533vw, 3px);*/
	margin-bottom: 2px;
	font-family: "Barlow", sans-serif;
/*	font-size: min(2.93vw, 18px);*/
	font-size: 11px;
	font-weight: 600;
	letter-spacing: 0.04em;
}
.mdl_item_name {
/*	font-size: min(3.73vw, 23px);*/
	font-size: 14px;
	font-weight: 500;
	letter-spacing: 0.04em;
	line-height: 1.4;
}
.mdl_item_name span {
	letter-spacing: 0.02em;
}
.mdl_item_iyakubugaihin {
	display: inline-block;
/*	margin: min(1.6vw, 10px) 0 0;*/
	margin: 6px 0 0;
	padding: 0.3em 0.8em;
	border: 1px solid #301F87;
/*	font-size: min(2.93vw, 18px);*/
	font-size: 11px;
	font-weight: 500;
	color: #301F87;
}
.mdl_item_price {
/*	margin: min(1.33vw, 8px) 0 0;
	font-size: min(3.2vw, 20px);*/
	margin: 5px 0 0 ;
	font-size: 12px;
	font-weight: 600;
}
.mdl_item_price strong {
	margin-right: 0.05em;
	font-family: "Barlow", sans-serif;
/*	font-size: min(5.33vw, 33px);*/
	font-size: 20px;
	font-weight: 600;
	letter-spacing: 0.02em;
}

.mdl_link_list li {
	border-bottom: 1px solid rgba(48, 31, 135,0.4);
}
.mdl_link_list li:last-of-type {
	border: none;
}
.mdl_link_list li a {
	display: flex;
	flex-direction: column;
	justify-content: center;
/*	height: min(21.3333vw, 132px);
	padding: 0 min(6.4vw, 40px);
	font-size: min(3.73vw, 23px);*/
	height: 80px;
	padding: 0 22px;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.8;
	letter-spacing: 0.04em;
	background: #F0EFFA;
}
.mdl_link_list li a.link_oneline {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	align-items: center
}
.mdl_link_list li a.current {
	background: #DEDCF5;
}
.mdl_link_list li a .quantity {
/*	font-size: min(3.2vw, 20px);*/
	font-size: 12px;
	letter-spacing: 0.02em;
}

.mdl_btn_area {
/*	padding:  min(6.4vw, 40px) 0;*/
	padding: 24px 0;
}
.btn_cart {
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	/*
	width: min(73.6vw,456px);
	height: min(11.733vw, 72px);*/
	width: 81%;
	height: 44px;
	margin: 0 auto;
/*	border-radius: min(5.86vw, 36px);*/
	border-radius: 22px;
	background: #301F87;
	color: #fff;
	font-weight: 500;
/*	font-size: min(3.73vw, 23px);*/
	font-size: 14px;
	box-shadow: 0px 10px 10px rgba(88, 91, 255, 0.349);
}
.btn_cart:hover {
	opacity: 0.7;
}
.btn_cart::before {
	background: url("/img/freepage/serumveilseries_campaign/images2/cart.png") no-repeat right center;
	background-size: contain;
	content: '';
	display: inline-block;
/*	width: min(5.86vw, 36px);
	height: min(5.33vw, 33px);*/
	width: 22px;
	height: 20px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
/*	left: min(6.4vw, 40px);*/
	left: 24px;
}
.btn_cart::after {
	background: url("/img/freepage/serumveilseries_campaign/images2/btn_arrow.png") no-repeat right center;
	background-size: contain;
	content: '';
	display: inline-block;
/*	width: min(4.26vw, 26px);
	height: min(4.26vw, 26px);*/
	width: 32px;
	height: 26px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
/*	right: min(4.26vw, 26px);*/
	right: 24px;
}



/* PC ONLY */
@media only screen and (min-width: 620px) {
	body {
		background: url("/img/freepage/serumveilseries_campaign/images2/body_bg.png") center top no-repeat fixed;
		background-size: cover;
	}

}














/* fvarea */
.fv_area .fv_bg,
.fv_area .fv_copy {
	opacity: 0;
	filter: blur(20px);
	transform: scale(1.15);
}
.fv_area.action .fv_bg,
.fv_area.action .fv_copy {
	-webkit-animation: fadeInBg 0.8s ease 0s 1 forwards;
	animation: fadeInBg 0.8s ease 0s 1 forwards;
}
/*flow*/
.fv_area .fv_gentei,
.fv_area .fv_logo {
	opacity: 0;
}
.fv_area.action .fv_gentei,
.fv_area.action .fv_logo {
	-webkit-animation: fadeIn 0.8s ease 0s 1 forwards;
	animation: fadeIn 0.8s ease 0s 1 forwards;
}


/*fadeInUp*/
/*.fv_area .fv_cp_box,*/
.fv_area .fv_cp_serum,
.fv_area .fv_cp_title,
.fv_area .fv_cp_present,
.fv_area .fv_campaign_check,
.item_component_area .item_component_intro_title,
.item_component_area .item_component_intro,
.item_component_area .step1,
.item_component_area .step2,
.item_component_area .step3,
.last_item_step .step1,
.last_item_step .step2,
.last_item_step .step3,
.item_thanks p,
.arrow_after,
.arrow_rice,
.after_that_intro,
.after_that_henka_inner,
.rice_power_keizoku,
.rice_power h2,
.rice_power_explanation,
.moisturizing_difference,
.serum_veil_introduction,
.serum_veil_lotion,
.serum_veil_emulsion,
.limited_campaign_intro,
.limited_campaign_present,
.staff_contents .staff_contents_title,
.staff_contents .staff_contents_point,
.staff_cntents_item_img,
.staff_contents_list,
.howto h2,
.howto .howto_box,
.howto .btn_other_item,
.last_item_step .btn_other_item {
	opacity: 0;
	-webkit-transform: translate(0, 35px);
	-ms-transform: translate(0, 35px);
	transform: translate(0px, 35px);
}
/*.fv_area.action .fv_cp_box,*/
.fv_area.action .fv_cp_serum,
.fv_area.action .fv_cp_title,
.fv_area.action .fv_cp_present,
.fv_area.action .fv_campaign_check,
.item_component_area.action .item_component_intro_title,
.item_component_area.action .item_component_intro,
.item_component_area .step1.action,
.item_component_area .step2.action,
.item_component_area .step3.action,
.last_item_step .step1.action,
.last_item_step .step2.action,
.last_item_step .step3.action,
.item_thanks.action p,
.arrow_after.action,
.arrow_rice.action,
.after_that_intro.action,
.after_that_henka_inner.action,
.rice_power_keizoku.action,
.rice_power h2.action,
.rice_power_explanation.action,
.moisturizing_difference.action,
.serum_veil_introduction.action,
.serum_veil_lotion.action,
.serum_veil_emulsion.action,
.limited_campaign_intro.action,
.limited_campaign_present.action,
.staff_contents.action .staff_contents_title,
.staff_contents.action .staff_contents_point,
.staff_cntents_item_img.action,
.staff_contents_list.action,
.howto h2.action,
.howto .howto_box.action,
.howto .btn_other_item.action,
.last_item_step .btn_other_item.action {
	-webkit-animation: fadeInUp 0.8s ease .4s 1 forwards;
	animation: fadeInUp 0.8s ease .4s 1 forwards;
}



.rice_power_keizoku .marker,
.howto h2 .marker {
	z-index: 0;
}

.rice_power_keizoku.action .marker:nth-of-type(1)::before {
	animation:  markerDraw 1s ease 1.5s 1 forwards;
}
.rice_power_keizoku.action .marker:nth-of-type(2)::before {
	animation:  markerDraw 1s ease 3s 1 forwards;
}


.howto h2.action .marker:nth-of-type(1)::before {
	animation:  markerDraw02 1s ease 1.5s 1 forwards;
}
.howto h2.action .marker:nth-of-type(2)::before {
	animation:  markerDraw02 1s ease 3s 1 forwards;
}



@-webkit-keyframes markerDraw {
	0% {
		width: 0;
	}
	100% {
		width: 100%;
	}
}

@-webkit-keyframes markerDraw02 {
	0% {
		width: 0;
	}
	100% {
		width: calc(100% + 0.6em);
	}
}


@-webkit-keyframes fadeIn {
	0% {
		opacity: 0; }
	100% {
		opacity: 1; }
}
@keyframes fadeIn {
	0% {
		opacity: 0; }
	100% {
		opacity: 1; } 
}
@-webkit-keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 35px);
		-ms-transform: translate(0, 35px);
		transform: translate(0px, 35px); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); }
}
@keyframes fadeInUp {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, 35px);
		-ms-transform: translate(0, 35px);
		transform: translate(0px, 35px); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); }
}
@-webkit-keyframes fadeInL {
	0% {
		opacity: 0;
		-webkit-transform: translate(-15px, 0);
		-ms-transform: translate(-15px, 0);
		transform: translate(-15px, 0); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); } }
@keyframes fadeInL {
	0% {
		opacity: 0;
		-webkit-transform: translate(-15px, 0);
		-ms-transform: translate(-15px, 0);
		transform: translate(-15px, 0); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); } }
@-webkit-keyframes fadeInR {
	0% {
		opacity: 0;
		-webkit-transform: translate(15px, 0);
		-ms-transform: translate(15px, 0);
		transform: translate(15px, 0); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); } }
@keyframes fadeInR {
	0% {
		opacity: 0;
		-webkit-transform: translate(15px, 0);
		-ms-transform: translate(15px, 0);
		transform: translate(15px, 0); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); }
}
@-webkit-keyframes fadeInBlur {
	0% {
		opacity: 0;
		filter: blur(8px);
		transform: scale(1.1); }
	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale(1); }
}
@keyframes fadeInBlur {
	0% {
		opacity: 0;
		filter: blur(8px);
		transform: scale(1.1); }
	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale(1); }
}
@-webkit-keyframes fadeInBg {
	0% {
		opacity: 0;
		filter: blur(20px);
		transform: scale(1.15); }
	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale(1); }
}
@keyframes fadeInBg {
	0% {
		opacity: 0;
		filter: blur(20px);
		transform: scale(1.15); }
	100% {
		opacity: 1;
		filter: blur(0);
		transform: scale(1); }
}

@keyframes fadeInPathT {
	0% {
		opacity: 0;
		clip-path: polygon(0 0, 100% 0%, 100% 0%, 50% 0%, 0 0%); }
	100% {
		opacity: 1;
		clip-path: polygon(0 0, 100% 0%, 100% 75%, 50% 100%, 0 75%); }
}
@-webkit-keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -15px);
		-ms-transform: translate(0, -15px);
		transform: translate(0px, -15px); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); }
}
@keyframes fadeInDown {
	0% {
		opacity: 0;
		-webkit-transform: translate(0, -15px);
		-ms-transform: translate(0, -15px);
		transform: translate(0px, -15px); }
	100% {
		opacity: 1;
		-webkit-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-o-transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		transition: opacity 0.8s cubic-bezier(0.23, 1, 0.32, 1), transform 0.8s cubic-bezier(0.23, 1, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.23, 1, 0.32, 1);
		-webkit-transform: translate(0, 0);
		-ms-transform: translate(0, 0);
		transform: translate(0, 0); }
}