@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;
  }
}