/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

/*---------- base ----------*/
.cf:before, .cf:after {content:""; display:table; } .cf:after {clear:both; } .cf {zoom:1; }
*{outline:none;}
@font-face {font-family: 'icon'; src:url('../fonts/icon.eot?3xcu8r'); src:url('../fonts/icon.eot?#iefix3xcu8r') format('embedded-opentype'), url('../fonts/icon.woff?3xcu8r') format('woff'), url('../fonts/icon.ttf?3xcu8r') format('truetype'), url('../fonts/icon.svg?3xcu8r#icon') format('svg'); font-weight: normal; font-style: normal; } [class^="icon-"], [class*=" icon-"] {font-family: 'icon'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .icon-share:before {content: "\73"; } .icon-add:before {content: "\2b"; } .icon-subtract:before {content: "\2d"; } .icon-twitter:before {content: "\74"; } .icon-facebook:before {content: "\66"; }
a{text-decoration: none;}
body,html{overflow-x:hidden;height:100%; width: 100%; font-family:'Oxygen','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif; position: relative; color: #242424}
body {transition: background .6s; min-width: 975px;}
.icon{font-family: 'icon' !important;}
.pc{display: block !important;}
.sp{display: none !important;}
.subpage{height: auto;}
#load_body{height: 100%;-webkit-transition:all 0.3s;transition:all 0.3s;}
hr.mtb50{margin: 50px 0; border: none; background: #edf0f0; width: 100%; height: 2px;}
.pointer_wrap{text-align: center; margin: 30px 0;}
.pointer_wrap a{display: block; text-align: right; color: #173134; font-size: 14px; line-height: 31px; height: 31px;vertical-align: middle; margin: 0 0 30px}
.pointer_wrap span{display: inline-block; width: 31px; height: 31px;vertical-align: top; margin: 0 0 0 10px}
.pointer_center a {text-align: center; }
.pointerR {padding-top: 5px;}
.pointerR span{background: url(../img/pointer_right_maru.png) center center no-repeat; -webkit-transition:all 0.2s;transition:all 0.2s;}
.pointerR:hover span{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);}
.cover{background-position: right center;}
.preload_body{width: 64px; height: 64px; position: fixed; left: 50%; top: 50%; margin: -32px 0 0 -32px; z-index: 100; display: none;border-radius: 32px;overflow: hidden;}
.preload {width: 64px; height: 64px; position: relative;}
.preload img{width: 100%; height: 100%; position: absolute;}
.pjax_start #load_body{-webkit-transform: scale(.95); transform: scale(.95);}

/*

FONT

font-family: 'Oxygen', sans-serif;

COLOR

R  : ff4d4d
Y  : ffff4d
G  : 4df14d
LB : 4dffff
DB : 4d4dff

*/

/*---------- INDEX ----------*/
.video_wrap{position: relative; overflow: hidden;}
.video_body{position: absolute; z-index: 5}
#video{position: absolute; top: 0; left: 0; min-height: 100%; min-width: 100%; }
.maintitle{position: absolute;z-index: 10;height: 100%;width: 100%;text-align: center;vertical-align: middle;display: table;}
.maintitle div{display: table-cell; vertical-align: middle; opacity: 0; filter: alpha(opacity=0);}
.maintitle h1{display: block; text-indent: -9999px; background: url(../img/logo@2x.png) no-repeat; background-size: cover; width:456px;height:58px; margin: 0 auto 10px;}
.maintitle h2{font-size: 37px; font-weight: bold; letter-spacing: 3px; color: #fff;}

/*---------- HEADER ----------*/
.header{position: fixed; z-index: 20;background: #fff; width: 100%; height: 63px; top: 100%; min-width: 975px;}
.header_nav {text-align: center; height: 57px; padding: 0 0 3px 0}
.header_nav li{display: inline-block;}
.header_nav li a:hover,.header_nav li a.active{color: #000000;}
.header_nav li a{line-height: 57px; height: 57px; display: block;color: #707171;padding: 0 15px; font-size: 14px;transition:all .3s; letter-spacing: 1px;}
.header_body{position: relative;}
.header_bd{position: relative; width: 100%}
.header_bd div{width: 20%; height: 3px; float: left;}
.header_bd div.header_bd_1{background: #ff4d4d;}
.header_bd div.header_bd_2{background: #ffff4d;}
.header_bd div.header_bd_3{background: #4df14d;}
.header_bd div.header_bd_4{background: #4dffff;}
.header_bd div.header_bd_5{background: #4d4dff;}
.header_body .icon{position: absolute; right: 0; top: 0; display: block; line-height: 57px; height: 57px; width: 57px; text-align: center; cursor: pointer;}
.header_share.pc ul {position:absolute; right: 0; bottom: 63px; height: 21px; overflow: hidden; padding: 10px; background: #fff; display: none;}
.header_share{display: block; position: absolute;right: 0;top: 0;width: 250px;height: 63px;}
.subpage .header_share.pc ul{bottom:12px;}
.header_share.pc ul li.sns_tw{width: 120px; overflow: hidden;}
.header_share.pc ul li{float: left;}
.subpages_tabmenu_body{display: none;}
.footer {background: #121212; padding: 0 18px; position: relative; z-index: 2; opacity: 0;filter: alpha(opacity=0);}
.footer span,.footer address,.footer a{font-size: 11px; color: #999999; display: inline-block; line-height: 50px; height: 50px;}
.footer .footer_nav{float: left;}
.footer .footer_nav li{float: left;}
.footer address{float: right;}
.header_logo{position: absolute; top: 50%; left: 20px; margin: -15px 0 0 0; opacity: 0; filter: alpha(opacity=0);}

/*---------- SUBPAGE ----------*/
.subpage_bodyL_slide .section{position: fixed; width: 30%; z-index: 1;}
.message{display: block; text-indent: -9999px;background: url(../img/msg_txt.png) center center no-repeat;height: 160px; width: 696px;margin: 0 0 60px 0;}
.topmessage{text-indent: -9999px; background: url(../img/msg_sign.png) center center no-repeat; height: 43px; width: 203px; margin: 0 auto}
.subpage_body {background: #fff;}
.subpage_bodyL{width: 30%; background: #000; float: left; height: 100%; position: relative; z-index: 1;}
.subpage_bodyR{width: 70%; float: right; padding: 63px 0 0 0; position: relative; background: #fff; min-width: 780px; z-index: 2;}
.cat_work .subpage_bodyR{padding: 203px 0 0 0;}
.cat_work .subpage_bodyR h3.fs24{font-size: 24px; font-weight: normal; margin: 30px 0;}
.cat_work .subpage_bodyR .work_img {text-align: center; margin: 15px 0;}
.cat_work .subpage_bodyR .caption {text-align: center; font-size: 12px;}
.cat_work .subpage_bodyR .caption span {display: inline; padding: 4px 10px; background: #f9f9f9; border-radius: 5px;}
.cat_work .subpage_bodyR .caption a {transition: all .2s; display: inline; padding: 4px 10px; background: #f9f9f9; border-radius: 5px; color: #777; border-bottom: 0;}
.cat_work .subpage_bodyR .caption a:hover {background: #ff0;}
.cat_work .pointer_wrap a {border: none;}
.case_list {margin: 60px 0;}
.case_list li {float: left; height: 150px; margin-right: 20px; cursor: pointer;}
.case_list li img {max-height: 100%;}
.case_list_clone img {max-height: 80%;}
.case_list_clone {position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 9999; opacity: 0; filter: alpha(opacity=0); -webkit-transition:all 0.3s;transition:all 0.3s; text-align: center; display: none;}
.case_list_clone.zoom {top: 90px left: 0; opacity: 1; filter: alpha(opacity=100); display: block;}
.case_mask {position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.6; filter: alpha(opacity=60); display: none; z-index: 9998; background: #000;}
.pageback{right: 21px; top: 85px; position: fixed; -webkit-transition:all 0.3s;transition:all 0.3s;}
.pageback:hover{-webkit-transform: rotate(180deg); transform: rotate(180deg);}
.subpage_menu {margin: 60px 0 90px 0;}
.subpage_menu_fixed{width: 70%; position: fixed; z-index: 10; top: 0;right: 0; margin: 0; transition:all .3s;opacity: 0;filter: alpha(opacity=0);}
.subpage_menu_scrolled .subpage_menu_fixed{top: 63px;opacity: 1; filter: alpha(opacity=100);}
.subpage_menu li{width: 50%; float: left;}
.subpage_menu li a{display: block; text-align: center; height: 43px; line-height: 45px; position: relative; font-size: 14px; text-transform: uppercase; }
.subpage_menu li a span{display: block; height: 45px; width: 45px; background: url(../img/pointer_under.png) no-repeat center center; display: block; position: absolute; right: 0px; top: 0; }
.subpage_menu li:first-child a span{background: url(../img/pointer_top.png) no-repeat center center;}
.subpage_menu li:first-child a{border-right:none;border-left: 1px solid #edf0f0;}

.subpage_menu li a{background:#fff; color: #242424;border-right: 1px solid #edf0f0; border-top: 1px solid #edf0f0; border-bottom: 1px solid #edf0f0;}
.subpage_menu li:first-child a{background: #242424; color: #ffff4d; border-right: 1px solid #242424; border-top: 1px solid #242424; border-bottom: 1px solid #242424; transition:all .3s;}

.scroll_ov_500 .subpage_menu li a{background: #242424; color: #ffff4d; border-right: 1px solid #242424; border-top: 1px solid #242424; border-bottom: 1px solid #242424; transition:all .3s;}
.scroll_ov_500 .subpage_menu li:first-child a{background:#fff; color: #242424;border-right: 1px solid #edf0f0; border-top: 1px solid #edf0f0; border-bottom: 1px solid #edf0f0;}



.subpage_bs_active .subpage_menu li a{background:#fff; color: #242424;border-right: 1px solid #edf0f0; border-top: 1px solid #edf0f0; border-bottom: 1px solid #edf0f0;}
.subpage_bs_active .subpage_menu li:first-child a{background: #242424; color: #ffff4d;border-right: 1px solid #242424; border-top: 1px solid #242424; border-bottom: 1px solid #242424;}
.subpage_bodyR_body {width: 700px;margin: 0 auto;}
.subpage_bodyR_body h2{position: relative;font-size: 14px; color: #242424; font-style: italic; line-height: 1; margin: 0 0 45px 0}
.subpage_bodyR_body h2 img{position: absolute; left: -24px; top: 1px}
.subpage_bodyR_body h3 {font-size: 16px; font-weight: bold; margin:0 0 25px 0}
.single .post_message, .subpage_bodyR_body p{font-size: 14px; line-height: 30px;}
.single .post_message a, .subpage_bodyR_body p a {transition: all .2s; color: #777; border-bottom: 1px solid #ddd;}
.single .post_message a:hover, .subpage_bodyR_body p a:hover {color: #242424; border-bottom: 1px solid #ff0;}
.subpage_bodyR_body ol li{font-size: 18px; border-bottom: 2px solid #edf0f0; padding:0 0 20px 0; margin:0 0 20px 0; }
.subpage_bodyR_body ol li span{width: 65px; display: inline-block; text-align: center; color: #777777; font-weight: bold;}
.subpage_bodyR_body .box{margin: 0 0 100px 0}
.subpage_bodyL_slide .section{opacity: 1;filter: alpha(opacity=100);transition:all .3s;}
.subpage_bodyL_slide .section:first-child{opacity: 1;filter: alpha(opacity=100);}
.subpage_bodyL_slide .section{opacity: 0;filter: alpha(opacity=0);}
.subpage_bodyL_slide .section.subpage_bs_active{opacity: 1;filter: alpha(opacity=100);}
.subpage_header_inner {position: fixed; left: 0; top: 120px; z-index: 2; width: 30%; text-align: center; color: #fff; }
.subpage_header_inner h1{font-size: 50px; font-weight: bold; margin: 0 0 10px 0; }
.subpage_header_inner h2{font-size: 14px; }
.mainimage{margin: 60px 0}
.thumbhead img{vertical-align: bottom; width: 100%;}
.thumbhead h1{font-size: 24px; margin: 0 0 30px 0}
.thumbhead h2{background: #242424; color: #ffff00; font-size: 18px; font-style: normal; font-weight: lighter; height: 60px; line-height: 60px; text-indent: 1em; margin: 0 0 30px 0;letter-spacing: 2px;}
.pointer_wrap.pointerRL {text-align: right; margin: 30px 0; }
.pointer_wrap.pointerRL a{font-size: 16px; letter-spacing: 2px; text-transform: uppercase;}
.pointer_wrap.pointerRL div {display: inline-block; width: 78px; height: 78px; vertical-align: middle; margin: 0 0 0 10px; background: url(../img/pointer_rightL.png) center center no-repeat; -webkit-transition:all 0.2s;transition:all 0.2s;}
.pointer_wrap.pointerRL a:hover div{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);}
.pointer_wrap.pointerRL a{height: auto;}

.pan{border-top: 1px solid #D6D6D6}
.pan li{float: left; font-size: 11px;}
.pan li a{color: #777777; display: block; padding: 0 22px;height: 33px; line-height: 33px;background: url(../img/pan.png) center right no-repeat;}
.pan li a.last{color: #333333;background:none; text-transform: uppercase;}

/*----------SINGLE ----------*/
.single .post p{margin: 0 0 90px 0}
.single .subpage_bodyR_body h3 {margin: 0 0 35px 0;}
.single .post_message_body{width: 400px;}
.single .post_message {position: relative; margin: 0 0 120px 0}
.single .post_message h4{font-size: 30px; margin: 0 0 35px 0; letter-spacing: 1px;}
.single .post_message .small_thumb{position: absolute; right: 0; top: -10px}
.single_header {display: table; width: 100%; margin: 120px 0 45px 0}
.single_header h1{font-size: 24px; letter-spacing: 1px;}
.single_header h2{margin: 0 0 10px 0; font-size: 12px; font-style: normal;}
.single_header > div{display: table-cell; vertical-align: bottom}
.single_headerL{width: 430px; font-size: 21px; line-height: 38px;}
.single_headerR > div{float: right; text-align: right;}

/*---------- INTERVIEW ----------*/
.interview{background-color: #000;}
.page_interview{width: 100%; height: 100%;margin: 63px 0 0 0; position: relative; overflow: hidden; background: #000;}
.panel{display: block; vertical-align: middle; position: relative; left: 0; top: 0;}
.panel_body{display:block; float: left; vertical-align: middle; position: relative; -moz-perspective:700; -webkit-perspective:700; -o-perspective:700; -ms-perspective:700; perspective:700; overflow: hidden;}
.post_body {display:table; padding: 0 50px; text-align: center; background: rgba(0,0,0,0.7);height: 100%;}
.post_body_inner{display: table-cell; vertical-align: middle;}
.post_body .catch{color: #fff; font-size: 18px; line-height: 32px; margin: 0 0 50px 0}
.post_body h1,.post_body h2{color:#ffff00;}
.post_body h2{font-size: 10px;}
.post_body h1{font-size: 17px; margin: 0 0 30px 0}
.post_body a {color: #fff; display: block;}
.post_body a .pointer{display: block; height: 78px; width: 78px; background: url(../img/pointer_rightL_wh.png) center center no-repeat; margin: 0 auto; -webkit-transition:all 0.2s;transition:all 0.2s;}
.post_body a:hover .pointer{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);}
.post_wrap{background:#000; height: 100%; width: 100%; display: table; vertical-align: middle;}
.panel_body > div{position: absolute; top: 0;height: 100%; width: 100%;-webkit-transition:all 0.4s;transition:all 0.4s; overflow: hidden; background-position: center right;}
.post_wrap_front{-webkit-transform: rotateY(0deg) translate(0,0); transform: rotateY(0deg) translate(0,0);-webkit-transform-origin: center right; transform-origin: center right;opacity: 1;filter: alpha(opacity=100);}
.post_wrap_back {-webkit-transform: rotateY(90deg) translate(100%,0) scale(0.5); transform: rotateY(90deg) translate(100%,0) scale(0.5);-webkit-transform-origin: center right; transform-origin: center right;opacity: 0;filter: alpha(opacity=0);}
.post_wrap_front > div:first-child img, .post_wrap_back > div:first-child img {right: 0!important; left: auto!important;}
.panel_body:hover .post_wrap_front{-webkit-transform: rotateY(-90deg) translate(-100%,0); transform: rotateY(-90deg) translate(-100%,0); opacity: 0;filter: alpha(opacity=0);}
.panel_body:hover .post_wrap_back {-webkit-transform: rotateY(0deg) translate(0,0) scale(1); transform: rotateY(0deg) translate(0,0) scale(1); opacity: 1;filter: alpha(opacity=100);}

/*---------- ENTRY ----------*/
.page_entry .entry_wrap {width:700px; margin:0 auto; }
.page_entry .subpage_header_inner{position: relative; top:auto; width: 100%; z-index: 1;}
.page_entry .subpage_header h1{font-size: 50px; margin: 160px 0 0 0; color: #242424; }
.page_entry .subpage_header h2{color: #242424; font-size: 14px; margin: 0 0 60px 0; }
.page_entry .subpage_header h3{color: #7A7A7A; font-size: 14px; margin: 0 0 40px 0; }
.entry_header{margin: 0 0 20px 0; overflow: hidden;}
.entry_header a{display: block; color: #242424; font-size: 14px; height: 44px; line-height: 44px; background: #edf0f0; border-radius: 4px; padding: 0 20px; position: relative; transition:all .3s;}
.entry_open .entry_header a{background: #242424; color: #ffff00}
.entry_header a div{position: absolute; right:12px; top: 50%; margin: -12px 0 0 0; transition:all .3s; height: 24px; width: 24px;}
.entry_header a .opend {opacity: 0;filter: alpha(opacity=0);  background: url(../img/entry_open.png)  no-repeat center center}
.entry_header a .closed{opacity: 1;filter: alpha(opacity=100);background: url(../img/entry_close.png) no-repeat center center}
.entry_open .entry_header a .opend {opacity: 1;filter: alpha(opacity=100);}
.entry_open .entry_header a .closed{opacity: 0;filter: alpha(opacity=0);}
.entry_body {display: none;overflow: hidden;}
.entry_body h2{font-size: 30px; margin: 20px 0 40px 0;}
.entry dl{font-size: 14px;}
.entry dl dt {clear: left; float: left; margin: 0 0 0.8em; width: 100px; padding-left: 5px; color: #173134; font-weight: bold; }
.entry dl dd {border-left: solid 3px #173134; margin-bottom: 30px; padding: 0 0 0 20px; margin-left: 100px; }
.submit{display: block; height: 50px; line-height: 50px; padding: 30px; border: 1px solid #000; margin: 20px 0 40px 0; }
.submitLR{display: table; width:90%;}
.submitLR > div{display: table-cell;}
.submitL{width: 270px; height: 25px; background: url(../img/entry_btn_txt.png) no-repeat center left; }
.submitM{background: url(../img/entry_btn_mail.png) no-repeat center left; padding: 0 25px 0 35px; color: #242424; }
.submitR{text-align: right; width: 29px; background: url(../img/entry_btn_pointer_bottom.png) no-repeat center left; -webkit-transition:all 0.2s;transition:all 0.2s;}
.submit:hover .submitR{-webkit-transform: scale(0.8,0.8); transform: scale(0.8,0.8);}
.entry_footer .submit {padding: 60px 0;}
.entry_footer h1{text-align: center; font-size: 14px; font-weight: bold; margin: 60px 0 0 0; padding-bottom: 2em;}
.entry_footer .submitLR{width: 100%}
.entry_footer .submitLR p{color: #242424; font-size: 13px; margin: 0 0 10px 0}
.entry_footer .submitLR > div {display:block;}
.entry_footer .submit{line-height: 1; height: auto; text-align: center;}
.entry_footer .submitM{background: none; font-size: 14px;}
.entry_footer .submitM div{position: relative; display: inline-block; padding: 0 0 0 30px}
.entry_footer .submitM img{position: absolute; left: 0;}

@media screen and (max-width:1120px) and (min-width:640px){
	.subpage_menu_fixed {width: 100%;}
}


.subbpage_header_document {
	width:640px;
	height: 400px;
	margin: 0 auto;
}

.subbpage_header_document iframe {
	width: 640px;
	height: 400px;
}

.levtech-banner {
	text-align: center;
	margin: 0 0 40px 0;
}

.levtech-banner .btn {
	padding: 0 30px;
	margin: 0 20px;
	color: #fff;
	background-color: #8b8e92;
	height: 50px;
	line-height: 50px;
}

.levtech-banner .btn:hover {
	background-color: #586475;
}

.mynavi-banner {
	text-align: center;
	margin-bottom: 100px;
}

.entry_btn_links .btn {
	margin-right: 20px;
}

.btn.btn--black {
	background-color: #000;
}

.btn.btn--black a {
	color: #fff;
}