@charset "utf-8";
@import url('//fonts.googleapis.com/css?family=Noto+Sans+JP:wght@100;200;300;400;500;600;700&subset=japanese');
@import "/Portals/0/css/base.css";
@import "/Portals/0/css/contents.css";

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

@media screen and (max-width:1240px){
html.index,
.index body{}
}

/* font settings */
html,
body{color:#333;font-size:16px;line-height:1.8;}
body{font-family:'Noto Sans JP', "Meiryo","Verdana","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","ＭＳ Ｐゴシック","sans-serif"; margin:0;}
body.fontSize1{font-size: 86%;}
body.fontSize2{font-size: 100%;}
body.fontSize3{font-size: 115%;}

/* 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;}
._1Column #main,
._2Columns #main,
._2ColumnsIR #main{padding-bottom:4em; min-height:calc(100vh - 663px);}
._2Columns .contentMiddle .inner,
._2ColumnsIR .contentMiddle .inner{display:flex; justify-content:space-between;}
._2Columns .mainArea{width:920px;}
._2Columns .sideArea{width:240px;}
._2ColumnsIR .mainArea{width:760px;}
._2ColumnsIR .sideArea{width:400px;}


/* ===========================================================
 header
=========================================================== */
#header{margin:0;padding:0; background:#fff;}
#header.scrolled{background:rgba(255,255,255,0.9);box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2); }
#header .inner{width:1240px; padding:0;}
@media screen and (min-width:1240px) {
#header .inner{width:100%;}
}
.headWrap{display:flex; justify-content:space-between;}
.headWrap .left{display:flex;}
.headWrap .right{display:flex; flex-wrap:wrap; justify-content:flex-end; width:calc(100% - 150px); padding:0 30px 0 0;}
/*.headWrap .headTop{ display:flex; justify-content:flex-end;}*/
/*.scrolled .headWrap .headTop{display:none;}*/
.headWrap .headBottom{ display:flex; justify-content:flex-end; position:relative; padding:0 20px 0 0;}
/* logo */
.logo{width:150px;padding:12px 0 0 30px;text-align:left;}
.logo a{display:block;}
.logo img{vertical-align:top; margin:0 auto 0 0;}
.logo a.logoScroll{display:none;}
.scrolled .logo{padding:12px 0 0 30px;}
.scrolled .logo a.logoFix{display:none;}
.scrolled .logo a.logoScroll{display:block;}

/* headTop */
/*.headTop{padding:15px 20px 0 0;}*/

/* HeadTopPane */
.headTopLink{padding:0; margin:0; display:flex; align-items:center; height:32px;}
.headTopLink.hide{display:none;}
.headTopLink li{padding:0; list-style-type:none; margin-right:40px;}
.headTopLink li a{color:#333; font-size:12px; text-decoration:none;}
.headTopLink li a:hover{color:#333; text-decoration:underline;}
.headTopLink .contact:before{content:""; display:inline-block; background:url(/Portals/0/images/common/ico_email.png) center center no-repeat; width:16px; height:12px; margin-right:6px;}
.headTopLink .sitemap:before{content:""; display:inline-block; background:url(/Portals/0/images/common/ico_sitemap.png) center center no-repeat; width:20px; height:14px; margin-right:6px;}

/* スマホ問い合わせボタン */
.btnContact{display:none;}

/* PCバーガー */
#header .burgerMotion{width:40px; height:100%;}
.burgerMotion a{display:block; padding:0; margin:0; }
.burgerMotion.font{position:relative; }
.burgerMotion.search{position:relative;}
.burgerMotion.contact{position:relative;}
.burgerMotion.font p{background:url(/Portals/0/images/common/ico_font.png) center center no-repeat;}
.burgerMotion.search p{background:url(/Portals/0/images/common/icon_search.png) center center no-repeat;}
.burgerMotion.contact a{background:url(/Portals/0/images/common/ico_contact.png) center center no-repeat; display:block; overflow:hidden; white-space:nowrap; text-indent:110%;}
.burgerMotion.font p:hover,
.burgerMotion.search p:hover,
.burgerMotion.contact a:hover{opacity:0.5;}

.burgerMotion.font p,
.burgerMotion.search p,
.burgerMotion.font p span,
.burgerMotion.search p span{width:100%; height:100%;}
.burgerMotion.font p span:before,
.burgerMotion.search p span:before,
.burgerMotion.font p span:after,
.burgerMotion.search p span:after{display:none;}
.burgerMotion.contact p{display:flex; align-items:center; width:100%; height:60px;}
.pcView .burgerOverlay{background-color: rgba(0,0,0,0);}

/* active */
.burgerMotion.font.active p,
.burgerMotion.search.active p{background:none;}
#header .burgerMotion p span,
#header .burgerMotion p span{display:inline-block;position:absolute;top:0;right:0;bottom:0;left:0;width:20px;height:3px;margin:auto;border-radius:0; vertical-align:middle; background-color: rgba(255, 255, 255, 0); transition: background 0.25s ease-in-out 0.0s;}
#header .burgerMotion.font.active p span:before,
#header .burgerMotion.font.active p span:after,
#header .burgerMotion.search.active p span:before,
#header .burgerMotion.search.active p span:after{content:"";display:block;position:absolute;left:0;width:100%;height:3px;border-radius:0;transition:transform ease-in-out 0.25s 0s,margin ease-in-out 0.25s 0.25s;}
#header .burgerMotion.active p span:before{transform:rotate(45deg);margin-top:0;background-color:#e60012;transition:transform ease-in-out 0.25s 0.25s,margin ease-in-out 0.25s;}
#header .burgerMotion.active p span:after{transform:rotate(-45deg);margin-top:0;background-color:#e60012;transition:transform ease-in-out 0.25s 0.25s,margin ease-in-out 0.25s;}


/* ===========================================================
 gNav
=========================================================== */
#gNav{position:relative; z-index:1;}
.tokenMenu ul{padding:0; margin:0;}
.tokenMenu ul li{display:none; list-style-type:none; padding:0; margin:0;}
.tokenMenu a{display:block; color:#231815; text-decoration:none; position:relative;}
/* 日本語 */
.tokenMenu li.Tab36{display:block;}
.tokenMenu li.Tab73,
.tokenMenu li.Tab74,
.tokenMenu li.Tab75,
.tokenMenu li.Tab76,
.tokenMenu li.Tab77{display:block; margin-left:10px;}
.tokenMenu li.Tab36 > a{display:none;}
/* 1階層目 */
.tokenMenu > ul,
.tokenMenu li.Tab36 > ul{display:flex; justify-content:flex-end; align-items:center;}
.tokenMenu li.Tab36 > ul > li > a,
.tokenMenu li.Tab77 a{font-size:16px; padding:5px 10px 0; height:60px; justify-content:center; align-items:center; display:flex; font-weight:bold;}
.tokenMenu > ul > li > ul > li{position:relative;}

/* カレント */
.tokenMenu > ul > li > a:hover:after,
.tokenMenu > ul > li.parentItem > a:after,
.tokenMenu > ul > li.currentItem > a:after,
.tokenMenu > ul > li > ul > li.active:after,
.tokenMenu > ul > li > ul > li > a:hover:after,
.tokenMenu > ul > li > ul > li.parentItem > a:after,
.tokenMenu > ul > li > ul > li.currentItem > a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px; background:#e60012; z-index:-1;}


/* ===========================================================
 バーガーメニュー
=========================================================== */
.fontWrap,
.searchBoxWrapper{display:none;}
.fontWrap.burgerItem{position:absolute; top:60px; right:0; background-color:rgba(255,255,255,0.9); width:300px; padding:20px 25px;}
.searchBoxWrapper.burgerItem{position:absolute; top:60px; right:0; background-color:rgba(255,255,255,0.9); width:300px; padding:20px 25px;}

/* 検索窓 */
.searchBoxWrapper{position:relative;}
.searchBox{display:flex; position:absolute; right:0;}
.searchBoxWrapper .searchWrap{}
.searchBoxWrapper .btnsearch{vertical-align:top;}
.searchBoxWrapper .btnsearch span{display:block;overflow:hidden;position:absolute;top:0;right:0;left:auto;z-index:11;width:32px;height:32px; background:url(/Portals/0/images/common/icon_search.png) center center no-repeat; cursor:pointer; font-size:10px; overflow:hidden; white-space:nowrap; text-indent:110%;}
.searchBoxWrapper .btnclose{display:none;letter-spacing:normal; vertical-align:top;}
.searchBoxWrapper .btnclose span{display:block;width:32px;height:32px; background:url(/Portals/0/images/common/icon_close.png) center center no-repeat; overflow:hidden; white-space:nowrap; text-indent:110%; cursor:pointer;}

/* 検索モジュール */
.searchBoxWrapper .submitArea{display:flex; border:1px solid #c9cac8;border-radius:50px; padding:0 35px 0 15px; background:#fff;}
.searchBoxWrapper .submitArea input.NormalTextBox[type="text"],
.searchBoxWrapper .submitArea input[id^="dnn_"][type="text"]{width:190px; margin:0; padding:0; border:none;box-sizing:border-box;background:inherit; border-radius:0; line-height:30px;}
.searchBoxWrapper .submitArea input.NormalTextBox[type="text"]:focus,
.searchBoxWrapper .submitArea input[id^="dnn_"][type="text"]:focus{border:none; background:#e9e7e7; }

/* form button search */
.searchBoxWrapper .submitArea input[id^="dnn_"][type="submit"]{width:32px;height:30px;border:none;background-color:transparent; background:url(/Portals/0/images/common/icon_search.png) center center no-repeat; cursor:pointer; margin:0; padding:0; text-indent:110%; white-space:nowrap;}
.searchBoxWrapper .submitArea input[id^="dnn_"][type="submit"]:hover{}

/* placeholder */
.searchBoxWrapper .placeholder{position:absolute; font-size:14px; top:0.3em; left:25px; color:#666; white-space:nowrap;}

/* fontSizer */
.fontWrap{margin-right:38px;}
.fontBoxWrapper{display:flex; align-items:center; justify-content:center;}
.fontWrap.hide{display:none;}
.fontWrap span{font-size:12px; color:#000; margin-right:4px;}
.fontWrap span:before{content:""; display:inline-block; background:url(/Portals/0/images/common/ico_fontsize.png) center center no-repeat; width:15px; height:10px; margin-right:6px;}
#fontSizer{padding:0; margin:0; display:flex;}
#fontSizer li{list-style-type:none; padding:5px 0 0 0; margin-left:4px; color:#000; background:#ddd; border-radius:100px; width:32px; height:32px; text-align:center; font-size:12px;}
#fontSizer li.active{color:#fff; background:#231815;}



/* ===========================================================
 メガメニュー
=========================================================== */
#header .megaMenu .inner{width:1240px;padding:0;}
@media screen and (min-width:1240px){
#header .megaMenu .inner{width:1240px;}
}
.megaMenuWrap{ }
.megaMenu{position:relative; z-index:2;}
.megaMenu > div{position:absolute; top:0; left:0; right:0; bottom:inherit; margin:0 auto auto;background:rgba(255,255,255,0.95); display:none;}
.megaMenu h2{padding:1em 0 0.5em 10px; margin:1em 0 0;}
.megaMenu h2:before{display:none;}
/*.megaMenu h2:before{content:""; width:100%; height:3px; background:#dadada; display:block; position:absolute; bottom:0; left:0;}
.megaMenu h2:after{content:"";display:block;position:absolute;right:0;bottom:0;width:0;height:0;border-width:0 0 15px 15px;border-color:transparent transparent #e60012 transparent;border-style:solid;}*/
.megaMenu h2 a{color:#000000; text-decoration:none;}
.megaMenu h2 a:hover{text-decoration:underline;}
.megaMenu h2 > a:after{content:"";display:inline-block; width:0;height:0; margin:auto auto auto 0.7em; border-width:4px 0 4px 6px;border-color:transparent transparent transparent #e60012;border-style:solid; vertical-align:middle;}
.megaMenu ul{padding:0 0 30px 10px; margin:0; display:flex; flex-wrap:wrap;}
.megaMenu li{list-style-type:none; padding:0; margin:0 30px 5px 0; width:215px;}
.megaMenu li a{display:block; border-bottom:1px solid #999999; position:relative; color:#000000; text-decoration:none; padding:0.5em 15px 0.5em 0; }
.megaMenu li a:hover{text-decoration:underline;}
.megaMenu li a:after{content:"";display:block;position:absolute;top:0;right:0;bottom:0;width:0;height:0;margin:auto 0 auto auto;border-width:4px 0 4px 6px;border-color:transparent transparent transparent #e60012;border-style:solid;}
.megaMenuOverlay{position:absolute; background:rgba(0,0,0,0.1); position:absolute; width:100%;}


/* ===========================================================
 content
=========================================================== */
.breadcrumb{margin:0 auto; padding:0.5em 0 0; font-size:100%;}
.breadcrumb a{color:#333;text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb .inner > span > span:not(.breadcrumbItem){margin:0 1.2em; font-size:115%; color:#cccccc;}

/* 印刷ボタン */
.btnPrint{text-align:right; margin-bottom:1.5em; padding:0;}
.btnPrint a{color:#000; text-decoration:none;}
.btnPrint a:before{content:""; display:inline-block; background:url(/Portals/0/images/common/ico_btn_print.png) center center no-repeat; width:23px; height:21px; margin:0 0.7em 0 0; vertical-align:middle;}
.btnPrint a:hover{text-decoration:underline;}



/* ===========================================================
 footer
=========================================================== */
#footer{margin:0;padding:0; background: linear-gradient(45deg, #ebebeb 25%, transparent 25%, transparent 75%, #ebebeb 75%), linear-gradient(45deg, #ebebeb 25%, transparent 25%, transparent 75%, #ebebeb 75%); background-color: #f2f2f2; background-size:3px 3px; background-position: 0 0, 1px 1px;}
.footLink{display:flex; flex-wrap:wrap;}
.footLink > *{width:18.4%; margin-right:2%;}
.footLink > *:nth-child(5n){margin-right:0;}
.footLink ul,
.footLink li{padding:0; margin:0; list-style-type:none;}
.footLink a{text-decoration:none;}
.footLink a:hover{text-decoration:underline;}
.footLink div > ul{margin-bottom:50px;}
.footLink div > ul > li > a,
.footLink div > ul > li > span{color:#b2000f; font-size:14px; font-weight:600;}
.footLink div > ul > li > ul{margin-top:0.5em;}
.footLink div > ul > li > ul > li,
.footLink div.last > ul > li{margin-bottom:0;}
.footLink div > ul > li > ul > li > a,
.footLink div.last > ul > li > a{color:#333333; font-size:12px; font-weight:500; }
.footLogo p{padding:80px 0 38px; margin:0;}
.footLogo a{display:block;}
.footLogo a img{vertical-align:top;}
.footBottom .inner{border-top:1px solid #aaaaaa; }
.copyright{color:#333; font-size:10px; margin:0; padding:10px 0; text-align:center;}

/* pagetop */
.pagetop{position:relative; z-index:10; padding:0; margin:0;}
.pagetop a{position:absolute; display:block; z-index:5; width:40px;height:40px; padding:0; margin: auto 0 auto auto; background:#231815; overflow:hidden; white-space:nowrap; text-indent:110%; top:inherit; right:0; bottom:30px;}
.pagetop a.fix{bottom:0;}
.pagetop a:before{content:"";display:block;width:0;height:0;border-width:0 6px 9px 6px;border-color:transparent transparent #fff transparent;border-style:solid; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; }


/* ===================================================== */
/* 印刷ページ */
/* ===================================================== */
@media print{
#header,
#footer,
.pagetop,
.breadcrumb,
.PrintPane,
.sideArea{display: none;}
#container{display:block;width:auto;}
html,
body{min-width:inherit;}
.inner{width:auto;}
#main{padding-top:0 !important;}
._2Columns .mainArea,
._2ColumnsIR .mainArea{width:auto;}
}