@charset "utf-8";



#main_box { line-height: 2.0; }



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

.materiality_data_e li.btn132 {

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

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

}

.materiality_data_e li.btn132 > a {

  pointer-events: none;

  cursor: auto;

}

.materiality_data_e #side_box .side_menu li.btn132 > a::after { display: none; }



.materiality_data_s li.btn133 {

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

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

}

.materiality_data_s li.btn133 > a {

  pointer-events: none;

  cursor: auto;

}

.materiality_data_s #side_box .side_menu li.btn133 > a::after { display: none; }



.materiality_data_g li.btn134 {

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

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

}

.materiality_data_g li.btn134 > a {

  pointer-events: none;

  cursor: auto;

}

.materiality_data_g #side_box .side_menu li.btn134 > a::after { display: none; }







/* contents ---- */

.ttl_s {

  position: relative;

  padding-right: 290px;

}

.ttl_s .ttl_s_subtit {

  position: absolute;

  top: 50%;

  right: 0;

  transform: translate3d(0, -50%, 0);

  width: auto;

  max-width: 300px;

  padding-left: 40px;

  font-size: 15px;

  text-align: right;

}

.ttl_s .ttl_s_subtit .hex {

  position: absolute;

  top: 50%;

  left: 0;

  transform: translate3d(0, -50%, 0);

  display: block;

  width: 34px;

  height: 30px;

  background-repeat: no-repeat;

  background-position: center center;

  background-size: contain;

}

.ttl_s .ttl_s_subtit .hex.hex04 {

  background-image: url(../../images/icon8_04.svg);

}

.ttl_s .ttl_s_subtit .hex.hex07 {

  background-image: url(../../images/icon8_07.svg);

}

.ttl_s .ttl_s_subtit .hex.hex08 {

  background-image: url(../../images/icon8_08.svg);

}



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

  #main_box .page_title {

    letter-spacing: -1.5px;

  }

  #main_box .ttl_s {

    margin-bottom: 48px;

  }

  .ttl_s {

    padding-right: 0;

  }

  .ttl_s .ttl_s_subtit {

    top: 100%;

    display: flex;

    align-items: center;

    max-width: 100%;

    height: 30px;

    padding-right: 40px;

    padding-left: 0;

    font-size: 12px;

    font-weight: 400;

    transform: translate3d(0, 25%, 0);

  }

  .ttl_s .ttl_s_subtit .hex {

    left: auto;

    right: 0;

  }

}





.img_e_box {

  display: flex;

  justify-content: space-between;

  

}



.img_e_box > .img {

  width: 50%;

}

.img_e_box > .img > div {

  margin-right: auto;

  margin-left: auto;

}

.note {

  font-size: 11px;

}

.note li {

  line-height: 1.4;

  margin-top: 4px;

}



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

  .img_e_box {

    flex-wrap: wrap;

  }

  .img_e_box > .img {

    width: 100%;

  }

}





/* -- materiality_data_e -- */

.img_e02_01 {

  max-width: 680px;

  margin-right: auto;

  margin-left: auto;

}

.img_e02_02 {

  max-width: calc(320 / 397 * 100%);

}

.img_e02_03 {

  max-width: calc(346 / 397 * 100%);

}

html[lang="en"] .img_e02_03 {

  max-width: calc(320 / 397 * 100%);

}

.img_e03_02 {

  max-width: calc(360 / 397 * 100%);

}

.img_e03_04 {

  max-width: calc(360 / 397 * 100%);

}

.img_e04_01 {

  max-width: 640px;

  margin-right: auto;

  margin-left: auto;

}

.img_e05_01 {

  max-width: 640px;

  margin-right: auto;

  margin-left: auto;

}

.img_e05_02 {

  max-width: 750px;

  margin-right: auto;

  margin-left: auto;

}

.img_e05_02 .note {

  display: flex;

  justify-content: flex-end;

}



.box04 .img_e_box > .img:nth-child(1) {

  width: calc(456 / 794 * 100%);

}

.box04 .img_e_box > .img:nth-child(2) {

  width: calc(338 / 794 * 100%);

}





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

  .img_e02_02 {

    margin-top: 10px;

    max-width: 100%;

  }

  .img_e02_03 {

    margin-top: 25px;

    max-width: 100%;

  }

  html[lang="en"] .img_e02_03 {

    max-width: 100%;

  }

  .img_e03_02 {

    max-width: 100%;

  }

  .img_e03_03 {

    margin-top: 20px;

  }

  .img_e03_04 {

    max-width: 100%;

  }

  .box04 .img_e_box > .img:nth-child(1) {

    width: 100%;

  }

  .box04 .img_e_box > .img:nth-child(2) {

    width: 100%;

  }

}





