@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, 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;}textarea{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding: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:100%; max-width:1120px; margin:0 auto; padding:0 6%;}
/*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:835px){
	.container{padding:0 60px;}
}

// COLOR
@black:#222;
@white:#FFF;
@gray:#999;
@grayD:#555;
@grayL:#e5e5e5;
@grayLL:#F5F5F5;
@red:#C1090B;
@gold:#b18147;
@goldL:#e4ce9d;
@goldD:#74552f;

// LESS
@ncc:no-repeat center center;
// MIXIN
.trans{-webkit-transition:0.3s; transition:0.3s;}
.notrans{-webkit-transition:0s; transition:0s;}
.fb{font-weight:700;}
.tac{text-align:center;}
.tar{text-align:right;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{background-size:cover;}
.inline{display:inline-block;}
/*BASE*/
html,body{height:100%; width:100%; margin:0;}
body{color:@black; line-height:1; -webkit-text-size-adjust:100%; font-weight:400; font-size:13px; font-style:normal; font-feature-settings:"palt"; background:@white; font-smoothing:antialiased; -webkit-font-smoothing:antialiased;
font-family:'Zen Maru Gothic',"dnp-shuei-mincho-pr6n","Helvetica Neue",Helvetica,"Droid Sans",Arial,Avenir,Verdana,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Sans","ヒラギノ角ゴシック","Meiryo UI","メイリオ",Meiryo,sans-serif;}
img{max-width:100%; height:auto; vertical-align:middle;}
/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}
/*LETTER*/
strong{.fb();}
.wf{font-family:"tenez"; font-weight:700;}
.wf{font-family:"Montserrat"; font-weight:600;}
.arrow{font-family:-apple-system,"system-ui","Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;}
.attention{color:@red;}
.fontgray{color:@gray;}
.fontsmall{font-size:85%!important;}
.fontlarge{font-size:124%!important;}
.italic{font-style:italic;}
::selection{background:@gold; color:@white;}
::-moz-selection{background:@gold; color:@white;}
/*LINK*/
a:link{color:@black; .tdu(); .trans();}
a:visited{color:@black; .tdu();}
a:hover{color:@gold; .tdu();}
a:active{color:@black; .tdn();}
a img{border:none; .tdn(); .trans();}
a img:hover{opacity:0.7; .tdn();}

/*LOADING
body.home{overflow:hidden;}*/
div#splash{position:fixed; z-index:20000; top:0; left:0; width:100%; height:100%; background:@white; pointer-events:none;
	div.loading{width:100%; position:absolute; top:50%; transform:translateY(-50%);}
	div.logo{width:180px; margin:0 auto; opacity:0;}
}
div#splash.starts{animation:blackOut 0.8s linear 1.6s forwards;
	div.logo{animation:Rin 1.4s linear 0.2s forwards;}
}

/*SP NAV*/
button.spmenu{z-index:9991; position:fixed; top:20px; right:6%; height:22px; width:34px; background:none;
	border:none; cursor:pointer; outline:none; padding:0; appearance:none;
	span{z-index:9992; position:absolute; left:0; width:34px; height:2px; background-color:@black; .inline(); .trans(); border-radius:2px;}
	span:nth-of-type(1){top:0px;}
	span:nth-of-type(2){top:10px;}
	span:nth-of-type(3){bottom:0px;}
}

button.spmenu.active{position:fixed;
	span{background-color:@white;}
	span:nth-of-type(1){-webkit-transform:translateY(10px) rotate(45deg); transform:translateY(10px) rotate(45deg);}
	span:nth-of-type(2){opacity:0;}
	span:nth-of-type(3){-webkit-transform:translateY(-10px) rotate(-45deg); transform:translateY(-10px) rotate(-45deg);}
}
div#spnav{z-index:9990; position:fixed; top:0; right:0; width:100%; height:100%; opacity:0; background:rgba(255,255,255,0.5); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px); .trans();
	overflow-y:auto; -webkit-overflow-scrolling:touch; visibility:hidden;
	h1{width:214px; margin:0 auto 54px;}
	nav{padding:120px 6% 0; background:rgba(0,0,0,0.75); width:60%; height:100%; position:absolute; right:0; top:0;
		ul.mainnav{font-size:22px; text-align:right;
			li{margin:0 0 32px;
				a{display:block;}
				a:link{color:@white; .tdn();}
				a:visited{color:@white; .tdn();}
				a:hover{color:@gold; .tdn();}
				a:active{color:@white; .tdn();}
			}
		}
	}
}
div#spnav.active{top:0; right:0; opacity:1; -moz-transform:translateX(0); -webkit-transform:translateX(0); transform:translateX(0); visibility:visible;}

