@charset "UTF-8";
/* Updated 2022/04/05.T */
/*TOP-page-PC*/
.kye_visual{
    height: 1020px;
    background: center center / cover no-repeat url(/sustainability/img/sustainabillty_kv.jpg);
}
.sustainabillty_h1{
    margin: 0 auto;
    padding: 0 20px;
    width: 100%;
    max-width: 1240px;
    color: #004831;
    font-size: 3.6rem;
    font-weight: 700;
}
.kye_visual_link{ margin-top: 50px; }

.kye_visual_link li a{
  display: table-cell;
  width: 320px;
  height: 92px;
  padding: 10px 15px;
  margin-top: 20px;
  text-align: center;
  vertical-align: middle;
  background-color: rgba(229, 237, 234, 0.8);
}
.kye_visual_link li a span{
  color: #004831;
  font-size: 2.3rem;
  font-weight: 700;  
}
.kye_visual_link li:nth-child(1){
  line-height: 34px;
}
.kye_visual_link li:nth-child(2){
  margin-left: 25%;
  margin-top: 60px;
}
.kye_visual_link li:nth-child(3){
  margin-left: 45%;
  margin-top: 60px;
}
.kye_visual_link li:nth-child(4){
  margin-left: 65%;
  margin-top: 60px;
}

/*TOP test_01 */
.kye_visual_link_01{ margin-top: 50px; }

.kye_visual_link_01 li a{
  display: inline-block;
  width: 320px;
  height: 92px;
  padding: 10px 15px;
  margin-top: 20px;
  text-align: center;
  background-color: rgba(229, 237, 234, 0.8);
}
.kye_visual_link_01 li a span{
  color: #004831;
  font-size: 2.3rem;
  font-weight: 700;  
}
.kye_visual_link_01{
  width: 100%;
}
.kye_visual_link_01 li{
  line-height: 65px;
  float: left;
}
.lh26p{line-height: ;}

/*furanodialogue*/
.special_back{
    position: relative;
    width: 100%;
    padding-bottom: 80px;
    margin-bottom: 60px;
}
.special_back::after{
    position: absolute;
    content: "";
    z-index: -1;
    width: 100%;
    height: 82%;
    background-color: #c4d700;
    bottom: 0;
    left: 0;
}

/*TOP test_01 */

.l-area-panel.-sustainability {
    background-image: url(/sustainability/img/area-panel_bg_01.jpg);
}
.l-area-panel.-environment {
    background-image: url(/sustainability/img/area-panel_bg_02.jpg);
}
.l-area-panel.-society {
    background-image: url(/sustainability/img/area-panel_bg_03.jpg);
}
.l-area-panel.-governance {
    background-image: url(/sustainability/img/area-panel_bg_04.jpg);
}

.l-area-panel.-sustainability .l-area-panel_contents,
.l-area-panel.-environment .l-area-panel_contents,
.l-area-panel.-society .l-area-panel_contents,
.l-area-panel.-governance .l-area-panel_contents
 {
    background-color: rgba(255, 255, 255, .88);
}
/*TOP-page-PC*/


/*General purpose PC add*/
.text-align-none_pc{text-align: inherit!important;}
.text-align-inti_pc{text-align: initial!important;}
.top1p{top: 1px!important;}
.top0p{top: 0px!important;}
.mt60{margin-top: 60px!important;}
.mb60{margin-bottom: 60px!important;}
.pd20{padding: 20px;}
.pt60{padding-top: 60px!important;}
.pt70{padding-top: 70px!important;}
.fill_blanks{
  text-align: initial!important;
  display: inline-block;
}
.height_auto{height: auto!important;}
.nav-local{padding: 20px 0px;}
.c-column-image_image_small{
  order: -2;
  margin-right: 40px;
  margin-left: 0;
  -webkit-flex-basis: 250x;
  flex-basis: 300px;
  text-align: center;
}
.pc_movie{display: block;}
.sp_movie{display: none;}
/*General purpose PC add*/

/* d-grid-image */
.d-grid-image {
  padding-top: 40px;
  background: #e5edea;
}
.d-grid-image:not(:first-child) {
  margin-top: 0px;
}

.d-grid-image.-column2 li {
  -webkit-flex-basis: calc(100% / 2 - 40px);
  flex-basis: calc(100% / 2 - 40px);
  max-width: calc(100% / 2 - 40px);
}