/* -- materiality_data_s -- */

#main_box .ttl_s2 {

  padding-right: 158px;

}

.ttl_s2 {

  position: relative;

}

.ttl_s2 .ft14 {

  font-size: 14px;

}

.ttl_s2 > .tgl_btn {

  position: absolute;

  top: 1px;

  right: 1px;

  display: flex;

  justify-content: center;

  align-items: center;

  width: 158px;

  height: calc(100% - 2px);

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

  font-size: 16px;

  cursor: pointer;

}

._view_box > .ttl_s2 > .tgl_btn > .text_n {

  display: block;

}

._view_box > .ttl_s2 > .tgl_btn > .text_g {

  display: none;

}

._view_box._view_n > .ttl_s2 > .tgl_btn > .text_n {

  display: none;

}

._view_box._view_n > .ttl_s2 > .tgl_btn > .text_g {

  display: block;

}

._view_box > .ttl_s2 > .text_g {

  display: inline;

}

._view_box > .ttl_s2 > .text_n {

  display: none;

}

._view_box._view_n > .ttl_s2 > .text_g {

  display: none;

}

._view_box._view_n > .ttl_s2 > .text_n {

  display: inline;

}



._view_box > ._view_items._view_n {

  display: none;

}

._view_box > ._view_items._view_g {

  display: block;

}

._view_box._view_n > ._view_items._view_n {

  display: block;

}

._view_box._view_n > ._view_items._view_g {

  display: none;

}



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

  #main_box .ttl_s2 {

    padding-right: 79px;

  }

  .ttl_s2 > .tgl_btn {

    width: 79px;

    font-size: 10px;

  }

  .ttl_s2 .ft14 {

    font-size: 12px;

  }

}





._view_items .title {

  position: relative;

  padding-left: 16px;

  font-size: 17px;

  font-weight: 700;

}

._view_items .title::before {

  position: absolute;

  left: 0;

  top: calc(50% + 1px);

  transform: translate3d(0, -50%, 0);

  width: 13px;

  height: 13px;

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

  content: '';

}



._view_items._view_g > .unit {

  display: flex;

  flex-wrap: wrap;

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

  padding: 10px 10px 0 10px;

}

._view_items._view_g > .unit > li {

  width: calc(100% / 5);

  margin-bottom: 10px;

}

._view_items._view_g > .unit > li > span {

  position: relative;

  display: block;

  padding-left: calc(44 / 155 * 100%);

  font-size: 13px;

}

._view_items._view_g > .unit > li > span::before {

  position: absolute;

  left: 0;

  top: calc(50% - 1px);

  transform: translate3d(0, -50%, 0);

  width: calc(40 / 155 * 100%);

  height: 15px;

  content: '';

}

._view_items._view_g > .unit > li:nth-child(1) > span::before {

  background-color: rgb(199,220,249);

}

._view_items._view_g > .unit > li:nth-child(2) > span::before {

  background-color: rgb(255,204,203);

}

._view_items._view_g > .unit > li:nth-child(3) > span::before {

  background-color: rgb(212,239,160);

}

._view_items._view_g > .unit > li:nth-child(4) > span::before {

  background-color: rgb(191,178,214);

}

._view_items._view_g > .unit > li:nth-child(5) > span::before {

  background-color: rgb(174,223,237);

}

._view_items._view_g > .unit > li:nth-child(6) > span::before {

  background-color: rgb(242,205,139);

}

._view_items._view_g > .unit > li:nth-child(7) > span::before {

  background-color: rgb(183,167,167);

}

._view_items._view_g > .unit > li:nth-child(8) > span::before {

  background-color: rgb(239,175,175);

}

._view_items._view_g > .unit > li:nth-child(9) > span::before {

  background-color: rgb(180,221,102);

}

._view_items._view_g > .unit > li:nth-child(10) > span::before {

  background-color: rgb(202,178,249);

}

._view_items._view_g > .unit > li:nth-child(11) > span::before {

  background-color: rgb(249,153,120);

}

._view_items._view_g > .unit > li:nth-child(12) > span::before {

  background-color: rgb(107,210,247);

}

._view_items._view_g > .unit > li:nth-child(13) > span::before {

  background-color: rgb(121,160,207);

}



.view_graph {

  display: flex;

  justify-content: space-between;

  flex-wrap: wrap;

}

