@charset "utf-8";


/* Sec04
--------------------------------------------------------------------*/

.sec04 .content {
  margin-top: 73px;
}

.sec04 #local_link .list {
  flex-wrap: wrap;
  max-width: 595px;
  margin-right: auto;
  margin-left: auto;
}

.sec04 #local_link .list .item:nth-child(4n) .link {
  width: 390px;
}

.sec04 #local_link .list .link {
  text-align: center;
  border-radius: 16px;
}

@media screen and (max-width: 768px) {
  .sec04 .content {
      margin-top: 60px;
  }

  .sec04 #local_link .list .item:nth-child(4n) .link {
      width: 275px;
  }

  .sec04__text {
      line-height: 22.4px;
  }
}



/* Creation Model
--------------------------------------------------------------------*/
.creation-model.sec04 .lower_container {
  margin-top: 18px;
}

.creation-model.sec04 .lower_container--margin_big {
  margin-top: 46px;
}

.creation-model.sec04 .content {
  margin-top: 44px;
}

.creation-model .creation-model__img{
  overflow-x: scroll;
  padding-bottom: 25px;
}

.creation-model .creation-model__img-inner {
  min-width: 1200px;

}


@media screen and (max-width: 768px) {
  .creation-model.sec04 .content {
      margin-top: 22px;
  }

  .creation-model .creation-model__img-inner {
    min-width: 940px;

}

  .creation-model.sec04 .lower_container {
      margin-top: 15px;
  }

  .creation-model.sec04 .lower_container--margin_big {
      margin-top: 28px;
  }

  .creation-model p {
      line-height: 22.4px;
  }
}

/* Competitiveness
--------------------------------------------------------------------*/
.competitiveness.sec04 .lower_container{
  margin-top: 38px;
}

.competitiveness.sec04 .content{
  margin-top: 50px;
}
.competitiveness .competitiveness__img {
  display: block;
  max-width: 318px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.competitiveness .competitiveness__list-wrap {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 34px;
  margin-top: 50px;
}

.competitiveness .competitiveness__list {
  width: calc(50% - 18px);
}

.competitiveness .competitiveness__item:not(:first-child) {
  margin-top: 44px;
}

.competitiveness .competitiveness__item h3 {
  position: relative;
  font-size: 18px;
  line-height: 27px;
  color: #09326F;
  padding-bottom: 6px;
}

.competitiveness .competitiveness__item h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 2px;
}

