@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
:root {
	--color-blue:#00eee0;
}
body{
	-webkit-text-size-adjust:100%;
	background-color:#000;
	color:#000;
	font-family:'UDKakugoC60Pro-M','FOT-UD角ゴC60 Pro M', sans-serif;
	font-style:normal;
	font-size:17px;
	letter-spacing:0.1em;
	line-height:1.8;
	word-wrap:break-word;
}
a{color:#000}
a:hover{text-decoration:none}
.ah{transition:opacity .3s ease}
.ah:hover{opacity:.7}
::selection{
	background:var(--color-blue);
	color:#000;
}
::-moz-selection{
	background:var(--color-blue);
	color:#000;
}
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
	background: #000;
}
::-webkit-scrollbar-thumb {
	background: var(--color-blue);
	box-shadow: none;
}
.font-ur {
	font-family: 'Urbanist', sans-serif;
	font-weight: 600
}
@media screen and (max-width:768px){
	html{
		font-size: 62.5%;
	}
	body{
		font-size: 10px;
		font-size: 1rem;
		min-width: 320px;
	}
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}
@media screen and (min-width:769px){
	.sp{ display: none; }
}
@keyframes scroll_v{
	0%{
		top:48.4%;
		bottom:52.6%;
	}
	45%,55%{
		top:48.4%;
		bottom:6.8%;
	}
	100%{
		top:93.2%;
		bottom:6.8%;
	}
}
@keyframes inBtn_r{
	0%{
		transform:rotate(0deg);
	}
	8%,100%{
		transform:rotate(30deg);
	}
}
@keyframes textmask{
	0%{
		top:0;
		height:0;
	}
	45%{
		top:0;
		height:100%;
	}
	55%{
		top:0;
		height:100%;
	}
	100%{
		top:100%;
		height:0;
	}
}
@keyframes textopen{
	0%,49%{
		opacity:0;
	}
	51%,
	100%{
		opacity:1;
	}
}
@keyframes charaFlash {
	0%,40%,80% {
		opacity:0;
	}
	20%,60%,100% {
		opacity:1;
	}
}
.inBtnLink{
	display:block;
	width:128px;
	height:128px;
	position:relative;
	transition:all 0.3s ease
}
.inBtnLink:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-mask:url(../img/common/btn_circle.svg) no-repeat center center / contain;
	mask:url(../img/common/btn_circle.svg) no-repeat center center / contain;
	background:#FFF;
	z-index:2;
}
@media screen and (hover:hover){
	.inBtnLink:hover,
	.inBtnLink.hover{
		transform:scale(1.1);
	}
	.inBtnLink:hover:before,
	.inBtnLink.hover:before{
		animation:inBtn_r 1s ease-in-out infinite;
	}
}
.news {
	padding:34px 38px 80px;
	position: relative;
	overflow: hidden;
	z-index:96;
}
@media screen and (max-width:768px){
	.news {
		padding:8.939vw 0 12.8vw;
	}
}
.news:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:url(../img/common/article_bg.jpg) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.news:before {
		background-image:url(../img/common/article_bg-v.jpg);
	}
}
.news__wrap {
	position: relative;
}
.news__title{
	position:relative;
	height:55px;
	margin-bottom:85px;
}
@media screen and (max-width:768px){
	.news__title{
		height:9.939vw;
		margin-bottom:14.4vw;
	}
}
.news__title:before{
	content:'';
	position:absolute;
	left:-7px;
	bottom:-156px;
	width:7px;
	height:134px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	background:#FFF;
	transform:rotate(-90deg);
	transform-origin:right top;
}
@media screen and (max-width:768px){
	.news__title:before{
		left:0;
		bottom:-5vw;
		height:1.8vw;
		width:25.5905vw;
		-webkit-mask:url(../img/common/title_en-h.svg) no-repeat right top / contain;
		mask:url(../img/common/title_en-h.svg) no-repeat right top / contain;
		transform:unset;
	}
}
.news__title:after {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
	-webkit-mask:url(../img/news/news_title.svg) no-repeat left top / auto 55px;
	mask:url(../img/news/news_title.svg) no-repeat left top / auto 55px;
	background:#FFF;
}
@media screen and (max-width:768px){
	.news__title:after {
		-webkit-mask:url(../img/news/news_title.svg) no-repeat left top / contain;
		mask:url(../img/news/news_title.svg) no-repeat left top / contain;
	}
}
.news__lists{
	padding:0 0 60px 157px;
}
@media screen and (max-width:768px){
	.news__lists{
		padding:0 0 6.4vw;
	}
}
.news__list{
	border-top:2px solid #FFF;
}
@media screen and (max-width:768px){
	.news__list:first-child{
		border-top:none;
	}
}
.news__listLink{
	height:150px;
	display:flex;
	width:100%;
	align-items:center;
	text-decoration:none;
	position:relative;
	padding:15px 0;
}
@media screen and (max-width:768px){
	.news__listLink{
		height:30vw;
		padding:2vw 0;
	}
}
.news__listTime{
	width:150px;
	height:120px;
	justify-content:flex-start;
	align-items:center;
	display:flex;
	position:relative;
}
@media screen and (max-width:768px){
	.news__listTime{
		width:8vw;
		height:26vw;
		display: flex;
		justify-content: center;
		overflow: hidden;
	}
}
.news__listTime > span{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#fff;
	line-height:1;
}
@media screen and (max-width:768px){
	.news__listTime > span{
		display:flex;
		justify-content:center;
		align-items:center;
		color:#fff;
		line-height:1;
		transform:rotate(90deg);
		padding-bottom:1vw;
	}
}
.news__listTime > span img{
	height:20px;
	margin:0 1px;
	width:auto;
	pointer-events:none;
	opacity:0;
}
@media screen and (max-width:768px){
	.news__listTime > span img{
		height:3.2vw;
		margin:0 1px;
		width:auto;
		pointer-events:none;
		opacity:0;
	}
}
.news__listTime > span > span{
	background:#FFF;
	transition:background 0.3s ease;
}
.news__listThumb{
	width:120px;
	height:120px;
	position:relative;
}
@media screen and (max-width:768px){
	.news__listThumb{
		width:26vw;
		height:26vw;
	}
}
.news__listThumb img{
	display:block;
	height:100%;
	width:100%;
	object-fit:cover;
}
.news__listTitle{
	flex:1;
	background:#FFF;
	display:flex;
	color:#000;
	align-items:center;
	font-size:20px;
	position:relative;
	margin-left:15px;
	height:120px;
	line-height:1.6;
	padding:0 43px;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.news__listTitle{
		font-size:3.6vw;
		margin:0 2vw;
		height:26vw;
		line-height:1.46666;
		padding:0 5vw;
		transition: all 0.3s ease;
	}
}
@media screen and (hover:hover){
	.news__listLink:hover .news__listTitle{
		background:var(--color-blue);
	}
}
.news__more,
.special__more,
.collaboration__more{
	width:250px;
	height:60px;
	margin:0 auto;
	display:none;
}
@media screen and (max-width:768px){
	.news__more,
	.special__more,
	.collaboration__more{
		width:100vw;
		height:10vw;
	}
}
.news__more a,
.special__more a,
.collaboration__more a{
	display:block;
	height:60px;
	position:relative;
}
@media screen and (max-width:768px){
	.news__more a,
	.special__more a,
	.collaboration__more a{
		height:10vw;
	}
}
.news__more a:before,
.special__more a:before,
.collaboration__more a:before{
	content:'';
	position:absolute;
	left:48px;
	top:18%;
	width:26px;
	height:26px;
	border-right:2px solid #000;
	border-bottom:2px solid #000;
	transform:rotate(45deg);
	box-sizing:border-box;
	transition: all 0.3s ease;
}
.collaboration__more a:before {
	border-color: var(--color-blue)
}
@media screen and (max-width:768px){
	.news__more a:before,
	.special__more a:before,
	.collaboration__more a:before{
		left:36vw;
		top:18%;
		width:5vw;
		height:5vw;
	}
}
.news__more a:after,
.special__more a:after{
	content:'';
	position:absolute;
	left:113px;
	top:50%;
	width:84px;
	height:24px;
	margin-top:-12px;
	-webkit-mask:url(../img/common/text_more.svg) no-repeat center center / contain;
	mask:url(../img/common/text_more.svg) no-repeat center center / contain;
	background:#000;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.news__more a:after,
	.special__more a:after{
		left:45vw;
		top:0;
		width:15vw;
		height:100%;
		margin-top:0;
	}
}
@media screen and (hover:hover){
	.news__more a:hover:before,
	.special__more a:hover:before{
		border-color:var(--color-blue);
	}
	.news__more a:hover:after,
	.special__more a:hover:after{
		background:var(--color-blue);
	}
}
.collaboration__more a:after{
	content:'';
	position:absolute;
	left:113px;
	top:50%;
	width:84px;
	height:24px;
	margin-top:-12px;
	-webkit-mask:url(../img/common/text_more.svg) no-repeat center center / contain;
	mask:url(../img/common/text_more.svg) no-repeat center center / contain;
	background:var(--color-blue);
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.collaboration__more a:after{
		left:45vw;
		top:0;
		width:15vw;
		height:100%;
		margin-top:0;
	}
}
@media screen and (hover:hover){
	.collaboration__more a:hover:after{
		background:#FFF;
	}
}

