@charset "UTF-8";
@import url(csr.css);
#main #contents.message .grid2, #main #contents.sitereport .grid2 {
  justify-content: space-between;
}

#main #contents.message .grid2 .box1a, #main #contents.message .grid2 .box2a, #main #contents.sitereport .grid2 .box1a, #main #contents.sitereport .grid2 .box2a {
  width: 50%;
}

#nav ul li a.nav5:hover,
body#csr #nav ul li a.nav5 {
  background-image: url(../../images/nav_05_o.png);
}

#naviSp #nav ul li a.nav5:hover,
body#csr #naviSp #nav ul li a.nav5 {
  background-image: none;
}

#contents h1 {
  margin-bottom: 20px;
  font-size: 184%;
  font-weight: bold;
  line-height: normal;
}

.tb_etc1,
.tb_etc2 {
  width: 100%;
  background: url(../../images/dotline_01.gif) repeat-x left top;
  padding-top: 1px;
}

#contents.ir_event .tb_etc1 {
  background: url(../../images/dotline_01.gif) repeat-x left bottom;
}

.tb_etc1 tr,
.tb_etc2 tr {
  background: url(../../images/dotline_01.gif) repeat-x left bottom;
}

#contents.ir_event .tb_etc1 tr {
  background: url(../../images/dotline_01.gif) repeat-x left top;
}

.tb_etc1 th,
.tb_etc1 td {
  padding: 10px 0;
  vertical-align: top;
}

.tb_etc2 th,
.tb_etc2 td {
  padding: 5px 0;
  vertical-align: top;
}

.tb_etc1 th,
.tb_etc2 th {
  text-align: left;
}

.tb_etc2 th {
  background-position: left 0.7em;
}

#contents.ir_event .tb_etc1 td.date {
  padding-right: 2em;
  width: 80px;
}

.tb_etc1 td.cell_size {
  width: 200px;
  text-align: right;
}

.tb_etc2 td.cell_size {
  width: 120px;
  text-align: right;
}