.competitiveness .competitiveness__list:nth-child(odd) h3:after {
  background: linear-gradient(to right, #7D88AD 0%, #F0F1F5 100%);
}

.competitiveness .competitiveness__list:nth-child(even) h3:after {
  background: linear-gradient(to right, #D25862 0%, #F5D8DA 100%);
}

.competitiveness .competitiveness__item p {
  margin-top: 10px;
}

@media screen and (max-width: 768px) {
  .competitiveness.sec04 .lower_container{
      margin-top: 15px;
  }
  .competitiveness.sec04 .content{
      margin-top: 25px;
  }
  .competitiveness .competitiveness__img {
      max-width: 234px;
  }

  .competitiveness .competitiveness__list-wrap {
      gap: 32px;
      margin-top: 25px;
  }

  .competitiveness .competitiveness__list {
      width: 100%;
  }

  .competitiveness .competitiveness__item:not(:first-child) {
      margin-top: 30px;
  }

  .competitiveness .competitiveness__item h3 {
      font-size: 16px;
      line-height: 26px;
      padding-bottom: 10px;
  }

  .competitiveness .competitiveness__item p {
      margin-top: 12px;
      line-height: 22.4px;
  }
}

/* Creativity Top
--------------------------------------------------------------------*/
.creativity.sec04 .lower_container{
  margin-top: 74px;
}
.creativity.sec04 .lower_container--margin_small{
  margin-top: 40px;
}
.creativity.sec04 .creativity-top {
  background-color: #DFF2FB;
  margin-top: 44px;
  padding-top: 26px;
  min-height: 535px;
  overflow: hidden;
}

.creativity.sec04 .creativity-top__list-wrap {
  max-width: 780px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.creativity.sec04 .creativity-top__list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-right: -20px;
  margin-left: -20px;
  grid-row-gap: 15px;
}

.creativity.sec04 .creativity-top__list-item {
  width: 25%;
  padding-left: 20px;
  padding-right: 20px;
}

.creativity.sec04 .creativity-top__list-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}

.creativity.sec04 .creativity-top__list-item-img {
  position: relative;
  z-index: 1;
  border-radius: 50%;
  overflow: hidden;
  width: 165px;
  height: 165px;
  flex-shrink: 0;
}

.creativity.sec04 .creativity-top__list-item-img img {
  height: 100%;
  width: 100%;
  object-fit: cover;
}

.creativity.sec04 .creativity-top__list-item-info {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border-radius: 16px;
  width: 100%;
  padding: 3px 18px;
  min-height: 50px;
  color: #fff;
  margin-top: -20px;
  box-shadow: 0 0 0 1px #fff;
  height: 86px;
}

.creativity.sec04 .creativity-top__list-item-info p {
  font-size: 14px;
  line-height: 20px;
  font-weight: 600;
  text-align: center;
}

.creativity.sec04 .creativity-top__list-item-info.item-info--color-1 {
  background-color: #0876BE;
}

.creativity.sec04 .creativity-top__list-item-info.item-info--color-2 {
  background-color: #18A746;
}

.creativity.sec04 .creativity-top__list-item-info.item-info--color-3 {
  background-color: #786CAC;
}

.creativity.sec04 .creativity-top__list-item-info.item-info--color-4 {
  background-color: #B61938;
}

.creativity.sec04 .creativity-top__list-item-info .arrow-icon {
  display: inline-block;
  width: 8px;
  height: 9px;
  margin-left: 6px;
}

.creativity.sec04 .creativity-top__info {
  margin-top: 10px;
  position: relative;
  z-index: 2;
}

.creativity.sec04 .creativity-top__info:after {
  content: '';
  position: absolute;
  bottom: -160px;
  left: 50%;
  transform: translateX(-50%);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='950' height='283' viewBox='0 0 950 283'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='crop' width='950' height='283' transform='translate(0 1020.665)' fill='none'/%3E%3C/clipPath%3E%3C/defs%3E%3Cg transform='translate(-123 -860)'%3E%3Cg transform='translate(123 -160.665)' clip-path='url(%23clip-path)'%3E%3Cpath d='M1009.475,1641.453c0-342.854-239.874-620.789-535.774-620.789S-62.074,1298.6-62.074,1641.453' fill='%23fff'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: 50% 50%;
  width: 950px;
  height: 283px;
  z-index: -1;
}

.creativity.sec04 .creativity-top__info h3 {
  font-size: 24px;
  line-height: 36px;
  color: #0A326D;
  text-align: center;

}

.creativity.sec04 .creativity-top__info h3 small {
  font-size: 18px;
}

.creativity.sec04 .creativity-top__info-img {
  display: block;
  width: 290px;
  margin-right: auto;
  margin-bottom: 6px;
  margin-left: auto;
}

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

  .creativity.sec04 .creativity-top__list {
      flex-direction: column;
      align-items: center;
      margin-left: 0;
      margin-right: 0;
  }

  .creativity.sec04 .creativity-top__list-item {
      width: 100%;
      max-width: 345px;
      padding: 0;
  }

  .creativity.sec04 .creativity-top__list-item-inner {
      flex-direction: row;
      align-items: center;
  }


  .creativity.sec04 .creativity-top__list-item-img {
      width: 125px;
      height: 125px;
      z-index: 3;
  }

  .creativity.sec04 .creativity-top__list-item-info {
      min-height: 60px;
  }

  .creativity.sec04 .creativity-top__list-item-info p {
      font-size: 16px;
      line-height: 20px;
  }

  .creativity.sec04 .creativity-top__list-item-info {
      margin-top: 0;
      margin-left: -20px;
      padding-left: 24px;
      height: 96px;
  }
}

@media screen and (max-width: 768px) {
  .creativity.sec04 .lower_container{
      margin-top: 26px;
  }
  .creativity.sec04 .creativity-top {
      margin-top: 38px;
      padding-top: 14px;
  }
  .creativity.sec04 .creativity-top__info:after {
      bottom: auto;
      top: 120px;
      width: 450px;
      height: 190px;
  }

  .creativity.sec04 .creativity-top__info-img {
      width: 255px;
      margin-bottom: 0;
  }

  .creativity.sec04 .creativity-top__info-body {
      position: relative;
      z-index: 2;
  }

  .creativity.sec04 .creativity-top__info-body:before {
      content: '';
      position: absolute;
      top: 25px;
      left: -15px;
      width: calc(100% + 30px);
      height: 100%;
      background-color: #fff;
      z-index: -1;
  }

  .creativity.sec04 .creativity-top__info h3 {
      font-size: 20px;
      line-height: 30px;
  }

  .creativity.sec04 .creativity-top__info h3 small {
      font-size: 16px;
  }
}

