@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@200;500;800&display=swap');

@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";


/* ===========================================================
 html
=========================================================== */

/* size settings */
html,
body{min-width:1240px;}
/* font settings */
html,
body{color:#222;font-size:18px;line-height:1.8;font-weight: 500;}
body{font-family:'Noto Sans JP',"Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif";}

body.fontSize2{font-size: 22px;min-width:1420px;}
/* chat bot */
.editMode .ibqa_chatbutton{z-index:999;}

/* ===========================================================
 skin
=========================================================== */
#blockskip{display:none;}
.inner{width:1200px;margin:0 auto;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}
.top_menu .menu_content > li .txt{font-size:122%;}
.fontSize2 .top_menu .menu_content > li .txt{width:80%;}
.fontSize2 .top_menu .menu_content > li .ico{margin:45px auto 10px;}

/* ===========================================================
 module
=========================================================== */
.-device-pc > section{display:block;}
.-device-sp > section{display:none;}



/* ===========================================================
 header
=========================================================== */
.editMode #header{position:static;}
#header{position:fixed;top:0;right:0;left:0;z-index:100;width:100%;min-width:1200px;background:#fff;}
#header .headTop{display:flex;height:100px;padding:0;border-bottom:solid #d3d3d3 1px;justify-content:flex-end;align-items:center;}
#header .logo{display:flex; align-items:center; position:absolute; width:25vw; height:100px; padding:0 0 0 2vw;}
.fontSize2 #header .logo{width:20vw; padding:0 0 0 1vw;}
#header .logo a{display:block;}
#header .logo a img{vertical-align:top;}

@media (max-width:1200px) {
#header .logo{width:260px;}
.fontSize2 #header .logo{width:240px;}
}
@media screen and (min-width:1300px){
#header .logo{width: inherit;}
}

#header .headTopWrap .left{}
#header .headTop .right{display:flex; align-items:center; min-width:940px;/*max-width:865px;margin:0 101px 0 0;padding:0 15px 0 0;*/justify-content:flex-end;margin:0;padding:0;}
.fontSize2 #header .headTopWrap .left{width:calc(100% - 970px);}
.fontSize2 #header .headTop .right{max-width:960px;padding:0;}

#header .headTop .right .accessibilityWrap{display:flex;padding:4px 0 0 0;}
#header .headTop #font-size{margin:0 30px 0 0;padding:0;}
.fontSize2 #header .headTop #font-size{margin:0 20px 0 0;}
#header .headTop #font-size ul#fontSizer{padding:0;}
#header .headTop #font-size li{display:flex;list-style:none;margin:0;padding:0;font-size:88.88%;line-height:1.5em;justify-content:center;flex-wrap:wrap;}
#header .headTop #fontSizer li{cursor:pointer;width:60px;height:28px;background:#eee;color:#454545;font-size:100%;}
#header .headTop #font-size li.active{background:#454545 !important;color:#fff !important;}
#header .headTop #font-size li ul{display:flex;list-style:none;margin:0 0 0 10px;}
.fontSize2 #header .headTop #font-size li.fontsize1,
.fontSize2 #header .headTop #font-size li.fontsize2{height:34px;}

#header .headTop .color_list{padding:0; margin:0 30px 0 0; }
.fontSize2 #header #header .headTop .color_list{margin:0 20px 0 0;}
#header .headTop .color_list .titleColor{display:flex;list-style:none;margin:0;padding:0;font-size:88%;line-height:1.8em;flex-wrap:wrap;}
#header .headTop .color_list .titleColor #j-font-color{display:flex;list-style:none;margin:0 0 0 14px;padding:0;}
#header .headTop .color_list .titleColor #j-font-color li{display:flex;list-style:none;width:27px;height:27px;margin:0;padding:0;cursor:pointer;justify-content:center;align-items:center;}
#header .headTop .color_list .titleColor #j-font-color li.color0{border:solid 1px #454545;background:#fff;color:#454545;}
#header .headTop .color_list .titleColor #j-font-color li.color1{border:solid 1px #00f;background:#00f;color:#fff;}
#header .headTop .color_list .titleColor #j-font-color li.color2{border:solid 1px #ff0;background:#ff0;color:#454545;}
#header .headTop .color_list .titleColor #j-font-color li.color3{border:solid 1px #000;background:#000;color:#fff;}
#header .headTop .searchWrap{/*position:absolute;top:0;right:0;*/ position:relative; width:101px;height:100px;}
#header .headTop .searchWrap label{display:flex;position:absolute;top:0;right:0;width:101px;height:100px;background:#454545;cursor:pointer;justify-content:center;align-items:center;}
#header .headTop .searchWrap label img{display:block;}
#header .headTop .searchWrap label span{display:block;color:#fff;font-size:88%;}
#header .headTop .searchWrap .search_popup{display:flex;visibility:hidden;opacity:0;position:absolute;right:0;top:100px; width:350px;padding:1em;border:solid #d3d3d3 1px;background:#fff;transition:all 0.3s ease-in-out; z-index:1;}
#header .headTop .searchWrap #searchPopUp{visibility:hidden;opacity:0;cursor:none;}
#header .headTop .searchWrap #searchPopUp:checked + .search_popup{visibility:visible;opacity:1;}
#header .headTop .searchWrap .searchBtn{position:absolute;right:18px;width:40px;height:36px;border-radius:0 5px 5px 0;background-color:#454545;background-image:url(/Portals/0/images/index/ico_kvSearch.png);background-repeat:no-repeat;background-position:center;color:transparent;font-size:0;transition:all 0.3s ease-in-out;}
.fontSize2 #header .headTop .searchWrap .searchBtn{position:absolute;right:18px;width:50px;height:46px;}
#header .headTop .searchWrap .searchBtn:hover{opacity:0.7em;}
#header .headTop .searchWrap .txtSearch{padding:0.25em 2.5em 0.25em 0.5em;}

#header .head_cont{display:flex;margin:0 30px 0 0;}
.fontSize2 #header .head_cont{margin:0 20px 0 0;}
#header .head_cont a{display:flex;margin:0 16px 0 0; font-size:88%; text-decoration:none;align-items:center;}
#header .head_cont a:hover{text-decoration:underline;}
#header .head_cont a:last-child{margin:0;}
#header .head_cont a img{display:block;margin:0 7px 0 0;}

/* ===========================================================
 gNav
=========================================================== */
#header #gNav .tokenMenu ul{list-style:none;padding:0;}
#header #gNav .tokenMenu li{margin:0;padding:0;}
#header #gNav .tokenMenu li.Tab126{display:none;}
#header #gNav .tokenMenu li.Tab36 > a{display:none;}
#header #gNav .tokenMenu li.Tab36 li{display:none;}
#header #gNav .tokenMenu li.Tab36 a{display:none;}
#header #gNav .tokenMenu li.Tab36 > ul{display:flex;width:91%;margin:auto;justify-content:space-evenly;align-items:center;}
#header #gNav .tokenMenu li.Tab36 > ul > li{width:16.667%;text-align:center;}
#header #gNav .tokenMenu li.Tab36 > ul > li.Tab76,
#header #gNav .tokenMenu li.Tab36 > ul > li.Tab102,
#header #gNav .tokenMenu li.Tab36 > ul > li.Tab109,
#header #gNav .tokenMenu li.Tab36 > ul > li.Tab111,
#header #gNav .tokenMenu li.Tab36 > ul > li.Tab112,
#header #gNav .tokenMenu li.Tab36 > ul > li.Tab117{display:block;}
#header #gNav .tokenMenu li.Tab36 > ul > li > a{display:block;position:relative;padding:12px 0;font-weight:bold;font-size:111.11%;text-decoration:none;}
.fontSize2 #header #gNav .tokenMenu li.Tab36 > ul > li > a{padding:8px 0;}
#header #gNav .tokenMenu li.Tab36 > ul > li > a:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;height:30px;margin:auto;background:#d3d3d3;}
#header #gNav .tokenMenu li.Tab36 > ul > li:first-child > a:before{content:none;}



/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:17px auto 60px;padding:0;font-size:88.88%;}
.breadcrumb a{color:#222;text-decoration:underline;}
.breadcrumb a:hover{text-decoration:none;}
.breadcrumb span:not(.breadcrumbItem){margin:0 17px;}
.breadcrumb .inner > span:not(.breadcrumbItem){margin:0;}

._Index .contentMiddle{position:relative;}
._Index .contentMiddle:before{content:"";position:absolute;top:0;left:-140px;z-index:-1;width:479px;height:479px;background:url(/Portals/0/images/index/topBg.png) center no-repeat;}
/*._Index .searchCont{max-width:420px;}
._Index .searchContWrap .box > div > div{width:290px;}
._Index .searchContWrap select{width:290px;}
._Index .searchContWrap .box label{margin:0 20px 0 0;}
.fontSize2._Index .searchContWrap .box label{margin:0 10px 0 0;padding:0 0 0 23px;font-size:90%;}*/


/* ===========================================================
 footer
=========================================================== */
#footer{overflow-x:hidden;position:relative;margin:0;padding:126px 0 0;}
#footer:before{content:"";position:absolute;right:-140px;bottom:165px;z-index:-1;width:479px;height:479px;background:url(/Portals/0/images/index/topBg.png) center no-repeat;}
.footBottom{display:flex;padding:30px 50px;border-top:solid 1px #d3d3d3;justify-content:space-between;align-items:center;}
@media (max-width:1300px) {
.footBottom{padding:30px 20px;}
.footerBottomWrap.link_txt a{margin-right:20px;}
}
#pagetop{position:fixed;right:35px;bottom:20px;z-index:100;width:70px;height:70px;padding:0;background:url(/Portals/0/images/common/pagetop.png) center no-repeat;color:transparent;font-size:0;}
#pagetop a{display:block;width:100%;height:100%;}
.copyright{font-size:77.78%;}



/*--------------------------------------------------------
innnsatu 印刷
----------------------------------------------------------*/
@media print {
  #header,
  #footer,
  .breadcrumb,
  .contentBottom,
  .InfoPane,
  .sideArea {
    display: none;
  }

html, body {min-width:inherit; font-size: 16px;}
  #main{padding-top:0 !important;
    overflow-y: visible;
    overflow-x: visible;
  }
  .pagetitle {
    padding: 40px 0 !important;
    margin: 0 0 60px;
  }
  .inner,
  .inner_news,
  .contentArea {
    width: 100%;
  }
.table_time > tbody > tr:nth-child(n + 2) > th {width:auto;font-size:80%;}
.table_time > tbody > tr:nth-child(even) > td{font-size:50%;}
.table_time > tbody > tr:nth-child(odd) > td{font-size:80%;}
/*.timeTableTabList{display:none;}*/
}
