@charset "UTF-8";

html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body,html{height:100%;margin:0;width:100%}

@media screen and (min-width:768px){
body,html{overflow-y:auto;}
body:after{background-color:#fff;bottom:0;content:" ";display:block;height:80px;left:0;position:fixed;width:100%;z-index:10}
}
body.disable-pointer-events{pointer-events:none}::-moz-selection{background:#00f0ff;color:#fff}
.container{position:relative;overflow:hidden;width:100%}
@media screen and (min-width:768px){
.container{
	box-sizing:border-box;
	height:100%;
	left:0;
	min-width:100%;
	overflow:visible;
	position:absolute;
	top:0;
	/*background-color: #CCC;*/
	}
.is_loading .container{height:100%;overflow:hidden;width:100%}
.container:after,.container:before{background-color:#fff;bottom:0;content:" ";display:block;height:100%;position:fixed;width:80px;z-index:10}
.container:before{left:0}.container:after{right:0}
}
@media screen and (max-width:768px){
.container{position:relative;width:100%; height:100%; /*background-color:#ccc;*/}
#sp-scrollable{
	position:relative;
	top:0;
	bottom:0;
	left:0;
	width:100%;
	/*overflow-y:scroll;*/
	-webkit-overflow-scrolling:touch}
}
.container>header{
	background-color:#fff;
	/*border-bottom:1px solid #ccc;*/
	box-sizing:border-box;
	height:80px;
	margin:0;
	padding:0;
	position:fixed;
	text-align:center;
	width:100%;
	z-index:20}
@media screen and (max-width:768px){
.container>header{position:absolute;top:0;left:0}
}
@media screen and (min-width:768px){
.container>header{border:none;height:100px;padding:0 100px}
.container>header .box-head{top:0}
}
.container>header .box-head{display:inline-block;font-size:0;margin:0;padding:0;position:relative;top:0;width:100%}
.container>header .box-head a{display: inline-block;height:50px;-webkit-transition:opacity .4s ease;transition:opacity .4s ease; /*width:100%;*/}

@media screen and (min-width:768px){
.container>header .box-head a{display:inline-block;height:100px;width:auto}
.container>header .box-head a:hover{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
}
.container>header .box-head a.touch{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.container>header .box-head a img{
	top: 40px;
	position: relative;
	width: 196px;
}
@media screen and (max-width: 768px) {
	.container>header .box-head a img{top:30px; position:relative;}
	}
@media screen and (min-width:768px){
.container>header h1 a img{top:17px;width:auto}
}

#menu,#menu-btn,#menu-btn>div{left:0;position:fixed;top:0;}
#menu{box-sizing:border-box;width:60px;height:0;padding:0; top: 50%;}
.open_menu #menu{/*height:100%;padding:60px 0*/}
#menu-btn{display:block;height:50px;width:50px;z-index:5}
@media screen and (max-width: 768px) {
	#menu{top: 20px !important;}
	}
@media screen and (min-width:768px){
#menu-btn{height:100%;width:60px;}/*-----display:block;を変更-----*/
}
/*#menu-btn>div{ height:50px;width:50px; display:block;}
#menu-btn>div i,#menu-btn>div:after,#menu-btn>div:before{background-color:#000;content:" ";height:2px;left:12px;position:absolute;-webkit-transition:all .4s ease-out;transition:all .4s ease-out;width:26px}
#menu-btn>div:before{top:15px}#menu-btn>div>i{top:24px}
#menu-btn>div:after{top:33px}*/
/*.open_menu #menu-btn>div:before{top:24px;-webkit-transform:rotate(225deg);transform:rotate(225deg)}
.open_menu #menu-btn>div>i{opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"}
.open_menu #menu-btn>div:after{top:24px;-webkit-transform:rotate(-225deg);transform:rotate(-225deg)}*/

@media screen and (min-width:768px){
#menu-btn>div{height:60px;margin:-30px 0 0;top:50%;width:60px}
.pc #menu-btn>div:after,.pc #menu-btn>div:before,.pc #menu-btn>div>i{left:17px;-webkit-transition-duration:.2s;transition-duration:.2s}
.pc #menu-btn>div:before{top:20px!important;-webkit-transform:rotate(0)!important;transform:rotate(0)!important}
.pc #menu-btn>div>i{top:29px!important;opacity:1!important;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"}
.pc #menu-btn>div:after{top:38px!important;-webkit-transform:rotate(0)!important;transform:rotate(0)!important}
.tablet #menu-btn>div:after,.tablet #menu-btn>div:before,.tablet #menu-btn>div>i{left:17px}
}
.pc #menu-btn:hover div:before{-webkit-transform:translateY(-3px)!important;transform:translateY(-3px)!important}
.pc #menu-btn:hover div:after{-webkit-transform:translateY(3px)!important;transform:translateY(3px)!important}
#menu-content{box-sizing:border-box;height:100%;left:0;overflow:hidden;position:fixed;top:0;-webkit-transition:width 0s linear .4s;transition:width 0s linear .4s;width:0;z-index:3}
.open_menu #menu-content{width:50%;-webkit-transition-delay:.1s;transition-delay:.1s}

@media screen and (min-width:768px){
#menu-content{left:30px;height:100%;top:0}
.open_menu #menu-content{min-width:320px;width:25.1%}}
#menu-content .menu-content-inner{display:table;height:100%;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";padding:50px 0 0;-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transition:all .4s ease .1s;transition:all .4s ease .1s;width:100%}

@media screen and (min-width:768px){
#menu-content .menu-content-inner{box-sizing:border-box;opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";padding:60px 0 60px 30px;-webkit-transform:translateX(0);transform:translateX(0)}}
.open_menu #menu-content .menu-content-inner{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateX(0);transform:translateX(0)}
#menu-content .menu-content-inner .menu-content-main{background-color:#fff;display:table-cell;height:100%;-webkit-transition:opacity .4s ease;transition:opacity .4s ease;vertical-align:middle;text-align:center}
#menu-content .menu-content-inner .menu-content-main ul{display:inline-block;list-style-type:none;padding:0;text-align:center}
#menu-content .menu-content-inner .menu-content-main li{text-align:left}
#menu-content .menu-content-inner .menu-content-main li a{box-sizing:border-box;color:grey;display:block;font-size:12px;font-weight:700;padding:10px 20px;width:100%}
@media screen and (min-width:768px){
#menu-content .menu-content-inner .menu-content-main{-webkit-perspective:500px;perspective:500px;-webkit-transition:-webkit-transform .4s ease;transition:transform .4s ease;-webkit-transform:perspective(500px) rotateY(90deg);transform:perspective(500px) rotateY(90deg);-webkit-transform-origin:0 50%;transform-origin:0 50%}
.open_menu #menu-content .menu-content-inner .menu-content-main{-webkit-transform:none;transform:none;-webkit-transition-delay:0;transition-delay:0}
#menu-content .menu-content-inner .menu-content-main li{text-align:left}
#menu-content .menu-content-inner .menu-content-main li a{display:inline-block;font-size:14px;line-height:1;opacity:0;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";padding:18px 0;position:relative;-webkit-transition:all .4s ease;transition:all .4s ease}
}
#menu-content .menu-content-inner .menu-content-main li a span{display:inline;margin:0 auto;position:relative}
#menu-content .menu-content-inner .menu-content-main li a span:after{background-color:grey;bottom:2px;display:block;content:" ";height:1px;position:absolute;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transition:-webkit-transform .2s ease;transition:transform .2s ease;-webkit-transform-origin:0 50%;transform-origin:0 50%;width:100%}
#menu-content .menu-content-inner .menu-content-main li a.touch span:after{-webkit-transform:scaleX(1);transform:scaleX(1)}
#menu-content .menu-content-inner .menu-content-main li a.active{color:#000}
@media screen and (min-width:768px){
#menu-content .menu-content-inner .menu-content-main li a span{margin:0}
#menu-content .menu-content-inner .menu-content-main li a:hover span:after{-webkit-transform:scaleX(1);transform:scaleX(1)}
#menu-content .menu-content-inner .menu-content-main li a[href*=mission]{-webkit-transform:translateY(10px);transform:translateY(10px);-webkit-transition-delay:0s;transition-delay:0s}
.open_menu #menu-content .menu-content-inner .menu-content-main li a[href*=mission]{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.3s;transition-delay:.3s}
#menu-content .menu-content-inner .menu-content-main li a[href*=news]{-webkit-transform:translateY(20px);transform:translateY(20px);-webkit-transition-delay:0s;transition-delay:0s}
.open_menu #menu-content .menu-content-inner .menu-content-main li a[href*=news]{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.4s;transition-delay:.4s}
#menu-content .menu-content-inner .menu-content-main li a[href*=business]{-webkit-transform:translateY(30px);transform:translateY(30px);-webkit-transition-delay:0s;transition-delay:0s}.
open_menu #menu-content .menu-content-inner .menu-content-main li a[href*=business]{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.5s;transition-delay:.5s}
#menu-content .menu-content-inner .menu-content-main li a[href*=recruit]{-webkit-transform:translateY(40px);transform:translateY(40px);-webkit-transition-delay:0s;transition-delay:0s}
.open_menu #menu-content .menu-content-inner .menu-content-main li a[href*=recruit]{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.6s;transition-delay:.6s}
#menu-content .menu-content-inner .menu-content-main li a[href*=about]{-webkit-transform:translateY(50px);transform:translateY(50px);-webkit-transition-delay:0s;transition-delay:0s}
.open_menu #menu-content .menu-content-inner .menu-content-main li a[href*=about]{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.7s;transition-delay:.7s}
#menu-content .menu-content-inner .menu-content-main li a[href*=contact]{-webkit-transform:translateY(60px);transform:translateY(60px);-webkit-transition-delay:0s;transition-delay:0s}
.open_menu #menu-content .menu-content-inner .menu-content-main li a[href*=contact]{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.8s;transition-delay:.8s}
#menu-content .menu-content-inner .menu-content-main li a[href*=ir]{-webkit-transform:translateY(70px);transform:translateY(70px);-webkit-transition-delay:0s;transition-delay:0s}
.open_menu #menu-content .menu-content-inner .menu-content-main li a[href*=ir]{opacity:1;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";-webkit-transform:translateY(0);transform:translateY(0);-webkit-transition-delay:.9s;transition-delay:.9s}}
.container footer:last-of-type{height:95px;overflow:hidden;margin:-95px 0 0;position:relative;z-index:5}
@media screen and (min-width:768px){
.container footer:last-of-type{height:130px;margin:-130px 60px 0;padding:0 0 60px}
}
.container footer:last-of-type .footer-bg{background-color:#000;box-shadow:0 1px 2px 1px #000;content:" ";height:100%;left:0;position:absolute;top:0;z-index:0;-webkit-transform:skewY(-5deg) translate3d(0,0,0);transform:skewY(-5deg) translate3d(0,0,0);-webkit-transform-origin:top right;transform-origin:top right;width:100%}
.container footer:last-of-type .footer-inner{box-sizing:border-box;margin:0 auto;zoom:1}
@media screen and (max-width:768px){
.container footer:last-of-type .footer-inner{width:100%;height:100%}
}
@media screen and (min-width:768px){
.container footer:last-of-type .footer-bg{box-shadow:0 1px 1px 1px #000;-webkit-transform-origin:top center;transform-origin:top center}
.tablet .container footer:last-of-type .footer-bg{top:10px}
.container footer:last-of-type .footer-inner{padding:0 100px 0 0}
}
.container footer:last-of-type .footer-inner ul{display:table;font-size:0;float:right;padding:20px 6.25% 0;position:relative}
@media screen and (min-width:768px){
.container footer:last-of-type .footer-inner ul{position:absolute;right:100px;bottom:100px;z-index:1;margin:0 -5px 0 0;padding:0}
.tablet .container footer:last-of-type .footer-inner ul{padding-top:40px}
.container footer:last-of-type .footer-inner ul li a:hover{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
}
.container footer:last-of-type .footer-inner ul li{display:table-cell;vertical-align:middle;font-size:12px}
.container footer:last-of-type .footer-inner ul li a{color:#fff;padding:0 5px;-webkit-transition:opacity .2s ease;transition:opacity .2s ease}
.container footer:last-of-type .footer-inner ul li a.touch{opacity:.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"}
.container footer:last-of-type .footer-inner ul li.pagetop{width:30px;height:30px;line-height:0}
.container footer:last-of-type .footer-inner ul li.pagetop img{width:30px;height:30px}
@media screen and (min-width:768px){
.container footer:last-of-type .footer-inner ul li.pagetop{padding:0 0 0 5px}
}
.copy{bottom:22px;color:#fff;font-size:10px;margin:0;padding:0;position:absolute;right:6.25%;z-index:5;display:none}
@media screen and (max-width:768px){
.copy{bottom:35px;position:relative;text-align:right}footer>.copy{display:block}
}
@media screen and (min-width:768px){
.copy{
	display:block;
	bottom:auto;
	color:#000;
	height:300px;
	/*font-size:10px;
	font-weight:300;*/
	right:0;
	line-height:59px;
    margin:0 -5px 0 0;
	/*margin:-150px 0 0;*/
	position:fixed;
	top:50%;
	width:60px;
	z-index:20
	}
footer>.copy{display:none}
.copy span{
	display:inline-block;
	left:0;
	position:absolute;
	top:-15px;
	-webkit-transform-origin:0 100%;
	transform-origin:0 100%;
	/*-webkit-transform:rotate(90deg);transform:rotate(90deg);*/
	white-space:nowrap}
	
.news{
	font-family: 'EB Garamond', serif;
	font-size:12px;
	display:block;
	color:#000;
	left:25%;
	right:25%;
	/*height:-60px;
	font-size:10px;
	font-weight:300;*/
	line-height:59px;
    margin:0 -5px 0 0;
	/*margin:-150px 0 0;*/
	position:fixed;
	text-align:center;
	bottom:15px;
	z-index:20
	}
}