.news__article{
	margin:0 0 20px 157px;
	position:relative;
}
@media screen and (max-width:768px){
	.news__article{
		margin:0 1.6vw 3.2vw;
	}
}
.news__header{
	display:flex;
	position:relative;
}
@media screen and (max-width:768px){
	.news__header{
		display:block;
	}
}
.news__time{
	width:190px;
	height:120px;
	margin-right:2px;
	justify-content:center;
	align-items:center;
	display:flex;
	background:#FFF;
}
@media screen and (max-width:768px){
	.news__time{
		width:100%;
		height:10vw;
		margin-right:0;
		margin-bottom:2px;
	}
}
.news__time > span{
	display:flex;
	justify-content:center;
	align-items:center;
	padding:2px;
	color:#000;
	line-height:1;
}
.news__time > span img{
	height:20px;
	margin:0 1.5px;
	width:auto;
	pointer-events:none;
	opacity:0;
}
@media screen and (max-width:768px){
	.news__time > span img{
		height:3.904vw;
	}
}
.news__time > span > span{
	display: block;
	background:#000;
}
.n-0 {
	-webkit-mask:url(../img/number/0.svg) no-repeat center center / contain;
	mask:url(../img/number/0.svg) no-repeat center center / contain;
}
.n-1 {
	-webkit-mask:url(../img/number/1.svg) no-repeat center center / contain;
	mask:url(../img/number/1.svg) no-repeat center center / contain;
}
.n-2 {
	-webkit-mask:url(../img/number/2.svg) no-repeat center center / contain;
	mask:url(../img/number/2.svg) no-repeat center center / contain;
}
.n-3 {
	-webkit-mask:url(../img/number/3.svg) no-repeat center center / contain;
	mask:url(../img/number/3.svg) no-repeat center center / contain;
}
.n-4 {
	-webkit-mask:url(../img/number/4.svg) no-repeat center center / contain;
	mask:url(../img/number/4.svg) no-repeat center center / contain;
}
.n-5 {
	-webkit-mask:url(../img/number/5.svg) no-repeat center center / contain;
	mask:url(../img/number/5.svg) no-repeat center center / contain;
}
.n-6 {
	-webkit-mask:url(../img/number/6.svg) no-repeat center center / contain;
	mask:url(../img/number/6.svg) no-repeat center center / contain;
}
.n-7 {
	-webkit-mask:url(../img/number/7.svg) no-repeat center center / contain;
	mask:url(../img/number/7.svg) no-repeat center center / contain;
}
.n-8 {
	-webkit-mask:url(../img/number/8.svg) no-repeat center center / contain;
	mask:url(../img/number/8.svg) no-repeat center center / contain;
}
.n-9 {
	-webkit-mask:url(../img/number/9.svg) no-repeat center center / contain;
	mask:url(../img/number/9.svg) no-repeat center center / contain;
}
.n-q {
	-webkit-mask:url(../img/number/q.svg) no-repeat center center / contain;
	mask:url(../img/number/q.svg) no-repeat center center / contain;
}
.n-e {
	-webkit-mask:url(../img/number/e.svg) no-repeat center center / contain;
	mask:url(../img/number/e.svg) no-repeat center center / contain;
}
.n-d {
	-webkit-mask:url(../img/number/d.svg) no-repeat center center / contain;
	mask:url(../img/number/d.svg) no-repeat center center / contain;
}
.n-c {
	-webkit-mask:url(../img/number/c.svg) no-repeat center center / contain;
	mask:url(../img/number/c.svg) no-repeat center center / contain;
}
.n-s {
	-webkit-mask:url(../img/number/s.svg) no-repeat center center / contain;
	mask:url(../img/number/s.svg) no-repeat center center / contain;
}
.n-l {
	-webkit-mask:url(../img/number/l.svg) no-repeat center center / contain;
	mask:url(../img/number/l.svg) no-repeat center center / contain;
}
.news__dtitle{
	flex:1;
	padding:20px 36px 20px 36px;
	display:flex;
	color:#000;
	background:#FFF;
	align-items:center;
	font-size:22px;
}
@media screen and (max-width:768px){
	.news__dtitle{
		padding:0 8vw;
		font-size:4vw;
		height:33.8666vw;
	}
}
.news__share{
	position:absolute;
	right:0;
	bottom:-75px;
	display:flex;
}
@media screen and (max-width:768px){
	.news__share{
		position:relative;
		right:unset;
		bottom:unset;
		display:flex;
		width:100%;
		justify-content: center;
		background:#FFF;
		margin-top:2px;
	}
}
.news__shareTitle{
	height:50px;
	width:50px;
	-webkit-mask:url(../img/common/text_share.svg) no-repeat center center / 80% auto;
	mask:url(../img/common/text_share.svg) no-repeat center center / 80% auto;
	background:#000;
}
.news__shareSites{
	height:50px;
	width:50px;
}
.news__shareSites--tw{
	display:block;
	height:50px;
	mask:url(../img/common/sns_tw_k.svg) no-repeat center center / 26px auto;
	-webkit-mask:url(../img/common/sns_tw_k.svg) no-repeat center center / 26px auto;
	background:#000;
}
.news__shareSites--fb{
	display:block;
	height:50px;
	mask:url(../img/common/sns_fb_k.svg) no-repeat center center / 26px auto;
	-webkit-mask:url(../img/common/sns_fb_k.svg) no-repeat center center / 26px auto;
	background:#000;
}
.news__shareSites--line{
	display:block;
	height:50px;
	mask:url(../img/common/sns_line_k.svg) no-repeat center center / 26px auto;
	-webkit-mask:url(../img/common/sns_line_k.svg) no-repeat center center / 26px auto;
	background:#000;
}
@media screen and (max-width:768px){
	.news__shareTitle,
	.news__shareSites a {
		background:#b0b0b0;
	}
}
@media screen and (hover:hover){
	.news__shareSites a:hover{
		background:var(--color-blue);
		transition:all 0.3s ease
	}
}
.news__detail{
	padding:40px 8%;
	word-break:break-all;
	font-family: "Yu Gothic", YuGothic, sans-serif;
	background:#FFF;
	margin-top: 2px;
}
@media screen and (max-width:768px){
	.news__detail{
		padding:6vw 8%;
	}
}
.news__detail p{
	margin-bottom:1.5em;
}
@media screen and (max-width:768px){
	.news__detail p{
		font-size:3.2vw;
	}
}
.news__detail img{
	max-width:100%;
	height:auto;
}
.yt{
	position:relative;
	width:100%;
	padding-top:56.25%;
	margin-bottom:1.5em;
}
.yt iframe{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
}
.news__prev{
	display: none;
}
.news__next{
	display: none;
}
.toBack{
	width:250px;
	height:60px;
	margin:0 auto;
	position: relative;
}
.toBack a{
	display:block;
	height:60px;
	position:relative;
}
.toBack a:after{
	content:'';
	position:absolute;
	left:0;
	top:50%;
	width:100%;
	height:24px;
	margin-top:-12px;
	-webkit-mask:url(../img/common/text_back.svg) no-repeat center center / contain;
	mask:url(../img/common/text_back.svg) no-repeat center center / contain;
	background:#000;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.toBack a:hover:after{
		background:var(--color-blue);
	}
}
@media screen and (max-width:768px){
	.toBack{
		width:100%;
		height:10vw;
	}
	.toBack a{
		height:10vw;
	}
	.toBack a:after{
		left:50%;
		top:0;
		width:15vw;
		height:100%;
		margin-left:-7.5vw;
		margin-top:0;
	}
}
.footer{
	position:relative;
	padding:62px 110px 40px;
	background:#FFF;
	overflow: hidden;
}
.footer__logo{
	width:256px;
	height:72px;
	margin:0 auto 62px;
}
.footer__logo a{
	display:block;
	height:72px;
	position:relative;
}
.footer__logo a:before{
	content:'';
	position:absolute;
	left:1px;
	bottom:-157px;
	width:6px;
	height:151px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	background-color:var(--color-blue);
	transform:rotate(-90deg);
	transform-origin:right top;
	transition:all 0.3s ease;
}
.footer__logo a:after{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	right:0;
	transition:all 0.3s ease;
	-webkit-mask:url(../img/common/logo_h.svg) no-repeat center center / contain;
	mask:url(../img/common/logo_h.svg) no-repeat center center / contain;
	background:var(--color-blue);
}
@media screen and (hover:hover){
	.footer__logo a:hover:before,
	.footer__logo a:hover:after{
		background:#000;
	}
}

