@charset "utf-8";

/*
font-family: "ivyora-display", sans-serif;
font-weight: L300  R400  M500;
font-style: normal;

font-family: "franklin-gothic-atf", sans-serif;
font-weight: T200 L300 R400 M500;
font-style: normal;
*/

.glen-serif{
	font-family: "ivyora-display", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.glen-sun{
	font-family: "franklin-gothic-atf", sans-serif;
	font-weight: 300;
	font-style: normal;
}
.glja-r{
	font-family: "Noto Sans JP","Noto Sans SC", sans-serif;
	font-optical-sizing: auto;
	font-weight: 400;
	font-style: normal;
}
.glja-m{
	font-family: "Noto Sans JP","Noto Sans SC", sans-serif;
	font-optical-sizing: auto;
	font-weight: 500;
	font-style: normal;
}

.a-cov{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
}


.gla-cov{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	cursor:pointer;
}


.gl-world{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	pointer-events: none;
}

/* START LOAGING */
#gl-loading{
	position:fixed;
	width:100%; height:100%;
	top:0; left:0;
}
.gl-loading-bg{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	background-color: #e50012;
}
.gl-loading-logo{
	position:absolute;
	width:412px; height:auto;
	top:50%; left:50%;
	transform:translate(-50%,-50%);
	backface-visibility: hidden;
}
.gl-loading-ring{
	position:absolute;
	width:40px; height:40px;
	top:calc(50% + 90px);
	left:calc(50% - 20px);
	background-image:url(../image/ui/loading.webp);
	background-size:contain;
	animation:0.6s linear infinite loading-rot;
}
@keyframes loading-rot{
	0%{ transform:rotate(0);}
	100%{ transform:rotate(360deg); }
}
@media screen and (max-width:1200px){
	.gl-loading-logo{
		width:260px; height:auto;
	}
}
@media screen and (max-width:600px){
	.gl-loading-logo{
		width:43vw; height:auto;
	}
	.gl-loading-ring{
		width:30px; height:30px;
		top:calc(50% + 60px);
		left:calc(50% - 15px);
	}
}

/* ----------- DUMMY ------------- */
.gl-top{
	position: relative;
	width:100%;
}
.gl-main-title{
	position:absolute;
	width:890px; height:533px;
	top:134px; left:10vw;
	backface-visibility:hidden;
	font-size:0;
}
.gl-main-title-logo{
	width:27.86%; height:auto;
	backface-visibility: hidden;
}
.gl-main-title-copy{
	width:100%; height:auto;
	backface-visibility: hidden;
}
.gl-main-title-copy-sab{
	width:25.61%; height:auto;
	margin-left:37.41%;
	backface-visibility: hidden;
}
@media screen and (min-width:1800px){
	.gl-main-title{
		width:50.98958vw;
		height:30.53645vw;
	}
}
@media screen and (max-width:1600px){
	.gl-main-title{
		width:55.625vw;
		height:33.3125vw;
		top:134px; left:8vw;
	}	
}
@media screen and (max-width:1200px){
	.gl-main-title{
		width:55.625vw;
		height:33.3125vw;
		top:100px; left:8vw;
	}
}
@media screen and (max-width:600px){
	.gl-main-title{
		width:88%; height:auto;
		top:52px; left:6%;
	}
	.gl-main-title-logo{
		margin-bottom:8px;
	}
	.gl-main-title-copy{
	}
	.gl-main-title-copy-sab{
		width:40%; height:auto;
		margin-left:33%;
	}
	.gl-main-title-logo{
		width:33%; height:auto;
	}
}

/* MAIN BALL BTN */
.gl-topMainBtn{
	display:block;
	position:absolute;
	width:340px; height:340px;
	margin-left:-170px; margin-top:-170px;
	backface-visibility: hidden;
	transform: translate3d(0, 0, 0);
	/*background-color:rgba(255,255,255,0.2);*/
	cursor:pointer;
	user-select: none;
}
.gl-topMainBtn-sl{
	width:480px; height:480px;
	margin-left:-240px; margin-top:-240px;
}
.gl-topMainBtn-ss{
	width:200px; height:200px;
	margin-left:-100px; margin-top:-100px;
}
@media screen and (max-width:1200px){
	.gl-topMainBtn{
		width:28.3333vw; height:28.3333vw;
		margin-left:-14.16666vw; margin-top:-14.16666vw;
	}
	.gl-topMainBtn-sl{
		width:40vw; height:40vw;
		margin-left:-20vw; margin-top:-20vw;
	}
	.gl-topMainBtn-ss{
		width:16.6666vw; height:16.6666vw;
		margin-left:-8.33333vw; margin-top:-8.33333vw;
	}
}
@media screen and (max-width:600px){
	.gl-topMainBtn{
		position:absolute;
		width:200px; height:200px;
		margin-left:-100px; margin-top:-100px;
	}
	.gl-topMainBtn-sl{
		width:240px; height:210px;
		margin-left:-120px; margin-top:-120px;
	}
	.gl-topMainBtn-ss{
		width:100px; height:100px;
		margin-left:-50px; margin-top:-50px;
	}
}

