@charset "UTF-8";
/* RESET - ADAPTED FROM MEYER RESET URL - http://meyerweb.com/eric/tools/css/reset/ LICENSE - PUBLIC DOMAIN */
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, caption, canvas, center, cite, code,dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, form, footer, header, hgroup, h1, h2, h3, h4, h5, h6, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, output, p, pre, q, ruby, s, samp, section, main, small, span, strike, strong, sub, summary, sup, tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,u, ul, var, video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:transparent;}article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, main{display:block;}ol, ul{list-style:none;}blockquote, q{quotes:none;}table{border-collapse:collapse;border-spacing:0;}body{line-height:1;}
/* YUI 3.14.1 (build 63049cb) Copyright 2013 Yahoo! Inc. All rights reserved. Licensed under the BSD License. http://yuilibrary.com/license/ */
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif}table{font-size:inherit;font:100%}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}#yui3-css-stamp.cssfonts{display:none}
/*12 COLUMN :RESPONSIVE GRID SYSTEM DEVELOPER :DENIS LEBLANC URL :http://responsive.gs VERSION :3.0 LICENSE :GPL & MIT */
/* SET ALL ELEMENTS TO BOX-SIZING :BORDER-BOX */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
/*MAIN CONTAINER Set the width to whatever you want the width of your site to be. */
.container{width:92%; max-width:1080px; margin:0 auto; padding:0;}
/*SELF CLEARING FLOATS - CLEARFIX METHOD */
.container:after,.row:after,.col:after,.clr:after,.group:after{content:"";display:table;clear:both;}
/* DEFAULT ROW STYLES Set bottom padding according to preference */
.row{padding:auto; margin:0 auto;}
/* DEFAULT COLUMN STYLES */
.col{display:block;float:left;width:100%;}
.reverse .col{float:right;}
@media(min-width:768px){
	.container{width:1080px; padding:0 20px;}
}

// COLOR
@black:#1a1a1a;
@gray:#ccc;
@grayL:#ddd;
@grayD:#999;
@white:#fff;
@red:#a00;
@redL:#f00;
@redLL:#f55;
@redD:#800;
@redDD:#500;

// LESS
@ncc:no-repeat center center;
// MIXIN
.trans{-webkit-transition:0.5s; -moz-transition:0.5s; -o-transition:0.5s; -ms-transition:0.5s; transition:0.5s;}
.trans1{-webkit-transition:1s; -moz-transition:1s; -o-transition:1s; -ms-transition:1s; transition:1s;}
.trans2{-webkit-transition:2s; -moz-transition:2s; -o-transition:2s; -ms-transition:2s; transition:2s;}
.fb{font-weight:bold;}
.tac{text-align:center;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{background-size:cover;}
.inline{display:-moz-inline-box; display:inline-block;}
.italic{font-style:italic;}

/*BASE*/
html,body{width:100%; height:100%;}
body{color:@black; background:@white; line-height:1; font-weight:400; font-style:normal; font-feature-settings:"palt";
font-family:Roboto,"Helvetica Neue",Helvetica,"Droid Sans",Arial,Avenir,Verdana,"游ゴシック Medium","YuGothic M","游ゴシック体","YuGothic","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Noto Sans JP","Meiryo UI","メイリオ",Meiryo,sans-serif;}
img{width:100%; max-width:100%; height:auto;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}

/*LETTER*/
strong{.fb();}
.wf{font-family:eloquent-jf-pro; font-weight:400!important;}
.nh{font-family:neue-haas-grotesk-display; font-weight:600;/*** 200 700 ***/}
.sc{font-family:rock-salt-pro; font-weight:400!important;}
.fontsmall{font-size:85%;}
.attention{color:@red;}
::selection{background:@redD; color:@white;}
::-moz-selection{background:@redD; color:@white;}

/*LINK*/
a:link{color:@redDD; .tdu(); .trans();}
a:visited{color:@redDD; .tdu();}
a:hover{color:@black; .tdn();}
a:active{color:@redDD; .tdn();}
a img{border:none; .tdn(); .trans();}
a img:hover{opacity:0.7; .tdn();}

/*FIRSTVIEW*/
div#firstview{z-index:20000; position:fixed; top:0; left:0; width:100%; height:100%; margin:0; padding:0; opacity:1; overflow:hidden;
	cursor:pointer;
	background:rgb(170,0,0);
	background:radial-gradient(circle, rgba(170,0,0,1) 0%, rgba(85,0,0,1) 100%);
	display:-webkit-flex; display:flex;
	-webkit-justify-content:center; justify-content:center;
	-webkit-align-items:center; align-items:center;
	h1{width:150px; max-width:150px; margin:0; z-index:20020; pointer-events:none;
		display:flex;
		-webkit-justify-content:center; justify-content:center;
		-webkit-align-items:center; align-items:center;
	}
	section{position:absolute; bottom:43%; font-size:124%; .tac(); letter-spacing:1px;}
}
div#firstview.fadeaway{pointer-events:none!important;
			animation:faded 0.7s 1.5s ease 1 forwards;
	-webkit-animation:faded 0.7s 1.5s ease 1 forwards;
	h1{
			animation:h1faded 2.7s 0.3s ease-out 1;
	-webkit-animation:h1faded 2.7s 0.3s ease-out 1;
	}
	.baloon .ring{
				animation:pulsate 2.3s ease-out 0.5s 1;
		-webkit-animation:pulsate 2.3s ease-out 0.5s 1;
	}
}
@keyframes faded{
	0%{opacity:1;}
	100%{opacity:0;}
}
@-webkit-keyframes faded{
	0%{opacity:1;}
	100%{opacity:0;}
}

