@charset "utf-8";
/* CSS Document */

#graph-gyouseki, #graph-koritsu, #graph-anzen, #graph-hitokabu, #graph-other, {width:100%;}	

.box-holdermemo dt, #fychart dd {
    display:block;
		margin: auto;
}

	.fyq li {display:inline}
	.fyq  {border-bottom: 3px solid #185993;margin-bottom: 6px;}
	.fyq:after  {display:block;content: "";clear: both}
	.fyq li a {display:inline-block;font-size: 14px;width:50%;background-color: #ededed;float: left;text-align: center;color: #999;line-height: 50px;
	font-family: "Noto Sans CJK JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;font-weight: bold}
	.fyq li.here a {background-color: #185993;color: #fff}
	
	
/*chartgenerator*/
.jsTabGroup .tab {margin:0 auto 8px;font-size: 0;padding-left: 0;text-align: center;}
.jsTabGroup .tab li { width:19.3%; display: inline-block;font-size: 0;margin: 0 3px;}
.jsTabGroup .tab li.irp-title { width:48.6%; display: inline-block;font-size: 0;margin: 0 3px;}
.jsTabGroup .tab li a { 
	font-family: "Noto Sans CJK JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    background: #fff;
    border: 1px solid #dedede;
    color: #8d8d8d;display:inline-block; width:100% !important;text-align:center;line-height:40px;text-decoration: none; font-size:13px; cursor:pointer;padding: 0;}
@media only screen and (max-width: 1100px){
.jsTabGroup .tab li a { 
   font-size:0.6rem;}
}

.jsTabGroup .tab li:first-child a { 
}
.jsTabGroup .tab li:last-child a { 
}
/*.jsTabGroup .tab li.active { background-color:#bbb; color:#777;}*/
.jsTabGroup .tab li a {
		color:#004098;
		display: block;
		border: 1px solid #004098;
		font-weight: 500;
}
.jsTabGroup .tab li a.act {
  background-color: #004098;
  color: #fff;
  border:
1px solid #004098;
}


@media only screen and (max-width: 800px){
.jsTabGroup .tab {Width:100%;}
	.jsTabGroup .tab li a { 
    font-size: 11px;}
}

@media only screen and (max-width:650px){
	.jsTabGroup .tab li a { 
    font-size: 10px;}
}

@media only screen and (max-width:700px){
	.jsTabGroup .tab {text-align:center }
.jsTabGroup .tab li {
    display:inline-block;
}
	.jsTabGroup .tab li a { 
	line-height:3.0em;}
#nav ul li, #nav2 ul li, #nav3 ul li, #nav4 ul li, #nav5 ul li, #nav6 ul li, #nav7 ul li {margin-bottom:10px !important; margin-right: 0 !important}
}

@media only screen and (max-width:500px){
	.jsTabGroup .tab li {
	width:19%; letter-spacing: -.08em
}
}


.jsTabItem { display:none}
.jsTabItem.active { display:block;font-family: RodinPro-M;}

.table-container table { margin:20px 0 }
#main_contents .table-container th { border:1px solid #ccc; padding:10px 3px; background-color:#f2f2f2; font-size: 12px; font-weight: bold; text-align: center;line-height:1.5em }
#main_contents .table-container td { border:1px solid #ccc; padding:10px 3px; text-align:right; font-size: 1.2rem !important;}
ul.annotation {
    list-style: none !important;
}
.clearfix {content:"";display:block;clear:both}

h2.title {border-left: none !important;padding-left: 0 !important;color: #333333 !important;
    font-size: 22px !important;
    font-weight: bold !important;
    font-family: Meiryo !important;
    line-height: 36px !important;
    text-align: left !important;}
	
p#desc {font-size: 13px;margin-bottom: 20px;}

.highcharts-container input {display:none}

#buttons {
	margin-bottom: 20px;
	padding-top: 10px;
}
#buttons ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#buttons ul li#adjst {
	margin-top: 12px;
}
#buttons img {
	vertical-align: middle;
}
#buttons .text-left img {width:160px; height: 48px;}
#buttons {
	font-size: 12px;
}
#buttons a {
	text-decoration: none;
	color: #666;
	font-size:11px;
}
#buttons a:hover {
	text-decoration: underline;
}
.btns { text-align:center; margin:30px 0}
.btns input { background-color:#DDD; border:2px solid #BBB; text-align:center; line-height:26px;width: 100px; margin: 0 5px; color: #000000; border-radius:5px;}
label {
    font-size: 14px;
    margin-right: 13px;
}
.note {
	margin:0 0 20px;
}

@media screen and (max-width:1000px) {
#buttons {
	margin:0 auto 20px;
}
#desc, h2.title, h3.h3Tit {
}
.note {
	margin:0 auto 20px;
}
	.check-container {margin-left: 0 !important}
	label {
    font-size: 11px;
    width: 23%;
	letter-spacing: -.1em;
}
}