.footer__linksL{
	display:flex;
	justify-content:center;
	margin-bottom:40px;
	flex-wrap: wrap;
}
.footer__linkL{
	height:32px;
	margin:0 16px 16px;
}
.footer__linkL a{
	display:flex;
	padding:0 7px;
	background:var(--color-blue);
	height:52px;
	justify-content:center;
	align-items:center;
	transition:all 0.3s ease;
}
.footer__linkL a:hover{
	background:#ccc;
}
.footer__linkL a img{
	height:45px;
	width:auto;
}


.footer__links{
	display:flex;
	justify-content:center;
	margin-bottom:40px;
	flex-wrap: wrap;
}
.footer__link{
	height:32px;
	margin:0 16px 16px;
}
.footer__link a{
	display:flex;
	padding:0 7px;
	background:var(--color-blue);
	height:32px;
	justify-content:center;
	align-items:center;
	transition:all 0.3s ease;
}
.footer__link a:hover{
	background:#000;
}
.footer__link a img{
	height:25px;
	width:auto;
}
.footer__copyright{
	color:var(--color-blue);
	text-align:center;
	line-height:1;
	font-size:12px;
}
.footer__cookiepolicy {
	text-align: center;
	padding-top:15px;
	font-size:12px;
}
.footer__cookiepolicy a {
	color:var(--color-blue);
	text-decoration: underline;
}
.footer__cookiepolicy a:hover {
	text-decoration: none;
}
@media screen and (max-width:768px){
	.footer{
		padding:10.6666vw 0;
	}
	.footer:before{
		display: none;
	}
	.footer__logo{
		width:41.6vw;
		height:11.8222vw;
		margin:0 auto 11.3333vw;
	}
	.footer__logo a{
		height:11.8222vw;
	}
	.footer__logo a:before{
		left:-1.0666vw;
		bottom:-21.7333vw;
		width:1.06666vw;
		height:21vw;
	}
	.footer__linksL{
		display:flex;
		justify-content:center;
		margin-bottom:8.8vw;
	}
	.footer__linkL{
		height:5.8vw;
		margin:0 2.6666vw 2.6666vw;
	}
	.footer__linkL a{
		padding:0 1vw;
		height:8.8vw;
	}
	.footer__linkL a img{
		height:7.6vw;
	}
	.footer__links{
		display:flex;
		justify-content:center;
		margin-bottom:8.8vw;
	}
	.footer__link{
		height:5.8vw;
		margin:0 2.6666vw 2.6666vw;
	}
	.footer__link a{
		padding:0 1vw;
		height:5.8vw;
	}
	.footer__link a img{
		height:4.6vw;
	}
	.footer__copyright{
		font-size:1rem;
	}
	.footer__cookiepolicy{
		font-size:1rem;
	}
}
.goods {
	position: relative;
	overflow: hidden;
	z-index:1;
}
.goods__wrap {
	position: relative;
}
.goods:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../img/goods/goods_bg.png) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.goods:before {
	}
}
.goods__left {
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:85px;
	z-index:500;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.goods__left {
		position: relative;
		left:unset;
		top:unset;
		bottom: unset;
		width:100%;
	}
}
.goods__title {
	position: sticky;
	left:0;
	top:0;
	width:85px;
	height:525px;
	padding-left:30px;
	padding-top: 25px;
}
@media screen and (max-width:768px){
	.goods__title {
		position: relative;
		left:unset;
		top:unset;
		width:100%;
		height:10vw;
		padding-left:0;
		padding-top:5vw;
	}
}
.goods__title:before {
	content:'';
	position: absolute;
	height:55px;
	width:476px;
	-webkit-mask: url(../img/goods/goods_title.svg) no-repeat center center / contain;
	mask: url(../img/goods/goods_title.svg) no-repeat center center / contain;
	background:#FFF;
	top:-30px;
	left:30px;
	transform:rotate(90deg);
	transform-origin: left bottom;
}
@media screen and (max-width:768px){
	.goods__title:before {
		content:'';
		position:absolute;
		left:0;
		top:0;
		height:10vw;
		width:100%;
		top:unset;
		left:unset;
		transform:unset;
		-webkit-mask-position:left top;
		mask-position:left top;
	}
}
.goods__main {
	max-width:1280px;
	margin:0 auto;
	padding:40px 42px 65px 198px;
}
@media screen and (max-width:768px){
	.goods__main {
		max-width:1280px;
		margin:0 auto;
		padding:8vw 0 1px 0;
	}
}
.goods__kTitle {
	position:relative;
	width:158px;
	height:9px;
	margin:0 auto 64px;
}
@media screen and (max-width:768px){
	.goods__kTitle {
		position:relative;
		width:40vw;
		height:2.4vw;
		margin:0 auto 8vw 0;
	}
}
.goods__kTitle:before {
	content:'';
	position: absolute;
	left:50%;
	top:50%;
	width:9px;
	height:158px;
	-webkit-mask: url(../img/common/title_en.svg) no-repeat center center / contain;
	mask: url(../img/common/title_en.svg) no-repeat center center / contain;
	background:#FFF;
	margin-left:-4px;
	margin-top:-79px;
	transform:rotate(-90deg);
}
@media screen and (max-width:768px){
	.goods__kTitle:before {
		width:2.4vw;
		height:40vw;
		background:#FFF;
		margin-left:-1.2vw;
		margin-top:-20vw;
	}
}
.goods__lists {
	display: flex;
	flex-wrap: wrap;
	width:calc(100% + 36px);
	margin:0 -18px 20px;
}
@media screen and (max-width:768px){
	.goods__lists {
		display: flex;
		flex-wrap: wrap;
		width:96%;
		margin:0 auto 5vw;
	}
}
.goods__lists li {
	padding:0 18px 36px;
	width:25%;
}
@media screen and (max-width:768px){
	.goods__lists li {
		padding:0 1.5vw 3vw;
		width:calc(100% / 3)
	}
}
.goods__lists li a {
	display: block;
	text-decoration: none;
}
.goods__thumb {
	position: relative;
	width:100%;
	padding-top:100%;
	background:#FFF;
	margin-bottom:20px;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.goods__thumb {
		margin-bottom:2vw;
	}
}
.goods__thumb img {
	position: absolute;
	display: block;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit:contain;
	transition: all 1s ease;
}
.goods__lists li a:hover .goods__thumb img {
	transform:scale(1.1);
}
.goods__name {
	font-size:16px;
	font-weight: 500;
	line-height:1.538;
}
@media screen and (max-width:768px){
	.goods__name {
		font-size:3.2vw;
	}
}
.goods__name span {
	background:#FFF;
	padding:0 2px;
}
.goods__toList {
	width:160px;
	margin:0 auto 100px;
}
@media screen and (max-width:768px){
	.goods__toList {
		width:42vw;
		margin:0 auto 12.8vw;
	}
}
.goods__toList a {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width:100%;
	height:50px;
	border-radius: 25px;
	background:var(--color-blue);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.goods__toList a {
		height:9vw;
		border-radius: 5vw;
	}
}
.goods__toList a:hover {
	background:#000;
}
.goods__toList a:before {
	content: '';
	position: absolute;
	left:0;
	right:0;
	top:15px;
	bottom:15px;
	-webkit-mask: url(../img/common/text_more.svg) no-repeat center center / contain;
	mask: url(../img/common/text_more.svg) no-repeat center center / contain;
	background:#000;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.goods__toList a:before {
		top:3vw;
		bottom:3vw;
	}
}
.goods__toList a:hover:before {
	background:var(--color-blue);
}
.goods__itembg {
	position: fixed;
	left:0;
	top:0;
	right:0;
	bottom:0;
	background:url(../img/goods/goods_bg.png) no-repeat center center / cover;
}
.goods__inner {
	width:100%;
}
.goods__item {
	position: relative;
	display: block;
	min-height:100vh;
	z-index:500;
	min-width:100%;
	margin: 0 auto;
	pointer-events: auto;
}
.goods__itemcont {
	padding-top:64px;
	position: relative;
}
@media screen and (max-width:768px){
	.goods__itemcont {
		padding-top:5vw;
	}
}
.goods__itemName {
	font-size:30px;
	font-weight:500;
	margin-bottom:93px;
	padding-right:100px;
}
@media screen and (max-width:768px){
	.goods__itemName {
		font-size:5vw;
		margin-bottom:8vw;
		padding-right:0;
	}
}
.goods__itemName span {
	padding:0 5px;
	background:#FFF;
	color:#000;
}
.goods__itemimg {
	background:#FFF;
	padding-top: 56.41%;
	position: relative;
	margin-bottom:1.5em;
}
.goods__itemimg img {
	position: absolute;
	left:0;
	top:0;
	object-fit: contain;
	display:block;
	width:100%;
	height:100%;
}
.goods__specs {
	display: grid;
	grid-template-columns:auto 1fr;
	color:#000;
}

