@charset "UTF-8";

html {
	width: 100%;
	height: 100%;
	overflow-y: scroll;
	}

body {
	-webkit-text-size-adjust: 100%;
	font-family: 'Noto Sans JP', sans-serif;
	background-color: #fff;
	}

img {
	border: none;
	vertical-align: top;
	}

a {
	overflow: hidden;
	outline: none;
	}

ul, li {
	list-style: none;
	}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	}

.clearfix { display: block; }


/* SP */
@media screen and (max-width: 767px) {

#refresh .sp {
	display: block;
	}

#refresh .pc {
	display: none;
	}

#refresh img {
	width: 100%;
	}

#refresh .mv {
	position: relative;
	min-height: 166.41vw;
	background-image: url(../img/sp/mv_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	}

#refresh .mv div.package {
	position: absolute;
	top: 57.71vw;
	left: 57.71vw;
	z-index: 1;
	}

#refresh .mv div.package img {
	width: 38.3vw;
	}

#refresh .mv div.tomato {
	position: absolute;
	top: 62.93vw;
	left: 11.19vw;
	z-index: 3;
	opacity: 0;
	animation: fadeIn-tomato 0.2s 1s ease-out forwards;
	}

#refresh .mv div.tomato img {
	width: 37.81vw;
	}

#refresh .salt-wrap {
	position: absolute;
	top: 65.42vw;
	left: 2.49vw;
	z-index: 2;
	opacity: 0;
	animation: fadeIn-salt 0.1s 1.2s ease-out forwards;
	width: 53.48vw;
	height: 157px;
	}

#refresh .salt {
	position: relative;
	width: 53.48vw;
	height: 157px;
	background-image: url(../img/sp/mv_salt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/mv_salt.png);
	-webkit-mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

.salt::before {
	content: '';
	position: absolute;
	top: 0;
	left: -150%;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		105deg,
		rgba(162, 218, 247, 0) 30%,
		rgba(162, 218, 247, 0.6) 50%,
		rgba(162, 218, 247, 0) 70%
	);
	animation: shine 5s 2s cubic-bezier(0.1, -0.6, 0.2, 0) infinite;
	}

#refresh .mv div.star-01 {
	position: absolute;
	top: 73.63vw;
	left: 6.21vw;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink 2s 2s infinite ease-in-out;
	}

#refresh .mv div.star-01 img {
	width: 3.6vw;
	height: auto;
	}

#refresh .mv div.star-02 {
	position: absolute;
	top: 83.58vw;
	left: 6.21vw;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink 2s 2.5s infinite ease-in-out;
	}

#refresh .mv div.star-02 img {
	width: 3.11vw;
	height: auto;
	}

#refresh .mv div.star-03 {
	position: absolute;
	top: 64.67vw;
	left: 44.77vw;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink 2s 3s infinite ease-in-out;
	}

#refresh .mv div.star-03 img {
	width: 3.6vw;
	height: auto;
	}

#refresh .mv div.star-04 {
	position: absolute;
	top: 69.65vw;
	left: 52.23vw;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink 2s 3.5s infinite ease-in-out;
	}

#refresh .mv div.star-04 img {
	width: 3.11vw;
	height: auto;
	}

#refresh .mv div.icon {
	position: absolute;
	top: 97.51vw;
	left: 4.72vw;
	z-index: 3;
	}

#refresh .mv div.icon img {
	width: 51.74vw;
	}

#refresh .mv div.catch {
	position: absolute;
	top: 121.64vw;
	left: 5.97vw;
	z-index: 2;
	}

#refresh .mv div.catch img {
	width: 50.24vw;
	}

#refresh .mv div.feature {
	position: absolute;
	top: 145.77vw;
	left: 0;
	z-index: 1;
	}

#refresh .mv div.feature img {
	width: 100vw;
	}

#refresh .mv p.note {
	position: absolute;
	bottom: 2.23vw;
	right: 1vw;
	z-index: 1;
	font-size: 2.48vw;
	line-height: 1rem;
	font-weight: 500;
	color: #000;
	}

#refresh .overview div.overview-title {
	position: relative;
	height: 29.61vw;
	}

#refresh .overview h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	}

#refresh .overview-title div.line-wrap {
	position: absolute;
	top: 12.68vw;
	left: 24.13vw;
	z-index: 1;
	}

#refresh .overview-title div.line {
	position: relative;
	width: 0vw;
	height: 24px;
	background: #EA5030;
	mask-image: url(../img/sp/overview_line.png);
	mask-size: 48.13vw auto;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/overview_line.png);
	-webkit-mask-size: 48.13vw auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .underline {
	animation: underline 0.4s 0.5s ease-out forwards;
	}