/*HEADER*/
header{position:relative; width:100%; padding:20px 6%; margin:0; z-index:2;
	section{
		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;
	}
	h1.logo{width:120px; margin:0 10px 0 0;}
	h1.txt{font-size:11px;}
}

/*TOP KV*/
div.topteaser{position:relative; width:100%; margin:0;
	div.topslider{position:relative; z-index:1;}
	h1{position:absolute; z-index:2; left:0; top:20px; width:100%;
		img{display:block; width:140px; margin:0 auto;}
	}
	h2{position:absolute; z-index:3; left:0; top:120px; width:100%; .tac(); color:@white; line-height:1.5; .fb(); font-size:15px; letter-spacing:1px; text-shadow:1px 3px 16px rgba(0,0,0,0.3);}
	div.entrybn{
		a{display:block;}
	}
}

/*LAYOUT*/
main{z-index:1; position:relative; clear:both; display:block; padding:0;}

/*TOP*/
h2.topttl{font-size:36px; margin:0 auto 9%; .tac();
	em{border-bottom:1px solid @black;}
}
div.topintro{background:url("../img/bg/staff.jpg") @ncc; .bgsc();
	article{padding:18% 0 24%;
		section{position:relative; background:url("../img/bg/note.jpg") @ncc; .bgsc(); padding:0 6% 9%;  border-radius:8px;
			h2{position:relative; background:@black; padding:20px 0; color:@white; .tac(); .fb(); font-size:17px; letter-spacing:1px; margin:0 auto; top:-30px;
				strong{font-size:21px;}
			}
			h3{font-size:18px; margin:-12px auto 9%; line-height:1.5; letter-spacing:3px; .tac(); .fb();
				strong{background-image:linear-gradient(transparent 60%, @goldL 0%);
					em{font-size:26px;}
				}
			}
			ul{
				li{margin:0 0 20px; padding:0 0 20px; border-bottom:1px dashed @gray;
					display:flex;
					-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
					-webkit-justify-content:space-between; justify-content:space-between;
					-webkit-align-items:center; align-items:center;
					img{width:24px;}
					div{width:calc(~'94% - 24px');
						h4{font-size:18px; margin:0 0 12px; letter-spacing:2px; color:@goldD; .fb();
							strong{background-image:linear-gradient(transparent 60%, @grayL 0%);}
						}
						p{font-size:13px;}
					}
				}
				li:last-child{margin:0; padding:0; border-bottom:none;}
			}
		}
	}
}

section#a02{position:relative; z-index:3; transform:skew(0deg,6deg); overflow:hidden; background:@white; margin:-9% 0;}
article.topmenu{position:relative; transform:skew(0deg,-6deg); padding:12% 0 12%;
	img.st{width:60px; position:absolute; top:0; left:4.5%; opacity:0.6;}
	section{margin:0 0 9%;
		h3{line-height:1.8; .tac(); font-size:12px;}
	}
	ul{
		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{position:relative; width:47%; margin:0 0 6%; padding:4.5%; background:url("../img/bg/mbg.jpg") repeat top center; .bgsc(); border-radius:36px 4px 26px 4px;
			h4{font-size:18px; margin:0 0 4.5%; .tac();}
			img{display:block; margin:0 0 4.5%;}
			a{display:block; .tac(); font-size:9px;}
		}
		li:nth-child(even){margin:9% 0 6%;}
	}
}

