@charset "UTF-8";

/*--------------------------------------------------------------
#main-screen-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#main-screen-area {
		margin: 0;
		padding-top: 0;
		padding-bottom: 4.651vw;
		position: relative;
		background: url("images/main_bg.png") left top;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.slider {
		position:relative;
		z-index: 1;
	}

	.slider {
		width: 100%;
	}

	.slider img {
		width: 100%;
		height: auto;
		border-radius: 0 0 6.977vw 0;
	}

	.slider .slick-slide {
		margin: 0;
	}
	
	.main_logo {
		width: 54.65vw;
		z-index: 2;
		margin: -13.953vw auto 6.977vw auto;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%); 
		transform: translateX(-50%);
	}
	
	.main_box {
		width: auto;
	}
	
	.main_box p {
		padding: 9.302vw 13.953vw 0 13.953vw;
	}
	
	.main_box h2 {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 5.116vw;
		font-weight: 600;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		letter-spacing: 1.163vw;
		color: #FFF;
		position: absolute;
		top: 41.86vw;
		right: 6.977vw;
		z-index: 2;
	}
	
}

@media screen and (min-width: 771px)  {
	
	
	
}


@media screen and (min-width: 1161px){
	
	#main-screen-area {
		margin: 0;
		padding-top: 1.823vw;
		padding-bottom: 2.604vw;
		position: relative;
		background: url("images/main_bg.png") left top;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	
	.slider {
		position:relative;
		z-index: 1;
	}

	.slider {
		width: 60%;
	}

	.slider img {
		width: 100%;
		height: auto;
		border-radius: 0 1.562vw 1.562vw 0;
	}

	.slider .slick-slide {
		margin: 0;
	}
	
	.main_logo {
		width: 29.94vw;
		position: absolute;
		bottom: 1.302vw;
		left: 10%;
		-webkit-transform: none;
		transform: none;
		z-index: 2;
		margin: 0;
	}
	
	.main_box {
		width: 18.229vw;
		position: absolute;
		top: 50%;
		right: 12%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		z-index: 2;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	.main_box p {
		padding: 1.042vw 0 0 0;
	}
	
	.main_box h2 {
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 2.083vw;
		font-weight: 600;
		writing-mode: vertical-rl;
		text-orientation: mixed;
		letter-spacing: 0.26vw;
		color: #625148;
		position: static;
		top: auto;
		left: auto;
	}

}

/*--------------------------------------------------------------
#about-area
--------------------------------------------------------------*/

@media screen and (min-width: 300px) {
	
	#about-area {
		margin: 0 0 9.302vw 0;
		padding-top: 0;
		background: url("images/about_top_bg.png") left top no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.sp-social-box {
		margin-bottom: 10.465vw;
	}
	
	.sp-social-box span {
		font-family: "Geologica", sans-serif;
		font-size: 3.023vw;
		font-weight: 600;
		text-align: center;
		display: block;
		margin-bottom: 3.488vw;
	}
	
	.sp-social-box ul {
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		align-items: center;
	}
	
	.sp-social-box ul li {
		padding: 0 20px;
	}
	
	.sp-social-box ul li:nth-child(2) {
		border-left: 0.233vw solid #B4B4B4;
		border-right: 0.233vw solid #B4B4B4;
	}
	
	.sp-social-box ul li:nth-child(1) img {
		width: 8.14vw;
	}
	
	.sp-social-box ul li:nth-child(2) img {
		width: 8.837vw;
	}
	
	.sp-social-box ul li:nth-child(3) img {
		width: 8.837vw;
	}
	
	.inner-about-box {
		width: auto;
		margin: 0 5.814vw;
	}
	
	.inner-about-box div:nth-child(1) {
		width: auto;
		margin-bottom: 5.814vw;
	} 
	
	.inner-about-box div:nth-child(1) img {
		border-radius: 4.651vw;
	} 
	
	.inner-about-box div:nth-child(2) {
		width: auto;
	} 
	
	.inner-about-box div:nth-child(2) h3 {
		width: auto;
		font-size: 5.814vw;
	} 
	
	.inner-about-box div:nth-child(2) p {
		margin-bottom: 9.302vw;
	}
	
	.btn-area {
		text-align: center;
	}
	
}

@media screen and (min-width: 771px)  {
	
	
	
}


