/*@import url("_project.css") layer(project)
@import url("_utility.css") layer(utility);*/

/* ====================
  home
==================== */

.p-alphabrightcreamSec1 {
	background-color: #000;
	position: relative;
	z-index: 0;
}

.p-alphabrightcreamSec1::before {
		content: "";
		display: block;
		height: 100%;
		left: 0;
		position: absolute;
		top: 0;
		width: 100%;
		z-index: -1;
	}

.p-alphabrightcreamSec1 .__columns {
		display: grid;
		gap: calc(var(--dynamicScale)*2rem);
	}

.p-alphabrightcreamSec1 .__columns .--right {
			align-self: center;
		}

.p-alphabrightcreamSec2 {
	background: url(/en/img/product/alphabrightcream/sec2_bg.jpg) no-repeat center top / cover;
}

.p-alphabrightcreamSec2 .__columns {
		display: grid;
		row-gap: calc(var(--dynamicScale)*1rem);
	}

.p-alphabrightcreamSec2 .__columns .--left {
			text-align: center;
		}

.p-alphabrightcreamSec2 .__columns .--right {
			align-self: center;
		}

.p-alphabrightcreamSec3 {
	background: url(/en/img/product/alphabrightcream/sec3_bg.jpg) no-repeat center bottom / cover;
}

.p-alphabrightcreamSec3 .__columns {
		display: grid;
		gap: calc(var(--dynamicScale)*2rem);
	}

.p-alphabrightcreamSec3 .__columns .--left {
			text-align: center;
		}

.p-alphabrightcreamSec3 .__columns .--left {
			align-self: center;
		}

/* ====================
font
==================== */

/* 書体 */

.ff-sans {
		font-family: var(--wp--preset--font-family--sans);
	}

.ff-serif {
		font-family: var(--wp--preset--font-family--serif);
	}

.ff-en-sans {
		font-family: var(--wp--preset--font-family--en-sans);
	}

/* 大きさ */

.fs-base {
		font-size: var(--wp--preset--font-size--base);
	}

.fs-xs {
		font-size: var(--wp--preset--font-size--xs);
	}

.fs-sm {
		font-size: var(--wp--preset--font-size--sm);
	}

.fs-md {
		font-size: var(--wp--preset--font-size--md);
	}

.fs-lg {
		font-size: var(--wp--preset--font-size--lg);
	}

.fs-xl {
		font-size: var(--wp--preset--font-size--xl);
	}

.fs-2xl {
		font-size: var(--wp--preset--font-size--2-xl);
	}

.fs-3xl {
		font-size: var(--wp--preset--font-size--3-xl);
	}

.fs-4xl {
		font-size: var(--wp--preset--font-size--4-xl);
	}

.fs-5xl {
		font-size: var(--wp--preset--font-size--5-xl);
	}

.fs-6xl {
		font-size: var(--wp--preset--font-size--6-xl);
	}

.fs-7xl {
		font-size: var(--wp--preset--font-size--7-xl);
	}

.fs-8xl {
		font-size: var(--wp--preset--font-size--8-xl);
	}

.fs-9xl {
		font-size: var(--wp--preset--font-size--9-xl);
	}

.fs-10xl {
		font-size: var(--wp--preset--font-size--10-xl);
	}

/* 太さ */

.fw-light {
		font-weight: 300;
	}

.fw-normal {
		font-weight: 400;
	}

.fw-medium {
		font-weight: 500;
	}

.fw-semibold {
		font-weight: 600;
	}

.fw-bold {
		font-weight: 700;
	}

/* 行間 */

.leading-snug {
	line-height: 1.4;
}

/* ====================
align
==================== */

.txt-left {
		text-align: left;
	}

.txt-right {
		text-align: right;
	}

.txt-center {
		text-align: center;
	}

/* ====================
display
==================== */

.block {
	display: block;
}

.inline-block {
	display: inline-block;
}

/* hidden */

/* ====================
grid
==================== */

.grid {
	display: grid;
}

