@charset "UTF-8";

/*厚労省ヘッダー*/
#newheader{position: fixed; top:0px; z-index: 100; background-color: #fff;}
#newheader h1{margin: 0;}
/**/

@media only screen and (max-width : 1079px){
	div#headermobile {display: inline-block; margin: 0 auto; border-top: 12px solid #669933; width: 100%; text-align: center;}
}
@media only screen and (min-width : 1080px){
	div#headermobile {display: none;}
}
@media only screen and (max-width : 1079px){
	div#newheader {display: none;}
}

#pankuzu {clear: both; overflow: hidden; color: #000; font-family: "Noto Sans JP","Hiragino Kaku Gothic ProN","Hiragino Sans","Meiryo",sans-serif;}
#pankuzu p{width:1080px; margin:0 auto; line-height: 1em; padding: 20px 0; letter-spacing: 0.05em;}
#pankuzu span {font-size: 85%;}
#pankuzu a {color: #00a0e9; font-size: 85%;}
@media only screen and (max-width : 1079px){
	#pankuzu p{width: 100%; font-size: 90%;}
}


/*rayout
------------------------------------- */
#content-area{margin-top: 164px;}
@media only screen and (max-width : 1079px){
	#content-area{margin-top: 47px;}
}
#content-area2{margin-top: 210px;}
@media only screen and (max-width : 1079px){
	#content-area2{margin-top: 47px;}
}