.gl-top-b1{
	position:absolute;
	top:56%; left:22%;
	/*width:154px; height:154px;*/
	width:164px; height:164px;
	border-radius: 50%;
	background-color:#e50012;
	box-sizing: border-box;
}
.gl-top-b1Ring{
	position:absolute;
	/*width:174px; height:174px;*/
	width:184px; height:184px;
	top:-10px; left:-10px;
	border-radius: 50%;
	border:1px solid #fff;
	box-sizing: border-box;
	opacity:0.8;
	transition:0.3s ease-out;
}
.gl-topMainBtn-sl:hover .gl-top-b1Ring{
	transform:scale(1.1);
	opacity:0.6;
}
@media screen and (max-width:600px){
	.gl-topMainBtn-sl:hover .gl-top-b1Ring{
		transform:scale(1);
		opacity:0.8;
	}
}
.gl-top-b1T{
	width:100%; height:100%;
	color:#fff;
	text-align: center;
}
.gl-top-b1T span{
	width:74%;
	display: inline-block;
	text-align: left;
}
.gl-top-b1M{
	position:absolute;
	width:55px; height:55px;
	bottom:-9px; right:-9px;
	border-radius: 50%;
	background-color: #fff;
	background-image:url(../image/ui/btn_m_red.webp);
	background-size:17px 17px;
	background-position: center center;
	background-repeat:no-repeat;
}
@media screen and (max-width:1200px){
	.gl-top-b1{
		top:56%; left:32%;
		width:12.8333vw; height:12.8333vw;
	}
	.gl-top-b1Ring{
		width:calc(12.8333vw + 16px); height:calc(12.8333vw + 16px);
		top:-8px; left:-8px;
	}
	.gl-top-b1T span{
		width:74%;
		display: inline-block;
		text-align: left;
	}
	.gl-top-b1M{
		width:4.58333vw; height:4.58333vw;
		bottom:-0.9666vw; right:-0.9666vw;
		background-size:1.41666vw 1.41666vw;
	}
}
@media screen and (max-width:600px){
	.gl-top-b1{
		top:40%; left:22%;
		/*width:106px; height:106px;*/
		width:124px; height:124px;
	}
	.gl-top-b1Ring{
		/*width:122px; height:122px;*/
		width:140px; height:140px;
		top:-8px; left:-8px;
	}
	.gl-top-b1M{
		width:32px; height:32px;
		bottom:-4px; right:-4px;
		background-size:10px 10px;
	}
}


.gl-top-b2{
	position:absolute;
	left:48%; top:50%;
	transform:translateY(-50%);
	font-size:0;
}
.gl-top-b2n{
	font-size:60px;
	font-weight:300;
}
.gl-top-b2t{
	font-size:16px;
	line-height:22px;
}
.gl-top-b2m{
	position:relative;
	width:58px; height:58px;
	margin-top:14px;
	border-radius: 50%;
	background-color: #fff;
	background-image:url(../image/ui/btn_m_blk.webp);
	background-size:17px 17px;
	background-position: center center;
	background-repeat:no-repeat;
}
.gl-top-b2mOpen{
	background-image:url(../image/ui/btn_m_open.webp);
	background-size:19px 19px;
}
.gl-top-b2m-close{
	background-image:url(../image/ui/btn_m_close.webp);
	background-size:16px 16px;
}
.gl-top-b2mRing{
	position:absolute;
	width:72px; height:72px;
	top:-7px; left:-7px;
	border-radius: 50%;
	border:1px solid #fff;
	box-sizing: border-box;
	opacity:0.8;
	transition:0.3s ease-out;
}
.gl-topMainBtn:hover .gl-top-b2mRing{
	transform:scale(1.2);
	opacity:0.6;
}
.glProject-item-a-dt:hover .gl-top-b2mRing{
	transform:scale(1.2);
	opacity:0.6;
}
@media screen and (max-width:600px){
	.gl-topMainBtn:hover .gl-top-b2mRing{
		transform:scale(1);
		opacity:0.8;
	}
	.glProject-item-a-dt:hover .gl-top-b2mRing{
		transform:scale(1);
		opacity:0.8;
	}
}
.gl-top-secondClose{
	position:absolute;
	width:44px; height:44px;
	top:50%; transform: translateY(-50%);
	left:74px;
	border-radius:50%;
	background-color: #fff;
	background-image:url(../image/ui/btn_m_close.webp);
	background-size:16px 16px;
	background-position: center center;
	background-repeat:no-repeat;
	display:none;
	opacity:0;
}
.gl-top-secondCloseRing{
	position:absolute;
	width:54px; height:54px;
	top:-5px; left:-5px;
	border-radius: 50%;
	border:1px solid #fff;
	opacity:0.8;
	box-sizing: border-box;
	transition:0.3s ease-out;
}
.gl-top-sabBtn:hover .gl-top-secondCloseRing{
	transform:scale(1.2);
	opacity:0.6;
}
@media screen and (max-width:600px){
	.gl-top-sabBtn:hover .gl-top-secondCloseRing{
		transform:scale(1);
		opacity:0.8;
	}
}
@media screen and (max-width:1200px){
	.gl-top-b2n{
		font-size:2.916666vw;
	}
	.gl-top-b2t{
		font-size:1.16666vw;
		line-height:1.6666vw;
	}
	.gl-top-b2m{
		width:4.83333vw; height:4.83333vw;
		margin-top:1.16666vw;
		background-size:1.41666vw 1.41666vw;
	}
	.gl-top-b2mOpen{
		background-size:1.51666vw 1.51666vw;
	}
	.gl-top-b2mRing{
		width:calc(4.83333vw + 12px); height:calc(4.83333vw + 12px);
		top:-6px; left:-6px;
	}
	.gl-top-secondClose{
		width:3.66666vw; height:3.66666vw;
		top:50%; transform: translateY(-50%);
		left:40%;
		background-size:1.333333vw 1.333333vw;
	}
	.gl-top-secondCloseRing{
		position:absolute;
		width:4.5vw; height:4.5vw;
		top:-0.41666vw; left:-0.41666vw;
	}
}
@media screen and (max-width:600px){
	.gl-top-b2{
		left:32%; top:50%;
	}
	.gl-top-b2n{
		font-size:35px;
	}
	.gl-top-b2t{
		font-size:13px;
		line-height:19px;
	}
	.gl-top-b2m{
		width:30px; height:30px;
		margin-top:10px;
		background-size:8px 8px;
	}
	.gl-top-b2mOpen{
		background-size:11px 11px;
	}
	.gl-top-b2m-close{
		background-size:8px 8px;
	}
	.gl-top-b2mRing{
		position:absolute;
		width:38px; height:38px;
		top:-4px; left:-4px;
	}

	.gl-top-secondClose{
		width:30px; height:30px;
		top:56%; transform: translateY(-50%);
		left:40%;
		background-size:8px 8px;
	}
	.gl-top-secondCloseRing{
		width:38px; height:38px;
		top:-4px; left:-4px;
	}
}
.gl-top-b3{ /*for small*/
	position:absolute;
	left:25%; top:50%;
	transform:translateY(-50%);
	font-size:0;
}
.gl-top-b3-dt{ /*for detail related*/
	position:absolute;
	left:50%; top:50%;
	transform:translate(-50%,-50%);
	font-size:0;
}
.gl-top-b3t{
	position:absolute;
	left:calc(25% + 60px); top:calc(50% + 8px);
	transform:translateY(-50%);
	font-size:18px;
	line-height:22px;
	white-space: nowrap;
}
.gl-top-b3tj{
	display:block;
	font-size:16px;
	margin-top:0px;
}
@media screen and (max-width:1200px){
	.gl-top-b3t{
		left:calc(25% + 5vw); top:calc(50% + 0.66666vw);
		font-size:2vw;
		line-height:2.333333vw;
	}
	.gl-top-b3tj{
		font-size:1.25vw;
		margin-top:-0.5vw;
	}
}
@media screen and (max-width:600px){
	.gl-top-b3{ /*for small*/
		left:10%; top:50%;
	}
	.gl-top-b3t{
		left:42px; top:calc(50% + 6px);
		transform:translateY(-50%);
		font-size:15px;
		line-height:17px;
	}
	.gl-top-b3tj{
		display:block;
		font-size:14px;
		margin-top:0px;
	}
}