@keyframes h1faded{
	0%{transform:scale(1, 1) rotate(0deg); filter:blur(0px);}
	100%{transform:scale(4, 4) rotate(180deg); filter:blur(20px);}
}
@-webkit-keyframes h1faded{
	0%{-webkit-transform:scale(1, 1) rotate(0deg); -webkit-filter:blur(0px);}
	100%{-webkit-transform:scale(4, 4) rotate(180deg); -webkit-filter:blur(20px);}
}

.neon{
	color:rgba(255,255,255,0.9);
	text-shadow: 0 1px 30px #FB1684, 0 0 12px #fff, 2px 5px 60px #990a52;
}
.neon > span{
	-webkit-animation:blinks 3s infinite alternate;
	animation:blinks 3s infinite alternate;
}
@-webkit-keyframes blinks {
	40% {opacity: .85;}
	42% {opacity: .4;}
	43% {opacity: .85;}
	45% {opacity: .4;}
	46% {opacity: .85;}
}
@keyframes blinks {
	40% {opacity: .85;}
	42% {opacity: .4;}
	43% {opacity: .85;}
	45% {opacity: .4;}
	46% {opacity: .85;}
}
.baloon{z-index:20010; 
	position:absolute;
	width:200px;
	height:200px;
	border-radius:200px;
	background:rgba(255,255,255,0.0);
}
.baloon .ring{
	background:rgba(255,255,255,0.6);
	position:absolute;
	z-index:-1;
	opacity:0;
	-moz-border-radius:200px;
	-webkit-border-radius:200px;
	border-radius: 200px;
	width:200px;
	height:200px;
	top:0px;
	left:0px;
}
@-keyframes pulsate{
	0% {transform: scale(1, 1); }
	50% {opacity: 1;}
	100% {transform: scale(8, 8); opacity: 0.0;}
}
@-webkit-keyframes pulsate{
	0% {-webkit-transform: scale(1, 1); }
	50% {opacity: 1;}
	100% {-webkit-transform: scale(8, 8); opacity: 0.0;}
}
@-moz-keyframes pulsate{
	0% {-moz-transform: scale(1, 1); }
	50% {opacity: 1;}
	100% {-moz-transform: scale(8, 8); opacity: 0.0;}
}

/*HEADER*/
header{z-index:996; position:absolute; top:0; left:0; width:100%;
	h1{position:relative; margin:24px 0 0 24px; width:100px;}
}

