@charset "utf-8";
@import '/Portals/0/Skins/skin_admin.css';
@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents_cn.css";
@import "/Portals/0/css/contentsresponsive.css";

/* ===========================================================
 html
=========================================================== */
html,
body{font-size:16px;line-height:1.75; min-width:1240px;}
body {color:#161616; font-family:Arial, sans-serif; font-size:100%; line-height:1.6; margin:0; padding:0; overflow-wrap:break-word;}
.pcArea{display:block !important;}
.spArea{display:none !important;}

/* ===========================================================
 skin - common
=========================================================== */
#skin{overflow:hidden;}
#blockskip{display:none;}
.inner{width:1200px;margin:0 auto;}
.inner:after{content:'';display:block;clear:both;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 header
=========================================================== */
#header{position:relative; margin:0; padding:0;}
#page-header{padding: 1.25em 0 28px;}
#header .inner{display:flex;justify-content:space-between;align-items:center;}
#header .left{max-width:240px;margin-right:2em;}
#header .logo{margin:0.5em 0 0;padding:0;border:none;background-color:transparent;}
#header .logo a{display:block;text-decoration:none;}
#header .logo a:hover{text-decoration:none;opacity:0.65;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
#header .logo img{display:block;max-width:100%;}
#header .HeadTopPane{}
#header .right{display:flex;flex:1;flex-wrap:wrap;;justify-content:flex-end;text-align:right; flex-direction:column;}
@media screen and (max-width:768px) {
#page-header{padding:0;}
}

/* ===========================================================
 gNav
=========================================================== */
#gNav{position:relative;margin:0;padding:0;z-index:97;}
#gNav .tokenMenu ul{margin:0; padding:0;}
#gNav .tokenMenu ul,
#gNav .tokenMenu li{display:none;}
#gNav .tokenMenu > ul{display:flex; justify-content:flex-end;}
#gNav .tokenMenu>ul>li>ul{display:none;}
#gNav .tokenMenu li.Tab570,
#gNav .tokenMenu li.Tab571,
#gNav .tokenMenu li.Tab592,
#gNav .tokenMenu li.Tab572,
#gNav .tokenMenu li.Tab573{display:flex; align-items:center; position:relative; margin:0; padding:0; letter-spacing:normal; line-height:1.25; margin-left:2px;}
#gNav .tokenMenu li.Tab570 > a,
#gNav .tokenMenu li.Tab592 > a{display:none;}
#gNav .tokenMenu li.Tab570 > ul,
#gNav .tokenMenu li.Tab592 > ul{display:flex;}
#gNav .tokenMenu li.Tab593{display:block;}
#gNav .tokenMenu li.Tab571 > a,
#gNav .tokenMenu li.Tab593 > a,
#gNav .tokenMenu li.Tab572 > a,
#gNav .tokenMenu li.Tab573 > a{display:flex; padding:0 14px 8px; color: #1a1a1a;}

/* アイコン */
#gNav .tokenMenu li.Tab573 > a:before{content:""; background:url(/Portals/0/Skins/FDK-ch/images/gnav_ico_corporate.png) 0 center no-repeat; width:32px; height:20px; position:static; padding-right:6px;}
#gNav .tokenMenu li.Tab593 > a:before{content:""; background:url(/Portals/0/Skins/FDK-ch/images/gnav_ico_contact.png) 0 center no-repeat; width:32px; height:20px; position:static; padding-right:6px;}
#gNav .tokenMenu li.Tab571 > a:before{content:""; background:url(/Portals/0/Skins/FDK-ch/images/gnav_ico_product.png) 0 center no-repeat; width:32px; height:20px; position:static; padding-right:6px;}
#gNav .tokenMenu li.Tab572 > a:before{content:""; background:url(/Portals/0/Skins/FDK-ch/images/gnav_ico_support.png) 0 center no-repeat; width:32px; height:20px; position:static; padding-right:6px;}

/* karennto カレント */
#gNav .tokenMenu>ul>li>ul>li>a:hover:after,
#gNav .tokenMenu>ul>li>ul>li.parentItem>a:after,
#gNav .tokenMenu>ul>li>ul>li.currentItem>a:after{content:""; position:absolute; bottom:0; left:0; display:block; width:100%; height:2px; background:#1a1a1a;}
#gNav .tokenMenu > ul > li > ul > li{padding:0 0.25em 0;}
#gNav .tokenMenu li.Tab593 > a:hover:after,
#gNav .tokenMenu li.Tab593.parentItem > a:after,
#gNav .tokenMenu li.Tab593.currentItem > a:after{content: ""; position: absolute; bottom: 0; left: 0; display: block; width: 100%; height: 2px; background: #1a1a1a;}

/* ===========================================================
 main
=========================================================== */
#main{}
.breadcrumb{margin:0 auto;padding:1.25em 0;font-size:0.75em;line-height:1.5;color:#1a1a1a;background:#e9e9e9;border-top:2px solid #004ea2;}
.breadcrumb span a{display:inline-block;padding:0;color:#1a1a1a;text-decoration:none;}
.breadcrumb span a:hover{text-decoration:none;opacity:0.65;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
.breadcrumb span span{display:inline-block;padding:0;}
.breadcrumb span span:not(.breadcrumbItem){margin:0 1em;}
.contentTop .inner{width:auto;}
.contentMiddle{margin:3.5em 0;}

/* ===========================================================
 footer
=========================================================== */
#footer{border-top:1px solid #c9c9c9;}
#footer .footTop{position:relative;background:#f6f6f6;}
#footer .footTop .pagetop{position:absolute;bottom:100%;left:0;right:0;width:100%;margin:auto;}
#footer .footTop .pagetop a{position:absolute;right:0;bottom:60px;display:block;width:50px;height:50px;background:#00438b url(/Portals/0/Skins/FDK/images/pagetop.png) 0 0 no-repeat;background-size:contain;overflow:hidden;text-indent:200%;white-space:nowrap;}
#footer .footTop .pagetop a:hover{opacity:0.65;-webkit-transition:opacity 0.25s ease-out;transition:opacity 0.25s ease-out;}
#footer .footTop .pagetop a:before{content:"";position:absolute;top:4px;display:block;right:0;left:0;width:20px;height:15px;margin:auto;transition:top 0.3s;}
#footer .footTop .pagetop.fix a:before{top:8px;}
#footer .footBottom{padding:1.5em 0;color:#fff;background:#004ea2;}
#footer .footBottom .inner{display:flex;justify-content:space-between;align-items:flex-end;}
#footer .footBottom a{color:#fff;}
#footer .FootBottomPane{}
#footer .copyright{flex:1;margin:0 0 0 1em;padding:0.25em 0 0;font-size:0.75em;text-align:right;line-height:1.2;white-space: nowrap;}

/* ===========================================================
 skin - 2Columns
=========================================================== */
.skin2Columns .mainArea{float:left;width:900px;}
.skin2Columns .sideArea{float:right;width:240px;}




/* =================================================================================================
====================================================================================================
====================================================================================================
====================================================================================================
====================================================================================================
 responsive
====================================================================================================
====================================================================================================
====================================================================================================
====================================================================================================
================================================================================================= */

@media screen and (max-width:768px){

/* ===========================================================
 html
=========================================================== */
html,
body{font-size:14px; min-width:320px;}
.pcArea{display:none !important;}
.spArea{display:block !important;}

/* ===========================================================
 skin - common
=========================================================== */
.inner{width:100%;}

/* ===========================================================
 header
=========================================================== */
#header{padding:5.5em 0 0;}
#header .inner{flex-direction:column;align-items:flex-start;}
#header .left{position:absolute;top:0;left:0;width:100%;height:5.5em;max-width:100%;margin:0;padding:1.25em 6% 0;text-align:left;z-index:99;background:#fff;}
#header .logo{width:180px;padding:0 0 5px;}
#header .right{flex:auto;flex-wrap:inherit;justify-content:inherit;display:block;width:100%;text-align:left;}

/* ===========================================================
 gNav
=========================================================== */
#gNav{display:block;height:auto;z-index:5;}
#gNav .tokenMenu li.Tab570,
#gNav .tokenMenu li.Tab571,
#gNav .tokenMenu li.Tab592,
#gNav .tokenMenu li.Tab572,
#gNav .tokenMenu li.Tab573{padding:0; margin-left:0;}
#gNav .tokenMenu li.Tab570{width:100%; border-top:1px solid #e8e8e8; }
#gNav .tokenMenu li.Tab570 > ul{width:100%; flex-wrap:wrap;}
#gNav .tokenMenu li.Tab572{border-right:1px solid #e8e8e8;}
#gNav .tokenMenu li.Tab571{border-right:1px solid #e8e8e8;}
#gNav .tokenMenu li.Tab571 > a,
#gNav .tokenMenu li.Tab593 > a,
#gNav .tokenMenu li.Tab572 > a,
#gNav .tokenMenu li.Tab573 > a{width:100%; height:100%; padding:13px 1% 11px 9%;}
#gNav .tokenMenu li.Tab592 > ul,
#gNav .tokenMenu li.Tab592 > ul > li{width:100%;}
#gNav .tokenMenu > ul{justify-content:flex-start;}
#gNav .tokenMenu > ul > li > ul > li{width:50%; border-bottom: 1px solid #e8e8e8;}

/* カレント */
#gNav .tokenMenu>ul>li>ul>li>a:hover:after,
#gNav .tokenMenu>ul>li>ul>li.parentItem>a:after,
#gNav .tokenMenu>ul>li>ul>li.currentItem>a:after,
#gNav .tokenMenu li.Tab593 > a:hover:after,
#gNav .tokenMenu li.Tab593.parentItem > a:after,
#gNav .tokenMenu li.Tab593.currentItem > a:after{display:none;}
#gNav .tokenMenu>ul>li>ul>li.parentItem>a,
#gNav .tokenMenu>ul>li>ul>li.currentItem>a,
#gNav .tokenMenu li.Tab593.parentItem > a,
#gNav .tokenMenu li.Tab593.currentItem > a{background:#e8e8e8;}


/* ===========================================================
 main
=========================================================== */
.breadcrumb{padding:1.75em 6% 0.5em;background:#e9e9e9;}
.contentMiddle{padding:0;margin:0;}
.contentMiddle02 {margin: 0;}
.PagetitlePane{padding:0 6% 1em; }
.ContentPane{padding:0 18px;}
.ContentPane .moduleZero:first-child [id$="_HtmlModule_HtmlModule_lblContent"]>h2:first-child{margin-top:0.5em;}
.ContentBottomPane,
.ContentBottomEnPane{padding-left:6%;padding-right:6%;}

/* ===========================================================
 footer
=========================================================== */
#footer .footTop .pagetop{display:block;}
#footer .footTop .pagetop a{bottom:0;}
#footer .footBottom{padding:35px;}
#footer .footBottom .inner{flex-direction:column;align-items:center;}
#footer .copyright{float:none;padding:0 1%;text-align:center;}

}

@media screen and (max-width: 1100px) {

}