@charset "utf-8";

@import "/Portals/0/Skins/skinCmn.css";
@import "/Portals/0/css/contents.css";


body[data-view="sp"]{width:100%;}




/*------------------------------ */
/* ===========================================================
 gNav
=========================================================== */
nav#gNav{position:relative;order: 1;flex:1;display:flex;}
nav#gNav .HeadNavPane,
nav#gNav .HeadNavPane .moduleSkin.moduleZero,
nav#gNav .HeadNavPane [id$="_ContentPane"],
nav#gNav .HeadNavPane [id$="_ModuleContent"],
nav#gNav .HeadNavPane .tokenMenu,
nav#gNav .HeadNavPane .tokenMenu > ul{display:flex;}
nav#gNav:after{content:"";position:absolute;top:50%;right:5px;transform:translateY(-50%);width:1px;height:15px;background-color:#ccc;display:none;}
.tokenMenu a,
.tokenMenu a:hover{text-decoration:none;}
.tokenMenu ul{margin:0;padding:0;}
.tokenMenu li{display:none;list-style-type:none;margin:0;padding:0;}
.tokenMenu ul:after{content:"";display:block;clear:both;}
.tokenMenu > ul > li.Tab100{display:flex;}
.tokenMenu > ul > li.Tab100 > a{display:none;}
.tokenMenu li.Tab103,
.tokenMenu li.Tab104,
.tokenMenu li.Tab109,
.tokenMenu li.Tab113,
.tokenMenu li.Tab120,
.tokenMenu li.Tab185,
.tokenMenu li.Tab229,
.tokenMenu li.Tab238,
.tokenMenu li.Tab243,
.tokenMenu li.Tab293,
.tokenMenu li.Tab382{display:flex;position: relative;padding-bottom: 0;padding-top: 0;height: auto;margin-top: 0;}
.tokenMenu > ul > li > ul{display:flex;}
.tokenMenu > ul > li > ul > li > a{display:flex;align-items:center;position:relative;padding:0 14px;color:#111;font-weight:500;font-size:100%;}
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li > a.parentLink,
.tokenMenu > ul > li > ul > li > a.currentLink{color:#0a1c3b;text-decoration:none;text-align: left;}
.tokenMenu > ul > li > ul > li > a:after{content:"";display:block;opacity:0;position:absolute;bottom:1px;left:0;width:100%;height:2px;background-color:transparent;transition:all 0.5s;}
.tokenMenu > ul > li > ul > li > a:hover:after,
.tokenMenu > ul > li > ul > li > a.parentLink:after,
.tokenMenu > ul > li > ul > li > a.currentLink:after{opacity:1;background-color:#0A1C3B;}
.tokenMenu > ul > li > ul > li > a:hover
.tokenMenu > ul > li > ul > li > a:hover:after{height:5px;}
.tokenMenu ul ul ul{display:none;}
.tokenMenu > ul > li > ul > li > a:before{font-size:12px;color:#888;font-weight:normal;display: none;bottom:10px;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab103{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab103:before{position:absolute;left: 25%;content:"SOLUTION";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab104{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab104:before{position:absolute;left: 17%;content:"CASE STUDY";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab109{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab109:before{position:absolute;left: 13%;content:"PRODUCTS";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab113{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab113:before{position:absolute;left: 18%;content:"COMPANY";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab120{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab120:before{position:absolute;left: 46%;content:"IR";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab382{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab382:before{position:absolute;left: 18%;content:"SUSTAINABILITY";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab185{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab185:before{position:absolute;left:7%;content:"RECRUIT";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab229,.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab238{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab229:before,.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab238:before{position:absolute;left: 19%;content:"SEMINAR";}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab243,
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab293{position:relative;}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab243:before,.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab293:before{position:absolute;left: 16%;content:"COLUMN";}

@media screen and (max-width:1200px){/**/
.tokenMenu > ul > li > ul > li > a{padding-left:10px;padding-right:10px;font-size:100%;}
/**/}
@media screen and (max-width:1072px){/**/
nav#gNav{position:absolute;top:100%;right:-60%;width:60%;margin:0;padding:0;transition:all 0.25s;}
.navOpen nav#gNav{right:0;}
nav#gNav:after{display:none;}
nav#gNav .HeadNavPane,
nav#gNav .HeadNavPane .moduleSkin.moduleZero,
nav#gNav .HeadNavPane [id$="_ContentPane"],
nav#gNav .HeadNavPane [id$="_ModuleContent"],
nav#gNav .HeadNavPane .tokenMenu,
nav#gNav .HeadNavPane .tokenMenu > ul{display:block;width:100%;}
.tokenMenu > ul > li.Tab100{display:block;}
.tokenMenu li.Tab103,
.tokenMenu li.Tab104,
.tokenMenu li.Tab109,
.tokenMenu li.Tab113,
.tokenMenu li.Tab120,
.tokenMenu li.Tab185,
.tokenMenu li.Tab229,
.tokenMenu li.Tab238,
.tokenMenu li.Tab243,
.tokenMenu li.Tab293,
.tokenMenu li.Tab382{display:block;}
.tokenMenu li{display:block;}
.tokenMenu > ul > li > ul{display:block;text-align:left;}
.tokenMenu > ul > li > a.parentLink{}
.tokenMenu > ul > li > a.currentLink{}
.tokenMenu > ul > li > ul > li > a.currentLink:after{display:none;}
.tokenMenu > ul > li > ul > li > a:before{display:none;}
.tokenMenu > ul > li.parentItem > ul > li > a{padding-bottom:10px;}
/**/
#header nav#gNav{overflow:auto;position:fixed;top:80px;z-index:80;height:100%;padding-bottom:80px;}
.tokenMenu li{display:block;text-align: left;}
.tokenMenu ul li a{display:block;}
.tokenMenu ul li a:hover{text-decoration:none;}
.tokenMenu ul ul ul ul li a{color:#111;}
/* 1 */
.tokenMenu > ul > li > ul > li > a,
.tokenMenu > ul > li > ul > li > a:hover,
.tokenMenu > ul > li > ul > li > a.parentLink{padding:10px 40px 10px 15px;border-top:rgba(255,255,255,0.25) solid 1px;background-color:#0A1C3B;color:#fff;}
.tokenMenu > ul > li > ul > li:first-child > a{border:none;}
.tokenMenu > ul > li > ul > li > a:hover:after{display:none;}
.tokenMenu > ul > li > ul > li > a.currentLink{background-color:#002b66;color:#9bbdec;}
/* 2 */
.tokenMenu ul ul ul{padding:0;background-color:#fff;}
.tokenMenu > ul > li > ul > li > ul > li > a{display:block;padding:10px 40px 10px 15px;border-top:#ddd solid 1px;font-weight:700;font-size:114%;}
.tokenMenu > ul > li > ul > li > ul > li:first-child > a{border:none;}
.tokenMenu > ul > li > ul > li > ul  li a.currentLink{background-color:#eee;}
/* 3 */
.tokenMenu ul ul ul ul{padding-left:30px;}
.tokenMenu > ul > li > ul > li > ul > li > ul > li > a{padding:6px 40px 6px 15px;border-top:#ccc solid 1px;color:#111;font-weight:500;font-size:100%;}
.tokenMenu > ul > li > ul > li > ul > li > ul > li:first-child > a{border:none;}
/* 4 */
.tokenMenu ul ul ul ul ul{display:none;padding:0 0 15px 30px;}
.tokenMenu > ul > li > ul > li > ul > li > ul > li > ul li a{padding:3px 0;font-size:92%;}
/* + */
.tokenMenu ul li a.toggleSwitch{position:relative;}
.tokenMenu ul li a.toggleSwitch:after{display:none;}
.tokenMenu ul li a.toggleSwitch span{position:absolute;top:50%;right:15px;width:20px;height:20px;margin-top:-10px;text-align:center;-webkit-transition:all 0.2s;transition:all 0.2s;}
.tokenMenu ul li a.toggleSwitch span:before,
.tokenMenu ul li a.toggleSwitch span:after{content:"";display:block;position:absolute;background-color:#fff;}
.tokenMenu ul li a.toggleSwitch span:before{top:9px;left:4px;width:16px;height:2px;margin:0;}
.tokenMenu ul li a.toggleSwitch span:after{top:2px;left:11px;width:2px;height:16px;-webkit-transition:all 0.2s;transition:all 0.2s;}
.tokenMenu ul li a.toggleSwitch.active span:after{top:9px;left:5px;width:10px;height:2px;}
/**/}
@media screen and (max-width:1072px){/**/
.tokenMenu ul li ul li ul li a.toggleSwitch span:before,
.tokenMenu ul li ul li ul li  a.toggleSwitch span:after{background-color:#0A1C3B;}
.tokenMenu ul li ul li ul li a.toggleSwitch.active span:after{top:9px;left:5px;width:10px;height:2px;}
.tokenMenu > ul > li > ul > li > ul{position:relative;top:inherit;left:inherit;width:100%;transform:none;box-shadow:none;}
.tokenMenu > ul > li > ul > li > ul{display: block;padding:0;}
.tokenMenu > ul > li > ul > li:not(.parentItem, .currentItem):hover > ul{display:none;}
.tokenMenu > ul > li > ul > li > a.active + ul{display:block;}
.tokenMenu > ul > li > ul > li > ul > li > a{display:block;padding:10px 40px 10px 15px;font-weight:700;font-size:100%;color:#111;line-height:1.4;}
.tokenMenu > ul > li > ul > li > ul > li > a + ul{display:none;}
.tokenMenu > ul > li > ul > li > ul > li > ul > li > a.toggleSwitch.active{color:#0A1C3B;font-weight:700;}
.tokenMenu ul li ul li ul li  a.toggleSwitch span:before{/*background-color:#7f9fcb;*/}
.tokenMenu ul li ul li ul li  a.toggleSwitch.active span:after{/*background-color:#7f9fcb;*/}
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab243,
.tokenMenu > ul > li > ul > li > #dnn_ctr578_SEOMenuV2_Tab293{display:block;}
.tokenMenu > ul > li > ul > li > ul{position:relative;top:inherit;left:inherit;width:100%;transform:none;box-shadow:none;}
.tokenMenu > ul > li > ul > li > a.active + ul{display:block;}
.tokenMenu > ul > li > ul > li > a + ul > li{display:none;}
.tokenMenu > ul > li > ul > li > a.active + ul,
.tokenMenu > ul > li > ul > li > a.active + ul > li{position:relative;display:block;padding-bottom:0;}
.tokenMenu li.Tab103, .tokenMenu li.Tab104,
.tokenMenu li.Tab109, .tokenMenu li.Tab113,
.tokenMenu li.Tab120, .tokenMenu li.Tab185,
.tokenMenu li.Tab229, .tokenMenu li.Tab243,
.tokenMenu li.Tab293, .tokenMenu li.Tab382{position:static;}
}
@media screen and (max-width:768px){/**/
#header nav#gNav{display:block;top:60px;right:-100%;width:100%;}
.navOpen #header nav#gNav{right:0;}
.tokenMenu > ul > li > ul > li:hover > ul{display:none;}
.tokenMenu > ul > li > ul > li > ul{position:inherit;top:inherit;left:inherit;width:auto;height:auto;transform:none;box-shadow:none;}
.tokenMenu > ul > li.parentItem > ul > li > a.toggleSwitch:hover{display:block;}
.tokenMenu > ul > li > ul > li:hover > ul > li{padding:0;}
/**/}

/* ===========================================================
 fixedBg , contentBg
=========================================================== */
.fixedBg{position:fixed;top: 110px;left:0;z-index:0;width:100%;height:calc(100vh - 80px);}
.adminMode .fixedBg{position:static;height:auto;}
.fixedBg > div.Bg01Pane,
.fixedBg > div.Bg02Pane,
.fixedBg > div.Bg03Pane{position:absolute;top:0;left:0;width:100%;height:100%;}
.fixedBg > div.Bg01Pane{z-index:2;}
.fixedBg > div.Bg02Pane,
.fixedBg > div.Bg03Pane{z-index:1;}
.fitImg{position:relative;max-width:inherit;}
.adminMode .fitImg{max-width:100%;}
.adminMode .fixedBg > div.Bg01Pane,
.adminMode .fixedBg > div.Bg02Pane,
.adminMode .fixedBg > div.Bg03Pane{display:block;position:static;}
.fixedBg > div .alignCenter{margin:0;padding:0;}
.fixedBg > div .alignCenter img{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;min-width:100%;}
.adminMode .fixedBg > div .alignCenter img{position:static;transform:inherit;max-width:100%;min-height:auto;}

.contentTop .contentBgBlu{padding:0;background-color:#0A1C3B;}
.contentMiddle .contentBgBlu,
.contentBottom .contentBgBlu{padding:0;background-color:#f3f3f3;}
.contentMiddle .contentBgWht,
.contentBottom .contentBgWht{padding:0;background-color:#fff;}
.contentTop .contentBg,
.contentTop .contentBg a{color:#fff;}
.contentBgImg{margin-top:300px;}

@media screen and (max-width:1072px){/**/
.fixedBg{top: 9%;}
/**/}

@media screen and (max-width:768px){/**/
.fixedBg{top:60px;height:calc(100vh - 60px);}
/**/}


/* ===========================================================
 footBody
=========================================================== */
footer{overflow:hidden;margin:0;padding:0;}
.footTop{background-color:#0A1C3B;color:#fff;}
.footBottom{background-color:#fff;}
.footTop a{color:#fff;}
.footTop .inner,
.footBottom .inner{max-width:1800px;}

/* ===========================================================
 css for each skin
=========================================================== */
._Index #main,
._Index #footer{position:relative;z-index:10;}
._Index #main{margin-top:calc(42vw + 80px);transition:all 0.2s;}
._Index.loginMode #main{margin-top:300px !important;}
.adminMode._Index #main{margin-top:0;}


._2Columns .contentMiddle .inner:after{content:"";display:block;clear:both;}
._2Columns .sideArea{float:left;width:210px;}
._2Columns .mainArea{float:right;width:730px;}
.designPattern2 .sideArea{width:260px;margin-top:75px;margin-left:30px;}
._2Columns-sustaina.designPattern2 .mainArea,
._2Columns-ir.designPattern2 .mainArea{width:880px;margin-right:30px;}
._2Columns-sustaina .contentMiddle .inner,
._2Columns-ir .contentMiddle .inner{display:flex;justify-content:space-between;}

.designPattern2 main.mainArea,
.designPattern2 .sideArea{margin:25px 0 75px 0;}
._1Column main.mainArea{margin:25px 0 75px 0;}
/*.ContentPane h3:first-child{margin-top:0;}*/

@media screen and (max-width:900px){/**/
.designPattern2 main.mainArea{margin:30px 0;}
._1Column main.mainArea{margin:30px 0;}
.designPattern2 .contentMiddle .inner{display:block;}
.designPattern2 .sideArea{display: block;width:calc(100% + 60px);margin:0 -30px;padding:30px;background:#e9e9e9;}
.designPattern2 .sideArea .sideNav{border:none;padding:0;}
._2Columns-sustaina.designPattern2 .mainArea,
._2Columns-sustain.designPattern2 .mainArea,
._2Columns-ir.designPattern2 .mainArea,
.designPattern2 .mainArea{width:100%;}
/**/}

@media screen and (max-width:768px){/**/
.spMode._Index #main{padding-top:25px;}
/**/}

/* ===========================================================
 css for admin
=========================================================== */

/* css-for-adminModules */
.FileManager_LeftBox{width:200px !important;}
.FileManager_LeftBox img{height:13px !important;}
#dnn_ctr362_ModuleContent table{width:100% !important;}
#dnn_ctr362_ModuleContent table td{text-align:left !important;}

/* 編集ナビ */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table{width:auto;}
.ModuleTitle_MenuContainer > tbody > tr > td:last-child{line-height:1;}
.ModuleTitle_MenuItem{font-size:12px !important;}

/* スマホプレビュー */
.selectBox + .fancybox-wrap,
.selectBox + .fancybox-wrap *{box-sizing:content-box !important;}
.previewMode .fancybox-opened{z-index:99999999 !important;}

/* 承認フロー管理 */
table.ViewManageRole.tableGrid.Settings th[style*="width"]{width:auto!important;}


/* ===========================================================
 consultationMain
=========================================================== */
.consultationMain{width:100%;padding:50px 0 45px;background-size:auto, auto, 100%;background-image:url(/Portals/0/images/contact/consultation/img_bk_tv.png),url(/Portals/0/images/contact/consultation/img_bk_graph.png),url(/Portals/0/images/contact/consultation/img_bk_wave.png);background-repeat:no-repeat;background-position: 102% 13%, 0% 19%, 97% 10%;}

@media screen and (max-width:1400px){/**/
.consultationMain{background-size:20%,15%,100%;}

/**/}
@media screen and (max-width:1020px){/**/
.consultationMain{background-position: 102% 9%, 0% 19%, 97% 10%;}

/**/}

@media screen and (max-width:768px){/**/
.consultationMain{background-size:50%,40%,100%;background-position: 50% 5.8%, 1000% 5.5%, 92% 6%;}

/**/}



/* ===================================================== */
/* 印刷ボタン*/
/* ===================================================== */
.btnPrint{display:flex;justify-content:flex-end;padding:0;}
.btnPrint a{position:relative;display:flex;flex-direction:row-reverse;align-items:center;color:#111;text-decoration:none;}
.btnPrint a:after{content:"";display:block;width:23px;height:21px;margin:0 8px 0 0;background:url(/Portals/0/images/common/ico_btn_print.png) center center no-repeat;}
.btnPrint a:before{content:"";display:block;position:absolute;bottom:0;width:100%;height:1px;background-color:#0A1C3B;transition:opacity 0.25s ease-out;}
.btnPrint a:hover{text-decoration:none;}
.btnPrint a:hover:before{opacity:0;}
body[data-view="sp"] .PrintPane,
body[data-view="tb"] .PrintPane{display:none;}

/* ===================================================== */
/* 印刷ページ */
/* ===================================================== */
@media print{
	#header .headTop .right,
	#footer .footTop,
	#footer .footBottom .FootPane,
	#footer .footBottom .FootBottomPane,
	.pagetop,
	.breadcrumb,
	.PrintPane,
	.sideArea{display: none;}

#container{display:block;width:auto;}
html,
body{min-width:inherit;}
.inner{width:auto;}
#main{padding-top:0 !important;}
._2Columns .mainArea,
._2Columns-ir .mainArea{width:auto;}

.PagetitlePane .pageTitleKv img {    display: none;}
.PagetitlePane .pageTitleKv h1 {    color: #000;   top: 150px;}
.PagetitlePane .pageTitleKv {    min-height: 200px;}

}