/*SLIDER*/
div#sliderbox{z-index:-1; margin:62px auto 0; padding:0; width:100%; height:70%; 
	-webkit-filter:blur(20px) grayscale(100%);
			filter:blur(20px) grayscale(100%);
	/*h2{font-size:150%; line-height:1.7; color:@redDD; letter-spacing:2px;
		position:absolute; z-index:1; top:40%; left:-100%;
		transform:translateY(-50%); -webkit-transform:translateY(-50%);
		-webkit-filter:blur(20px);
				filter:blur(20px);
		span{background:linear-gradient(transparent 5%, rgba(255,255,255,0.75) 5%);}
		span.small{font-size:80%;}
	}*/
	h2{position:absolute; z-index:1; top:62%; width:82%; left:-100%;
		transform:translateY(-50%); -webkit-transform:translateY(-50%);
		-webkit-filter:blur(20px);
				filter:blur(20px);
	}
	div.circle01{z-index:-2; position:absolute; bottom:6%; left:90px; border-radius:50%; width:90px; height:90px; background:@redDD; opacity:0.1;}
}
div#sliderbox.appear{
	-webkit-filter:blur(0px) grayscale(0);
			filter:blur(0px) grayscale(0);
	-webkit-transition:all 2s,-webkit-filter 2s linear 2.0s, all 2s, filter 2s linear 2.0s;
			transition:all 2s, filter 2s linear 2.0s;
	h2{/***left:20px; ***/ left:4%;
		-webkit-filter:blur(0px);
				filter:blur(0px);
		-webkit-transition:all 1.5s ease 2.5s, -webkit-filter 1.5s linear 3s, all 1.5s ease 2.5s, filter 1.5s linear 3s;
				transition:all 1.5s ease 2.5s, filter 1.5s linear 3s;
	}
	div.circle01{left:-180px; width:360px; height:360px; opacity:1;
		-webkit-transition:all 1.5s ease 2s;
				transition:all 1.5s ease 2s;
	}
}
div#slider{position:relative; width:92%; height:100%; margin:0 0 0 auto; z-index:-1;}
div.zs-slides{border-radius:176px 10px 176px 56px;}
div.zs-slide{overflow:hidden;}

/*SCROLL*/
div.verline{position:absolute; bottom:3%; margin:0 auto; .tac(); width:100%;
	>div{height:80px; width:1px; margin:0 auto;}
	span{letter-spacing:0.5px; color:@redDD; display:block; margin:0 auto 3%;}
}
.scrollLine01{z-index:4; position:relative; margin:0; width:1px; height:70px; overflow:hidden;}
.scrollLine01:after,.scrollLine01:before{content:''; position:absolute; top:0; left:0; display:block; width:1px; height:100%;}
.scrollLine01:before{z-index:10; background:@redDD;
	-webkit-animation:scroll 2.2s infinite normal;
	animation:scroll 2.2s infinite normal;
}
.scrollLine01:after{background:transparent;}

/*LAYER*/
img.para{position:absolute; top:0; left:0; width:100%; height:auto; z-index:-1!important; pointer-events:none; display:block;}
div.layer{position:relative; overflow:scroll; width:100%; max-width:100%; height:auto; z-index:1;}
.home div.layer{height:100%;}
main{margin:12% auto 9%; width:100%; max-width:100%; height:auto;  z-index:1;}

