@charset "utf-8";

@import '/Portals/0/css/base.css';
@import '/Portals/0/css/contents_base.css';
@import '/Portals/0/css/contents.css';
@import '/Portals/0/css/contents_module.css';
@import '/Portals/0/css/contents_admin.css';

/* ===========================================================
 z-index settings
=========================================================== */
.breadcrumb{z-index:15;}
#gNav{z-index:100;}
#backtotop{z-index:99;}




/* ===========================================================
 html
=========================================================== */
/* size settings */
html,
body{min-width:1040px;}
.inner,
#backtotop{width:1000px;margin:0 auto;}
.skin2Columns .sideArea{width:240px;}
.skin2Columns .mainArea{width:715px;}
/* pc/sp settings */
.pcArea{display:block;}
.spArea{display:none;}

/* ===========================================================
 skin and cms
=========================================================== */
#skin{overflow:hidden;}
#blockskip{display:none;}
.DNNEmptyPane{margin:0 !important;padding:0 !important;}
h1 .Head,
h2 .Head,
h3 .Head,
h4 .Head,
h5 .Head,
h6 .Head{color:inherit;font-size:inherit;font-weight:inherit;}

/* ===========================================================
 header
=========================================================== */
#skin>header{margin:0;padding:1em 0;}
#skin>header:after{content:'';display:block;clear:both;}
#skin>header .logo {margin:0;padding:0;}
#skin>header .logo a{display:inline-block;margin:0 0 0 10px;vertical-align:middle;}
#skin>header .logo a:first-child{margin:0;}
#skin>header .logo img{display:inline-block;}
/* headTop---------------------- */
.logo_mark > img {width: 100%;}

.headTop{padding:0 0 0.5em;position: relative;}
.headTop:after{content:'';display:block;clear:both;}
.headTop > .inner{position:relative;}
.headTop .left{float:left;width:400px;}
.headTop .right{margin:0 0 0 400px;text-align:right;}
.headTop .right .headRightMiddle{display:flex;justify-content:flex-end;align-items:flex-end;margin-top:0.8em;padding-right:10em;min-height:65px;}
.en .headTop .right .headRightMiddle{min-height:inherit;padding-right:9em;}
.headTop .right .headRightMiddle .HeadTopCpPane,
.headTop .right .headRightMiddle .HeadTopCpEnPane{display:inline-block;}
.headTop .inner .HeadTopCpPane,
.headTop .inner .HeadTopCpEnPane{position:absolute;content:"";right: 0;bottom: 0;}

#fontsizer{display:inline-block;margin:1.6em 0.5em 0.75em 0;padding:0;line-height:2;letter-spacing:-.4em;vertical-align:bottom;border-bottom:1px solid #ccc;}
#fontsizer:before{content:'文字サイズ';display:inline-block;padding:0 0.5em 0 0;font-size:78.6%;letter-spacing:normal;}
.en #fontsizer:before{content:'Font size';}
#fontsizer:after{content:'';display:block;clear:both;}
#fontsizer li{position:relative;display:inline-block;width:2em;height:2em;margin:0;padding:0;text-align:center;letter-spacing:normal;border:none;list-style:none;cursor:pointer;}
#fontsizer li:hover{color:#004098;}
#fontsizer li:after{content:'';position:absolute;bottom:-1px;left:0;right:0;display:block;width:0;height:1px;margin:auto;background:transparent;
-webkit-transition:all ease-in-out 0.25s;-ms-transition:all ease-in-out 0.25s;transition:all ease-in-out 0.25s;}
#fontsizer li:hover:after{width:2em;background:#004098;}
#fontsizer li.active{color:#004098;}
#fontsizer li.active:after{width:2em;background:#004098;}
#fontsizer li.active:hover{cursor:default;}
#fontsizer li.fontsizeS:after{left:auto;}
.fontSize3 #fontsizer li.fontsizeM:after{left:auto;}
.fontSize1 #fontsizer li.fontsizeM:after{right:auto;}
#fontsizer li.fontsizeL:after{right:auto;}

.fontSize2 .headTop .right .headRightMiddle{padding-right:9em;}
.fontSize3 .headTop .right .headRightMiddle{padding-right:8em;}
.fontSize2 .en .headTop .right .headRightMiddle{padding-right:8em;}
.fontSize3 .en .headTop .right .headRightMiddle{padding-right:7em;}
.fontSize3 .en .headTop .inner .HeadTopCpEnPane{text-align:right;}
.en header .logo img{width: 100%;height: auto !important;vertical-align: middle;}
.en .headTop .left{display: flex;align-items: center;}