#refresh .overview div.square {
	min-height: 219.9vw;
	background-image: url(../img/sp/overview_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	padding-top: 12.18vw;
	}

#refresh .overview div.square-01 {
	position: relative;
	min-height: 80.35vw;
	background-image: url(../img/sp/square_01_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	}

#refresh .overview div.square-01 div.txt01 {
	position: relative;
	}

#refresh .overview div.square-01 div.txt01 p {
	position: relative;
	z-index: 2;
	}

#refresh .square-01 div.txt01 div.line-txt01-wrap {
	position: absolute;
	top: 26.86vw;
	left: 15.92vw;
	z-index: 1;
	}

#refresh .square-01 div.txt01 div.line {
	position: relative;
	width: 0vw;
	height: 31px;
	background: #FCC800;
	mask-image: url(../img/sp/square_01_line1.png);
	mask-size: 56.59vw auto;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/square_01_line1.png);
	-webkit-mask-size: 56.59vw auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .overview div.square-01 div.txt02 {
	position: relative;
	}

#refresh .overview div.square-01 div.txt02 p {
	position: relative;
	z-index: 2;
	}

#refresh .square-01 div.txt02 div.line-txt02-wrap {
	position: absolute;
	top: 4.97vw;
	left: 20.4vw;
	z-index: 1;
	}

#refresh .square-01 div.txt02 div.line {
	position: relative;
	width: 0vw;
	height: 29px;
	background: #B4E0F8;
	mask-image: url(../img/sp/square_01_line2.png);
	mask-size: 48.26vw auto;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/square_01_line2.png);
	-webkit-mask-size: 48.26vw auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .overview div.square-02 {
	position: relative;
	min-height: 62.19vw;
	background-image: url(../img/sp/square_02_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-top: 7.21vw;
	}

#refresh .overview div.square-02 div.txt {
	position: relative;
	}

#refresh .overview div.square-02 div.txt p {
	position: relative;
	z-index: 2;
	}

#refresh .square-02 div.txt div.line-txt-wrap {
	position: absolute;
	top: 24.62vw;
	left: 24.62vw;
	z-index: 1;
	}

#refresh .square-02 div.txt div.line {
	position: relative;
	width: 0vw;
	height: 32px;
	background: #FFF100;
	mask-image: url(../img/sp/square_02_line.png);
	mask-size: 53.11vw auto;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/square_02_line.png);
	-webkit-mask-size: 53.11vw auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .overview div.photo {
	position: relative;
	min-height: 62.19vw;
	margin-top: 7.21vw;
	}

#refresh .overview div.photo div.image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	opacity: 0;
	}

#refresh .overview div.photo div.txt {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	animation-duration: 0.4s;
	animation-delay: 0.2s;
	animation-timing-function: ease-out;
	}

#refresh .fadein-up {
	animation: fadeIn-up 0.8s ease forwards;
	}

#refresh .movie div.movie-title {
	position: relative;
	height: 22.39vw;
	}

#refresh .movie h2 {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	}

#refresh .movie-title div.line-wrap {
	position: absolute;
	top: 14.67vw;
	left: 33.83vw;
	z-index: 1;
	}

#refresh .movie-title div.line {
	position: relative;
	width: 0vw;
	height: 29px;
	background: #EA5030;
	mask-image: url(../img/sp/movie_line.png);
	mask-size: 31.46vw auto;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/movie_line.png);
	-webkit-mask-size: 31.46vw auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .youtube {
	position: relative;
	width: 88.56vw;
	padding-top: 56.25%;
	margin: 0 auto;
	}

#refresh .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: none;
	}

#refresh .product {
	position: relative;
	min-height: 204.72vw;
	background-image: url(../img/sp/product_bg.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	margin-top: 8.71vw;
	}

#refresh .product div.product-title {
	position: relative;
	}

#refresh .product h2 {
	position: absolute;
	top: 11.19vw;
	left: 0;
	z-index: 3;
	}

#refresh .product-title div.line-wrap {
	position: absolute;
	top: 18.65vw;
	left: 30.35vw;
	z-index: 2;
	}

#refresh .product-title div.line {
	position: relative;
	width: 0vw;
	height: 29px;
	background: #EA5030;
	mask-image: url(../img/sp/product_line.png);
	mask-size: 39.05vw auto;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/product_line.png);
	-webkit-mask-size: 39.05vw auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .product div.flash {
	position: absolute;
	top: 6.47vw;
	left: 18.41vw;
	z-index: 1;
	opacity: 0;
	}