@media screen and (max-width:768px){
	.goods__specs {
		padding:0 3.2vw;
		font-size:3.8vw;
	}
}
.goods__texts {
	color:#000;
}
@media screen and (max-width:768px){
	.goods__texts {
		font-size:3.2vw;
	}
}
.goods__specs dt {
	margin-right:1em;
}
.goods__specs dt:before {
	content:'●';
	color: #FFF;
}
.goods__itemClose {
	position: absolute;
	right:0;
	top:64px;
	width:76px;
	height:76px;
}
@media screen and (max-width:768px){
	.goods__itemClose {
		position: fixed;
		right:0;
		top:0;
		width:9.6vw;
		height:9.6vw;
	}
}
.goods__itemClose a {
	display: block;
	position: relative;
	z-index: 500;
	overflow: hidden;
	height:76px;
	background:#FFF;
}
@media screen and (max-width:768px){
	.goods__itemClose a {
		height:9.6vw;
	}
}
.goods__itemClose a:before,
.goods__itemClose a:after {
	content:'';
	position: absolute;
	left:-50%;
	right:-50%;
	top:50%;
	height:2px;
	background:#000;
	margin-top:-1px;
}
.goods__itemClose a:before {
	transform:rotate(45deg);
}
.goods__itemClose a:after {
	transform:rotate(-45deg);
}
.categories {
	display: flex;
	padding-bottom:20px;
	margin-bottom:60px;
	border-bottom:2px solid #FFF;
}
@media screen and (max-width:768px){
	.categories {
		display: flex;
		padding-left:3.2vw;
		padding-bottom:4vw;
		margin-bottom:5vw;
		border-bottom:1px solid #FFF;
	}
}
.categories dt {
	width:200px;
	padding-top:10px;
}
.categories dt a {
	display: table;
	color:#000;
	text-decoration: none;
	padding-right:40px;
	height:13px;
	width:130px;
	position: relative;
}
@media screen and (max-width:768px){
	.categories dt {
		width:25vw;
		padding-top:2vw;
	}
	.categories dt a {
		height:2.6vw;
		width:25vw;
		position: relative;
		padding-right:0;
	}
}
.categories dt a:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	height:13px;
	width:130px;
	-webkit-mask:url(../img/common/text_category.svg) no-repeat left center / contain;
	mask:url(../img/common/text_category.svg) no-repeat left center / contain;
	background:#000;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.categories dt a:before {
		height:2.6vw;
		width:25vw;
		-webkit-mask:url(../img/common/text_category.svg) no-repeat left center / contain;
		mask:url(../img/common/text_category.svg) no-repeat left center / contain;
		background:#000;
		transition: all 0.3s ease;
	}
}
.categories dt a:hover:before {
	background:var(--color-blue);
}
.categories dt a:after {
	content:'';
	position: absolute;
	right:10px;
	top:-4px;
	width:12px;
	height:12px;
	box-sizing: border-box;
	border-right: 2px solid #000;
	border-bottom:2px solid #000;
	transform: rotate(45deg);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.categories dt a:after {
		right:2vw;
		top:-0.51vw;
		width:2.4vw;
		height:2.4vw;
	}
}
.categories dt a.active:after {
	transform:rotate(225deg);
	top:4px;
}
.categories dt a:hover:after {
	border-color:var(--color-blue);
}
.categories dd {
	width:calc(100% - 200px);
	display: none;
}
@media screen and (max-width:768px){
	.categories dd {
		width:70vw;
		display: none;
	}
}
.category__list {
	display: flex;
	flex-wrap: wrap;
}
.category__list li {
	width:166px;
	padding:0 8px 16px;
}
@media screen and (max-width:768px){
	.category__list li {
		width:33%;
		padding:0 1vw 2vw;
	}
}
.category__list li a {
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:40px;
	border-radius: 25px;
	background:var(--color-blue);
	color:#000;
	text-decoration: none;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.category__list li a {
		height:8vw;
		border-radius: 5vw;
		font-size:3.2vw;
	}
}
.category__list li a:hover,
.category__list li a.active {
	background:#000;
	color:var(--color-blue);
}
.subGoods {
}
.collaboration {
	position: relative;
	min-height:720px;
	overflow: hidden;
	z-index:93;
}
@media screen and (max-width:768px){
	.collaboration {
		min-height:unset;
	}
}
.collaboration__wrap {
	position: relative;
}
.collaboration:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../img/collaboration/collaboration_bg.png) no-repeat center center / cover;
}
@media screen and (max-width:768px){
	.collaboration:before {
		background-image: url(../img/collaboration/collaboration_bg-v.png);
	}
}
.collaboration__left {
	position: absolute;
	left:0;
	top:0;
	bottom:0;
	width:85px;
	z-index:500;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.collaboration__left {
		position: relative;
		left:unset;
		top:unset;
		bottom: unset;
		width:100%;
	}
}
.collaboration__title {
	position: sticky;
	left:0;
	top:0;
	width:85px;
	height:660px;
	padding-left:30px;
	padding-top: 25px;
}
@media screen and (max-width:768px){
	.collaboration__title {
		position: relative;
		left:unset;
		top:unset;
		width:100%;
		height:12vw;
		padding-left:0;
		padding-top:5vw;
	}
}
.collaboration__title:before {
	content:'';
	position: absolute;
	height:30px;
	width:600px;
	-webkit-mask: url(../img/collaboration/collaboration_title.svg) no-repeat center center / contain;
	mask: url(../img/collaboration/collaboration_title.svg) no-repeat center center / contain;
	background:var(--color-blue);
	top:0;
	left:30px;
	transform:rotate(90deg);
	transform-origin: left bottom;
}
@media screen and (max-width:768px){
	.collaboration__title:before {
		height:4.4365vw;
		width:100%;
		top:7vw;
		left:0;
		transform:unset;
		-webkit-mask-position:left top;
		mask-position:left top;
	}
}
.collaboration__main {
	max-width:1280px;
	margin:0 auto;
	padding:40px 42px 65px 198px;
}
@media screen and (max-width:768px){
	.collaboration__main {
		max-width:100%;
		margin:0 auto;
		padding:3vw 0 6vw 0;
	}
}
.collaboration__kTitle {
	position:relative;
	width:158px;
	height:9px;
	margin:0 auto 64px;
}
@media screen and (max-width:768px){
	.collaboration__kTitle {
		position:relative;
		width:25.5905vw;
		height:1.3636vw;
		margin:0 auto 12.8vw 0;
	}
}
.collaboration__kTitle:before {
	content:'';
	position: absolute;
	left:50%;
	top:50%;
	width:9px;
	height:158px;
	-webkit-mask: url(../img/common/title_en.svg) no-repeat center center / contain;
	mask: url(../img/common/title_en.svg) no-repeat center center / contain;
	background:var(--color-blue);
	margin-left:-4px;
	margin-top:-79px;
	transform:rotate(-90deg);
}
@media screen and (max-width:768px){
	.collaboration__kTitle:before {
		left:0;
		top:0;
		right:0;
		bottom:0;
		width:unset;
		height:unset;
		-webkit-mask: url(../img/common/title_en-h.svg) no-repeat center center / contain;
		mask: url(../img/common/title_en-h.svg) no-repeat center center / contain;
		margin-left:0;
		margin-top:0;
		transform:unset;
	}
}
.collaboration__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 40px;
}
@media screen and (max-width:768px){
	.collaboration__lists {
		display: block;
		padding-bottom:0;
		width:76%;
		margin:0 auto;
	}
}
.collaboration__lists li {
	width:49%;
	margin-bottom:40px;
}
@media screen and (max-width:768px){
	.collaboration__lists li {
		width:100%;
		margin-bottom:6.4vw;
	}
}
.collaboration__lists li a {
	display: block;
	text-decoration: none;
}
.collaboration__thumb {
	width:100%;
	padding-top:63.1578%;
	position: relative;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.collaboration__thumb {
		margin-bottom:2.1333vw;
	}
}
.collaboration__thumbBox {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border:1px solid var(--color-blue);
	overflow: hidden;
}
.collaboration__thumbBox img {
	width:100%;
	height:100%;
	object-fit: cover;
	transition: all 1s ease;
	display: block;
}
@media screen and (hover:hover){
	.collaboration__lists li a:hover .collaboration__thumb img {
		transform:scale(1.1);
	}
}
.collaboration__name {
	font-size:16px;
	font-weight: 500;
	line-height:1.538;
	padding-left:50px;
	background:url(../img/collaboration/collaboration_arrow.svg) no-repeat left top / 30px 30px;
	min-height:30px;
	padding-top: 3px;
}
@media screen and (max-width:768px){
	.collaboration__name {
		padding-left:8vw;
		min-height:5.6666vw;
		font-size:3.2vw;
		background-size:5.3333vw 5.3333vw;
		padding-top:1px;
	}
}
.collaboration__name span {
	background:var(--color-blue);
	padding:0 2px;
}
@media screen and (max-width:768px){
	.collaboration__name span {
		padding:0 1px;
	}
}
.collaboration__toList {
	width:160px;
	margin:0 auto 100px;
}
@media screen and (max-width:768px){
	.collaboration__toList {
		width:42vw;
	}
}
.collaboration__toList a {
	display: flex;
	position: relative;
	justify-content: center;
	align-items: center;
	width:100%;
	height:50px;
	border-radius: 25px;
	background:var(--color-blue);
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.collaboration__toList a {
		height:9vw;
		border-radius: 5vw;
	}
}
.collaboration__toList a:hover {
	background:#FFF;
}
.collaboration__toList a:before {
	content: '';
	position: absolute;
	left:0;
	right:0;
	top:15px;
	bottom:15px;
	-webkit-mask: url(../img/common/text_more.svg) no-repeat center center / contain;
	mask: url(../img/common/text_more.svg) no-repeat center center / contain;
	background:#000;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.collaboration__toList a:before {
		top:3vw;
		bottom:3vw;
	}
}
.special {
	position: relative;
	min-height:720px;
	overflow: hidden;
	z-index:92;
}
@media screen and (max-width:768px){
	.special {
		min-height:unset;
	}
}
.special__wrap {
	position: relative;
	padding:34px 38px;
}
@media screen and (max-width:768px){
	.special__wrap {
		position: relative;
		padding:7vw 0;
	}
}
.special:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../img/special/special_bg.png) no-repeat left center / cover;
}
@media screen and (max-width:768px){
	.special:before {
		background-image: url(../img/special/special_bg-v.png);
	}
}
.special__title{
	position:relative;
	height:55px;
	margin-bottom:85px;
}
@media screen and (max-width:768px){
	.special__title{
		height:8.7785vw;
		margin-bottom:13.3333vw;
	}
}
.special__title:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-156px;
	width:7px;
	height:134px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	background:var(--color-blue);
	transform:rotate(-90deg);
	transform-origin:right top;
}
@media screen and (max-width:768px){
	.special__title:before{
		left:0;
		bottom:-4vw;
		width:25.5905vw;
		height:1.3636vw;
		-webkit-mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		transform:unset;
	}
}
.special__title:after {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
	-webkit-mask:url(../img/special/special_title.svg) no-repeat left top / auto 55px;
	mask:url(../img/special/special_title.svg) no-repeat left top / auto 55px;
	background:var(--color-blue);
}
@media screen and (max-width:768px){
	.special__title:after {
		-webkit-mask:url(../img/special/special_title.svg) no-repeat left top / contain;
		mask:url(../img/special/special_title.svg) no-repeat left top / contain;
	}
}
.special__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 40px;
}
.special__lists li {
	width:49%;
	margin-bottom:40px;
}
.special__lists li a {
	display: block;
	text-decoration: none;
}
.special__thumb {
	width:100%;
	padding-top:63.1578%;
	position: relative;
	margin-bottom:20px;
}
.special__thumbBox {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border:1px solid var(--color-blue);
	overflow: hidden;
}
.special__thumbBox img {
	width:100%;
	height:100%;
	object-fit: cover;
	transition: all 1s ease;
	display: block;
}
.special__article {}
.menuBtn{
	position:fixed;
	left:30px;
	bottom:30px;
	display:flex;
	z-index:50;
	pointer-events:auto;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.menuBtn{
		position:fixed;
		left:4vw;
		bottom:4vw;
	}
}
#footer .menuBtn {
	display: none;
}
.menuBtn__inBtn{
	width:80px;
	height:80px;
	margin-right:30px;

}
@media screen and (max-width:768px){
	.menuBtn__inBtn{
		width:13.8vw;
		height:13.8vw;
	}
}
.menuBtn__inBtnLink{
	display:flex;
	justify-content:center;
	align-items:center;
	color:#FFF;
	text-decoration:none;
	font-size:24px;
	width:80px;
	height:80px;
	padding-bottom:1px;
}
@media screen and (max-width:768px){
	.menuBtn__inBtnLink{
		font-size:1.6rem;
		width:13.8vw;
		height:13.8vw;
	}
}
.menuBtn__inBtnLink.hover{
	color:#000;
}
.menuBtn__inBtnLink:before{
	background:#FFF;
	transition:all 0.3s ease
}
.menuBtn__inBtnLink.hover:before{
	background:#000;
}
.menuBtn__inBtnLink{
	color:#000;
	background:url(../img/common/btn_circle_b.svg) no-repeat center center / contain;
	filter: drop-shadow(0px 0px 1px #00eee0) drop-shadow(0px 0px 1px #00eee0) drop-shadow(0px 0px 1px #00eee0) drop-shadow(0px 0px 1px #00eee0);
}
.menuBtn__inBtnLink:before{
	background:#000;
}
.menuBtn__inBtnLink.hover{
	color:#000;
}
.menuBtn__inBtnLink.hover:before{
	background:#000;
}

.nav{
	position:fixed;
	left:0;
	top:0;
	bottom:0;
	width:50%;
	min-width: 600px;
	z-index:9999;
	background:var(--color-blue);
	transform:translateX(-100%);
	transition:all 0.5s ease;
	overflow:hidden;
}
.nav.active{
	transform:translateX(0);
}
.nav__menuBtn{
	position:fixed;
	left:30px;
	bottom:30px;
	display:flex;
	z-index:50;
	pointer-events: none;
	transition:all 0.5s ease;
	opacity:0;
	z-index:10000;
}
.nav__menuBtn.active{
	opacity:1;
	pointer-events:auto;
}
.nav__cont{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	overflow:auto;
	display:flex;
	justify-content:flex-end;
	overscroll-behavior:contain;
}
.gnav__lists{
	padding:100px 0;
	margin-right:100px;
	min-height:920px;
}
@media screen and (max-width:768px){
	.gnav__lists{
		min-height:unset;
	}
}
@media screen and (min-width:768px) and (max-height:620px){
	.nav__cont{
		align-items: flex-start;
	}
}
.gnav__list{
	width:100%;
	height:46px;
	display:flex;
	justify-content: flex-end;
	margin-bottom:2px;
}
.gnav__list a{
	padding:0 12px;
	display:flex;
	justify-content:center;
	align-items:center;
	background:#FFF;
	margin-right:5px;
	position:relative;
}
.gnav__list a img{
	display:block;
	height:16px;
	width:auto;
	position:relative;
	transition: all 0.3s ease;
}
.gnav__list a:hover img,
.gnav__list a.current img{
	filter:invert(100%);
}
.gnav__list a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:#000;
	transition:all 0.3s ease;
}
.gnav__list a:hover:before,
.gnav__list a.current:before{
	width:100%;
}
.gnav__aside {
	position: absolute;
	right:0;
	min-height:600px;
	top:50%;
	transform: translateY(-50%);
	width:32px;
	padding-top:100px;
}
@media screen and (max-width:768px){
	.gnav__aside {
		position: absolute;
		right:0;
		min-height:unset;
		top:0;
		transform:unset;
		width:6.4vw;
		padding-top:25vw;
	}
}
.gnav__asideList {
	width:32px;
	margin-bottom: 6px;
}
@media screen and (max-width:768px){
	.gnav__asideList {
		width:6.4vw;
		margin-bottom: 6px;
	}
}
.gnav__asideList a {
	display: flex;
	padding:6px 0;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background:#FFF;
	margin-bottom:2px;
	position: relative;
}
.gnav__asideList a:hover img{
	filter:invert(100%);
}
.gnav__asideList a:before{
	content:'';
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0;
	background:#000;
	transition:all 0.3s ease;
}
.gnav__asideList a:hover:before,
.gnav__asideList a.current:before{
	width:100%;
}
.gnav__asideList a img {
	width:15px;
	display: block;
	margin:6px 0;
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.gnav__asideList a img {
		width:3vw;
	}
}
.gnav__asideList--lang {
	width:11px !important;
}
@media screen and (max-width:768px){
	.gnav__asideList--lang {
		width:2.4vw !important;
	}
}
.gnav__asideList--tiktok {
	width:13px !important;
}
@media screen and (max-width:768px){
	.gnav__asideList--tiktok {
		width:2.8vw !important;
	}
}
.twitter__lang--ja{
	margin-left:15px;
}
.nav__logo{
	position:absolute;
	left:40px;
	top:50px;
	height:190px;
	width:10px;
	z-index:500;
}
.nav__logo a{
	display:block;
	height:190px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat left top / contain;
	mask:url(../img/common/title_en.svg) no-repeat left top / contain;
	background:#FFF;
}
.nav__share{
	position:absolute;
	right:20px;
	bottom:20px;
	display:flex;
}
.nav__shareTitle{
	height:50px;
	width:50px;
	-webkit-mask:url(../img/common/text_share.svg) no-repeat center center / 80% auto;
	mask:url(../img/common/text_share.svg) no-repeat center center / 80% auto;
	background: #FFF
}
.nav__shareSites{
	height:50px;
	width:50px;
}
.nav__shareSites--tw{
	display:block;
	height:50px;
	mask:url(../img/common/sns_tw_k.svg) no-repeat center center / 26px auto;
	-webkit-mask:url(../img/common/sns_tw_k.svg) no-repeat center center / 26px auto;
	background:#FFF;
}
.nav__shareSites--fb{
	display:block;
	height:50px;
	mask:url(../img/common/sns_fb_k.svg) no-repeat center center / 26px auto;
	-webkit-mask:url(../img/common/sns_fb_k.svg) no-repeat center center / 26px auto;
	background:#FFF;
}
.nav__shareSites--line{
	display:block;
	height:50px;
	mask:url(../img/common/sns_line_k.svg) no-repeat center center / 26px auto;
	-webkit-mask:url(../img/common/sns_line_k.svg) no-repeat center center / 26px auto;
	background:#FFF;
}
.nav__shareSites a:hover{
	transition:all 0.3s ease;
	background:#000;
}
.nav__close{
	position:absolute;
	top:30px;
	right:30px;
}
.nav__close a{
	width:60px;
	height:60px;
	display:block;
	overflow:hidden;
	position:relative;
}
.nav__close a:before,
.nav__close a:after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:120px;
	height:2px;
	margin-top:-1px;
	background:#FFF;
	margin-left:-60px;
	transition:all 0.3s ease
}
.nav__close a:before{
	transform:rotate(45deg)
}
.nav__close a:after{
	transform:rotate(-45deg)
}
.nav__close a:hover:before,
.nav__close a:hover:after{
	transform:rotate(180deg)
}
@media screen and (max-width:768px){
	.nav{
		width:100%;
		min-width: 100vw
	}
	.nav__menuBtn{
		left:auto;
		right:4vw;
		bottom:auto;
		top:4vw;
		transition:all 0.01s linear;
		transition-delay:0s;
		opacity:0;
	}
	.nav__menuBtn.active{
		transition:all 0.5s ease;
		transition-delay:.5s;
	}
	.nav__cont{
		left:0;
		top:0;
		bottom: 45vw;
		display:block;
		padding-top:25vw;
	}
	.gnav__lists{
		padding-top:0;
		margin-right:11.6vw;
	}
	.gnav__list{
		height:9.6vw;
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		margin-bottom: 0.5vw;
		width:100%;
	}
	.gnav__list a{
		padding:0 1.8666vw;
		margin-right:1.5vw;
		height:100%;
	}
	.gnav__list a img{
		height:3.8vw;
	}
	.nav__logo{
		left:0;
		right:0;
		top:auto;
		bottom:0;
		height:24vw;
		width:100%;
		border-top:1px solid #FFF;
	}
	.nav__logo a{
		display:block;
		position:absolute;
		left:calc(4vw - 2.4728vw);
		top:6vw;
		height:46.4038vw;
		width:2.4728vw;
		transform-origin:right top;
		transform:rotate(-90deg);
	}
	.nav__share{
		right:0;
		width:100%;
		bottom:28vw;
		justify-content:center;
	}
	.nav__shareTitle{
		height:13vw;
		width:13vw;
	}
	.nav__shareSites{
		height:13vw;
		width:13vw;
	}
	.nav__shareSites--tw{
		height:13vw;
		mask:url(../img/common/sns_tw_k.svg) no-repeat center center / 7vw auto;
		-webkit-mask:url(../img/common/sns_tw_k.svg) no-repeat center center / 7vw auto;
	}
	.nav__shareSites--fb{
		height:13vw;
		mask:url(../img/common/sns_fb_k.svg) no-repeat center center / 7vw auto;
		-webkit-mask:url(../img/common/sns_fb_k.svg) no-repeat center center / 7vw auto;
	}
	.nav__shareSites--line{
		height:13vw;
		mask:url(../img/common/sns_line_k.svg) no-repeat center center / 7vw auto;
		-webkit-mask:url(../img/common/sns_line_k.svg) no-repeat center center / 7vw auto;
	}
	.nav__close{
		position:absolute;
		top:auto;
		bottom:5vw;
		right:4vw;
		z-index:501;
	}
	.nav__close a{
		width:12vw;
		height:12vw;
		display:block;
		overflow:hidden;
	}
}
.nav__lang {
	position: absolute;
	right:120px;
	top:30px;
	display: flex;
	pointer-events: auto;
	z-index:500;
}
@media screen and (max-width:768px){
	.nav__lang {
		position: absolute;
		right:23vw;
		top:5vw;
		display: flex;
	}
}
.nav__lang a {
	display: flex;
	justify-content: center;
	align-items: center;
	width:50px;
	height:25px;
	border:2px solid var(--color-blue);
	background:#fff;
	position: relative;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.nav__lang a {
		width:10vw;
		height:5vw;
	}
}
@media screen and (hover:hover){
	.nav__lang a:hover {
		background:#017771;
	}
}