.irp_comment { text-align:right; margin:30px 0 }

#monthly .gt-holder td {
    padding: 6px 4px;
}
	


	 
[data-carousel-name] {
	display: table;
	margin-right: auto;
	margin-left: auto;
}
[data-carousel-control="wrapper"] {
	display: table-cell;
	overflow: hidden;
	width:675px !important
}
[data-carousel-control="wrapper"] ul {
	position: relative;
	margin: 0;
	padding: 0;
	list-style: none;
	white-space: nowrap;
	overflow:visible !important
}
[data-carousel-control="wrapper"] ul li {
	display: inline-block;
	min-width: none;      /*items are smashed, increase with min width*/
	max-width: none;      /*items are to wide, limit with max width*/
	min-height: none;     /*items are to long, limit with min height*/
	padding-top: 5px;
	padding-right: 5px;   /*items need some room, increase padding right*/
	padding-bottom: 5px;
	padding-left: 5px;    /*items need some room, increase padding left*/
	vertical-align: top;
	text-align: center;
	float: none;
	margin-left: 0 !important;
	margin-right: 6px !important
}
[data-carousel-control="wrapper"] ul li .caption {
	white-space: normal;
}
[data-carousel-control="wrapper"] ul li div {
	overflow: auto;
	text-align: left;
	white-space: normal;
}
[data-carousel-control="left"], [data-carousel-control="right"] {
	display: table-cell;
	font-size: 2em;
	vertical-align: middle;
	background-color: rgba(0, 0, 0, 0.05);
	color:#999;
	cursor: pointer;
	border-radius: 5px;
	border: 1px solid #dedede;
	    padding: 5px;
}
[data-carousel-control="left"]:hover, [data-carousel-control="right"]:hover {
	background-color:#ccc !important;
	color:#999;
}
.no-touch [data-carousel-control="left"]:hover, .no-touch [data-carousel-control="right"]:hover, [data-carousel-control="left"]:active, [data-carousel-control="right"]:active {
	background-color: rgba(0, 0, 0, 0.05);
	color: rgba(255, 255, 255, 1);
}
	 

.slick-dots {display:none !important}
.tab {
    margin-left:0 !important;
}

button.slick-prev.slick-arrow {
    position: absolute;
    z-index: 1;
    height: 52px;
    width: 33px;
    background-color: #ededed;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
}
button.slick-next.slick-arrow {
    position: absolute;
    z-index: 1;
    height: 52px;
    width: 33px;
    background-color: #ededed;
    border: 1px solid #e3e3e3;
    border-radius: 5px;
    float: right;
    top: 0;
    right: 0;
}


.container .h3Tit {font-size:17px; font-weight: bold}
#ir_chart_account .container {font-family: "Noto Sans CJK JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;max-width: 745px !important;width: 100%;}

#ir_finance_account .container {font-family: "Noto Sans CJK JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;max-width: 745px !important; width: 100%;}


#nav, #nav2, #nav3, #nav4, #nav5 {
	margin-bottom: 12px;padding-top: 15px;text-align: center
}
#nav ul, #nav2 ul, #nav3 ul, #nav4 ul, #nav5 ul  {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	text-align: center
}
#nav ul li, #nav2 ul li, #nav3 ul li, #nav4 ul li, #nav5 ul li {
	display: inline-block;
	margin: 0;
	padding: 0; width: 32.9%
}
#nav ul li, #nav2 ul li, #nav3 ul li, #nav4 ul li, #nav5 ul li {
	margin-bottom: 10px
}
#nav2 a, #nav3 a, #nav4 a, #nav5 a,  {display:inline-block;width:235px;line-height:40px; border: 1px solid #ccc;text-align: center;color:#222;font-weight: bold;border-radius:36px;background-color: #efefef;0.8rem}
#nav a, #nav2 a, #nav3 a, #nav4 a, #nav5 a {display:inline-block;width:100%;line-height:28px; text-align: center;color:#666;    letter-spacing: -.1em;}