#refresh .product div.flash img {
	width: 62.19vw;
	}

#refresh .expand {
	animation: expand 0.3s 0.8s ease-out forwards;
	}

#refresh .product div.package {
	width: 41.54vw;
	position: absolute;
	top: 24.62vw;
	left: 29.85vw;
	z-index: 2;
	}

#refresh .product p {
	font-size: 4.97vw;
	line-height: 6.22vw;
	font-weight: 700;
	color: #000;
	text-align: center;
	padding-top: 120vw;
	}

#refresh .product div.more {
	width: 58.95vw;
	margin: 3.4vw auto 0;
	}

.bnr-tj {
	width: 93.86vw;
	text-align: center;
	margin: 12vw auto;
	}

.bnr-tj a {
	display: inline-block;
	}

.bnr-tj img {
	width: 100%;
	}

}/* SP end */


/* PC */
@media screen and (min-width: 768px) {

#refresh .pc {
	display: block;
	}

#refresh .sp {
	display: none;
	}

#refresh {
	overflow: hidden;
	}

#refresh .content {
	position: relative;
	width: 1200px;
	margin: 0 auto;
	}

#refresh .mv {
	width: 100%;
	height: 604px;
	background-image: url(../img/mv_bg.png), url(../img/mv_bg.png);
	background-position: center top, center top;
	background-repeat: no-repeat, repeat-x;
	}

#refresh .mv div.content {
	height: 604px;
	}

#refresh .mv h1 {
	position: absolute;
	top: 18px;
	left: 342px;
	z-index: 0;
	}

#refresh .mv div.package {
	position: absolute;
	top: 61px;
	left: 889px;
	z-index: 2;
	}

#refresh .mv div.tomato {
	position: absolute;
	top: 95px;
	left: 113px;
	z-index: 3;
	opacity: 0;
	animation: fadeIn-tomato 0.2s 1s ease-out forwards;
	}

#refresh .salt-wrap {
	position: absolute;
	top: 108px;
	left: 66px;
	z-index: 2;
	opacity: 0;
	animation: fadeIn-salt 0.1s 1.2s ease-out forwards;
	width: 289px;
	height: 166px;
	}

#refresh .salt {
	position: relative;
	width: 289px;
	height: 166px;
	background-image: url(../img/mv_salt.png);
	background-size: 100% auto;
	background-repeat: no-repeat;
	-webkit-mask-image: url(../img/mv_salt.png);
	-webkit-mask-size: 100% auto;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

.salt::before {
	content: '';
	position: absolute;
	top: 0;
	left: -150%;
	width: 100%;
	height: 100%;
	background: linear-gradient(
		105deg,
		rgba(162, 218, 247, 0) 30%,
		rgba(162, 218, 247, 0.6) 50%,
		rgba(162, 218, 247, 0) 70%
	);
	animation: shine 5s 2s cubic-bezier(0.1, -0.6, 0.2, 0) infinite;
	}

#refresh .mv div.star-01 {
	position: absolute;
	top: 152px;
	left: 85px;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink2 2s 2s infinite ease-in-out;
	}

#refresh .mv div.star-01 img {
	width: 19px;
	height: 19px;
	}

#refresh .mv div.star-02 {
	position: absolute;
	top: 206px;
	left: 86px;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink2 2s 2.5s infinite ease-in-out;
	}

#refresh .mv div.star-02 img {
	width: 17px;
	height: 17px;
	}

#refresh .mv div.star-03 {
	position: absolute;
	top: 104px;
	left: 293px;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink2 2s 3s infinite ease-in-out;
	}

#refresh .mv div.star-03 img {
	width: 19px;
	height: 19px;
	}

#refresh .mv div.star-04 {
	position: absolute;
	top: 131px;
	left: 334px;
	z-index: 1;
	opacity: 0;
	animation: fadeIn-star 3s 0.5s forwards ease-in-out, blink2 2s 3.5s infinite ease-in-out;
	}

#refresh .mv div.star-04 img {
	width: 17px;
	height: 17px;
	}

#refresh .mv div.icon {
	position: absolute;
	top: 260px;
	left: 85px;
	z-index: 3;
	}

#refresh .mv div.catch {
	position: absolute;
	top: 381px;
	left: 83px;
	z-index: 2;
	}

#refresh .mv div.feature {
	position: absolute;
	top: 374px;
	left: 329px;
	z-index: 1;
	}

