@charset "UTF-8";

/*#header{
	--HeaderColor:rgba(0 0 0/80%);
	--HeaderHighlight-h:0;
	--HeaderHighlight-s:0%;
	--HeaderHighlight-l:0%;
	--HeaderHighlight-a:20%;
}*/

.step{min-height:unset;}

#about{color:#fff;background:#fff url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGZpbGw9ImhzbCgyNDYgOTIlIDE5JSkiIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIvPjwvc3ZnPg==) no-repeat center bottom/calc(var(--VWidth) * 10);}

#about .intro{
	margin:var(--PagePadding) auto;
	padding-right:calc(30% + var(--HeaderHeight));

	background-image:url(https://seagm-media.seagmcdn.com/corp/art/pic_about.png?x-oss-process=image/resize,w_800);
	background-image:-webkit-image-set(
		url(https://seagm-media.seagmcdn.com/corp/art/pic_about.png?x-oss-process=image/resize,w_400/format,webp) 1x,
		url(https://seagm-media.seagmcdn.com/corp/art/pic_about.png?x-oss-process=image/resize,w_800/format,webp) 2x
	);
	background-image:image-set(
		url(https://seagm-media.seagmcdn.com/corp/art/pic_about.png?x-oss-process=image/resize,w_400/format,webp) 1x,
		url(https://seagm-media.seagmcdn.com/corp/art/pic_about.png?x-oss-process=image/resize,w_800/format,webp) 2x
	);
	background-repeat:no-repeat;
	background-position:right center;
	background-size:auto 100%;
}
#about .intro h2{font-size:3em;text-transform:uppercase;}
#about .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#about .features{}
#about .features ul{display:flex;flex-wrap:wrap;justify-content:center;margin:0 -2em;}
#about .features li{flex:auto;margin:2em;}
#about .features li>div{text-align:center;}
#about .features h3{font-family:inherit;font-size:1em;line-height:1;white-space:nowrap;}
#about .features h3:before{content:'';display:inline-block;vertical-align:top;font-size:1.5em;width:1em;height:1em;background:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNCAxNCI+PGxpbmVhckdyYWRpZW50IGlkPSJnMSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iaHNsKDUxIDEwMCUgNTAlLzEpIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSJoc2woNTEgMTAwJSA1MCUvMCkiLz48L2xpbmVhckdyYWRpZW50Pjxwb2x5Z29uIGZpbGw9InVybCgjZzEpIiBwb2ludHM9IjQsMTMgMTAsMTMgMTAsNyAxNCw3IDcsMCAwLDcgNCw3ICIvPjwvc3ZnPg==) no-repeat center/contain;}
#about .features h3 b{font-size:3em;font-weight:800;margin:0 .25em;}
#about .features h3 i{font-size:2em;font-weight:800;font-style:normal;text-transform:uppercase;}
#about .features p{font-size:1.166667em;text-transform:capitalize;opacity:.5;margin:1em 0 0;}
@media only screen and (max-width:1000px){
	#about .intro{max-width:60em;box-sizing:border-box;padding-right:30%;background-size:35% auto;}
	#about .intro h2{font-size:2em;}
	#about .intro p{font-size:1em;}

	#about .features{max-width:60em;margin:0 auto;}
	#about .features h3 b{font-size:2em;}
	#about .features p{font-size:1em;}
}
@media only screen and (max-width:800px){
	#about .intro{padding-right:0;padding-bottom:20em;background-position:center bottom;background-size:auto 20em;}
}
@media only screen and (max-width:640px){
	#about .intro{max-width:40em;}
	#about .features{max-width:40em;}
}





#department{}
#department .intro{
	margin:var(--PagePadding) auto;
	padding-left:calc(30% + var(--HeaderHeight));

	background-image:url(https://seagm-media.seagmcdn.com/corp/art/pic_department.png?x-oss-process=image/resize,w_800);
	background-image:-webkit-image-set(
		url(https://seagm-media.seagmcdn.com/corp/art/pic_department.png?x-oss-process=image/resize,w_400/format,webp) 1x,
		url(https://seagm-media.seagmcdn.com/corp/art/pic_department.png?x-oss-process=image/resize,w_800/format,webp) 2x
	);
	background-image:image-set(
		url(https://seagm-media.seagmcdn.com/corp/art/pic_department.png?x-oss-process=image/resize,w_400/format,webp) 1x,
		url(https://seagm-media.seagmcdn.com/corp/art/pic_department.png?x-oss-process=image/resize,w_800/format,webp) 2x
	);
	background-repeat:no-repeat;
	background-position:left center;
	background-size:auto 100%;
}
#department .intro h2{font-size:3em;text-transform:uppercase;}
#department .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#department .dept{margin:var(--PagePadding) auto;}
#department .dept h3{font-size:1.5em;text-transform:uppercase;}
#department .dept p{font-size:1.333334em;margin:2em 0;opacity:.7;}

@media only screen and (max-width:1000px){
	#department .intro{max-width:60em;box-sizing:border-box;padding-left:30%;background-size:35% auto;}
	#department .intro h2{font-size:2em;}
	#department .intro p{font-size:1em;}

	#department .dept{max-width:60em;}
	#department .dept h3{font-size:1.25em;}
	#department .dept p{font-size:1em;}
}
@media only screen and (max-width:800px){
	#department .intro{padding-left:0;padding-bottom:20em;background-position:center bottom;background-size:auto 20em;}
}
@media only screen and (max-width:640px){
	#department .intro{max-width:40em;}
	#department .dept{max-width:40em;}
}


#vision{background:#000;color:#fff;min-height:min(var(--VHeight),40em)}
#vision .art-bg{position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;}
#vision .art-bg>.lazy-bg{width:100%;height:100%;background-position:center;background-repeat:no-repeat;background-size:cover;}
#vision .art-bg>.lazy-bg:before{content:'';display:block;position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;background:linear-gradient(0deg,hsl(220 30% 10%/.8),hsl(220 30% 10%/.6)) no-repeat center/cover;-webkit-backdrop-filter:blur(.5em);-moz-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em);}
#vision>.inner{z-index:2;display:grid;grid-template-columns:35% 1fr;grid-gap:var(--PagePadding);align-items:center;}

#vision .intro{margin:var(--PagePadding) 0;}
#vision .intro h2{font-size:3em;text-transform:uppercase;}
#vision .intro p{font-size:1.333334em;margin:2em 0;opacity:.7;}

#vision .features{margin:var(--PagePadding) 0;}
#vision .features ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(20em,1fr));grid-gap:2em;}
#vision .features li{}
#vision .features li>div{min-height:100%;padding:2em;text-align:center;border-radius:2em;background:rgba(255 255 255/.2);box-shadow:rgba(0 0 0 / 5%) 0 .5em 3em,rgba(255 255 255/10%) 0 0 2em inset;box-sizing:border-box;-webkit-backdrop-filter:blur(2em);-moz-backdrop-filter:blur(2em);backdrop-filter:blur(2em);--iconsize:8em;}
#vision .features li>div:before{content:'';display:block;width:var(--iconsize);height:var(--iconsize);margin:1em auto;background-image:url(../images/art/icon_vision-704bff6951.svg);background-repeat:no-repeat;background-position:0 calc((var(--t) - 1) * var(--iconsize) * -1);background-size:100% 200%;}
#vision .features h3{font-family:inherit;font-weight:800;font-size:1.5em;text-transform:uppercase;}
#vision .features p{font-size:1.166667em;}
@media only screen and (max-width:1000px){
	#vision>.inner{display:block;}
	#vision .intro{max-width:60em;margin:var(--PagePadding) auto;}
	#vision .intro h2{font-size:2em;}
	#vision .intro p{font-size:1em;}

	#vision .features{max-width:60em;margin:var(--PagePadding) auto;}
	#vision .features li>div{--iconsize:5em;}
	#vision .features h3{font-size:1.25em;}
	#vision .features p{font-size:1em;}
}
@media only screen and (max-width:640px){
	#vision .intro{max-width:40em;}
	#vision .features{max-width:40em;}
}



#management{}

#management .intro{max-width:60em;margin:var(--PagePadding) 0;}
#management .intro h2{font-size:3em;text-transform:uppercase;}

#management_list{margin:var(--PagePadding) auto;}
#management_list .dp{}
#management_list .dp:before{content:attr(data-title);display:block;margin:2em 0;font-size:2em;font-family:var(--SiteFF);font-weight:bold;text-transform:uppercase;opacity:.1;}
#management_list ul{}
#management_list li{margin-top:var(--PagePadding);}
#management_list li>div{display:grid;grid-template-columns:auto 1fr 2fr;grid-gap:0 var(--PagePadding);align-items:flex-start;}

#management_list .avatar{--avatarsize:8em;width:var(--avatarsize);height:var(--avatarsize);border-radius:0 calc(var(--HeaderHeight) / 3);background:#fff;overflow:hidden;box-shadow:hsl(calc((var(--t) - 1) * 30 + 40) 80% 50% / 20%) 1.5em -1em 0,hsl(calc((var(--t) - 1) * 30 + 40) 80% 50% / 20%) 0 0 2em;}
#management_list .avatar img{vertical-align:top;width:100%;height:100%;}
#management_list .name{}
#management_list .name h3{font-family:inherit;font-weight:800;font-size:1.5em;text-transform:uppercase;}
#management_list .name span{font-size:1.166667em;opacity:.54;}
#management_list .info{}
#management_list .info p{font-size:1.166667em;opacity:.54;margin:0;}

@media only screen and (max-width:1000px){
	#management .intro{text-align:center;margin:var(--PagePadding) auto;}
	#management .intro h2{font-size:2em;}
	#management_list{max-width:60em;}
	#management_list .dp:before{font-size:1.5em;}
	#management_list li>div{grid-template-columns:auto 1fr;grid-gap:1em 3em;}
	#management_list .avatar{grid-row:span 2;--avatarsize:6em;}
	#management_list .name h3{font-size:1.25em;}
	#management_list .name span{font-size:1em;}
	#management_list .info p{font-size:1em;}
}
@media only screen and (max-width:640px){
	#management_list{max-width:40em;}
	#management_list li>div{grid-gap:1em 2em;}
	#management_list .avatar{--avatarsize:5em;box-shadow:hsl(calc((var(--t) - 1) * 30 + 40) 80% 50% / 20%) .5em -.5em 0,hsl(calc((var(--t) - 1) * 30 + 40) 80% 50% / 20%) 0 0 1em;}
}
@media only screen and (max-width:480px){
	/*#management_list .dp:before{display:none;}*/
	#management_list .avatar{grid-row:inherit;}
	#management_list .info{grid-column:span 2;}
}