@charset "utf-8";



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

/* font settings */
html,
body{color:#333;font-size:10px;line-height:1.6;}
body{overflow-y:scroll;font-family:"Noto Sans","Noto Sans JP","Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";font-weight:400;font-size:1.8rem;}



/* ===========================================================
 skin
=========================================================== */
#skin{position:relative;}
#blockskip{display:none;}
.inner,
.editInner{width:1200px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}

/* moduleInner
------------------------------ */
#header .moduleInner,
#footer .moduleInner{width:auto;max-width:inherit;}



/* ===========================================================
 header
=========================================================== */
#header{position:fixed;top:0;bottom:inherit !important;left:0;z-index:100;width:100%;margin:0;padding:0;transition:background 0.3s ease-in-out, transform 0.3s ease-in-out;}
#header{top:0;}
#header.headFixed{top:0;}
#header.hide{transform:translateY(-80px);}
/* --- index --- */
._Index #header{top:40px;}
._Index #header.headFixed{top:0;}
/* --- editMode --- */
.editMode #header{position:static !important;}

/* headTop
------------------------------ */
.header .headTop{position:relative;z-index:100;background:#fff;}
.header .headTop > .inner{display:flex;width:auto;min-width:1240px;padding:0;justify-content:space-between;}
/* --- index --- */
._Index .header .headTop{background-color:transparent;}
._Index .header .headTop > .inner{padding:0 20px;}
.header .headTop > .inner > .left{flex:0 1 auto;position: relative;z-index: 95;}
.header .headTop > .inner > .right{display:flex;position:relative;z-index: 95;flex-direction:row-reverse;}

/* logo
------------------------------ */
.header .headTop .logo a{display:block;height:80px;padding: 14px 10px 6px 40px;}
.header .headTop .logo a img{display:block;max-height:100%;}
/* --- index --- */
._Index .header .headTop .logo a{padding:5px 0;}

/* searchWrap
------------------------------ */
.header .headTop .headSearch{background-color:#fff;}
.header .headTop .headSearch .searchWrap{overflow:hidden;position:absolute;top:0;right:80px;bottom:0;left:inherit;width:0;margin:auto 0;padding:0;background-color:#fff;background-color:#f2f2f2;font-weight:700;font-size:1.6rem;transition:width 0.3s ease-in-out,padding 0.3s ease-in-out;}
.navOpen .header .headTop .headSearch .searchWrap{right:80px;left:inherit;width:818px;padding:10px 20px;}
.header .headTop .headSearch .searchWrap input.txtSearch{width:calc(100% - 60px);height:100%;margin:0 0 0 60px;padding:10px 25px 10px 25px;border:none;border-left:4px solid #e6e6e6;border-radius:0;background-color:transparent;}
.header .headTop .headSearch .searchWrap a.searchBtn{display:block;overflow:hidden;position:absolute;top:10px;left:20px;width:60px;height:60px;background:url(/Portals/0/images/common/ico_head_search.png) 4px center no-repeat;white-space:nowrap;text-indent:200%;}
/* --- placeholder --- */
.header .headTop .headSearch .searchWrap .placeholder{display:block;position:absolute;top:27px;left:109px;z-index:15;color:#999;}

/* headBottom
------------------------------ */
.header .headBottom{position:relative;z-index:100;}



/* ===========================================================
 gNav
=========================================================== */
/* ===========================================================
 tokenMenu
=========================================================== */
.tokenMenu ul{list-style-type:none;margin:0;padding:0;}
.tokenMenu ul li{margin:0;padding:0;}
.tokenMenu ul li a{display:none;color:#252525;font-size:1.8rem;text-decoration:none;}
.tokenMenu ul li a:hover{opacity:1;}

/* 2nd
------------------------------ */
.tokenMenu ul ul{display:flex;border-left:2px solid #e6e6e6;}
._Index .tokenMenu ul ul{border:none;}
.tokenMenu ul ul li{display:none;background-color:#fff;}
.tokenMenu ul ul li.Tab101,
.tokenMenu ul ul li.Tab144,
.tokenMenu ul ul li.Tab165,
.tokenMenu ul ul li.Tab179{display:block;border-right:2px solid #e6e6e6;}
.tokenMenu ul ul li.Tab179{border-right:none;}
.tokenMenu ul ul li > a{display:flex;position:relative;min-width:220px;max-width:14em;height:80px;padding: 0 0.75em;font-weight:700;line-height:1.2;text-align:center;justify-content:center;align-items:center;}
.tokenMenu ul ul li > a:after{content:"";display:block;position:absolute;right:0;bottom:0;left:0;width:100%;height:6px;margin:0 auto;}
/* --- category color --- */
.tokenMenu ul ul li.Tab101 > a:hover{color:#0352a1;}
.tokenMenu ul ul li.Tab144 > a:hover{color:#6fba2c;}
.tokenMenu ul ul li.Tab165 > a:hover{color:#fda41f;}
.tokenMenu ul ul li.Tab179 > a:hover{color:#666;}
.tokenMenu ul ul li.Tab101 > a:after{background-color:#0352a1;}
.tokenMenu ul ul li.Tab144 > a:after{background-color:#6fba2c;}
.tokenMenu ul ul li.Tab165 > a:after{background-color:#fda41f;}
.tokenMenu ul ul li.Tab179 > a:after{background-color:#333;}
/* --- megaTrigger --- */
.tokenMenu ul ul li.megaTrigger{position:relative;}
.tokenMenu ul ul li.megaTrigger:before{content:"";display:block;opacity:0;position:absolute;top:calc(100% - 28px);right:0;left:0;z-index:-1;width:0;height:0;margin:0 auto;border-width:28px 16px 0 16px;border-color:transparent;border-style:solid;border-top-color:#ccc;transition:opacity 0.3s ease-in-out, top 0.3s ease-in-out;}
.tokenMenu ul ul li.megaTrigger.active:before{opacity:1;top:100%;}
.tokenMenu ul ul li.megaTrigger.Tab101:before{border-top-color:#0352a1;}
.tokenMenu ul ul li.megaTrigger.Tab144:before{border-top-color:#6fba2c;}
.tokenMenu ul ul li.megaTrigger.Tab165:before{border-top-color:#ffa51f;}
.tokenMenu ul ul li.megaTrigger.Tab179:before{border-top-color:#333;}

/* 2nd
------------------------------ */

/* 3rd
------------------------------ */
.tokenMenu ul ul ul{border:none;}

/* currentItem & parentItem
------------------------------ */
.tokenMenu ul ul li.megaTrigger.active > a:after,
.tokenMenu ul ul li.currentItem > a:after,
.tokenMenu ul ul li.parentItem > a:after{height:12px;}



/* ===========================================================
 content
=========================================================== */
/* contentBottom
------------------------------ */
.contentBottom{margin:80px 0 0;}
._Index .contentBottom{margin:0;}



/* ===========================================================
 footer
=========================================================== */
#footer{position:relative;margin:0;padding:100px 0 0;}
._Index #footer{margin-top:110px;}

/* pageTop
------------------------------ */
#pagetop{position:absolute;right:40px;bottom:100px;z-index:90;margin:0;padding:0;border-radius:20px 20px 0 0;background-color:#fff;}
#pagetop.fix{bottom:calc(100% - 100px);}
#pagetop:not([style]){position:absolute;bottom:calc(100% - 100px);}
#pagetop:before{content:"";display:block;position:absolute;right:0;bottom:calc(100% - 4px);left:0;z-index:10;width:80px;height:112px;margin:0 auto;background:url(/Portals/0/images/common/img_pagetop_character.png) 0 0 no-repeat;}
#pagetop a{display:block;overflow:hidden;position:relative;z-index:5;width:100px;height:60px;border-radius:10px 10px 0 0;background-size:4px 4px;background-color:#70af39;background-image:linear-gradient(45deg, #57a116 25%, transparent 25%, transparent 75%, #57a116 75%, #57a116), linear-gradient(45deg, #57a116 25%, transparent 25%, transparent 75%, #57a116 75%, #57a116);background-position:0 0, 2px 2px;text-decoration:none;white-space:nowrap;text-indent:200%;}
#pagetop a:before{content:"";display:block;position:absolute;top:0;bottom:0;left:14px;width:22px;height:23px;margin:auto 0;background:url(/Portals/0/images/common/img_pagetop_arrow.png) 0 0 no-repeat;}
#pagetop a:after{content:"TOP";display:block;position:absolute;top:22px;left:48px;color:#fff;font-weight:700;font-size:1.6rem;line-height:1;letter-spacing:0.1em;text-indent:0;}
/* --- skinCorp --- */
.skinCorp #pagetop{bottom:0;}
.skinCorp #pagetop.fix{bottom:calc(100% - 100px);}

/* footTop
------------------------------ */
.footer .footTop{display:flex;padding:0 40px;border-top:4px solid #dbdbdb;justify-content:space-between;align-items:center;}
.footer .footTop > .left{margin-right:60px;}

/* footBottom
------------------------------ */
.footer .footBottom{background-color:#333;color:#fff;}
/* --- copyright --- */
.footer .footBottom .copyright{margin:0;padding:5px 0;font-size:1.2rem;text-align:center;}



/* ===========================================================
 contents
=========================================================== */
/* pageTitleArea
------------------------------ */
.pageTitleArea{overflow:hidden;background-size:4px 4px;background-color:#70af39;background-image:linear-gradient(45deg, #57a116 25%, transparent 25%, transparent 75%, #57a116 75%, #57a116), linear-gradient(45deg, #57a116 25%, transparent 25%, transparent 75%, #57a116 75%, #57a116);background-position:0 0, 2px 2px;color:#fff;}
.skinBlue .pageTitleArea{background-color:#0352a1;background-image:linear-gradient(45deg, #034689 25%, transparent 25%, transparent 75%, #034689 75%, #034689), linear-gradient(45deg, #034689 25%, transparent 25%, transparent 75%, #034689 75%, #034689);}
.skinGreen .pageTitleArea{background-color:#6fba2c;background-image:linear-gradient(45deg, #84c44b 25%, transparent 25%, transparent 75%, #84c44b 75%, #84c44b), linear-gradient(45deg, #84c44b 25%, transparent 25%, transparent 75%, #84c44b 75%, #84c44b);}
.skinOrange .pageTitleArea{background-color:#ffa51f;background-image:linear-gradient(45deg, #ffb240 25%, transparent 25%, transparent 75%, #ffb240 75%, #ffb240), linear-gradient(45deg, #ffb240 25%, transparent 25%, transparent 75%, #ffb240 75%, #ffb240);}
.skinCorp .pageTitleArea{background-color:#444;background-image:linear-gradient(45deg, #606060 25%, transparent 25%, transparent 75%, #606060 75%, #606060), linear-gradient(45deg, #606060 25%, transparent 25%, transparent 75%, #606060 75%, #606060);}
.editMode .pageTitleArea{overflow:visible;}
.pageTitleArea h1{display:flex;width:1200px;height:200px;margin:0 auto;font-weight:700;font-size:3.2rem;letter-spacing:0.01em;justify-content:center;align-items:center;flex-wrap:wrap;}
.pageTitleArea h1:before,
.pageTitleArea h1:after{display:none;}

/* breadcrumb
------------------------------ */
.breadcrumb{margin:0;padding:0.5em 0;background-color:#f2f2f2;font-size:1.4rem;line-height:1.3;}
.breadcrumb > .inner > span{display:block;}
.breadcrumb > .inner > span > *{display:inline-block;}
.breadcrumb > .inner > span > span.separator{display:inline-block;position:relative;margin:0 10px 0;}
.breadcrumb > .inner > span > span.separator:before{content:"";display:inline-block;position:relative;top:-1px;left:-2px;transform:rotate(45deg);width:8px;height:8px;margin:0;border:2px solid #0352a1;border-bottom:none;border-left:none;vertical-align:middle;}
.skinGreen .breadcrumb > .inner > span > span.separator:before{border-color:#7fc740;}
.skinOrange .breadcrumb > .inner > span > span.separator:before{border-color:#fda41f;}
.skinCorp .breadcrumb > .inner > span > span.separator:before{border-color:#444;}
.breadcrumb a{color:#666;text-decoration:none;}
.breadcrumb a:hover{color:#333;}

/* contentTop
------------------------------ */
.contentTop{margin:0 0 80px;}
.contentTop > .TopPane.DNNEmptyPane{margin-bottom:100px !important;}



/* ===========================================================
 skinIndex
=========================================================== */
/* newsPaneWrap
------------------------------ */
.newsPaneWrap{display:flex;width:1200px;margin:0 auto;padding:0 0 120px;}
.newsPaneWrap > *{flex:0 0 49.2%;}
.newsPaneWrap > .left{margin-right:1.6%;}
.newsPaneWrap > .right > .top{margin-bottom:20px;}
.newsPaneWrap > .left .newsList.newsListIndex{height:780px;}
.newsPaneWrap > .right .newsList.newsListIndex{height:380px;}



/* ===========================================================
 2Columns
=========================================================== */
/* 2Columns
------------------------------ */
._2Columns .contentMiddle > .inner{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;}
._2Columns .contentMiddle > .inner > .mainArea{flex:0 0 78%;width:78%;}
._2Columns .contentMiddle > .inner > .sideArea{flex:0 0 20%;width:20%;}
._2Columns .contentMiddle .moduleInner{width:auto;}



/* ===========================================================
 CMS
=========================================================== */
/* moduleSkin
------------------------------ */
.-device-pc > .moduleSkin{display:block;}
.-device-sp > .moduleSkin{display:none;}

/* controlpanel
------------------------------ */
.ic-controlpanel[data-horizontal="left"] .iccp-body .iccp-set.-modulesettings .nice-select.open .list{width:420px;}