.view_graph > li {

  width: calc(380 / 794 * 100%);

  margin-top: 24px;

}

.box02_04 .view_graph > li {

  width: calc(520 / 794 * 100%);

}

.view_graph > li .image > .unit {

  display: flex;

  justify-content: center;

}

.view_graph > li .image > .unit > li {

}

.view_graph > li .image > .unit > li > span {

  position: relative;

  display: block;

  padding-left: 44px;

  padding-right: 16px;

  font-size: 13px;

}

.view_graph > li .image > .unit > li > span::before {

  position: absolute;

  left: 0;

  top: calc(50% - 1px);

  transform: translate3d(0, -50%, 0);

  width: 40px;

  height: 15px;

  content: '';

}

.view_graph > li.dydo .image > .unit > li:nth-child(1) > span::before {

  background-color: rgb(252,153,76);

}

.view_graph > li.dydo .image > .unit > li:nth-child(2) > span::before {

  background-color: rgb(244,189,78);

}

.view_graph > li.daido .image > .unit > li:nth-child(1) > span::before {

  background-color: rgb(75,160,157);

}

.view_graph > li.daido .image > .unit > li:nth-child(2) > span::before {

  background-color: rgb(132,188,188);

}

.view_graph > li.tarami .image > .unit > li:nth-child(1) > span::before {

  background-color: rgb(209,46,34);

}

.view_graph > li.tarami .image > .unit > li:nth-child(2) > span::before {

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

}



.box02_04 .view_graph {

  justify-content: center;

}



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

  .view_graph > li {

    width: 100%;

  }

  .box02_04 .view_graph > li {

    width: 100%;

  }

  .view_graph > li._blank {

    display: none;

  }

  ._view_items._view_g > .unit > li {

    width: calc(100% / 4);

  }

  html[lang="en"] ._view_items._view_g > .unit > li {

    width: calc(100% / 3);

  }

  ._view_items._view_g > .unit > li > span {

    font-size: 10px;

  }

  ._view_items._view_g > .unit > li > span::before {

    height: 12px;

  }

}







.view_table .table {

  position: relative;

}

.view_table .table > .unit {

  position: absolute;

  top: 0;

  right: 0;

  transform: translate3d(0, -100%, 0);

  font-size: 13px;

}

.view_table table {

  width: 100%;

  border-collapse: separate;

  border-spacing: 2px;

}

.view_table table th,

.view_table table td {

/*  width: calc(100% / 7);*/

  text-align: center;

  line-height: 1.4;

  padding-top: 5px;

  padding-bottom: 5px;

  font-size: 14px;

  vertical-align: middle;

}

.view_table table tbody tr:nth-child(2n) th,

.view_table table tbody tr:nth-child(2n) td {

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

}

.view_table table tbody tr:nth-child(2n+1) th,

.view_table table tbody tr:nth-child(2n+1) td {

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

}

.view_table.dydo   table thead th {

  background-color: rgb(244, 189, 78);

}

.view_table.daido  table thead th {

  background-color: rgb(132,188,188);

}

.view_table.tarami table thead th {

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

}



.box02_04 .view_table table thead th {

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

/*  width: calc(120 / 794 * 100%);*/

}

.box02_04 .view_table table thead th._blank {

  background-color: transparent;

  width: calc(170 / 794 * 100%);

}

.box02_04 .view_table table tbody tr:nth-child(1) th {

  background-color: rgb(244,189,78);

}

.box02_04 .view_table table tbody tr:nth-child(2) th {

  background-color: rgb(132,188,188);

}

.box02_04 .view_table table tbody tr:nth-child(3) th {

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

}

.box02_04 .view_table table tbody tr:nth-child(1) td {

  background-color: rgb(249,240,220);

}

.box02_04 .view_table table tbody tr:nth-child(2) td {

  background-color: rgb(206,238,250);

}

.box02_04 .view_table table tbody tr:nth-child(3) td {

  background-color: rgb(255,242,235);

}



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

  .view_table table th,

  .view_table table td {

    font-size: 12px;

  }

  .view_table table thead th {

    font-size: 10px;

  }

  .box02_01 .view_table table tbody th {

    font-size: 10px;

  }

  .box02_04 .view_table table thead th {

/*    width: calc(50 / 342 * 100%);*/

  }

  .box02_04 .view_table table thead th._blank {

    width: calc(92 / 342 * 100%);

  }

  .view_table table td.spft10 {

    font-size: 10px;

  }

}