/* Creativity Section
--------------------------------------------------------------------*/

.creativity.sec04 .creativity-section .content {
  margin-top: 10px;
}

.creativity.sec04 .creativity-section__text {
  line-height: 25.6px;
}

.creativity.sec04 .creativity-section__title {
  font-size: 18px;
  line-height: 26px;
}

.creativity.sec04 .creativity-section__title:before {
  content: '';
  display: inline-block;
  border-top: 8px solid transparent;
  border-bottom: 8px solid transparent;
  border-left: 14px solid currentColor;
  vertical-align: middle;
  margin-right: 8px;
}

.creativity.sec04 .creativity-section__title.title--color-1 {
  color: #0876BE;
}

.creativity.sec04 .creativity-section__title.title--color-2 {
  color: #18A746;
}

.creativity.sec04 .creativity-section__title.title--color-3 {
  color: #786CAC;
}

.creativity.sec04 .creativity-section__title.title--color-4 {
  color: #B61938;
}

.creativity.sec04 .creativity-section__employees-info-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  margin-top: 28px;
  gap: 10px;
}

.creativity.sec04 .creativity-section__employees-info-item {
  width: 260px;
}

.creativity.sec04 .creativity-section__employees-info-item-inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 3px solid #000;
  border-radius: 16px;
  min-height: 120px;
  padding: 10px;
  line-height: 1.4;
}

.creativity.sec04 .creativity-section__employees-info-item-inner > *:not(:first-child) {
  margin-top: 4px;
}

.creativity.sec04 .creativity-section__employees-info-item-inner.border--color-1 {
  border-color: #0876BE;
}

.creativity.sec04 .creativity-section__employees-info-item-inner.border--color-2 {
  border-color: #18A746;
}

.creativity.sec04 .creativity-section__employees-info-item-inner.border--color-3 {
  border-color: #786CAC;
}

.creativity.sec04 .creativity-section__employees-info-item-inner.border--color-4 {
  border-color: #B61938;
}

.creativity.sec04 .creativity-section__employees-info-desc {
  font-size: 14px;
}

.creativity.sec04 .creativity-section__employees-info-desc-big {
  font-size: 16px;
}

.creativity.sec04 .creativity-section__employees-info-text {
  font-size: 22px;
}

.creativity.sec04 .creativity-section__employees-info-text strong {
  font-size: 32px;
}

.creativity.sec04 .creativity-section__employees-info-text small {
  font-size: 16px;
}

.creativity.sec04 .creativity-section__employees-info-caption {
  font-size: 12px;
  line-height: 16px;
  margin-top: 8px;
}

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

  .creativity.sec04 .creativity-section__employees-info-item-inner.border--color-2 {
      padding: 20px 10px 10px;
  }

  .creativity.sec04 .creativity-section__employees-info-text small {
      font-size: 16px;
  }

  .creativity.sec04 .creativity-section__title {
      font-size: 16px;
      line-height: 22.4px;
      display: flex;
  }

  .creativity.sec04 .creativity-section__title:before {
      border-top: 5px solid transparent;
      border-bottom: 5px solid transparent;
      border-left: 10px solid currentColor;
      width: 5px;
      height: 10px;
      box-sizing: border-box;
      margin-top: 6.2px;
  }

  .creativity.sec04 .creativity-section__employees-info-list {
      margin-top: 22px;
      flex-direction: column;
      align-items: center;
  }


}

/* Creativity University
--------------------------------------------------------------------*/

.creativity.sec04 .creativity-university {
  margin-top: 76px;
}

.creativity.sec04 .creativity-university__inner {
  background-color: #DFF2FB;
  padding: 15px 20px 30px;
}

.creativity.sec04 .creativity-university .content {
  margin-top: 22px;
  padding-right: 10px;
  padding-left: 10px;
}

.creativity.sec04 .creativity-university .content > *:not(:first-child) {
  margin-top: 32px;
}

.creativity.sec04 .creativity-university h3 {
  position: relative;
  font-size: 18px;
  line-height: 28px;
  color: #09326F;
  padding-bottom: 10px;
}

.creativity.sec04 .creativity-university h3:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: -20px;
  width: calc(100% + 40px);
  height: 2px;
  background-color: #09326F;
}