/*TTL*/
div.topttl{position:relative; width:145px; height:125px; color:@white; padding:5px; margin:0 0 6%; background:@redDD;
	background:url("../img/bg/bgs02.jpg") no-repeat top left; background-size:145px 145px;
	span.tag{font-size:154%; letter-spacing:1px; border-bottom:1px solid @white;
		em{font-weight:200;}
	}
	h2{font-size:154%; letter-spacing:0.5px; position:absolute; bottom:10px; right:10px;
		span{font-size:154%; color:#fcc;}
	}
}
div.topttl.rev{margin:0 0 6% auto;}

/*TOP*/
div.topnews{position:relative; margin:0 0 15%;
	ul{border:3px solid @redDD; width:88%; padding:6%; margin:-12% 0 0 auto; border-radius:0px 42px 0px 42px;
		li{margin:0 0 6%; line-height:1.85; color:@redDD;
			span{.nh(); border-bottom:1px solid @redDD;}
			a:link{color:@redDD; .tdn();}
			a:visited{color:@redDD; .tdn();}
			a:hover{color:@black; .tdn();}
			a:active{color:@redDD; .tdn();}
		}
		li:last-child{margin:0;}
	}
}
div.topworks{position:relative; margin:0 0 12%;
	div.topttl{margin:0 0 0 auto;}
	ul{width:100%; margin:0 0 0 auto;
		display:-webkit-flex; display:flex;
		-webkit-flex-flow:row wrap; flex-flow:row wrap; 
		-webkit-justify-content:space-between; justify-content:space-between;
		-webkit-align-items:flex-start; align-items:flex-start;
		li{width:47%; margin-bottom:6%; .tac();
			img{border-radius:50%; margin:0 0 10px;}
			span{font-size:85%; color:@grayD; display:block; margin:0 0 10px;}
			h3{.fb(); color:@redDD; font-size:124%; letter-spacing:1px; white-space:nowrap;}
			a:link{color:@redDD; .tdn();}
			a:visited{color:@redDD; .tdn();}
			a:hover{color:@redD; .tdn();}
			a:active{color:@redDD; .tdn();}
		}
		li:first-child{}
		li:nth-child(2){margin-top:12%;}
		li:nth-child(3){}
		li:last-child{margin-top:12%;}
	}
}
div.bgarea{position:relative;}
div.bgarea:before{content:''; z-index:-1; position:absolute; top:6%; left:24%; width:76%; height:112%; background:linear-gradient(180deg, #fdd, @white);}

div.topfounder{position:relative; margin:0 0 48%; padding:12% 0;
	div.yukosbg{z-index:-1; position:absolute; top:58%; background:url("../img/bg/yukos.jpg") no-repeat right top; .bgsc();
		height:300px; width:92%; border-radius:0 150px 150px 0;
	}
	article{
		section:first-child{width:72%; margin:-28% 0 3% auto;}
		div{margin:0 0 0 4%; color:@white; line-height:1.85;
			h3{font-size:154%; letter-spacing:2px; .fb(); white-space:nowrap; margin:0 0 10px;}
			p{white-space:nowrap;}
			a:link{color:@white; .tdu();}
			a:visited{color:@white; .tdu();}
			a:hover{color:@white; .tdu();}
			a:active{color:@white; .tdu();}
		}
	}
}
img.yukos{animation:fluidrotate 25s ease 1.5s infinite;}

div.topcompany{position:relative; margin:24% 0 24%; padding:0 0 12%; -webkit-transform:skew(0deg, -3deg);
	background:url("../img/bg/bg_pat.png"); background-size:200px 200px;
	article{-webkit-transform: skew(0deg, 3deg);}
	div.topttl{position:absolute; top:-12%; right:4%;}
}
div.slickbox{width:100%; overflow:hidden; margin:24% 0 6%;
	ul{
		li{padding:16px;
			img{border-radius:42px 12px 42px 12px;}
		}
		li:nth-child(even){
			img{border-radius:12px 42px 12px 42px;}
		}
	}
}

div.toprecruit{position:relative; margin:0 0 30%; padding:0 0 12%; background:url("../img/bg/recruit.jpg") @ncc; .bgsc(); -webkit-transform:skew(0deg, 3deg);
	div.container{-webkit-transform:skew(0deg, -3deg);}
	div.topttl{position:absolute; top:-12%; left:4%;}
	article{line-height:1.85; color:@redDD; text-align:center; color:@white; padding:28% 0 0;
		h3{font-size:154%; letter-spacing:2px; .fb(); white-space:nowrap; margin:0 0 10px;}
		p{margin:0 0 6%;}
	}
}
div.topcontact{position:relative; margin:0; border-top:1px solid @redDD;
	div.topttl{position:absolute; top:-36%; right:4%;}
	article{line-height:1.85; color:@redDD; text-align:right; padding:24% 0 0;
		h3{font-size:154%; letter-spacing:2px; .fb(); white-space:nowrap; margin:0 0 10px;}
		p{margin:0;}
	}
}
div.kosbg{z-index:-1; position:absolute; top:60px; left:-120px; opacity:0.15; width:~"calc(100% + 120px)"; height:160px; background:url("../img/bg/kos.png") no-repeat left top; .bgsc();}
/*TABLE*/
table{width:100%; margin:0;
	tr{width:100%; line-height:1.85; border-top:1px solid @redD; border-bottom:1px solid @redD;
		th{padding:12px; letter-spacing:1px; text-align:right; white-space:nowrap; .fb();}
		td{padding:12px;}
	}
}
/*BTN*/
div.linkbtn{width:88%; margin:0 auto; font-size:124%; letter-spacing:1px; .tac();
	a{display:block; padding:15px 0; border:2px solid @white; background:rgba(255,255,255,0.2);}
	a:link{color:@white; .tdn(); .trans();}
	a:visited{color:@white; .tdn();}
	a:hover{color:@redDD; .tdn(); background:@white;}
	a:active{color:@white; .tdn();}
}

/*FOOTER*/
footer{text-align:right; height:66px; width:96%; margin:0 0 0 auto; border-radius:66px 0 0 0; padding:26px 0 0 0; background:@redDD;
	small{color:@white; font-size:85%;}
}
/*PAGES*/
div.pagebody{background:@white; padding:6%;
	article{
		span.postdate{color:@gray;}
		h3{font-size:124%;}
		h4{font-size:116%; margin:0 0 3%;}
		div.postbody{word-wrap:break-word; line-height:1.85;
			section{margin-bottom:20px;}
			section:last-child{margin-bottom:0;}
			img{margin:0 0 20px;}
			p{margin-bottom:20px;}
			p>img{margin:0;}
			p:last-child{margin-bottom:0;}
			a:link{color:@redD; .tdu(); .trans();}
			a:visited{color:@redD; .tdu();}
			a:hover{color:@gray; .tdu}
			a:active{color:@redD; .tdu();}
		}
	}
	article:last-child{margin-bottom:0;}
	h2{font-size:189%; color:@redD; margin:9% 0;}
	ul.talentlist{
		>li{
			article{margin-bottom:12%;
				img{display:block; margin-bottom:6%;}
				h3{font-size:124%; margin-bottom:4.5%; letter-spacing:1px; .fb();}
				p{line-height:1.9; margin:0 0 6%;}
				section{
					ul{display:flex;
						-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
						-webkit-justify-content:flex-start; justify-content:flex-start;
						-webkit-align-items:center; align-items:center;
						li{width:10%; margin-right:15px;
							a{width:90%; display:block;}
						}
					}
				}
			}
		}
	}
}

/*NEWS*/
ul.newslist{padding:6% 0 0;
	li{display:block; background:@white; padding:4%; margin:0 0 4%;
		span{color:@gray; display:block; font-size:85%;}
		a{display:block;}
		a:link{color:@black; .tdn(); .trans();}
		a:visited{color:@black; .tdn();}
		a:hover{color:@redD; .tdn}
		a:active{color:@black; .tdn();}
		article{line-height:1.85;
			display:-webkit-flex; display:flex;
			-webkit-flex-flow:row nowrap;
			flex-flow:row nowrap; 
			-webkit-justify-content:flex-start;
			justify-content:flex-start;
			-webkit-align-items:flex-start;
			align-items:flex-start;
			section:first-child{width:30%; margin:0 2% 0 0;}
			section:last-child{width:68%;}
		}
	}
}

/*PAGENATION*/
div.pagenation{letter-spacing:1px; .tac(); font-size:85%;
	a{display:block;}
	a:link{color:@black; .tdn();}
	a:visited{color:@black; .tdn();}
	a:hover{color:@white; .tdn();}
	a:active{color:@black; .tdn();}
	a div{border:1px solid @black; display:block; padding:12px;}
	a div:hover{background:@black;}
	div.next{float:right;}	
	div.prev{float:left;}
}
div.backtolist{margin:4% auto 0; width:60%;}

/*MAP*/
.ggmap{position:relative; height:0; overflow:hidden; padding-top:0px; padding-bottom:75%;}
.ggmap iframe, .ggmap object, .ggmap embed{position:absolute; top:0; left:0; width:100%!important; height:100%!important;}

/*NAV TOGGLE*/
div.navcircle{z-index:999; position:fixed; top:-105px; right:-105px; border-radius:50%; width:200px; height:200px; background:#fff4f4;}
#nav-toggle{z-index:1000; position:fixed; cursor:pointer; top:20px; right:20px; height:24px;}
#nav-toggle > div{position:relative; width:34px;}
#nav-toggle span {
	width:100%;
	height:2px;
	left:0;
	border-radius:2px;
	display:block;
	background:@redDD;
	position:absolute;
	transition:top .1s linear, -webkit-transform .3s linear;
	transition:transform .1s linear, top .1s linear;
	transition:transform .1s linear, top .1s linear, -webkit-transform .3s linear;
}
#nav-toggle span:nth-child(1){top:0;}
#nav-toggle span:nth-child(2){top:10px;}
#nav-toggle span:nth-child(3){top:20px;}
#nav-toggle:hover span:nth-child(1){top:3px;}
#nav-toggle:hover span:nth-child(3){top:17px;}
.open #nav-toggle span:nth-child(1){top:13px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.open #nav-toggle span:nth-child(2){top:13px; width:0; left:50%;}
.open #nav-toggle span:nth-child(3){top:13px; -webkit-transform: rotate(-45deg); transform:rotate(-45deg);}

/*NAV UL*/
#gloval-nav{
	background:rgba(255,255,255,0.85);
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	flex-direction: column;
	justify-content: center;
	padding-left: 0;
	-webkit-transform: translateX(200%);
			transform: translateX(200%);
	transition: -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	transition: transform 1s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 1s cubic-bezier(0.215, 0.61, 0.355, 1);
	nav{z-index:998;}
}
.open #gloval-nav{
	z-index: 998;
	-webkit-transform:translateX(0);
			transform:translateX(0);
}
#gloval-nav ul{margin:0 10%;}
#gloval-nav ul li{text-align:right;
	-webkit-transform: translateX(-200px);
			transform: translateX(-200px);
	transition:-webkit-transform 1.5s ease;
	transition:transform 1.5s ease;
	transition:transform 1.5s ease, -webkit-transform 1.5s ease;
	position:relative;
	font-size: 20px; .italic();  letter-spacing:2px;
	a{padding:15px 0; .tdn(); .inline();}
	a:link{color:@redDD;}
	a:visited{color:@redDD;}
	a:hover{color:@redD;}
	a:active{color:@redDD;}
}
#gloval-nav ul li:nth-child(2){transition-delay: 0.2s;}
#gloval-nav ul li:nth-child(3){transition-delay: 0.4s;}
#gloval-nav ul li:nth-child(4){transition-delay: 0.6s;}
#gloval-nav ul li:nth-child(5){transition-delay: 0.8s;}
#gloval-nav ul li:nth-child(6){transition-delay: 1.0s;}
#gloval-nav ul li:nth-child(7){transition-delay: 1.2s;}
.open #gloval-nav li {
	-webkit-transform:translateX(0);
			transform:translateX(0);
}

