main {
	
}

/**/
.vis-face {
	background: #0f5074;
}
.vis-face .bgi.bind {
	max-width: 1600px;
}
.vis-face .bgi::before {
	padding-top: 39.6vw;
}
	.vis-face .bgi img {
		object-position: top center;
	}

.vis-face .cover {
	position: absolute;
	z-index: 10;
	width: 100%;
	height: 100%;
}
.vis-face .titles {
	text-align: center;
	padding-top: 14.5vw;
}
.vis-face .titles {
	color: var(--cl-pageink);
	text-shadow: 0 0px 3px rgba(255, 255, 255, 0.26);
}
	.vis-face .titles .lgm {
		width: 5.0vw;
		height: auto;
	}
	.vis-face .titles h1 {
		font-size: 1.5vw;
		line-height: 1.8em;
		margin-top: 2.6em;
	}
		.vis-face .titles h1 i {
			display: block;
			font-weight: inherit;
			margin-bottom: 1.5rem;
		}
@media only screen and (min-width:1600px) {
	.vis-face .titles {
		padding-top: 234px;
	}
	.vis-face .titles .lgm {
		width: 80px;
	}
	.vis-face .titles h1 {
		font-size: 1.5em;
		margin-top: 4rem;
	}
	.vis-face .bgi::before {
		padding-top: 640px;
	}
}
@media only screen and (max-width: 1070px) {
	.vis-face .bgi::before {
		padding-top: 61vw;
	}
	.vis-face .titles {
		padding-top: 14.5vw;
	}
	.vis-face .titles .lgm {
		width: 10vw;
	}
	.vis-face .titles h1 {
		font-size: 4.1vw;
		font-weight: 600;
		margin-top: 1.4em;
		text-shadow: 0 0 2px #fff;
	}
		.vis-face .titles h1 i {
			margin-bottom: 0.8em;
		}
}

/**/
#areaArticles {
	position: relative;
	z-index: 0;
	justify-content: space-between;
}
	#areaArticles .section-hgroup {
		position: absolute;
		z-index: 0;
	}
#areaArticles .article-texts {
	flex-direction: column;
	width: 75%;
	order: 2;
	min-height: 7rem;
}
#areaArticles .control {
	flex-direction: column;
	width: 25%;
	order: 1;
	margin-top: auto;
}
	#areaArticles .control .arrow-link {
		font-size: 0.8em;
	}
@media only screen and (max-width: 640px) {
	#areaArticles .section-hgroup {
		position: static;
		width: 100%;
	}
	#areaArticles .article-texts {
		width: 100%;
		order: 1;
	}
	#areaArticles .control {
		width: 100%;
		order: 2;
		margin-top: var(--share-smp-space);
	}
}

/**/
#areaEvent {
	
}
#areaEvent .head {
	align-items: center;
	margin-bottom: calc(var(--share-smp-space));
}
	#areaEvent .head > article {
		width: 60%;
		padding-right: 2rem;
	}
	#areaEvent .head > figure {
		width: 40%;
	}
@media only screen and (max-width: 640px) {
	#areaEvent {
		margin-top: calc(0em - var(--share-smp-space));
	}
	#areaEvent .head {
		margin-bottom: calc(var(--share-smp-space) *2.4);
	}
	#areaEvent .head > article {
		width: 100%;
		padding-right: 0;
		order: 2;
	}
	#areaEvent .head > figure {
		width: 100%;
		order: 1;
		margin-bottom: var(--share-smp-space);
	}
}

/*------Update: 20250507------*/

/*Video*/
.fortop .vis-face {
    background: none;
}
.fortop .vis-face .cover {
    display: flex;
    align-items: end;
}
	.fortop .vis-face .titles {
		width: 100%;
		max-width: var(--bindwrap-width);
		margin: 0 auto;
		color: #fff;
		text-shadow: 3px 3px 4px rgba(0, 0, 0, 0.4);
		text-align: left;
		line-height: 1.4em;
	}
		.fortop .vis-face .titles h1 {
			font-size: 2.2em;
			letter-spacing: 0.1em;
			transition: all 0.3s;
		}
			.fortop .vis-face .titles h1 i {
				font-size: 1.2em;
				margin-bottom: 0.65em;	
			}			
.fortop .vis-face .bgv {
    max-width: 100%;
}
	.fortop .vis-face video {
		width: 100%;
	}
@media only screen and (min-width:1600px) {
	.fortop .vis-face .titles {
		padding-bottom: 6em;
		min-width: 1400px;
	}
		.fortop .vis-face .titles h1 {
			font-size: 2.8em;
		}
}
@media only screen and (max-width: 1070px) {
	.fortop .vis-face .titles {
		padding: 0 var(--share-smp-space);
	}
		.fortop .vis-face .titles h1 {
			font-size: 1.5em;
			font-weight: 400;
			text-shadow: none;			
			margin-bottom: 6%;
		}	
			.fortop .vis-face .titles h1 span:not(:first-of-type) {
				padding-top: 0.05em;    
			} 
}
@media only screen and (max-width: 640px) {
	.fortop .vis-face .titles {
		padding: 0 ;
	}
	.fortop .vis-face .titles h1 {
		font-size: 5.4vw;
		margin-bottom: 6em;
	}			
		.fortop .vis-face .titles h1 i {
			margin-bottom: 0.26em;    
		}	
		.fortop .vis-face .titles h1 > i,
		.fortop .vis-face .titles h1 span {
			display: inline-block;
			background-color: rgba(0,0,0,0.25);
			padding: 0.3em 0.8em 0.4em var(--share-smp-space);
		} 
		.fortop .vis-face .titles h1 p {
			line-height: 1em;
		}
	.fortop .vis-face video.only-smp {
		display: inline-block;
		height: 100vh;
		overflow: hidden;
		object-position: center center;
		object-fit: cover;
	}
}