@charset "utf-8";

@import "/Portals/0/css/en/base.css";
@import "/Portals/0/css/en/contents.css";
@import "/Portals/0/css/en/contents-res.css";

/* ===========================================================
 admin
=========================================================== */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table{width:auto;}

/* ===========================================================
 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;}

#IconBar\.ascx_divControlPanel{font-size:12px;}
.ModuleTitle_MenuItem{font-size:12px;}

.PaneName{font-size:14px;}

/* 編集ナビ */
.ModuleTitle_MenuContainer > tbody > tr > td,
.ModuleTitle_MenuContainer > tbody > tr > td > table{width:auto;}
.ModuleTitle_MenuItem{font-size:12px;}

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


/* ===========================================================
 common
=========================================================== */
body,
img{margin:0;padding:0;border:none;vertical-align:middle;}
img{max-width:100%;}
html{height:auto;font-size:16px;}
body{height:100%;color:#333;font-family:"Arial","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";font-size:100%;line-height:1.6;}
.inner{max-width:1040px;margin:auto;padding:0 20px;}
.inner:after{content:"";display:block;clear:both;}
#skin .pcArea{display:block;}
.spArea{display:none;}
.tbArea{display:none;}
#skin{min-width:100%;}

a,
a:link,
a:visited{color:#00682d;text-decoration:none;}
a:hover,
a:active{text-decoration:underline;}
*{box-sizing:border-box;}

a:hover img{opacity:0.8;}


/* ===========================================================
 header
=========================================================== */
/* header */
header#headBody{position:fixed;top:0;left:0;z-index:98;width:100%;border-bottom:0 solid transparent;background-color:#fff;transition:background-color 0.3s ease-in,border-bottom-color 0.2s ease-in;}
header#headBody.fix{border-bottom:3px solid #666;background-color:#fff;}
.skinIndex header#headBody{background-color:transparent;}
.skinIndex header#headBody.fix{background-color:#fff;}
.adminMode header#headBody{position:relative;border-bottom:none;}
header#headBody .headLeft{float:left;}
header#headBody .headLeft h1.logo{margin:0;padding:20px 0 0 0;line-height:0;}
header#headBody .logo a{display:block;}
header#headBody .headRight{float:right;}

/* gnav */
.gNav{position:relative;z-index:98;}
.gNavEditer{max-width:1040px;margin:auto;padding:0 20px;}
.gNavEditer:after{content:"";display:block;clear:both;}
.gNavEditer ul,
.gNavEditer li{list-style:none;float:right;margin:0;padding:0;}
.gNavEditer > ul:after{content:"";display:block;clear:both;}
.gNavEditer > ul > li{display:none;float:left;padding:5px 10px 12px;}
.gNavEditer > ul > li{margin-left:20px;}
/*.gNavEditer > ul > li.Tab438,
.gNavEditer > ul > li.Tab444,
.gNavEditer > ul > li.Tab445,
.gNavEditer > ul > li.Tab463{display:block;}*/
.gNavEditer > ul > li.Tab438,
.gNavEditer > ul > li.Tab444,
.gNavEditer > ul > li.Tab445,
.gNavEditer > ul > li.Tab516{display:block;}
.gNavEditer > ul > li.Tab438{margin-right:0;}
.gNavEditer > ul > li > a{padding:0;box-sizing:content-box;}
.gNavEditer > ul > li > a,
.gNavEditer > ul > li > ul{display:none;}
.gNavEditer > ul > li.Tab438 > a,
.gNavEditer > ul > li.Tab444 > a,
.gNavEditer > ul > li.Tab445 > a,
.gNavEditer > ul > li.Tab463 > a,
.gNavEditer > ul > li.Tab516 > a{display:block;overflow:hidden;white-space:nowrap;text-indent:200%;}
.gNavEditer > ul > li.Tab438 > a{width:80px;height:17px;background:url(/Portals/0/images/english/common/gnav_company.png) 0 top no-repeat;}
.gNavEditer > ul > li.Tab444 > a{width:72px;height:17px;background:url(/Portals/0/images/english/common/gnav_services.png) 0 top no-repeat;}
.gNavEditer > ul > li.Tab445 > a{width: 75px;height:17px;background: url(/Portals/0/images/english/common/gnav_Investors.png) center top no-repeat;}
.gNavEditer > ul > li.Tab463 > a,
.gNavEditer > ul > li.Tab516 > a{width: 112px;height:17px;background: url(/Portals/0/images/english/common/gnav_sustainability.png) center top no-repeat;}
.gNavEditer > ul > li{border-bottom:4px solid transparent;}
.gNavEditer > ul > li.active{border-bottom-color:#999;}
.gNavEditer > ul > li.Tab438.active,
.gNavEditer > ul > li.Tab438.currentItem,
.gNavEditer > ul > li.Tab438.parentItem{border-bottom-color:#019342;}
.gNavEditer > ul > li.Tab444.active,
.gNavEditer > ul > li.Tab444.currentItem,
.gNavEditer > ul > li.Tab444.parentItem{border-bottom-color:#82c735;}
.gNavEditer > ul > li.Tab445.active,
.gNavEditer > ul > li.Tab445.currentItem,
.gNavEditer > ul > li.Tab445.parentItem{border-bottom-color:#643d85;}
.gNavEditer > ul > li.Tab463.active,
.gNavEditer > ul > li.Tab463.currentItem,
.gNavEditer > ul > li.Tab463.parentItem{border-bottom-color:#0ab0bf;}
.gNavEditer > ul > li.Tab516.active,
.gNavEditer > ul > li.Tab516.currentItem,
.gNavEditer > ul > li.Tab516.parentItem{border-bottom-color:#0ab0bf;}

/* mega menu */
header .megaMenu{display:none;position:absolute;top:100%;right:0;left:0;z-index:95;margin:0 auto;background-color:rgba(0,0,0,0.8);}
.spMode header .megaMenu{overflow-y:scroll;}
header .megaMenu::-webkit-scrollbar{display:none;}
header .megaMenu ul,
header .megaMenu li{list-style:none;margin:0;padding:0;}
header .megaMenu a{color:#fff;}
header .megaMenu .inner{padding:50px 20px;}
header .megaMenu .inner > p{max-width:49.5%;margin:0 0 23px;padding:0 5% 0 0;}
header .megaMenu .inner > p a{display: inline-block;position: relative;}
header .megaMenu .inner > p a:after{content:"";display:block;position:absolute;top:0;right: -25px;bottom:0;transform:rotate(135deg);width: 12px;height: 12px;margin:auto;border: 2px solid #fff;border-right-color:transparent !important;border-bottom-color:transparent !important;}
header .megaMenu .inner > p a:hover:after{opacity:0.75;}
header .megaMenu .inner > ul:after{content:"";display:block;clear:both;}
header .megaMenu .inner > ul > li{display:block;float:left;width:49.5%;margin:0 1% 0 0;}
header .megaMenu .inner > ul > li:nth-child(2n){margin-right:0;}
header .megaMenu .inner > ul.layoutItem > li > ul > li{margin-bottom:10px;}
header .megaMenu .inner > ul.layoutItem > li > ul > li > a{display:block;position:relative;padding:5px 25px 5px 18px;border-left:2px solid #999;background-color:#000;color:#fff;}
header .megaMenu .inner > ul.layoutItem > li > ul > li > a:after{content:"";display:block;position:absolute;top:0;right:15px;bottom:0;transform:rotate(135deg);width:8px;height:8px;margin:auto;border:1px solid #868686;border-right-color:transparent !important;border-bottom-color:transparent !important;}
header .megaMenu .inner > ul.layoutItem > li > ul > li > a.noLink:after{display:none;}
header .megaMenu .inner > ul.layoutItem > li > ul > li > a:hover{opacity:1;background-color:#999;text-decoration:none;}
header .megaMenu .inner > ul.layoutItem > li > ul > li > a:hover:after{border:1px solid #fff;}
header .megaMenu .inner > ul.layoutItem ul a + ul{padding:0.5em 0 0.5em 2em;}
.overlay{position:absolute;top:0;z-index:50;transition:background 0.3s;}
.overlay.active{width:100%;background-color:rgba(0,0,0,0.8);}

/* megaMenu_color_list */
header .megaMenu.Tab438 .inner > ul.layoutItem > li > ul > li > a{border-left:2px solid #019342;}
header .megaMenu.Tab438 .inner > ul.layoutItem > li > ul > li > a:hover{background-color:#019342;}
header .megaMenu.Tab444 .inner > ul.layoutItem > li > ul > li > a{border-left:2px solid #82c735;}
header .megaMenu.Tab444 .inner > ul.layoutItem > li > ul > li > a:hover{background-color:#82c735;}
header .megaMenu.Tab445 .inner > ul.layoutItem > li > ul > li > a{border-left:2px solid #643d85;}
header .megaMenu.Tab445 .inner > ul.layoutItem > li > ul > li > a:hover{background-color:#643d85;}
header .megaMenu.Tab463 .inner > ul.layoutItem > li > ul > li > a,
header .megaMenu.Tab516 .inner > ul.layoutItem > li > ul > li > a{border-left:2px solid #0ab0bf;}
header .megaMenu.Tab463 .inner > ul.layoutItem > li > ul > li > a:hover,
header .megaMenu.Tab516 .inner > ul.layoutItem > li > ul > li > a:hover{background-color:#0ab0bf;}

/* ===========================================================
 content
=========================================================== */
.skinIndex .topWrap > .inner{width:auto;max-width:inherit;padding:0;}
main#main{padding-top:113px;background-color:#e2f0d9;}
.skinIndex main#main{padding:0 0 90px 0;background-color:#fff;}
.adminMode main#main{padding-top:0;}
main .contentTop{background-color:#e2f0d9;}
.contentMiddle > .inner{max-width:inherit;padding:0;}

/* pagetitle */
.contentHead{min-height:330px;background-color:#666;}
.contentHead .inner{max-width:inherit;padding:0;}

/* breadcrumb */
.breadcrumb{padding:12px 0 9px;background-color:#eaeaea;font-size:12px;letter-spacing:-0.5em;}
.breadcrumb a{color:#01672f;}
.breadcrumb .inner > span{display:block;overflow:hidden;letter-spacing:normal;text-indent:-1em;}
.breadcrumb .inner > span > *{margin:0 0.5em;letter-spacing:normal;}
.breadcrumb .inner > span > a[href="/"]{display:none;}
.breadcrumb .inner > span > a[href="/english_new/"]:before,
.breadcrumb .inner > span > a[href="/english/"]:before{content:"";display:inline-block;width:10px;height:11px;margin-right:6px;background:url(/Portals/0/images/english/common/ico_breadcrumb_home.png) 0 0 no-repeat;background-size:cover;vertical-align:baseline;}

/* bxslider */
.bx-wrapper{overflow:hidden;position:relative;max-height:800px;}

/* ページャー */
.bx-wrapper > .bx-controls > .bx-pager{display:block;position:absolute;right:0;bottom:10%;left:0;z-index:90;margin:auto;line-height:0;text-align:center;}
.bx-wrapper > .bx-controls > .bx-pager:after{content:"";display:block;clear:both;}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item{display:inline-block;margin-right:10px;}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item:last-child{margin-right:0;}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item a{display:block;overflow:hidden;width:13px;height:13px;border-radius:2px;background-color:#fff;white-space:nowrap;text-indent:200%;}
.bx-wrapper > .bx-controls > .bx-pager > .bx-pager-item a.active{background-color:#019342;}

/* 矢印 */
.bx-wrapper .bx-controls .bx-prev,
.bx-wrapper .bx-controls .bx-next{display:inline-block;overflow:hidden;position:absolute;top:0;bottom:0;z-index:90;width:27px;height:60px;margin:auto;white-space:nowrap;text-indent:200%;}
.bx-wrapper .bx-controls .bx-prev{left:45px;background:url(/Portals/0/images/english/common/ico_slide_prev.png) 0 0 no-repeat;background-size:cover;}
.bx-wrapper .bx-controls .bx-next{right:45px;background:url(/Portals/0/images/english/common/ico_slide_next.png) 0 0 no-repeat;background-size:cover;}

/* slick */
.slider{display:none;}
.slider.slick-initialized{display:block;}
.slick-slider .slick-arrow{overflow:hidden;position:absolute;top:0;bottom:0;width:15px;height:34px;margin:auto;border:none;background-color:transparent;white-space:nowrap;text-indent:200%;}
.slick-slider .slick-prev{left:0;background:url(/Portals/0/images/english/common/ico_carousel_prev.png) 0 0 no-repeat;}
.slick-slider .slick-next{right:0;background:url(/Portals/0/images/english/common/ico_carousel_next.png) 0 0 no-repeat;}

/* column*/
.contentMain{position:relative;z-index:10;margin-top:-110px;}

/* 2column */
.skin2Columns .contentMain .inner{display:table;width:100%;max-width:1600px;padding:0;}
.skin2Columns .contentMain .inner > .mainArea{display:table-cell;padding:40px 0 120px;background-color:#fff;vertical-align:top;}
.skin2Columns .contentMain .inner > .mainArea > *{width:auto;max-width:800px;margin:auto;padding:0 40px;}
.skin2Columns .contentMain .inner > .sideArea{display:table-cell;width:240px;background-color:#666;vertical-align:top;}

/* 1column */
.skin1Column .contentMain .inner{display:block;width:100%;max-width:1600px;padding:0;}
.skin1Column .contentMain .inner > .mainArea{display:block;padding:40px 0 120px;background-color:#fff;}
.skin1Column .contentMain .inner > .mainArea > *{width:auto;max-width:1040px;margin:auto;padding:0 20px;}

/* sideNav */
.sideNav ul{list-style:none;margin:0;padding:0;}
.sideNav > ul{padding:0 0 50px;}
.sideNav > ul > li{display:none;padding:0;}
.sideNav > ul > li > a{display:block;padding:7px 0 8px 22px;color:#fff;font-size:16px;letter-spacing:0.5px;}
.sideNav > ul > li > a:hover{text-decoration:none;}
.sideNav > ul > li.currentItem,
.sideNav > ul > li.parentItem{display:block;}
.sideNav > ul > li > a.currentLink,
.sideNav > ul > li > a.parentLink{display:flex;width:100%;height:110px;margin-bottom:20px;padding:0 0 0 22px;background-color:#444;font-size:20px;align-items:center;}

.sideNav > ul > li > ul > li{padding:0;}
.sideNav > ul > li > ul > li > a{display:block;padding:7px 0 8px 22px;color:#fff;font-size:16px;letter-spacing:0.5px;}
.sideNav > ul > li > ul > li > a.currentLink{background-color:#019342;color:#fff;}
.sideNav > ul > li.Tab444 > ul > li > a.currentLink{background-color:#82c735;}
.sideNav > ul > li.Tab445 > ul > li > a.currentLink{background-color:#643d85;}
.sideNav > ul > li.Tab463 > ul > li > a.currentLink,
.sideNav > ul > li.Tab516 > ul > li > a.currentLink{background-color:#0ab0bf;}
.sideNav > ul > li > ul > li > a:hover{opacity:1;background-color:#019342;color:#fff;text-decoration:none;}
.sideNav > ul > li.Tab444 > ul > li > a:hover{background-color:#82c735;}
.sideNav > ul > li.Tab445 > ul > li > a:hover{background-color:#643d85;}
.sideNav > ul > li.Tab463 > ul > li > a:hover,
.sideNav > ul > li.Tab516 > ul > li > a:hover{background-color:#0ab0bf;}

.sideNav > ul > li > ul > li > ul > li{padding:0;}
.sideNav > ul > li > ul > li > ul > li > a{display:block;padding:3px 0 5px 20px;border-left:22px solid #666;color:#fff;font-size:14px;letter-spacing:0.5px;}
.sideNav > ul > li > ul > li > ul > li > a.currentLink,
.sideNav > ul > li > ul > li > ul > li > a.parentLink{border-left:22px solid #666;background-color:#019342;color:#fff;}
.sideNav > ul > li.Tab444 > ul > li > ul > li > a.currentLink,
.sideNav > ul > li.Tab444 > ul > li > ul > li > a.parentLink{background-color:#82c735;}
.sideNav > ul > li.Tab445 > ul > li > ul > li > a.currentLink,
.sideNav > ul > li.Tab445 > ul > li > ul > li > a.parentLink{background-color:#643d85;}
.sideNav > ul > li.Tab463 > ul > li > ul > li > a.currentLink,
.sideNav > ul > li.Tab463 > ul > li > ul > li > a.parentLink,
.sideNav > ul > li.Tab516 > ul > li > ul > li > a.currentLink,
.sideNav > ul > li.Tab516 > ul > li > ul > li > a.parentLink{background-color:#0ab0bf;}
.sideNav > ul > li > ul > li > ul > li > a:hover{opacity:1;background-color:#019342;color:#fff;text-decoration:none;}
.sideNav > ul > li.Tab444 > ul > li > ul > li > a:hover{background-color:#82c735;}
.sideNav > ul > li.Tab445 > ul > li > ul > li > a:hover{background-color:#643d85;}
.sideNav > ul > li.Tab463 > ul > li > ul > li > a:hover,
.sideNav > ul > li.Tab516 > ul > li > ul > li > a:hover{background-color:#0ab0bf;}


/* ===========================================================
 footer
=========================================================== */
/* footer */
footer .footMiddle{position:relative;padding-top:20px;background-color:#eee;}
.adminMode footer .footMiddle{margin-top:30px;}
footer .footBottom{padding:25px 0 35px;background-color:#000;text-align:center;}

/* pagetop */
.pagetop{position:fixed;right:60px;bottom:40px;z-index:90;margin:0 auto;padding:0;}
.pagetop a img{transition:0.3s;}
.pagetop a img:hover{transform:rotateY(180deg);}

/* copyright */
.copyright{margin:0;padding:0;color:#9d9d9d;font-size:11px;text-align:center;}


.loginMode header#headBody{position:static;}
.loginMode main#main{padding:200px 0 100px;}
.loginMode #dnn_ctr_Login_pnlLogin{text-align:center;}
.loginMode #dnn_ctr_Login_DNN > table{margin:0 auto;}





/* ===========================================================
 css for print
=========================================================== */
@media print{
	body{font-family:"ヒラギノ角ゴ Pro W3","HiraginoKaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "sans-serif";}
}