@charset "utf-8";

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents_re.css";

/* ===========================================================
 html
=========================================================== */
/* size settings */
html,
body{min-width:1310px;}

/* font settings */
html,
body{color:#333;font-size:62.5%;line-height:1.875;}
body{font-family:"Yu Gothic","游ゴシック","YuGothic","游ゴシック体","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";font-size:1.6rem;font-weight:500;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1170px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 header
=========================================================== */
#header{margin:0;padding:0; display:block;width:100%;background-color:#40B2E5;}
.pcView #header{min-width:1310px; position:absolute; top:0; box-shadow: 0 -95px 0 0 #40B2E5;
    transition:-webkit-transform .4s;
    transition:transform .4s;
    transition:transform .4s, -webkit-transform .4s;
    -webkit-transform:none;
            transform:none;
}
.pcView #header.is-header-fixed{position:fixed;top:-95px !important;
    -webkit-transform:translateY(100%);
            transform:translateY(100%);
}
.pcView #header + *{padding-top:95px;}
.editMode.pcView #header{position:relative;}

.logoWrap{position:relative;z-index:10;max-width:1310px;margin:0 auto;}
.logoWrap .LogoRePane{position:absolute;top:0;left:70px;width:203px;}
.editMode .logoWrap .LogoRePane{position:static;width:auto;}

