@charset "UTF-8";
/*------------------------------------------------------------------------------

  Append

------------------------------------------------------------------------------*/
/* 画像右クリイベント無効化 */
img {
  pointer-events: none;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-touch-callout: none;
  -moz-user-select: none;
  touch-callout: none;
  user-select: none;
}
img.event_on {
  pointer-events: inherit;
  -webkit-touch-callout: default;
  -webkit-user-select: auto;
  -moz-touch-callout: default;
  -moz-user-select: auto;
  touch-callout: default;
  user-select: auto;
}
.under_container.col-2 .under_side li.current > a {
  pointer-events: auto;
}
.under_container.col-2 .under_side-subList01 > span {
  font-size: 14px;
  font-size: 1.4rem;
  font-weight: normal;
}
.under .graph-ttl {
  color: #222;
  font-weight: bold;
  line-height: 1.9;
}
@media print, screen and (min-width: 768px) {
  .under .graph-ttl {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .graph-ttl {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
.under .mt10 {
  margin-top: 10px !important;
}
.under .mt20 {
  margin-top: 20px !important;
}
.under .mt30 {
  margin-top: 30px !important;
}
.under .ms_auto {
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 768px) {
  .under .catchCopy {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .catchCopy {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media print, screen and (min-width: 768px) {
  .under .mod-text-small.mt10 {
    margin-top: 10px !important;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-text-small.mt10 {
    margin-top: 0 !important;
  }
}
@media print, screen and (min-width: 768px) {
  .under .mod-imageText-contents + .mod-imageText-image {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-imageText-contents + .mod-imageText-image {
    margin-top: 25px;
  }
}
.under .mod-image-variation {
  margin: 40px 0 0;
}
.under .mod-image-variation > .under .mod-image-variation-default:first-child {
  margin-top: 0;
}
.under .mod-image-variation-3col-ex {
  margin: 40px 0 0;
}
.under .mod-image-variation-3col-ex ul {
  display: flex;
  flex-wrap: wrap;
}
.under .mod-image-variation-3col-ex li {
  margin: 0 0 30px;
}
@media print, screen and (min-width: 768px) {
  .under .mod-image-variation-3col-ex li {
    width: calc(33.33% - 17px);
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-image-variation-3col-ex li {
    width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .under .mod-image-variation-3col-ex li:nth-child(3n+1) {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .under .mod-image-variation-3col-ex li:nth-child(3n+1):nth-last-child(-n+3), .under .mod-image-variation-3col-ex li:nth-child(3n+1):nth-last-child(-n+3) ~ li {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .under .mod-image-variation-3col-ex li + li {
    margin-left: 25px;
  }
}
.under .mod-image-variation-3col-ex li figure {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .under .mod-image-variation-3col-ex li figure span {
    display: block;
    max-width: 450px;
    margin: auto;
  }
}
@media print, screen and (min-width: 768px) {
  .under .mod-image-variation-3col-ex li figure img {
    max-width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-image-variation-3col-ex li figure img {
    max-width: 100%;
  }
}
.under .mod-image-variation-3col-ex li figure figcaption {
  color: #666;
  margin-top: 12px;
  line-height: 1.3;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .under .mod-image-variation-3col-ex li figure figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-image-variation-3col-ex li figure figcaption {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-image-scroll {
    margin-left: -10px;
    margin-right: -10px;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-image-scroll > div {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    padding-bottom: 12px;
    padding-right: 10px;
    padding-left: 10px;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-image-scroll > div > figure {
    min-width: 600px;
  }
}
.under .mod-list-circle li {
  padding: 0 0 0 2.2em;
  text-indent: -2.2em;
  line-height: 1.9;
}
@media print, screen and (min-width: 768px) {
  .under .mod-list-circle li {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-list-circle li {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
.under .mod-list-circle li + li {
  margin: 10px 0 0;
}
.under .mod-list-star li {
  color: #555;
  padding: 0 0 0 1.8em;
  text-indent: -1.8em;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .under .mod-list-star li {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-list-star li {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
.under .mod-list-star li + li {
  margin: 10px 0 0;
}
.under .mod-list-star-solo li {
  padding: 0 0 0 2em;
  text-indent: -2em;
}
.under .mod-list-2col {
  display: flex;
  flex-wrap: wrap;
}
.under .mod-list-2col li {
  width: 50%;
}
@media print, screen and (min-width: 768px) {
  .under .mod-list-2col li:nth-child(-n+2) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-list-2col li {
    width: 100%;
  }
}
.under .mod-list-3col {
  display: flex;
  flex-wrap: wrap;
}
.under .mod-list-3col li {
  width: 33%;
}
@media print, screen and (min-width: 768px) {
  .under .mod-list-3col li:nth-child(-n+3) {
    margin-top: 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-list-3col li {
    width: 100%;
  }
}
.under .mod-list-default.circle-none li {
  padding: 0;
}
.under .mod-list-default.circle-none li::before {
  content: none;
}
.under .mod-list-default.circle-none li + li {
  margin: 0;
}
.under .mod-table tbody td.w40 {
  width: 40%;
}
.under .mod-table tbody td.w50 {
  width: 50%;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block {
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block {
    margin: 50px 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block + .rctopics_block {
    margin: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block + .rctopics_block {
    margin: 60px 0 0;
  }
}
.under .rctopics_block_inner {
  border: solid #e1eeef;
  border-radius: 10px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block_inner {
    border-width: 5px;
    padding: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block_inner {
    border-width: 3px;
    padding: 30px 10px;
  }
}
.under .rctopics_block-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: calc(100% - 22px);
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-icon {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-icon {
    padding: 0 7px;
    text-align: center;
    bottom: calc(100% - 13px);
  }
}
.under .rctopics_block-icon > p {
  background: #0168aa;
  font-weight: bold;
  color: #fff;
  border-radius: 50px;
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-icon > p {
    line-height: 48px;
    font-size: 14px;
    font-size: 1.4rem;
    width: 15em;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-icon > p {
    line-height: 42px;
    font-size: 12px;
    font-size: 1.2rem;
    width: 14em;
  }
}
.under .rctopics_block-icon > p span {
  display: inline-block;
  position: relative;
  bottom: -2px;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-icon > p span {
    font-size: 26px;
    font-size: 2.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-icon > p span {
    font-size: 24px;
    font-size: 2.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-icon img {
    width: 80%;
  }
}
.under .rctopics_block-title {
  text-align: center;
}
.under .rctopics_block-title p {
  font-weight: bold;
  line-height: 1.3;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-title p {
    font-size: 27px;
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-title p {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
.under .rctopics_block-title p.subtitle {
  line-height: 1.2;
  font-size: 16px;
  font-size: 1.6rem;
  color: #006eb7;
  margin-bottom: 10px;
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-title p.subtitle {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
.under .rctopics_block-title p.subtitle-blk {
  color: #222;
}
.under .rctopics_block-title p + .subtitle {
  margin-top: 10px;
  margin-bottom: 0;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-title + .mod-h3 {
    margin: 40px 0 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-contents {
    display: flex;
    flex-direction: row-reverse;
    margin: 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-contents {
    margin: 35px 0 0;
  }
}
.under .rctopics_block-image {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-image {
    max-width: 350px;
  }
}
.under .rctopics_block-image img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-image + .rctopics_block-text {
    margin: 60px 0 0;
  }
}
.under .rctopics_block-image figcaption {
  color: #666;
  margin: 10px 0 0;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-image figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .rctopics_block-image figcaption {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.under .rctopics_block-text {
  flex: 1;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-text {
    display: flex;
    padding: 35px 0 0;
  }
}
.under .rctopics_block-text-supplement {
  display: block;
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  margin: 8px 0 0;
}
@media print, screen and (min-width: 768px) {
  .under .rctopics_block-text p {
    padding: 0 30px 0 0;
  }
}
.under .rctopics_block .mod-image-variation-2col li figure img {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block {
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block {
    margin: 50px 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block + .sdgsclm_block {
    margin: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block + .sdgsclm_block {
    margin: 60px 0 0;
  }
}
.under .sdgsclm_block_inner {
  border: solid #c3edbb;
  background: #f6fdf5;
  border-radius: 10px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block_inner {
    border-width: 5px;
    padding: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block_inner {
    border-width: 3px;
    padding: 30px 10px;
  }
}
.under .sdgsclm_block-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background: #5cb531;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-icon {
    bottom: calc(100% - 22px);
    padding: 0 20px;
    height: 48px;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-icon {
    padding: 0 20px;
    bottom: calc(100% - 20px);
    height: 42px;
    min-width: 14em;
  }
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-icon.w60 {
    min-width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-icon.w60 {
    min-width: 60%;
  }
}
.under .sdgsclm_block-icon > p {
  line-height: 1;
  font-weight: bold;
  color: #fff;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-icon > p {
    font-size: 20px;
    font-size: 2rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-icon > p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-icon img {
    width: 80%;
  }
}
.under .sdgsclm_block-isdgscon {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-isdgscon {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-isdgscon {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-isdgscon img {
    width: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-isdgscon img {
    width: 50px;
  }
}
.under .sdgsclm_block-isdgscon img + img {
  margin-left: 10px;
}
.under .sdgsclm_block-title {
  text-align: center;
}
.under .sdgsclm_block-title p {
  display: inline-block;
  font-weight: bold;
  line-height: 1.3;
  position: relative;
  color: #5cb531;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-title p {
    font-size: 27px;
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-title p {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-title + .mod-h3 {
    margin: 40px 0 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-contents {
    display: flex;
    flex-direction: row-reverse;
    margin: 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-contents {
    margin: 35px 0 0;
  }
}
.under .sdgsclm_block-image {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-image {
    max-width: 350px;
  }
}
.under .sdgsclm_block-image img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-image + .rctopics_block-text {
    margin: 60px 0 0;
  }
}
.under .sdgsclm_block-image figcaption {
  color: #666;
  margin: 10px 0 0;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-image figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .sdgsclm_block-image figcaption {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.under .sdgsclm_block-text {
  flex: 1;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-text {
    display: flex;
    padding: 35px 0 0;
  }
}
.under .sdgsclm_block-text-supplement {
  display: block;
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  margin: 8px 0 0;
}
@media print, screen and (min-width: 768px) {
  .under .sdgsclm_block-text p {
    padding: 0 30px 0 0;
  }
}
.under .sdgsclm_block .mod-image-variation-2col li figure img {
  width: 100%;
}
.under .mod-h4-ex {
  font-size: 20px;
  font-size: 2rem;
  font-weight: bold;
  color: #00777f;
  margin-bottom: 20px;
}
.under .mod-h4-ex + * {
  margin-top: 0;
}
.under .cell-block-wrap {
  width: 100%;
  padding: 6px;
  background: #5bb531;
}
.under .cell-block-ttl {
  width: 100%;
  background: #5bb531;
  color: #fff;
  font-size: 19px;
  font-size: 1.9rem;
  font-weight: bold;
  text-align: center;
  line-height: 1;
  padding: 8px 0 14px;
}
.under .cell-block-inner {
  background: #fff;
  display: flex;
  flex-wrap: wrap;
}
@media only screen and (max-width: 767px) {
  .under .cell-block-inner {
    display: block;
  }
}
.under .cell-block {
  width: 50%;
  padding: 20px;
  border-bottom: 4px solid #ecf1f4;
  border-right: 4px solid #ecf1f4;
  box-sizing: border-box;
}
@media only screen and (max-width: 767px) {
  .under .cell-block {
    width: 100%;
    padding: 10px;
    border-bottom: 4px solid #ecf1f4;
    border-right: none;
  }
}
.under .cell-block:nth-child(2n) {
  border-right: none;
}
@media print, screen and (min-width: 768px) {
  .under .cell-block:nth-last-child(-n+2) {
    border-bottom: none;
  }
}
@media print, screen and (max-width: 767px) {
  .under .cell-block:last-child {
    border-bottom: none;
  }
}
.under .cell-block.cb-imageText {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media print, screen and (min-width: 768px) {
  .under .cell-block.cb-bottom {
    border-bottom: 4px solid #ecf1f4;
  }
}
.under .cell-block-left {
  width: 160px;
}
@media print, screen and (max-width: 767px) {
  .under .cell-block-left {
    width: 120px;
  }
}
.under .cell-block-left img {
  width: 100%;
  max-width: 100%;
}
.under .cell-block-right {
  width: calc(100% - 180px);
}
@media print, screen and (max-width: 767px) {
  .under .cell-block-right {
    width: calc(100% - 130px);
  }
}
.under .cell-block-mttl {
  font-size: 15px;
  font-size: 1.5rem;
  font-weight: bold;
  color: #5bb531;
}
.under .cell-block-text {
  font-size: 15px;
  font-size: 1.5rem;
}
.under .cell-block-ul {
  font-size: 15px;
  font-size: 1.5rem;
}
.under .cell-block-ul li {
  position: relative;
  padding: 0 0 0 20px;
}
.under .cell-block-ul li::before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #222;
  top: 10px;
  width: 7px;
  height: 7px;
  left: 5px;
}
.under .flow-arrow {
  width: 100%;
  height: 50px;
  margin: 50px 0;
  position: relative;
}
.under .flow-arrow::after {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 1px;
  height: 1px;
  border-top: 50px solid #d9f6ca;
  border-left: 150px solid #fff;
  border-right: 150px solid #fff;
}
.under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-text {
  margin-left: 0;
  margin-right: 30px;
}
@media only screen and (max-width: 767px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-text {
    margin-right: 0;
    margin-bottom: 30px;
  }
}
.under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-text .mod-text-default {
  font-size: 16px;
  font-size: 1.6rem;
}
.under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image {
  max-width: none;
  width: calc(50% - 15px);
  margin: 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media only screen and (max-width: 767px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image {
    width: 100%;
    display: block;
  }
}
.under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure {
  text-align: center;
}
@media only screen and (max-width: 767px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure {
    display: block;
    max-width: 450px;
    margin: auto;
  }
}
.under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure.mod-imageText-strong-isdgscon {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure.mod-imageText-strong-isdgscon {
    margin-bottom: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure.mod-imageText-strong-isdgscon {
    margin-bottom: 15px;
  }
}
@media print, screen and (min-width: 768px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure.mod-imageText-strong-isdgscon img {
    width: 66px;
  }
}
@media only screen and (max-width: 767px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure.mod-imageText-strong-isdgscon img {
    width: 50px;
  }
}
.under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image figure.mod-imageText-strong-isdgscon img + img {
  margin-left: 10px;
}
@media only screen and (max-width: 767px) {
  .under .mod-imageText-strong.app .mod-imageText-strong-contents .mod-imageText-strong-image img {
    width: auto;
    max-width: 100%;
  }
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block {
    margin: 60px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block {
    margin: 50px 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block + .guideline_block {
    margin: 70px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block + .guideline_block {
    margin: 60px 0 0;
  }
}
.under .guideline_block_inner {
  border: solid #e1eeef;
  border-radius: 10px;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block_inner {
    border-width: 5px;
    padding: 45px;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block_inner {
    border-width: 3px;
    padding: 30px 10px;
  }
}
.under .guideline_block-icon {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  background-color: #fff;
  bottom: calc(100% - 25px);
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-icon {
    padding: 0 15px;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-icon {
    padding: 0 7px;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-icon img {
    width: 60px;
    height: 58px;
  }
}
.under .guideline_block-title {
  text-align: center;
}
.under .guideline_block-title p {
  display: inline-block;
  font-weight: bold;
  color: #007179;
  line-height: 1.3;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-title p {
    font-size: 27px;
    font-size: 2.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-title p {
    font-size: 21px;
    font-size: 2.1rem;
  }
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-title + .mod-h3 {
    margin: 40px 0 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-contents {
    display: flex;
    flex-direction: row-reverse;
    margin: 50px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-contents {
    margin: 35px 0 0;
  }
}
.under .guideline_block-image {
  flex-shrink: 0;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-image {
    max-width: 350px;
  }
}
.under .guideline_block-image img {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-image + .guideline_block-text {
    margin: 60px 0 0;
  }
}
.under .guideline_block-image figcaption {
  color: #666;
  margin: 10px 0 0;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-image figcaption {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-image figcaption {
    font-size: 13px;
    font-size: 1.3rem;
  }
}
.under .guideline_block-text {
  flex: 1;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-text {
    display: flex;
    padding: 35px 0 0;
  }
}
.under .guideline_block-text-headline {
  color: #00787e;
  font-weight: bold;
  border-bottom: 3px solid #00787e;
  line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-text-headline {
    border-width: 3px;
    font-size: 22px;
    font-size: 2.2rem;
    padding: 0 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-text-headline {
    border-width: 2px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.under .guideline_block-text-headline .subtitle {
  position: absolute;
  display: inline-block;
  background-color: #5cb531;
  color: #fff;
  border-radius: 24px;
  left: 0;
  text-align: center;
  cursor: default;
  line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-text-headline .subtitle {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 7px 19px;
    min-width: 200px;
    top: -6px;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-text-headline .subtitle {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 6px 18px;
    min-width: 180px;
    bottom: calc(100% + 8px);
  }
}
.under .guideline_block-text-headline .subtitle::after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: #5db531 transparent transparent transparent;
  top: 100%;
  transform: skewX(-25deg);
  left: 35px;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-text-headline .subtitle::after {
    border-width: 13px 13px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-text-headline .subtitle::after {
    border-width: 11px 11px 0 0;
  }
}
.under .guideline_block-text-headline .num-large {
  font-family: "Roboto", sans-serif;
  position: relative;
  display: inline-block;
  margin: 0 3px;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-text-headline .num-large {
    font-size: 66px;
    font-size: 6.6rem;
    bottom: -2px;
  }
}
@media only screen and (max-width: 767px) {
  .under .guideline_block-text-headline .num-large {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
.under .guideline_block-text-supplement {
  display: block;
  position: absolute;
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: normal;
  margin: 8px 0 0;
}
@media print, screen and (min-width: 768px) {
  .under .guideline_block-text p {
    padding: 0 30px 0 0;
  }
}
.under .goal-format-wrap {
  max-width: 800px;
  width: 100%;
  margin: 60px 0 20px;
  border: 5px solid #E5F2F2;
  border-radius: 10px;
  color: #333;
}
.under .goal-format-wrap .goal-ttl {
  background-color: #00797F;
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  padding: 8px 15px;
  letter-spacing: 0.025em;
}
.under .goal-format-wrap .goal-ttl.should {
  border-radius: 6px 6px 0 0;
}
.under .goal-format-wrap .goal-bg {
  padding: 17px 15px;
}
.under .goal-format-wrap .goal-bg.green {
  background-color: #CCE4E5;
}
.under .goal-format-wrap .ideal-list li {
  font-size: 16px;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  font-weight: 600;
  line-height: 1.75;
}
.under .goal-format-wrap .goal-sub-ttl {
  font-size: 14px;
  font-size: 1.4rem;
  color: #00797F;
  letter-spacing: 0.025em;
  margin: 0 0 3px;
}
.under .goal-format-wrap .goal-list li {
  font-size: 13px;
  font-size: 1.3rem;
  letter-spacing: 0.025em;
  position: relative;
  font-weight: 600;
  line-height: 1.75;
}
.under .goal-format-wrap .goal-list li.dot {
  padding: 0 0 0 13px;
}
.under .goal-format-wrap .goal-list li.dot::before {
  content: "";
  position: absolute;
  display: block;
  border-radius: 50%;
  background-color: #333;
  width: 2.8px;
  height: 2.8px;
  top: 9px;
  left: 4px;
}
.under .goal-format-wrap .goal-list li.number {
  list-style: auto;
  list-style-position: inside;
}
.under .policy-link-container {
  max-width: 580px;
  width: 100%;
  margin: 70px 0 0;
}
.under .policy-link-container .parent-list .policy-link {
  font-size: 19px;
  font-size: 1.9rem;
  color: #00797f;
  font-weight: bold;
  letter-spacing: 0.065em;
  line-height: 1.52;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
.under .policy-link-container .parent-list .policy-link::before {
  content: "";
  display: inline-block;
  vertical-align: middle;
  background-image: url(../img/icon_link_arrow.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 15px;
  height: 7px;
  position: absolute;
  left: -19px;
  top: 10px;
}
.under .policy-link-container .parent-list > li {
  padding: 18px 25px;
  border-top: 2px solid #00797f;
  border-left: 2px solid #00797f;
}
.under .policy-link-container .parent-list > li:nth-of-type(n+2) {
  margin: 9px 0 0;
}
.under .policy-link-container .parent-list ol.child-list {
  padding: 30px 0 0 26px;
}
.under .policy-link-container .parent-list ol.child-list > li {
  list-style: decimal;
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 0.065em;
  font-weight: bold;
}
.under .policy-link-container .parent-list ol.child-list > li:nth-of-type(n+2) {
  margin: 30px 0 0;
}
.under .policy-link-container .parent-list ol.child-list > li .policy-link {
  margin: 0 0 0 21px;
}
.under .policy-link-container .parent-list ul.child-list > li {
  font-size: 17px;
  font-size: 1.7rem;
  letter-spacing: 0.065em;
  font-weight: bold;
}
.under .policy-link-container .parent-list ul.child-list > li:nth-of-type(n+2) {
  margin: 30px 0 0;
}
.under .policy-link-container .parent-list ul.child-list > li .policy-link {
  margin: 0 0 0 45px;
}
.under .kibeta-txt {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50px;
  padding: 0 20px;
  width: -moz-fit-content;
  width: fit-content;
  background-color: #ffff00;
  font-size: 17px;
  font-size: 1.7rem;
  inset: 0;
  margin: auto;
}
.under .mod-list-default li.dot-none {
  padding: 0;
}
.under .mod-list-default li.dot-none::before {
  content: none;
}

/*------------------------------------------------------------------------------
  CSR index
------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .under .main.csr_top {
    margin: 0;
  }
}

@media only screen and (max-width: 767px) {
  .under_container {
    overflow-y: hidden;
  }
}

@media print, screen and (min-width: 768px) {
  .under_container.col-1 .under_main {
    margin: 0;
  }
}
@media only screen and (max-width: 767px) {
  .under_container.col-1 .under_main {
    margin: 0;
  }
}

@media print, screen and (min-width: 768px) {
  .mod-imageText-strong {
    margin: 80px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .mod-imageText-strong {
    margin: 60px 0 0;
  }
}

@media print, screen and (min-width: 768px) {
  .csr_category_h2 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -38px;
  }
}
@media only screen and (max-width: 767px) {
  .csr_category_h2 {
    position: relative;
    top: -22px;
    text-align: center;
  }
}
.csr_category_h2 h2 {
  position: relative;
  font-weight: bold;
}
@media print, screen and (min-width: 768px) {
  .csr_category_h2 h2 {
    font-size: 46px;
    font-size: 4.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .csr_category_h2 h2 {
    display: inline-block;
    font-size: 25px;
    font-size: 2.5rem;
  }
}
.csr_category_h2 h2::before {
  content: "";
  position: absolute;
  display: block;
  background: url("/common/img/icon_h2.svg") center center/contain no-repeat;
  top: 50%;
  transform: translateY(-50%);
}
@media print, screen and (min-width: 768px) {
  .csr_category_h2 h2::before {
    width: 53px;
    height: 58px;
    left: -60px;
  }
}
@media only screen and (max-width: 767px) {
  .csr_category_h2 h2::before {
    width: 31px;
    height: 34px;
    left: -35px;
  }
}

@media print, screen and (min-width: 768px) {
  .index_mainvisual_wrapper {
    background: url("/sustainability/img/top/index_mainvisual_img.jpg") center center/1600px auto no-repeat;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report {
    margin: 100px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_report {
    margin: 60px 0 0;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1100px) {
  .index_report_inner {
    width: 1100px;
    padding: 0 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report_inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
  }
}
@media only screen and (max-width: 767px) {
  .index_report_inner {
    padding: 0 10px;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report_inner01 {
    display: flex;
    align-items: center;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report-image {
    width: 50%;
    flex-shrink: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report-image img {
    max-width: 750px;
    width: 100%;
  }
}
@media only screen and (max-width: 767px) {
  .index_report-image img {
    max-width: 100%;
    margin: auto;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report-image + .index_report-contents {
    padding-right: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .index_report-image + .index_report-contents {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report-contents {
    width: 550px;
    padding: 0 0 0 20px;
    flex-shrink: 0;
  }
}
.index_report-title .csr_top_h2 {
  color: #222;
  font-weight: bold;
  position: relative;
  line-height: 1.3;
  display: inline-block;
  transition: 0.3s ease;
}
@media print, screen and (min-width: 768px) {
  .index_report-title .csr_top_h2 {
    font-size: 46px;
    font-size: 4.6rem;
    padding: 0 50px 0 46px;
  }
}
@media only screen and (max-width: 767px) {
  .index_report-title .csr_top_h2 {
    font-size: 25px;
    font-size: 2.5rem;
    padding: 0 30px 0 30px;
  }
}
.index_report-title .csr_top_h2::before {
  content: "";
  position: absolute;
  display: block;
  background: url("/common/img/icon_h2.svg") center center/contain no-repeat;
  left: 0;
}
@media print, screen and (min-width: 768px) {
  .index_report-title .csr_top_h2::before {
    width: 53px;
    height: 58px;
    top: -5px;
  }
}
@media only screen and (max-width: 767px) {
  .index_report-title .csr_top_h2::before {
    width: 31px;
    height: 34px;
  }
}
.index_report-title .csr_top_h2::after {
  content: "";
  position: absolute;
  display: block;
  background: url("/common/img/icon_arrow_big_g.svg") center center/contain no-repeat;
  top: calc(50% - 2px);
  transform: translateY(-50%);
  right: 0;
}
@media print, screen and (min-width: 768px) {
  .index_report-title .csr_top_h2::after {
    width: 40px;
    height: 8px;
  }
}
@media only screen and (max-width: 767px) {
  .index_report-title .csr_top_h2::after {
    width: 28px;
    height: 6px;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report-title a:hover .csr_top_h2 {
    color: #00787e;
  }
}
@media print, screen and (min-width: 768px) {
  .index_report-text {
    margin: 25px 0 0;
    padding-left: 62px;
  }
}
@media only screen and (max-width: 767px) {
  .index_report-text {
    margin: 12px 0 0;
  }
}
.index_report-text > p {
  color: #222;
  line-height: 1.9;
}
@media print, screen and (min-width: 768px) {
  .index_report-text > p {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
@media only screen and (max-width: 767px) {
  .index_report-text > p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category {
    margin: 80px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_category {
    margin: 60px 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul {
    display: flex;
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li {
    width: calc(50% - 20px);
    margin: 0 0 60px;
  }
}
.index_category .container > ul > li .index_category-image {
  overflow: hidden;
  max-width: 510px;
}
.index_category .container > ul > li .index_category-image img {
  max-width: 510px;
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-image img {
    transition: 0.3s ease;
  }
}
.index_category .container > ul > li .index_category-title p {
  color: #222;
  font-weight: bold;
  display: inline-block;
  line-height: 1.3;
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-title p {
    font-size: 25px;
    font-size: 2.5rem;
    padding: 0 36px 0 0;
    transition: 0.3s ease;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-title p {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 28px 0 0;
  }
}
.index_category .container > ul > li .index_category-title p.icon_arrow_g::after {
  right: 0;
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-title p.icon_arrow_g::after {
    width: 25px;
    height: 7px;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-title p.icon_arrow_g::after {
    width: 20px;
    height: 6px;
    top: 10px;
  }
}
.index_category .container > ul > li .index_category-text {
  width: 100%;
  color: #666;
  line-height: 1.6;
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-text {
    font-size: 15px;
    font-size: 1.5rem;
    margin: 17px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-text {
    font-size: 13px;
    font-size: 1.3rem;
    margin: 12px 0 0;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-detail {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-contents {
    margin: 30px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-contents {
    margin: 20px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category_wrapper {
    max-width: 510px;
    margin: auto;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-link {
    width: 65%;
    padding: 0 0 0 35px;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-link {
    margin: 15px 0 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-link ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.index_category .container > ul > li .index_category-link li {
  display: block;
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-link li {
    width: calc(50% - 10px);
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-link li + li {
    margin-left: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-link li:nth-child(2n+1) {
    margin-left: 0;
  }
}
.index_category .container > ul > li .index_category-link li a {
  display: block;
  color: #00787e;
  border-bottom: 1px solid #c3cad4;
  line-height: 1.4;
  font-weight: bold;
  position: relative;
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-link li a {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 8px 25px 8px 0;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-link li a {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 6px 15px 6px 0;
    height: 100%;
  }
}
.index_category .container > ul > li .index_category-link li a::before {
  content: "";
  position: absolute;
  display: block;
  width: 100%;
  transform: scaleX(0);
  height: 2px;
  bottom: -1px;
  left: 0;
  background-color: #00787e;
  transform-origin: bottom right;
  transition: transform 0.2s linear;
}
.index_category .container > ul > li .index_category-link li a::after {
  right: 0;
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li .index_category-link li a::after {
    top: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li .index_category-link li a::after {
    top: 15px;
  }
}
.index_category .container > ul > li .index_category-link li a:hover::before {
  transform: scaleX(1);
  transform-origin: bottom left;
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li:nth-child(2n+1) {
    margin-left: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li:nth-child(2n+1):nth-last-child(-n+2), .index_category .container > ul > li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
    margin-bottom: 0;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li + li {
    margin-left: 40px;
  }
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li + li {
    margin-top: 40px;
  }
}
.index_category .container > ul > li > a {
  display: block;
}
@media only screen and (max-width: 767px) {
  .index_category .container > ul > li > a {
    margin: auto;
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li > a:hover .index_category-image img {
    transform: scale(1.1);
  }
}
@media print, screen and (min-width: 768px) {
  .index_category .container > ul > li > a:hover .index_category-title p {
    color: #00787e;
  }
}
.index_category.category_2nd {
  position: relative;
  background-color: #e6f2f3;
}
@media print, screen and (min-width: 768px) {
  .index_category.category_2nd .container {
    padding: 50px 0 50px;
  }
}
@media only screen and (max-width: 767px) {
  .index_category.category_2nd .container {
    padding: 0 15px 25px;
  }
}
@media print {
  .index_category.category_2nd.pmt50 {
    margin-top: 50px;
  }
}
.index .csr_iconlink_wrapper ul {
  display: flex;
  flex-wrap: wrap;
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul {
    justify-content: center;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul {
    justify-content: space-between;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul li {
    position: relative;
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul li + li {
    margin-left: 90px;
  }
}
.index .csr_iconlink_wrapper ul li a {
  display: block;
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul li a:hover .csr_iconlink-image img {
    transform: scale(1.1);
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul li:nth-child(2n+1):nth-last-child(-n+2), .index .csr_iconlink_wrapper ul li:nth-child(2n+1):nth-last-child(-n+2) ~ li {
    margin-bottom: 0px;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_large {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_large.mt50 {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_large.mt50 {
    margin-top: 25px;
  }
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_large li {
    width: 210px;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_large li {
    width: 46%;
    max-width: 210px;
    position: relative;
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_large li + li {
    margin-left: 60px;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_small {
    max-width: 500px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_small.pt50 {
    padding-top: 25px;
  }
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_small li {
    width: 20%;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_small li {
    width: 46%;
    position: relative;
    margin-bottom: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_small li + li {
    margin-left: 0;
  }
}
.index .csr_iconlink_wrapper ul.csr_iconlink_small li .csr_iconlink-image {
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_small li .csr_iconlink-image {
    width: 100px;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink_wrapper ul.csr_iconlink_small li .csr_iconlink-image {
    width: 100%;
    max-width: 100px;
  }
}
.index .csr_iconlink-image {
  text-align: center;
}
.index .csr_iconlink-image img {
  width: 100%;
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink-image img {
    transition: 0.2s ease;
  }
}
.index .csr_iconlink-text {
  text-align: center;
  color: #222;
  line-height: 1.4;
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink-text {
    font-size: 20px;
    font-size: 2rem;
    margin-top: 20px;
    transition: 0.2s ease;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink-text {
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 10px;
  }
}
.index .csr_iconlink-text-small {
  text-align: center;
  color: #222;
}
@media print, screen and (min-width: 768px) {
  .index .csr_iconlink-text-small {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 20px;
    transition: 0.2s ease;
  }
}
@media only screen and (max-width: 767px) {
  .index .csr_iconlink-text-small {
    font-size: 12px;
    font-size: 1.2rem;
    margin-top: 10px;
  }
}

/*------------------------------------------------------------------------------
Message
------------------------------------------------------------------------------*/
.message-h2 h2 {
  padding: 0 0 0 2em;
  text-indent: -2em;
}
.message-name {
  margin: 10px 0 0;
}
@media only screen and (max-width: 767px) {
  .message-name figure {
    max-width: 107px;
    width: 100%;
    margin: 0 0 0 auto;
  }
}
.message-date {
  margin: 40px 0 0;
}
.message-post {
  margin: 10px 0 0;
  font-weight: bold;
}
@media only screen and (max-width: 767px) {
  .message .mod-image-variation-right figure {
    margin: 0 0 0 auto;
  }
}

/*------------------------------------------------------------------------------
  CSR Report
------------------------------------------------------------------------------*/
@media print, screen and (min-width: 768px) {
  .report .report-txtLink {
    margin-top: -15px;
    display: flex;
    flex-wrap: wrap;
  }
}
@media print, screen and (min-width: 768px) {
  .report .report-txtLink p {
    width: 50%;
  }
}
.report .report-txtLink p:first-child {
  margin-top: 15px;
}
@media print, screen and (min-width: 768px) {
  .report .mod-imageText-image img {
    max-width: 320px;
  }
}
@media only screen and (max-width: 767px) {
  .report .mod-imageText-image img {
    width: 250px;
  }
}

/*
  IE11
------------------------------------------------------------------------------*/
@media all and (-ms-high-contrast: none) {
  *::-ms-backdrop, :root .under .under .rctopics_block_inner,
  *::-ms-backdrop, :root .under .under .sdgsclm_block_inner,
  *::-ms-backdrop, :root .under .under .guideline_block_inner {
    padding: 45px 40px;
  }
  *::-ms-backdrop, :root .under .rctopics_block-text-headline .num-large,
  *::-ms-backdrop, :root .under .sdgsclm_block-text-headline .num-large,
  *::-ms-backdrop, :root .under .guideline_block-text-headline .num-large {
    font-size: 50px;
    font-size: 5rem;
  }
  *::-ms-backdrop, :root .under .rctopics_block-text-headline .subtitle,
  *::-ms-backdrop, :root .under .sdgsclm_block-text-headline .subtitle,
  *::-ms-backdrop, :root .under .guideline_block-text-headline .subtitle {
    padding: 10px 19px 4px;
    top: -12px;
  }
  *::-ms-backdrop, :root .under .sdgsclm_block-icon > p {
    position: relative;
    bottom: -3px;
  }
  *::-ms-backdrop, :root .mod-list-number02 li::before {
    top: 0;
  }
}
/*
  印刷用
------------------------------------------------------------------------------*/
@media print {
  header,
  .breadcrumb,
  .under_side,
  footer {
    display: none;
  }
  .index_mainvisual-text {
    left: 0;
  }
  .under_main {
    margin: 0 auto;
  }
  .page_break {
    page-break-before: always;
  }
}/*# sourceMappingURL=append.css.map */


/* -----------------------------------
2024和文　追加
----------------------------------- */
.num .pc_block {display: block;}
.num .sp_block {display: none;}
@media only screen and (max-width: 480px) {
  .num .pc_block {display: none;}
  .num .sp_block {
    display: block;
    text-align: left;
  }
  .sp_lay {
    box-sizing: border-box;
    padding: 4px 10px;
    height: 50px;
  }
  .sp_lay .sp_block {
    height: 40px;
  }
}

.label_content {
  display: flex;
  justify-content: space-between;
  align-items: end;
}
.label_content .label_gri, .gri_num {
  text-align: right;
  font-size: 1.3rem;
  margin: 10px 0 0;
  width: fit-content;
  color: #fff;
  background: #66AFB2;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  height: 20px;
}
@media only screen and (max-width: 767px) {
  .label_content_02 {
    display: block;
    position: relative;
  }
  .label_content_02 .label_gri {
    position: absolute;
    right: 0;
  }
}

.num {
  position: relative;
  min-height: 20px;
  display: block;
  margin-bottom: 30px;
  line-height: 20px;
}
.num .gri_num {
  position: absolute;
  right: 0;
  line-height: 20px;
}

table .cap_3 {
  font-size: 16px;
  font-size: 1.6rem;
}

.index_mainvisual_wrapper::before {
  background-color: #e6f2f3;
        width: 50%;
        height: calc(50% + 36px)!important;
        bottom: 0;
        left: 0;
}
.cap_f {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5px;
}
.cap_f .t_top {
  font-weight: bold;
  font-size: 1.6em;
}
.cap_f .num {
  width: 300px;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .cap_f {
    max-width: 800px;
    min-height: 55px;
  }
}
@media only screen and (max-width: 580px) {
  .cap_f {
    display: block;
    width: 560px;
  }
  .cap_f .num {
    position: static;
    width: fit-content;
    margin-left: auto;
  }
  .cap_f .num .gri_num {
    position: inherit;
    margin-top: 10px;
  }
  .c_change table {
    width: 570px;
  }
}

.fwb {
  font-weight: bold;
} 

.mt0 {margin-top: 0;}
.mt15 {margin-top: 15px;}
.mt40 {margin-top: 40px;}
.mt50 {margin-top: 50px;}
.mt60 {margin-top: 60px;}
.mt80 {margin-top: 80px;}
.mb0 {margin-bottom: 0;}
.mb10 {
  padding-bottom: 10px;
  border-spacing: 10px;}
.mb50 {margin-bottom: 50px;}
.mb80 {margin-bottom: 80px;}
.mod-imageText-strong_inner .mod-imageText-strong-contents .mod-imageText-strong-text .ft16,
.mod-table table .ft16
 {font-size: 16px; font-size: 1.6rem;}
 .mod-table table .ft16 {font-weight: bold;}
/* 図版の色*/
.mod-table .quiet_blue_green {background: #99C9CC;}
.ai_2_13 .quiet_blue_green {background: #7CBE4B; font-weight: bold; color: #fff;}
.quiet_blue_green_55 {background: #CBE0E1!important;}
.gry_b {background: #E6E6E6!important;}
.light_blue {background: #CCE4E5!important;}
.light_green {background: #F4FAF0 !important;}
.ai_2_13 .td_2-13_top {background:#3FB000; color: #fff}
.ai_2_13 .td_2-13_01 {background: #D9EFCC;}
.ai_2_13 .td_2-13_02 {background:#335DC5; font-weight: bold; color: #fff;}
.ai_2_13 .td_2-13_0201 {background: #CCD6F0;}
.ai_2_13 .td_2-13_03 {background: #FF9B00; font-weight: bold; color: #fff;}
.ai_2_13 .td_2-13_0301 {background: #FFECCC;}
.tbl_head_01 {background:#ecf2f5!important;}
.migration {background:#D9EFCC!important;}
.factor_b {background:#E1EEEF!important;}

.txt_red {color: red!important;}



.mod-h1 .bottom_gri_right, .mod-h2 .bottom_gri_right, .mod-h3 .bottom_gri_right {
  text-align: right;
  font-size: 1.3rem;
    margin: 10px 0 0!important;
}

.green_gri {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}
.green_gri p {
  font-size: 1.3rem;
  color: #fff;
  background: #66AFB2;
  box-sizing: border-box;
  padding: 0 20px;
  margin: 0;
  border-radius: 10px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  height: 20px;
}

@media only screen and (max-width: 767px) {
  .green_gri p {
    margin-bottom: -0.2rem;
  }
}

.mod-table .center {
  position: relative;
}
.txt_tbl {
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
}
.mod-table tbody td {
  padding: 10px;
}
.mod-table tbody th {line-height: 1.9;}

.wd8 {width: 8%;}
.wd9 {width: 9%;}
.wd10 {width: 10%;}
.wd11 {width: 11%;}
.wd12 {width: 12%;}
.wd13 {width: 13%;}
.wd14 {width: 14%;}
.wd15 {width: 15%;}
.wd16 {width: 16%;}
.wd17 {width: 17%;}
.wd18 {width: 18%;}
.wd19 {width: 19%;}
.wd20 {width: 20%;}
.wd21 {width: 21%;}
.wd23 {width: 23%;}
.wd24 {width: 24%;}
.wd25 {width: 25%;}
.wd28 {width: 28%;}
.wd30 {width: 30%;}
.wd31 {width: 31%;}
.wd32 {width: 32%;}
.wd33 {width: 33%;}
.wd34 {width: 34%;}
.wd35 {width: 35%;}
.wd36 {width: 36%;}
.wd38 {width: 38%;}
.wd40 {width: 40%;}
.wd45 {width: 45%;}
.wd50 {width: calc(50% - 10px);}
.tate {
    writing-mode: vertical-rl;
  }
@media only screen and (max-width: 767px) {
  .wd8 {width: 8%;}
  .wd9 {width: 9%;}
  .wd10 {width: 10%;}
  .wd11 {width: 11%;}
  .wd12 {width: 12%;}
  .wd13 {width: 13%;}
  .wd14 {width: 14%;}
  .wd15 {width: 15%;}
  .wd16 {width: 16%;}
  .wd17 {width: 17%;}
  .wd18 {width: 18%;}
  .wd19 {width: 19%;}
  .wd20 {width: 20%;}
  .wd21 {width: 21%;}
  .wd23 {width: 23%;}
  .wd24 {width: 24%;}
  .wd25 {width: 25%;}
  .wd28 {width: 28%;}
  .wd30 {width: 30%;}
  .wd31 {width: 31%;}
  .wd32 {width: 32%;}
  .wd33 {width: 33%;}
  .wd34 {width: 34%;}
  .wd35 {width: 35%;}
  .wd36 {width: 36%;}
  .wd38 {width: 38%;}
  .wd40 {width: 40%;}
  .wd45 {width: 45%;}
  .wd50 {width: calc(50% - 10px);}
  .mod-table .table_4_5 .tate {
      writing-mode: vertical-rl;
      display: inline-block;
    }
}
.zu_bos {
  text-indent:-1em;
  padding-left:1em;
}

.ai_2_13 {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
}
.parent {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  grid-template-rows: repeat(11, 1fr);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  }

  .table_4_5{
    display: inline-table;
    white-space: normal;
    min-width: 800px;
  }
  .table_4_5 .lts {
    vertical-align: middle;
  }
  .mod-list-default li.td_4_5_01::before {
    background-color: #FF9E00;
}
.mod-list-default li.td_4_5_02::before {
  background-color: #99AEE2;
}
.mod-list-default li.td_4_5_03::before {
  background-color: #A9A9A9;
  border-radius: 0;
  width: 10px;
  height: 10px;
  }
  .mod-table tbody td.top{
    vertical-align: top;
  }
  @-moz-document url-prefix() {
    .table_4_5{
      display: inline-table;
      white-space: normal;
      min-width: 800px;
    }
    .mod-table tbody td.top{
      vertical-align: top;
    }
    .mod-table .table_4_5 .quiet_blue_green_opacity {
      width: 6%;
    }
    .mod-table .center {
      text-align: center;
    }
  }

  .mod-image-variation-default, .mod-imageText-image {
    position: relative;
  }
.dummy_image {
  width: 300px;
  height: 100px;
  background: yellow;
  position: absolute;
  top: 50%;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  font-size: 30px;
  text-align: center;
  line-height: 100px;
}

.evaluation_txt_26_2, .basic_policy_txt_logo {
  width: 408px;
}
.evaluation_img_26_2, .basic_policy_img_logo {
  margin-right: 96px;
}
@media only screen and (max-width: 767px) {
  .evaluation_txt_26_2, .basic_policy_txt_logo {
    width: 100%;
  }
  .evaluation_img_26_2, .basic_policy_img_logo {
    margin-right: 0;
  }
}

.editional_policy_27_2 {
  max-width: 800px;
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.editional_policy_27_2_inner_left,.editional_policy_27_2_inner_right {
  width: 48%;
}
@media only screen and (max-width: 767px) {
  .editional_policy_27_2 {
    width: 100%;
    display: block;
  }
  .editional_policy_27_2_inner_left,.editional_policy_27_2_inner_right {
    width: 100%;
  }
  .editional_policy_27_2 .editional_policy_27_2_inner_right {
    margin-top: 50px;
  }
}
.editional_policy_27_2 .editional_policy_27_2_inner_left tabl,
.editional_policy_27_2 .editional_policy_27_2_inner_left tabl td,
.editional_policy_27_2 .editional_policy_27_2_inner_right tabl,
.editional_policy_27_2 .editional_policy_27_2_inner_right tabl td
{
  border: none;
}
.editional_policy_27_2 .editional_policy_27_2_inner_left table tr td,.editional_policy_27_2 .editional_policy_27_2_inner_right table tr td  {
  padding: 2px;
  font-size: 16px;
  font-size: 1.6rem;
}
.font_1_5 {letter-spacing: -0.06rem;}
.editional_policy_27_2 div p .square_black, .editional_policy_27_2_inner_left table .square_black,.editional_policy_27_2 .editional_policy_27_2_inner_right table .square_black, .editional_policy_27_2_inner_left_02 p .square_black
{color: #000;}
.editional_policy_27_2 div p .square_green, .editional_policy_27_2 .editional_policy_27_2_inner_left table .square_green, .editional_policy_27_2 .editional_policy_27_2_inner_right table .square_green, .editional_policy_27_2_inner_left_02 p .square_green
{color: #6fad47;}
.editional_policy_27_2 div p .square_blue, .editional_policy_27_2 .editional_policy_27_2_inner_left table .square_blue, .editional_policy_27_2 .editional_policy_27_2_inner_right table .square_blue, .editional_policy_27_2_inner_left_02 p .square_blue
{color: #2e75b5;}
.editional_policy_27_2 div p .square_brown, .editional_policy_27_2 .editional_policy_27_2_inner_left table .square_brown, .editional_policy_27_2 .editional_policy_27_2_inner_right table .square_brown, .editional_policy_27_2_inner_left_02 p .square_brown
{color: #c55a12;}
.editional_policy_27_2 div p .square_orange, .editional_policy_27_2 .editional_policy_27_2_inner_left table .square_orange, .editional_policy_27_2 .editional_policy_27_2_inner_right table .square_orange, .editional_policy_27_2_inner_left_02 p .square_orange
{color: #FF9E00;}

.editional_policy_27_2_inner_left_02 {
  display: flex;
  justify-content: space-between;
  width: 27.5%;
}
.editional_policy_27_2 div p {
  width: 100%;
}
@media only screen and (max-width: 767px) {
  .editional_policy_27_2_inner_left_02 {
    width: 65%;
    margin-top: 50px;
  }
}

.materiality_content {
  max-width: 600px;
  width: 100%;
  display: block;
  margin: 0 auto;
  padding-top: 30px;
}

.materiality_content_right  {
  margin-top: 100px;
}

.materiality_content_left, .materiality_content_right {
  width: 100%;
}
.materiality_content .materiality_content_left ul li, .materiality_content .materiality_content_right ul li{
  margin-bottom: 30px;
}
.materiality_content .materiality_content_left ul li div, .materiality_content .materiality_content_right ul li div {
  display: flex;
  align-items: center;
}
.materiality_content .materiality_content_left ul li div img, .materiality_content .materiality_content_right ul li div img {
  padding-right: 20px;
}
.materiality_content .materiality_content_left ul li div p, .materiality_content .materiality_content_right ul li div p {
  font-size: 24px;
  font-size: 2.4rem;
  font-weight: bold;
  letter-spacing: -0.06rem;
  line-height: 1.2;
}
.materiality_content .materiality_content_left ul li div p:first-child, .materiality_content .materiality_content_right ul li div p:first-child {
  box-sizing: border-box;
  padding-bottom: 20px;
  font-size: 28px;
  font-size: 2.8rem;
}
.materiality_content .materiality_content_left .materiality_content_left_txt, .materiality_content .materiality_content_left .materiality_content_left_txt,
.materiality_content .materiality_content_right .materiality_content_right_txt, .materiality_content .materiality_content_right .materiality_content_right_txt  {
  width: 100%;
  text-align: center;
}
.materiality_content .materiality_content_left .materiality_content_left_txt {
  color: #00797F;
  border-bottom: 2px solid #00797F;
}
.materiality_content .materiality_content_right .materiality_content_right_txt {
  color: #3FB000;
  border-bottom: 2px solid #3FB000;
}
@media only screen and (max-width: 767px) {
  .materiality_content_right  {
    margin-top: 50px;
  }
  .materiality_content .materiality_content_left ul li div p:first-child, .materiality_content .materiality_content_right ul li div p:first-child {
    font-size: 20px;
    font-size: 2rem;
    padding: 0 0 12px;
  }
  .materiality_content .materiality_content_left ul li div p, .materiality_content .materiality_content_right ul li div p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .materiality_content .materiality_content_left ul li, .materiality_content .materiality_content_right ul li{
    margin-bottom: 20px;
  }
  .materiality_content .materiality_content_left ul li div p:first-child, .materiality_content .materiality_content_right ul li div p:first-child {
    margin-bottom: 20px;
  }
  .materiality_content .materiality_content_left ul li div img, .materiality_content .materiality_content_right ul li div img {
    width: 20%;
  }
}

.ai_24_content .green_24 {
  margin: 80px 0 15px;
}
.ai_24_content .green_24 h2 {
  font-size: 28px;
  padding: 0 0 14px;
  line-height: 1.3;
  color: #3FB000;
  border: none;
  width: 100%;
  text-align: center;
  margin: 0;
}
.green_24 h2::before {
  content: none;
}
.ai_24 {
  margin-top: 0;
}
.ai_24 h3 {
  border: none;
  text-align: center;
}

.under .product_area_inner {
  padding: 0;
  padding-top: 45px;
  background: #fff;
}
.under .product_area_inner .sdgsclm_block-isdgscon {
  padding-top: 10px;
}
.sdgsclm_block .sdgsclm_block_inner .product_area_ttl {
  width: 88%;
  border-radius: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  background: linear-gradient(180deg, #73AA42 0%, #73AA42 50%, #4A9924 50%, #4A9924 100%);
  display: flex;
  justify-content: center;
  align-items: center;
}
.sdgsclm_block .sdgsclm_block_inner .product_area_ttl p {
  color: #fff;;
}
.product_area_inner .product_area_block {
  max-width: 800px;
  width: 100%;
  box-sizing: border-box;
  padding: 20px 45px 50px 45px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  min-height: 350px;
  margin: 0 auto;
  border-bottom: 1px solid #3FB000;
}
.product_area_block_03 {
  background: #F5FAF1;
  max-width: 800px;
  width: 100%;
  box-sizing: border-box;
}
.product_area_block_03 .product_area_block_03_inner {
  max-width: 700px;
  width: 100%;
  border-bottom: 2px dashed #3FB000;
  margin: 0 auto;
  padding-bottom: 40px;
}
.product_area_block_03 .product_area_block_03_inner .product_area_block_03_ttl {
  font-size: 24px;
  font-size: 2.4rem;
  padding: 0 0 13px;
  text-align: center;
  font-weight: bold;
  color: #3FB000;
}
.product_area_block_03 .product_area_block_03_inner .product_area_block_03_ttl p {
  text-align: center;
  border-bottom: 3px solid #B2DF99;
  display: inline-block;
  margin-top: 40px;
}
.product_area_block_03 .product_area_block_03_inner_n {
  border-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .product_area_inner .product_area_block {
    width: 100%;
    padding: 10px;
    display: block;
    margin: 0 auto;
  }
  .product_area_block_03 {
    background: #F5FAF1;
    width: 100%;
    box-sizing: border-box;
    padding: 0 20px;
  }
  .product_area_block_03 .product_area_block_03_inner {
    width: 100%;
    border-bottom: 2px dashed #3FB000;
  }
  .product_area_block figure {
    margin-bottom: 30px;
  }
  .product_area_block figure span img {
    margin: 0 auto;
    display: block;
  }
  .product_area_block .product_area_arrow figure span img {
    margin: 0 auto;
    display: block;
    transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -o-transform:rotate(90deg);
}
.product_area_block_03 .product_area_block_03_inner_n {
  border-bottom: 0;
}
}
.sasb table td a {color: #00787e;}

@media only screen and (max-width: 767px) {
  .c_change table {
    min-width: 700px;
    margin-right: 10px;
  }
}
/* -----------------------------------
2025和文　追加
----------------------------------- */
.ft18 {
  font-size: 18px;
}
.biodiversity_table tbody tr td {
  font-size: 10px;
  padding: 10px 2px;
}
.biodiversity_table .dependent span {
  color: #00797F;
}
.biodiversity_table .dependent_m {
  background: #8BD7DB;
}
.biodiversity_table .dependent_l {
  background: #C0E9EB;
}
.biodiversity_table .dependent_e_l {
  background: #E1F4F5;
}
.biodiversity_table .impact span {
  color: #3FB000;
}
.biodiversity_table .impact_m {
  background: #9DD97C;
}
.biodiversity_table .impact_l {
  background: #C3E8AE;
}
.biodiversity_table .impact_n_a {
  background: #D2D2D2;
}
.biodiversity_table .impact_h {
  background: #3A9C00;
  color: #fff;
}

.mod-list_asterisk {
  display: table;
  width: 100%;
}
.mod-list_asterisk li {
  font-size: 1.4rem;
}
.mod-list_asterisk li + li {
  margin: 10px 0 0;
}
.asterisk_head {
  display: table-cell;
  vertical-align: top;
  white-space: nowrap;
  padding-right: 1em;
  font-size: 14px;
  font-size: 1.4rem;
}
.asterisk_txt {
  display: table-cell;
  vertical-align: top;
  font-size: 14px;
  font-size: 1.4rem;
}

.value_chain_table_02 {
  margin-top: 3px
}
.value_chain_table thead:after {
  content: "";
  height: 1px;
  width: 100%;
  padding: 1px 0;
  display: block;
}
.value_chain_table tr th {
  padding: 10px 2px;
  background: #339499;
  color: #ffffff;
  font-weight: bold;
  box-sizing: border-box;
  border: solid 3px #ffffff;
  border-width: 0 3px 0 0;
}
.value_chain_table tr th:last-child {
  border-width: 0 0 0 0;
}
.value_chain_table tr td {
  padding: 10px 2px;
  vertical-align: baseline;
}
.value_chain_table tr .value_chain_table_gray {
  background: #F5F5F5;
}
.value_chain_table tr td .mod-textLink-default a {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 700;
  color: #000000!important;
  line-height: 1.6;
}
.mod-textLink-default_value_chain {
  padding: 0 0 0 18px;
}
.mod-textLink-default_value_chain::before {
  content: '';
  position: absolute;
  display: block;
  background: url(/common/img/icon_arrow_g.svg) center center / contain no-repeat;
  width: 10px;
  height: 10px;
  top: 5px;
  left: 5px;
}
.value_chain_table tr td .mod-textLink-default_value_chain a span {
  display: block;
}

.mod-table div .staff_hrds_table {
  /* width: 800px; */
  table-layout:fixed;
}
.mod-table div .staff_hrds_table thead th {
  border-top: 1px solid #99C9CC;
  color: #fff;
}
.mod-table div .staff_hrds_table thead tr .hrds_g {
  background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #fff 50%, #fff calc(50% + 0.5px), transparent calc(50% + 1px));
  border-top: 1px solid #339499;
}
.mod-table div .staff_hrds_table thead tr th:nth-child(2){
  border-right: 1px solid #fff;
}
.mod-table div .staff_hrds_table tr th, .mod-table div .staff_hrds_table tr td {
  border: solid 1px #339499;
  background: #E3EEF0;
}
.staff_tate {
  display: flex;
  justify-content: center;
  width: 100%;
  height: auto;
}
.staff_tate p {
  font-size: 16px;
  font-size: 1.6rem;
  color: #fff;
  font-weight: bolder;
  height: fit-content;
  text-align: right;
  padding: 15px 0;
}
.staff_tate .tate_x{
  text-orientation: upright;
  writing-mode: vertical-rl;
  -webkit-writing-mode: vertical-rl;
  -moz-writing-mode: vertical-rl;
  -ms-writing-mode: vertical-rl;
  white-space: pre;
  font-feature-settings:initial;
  font-family: sans-serif;
  -webkit-text-orientation: upright;
  letter-spacing: 0.2rem;
  text-indent: 0;
}
.staff_tate .tate_x02 {
  width: 16px;
  display: flex;
  flex-wrap: wrap;
}
.staff_tate .tate_x02 .l_02,
.staff_tate .tate_x02 .l_03,
.staff_tate .tate_x02 .l_04,
.staff_tate .tate_x02 .l_05,
.staff_tate .tate_x02 .l_06,
.staff_tate .tate_x02 .l_07,
.staff_tate .tate_x02 .l_08,
.staff_tate .tate_x02 .l_09 {
  margin-top: -0.24rem
}
.staff_tate .tate_x02 .l_03_y {
  transform: rotate(90deg);
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  -o-transform: rotate(90deg);
}
.staff_tate p span {
  display: inline-block;
}
.mod-table div .staff_hrds_table .hrds_g {
  background: #339499;
  border-bottom: 1px solid #fff;
}
.mod-table div .staff_hrds_table tbody tr:last-child>* {
  border-bottom: 1px solid #339499;
}
.mod-table div .staff_hrds_table .hrds_u_g_tate {
  background: #80BCBF;
  border-bottom: 1px solid #fff;
  font-feature-settings:initial;
  -webkit-font-feature-settings:initial;
  -moz-font-feature-settings:initial;
  width: 100%;
  height: auto;
}
.mod-table div .staff_hrds_table .hrds_u_g {
  background: #99C9CC;
  border-top: 1px solid #99C9CC;
  border-bottom: 1px solid #fff;
  color: #fff;
}
.mod-table div .staff_hrds_table .hrds_u_g:last-child {
  border-right: 1px solid #99C9CC;
}
.mod-table div .staff_hrds_table tr .hrds_coordination {
  position: relative;
}
.mod-table div .staff_hrds_table tr .hrds_coordination .hrds_coordination_inner {
  position: absolute;
  top: 10px;
  width: calc(100% - 20px);
}
.mod-table div .staff_hrds_table tr td ul li {
  padding: 10px 0;
  margin-top: 15px;
  background: #fff;
  font-weight: bolder;
}
.mod-table div .staff_hrds_table tr td ul li:last-of-type {
  margin-bottom: 15px;
}
.mod-table div .staff_hrds_table tr .tate_line {
  position: relative;
}
.mod-table div .staff_hrds_table tr .tate_line::before{
  content: "";
  width: 1px;
  height: 100%;
  border-right: solid 1px #339499;
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  right: calc(50% - 0.5px);
  top: 0;
  bottom: 0;
}

.mod-table .investors_table tr td a {
  color: #00787e;
}
.mod-table .investors_table tr td a:hover {
  text-decoration: underline;
}

.mod-table div .staff_table, .mod-table div .staff_table tr td {
  border: none;
  padding: 0;
}
.mod-table div .staff_table {
  max-width: 800px;
}
.m_system {
  width: 800px;
  display: flex;
  gap: 30px;
}
.m_system .m_system_content {
  width: 385px;
}
.m_system .m_system_content .m_system_ttl {
  font-size: 16px;
  font-size: 1.6rem;
  height: 25px;
}
.m_system .m_system_content_02 .m_system_ttl {
  font-size: 13px;
  font-size: 1.3rem;
  height: 25px;
}
.m_system .m_system_inner {
  width: 100%;
  display: flex;
  box-sizing: border-box;
  margin-top: 5px;
}
.m_system .m_system_inner_02 {
  margin-top: 30px;
}
.m_system .m_system_inner p {
  font-size: 14px;
  font-size: 1.4rem;
  text-align: center;
}
.m_system .m_system_inner .star {
  padding: 10px 5px 10px 0;
  width: 26px;
  vertical-align: middle;
}
.m_system .m_system_inner .m_system_inner_txt {
  width: 359px;
  padding: 10px 0;
  vertical-align: middle;
  font-weight: bolder;
}
.m_system .m_system_inner .m_system_g {
  background: #339499;
  color: #fff;
}
.m_system .m_system_inner .m_system_u_g {
  background: #D9EFCC;
}
.mod-table div .investors_stakeholders_table {
  white-space: normal;
}
.mod-table div .customers_table tbody tr .wd_compliance {
  width: 35%;
}
.mod-table div .digital_transformation_table tr .wd_digital_transformation {
  width: 19%;
}
.mod-table div .safety_table thead tr .wd_safety,
.mod-table div .compliance_table thead tr .wd_compliance {
  width: 35%;
}
.mod-list02 .f_wd li {
  padding: 0;
}
.mod-list02 .f_wd li::before {
  display: none;
}
.sp_block {
  display: none;
}
.sp_block_2025 {
  display: none;
}

@media only screen and (max-width: 767px) {
  .staff_index {
  scroll-padding-top: 45px;
  }
   .biodiversity_table_water {
    width: 600px!important;
  }
  .biodiversity_table_table {
    width: 1000px!important;
  }
  .value_chain_table {
    width: 800px!important;
  }
  .mod-textLink-default_value_chain {
  padding: 0 0 0 20px;
  }
  .mod-textLink-default_value_chain::before {
  width: 12px;
  height: 10px;
  top: 4px;
  left: 4px;
  }
  .mod-table div .conservation_table {
    width: 800px;
    border: none;
    border-collapse: separate;
    border-spacing: 0;
  }
  .mod-table div .conservation_table th, .mod-table div .conservation_table td {
    border-right: 0;
    border-bottom: 0;
  }
  .mod-table div .conservation_table th:last-of-type {
    border-right: 1px solid #ccc;
  }
  .mod-table div .conservation_table td:last-of-type {
    border-right: 1px solid #ccc;
  }
  .mod-table div .conservation_table .b_b {
    border-bottom: 1px solid #ccc;
  }
  .mod-table div .climate_change_table {
    border: none;
    border-collapse: separate;
    border-spacing: 0;
  }
  .mod-table div .climate_change_table th, .mod-table div .climate_change_table td {
    border-right: 0;
    border-bottom: 0;
  }
  .mod-table div .climate_change_table th:last-of-type {
    border-right: 1px solid #ccc;
  }
  .mod-table div .climate_change_table td:last-of-type {
    border-right: 1px solid #ccc;
  }
  .mod-table div .climate_change_table .b_b {
    border-bottom: 1px solid #ccc;
  }
  .mod-table div .recycle_table {
    width: 800px;
  }
  .mod-table div .chemical_control_table {
    width: 800px;
  }
  .mod-table div .customers_table {
  width: 500px;
  }
  .mod-table div .investors_stakeholders_table{
    width: 660px;
  }
  .mod-table div .investors_table {
    width: 660px;
  }
  .mod-table div .investors_stakeholders_table tr td p a {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .mod-table div .customers_table tbody tr .wd_compliance {
    width: 28%;
  }
  .mod-table div .safety_table thead tr .wd_safety,
  .mod-table div .compliance_table thead tr .wd_compliance {
    width: 185px;
    padding: 10px;
  }
  .mod-table div .staff_hrds_table {
  width: 600px;
}
  .mod-table div .digital_transformation_table tr .wd_digital_transformation {
    width: 129px!important;
  } 
  .mod-table div .safety_table tr th {
    padding: 10px;
  }
  .mod-table div .safety_table {
    width: 550px;
  }
  .mod-table div .compliance_table {
    width: 550px;
  }
  .mod-table div .recycle_table {
    width: 550px;
  }
  .mod-table div .chemical_control_table {
    width: 550px;
  }
  .mod-table div .partners_table {
    width: 800px;
  }
  .mod-table div .partners_table tbody td {
    white-space: normal;
  }
  .mod-table div .digital_transformation_table {
    width: 660px;
  }
  .mod-table div .security_table {
    width: 550px;
  }
  .mod-table div .staff_hrds_table .hrds_g {
  padding: 10px 0;
}
.mod-table div .staff_hrds_table .hrds_u_g_tate {
  padding: 10px 0;
}
.staff_tate .l_02_02 {
  margin-top: 2px;
  text-align: right;
}
.staff_tate .l_03_02 {
  margin-top: -6px;
}
.mod-table div .gri_table {
  width: 600px;
}
.gri_main .mod-textLink-default a, .sasb_main .mod-textLink-default a {
  font-size: 13px;
  font-size: 1.3rem;
}
.mod-table div .sasb_table {
  width: 800px;
}
.mod-table div .gri_table tbody td, .mod-table div .gri_table tbody th,
.mod-table div .sasb_table tbody td, .mod-table div .sasb_table tbody th {
  white-space: normal;
}
  .sp_block {
    display: inline;
  }
  .sp_block_2025 {
    display: inline;
  }
  .mod-table div .investors_table tr td,
  .mod-table div .customers_table tr td,
  .mod-table div .digital_transformation_table tr .wd_digital_transformation {
    white-space: normal;
  }
}