/* headBottom---------------------- */
.headBottom{height:2em;}
.headBottom>.inner{position:relative;width:auto;}
.headBottom:after{content:'';display:block;clear:both;}
div[id^='dnn_HeadBottom']{position:relative;}
/**/
#gNav{position:absolute;top:0;left:50%;width:1000px;margin:0 auto;
-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);}
#gNav:after{content:'';display:block;clear:both;}
#gNav .tokenMenu{line-height:1em;}
#gNav .tokenMenu ul{margin:0;padding:0;}
#gNav .tokenMenu ul li{margin:0;padding:0;list-style:none;}
#gNav .tokenMenu ul li a{display:block;width:160px;margin:0;padding:0.5em 0;color:#fff;text-align:center;text-decoration:none;background:#004098;border-radius:5px;}
#gNav .tokenMenu ul li a:hover{background:#247eca;}
#gNav .tokenMenu ul li a.currentLink,
#gNav .tokenMenu ul li a.parentLink{background:#247eca;}
#gNav .tokenMenu>ul{}
#gNav .tokenMenu>ul>li{}
#gNav .tokenMenu>ul>li>a{float:left;}
#gNav .tokenMenu>ul>li>a.parentLink{background:#004098;}
#gNav .tokenMenu>ul>li>ul{float:left;}
#gNav .tokenMenu>ul>li>ul>li{float:left;display:none;}
#gNav .tokenMenu>ul>li>ul>li>a{margin:0 0 0 5px;}
#gNav .tokenMenu>ul>li>ul>li.selected a{background:#004098 !important;}
#gNav .tokenMenu>ul>li>ul>li>ul{display:none;}
/**/
.HeadBottomSpPane div[id$='_ContentPane'],
.HeadBottomCpSpPane div[id$='_ContentPane'],
.HeadSearchCpSpPane div[id$='_ContentPane'],
.HeadBottomCpEnSpPane div[id$='_ContentPane'],
.HeadSearchCpEnSpPane div[id$='_ContentPane']{display:none;}

/* toggleSwitch---------------------- */
.toggleSwitch{position:relative;padding-right:2em;}
.toggleSwitch:before{content:'';position:absolute;top:1.15em;right:1em;display:block;width:0.75em;height:0.75em;border-top:1px solid #004098;border-right:1px solid #004098;
-webkit-transform:rotate(135deg);-ms-transform:rotate(135deg);transform:rotate(135deg);
-webkit-transition:transform ease-in-out 0.25s;-ms-transition:transform ease-in-out 0.25s;transition:transform ease-in-out 0.25s;}
.toggleSwitch.open:before{top:1.35em;
-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

/* ===========================================================
 content
=========================================================== */
.ContentPane img{max-width:100%;}
#skin>main{position:relative;margin:0;padding:0 0 3em;}
#skin>main:after{content:'';display:block;clear:both;}
/* breadcrumb---------------------- */
.breadcrumb{position:absolute;top:0;left:0;width:100%;}
.breadcrumb{margin:0;padding:0.75em 0;font-size:11px;}
.breadcrumb a,
.breadcrumb span{display:inline-block;color:#999;}
.breadcrumb a{text-decoration:none;}
.breadcrumb a:hover{text-decoration:underline;}
.breadcrumb span{padding:0 1em;}
.breadcrumb span.breadcrumbItem{padding:0;}

/* TopPane---------------------- */
.TopPane{min-height:180px;background:#eee;}
#skin.skinIndex.cp .TopPane{min-height:inherit;background:none;}

/* contentTop---------------------- */
.contentTop{position:absolute;top:0;left:0;width:100%;}
.PagetitlePane{height:90px;margin:40px 0 0;overflow:hidden;}
.PagetitlePane.DNNEmptyPane{height:0;}
.PagetitlePane h1{height:90px;}

/* contentMiddle---------------------- */
.contentMiddle{margin:-30px 0 0;}
.contentMiddle:after{content:'';display:block;clear:both;}
.mainArea{position:relative;padding:32px 20px 0;}
.mainArea:before{content:'';position:absolute;top:0;left:0;display:block;width:100%;height:32px;border-radius:5px 5px 0 0;
background:-moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,1) 100%);
background:-webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
background:linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,1) 100%);
}

.ContentPane .moduleTitleh2:first-child h2{margin-top:0;}

/* contentBottom---------------------- */
.contentBottom{}
.contentBottom:after{content:'';display:block;clear:both;}