/* TOP MAINBALL OTHER BTN */
.gl-top-otherBtn{
	position:absolute;
	width:100px; height:100px;
	margin-left:-50px; margin-top:-50px;
	/*background-color:rgba(255,0,0,0.3);*/
	backface-visibility: hidden;
	cursor:pointer;
	display:none;
	opacity:0;
	user-select: none;
}
.gl-top-otherM{
	position:absolute;
	width:52px; height:52px;
	top:50%; left:50%;
	margin-top:-25px; margin-left:-25px;
	border-radius: 50%;
	background-color: #fff;
	background-image:url(../image/ui/btn_m_blk.webp);
	background-size:17px 17px;
	background-position: center center;
	background-repeat:no-repeat;
}
.gl-top-otherMRing{
	position:absolute;
	width:66px; height:66px;
	top:-7px; left:-7px;
	border-radius: 50%;
	border:1px solid rgba(255,255,255,0.8);
	box-sizing: border-box;
}
.gl-top-otherT{
	position:absolute;
	font-size:18px;
	line-height:20px;
	top:50%; left:90%;
	transform:translate(0,-50%);
}
@media screen and (max-width:1200px){
	.gl-top-otherM{
		width:4.83333vw; height:4.83333vw;
		margin-top:-2.416665vw;
		margin-left:-2.416665vw;
		background-size:1.41666vw 1.41666vw;
	}
	.gl-top-otherMRing{
		width:calc(4.83333vw + 12px); height:calc(4.83333vw + 12px);
		top:-6px; left:-6px;
	}
	.gl-top-otherT{
		font-size:1.333333vw;/*16px*/
		line-height:1.5vw;
		left:calc(50% + 3.5vw);
	}
}
@media screen and (max-width:600px){
	.gl-top-otherM{
		width:30px; height:30px;
		margin-top:-15px; margin-left:-15px;
		background-size:8px 8px;
	}
	.gl-top-otherMRing{
		position:absolute;
		width:38px; height:38px;
		top:-4px; left:-4px;
	}
	.gl-top-otherT{
		font-size:14px;
		line-height:16px;
		left:calc(50% + 24px);
	}
}