.creativity.sec04 .creativity-university__img {
  max-width: 410px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
}

.creativity.sec04 .creativity-university__badge-list {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 25px;
  margin-top: 50px;
}

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

  .creativity.sec04 .creativity-university__badge-list-item {
      width: 100%;
  }
}

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

  .creativity.sec04 .creativity-university {
      margin-top: 36px;
  }

  .creativity.sec04 .creativity-university .content > *:not(:first-child) {
      margin-top: 24px;
  }

  .creativity.sec04 .creativity-university h3 {
      font-size: 16px;
      line-height: 22px;
  }

  .creativity.sec04 .creativity-university .content {
      margin-top: 14px;
      padding-right: 0;
      padding-left: 0;
  }

  .creativity.sec04 .creativity-university__inner {
      padding: 15px 15px 25px;
  }

  .creativity.sec04 .creativity-university h3:after {
      left: -15px;
      width: calc(100% + 30px);
  }

  .creativity.sec04 .creativity-university__badge-list {
      margin-top: 25px;
  }


  .creativity.sec04 .creativity .lower_fv h1 {
      font-size: 2.2rem;
  }

  .creativity.sec04 .lower_container--margin_small {
      margin-top: 14px;
  }

  .creativity.sec04 .lower_container--margin_small p {
      line-height: 22.4px;
  }

  .creativity.sec04 .creativity-section__text {
      line-height: 22.4px;
  }
}

/* Materiality All Sections
--------------------------------------------------------------------*/

.materiality .lower_container {
  margin-top: 72px;
}

.materiality h3 {
  font-size: 16px;
  line-height: 27px;
}

.materiality .materiality__block {
  padding: 20px 25px;
  border: 1px solid #000;
}

.materiality .materiality__block:not(:first-of-type) {
  margin-top: 48px;
}

.materiality .materiality__block h3 {
  text-align: center;
}

.materiality .materiality__block-list-count {
  margin-top: 10px;
}

.materiality .materiality__block-list-count li {
  display: flex;
}

.materiality .materiality__block-list-count li:not(:first-child) {
  margin-top: 10px;
}

.materiality .materiality__block-list-count li span {
  display: block;
  margin-right: 10px;
}

.materiality .materiality__block-list-count li p {
  line-height: 25.6px;
}


.materiality .materiality__block-list-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 10px 10px;
  line-height: 1.4;
}

.materiality .materiality__block-list-info li {
  width: calc(50% - 5px);
}

.materiality .materiality__block-list-info li p{
  position: relative;
  display: flex;
}
.materiality .materiality__block-list-info li p::before{
  content: "•";
  padding-right: 5px;
}


@media screen and (max-width: 768px) {
  .materiality .lower_container {
      margin-top: 36px;
  }

  .materiality .materiality__block {
      padding: 15px 15px 15px 12px;
  }

  .materiality .materiality-system .materiality__block {
      padding: 10px 15px 15px 12px;
  }

  .materiality .materiality-system .lower_h2 {
      margin-bottom: 10px;
  }

  .materiality .materiality__block:not(:first-of-type) {
      margin-top: 22px;
  }

  .materiality .materiality__block-list-count {
      margin-top: 6px;
  }

  .materiality .materiality__block-list-count li:not(:first-child) {
      margin-top: 14px;
  }

  .materiality .materiality__block-list-info li {
      width: 100%;
      line-height: 17px;
  }

  .materiality .materiality__block-list-count li p {
      line-height: 22.4px;
  }
}

/* Materiality Structure
--------------------------------------------------------------------*/
.materiality .materiality-structure{
  margin-top: 18px;
}

.materiality .materiality-structure__img-inner {
  min-width: 625px;
}



@media screen and (max-width: 768px) {
  .materiality .materiality-structure__img {
      margin-top: 0;
  }
}

/* Materiality Revised
--------------------------------------------------------------------*/
.materiality .materiality-revised.lower_container{
  margin-top: 80px;
}
.materiality .materiality-revised__item:not(:first-child) {
  margin-top: 42px;
}

.materiality .materiality-revised__item-img {
  overflow-x: scroll;
  cursor: grab;
  padding-bottom: 25px;
}


.materiality .materiality-revised__item-img-inner {
  min-width: 1800px;
}

.materiality .materiality-revised__item-description {
  margin-top: 17px;
  font-size: 12px;
  line-height: 19.2px;
}
.materiality .materiality-revised__item-description .note{
  text-indent: -0.6em;
  padding-left: 0.6em;
}
.materiality .materiality-revised__item-description .note_txt{
  text-indent: -2.7em;
  padding-left: 2.7em;
}