.table-scroll table {width: 100%;}
@media screen and (max-width: 666px){
#nav ul li {  width: 32.3%;}
}


#nav3 li:first-child a {}
@media screen and (max-width:500px){	
#nav a, #nav2 a, #nav3 a, #nav4 a, #nav5 a { font-size: 10px;}
#nav3 li:first-child a {}	
}

#nav5 li:nth-child(2) a {}
@media screen and (max-width:500px){
#nav5 li:nth-child(2) a {}	
}

/* ジェネレータ アイコン */

.xls-download:after {
    content: url(../images/icon_xls.png);
    vertical-align: sub;
}
.png-download:after {
    content: url(../images/icon_png.png);
    vertical-align: sub;
}
.jpg-download:after {
    content: url(../images/icon_jpg.png);
    vertical-align: sub;
}
.pdf-download:after {
    content: url(../images/icon_pdf.png);
    vertical-align: sub;
}

.check-container input[type="checkbox"] {
    display: inline-block !important;-webkit-appearance:checkbox !important;-moz-appearance:checkbox !important;
}


/*テーブルスクロール*/

@media screen and (max-width: 1500px){
.table-container {margin:0 20px !important;}
.table-scroll table { display:inline !important}
[class*="table-scroll"] {

	clear: both;

	margin-top: 5px;

	overflow-y: hidden;

	padding-bottom: 10px;

	width:100%;
	
	margin-bottom:30px;

}

.table-scroll table { margin-bottom:0}
.table-scroll table th { white-space: nowrap; width: 100%;}


[class*="table-scroll"]::-webkit-scrollbar {

	width: 10px;

	background: #cccccc;

	border-radius: 10px;

}

[class*="table-scroll"]::-webkit-scrollbar:horizontal {

	height: 10px;

	background: #cccccc;

	border-radius: 10px;

}

[class*="table-scroll"]::-webkit-scrollbar-thumb {

	background: #0a5b90;

	border-radius: 10px;

}

[class*="table-scroll"]::-webkit-scrollbar-thumb:horizontal {

	background: #0a5b90;

	border-radius: 10px;

}
}

.topBtn {
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: block;
    background-color: #36a1da;
    color: #fff !important;
    text-decoration: none;
    font-weight: bold;
    font-size: 11px;
    width: 60px;
    height: 60px;
    text-align: center;
    line-height: 22px;
    padding-top: 30px;
    box-sizing: border-box;
}
.topBtn:before {
    content: '\25B2';
    position: absolute;
    top: 10px;
    left: 0;
    width: 100%;
    text-align: center;
    font-size: 20px;
}

#pankuzu {text-align:left;margin: 0 auto; max-width: 960px;}
.container {padding-left: 0;padding-right: 0}
a.menu {font-size: 12px;}

@media print {
	table th {font-size: 11px !important;}
	table td {font-size: 11px !important;}
  }

  .table table th, .table table td {
    padding: 10px 15px;
    border-bottom: 1px solid #CDCFD8;
}


.irp-subtitle{
	font-size:12px;
	margin-top: -15px;
  height: 35px;
}

#nav a:hover, #nav2 a:hover, #nav3 a:hover, #nav4 a:hover,  #nav5 a:hover {
	background-color: #D6E1F0; 
	color: #aaa;
	text-decoration:none;
}

#nav a.active, #nav2 a.active, #nav3 a.active, #nav4 a.active, #nav5 a.active {
  background-color: #D6E1F0;
  color: #aaa;
  border-bottom:2px solid #AAA;
	text-decoration: none;
	padding: 4px 0px;
	letter-spacing: 1px;
}

#nav a, #nav2 a, #nav3 a, #nav4 a, #nav5 a{
	color: #777;
	text-decoration: none;
	border-bottom: 2px solid #AAA;
	padding: 4px 0px;
	letter-spacing: 1px;
}