section#a03{position:relative; z-index:2; overflow:hidden;
	article{position:relative; width:100%; overflow:hidden;
		section{position:absolute; z-index:1; width:100%; height:100%;
			h2{position:absolute; font-size:280%; color:@white; opacity:0;
				text-shadow:1px 3px 16px rgba(0,0,0,0.3);
			}
			h2.animst{animation:blurs 0.5s linear 1.0s forwards;}
			h3{position:absolute; line-height:1.8; color:@black; .fb(); padding:20px; letter-spacing:1px; width:fit-content;
				span{z-index:4; position:relative; opacity:0; width:0;}
			}
			h3::before{z-index:2; content:""; position:absolute; top:0; left:0; width:0; height:100%; background:url("../img/bg/sbg.jpg") @ncc; .bgsc(); opacity:0;}
			h3.animst{
				span{animation:blurIn 0.5s linear 1.7s forwards;}
			}
			h3.animst::before{animation:Xin 0.3s ease-out 1.5s forwards;}
		}
		img{position:relative; width:100%; z-index:-1; opacity:0;}
		img.animst{animation:blurIn 1.0s linear 0.6s forwards;}
	}
	article.topabout01{
		section{
			h2{left:60px; top:60px; transform:rotate(90deg); transform-origin:top left;}
			h3{right:6%; top:18%; text-align:right;}
		}
		img{width:120%; max-width:120%;}
	}
	article.topabout02{z-index:3; transform:skew(0deg,-6deg); margin:-7.5% 0;
		div.bg{
			section{transform:skew(0deg,6deg);
				h2{right:45px; bottom:15%; transform:rotate(90deg); transform-origin:bottom right;}
				h3{left:4.5%; bottom:12%; text-align:right;}
			}
		}
	}
	article.topabout03{
		section{position:absolute; z-index:1;
			h2{left:6%; bottom:15%;}
			h3{right:6%; top:18%; text-align:right;}
		}
		img{width:120%; max-width:120%;}
	}
}

section#a04{position:relative; z-index:3; transform:skew(0deg,6deg); overflow:hidden; background:url("../img/bg/staff.jpg") @ncc; .bgsc(); margin:-9% 0;}
article.topstaff{transform:skew(0deg,-6deg);
	img.st{width:60px; position:absolute; top:0; left:4.5%; opacity:0.6;}
	div.bg{padding:60px 0 60px;}
	ul{overflow:visible;
		li{margin:0 15px 0; .tac();
			a{display:block;}
			a:link{color:@black; .tdn();}
			a:visited{color:@black; .tdn();}
			a:hover{color:@black; .tdn();}
			a:active{color:@black; .tdn();}
			img{display:block; margin:0 0 15px;}
			p{width:fit-content; letter-spacing:1px; border-bottom:1px solid @black; margin:0 auto 15px; padding:15px;}
			h3{font-size:20px; letter-spacing:2px;}
		}
	}
}
.slick-prev,.slick-next{
	z-index:100;
	font-size:0;
	line-height:0;
	padding:0;
	width:24px;
	height:24px;
	position:absolute;
	display:block;
	cursor:pointer;
	color:transparent;
	border:none;
	outline:none;
	background:transparent;
}
.slick-prev{top:calc(~'0% - 36px'); right:60px; .trans(); }
.slick-next{top:calc(~'0% - 36px'); right:15px; .trans();}
.slick-prev::before,.slick-next::before{position:relative; display:block; height:24px; width:24px; opacity:1; .trans();}
.slick-prev::before{content:'←'; color:@black; font-size:24px; line-height:24px; .arrow();}
.slick-next::before{content:'→'; color:@black; font-size:24px; line-height:24px; .arrow();}
.slick-prev:hover::before{opacity:0.5;}
.slick-next:hover::before{opacity:0.5;}

section#a05{position:relative; z-index:2;}
article.topaccess{position:relative; z-index:2; background:url("../img/bg/access.jpg") no-repeat bottom center; .bgsc();
	div.bg{background:rgba(255,255,255,0.6); padding:120px 0 180px;}
	div.morebtn{margin:0 auto 9%;}
}
section#a06{position:relative; z-index:3; transform:skew(0deg,-6deg); overflow:hidden; background:@white; margin:-9% 0;}
article.toprecruit{transform:skew(0deg,6deg);
	img.st{width:60px; position:absolute; top:0; right:4.5%; opacity:0.6;}
	div.bg{padding:90px 0 120px;}
	p{line-height:2.2; font-size:11px; margin:0 auto 9%; .tac();}
}

/*TICKER*/
div.rows{margin:0;
	display:-ms-grid;
	-ms-grid-columns:min-content;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
}
div.autoplay-slider{
	display:flex;
	min-width:100%;
	width:min-content;
	overflow:hidden;
	will-change:transform,animation;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transform:translate3d(0,0,0);
}
div.slide{
	position: relative;
	width:250px;
	height:auto;
	padding:0 12px;
	will-change:transform,animation;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	transform:translate3d(0,0,0);
	img{border-radius:4px 30px 4px 30px;}
}
div.slide:nth-child(even){
	img{border-radius:30px 4px 30px 4px;}
}
div.start{
	animation:sliderAnimation 48s linear infinite;
}