.d-grid-image.-column3 li {
  -webkit-flex-basis: calc(99% / 3 - 40px);
  flex-basis: calc(99% / 3 - 40px);
  max-width: calc(99% / 3 - 40px);
}

.d-grid-image.-column4 li {
  -webkit-flex-basis: calc(100% / 4 - 40px);
  flex-basis: calc(100% / 4 - 40px);
  max-width: calc(100% / 4 - 40px);
}

.d-grid-image ul {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: -40px;
  margin-left: -40px;
}

.d-grid-image li {
  display: -webkit-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -webkit-justify-content: center;
  justify-content: center;
  position: relative;
  -webkit-flex-basis: 100%;
  flex-basis: 100%;
  min-height: 140px;
  margin-top: 40px;
  margin-left: 40px;
  padding: 20px 10px;
  /*border: 1px solid #f0f0f0;*/
}

.d-grid-image li:nth-child(n+5){
  margin-top: 0px;
  padding-top: 0px;
}


@media (max-width: 767px) {
  .d-grid-image ul {
    display: block;
    margin-top: 0;
    margin-left: 0;
  }

  .d-grid-image li {
    max-width: none !important;
    margin-top: 0;
    margin-left: 0;
  }
  .d-grid-image li:not(:first-child) {
    margin-top: 20px;
  }
}

.c-link.-pdf {
    position: static;
    padding-right: 0px;
}
.c-link.-pdf::after {
  content: "PDF";
  position: static;
  display: inline-block;
  margin-left: 5px;
  transform: translateY(-15%);
}

.c-column-image_image.-safe img{
  width: auto;
}

.c-column-image_image.-small {
  flex-basis: auto;
  -webkit-flex-basis: auto;
}

.lm10 img{
  min-width: 110px;
}
.border-t-none{border-top: none!important;}
.border-b-none{border-bottom: none!important;}

/*tablet_pc*/
@media (max-width: 768px) and (min-width: 767px) {

  /*General purpose tablet_PC add*/
  .tab-ml00p{margin-left: 0px!important;}
  .tab-w100p{width: 100px!important;}
  .tab-font-260r{font-size: 2.60rem!important;}
  .tab-font-190r{font-size: 1.90rem!important;}
  .tab-font-173r{font-size: 1.73rem!important;}
  .tab-font-167r{font-size: 1.67rem!important;}
  .tab-font-120r{font-size: 1.20rem!important;}
  .tab-margin-top-p20{margin-top: 20px!important;}
  .tab-margin-btm-p20{margin-bottom: 20px!important;}
  .tab-padding-all-15p{padding: 15px!important;}
  /*General purpose tablet_PC add*/

  h1.visual_title{font-size: 2.6rem!important;}
  .c-table.tab_t_w240, th{width: 240px;}
  .c-table.tab_t_w330 th{width: 330px;}
  .c-min-table.tab_t_w240 th{width: 240px;}

  .c-btn-link.-pdf.pdf-tab-w120::after{width: 120px!important;}
  .c-btn-link.-pdf.pdf-tab-w100::after{width: 100px!important;}

  .nav-local_list{height: auto;}

  .c-anchor_list a {
    min-height: 48px;
    height: auto;
  }
  .c-column-image_image{flex-basis: 180px;}

  /* top_kye_visual */

  .kye_visual_link li:nth-child(2){
    margin-left: 10%;
    margin-top: 60px;
  }
  .kye_visual_link li:nth-child(3){
    margin-left: 30%;
    margin-top: 60px;
  }
  .kye_visual_link li:nth-child(4){
    margin-left: 50%;
    margin-top: 60px;
  }
  /* top_kye_visual */
  .c-min-table th {
    background-color: #f3f8f6;
    color: #788883;
    font-weight: 700;
    letter-spacing: .04em;
    vertical-align: middle;
  }

  .c-min-table td {
    letter-spacing: 0.4em;
    font-weight: 300;
    vertical-align: top;
  }
}
/*tablet_pc*/

@media (max-width: 767px) {
  .c-table.-procurement tbody th {
    font-size: 1.0rem;
  }
  .c-table.-procurement tbody td {
    font-size: 1.0rem;
  }

  .c-box_contents.-procurement{
    padding: 16px 14px;
  }
}

.ggpartners-movie_wrapper {
  max-width: 930px;
  margin: auto;
}