@media screen and (max-width: 768px) {
  .materiality .materiality-structure {
      margin-top: 15px;
  }
  .materiality .materiality-structure .content {
      margin-top: 40px;
  }
  .materiality .materiality-revised.lower_container{
      margin-top: 40px;
  }
  .materiality .materiality-revised__item-img-inner{
      min-width: 1443px;
  }
}

/* Materiality Revision
--------------------------------------------------------------------*/

.materiality .materiality-revision__list {
  margin-top: 37px;
}

.materiality .materiality-revision__item:not(:first-child) {
  margin-top: 34px;
}

.materiality .materiality-revision__item > *:not(:first-child) {
  margin-top: 8px;
}

/* Materiality Promotion
--------------------------------------------------------------------*/

.materiality .materiality-promotion__info-wrap {
  margin-top: 20px;
  line-height: 1.4;
}

.materiality .materiality-promotion__info {
  min-width: 640px;
  margin-right: auto;
  margin-left: auto;
}

.materiality .materiality-promotion__info p {
  font-size: 13px;
  text-indent: -.6em;
  padding-left: .6em;
}

.materiality .materiality-promotion__info small {
  display: block;
  font-size: 11px;
}

.materiality .materiality-promotion__info-inner {
  display: flex;
  flex-direction: column;
  gap: 10px;
}

.materiality .materiality-promotion__info-inner p,
.materiality .materiality-promotion__info-inner small {
  text-align: center;
}

.materiality .materiality-promotion__info-inner + * {
  margin-top: 7px;
}

.materiality .materiality-promotion__info-head {
  background-color: #D3EDFB;
  padding: 12px;
  max-width: 470px;
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  min-height: 60px;
}

.materiality .materiality-promotion__info-body {
  background-color: #ECF2C5;
  padding: 12px 21px 18px;
}

.materiality .materiality-promotion__info-body-list {
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
  margin-top: 10px;
  gap: 10px;
}

.materiality .materiality-promotion__info-body-item {
  width: calc((100% - 30px) / 4);
  background-color: #fff;
  border: 1px solid #000;
  display: flex;
}

.materiality .materiality-promotion__info-body-item:nth-child(7n+5),
.materiality .materiality-promotion__info-body-item:nth-child(7n+6),
.materiality .materiality-promotion__info-body-item:nth-child(7n+7) {
  width: calc((100% - 20px) / 3);
}

.materiality .materiality-promotion__info-body-item-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 4px 1px;
  min-height: 63px;
}

.materiality .materiality-promotion__info-footer {
  background-color: #E6E6E6;
  padding: 12px 21px 20px;
}

.materiality .materiality-promotion__info-footer-list {
  display: flex;
  flex-flow: row wrap;
  align-items: stretch;
  justify-content: center;
  gap: 10px;
  margin-top: 10px;
}

.materiality .materiality-promotion__info-footer-item {
  display: flex;
  flex-direction: column;
  border: 1px solid #000;
}

.materiality .materiality-promotion__info-footer-item:nth-child(odd) {
  flex-grow: 1;
}

.materiality .materiality-promotion__info-footer-item:nth-child(odd) .materiality-promotion__info-footer-item-inner {
  padding: 4px 10px;
}

.materiality .materiality-promotion__info-footer-item:nth-child(even) {
  width: calc((100% - 20px) / 3);
  flex-shrink: 0;
}

.materiality .materiality-promotion__info-footer-item-inner {
  padding: 4px 10px;
  width: 100%;
  min-height: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 25px;
}

.materiality .materiality-promotion__info-footer-item-info {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start;
  justify-content: center;
  gap: 5px;
  flex-shrink: 0;
}

.materiality .materiality-promotion__info-footer-item-info-inner {
  background-color: #F7F8F8;
  padding: 2px 10px;
  width: 115px;
}

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

  .materiality .materiality-revision__list {
      margin-top: 20px;
  }

  .materiality .materiality-revision__item:not(:first-child) {
      margin-top: 14px;
  }

  .materiality .materiality-promotion__info-inner p{
      font-size: 11px;
  }
  .materiality .materiality-promotion__info-inner small{
      font-size: 10px;
  }

  .materiality .materiality-revision__item > *:not(:first-child) {
      margin-top: 0;
  }

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

  .materiality .materiality-promotion__info-inner p{
      font-size: 11px;
  }
  .materiality .materiality-promotion__info-inner small{
      font-size: 10px;
  }
}

