@charset "utf-8";



/* side_menu ----------------- */

#side_box .side_menu .menu_grp_c.grp2 {

}

/*

#side_box .side_menu .menu_grp_c._close.grp2 > li:not(:first-of-type) {

  display: block;

}

#side_box .side_menu .menu_grp_c._close.grp2 > .btn_toggle {

  background-color: rgb(218,218,218);

  cursor: auto;

}

#side_box .side_menu .menu_grp_c._close.grp2 > .btn_toggle::after {

  display: none;

}

*/

li.btn070 {

  background-color: rgb(218,218,218);

  border-bottom-color: rgb(204,204,204) !important;

}

li.btn070 > a {

  pointer-events:none;

  cursor: auto;

}

#side_box .side_menu .menu_grp_c > li.btn070 > a::after {

  display: none;

}





/* contents ---- */

.main_inner .ir_data_list > ul > li {

  border-bottom: 1px rgb(162,163,163) solid;

}



.graph_box {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.graph_box > li {

  width: calc(50% - 16px);

  border: 1px rgb(230,230,230) solid;

  margin-bottom: 16px;

}

.graph_box > li > .title {

  padding: 4px 0;

  background-color: rgb(127,127,127);

  color: rgb(255,255,255);

  text-align: center;

}

.box02_01_01 .graph_box > li > .title {

  background-color: rgb(247,175,13);

}

.box02_01_02 .graph_box > li > .title {

  background-color: rgb(143,185,87);

}

.box02_01_03 .graph_box > li > .title {

  background-color: rgb(60,175,179);

}

.box02_01_04 .graph_box > li > .title {

  background-color: rgb(223,86,62);

}

.box02_01_05 .graph_box > li > .title {

  background-color: rgb(150,169,179);;

}



.graph_box > li > .image {

  width: 100%;

  padding-top: calc(440 / 530 * 100%);

  background-repeat: no-repeat;

  background-size: contain;

  background-position: center center;

}



.box01_01 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/img01.svg?ud=250226);

}

.box01_01 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/img02.svg?ud=250226);

}

.box01_01 .graph_box > li:nth-child(3) > .image {

  background-image: url(../images/img03.svg?ud=250226);

}

.box01_01 .graph_box > li:nth-child(4) > .image {

  background-image: url(../images/img04.svg?ud=250226);

}



.box02_01_01 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/img05.svg?ud=250226);

}

.box02_01_01 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/img06.svg?ud=250226);

}

.box02_01_02 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/img07.svg?ud=250226);

}

.box02_01_02 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/img08.svg?ud=250226);

}

.box02_01_03 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/img09.svg?ud=250226);

}

.box02_01_03 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/img10.svg?ud=250226);

}

.box02_01_04 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/img11.svg?ud=250226);

}

.box02_01_04 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/img12.svg?ud=250226);

}

.box02_01_05 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/img13.svg?ud=250226);

}

.box02_01_05 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/img14.svg?ud=250226);

}



html[lang="en"] .box01_01 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/en_img01.svg?ud=250226);

}

html[lang="en"] .box01_01 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/en_img02.svg?ud=250226);

}

html[lang="en"] .box01_01 .graph_box > li:nth-child(3) > .image {

  background-image: url(../images/en_img03.svg?ud=250226);

}

html[lang="en"] .box01_01 .graph_box > li:nth-child(4) > .image {

  background-image: url(../images/en_img04.svg?ud=250226);

}



html[lang="en"] .box02_01_01 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/en_img05.svg?ud=250226);

}

html[lang="en"] .box02_01_01 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/en_img06.svg?ud=250226);

}

html[lang="en"] .box02_01_02 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/en_img07.svg?ud=250226);

}

html[lang="en"] .box02_01_02 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/en_img08.svg?ud=250226);

}

html[lang="en"] .box02_01_03 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/en_img09.svg?ud=250226);

}

html[lang="en"] .box02_01_03 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/en_img10.svg?ud=250226);

}

html[lang="en"] .box02_01_04 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/en_img11.svg?ud=250226);

}

html[lang="en"] .box02_01_04 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/en_img12.svg?ud=250226);

}