/*COMMON BTN*/
div.morebtn{width:88%; margin:0 auto; .tac(); .fb();
	a{display:block; padding:18px 0; font-size:16px; letter-spacing:1px; border:1px solid @black; background:rgba(255,255,255,0.6); backdrop-filter:blur(5px); -webkit-backdrop-filter:blur(5px);}
	a.wf{font-size:18px; letter-spacing:0;}
	a:link{color:@black; .tdn();}
	a:visited{color:@black; .tdn();}
	a:hover{color:@white; .tdn(); background:@black;}
	a:active{color:@black; .tdn();}
}

/*PAGE*/
div.pagettl{padding:120px 0 120px; margin:0 0 9%;
	h2.topttl{margin:0 auto; padding:15px 0; background:rgba(255,255,255,0.7); backdrop-filter:blur(3px); -webkit-backdrop-filter:blur(3px);
		em{border-bottom:none;}
	}
}
.page-access div.pagettl{background:url("../img/bg/access.jpg") @ncc; .bgsc();}
.page-recruit div.pagettl{background:url("../img/bg/recruit.jpg") @ncc; .bgsc();}
.category-menu div.pagettl{background:url("../img/bg/menu.jpg") @ncc; .bgsc();}
.single div.pagettl{background:url("../img/bg/staff.jpg") @ncc; .bgsc();}

div.pagebody{
	article{margin:0 0 90px;
		div.postbody{
			h3{font-size:22px; letter-spacing:3px; .fb(); margin:0 auto 30px; line-height:1.6; background:url("../img/bg/footbg.jpg") repeat left top; background-size:320px 320px; border-radius:24px 4px 36px 4px;
				em{width:100%; padding:12px 20px 12px 20px; display:block; background:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.7)); border-radius:24px 4px 36px 4px;
					img{width:15px; vertical-align:middle; .inline(); margin:0 10px 0 0;}
				}
				em.wf{font-size:116%; letter-spacing:1px;}
			}
			h4{font-size:18px; line-height:1.6; letter-spacing:1px; margin-bottom:30px; padding:10px 15px; border-radius:4px; background:url("../img/bg/sbg.jpg") @ncc; .bgsc(); .fb();}
			h5{font-size:16px; line-height:1.7; margin-bottom:30px; color:@red; .fb();}
			p{line-height:2; margin:0 0 6%;
				a{.fb();}
				a:link{color:@gold;}
				a:visited{color:@gold;}
				a:hover{color:@black;}
				a:active{color:@gold;}
			}
			p:last-child{margin:0;}
			img{margin:0 0 30px;}
			div.bgbox{background:@grayLL; padding:15px; margin:0 0 30px;}
			div.graybox{margin:0 0 30px; border:2px solid @gray; padding:15px; background:url("../img/bg/note.jpg") @ncc; .bgsc();
				strong{font-size:108%; background-image:linear-gradient(transparent 60%, @goldL 0%);}
			}
			table{width:100%; line-height:1.8; border-bottom:1px dashed @gray;
				tr{width:100%; border-top:1px dashed @gray;
					th{padding:12px 0 0; width:100%; display:block; text-align:left; .fb();}
					td{padding:12px 0; width:100%; display:block;}
				}
			}
		}
	}
	article.newssingle{position:relative;
		div.postbody{margin:0 0 30px; word-wrap:break-word; line-height:1.9;
			img.width50{max-width:50%; height:auto;}
			p{font-size:14px; margin-bottom:6%;}
			p > img{margin-bottom:0;}
			p:last-child{margin-bottom:0;}
		}
	}
}

/*FOOTER*/
footer{position:relative; background:url("../img/bg/footbg.jpg") repeat left top; background-size:320px 320px; padding:0 0 52px;
	div.footbg{background:linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.8));}
	section.footbox{padding:9% 0 9%;
		h1{width:180px; margin:0 auto 9%;}
		ul.sns{margin:0 auto 9%;
			display:flex;
			-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
			-webkit-justify-content:center; justify-content:center;
			-webkit-align-items:center; align-items:center;
			li{width:42px; margin:0 12px;}
		}
		ul.footnav{font-size:18px; .tac();
			li{margin:0 0 18px;
				a{.tdn();}
			}
		}
	}
	small{font-size:12px; display:block; margin:0 0 6%; .tac();}
}
.home{
	footer{
		section.footbox{padding:27% 0 9%;}
	}
}