.ggpartners-movie {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}

.ggpartners-movie .jstream-eqPlayer {
  top: 0;
  left: 0;
  right: 0;
}
/* add c-min-table */
.c-min-table table {
  width: 100%;
  border: 1px solid #d5dedb;
}

.c-min-table.-fixed table {
  table-layout: fixed;
}
.c-min-table.-officer tbody th {
  background-color: #f6f6f6;
  color: inherit;
  font-weight: 300;
  vertical-align: top;
}

.c-min-table .-header {
  width: 30%;
}
.c-min-table .-position {
  width: calc(16.5em + 40px);
}
.c-min-table .-name {
  width: calc(12.5em + 40px);
}
.c-min-table .-year {
  width: calc(4.5em + 40px);
}
.c-min-table .-entry {
  width: 30%;
}
.c-min-table .-number {
  width: calc(12.5em + 40px);
}

.c-min-table th,
.c-min-table td {
  padding: 10px;
  border: 1px solid #d5dedb;
  font-size: 1.5rem;
  text-align: left;
}

.c-min-table th {
  background-color: #f3f8f6;
  color: #788883;
  font-weight: 700;
  letter-spacing: .04em;
  vertical-align: middle;
}

.c-min-table td {
  letter-spacing: .04em;
  font-weight: 300;
  vertical-align: top;
}
/*
.c-table_photo {
  float: left;
  margin-right: 20px;
  width: 86px;
  height: 86px;
}

.c-table_list li {
  padding-left: 1.5em;
  text-indent: -1.5em;
}

.c-table_map {
  margin-top: 16px;
  text-align: center;
}

.c-table_small {
  font-size: 1.2rem;
}

.c-table_notes {
  margin-top: 28px;
}

.c-table_text {
  margin-bottom: 10px;
  font-size: 1.6rem;
  text-align: right !important;
}
.c-table_text span {
  font-size: 1.4rem;
}

.c-table_link {
  margin-top: 4px;
}

.c-table_link-inline {
  position: relative;
  margin-left: 60px;
}
.c-table_link-inline::after {
  content: "";
  position: absolute;
  top: -8px;
  bottom: -8px;
  left: -30px;
  border-left: 1px solid #e5edea;
}
*/
@media (max-width: 767px) {
  .c-table.-officer th,
  .c-table.-officer td {
    font-size: 1.0rem;
    padding: 6px;
  }

  .c-table .-header {
    width: calc(7em + 32px);
  }
  .c-table .-position {
    width: calc(7em + 24px);
  }
  .c-table .-name {
    width: calc(7.5em + 24px);
  }
  .c-table .-year {
    width: calc(4.5em + 32px);
  }
  .c-table .-entry {
    width: calc(8.5em + 32px);
  }

  .c-table th,
  .c-table td {
    padding: 6px;
  }

  .c-table tbody th {
    vertical-align: top;
  }

  .c-table_small {
    font-size: 1rem;
  }

  .c-table_photo {
    display: block;
    float: none;
    margin-right: 0;
    margin-bottom: 4px;
  }

  .c-table_notes {
    margin-top: 10px;
  }

  .c-table_link-inline {
    margin-left: 32px;
  }
  .c-table_link-inline::after {
    left: -16px;
  }
}

body:not(.newMovie) #TB_window{
    top: 33%!important;
    margin-top: 0%!important;
}