.nav__lang a:before {
	content:'';
	height:12px;
	display: block;
	width:100%;
	background:#000;
}
@media screen and (max-width:768px){
	.nav__lang a:before {
		height:2.5vw;
	}
}
.nav__lang a:first-child:before {
	-webkit-mask:url(../img/common/text_jpn.svg) no-repeat center center / contain;
	mask:url(../img/common/text_jpn.svg) no-repeat center center / contain;
}
.nav__lang a:last-child:before {
	-webkit-mask:url(../img/common/text_eng.svg) no-repeat center center / contain;
	mask:url(../img/common/text_eng.svg) no-repeat center center / contain;
}
.nav__lang a.active {
	background:#000;
	pointer-events: none;
}
.nav__lang a.active:before {
	background:#FFF;
}
.modal{
	position:fixed;
	top:0;
	left:0;
	bottom:0;
	right:0;
	overflow:hidden;
	z-index:12000;
	background:#000;
	display:none
}
.modal__inner{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	overflow:auto;
	overscroll-behavior:contain;
}
.modal__close{
	position:absolute;
	left:0;
	top:0;
	right:0;
	bottom:0
}
.modal__close a{
	position:absolute;
	right:10px;
	top:10px;
	width:60px;
	height:60px;
	display:block;
	overflow:hidden
}
.modal__close a:before,
.modal__close a:after{
	content:'';
	position:absolute;
	left:50%;
	top:50%;
	width:120px;
	height:1px;
	margin-top:-1px;
	background:var(--color-blue);
	margin-left:-60px;
	transition:all 0.3s ease
}
.modal__close a:before{
	transform:rotate(45deg)
}
.modal__close a:after{
	transform:rotate(-45deg)
}
.modal__close a:hover:before,
.modal__close a:hover:after{
	transform:rotate(180deg)
}
.modal__cont{
	display:flex;
	justify-content:center;
	align-items:center;
	min-height:100%;
	min-width:100%;
	color:#FFF;
	pointer-events:none;
	position: relative;
	z-index:2;
	pointer-events: none;
	padding:80px 0;
}
.modal__movie{
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	display:flex;
	justify-content:center;
	align-items:center
}
.modal__movieinner{
	position:absolute;
	top:128px;
	bottom:100px;
	left:200px;
	right:200px;
	display:flex;
	justify-content:center;
	align-items:center;
	pointer-events: auto;
}
.modal__movieframe{
	display:block;
}
.modal__movieframe iframe{
	width:100%;
	height:100%
}
@media screen and (max-width:768px){
	.modal__cont {
		padding:16vw 0;
	}
	.modal__close {
		position: fixed;
		z-index:50;
		pointer-events: none;
	}
	.modal__close a{
		right:4.8vw;
		top:auto;
		bottom:4.8vw;
		width:10vw;
		height:10vw;
		z-index:500;
		pointer-events: auto;
	}
	.modal__movieinner{
		position:absolute;
		top:32vw;
		bottom:32vw;
		left:0;
		right:0;
	}
}
.comment__modal {
	max-width:550px;
	margin:0 auto;
	pointer-events: auto;
}
.comment__modal2 {
	max-width: 950px;
}
@media screen and (max-width:768px){
	.comment__modal {
		max-width:90.4vw;
	}
}
.comment__modal h2 {
	font-size:24px;
	font-weight: 700;
	color:var(--color-blue);
	margin-bottom:20px;
	line-height:1.3;
}
@media screen and (max-width:768px){
	.comment__modal h2 {
		font-size:4.2vw;
		margin-bottom:3vw;
	}
}
.comment__modal h2 small {
	font-size:14px;
	display: block;
	line-height:1.6;
	padding-top:5px;
	font-weight: 400;
}
@media screen and (max-width:768px){
	.comment__modal h2 small {
		font-size:3vw;
	}
}
.comment__modal h2 span {
	font-size:18px;
	color:#FFF;
	line-height:1.6;
	white-space: nowrap;
	display: block;
}
@media screen and (max-width:768px){
	.comment__modal h2 span {
		font-size:3.2vw;
	}
}
.comment__modal h2 strong {
	flex:1;
}
.comment__cont {
	line-height:2;
	letter-spacing: 0.15em
}
@media screen and (max-width:768px){
	.comment__cont {
		font-size:3.2vw
	}
}
.comment__profile {
	border:1px solid #fff;
	font-size:15px;
	padding:15px;
	margin-top:1.5em;
}
@media screen and (max-width:768px){
	.comment__profile {
		font-size:3vw;
		padding:3.2vw;
	}
}
.comment__profile strong {
	color:var(--color-blue);
	display: block;
	margin-bottom:0.5em;
}
.comment__wrap {
	width:min(950px,74vw);
	display: flex;
	align-items: flex-start;
}
@media screen and (max-width:768px){
	.comment__wrap {
		width:100%;
		display: block;
	}
}
.comment__left {
	width:min(380px,29vw);
	margin-right:30px;
	border:1px solid var(--color-blue);
}
@media screen and (max-width:768px){
	.comment__left {
		width:66%;
		margin:0 auto 6.4vw;

	}
}
.comment__left img {
	width:100%;
	height:auto;
}
.comment__right {
	flex:1;
}
.img__modal {
	max-width:calc(100% - 160px);
	margin:0 auto;
	pointer-events: auto;
}
@media screen and (max-width:768px){
	.img__modal {
		max-width:100vw;
	}
}
.img__modal img {
	max-width: 100%;
	display: block;
	margin:0 auto;
}
.ef{
	transform:translate3d(0, 50px, 0);
	transition:all 0.7s ease;
	opacity:0;
}
.efs{
	opacity:1;
	transform:translate3d(0, 0, 0);
}
#landscape {
	display: none;
}
@media screen and (max-width: 767px) and (orientation: landscape) and (hover: none) and (pointer: coarse) {
	#landscape {
		display: flex;
		position:fixed;
		left:0;
		top:0;
		right:0;
		bottom:0;
		z-index:250000;
		background:#000;
		justify-content: center;
		align-items: center;
	}
	#landscape:before {
		content:'';
		position: absolute;
		top:0;
		bottom:0;
		right:0;
		left:0;
		background:url(../img/top/loading_icon.png) no-repeat center center / contain;
		opacity:0.1;
	}
	#landscape p {
		color:#FFF;
		font-size:1.4rem;
		position:relative;
		z-index:10;
	}
}
.swiper-pagination-bullet-active {
	background:var(--color-blue);
}
.music {
	position: relative;
	min-height:720px;
	z-index:92;
	padding-bottom:40px;
}
@media screen and (max-width:768px){
	.music {
		min-height:unset;
		padding-bottom: 6.4vw
	}
}
.music__wrap {
	position: relative;
	padding:34px 38px;
}
@media screen and (max-width:768px){
	.music__wrap {
		position: relative;
		padding:7vw 0;
	}
}
.music:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../img/music/music_bg.png) no-repeat left center / cover;
}
.music__title{
	position:relative;
	height:55px;
	margin-bottom:85px;
}
@media screen and (max-width:768px){
	.music__title{
		height:8.7785vw;
		margin-bottom:13.3333vw;
	}
}
.music__title:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-156px;
	width:7px;
	height:134px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	background:#000;
	transform:rotate(-90deg);
	transform-origin:right top;
}
@media screen and (max-width:768px){
	.music__title:before{
		left:0;
		bottom:-4vw;
		width:25.5905vw;
		height:1.3636vw;
		-webkit-mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		transform:unset;
	}
}
.music__title:after {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
	-webkit-mask:url(../img/music/music_title.svg) no-repeat left top / auto 55px;
	mask:url(../img/music/music_title.svg) no-repeat left top / auto 55px;
	background:#000;
}
@media screen and (max-width:768px){
	.music__title:after {
		-webkit-mask:url(../img/music/music_title.svg) no-repeat left top / contain;
		mask:url(../img/music/music_title.svg) no-repeat left top / contain;
	}
}
.onair {
	position: relative;
	z-index:92;
	padding-bottom:40px;
}
@media screen and (max-width:768px){
	.onair {
		min-height:unset;
		padding-bottom: 6.4vw
	}
}
.onair__wrap {
	position: relative;
	padding:34px 38px 66px;
}
@media screen and (max-width:768px){
	.onair__wrap {
		position: relative;
		padding:7vw 0;
	}
}
.onair:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:#fff  url(../img/onair/onair_bg.png) no-repeat left center / cover;
}
.onair__title{
	position:relative;
	height:55px;
	margin-bottom:85px;
}
@media screen and (max-width:768px){
	.onair__title{
		height:8.7785vw;
		margin-bottom:13.3333vw;
	}
}
.onair__title:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-156px;
	width:7px;
	height:134px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	background:#000;
	transform:rotate(-90deg);
	transform-origin:right top;
}
@media screen and (max-width:768px){
	.onair__title:before{
		left:0;
		bottom:-4vw;
		width:25.5905vw;
		height:1.3636vw;
		-webkit-mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		transform:unset;
	}
}
.onair__title:after {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
	-webkit-mask:url(../img/onair/onair_title.svg) no-repeat left top / auto 55px;
	mask:url(../img/onair/onair_title.svg) no-repeat left top / auto 55px;
	background:#000;
}
@media screen and (max-width:768px){
	.onair__title:after {
		-webkit-mask:url(../img/onair/onair_title.svg) no-repeat left top / contain;
		mask:url(../img/onair/onair_title.svg) no-repeat left top / contain;
	}
}
.streaming__title:after {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
	-webkit-mask:url(../img/onair/streaming_title.svg) no-repeat left top / auto 55px;
	mask:url(../img/onair/streaming_title.svg) no-repeat left top / auto 55px;
	background:#000;
}
@media screen and (max-width:768px){
	.streaming__title:after {
		-webkit-mask:url(../img/onair/streaming_title.svg) no-repeat left top / contain;
		mask:url(../img/onair/streaming_title.svg) no-repeat left top / contain;
	}
}
.onair__mainText {
	font-size:32px;
	text-align: center;
	margin-bottom:40px
}
@media screen and (max-width:768px){
	.onair__mainText {
		font-size:4.2vw;
		text-align: center;
		margin-bottom:3.4vw;
	}
}
.onair__mainText span {
	background:#000;
	color:#fff;
	padding:0 3px;
}