/****************************************************/
/************************ PC ************************/
/****************************************************/
@media(min-width:768px){
html,body{min-width:1080px;}
body.page{height:auto;}
.sp{display:none!important;}
.leftbox{padding-right:20px;}
.rightbox{padding-left:20px;}

/*FIRSTVIEW*/
div#firstview{height:100vh;
	h1{width:180px; max-width:180px;}
	section{bottom:42%; font-size:154%;}
}
/*HEADER*/
header{position:fixed;
	h1{width:160px; margin:42px 0 0 42px;}
}

/*SLIDER*/
div#sliderbox{margin:42px auto 0; height:~"calc(100vh - 84px)";
	h2{top:72%; width:54%;}
	div.circle01{left:160px; bottom:-42px; width:160px; height:160px;}
}
div#sliderbox.appear{
	h2{top:82%; left:3%;}
	div.circle01{left:-160px; width:490px; height:490px;}
}
div#slider{width:82%; margin:0 3% 0 auto;}
div.zs-slides{border-radius:200px 12px 200px 64px;}
/*SCROLL*/
div.verline{bottom:5px; right:5px; width:auto;
	span{font-size:93%; margin:0 auto 24px;  transform:rotate(90deg);}
}
.scrollLine01{height:66px;}

/*LAYER*/
main{margin:6% auto;}