.headWrap .inner{display:flex;justify-content:flex-end;align-items:center;width:auto;max-width:1309px;margin:0 auto; padding:0 70px;}
.headWrap .headTop{height:55px; background-color:#40B2E5;}
.headWrap .headTop .inner{padding-top:20px;padding-bottom:19px;}
.headWrap .headBottom{background-color:#C7EEFF;}
.headWrap .headBottom .inner{height:40px; justify-content:flex-start;}
.editMode .headWrap .headTop,
.editMode .headWrap .headBottom .inner{height:auto;}
.hLogo a{height:140px; background-color:#fff; display:block; text-decoration:none; text-align:center; padding-top:25px;}
.pcView .is-header-fixed .hLogo a{padding-top:5px;}
.pcView .is-header-fixed .hLogo a{height:95px;}
.editMode .hLogo a{display:inline-block;}
.hLogo a img{margin:0 auto;}
.hLogo a span{display:block; font-size:14px; font-weight:bold; color:#121630;}

/* breadcrumb */
.headBottom span[id$="lblBreadCrumb"]{margin-left:230px;}
.headWrap .breadcrumb{margin:0; padding:0;font-size:75%;}
.headWrap .breadcrumb a{color:#222;text-decoration:underline;}
.headWrap .breadcrumb a:hover{color:#222;text-decoration:none;}
.headWrap .breadcrumb span span.breadcrumbItem{font-weight:bold;}
.headWrap .breadcrumb span span:not(.breadcrumbItem){display:inline-block;padding:0 5px;font-size:133%;transform:scale(0.5,1);}

/* ヘッダーSNSボタン */
.hSNSLink a{display:none;}


/* ===========================================================
 gNav
=========================================================== */
#gNav{margin:0;padding:0;}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu li{margin:0;padding:0;line-height:1;list-style:none;}
.tokenMenu li a{display:block;font-size:100%; font-weight:bold;color:#fff;text-decoration:none;}
.tokenMenu li a:hover{color:#fff;text-decoration:none;}

.pcView .tokenMenu > ul{display:flex;}
.pcView .tokenMenu > ul > li > a{margin-left:1.5em; transition:opacity .4s ease;opacity:1;}
.pcView .tokenMenu > ul > li > a:hover{opacity:.65;}
.pcView .tokenMenu > ul > li:first-child > a{margin-left:0;}
.pcView .tokenMenu > ul > li > ul{display:none;}




/* ===========================================================
 footer
=========================================================== */
#footer{margin:0;padding:0; position:relative;}
.footTop{padding:24px 0 18px;background-color:#40B2E5;}
.footTop .inner{}

.footMiddle .inner{}
.fLogo{text-align:center; padding:7px 0;}
.fLogo a{display:inline-block;}
.fLogo a img{vertical-align:top;}

.footBottom{padding:18px 0; background-color:#F0F0F0;}
.footBottom .inner{display:flex;justify-content:space-between;align-items:center;width:auto;max-width:1310px;margin:0 auto;padding:0 70px;}

/* 移設 */
/* fLogo
------------------------------ */
.fLogo a{display:inline-block;transition:opacity .4s ease;opacity:1;}
.fLogo a:hover{opacity:.65;}

/* fMenuWrap
------------------------------ */
.fMenuWrap{display:flex;align-items:flex-start;}
.fMenuWrap > *{width:23.5%; margin-right:2%;margin-bottom:1rem;}
.fMenuWrap > *:nth-child(4n){margin-right:0;}

/* fMenu */
.fMenu{display:block; padding:0;}
.fMenu ul{margin:0;padding:0;list-style:none;}
.fMenu li{margin:0;padding:0;line-height:1.5;list-style:none;}
.fMenu li a{display:inline-block;color:#fff;text-decoration:none;transition:opacity .4s ease;opacity:1; position:relative;}
.fMenu li a:hover{opacity:.65; color:#fff;}
.fMenu > li > a{margin-bottom:12px;font-size:82%; padding-left:18px;}
.fMenu > li > a:before{content:""; display:block; background:url(/Portals/0/images/common/ico_arrow_white.png) 0 0 no-repeat; background-size:7px auto; width:7px; height:6px; position:absolute; top:7px; left:0;}
.fMenu > li > ul{}
.fMenu > li > ul > li{padding-left:18px;}
.fMenu > li > ul > li > a{font-size:69%;padding-left:14px;}
.fMenu > li > ul > li > a:hover{opacity:.65;}
.fMenu > li > ul > li > a:before{content:""; display:block; background:url(/Portals/0/images/common/ico_branch.png) 0 0 no-repeat; width:6px; height:9px; position:absolute; top:4px; left:0;}

/* fLinkWrap
------------------------------ */
.fLinkWrap{display:flex;align-items:center;}
/* fLink */
.fLink{display:flex;margin:0;padding:0;}
.fLink li{padding:0 1em 0 0; margin:0;line-height:1.5;list-style:none; position:relative;}
.fLink li + li{padding-left:1em;}
.fLink li + li:before{content:""; display:block; width:1px; height:15px; background:#707070; position:absolute; left:0; top:0; bottom:0; right:auto; margin:auto;}
.fLink li a{font-size:82%;color:#000;text-decoration:none;transition:opacity .4s ease;opacity:1;}
.fLink li a:hover{opacity:.65;}
/*IE*/
_:-ms-fullscreen, :root .fLink li{padding-top:4px;}
/* fSNSLink */
.fSNSLink{display:flex;margin:0;padding:0 15px;}
.fSNSLink li{margin:0;padding:0;font-size:88%;line-height:1.5;list-style:none;}
.fSNSLink li + li{margin-left:24px;}
.fSNSLink li a{display:block;width:35px;height:35px; text-indent:200%; white-space:nowrap; overflow:hidden;transition:opacity .4s ease;opacity:1;}
.fSNSLink li a.facebook{background:url(/Portals/0/images/recruit/common/ico_facebook_recruit.png) center center no-repeat;}
.fSNSLink li a:hover{opacity:.65;}





/* pagetop */
.pagetop{display:block;margin:0;padding:0;width:51px;height:51px;position:absolute;top:-58px;bottom:auto;right:20px;z-index:10;}
._TOH-re .pagetop{padding:0;}
.pagetop.in{top:auto;bottom:20px;}
.pagetop.in.fix{top:-58px;bottom:auto;}
.pagetop a{display:block;width:100%;height:100%;border-radius:50%;background:url(/Portals/0/images/common/pagetop.png) center no-repeat #ece7eb;text-indent:200%;white-space:nowrap;overflow:hidden;}

.copyright{margin:0;padding:0;font-size:82%;margin-right:auto;color:#000;}
._TOH-re .copyright{padding:0;}
/*IE*/
_:-ms-fullscreen, :root .copyright{padding-top:4px;}


/* ===========================================================
 content
=========================================================== */
/* breadcrumb */
.breadcrumb{margin:0; padding:10px 0; font-size:75%; background-color:#C8EEFF;}
.breadcrumb a{color:#222;text-decoration:underline;}
.breadcrumb a:hover{color:#222;text-decoration:none;}
.breadcrumb span span.breadcrumbItem{font-weight:bold;}
.breadcrumb span span:not(.breadcrumbItem){display:inline-block;padding:0 5px;font-size:133%;transform:scale(0.5,1);}


/* inview */
.u-inview{opacity:0;
    transition:opacity .75s, -webkit-transform .75s;
    transition:opacity .75s, transform .75s;
    transition:opacity .75s, transform .75s, -webkit-transform .75s;
}
.u-inview.u-inview--show{opacity:1;
    -webkit-transform:translate(0, 0);
            transform:translate(0, 0);
}
.ContentPane:has(#dnn_ctr_Login_pnlLogin){transition:none;transform:none;}
.editMode .u-inview{opacity:1;}
@media print{
    .u-inview{opacity:1;}
}