.jsTabGroup .tab li { 
	width:18.8%; 
	display: inline-block;
	font-size: 0;
	margin: 5px 8px;
}

.jsTabGroup .tab li a{
	font-size: 16px;
}


.text-left {
  display: inline-block;
}
.text-right {
  display: inline-block;
}

#buttons ul li {
	display: inline-block;
	margin: 0 4px 0 0;
	padding: 0;
}

.jsTabGroup .tab li a.irp-act {
  background-color: #004098;
  color: #fff;
  border: 1px solid #004098;
}

main{
	max-width: 1200px;
	margin: auto;
}

.check-container {
  border-bottom:2px solid #999;
	padding-bottom: 15px;
}

.jsTabGroup .tab li.irp-title {
	width: calc(50% - 16px);
	margin: 0 8px;
}

.jsTabGroup .tab li {
	width: calc(16% - 9.5px)
}

.graph-container {
  /* max-width: 1000px; */
	/* padding: 20px; */
	margin:auto;
}

@media screen and (max-width: 500px){
	.jsTabGroup .tab li {
		width: calc(50% - 16px);
	}
}

.irp-mainTheme{
	font-size: 20px;
	font-weight: 700;
}

.check-container label{
  color: #004098;
}

.table table th{
	text-align: left;
}

.table table td {
	text-align: right;
}

.right{
	text-align: right;
}

.highcharts-legend {
  display: none;
}
.highcharts-legend-checkbox {
  display: inline-block;
}
.row {
  display: inline-block;
	margin-top: 0px;
  margin-bottom: 20px;
}
.custom-control.custom-checkbox.col-6.col-md-4.col-lg-3 {
  display: inline-block;
  width: 395px;
	vertical-align: top;
}

.table table th, .table table td {
    padding: 10px 15px;
    border-bottom: 1px solid #CDCFD8;
    border-right: 1px solid #CDCFD8;
}

.table table tr th:first-of-type{
	border-left: 1px solid #CDCFD8;	
}

.table table thead th{
	border-top: 1px solid #CDCFD8;
}

.custom-control-label span{
  color: black;
}

@media screen and (min-width: 800px) {
	#graph-anzen .highcharts-point,
	#anzen .highcharts-point{
		width: 20px !important;
	}	
}

#buttons .text-left img { max-height:36px; width:auto}

#buttons a {/* font-size:120%; */}
.btns { text-align:center; margin:30px 0}
.btns input { background-color:#fff; border:2px solid #000000; text-align:center; line-height:26px;width: 100px; margin: 0 5px; color: #000000;}
label {font-size: 13.5px;}
input[type=checkbox] {accent-color: #000;}
.check-container {border-top: 2px #e2e2e2 solid;padding-top: 20px;border-bottom: 2px #e2e2e2 solid;padding-top: 20px;}

.irp_comment { text-align:right; margin:30px 0 }
#monthly .gt-holder td { padding: 6px 4px;}
	
.contain .row {display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: 0;margin-left:15px;}
.custom-control {position: relative;z-index: 1;display: block;min-height: 1.5rem;padding-left: 1.5rem;}
.custom-control-input {position: absolute;left: 0;z-index: -1;width: 1rem;height: 1.25rem;opacity: 0;}
.custom-checkbox .custom-control-input:checked ~ .custom-control-label::before {
	color: #fff;
	border-color: #000;
	background-color: #000;
}
.custom-checkbox .custom-control-input:checked~.custom-control-label::after {
  content: '';
  width: 12px;
  height: 6px;
  border-left: 3px solid #FFF;
  border-bottom: 3px solid #FFF;
  transform: rotate(-45deg);
	position: absolute;
	top: 5px;
}
.contain .custom-control-label::after {
	position: absolute;top: 0.0rem;left: -0.25rem;display: block;width: 1.3rem;height: 1.3rem;content: "";background: no-repeat 50% / 50% 50%;
}
.contain .custom-control-label::before {
	position: absolute;top: 0.0rem;left: -0.5rem;display: block;width: 1.3rem;height: 1.3rem;pointer-events: none;content: "";background-color: #fff;border: #adb5bd solid 1px;
}