/* ===========================================================
 footer
=========================================================== */
#skin>footer{margin:0;padding:3em 0;}
#skin>footer:after{content:'';display:block;clear:both;}
#skin>footer .logo {position:relative;margin:0;padding:1.5em 0 0 0;text-align:center;}
#skin>footer .logo:before{content:'';position:absolute;top:1px;left:0;right:0;display:block;width:100%;height:1px;margin:auto;background:#ccc;}
#skin>footer .logo a{display:block;}
#skin>footer .logo img{display:block;width:65px;margin:auto;}
#skin>footer div[id$='Pane']{padding:1.25em 0;}
#skin>footer div[id$='Pane']:after{content:'';display:block;clear:both;}
#skin>footer .moduleButton+div[id$='Pane']{padding:0;}
#skin.cp>footer .logo img{width:auto;}
#skin.cp>footer .logo{padding-bottom:1.0em}

/* footTop---------------------- */
.footTop{background:#eee;}
.footTop:after{content:'';display:block;clear:both;}
.footTop .inner{position:relative;}
#skin>footer .footTop div[id$='Pane']{padding:3em 0;}
#skin>footer .footTop .moduleButton+div[id$='Pane']{padding:0;}
#skin.bb.skinIndex>footer .footTop{padding-top:2em;}
#backtotop{position:relative;bottom:-2.5em;margin:0;padding:0;}
#backtotop a{display:block;position:absolute;bottom:1em;right:0;width:3.5em;height:3.5em;background:#004098;text-indent:200%;white-space:nowrap;overflow:hidden;border-radius:5px;
-webkit-box-shadow:0 0.5em 0.5em 0 rgba(0,0,0,0.2);box-shadow:0 0.5em 0.5em 0 rgba(0,0,0,0.2);
-webkit-transition:background ease-in-out 0.25s;-ms-transition:background ease-in-out 0.25s;transition:background ease-in-out 0.25s;}
#backtotop a:hover{background:#003278;}
#backtotop a:after{content:'';position:absolute;top:15%;left:0;bottom:0;right:0;display:block;width:0.8em;height:0.8em;margin:auto;border-top:1px solid #fff;border-right:1px solid #fff;
-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);}

/* footMiddle---------------------- */
.footMiddle{background:#ddd;}
.footMiddle:after{content:'';display:block;clear:both;}
#skin>footer .footMiddle div[id$='Pane']{padding:3.5em 0;}
#skin>footer .footMiddle .moduleButton+div[id$='Pane']{padding:0;}
/* footBottom---------------------- */
.footBottom{background:#666;border-top:3px solid #004098;}
.footBottom:after{content:'';display:block;clear:both;}
#copyright{position:relative;margin:0;padding:0.25em 0 2.5em;font-size:78.6%;color:#999;text-align:center;}
#copyright:before{content:'';position:absolute;bottom:2px;left:0;right:0;display:block;width:100%;height:1px;margin:auto;background:#ccc;}
#copyright:after{content:'';position:absolute;bottom:2px;left:0;right:0;display:block;width:40px;height:1px;;margin:auto;background:#004098;}



/* ===========================================================
 css for each skin
=========================================================== */
.skinIndex .contentMiddle .inner{width:1040px;}
/**/
.skin2Columns .sideArea{float:right;}
.skin2Columns .mainArea{float:left;}


/* ===========================================================
 css for print
=========================================================== */
@media print{
	body{font-family:'ヒラギノ角ゴ Pro W3','HiraginoKaku Gothic Pro','Osaka','ＭＳ Ｐゴシック','sans-serif';}
	section{display:block;page-break-before:always;}
	pre code{page-break-after:always;}
	@page{margin:.5cm;margin-top:.4cm;}
	p a,
	code,
	pre{word-wrap:break-word;}
	pre a[href]:after{content:'';}
	pre abbr[title]:after{content:'';}
	pre .ir a:after,
	pre a[href^='javascript:']:after,
	pre a[href^='#']:after{content:'';}
	.noPrint{display:none;}
	.controlPanel{display:none;}
}



/* ===========================================================
 20210929 slider
=========================================================== */
.indexBannerWrap{margin:0 0 30px;}
.indexBannerWrap:after{content:"";display:block;clear:both;}
.indexBannerWrap > .left,
.indexBannerWrap > .right{float:left;width:45%;}
.indexBannerWrap > .left{margin-right:10%;}
/* slick slider module */
.indexBannerWrap ul.slick-dots{padding:10px 0;}
.indexBannerWrap ul.slick-dots li button{width:30px;height:4px;border-radius:0;}
.indexBannerWrap ul.slick-dots li.slick-active button{background-color:#004098;}
.indexBannerWrap .slick-slide p{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}