.cols-2 {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

.cols-3 {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}

.cols-4 {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}

.cols-5 {
		grid-template-columns: repeat(5, minmax(0, 1fr));
	}

.cols-6 {
		grid-template-columns: repeat(6, minmax(0, 1fr));
	}

/* ====================
flex
==================== */

.flex {
	display: flex;
}

.items-baseline {
	align-items: baseline;
}

.items-center {
	align-items: center;
}

.items-end {
	align-items: end;
}

.justify-center {
	justify-content: center;
}

.justify-around {
	justify-content: space-between;
}

.justify-between {
	justify-content: space-between;
}

.justify-evenly {
	justify-content: space-evenly;
}

.flex-wrap {
	flex-wrap: wrap;
}

.flex-col {
	flex-direction: column;
}

.grow {
	flex-grow: 1;
}

.grow-0 {
	flex-grow: 0;
}

.shrink {
	flex-shrink: 1;
}

.shrink-0 {
	flex-shrink: 0;
}

.self-center {
	align-self: center;
}

.self-end {
	align-self: flex-end;
}

/* flex-basis */

/* ====================
color
==================== */

.txt-red {
		color: var(--wp--preset--color--red);
	}

.bg-red {
		background-color: var(--wp--preset--color--red);
	}

.txt-gray {
		color: var(--wp--preset--color--gray);
	}

.bg-gray {
		background-color: var(--wp--preset--color--gray);
	}

.txt-gray-light {
		color: var(--wp--preset--color--gray-light);
	}

.bg-gray-light {
		background-color: var(--wp--preset--color--gray-light);
	}

.txt-primary {
		color: var(--wp--preset--color--primary);
	}

.bg-primary {
		background-color: var(--wp--preset--color--primary);
	}

.txt-primary-light {
		color: var(--wp--preset--color--primary-light);
	}

.bg-primary-light {
		background-color: var(--wp--preset--color--primary-light);
	}

.txt-secondary {
		color: var(--wp--preset--color--secondary);
	}

.bg-secondary {
		background-color: var(--wp--preset--color--secondary);
	}

.txt-secondary-light {
		color: var(--wp--preset--color--secondary-light);
	}

.bg-secondary-light {
		background-color: var(--wp--preset--color--secondary-light);
	}

.txt-black {
		color: #000;
	}

.bg-black {
		background-color: #000;
	}

.txt-white {
		color: #fff;
	}

.bg-white {
		background-color: #fff;
	}

/* ====================
spacing
==================== */

/* auto */

.m-auto, .mt-auto, .my-auto {
	margin-top: auto;
}

.m-auto, .mb-auto, .my-auto {
	margin-bottom: auto;
}

.m-auto, .ml-auto, .mx-auto {
	margin-left: auto;
}

.m-auto, .mr-auto, .mx-auto {
	margin-right: auto;
}

/* 0 */

.m-0, .mt-0, .my-0 {
	margin-top: 0;
}

.m-0, .mb-0, .my-0 {
	margin-bottom: 0;
}

.m-0, .ml-0, .mx-0 {
	margin-left: 0;
}

.m-0, .mr-0, .mx-0 {
	margin-right: 0;
}

.p-0, .pt-0, .py-0 {
	padding-top: 0;
}

.p-0, .pb-0, .py-0 {
	padding-bottom: 0;
}

.p-0, .pl-0, .px-0 {
	padding-left: 0;
}

.p-0, .pr-0, .px-0 {
	padding-right: 0;
}

/* 1~6 */

.m-1 {
		margin: calc(var(--dynamicScale)*1rem);
	}

.mt-1, .my-1 {
		margin-top: calc(var(--dynamicScale)*1rem);
	}

.mb-1, .my-1 {
		margin-bottom: calc(var(--dynamicScale)*1rem);
	}

.ml-1, .mx-1 {
		margin-left: calc(var(--dynamicScale)*1rem);
	}

.mr-1, .mx-1 {
		margin-right: calc(var(--dynamicScale)*1rem);
	}

.p-1 {
		padding: calc(var(--dynamicScale)*1rem);
	}

.pt-1, .py-1 {
		padding-top: calc(var(--dynamicScale)*1rem);
	}

.pb-1, .py-1 {
		padding-bottom: calc(var(--dynamicScale)*1rem);
	}

.pl-1, .px-1 {
		padding-left: calc(var(--dynamicScale)*1rem);
	}

.pr-1, .px-1 {
		padding-right: calc(var(--dynamicScale)*1rem);
	}

.gap-1, .gap-x-1 {
		column-gap: calc(var(--dynamicScale)*1rem);
	}

.gap-1, .gap-y-1 {
		row-gap: calc(var(--dynamicScale)*1rem);
	}

.mt-1- {
		margin-top: calc(var(--dynamicScale)*-1rem);
	}

.mb-1- {
		margin-bottom: calc(var(--dynamicScale)*-1rem);
	}

.m-2 {
		margin: calc(var(--dynamicScale)*2rem);
	}

.mt-2, .my-2 {
		margin-top: calc(var(--dynamicScale)*2rem);
	}

.mb-2, .my-2 {
		margin-bottom: calc(var(--dynamicScale)*2rem);
	}

.ml-2, .mx-2 {
		margin-left: calc(var(--dynamicScale)*2rem);
	}

.mr-2, .mx-2 {
		margin-right: calc(var(--dynamicScale)*2rem);
	}

.p-2 {
		padding: calc(var(--dynamicScale)*2rem);
	}

.pt-2, .py-2 {
		padding-top: calc(var(--dynamicScale)*2rem);
	}

.pb-2, .py-2 {
		padding-bottom: calc(var(--dynamicScale)*2rem);
	}

.pl-2, .px-2 {
		padding-left: calc(var(--dynamicScale)*2rem);
	}

.pr-2, .px-2 {
		padding-right: calc(var(--dynamicScale)*2rem);
	}

.gap-2, .gap-x-2 {
		column-gap: calc(var(--dynamicScale)*2rem);
	}

.gap-2, .gap-y-2 {
		row-gap: calc(var(--dynamicScale)*2rem);
	}

.mt-2- {
		margin-top: calc(var(--dynamicScale)*-2rem);
	}

.mb-2- {
		margin-bottom: calc(var(--dynamicScale)*-2rem);
	}

.m-3 {
		margin: calc(var(--dynamicScale)*3rem);
	}

.mt-3, .my-3 {
		margin-top: calc(var(--dynamicScale)*3rem);
	}

.mb-3, .my-3 {
		margin-bottom: calc(var(--dynamicScale)*3rem);
	}

.ml-3, .mx-3 {
		margin-left: calc(var(--dynamicScale)*3rem);
	}

.mr-3, .mx-3 {
		margin-right: calc(var(--dynamicScale)*3rem);
	}

.p-3 {
		padding: calc(var(--dynamicScale)*3rem);
	}

.pt-3, .py-3 {
		padding-top: calc(var(--dynamicScale)*3rem);
	}

.pb-3, .py-3 {
		padding-bottom: calc(var(--dynamicScale)*3rem);
	}

.pl-3, .px-3 {
		padding-left: calc(var(--dynamicScale)*3rem);
	}

.pr-3, .px-3 {
		padding-right: calc(var(--dynamicScale)*3rem);
	}

.gap-3, .gap-x-3 {
		column-gap: calc(var(--dynamicScale)*3rem);
	}

.gap-3, .gap-y-3 {
		row-gap: calc(var(--dynamicScale)*3rem);
	}

.mt-3- {
		margin-top: calc(var(--dynamicScale)*-3rem);
	}

.mb-3- {
		margin-bottom: calc(var(--dynamicScale)*-3rem);
	}

.m-4 {
		margin: calc(var(--dynamicScale)*4rem);
	}

.mt-4, .my-4 {
		margin-top: calc(var(--dynamicScale)*4rem);
	}

.mb-4, .my-4 {
		margin-bottom: calc(var(--dynamicScale)*4rem);
	}

.ml-4, .mx-4 {
		margin-left: calc(var(--dynamicScale)*4rem);
	}

.mr-4, .mx-4 {
		margin-right: calc(var(--dynamicScale)*4rem);
	}

.p-4 {
		padding: calc(var(--dynamicScale)*4rem);
	}

.pt-4, .py-4 {
		padding-top: calc(var(--dynamicScale)*4rem);
	}

.pb-4, .py-4 {
		padding-bottom: calc(var(--dynamicScale)*4rem);
	}

.pl-4, .px-4 {
		padding-left: calc(var(--dynamicScale)*4rem);
	}

.pr-4, .px-4 {
		padding-right: calc(var(--dynamicScale)*4rem);
	}

.gap-4, .gap-x-4 {
		column-gap: calc(var(--dynamicScale)*4rem);
	}

.gap-4, .gap-y-4 {
		row-gap: calc(var(--dynamicScale)*4rem);
	}

.mt-4- {
		margin-top: calc(var(--dynamicScale)*-4rem);
	}

.mb-4- {
		margin-bottom: calc(var(--dynamicScale)*-4rem);
	}

.m-5 {
		margin: calc(var(--dynamicScale)*5rem);
	}

.mt-5, .my-5 {
		margin-top: calc(var(--dynamicScale)*5rem);
	}

.mb-5, .my-5 {
		margin-bottom: calc(var(--dynamicScale)*5rem);
	}

.ml-5, .mx-5 {
		margin-left: calc(var(--dynamicScale)*5rem);
	}

.mr-5, .mx-5 {
		margin-right: calc(var(--dynamicScale)*5rem);
	}

.p-5 {
		padding: calc(var(--dynamicScale)*5rem);
	}

.pt-5, .py-5 {
		padding-top: calc(var(--dynamicScale)*5rem);
	}

.pb-5, .py-5 {
		padding-bottom: calc(var(--dynamicScale)*5rem);
	}

.pl-5, .px-5 {
		padding-left: calc(var(--dynamicScale)*5rem);
	}

.pr-5, .px-5 {
		padding-right: calc(var(--dynamicScale)*5rem);
	}

.gap-5, .gap-x-5 {
		column-gap: calc(var(--dynamicScale)*5rem);
	}

.gap-5, .gap-y-5 {
		row-gap: calc(var(--dynamicScale)*5rem);
	}

.mt-5- {
		margin-top: calc(var(--dynamicScale)*-5rem);
	}

.mb-5- {
		margin-bottom: calc(var(--dynamicScale)*-5rem);
	}

.m-6 {
		margin: calc(var(--dynamicScale)*6rem);
	}

.mt-6, .my-6 {
		margin-top: calc(var(--dynamicScale)*6rem);
	}

.mb-6, .my-6 {
		margin-bottom: calc(var(--dynamicScale)*6rem);
	}

.ml-6, .mx-6 {
		margin-left: calc(var(--dynamicScale)*6rem);
	}

.mr-6, .mx-6 {
		margin-right: calc(var(--dynamicScale)*6rem);
	}

.p-6 {
		padding: calc(var(--dynamicScale)*6rem);
	}

.pt-6, .py-6 {
		padding-top: calc(var(--dynamicScale)*6rem);
	}

.pb-6, .py-6 {
		padding-bottom: calc(var(--dynamicScale)*6rem);
	}

.pl-6, .px-6 {
		padding-left: calc(var(--dynamicScale)*6rem);
	}

.pr-6, .px-6 {
		padding-right: calc(var(--dynamicScale)*6rem);
	}

.gap-6, .gap-x-6 {
		column-gap: calc(var(--dynamicScale)*6rem);
	}

.gap-6, .gap-y-6 {
		row-gap: calc(var(--dynamicScale)*6rem);
	}

.mt-6- {
		margin-top: calc(var(--dynamicScale)*-6rem);
	}

.mb-6- {
		margin-bottom: calc(var(--dynamicScale)*-6rem);
	}

.m-7 {
		margin: calc(var(--dynamicScale)*7rem);
	}

.mt-7, .my-7 {
		margin-top: calc(var(--dynamicScale)*7rem);
	}

.mb-7, .my-7 {
		margin-bottom: calc(var(--dynamicScale)*7rem);
	}

.ml-7, .mx-7 {
		margin-left: calc(var(--dynamicScale)*7rem);
	}

.mr-7, .mx-7 {
		margin-right: calc(var(--dynamicScale)*7rem);
	}

.p-7 {
		padding: calc(var(--dynamicScale)*7rem);
	}

.pt-7, .py-7 {
		padding-top: calc(var(--dynamicScale)*7rem);
	}

.pb-7, .py-7 {
		padding-bottom: calc(var(--dynamicScale)*7rem);
	}

.pl-7, .px-7 {
		padding-left: calc(var(--dynamicScale)*7rem);
	}

.pr-7, .px-7 {
		padding-right: calc(var(--dynamicScale)*7rem);
	}

.gap-7, .gap-x-7 {
		column-gap: calc(var(--dynamicScale)*7rem);
	}

.gap-7, .gap-y-7 {
		row-gap: calc(var(--dynamicScale)*7rem);
	}

.mt-7- {
		margin-top: calc(var(--dynamicScale)*-7rem);
	}

.mb-7- {
		margin-bottom: calc(var(--dynamicScale)*-7rem);
	}

.m-8 {
		margin: calc(var(--dynamicScale)*8rem);
	}

.mt-8, .my-8 {
		margin-top: calc(var(--dynamicScale)*8rem);
	}

.mb-8, .my-8 {
		margin-bottom: calc(var(--dynamicScale)*8rem);
	}

.ml-8, .mx-8 {
		margin-left: calc(var(--dynamicScale)*8rem);
	}

.mr-8, .mx-8 {
		margin-right: calc(var(--dynamicScale)*8rem);
	}

.p-8 {
		padding: calc(var(--dynamicScale)*8rem);
	}

.pt-8, .py-8 {
		padding-top: calc(var(--dynamicScale)*8rem);
	}

.pb-8, .py-8 {
		padding-bottom: calc(var(--dynamicScale)*8rem);
	}

.pl-8, .px-8 {
		padding-left: calc(var(--dynamicScale)*8rem);
	}

.pr-8, .px-8 {
		padding-right: calc(var(--dynamicScale)*8rem);
	}

.gap-8, .gap-x-8 {
		column-gap: calc(var(--dynamicScale)*8rem);
	}

.gap-8, .gap-y-8 {
		row-gap: calc(var(--dynamicScale)*8rem);
	}

.mt-8- {
		margin-top: calc(var(--dynamicScale)*-8rem);
	}

.mb-8- {
		margin-bottom: calc(var(--dynamicScale)*-8rem);
	}

/*@for $point from 2 to 6 by 2 {*/

.mt-0\.2, .my-0\.2 {
			margin-top: calc(var(--dynamicScale)*0.2rem);
		}

.mb-0\.2, .my-0\.2 {
			margin-bottom: calc(var(--dynamicScale)*0.2rem);
		}

.ml-0\.2, .mx-0\.2 {
			margin-left: calc(var(--dynamicScale)*0.2rem);
		}

.mr-0\.2, .mx-0\.2 {
			margin-right: calc(var(--dynamicScale)*0.2rem);
		}

.pt-0\.2, .py-0\.2 {
			padding-top: calc(var(--dynamicScale)*0.2rem);
		}

.pb-0\.2, .py-0\.2 {
			padding-bottom: calc(var(--dynamicScale)*0.2rem);
		}

.pl-0\.2, .px-0\.2 {
			padding-left: calc(var(--dynamicScale)*0.2rem);
		}

.pr-0\.2, .px-0\.2 {
			padding-right: calc(var(--dynamicScale)*0.2rem);
		}

.gap-0\.2, .gap-x-0\.2 {
			column-gap: calc(var(--dynamicScale)*0.2rem);
		}

.gap-0\.2, .gap-y-0\.2 {
			row-gap: calc(var(--dynamicScale)*0.2rem);
		}

/*@for $point from 2 to 6 by 2 {*/

.mt-0\.4, .my-0\.4 {
			margin-top: calc(var(--dynamicScale)*0.4rem);
		}

.mb-0\.4, .my-0\.4 {
			margin-bottom: calc(var(--dynamicScale)*0.4rem);
		}

.ml-0\.4, .mx-0\.4 {
			margin-left: calc(var(--dynamicScale)*0.4rem);
		}

.mr-0\.4, .mx-0\.4 {
			margin-right: calc(var(--dynamicScale)*0.4rem);
		}

.pt-0\.4, .py-0\.4 {
			padding-top: calc(var(--dynamicScale)*0.4rem);
		}

.pb-0\.4, .py-0\.4 {
			padding-bottom: calc(var(--dynamicScale)*0.4rem);
		}

.pl-0\.4, .px-0\.4 {
			padding-left: calc(var(--dynamicScale)*0.4rem);
		}

.pr-0\.4, .px-0\.4 {
			padding-right: calc(var(--dynamicScale)*0.4rem);
		}

.gap-0\.4, .gap-x-0\.4 {
			column-gap: calc(var(--dynamicScale)*0.4rem);
		}

.gap-0\.4, .gap-y-0\.4 {
			row-gap: calc(var(--dynamicScale)*0.4rem);
		}

/*@for $point from 2 to 6 by 2 {*/

.mt-0\.6, .my-0\.6 {
			margin-top: calc(var(--dynamicScale)*0.6rem);
		}

.mb-0\.6, .my-0\.6 {
			margin-bottom: calc(var(--dynamicScale)*0.6rem);
		}

.ml-0\.6, .mx-0\.6 {
			margin-left: calc(var(--dynamicScale)*0.6rem);
		}

.mr-0\.6, .mx-0\.6 {
			margin-right: calc(var(--dynamicScale)*0.6rem);
		}

.pt-0\.6, .py-0\.6 {
			padding-top: calc(var(--dynamicScale)*0.6rem);
		}

.pb-0\.6, .py-0\.6 {
			padding-bottom: calc(var(--dynamicScale)*0.6rem);
		}

.pl-0\.6, .px-0\.6 {
			padding-left: calc(var(--dynamicScale)*0.6rem);
		}

.pr-0\.6, .px-0\.6 {
			padding-right: calc(var(--dynamicScale)*0.6rem);
		}

.gap-0\.6, .gap-x-0\.6 {
			column-gap: calc(var(--dynamicScale)*0.6rem);
		}

.gap-0\.6, .gap-y-0\.6 {
			row-gap: calc(var(--dynamicScale)*0.6rem);
		}

/*@for $point from 2 to 6 by 2 {*/

.mt-0\.8, .my-0\.8 {
			margin-top: calc(var(--dynamicScale)*0.8rem);
		}

.mb-0\.8, .my-0\.8 {
			margin-bottom: calc(var(--dynamicScale)*0.8rem);
		}

.ml-0\.8, .mx-0\.8 {
			margin-left: calc(var(--dynamicScale)*0.8rem);
		}

.mr-0\.8, .mx-0\.8 {
			margin-right: calc(var(--dynamicScale)*0.8rem);
		}

.pt-0\.8, .py-0\.8 {
			padding-top: calc(var(--dynamicScale)*0.8rem);
		}

.pb-0\.8, .py-0\.8 {
			padding-bottom: calc(var(--dynamicScale)*0.8rem);
		}

.pl-0\.8, .px-0\.8 {
			padding-left: calc(var(--dynamicScale)*0.8rem);
		}

.pr-0\.8, .px-0\.8 {
			padding-right: calc(var(--dynamicScale)*0.8rem);
		}

.gap-0\.8, .gap-x-0\.8 {
			column-gap: calc(var(--dynamicScale)*0.8rem);
		}

.gap-0\.8, .gap-y-0\.8 {
			row-gap: calc(var(--dynamicScale)*0.8rem);
		}

/* ====================
width
==================== */

.w-fit {
	width: fit-content;
}

.w-full {
	width: 100%;
}

.w-1\/2 {
	width: 50%;
}

.w-1\/3 {
	width: 33.33333%;
}

.w-2\/3 {
	width: 66.66667%;
}

.w-1\/4 {
	width: 25%;
}

.w-3\/4 {
	width: 100%;
}

/* ====================
body
==================== */

/*
* {
	&:first-child/*, &:first-of-type {
		margin-block-start: 0;
	}
	&:last-child/*, &:last-of-type {
		margin-block-end: 0;
	}
	&::before, &::after {
		transition: var(--custom--transition);
	}
}
*/

/* ====================
preloader
==================== */

#preloader {
	background-color: #fff;
	height: 100vh;
	left: 0;
	position: fixed;
	top: 0;
	transition: 0.8s ease;
	width: 100vw;
	z-index: 99999;
}