/* TOP MAINBALL SAB BTN */
.gl-top-sabBtn{
	position:absolute;
	width:180px; height:180px;
	margin-left:-90px; margin-top:-90px;
	backface-visibility: hidden;
	cursor:pointer;
	display:none;
	opacity:0;
	user-select: none;
}
.gl-top-sabThumRing{
	position:absolute;
	width:140%; height:140%;
	top:-20%; left:-20%;
	border-radius:50%;
	border:1px solid #fff;
	box-sizing: border-box;
	transition:0.3s ease-out;
	opacity:0;
	transform:scale(0.8);
}
/*.gl-top-sabBtn:hover .gl-top-sabThumRing{
	transform:scale(1);
	opacity:1;
}*/
.gl-top-sabBtn:hover .gl-top-sabThum{
	border-color:rgba(255,255,255,0.7);
	/*transform:scale(1.06);*/
}
@media screen and (max-width:600px){
	.gl-top-sabBtn:hover .gl-top-sabThum{
		border-color:rgba(255,255,255,0.3);
	}
}
.gl-top-sabThum{
	position:absolute;
	width:116px; height:116px;
	top:50%; left:5%;
	margin-top:-58px;
	border-radius:50%;
	background-color:#eee;
	border:6px solid rgba(255,255,255,0.3);
	background-clip: padding-box;
	overflow:hidden;
	transition: 0.3s;
}
.gl-top-sabM{
	position:absolute;
	width:48px; height:48px;
	top:50%; left:30%;
	margin-top:-24px; margin-left:-24px;
	border-radius: 50%;
	background-color: #fff;
	background-image:url(../image/ui/btn_m_blk.webp);
	background-size:15px 15px;
	background-position: center center;
	background-repeat:no-repeat;
}
.gl-top-sabM-close{
	background-image:url(../image/ui/btn_m_close.webp);
}
.gl-top-sabM-thum{
	width:38px; height:38px;
	margin-top:-19px; margin-left:-19px;
	top:calc(50% + 46px);
	left:calc(30% + 54px);
	background-size:12px 12px;
}
.gl-top-sabMOpen{
	background-image:url(../image/ui/btn_m_open.webp);
	background-size:16px 16px;
}
.gl-top-sabMRing{
	position:absolute;
	width:60px; height:60px;
	top:-6px; left:-6px;
	border-radius: 50%;
	border:1px solid rgba(255,255,255,0.8);
	box-sizing: border-box;
}
.gl-top-sabT{
	position:absolute;
	font-size:15px;
	line-height:22px;
	top:50%; left:calc(30% + 38px);
	transform:translate(0,-50%);
	white-space: nowrap;

	backface-visibility: hidden;
}
.gl-top-sabT-thum{
	left:calc(132px);
}
.gl-top-sabM-img{
	display:block;
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;

	/*mask-image: url(../image/ui/top_thum_mask.jpg);
    mask-repeat: no-repeat;
    mask-position: -80% 0;
    mask-size: 100% 100%;
    -webkit-mask-image: url(../image/ui/top_thum_mask.jpg);
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: 0 0;
    -webkit-mask-size: 100% 100%;*/
}
@media screen and (max-width:1200px){
	.gl-top-sabM{
		width:4.83333vw; height:4.83333vw;
		margin-top:-2.416665vw;
		margin-left:-2.416665vw;
		background-size:1.41666vw 1.41666vw;
	}
	.gl-top-sabM-thum{
		width:3.16666vw; height:3.16666vw;
		margin-top:-1.583333vw; margin-left:-1.583333vw;
		top:calc(50% + 3.8333333vw);
		left:calc(30% + 4.5vw);
		background-size:1vw 1vw;
	}
	.gl-top-sabMOpen{
		background-size:1.51666vw 1.51666vw;
	}
	.gl-top-sabMRing{
		width:calc(4.83333vw + 12px); height:calc(4.83333vw + 12px);
		top:-6px; left:-6px;
	}
	.gl-top-sabT{
		font-size:1.16666vw;/*14px*/
		line-height:1.5vw;
		left:calc(30% + 3.5vw);
	}
	.gl-top-sabThum{
		width:9.66666vw; height:9.66666vw;
		top:50%; left:15%;
		margin-top:-4.83333vw;
		border:5px solid rgba(255,255,255,0.3);
	}
	.gl-top-sabThumRing{
		width:9.66666vw; height:9.66666vw;
		top:50%; left:15%;
		margin-top:-4.83333vw;
	}
	.gl-top-sabT-thum{
		left:calc(15% + 10.2vw);
	}
}
@media screen and (max-width:600px){
	.gl-top-sabM{
		width:30px; height:30px;
		margin-top:-15px; margin-left:-15px;
		background-size:8px 8px;
	}
	.gl-top-sabM-thum{
		top:calc(50% + 32px);
		left:calc(30% + 74px);
	}
	.gl-top-sabThum{
		width:100px; height:100px;
		top:50%; left:50%;
		margin-top:-50px;
		margin-left:-50px;
	}
	.gl-top-sabMOpen{
		background-size:11px 11px;
	}
	.gl-top-sabThumRing{
		width:100px; height:100px;
		top:50%; left:50%;
		margin-top:-50px;
		margin-left:-50px;
	}
	.gl-top-sabMRing{
		position:absolute;
		width:38px; height:38px;
		top:-4px; left:-4px;
	}
	.gl-top-sabT{
		font-size:13px;
		line-height:18px;
		left:calc(30% + 24px);
	}
	.gl-top-sabT-thum{
		left:50%; top:80%;
		transform: translate(-50%, 0);
	}
}

/* FEATURE */
.gl-f-event{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
}
.gl-feature-title{
	position:absolute;
	width:300px; height:300px;
	margin-left:-150px; margin-top:-150px;
	top:0; left:0;
	pointer-events: none;
}
.gl-feature-titleImg{
	display:block;
	position:absolute;
	width:auto; height:120px;
	left:50%; top:50%;
	transform: translate(-50%,-50%);
}
.gl-feature-LogoImg{
	display:block;
	position: absolute;
	width:274px; height:auto;
	top:50%; left:50%;
	transform: translate(-50%,-50%);
}
@media screen and (max-width:1600px){
	.gl-feature-title{
		width:18.75vw; height:18.75vw;
		margin-left:-9.375vw; margin-top:-9.375vw;
	}
	.gl-feature-titleImg{
		height:7.5vw;
	}
}
@media screen and (max-width:1280px){
	.gl-feature-titleImg{
		width:auto; height:9.375vw;
	}
	.gl-feature-LogoImg{
		width:18.75vw; height:auto;
		top:50%; left:50%;
		transform: translate(-50%,-50%);
	}
}
@media screen and (max-width: 900px) and (orientation: portrait) {
	.gl-feature-title{
		width:37.5vw; height:37.5vw;
		margin-left:-18.75vw; margin-top:-18.75vw;
	}
	.gl-feature-titleImg{
		width:auto; height:11.25vw;
	}
	.gl-feature-LogoImg{
		width:20vw; height:auto;
		top:50%; left:50%;
		transform: translate(-50%,-50%);
	}
}
@media screen and (max-width:600px){
	.gl-feature-title{
		width:200px; height:200px;
		margin-left:-100px; margin-top:-100px;
	}
	.gl-feature-titleImg{
		width:auto; height:68px;
	}
	.gl-feature-LogoImg{
		width:160px; height:auto;
	}
}