@media screen and (min-width: 1161px){
	
	#about-area {
		margin: 0 0 1.042vw 0;
		padding-top: 6.25vw;
		background: url("images/about_top_bg.png") left top no-repeat;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	
	.sp-social-box {
		display: none;
	}
	
	.inner-about-box {
		width: 70.31vw;
		margin: 0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		align-items: center;
		flex-direction: row-reverse;
	}
	
	.inner-about-box div:nth-child(1) {
		width: 38.02vw;
	} 
	
	.inner-about-box div:nth-child(1) img {
		border-radius: 1.562vw;
	} 
	
	.inner-about-box div:nth-child(2) {
		width: 23.95vw;
	} 
	
	.inner-about-box div:nth-child(2) h3 {
		font-size: 1.823vw;
	} 
	
	.inner-about-box div:nth-child(2) p {
		margin-bottom: 1.823vw;
	} 

	.btn-area {
		text-align: left;
	}
}

/*--------------------------------------------------------------
#slidetext-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#slidetext-area {
		margin: 0;
		padding: 0;
	}
	
	article {
		overflow: hidden;
	}

	.loop_wrap {
		width: 100%;
		overflow: hidden;
		color: rgba(240,132,132,0.14);
		font-family: "Geologica", sans-serif;
	}

	.loop_track {
		display: flex;
		width: max-content;
		animation: loopText 60s linear infinite;
	}

	.loop_track span {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 18.14vw;
		padding-right: 18.605vw;
		font-weight: 600;
		line-height: 1;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#slidetext-area {
		margin: 0;
		padding: 0 0 1.042vw 0;
	}
	
	article {
		overflow: hidden;
	}

	.loop_wrap {
		width: 100%;
		overflow: hidden;
		color: rgba(240,132,132,0.14);
		font-family: "Geologica", sans-serif;
	}

	.loop_track {
		display: flex;
		width: max-content;
		animation: loopText 60s linear infinite;
	}

	.loop_track span {
		flex: 0 0 auto;
		white-space: nowrap;
		font-size: 6.25vw;
		padding-right: 6.771vw;
		font-weight: 600;
		line-height: 1;
	}

}


@keyframes loopText {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}

/*--------------------------------------------------------------
#features-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#features-area {
		margin: 0 0 8.14vw 0;
		padding: 9.302vw 0 4.651vw 0;
		background: #ec8b8f;
		border-radius: 0 6.977vw 6.977vw 0;
	}
	
	.heading-box {
		text-align: center;
		margin-bottom: 5.814vw;
	}

	.heading-box h4 {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 4.186vw 0 5.349vw 0;
		color: #fff;
		font-size: 5.814vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		white-space: nowrap;
		text-align: center;
	}
	
	.heading-box h4 span {
		font-family: "Geologica", sans-serif;
		font-weight: 500;
		font-size: 6.047vw;
	}

	.heading-box h4::before,
	.heading-box h4::after {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 9.302vw;
		height: 0.698vw;
		background: #fff;
	}

	.heading-box h4::before {
		top: 0;
	}

	.heading-box h4::after {
		bottom: 0;
	}
	
	#features-area ul {
		width: auto;
		margin: 0 6.977vw;
		padding: 0;
	}
	
	#features-area ul li {
		width: auto;
		margin: 0 0 11.628vw 0;
		padding: 0;
	}
	
	#features-area ul dt {
		position: relative;
	}
	
	#features-area ul dt img {
		display: block;
		width: 90%;
		margin: 0 auto;
	}
	
	#features-area ul dt .feature-label {
		position: absolute;
		top: -2.326vw;
		right: 0;
		display: flex;
		flex-direction: row-reverse;
		gap: 1.628vw;
		align-items: flex-start;
		background: none;
		z-index: 2;
	}
	
	#features-area ul dt .feature-label span {
		writing-mode: vertical-rl;
		text-orientation: mixed;
		background: #fff;
		border-radius: 1.163vw;
		padding: 2.326vw 1.86vw;
		font-size: 4.651vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		line-height: 1;
		letter-spacing: 0.08em;
	}
	
	#features-area ul dd {
		position: relative;
		padding-top: 4.651vw;
	}
	
	#features-area ul dd span {
		font-size: 9.302vw;
		font-weight: 600;
		font-family: "Geologica", sans-serif;
		color: rgba(255,255,255,0.45);
		margin-top: -11.628vw;
		position: absolute;
	}
	
	#features-area ul dd p {
		color: #FFF;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#features-area {
		margin: 0 0 3.125vw 4.688vw;
		padding: 3.125vw 0 4.688vw 0;
		background: #ec8b8f;
		border-radius: 2.604vw 0 0 2.604vw;
	}
	
	.heading-box {
		text-align: center;
		margin-bottom: 2.083vw;
	}

	.heading-box h4 {
		position: relative;
		display: inline-block;
		margin: 0;
		padding: 1.354vw 0 1.562vw 0;
		color: #fff;
		font-size: 1.823vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		white-space: nowrap;
		text-align: center;
	}
	
	.heading-box h4 span {
		font-family: "Geologica", sans-serif;
		font-weight: 500;
		font-size: 1.354vw;
	}

	.heading-box h4::before,
	.heading-box h4::after {
		content: "";
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		width: 2.604vw;
		height: 0.208vw;
		background: #fff;
	}

	.heading-box h4::before {
		top: 0;
	}

	.heading-box h4::after {
		bottom: 0;
	}
	
	#features-area ul {
		width: 65.88vw;
		margin: 0 auto;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	
	#features-area ul li {
		width: 19.01vw;
		margin: 0;
		padding: 0;
	}
	
	#features-area ul dt {
		position: relative;
	}
	
	#features-area ul dt img {
		display: block;
		width: 100%;
	}
	
	#features-area ul dt .feature-label {
		position: absolute;
		top: -0.521vw;
		right: 0;
		display: flex;
		flex-direction: row-reverse;
		gap: 0.365vw;
		align-items: flex-start;
		background: none;
		z-index: 2;
	}
	
	#features-area ul dt .feature-label span {
		writing-mode: vertical-rl;
		text-orientation: mixed;
		background: #fff;
		border-radius: 0.26vw;
		padding: 0.521vw 0.417vw;
		font-size: 1.146vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
		line-height: 1;
		letter-spacing: 0.08em;
	}
	
	#features-area ul dd {
		position: relative;
		padding-top: 1.042vw;
	}
	
	#features-area ul dd span {
		font-size: 2.083vw;
		font-weight: 600;
		font-family: "Geologica", sans-serif;
		color: rgba(255,255,255,0.45);
		margin-top: -2.604vw;
		position: absolute;
	}
	
	#features-area ul dd p {
		color: #FFF;
	}

}




/*--------------------------------------------------------------
#voice-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#voice-area {
		margin: 0 0 27.907vw 0;
		padding: 0;
	}
	
	.voice-box {
		margin: 0;
		text-align: center;
	}
	
	.voice-box a {
		display: none;
	}
	
	.voice-bt {
		text-align: center;
		margin-top: 4.651vw;
	}
	
	.voice-bt a {
		margin: 0;
		padding: 2.326vw 0;
		font-size: 4.186vw;
		font-weight: 600;
		display: inline-block;
		border-bottom: 0.233vw solid #707070;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	.voice-bt a .material-symbols-outlined {
		font-size: 7.442vw;
		color: #625148;
		vertical-align: -1.86vw;
		margin-left: 2.326vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	
	#voice-area h4 {
		margin: 0 0 5.814vw 0;
		padding: 0;
		text-align: center;
		font-size: 4.651vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	#voice-area h4 span {
		color: #F08484;
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#voice-area {
		margin: 7.812vw 0 13.02vw 0;
		padding: 0;
		position: relative;
		overflow: hidden;
	}
	
	.voice-box {
		margin: 0;
		position: absolute;
		top: 30%;
		left: 10.417vw;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: left;
	}
	
	.voice-box a {
		margin: 0;
		padding: 0.521vw 0;
		font-size: 0.938vw;
		font-weight: 600;
		display: inline-block;
		border-bottom: 0.052vw solid #707070;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	.voice-box a .material-symbols-outlined {
		font-size: 1.667vw;
		color: #625148;
		vertical-align: -0.417vw;
		margin-left: 0.521vw;
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	
	.voice-bt a {
		display: none;
	}
	
	#voice-area h4 {
		margin: 0 0 2.344vw 0;
		padding: 0;
		text-align: center;
		font-size: 1.562vw;
		font-weight: 600;
		font-family: "Zen Kaku Gothic New", sans-serif;
	}
	
	#voice-area h4 span {
		color: #F08484;
	}

}

/*--------------------------------------------------------------
.users-slider
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	.users-slider {
		margin: 0;
		padding: 0;
	}
	
	.users-slider .slick-slide {
		margin: 0 3.488vw;
	}
	
	.slick-prev, 
	.slick-next {
		position: absolute;
		top: 50%;
		cursor: pointer;
		outline: none;
		border-top: 0.465vw solid #F08484;
		border-right: 0.465vw solid #F08484;
		height: 3.488vw;
		width: 3.488vw;
	}

	.slick-prev {
		left: 3.488vw;
		transform: rotate(-135deg);
		z-index: 3;
	}

	.slick-next {
		right: 3.488vw;
		transform: rotate(45deg);
		z-index: 3;
	}
	
	.users-slider li {
		background: #FFF;
		border-radius: 4.651vw;
		position: relative;
		padding: 11.628vw 6.977vw;
	}
	
	
	.users-slider dl {
		margin: 0 0 6.977vw 0;
		padding: 0;
	}
	
	.users-slider dl dt {
		margin: 0 auto 4.651vw auto;
		padding: 0;
		width: 32.558vw;
		height: 32.558vw;
		flex-shrink: 0;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.users-slider dl dt img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}
	
	.users-slider dl dd {
		margin: 0;
		padding: 0;
		font-size: 4.186vw;
		font-weight: 600;
		color: #F08484;
		text-align: center;
	}
	
	.users-slider dl dd span.date {
		display: block;
		font-size: 3.023vw;
		font-family: "Geologica", sans-serif;
		font-weight: 600;
		margin-bottom: 0.698vw;
		color: rgba(143,130,120,1.00);
	}
	
	.users-slider dl dd span.username {
		font-size: 4.419vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
		margin-right: 1.163vw;
	}
	
	.users-slider dl dd span.kinds {
		display: block;
		font-size: 3.488vw;
		padding-top: 1.163vw;
		color: #625148;
	}
	
	.new-tag {
		background: #F0B684;
		position: absolute;
		top: 6.977vw;
		right: 0;
		font-size: 4.651vw;
		font-family: "Geologica", sans-serif;
		font-weight: 600;
		color: #FFF;
		padding: 0.698vw 2.326vw 1.163vw 2.326vw;
	}
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	.users-slider {
		margin: 0 0 0 26.04vw;
		padding: 0;
		width: calc(100vw - 500px + 200px);
	}
	
	.users-slider .slick-slide {
		margin: 0 0.781vw;
	}
	
	.slick-prev, 
	.slick-next {
		position: absolute;
		top: -2.344vw;
		cursor: pointer;
		outline: none;
		border-top: 0.104vw solid #F08484;
		border-right: 0.104vw solid #F08484;
		height: 0.781vw;
		width: 0.781vw;
	}

	.slick-prev {
		right: 24.21vw;
		left: auto;
		transform: rotate(-135deg);
	}

	.slick-next {
		right: 20.57vw;
		transform: rotate(45deg);
	}
	
	.users-slider li {
		background: #FFF;
		border-radius: 1.042vw;
		position: relative;
		padding: 2.604vw 3.125vw;
	}
	
	
	
	.users-slider dl {
		margin: 0 0 1.042vw 0;
		padding: 0;
		display: -webkit-flex;
		display: flex;
		align-items: center;
	}
	
	.users-slider dl dt {
		margin: 0 1.302vw 0 0;
		padding: 0;
		width: 7.292vw;
		height: 7.292vw;
		flex-shrink: 0;
		border-radius: 50%;
		overflow: hidden;
	}
	
	.users-slider dl dt img {
		width: 100%;
		height: 100%;
		display: block;
		object-fit: cover;
	}
	
	.users-slider dl dd {
		margin: 0;
		padding: 0;
		font-size: 0.938vw;
		font-weight: 600;
		text-align: left;
	}
	
	.users-slider dl dd span.date {
		display: block;
		font-size: 0.677vw;
		font-family: "Geologica", sans-serif;
		font-weight: 600;
		margin-bottom: 0.156vw;
		color: rgba(143,130,120,1.00);
	}
	
	.users-slider dl dd span.username {
		font-size: 0.99vw;
		font-family: "Geologica", sans-serif;
		font-weight: 500;
		margin-right: 0.26vw;
	}
	
	.users-slider dl dd span.kinds {
		display: block;
		font-size: 0.781vw;
		padding-top: 0.26vw;
		color: #625148;
	}
	
	.new-tag {
		background: #F0B684;
		position: absolute;
		top: 1.562vw;
		right: 0;
		font-size: 1.042vw;
		font-family: "Geologica", sans-serif;
		font-weight: 600;
		color: #FFF;
		padding: 0.156vw 0.521vw 0.26vw 0.521vw;
	}

}


/*--------------------------------------------------------------
#next-menu-area
--------------------------------------------------------------*/