div.spsns{z-index:100; width:100%; position:fixed; bottom:0; left:0;
	ul.snsbn{width:100%; margin:0;
		display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:space-between; justify-content:space-between;
		-webkit-align-items:flex-start; align-items:flex-start;
		li:last-child{
			a{background:#06C755;}
		}
		li{width:50%;
			a{background:#E1306C; padding:10px 15px;
				display:flex;
				-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
				-webkit-justify-content:center; justify-content:center;
				-webkit-align-items:center; align-items:center;
				img{width:32px;}
				p{font-size:10px; margin:0 0 0 15px; line-height:1.5; .fb();}
			}
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@white; .tdn(); background:@black;}
			a:active{color:@white; .tdn();}
		}
	}
}
/****************************************************/
/************************ PC ************************/
/****************************************************/
@media(min-width:835px){
html,body{font-size:16px;}
.sp{display:none!important;}

/*LOADING*/
div#splash{
	div.logo{width:240px;}
}

/*NAV*/
nav.nav-global{position:fixed; top:35%; right:30px; z-index:100;
	ul{
		li{margin:0 0 20px; text-align:right; vertical-align:middle; font-size:18px;
			span{height:10px; width:10px; background:@black; border-radius:50%; .inline(); .trans(); vertical-align:middle;}
			strong{opacity:0; visibility:hidden; .inline(); .trans(); vertical-align:middle; margin:0 15px 0 0; color:@black;}
			/***a.currents{
				span{background:@gold;}
			} ***/
		}
		li:hover{
			span{background:@gold;}
			strong{opacity:1; visibility:visible;}
		}
	}
}

/*HEADER*/
header{padding:0; height:104px;
	section{
		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;
	}
	h1.logo{width:190px; margin:34px 25px 0 32px;}
	h1.txt{font-size:16px; letter-spacing:1px; margin:42px 0 0;}
	ul.snsbn{width:180px; margin:0 0 0 auto; position:fixed; top:0; right:0;
		li:last-child{
			a{background:#06C755;}
		}
		li{
			a{background:#E1306C; padding:10px 15px;
				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;
				img{width:32px;}
				p{font-size:10px; margin:0 0 0 15px; line-height:1.5; .fb();}
			}
			a:link{color:@white; .tdn();}
			a:visited{color:@white; .tdn();}
			a:hover{color:@white; .tdn(); background:@black;}
			a:active{color:@white; .tdn();}
		}
	}
}
.home{
	header{position:absolute; z-index:100; top:0; left:0;}
}

/*TOP KV*/
div.topteaser{
	h1{top:60px;
		img{width:280px; margin:0 auto;}
	}
	h2{top:250px; line-height:1.8; font-size:26px; letter-spacing:3px;}
	div.entrybn{z-index:4; position:absolute; width:600px; left:32px; bottom:7.5%;
		a{display:block;}
	}
}

/*LAYOUT*/
main{}

/*TOP*/
h2.topttl{font-size:48px; margin:0 auto 60px;}
div.topintro{
	article{padding:150px 0 240px;
		section{background:url("../img/bg/note.jpg") repeat center center; background-size:500px auto; padding:0 60px 60px;
			h2{padding:30px 0; font-size:26px; letter-spacing:3px; margin:0 auto; top:-45px;
				strong{font-size:32px;}
			}
			h3{font-size:28px; margin:-10px auto 60px; line-height:1.8; letter-spacing:4px;
				strong{
					em{font-size:36px;}
				}
			}
			ul{width:60%; margin:0 auto;
				li{margin:0 0 30px; padding:0 0 30px; border-bottom:1px dashed @grayD;
					img{width:36px;}
					div{width:calc(~'94% - 36px');
						h4{font-size:28px; margin:0 0 18px; letter-spacing:7px;}
						p{font-size:18px; letter-spacing:2px; .fb();}
					}
				}
			}
		}
	}
}

section#a02{transform:skew(0deg,4deg); margin:-90px 0;}
article.topmenu{transform:skew(0deg,-4deg); padding:90px 0;
	img.st{width:120px; top:3%; left:6%;}
	section{margin:0 0 90px;
		h3{font-size:18px; letter-spacing:1px; line-height:2;}
	}
	ul{
		li{margin:0 0 5%; padding:30px 60px 36px; background:url("../img/bg/mbg.jpg") repeat top center; background-size:500px auto; border-radius:62px 8px 38px 8px;
			h4{font-size:30px; margin:0 0 30px;}
			img{margin:0 0 30px;}
			a{font-size:18px;}
		}
		li:nth-child(even){margin:8% 0 5%;}
	}
}

section#a03{
	article{
		section{
			h2{font-size:92px;}
			h3{font-size:22px; padding:30px 45px; letter-spacing:3px;}
		}
	}
	article.topabout01{
		section{
			h2{left:120px; top:90px;}
			h3{right:120px; top:220px;}
		}
		img{width:100%; max-width:100%;}
	}
	article.topabout02{margin:-90px 0 -150px; transform:skew(0deg,-5deg);
		div.bg{
			section{transform:skew(0deg,5deg);
				h2{right:auto; bottom:auto; top:60px; left:92%; transform-origin:top left;}
				h3{left:4.5%; bottom:12%;}
			}
		}
	}
	article.topabout03{
		section{
			h2{left:90px; bottom:240px;}
			h3{right:100px; top:240px;}
		}
		img{width:100%; max-width:100%;}
	}
}