#refresh .mv p.note {
	position: relative;
	z-index: 1;
	font-size: 14px;
	line-height: 1rem;
	font-weight: 500;
	text-align: center;
	color: #000;
	padding-top: 500px;
	}

#refresh .overview div.overview-title {
	position: relative;
	width: 1200px;
	height: 114px;
	margin: 0 auto;
	}

#refresh .overview h2 {
	position: absolute;
	top: 31px;
	left: 297px;
	z-index: 2;
	}

#refresh .overview-title div.line-wrap {
	position: absolute;
	top: 69px;
	left: 291px;
	z-index: 1;
	}

#refresh .overview-title div.line {
	position: relative;
	width: 0vw;
	height: 15px;
	background: #EA5030;
	mask-image: url(../img/overview_line.png);
	mask-size: 223px 15px;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/overview_line.png);
	-webkit-mask-size: 223px 15px;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .underline {
	animation: underline 0.4s 0.5s ease-out forwards;
	}

#refresh .overview div.square {
	width: 100%;
	height: 629px;
	background-image: url(../img/overview_bg.png), url(../img/overview_bg2.png);
	background-position: center top, center top;
	background-repeat: no-repeat, repeat-x;
	}

#refresh .overview div.square-01 {
	float: left;
	position: relative;
	width: 303px;
	min-height: 268px;
	background: url(../img/square_01_bg.png) left top no-repeat;
	margin: 38px 0 0 269px;
	}

#refresh .overview div.square-01 div.txt01 {
	position: relative;
	}

#refresh .overview div.square-01 div.txt01 p {
	position: relative;
	margin: 40px 0 0 32px;
	z-index: 2;
	}

#refresh .square-01 div.txt01 div.line-txt01-wrap {
	position: absolute;
	top: 50px;
	left: 32px;
	z-index: 1;
	}

#refresh .square-01 div.txt01 div.line {
	position: relative;
	width: 0vw;
	height: 13px;
	background: #FCC800;
	mask-image: url(../img/sp/square_01_line1.png);
	mask-size: 214px 13px;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/square_01_line1.png);
	-webkit-mask-size: 214px 13px;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .overview div.square-01 div.txt02 {
	position: relative;
	}

#refresh .overview div.square-01 div.txt02 p {
	position: relative;
	margin: 0 0 0 32px;
	z-index: 2;
	}

#refresh .square-01 div.txt02 div.line-txt02-wrap {
	position: absolute;
	top: 17px;
	left: 49px;
	z-index: 1;
	}

#refresh .square-01 div.txt02 div.line {
	position: relative;
	width: 0vw;
	height: 13px;
	background: #B4E0F8;
	mask-image: url(../img/sp/square_01_line2.png);
	mask-size: 182px 13px;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/square_01_line2.png);
	-webkit-mask-size: 182px 13px;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .overview div.square-02 {
	float: left;
	position: relative;
	width: 266px;
	min-height: 208px;
	background: url(../img/square_02_bg.png) left top no-repeat;
	margin: 124px 0 0 61px;
	}

#refresh .overview div.square-02 div.txt {
	position: relative;
	}

#refresh .overview div.square-02 div.txt p {
	position: relative;
	margin: 40px 0 0 39px;
	z-index: 2;
	}

#refresh .square-02 div.txt div.line-txt-wrap {
	position: absolute;
	top: 42px;
	left: 33px;
	z-index: 1;
	}

#refresh .square-02 div.txt div.line {
	position: relative;
	width: 0vw;
	height: 14px;
	background: #FFF100;
	mask-image: url(../img/sp/square_02_line.png);
	mask-size: 177px 14px;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/square_02_line.png);
	-webkit-mask-size: 177px 14px;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .overview div.photo {
	position: absolute;
	top: 305px;
	left: 380px;
	z-index: 1;
	}

#refresh .overview div.photo div.image {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	}

#refresh .overview div.photo div.txt {
	position: absolute;
	top: 90px;
	left: 335px;
	z-index: 3;
	opacity: 0;
	animation-duration: 0.4s;
	animation-delay: 0.2s;
	animation-timing-function: ease-out;
	}

#refresh .fadein-up {
	animation: fadeIn-up 0.8s ease forwards;
	}

#refresh .movie {
	height: 640px;
	}

#refresh .movie div.movie-title {
	position: relative;
	height: 132px;
	}

#refresh .movie h2 {
	position: absolute;
	top: 54px;
	left: 544px;
	z-index: 2;
	}