/* mobile */
@media (min-width: 300px) {
	
	#next-menu-area {
		margin: 15.116vw 0 11.628vw 0;
		padding: 0;
		background: #F08F8F;
		border-radius: 0 6.977vw 6.977vw 0;
		overflow: visible;
	}
	
	#next-menu-area ul {
		padding: 0 5.814vw;
		box-sizing: border-box;
		width: auto;
		transform: translateY(-15.116vw);
	}
	
	#next-menu-area ul li {
		width: auto;
		transition: transform 0.4s ease, opacity 0.4s ease;
		margin-bottom: 5.814vw;
	}
	
	#next-menu-area ul li:last-child {
		margin-bottom: 0;
	}
	
	#next-menu-area ul li:hover {
		transform: translateY(-2.326vw);
	}
	
	#next-menu-area dt {
		margin-bottom: 2.326vw;
	}
	
	#next-menu-area dt img {
		border-radius: 4.651vw 4.651vw 0 0;
	}
	
	#next-menu-area dd {
		color: #FFF;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 5.116vw;
		font-weight: 600;
		padding-left: 2.326vw;
		position: relative;
	}
	
	#next-menu-area dd span {
		color: #777777;
		font-family: "Geologica", sans-serif;
		font-size: 3.023vw;
		font-weight: 600;
		display: block;
		margin-top: 1.163vw;
		margin-left: 0.465vw;
	}
	
	#next-menu-area .material-symbols-outlined {
		font-size: 8.837vw;
		color: #FFF;
		vertical-align: -1.86vw;
		position: absolute;
		top: 50%;
		right: 2.326vw;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}
	
}