section#a04{transform:skew(0deg,4deg); margin:-120px 0;}
article.topstaff{transform:skew(0deg,-4deg);
	img.st{width:120px; top:3%;}
	div.bg{padding:120px 0;}
	ul{
		li{
			img{margin:0 0 20px;}
			p{margin:0 auto 20px; padding:20px;}
			h3{font-size:24px; letter-spacing:2px;}
		}
	}
}
.slick-prev{top:calc(~'0% - 50px'); right:50.5%; .trans(); }
.slick-next{top:calc(~'0% - 50px'); right:47%; .trans();}

section#a05{}
article.topaccess{
	div.bg{background:rgba(255,255,255,0.5); padding:240px 0 240px;}
	div.morebtn{margin:0 auto 90px;}
}
section#a06{transform:skew(0deg,-3deg); margin:-90px 0 -60px;}
article.toprecruit{transform:skew(0deg,3deg);
	img.st{width:120px; top:0; right:120px;}
	div.bg{padding:120px 0 120px;}
	p{ letter-spacing:1px; font-size:18px; margin:0 auto 90px;}
}

/*TICKER*/
div.slide{
	width:320px;
	padding:0 15px;
}

/*COMMON BTN*/
div.morebtn{width:50%;
	a{padding:24px 0; font-size:18px;}
	a.wf{font-size:23px;}
}

/*PAGE*/
div.pagettl{padding:150px 0 150px; margin:0 0 90px;
	h2.topttl{margin:0 auto; padding:20px 40px; width:fit-content;}
}
div.pagebody{
	article{margin:0 auto 120px;
		div.postbody{padding:0 60px;
			img.mimg{display:block; width:60%; margin:0 auto 30px; box-shadow:2px 6px 18px rgba(0,0,0,0.3);}
			h3{font-size:26px; letter-spacing:4px; margin:0 auto 45px;
				em{padding:15px 30px 15px 30px;
					img{width:18px; margin:0 13px 0 0;}
				}
			}
			h4{font-size:22px; letter-spacing:2px; padding:15px 22px; background:url("../img/bg/sbg.jpg") repeat top left; background-size:500px auto;}
			h5{font-size:19px; letter-spacing:1px;}
			p{margin:0 0 30px; letter-spacing:1px;}
			div.bgbox{padding:30px; margin:0 0 30px;}
				div.graybox{margin:0 0 30px; border:2px solid @gray; padding:15px; background:url("../img/bg/note.jpg") repeat top left; background-size:500px auto;
			}
			table{margin:0 0 30px; 
				tr{
					th{vertical-align:middle; padding:18px 30px; width:auto; display:table-cell; background:none; white-space:nowrap; text-align:right; letter-spacing:3px;}
					td{vertical-align:middle; padding:18px 30px; width:auto; display:table-cell; letter-spacing:1px;}
				}
			}
		}
	}
	article.newssingle{
		div.postbody{margin:0 0 60px;
			img.alignleft + br{display:none;}
			img.alignright + br{display:none;}
			.size-thumbnail{width:320px; height:auto;}
			.size-medium{width:320px; height:auto;}
			.size-large{width:600px; height:auto;}
			.aligncenter{clear:both; display:block; overflow:hidden; margin: 0 auto 30px;}
			.alignleft{float:left; margin:0 30px 30px 0; .inline();}
			.alignright{float:right; margin:0 0 30px 30px; .inline();}
			p{font-size:16px; margin-bottom:30px;}
		}
	}
}