#refresh .movie-title div.line-wrap {
	position: absolute;
	top: 87px;
	left: 532px;
	z-index: 1;
	}

#refresh .movie-title div.line {
	position: relative;
	width: 0vw;
	height: 15px;
	background: #EA5030;
	mask-image: url(../img/movie_line.png);
	mask-size: 137px 15px;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/movie_line.png);
	-webkit-mask-size: 137px 15px;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .youtube {
	position: relative;
	width: 700px;
	margin: 0 auto;
	}

#refresh .youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	aspect-ratio: 16 / 9;
	border: none;
	}

#refresh .product {
	width: 100%;
	height: 677px;
	background-image: url(../img/product_bg.png), url(../img/product_bg2.png);
	background-position: center top, center top;
	background-repeat: no-repeat, repeat-x;
	}

#refresh .product div.product-title {
	position: relative;
	}

#refresh .product h2 {
	position: absolute;
	top: 73px;
	left: 521px;
	z-index: 3;
	}

#refresh .product-title div.line-wrap {
	position: absolute;
	top: 113px;
	left: 508px;
	z-index: 2;
	}

#refresh .product-title div.line {
	position: relative;
	width: 0vw;
	height: 15px;
	background: #EA5030;
	mask-image: url(../img/sp/product_line.png);
	mask-size: 161px 15px;
	mask-repeat: no-repeat;
	-webkit-mask-image: url(../img/sp/product_line.png);
	-webkit-mask-size: 161px 15px;
	-webkit-mask-repeat: no-repeat;
	overflow: hidden;
	}

#refresh .product div.flash {
	position: absolute;
	top: 54px;
	left: 457px;
	z-index: 1;
	opacity: 0;
	}

#refresh .expand {
	animation: expand 0.3s 0.8s ease-out forwards;
	}

#refresh .product div.package {
	position: absolute;
	top: 164px;
	left: 313px;
	z-index: 2;
	}

#refresh .product p {
	position: absolute;
	top: 229px;
	left: 581px;
	font-size: 21px;
	line-height: 35px;
	font-weight: 700;
	color: #000;
	}

#refresh .product div.more {
	position: absolute;
	top: 342px;
	left: 570px;
	}

#refresh .product div.more img:hover {
	filter: brightness(1.2);
	transition-duration: 0.8s;
	}

.bnr-tj {
	width: 100%;
	text-align: center;
	margin: 100px auto 40px;
	}

.bnr-tj a {
	display: inline-block;
	}

.bnr-tj img {
	width: auto;
	margin: 0 auto;
	}

}/* PC end */


/* PC 1200ˆÈ‰º”wŒi */
@media screen and (min-width: 768px) and (max-width: 1201px) {

#refresh .mv {
	background: url(../img/mv_bg_1200.png) left top no-repeat;
	}

#refresh .overview div.square {
	background: url(../img/overview_bg_1200.png) left top no-repeat;
	}

#refresh .product {
	background: url(../img/product_bg_1200.png) left top no-repeat;
	}

}


/* animation */
@keyframes fadeIn-tomato {
	0% {
		opacity: 0;
		transform: translateY(100px);
		}
	100% {
		opacity: 1;
		transform: translateY(0);
		}
	}

@keyframes fadeIn-salt {
	0% {
		opacity: 0;
		transform: translateY(100px);
		transform: scale(0.8);
		}
	90% {
		transform: translateY(-20px);
		transform: scale(1);
		}
	100% {
		opacity: 1;
		transform: translateY(0);
		}
	}

@keyframes fadeIn-star {
	0% {
		opacity: 0;
		}
	100% {
		opacity: 1;
		}
	}

@keyframes shine {
	0% {
		left: -150%;
		}
	50%, 100% {
		left: 150%;
		}
	}

@keyframes blink {
	0%, 100% {
		opacity: 1;
		transform: scale(2);
		}
	50% {
		opacity: 0.2;
		transform: scale(1);
		}
	}

@keyframes blink2 {
	0%, 100% {
		opacity: 1;
		transform: scale(1.6);
		}
	50% {
		opacity: 0.2;
		transform: scale(1);
		}
	}

@keyframes fadeIn-up {
	0% {
		opacity: 0;
		transform: translateY(100px);
		}
	100% {
		opacity: 1;
		transform: translateY(0);
		}
	}

@keyframes underline {
	0% {
		width: 0vw;
		}
	100% {
		width: 60vw;
		}
	}

@keyframes expand {
	0% {
		opacity: 0;
		transform: scale(0.8);
		}
	100% {
		opacity: 1;
		transform: scale(1);
		}
	}