/* ====================
reCapcha
==================== */

.grecaptcha-badge {
	visibility: hidden;
}

/* ====================
 animation
==================== */

@media (width > 1024px) {

.p-alphabrightcreamSec1::before {
			background: url(/en/img/product/alphabrightcream/sec1_bg.jpg) no-repeat center center / 1600px auto;
			transform: translateX(95px)
	}

.p-alphabrightcreamSec1 .__columns {
			grid-template-columns: 46% auto
	}

.p-alphabrightcreamSec2 .__columns {
			grid-template-columns: auto 60%
	}

.p-alphabrightcreamSec3 .__columns {
			grid-template-columns: auto 60%
	}
		.lg\:fs-base {
			font-size: var(--wp--preset--font-size--base);
		}
		.lg\:fs-xs {
			font-size: var(--wp--preset--font-size--xs);
		}
		.lg\:fs-sm {
			font-size: var(--wp--preset--font-size--sm);
		}
		.lg\:fs-md {
			font-size: var(--wp--preset--font-size--md);
		}
		.lg\:fs-lg {
			font-size: var(--wp--preset--font-size--lg);
		}
		.lg\:fs-xl {
			font-size: var(--wp--preset--font-size--xl);
		}
		.lg\:fs-2xl {
			font-size: var(--wp--preset--font-size--2-xl);
		}
		.lg\:fs-3xl {
			font-size: var(--wp--preset--font-size--3-xl);
		}
		.lg\:fs-4xl {
			font-size: var(--wp--preset--font-size--4-xl);
		}
		.lg\:fs-5xl {
			font-size: var(--wp--preset--font-size--5-xl);
		}
		.lg\:fs-6xl {
			font-size: var(--wp--preset--font-size--6-xl);
		}
		.lg\:fs-7xl {
			font-size: var(--wp--preset--font-size--7-xl);
		}
		.lg\:fs-8xl {
			font-size: var(--wp--preset--font-size--8-xl);
		}
		.lg\:fs-9xl {
			font-size: var(--wp--preset--font-size--9-xl);
		}
		.lg\:fs-10xl {
			font-size: var(--wp--preset--font-size--10-xl);
		}
		.lg\:txt-left {
			text-align: left;
		}
		.lg\:txt-right {
			text-align: right;
		}
		.lg\:txt-center {
			text-align: center;
		}
	.lg\:hidden {
		display: none;
	}
		.grid .lg\:grid {
			display: grid;
		}
		.lg\:cols-2 {
			grid-template-columns: repeat(2, minmax(0, 1fr));
		}
		.lg\:cols-3 {
			grid-template-columns: repeat(3, minmax(0, 1fr));
		}
		.lg\:cols-4 {
			grid-template-columns: repeat(4, minmax(0, 1fr));
		}
		.lg\:cols-5 {
			grid-template-columns: repeat(5, minmax(0, 1fr));
		}
		.lg\:cols-6 {
			grid-template-columns: repeat(6, minmax(0, 1fr));
		}
	.lg\:flex {
		display: flex;
	}
	[class*="basis-"] {
		flex-grow: 0;
		flex-shrink: 0;
	}
	.lg\:basis-1\/3 {
		flex-basis: 33.3333333333%;
	}
	.lg\:basis-2\/3 {
		flex-basis: 66.6666666667%;
	}
	.lg\:basis-1\/4 {
		flex-basis: 25%;
	}
	.lg\:basis-3\/4 {
		flex-basis: 75%;
	}
	.lg\:basis-1\/5 {
		flex-basis: 20%;
	}
	.lg\:basis-2\/5 {
		flex-basis: 40%;
	}
	.lg\:basis-3\/5 {
		flex-basis: 60%;
	}
	.lg\:basis-4\/5 {
		flex-basis: 80%;
	}
	.lg\:m-0, .lg\:mt-0, .lg\:my-0 {
		margin-top: 0;
	}
	.lg\:m-0, .lg\:mb-0, .lg\:my-0 {
		margin-bottom: 0;
	}
	.lg\:m-0, .lg\:ml-0, .lg\:mx-0 {
		margin-left: 0;
	}
	.lg\:m-0, .lg\:mr-0, .lg\:mx-0 {
		margin-right: 0;
	}
	.lg\:p-0, .lg\:pt-0, .lg\:py-0 {
		padding-top: 0;
	}
	.lg\:p-0, .lg\:pb-0, .lg\:py-0 {
		padding-bottom: 0;
	}
	.lg\:p-0, .lg\:pl-0, .lg\:px-0 {
		padding-left: 0;
	}
	.lg\:p-0, .lg\:pr-0, .lg\:px-0 {
		padding-right: 0;
	}
		.lg\:m-1 {
			margin: calc(var(--dynamicScale)*1rem);
		}
		.lg\:mt-1, .lg\:my-1 {
			margin-top: calc(var(--dynamicScale)*1rem);
		}
		.lg\:mb-1, .lg\:my-1 {
			margin-bottom: calc(var(--dynamicScale)*1rem);
		}
		.lg\:ml-1, .lg\:mx-1 {
			margin-left: calc(var(--dynamicScale)*1rem);
		}
		.lg\:mr-1, .lg\:mx-1 {
			margin-right: calc(var(--dynamicScale)*1rem);
		}
		.lg\:p-1 {
			padding: calc(var(--dynamicScale)*1rem);
		}
		.lg\:pt-1, .lg\:py-1 {
			padding-top: calc(var(--dynamicScale)*1rem);
		}
		.lg\:pb-1, .lg\:py-1 {
			padding-bottom: calc(var(--dynamicScale)*1rem);
		}
		.lg\:pl-1, .lg\:px-1 {
			padding-left: calc(var(--dynamicScale)*1rem);
		}
		.lg\:pr-1, .lg\:px-1 {
			padding-right: calc(var(--dynamicScale)*1rem);
		}
		.lg\:gap-1, .lg\:gap-x-1 {
			column-gap: calc(var(--dynamicScale)*1rem);
		}
		.lg\:gap-1, .lg\:gap-y-1 {
			row-gap: calc(var(--dynamicScale)*1rem);
		}
		.lg\:m-2 {
			margin: calc(var(--dynamicScale)*2rem);
		}
		.lg\:mt-2, .lg\:my-2 {
			margin-top: calc(var(--dynamicScale)*2rem);
		}
		.lg\:mb-2, .lg\:my-2 {
			margin-bottom: calc(var(--dynamicScale)*2rem);
		}
		.lg\:ml-2, .lg\:mx-2 {
			margin-left: calc(var(--dynamicScale)*2rem);
		}
		.lg\:mr-2, .lg\:mx-2 {
			margin-right: calc(var(--dynamicScale)*2rem);
		}
		.lg\:p-2 {
			padding: calc(var(--dynamicScale)*2rem);
		}
		.lg\:pt-2, .lg\:py-2 {
			padding-top: calc(var(--dynamicScale)*2rem);
		}
		.lg\:pb-2, .lg\:py-2 {
			padding-bottom: calc(var(--dynamicScale)*2rem);
		}
		.lg\:pl-2, .lg\:px-2 {
			padding-left: calc(var(--dynamicScale)*2rem);
		}
		.lg\:pr-2, .lg\:px-2 {
			padding-right: calc(var(--dynamicScale)*2rem);
		}
		.lg\:gap-2, .lg\:gap-x-2 {
			column-gap: calc(var(--dynamicScale)*2rem);
		}
		.lg\:gap-2, .lg\:gap-y-2 {
			row-gap: calc(var(--dynamicScale)*2rem);
		}
		.lg\:m-3 {
			margin: calc(var(--dynamicScale)*3rem);
		}
		.lg\:mt-3, .lg\:my-3 {
			margin-top: calc(var(--dynamicScale)*3rem);
		}
		.lg\:mb-3, .lg\:my-3 {
			margin-bottom: calc(var(--dynamicScale)*3rem);
		}
		.lg\:ml-3, .lg\:mx-3 {
			margin-left: calc(var(--dynamicScale)*3rem);
		}
		.lg\:mr-3, .lg\:mx-3 {
			margin-right: calc(var(--dynamicScale)*3rem);
		}
		.lg\:p-3 {
			padding: calc(var(--dynamicScale)*3rem);
		}
		.lg\:pt-3, .lg\:py-3 {
			padding-top: calc(var(--dynamicScale)*3rem);
		}
		.lg\:pb-3, .lg\:py-3 {
			padding-bottom: calc(var(--dynamicScale)*3rem);
		}
		.lg\:pl-3, .lg\:px-3 {
			padding-left: calc(var(--dynamicScale)*3rem);
		}
		.lg\:pr-3, .lg\:px-3 {
			padding-right: calc(var(--dynamicScale)*3rem);
		}
		.lg\:gap-3, .lg\:gap-x-3 {
			column-gap: calc(var(--dynamicScale)*3rem);
		}
		.lg\:gap-3, .lg\:gap-y-3 {
			row-gap: calc(var(--dynamicScale)*3rem);
		}
		.lg\:m-4 {
			margin: calc(var(--dynamicScale)*4rem);
		}
		.lg\:mt-4, .lg\:my-4 {
			margin-top: calc(var(--dynamicScale)*4rem);
		}
		.lg\:mb-4, .lg\:my-4 {
			margin-bottom: calc(var(--dynamicScale)*4rem);
		}
		.lg\:ml-4, .lg\:mx-4 {
			margin-left: calc(var(--dynamicScale)*4rem);
		}
		.lg\:mr-4, .lg\:mx-4 {
			margin-right: calc(var(--dynamicScale)*4rem);
		}
		.lg\:p-4 {
			padding: calc(var(--dynamicScale)*4rem);
		}
		.lg\:pt-4, .lg\:py-4 {
			padding-top: calc(var(--dynamicScale)*4rem);
		}
		.lg\:pb-4, .lg\:py-4 {
			padding-bottom: calc(var(--dynamicScale)*4rem);
		}
		.lg\:pl-4, .lg\:px-4 {
			padding-left: calc(var(--dynamicScale)*4rem);
		}
		.lg\:pr-4, .lg\:px-4 {
			padding-right: calc(var(--dynamicScale)*4rem);
		}
		.lg\:gap-4, .lg\:gap-x-4 {
			column-gap: calc(var(--dynamicScale)*4rem);
		}
		.lg\:gap-4, .lg\:gap-y-4 {
			row-gap: calc(var(--dynamicScale)*4rem);
		}
		.lg\:m-5 {
			margin: calc(var(--dynamicScale)*5rem);
		}
		.lg\:mt-5, .lg\:my-5 {
			margin-top: calc(var(--dynamicScale)*5rem);
		}
		.lg\:mb-5, .lg\:my-5 {
			margin-bottom: calc(var(--dynamicScale)*5rem);
		}
		.lg\:ml-5, .lg\:mx-5 {
			margin-left: calc(var(--dynamicScale)*5rem);
		}
		.lg\:mr-5, .lg\:mx-5 {
			margin-right: calc(var(--dynamicScale)*5rem);
		}
		.lg\:p-5 {
			padding: calc(var(--dynamicScale)*5rem);
		}
		.lg\:pt-5, .lg\:py-5 {
			padding-top: calc(var(--dynamicScale)*5rem);
		}
		.lg\:pb-5, .lg\:py-5 {
			padding-bottom: calc(var(--dynamicScale)*5rem);
		}
		.lg\:pl-5, .lg\:px-5 {
			padding-left: calc(var(--dynamicScale)*5rem);
		}
		.lg\:pr-5, .lg\:px-5 {
			padding-right: calc(var(--dynamicScale)*5rem);
		}
		.lg\:gap-5, .lg\:gap-x-5 {
			column-gap: calc(var(--dynamicScale)*5rem);
		}
		.lg\:gap-5, .lg\:gap-y-5 {
			row-gap: calc(var(--dynamicScale)*5rem);
		}
		.lg\:m-6 {
			margin: calc(var(--dynamicScale)*6rem);
		}
		.lg\:mt-6, .lg\:my-6 {
			margin-top: calc(var(--dynamicScale)*6rem);
		}
		.lg\:mb-6, .lg\:my-6 {
			margin-bottom: calc(var(--dynamicScale)*6rem);
		}
		.lg\:ml-6, .lg\:mx-6 {
			margin-left: calc(var(--dynamicScale)*6rem);
		}
		.lg\:mr-6, .lg\:mx-6 {
			margin-right: calc(var(--dynamicScale)*6rem);
		}
		.lg\:p-6 {
			padding: calc(var(--dynamicScale)*6rem);
		}
		.lg\:pt-6, .lg\:py-6 {
			padding-top: calc(var(--dynamicScale)*6rem);
		}
		.lg\:pb-6, .lg\:py-6 {
			padding-bottom: calc(var(--dynamicScale)*6rem);
		}
		.lg\:pl-6, .lg\:px-6 {
			padding-left: calc(var(--dynamicScale)*6rem);
		}
		.lg\:pr-6, .lg\:px-6 {
			padding-right: calc(var(--dynamicScale)*6rem);
		}
		.lg\:gap-6, .lg\:gap-x-6 {
			column-gap: calc(var(--dynamicScale)*6rem);
		}
		.lg\:gap-6, .lg\:gap-y-6 {
			row-gap: calc(var(--dynamicScale)*6rem);
		}
		.lg\:m-7 {
			margin: calc(var(--dynamicScale)*7rem);
		}
		.lg\:mt-7, .lg\:my-7 {
			margin-top: calc(var(--dynamicScale)*7rem);
		}
		.lg\:mb-7, .lg\:my-7 {
			margin-bottom: calc(var(--dynamicScale)*7rem);
		}
		.lg\:ml-7, .lg\:mx-7 {
			margin-left: calc(var(--dynamicScale)*7rem);
		}
		.lg\:mr-7, .lg\:mx-7 {
			margin-right: calc(var(--dynamicScale)*7rem);
		}
		.lg\:p-7 {
			padding: calc(var(--dynamicScale)*7rem);
		}
		.lg\:pt-7, .lg\:py-7 {
			padding-top: calc(var(--dynamicScale)*7rem);
		}
		.lg\:pb-7, .lg\:py-7 {
			padding-bottom: calc(var(--dynamicScale)*7rem);
		}
		.lg\:pl-7, .lg\:px-7 {
			padding-left: calc(var(--dynamicScale)*7rem);
		}
		.lg\:pr-7, .lg\:px-7 {
			padding-right: calc(var(--dynamicScale)*7rem);
		}
		.lg\:gap-7, .lg\:gap-x-7 {
			column-gap: calc(var(--dynamicScale)*7rem);
		}
		.lg\:gap-7, .lg\:gap-y-7 {
			row-gap: calc(var(--dynamicScale)*7rem);
		}
		.lg\:m-8 {
			margin: calc(var(--dynamicScale)*8rem);
		}
		.lg\:mt-8, .lg\:my-8 {
			margin-top: calc(var(--dynamicScale)*8rem);
		}
		.lg\:mb-8, .lg\:my-8 {
			margin-bottom: calc(var(--dynamicScale)*8rem);
		}
		.lg\:ml-8, .lg\:mx-8 {
			margin-left: calc(var(--dynamicScale)*8rem);
		}
		.lg\:mr-8, .lg\:mx-8 {
			margin-right: calc(var(--dynamicScale)*8rem);
		}
		.lg\:p-8 {
			padding: calc(var(--dynamicScale)*8rem);
		}
		.lg\:pt-8, .lg\:py-8 {
			padding-top: calc(var(--dynamicScale)*8rem);
		}
		.lg\:pb-8, .lg\:py-8 {
			padding-bottom: calc(var(--dynamicScale)*8rem);
		}
		.lg\:pl-8, .lg\:px-8 {
			padding-left: calc(var(--dynamicScale)*8rem);
		}
		.lg\:pr-8, .lg\:px-8 {
			padding-right: calc(var(--dynamicScale)*8rem);
		}
		.lg\:gap-8, .lg\:gap-x-8 {
			column-gap: calc(var(--dynamicScale)*8rem);
		}
		.lg\:gap-8, .lg\:gap-y-8 {
			row-gap: calc(var(--dynamicScale)*8rem);
		}
	.lg\:w-1\/2 {
		width: 50%;
	}
	.lg\:w-1\/3 {
		width: 33.33333%;
	}
	.lg\:w-2\/3 {
		width: 66.66667%;
	}
	.lg\:w-1\/4 {
		width: 25%;
	}
	.lg\:w-3\/4 {
		width: 100%;
	}
}

@media (width <= 1024px) {

.p-alphabrightcreamSec1::before {
			background: url(/en/img/product/alphabrightcream/sec1_bg_sp.jpg) no-repeat center top / cover
	}

.p-alphabrightcreamSec2 {
		background-image: url(/en/img/product/alphabrightcream/sec2_bg_sp.jpg)
}

.p-alphabrightcreamSec2 .__columns .--left img {
					width: 80%
			}

.p-alphabrightcreamSec3 {
		background-image: url(/en/img/product/alphabrightcream/sec3_bg_sp.jpg)
}

.p-alphabrightcreamSec3 .__columns .--left img {
					width: 80%
			}
	.lg-max\:hidden {
		display: none;
	}
}