/* Small than tablet */
@media (min-width: 768px) {
	
	
	
}


/* Larger than tablet */
@media (min-width: 992px) {
	
	#next-menu-area {
		margin: 0 6.25vw 3.125vw 0;
		padding: 9.375vw 0;
		background: #F08F8F;
		border-radius: 0 1.562vw 1.562vw 0;
		position: relative;
	}
	
	#next-menu-area ul {
		padding: 0 0 0 6.25vw;
		box-sizing: border-box;
		width: 71.35vw;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		position: absolute;
		top: -5.729vw;
		left: 50%;
		-webkit-transform: translateX(-50%); /* Safari用 */
		transform: translateX(-50%);
	}
	
	#next-menu-area ul li {
		width: 31.25vw;
		transition: transform 0.4s ease, opacity 0.4s ease;
		margin-bottom: 0;
	}
	
	#next-menu-area ul li:hover {
		transform: translateY(-0.521vw);
	}
	
	#next-menu-area dt {
		margin-bottom: 0.781vw;
	}
	
	#next-menu-area dt img {
		border-radius: 1.042vw 1.042vw 0 0;
	}
	
	#next-menu-area dd {
		color: #FFF;
		font-family: "Zen Kaku Gothic New", sans-serif;
		font-size: 1.302vw;
		font-weight: 600;
		padding-left: 1.562vw;
		position: relative;
	}
	
	#next-menu-area dd span {
		color: #777777;
		font-family: "Geologica", sans-serif;
		font-size: 0.729vw;
		font-weight: 600;
		display: block;
		margin-top: 0.26vw;
		margin-left: 0.104vw;
	}
	
	#next-menu-area .material-symbols-outlined {
		font-size: 1.979vw;
		color: #FFF;
		vertical-align: -0.417vw;
		position: absolute;
		top: 50%;
		right: 1.042vw;
		-webkit-transform: translateY(-50%); 
		transform: translateY(-50%);
		opacity: 1;
		font-variation-settings:
			'FILL' 1,
			'wght' 200,
			'GRAD' 0,
			'opsz' 24
	}

}