html[lang="en"] .box02_01_05 .graph_box > li:nth-child(1) > .image {

  background-image: url(../images/en_img13.svg?ud=250226);

}

html[lang="en"] .box02_01_05 .graph_box > li:nth-child(2) > .image {

  background-image: url(../images/en_img14.svg?ud=250226);

}











/*

#main_box .graph {

	float: left;

	width: 325px;

	height: 310px;

	margin-bottom: 10px;

	background-image: url(../images/img01.png?ud=210304a);

	background-repeat: no-repeat;

}

html[lang="en"] #main_box .graph {

	background-image: url(/en/ir/highlights/images/img01.png?ud=210304a);

}

#main_box .graph {

  margin-right: calc((100% - 651px) / 3);

  margin-left: calc((100% - 651px) / 3);

}

#main_box .box01_01 .graph:nth-child(2n+1) {

  margin-right: 0;

}

#main_box .box01_01 .graph.graph01 { background-position: 0px 0px; }

#main_box .box01_01 .graph.graph02 { background-position: -325px 0px; }

#main_box .box01_01 .graph.graph03 { background-position: 0px -310px; }

#main_box .box01_01 .graph.graph04 { background-position: -325px -310px; }



#main_box .box02_01 .graph:nth-child(2n) {

  margin-right: 0;

}

#main_box .box02_01_01 .graph.graph01 { background-position: 0px -620px; }

#main_box .box02_01_01 .graph.graph02 { background-position: -325px -620px; }

#main_box .box02_01_02 .graph.graph01 { background-position: 0px -930px; }

#main_box .box02_01_02 .graph.graph02 { background-position: -325px -930px; }

#main_box .box02_01_03 .graph.graph01 { background-position: 0px -1240px; }

#main_box .box02_01_03 .graph.graph02 { background-position: -325px -1240px; }

#main_box .box02_01_04 .graph.graph01 { background-position: 0px -1550px; }

#main_box .box02_01_04 .graph.graph02 { background-position: -325px -1550px; }

*/



#main_box table { 

	width: 100%;

}

#main_box table th, 

#main_box table td {

	height: 50px;

  vertical-align: middle;

}

#main_box table th {

	color: #fff;

	font-size: 100%;

	font-weight: bold;

	line-height: 114%;

	text-align: center;

}

#main_box .box01_02 table th { background-color: #7f7f7f; }

#main_box .box02_02_01 table th { background-color: #f7af0d; }

#main_box .box02_02_02 table th { background-color: #8fb957; }

#main_box .box02_02_03 table th { background-color: #3cafb3; }

#main_box .box02_02_04 table th { background-color: #df563e; }

#main_box .box02_02_05 table th { background-color: #96a9b3; }

#main_box table tr { background-color: #f4f4f4;}

#main_box .box02_02_01 table tr { background-color: #fef7dc; }

#main_box .box02_02_02 table tr { background-color: #f7ffe5; }

#main_box .box02_02_03 table tr { background-color: #ebf5f8; }

#main_box .box02_02_04 table tr { background-color: #fcefed; }

#main_box table tr:nth-child(2n+1) { background-color: #fff;}

#main_box table td {

	width: 86px;

	text-align: center;

}

#main_box table td:first-child {

	width: auto;

	padding-left: 10px;

	text-align: left;

}



#main_box .note {

	text-align: right;

}

#main_box .note span {

	padding-left: 22px;

}



#main_box .tyu_m {

    font-size: 75%;

}



#main_box .tyu_m span.text_b {

    display: inline-flex;

    width: 90%;

    

}



@media screen and (max-width:767px) {

  

  .graph_box > li {

    width: 100%;

    max-width: 532px;

    margin-right: auto;

    margin-left: auto;

  }



  /*

  #main_box .graph {

    margin-right: auto;

    margin-left: auto;

    float: none;

  }

  #main_box .graph:nth-child(2n) {

    margin-right: auto !important;

  }

  #main_box .box01_01 .graph:nth-child(2n+1) {

    margin-right: auto;

  }

  */

  #main_box .tyu_m span.text_b {

    width: 90%;

  }

  #main_box table th,

  #main_box table td {

    font-size: 11px;

  }

  #main_box table td {

    width: 50px;

  }

}