@media only screen and (min-width: 690px) {
  ul, ol, dl {
    line-height: 1.85em;
  }
  #main #contents.message .grid2 .box1a, #main #contents.message .grid2 .box2a, #main #contents.sitereport .grid2 .box1a, #main #contents.sitereport .grid2 .box2a {
    width: calc(50% - 10px);
  }
  #main #contents.message .tb_data3 th, #main #contents.message .tb_data3 td, #main #contents.sitereport .tb_data3 th, #main #contents.sitereport .tb_data3 td {
    box-sizing: content-box;
  }
  #main #contents.message .photo_right img, #main #contents.message .photo_left img, #main #contents.message .photo0 img, #main #contents.sitereport .photo_right img, #main #contents.sitereport .photo_left img, #main #contents.sitereport .photo0 img {
    box-sizing: content-box;
  }
  #main #contents.sc_customer .anchor-rwd-box > .row > .la3.smbtm {
    padding-left: 8px;
  }
  #main #contents.csr_archive h1 {
    margin-bottom: 40px;
  }
  #main #contents.csr_archive .sec {
    box-sizing: content-box;
  }
  #main #contents.sc_customer > h1, #main #contents.sc_community > h1, #main #contents.sc_employee > h1, #main #contents.sc_client > h1, #main #contents.sc_investor > h1 {
    line-height: 1;
    box-sizing: content-box;
  }
  #main #contents.governance_compliance .tb_data2.typeA th, #main #contents.governance_compliance .tb_data2.typeA td, #main #contents.nonfinance .tb_data2.typeA th, #main #contents.nonfinance .tb_data2.typeA td {
    box-sizing: content-box;
  }
}
@media only screen and (min-width: 960px) {
  /* rwdのgrid2についての調整 */
  #main #contents {
    /* csr/ntn_green.html */
  }
  #main #contents.ntn_green .section .grid2 {
    width: 660px;
    display: block;
  }
  #main #contents.ntn_green .grid2 {
    width: 680px;
    display: block;
  }
  #main #contents.csr_guideline .grid2 {
    width: 660px;
    display: block;
  }
}
@media only screen and (max-width: 959px) {
  #topicpath {
    white-space: normal;
  }
  /* colorboxの×ボタンサイズ調整 */
  #colorbox #cboxContent #cboxClose {
    transform: scale(0.9, 0.9);
  }
  /* 画像表示領域・サイズ調整 */
  img {
    max-width: 100%;
    height: auto;
  }
  #main #contents {
    float: none;
    width: 100%;
    max-width: 692px;
    margin: 0 auto;
    /* csr/idea/index.html */
    /* csr/sc/index.html */
    /* csr/governance/structure.html */
    /* csr/ntn_green.html */
    /* csr/governance/compliance.html */
    /* csr/sc/client.html */
  }
  #main #contents.idea_index table, #main #contents.cs_index table, #main #contents.governance_compliance table {
    font-size: 75%;
  }
  #main #contents.idea_index .envo_table.risks_opportunities tr th {
    width: 42%;
  }
  #main #contents.idea_index .envo_table.risks_opportunities tr th:nth-of-type(1) {
    width: 16%;
  }
  #main #contents.idea_index .envo_table.materiality tr th:nth-of-type(1) {
    width: 16%;
  }
  #main #contents.idea_index .envo_table.materiality tr th:nth-of-type(2) {
    width: 56%;
  }
  #main #contents.idea_index .envo_table.materiality tr th:nth-of-type(3) {
    width: 28%;
  }
  #main #contents.idea_index .envo_table .table_blue_td {
    width: auto;
  }
  #main #contents.cs_index table tr th:nth-of-type(2) {
    width: 17%;
  }
  #main #contents.cs_index table tr th:nth-of-type(3) {
    width: 63%;
  }
  #main #contents.governance_compliance #anchor01 + .section table.member {
    width: auto;
  }
  #main #contents.governance_compliance #anchor01 + .section table.member th {
    min-width: 90px;
  }
  #main #contents.governance_compliance #anchor01 + .section table.member th:first-of-type {
    min-width: 200px;
  }
  #main #contents.governance_compliance #anchor04 + .section table {
    width: auto;
  }
  #main #contents.ntn_green th {
    display: block;
    padding-bottom: 0;
  }
  #main #contents.ntn_green td.cell_size {
    display: block;
    width: 100%;
    font-size: 70%;
  }
  #main #contents.ntn_green table li {
    line-height: normal;
  }
  #main #contents .boxFig {
    margin: 0 10% 35px;
  }
  #main #contents.governance_compliance table.target_tb .sub_title {
    width: 135px;
  }
  #main #contents.governance_compliance table.target_tb td:nth-last-of-type(1) {
    width: 135px;
  }
  #main #contents.governance_compliance .section .list_basic {
    padding-left: 2em !important;
    margin-left: 0;
  }
  #main #contents.governance_internalcontrol .section ul.btn_link li p::before {
    top: 9px;
  }
}
@media only screen and (max-width: 689px) {
  /* colorboxの×ボタンサイズ調整 */
  #colorbox #cboxContent #cboxClose {
    transform: scale(0.8, 0.8);
  }
  /****************************
  共通
  ****************************/
  #contents {
    /* pdfアイコンとファイル名のズレ調整 */
  }
  #contents .tb_pdf2 th {
    padding-top: 10px !important;
  }
  #contents .col-md-12 {
    width: 100%;
  }
  #contents .mb-md-20 {
    margin-bottom: 20px;
  }
  #contents .col_row {
    margin: 0;
  }
  #contents .anchor-rwd-box .col:empty {
    display: none;
  }
  #contents img.img_w300, #contents img.img_w400, #contents img.img_w500, #contents img.img_w600 {
    max-width: 100% !important;
  }
  #contents .sp-xscroll {
    width: 100%;
    overflow-x: auto;
  }
  #contents .sp-xscroll .tb_data2,
  #contents .sp-xscroll .tb_data3 {
    width: 660px;
  }
  #contents .sp-xscroll img {
    max-width: 660px;
  }
  #contents .sp-xscroll img.img_w300 {
    max-width: 300px !important;
  }
  #contents .sp-xscroll img.img_w400 {
    max-width: 400px !important;
  }
  #contents .sp-xscroll img.img_w500 {
    max-width: 500px !important;
  }
  #contents .sp-xscroll img.img_w600 {
    max-width: 600px !important;
  }
  /****************************
  個別
  ****************************/
  #main #contents {
    /* csr/archive.html */
    /* csr/committee-dialog.html */
    /* csr/csr_guideline.html */
    /* 対応なし */
    /* csr/gri.html */
    /* 対応なし */
    /* csr/nonfinance.html */
    /* csr/ntnreport.html */
    /* csr/opinion.html */
    /* csr/stakeholder-dialog.html */
    /* csr/sasb.html */
    /* csr/environment/chemical.html */
    /* csr/environment/climate-change.html */
    /* csr/environment/management-system.html */
    /* 対応なし */
    /* csr/environment/sitereport */
    /* csr/governance/internalcontrol.html */
    /* 対応なし */
    /* csr/governance/management.html */
    /* csr/governance/riskmanagement.html */
    /* csr/governance/structure.html */
    /* csr/sc 共通 */
    /* csr/sc/employee-safety.html */
    /* csr/sc/client.html */
    /* 対応なし */
    /* csr/sc/community.html */
    /* csr/sc/quality.html */
    /* 対応なし */
    /* csr/sc/human-rights.html */
    /* 対応なし */
    /* csr/sc/investor.html */
  }
  #main #contents.csr_archive .achiveList h2 {
    width: 80px;
  }
  #main #contents.csr_archive .achiveList .nav {
    margin-left: -80px;
    padding-left: 80px;
  }
  #main #contents.csr_archive .achiveList .nav .navInner {
    padding: 10px;
  }
  #main #contents.csr_archive .achiveList .nav .navInner ul {
    width: 100% !important;
    padding: 0;
  }
  #main #contents.governance_directors .section dt {
    float: none;
  }
  #main #contents.governance_directors .section dd {
    padding-left: 0;
    margin-bottom: 20px;
  }
  #main #contents.nonfinance .target_icon_block {
    margin-left: 0;
    float: right;
  }
  #main #contents.nonfinance table th:nth-of-type(3) {
    min-width: 110px;
  }
  #main #contents.nonfinance table th:nth-of-type(4) {
    min-width: 110px;
  }
  #main #contents.ntnreport .grid4 .box {
    text-align: center !important;
  }
  #main #contents.ntnreport .grid4 .box .list_pdf li {
    display: inline-block;
  }
  #main #contents.message .box2 {
    width: 100% !important;
  }
  #main #contents.dialog .box1 {
    width: 100%;
  }
  #main #contents.dialog .dialog_grid div.col4 {
    margin: 0 -1% 20px;
  }
  #main #contents.dialog .dialog_grid div.col4 dl {
    width: 49%;
    margin-left: 1%;
  }
  #main #contents.dialog .list_undr_dlgspch {
    margin-left: 0;
  }
  #main #contents.sasb_sec table th:nth-of-type(1) {
    min-width: 105px;
  }
  #main #contents.sasb_sec table th:nth-of-type(2) {
    min-width: 238px;
  }
  #main #contents.sasb_sec table th:nth-of-type(3) {
    min-width: 117px;
  }
  #main #contents.sasb_sec table th:nth-of-type(4) {
    min-width: 122px;
  }
  #main #contents.sasb_sec table th:nth-of-type(5) {
    min-width: 82px;
  }
  #main #contents.chemical .img-area.sp-xscroll img {
    max-width: 100% !important;
  }
  #main #contents.environment_co2 .box1 {
    width: 100%;
  }
  #main #contents.environment_co2 table.tb_data2 tr:nth-of-type(2) th:nth-of-type(1) {
    width: 135px;
  }
  #main #contents.environment_co2 .photo_wrap .img_w500 {
    max-width: 100% !important;
  }
  #main #contents.sitereport table.tb_pdf1 .cell_size {
    width: 100%;
  }
  #main #contents.sitereport .grid2 .box1a, #main #contents.sitereport .grid2 .box2a {
    width: 100%;
  }
  #main #contents.sitereport .section .col_row > div {
    width: 100%;
    padding: 0;
  }
  #main #contents.sitereport .section .txt_flex {
    display: block;
  }
  #main #contents.sitereport .section .col_row p:first-child, #main #contents.sitereport .section .txt_flex p:first-child {
    padding-bottom: 10px;
  }
  #main #contents.sitereport .section .sr_box2 {
    padding-top: 15px;
    width: 100%;
    text-align: center;
  }
  #main #contents.sitereport .section .europe_mb20 {
    margin-bottom: 20px;
  }
  #main #contents.governance_management .tb_data2 {
    width: max-content;
  }
  #main #contents.governance_management .head2.imgL img {
    display: block;
  }
  #main #contents.governance_management .section .spilit_book {
    margin-bottom: 10px;
  }
  #main #contents.governance_riskmanagement .list_basic {
    padding-left: 2em !important;
    margin-left: 0;
  }
  #main #contents.governance_compliance img {
    max-width: 100% !important;
  }
  #main #contents.governance_compliance table.member th:nth-of-type(1) {
    min-width: 130px;
  }
  #main #contents.governance_compliance table.member th:nth-of-type(2),
  #main #contents.governance_compliance table.member th:nth-of-type(3),
  #main #contents.governance_compliance table.member th:nth-of-type(4) {
    min-width: 120px;
  }
  #main #contents.governance_compliance table .engine_design th, #main #contents.governance_compliance table .engine_design td {
    display: block;
  }
  #main #contents.governance_compliance table.responsible_person th:nth-of-type(1) {
    min-width: 130px;
  }
  #main #contents.governance_compliance table.responsible_person th:nth-of-type(2) {
    min-width: 130px;
  }
  #main #contents.governance_compliance table.responsible_person th:nth-of-type(3) {
    min-width: 410px;
  }
  #main #contents.governance_compliance table.reward_deliberation_table th.cell_head {
    width: 60px;
  }
  #main #contents.sc_client > h1, #main #contents.sc_community > h1, #main #contents.sc_investor > h1, #main #contents.sc_customer > h1, #main #contents.sc_employee > h1 {
    height: auto;
    padding-top: 0;
    padding-bottom: 5px;
  }
  #main #contents.sc_employee #anchor02 .bg2 {
    display: block;
  }
  #main #contents.sc_employee p img.ntnschool.img_resize {
    float: none;
  }
  #main #contents.sc_employee ul.list_basic {
    padding-left: 20px;
  }
  #main #contents.sc_employee .q_graph {
    display: block !important;
  }
  #main #contents.sc_employee .q_remarks {
    margin: 0 !important;
  }
  #main #contents.sc_community .section .col_row .col-6 {
    width: 100% !important;
  }
  #main #contents.sc_investor .section.sri_esg_section .col_row .col-6 {
    width: 100%;
  }
}
@media only screen and (max-width: 499px) {
  /* colorboxの×ボタンサイズ調整 */
  #colorbox #cboxContent #cboxClose {
    transform: scale(0.7, 0.7);
  }
}
@media only screen and (min-width: 600px) {
  #main #contents.sustainable-finance .loans-info thead > tr > th.term {
    width: 15%;
  }
  #main #contents.sustainable-finance .loans-info thead > tr > th.release {
    width: 15%;
  }
}
/* ----------list_banner---------- */
#index_contents ul.list_banner {
  width: 100%;
  margin-bottom: 100px;
  display: flex;
  flex-wrap: wrap;
  justify-content: left;
}
#index_contents ul.list_banner li {
  width: max-content;
  padding: 0 5px 15px 5px;
}
@media only screen and (max-width: 767px) {
  #index_contents ul.list_banner li {
    width: 100%;
  }
}

/*# sourceMappingURL=csr_rwd.css.map */