@charset "utf-8";

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

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

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

/* font settings */
html,
body{color:#000;font-size:15px;line-height:1.6;}
body{font-family:"游ゴシック", "Yu Gothic","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

/* ===========================================================
 skin
=========================================================== */
.divSettings .submitArea{display:block;width:auto;height:auto;margin:0 auto;}
#blockskip{display:none;}
.inner{width:1000px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* ===========================================================
 403  404
=========================================================== */
.iccp-error{font-size:108%;line-height:1.6;text-align:left;}
.iccp-error .iccp-error-body{display:block;margin:0;padding:0;text-align:initial;}
.iccp-error .iccp-error-body h2{font-weight:700;font-size:174%;line-height:1.6;}
.iccp-error .iccp-error-body p{margin:0;padding:0 0 15px 0;}
.iccp-error .iccp-error-body a{text-decoration:none;}

/* ===========================================================
 header
=========================================================== */
#header{margin:0;padding:0;}
/* ---------------------------------------------------
 headTop
---------------------------------------------------- */
.headTop{background:#fff;}
._1Column .headTop,
._2Columns .headTop{border-bottom:3px solid #004da0;}
.headTop > .inner{clear:both;padding:0;}
.headTop .inner:after,
.headBottom .inner:after{content:"";display:block;clear:both;}
.headTop > .inner .rightWrap{width:1000px;}
.headTop > .inner .rightWrap .right{display:flex;justify-content:flex-end;}
.headTop .inner .left{position:relative;float:left;z-index:5;}
/* logo */
.headTop .inner .left .logo{margin-top:10px;}
.headTop .inner .left .logo a{width:calc(100% - 345px);}
.headTop .inner .left .logo a:hover{opacity:0.7;transition:all 0.3s;}

/* ---------------------------------------------------
 headBottom
---------------------------------------------------- */
.headBottom{width:1000px;margin-top:15px;}
.headBottom .inner{width:1000px;}

/* ===========================================================
 gNav
=========================================================== */
.tokenMenu ul{padding:0;}
.tokenMenu ul li{display:none;list-style:none;}
.tokenMenu ul li.Tab36{display:block;padding:0;}
.tokenMenu > ul > li.Tab36 > a{display:none;}
/* 1階層目 */
.tokenMenu > ul > li > ul{display:flex;position:relative;right:10px;width:1020px;margin:0 auto;justify-content:space-between;}
.tokenMenu > ul > li > ul > li{display:none;}
.tokenMenu > ul > li > ul > li.Tab234,
.tokenMenu > ul > li > ul > li.Tab73,
.tokenMenu > ul > li > ul > li.Tab76,
.tokenMenu > ul > li > ul > li.Tab81,
.tokenMenu > ul > li > ul > li.Tab84,
.tokenMenu > ul > li > ul > li.Tab86,
.tokenMenu > ul > li > ul > li.Tab109,
.tokenMenu > ul > li > ul > li.Tab167{display:block;position:relative;padding:0;}
.tokenMenu > ul > li > ul > li.Tab76,
.tokenMenu > ul > li > ul > li.Tab86,
.tokenMenu > ul > li > ul > li.Tab109,
.tokenMenu > ul > li > ul > li.Tab167{position:relative;}
.tokenMenu > ul > li > ul > li.currentItem.Tab76,
.tokenMenu > ul > li > ul > li.Tab76:hover{position:relative;}
.tokenMenu > ul > li > ul > li:hover:before{content:"";display:block;position:absolute;top:4px;right:8px;width:10px;height:10px;border-radius:50%;background:#e50020;}
.tokenMenu > ul > li > ul > li > a{display:block;padding:10px 20px;color:#000;font-weight:700;font-size:120%;text-decoration:none;}
.tokenMenu > ul > li > ul > li.currentItem > a,
.tokenMenu > ul > li > ul > li.parentItem > a{color:#004da0;}
/* 2階層目 */
.tokenMenu > ul > li > ul > li.Tab76 > ul,
.tokenMenu > ul > li > ul > li.Tab86 > ul,
.tokenMenu > ul > li > ul > li.Tab89 > ul,
.tokenMenu > ul > li > ul > li.Tab109 > ul{display:block;position:absolute;margin-left:20px;box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);}
.tokenMenu > ul > li > ul > li.Tab167 > ul{display:block;position:absolute;right: 0;margin-right: 20px;box-shadow:0 5px 5px 0 rgba(0,0,0,0.1);}
.tokenMenu > ul > li > ul > li > ul{/* position:absolute; *//* margin-left:20px; */display:none;/* box-shadow:0 5px 5px 0 rgba(0,0,0,0.1); */}
.tokenMenu > ul > li > ul > li > ul > li{display:none;border-bottom:1px solid #ccc;}
.tokenMenu > ul > li > ul > li.currentItem > ul > li > a{color:#000;}
.tokenMenu > ul > li > ul > li > ul > li > ul{display:none;}
.tokenMenu > ul > li > ul > li:hover > ul > li{display:block;padding:0;}
.tokenMenu > ul > li > ul > li > ul > li > a{display:block;width:200px;padding:12px 10px 12px 24px;background:rgba(229,237,245,1);color:#000;font-weight:500;font-size:87%;text-decoration:none;letter-spacing:-0.5px;}
.tokenMenu > ul > li > ul > li > ul > li:last-child{border-bottom:none;}
.tokenMenu > ul > li > ul > li:hover > ul > li.currentItem a,
.tokenMenu > ul > li > ul > li:hover > ul > li.parentItem a{background:#e50020;color:#fff;}
.tokenMenu > ul > li > ul > li > ul > li > a:hover{position:relative;background-color:#e50020;color:#fff;}
.tokenMenu > ul > li > ul > li > ul > li > a:hover:before{content:"";position:absolute;top:16px;left:12px;width:5px;height:10px;margin:auto;background:url(/Portals/0/images/common/arrow_white.png) 0 0 no-repeat;}

/* ===========================================================
 content
=========================================================== */
/*-----------------------------------------------------------
index
------------------------------------------------------------ */
/* kv */
.KVPane{overflow-x:hidden;}
/* content01 */
.content01{padding-bottom:100px;background:#f2f6fa;}
/* content02 */
.content02{display:block;position:relative;height:100%;}
.content02:before{content:"";position:absolute;top:0;left:0;z-index:-1;width:490px;height:500px;background:url(/Portals/0/images/index/bg_support_01.png) 0 0 no-repeat;}
.content02:after{content:"";position:absolute;top:0;right:0;z-index:-1;width:490px;height:500px;background:url(/Portals/0/images/index/bg_support_02.png) 0 0 no-repeat;}
/* content03 */
.content03{background:url(/Portals/0/images/index/bg_content03.png) 0 0 repeat;}
.content03 > .inner{padding-top:30px;}
/* content04 */
.content04{margin-top:90px;margin-bottom:120px;}

/*-----------------------------------------------------------
_2Columns
------------------------------------------------------------ */
._2Columns .contentMiddle .mainArea > .inner{display:flex;margin-top:50px;justify-content:space-between;}
._2Columns .ContentPane{width:710px;}
._2Columns .contentMiddle .sideArea{width:240px;}
._2Columns .SideTopPane{margin-bottom:52px;}
/*-----------------------------------------------------------
_1Column
------------------------------------------------------------ */
._1Column .contentMiddle .mainArea > .inner{margin-top:50px;}

/*-----------------------------------------------------------
breadcrumb
------------------------------------------------------------ */
.breadcrumb{margin:20px auto;padding:0;font-size:85%;}
.breadcrumb a{color:#666;text-decoration:none;}
.breadcrumb a:hover{opacity:0.7;transition:all 0.3s;}
.breadcrumb span{color:#ccc;text-decoration:none;}
.breadcrumb .breadcrumbItem{margin-right:10px;margin-left:10px;color:#666;}
.breadcrumb .breadcrumbItem:first-child{margin-left:0;}

/*-----------------------------------------------------------
pagetitlePane
------------------------------------------------------------ */
.PagetitlePane{background:#f6f6f6;}

/* ===========================================================
 footer
=========================================================== */
#footer{position:relative;margin:0;padding:0;}
/* footTop */
#footer .footTop{position:relative;margin-top:120px;background:#f2f6fa;}
/* footBottom */
#footer .footBottom{background:#004da0;}
#footer .footBottom .inner{display:flex;align-items:center;justify-content:space-between;}
#footer .footBottom .copyright{padding:20px 0;color:#fff;font-size:80%;}