@media (max-width:767px) {
  /*General purpose SP add*/
  .sp-pr0{padding-rigth: 0px !important;}
  .sp-pl5{padding-left: 5px !important;}

  .sp-font-size08{font-size: 8px!important;}
  .sp-font-size10{font-size: 10px!important;}
  .sp-font-size14rem{font-size: 1.4rem!important;}
  .sp-font-size18rem{font-size: 1.8rem!important;}
  .sp-font-size2rem{font-size: 2.0rem!important;}

  .sp-height-p80{height: 80px!important;}
  .sp-height-p85{height: 85px!important;}

  .sp-margin-top-p0 {margin-top:  0px!important;}
  .sp-margin-top-p10{margin-top: 10px!important;}
  .sp-margin-top-p20{margin-top: 10px!important;}
  .sp-margin-btm-p10{margin-bottom: 10px!important;}
  .sp-margin-btm-p20{margin-bottom: 20px!important;}

  .sp-padding-rig-20p{padding-right: 20px!important;}

  .table-scroll{width:360px; overflow-y:scroll;}

  .text-align-none{text-align: inherit!important;}
  .text-align-inti{text-align: initial!important;}

  .sp_fill_blanks{
  text-align: initial!important;
  display: inline-block;
  }
  .pc_movie{display: none;}
  .sp_movie{display: block;}
  /*General purpose SP add*/

  /*sp button */
  .c-anchor_list a {
    min-height: 48px;
    height: auto;
  }
  .c-box.-accordion .c-box_header.r25p::before,.c-box.-accordion .c-box_header.r25p::after{
    right: 25px;
  }
  /*sp button */

  /* sp top_kye_visual */
  .kye_visual{
      height: auto;
      background: center center / cover no-repeat url(/sustainability/img/sustainabillty_kv.jpg);
          padding-bottom: 20px;
  }
  .sustainabillty_h1{
      margin: 0 auto;
      padding: 0 20px;
      width: 100%;
      max-width: 1240px;
      color: #004831;
      font-size: 2.3rem;
      font-weight: 700;
  }
  .kye_visual_link{ 
    margin-top: 30px; 
  }


  .kye_visual_link li a{
    display: inline-block;
    width: 270px;
    height: 76px;
    padding: 10px 15px;
    margin-top: 10px;
    text-align: center;
    background-color: rgba(229, 237, 234, 0.8);
  }
  .kye_visual_link li a span{
    color: #004831;
    font-size: 1.8rem;
    font-weight: 700;  
  }
  .kye_visual_link li{
    display: block;
    text-align: center;
    margin-top: 10px;
  }
  .kye_visual_link li:nth-child(1){
  line-height: 26px;
  }
  .kye_visual_link li:nth-child(2){
    line-height: 55px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .kye_visual_link li:nth-child(3){
    line-height: 55px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .kye_visual_link li:nth-child(4){
    line-height: 55px;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .l-area-panel.-sustainability .l-area-panel_contents,
  .l-area-panel.-environment .l-area-panel_contents,
  .l-area-panel.-society .l-area-panel_contents,
  .l-area-panel.-governance .l-area-panel_contents
   {
      padding-top: 36px;
  }
  /* sp top_kye_visual */

  /*report_data_table*/
  .c-min-table.-officer th,
  .c-min-table.-officer td {
    font-size: 0.5rem;
    padding: 2px;
    letter-spacing: .01em;
  }
  .c-min-table.-officer tbody th {
    background-color: #f6f6f6;
    color: inherit;
    font-weight: 300;
    vertical-align: top;
  }
  .c-min-table th{
    background-color: #f3f8f6;
    color: #788883;
    font-weight: 700;
    letter-spacing: .01em;
    vertical-align: middle;
  }
  .c-min-table td th{
    border: 1px solid #d5dedb;
  }
  .c-min-table .-header {
    width: calc(7em + 32px);
  }
  .c-min-table .-position {
    width: calc(7em + 24px);
  }
  .c-min-table .-name {
    width: calc(7.5em + 24px);
  }
  .c-min-table .-year {
    width: calc(4.5em + 32px);
  }
  .c-min-table .-entry {
    width: calc(8.5em + 32px);
  }

  .c-min-table th,
  .c-min-table td {
    padding: 8px;
    font-size: 0.8rem;
  }

  .c-min-table tbody th {
    vertical-align: top;
  }

  .c-min-table_small {
    font-size: 1rem;
  }

  .c-min-table_photo {
    display: block;
    float: none;
    margin-right: 0;
    margin-bottom: 4px;
  }

  .c-min-table_notes {
    margin-top: 16px;
  }

  .c-min-table_link-inline {
    margin-left: 32px;
  }
  .c-min-link-inline::after {
    left: -16px;
  }
  /*report_data_table*/
}
@media all and (-ms-high-contrast: none) {
  /* ie */
  .ie_w250 {width:250px!important  }
  .ie_w300 {width:300px!important  }
}
/*mini_pc*/
@media (max-width:1024px ) and (min-width: 769px) {
   .kye_visual_link li:nth-child(2){
    margin-left: 15%;
  }
  .kye_visual_link li:nth-child(3){
    margin-left: 35%;

  }
  .kye_visual_link li:nth-child(4){
    margin-left: 55%;
  }
  .mini_pc_font_30rem{font-size: 3.0rem;}
}
}