/* Materiality System
--------------------------------------------------------------------*/
.materiality .materiality-system__group:not(:first-child) {
  margin-top: 34px;
}

.materiality .materiality-system__group > *:not(:first-child) {
  margin-top: 14px;
}


.materiality .materiality-system__list-item {
  width: 544px;
  margin-right: auto;
  margin-left: auto;
  background-position: calc(25% - 16px) 0;
  background-repeat: no-repeat;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='56.511' height='28.753' viewBox='0 0 56.511 28.753'%3E%3Cg transform='translate(-726.325 -506.727)'%3E%3Cg %3E%3Cline y2='22.965' transform='translate(733.039 512.511)' fill='none' stroke='%23b5b6b6' stroke-width='6.52'/%3E%3Cpath d='M733.039,506.727l-6.714,7.217h13.427Z' fill='%23b5b6b6'/%3E%3C/g%3E%3Cline y1='22.965' transform='translate(776.122 506.73)' fill='none' stroke='%23b5b6b6' stroke-width='6.52'/%3E%3Cpath d='M776.122,535.48l-6.715-7.215h13.429Z' fill='%23b5b6b6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 56px 29px;
  padding-top: 29px;
  position: relative;
}

.materiality .materiality-system__list-item:first-child {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53.197' height='39.542' viewBox='0 0 53.197 39.542'%3E%3Cg transform='translate(-729.75 -416.828)'%3E%3Cpath d='M776.234,447.189v-5.5a21.611,21.611,0,0,0-43.223,0v14.681' fill='none' stroke='%23b5b6b6' stroke-width='6.522'/%3E%3Cpath d='M776.234,452.971l6.714-7.217H769.52Z' fill='%23b5b6b6'/%3E%3C/g%3E%3C/svg%3E");
  background-size: 53px 39px;
  padding-top: 39px;
}

.materiality .materiality-system__list-item:last-child {
  padding-bottom: 39px;
  background-image: url(/english/csr/ir/online/2022/04/img/materiality/m_arrow-l.svg);
  padding-top: 59px;
  background-size: 56px 63px;
  margin-top: -39px;
}

.materiality .materiality-system__list-item:last-child:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: calc(25% - 16px);
  transform: translateX(-25%);
  width: 53px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='53.197' height='39.542' viewBox='0 0 53.197 39.542'%3E%3Cg transform='translate(-726.052 -750.288)'%3E%3Cpath d='M732.765,759.469v5.5a21.611,21.611,0,0,0,43.223,0V750.288' fill='none' stroke='%23b5b6b6' stroke-width='6.522'/%3E%3Cpath d='M732.765,753.687l-6.714,7.216h13.427Z' fill='%23b5b6b6'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-size: 53px 40px;
  background-repeat: no-repeat;
}

.materiality .materiality-system__list-item-top p {
  font-size: 12px;
  line-height: 18px;
}

.materiality .materiality-system__list-item-top {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  gap: 18px;
}

.materiality .materiality-system__list-item-top-info {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: calc(50% - 9px);
  background-color: #D3EDFB;
  min-height: 53px;
  padding: 10px 5px;
}

.materiality .materiality-system__list-item-top-desc {
  width: calc(50% - 9px);
}

.materiality .materiality-system__list-item-caption {
  position: absolute;
  top: 8px;
  left: 0;
  font-size: 10px;
  line-height: 14px;
  color: #0A326D;
  font-weight: 600;
}
.materiality .materiality-system__list-item:last-child .materiality-system__list-item-caption {
  top: 39px;
}


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

  .materiality .materiality-system__list-item {
      width: 460px;
  }

  .materiality .materiality-system__list-item-top p {
      font-size: 10px;
      line-height: 16px;
  }

  .materiality .materiality-system__group:not(:first-child) {
      margin-top: 10px;
  }

  .materiality .materiality-system__group:last-child {
      margin-top: 18px;
  }

  .materiality .materiality-system__group > *:not(:first-child) {
      margin-top: 4px;
  }

  .materiality .materiality-system__list-item:last-child {
    padding-top: 55px;
    background-size: 56px 57px;
    margin-top: -30px;
  }


}

@media screen and (max-width: 489px) {
  .materiality .materiality-system__list {
      overflow-x: scroll;
      overflow-y: hidden;
      -webkit-overflow-scrolling: touch;
      padding-bottom: 20px;
  }
}