.onair__subText {
	font-size:22px;
	text-align: center;
	margin-bottom:50px
}
@media screen and (max-width:768px){
	.onair__subText {
		font-size:3.2vw;
		text-align: center;
		margin-bottom:6.4vw;
	}
}
.onair__subText span {
	background:#000;
	color:#fff;
	padding:0 3px;
}
.onair__toX {
	font-size:22px;
	display: flex;
	justify-content: center;
	align-items: center;
	margin-bottom:50px;
}
.onair__toX a {
	display:flex;
	padding:0.3em 1em;
	text-decoration: none;
	background:var(--color-blue);
	color:#000;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	font-size:20px;
	transform:skewX(-10deg);
	overflow: hidden;
	transition: all 0.3s ease;
}
.onair__toX a:hover {
	color:var(--color-blue);
}
.onair__toX a:before {
	content:'';
	position: absolute;
	left:50%;
	top:0;
	bottom:0;
	width:0;
	background:#000;
	transition: all 0.3s ease;
}
.onair__toX a:hover:before {
	width:100%;
	left:0;
}
.onair__toX a span {
	position: relative;
	z-index: 10;
	display: block;
}

.episodes {
	position: relative;
	min-height:720px;
	z-index:92;
	padding-bottom:40px;
}
@media screen and (max-width:768px){
	.episodes {
		min-height:unset;
		padding-bottom: 6.4vw
	}
}
.episodes__wrap {
	position: relative;
	padding:34px 38px;
}
@media screen and (max-width:768px){
	.episodes__wrap {
		position: relative;
		padding:7vw 0;
	}
}
.episodes:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../img/collaboration/collaboration_bg.png) no-repeat left center / cover;
}
.episodes__title{
	position:relative;
	height:55px;
	margin-bottom:85px;
}
@media screen and (max-width:768px){
	.episodes__title{
		height:8.7785vw;
		margin-bottom:13.3333vw;
	}
}
.episodes__title:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-156px;
	width:7px;
	height:134px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	background:#fff;
	transform:rotate(-90deg);
	transform-origin:right top;
}
@media screen and (max-width:768px){
	.episodes__title:before{
		left:0;
		bottom:-4vw;
		width:25.5905vw;
		height:1.3636vw;
		-webkit-mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		transform:unset;
	}
}
.episodes__title:after {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
	-webkit-mask:url(../img/episodes/episodes_title.svg) no-repeat left top / auto 55px;
	mask:url(../img/episodes/episodes_title.svg) no-repeat left top / auto 55px;
	background:#fff;
}
@media screen and (max-width:768px){
	.episodes__title:after {
		-webkit-mask:url(../img/episodes/episodes_title.svg) no-repeat left top / contain;
		mask:url(../img/episodes/episodes_title.svg) no-repeat left top / contain;
	}
}
.episodes__main {
	max-width:1280px;
	margin:0 auto;
	padding:40px 42px 65px 198px;
}
@media screen and (max-width:768px){
	.episodes__main {
		max-width:100%;
		margin:0 auto;
		padding:3vw 0 0 0;
	}
}
.episodes__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 40px;
}
@media screen and (max-width:768px){
	.episodes__lists {
		display: block;
		padding-bottom:12.8vw;
		width:76%;
		margin:0 auto;
	}
}
.episodes__lists li {
	width:49%;
	margin-bottom:50px;
}
@media screen and (max-width:768px){
	.episodes__lists li {
		width:100%;
		margin-bottom:6.4vw;
	}
}
.episodes__lists li a {
	display: block;
	text-decoration: none;
}
.episodes__thumb {
	width:100%;
	padding-top:63.1578%;
	position: relative;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.episodes__thumb {
		margin-bottom:2.1333vw;
	}
}
.episodes__thumbBox {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	border:1px solid var(--color-blue);
	overflow: hidden;
}
.episodes__thumbBox img {
	width:100%;
	height:100%;
	object-fit: cover;
	transition: all 1s ease;
	display: block;
}
@media screen and (hover:hover){
	.episodes__lists li a:hover .episodes__thumb img {
		transform:scale(1.1);
	}
}
.episodes__name {
	font-size:16px;
	font-weight: 500;
	line-height:1.538;
	padding-left:0;
	min-height:30px;
	padding-top: 3px;
}
@media screen and (max-width:768px){
	.episodes__name {
		min-height:5.6666vw;
		font-size:3.2vw;
		padding-top:1px;
	}
}
.episodes__name .a-num {
	margin-right:10px;
	display: inline-block;
}
@media screen and (max-width:768px){
	.episodes__name .a-num {
		margin-right:2vw;
	}
}
.episodes__name .a-num img {
	height:40px;
	width:auto;
	opacity:0;
}
@media screen and (max-width:768px){
	.episodes__name .a-num img {
		height:8vw;
	}
}
.episodes__name .a-num span {
	background:var(--color-blue);
	display: inline-block;
	height:40px;
	margin-right:5px;
}
@media screen and (max-width:768px){
	.episodes__name .a-num span {
		height:8vw;
		margin-right:1vw;
	}
}
.episodes__nameText {
	background:var(--color-blue);
	padding:0 2px;
}
@media screen and (max-width:768px){
	.episodes__nameText {
		padding:0 1px;
	}
}