.gl-feature-textWrapp{
	position:absolute;
	width:470px;
	/*height:45%;*/ height:425px;
	top:20%; left:18%;
	overflow:hidden;
	pointer-events: none;

	-webkit-mask-image: linear-gradient(to top, transparent, black 15%, black 70%, transparent);
    mask-image: linear-gradient(to top, transparent, black 15%, black 70%, transparent);
}
.gl-feature-textWrappIn{
	position:absolute;
	width:100%; height:auto;
	top:0; left:0;
	font-size:18px;
	line-height: 36px;
}
@media screen and (max-width:1700px){
	.gl-feature-textWrapp{
		top:20%; left:12%;
	}
}
@media screen and (max-width:1280px){
	.gl-feature-textWrapp{
		width:360px; height:425px;
		top:20%; left:6%;
	}
	.gl-feature-textWrappIn{
		font-size:14px;
		line-height: 28px;
	}
}
@media screen and (max-width: 1000px) and (orientation: landscape) {
	.gl-feature-textWrapp{
		width:35.15625vw; height:100vh;
		top:0; left:4%;
	}
	.gl-feature-textWrappIn{
		font-size:13px;
		line-height: 26px;
	}
}
@media screen and (max-width: 900px) and (orientation: portrait) {
	.gl-feature-textWrapp{
		width:60%; height:300px;
		top:50px; left:20%;
	}
	.gl-feature-textWrappIn{
		font-size:13px;
		line-height: 26px;
	}
}
@media screen and (max-width:600px){/*SP*/
	.gl-feature-textWrapp{
		width:84%; height:300px;
		top:-10px; left:8%;
	}
	.gl-feature-textWrappIn{
		font-size:13px;
		line-height: 26px;
	}
}