.container{width: 800px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width : 1079px){
	.container{width: 96%; margin-left: 2%; margin-right: 2%;}
}
.container2{width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
@media only screen and (max-width : 1079px){
	.container2{flex-direction: column;}
}
.container3{width: 1080px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width : 1079px){
	.container3{width: 94%; margin-left: 3%; margin-right: 3%;}
}
/*for_contact*/
.container4{width: 700px; margin-left: auto; margin-right: auto;}
@media only screen and (max-width : 1079px){
	.container4{width: 100%;}
}
.squarebox{/*width: 540px;*/ width: 50%; height: 540px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center;}
@media only screen and (max-width : 1079px){
	.squarebox{width: 100%; height: auto; min-height: 300px;}
}

main{background-color: #ededed; padding-bottom: 40px;}
main.bgw{background-color: #fff; padding-bottom: 50px;}
.flex-cent{display: flex; justify-content: center;}
hr.section-line{display: block; height: 0; margin: 0; padding: 0; border: 0; border-top:1px solid #ccc;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.text-center{text-align: center;}

.hide-desktop {display: none;}
.hide-smartphone{display: block;}
@media only screen and (max-width : 1079px){
	.hide-desktop {display: block;}
	.hide-smartphone{display: none;}
}


/*footer
------------------------------------- */
footer{background-color: #000; color: #fff; padding: 20px;}
.foot-navi{display: flex; justify-content: space-between; border-bottom: 1px solid rgba(255, 255, 255, 0.5); padding: 20px 0 20px 0;}
.foot-navi dl{letter-spacing: 0.05em;}
.foot-navi dl dt{margin-bottom: 20px; font-size: 16px; font-weight: bold;}
.foot-navi dl dd{margin: 0 0 5px 0; font-size: 13px; font-weight: 100;}
.foot-navi dl dt a, .foot-navi dl dd a{color: #fff;}
.foot-navi .foot-link{display: block; padding: 15px 40px 0 0; letter-spacing: 0.1em; font-weight: bold; color: rgba(133, 136, 147, 1)}
.foot-navi .link-index{font-size: 13px; color: rgba(133, 136, 147, 1)}
.foot-add{display: block; text-align: center; padding: 20px;}
.foot-add p{letter-spacing: 0.05em; font-size: 14px;}
.foot-add span{color:rgba(133, 136, 147, 1); font-size: 14px;}
@media only screen and (max-width : 1079px){
	.foot-navi{display: block;}
	.foot-navi dl dt.foot-regu a{color: #990099;}
	.foot-navi dl dt.foot-tepco a{color: #03AF7A;}
	.foot-navi dl dt.foot-decont a{color: #4DC4FF;}
	.foot-navi dl dt.foot-other a{color: #FF4B00;}
}

.pagetop {position: fixed; bottom: -20px; right: 20px; z-index: 1;}
.pagetop a { display: block; width: 60px; height: 40px; background-color: #888; border-radius: 4px 4px 0 0; text-align: center; color: #fff; font-size: 24px; text-decoration: none; line-height: 40px;}
.pagetop a:hover {opacity: 0.8;}
@media only screen and (max-width : 860px){
.pagetop a { display: block; width: 35px; height: 26px; background-color: #888; border-radius: 4px 4px 0 0; text-align: center; color: #fff; font-size: 15px; text-decoration: none; line-height: 26px;}
}

/* header
------------------------------------- */
header{position: fixed; top: 104px; z-index: 100; width: 100%;}
.site-title{display: block; overflow: hidden; background-color: #fff; color: #858893;}
.site-title h2{font-size: 16px; letter-spacing: 0.05em; text-align: center;}
.site-title h2 a, a:link, a:hover, a:visited{text-decoration: none; color: #858893;}
@media only screen and (max-width : 1079px){
	.site-title {display: none;}
}

/* mddNav（ドロップダウンメニュー全体とナビボタン）
------------------------------------- */
#mddNav {/*position: fixed; top: 104px; z-index: 100; width: 100%;*/ height: 60px; background: #080C19 !important; }
@media only screen and (max-width : 1079px){
	#mddNav {display: none;}
}


#mddNav > ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 auto; padding: 0; width: 1080px; height: 60px; text-align: center; list-style-type: none;}
#mddNav > ul > li { height: 60px; box-sizing: border-box; padding: 15px 9px; font-size: 90%; font-weight: 600;}
#mddNav > ul > li a{color: #fff; text-decoration: none;}

#mddNav > ul > li#regu{width: auto; height: 60px;}
#mddNav > ul > li#regu > a{display: block; width: auto; height: 60px;}
#mddNav > ul > li#regu > a:hover{display: block; width: auto; height: 60px; background-position-y: 60px; /*color: #990099;*/ color: #be0dbe;}
#mddNav > ul > li#regu .mddWrap{background-color: #990099;}

#mddNav > ul > li#tepco{width: auto; height: 60px;}
#mddNav > ul > li#tepco > a{display: block; width: auto; height: 60px;}
#mddNav > ul > li#tepco > a:hover{display: block; width: auto; height: 60px; background-position-y: 60px; color: #03AF7A;}
#mddNav > ul > li#tepco .mddWrap{background-color: #03AF7A;}

#mddNav > ul > li#decont{width: auto; height: 60px;}
#mddNav > ul > li#decont > a{display: block; width: auto; height: 60px;}
#mddNav > ul > li#decont > a:hover{display: block; width: auto; height: 60px; background-position-y: 60px; color: #4DC4FF;}
#mddNav > ul > li#decont .mddWrap{background-color: #4DC4FF;}

#mddNav > ul > li#other{width: auto; height: 60px;}
#mddNav > ul > li#other > a{display: block; width: auto; height: 60px;}
#mddNav > ul > li#other > a:hover{display: block; width: auto; height: 60px; background-position-y: 60px; color: #FF4B00;}
#mddNav > ul > li#other .mddWrap{background-color: #FF4B00;}

#mddNav > ul > li#links{width: auto; height: 60px;}
#mddNav > ul > li#links > a{display: block; width: auto; height: 250px; color: #fff;}
#mddNav > ul > li#links > a:hover{display: block; width: auto; height: 250px; background-position-y: 60px; color: #fff;}
#mddNav > ul > li#links .mddWrap{background-color: rgba(8, 12, 25, 0.8); color: #fff; height: 250px; min-height: 250px;}
#mddNav > ul > li#links .mddWrap .mddInner .dropContent ul > li a{color: #fff;}

#mddNav > ul > li#jpn > a{padding: 5px 10px; border: 1px solid #fff; border-radius: 20px; font-size: 90%;}

/* mddWrap for PC drop down menu
------------------------------------- */
#mddNav .mddWrap {position: absolute; top: 60px; left: 0; z-index: 100; overflow: hidden; display: none; width: 100%; height: 0; text-align: center;}
#mddNav .wrap-page{position: absolute; top: 106px; left: 0;}
#mddNav .mddWrap .mddInner { margin-top: 20px; margin-left: 20px; line-height: 1.5em; text-align: left; }
#mddNav .mddWrap .mddInner .dropContent { display: -webkit-box; display: -ms-flexbox; display: flex; width: 1080px; margin: auto;}
#mddNav .mddWrap .mddInner .dropContent ul{position: absolute; list-style-type: none; margin: 0; padding: 0; /*left:115px;*/}
#mddNav .mddWrap .mddInner .dropContent ul > li{float: left; font-size: 100%; margin-right: 15px; letter-spacing: 0.02em;}
#mddNav .mddWrap .mddInner .dropContent ul > li a{color: #fff;}
#mddNav .mddWrap .mddInner .dropContent ul > li a:hover{text-decoration: underline;}
.linkgroup1{ margin-left: 90px;}
.linkgroup1, .linkgroup2{width: 400px;}
.linkgroup1 p, .linkgroup2 p{font-size: 110%; color: #858893;}
#mddNav > ul > li#tepco .mddWrap .mddInner .dropContent ul > li{font-size:100%; margin-top: -7px;}
#mddNav > ul > li#tepco .mddWrap .mddInner .dropContent ul > li > a{color: #1c1c1c;}
#mddNav > ul > li#decont .mddWrap .mddInner .dropContent ul > li > a{color: #1c1c1c;}
#mddNav > ul > li#other .mddWrap .mddInner .dropContent ul > li > a{color: #1c1c1c;}
#mddNav > ul > li#links .mddWrap .mddInner .dropContent .linkgroup1 ul{/*position: absolute; left: 140px;*/ max-width: 400px; list-style: disc;}
#mddNav > ul > li#links .mddWrap .mddInner .dropContent .linkgroup2 ul{/*position: absolute; left: 540px;*/ max-width: 400px; list-style: disc;}
#mddNav > ul > li#links .mddWrap .mddInner .dropContent .linkgroup1 ul li, #mddNav > ul > li#links .mddWrap .mddInner .dropContent .linkgroup2 ul li{float: left;}


/*for smartphone
------------------------------------- */
nav#spNav{width: 100%; height: 50px; position: absolute; top: 104px; left: 0px; z-index: 1; background: #080C19;}
@media only screen and (min-width : 1080px){
	nav#spNav {display: none;}
}

.drawer{ display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; height: 50px; padding: 0 1em 0 0;}
.drawer .logo{color: #858893; padding-left: 20px;}
.drawer .logo a{color: #858893;}
.navbar_toggle{ z-index:9999;}
.navbar_toggle_icon { position: relative; display: block; height: 2px; width: 30px; background: #fff; -webkit-transition: ease .5s; transition: ease .5s;}
.navbar_toggle_icon:nth-child(1) { top: 0;}
.navbar_toggle_icon:nth-child(2) { margin: 8px 0;}
.navbar_toggle_icon:nth-child(3) {  top: 0;}
/*OPEN時の動き*/
.navbar_toggle.open .navbar_toggle_icon:nth-child(1) { top: 10px; -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.navbar_toggle.open .navbar_toggle_icon:nth-child(2) { -webkit-transform: translateY(-50%); transform: translateY(-50%); opacity: 0;}
.navbar_toggle.open .navbar_toggle_icon:nth-child(3) { top: -10px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.spmenu{ -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition:ease .5s; transition:ease .5s; z-index:9999;}
@media only screen and (min-width : 1080px){
	.spmenu {display: none;}
}
.spmenu > ul{list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #808080;}
.spmenu > ul > li{ padding: 0; /*border-bottom: 1px solid #808080;*/ letter-spacing: 0.1em; background-color: #000;}
.spmenu > ul > li > a.linkpage{display: block; overflow: hidden; padding: 1em 1em 1em 30px; font-size: 16px; letter-spacing: 0.1em; color: #fff; text-decoration: none;}
/*OPEN時の動き*/
.spmenu.open { -webkit-transform:translateX(0); transform:translateX(0); overflow-y: auto; -webkit-overflow-scrolling: touch;}

@media screen and (min-width: 1080px) {
	nav#spNav{display: -webkit-box; display: -ms-flexbox; display: flex; flex-direction: row;}
	.navbar_toggle{ display: none;}
	.spmenu{ width: 100%; -webkit-transform: translateX(0); transform: translateX(0); background-color: #000; z-index:9999;}
	.spmenu > ul{height: 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background-color: #000;}
}



/* accordion for smart phone sidemenu
------------------------------------- */
.accordion{display: block; overflow: hidden; background-color: #000;}
@media only screen and (min-width : 1080px){
	.accordion {display: none;}
}

.accordion ul{margin: 0; padding: 0;}
.accordion ul li {list-style: none; cursor:pointer;}
.accordion .close{display: none;}
.accordion a{text-decoration: none;}

.accordion ul li.tenkai{background:#080C19 url(../images/icon_plus_aco.png) no-repeat right center;}
.accordion ul li.tenkai_off{background:#080C19 url(../images/icon_cross_aco.png) no-repeat right 10px center;}

/**/
.accordion ul li#sp01.tenkai{background:#080C19 url(../images/icon_sp_menu_01p.png) no-repeat right center;}
.accordion ul li#sp01.tenkai_off{background:#080C19 url(../images/icon_sp_menu_01m.png) no-repeat right center;}
.accordion ul li#sp02.tenkai{background:#080C19 url(../images/icon_sp_menu_02p.png) no-repeat right center;}
.accordion ul li#sp02.tenkai_off{background:#080C19 url(../images/icon_sp_menu_02m.png) no-repeat right center;}
.accordion ul li#sp03.tenkai{background:#080C19 url(../images/icon_sp_menu_03p.png) no-repeat right center;}
.accordion ul li#sp03.tenkai_off{background:#080C19 url(../images/icon_sp_menu_03m.png) no-repeat right center;}
.accordion ul li#sp04.tenkai{background:#080C19 url(../images/icon_sp_menu_04p.png) no-repeat right center;}
.accordion ul li#sp04.tenkai_off{background:#080C19 url(../images/icon_sp_menu_04m.png) no-repeat right center;}
.accordion ul li#sp05.tenkai{background:#080C19 url(../images/icon_sp_menu_05p.png) no-repeat right center;}
.accordion ul li#sp05.tenkai_off{background:#080C19 url(../images/icon_sp_menu_05m.png) no-repeat right center;}
.spmenu > ul > li > a.spc01{color: #990099;}
.spmenu > ul > li > a.spc02{color: #03AF7A;}
.spmenu > ul > li > a.spc03{color: #4DC4FF;}
.spmenu > ul > li > a.spc04{color: #FF4B00;}
.spmenu > ul > li > a.spc05{color: #858893;}
.spmenu > ul > li > a.spc06 span{font-size: 80%; border: 1px solid #fff; border-radius: 20px; padding: 5px 10px;}
/**/

.accordion ul li.aco_level2{background-color: #080C19; letter-spacing: 0.05em;}
.accordion ul li.aco_level2 a{color: #fff; padding: 10px 30px; display: block; background: url(../images/icon_next_aco.png) no-repeat right center;}
.accordion ul li.aco_level3{padding-left: 40px; font-size:90%;}
.accordion ul li.aco_level3 a{color: #fff;}

.but-spcont{display: block; overflow: hidden; margin-left: 30px; border: 1px solid #fff; border-radius: 20px; }
.but-spcont img{width: auto; height: 24px; padding-right: 5px;}


/*page-header
------------------------------------- */
.pagehead{height: 600px; box-sizing: border-box; color: #fff; text-align: center;}
.pagehead2{height: 300px; box-sizing: border-box; color: #fff; text-align: center;}
.pagehead2 h3{font-size: 46px;}
.pagehead p.inforcus{font-size: 28px; font-weight: bold; line-height: 1.2em; letter-spacing: 0.9px; color: rgba(255, 255, 255, 1); text-shadow: 0px 0px 6px rgba(8, 12, 25, 0.35); margin: 30px 0 10px 0;}
.pagehead p.top-text{font-size: 30px; font-weight: 500; line-height: 1.4em; letter-spacing: 0.02em; color: rgba(255, 255, 255, 1); text-shadow: 0px 0px 6px rgba(8, 12, 25, 0.35); margin: 30px 0 10px 0;}
.pagehead h2{margin: 0; color: rgba(255, 255, 255, 1); text-shadow: 0px 0px 6px rgba(8, 12, 25, 0.35);}
.pagehead h2 span.title-page, .pagehead h2 span.title-page2{font-size: 70px; font-weight: bold; line-height: 1.2em; }
.page-home{/*background: url(../images/bg_head_top.png) no-repeat center center; background-size: cover;*/ padding-top: 90px;}
#page-home{background: url(../images/bg_head_top.png) no-repeat center center; background-size: cover; padding-top: 90px;}
#page-regu{background: url(../images/bg_head_regu.png) no-repeat center center; background-size: cover; padding-top: 90px;}
#page-tepco{background: url(../images/bg_head_tepco.png) no-repeat center center; background-size: cover; padding-top: 90px;}
#page-decont{background: url(../images/bg_head_decont.jpg) no-repeat center center; background-size: cover; padding-top: 90px;}
#page-other{background: url(../images/bg_head_other.png) no-repeat center center; background-size: cover; padding-top: 90px;}
@media only screen and (max-width: 768px) {
	.pagehead{height: 500px;}
	.pagehead p.inforcus{font-size: 22px; font-weight: bold;}
	.pagehead p.top-text{font-size: 16px; font-weight: 600; letter-spacing: 0.14em;}
	.pagehead h2 span.title-page{font-size: 58px; font-weight: bold; letter-spacing: 0.02em;}
	.pagehead h2 span.title-page2{font-size: 30px; font-weight: bold; letter-spacing: 0.09em;}
	
	.pagehead2{height: 250px;}
	.pagehead2 h3{font-size: 36px; line-height: 1.2em;}
	#page-regu{padding-top: 30px;}
	
	#page-products{background: url(../images/bg_head_products_sp.jpg) no-repeat center center; background-size: cover;}
	#page-about{background: url(../images/bg_head_about_sp.jpg) no-repeat center center; background-size: cover;}
	#page-making{background: url(../images/bg_head_making_sp.jpg) no-repeat center center; background-size: cover;}
	#page-normal{background: url(../images/bg_head_normal_sp.jpg) no-repeat center center; background-size: cover;}
}


/* for top page
------------------------------------- */
.about h3{text-align: center; font-size: 16px; font-weight: 300; letter-spacing: 0.05em; margin: 30px 0 0;}
.index h3{text-align: center; font-size: 40px; font-weight: bold; letter-spacing: 0.05em;}

/*for manthly report*/
.month-report{display: block; overflow: hidden;}
.month-report h4{letter-spacing: 0.05em; font-size: 110%; line-height: 1em; margin: 0; text-align: center; margin-top: 30px;}
.month-report dl{display: block; overflow: hidden; margin: 0;}
.month-report dl dt{display: block; overflow: hidden; font-weight: bold; font-size: 110%; letter-spacing: 0.1em; margin-top: 20px; padding-bottom: 10px; color: #03AF7A;}
.month-report dl dd{display: block; overflow: hidden; margin: 0; padding: 0;}
/*.month-report ul{display: flex; flex-wrap: wrap; margin: 0; padding: 0;}
.month-report ul li{list-style-type: none; padding: 20px 0; }*/
.month-report ul{list-style-type: none; margin: 0; padding: 0;}
.month-report ul li{float: left; width: 22%; border-top: 1px solid rgba(8, 12, 25, 0.2); padding: 20px 0; margin-right: 4%; font-size: 18px;}
.month-report ul li:nth-child(4n){margin-right: 0;}
.month-report ul li a:link, a:visited{color: #080C19;}
.month-report ul li a:hover{color: #03AF7A;}
@media only screen and (max-width: 768px) {
	.month-report ul li{width: 48%;}
	.month-report ul li:nth-child(2n){margin-right: 0;}
}

.photo-tepco{font-size: 80%;}

/*topics*/
.topics{display: block; overflow: hidden;}
.topics ul{display: block; overflow: hidden; list-style: none; padding-left: 0;}
.topics ul li{float: left; width: 48%; border-top: 1px solid rgba(8, 12, 25, 0.2); padding: 20px 0; font-size: 18px; box-sizing: border-box;}
.topics ul li:nth-child(2n){margin-left: 4%;}
.topics ul li a{text-decoration: none;}
.topics ul li p{font-size: 90%; font-weight: bold; letter-spacing: 0.02em;}
.topics .date{color: #858893; font-size: 100%;}
@media only screen and (max-width: 768px) {
	.topics ul li{float: none; width: 100%; margin: 0;}
	.topics ul li:nth-child(2n){margin-left: 0;}
}

.topics ul li.cate-regu a:link, a:visited{color: #080C19;}
.topics ul li.cate-regu a:hover{color: #990099;}
.topics ul li.cate-regu > .but-regu a{background-color: #990099; font-size: 80%; border: 1px solid #990099; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.topics ul li.cate-regu > .but-regu a:link{color: #fff;}
.topics ul li.cate-regu > .but-regu a:hover, .topics ul li.cate-regu > .but-regu a:visited{color: #fff; opacity: 0.7;}
.topics ul li.cate-regu > .but-regu-s a{background-color: #fff; font-size: 80%; border: 1px solid #990099; border-radius: 15px; padding: 3px 10px;}
.topics ul li.cate-regu > .but-regu-s a:link{color: #990099;}
.topics ul li.cate-regu > .but-regu-s a:hover, .topics ul li.cate-regu > .but-regu-s a:visited{color: #990099; opacity: 0.7;}

.topics ul li.cate-tepco a:link, a:visited{color: #080C19;}
.topics ul li.cate-tepco a:hover{color: #03AF7A;}
.topics ul li.cate-tepco > .but-tepco a{background-color: #03AF7A; font-size: 80%; border: 1px solid #03AF7A; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.topics ul li.cate-tepco > .but-tepco a:link{color: #fff;}
.topics ul li.cate-tepco > .but-tepco a:hover, .topics ul li.cate-tepco > .but-tepco a:visited{color: #fff; opacity: 0.7;}
.topics ul li.cate-tepco > .but-tepco-s a{background-color: #fff; font-size: 80%; border: 1px solid #03AF7A; border-radius: 15px; padding: 3px 10px;}
.topics ul li.cate-tepco > .but-tepco-s a:link{color: #03AF7A;}
.topics ul li.cate-tepco > .but-tepco-s a:hover, .topics ul li.cate-tepco > .but-tepco-s a:visited{color: #03AF7A; opacity: 0.7;}
.button{display: block;}
.button .but-tepco-s a{background-color: #fff; font-size: 100%; border: 1px solid #03AF7A; border-radius: 20px; padding: 5px 20px; letter-spacing: 0.05em;}
.button .but-tepco-s a:link{color: #03AF7A;}
.button .but-tepco-s a:hover, .button .but-tepco-s a:visited{color: #03AF7A; opacity: 0.7;}

.topics ul li.cate-decont a:link, a:visited{color: #080C19;}
.topics ul li.cate-decont a:hover{color: #4DC4FF;}
.topics ul li.cate-decont > .but-decont a{background-color: #4DC4FF; font-size: 80%; border: 1px solid #4DC4FF; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.topics ul li.cate-decont > .but-decont a:link{color: #fff;}
.topics ul li.cate-decont > .but-decont a:hover, .topics ul li.cate-decont > .but-decont a:visited{color: #fff; opacity: 0.7;}
.topics ul li.cate-decont > .but-decont-s a{background-color: #fff; font-size: 80%; border: 1px solid #4DC4FF; border-radius: 15px; padding: 3px 10px;}
.topics ul li.cate-decont > .but-decont-s a:link{color: /*#4DC4FF;*/#080C19;}
.topics ul li.cate-decont > .but-decont-s a:hover, .topics ul li.cate-decont > .but-decont-s a:visited{color: /*#4DC4FF;*/#080C19; opacity: 0.7;}

.topics ul li.cate-other a:link, a:visited{color: #080C19;}
.topics ul li.cate-other a:hover{color: #FF4B00;}
.topics ul li.cate-other > .but-other a{background-color: #FF4B00; font-size: 80%; border: 1px solid #FF4B00; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.topics ul li.cate-other > .but-other a:link{color: #fff;}
.topics ul li.cate-other > .but-other a:hover, .topics ul li.cate-other > .but-other a:visited{color: #fff; opacity: 0.7;}
.topics ul li.cate-other > .but-other-s a{background-color: #fff; font-size: 80%; border: 1px solid #FF4B00; border-radius: 15px; padding: 3px 10px;}
.topics ul li.cate-other > .but-other-s a:link{color: #FF4B00;}
.topics ul li.cate-other > .but-other-s a:hover, .topics ul li.cate-other > .but-other-s a:visited{color: #FF4B00; opacity: 0.7;}

.topics ul li.important{background-color: /*#f7f7f7;*/#e5e5e5; padding-left:10px; padding-right: 10px; border-radius: 20px; border: 3px solid #ffffff;}
.filesize{font-weight: 400; font-size: 80%; padding-left: 5px;}

/*coretext*/
.coretext{}
.coretext dl{margin:0 0 30px 0; background-color: #fff;}
.coretext dl dt{clear:both; min-height:30px; margin: 0; padding: 8px 20px 6px; border: 1px solid #080c19; font-size:18px; letter-spacing: 0.05em; color: #080c19; border-radius: 30px; background-color: #fff;}
.coretext dl dd{padding: 0 10px 0 20px; margin: 0;}
.coretext dl.slidetoggle_fast_menu dt{display:block; cursor:pointer; background: #fff url("../images/icon_plus_080c19.png") right 20px center no-repeat; position: relative; z-index: 2;}
.coretext dl.slidetoggle_fast_menu dt.active{display:block; cursor:pointer; background: #fff url("../images/icon_minus_080c19.png") right 20px center no-repeat; position: relative; z-index: 2;}
.coretext dl.slidetoggle_fast_menu dd{display:none;}
.coretext dl dd{background-color: rgba(153, 0, 153, 0.05); border-radius: 0 0 20px 20px; position: relative; top:-20px;}
.coretext dl dd p{line-height: 1.5em; letter-spacing: 0.05em; border-bottom: 1px dotted rgba(8, 12, 25, 0.5); margin: 0; padding: 25px 0;}
.coretext dl dd p:first-child{padding-top: 50px;}
.coretext dl dd p:last-child{border-bottom: none; padding-bottom: 40px;}
.coretext dl dd p a{color: #080c19; font-weight: 400;}
.coretext dl dd p a:hover{color: #990099;}
.coretext dl dd > ul{list-style-type: disc; padding-top: 50px; padding-bottom: 40px;}
.coretext dl dd > ul > li{float: none; width: auto; border-bottom: 1px dotted rgba(8, 12, 25, 0.5); border-top:none;}
.coretext dl dd > ul > li a{color: #080c19; font-weight: 400;}
.coretext dl dd > ul > li a:hover{color: #990099;}

.fa-star, .fa-circle, .fa-dot-circle{color: #990099;}
@media only screen and (max-width : 768px){
	.coretext dl{margin:20px 0 20px 0;}
	.coretext dl dt{font-size: 16px; border-radius: 25px; padding: 8px 10px 5px 20px;}
}

/* for button more
------------------------------------- */
.more{display: block; width: 250px; margin: 10px auto 30px auto;}
.more a{color: #080C19;}
.more a:hover{opacity: 0.7;}
a.open-btn{display: block; overflow: hidden; width: 250px; font-weight:bold; text-align: center; text-decoration: none; font-size: 100%; letter-spacing: 0.05em; border: 1px solid rgba(8, 12, 25, 1); border-radius: 30px; padding: 12px 20px; background: url(../images/icon_show_more.png) no-repeat right 20px center;}

.txt-hide{display: none;}
button.more2 {width: 250px; margin: 10px auto 30px auto; display: block; font-weight:bold; text-align: center; text-decoration: none; font-size: 100%; letter-spacing: 0.05em; border: 1px solid rgba(8, 12, 25, 1); border-radius: 30px; padding: 12px 20px; /*transition: .5s; -erbkit-transition: .5s;*/}
button.more2::after { content: "MORE"; /*transition: .2s; -erbkit-transition: .2s;*/}
button.more2.on-click::after{ content: "CLOSE";}

/*tab切り替え用
------------------------------------- */
/* タブメニュー */
.tab-menu {display: flex; flex-wrap: wrap; justify-content: space-between; margin: 30px -5px 30px -5px; list-style-type: none; padding-left: 0; background-color: #F7F7F7; border: 1px solid #f7f7f7; border-radius: 30px; font-size: 14px; line-height: 1.0em;}
.tab-menu__item {box-sizing: border-box;}
.tab-trigger a { /* label */
  text-align: center; cursor: pointer; display: block; padding: 10px; overflow: hidden; color: /*#858893;*/#6d7079; background-color: transparent; letter-spacing: 0.05em; position: relative; min-width: 100px;}
#tab-regu > .tab-trigger.select a{background-color: #990099; border: 1px solid #990099; border-radius: 30px; color: #fff;}
#tab-tepco > .tab-trigger.select a{background-color: #03AF7A; border: 1px solid #03AF7A; border-radius: 30px; color: #fff;}
#tab-decont > .tab-trigger.select a{background-color: #4DC4FF; border: 1px solid #4DC4FF; border-radius: 30px; color: #fff;}
#tab-other > .tab-trigger.select a{background-color: #FF4B00; border: 1px solid #FF4B00; border-radius: 30px; color: #fff;}
@media screen and (max-width: 767px){
	.tab-menu{display: block; overflow-x:auto; white-space: nowrap; margin: 0 -10px; padding: 5px 10px; border-radius: 0px;}
	.tab-menu__item{display: inline-block;}
	.tab-menu__item a{border-radius: 20px;}
	.tab-menu__item a:hover{border-radius: 20px;}
	.tab-trigger{font-size: 90%;}
	.tab-trigger a{min-width: 60px; padding: 8px;}
	.tab-trigger.select a{border-radius: 20px;}
}
/* タブコンテンツ */
.tab-content {}
.tab-content__item {box-sizing: border-box; display: none; text-align: left;}
.tab-content__item.select {display: block; animation: fade 0.5s ease;}
@keyframes fade {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

/*new*/
#tab-regu > .tab-menu li.select{background-color: #990099; border: 1px solid #990099; border-radius: 30px; color: #fff;}
#tab-tepco > .tab-menu li.select{background-color: #03AF7A; border: 1px solid #03AF7A; border-radius: 30px; color: #fff;}
#tab-decont > .tab-menu li.select{background-color: #4DC4FF; border: 1px solid #4DC4FF; border-radius: 30px; color: #fff;}
#tab-other > .tab-menu li.select{background-color: #FF4B00; border: 1px solid #FF4B00; border-radius: 30px; color: #fff;}
.tab-menu li.select > .tab-trigger a{color: #fff;}
.tab-menu li.select > .tab-trigger a.font-bl{color: #080c19;}
/*.tab-menu > li > span.select{background-color: #990099;}*/

.tab-content #tab1::before{display: block; height: 100px; margin-top: -100px; content:"";}


/* for pankuzu
------------------------------------- */
.pankuzu{display: block; overflow: hidden; padding: 40px 0; color: #858893; font-size: 80%;}
.pankuzu ul{list-style-type: none; margin:0; padding: 0;}
.pankuzu ul li{float: left; margin-bottom: 15px;}
.pan-text{margin-right: 5px;}
.pan-regu a{background-color: #990099; color: #fff; border: 1px solid #990099; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.pan-regu-s a{background-color: #fff; color: #990099; border: 1px solid #990099; border-radius: 15px; padding: 3px 10px;}
.pan-tepco a{background-color: #03AF7A; color: #fff; border: 1px solid #03AF7A; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.pan-tepco-s a{background-color: #fff; color: #03AF7A; border: 1px solid #03AF7A; border-radius: 15px; padding: 3px 10px;}
.pan-decont a{background-color: #4DC4FF; color: #080c19; border: 1px solid #4DC4FF; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.pan-decont-s a{background-color: #fff; color: #080c19; border: 1px solid #4DC4FF; border-radius: 15px; padding: 3px 10px;}
.pan-other a{background-color: #FF4B00; color: #fff; border: 1px solid #FF4B00; border-radius: 15px; padding: 3px 10px; margin-right: 10px;}
.pan-other-s a{background-color: #fff; color: #FF4B00; border: 1px solid #FF4B00; border-radius: 15px; padding: 3px 10px;}
@media only screen and (max-width : 1079px){
	.pankuzu{padding: 30px 0 20px 0;}
	.pankuzu ul li{float: none;}
	.pan-text{display: none;}
}


/* for Document page
------------------------------------- */
.docu-head{display: flex; justify-content: space-between; border-top: 1px solid #CECECE; border-bottom: 1px solid #CECECE; padding: 30px 0;}
.docu-head-kakomi-decont{background-color: rgba(77, 196, 255, 0.1); padding: 10px 20px; border-radius: 20px;}
.docu-head-kakomi-decont h3{font-size: 24px; line-height: 1.5em;}
.date-title-box{}
.from-to-box{display: block; overflow: hidden; clear: both; content: "";}
.date-title-box .date{color: #858893; text-align: right; letter-spacing: 0.05em; font-size: 95%;}
.date-title-box .notice{font-size: 95%; text-align: right;}
.docu-to{font-size: 90%;margin-bottom: 20px;}
.docu-from{font-size: 90%;}
.date-title-box2 .date{color: #858893; text-align: right; letter-spacing: 0.05em; font-size: 95%;}
.date-title-box2 .notice{font-size: 95%; text-align: right;}

.document{padding: 30px 0;}
.doc-title-regu{font-size: 30px; font-weight: 500; color: #990099; line-height: 1.5em; letter-spacing: 0.02em;}
.doc-title-tepco{font-size: 30px; font-weight: 500; color: #03AF7A; line-height: 1.5em; letter-spacing: 0.02em;}
.doc-title-decont{font-size: 30px; font-weight: 500; color: /*#4DC4FF;*/#179bef; line-height: 1.5em; letter-spacing: 0.02em;}
.doc-title-other{font-size: 30px; font-weight: 500; color: #FF4B00; line-height: 1.5em; letter-spacing: 0.02em;}
.doc-title2{font-size: 22px; font-weight: 500; letter-spacing: 0.02em; margin: 30px 0; line-height: 1.2em;}
.document p{line-height: 2em; letter-spacing: 0.01em;}
.document .index{font-size: 26px; font-weight: bold; color: #080C19; margin-top: 40px;}
.document .index2{font-size: 20px; font-weight: bold; color: #080C19; margin-top: 10px;}
.index3{font-size: 18px; font-weight: bold; color: #080C19; }
.document .annex{font-size: 22px; font-weight: bold; color: #080C19; margin-top: 40px; text-align: right;}
.document dl{margin: 20px 0 30px 0;}
.document dl dt{font-weight: bold; margin: 30px 0 10px 0;}
.document dl dd{margin-left: 0;}
ol.kakko{margin-left: 0em;}
ol.kakko > li{list-style-type: none; counter-increment: cnt; position: relative; line-height: 1.8em; /*margin-bottom: 20px;*/}
ol.kakko > li::before{content: "（" counter(cnt) "）"; display: inline-block; margin-left: -2.5em; width: 1.5em; text-align: right;position: absolute; top: 0; left: 0;}
ol.kakko-han{margin-left: 0em;}
ol.kakko-han li{list-style-type: none; counter-increment: cnt; position: relative; line-height: 1.8em; /*margin-bottom: 20px;*/}
ol.kakko-han li::before{content:  counter(cnt) "）"; display: inline-block; margin-left: -2.5em; width: 1.5em; text-align: right;position: absolute; top: 0; left: 0;}
ol.kakko2{counter-reset: li 1;}
ol.kakko2 > li{list-style-type: none; position: relative; line-height: 1.8em; /*margin-bottom: 20px;*/}
ol.kakko2 > li::before{content: "（" counter(li) "）."; counter-increment: li; display: inline-block; margin-left: -2.5em; width: 1.5em; text-align: right;position: absolute; top: 0; left: 0;}
ol.kakko6{counter-reset: li 5;}
ol.kakko6 > li{list-style-type: none; position: relative; line-height: 1.8em; /*margin-bottom: 20px;*/}
ol.kakko6 > li::before{content: "（" counter(li) "）."; counter-increment: li; display: inline-block; margin-left: -2.5em; width: 1.5em; text-align: right;position: absolute; top: 0; left: 0;}

ol.marunum{list-style: none;
  counter-reset: list-counter; /*list-counterの値が0にリセットされる*/
  padding: 0;
  margin: 0;}
ol.marunum li{font-size: 16px;
  line-height: 1.5;
  margin: 20px 0;
  padding-left: 30px;
  position: relative;}
ol.marunum li::before{content: counter(list-counter);/*list-counterの値を挿入*/
  counter-increment: list-counter;/*連番の値が挿入される*/
  border: 1px solid;
  box-sizing: border-box;
  border-radius: 50%;/*円を作る*/
  height: 22px;/*円の高さを指定*/
  width: 22px;/*円の幅を指定*/
  display: flex;/*円と文字が中央になるよう調整*/
  justify-content: center;
  align-items: center;
  position: absolute;/*左端に配置*/
  top: 0;
  left: 0;
  font-size: 85%;/*文字サイズ小さめに調整*/}
ol.bottom30 li{margin-bottom: 30px;}
ol.attach li{line-height: 2.5em;}
ol.attach a{text-decoration: underline; color: #080C19; font-weight: 600;}
ul.attach li{line-height: 2.5em;}
ul.attach a{text-decoration: underline; color: #080C19; font-weight: 600;}
ol.type-abc{list-style-type: lower-latin;}
dl.for-list, dl.for-list2, dl.for-list3, dl.for-list4{margin: 0;}
dl.for-list > dt, dl.for-list2 > dt, dl.for-list3 > dt, dl.for-list4 > dt{float: left; margin: 0; font-weight: normal;}
dl.for-list > dd{margin-left: 30px;}
dl.for-list2 > dd{margin-left: 70px;}
dl.for-list3 > dd{margin-left: 1em;}
dl.for-list4 > dd{margin-left: 100px;}
@media only screen and (max-width : 1079px){
	.docu-head{display: block;}
	.date-title-box{border-top: 1px solid #cecece; padding-top: 30px; margin-top: 30px;}
	.doc-title-regu, .doc-title-tepco, .doc-title-decont, .doc-title-other{font-size: 26px;}
}
span.text-bold{font-weight: bold;}
span.text-under{text-decoration: underline;}
span.text-under-bl a{text-decoration: underline; color: #080c19;}
span.text-under-bl a:hover{opacity: 0.7;}
span.bold-under{font-weight: bold; text-decoration: underline;}
/*.document a{color: #080c19; text-decoration: underline;}*/
.document table caption{font-size: 18px; font-weight: bold; color: #080C19; margin-top: 40px; text-align: left;}
.document table caption span{font-weight: normal;}
.table-reg{box-sizing: border-box;}
.table-reg table{border-collapse: collapse;}
.table-reg table tr:nth-child(2n+1){background-color: #f7f7f7;}
.table-reg table.type2 tr:nth-child(2n+1){background-color: #fff;}
.table-reg table tr:last-child{border-bottom: 1px solid #cecece;}
.table-reg table tr th{background-color: #990099; color: #fff; font-weight: 500; border: 1px solid #fff; padding: 10px; line-height: 1.2em;}
.table-reg table tr td{padding: 10px; border-right: 1px solid #cecece; text-align: center;}
.table-reg table tr td:last-child{border: none;}
.table-reg table.type2 tr td{border-bottom: 1px solid #cecece;}
.table-reg{box-sizing: border-box;}

.table-tepco table{border-collapse: collapse;}
.table-tepco table tr:nth-child(2n+1){background-color: #f7f7f7;}
.table-tepco table.type2 tr:nth-child(2n+1){background-color: #fff;}
.table-tepco table tr:last-child{border-bottom: 1px solid #cecece;}
.table-tepco table tr.success{background-color: rgba(3,175,122,0.2); border-bottom: 1px solid #fff;}
.table-tepco table tr th{background-color: #03AF7A; color: #fff; font-weight: 500; border: 1px solid #fff; padding: 10px; line-height: 1.2em;}
.table-tepco table tr td{padding: 10px; border-right: 1px solid #cecece; text-align: center;}
.table-tepco table tr td:last-child{border: none;}
.table-tepco table.type2 tr td{border-bottom: 1px solid #cecece;}
.table-tepco table.type3 tr td{text-align: left;}
.table-tepco table.type4 tr td{text-align: right;}
.table-tepco table tr td.bd-left{font-weight: bold; text-align: left;}

.table-decont table{border-collapse: collapse;}
.table-decont table tr:nth-child(2n+1){background-color: #f7f7f7;}
.table-decont table.type2 tr:nth-child(2n+1){background-color: #fff;}
.table-decont table tr:last-child{border-bottom: 1px solid #cecece;}
.table-decont table tr th{background-color: #4DC4FF; color: #fff; font-weight: 500; border: 1px solid #fff; padding: 10px; line-height: 1.2em;}
.table-decont table tr td{padding: 10px; border-right: 1px solid #cecece; text-align: center;}
.table-decont table tr td:last-child{border: none;}
.table-decont table.type2 tr td{border-bottom: 1px solid #cecece;}
.table-decont table.type3 tr td{text-align: left;}
.table-decont table.type4 tr td{text-align: right;}

.table-plane table{border-collapse: collapse;}
.table-plane table tr{border-bottom: 1px dotted #cecece;}
.table-plane table tr th{color: rgba(8, 12, 25, 0.8); font-weight: normal; vertical-align: top; padding-right: 20px;}

.table-normal table{border-collapse: collapse;}
.table-normal table tr{}
.table-normal table tr th{padding: 5px 10px; border: 1px solid #cecece; text-align: center;}
.table-normal table tr td{padding: 5px 10px; border: 1px solid #cecece;}

.document dl.dl-horizontal dt{float: left; clear: left; margin: 0px 0px 10px 0px; font-weight: normal;}
.document dl.dl-horizontal dd{margin: 0px 0px 10px 0px;}
.dl-horizontal dd::after{clear: both; content: ""; display: table;}
.bikou p{font-size: 80%; line-height: 1.2em;}
.bikou dl{font-size: 80%; line-height: 1.4em;}
.bikou dl dt, .bikou dl dd{margin-bottom: 10px;}
h3.soshikimei{font-size: 16px; letter-spacing: 0.05em;}

.kakomi-reg{border-bottom: 1px dotted #990099; padding: 3px; color: #990099;}
.kakomi-press{border: 1px solid #080C19; padding: 10px 20px;}
.kakomi-press-bg{padding: 10px 20px; background-color: rgba(8,12,25,0.05);}
.kakomi-press-bg a{color: #080c19; text-decoration: underline;}
ol.ol_bd-ul_dot > li{font-weight: bold;}
ol.ol_bd-ul_dot > li > ul{font-weight: normal; padding-left: 1em; list-style-type: disc;}
ol.lineheight-2em{line-height: 2em;}
ul.circle-disc > li{list-style-type: circle;}
ul.circle-disc > li > ul{list-style-type: disc;}
.session-box{padding: 20px 0;}
.session-box p{line-height: 1.5em; margin: 0;}
.session-box ol{margin: 0; padding-bottom: 20px; border-bottom: 1px dotted #080C19;}
.session-box ol li{line-height: 2em;}
.index-for-list{border-bottom: 1px dotted #080c19; letter-spacing: 0.05em;}
.index-for-list2{font-weight: bold; letter-spacing: 0.05em;}
.index-label{display: block; overflow: hidden; margin-bottom: 20px;}
.index-label span{display: inline-block; padding: 2px 20px; border: 1px solid #080c19; letter-spacing: 0.1em; border-radius: 3px;}
.address-table table td{vertical-align: top; padding-right: 1em;}

.link_csv{color: #03AF7A; margin: 30px 0 20px 0; font-weight: 500; font-size: 120%; line-height: 2.0em;}
.link_csv a{color: #080C19;}
.link_csv a:hover{color: #03AF7A;}
.link_csv a:visited{color: #080C19+}


/* for index-list
------------------------------------- */
.index-list{display: block; margin: 20px;}
.index-list h1, h2{line-height: 1.2em;}
.index-list a{text-decoration: underline;}


/* for print
------------------------------------- */
@media print{
	footer{display: none;}
	.swiper-container{display: none;}
}

/*add 240301*/
.status_top{display: block; overflow: hidden; padding: 30px; background-color: #e6e7e7;}
.link_ced{display: flex; justify-content: center;}
.link_ced a{margin: 20px auto 0 auto; padding: 5px 20px; font-weight: 500; font-size: 120%; line-height: 2.0em; background-color: #fff; border-radius: 8px; color: #03AF7A;}
.link_ced a:hover{opacity: 0.8;}
.link_ced a:visited{}
.link_ced a span{color: #080C19; font-weight: 500;}

.link_ced2{display: block; margin-top: 40px;}
.link_ced2 a{margin: 20px auto 0 auto; font-weight: 300; font-size: 120%; line-height: 2.0em; background-color: #fff; border-radius: 8px; color: #03AF7A;}
.link_ced2 a:hover{opacity: 0.8;}
.link_ced2 a:visited{}
.link_ced2 a span{color: #080C19; font-weight: 500;}

@media only screen and (max-width : 1079px){
	.status_top img{max-width: 100%;}
	.link_ced a{font-size: 90%; line-height: 1.3em;}
	.link_ced2 a{font-size: 95%; line-height: 1.3em;}
}