.news__tabs {
	display: flex;
	justify-content: center;
	margin-bottom:2em;
}
.news__tab {
	padding:0 5px;
}
@media screen and (max-width:768px){
	.news__tab {
		padding:0 1vw;
	}
}
.news__tab a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:40px;
	background:var(--color-blue);
	color:#000;
	font-size:18px;
	font-weight: 500;
	padding:0 16px;
	border-radius: 20px;
	text-decoration: none;
	letter-spacing: 0.01em;
}
@media screen and (max-width:768px){
	.news__tab a {
		height:9.6vw;
		font-size:3.6vw;
		padding:0 3.6vw;
	}
}
.news__tabGroup {
	width:100%;
	max-width: 1000px;
	margin:0 auto 50px;
}
@media screen and (max-width:768px){
	.news__tabGroup {
		margin:0 auto 12.8vw;
	}
}
.news__tabGroupTitle {
	height:50px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:20px;
	font-weight: 700;
	background:var(--color-blue);
}
@media screen and (max-width:768px){
	.news__tabGroupTitle {
		height:9.6vw;
		font-size:3.6vw;
	}
}
.news__mediaLists {
	width:100%;
}
.news__mediaLists td {
	border:1px solid var(--color-blue);
	padding:16px 22px;
	font-weight: 500;
}
@media screen and (max-width:768px){
	.news__mediaLists tr {
		border-bottom:1px solid var(--color-blue);
		border-right:1px solid var(--color-blue);
		border-left:1px solid var(--color-blue);
		display:flex;
		flex-wrap: wrap;
	}
	.news__mediaLists td {
		padding:1vw 2vw;
		font-weight: 500;
		font-size:3.2vw;
		display: block;
		border:none;
	}
}
.news__mediaListDate {
	width:120px;
	white-space: nowrap;
}
@media screen and (max-width:768px){
	.news__mediaListDate {
		width:16vw;
	}
	.news__mediaListName {
		flex:1;
	}
	.news__mediaListDesc {
		width:100%;
		position: relative;
	}
	.news__mediaListDesc:before {
		content:'';
		position: absolute;
		top:0;
		left:2vw;
		right:2vw;
		border-top:1px dotted var(--color-blue);
	}
}

