@charset "utf-8";
#fullWrap {
	position: relative;
}
@media screen and (max-width:768px){
	#fullWrap {
		padding-bottom:13.3333vw;
	}
}
.hero {
	position: relative;
	height:calc(100vh - 100px);
	z-index:110;
	background: #000;
}
@media screen and (max-width:768px){
	.hero {
		height:82.6666vw;
	}
}
.hero:before {
	content:'';
	position: absolute;
	left: 35%;
	right: 35%;
	top: 14%;
	bottom: 48%;
	-webkit-mask: url(../img/common/logo_vertical.svg) no-repeat center center / contain;
	mask: url(../img/common/logo_vertical.svg) no-repeat center center / contain;
	background:#FFF;
	z-index:500;
}
@media screen and (max-width:768px){
	.hero:before {
		content:'';
		position: absolute;
		left: 35%;
		right: 35%;
		top: 21%;
		bottom: 40%;
		-webkit-mask: url(../img/common/logo_vertical.svg) no-repeat center center / contain;
		mask: url(../img/common/logo_vertical.svg) no-repeat center center / contain;
		background:#FFF;
	}
}
.heroWrap {
	position: absolute;
	left:0;
	top:0;
	right: 0;
	bottom:0;
	overflow: hidden;
}
.hero__mov {
	width:100%;
	height:100%;
	position: absolute;
	left:50%;
	bottom:0;
	transform:translateX(-50%);
	opacity:0;
	transition:opacity 0.3s ease;
}
.hero__mov:before {
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:rgba(0,48,164,.35);
	z-index:49;
}
.hero__mov.on {
	opacity:1;
}
.hero__mov video {
	width:100%;
	height:100%;
}
.hero__inner {
	position: absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	padding-bottom:max(45px,7.25vh);
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: flex-end;
	z-index:50;
}
@media screen and (max-width:768px){
	.hero__inner {
		padding-bottom:9.3333vw;
	}
}
.hero__catch {
	width:39.5%;
	min-width:474px;
	height:12.0967%;
	background:url(../img/top/hero_catch.svg) no-repeat center center / contain;
	filter: drop-shadow(0px 0px 4px #4378d1) drop-shadow(0px 0px 4px #4378d1);
}
@media screen and (max-width:768px){
	.hero__catch {
		width:60.1333vw;
		min-width:unset;
		height:11.3333vw;
	}
}
.hero__toAbout {
	width:346px;
	height:56px;
	margin-top:max(45px,7.25vh);
}
@media screen and (max-width:768px){
	.hero__toAbout {
		width:46.1333vw;
		height:7.4666vw;
		margin-top:3.3333vw;
	}
}
.hero__toAbout a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:56px;
	border-radius: 28px;
	background:#FFF;
	text-decoration: none;
	color:var(--color-blue);
	font-size:28px;
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.hero__toAbout a {
		height:7.4666vw;
		border-radius:3.7333vw;
		font-size:4vw;
	}
}
@media screen and (hover:hover){
	.hero__toAbout a:hover {
		background:var(--color-blue);
		color:#FFF;
	}
}
.hero__toAbout a:before {
	content:'';
	position: absolute;
	right:20px;
	top:50%;
	margin-top: -10px;
	width:20px;
	height:20px;
	-webkit-mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	background:var(--color-blue);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.hero__toAbout a:before {
		right:2.6666vw;
		margin-top: -1.3333vw;
		width:2.6666vw;
		height:2.6666vw;
	}
}
@media screen and (hover:hover){
	.hero__toAbout a:hover:before {
		background:#FFF;
	}
}
.hero__toNext {
	width:50px;
	height:50px;
	position: absolute;
	left:50%;
	margin-left:-25px;
	bottom:-25px;
	transform:rotate(45deg);
}
@media screen and (max-width:768px){
	.hero__toNext {
		width:6.6666vw;
		height:6.6666vw;
		margin-left:-3.3333vw;
		bottom:-3.3333vw;
	}
}
.hero__toNext a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:50px;
	width:50px;
	border:2px solid #FFF;
	background:var(--color-blue);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.hero__toNext a {
		height:6.6666vw;
		width:6.6666vw;
	}
}
@media screen and (hover:hover){
	.hero__toNext a:hover {
		background:#FFF;
		border-color:var(--color-blue);
	}
}
.hero__toNext a:before {
	content:'';
	position: absolute;
	left:50%;
	top:50%;
	width:10px;
	height:10px;
	box-sizing: border-box;
	border-right:3px solid #FFF;
	border-bottom:3px solid #FFF;
	margin-left:-6px;
	margin-top:-6px;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.hero__toNext a:before {
		width:1.3333vw;
		height:1.3333vw;
		border-right:1px solid #FFF;
		border-bottom:1px solid #FFF;
		margin-left:-0.8vw;
		margin-top:-0.8vw;
		transition: all 0.3s ease;
	}
}
@media screen and (hover:hover){
	.hero__toNext a:hover:before {
		border-color:var(--color-blue);
	}
}
.t-contents {
	padding:50px 0 60px;
	position: relative;
}
@media screen and (max-width:768px){
	.t-contents {
		padding:6.6666vw 0 8vw;
	}
}
.t-contents__lbg {
	position: absolute;
	height:276px;
	top:-40px;
	left:0;
	right:0;
	background:url(../img/common/contents_lbg.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.t-contents__lbg {
		height:36.8vw;
		top:-5.3333vw;
	}
}
.t-artist {}
.t-artist .t-contents__lbg {
	transform:skewY(-10deg);
}
.t-artist .contents__title {
	color:#FFF;
}
.t-artist__swiper {
	overflow: visible;
}
.t-artist__swiper-slide {
	margin:0 8px;
	width:calc(100% / 3 - 16px);
	max-width: 350px
}
@media screen and (max-width:768px){
	.t-artist__swiper-slide {
		margin:0 1vw;
		width:calc(100% / 2 - 2vw);
		max-width: unset
	}
}
.t-artist__swiper-slide a {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.t-artist__swiper-slide a {
		display: block;
		border-radius: 5px;
		overflow: hidden;
		transition: all 0.3s ease;
	}
}
@media screen and (hover:hover){
	.t-artist__swiper-slide a:hover {
		transform:scale(1.05);
	}
}
.t-artist__swiper-slide img {
	width:100%;
	height:auto;
}
.t-news {}
.t-news .t-contents__lbg {
	transform:skewY(10deg) rotateY(180deg);
}
.t-news .contents__title {
	color:#FFF;
}
.t-news__toList {
	width:346px;
	height:56px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.t-news__toList {
		width:46.1333vw;
		height:7.4666vw;
	}
}
.t-news__toList a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:56px;
	border-radius: 28px;
	background: linear-gradient(109deg, rgba(179,153,198,1) 0%,rgba(232,135,126,1) 50%,rgba(179,153,198,1) 100%);
	background-size:200% 100%;
	background-position: left center;
	text-decoration: none;
	color:#FFF;
	font-size:28px;
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.t-news__toList a {
		height:7.4666vw;
		border-radius: 3.7333vw;
		font-size:4vw;
	}
}
@media screen and (hover:hover){
	.t-news__toList a:hover {
		background-position:right top;
		transform:scale(1.05);
	}
}
.t-news__toList a:before {
	content:'';
	position: absolute;
	right:20px;
	top:50%;
	margin-top: -10px;
	width:20px;
	height:20px;
	-webkit-mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	background:#FFF;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.t-news__toList a:before {
		right:2.666vw;
		margin-top: -1.3333vw;
		width:2.6666vw;
		height:2.6666vw;
	}
}
.t-news__toList a:hover:before {
	background:#FFF;
}
.t-goods {}
.t-goods .contents__title {
	color:#000;
}
.t-goods__swiper {
	overflow: visible;
}
.t-goods__swiper-slide {
	margin:0 8px;
	width:calc(100% / 3 - 16px);
	max-width: 350px
}
@media screen and (max-width:768px){
	.t-goods__swiper-slide {
		margin:0 1vw;
		width:calc(100% / 2 - 2vw);
		max-width: unset;
	}
}
.t-goods__swiper-slide a {
	display: block;
	border-radius: 10px;
	overflow: hidden;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.t-goods__swiper-slide a {
		display: block;
		border-radius: 5px;
	}
}
.t-goods__swiper-slide a:hover {
	transform:scale(1.05);
}
@media screen and (hover:hover){
	.t-goods__swiper-slide a:hover {
		transform:scale(1.05);
	}
}
.t-goods__swiper-slide img {
	width:100%;
	height:auto;
}
.t-goods .l-carousel__nav li a:before {
	background:#000;
}
.fbanners {
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	pointer-events: none;
	display: flex;
	align-items: flex-start;
	justify-content: flex-end;
	z-index:5000;
}
@media screen and (max-width:768px){
	.fbanners {
		align-items: flex-end;
	}
}
.fbanners__wrap {
	position: sticky;
	padding:120px 20px 0 0;
	right:0;
	top:0;
}
@media screen and (min-width:769px){
	.fbanners__wrap {
		display: block;
		width:auto;
		margin:unset;
		overflow: visible;
	}
}
@media screen and (max-width:768px){
	.fbanners__wrap {
		padding:0;
		top:unset;
		bottom:0;
		width:100%;
		filter: drop-shadow(0px 0px 3px rgba(1,16,81,0.7));	}
}
.fbanners__lists {
	display: block;
}
@media screen and (max-width:768px){
	.fbanners__lists {
		display: flex;
		width:100%;
		background:#000;
	}
}
.fbanners__list {
	margin-bottom:10px;
	width:min(240px,20vw);
}
@media screen and (min-width:769px){
	.fbanners__list {
		filter: drop-shadow(0px 0px 3px rgba(1,16,81,0.7));
	}
}
@media screen and (max-width:768px){
	.fbanners__list {
		margin:0 auto;
		width:50%;
	}
}
.fbanners__list a {
	display: block;
	pointer-events: auto;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.fbanners__list a:hover {
		transform:scale(1.08);
	}
}
.fbanners__list img {
	width:100%;
	height:auto;
}