@keyframes animation_fade_lineup {
	0% {
		opacity: 0
	}
	15% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
.balancingclear html {
	box-sizing: border-box;
	-webkit-text-size-adjust: 100%;
	word-break: normal;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4
}
.balancingclear *, .balancingclear ::before, .balancingclear ::after {
	background-repeat: no-repeat;
	box-sizing: inherit
}
.balancingclear ::before, .balancingclear ::after {
	text-decoration: inherit;
	vertical-align: inherit
}
.balancingclear * {
	padding: 0;
	margin: 0
}
.balancingclear hr {
	overflow: visible;
	height: 0;
	color: inherit
}
.balancingclear details, .balancingclear main {
	display: block
}
.balancingclear summary {
	display: list-item
}
.balancingclear [hidden] {
	display: none
}
.balancingclear abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	-webkit-text-decoration: underline dotted;
	text-decoration: underline dotted
}
.balancingclear a {
	background-color: rgba(0, 0, 0, 0)
}
.balancingclear a:active, .balancingclear a:hover {
	outline-width: 0
}
.balancingclear code, .balancingclear kbd, .balancingclear pre, .balancingclear samp {
	font-family: monospace, monospace
}
.balancingclear pre {
	font-size: 1em
}
.balancingclear b, .balancingclear strong {
	font-weight: bolder
}
.balancingclear sub, .balancingclear sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
.balancingclear sub {
	bottom: -0.25em
}
.balancingclear sup {
	top: -0.5em
}
.balancingclear table {
	border-color: inherit;
	text-indent: 0
}
.balancingclear iframe {
	border-style: none
}
.balancingclear input {
	border-radius: 0
}
.balancingclear [type=number]::-webkit-inner-spin-button, .balancingclear [type=number]::-webkit-outer-spin-button {
	height: auto
}
.balancingclear [type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px
}
.balancingclear [type=search]::-webkit-search-decoration {
	-webkit-appearance: none
}
.balancingclear textarea {
	overflow: auto;
	resize: vertical
}
.balancingclear button, .balancingclear input, .balancingclear optgroup, .balancingclear select, .balancingclear textarea {
	font: inherit
}
.balancingclear optgroup {
	font-weight: bold
}
.balancingclear button {
	overflow: visible
}
.balancingclear button, .balancingclear select {
	text-transform: none
}
.balancingclear button, .balancingclear [type=button], .balancingclear [type=reset], .balancingclear [type=submit], .balancingclear [role=button] {
	cursor: pointer
}
.balancingclear button::-moz-focus-inner, .balancingclear [type=button]::-moz-focus-inner, .balancingclear [type=reset]::-moz-focus-inner, .balancingclear [type=submit]::-moz-focus-inner {
	border-style: none;
	padding: 0
}
.balancingclear button:-moz-focusring, .balancingclear [type=button]::-moz-focus-inner, .balancingclear [type=reset]::-moz-focus-inner, .balancingclear [type=submit]::-moz-focus-inner {
	outline: 1px dotted ButtonText
}
.balancingclear button, .balancingclear html [type=button], .balancingclear [type=reset], .balancingclear [type=submit] {
	-webkit-appearance: button
}
.balancingclear button, .balancingclear input, .balancingclear select, .balancingclear textarea {
	background-color: rgba(0, 0, 0, 0);
	border-style: none
}
.balancingclear a:focus, .balancingclear button:focus, .balancingclear input:focus, .balancingclear select:focus, .balancingclear textarea:focus {
	outline-width: 0
}
.balancingclear select {
	-moz-appearance: none;
	-webkit-appearance: none
}
.balancingclear select::-ms-expand {
	display: none
}
.balancingclear select::-ms-value {
	color: currentColor
}
.balancingclear legend {
	border: 0;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal;
	max-width: 100%
}
.balancingclear ::-webkit-file-upload-button {
	-webkit-appearance: button;
	color: inherit;
	font: inherit
}
.balancingclear [disabled] {
	cursor: default
}
.balancingclear img {
	border-style: none
}
.balancingclear progress {
	vertical-align: baseline
}
.balancingclear [aria-busy=true] {
	cursor: progress
}
.balancingclear [aria-controls] {
	cursor: pointer
}
.balancingclear [aria-disabled=true] {
	cursor: default
}
.balancingclear ol, .balancingclear ul, .balancingclear li {
	list-style-type: none
}
.balancingclear a {
	text-decoration: none
}
.balancingclear a, .balancingclear abbr, .balancingclear acronym, .balancingclear address, .balancingclear applet, .balancingclear article, .balancingclear aside, .balancingclear audio, .balancingclear b, .balancingclear big, .balancingclear blockquote, .balancingclear body, .balancingclear canvas, .balancingclear caption, .balancingclear cite, .balancingclear code, .balancingclear dd, .balancingclear del, .balancingclear details, .balancingclear dfn, .balancingclear div, .balancingclear dl, .balancingclear dt, .balancingclear em, .balancingclear embed, .balancingclear fieldset, .balancingclear figcaption, .balancingclear figure, .balancingclear footer, .balancingclear form, .balancingclear h1, .balancingclear h2, .balancingclear h3, .balancingclear h4, .balancingclear h5, .balancingclear h6, .balancingclear header, .balancingclear hgroup, .balancingclear html, .balancingclear i, .balancingclear iframe, .balancingclear img, .balancingclear ins, .balancingclear kbd, .balancingclear label, .balancingclear legend, .balancingclear li, .balancingclear mark, .balancingclear menu, .balancingclear nav, .balancingclear object, .balancingclear ol, .balancingclear output, .balancingclear p, .balancingclear pre, .balancingclear q, .balancingclear ruby, .balancingclear s, .balancingclear samp, .balancingclear section, .balancingclear small, .balancingclear span, .balancingclear strike, .balancingclear strong, .balancingclear sub, .balancingclear summary, .balancingclear sup, .balancingclear table, .balancingclear tbody, .balancingclear td, .balancingclear tfoot, .balancingclear th, .balancingclear thead, .balancingclear time, .balancingclear tr, .balancingclear tt, .balancingclear ul, .balancingclear var, .balancingclear video {
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	box-sizing: border-box;
	color: inherit
}
.balancingclear img {
	width: 100%
}
.balancingclear svg {
	overflow: hidden
}
.balancingclear h1, .balancingclear h2, .balancingclear h3, .balancingclear h4, .balancingclear h5, .balancingclear h6 {
	font-weight: normal
}
.balancingclear *:focus {
	outline: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.balancingclear * {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.balancingclear {
	font-size: 12px;
	line-height: 1.7;
	letter-spacing: .06em;
	color: #221815;
	overflow-x: clip
}
@media screen and (min-width: 769px) {
	.balancingclear a:hover {
		opacity: 1
	}
}
.balancingclear .letter-spacing {
	letter-spacing: -0.1em
}
.balancingclear button {
	color: inherit
}
.balancingclear .mv {
	width: 100%;
	position: relative;
	overflow: hidden;
	z-index: 20;
	background: #fff;
	margin-right: auto;
	margin-left: auto
}
@media screen and (max-width: 768px) {
	.balancingclear .mv {
		width: calc(100% - 40px);
		padding: 40px 20px 30px;
		border-bottom: 1px solid #231815
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv {
		padding: 50px 0
	}
}
.balancingclear .mv__inner {
	position: relative;
	width: 100%;
	padding: 0;
	margin: 0 auto
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__inner {
		max-width: 79.0263543192%;
		display: flex;
		align-items: center;
		vertical-align: middle;
		justify-content: center
	}
}
.balancingclear .mv__pc {
	line-height: 1;
	font-size: 0;
	width: 46.3177396943%
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__pc {
		display: none
	}
}
.balancingclear .mv__pc__box__img {
	opacity: 0;
	opacity: 0;
	translate: 0 0;
	filter: brightness(1.1) blur(1px);
	transition: opacity .8s ease, translate .8s ease, filter .8s ease;
	transition-delay: .8s;
	position: relative;
	font-size: 0;
	line-height: 1;
	margin: 0 auto 0 0
}
.balancingclear .mv__pc__box__img_1 {
	width: 100%;
	display: block
}
.balancingclear .mv__pc__box__img_2 {
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	animation-fill-mode: forwards
}
.balancingclear .mv__sp {
	line-height: 1;
	font-size: 0
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__sp {
		display: none
	}
}
.balancingclear .mv__sp__box__img {
	opacity: 0;
	opacity: 0;
	translate: 0 0;
	filter: brightness(1.1) blur(1px);
	transition: opacity .8s ease, translate .8s ease, filter .8s ease;
	transition-delay: .8s;
	position: relative;
	font-size: 0;
	line-height: 1
}
.balancingclear .mv__sp__box__img_1 {
	width: 100%;
	display: block
}
.balancingclear .mv__sp__box__img_2 {
	width: 100%;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.balancingclear .mv__pc, .balancingclear .mv__sp {
	opacity: 0;
	transition: opacity 1.2s ease
}
.balancingclear .mv__ttl .mv__ttl__logo, .balancingclear .mv__ttl .mv__ttl__text--1, .balancingclear .mv__ttl .mv__ttl__en, .balancingclear .mv__ttl .mv__ttl__sub__1, .balancingclear .mv__ttl .mv__ttl__sub__2 {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 1s ease, translate 1s ease
}
.balancingclear .mv__ttl .mv__ttl__sub {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 1s ease, translate 1s ease
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__ttl .mv__ttl__text--1 {
		transition-delay: 0
	}
	.balancingclear .mv__ttl .mv__ttl__sub__1 {
		transition-delay: .2s
	}
	.balancingclear .mv__ttl .mv__ttl__sub__2 {
		transition-delay: .4s
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl .mv__ttl__logo {
		transition-delay: .4s
	}
	.balancingclear .mv__ttl .mv__ttl__text--1 {
		margin-bottom: 30px;
		transition-delay: 0
	}
	.balancingclear .mv__ttl .mv__ttl__en {
		transition-delay: .8s
	}
	.balancingclear .mv__ttl .mv__ttl__sub__1 {
		transition-delay: .2s
	}
	.balancingclear .mv__ttl .mv__ttl__sub__2 {
		transition-delay: .4s
	}
}
.balancingclear .mv.is-animated .mv__sp, .balancingclear .mv.is-animated .mv__pc {
	opacity: 1
}
.balancingclear .mv.is-animated .mv__ttl__logo, .balancingclear .mv.is-animated .mv__ttl__text--1, .balancingclear .mv.is-animated .mv__ttl__en, .balancingclear .mv.is-animated .mv__ttl__sub, .balancingclear .mv.is-animated .mv__ttl__sub__1, .balancingclear .mv.is-animated .mv__ttl__sub__2 {
	opacity: 1;
	translate: 0 0px
}
.balancingclear .mv.is-animated .mv__ttl__sub__2--1 {
	transition-delay: .4s
}
.balancingclear .mv.is-animated .mv__ttl__sub__2--2 {
	transition-delay: .6s
}
.balancingclear .mv.is-animated .mv__pc__box__img, .balancingclear .mv.is-animated .mv__sp__box__img {
	opacity: 1;
	translate: 0 0;
	filter: none;
	transition: opacity .8s ease, translate .8s ease, filter .8s ease
}
.balancingclear .mv.is-animated .mv__pc__box__img_1, .balancingclear .mv.is-animated .mv__sp__box__img_1 {
	animation: animation_fade_mv 6s infinite
}
.balancingclear .mv.is-animated .mv__pc__box__img_2, .balancingclear .mv.is-animated .mv__sp__box__img_2 {
	opacity: 0;
	animation: animation_fade_mv 6s infinite;
	animation-delay: 3s
}
@keyframes animation_fade_mv {
	0% {
		opacity: 0
	}
	15% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
.balancingclear .mv__ttl {
	z-index: 9
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl {
		align-items: center
	}
}
.balancingclear .mv__ttl__logo {
	font-size: 0;
	line-height: 1;
	vertical-align: middle
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__logo {
		width: 82.425%
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__ttl__text {
		text-align: center
	}
}
.balancingclear .mv__ttl__text span {
	display: block
}
.balancingclear .mv__ttl__text--1 {
	font-size: 20px;
	letter-spacing: .1em;
	line-height: 1.6;
	/*white-space: nowrap*/
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__ttl__text--1 {
		font-size: 18px;
	}
}
.balancingclear .mv__ttl__en {
	margin-top: 3.996003996%;
	font-size: min(1.1713030747vw, 16px);
	white-space: nowrap;
	letter-spacing: 0;
	line-height: 1.5
}
.balancingclear .mv__ttl__sub__1 {
	margin-top: 4%;
	font-size: 4vw;
	font-weight: 400;
	line-height: 1;
	position: relative
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__1 {
		font-size: min(1.4641288433vw, 20px);
		margin-top: 9.99000999%
	}
}
.balancingclear .mv__ttl__sub {
	position: relative;
	width: 100%;
	font-weight: 300;
	white-space: nowrap
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__ttl__sub {
		position: relative;
		width: 100% !important;
		margin-top: 25px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub {
		opacity: 0;
		translate: 0 10px;
		transition: opacity 1s ease, translate 1s ease;
	}
}

.balancingclear .mv__ttl__sub p {
	display: flex;
	align-items: center;
	justify-content: center;
	letter-spacing: .05em
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub p {

	}
}
.balancingclear .mv__ttl__sub__2 {
	line-height: 1;
	letter-spacing: 0
}
.balancingclear .mv__ttl__sub__2--1 {
	font-size: 14px
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__2--1 {
		font-size: 15px
	}
}
.balancingclear .mv__ttl__sub__2--2 {
	font-size: 12px;
	margin-top: 12px
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__2--2 {
		font-size: 13px;
		margin-top: 12.5px
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__ttl__sub__small {
		font-size: 11px;
		font-size: get_vw(11)
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__small {
		font-size: 11px;
		font-size: get_vw(11, 1366)
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__small {
		font-size: .8052708638vw
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__small-pc {
		font-size: .8052708638vw
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__ttl__sub__text-margin {
		padding-left: 4.5333333333vw
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__text-margin {
		padding-left: 1.317715959vw
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .mv__ttl__sub__text-margin-l {
		padding-right: 2.6666666667vw
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .mv__ttl__sub__text-margin-l {
		padding-right: .7320644217vw
	}
}
.balancingclear .menu {
	z-index: 99;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	background: rgba(35, 24, 21, .8);
	-webkit-backdrop-filter: blur(15px);
	backdrop-filter: blur(15px);
	opacity: 0;
	translate: 0 5px;
	transition: opacity .5s ease, translate .5s ease;
	pointer-events: none
}
@media screen and (min-width: 769px) {
	.balancingclear .menu {
		padding: 0 50px
	}
}
.balancingclear .menu.has-sticky.active {
	opacity: 1;
	translate: 0 0px;
	pointer-events: auto
}
.balancingclear .menu__list {
	display: flex;
	justify-content: center;
	width: 100%
}
.balancingclear .menu__list>li {
	position: relative
}
.balancingclear .menu__list>li .menu__list__link {
	padding: 26px 0 24px
}
@media screen and (max-width: 768px) {
	.balancingclear .menu__list>li .menu__list__link {
		padding: 29px 0 27px
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .menu__list>li:not(:last-child) {
		margin-right: 16px
	}
}
.balancingclear .menu__list>li:not(:last-child) {
	margin-right: 15px;
	padding-right: 15px
}
.balancingclear .menu__list>li:not(:last-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	right: 0;
	translate: 0 -40%;
	width: 1px;
	height: 10px;
	background-color: #fff
}
.balancingclear .menu__list__link {
	color: #fff;
	height: 100%;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 10px;
	letter-spacing: 0;
	opacity: 1;
	transition: opacity .3s ease
}
@media screen and (min-width: 769px) {
	.balancingclear .menu__list__link {
		font-size: 14px
	}
}
.balancingclear .menu__list__link:hover {
	opacity: .7
}
.balancingclear .nav {
	z-index: 99;
	position: fixed;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: opacity .5s ease;
	opacity: 0;
	pointer-events: none;
	display: flex;
	justify-content: flex-end
}
.balancingclear .nav.is-show {
	opacity: 1;
	pointer-events: auto
}
.balancingclear .nav.is-open .is-open-item {
	opacity: 0
}
.balancingclear .nav.is-open .is-close-item {
	opacity: 1
}
.balancingclear .nav__left {
	width: 100%;
	background-color: #231815
}
.balancingclear .nav__left-base-makeup {
	background-color: #493b38
}
.balancingclear .nav__left__list {
	display: flex;
	justify-content: center
}
@media screen and (min-width: 769px) {
	.balancingclear .nav__left__list {
		justify-content: center
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .nav__left__list>li {
		width: -moz-fit-content;
		width: fit-content
	}
}
.balancingclear .nav__left__list__has-child {
	position: relative
}
.balancingclear .nav__left__list__has-child>p {
	transition: color .3 ease;
	color: #fff
}
.balancingclear .nav__left__list__has-child::before {
	content: "";
	position: absolute;
	bottom: 100%;
	left: 0;
	width: 100%;
	height: 5px;
	background-color: rgba(255, 255, 255, 0)
}
.balancingclear .nav__left__list__has-child:hover>p {
	color: rgba(255, 255, 255, .5)
}
.balancingclear .nav__left__list__has-child:hover .nav__left__list__child {
	pointer-events: auto;
	opacity: 1
}
.balancingclear .nav__left__list__child {
	pointer-events: none;
	transition: opacity .3s ease;
	opacity: 0;
	position: absolute;
	bottom: calc(100% + 5px);
	left: 15px;
	width: 129px;
	border: .5px solid #dadada;
	background: rgba(255, 255, 255, .6);
	-webkit-backdrop-filter: blur(20px);
	backdrop-filter: blur(20px);
	padding: 15px
}
@media screen and (min-width: 769px) {
	.balancingclear .nav__left__list__child {
		left: 30px
	}
}
.balancingclear .nav__left__list__child>li:not(:last-child) {
	margin-bottom: 10px
}
.balancingclear .nav__left__list__child>li a {
	display: block;
	opacity: 1;
	font-size: 11px;
	line-height: 1.2;
	text-align: left;
	transition: color .3 ease;
	color: #000
}
.balancingclear .nav__left__list__child>li a:hover {
	color: rgba(0, 0, 0, .5)
}
.balancingclear .nav__left__list .nav__left-base-makeup {
	margin-left: 0 !important
}
.balancingclear .nav__left__list .nav__left-base-makeup a {
	position: relative
}
@media screen and (max-width: 768px) {
	.balancingclear .nav__left__list .nav__left-base-makeup a {
		text-align: center
	}
}
.balancingclear .nav__left__list .nav__left-base-makeup::after {
	display: none
}
.balancingclear .nav__left__list>li {
	position: relative;
	padding: 20px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center
}
@media screen and (min-width: 769px) {
	.balancingclear .nav__left__list>li {
		padding: 20px 40px
	}
}
.balancingclear .nav__left__list>li:not(:first-child)::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 0px;
	width: .5px;
	height: 10px;
	margin-top: -5px;
	background-color: #fff
}
.balancingclear .nav__left__list>li>a, .balancingclear .nav__left__list>li p {
	color: #fff;
	font-size: 11px;
	display: block;
	line-height: 1.27;
	letter-spacing: -0.05em;
	text-decoration: none;
	transition: color .3 ease
}
@media screen and (min-width: 769px) {
	.balancingclear .nav__left__list>li>a, .balancingclear .nav__left__list>li p {
		font-size: 14px;
		letter-spacing: .06em
	}
}
.balancingclear .nav__left__list>li>a {
	color: #fff
}
@media screen and (max-width: 768px) {
	.balancingclear .nav__left__list>li>a {
		text-align: center
	}
}
.balancingclear .nav__left__list>li>a:hover {
	color: rgba(255, 255, 255, .5)
}
.balancingclear .nav__right {
	width: 25%;
	padding: 0 15px;
	background-color: #493b38;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff
}
@media screen and (min-width: 769px) {
	.balancingclear .nav__right {
		width: 273px
	}
}
.balancingclear .nav__right__insta {
	font-size: 14px;
	line-height: 1;
	display: flex;
	align-items: center;
	justify-content: center
}
.balancingclear .nav__right__insta:hover {
	color: rgba(255, 255, 255, .5)
}
.balancingclear .nav__right__insta__icon {
	position: relative;
	width: 9px
}
@media screen and (max-width: 768px) {
	.balancingclear .nav__right__insta__icon {
		position: absolute;
		bottom: 3px;
		right: -4px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .nav__right__insta__icon {
		width: 11px;
		margin-left: 8px
	}
}
.balancingclear .nav__right__insta__text {
	font-size: 14px
}
@media screen and (max-width: 768px) {
	.balancingclear .nav__right__insta__text {
		font-size: 11px
	}
}
@supports selector(.nav:has(.nav__right)) {
	@media screen and (min-width: 769px) {
		.balancingclear .nav:has(.nav__right) .nav__left {
			width:calc(100% - 273px)
		}
	}
	@media screen and (max-width: 768px) {
		.balancingclear .nav:has(.nav__right) .nav__left .nav__left__list {
			justify-content: space-between
		}
	}
	@media screen and (max-width: 768px) {
		.balancingclear .nav:has(.nav__right) .nav__left .nav__left__list>li {
			width: 25%;
			padding: 20px 10px
		}
	}
}
.balancingclear .intro {
	position: relative;
	color: #231815;
	padding: 30px 0px 60px;

	background-color: #fff
}
@media screen and (min-width: 769px) {
	.balancingclear .intro {
		padding: 0px 0 60px
	}
}
.balancingclear .intro.has-animation .intro__head, .balancingclear .intro.has-animation .intro__middle, .balancingclear .intro.has-animation .intro__bottom, .balancingclear .intro.has-animation .intro__left_s__img {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 1s ease, translate 1s ease
}
.balancingclear .intro.has-animation.is-animated .intro__head, .balancingclear .intro.has-animation.is-animated .intro__middle, .balancingclear .intro.has-animation.is-animated .intro__bottom, .balancingclear .intro.has-animation.is-animated .intro__left_s__img {
	opacity: 1;
	translate: 0 0px
}
.balancingclear .intro.has-animation .intro__head, .balancingclear .intro.has-animation .intro__middle, .balancingclear .intro.has-animation .intro__bottom, .balancingclear .intro.has-animation .intro__right_s__img {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 1s ease, translate 1s ease
}
.balancingclear .intro.has-animation.is-animated .intro__head, .balancingclear .intro.has-animation.is-animated .intro__middle, .balancingclear .intro.has-animation.is-animated .intro__bottom, .balancingclear .intro.has-animation.is-animated .intro__right_s__img {
	opacity: 1;
	translate: 0 0px
}
.balancingclear .intro.has-animation.is-animated .intro__middle {
	transition-delay: .3s
}
.balancingclear .intro.has-animation.is-animated .intro__bottom {
	transition-delay: .6s
}
.balancingclear .intro .intro__container {
	position: relative
}
@media screen and (min-width: 769px) {
	.balancingclear .intro .intro__container {
		/*max-width: 845px;
		padding-top: 50px;*/
		margin: 0 auto
	}
}
.balancingclear .intro .intro__left_s {
	position: relative;
	top: 0;
	display: none;
}
@media screen and (min-width: 769px) {
	.balancingclear .intro .intro__left_s {
		width: 20%;
		position: absolute;
		top: 40%;
		left: -5%;
		display: block;
	}
}
.balancingclear .intro .intro__left_s__img {
	width: 40%
}
.balancingclear .intro .intro__left_s__img--sp {
	position: relative;
	left: -11.7%
}
@media screen and (min-width: 769px) {
	.balancingclear .intro .intro__left_s__img--sp {
		width: 100%
	}
}
.balancingclear .intro .intro__left_s__img--1 {

	position: absolute;
	left: 15%
}
@media screen and (min-width: 769px) {
	.balancingclear .intro .intro__left_s__img--1 {
		position: relative;
		left: 0;
		width: 100%
	}
}
.balancingclear .intro .intro__right_s {
	position: relative;
	top: 0;
	display: none;
}
@media screen and (min-width: 769px) {
	.balancingclear .intro .intro__right_s {
		width: 20%;
		position: absolute;
		top: 0px;
		right: -5%;
		display: block;
	}
}
.balancingclear .intro .intro__right_s__img {
	width: 40%
}
.balancingclear .intro .intro__right_s__img--sp {
	position: relative;
	left: -11.7%
}
@media screen and (min-width: 769px) {
	.balancingclear .intro .intro__right_s__img--sp {
		width: 100%
	}
}
.balancingclear .intro .intro__right_s__img--1 {

	position: absolute;
	left: 15%
}
@media screen and (min-width: 769px) {
	.balancingclear .intro .intro__right_s__img--1 {
		position: relative;
		left: 0;
		width: 100%
	}
}

.balancingclear .intro__inner {

	position: relative;
	text-align: center
}
@media screen and (min-width: 769px) {
	.balancingclear .intro__inner {
		/*width: -moz-fit-content;
		width: fit-content;
		text-align: left;*/
		margin: 0;
		padding: 0 0 40px
	}
}
.balancingclear .intro__head {
	font-size: 16px;
	line-height: 1;
	margin-bottom: 20px
}
@media screen and (min-width: 769px) {
	.balancingclear .intro__head {
		font-size: 20px;
		margin-bottom: 40px
	}
}
.balancingclear .intro__middle {
	font-size: 15px;
	text-align: center;
	line-height: 1;
	letter-spacing: .06em;
	margin-bottom: 30px
}
@media screen and (min-width: 769px) {
	.balancingclear .intro__middle {
		font-size: 15px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .intro__middle {
		margin-bottom: 40px
	}
}
.balancingclear .intro__bottom {
	letter-spacing: 0;
	padding-bottom: 12px
}
@media screen and (min-width: 769px) {
	.balancingclear .intro__bottom {
		padding-bottom: 22px
	}
}
.balancingclear .intro__bottom p {
	font-size: 13px;
	letter-spacing: 0em;
	line-height: 2;
	white-space: nowrap
}
@media screen and (min-width: 769px) {
	.balancingclear .intro__bottom p {
		font-size: 14px
	}
}
.balancingclear .intro__bottom>p.has-margin-b {
	margin-bottom: 30px
}
.balancingclear .intro__bottom__sp-has-toggle {
	height: 0;
	overflow: hidden;
	transition: height .6s ease
}
.balancingclear .intro__bottom__sp-has-toggle>p {
	padding-bottom: 30px
}
.balancingclear .intro__bg {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	overflow: hidden
}
.balancingclear .intro__bg img {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top center;
	object-position: top center
}
.balancingclear .intro__opener {

	position: absolute;
	bottom: 0px;
	left: 50%;
	translate: -50% 0;
	line-height: 1;
	text-align: center
}
@media screen and (min-width: 769px) {
	.balancingclear .intro__opener {
		translate: 0 0;
		left: 48%;
		bottom: 0px
	}
}
.balancingclear .intro__opener.active .intro__opener__text {
	transition: opacity .3s ease
}
.balancingclear .intro__opener.active .intro__opener__text--open {
	opacity: 0
}
.balancingclear .intro__opener.active .intro__opener__text--close {
	opacity: 1
}
.balancingclear .intro__opener__text {
	display: inline-block;
	white-space: nowrap;
	text-decoration: underline
}
.balancingclear .intro__opener__text__icon {
	position: absolute;
	top: 50%;
	left: 0;
	translate: 0 -50%
}
.balancingclear .intro__opener__text--open {
	opacity: 1;
	position: relative
}
.balancingclear .intro__opener__text--open .intro__opener__text__icon {
	width: 10px;
	left: -16px
}
.balancingclear .intro__opener__text--close {
	position: absolute;
	top: 0;
	left: 50%;
	translate: -50% 0;
	opacity: 0
}
.balancingclear .intro__opener__text--close .intro__opener__text__icon {
	width: 9px;
	left: -13px
}
.balancingclear .obi-parallax {
	width: 100%;
	font-size: 0;
	height: 150px;
	line-height: 1;
	overflow: hidden;
	position: relative;
	z-index: 1
}
@media screen and (min-width: 769px) {
	.balancingclear .obi-parallax {
		height: 200px
	}
}
.balancingclear .basemake {
	position: relative;
	width: 100%;
	padding: 60px 25px
}
@media screen and (min-width: 769px) {
	.balancingclear .basemake {
		padding: 150px 90px
	}
}


.balancingclear .lineup-left {
	width: 50px;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	vertical-align: middle;
	align-items: center;
	border-right: solid 1px #231815;
	padding: 5px 0
}
@media screen and (min-width: 769px) {
	.balancingclear .lineup-left {
		width: 100%;
		margin-bottom: 34px;
		writing-mode: inherit;
		border-right: none;
		border-bottom: solid 1px #231815;
		flex-direction: row;
		padding: 75px 0 25px 0
	}
}
.balancingclear .lineup-left>p {
	font-size: 15px;
	width: 15px;
	line-height: 1;
	writing-mode: vertical-rl
}
@media screen and (min-width: 769px) {
	.balancingclear .lineup-left>p {
		font-size: 20px;
		width: auto;
		writing-mode: inherit
	}
}
@font-face {
	font-family: swiper-icons;
	src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
	font-weight: 400;
	font-style: normal
}
:root {
	--swiper-theme-color: #007aff
}
.swiper {
	margin-left: auto;
	margin-right: auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}
.swiper-vertical>.swiper-wrapper {
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: transform;
	box-sizing: content-box
}
.swiper-android .swiper-slide, .swiper-wrapper {
	transform: translate3d(0px, 0, 0)
}
.swiper-pointer-events {
	touch-action: pan-y
}
.swiper-pointer-events.swiper-vertical {
	touch-action: pan-x
}
.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: transform
}
.swiper-slide-invisible-blank {
	visibility: hidden
}
.swiper-autoheight, .swiper-autoheight .swiper-slide {
	height: auto
}
.swiper-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: transform, height
}
.swiper-backface-hidden .swiper-slide {
	transform: translateZ(0);
	backface-visibility: hidden
}
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper {
	perspective: 1200px
}
.swiper-3d .swiper-cube-shadow, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-wrapper {
	transform-style: preserve-3d
}
.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 1
}
.swiper-3d .swiper-slide-shadow {
	background: rgba(0, 0, 0, .15)
}
.swiper-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0))
}
.swiper-css-mode>.swiper-wrapper {
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}
.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
	display: none
}
.swiper-css-mode>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: start start
}
.swiper-horizontal.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: x mandatory
}
.swiper-vertical.swiper-css-mode>.swiper-wrapper {
	scroll-snap-type: y mandatory
}
.swiper-centered>.swiper-wrapper::before {
	content: "";
	flex-shrink: 0;
	order: 9999
}
.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
	margin-inline-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-horizontal>.swiper-wrapper::before {
	height: 100%;
	min-height: 1px;
	width: var(--swiper-centered-offset-after)
}
.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
	margin-block-start: var(--swiper-centered-offset-before)
}
.swiper-centered.swiper-vertical>.swiper-wrapper::before {
	width: 100%;
	min-width: 1px;
	height: var(--swiper-centered-offset-after)
}
.swiper-centered>.swiper-wrapper>.swiper-slide {
	scroll-snap-align: center center;
	scroll-snap-stop: always
}
.balancingclear .itemLineup-wrapper-bg {
	width: 100%;
	background-color: #fff;
	position: relative;

}
.balancingclear .itemLineup-wrapper {
	padding-bottom: 60px;
	position: relative;

	background: #fff
}
@media screen and (min-width: 769px) {
	.balancingclear .itemLineup-wrapper {
		display: flex;
		justify-content: center;
		justify-content: space-between;
		padding: 40px 50px 150px;
		width: 100%;
		margin: 0 auto;
		max-width: 1188px;
		-moz-column-gap: 30px;
		column-gap: 30px
	}
}
.balancingclear .item-container {

	position: relative
}
@media screen and (min-width: 769px) {
	.balancingclear .item-container {
		width: 72.3865877712%;
		width: 46.2962962963%;
		width: 60%;
		margin-top: 110px;
		max-width: 917.5px;
		max-width: 520px
	}
}
.balancingclear .item-section {
	margin-top: 60px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-section {
		margin-top: 150px
	}
	.balancingclear .item-section:first-of-type {
		margin-top: 0
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .item-section2 .item-colors {
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		margin: 30px auto 0;
		justify-content: space-between;
		align-items: center;
		vertical-align: middle
	}
	.balancingclear .item-section2 .last-color {
		margin-right: 22px
	}
}
.balancingclear .item-ttl {
	text-align: center;
	font-size: 16px;
	line-height: 1.5;
	margin-bottom: 20px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-ttl {
		font-size: 19px;
		margin-bottom: 50px
	}
}
.balancingclear .item-lead {
	font-size: 13px;
	text-align: center;
	margin-bottom: 30px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-lead {
		font-size: 14px;
		margin-bottom: 60px
	}
}
.balancingclear .item-layout .item-thumb {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 2s ease, translate .8s ease
}
.balancingclear .item-layout.is-animated .item-thumb {
	opacity: 1;
	translate: 0 0px
}
.balancingclear .item-layout.is-animated .item-thumb__1 {
	animation: animation_fade_lineup 6s infinite
}
.balancingclear .item-layout.is-animated .item-thumb__2 {
	animation: animation_fade_lineup 6s infinite;
	animation-delay: 3s
}
.balancingclear .item-thumb {
	font-size: 0;
	line-height: 1;
	overflow: hidden;
	display: block;
	position: relative
}
@media screen and (max-width: 768px) {
	.balancingclear .item-thumb {
		width: calc(100% - 40px);
		margin: 0 auto 20px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .item-thumb {
		width: 100%;
		max-width: 500px;
		margin: 0 auto 40px
	}
}
.balancingclear .item-thumb__2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0
}

.balancingclear .item-catch {
	font-feature-settings: "palt";
	letter-spacing: .07em
}
.balancingclear .item-catch--1 {
	font-size: 16px;
	margin-bottom: 20px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-catch--1 {
		margin-bottom: 30px
	}
}
.balancingclear .item-catch--2 {
	font-size: 16px;
	margin-bottom: 30px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-catch--2 {
		font-size: 16px
	}
}
.balancingclear .item-header {
	margin-bottom: 30px
}
.balancingclear .item-header__name {
	font-size: 15px;
	line-height: 1;
	margin-bottom: 15px;
	letter-spacing: .03em
}
@media screen and (min-width: 769px) {
	.balancingclear .item-header__name {
		margin-bottom: 10px
	}
}
.balancingclear .item-header__info {
	font-size: 12px
}
.balancingclear .item-pallet {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 30px
}
.balancingclear .item-pallet__img {
	width: 54px;
	font-size: 0;
	line-height: 1
}
.balancingclear .item-pallet__list {
	width: calc(100% - 55px);
	padding-left: 15px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between
}
.balancingclear .item-pallet__list__item {
	font-size: 10px;
	letter-spacing: 0;
	width: 50%
}
.balancingclear .item-pallet__list__item:not(:nth-child(n+3)) {
	margin-bottom: 15px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-pallet__list__item:not(:nth-child(n+3)) {
		margin-bottom: 10px
	}
}
.balancingclear .item-pallet__list__item:nth-child(2n) {
	padding-left: 10px
}
.balancingclear .item-colors {
	margin-top: 20px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-colors {
		margin-top: 25px;
		width: -moz-fit-content;
		width: fit-content;
		margin-right: auto;
		margin-left: auto
	}
}
.balancingclear .item-colors__color {
	display: flex;
	align-items: center
}
@media screen and (min-width: 769px) {
	.balancingclear .item-colors__color {
		justify-content: center
	}
}
.balancingclear .item-colors__color:not(:last-child) {
	margin-bottom: 10px
}
.balancingclear .item-colors__color>img {
	width: 30px
}
.balancingclear .item-colors__color>p {
	width: calc(100% - 30px);
	padding-left: 15px;
	font-size: 11px
}
@media screen and (min-width: 769px) {
	.balancingclear .item-colors__color>p {
		display: inline-flex;
		width: autoa
	}
}
.balancingclear .item_1_detail {
	display: flex;
	margin: 30px 0;
	border: solid 1px #b5b5b5;
	position: relative
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail {
		margin: 40px 0 30px
	}
}
.balancingclear .item_1_detail .swiper-wrapper {
	padding: 20px 0;
	display: flex;
	align-items: center
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail .swiper-wrapper {
		padding: 30px 0
	}
}
.balancingclear .item_1_detail .swiper-slide {
	padding: 0 55px
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail .swiper-slide {
		padding: 0 55px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail .swiper-slide--3 {
		text-align: center
	}
}
.balancingclear .item_1_detail__prev, .balancingclear .item_1_detail__next {

	width: 7px !important;
	height: 20px !important;
	position: absolute;
	top: 50% !important;
	transform: translateY(-50%) !important
}
.balancingclear .item_1_detail__prev img, .balancingclear .item_1_detail__next img {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain
}
.balancingclear .item_1_detail__prev {
	left: 20px
}
.balancingclear .item_1_detail__next {
	right: 20px
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail__header {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 10px
	}
}
.balancingclear .item_1_detail__num {
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	color: #b5b5b5;
	margin-bottom: 5px
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail__num {
		margin-bottom: 0
	}
}
.balancingclear .item_1_detail__ttl {
	text-align: center;
	font-size: 14px;
	line-height: 1.5;
	margin-bottom: 15px;
	margin-right: -10px;
	margin-left: -10px
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail__ttl {
		margin-right: 0;
		margin-left: 0;
		margin-bottom: 0
	}
}
.balancingclear .item_1_detail__text {
	font-size: 12px;
	line-height: 1.5
}
@media screen and (min-width: 769px) {
	.balancingclear .item_1_detail__text {
		margin-top: 10px
	}
}
.balancingclear .accordion-lead {
	position: relative;
	padding-bottom: 42px
}
.balancingclear .accordion-lead .hidden-text {
	max-height: 0;
	overflow: hidden;
	transition: max-height .6s ease
}
.balancingclear .accordion-lead .toggle-button {
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%)
}
.balancingclear .accordion-lead .toggle-button.open .items-info-open {
	opacity: 0
}
.balancingclear .accordion-lead .toggle-button.open .items-info-close {
	opacity: 1
}
.balancingclear .accordion-lead .items-info-btn {
	text-decoration: underline;
	text-align: left;
	padding-left: 17px
}
.balancingclear .accordion-lead .items-info-btn span {
	position: absolute;
	line-height: 0;
	display: block;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	width: 12px
}
.balancingclear .accordion-lead .items-info-open {
	position: relative;
	opacity: 1;
	transition: all .3s ease
}
.balancingclear .accordion-lead .items-info-close {
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: all .3s ease
}
.balancingclear .video {
	position: relative;
	font-size: 0;
	overflow: hidden;
	width: 100%;
	z-index: 10
}
.balancingclear .video__display {
	width: 100%;
	height: 100%;
	aspect-ratio: 9/16
}
@media screen and (min-width: 769px) {
	.balancingclear .video__display {
		aspect-ratio: 16/9
	}
}
.balancingclear .video__wrap {
	width: 100%;
	height: 100%;
	line-height: 0;
	background: #fff;
	position: relative;
	z-index: 10;
	aspect-ratio: 9/16;
	opacity: 0;
	translate: 0 0;
	transition: opacity 1.4s ease, translate 1.4s ease;
	transition-delay: 1s
}
@media screen and (min-width: 769px) {
	.balancingclear .video__wrap {
		aspect-ratio: 16/9
	}
}
.balancingclear .video__wrap.is-animated {
	opacity: 1;
	translate: 0 0;
	transition: opacity 1.4s ease, translate 1.4s ease
}
.balancingclear #hero-video {
	width: 100%;
	height: auto;
	display: block;
	-o-object-fit: cover;
	object-fit: cover;
	background-color: #fff;
	aspect-ratio: 9/16
}
@media screen and (min-width: 769px) {
	.balancingclear #hero-video {
		aspect-ratio: 16/9
	}
}
.balancingclear .video__controller {
	position: absolute;
	bottom: 20px;
	right: 20px;
	display: flex;
	align-items: center;
	gap: 15px;
	height: 11px
}
@media screen and (min-width: 769px) {
	.balancingclear .video__controller {
		bottom: 25px;
		right: 50px
	}
}
.balancingclear .video__controller__head {
	font-size: 11px
}
.balancingclear .video__controller__buttons {
	display: flex;
	align-items: center;
	-moz-column-gap: 3px;
	column-gap: 3px
}
.balancingclear .video__controller__button {
	position: relative;
	cursor: pointer;
	text-decoration: none;
	color: inherit;
	font-size: 11px;
	display: block
}
.balancingclear .video__controller__button:hover::after {
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 1px;
	background-color: #231815
}
.balancingclear .video__controller__button.is-active::after {
	content: "";
	position: absolute;
	top: auto;
	left: 0;
	bottom: -10px;
	width: 100%;
	height: 1px;
	background-color: #231815
}
.balancingclear .video__controller__button__separator {
	font-size: 14px;
	letter-spacing: 0;
	display: block
}
.balancingclear .btn {
	display: block;
	text-align: center;
	position: relative;
	background-color: #4a4a4a;
	line-height: 1.4;
	color: #fff;
	letter-spacing: .07em;
	font-size: 14px;
	padding: 15px 3px;
	border: 1px solid #fff
}
@media screen and (min-width: 769px) {
	.balancingclear .btn {
		max-width: 300px;
		transition: opacity .3s ease;
		opacity: 1
	}
	.balancingclear .btn:hover {
		opacity: .7
	}
	.balancingclear .btn:hover .btn__icon {
		right: 8px
	}
}
.balancingclear .btn__inner {
	position: relative;
	width: 100%;
	display: block
}
.balancingclear .btn__icon {
	position: absolute;
	top: 50%;
	right: 15px;
	height: 8px;
	translate: 0 -50%
}
@media screen and (max-width: 768px) {
	.balancingclear .btn__icon {
		right: 14px;
		height: 6px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .btn__icon {
		transition: right .5s ease
	}
}
.balancingclear .btn--transparent {
	background-color: rgba(0, 0, 0, 0)
}
.balancingclear .link-btn {
	display: block;
	text-align: center;
	position: relative;
	background-color: #4a4a4a;
	line-height: 1;
	color: #fff;
	letter-spacing: .07em;
	font-size: 14px;
	margin: 30px auto 0;
	padding: 15px 3px 14px
}
@media screen and (min-width: 769px) {
	.balancingclear .link-btn {
		width: 100%;
		transition: opacity .3s ease;
		opacity: 1
	}
	.balancingclear .link-btn:hover {
		opacity: .7
	}
	.balancingclear .link-btn:hover .link-btn__icon {
		right: 8px
	}
}
.balancingclear .link-btn__inner {
	position: relative;
	width: 100%;
	display: block
}
.balancingclear .link-btn__icon {
	position: absolute;
	top: 50%;
	right: 15px;
	height: 8px;
	translate: 0 -50%
}
@media screen and (max-width: 768px) {
	.balancingclear .link-btn__icon {
		right: 14px;
		height: 6px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .link-btn__icon {
		transition: right .5s ease
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .link-btn--wide {
		max-width: 285px;
		margin: auto
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .link-btn--item {
		max-width: 300px
	}
}
.balancingclear .link-btn--transparent {
	background-color: rgba(0, 0, 0, 0);
	border: #231815 1px solid;
	color: #231815
}
.balancingclear .link-btn--transparent .link-btn__icon path {
	fill: #231815
}
.balancingclear .link-btn--beige {
	color: #231815;
	background-color: #f7f1ee
}
.balancingclear .link-btn--beige .link-btn__icon path {
	fill: #231815
}
.balancingclear .link-btn--white {
	color: #fff;
	background-color: unset;
	border: #fff 1px solid
}
.balancingclear .link-btn--white .link-btn__icon path {
	fill: #fff
}

.balancingclear .step__box {
	position: relative
}
@media screen and (min-width: 769px) {
	.balancingclear .step__box {
		display: flex;
		justify-content: space-between;
		align-items: center;
		vertical-align: middle;
		margin: 0 auto
	}
}
.balancingclear .step__box__img {
	vertical-align: middle;
	line-height: 1;
	font-size: 0;
	max-height: 755px;
	-o-object-fit: cover;
	object-fit: cover;
	-o-object-position: top;
	object-position: top
}
@media screen and (min-width: 769px) {
	.balancingclear .step__box__img {
		max-height: initial;
		-o-object-fit: initial;
		object-fit: initial;
		-o-object-position: initial;
		object-position: initial
	}
}
.balancingclear .step__text__box__wrapper {
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 60px;
	width: 100%
}
@media screen and (min-width: 769px) {
	.balancingclear .step__text__box__wrapper {
		height: 60%;
		top: 50%;
		transform: translate(-50%, -50%);
		width: 88%;
		max-width: 820px
	}
}
.balancingclear .step__text__box {
	width: 89%;
	margin: 0 auto
}
@media screen and (min-width: 769px) {
	.balancingclear .step__text__box {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		max-width: 320px;
		left: 2%;
		top: 50%;
		transform: translate(0, -50%);
		bottom: auto
	}
}
.balancingclear .step__ttl-box {
	text-align: center;
	margin-top: 30px
}
.balancingclear .step__ttl-box .step__ttl {
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0
}
@media screen and (min-width: 769px) {
	.balancingclear .step__ttl-box {
		margin-top: 0px
	}
	.balancingclear .step__ttl-box .step__ttl {
		font-size: 20px
	}
}
.balancingclear .step__box__text__lead {
	margin-top: 15px;
	font-size: 15px;
	line-height: 1.6923076923;
	font-feature-settings: "palt";
	text-align: center
}
.balancingclear .event {
	position: relative;

}
@media screen and (min-width: 769px) {
	.balancingclear .event__inner {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 1080px;
		margin: auto;
		padding: 50px 40px 100px;
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .event__inner {
		padding: 30px 20px 0px;
	}
}
.balancingclear .event__box__img__1 {
  margin: 0 0 30px;
}
.balancingclear .event .event__box__img {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 1s ease, translate 1s ease
}
.balancingclear .event.is-animated .event__box__img {
	opacity: 1;
	translate: 0 0px;
	transition-delay: .8s
}
@keyframes animation_fade_gift {
	0% {
		opacity: 0
	}
	15% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .event__box__img__1 {
		margin: 0 0 20px;
	}
}
/* item */
.balancingclear .item {
	position: relative;

}
@media screen and (min-width: 769px) {
	.balancingclear .item__inner {
		padding-left: 20px;
		padding-right: 20px;
		max-width: 1080px;
		margin: auto;
		padding: 0px 40px 100px;
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .item__inner {
		padding: 30px 20px 60px;
	}
}
.balancingclear .item .item__box__img {
	opacity: 0;
	translate: 0 10px;
	transition: opacity 1s ease, translate 1s ease
}
.balancingclear .item.is-animated .item__box__img {
	opacity: 1;
	translate: 0 0px;
	transition-delay: .8s
}
@keyframes animation_fade_gift {
	0% {
		opacity: 0
	}
	15% {
		opacity: 1
	}
	60% {
		opacity: 1
	}
	75% {
		opacity: 0
	}
	100% {
		opacity: 0
	}
}
.balancingclear .item__ttl {
	font-size: 18px;
	letter-spacing: .1em;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 20px
}
@media screen and (min-width: 769px) {
	.balancingclear .item__ttl {
		font-size: 20px;
		margin-bottom: 30px
	}
}
.balancingclear .item__ttl__sub {
    font-size: 14px;
	letter-spacing: .1em;
	line-height: 1.6;
	text-align: center;
    margin-bottom: 30px;
}
.balancingclear .item__ttl__sub span{
    font-size: 12px;
}
@media screen and (min-width: 769px) {
	.balancingclear .item__ttl__sub {
		margin-bottom: 60px
	}
}
.balancingclear .item .item__subttl {
	color: #fff;
	margin-top: 0;
	margin-bottom: 60px
}
@media screen and (max-width: 768px) {
	.balancingclear .item .item__subttl {
		margin-bottom: 30px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .item__box {
		display: flex;
		-moz-column-gap: 100px;
		column-gap: 100px;
		align-items: center
	}
}
.balancingclear .item__box__img {
	line-height: 1;
	font-size: 0;
	position: relative
}
@media screen and (min-width: 769px) {
	.balancingclear .item__box__img {
		width: 55.5%;
		max-width: 500px
	}
}
@media screen and (max-width: 768px) {
	.balancingclear .item__box__img {
		margin-bottom: 30px
	}
}
.balancingclear .item__box__img__2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.balancingclear .item__box__text {
	font-size: 12px;
	letter-spacing: .15em
}
@media screen and (min-width: 769px) {
	.balancingclear .item__box__text {
		order: 1;
		width: 65%;
	}
}
.balancingclear .item__lead {
	font-size: 16px;
	letter-spacing: .06em;
	line-height: 1.62;
}
@media screen and (max-width: 768px) {
	.balancingclear .item__lead {
		font-size: 13px;
		line-height: 2
	}
}
.balancingclear .item__note {
	font-size: 12px;
	letter-spacing: .06em;
	line-height: 1.8;
	margin-bottom: 30px;
}
@media screen and (min-width: 769px) {
	.balancingclear .item__note {
		font-size: 11px
	}
}
.balancingclear .item__price {
	font-size: 12px;
	letter-spacing: .06em;
	line-height: 1.8;
}
@media screen and (min-width: 769px) {
	.balancingclear .item__price {
		font-size: 11px
	}
}
.balancingclear .item .link-btn {
	background-color: rgba(0, 0, 0, 0);
	border: 1px solid #000;
	color: #000
}
.balancingclear .item .link-btn .link-btn__icon path {
	fill: #fff
}
/* event */
.balancingclear .event__ttl {
	font-size: 20px;
	letter-spacing: .1em;
	line-height: 1.6;
	text-align: center;
	margin-bottom: 30px
}
@media screen and (min-width: 769px) {
	.balancingclear .event__ttl {
		margin-bottom: 30px
	}
}
.balancingclear .event__ttl__sub {
    font-size: 14px;
	letter-spacing: .1em;
	line-height: 1.6;
	text-align: left;
    margin-bottom: 20px;
}
@media screen and (min-width: 769px) {
	.balancingclear .event__ttl__sub {
		text-align: center;
		margin-bottom: 60px
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .event__box {
		display: flex;
		-moz-column-gap: 100px;
		column-gap: 100px;
		align-items: flex-start;
			
	}
}
.balancingclear .event__box__img {
	line-height: 1;
	font-size: 0;
	position: relative
}
@media screen and (min-width: 769px) {
	.balancingclear .event__box__img {
		width: 35.5%;
		max-width: 500px
	}
}

.balancingclear .event__box__img__2 {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%
}
.balancingclear .event__box__text {
	font-size: 12px;
	letter-spacing: .15em
}
@media screen and (min-width: 769px) {
	.balancingclear .event__box__text {
		/*order: 1;*/
		width: 53.3%
	}
}
.balancingclear .event__present_icon {
	font-size: 12px;
	letter-spacing: .06em;
	line-height: 1.62;
	margin-bottom: 5px;
	background-color: #F1F1F3;
	display: inline-block;
	padding: 1px 5px 1px 5px;
}
@media screen and (max-width: 768px) {
	.balancingclear .event__present_icon {
		font-size: 12px;
		line-height: 2
	}
}
.balancingclear .event__present {
	font-size: 13px;
	letter-spacing: .06em;
	line-height: 1.62;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.balancingclear .event__present {
		font-size: 13px;
		line-height: 2
	}
}

.balancingclear .event__lead {
	font-size: 11px;
	letter-spacing: .06em;
	line-height: 1.62;
	margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
	.balancingclear .event__lead {
		font-size: 11px;
	}
}
.balancingclear .event__lead span {
	font-size: 12px !important;
}
.balancingclear .event__list{
    border-left: 1px solid #ccc;
    margin-left: 10px;
    padding:10px 0px 10px 10px;
}
/* アコーディオン */
.accordion-003 {
    margin-bottom: 7px;
    border: 1px solid #e1e1e1 !important;
}

.accordion-003 summary {
	font-size: 11px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    padding: 10px 10px;
    cursor: pointer;
	background-color: #e1e1e1;
}

.accordion-003 summary::-webkit-details-marker {
    display: none;
}

.accordion-003 summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 8px;
    height: 8px;
    margin: 2px 10px 0 0;
    border-bottom: 1px solid #333333b3;
    border-right: 1px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.accordion-003[open] summary::after {
    transform: rotate(225deg);
}

.accordion-003 p {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: 10px;
    transition: transform .5s, opacity .5s;
}

.accordion-003[open] p {
    transform: none;
    opacity: 1;
}
/* アコーディオン */
.grad-wrap {
  position: relative;
}
.grad-wrap + .grad-wrap {
  margin-top: 40px;
}
.grad-btn {
  z-index: 2;
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  width: 148px;
  margin: auto;
  padding: .5em 0;
  font-size: 1.3rem;
  text-align: center;
  cursor: pointer;
  transition: .2s ease;
}
.grad-btn::after {
  content: "＋ 続きを見る";
	text-decoration: underline;
}
.grad-btn:hover {
  background: #fff;
  color: #999999;
}
.grad-btn .fa {
  margin-right: .5em;
}
.grad-item {
  position: relative;
  overflow: hidden;
  height: 110px;
  margin-bottom: 40px;
}
.grad-item p + p {
  margin-top: 1em;
}
.grad-item::before {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  content: "";
  width: 100%;
  height: 60px;
  background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
  background: linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,0.9) 50%, rgba(255,255,255,0.9) 50%, #fff 100%);
}
.grad-trigger {
  display: none;
}
.grad-trigger:checked ~ .grad-btn {
  bottom: -2em;
}
.grad-trigger:checked ~ .grad-btn::after {
  content: "- 閉じる"
}
.grad-trigger:checked ~ .grad-btn .fa {
  transform: rotate(180deg);
}
.grad-trigger:checked ~ .grad-item {
  height: auto;
}
.grad-trigger:checked ~ .grad-item::before {
  display: none;
}
/* アコーディオン */
.balancingclear .event__inq {
	font-size: 12px;
	letter-spacing: .06em;
	line-height: 1.8;
	margin-top: 10px;
	padding-top: 10px;
}
@media screen and (min-width: 769px) {
	.balancingclear .event__inq {
		font-size: 11px
	}
}
.balancingclear .event__note {
	font-size: 12px;
	letter-spacing: .06em;
	line-height: 1.6;
	/*border-top: 1px solid #000;*/
	margin-top:0;
	padding-top:0;
}
@media screen and (min-width: 769px) {
	.balancingclear .event__note {
		font-size: 11px;
		line-height: 1.8;
		margin-top: 10px;
		padding-top: 10px;
	}
}
.balancingclear .event .link-btn {
	border: 1px solid #000;
	margin: 10px 0 20px 0;
	max-width: 300px;
}
.balancingclear .event .link-btn .link-btn__icon path {
	fill: #fff
}

.balancingclear .knowmore {
    width: auto;
    height: auto;
    text-align: left;
	margin: 0 0 10px;
}

.balancingclear .knowmore a {
    display: inline-block;
    padding: 0 0 0 14px; /* 三角分の余白 */
    text-decoration: underline;
    border: none;
    transition: opacity .4s ease 0s;
    position: relative;
}

.balancingclear .knowmore a::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    border-left: solid 5px;
    border-top: solid 4px transparent;
    border-bottom: solid 4px transparent;
    transform: translate(0, -50%);
    transition: transform .4s ease 0s;
}

.balancingclear .knowmore a:hover::after {
    transform: translate(4px, -50%);
}

.balancingclear .banner-area {
	position: relative;
	font-size: 0;
	padding: 30px 20px 60px;
}
@media screen and (min-width: 769px) {
	.balancingclear .banner-area {
		padding: 0 20px 100px;
	}
}
.balancingclear .banner-area .banner {
	display: block
}
@media screen and (min-width: 769px) {
	.balancingclear .banner-area .banner {
		width: 500px;
		margin: auto;
		transition: opacity .3s ease;
		opacity: 1
	}
	.balancingclear .banner-area .banner:hover {
		opacity: .7
	}
}
.balancingclear .banner-area .banner:not(:last-child) {
	margin-bottom: 25px
}
@media screen and (max-width: 768px) {
	.balancingclear .banner-area .banner:not(:last-child) {
		margin-bottom: 10px
	}
}

@keyframes scroll-left {
	0% {
		transform: translateX(0%)
	}
	100% {
		transform: translateX(-50%)
	}
}
.font-en {
	font-family: "akzidenz-grotesk", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", arial, YuGothic, 游ゴシック, Meiryo, メイリオ, sans-serif
}
@media screen and (max-width: 768px) {
	.balancingclear .is-pc {
		display: none !important
	}
}
@media screen and (min-width: 769px) {
	.balancingclear .is-sp {
		display: none !important
	}
}
.balancingclear .text-space-zero {
	letter-spacing: -0.1em;
	padding-right: .2em
}