@charset "utf-8";

@import "/Portals/0/css/ver2/basesmart.css";
@import "/Portals/0/css/ver2/contentsmart_recruit.css";

/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{width:100%;min-width:1%;}

/* font settings */
body{font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Roboto","Droid Sans","Meiryo","sans-serif";font-size:14px;}

/* pc/sp settings */
.pcArea{display:none !important;}
.spArea{display:block !important;}
.controlPanel{display:none;}
img{max-width:100%;height:auto !important;}

/* ===========================================================
 skin
=========================================================== */
.inner{width:auto;padding:0 2%;}

/* ===========================================================
 headBody
=========================================================== */
#header .headBody{min-width:inherit;}
#header .left{}
#header .headLogo{width:170px;}
#header .headLogo .logo{padding:9px 0 9px;}
#header .headLogo .logo img{width:160px;}
#header .headLogo .logo:hover img{}
#header .headDetail{}
#header .logoDetail{padding-left:5px;}
#header .logoDetail a{font-size:12px;}
#header .logoDetail a:hover{}
#header .right{overflow:auto;position:absolute;top:100%;left:0;width:100%;height:calc(100vh - 40px);padding:0;}
#header .headLink{width:100%;}
#header .corporate{width:50%;}
#header .entry{width:50%;}
#header .corporate a,
#header .entry a{width:100%;min-width:inherit;min-height:inherit;padding:15px 0;text-decoration:none;}
#header .entry a{}
#header .corporate a:hover,
#header .entry a:hover{}

/* burgerMotion
------------------------- */
#skin .burgerMotion{width:53px;height:40px;}
#skin .burgerMotion:hover{}
#skin .burgerMotion p{width:53px;}
#skin .burgerMotion p span{width:26px;height:2px;}
#skin .burgerMotion p span:before,
#skin .burgerMotion p span:after{height:2px;}
#skin .burgerMotion p span:before{margin-top:-6px;}
#skin .burgerMotion p span:after{left:41%;margin-top:6px;}
/* active */
body.navActive{}
#skin .burgerMotion.active p span{}
#skin .burgerMotion.active p span:before{left:0;width:100%;margin-top:0;}
#skin .burgerMotion.active p span:after{left:0;width:100%;margin-top:0;}
#skin .burgerOverlay{}


/* ===========================================================
 gNav
=========================================================== */
nav#gNav{position:static;top:inherit;right:inherit;width:100%;}
.horizonRight.navOpen nav#gNav{}

.tokenMenu{overflow:inherit;max-height:inherit;}
.tokenMenu ul{}
.tokenMenu li{}
.tokenMenu li:last-child{}
.tokenMenu a{padding:15px 30px;}
.tokenMenu a:after{}
.tokenMenu > ul{}
.tokenMenu > ul > li{}
.tokenMenu > ul > li > a{}
.tokenMenu > ul > li > a:after{}
.tokenMenu > ul > li > a:hover,
.tokenMenu > ul > li.parentItem > a,
.tokenMenu > ul > li.currentItem > a{}
.tokenMenu > ul > li > ul{}
.tokenMenu > ul > li > ul > li{}
.tokenMenu > ul > li > ul > li > a{}
.tokenMenu > ul > li > ul > li > a:after{}
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li.parentItem > a,
.tokenMenu > ul > li > ul > li.currentItem > a{}
.tokenMenu > ul > li > ul > li > ul{}
.tokenMenu > ul > li > ul > li > ul > li{}
.tokenMenu > ul > li > ul > li > ul > li > a{}
.tokenMenu > ul > li > ul > li > ul > li > a:after{}
.tokenMenu > ul > li > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li > ul > li.parentItem > a,
.tokenMenu > ul > li > ul > li > ul > li.currentItem > a{}
.tokenMenu > ul > li > ul > li > ul > li > ul{}
.tokenMenu > ul > li > ul > li > ul > li > ul > li{}
.tokenMenu > ul > li > ul > li > ul > li > ul > li > a{}
.tokenMenu > ul > li > ul > li > ul > li > ul > li > a:after{}
.tokenMenu > ul > li > ul > li > ul > li > ul > li > a:hover{}
.tokenMenu > ul > li > ul > li > ul > li > ul > li.parentItem > a{}
.tokenMenu > ul > li > ul > li > ul > li > ul > li.currentItem > a{}

.tokenMenu ul li a.toggleSwitch{}
.tokenMenu ul li a.toggleSwitch:before,
.tokenMenu ul li a.toggleSwitch:after{}
.tokenMenu ul li a.toggleSwitch:after{}
.tokenMenu ul li a.open.toggleSwitch:after{}

/* ===========================================================
 content
=========================================================== */
.breadcrumb{}
.breadcrumb a{}
.breadcrumb a:hover{}
.pagetop{}
.pagetop a{right:0;bottom:0;}

/* ===========================================================
 footBody
=========================================================== */
#footer{padding:20px;}
.pagetop{}
.pagetop a{}
.pagetop.in.fix{top:-33px;}
.copyright{}
.copyright img{}