/*TTL*/
div.topttl{width:300px; height:220px; padding:10px;
	background:url("../img/bg/bgs02.jpg") no-repeat top left; background-size:300px 300px;
	span.tag{font-size:280%; letter-spacing:2px;}
	h2{font-size:300%; letter-spacing:3px; bottom:20px; right:20px;}
}
div.topttl.rev{
	background:url("../img/bg/bgs02.jpg") no-repeat top left; background-size:300px 300px;
}

/*TOP*/
div.topnews{margin:0 0 9%;
	ul{border:4px solid @redDD; width:84%; padding:9% 12% 6%; border-radius:0px 60px 0px 60px;
		li{font-size:124%; margin:0 0 3%;}
	}
}
div.topworks{margin:0 0 12%;
	div.topttl{margin:0 0 0 auto;}
	ul{width:100%; margin:0;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		li{width:23%; margin-bottom:0;
			img{margin:0 0 15px;}
			span{font-size:100%; margin:0 0 15px;}
			h3{font-size:154%;}
		}
		li:first-child{}
		li:nth-child(2){margin-top:12%;}
		li:nth-child(3){}
		li:last-child{margin-top:12%;}
	}
}
div.bgarea:before{top:15%; left:auto; right:6%; width:94%; height:100%; background:linear-gradient(180deg, #fee, @white);}

div.topfounder{margin:0 0 6%; padding:12% 0;
	div.yukosbg{top:50%; background:url("../img/bg/yukos.jpg") no-repeat right center; .bgsc();
		height:400px; width:100%; border-radius:0;
	}
	article{max-width:1000px; margin:0 auto;
		section:first-child{width:50%; margin:-50% 0 0 40%;}
		div{margin:0;
			h3{font-size:250%; letter-spacing:3px; margin:0 0 20px;}
			p{font-size:124%;}
		}
	}
}

div.topcompany{margin:18% 0; padding:0 0 6%; -webkit-transform:skew(0deg, -2deg);
	div.topttl{right:14%;}
	article{-webkit-transform:skew(0deg, 2deg);}
}
div.slickbox{margin:12% 0 3%;
	ul{
		li{padding:16px;
			img{border-radius:46px 14px 46px 14px;}
		}
		li:nth-child(even){
			img{border-radius:14px 46px 14px 46px;}
		}
	}
}
div.toprecruit{margin:0 0 18%; padding:0 0 6%; -webkit-transform:skew(0deg, 2deg);
	div.container{-webkit-transform:skew(0deg, -2deg);}
	article{color:@white; padding:15% 0 0;
		h3{font-size:280%; letter-spacing:6px; margin:0 0 20px;}
		p{font-size:124%; margin:0 0 6%;}
	}
}
div.topcontact{margin:0; border-top:3px solid @redDD;
	div.topttl{top:-40%; right:14%;}
	article{.tac(); padding:12% 0 3%;
		h3{font-size:280%; letter-spacing:6px; margin:0 0 20px;}
		p{font-size:124%;}
	}
}
div.kosbg{top:60px; left:-200px; opacity:0.1; width:~"calc(100% + 200px)"; height:320px;}

/*TABLE*/
table{width:60%; margin:0 auto; font-size:124%;
	tr{
		th{padding:18px;}
		td{padding:18px;}
	}
}

div.linkbtn{width:60%; font-size:182%;
	a{padding:20px 0; border:3px solid @white;}
}

/*PAGES*/
div.pagebody{
	article{
		span.postdate{}
		h3{font-size:154%;}
		div.postbody{
			section{margin-bottom:50px;}
			p{margin-bottom:20px;}
			h4{font-size:139%; margin-bottom:15px;}
			img{margin:0 0 20px;}
			p>img{margin:0;}
			.size-thumbnail{width:320px; height:auto;}
			.size-medium{width:320px; height:auto;}
			.size-large{width:640px; height:auto;}
			.aligncenter{clear:both; display:block; overflow:hidden; margin: 0 auto 20px;}
			.alignleft{float:left; margin:0 20px 20px 0; .inline();}
			.alignright{float:right; margin:0 0 20px 20px; .inline();}
			img.alignleft + br{display:none;}
			img.alignright + br{display:none;}
			p:last-child{margin-bottom:0;}
		}
	}
}

div.pagebody{width:1180px; margin:0 auto; padding:60px;
	h2{font-size:300%; margin:0 0 90px;}
	ul.talentlist{display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:center; justify-content:center;
		-webkit-align-items:flex-start; align-items:flex-start;
		>li{width:32%; margin:0 5%;
			article{margin-bottom:0;
				img{margin-bottom:30px;}
				h3{margin-bottom:20px;}
			}
		}
	}
}


/*NEWS*/
ul.newslist{display:-webkit-flex; display:flex;
			-webkit-flex-flow:row wrap;
			flex-flow:row wrap; 
			-webkit-justify-content:flex-start;
			justify-content:flex-start;
			-webkit-align-items:flex-start;
			align-items:flex-start;
	li{width:48%; padding:2%; margin:0 4% 4% 0;
		article{
			section:first-child{width:30%; margin:0 4% 0 0;}
			section:last-child{width:66%;}
		}
	}
	li:nth-child(2n){margin:0 0 4% 0;}
}

/*PAGENATION*/
div.pagenation{
	a div{padding:15px; margin:0;}
}
div.backtolist{margin:4% auto 0; width:60%;
	a div{padding:15px;}
}

/*NAV TOGGLE*/
div.navcircle{top:-130px; right:-120px; width:240px; height:240px;}
#nav-toggle{height:32px; top:26px; right:26px;}
#nav-toggle > div{width:42px;}
#nav-toggle span:nth-child(2){top:14px;}
#nav-toggle span:nth-child(3){top:28px;}
#nav-toggle:hover span:nth-child(1){top:4px;}
#nav-toggle:hover span:nth-child(3){top:24px;}
.open #nav-toggle span:nth-child(1){top:15px;}
.open #nav-toggle span:nth-child(2){top:15px;}
.open #nav-toggle span:nth-child(3){top:15px;}
/*NAV UL*/
#gloval-nav ul{margin:0 12%;}
#gloval-nav ul li{font-size:28px; letter-spacing:4px;
	a{padding:18px 0;}
}
/*NAV BG*/
.nav-bg{z-index:997; position:fixed; left:0; right:0; top:0; bottom:0; opacity:0; transition:all 0.7s ease;}
.nav-bg.active{opacity:1; .trans();}
}
/************************ SP ************************/
@media (max-width:767px){
	.pc{display:none!important;}
	.spmb{margin-bottom:6%;}
	div.zs-slide{background-position:17% 50%!important;}
}
/************************ SCROLL ************************/
@-webkit-keyframes scroll{
	  0%{-webkit-transform:translate3d(0, -100%, 0);}
	 15%{-webkit-transform:translate3d(0, -98%, 0);}
	 85%{-webkit-transform:translate3d(0, 98%, 0);}
	100%{-webkit-transform:translate3d(0, 100%, 0);}
}
@keyframes scroll{
  0%{
    -webkit-transform:translate3d(0, -100%, 0);
            transform:translate3d(0, -100%, 0);
  }
  15%{
    -webkit-transform:translate3d(0, -98%, 0);
            transform:translate3d(0, -98%, 0);
  }
  85%{
    -webkit-transform:translate3d(0, 98%, 0);
            transform:translate3d(0, 98%, 0);
  }
  100%{
    -webkit-transform:translate3d(0, 100%, 0);
            transform:translate3d(0, 100%, 0);
  }
}
	
@keyframes fluidrotate {  
	0%,100% {
		border-radius: 63% 37% 54% 46% / 55% 48% 52% 45%;
	}
	14% {
		border-radius: 40% 60% 54% 46% / 49% 60% 40% 51%;
	}
	28% {
		border-radius: 54% 46% 38% 62% / 49% 70% 30% 51%;
	}
	42% {
		border-radius: 61% 39% 55% 45% / 61% 38% 62% 39%;
	}
	56% {
		border-radius: 61% 39% 67% 33% / 70% 50% 50% 30%;
	}
	70% {
		border-radius: 50% 50% 34% 66% / 56% 68% 32% 44%;
	}
	84% {
		border-radius: 46% 54% 50% 50% / 35% 61% 39% 65%;
	}
}
/*-----------------------------------------------------
 6px = 46.1%    7px = 53.8%    8px = 61.5%    9px = 69.2%
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/