@charset "utf-8";

/*
* Header
**/
@media screen and (max-width:768px){
	.s-header__logo{
		position: relative;
		top: unset;
		left: unset;
		padding-top: calc(40 / var(--vw-min) * 100vw);
		width: calc(163 / var(--vw-min) * 100vw);
		height: calc(136 / var(--vw-min) * 100vw);
		margin: 0 auto;
	}
	.s-header__logo .header__logoLink{
		-webkit-mask-image: url(../img/common/logo_vertical.svg);
		mask-image: url(../img/common/logo_vertical.svg);
		background-color: var(--color-green);
	}
}


/**
* Pickup
**/
.pickup {
	padding-top:min(calc(176 / var(--vw-min) * 100vw),176px);
}
@media screen and (max-width:768px){
	.pickup{
		padding-top: calc(40 / var(--vw-min) * 100vw);
	}
}
.pickup__inner {
	position: relative;
	padding:min(calc(56 / var(--vw-min) * 100vw),56px) 0 min(calc(40 / var(--vw-min) * 100vw),40px);
}
@media screen and (max-width:768px){
	.pickup__inner {
		padding: calc(20 / var(--vw-min) * 100vw) 0;
	}
}
.pickup__inner:before {
	content:'';
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	background:var(--color-green);
	left:calc(50% - (min(calc(1160 / var(--vw-min) * 100vw),1160px) / 2) + min(calc(80 / var(--vw-min) * 100vw),80px));
	border-radius: min(calc(32 / var(--vw-min) * 100vw),32px) 0 0 min(calc(32 / var(--vw-min) * 100vw),32px);
}
@media screen and (max-width:768px){
	.pickup__inner:before {
		left: calc(66 / var(--vw-min) * 100vw);
		border-radius: calc(24 / var(--vw-min) * 100vw) 0 0 calc(24 / var(--vw-min) * 100vw);
	}

}
.pickup__inner:after {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:min(calc(100 / var(--vw-min) * 100vw),100px);
	background:#fff;
	z-index:50;
}
@media screen and (max-width:768px){
	.pickup__inner:after {
		width: calc(66 / var(--vw-min) * 100vw);
		z-index: 1;
	}
}
.pickup__title {
	position: absolute;
	z-index:60;
	left:min(calc(7.5 / var(--vw-min) * 100vw),7.5px);
	top:min(calc(56 / var(--vw-min) * 100vw),56px);
	bottom:0;
	width:min(calc(58 / var(--vw-min) * 100vw),58px);
	-webkit-mask: url(../img/top/pickup_title.svg) no-repeat left top / contain;
	mask: url(../img/top/pickup_title.svg) no-repeat left top / contain;
	background:var(--color-green);
}
@media screen and (max-width:768px){
	.pickup__title {
		width: calc(22 / var(--vw-min) * 100vw);
		height: calc(132 / var(--vw-min) * 100vw);
		top: calc(-35 / var(--vw-min) * 100vw);
		right: calc(60 / var(--vw-min) * 100vw);
		bottom: unset;
		left: unset;
		transform: rotate(-90deg);
		background-color: #fff;
	}
}
@media screen and (max-width:768px){
	.pickup__swiper {
		margin-top: calc(42 / var(--vw-min) * 100vw);
		z-index: 2;
	}
}
.pickup__swiper-slide {
	height:min(calc(391 / var(--vw-min) * 100vw),391px);
	padding:0 min(calc(8 / var(--vw-min) * 100vw),8px);
	width:auto;
}
@media screen and (max-width:768px){
	.pickup__swiper-slide {
		height: calc(124 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper-slide img {
	height:min(calc(391 / var(--vw-min) * 100vw),391px);
	width:auto;
}
@media screen and (max-width:768px){
	.pickup__swiper-slide img {
		height: calc(124 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper .pickup__swiper-pagination {
	position: relative;
	left:unset;
	bottom:unset;
	display: flex;
	justify-content: center;
	align-items: center;
	padding-top: min(calc(32 / var(--vw-min) * 100vw),32px);
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin:0 auto;
	height:min(calc(96 / var(--vw-min) * 100vw),96px);
}
@media screen and (max-width:768px){
	.pickup__swiper .pickup__swiper-pagination {
		width: 100%;
		height: calc(56 / var(--vw-min) * 100vw);
		padding-top: calc(14 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet {
	width:min(calc(26 / var(--vw-min) * 100vw),26px);
	height:min(calc(26 / var(--vw-min) * 100vw),26px);
	margin:0;
	border-radius: 0;
	background:none;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	opacity:1;
}
@media screen and (max-width:768px){
	.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet {
		width: calc(13 / var(--vw-min) * 100vw);
		height: calc(17 / var(--vw-min) * 100vw);
		margin: 0 calc(5 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:before,
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:after {
	content:'';
	width:min(calc(13 / var(--vw-min) * 100vw),13px);
	height:min(calc(7.6 / var(--vw-min) * 100vw),7.6px);
	-webkit-mask: url(../img/common/swiper_bullet.svg) no-repeat center top / 100% auto;
	mask: url(../img/common/swiper_bullet.svg) no-repeat center top / 100% auto;
	background:#fff;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:before,
	.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:after {
		width: calc(12 / var(--vw-min) * 100vw);
		height: calc(6 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:before {
	transform-origin: right bottom;
}
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:after {
	transform:rotate(180deg);
}
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:hover:before,
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet:hover:after {
	background:var(--color-yellow);
}
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet-active:before,
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet-active:after {
	background:var(--color-yellow);
}
.pickup__swiper .pickup__swiper-pagination .swiper-pagination-bullet-active:before {
	transform:rotate(30deg);
}
.pickup__swiper-nextPrev {
	position: absolute;
	left:0;
	bottom:min(calc(40 / var(--vw-min) * 100vw),40px);
	right:0;
	pointer-events: none;
	z-index:20;
}
@media screen and (max-width:768px){
	.pickup__swiper-nextPrev {
		bottom: calc(18 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper-nextPrevin {
	width:min(calc(1160 / var(--vw-min) * 100vw),1160px);
	margin:0 auto;
	display: flex;
	justify-content: space-between;
}
@media screen and (max-width:768px){
	.pickup__swiper-nextPrevin {
		width: 100%;
	}
}
.pickup__swiper-prev {
	width:min(calc(64 / var(--vw-min) * 100vw),64px);
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	display: block;
	pointer-events: auto;
	padding:min(calc(5 / var(--vw-min) * 100vw),5px);
	position: relative;
	transition: 0.6s ease;
}
@media screen and (max-width:768px){
	.pickup__swiper-prev {
		width: calc(42 / var(--vw-min) * 100vw);
		height: calc(42 / var(--vw-min) * 100vw);
		padding: calc(4 / var(--vw-min) * 100vw);
		margin-left: calc(14 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper-prev:hover {
	transform:scale(1.1);
}
.pickup__swiper-prev:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-mask: url(../img/common/btn_line.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_line.svg) no-repeat center center / contain;
	background:var(--color-green);
	transition:all 0.6s ease-in-out;
}
.pickup__swiper-prev:hover:before {
	transform:rotate(360deg);
}
.pickup__swiper-prevCircle {
	display: flex;
	justify-content: center;
	align-items: center;
	width:min(calc(54 / var(--vw-min) * 100vw),54px);
	height:min(calc(54 / var(--vw-min) * 100vw),54px);
	border-radius: 50%;
	position: relative;
	background:var(--color-green);
}
@media screen and (max-width:768px){
	.pickup__swiper-prevCircle {
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper-prevCircle:before {
	content:'';
	display: block;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	-webkit-mask: url(../img/common/arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/arrow.svg) no-repeat center center / contain;
	background:#fff;
	transform:rotateY(180deg);
}
@media screen and (max-width:768px){
	.pickup__swiper-prevCircle:before {
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper-next {
	width:min(calc(64 / var(--vw-min) * 100vw),64px);
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	display: block;
	pointer-events: auto;
	padding:min(calc(5 / var(--vw-min) * 100vw),5px);
	position: relative;
	transition: 0.6s ease;
}
@media screen and (max-width:768px){
	.pickup__swiper-next {
		width: calc(42 / var(--vw-min) * 100vw);
		height: calc(42 / var(--vw-min) * 100vw);
		padding: calc(4 / var(--vw-min) * 100vw);
		margin-right: calc(14 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper-next:hover {
	transform:scale(1.1);
}
.pickup__swiper-next:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-mask: url(../img/common/btn_line.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_line.svg) no-repeat center center / contain;
	background:#fff;
	transition:all 0.6s ease-in-out;
}
.pickup__swiper-next:hover:before {
	transform:rotate(360deg);
}
.pickup__swiper-nextCircle {
	display: flex;
	justify-content: center;
	align-items: center;
	width:min(calc(54 / var(--vw-min) * 100vw),54px);
	height:min(calc(54 / var(--vw-min) * 100vw),54px);
	border-radius: 50%;
	position: relative;
	background:#fff;
}
@media screen and (max-width:768px){
	.pickup__swiper-nextCircle {
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
	}
}
.pickup__swiper-nextCircle:before {
	content:'';
	display: block;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	-webkit-mask: url(../img/common/arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/arrow.svg) no-repeat center center / contain;
	background:var(--color-green);
}
@media screen and (max-width:768px){
	.pickup__swiper-nextCircle:before {
		width: calc(14 / var(--vw-min) * 100vw);
		height: calc(14 / var(--vw-min) * 100vw);
	}
}
.pickup__cornerT {
	position: absolute;
	right:min(calc(7 / var(--vw-min) * 100vw),8px);
	top:max(calc(-32 / var(--vw-min) * 100vw),-32px);
	width:min(calc(33 / var(--vw-min) * 100vw),33px);
	height:min(calc(33 / var(--vw-min) * 100vw),33px);
	overflow: hidden;
}
.pickup__cornerT:before {
	content:'';
	display: block;
	width:min(calc(64 / var(--vw-min) * 100vw),64px);
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	border-radius: 50%;
	background:transparent;
	box-shadow: min(calc(32 / var(--vw-min) * 100vw),32px) min(calc(32 / var(--vw-min) * 100vw),32px) 0 0 var(--color-green);
	transform:translate(calc(-50% + 1px),-50%);
}
@media screen and (max-width:768px){
	.pickup__cornerT{
		right: calc(3 / var(--vw-min) * 100vw);
		top:calc(-24 / var(--vw-min) * 100vw);
		width:calc(25 / var(--vw-min) * 100vw);
		height:calc(25 / var(--vw-min) * 100vw);
	}
	.pickup__cornerT:before {
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
		box-shadow:calc(24 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw) 0 0 var(--color-green);
		transform:translate(calc(-50% + 1px),-50%);
	}
}
.pickup__cornerB {
	position: absolute;
	right:min(calc(7 / var(--vw-min) * 100vw),8px);
	bottom:max(calc(-32 / var(--vw-min) * 100vw),-32px);
	width:min(calc(33 / var(--vw-min) * 100vw),33px);
	height:min(calc(33 / var(--vw-min) * 100vw),33px);
	overflow: hidden;
}
.pickup__cornerB:before {
	content:'';
	display: block;
	width:min(calc(64 / var(--vw-min) * 100vw),64px);
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	border-radius: 50%;
	background:transparent;
	box-shadow: min(calc(32 / var(--vw-min) * 100vw),32px) max(calc(-32 / var(--vw-min) * 100vw),-32px) 0 0 var(--color-green);
	transform:translate(calc(-50% + 1px),1px);
}
@media screen and (max-width:768px){
	.pickup__cornerB {
		right: calc(3 / var(--vw-min) * 100vw);
		bottom:calc(-24 / var(--vw-min) * 100vw);
		width:calc(25 / var(--vw-min) * 100vw);
		height:calc(25 / var(--vw-min) * 100vw);
	}
	.pickup__cornerB:before {
		width:calc(48 / var(--vw-min) * 100vw);
		height:calc(48 / var(--vw-min) * 100vw);
		box-shadow: calc(24 / var(--vw-min) * 100vw) calc(-24 / var(--vw-min) * 100vw) 0 0 var(--color-green);
	}
}
.important {
	padding-top:min(calc(136 / var(--vw-min) * 100vw),136px);
}
@media screen and (max-width:768px){
	.important {
		padding-top: calc(40 / var(--vw-min) * 100vw);
		overflow: hidden;
	}
}
.important__inner {
	width:min(calc(1000 / var(--vw-min) * 100vw),1000px);
	margin:0 auto;
	display: flex;
}
@media screen and (max-width:768px){
	.important__inner {
		width: 100%;
		flex-direction: column;
	}
}
.important__title {
	padding-left:min(calc(54 / var(--vw-min) * 100vw),54px);
	color:var(--color-green);
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 700;
	width:min(calc(205 / var(--vw-min) * 100vw),205px);
	letter-spacing: 0.04em;
	position: relative;
}
@media screen and (max-width:768px){
	.important__title {
		font-size: calc(14 / var(--vw-min) * 100vw);
		width: 100%;
		padding-left: calc(53 / var(--vw-min) * 100vw);
	}
	.important__title span {
		position: relative;
		background-color: #fff;
	}
}
.important__title:before {
	content:'';
	position: absolute;
	width:min(calc(80 / var(--vw-min) * 100vw),80px);
	height:min(calc(80 / var(--vw-min) * 100vw),80px);
	top:max(calc(-25 / var(--vw-min) * 100vw),-25px);
	left:0;
	-webkit-mask: url(../img/top/important_mark.svg) no-repeat center center / contain;
	mask: url(../img/top/important_mark.svg) no-repeat center center / contain;
	background:var(--color-yellow);
	opacity:0;
	transform: scale(20%);
	transition: .5s cubic-bezier(.38,.5,.5,1.3);
}
@media screen and (max-width:768px){
	.important__title:before {
		width: calc(50 / var(--vw-min) * 100vw);
		height: calc(50 / var(--vw-min) * 100vw);
		top: calc(-12 / var(--vw-min) * 100vw);
		left: calc(14 / var(--vw-min) * 100vw);
	}
}
.--is-ani .important__title:before {
	opacity:0.7;
	transform: scale(100%);
}
.important__lists {
	flex:1;
	padding-left:min(calc(36 / var(--vw-min) * 100vw),36px);
	position: relative;
}
@media screen and (max-width:768px){
	.important__lists {
		padding-left: calc(24 / var(--vw-min) * 100vw);
	}
}
.important__lists:before {
	content:'';
	position: absolute;
	left:-1px;
	top:0;
	bottom:0;
	width:min(calc(3 / var(--vw-min) * 100vw),3px);
	-webkit-mask:url(../img/common/dot_line.svg) repeat left top / min(calc(8 / var(--vw-min) * 100vw),8px);
	mask:url(../img/common/dot_line.svg) repeat left top / min(calc(8 / var(--vw-min) * 100vw),8px);
	background:var(--color-green);
	opacity:0.7;
}
@media screen and (max-width:768px){
	.important__lists:before {
		width: 100%;
		height: calc(3 / var(--vw-min) * 100vw);
		bottom: unset;
		left: 0;
		margin-left: calc(53 / var(--vw-min) * 100vw);
	}
}
.important__list {
	display: flex;
	margin-bottom:1em;
}
@media screen and (max-width:768px){
	.important__list {
		font-size: calc(13 / var(--vw-min) * 100vw);
		flex-direction: column;
		margin-bottom: calc(18 / var(--vw-min) * 100vw);
	}
	.important__list:first-child {
		padding-top: calc(24 / var(--vw-min) * 100vw);
	}
	.important__list:not(:first-child) {
		padding-top: calc(16 / var(--vw-min) * 100vw);
		border-top: calc(1 / var(--vw-min) * 100vw) solid rgba(140, 195, 60, .5);
	}
}
.important__listDate {
	font-family: var(--font-mont);
	color:var(--color-green);
	font-weight: 700;
	letter-spacing: 0.03em;
	padding-top:min(calc(2 / var(--vw-min) * 100vw),2px);
	width:min(calc(120 / var(--vw-min) * 100vw),120px);
}
@media screen and (max-width:768px){
	.important__listDate {
		line-height: 1;
		width: 100%;
		border-top: 0;
		margin-bottom: calc(8 / var(--vw-min) * 100vw);
	}
}
.important__listTitle {
	flex:1;
	max-height:3.6em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}
@media screen and (max-width:768px){
	.important__listTitle {
		width: calc(320 / var(--vw-min) * 100vw);
	}
}
.important__listTitle a {
	text-decoration: none;
}
.important__listTitle a:hover {
	text-decoration: underline;
}
.capsuleToy {
	padding-top:min(calc(146 / var(--vw-min) * 100vw),146px);
}
@media screen and (max-width:768px){
	.capsuleToy {
		padding-top: calc(56 / var(--vw-min) * 100vw);
	}
}
.topSection__title {
	display: flex;
	flex-direction: column;
	align-items: center;
	color:var(--color-green);
	margin-bottom: min(calc(42 / var(--vw-min) * 100vw),42px);
	position: relative;
	z-index:10;
}
@media screen and (max-width:768px){
	.topSection__title {
		margin-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}
.topSection__title--en {
	font-family: var(--font-mont);
	font-weight: 800;
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	letter-spacing: 0.03em;
	line-height:1;
	opacity: 0;
	transform: translateY(50%);
	transition: transform .4s cubic-bezier(.38,.5,.5,1.3), opacity .3s ease;
}
@media screen and (max-width:768px){
	.topSection__title--en {
		font-size: calc(38 / var(--vw-min) * 100vw);
	}
}
.--is-ani .topSection__title--en {
	opacity: 1;
	transform: translateY(0%);
}
.topSection__title--ja {
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 700;
	line-height:1;
	padding-top:1em;
	opacity: 0;
	transform: translateY(-100%);
	transition: transform .4s cubic-bezier(.38,.5,.5,1.3) .2s, opacity .3s ease .2s;
}
@media screen and (max-width:768px){
	.topSection__title--ja {
		font-size: calc(13 / var(--vw-min) * 100vw);
		padding-top: calc(18 / var(--vw-min) * 100vw);
	}
}
.--is-ani .topSection__title--ja {
	opacity: 1;
	transform: translateY(0%);
}
.capsuleToy__swiperWrap {
	width:100%;
	overflow: hidden;
	position: relative;
	margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
	.capsuleToy__swiperWrap {
		margin-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}
.capsuleToy__swiper {
	overflow: visible;
	width:min(calc(1024 / var(--vw-min) * 100vw),1024px);
	margin:0 auto;
	position: relative;
	opacity: 0;
	transition: opacity .4s ease .3s;
}
@media screen and (max-width:768px){
	.capsuleToy__swiper {
		width: 100%;
	}
}
.--is-ani .capsuleToy__swiper {
	opacity: 1;
}
.capsuleToy__swiper-slide {
	width:min(calc(256 / var(--vw-min) * 100vw),256px);
	padding:0 min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.capsuleToy__swiper-slide {
		width: calc(248 / var(--vw-min) * 100vw);
		padding: 0 calc(8 / var(--vw-min) * 100vw);
	}
}
.capsuleToy__swiperLink {
	display: block;
	height:100%;
	text-decoration: none;
}
.capsuleToy__swiperImg {
	width:100%;
	padding-top:100%;
	position: relative;
	border:1px solid #E0E0E0;
	overflow: hidden;
	margin-bottom:1em;
}
.capsuleToy__swiperImg img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: contain;
	transition: all 0.6s ease;
}
.capsuleToy__swiperTitle {
	max-height:5.4em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperTitle {
		font-size: calc(13 / var(--vw-min) * 100vw);
		line-height: 1.7692;
		margin-top: calc(16 / var(--vw-min) * 100vw);
		max-height:5.3076em;
	}
}
.capsuleToy__swiperLink:hover .capsuleToy__swiperImg img {
	transform: scale(1.1)
}
.capsuleToy__swiperNav {
	position: absolute;
	pointer-events: none;
	left:min(calc(8 / var(--vw-min) * 100vw),8px);
	right:min(calc(8 / var(--vw-min) * 100vw),8px);
	top:min(calc(80 / var(--vw-min) * 100vw),80px);
	display: flex;
	justify-content: space-between;
	z-index:20;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperNav {
		top: calc(84 / var(--vw-min) * 100vw);
		right: 0;
		left: 0;
	}
}
.capsuleToy__swiperNavPrev {
	width:min(calc(36 / var(--vw-min) * 100vw),36px);
	height:min(calc(72 / var(--vw-min) * 100vw),72px);
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	pointer-events: auto;
	transform: translateX(-100%);
	opacity: 0;
	transition: transform .5s cubic-bezier(.38,.5,.5,1.3), opacity .3s ease;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperNavPrev {
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(65 / var(--vw-min) * 100vw);
	}
}
.--is-ani .capsuleToy__swiperNavPrev{
	transform: translateX(0%);
	opacity: 1;
}
.capsuleToy__swiperNavPrev:before {
	content:'';
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
	border-radius: 50%;
	background:var(--color-green);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperNavPrev:before {
		width: calc(65 / var(--vw-min) * 100vw);
	}
}
.capsuleToy__swiperNavPrev:hover:before {
	transform:scale(1.1);
}
.capsuleToy__swiperNavPrev:after {
	content:'';
	display: block;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	-webkit-mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	background:#fff;
	transform:rotateY(180deg);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperNavPrev:after {
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
	}
}
.capsuleToy__swiperNavPrev:hover:after {
	background:var(--color-yellow);
}
.capsuleToy__swiperNavNext {
	width:min(calc(36 / var(--vw-min) * 100vw),36px);
	height:min(calc(72 / var(--vw-min) * 100vw),72px);
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	pointer-events: auto;
	transform: translateX(100%);
	opacity: 0;
	transition: transform .5s cubic-bezier(.38,.5,.5,1.3), opacity .3s ease;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperNavNext {
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(65 / var(--vw-min) * 100vw);
	}
}
.--is-ani .capsuleToy__swiperNavNext{
	transform: translateX(0%);
	opacity: 1;
}
.capsuleToy__swiperNavNext:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
	border-radius: 50%;
	background:var(--color-green);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperNavNext:before {
		width: calc(65 / var(--vw-min) * 100vw);
	}
}
.capsuleToy__swiperNavNext:hover:before {
	transform:scale(1.1);
}
.capsuleToy__swiperNavNext:after {
	content:'';
	display: block;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	-webkit-mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	background:#fff;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.capsuleToy__swiperNavNext:after {
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
	}
}
.capsuleToy__swiperNavNext:hover:after {
	background:var(--color-yellow);
}
.boxToy {
	padding:min(calc(146 / var(--vw-min) * 100vw),146px) 0;
	position: relative;
}
@media screen and (max-width:768px){
	.boxToy {
		padding: calc(72 / var(--vw-min) * 100vw) 0 calc(64 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiperWrap {
	width:100%;
	overflow: hidden;
	position: relative;
	margin-bottom:min(calc(64 / var(--vw-min) * 100vw),64px);
}
@media screen and (max-width:768px){
	.boxToy__swiperWrap {
		margin-bottom: calc(36 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiper {
	overflow: visible;
	width:min(calc(1020 / var(--vw-min) * 100vw),1020px);
	margin:0 auto;
	position: relative;
	opacity: 0;
	transition: opacity .4s ease .3s;
}
@media screen and (max-width:768px){
	.boxToy__swiper {
		width: 100%;
	}
}
.--is-ani .boxToy__swiper {
    opacity: 1;
}
.boxToy__swiper-slide {
	width:min(calc(340 / var(--vw-min) * 100vw),340px);
	padding:0 min(calc(12 / var(--vw-min) * 100vw),12px);
}
@media screen and (max-width:768px){
	.boxToy__swiper-slide {
		width: calc(256 / var(--vw-min) * 100vw);
		padding: 0 calc(8 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiperLink {
	display: block;
	height:100%;
	text-decoration: none;
}
.boxToy__swiperImg {
	width:100%;
	padding-top:75%;
	position: relative;
	border:1px solid #E0E0E0;
	overflow: hidden;
	margin-bottom:1em;
}
.boxToy__swiperImg img {
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: contain;
	transition: all 0.6s ease;
}
@media screen and (max-width:768px){
	.boxToy__swiperTitle {
		font-size: calc(13 / var(--vw-min) * 100vw);
		line-height: 1.7692;
		margin-top: calc(16 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiperLink:hover .boxToy__swiperImg img {
	transform: scale(1.1)
}
.boxToy__swiperNav {
	position: absolute;
	pointer-events: none;
	left:min(calc(8 / var(--vw-min) * 100vw),8px);
	right:min(calc(8 / var(--vw-min) * 100vw),8px);
	top:min(calc(82.5 / var(--vw-min) * 100vw),82.5px);
	display: flex;
	justify-content: space-between;
	z-index:20;
}
@media screen and (max-width:768px){
	.boxToy__swiperNav {
		top: calc(84 / var(--vw-min) * 100vw);
		right: 0;
		left: 0;
	}
}
.boxToy__swiperNavPrev {
	width:min(calc(36 / var(--vw-min) * 100vw),36px);
	height:min(calc(72 / var(--vw-min) * 100vw),72px);
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	pointer-events: auto;
	transform: translateX(-100%);
	opacity: 0;
	transition: transform .5s cubic-bezier(.38,.5,.5,1.3), opacity .3s ease;
}
@media screen and (max-width:768px){
	.boxToy__swiperNavPrev {
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(65 / var(--vw-min) * 100vw);
	}
}
.--is-ani .boxToy__swiperNavPrev{
	transform: translateX(0%);
	opacity: 1;
}
.boxToy__swiperNavPrev:before {
	content:'';
	position: absolute;
	right:0;
	top:0;
	bottom:0;
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
	border-radius: 50%;
	background:var(--color-green);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.boxToy__swiperNavPrev:before {
		width: calc(65 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiperNavPrev:hover:before {
	transform:scale(1.1);
}
.boxToy__swiperNavPrev:after {
	content:'';
	display: block;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	-webkit-mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	background:#fff;
	transform:rotateY(180deg);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.boxToy__swiperNavPrev:after {
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiperNavPrev:hover:after {
	background:var(--color-yellow);
}
.boxToy__swiperNavNext {
	width:min(calc(36 / var(--vw-min) * 100vw),36px);
	height:min(calc(72 / var(--vw-min) * 100vw),72px);
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	pointer-events: auto;
	transform: translateX(100%);
	opacity: 0;
	transition: transform .5s cubic-bezier(.38,.5,.5,1.3), opacity .3s ease;
}
@media screen and (max-width:768px){
	.boxToy__swiperNavNext {
		width: calc(32 / var(--vw-min) * 100vw);
		height: calc(65 / var(--vw-min) * 100vw);
	}
}
.--is-ani .boxToy__swiperNavNext{
	transform: translateX(0%);
	opacity: 1;
}
.boxToy__swiperNavNext:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:min(calc(72 / var(--vw-min) * 100vw),72px);
	border-radius: 50%;
	background:var(--color-green);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.boxToy__swiperNavNext:before {
		width: calc(65 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiperNavNext:hover:before {
	transform:scale(1.1);
}
.boxToy__swiperNavNext:after {
	content:'';
	display: block;
	width:min(calc(20 / var(--vw-min) * 100vw),20px);
	height:min(calc(20 / var(--vw-min) * 100vw),20px);
	-webkit-mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/arrow.svg) no-repeat center center / contain;
	background:#fff;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.boxToy__swiperNavNext:after {
		width: calc(18 / var(--vw-min) * 100vw);
		height: calc(18 / var(--vw-min) * 100vw);
	}
}
.boxToy__swiperNavNext:hover:after {
	background:var(--color-yellow);
}
.brand {
	padding:min(calc(178 / var(--vw-min) * 100vw),178px) 0 min(calc(168 / var(--vw-min) * 100vw),168px);
	position: relative;
	background:var(--color-green);
}
@media screen and (max-width:768px){
	.brand {
		padding: calc(100 / var(--vw-min) * 100vw) 0 calc(107 / var(--vw-min) * 100vw);
	}
}
.brand:before {
	content:'';
	position: absolute;
	left:min(calc(8 / var(--vw-min) * 100vw),8px);
	right:min(calc(8 / var(--vw-min) * 100vw),8px);
	top:max(calc(-32 / var(--vw-min) * 100vw),-32px);
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	border-radius: min(calc(32 / var(--vw-min) * 100vw),32px);
	background:#fff;
}
@media screen and (max-width:768px){
	.brand:before {
		left: calc(4 / var(--vw-min) * 100vw);
		right: calc(4 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
		top: calc(-32 / var(--vw-min) * 100vw);
		border-radius: calc(24 / var(--vw-min) * 100vw);
	}
}
.brand:after {
	content:'';
	position: absolute;
	left:min(calc(8 / var(--vw-min) * 100vw),8px);
	right:min(calc(8 / var(--vw-min) * 100vw),8px);
	bottom:max(calc(-32 / var(--vw-min) * 100vw),-32px);
	height:min(calc(64 / var(--vw-min) * 100vw),64px);
	border-radius: min(calc(32 / var(--vw-min) * 100vw),32px);
	background:#fff;
}
@media screen and (max-width:768px){
	.brand:after {
		left: calc(4 / var(--vw-min) * 100vw);
		right: calc(4 / var(--vw-min) * 100vw);
		border-radius:calc(24 / var(--vw-min) * 100vw);
	}
}
.brand .topSection__title {
	color:#fff;
}
.brand__description {
	text-align: center;
	max-width:min(calc(1024 / var(--vw-min) * 100vw),1024px);
	margin:0 auto;
	color:#fff;
	letter-spacing: 0.04em;
	margin-bottom:min(calc(56 / var(--vw-min) * 100vw),56px);
	opacity: 0;
	transition: opacity .3s ease .2s;
}
@media screen and (max-width:768px){
	.brand__description {
		font-size: calc(13 / var(--vw-min) * 100vw);
		width: 100%;
		margin-bottom: calc(32 / var(--vw-min) * 100vw);
		padding: 0 calc(24 / var(--vw-min) * 100vw);
	}
}
.--is-ani .brand__description{
	opacity: 1;
}
.brand__series {
	width:min(calc(1160 / var(--vw-min) * 100vw),1160px);
	padding:min(calc(86 / var(--vw-min) * 100vw),86px) min(calc(32 / var(--vw-min) * 100vw),32px) min(calc(60 / var(--vw-min) * 100vw),60px);
	background:#fff;
	margin:0 auto;
	border-radius: min(calc(32 / var(--vw-min) * 100vw),32px);
	position: relative;
	z-index:10;
	transform: translateY(min(calc(100 / var(--vw-min) * 100vw), 100px));
	opacity: 0;
	transition: transform .4s ease, opacity .3s ease;
}
@media screen and (max-width:768px){
	.brand__series {
		width: calc(100% - calc(8 / var(--vw-min) * 100vw));
		margin: 0 auto;
		padding: calc(66 / var(--vw-min) * 100vw) calc(18 / var(--vw-min) * 100vw);
		border-radius:calc(24 / var(--vw-min) * 100vw);
	}
}
.brand__series.--is-ani{
	opacity: 1;
	transform: translateY(0%);
}
.brand__seriesTitle {
	display: flex;
	flex-direction: column;
	align-items: center;
	color:var(--color-green);
	margin-bottom: min(calc(42 / var(--vw-min) * 100vw),42px);
}
@media screen and (max-width:768px){
	.brand__seriesTitle {
		margin-bottom: calc(35 / var(--vw-min) * 100vw);
	}
}
.brand__seriesTitle--en {
	font-family: var(--font-mont);
	font-weight: 800;
	font-size:min(calc(60 / var(--vw-min) * 100vw),60px);
	letter-spacing: 0.03em;
	line-height:1;
	opacity: 0;
	transform: translateY(50%);
	transition: transform .4s cubic-bezier(.38,.5,.5,1.3) .3s, opacity .3s ease .3s;
}
@media screen and (max-width:768px){
	.brand__seriesTitle--en {
		font-size: calc(38 / var(--vw-min) * 100vw);
	}
}
.brand__seriesTitle--ja {
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 700;
	line-height:1;
	padding-top:1em;
	opacity: 0;
    transform: translateY(-100%);
	transition: transform .4s cubic-bezier(.38,.5,.5,1.3) .4s, opacity .3s ease .4s;
}
@media screen and (max-width:768px){
	.brand__seriesTitle--ja {
		font-size: calc(16 / var(--vw-min) * 100vw);
		padding-top: calc(17 / var(--vw-min) * 100vw);
	}
}
.brand__series.--is-ani .brand__seriesTitle--en {
    opacity: 1;
    transform: translateY(0%);
}
.brand__series.--is-ani .brand__seriesTitle--ja {
    opacity: 1;
    transform: translateY(0%);
}
.brand__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.brand__list {
	width:min(calc(180 / var(--vw-min) * 100vw),180px);
	margin:0 min(calc(13 / var(--vw-min) * 100vw),13px) min(calc(26 / var(--vw-min) * 100vw),26px);
	position: relative;
}
.brand__list:before {
	content: '';
	position:absolute;
	left:0;
	top:0;
	width:min(calc(180 / var(--vw-min) * 100vw),180px);
	height:min(calc(180 / var(--vw-min) * 100vw),180px);
	background:rgba(140,195,60,0.4);
	border-radius: 50%;
	transform:translate(min(calc(3 / var(--vw-min) * 100vw),3px),min(calc(3 / var(--vw-min) * 100vw),3px)) scale(0.2);
	opacity: 0;
	transition: transform .3s cubic-bezier(.38,.5,.5,1.3) .5s, opacity .3s ease .5s;
}
@media screen and (max-width:768px){
	.brand__list:before {
		left:calc(8 / var(--vw-min) * 100vw);
		width:calc(100% - calc(16 / var(--vw-min) * 100vw));
		height:calc(100% - calc(18 / var(--vw-min) * 100vw));
	}
}
.brand__series.--is-ani .brand__list:before {
	opacity: 1;
	transform:translate(min(calc(3 / var(--vw-min) * 100vw),3px),min(calc(3 / var(--vw-min) * 100vw),3px)) scale(1);
}
@media screen and (max-width:768px){
	.brand__list {
		width: calc(100% / 3);
		margin:0;
		padding:0;
	}
}
.brand__listLink {
	display: block;
	position: relative;
	text-decoration: none;
}
@media screen and (max-width:768px){
	.brand__listLink {
		display: block;
		padding: 0 calc(8 / var(--vw-min) * 100vw) calc(18 / var(--vw-min) * 100vw);
	}
}
.brand__listLink:before {
	content:'';
	position: absolute;
	left:min(calc(140 / var(--vw-min) * 100vw),140px);
	top:min(calc(140 / var(--vw-min) * 100vw),140px);
	border:min(calc(3 / var(--vw-min) * 100vw),3px) solid #fff;
	background:var(--color-green);
	border-radius: 50%;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index:10;
	box-sizing: border-box;
	transition: all 0.3s ease, opacity .3s ease .5s;
	opacity: 0;
}
@media screen and (max-width:768px){
	.brand__listLink:before {
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
		top: calc(74 / var(--vw-min) * 100vw);
		left: calc(74 / var(--vw-min) * 100vw);
	}
}
.brand__listLink:after {
	content:'';
	position: absolute;
	left:min(calc(140 / var(--vw-min) * 100vw),140px);
	top:min(calc(140 / var(--vw-min) * 100vw),140px);
	border:min(calc(3 / var(--vw-min) * 100vw),3px) solid #fff;
	-webkit-mask:url(../img/common/arrow.svg) no-repeat center center / min(calc(16 / var(--vw-min) * 100vw),16px) min(calc(16 / var(--vw-min) * 100vw),16px);
	mask:url(../img/common/arrow.svg) no-repeat center center / min(calc(16 / var(--vw-min) * 100vw),16px) min(calc(16 / var(--vw-min) * 100vw),16px);
	border-radius: 50%;
	width:min(calc(40 / var(--vw-min) * 100vw),40px);
	height:min(calc(40 / var(--vw-min) * 100vw),40px);
	z-index:10;
	box-sizing: border-box;
	background:#fff;
	transform:rotate(-45deg);
	transition:all 0.3s ease, opacity .3s ease .5s;
	opacity: 0;
}
@media screen and (max-width:768px){
	.brand__listLink:after {
		width: calc(25 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
		border-width: calc(2 / var(--vw-min) * 100vw);
		top: calc(74 / var(--vw-min) * 100vw);
		left: calc(74 / var(--vw-min) * 100vw);
		-webkit-mask:url(../img/common/arrow.svg) no-repeat center center / calc(9 / var(--vw-min) * 100vw);
		mask:url(../img/common/arrow.svg) no-repeat center center / calc(9 / var(--vw-min) * 100vw);
	}
}
.brand__series.--is-ani .brand__listLink:before,
.brand__series.--is-ani .brand__listLink:after {
	opacity: 1;
}
.brand__listLink:hover:before{
	transform:scale(1.1)
}
.brand__listLink:hover:after {
	transform:scale(1.1) rotate(-45deg);
	background:var(--color-yellow);
}
.brand__listLogo {
	position: relative;
	width:100%;
	padding-top:calc(100% - 2px);
	border-radius: 50%;
	border:1px solid var(--color-green);
	overflow: hidden;
	transition: transform .3s cubic-bezier(.38,.5,.5,1.3) .5s, opacity .3s ease .5s;
	transform: scale(20%);
	opacity: 0;
}
.brand__series.--is-ani .brand__listLogo {
	opacity: 1;
	transform: scale(100%);
}
.brand__listLogo img {
	display: block;
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	transition: all 0.6s ease;
	object-fit: cover;
}
.brand__listLink:hover .brand__listLogo img {
	transform:scale(1.1);
}
.brand__listName {
	padding-top:0.85em;
	text-align: center;
	font-weight: 700;
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
	line-height: 1.6666;
	transition: transform .3s cubic-bezier(.38,.5,.5,1.3) .5s, opacity .3s ease .5s;
    transform: translateY(50%);
    opacity: 0;
}
@media screen and (max-width:768px){
	.brand__listName {
		display: none;
	}
}
.brand__series.--is-ani .brand__listName {
	transform: translateY(0%);
	opacity: 1;
}
.brand__deco {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow: hidden;
}
.brand__deco1--t{
	position: absolute;
	top:max(calc(-465 / var(--vw-min) * 100vw),-465px);
	left:calc(50% + min(calc(150 / var(--vw-min) * 100vw),150px));
	width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	height:min(calc(840 / var(--vw-min) * 100vw),840px);
	-webkit-mask: url(../img/common/brand_deco1.svg) no-repeat center center / contain;
	mask: url(../img/common/brand_deco1.svg) no-repeat center center / contain;
	background:#fff;
	opacity: .2;
}
@media screen and (max-width:768px){
	.brand__deco1--t {
		width: calc(690 / var(--vw-min) * 100vw);
		height: calc(500 / var(--vw-min) * 100vw);
		top: calc(-309 / var(--vw-min) * 100vw);
		left: calc(50% + calc(5 / var(--vw-min) * 100vw));
	}
}
.brand__deco1--b{
	position: absolute;
	bottom:max(calc(-465 / var(--vw-min) * 100vw),-465px);
	right:50%;
	width:min(calc(1200 / var(--vw-min) * 100vw),1200px);
	height:min(calc(840 / var(--vw-min) * 100vw),840px);
	-webkit-mask: url(../img/common/brand_deco1.svg) no-repeat center center / contain;
	mask: url(../img/common/brand_deco1.svg) no-repeat center center / contain;
	background:#fff;
	opacity: .2;
}
@media screen and (max-width:768px){
	.brand__deco1--b {
		width: calc(694 / var(--vw-min) * 100vw);
		height: calc(486 / var(--vw-min) * 100vw);
		bottom: calc(-290 / var(--vw-min) * 100vw);
	}
}
.brand__deco2 {
	position: absolute;
	left:calc(50% - min(calc(643 / var(--vw-min) * 100vw),643px));
	top:min(calc(178 / var(--vw-min) * 100vw),178px);
	width:min(calc(221 / var(--vw-min) * 100vw),221px);
	height:min(calc(177 / var(--vw-min) * 100vw),177px);
	-webkit-mask:url(../img/common/brand_deco2.svg) no-repeat center center / contain;
	mask:url(../img/common/brand_deco2.svg) no-repeat center center / contain;
	background:#fff;
	opacity:0.4;
}
@media screen and (max-width:768px){
	.brand__deco2 {
		width: calc(103 / var(--vw-min) * 100vw);
		height: calc(115 / var(--vw-min) * 100vw);
		top: calc(207 / var(--vw-min) * 100vw);
		left: calc(-10 / var(--vw-min) * 100vw);
	}
}
.brand__deco3 {
	position: absolute;
	left:calc(50% + min(calc(357 / var(--vw-min) * 100vw),357px));
	top:max(calc(-10 / var(--vw-min) * 100vw),-10px);
	width:min(calc(132 / var(--vw-min) * 100vw),132px);
	height:min(calc(180 / var(--vw-min) * 100vw),180px);
	-webkit-mask:url(../img/common/brand_deco3.svg) no-repeat center center / contain;
	mask:url(../img/common/brand_deco3.svg) no-repeat center center / contain;
	background:#fff;
	opacity:0.4;
}
@media screen and (max-width:768px){
	.brand__deco3 {
		width: calc(59 / var(--vw-min) * 100vw);
		height: calc(80 / var(--vw-min) * 100vw);
		top: calc(16 / var(--vw-min) * 100vw);
		left: unset;
		right: calc(33 / var(--vw-min) * 100vw);
	}
}
@media screen and (min-width:769px){
	.brand__deco4 {
		position: absolute;
		left:calc(50% - min(calc(641 / var(--vw-min) * 100vw),641px));
		bottom:min(calc(318 / var(--vw-min) * 100vw),318px);
		width:min(calc(128 / var(--vw-min) * 100vw),128px);
		height:min(calc(123 / var(--vw-min) * 100vw),123px);
		-webkit-mask:url(../img/common/brand_deco4.svg) no-repeat center center / contain;
		mask:url(../img/common/brand_deco4.svg) no-repeat center center / contain;
		background:#fff;
		opacity:0.8;
	}
}
.brand__deco5 {
	position: absolute;
	left:calc(50% - max(calc(-515 / var(--vw-min) * 100vw),-515px));
	bottom:min(calc(80 / var(--vw-min) * 100vw),80px);
	width:min(calc(363 / var(--vw-min) * 100vw),363px);
	height:min(calc(160 / var(--vw-min) * 100vw),160px);
	-webkit-mask:url(../img/common/brand_deco5.svg) no-repeat center center / contain;
	mask:url(../img/common/brand_deco5.svg) no-repeat center center / contain;
	background:#fff;
	opacity:0.5;
}
@media screen and (max-width:768px){
	.brand__deco5 {
		width: calc(199 / var(--vw-min) * 100vw);
		height: calc(88 / var(--vw-min) * 100vw);
		left: unset;
		right: calc(-131 / var(--vw-min) * 100vw);
		bottom: calc(50 / var(--vw-min) * 100vw);
	}
}
.brand__decoChara{
	position: absolute;
	top: max(calc(-48 / var(--vw-min) * 100vw), -48px);
	left: 0;
	width: min(calc(88 / var(--vw-min) * 100vw), 88px);
	height: min(calc(98 / var(--vw-min) * 100vw), 98px);
	transform: translateY(50%);
	opacity: 0;
	transition: .5s cubic-bezier(.38,.5,.5,1.3);
}
@media screen and (max-width:768px){
	.brand__decoChara {
		width: calc(65 / var(--vw-min) * 100vw);
		height: calc(72 / var(--vw-min) * 100vw);
		top: calc(-27 / var(--vw-min) * 100vw);
	}
}
.brand__decoChara.--is-ani{
	opacity: 1;
	transform: translateY(0%);
}

.brand__decoChara .deco__chara{
	transform: rotate(22.98deg);
}
.deco__chara{
	position: absolute;
	top: max(calc(-13 / var(--vw-min) * 100vw),-13px);
	left: min(calc(7 / var(--vw-min) * 100vw),7px);
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px){
.deco__chara{
	position: absolute;
	top: calc(-9 / var(--vw-min) * 100vw);
	left: calc(4 / var(--vw-min) * 100vw);
	width: 100%;
	height: 100%;
}
}
.deco__chara:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/chara_b.png) no-repeat center / contain;
}
.deco__chara:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url(../img/common/chara_t.png) no-repeat center / contain;
	animation: ani_decochara 10s ease infinite;
}
@keyframes ani_decochara {
	0%,20%{transform: translateY(0%);}
	22%{transform: translateY(-25%);}
	24%{transform: translateY(0%);}
	60%{transform: translateY(-0%);}
	62%{transform: translateY(-20%);}
	63%{transform: translateY(0%);}
	65%{transform: translateY(-25%);}
	67%{transform: translateY(0%);}
}
.brand__decoChara .deco__chara:after{
	animation-play-state: paused;
}
.brand__decoChara.--is-ani .deco__chara:after{
	animation-play-state: running;
}





.news {
	position: relative;
	padding-top:min(calc(116 / var(--vw-min) * 100vw),116px);
	padding-bottom:min(calc(136 / var(--vw-min) * 100vw),136px);
}
@media screen and (max-width:768px){
	.news {
		padding-top: calc(45 / var(--vw-min) * 100vw);
		padding-bottom: calc(100 / var(--vw-min) * 100vw);
	}
}
.newsSwiper{
	opacity: 0;
	transition: opacity .4s ease .3s;
}
@media screen and (max-width:768px){
	.newsSwiper{
		padding: 0 calc(36 / var(--vw-min) * 100vw) calc(24 / var(--vw-min) * 100vw);
	}
}
.--is-ani .newsSwiper{
	opacity: 1;
}
.news__lists {
	width:min(calc(1044 / var(--vw-min) * 100vw),1044px);
	margin:0 auto min(calc(54 / var(--vw-min) * 100vw),54px);
	display:flex;
}
@media screen and (max-width:768px){
	.news__lists {
		width: auto;
		margin: 0;
	}
}

.news__list {
	width:calc(100% / 3);
	padding:0 min(calc(22 / var(--vw-min) * 100vw),22px);
}
@media screen and (max-width:768px){
	.news__list {
		width: calc(240 / var(--vw-min) * 100vw);
		padding: 0 ;
		margin-right: calc(20 / var(--vw-min) * 100vw);
	}
}
.news__listLink {
	display: block;
	text-decoration: none;
}
.news__listThumb {
	width:100%;
	padding-top:100%;
	border-radius: min(calc(16 / var(--vw-min) * 100vw),16px);
	overflow: hidden;
	position: relative;
	margin-bottom:min(calc(24 / var(--vw-min) * 100vw),24px);
}
@media screen and (max-width:768px){
	.news__listThumb {
		margin-bottom: calc(20 / var(--vw-min) * 100vw);
	}
}
.news__listThumb img {
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	object-fit: cover;
	transition: all 0.6s ease;
}
.news__listLink:hover .news__listThumb img{
	transform:scale(1.1);
}
.news__listTexts {
	display: flex;
	flex-wrap: wrap;
	width:100%;
}
.news__listCategory {
	background:var(--color-black);
	display: flex;
	align-items: center;
	color:#fff;
	height:min(calc(24 / var(--vw-min) * 100vw),24px);
	font-size:min(calc(13 / var(--vw-min) * 100vw),13px);
	padding:0 min(calc(14 / var(--vw-min) * 100vw),14px) 0 min(calc(24 / var(--vw-min) * 100vw),24px);
	font-weight: 500;
	border-radius: 12px;
	position: relative;
	margin-right:min(calc(16 / var(--vw-min) * 100vw),16px);
	padding-bottom:min(calc(2 / var(--vw-min) * 100vw),2px);
}
@media screen and (max-width:768px){
	.news__listCategory {
		font-size: calc(11 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
		padding: 0 calc(15 / var(--vw-min) * 100vw) 0 calc(20 / var(--vw-min) * 100vw);
		margin-right: calc(13 / var(--vw-min) * 100vw);
	}
}
.news__listCategory:before {
	content:'';
	position: absolute;
	left:min(calc(10 / var(--vw-min) * 100vw),10px);
	top:50%;
	border-radius: 50%;
	width:min(calc(4 / var(--vw-min) * 100vw),4px);
	height:min(calc(4 / var(--vw-min) * 100vw),4px);
	background:#fff;
	margin-top:max(calc(-2 / var(--vw-min) * 100vw),-2px);
}
@media screen and (max-width:768px){
	.news__listCategory:before {
		width: calc(3 / var(--vw-min) * 100vw);
		height: calc(3 / var(--vw-min) * 100vw);
		left: calc(10 / var(--vw-min) * 100vw);
	}
}
.news__listCategory.is-cat-information {
	background:var(--color-cat-information);
}
.news__listCategory.is-cat-release {
	background:var(--color-cat-release);
}
.news__listCategory.is-cat-blog {
	background:var(--color-cat-blog);
}
.news__listTime {
	display: flex;
	align-items: center;
	height:min(calc(24 / var(--vw-min) * 100vw),24px);
	font-family: var(--font-mont);
	font-weight: 600;
	font-size:min(calc(16 / var(--vw-min) * 100vw),16px);
	letter-spacing: 0.03em;
	color:var(--color-black);
	opacity:0.5;
	line-height:1;
}
@media screen and (max-width:768px){
	.news__listTime {
		font-size: calc(13 / var(--vw-min) * 100vw);
		height: calc(22 / var(--vw-min) * 100vw);
	}
}
.news__listTitle {
	font-size:min(calc(15 / var(--vw-min) * 100vw),15px);
	letter-spacing: 0.04em;
	margin-top:min(calc(10 / var(--vw-min) * 100vw),10px);
	height:3.6em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	width:100%;
}
@media screen and (max-width:768px){
	.news__listTitle {
		font-size: calc(13 / var(--vw-min) * 100vw);
		margin-top: calc(13 / var(--vw-min) * 100vw);
	}
}

.news__decoChara{
	display: none;
}
@media screen and (max-width:768px){
	.news__decoChara{
		display: block;
		position: absolute;
		top: calc(-60 / var(--vw-min) * 100vw);
		left: 0;
		right: 0;
		width: calc(72 / var(--vw-min) * 100vw);
		height: calc(64 / var(--vw-min) * 100vw);
		margin: 0 auto;
		background: url(../img/common/deco_chara.svg) no-repeat center top / 100%;
		transform: translateY(100%);
		opacity: 0;
		transition: transform .4s cubic-bezier(.61,.3,.24,1.37), opacity .3s ease;
	}
	.news__decoChara.--is-ani{
		transform: translateY(0%);
		opacity: 1;
	}
}

/**
* top Common
**/
.js-scrani .genBtn{
	transform: scale(20%);
	opacity: 0;
	transition: transform .3s cubic-bezier(.38,.5,.5,1.3) .2s, opacity .3s ease .2s;
}
.--is-ani .genBtn{
	opacity: 1;
	transform: scale(100%);
}




/**
* LOADING
**/
body.is-visited .tLoading{
	opacity: 0;
}
.tLoading{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fff;
	z-index: 10001;
	transition: opacity .2s ease;
}
.tLoading .fullFrame:before {
	z-index:5000;
}
.tLoading__charaAreaWrap{
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	display: flex;
	align-items: center;
}

:root{
	--loading-chara-size: min(calc(240 / var(--vw-min) * 100vw), 240px);
}
@media screen and (max-width:768px){
	:root{
		--loading-chara-size: calc(80 / var(--vw-min) * 100vw)
	}
	.tLoading .fullFrame:after{
		content: unset;
	}
}

.tLoading__charaArea{
	width: 100%;
	height: var(--loading-chara-size);
	position: relative;
}
.tLoading__chara{
	position: absolute;
	top: 0;
	left: max(calc(-240 / var(--vw-min) * 100vw), -240px);
	width: var(--loading-chara-size);
	height: var(--loading-chara-size);
	animation: ani_loading_c_left 0.90s cubic-bezier(.54,.39,.7,1) forwards;
	animation-delay: .6s;
}
@keyframes ani_loading_c_left {
	0%{left: calc(var(--loading-chara-size) * -1);}
	100%{left: calc(50% - (var(--loading-chara-size) / 2));}
}

.tLoading__charaImg{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tLoading__charaImg img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
}



/* cut1 [0ms -> 1550ms + 200ms]  */
.tLoading__charaImg.-cut1{
	animation: ani_loading_c1_2 0.35s ease forwards;
	animation-delay: 1.55s;
}
.tLoading__charaImg.-cut1:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #FFF;
}
.tLoading__charaImg.-cut1 img{
	animation: ani_loading_c1_1 0.90s cubic-bezier(.54,.39,.7,1) forwards;
	animation-delay: .6s;
	transform: rotate(270deg);
}
@keyframes ani_loading_c1_1 {
	0%{transform: rotate(270deg)}
	100%{transform: rotate(720deg)}
}
@keyframes ani_loading_c1_2{
	0%{opacity:1;}
	100%{opacity:0;}
}
@media screen and (max-width:768px){
	.tLoading__charaImg.-cut1 img{
		transform: rotate(360deg);
	}
	@keyframes ani_loading_c1_1 {
		0%{transform: rotate(360deg)}
		100%{transform: rotate(720deg)}
	}
}


/* cut2 [1550ms -> 3400ms] */
.tLoading__charaImg-cut2{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.tLoading__charaImg-cut2.-img1 img{
	opacity: 0;
	animation: ani_loading_c2_1 0.35s ease forwards;
	animation-delay: 1.55s;
}
@keyframes ani_loading_c2_1{
	0%{opacity:0;}
	100%{opacity:1;}
}


/* eye */
.tLoading__charaImg-cut2.-eye{
	opacity: 0;
	animation: ani_loading_c2_1 0.35s linear forwards;
	animation-delay: 1.55s;
}
.tLoading__charaImg-eyeWrap{
	position: absolute;
	top: 3.0303%;/* 13 */
	left: 32.8672%;/* 141 */
	width: 29.3707%;/* 126 */
	height: 15.3847%;/* 66 */
	border-top-left-radius: 5%;
}
.tLoading__charaImg-eye{
	position: absolute;
	top: 0;
	width: 38.0953%;/* 48 */
	height: 100%;
	overflow: hidden;
}
.tLoading__charaImg-eye.-l{
	left: 0;
}
.tLoading__charaImg-eye.-r{
	right: -0.4167%;
}

.tLoading__charaImg-eyeAni{
	position: absolute;
	left: 0;
	width: 100%;
	height: 0;
	background-color: #8cc33c;
	animation-name: ani_loading_c2_eye;
    animation-duration: 1.8s;
    animation-iteration-count: 3;
    animation-timing-function: ease-in-out;
	animation-delay: 0s;
}

@keyframes ani_loading_c2_eye {
	0%, 100% { /* 開始時と終了時はまぶたは完全に開いている */
		height: 0%;
	}
	/* 1回目の瞬き */
	10% {
		height: 100%; /* まぶたを閉じる */
		border-bottom-width: 0px;
	}
	20% {
		height: 0%;   /* まぶたを開ける */
	}
	/* 2回目の瞬き (少し速く) */
	25% {
		height: 100%; /* まぶたを閉じる */
	}
	35% {
		height: 0%;   /* まぶたを開ける */
	}
	/* 35%から100%までは開いたまま。次のサイクルの0%にスムーズに繋がる */
}


.tLoading__charaImg.-cut2{
	animation-name: ani_loading_c2_korokoro;
    animation-duration: 1.6s;
    animation-iteration-count: 2;
    animation-timing-function: ease-in-out;
	animation-delay: 2.5s;
	z-index: 1;
}

@keyframes ani_loading_c2_korokoro {
	0%{transform: rotate(0deg);}
	5%{transform: rotate(3deg);}
	10%{transform: rotate(-2deg);}
	15%{transform: rotate(6deg);}
	20%{transform: rotate(-4deg);}
	25%{transform: rotate(4deg);}
	30%{transform: rotate(-1deg);}
	32%{transform: rotate(0deg);}
}


/* cut3 [3400ms -> END] */
.tLoading{
	opacity: 1;
	animation: ani_loading_c3_bg .8s ease-in-out forwards;
	animation-delay: 3.75s;
}
.tLoading:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: var(--color-green);
	opacity: 0;
	animation: ani_loading_c3_bgc .6s ease-in-out forwards;
	animation-delay: 3s;
}
.tLoading__charaArea{
	opacity: 1;
	transform: scale(100%);
	animation: ani_loading_c3_chara .6s ease-in-out forwards;
	animation-delay: 3s;
}
@keyframes ani_loading_c3_chara {
	0%{
		opacity: 1;
		transform: scale(100%);
	}
	70%{
		opacity: 0;		
	}
	100%{
		opacity: 0;
		transform: scale(800%);
	}
}
@keyframes ani_loading_c3_bg{
	0%{
		opacity: 1;
		display: block;
	}
	95%{
		opacity: 0;
		display: block;
	}
	100%{
		opacity: 0;
		display: none;
	}
}
@keyframes ani_loading_c3_bgc{
	0%{
		opacity: 0;
	}
	100%{
		opacity: 1;
	}
}