/*FOOTER*/
footer{
	section.footbox{padding:60px 0 60px;
		display:flex;
		-webkit-flex-flow:row nowrap; flex-flow:row nowrap; 
		-webkit-justify-content:flex-start; justify-content:flex-start;
		-webkit-align-items:flex-end; align-items:flex-end;
		h1{margin:0;}
		ul.sns{margin:0 0 7px auto;
			-webkit-align-items:flex-end; align-items:flex-end;
			li{width:36px; margin:0 12px;}
		}
		ul.footnav{margin:0 0 15px 0; text-align:right; font-size:18px;
			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{margin:0 0 0 15px;}
		}
	}
	small{font-size:14px; margin:0 0 30px;}
}
.home{
	footer{
		section.footbox{padding:150px 0 60px;}
	}
}
}
/************************ SP ************************/
@media (max-width:834px){
	.pc{display:none;}
	.spmb{margin-bottom:6%;}
}
/************************ MAP ************************/
.ggmap{position:relative; height:0; overflow:hidden; padding-bottom:50%;}
.ggmap iframe, .ggmap object, .ggmap embed{position:absolute; top:0; left:0; width:100% !important; height:100% !important;}
/************************ VIDEO ************************/
div.video_box{position:relative; overflow:hidden; padding-bottom:56.25%; height:0;}
div.video_box iframe,div.video_box object,div.video_box embed{position:absolute; top:0; left:0; width:100%; height:100%}
/************************ ANIM ************************/
@keyframes blackOut{
	  0%{opacity:1; top:0; filter:blur(0px);}
	100%{opacity:0.9; top:-150%; filter:blur(40px);}
}
@keyframes Rin{
	  0%{opacity:0; margin-top:70px;}
	 30%{opacity:1; margin-top:0;}
	 40%{opacity:1; transform:rotate3d(0,0,0,360deg);}
	 80%{opacity:1; transform:rotate3d(0,1,0,360deg);}
	100%{opacity:0; transform:rotate3d(0,1,0,360deg);}
}
@keyframes Xin{
	  0%{opacity:0; width:0;}
	 10%{opacity:1; width:10%;}
	100%{opacity:1; width:100%;}
}
@keyframes blurIn{
	  0%{opacity:0; transform:scale(1.2,1.2); filter:blur(20px);}
	100%{opacity:1; transform:scale(1,1); filter:blur(0px);}
}
@keyframes blurs{
	  0%{opacity:0; filter:blur(20px);}
	100%{opacity:1; filter:blur(0px);}
}

@keyframes sliderAnimation{
	to{transform:translateX(-50%);}
}
 /************************ FUWA ***********************/
.fuwafuwa{
	animation-name:fuwafuwa;
	animation-duration:2.0s;
	animation-iteration-count:infinite;
	animation-timing-function:ease;
}
@keyframes fuwafuwa{
	0%{transform:translate(0, 10px);}
	50%{transform:translate(0, 0);}
	100%{transform:translate(0, 10px);}
}

/************************ LEFT ANIM ************************/
.slide-in {
	overflow:hidden;
	display:inline-block;
}
.slide-in_inner {
	display:inline-block;
}
.leftAnime,
.rightAnime{
	opacity:0;
}
.slideAnimeLeftRight {
	animation-name:slideText-100;
	animation-duration:1.0s;
	animation-delay:0.5s;
	animation-fill-mode:forwards;
	opacity:0;
}
@keyframes slideText-100 {
  from {
	transform: translateX(-100%);
        opacity: 0;
  }
  to {
	transform: translateX(0);
    opacity: 1;
  }
}

.slideAnimeRightLeft {
	animation-name: slideText100;
	animation-duration:1.0s;
	animation-delay:0.5s;
	animation-fill-mode:forwards;
    opacity: 0;
}
@keyframes slideText100 {
  from {
	transform: translateX(100%);
    opacity: 0;
  }
  to {
	transform: translateX(0);
    opacity: 1;
  }
}