.gl-f-tTop{
	width:100%; height:100px;
}
.gl-f-tBlock{
	margin-bottom:180px;
}
.gl-f-tBlock-w{
	color:#ffffff;
}
.gl-f-tM{
	height:58px;
	margin-bottom: 10px;
}
.gl-f-tM-1l{
	height:26px;
	margin-bottom: 10px;
}
.gl-f-tM img{
	display: block;
	height:100%; width:auto;
}
.gl-f-tMCol{
	display: inline-block;
	background:#e50012;
	color:#ffffff;
	margin-bottom:3px;
}
@media screen and (max-width:600px){
	.gl-f-tM{
		height:39px;
		margin-bottom: 10px;
	}
	.gl-f-tM-1l{
		height:18px;
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 1000px) and (orientation: landscape) {
	.gl-f-tM{
		height:40px;
	}
	.gl-f-tM-1l{
		height:18px;
	}
}

.gl-feature-scr{
	position:absolute;
	width:1px; height:54px;
	left:50%; bottom:20px;
	background-color:#000;
}
.gl-feature-scrDot{
	position:absolute;
	width:9px; height:9px;
	bottom:0%; left:-4px;
	border-radius: 50%;
	background-color:#000;
	backface-visibility: hidden;
}
@media screen and (max-width:600px){
	.gl-feature-scr{
		height:40px;
		left:50%; bottom:20px;
	}
}

.gl-feature-s2t{
	position:absolute;
	width:160px; height:52px;
	margin-left:-80px; margin-top:-26px;
	pointer-events: none;
	background-repeat:no-repeat;
	background-size:contain;
	backface-visibility: hidden;
	pointer-events: none;
}
@media screen and (max-width:1280px){
	.gl-feature-s2t{
		width:128px; height:42px;
		margin-left:-64px; margin-top:-21px;
	}
}
@media screen and (max-width: 900px) and (orientation: portrait) {
	.gl-feature-s2t{
		width:76px; height:26px;
		margin-left:-38px; margin-top:-13px;
	}
}
@media screen and (max-width:600px){
	.gl-feature-s2t{
		width:96px; height:32px;
		margin-left:-48px; margin-top:-16px;
	}
}
.gl-feature-s4t{
	position:absolute;
	width:120px; height:60px;
	margin-left:-60px; margin-top:-30px;
	background-image:url(../image/features/s4_t.png);
	background-repeat:no-repeat;
	background-size:contain;
	backface-visibility: hidden;
	pointer-events: none;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
	.gl-feature-s4t{
		width:58px; height:30px;
		margin-left:-29px; margin-top:-15px;
	}
}
@media screen and (max-width:600px){
	.gl-feature-s4t{
		width:72px; height:36px;
		margin-left:-36px; margin-top:-18px;
	}
}
.gl-feature-s5point{
	position:absolute;
	width:124px; height:72px;
	margin-top:-36px; margin-left:-62px;
	background-repeat: no-repeat;
	background-size: contain;
	backface-visibility: hidden;
	pointer-events: none;
}
@media screen and (max-width:600px){
	.gl-feature-s5point{
		width:99px; height:58px;
		margin-top:-29px; margin-left:-50px;
	}
}
.gl-feature-s6t{
	position:absolute;
	width:130px; height:18px;
	margin-left:-65px; margin-top:-9px;
	pointer-events: none;
	background-repeat:no-repeat;
	background-size:contain;
	background-position:center center;
	backface-visibility: hidden;
}
@media screen and (max-width: 900px) and (orientation: portrait) {
	.gl-feature-s6t{
		width:116px; height:16px;
		margin-left:-58px; margin-top:-8px;
	}
}
@media screen and (max-width:600px){
	.gl-feature-s6t{
		width:78px; height:11px;
		margin-left:-39px; margin-top:-5px;
	}
}
.gl-feature-s7BallWrapp{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	overflow:hidden;
	pointer-events: none;
}
.gl-feature-s7Ball{
	position:absolute;
	width:1000px; height:1000px;
	margin-left:-500px; margin-top:-500px;
	top:0; left:0;
	backface-visibility: hidden;
}
.gl-feature-s7BallIn{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;

	background-image:url(../image/feature_last.webp);
	background-repeat:no-repeat;
	background-size:contain;
	backface-visibility: hidden;
	filter: blur(4px);
	animation: gl-feature-s7BallRot 40s linear infinite;
}
@keyframes gl-feature-s7BallRot{
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
.gl-feature-s7Txt{
	position:absolute;
	width:900px; height:auto;
	bottom:0; left:50%;
	padding-bottom:120px;
	transform: translateX(-50%);
	font-size:18px; line-height:34px;
}
.gl-feature-s7TxtBg{
	position: absolute;
	width:100%; height:100%;
	top:0; left:0;
}
.gl-feature-s7TxtUp{
	width:100%;
}
.gl-feature-s7TxtEng{
	width:100%;
}
.gl-feature-s7TxtEng img{
	width:100%; height:auto;
}
.gl-feature-s7TxtBt{
	width:100%;
	text-align: right;
}
.gl-feature-s7Btn{
	display:block;
	position: relative;
	width:290px; height:70px;
	margin-top:60px;
	margin-left:auto; margin-right:auto;
	border-radius:35px;
	background-color:#e50012;
	color:#fff;
	transition:0.2s;
}
.gl-feature-s7Btn:hover{
	background-color:#fff;
	color:#e50012;
}
.gl-feature-s7BtnMk{
	position:absolute;
	width:48px; height:48px;
	top:11px; right:11px;
	border-radius:50%;
	background-color: #fff;
	background-image:url(../image/features/btn_mk.png);
	background-repeat:no-repeat;
	background-size:contain;
}
.gl-feature-s7BtnT{
	display: block;
	position:absolute;
	font-size:30px;
	top:50%; transform: translateY(-50%);
	left:50px;
}
.gl-feature-s7Btn:hover{

}
.gl-f7-rm{
	display: none;
	margin-right:10px;
}
.gl-s7-timgPC{display:block;}
.gl-s7-timgSP{display:none;}
@media screen and (max-width:1280px){
	.gl-feature-s7Txt{
		width:80%;
		max-width:740px;
		padding-bottom:90px;
		font-size:16px; line-height:32px;
	}
	.gl-feature-s7Btn{
		margin-top:40px;
	}
}
@media screen and (max-width: 1000px) and (orientation: landscape) {
	.gl-feature-s7Txt{
		width:60%; height:auto;
		bottom:0; left:20%;
		padding-bottom:10px;
		transform: translateX(0);
		font-size:12px; line-height:18px;
	}
	.gl-feature-s7Btn{
		width:145px; height:34px;
		margin-top:10px;
		margin-left:auto; margin-right:auto;
		border-radius:17px;
		background-color:#e50012;
	}
	.gl-feature-s7BtnMk{
		width:30px; height:30px;
		top:2px; right:2px;
	}
	.gl-feature-s7BtnT{
		font-size:12px;
		left:30px;
	}
}
@media screen and (max-width: 900px) and (orientation: portrait) {
	.gl-feature-s7Txt{
		width:70%; height:auto;
		bottom:0; left:15%;
		padding-bottom:20%;
		transform: translateX(0);
		font-size:14px; line-height:24px;
	}
	.gl-feature-s7TxtEng{
		margin-top:10px;
	}
	.gl-f7-rm{
		display: inline;
		margin-right:14px;
	}
	.gl-s7-timgPC{display:none;}
	.gl-s7-timgSP{display:block;}

	.gl-feature-s7Btn{
		width:232px; height:56px;
		margin-top:40px;
		border-radius:28px;
	}
	.gl-feature-s7BtnMk{
		width:40px; height:40px;
		top:8px; right:8px;
		border-radius:50%;
	}
	.gl-feature-s7BtnT{
		font-size:22px;
		left:50px;
	}
}
@media screen and (max-width: 600px) and (orientation: portrait) {
	.gl-feature-s7Txt{
		width:88%; height:auto;
		bottom:0; left:6%;
		padding-bottom:20%;
		transform: translateX(0);
		font-size:14px; line-height:24px;
	}
}

.gl-feature-page{
	position: absolute;
	bottom:30px; right:40px;
	font-size:18px;
	opacity:0;
}
.gl-feature-pageS{
	display:block;
	position:absolute;
	bottom:4px; right:54px;
	font-size:12px;
}
@media screen and (max-width:600px){
	.gl-feature-page{
		bottom:16px; right:20px;
		font-size:14px;
	}
	.gl-feature-pageS{
		bottom:2px; right:44px;
		font-size:12px;
	}
}

.glbr-pc{
	display:inline;
}
.glbr-sp{
	display:none;
}
@media screen and (max-width:600px){
	.glbr-pc{
		display:none;
	}
	.glbr-sp{
		display:inline;
	}
}

/*PROJECTS*/
.glProject{
	width:100%;
	padding-top:170px;
	padding-bottom:200px;
}
.glProject-title{
	position: relative;
	width:100%;
	/*height:220px;*/
	margin-left:auto; margin-right:auto;
	text-align: center;
}
.glProject-titleMain{
	position:relative;
	display:inline-block;
	font-size:80px;
	font-weight:200;
}
.glProject-titleOur{
	position:absolute;
	top:-30px; left:-26px;
	font-size:36px;
}
.glProject-titleNum{
	position: absolute;
	bottom:6px; left:102%;
	font-size:32px;
}
.glProject-itemStage{
	position:relative;
	width:74%;
	margin-top:30px;
	margin-left:auto; margin-right:auto;
	font-size:0;
}
@media screen and (max-width:1800px){
	.glProject-itemStage{
		width:80%;
		margin-top:30px;
	}
}
@media screen and (max-width:1500px){
	.glProject-itemStage{
		width:88%;
		margin-top:30px;
	}
}
@media screen and (max-width:1200px){
	.glProject{
		padding-top:112px;
		padding-bottom:200px;
	}
	/*.glProject-title{
		height:140px;
	}*/
	.glProject-titleMain{
		font-size:45px;
	}
	.glProject-titleOur{
		top:-26px; left:-18px;
		font-size:25px;
	}
	.glProject-titleNum{
		bottom:2px; left:104%;
		font-size:24px;
	}
}

.glProject-item{
	position:relative;
	display:inline-block;
	width:25%;
	margin-top:20px;
	/*aspect-ratio: 1 / 1.15;*/
	aspect-ratio: 1 / 1;
}
.glProject-item-a{
	position:absolute;
	display:block;
	width:70%; height:70%;
	margin-top:15%; margin-left:15%;
}
.glProject-item-a-dt{ /*detail related*/
	width:88%; height:88%;
	margin-top:6%; margin-left:6%;
}
.glProject-itemImg{
	position:absolute;
	/*width:68%; height:68%;*/
	width:70%; height:70%;
	top:50%; left:50%;
	border-radius:50%;
	transform: translate(-50%,-50%);
	background-color:#eee;
	border:6px solid rgba(255,255,255,0.3);
	background-clip: padding-box;
	overflow:hidden;
	transition:0.3s;
}
.glProject-item-a:hover .glProject-itemImg{
	border-color:rgba(255,255,255,0.7);
}
@media screen and (max-width:600px){
	.glProject-item-a:hover .glProject-itemImg{
		border-color:rgba(255,255,255,0.3);
	}
}
.glProject-itemImg img{
	width:100%; height:100%;
}
.glProject-itemM{
	position:absolute;
	width:38px; height:38px;
	top:74%;
	left:74%;
	margin-top:-19px; margin-left:-19px;
	border-radius: 50%;
	background-color: #fff;
	background-image:url(../image/ui/btn_m_blk.webp);
	background-size:12px 12px;
	background-position: center center;
	background-repeat:no-repeat;
}
.glProject-name{
	position:absolute;
	width:100%; top:86%;
	font-size:16px; line-height:20px;
	text-align:center;
}
.glProject-name-list{
	top:86%;
}
.glProject-name-dt{/* detail related */
	position:absolute;
	width:100%; top:82%;
	font-size:16px; line-height:20px;
	text-align:center;
}
.glProject-name-dtAll{/* detail related ALL */
	position:absolute;
	width:100%; top:82%;
	font-size:16px; line-height:20px;
	text-align:center;
}
@media screen and (max-width:1300px){
	.glProject-item-a{
		width:70%; height:70%;
		margin-top:15%; margin-left:15%;
	}
	.glProject-item-a-dt{ /*detail related*/
		width:80%; height:80%;
		margin-top:10%; margin-left:10%;
	}
	.glProject-itemM{
		position:absolute;
		width:38px; height:38px;
		top:calc(50% + 40px);
		left:calc(50% + 40px);
	}
	.glProject-name{
		font-size:14px; line-height:18px;
	}
	.glProject-name-dtAll{/* detail related ALL */
		font-size:14px; line-height:18px;
	}
}
@media screen and (max-width:900px){
	.glProject-item{
		width:33%;
	}
}
@media screen and (max-width:600px){
	.glProject-item{
		width:50%;
		margin-top:50px;
	}
	.glProject-item-a{
		width:80%; height:80%;
		margin-top:10%; margin-left:10%;
	}
	.glProject-item-a-dt{ /*detail related*/
		width:80%; height:80%;
		margin-top:10%; margin-left:10%;
	}
	.glProject-itemImg{
		width:80%; height:80%;
	}
	.glProject-name{
		top:90%;
		font-size:12px; line-height:17px;
	}
	.glProject-name-list{
		top:98%;
	}
	.glProject-name-dtAll{/* detail related ALL */
		top:74%;
		font-size:13px; line-height:17px;
	}
}

/* PROJECTS MENU */
.glProject-menu{
	display: block;
	width:80%;
	max-width:1080px;
	margin-top:60px;
	margin-left:auto; margin-right:auto;
}
.glProject-attention{
	position:absolute;
	width:100%;
	bottom:-80px;
	font-size:20px;
	pointer-events: none;
	text-align: center;
	opacity: 0;
}
.glProject-menu-s{
	display: inline-block;
	position:relative;
	width:25%; height:54px;
	padding-right:34px;
}
.glProject-menu-s0{
	width:80%;
	max-width:480px;
}
.glProject-menu-s1{
	width:23%;
}
.glProject-menu-t{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;

	position: relative;
	width:100%; height:100%;
	padding: 2px;
	padding-right:30px;
	border:none;
	border-bottom:2px solid #000;
	box-sizing: border-box;
	text-align: left;
	font-size:16px;

	text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;

	background-image:url(../image/ui/p_menu_mk.webp);
	background-repeat:no-repeat;
	background-size:16px 16px;
	background-position: right center;
}
.glProject-menu-t:focus{
	border:none;
	border-bottom:2px solid #000;
	outline:0;
}
.glProject-menu-c{
	display:inline-block;
	width:20%;
	height:58px;
	max-width:100px;
	border-radius:8px;
	background-color:#000;
	font-size: 16px;
	color:#fff;
	line-height:58px;
	transition:0.2s;
}
.glProject-menu-c:hover{
	background-color:#666;
}
.glProject-menu-c-diact{
	pointer-events: none;
	background-color:#666;
}
.glProject-menu-m{
	position: absolute;
	top:-6px; left:2px;
	font-size:14px;
	opacity:0.6;
}
@media screen and (max-width:600px){
	.glProject-menu{
		margin-top:30px;
	}
	.glProject-menu-s0{
		width:100%;
		padding-right:0;
	}
	.glProject-menu-c{
		display:none;
	}
}

.glProject-menu-sp{
	display:none;
	width:70%; max-width:340px;
	margin-top:30px;
	margin-left:auto; margin-right:auto;
	font-size:0;
}
.glProject-menu-spLeft{
	width:calc(100% - 80px);
	height:44px;
}
.glProject-menu-spLeftIn{
	display: block;
	width:calc(100% - 28px);
	height:44px;
	border-bottom:2px solid #000;
	box-sizing: border-box;
	font-size:14px;
	text-align: left;
	line-height:44px;
	background-image:url(../image/ui/p_menu_mk.webp);
	background-repeat:no-repeat;
	background-size:12px 12px;
	background-position: right center;
}
.glProject-menu-spRight{
	width:80px;
	height:44px;
}
.glProject-menu-spRightIn{
	display:block;
	width:100%;
	height:44px;
	border-radius:8px;
	background-color:#000;
	color:#fff;
	font-size:14px;
	text-align: center;
	line-height:44px;
}
/*@media screen and (max-width:1200px){
	.glProject-menu-sp{
		display:flex;
	}
}*/


/* MODAL */
.glProject-modal{
	position: fixed;
	width:100%; height:100%;
	top:0; left:0;
	background-color:rgba(230,230,230,0.9);
	overflow: hidden;
	display:none;
	visibility:hidden;
}
@media screen and (max-width:1200px){
	.glProject-modal{
		visibility:visible;
	}
}
.glProject-modalBg{
	position: absolute;
	width:100%; height:100%;
	top:0; left:0;
}
.glProject-modalScroll{
	position:absolute;
	width:100%; height:100%;
	top:0; left:0;
	overflow-x: hidden;
	overflow-y: scroll;
}
.glProject-modalPage{
	position: relative;
	width:calc(100% - 40px);
	max-width:500px;
	margin-top:20px; margin-left:auto; margin-bottom:20px; margin-right:auto;
	padding:15px;
	padding-top:22px;
	padding-bottom:30px;
	background-color: #fff;
	border-radius:8px;
}
.glProject-mp-til{
	font-size:14px;
	text-align: center;
}
.glProject-mp-block{
	width:100%;
	margin-top:20px;
}
.glProject-mp-blockTil{
	width:100%;
	padding:10px;
	background-color:#eee;
	font-size:14px;
	border-radius: 6px;
}
.glProject-mp-blockRad{
	width:100%;
}

/*.glProject-mp-radio{
	display:block;
	position: relative;
	margin-top:16px;
	font-size:14px;
	cursor: pointer;
}
.glProject-mp-label{
	padding-left: 30px;
}*/
.glProject-mp-rSet{
	margin-top:14px;
}
.glProject-mp-blockRad input[type="radio"] {
	position: relative;
	width: 16px;
	height: 16px;
	border: 1px solid #ccc;
	border-radius: 50%;
	vertical-align: -2px;
	-webkit-appearance: none;
		-moz-appearance: none;
			appearance: none;
}
.glProject-mp-blockRad input[type="radio"]:checked:before {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 9px;
	height: 9px;
	border-radius: 50%;
	background: #e50012;
	content: '';
}
.glProject-mp-navi{
	display:block;
	width:200px; height:54px;
	margin-left:auto; margin-right:auto;
	margin-bottom:30px;
	background-color:#000;
	color:#fff;
	border-radius:8px;
	text-align:center;
	line-height:54px;
	font-size:16px;
}
.glProject-mp-close{
	position: absolute;
	width:30px; height:30px;
	top:0; right:0;
	background-image:url(../image/ui/modal_close.webp);
	background-repeat: no-repeat;
	background-size:20px 20px;
	background-position:bottom left;
}

/* DETAIL RELATED */
.glRelatedWrapp{
	display:block;
	position:absolute;
	width:230px; height:230px;
	margin-left:-115px;
	margin-top:-115px;
	/*background-color:rgba(255,0,0,0.2);*/
}
.glRelatedWrapp-prev{
	left:25%;
	top:45%;
}
.glRelatedWrapp-next{
	left:50%;
	top:55%;
}
.glRelatedWrapp-all{
	left:75%;
	top:45%;
}
.glRelated-til{
	padding-top:45px;
	font-size:28px;
	text-align: center;
}
@media screen and (min-width:1500px){
	.glRelatedWrapp-prev{
		left:calc(50% - 360px);
	}
	.glRelatedWrapp-next{
		left:50%;
	}
	.glRelatedWrapp-all{
		left:calc(50% + 360px);
	}
}
@media screen and (max-width:900px){
	.glRelatedWrapp{
		width:180px; height:180px;
		margin-left:-90px;
		margin-top:-90px;
		/*background-color:rgba(255,0,0,0.2);*/
	}
	.glRelatedWrapp-prev{
		left:calc(50% - 20%);
		top:28%;
	}
	.glRelatedWrapp-next{
		left:calc(50% + 20%);
		top:52%;
	}
	.glRelatedWrapp-all{
		left:calc(50% - 18%);
		top:75%;
	}
	.glRelated-til{
		padding-top:24px;
		font-size:18px;
	}
}

.test{
	position: absolute;
	width:100%;
	top:0; left:0;
	background-color: #fff;
}