.bddvd {
	position: relative;
	min-height:720px;
	z-index:92;
	padding-bottom:40px;
}
@media screen and (max-width:768px){
	.bddvd {
		min-height:unset;
		padding-bottom: 6.4vw
	}
}
.bddvd__wrap {
	position: relative;
	padding:34px 38px;
}
@media screen and (max-width:768px){
	.bddvd__wrap {
		position: relative;
		padding:7vw 0;
	}
}
.bddvd:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background: url(../img/bddvd/bddvd_bg.png) no-repeat left center / cover;
}
.bddvd__title{
	position:relative;
	height:55px;
	margin-bottom:85px;
}
@media screen and (max-width:768px){
	.bddvd__title{
		height:8.7785vw;
		margin-bottom:13.3333vw;
	}
}
.bddvd__title:before{
	content:'';
	position:absolute;
	left:0;
	bottom:-156px;
	width:7px;
	height:134px;
	-webkit-mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	mask:url(../img/common/title_en.svg) no-repeat right top / contain;
	background:#000;
	transform:rotate(-90deg);
	transform-origin:right top;
}
@media screen and (max-width:768px){
	.bddvd__title:before{
		left:0;
		bottom:-4vw;
		width:25.5905vw;
		height:1.3636vw;
		-webkit-mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		mask:url(../img/common/title_en-h.svg) no-repeat left top / contain;
		transform:unset;
	}
}
.bddvd__title:after {
	position: absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	content:'';
	-webkit-mask:url(../img/bddvd/bddvd_title.svg) no-repeat left top / auto 55px;
	mask:url(../img/bddvd/bddvd_title.svg) no-repeat left top / auto 55px;
	background:#000;
}
@media screen and (max-width:768px){
	.bddvd__title:after {
		-webkit-mask:url(../img/bddvd/bddvd_title.svg) no-repeat left top / contain;
		mask:url(../img/bddvd/bddvd_title.svg) no-repeat left top / contain;
	}
}
.bddvd__main {
	max-width:1280px;
	margin:0 auto;
	padding:40px 42px 65px 198px;
}
@media screen and (max-width:768px){
	.bddvd__main {
		max-width:100%;
		margin:0 auto;
		padding:3vw 0 6vw 0;
	}
}
.bddvd__lists {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 40px;
}
@media screen and (max-width:768px){
	.bddvd__lists {
		display: block;
		padding-bottom:0;
		width:76%;
		margin:0 auto;
	}
}
.bddvd__lists li {
	width:49%;
	margin-bottom:40px;
}
@media screen and (max-width:768px){
	.bddvd__lists li {
		width:100%;
		margin-bottom:6.4vw;
	}
}
.bddvd__lists li a {
	display: block;
	text-decoration: none;
}
.bddvd__thumb {
	width:100%;
	position: relative;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.bddvd__thumb {
		margin-bottom:2.1333vw;
	}
}
.bddvd__thumbBox {
	position: relative;
	border:1px solid var(--color-blue);
	overflow: hidden;
}
.bddvd__thumbBox img {
	width:100%;
	height:100%;
	object-fit: cover;
	transition: all 1s ease;
	display: block;
}
@media screen and (hover:hover){
	.bddvd__lists li a:hover .bddvd__thumb img {
		transform:scale(1.1);
	}
}
.bddvd__name {
	font-size:16px;
	font-weight: 500;
	line-height:1.538;
	padding-left:50px;
	background:url(../img/collaboration/collaboration_arrow.svg) no-repeat left top / 30px 30px;
	min-height:30px;
	padding-top: 3px;
}
@media screen and (max-width:768px){
	.bddvd__name {
		padding-left:8vw;
		min-height:5.6666vw;
		font-size:3.2vw;
		background-size:5.3333vw 5.3333vw;
		padding-top:1px;
	}
}
.bddvd__name span {
	background:var(--color-blue);
	padding:0 2px;
}
@media screen and (max-width:768px){
	.bddvd__name span {
		padding:0 1px;
	}
}

.theater table {
	border: 1px solid #000;
	width: 100%;
	margin-bottom: 20px;
}
.theater table th {
	background-color: #000;
	color: #84e0da;
	padding: 10px;
	text-align: center;
}
.theater table td {
	background-color: #fff;
	padding: 10px;
	border: 1px solid #000;
	text-align: center;
}

.staffcast {
	text-align: center;
}

.staffcast .about__lists {
	font-size:20px;
}
.staffcast .about__lists .mid {
	font-size:16px;
}
.staffcast .about__lists small {
	font-size:14px;
}

@media screen and (max-width:768px){
	.staffcast .about__lists {
		font-size:2vw;
	}
	.staffcast .about__lists .mid {
		font-size:2vw;
	}
	.staffcast .about__lists small {
		font-size:1.4vw;
	}
}