@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Racing+Sans+One&family=Roboto:wght@500;700&display=swap");
/***********************
サプライチェーン
***********************/
#csr_social_partner .m-pagehead-nav {
  border-image-source: linear-gradient(#fafafa, #fafafa);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw; }
#csr_social_partner .m-section {
  padding-top: unset; }
#csr_social_partner .materiality {
  padding-block: 55px;
  border-image-source: linear-gradient(#fafafa, #fafafa);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw; }
  @media screen and (max-width: 640px) {
    #csr_social_partner .materiality {
      padding-block: 50px; } }
  #csr_social_partner .materiality .m-title-borderleft {
    margin-top: unset; }
#csr_social_partner .relation {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 30px; }
  @media screen and (max-width: 640px) {
    #csr_social_partner .relation {
      flex-direction: column;
      gap: 15px;
      padding-top: 20px; } }
  #csr_social_partner .relation-item {
    flex: 1;
    text-align: center;
    font-weight: bold;
    border: 2px solid #c2c4cc;
    border-top: 7px solid #000;
    background-color: #fff;
    padding: 20px 10px; }
    @media screen and (max-width: 640px) {
      #csr_social_partner .relation-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
        text-align: left;
        border-width: 1px;
        border-left-width: 7px !important; } }
    @media screen and (max-width: 640px) {
      #csr_social_partner .relation-item img {
        width: 43px; } }
    #csr_social_partner .relation-item__title {
      font-size: 20px;
      font-size: calc($size / 16)rem;
      letter-spacing: 0.06em;
      padding-top: 10px; }
      @media screen and (max-width: 640px) {
        #csr_social_partner .relation-item__title {
          width: 3.5em;
          font-size: 17px;
          font-size: calc($size / 16)rem;
          padding-top: unset; } }
    #csr_social_partner .relation-item__text {
      font-size: 14px;
      font-size: calc($size / 16)rem;
      letter-spacing: 0.06em;
      line-height: calc($lin / $fontsize); }
      @media screen and (max-width: 640px) {
        #csr_social_partner .relation-item__text {
          flex: 1; } }
    #csr_social_partner .relation-item:nth-of-type(1) {
      border-top-color: #31a85c; }
      @media screen and (max-width: 640px) {
        #csr_social_partner .relation-item:nth-of-type(1) {
          border-top-color: #c2c4cc;
          border-left-color: #31a85c; } }
      #csr_social_partner .relation-item:nth-of-type(1) .relation-item__title {
        color: #31a85c; }
    #csr_social_partner .relation-item:nth-of-type(2) {
      border-top-color: #008cd6; }
      @media screen and (max-width: 640px) {
        #csr_social_partner .relation-item:nth-of-type(2) {
          border-top-color: #c2c4cc;
          border-left-color: #008cd6; } }
      #csr_social_partner .relation-item:nth-of-type(2) .relation-item__title {
        color: #008cd6; }
    #csr_social_partner .relation-item:nth-of-type(3) {
      border-top-color: #9c6fde; }
      @media screen and (max-width: 640px) {
        #csr_social_partner .relation-item:nth-of-type(3) {
          border-top-color: #c2c4cc;
          border-left-color: #9c6fde; } }
      #csr_social_partner .relation-item:nth-of-type(3) .relation-item__title {
        color: #9c6fde; }
    #csr_social_partner .relation-item:nth-of-type(4) {
      border-top-color: #e6983c; }
      @media screen and (max-width: 640px) {
        #csr_social_partner .relation-item:nth-of-type(4) {
          border-top-color: #c2c4cc;
          border-left-color: #e6983c; } }
      #csr_social_partner .relation-item:nth-of-type(4) .relation-item__title {
        color: #e6983c; }
    #csr_social_partner .relation-item:nth-of-type(5) {
      padding: 0;
      background-color: #ffedf7;
      border-color: #e68abc; }
      @media screen and (max-width: 640px) {
        #csr_social_partner .relation-item:nth-of-type(5) {
          border-left-color: #e68abc; } }
      #csr_social_partner .relation-item:nth-of-type(5) a {
        width: 215px;
        display: block;
        padding: 20px 10px; }
        @media screen and (max-width: 640px) {
          #csr_social_partner .relation-item:nth-of-type(5) a {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 20px 10px;
            gap: 15px; } }
        #csr_social_partner .relation-item:nth-of-type(5) a:hover {
          text-decoration: none; }
          #csr_social_partner .relation-item:nth-of-type(5) a:hover img {
            opacity: 1; }
        #csr_social_partner .relation-item:nth-of-type(5) a .relation-item__title {
          color: #e68abc; }
#csr_social_partner .csr_images {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  flex-wrap: wrap;
  gap: 20px;
  padding-top: 20px; }
#csr_social_partner .m-title-borderleft .label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #fff;
  font-size: 11px;
  font-size: calc($size / 16)rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  background-color: #01709a;
  padding: 2px 5px 0; }
#csr_social_partner .m-column-item .m-indent {
  padding-top: unset; }
#csr_social_partner .m-column--csr {
  gap: 0 55px; }
  #csr_social_partner .m-column--csr--content {
    flex: 1; }
  #csr_social_partner .m-column--csr--ico {
    width: 100px;
    font-size: 10px;
    font-weight: bold;
    text-align: center;
    letter-spacing: 0.06em; }

/***********************
お客様からの信頼のために
***********************/
#csr_social_customer .m-pagehead-nav {
  border-image-source: linear-gradient(#fafafa, #fafafa);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw; }
#csr_social_customer .m-section {
  padding-top: unset; }
#csr_social_customer .materiality {
  padding-block: 55px;
  border-image-source: linear-gradient(#fafafa, #fafafa);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw; }
  @media screen and (max-width: 640px) {
    #csr_social_customer .materiality {
      padding-block: 50px; } }
  #csr_social_customer .materiality .m-title-borderleft {
    margin-top: unset; }
#csr_social_customer .relation {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 30px; }
  @media screen and (max-width: 640px) {
    #csr_social_customer .relation {
      flex-direction: column;
      gap: 15px;
      padding-top: 20px; } }
  #csr_social_customer .relation-item {
    flex: 1;
    text-align: center;
    font-weight: bold;
    border: 2px solid #c2c4cc;
    border-top: 7px solid #000;
    background-color: #fff;
    padding: 20px 10px; }
    @media screen and (max-width: 640px) {
      #csr_social_customer .relation-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
        text-align: left;
        border-width: 1px;
        border-left-width: 7px !important; } }
    @media screen and (max-width: 640px) {
      #csr_social_customer .relation-item img {
        width: 43px; } }
    #csr_social_customer .relation-item__title {
      font-size: 20px;
      font-size: calc($size / 16)rem;
      letter-spacing: 0.06em;
      padding-top: 10px; }
      @media screen and (max-width: 640px) {
        #csr_social_customer .relation-item__title {
          width: 3.5em;
          font-size: 17px;
          font-size: calc($size / 16)rem;
          padding-top: unset; } }
    #csr_social_customer .relation-item__text {
      font-size: 14px;
      font-size: calc($size / 16)rem;
      letter-spacing: 0.06em;
      line-height: calc($lin / $fontsize); }
      @media screen and (max-width: 640px) {
        #csr_social_customer .relation-item__text {
          flex: 1; } }
    #csr_social_customer .relation-item:nth-of-type(1) {
      padding: 0;
      background-color: rgba(49, 168, 92, 0.1);
      border-color: #31a85c; }
      @media screen and (max-width: 640px) {
        #csr_social_customer .relation-item:nth-of-type(1) {
          border-top-color: #31a85c;
          border-width: 2px; } }
      #csr_social_customer .relation-item:nth-of-type(1) a {
        width: 215px;
        display: block;
        padding: 20px 10px; }
        @media screen and (max-width: 640px) {
          #csr_social_customer .relation-item:nth-of-type(1) a {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 20px 10px;
            gap: 15px; } }
        #csr_social_customer .relation-item:nth-of-type(1) a:hover {
          text-decoration: none; }
          #csr_social_customer .relation-item:nth-of-type(1) a:hover img {
            opacity: 1; }
        #csr_social_customer .relation-item:nth-of-type(1) a .relation-item__title {
          color: #31a85c; }
    #csr_social_customer .relation-item:nth-of-type(2) {
      padding: 0;
      background-color: rgba(0, 140, 214, 0.1);
      border-color: #008cd6; }
      @media screen and (max-width: 640px) {
        #csr_social_customer .relation-item:nth-of-type(2) {
          border-top-color: #008cd6;
          border-width: 2px; } }
      #csr_social_customer .relation-item:nth-of-type(2) a {
        width: 215px;
        display: block;
        padding: 20px 10px; }
        @media screen and (max-width: 640px) {
          #csr_social_customer .relation-item:nth-of-type(2) a {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 20px 10px;
            gap: 15px; } }
        #csr_social_customer .relation-item:nth-of-type(2) a:hover {
          text-decoration: none; }
          #csr_social_customer .relation-item:nth-of-type(2) a:hover img {
            opacity: 1; }
        #csr_social_customer .relation-item:nth-of-type(2) a .relation-item__title {
          color: #008cd6; }
    #csr_social_customer .relation-item:nth-of-type(3) {
      border-top-color: #9c6fde; }
      @media screen and (max-width: 640px) {
        #csr_social_customer .relation-item:nth-of-type(3) {
          border-top-color: #c2c4cc;
          border-left-color: #9c6fde; } }
      #csr_social_customer .relation-item:nth-of-type(3) .relation-item__title {
        color: #9c6fde; }
    #csr_social_customer .relation-item:nth-of-type(4) {
      border-top-color: #e6983c; }
      @media screen and (max-width: 640px) {
        #csr_social_customer .relation-item:nth-of-type(4) {
          border-top-color: #c2c4cc;
          border-left-color: #e6983c; } }
      #csr_social_customer .relation-item:nth-of-type(4) .relation-item__title {
        color: #e6983c; }
    #csr_social_customer .relation-item:nth-of-type(5) {
      border-top-color: #e68abc; }
      @media screen and (max-width: 640px) {
        #csr_social_customer .relation-item:nth-of-type(5) {
          border-left-color: #e68abc;
          border-top-color: #c2c4cc; } }
      #csr_social_customer .relation-item:nth-of-type(5) .relation-item__title {
        color: #e68abc; }
#csr_social_customer .m-table__th {
  width: auto;
  text-align: center;
  border-right: solid 1px #cdd0d8; }
  #csr_social_customer .m-table__th.b-right-none {
    border-right: none; }
#csr_social_customer .m-table__td .font-sm {
  font-size: 16px;
  font-weight: 500; }
  @media screen and (max-width: 640px) {
    #csr_social_customer .m-table__td .font-sm {
      font-size: 14px; } }
@media screen and (max-width: 640px) {
  #csr_social_customer .m-table col:first-of-type {
    width: 25% !important; } }
#csr_social_customer .sec01-sptable th {
  text-align: center; }
#csr_social_customer .label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #fff;
  font-size: 11px;
  font-size: calc($size / 16)rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  background-color: #01709a;
  padding: 2px 5px 0; }

/***********************
社会貢献活動
***********************/
#csr_social_society .number-list {
  counter-reset: number 0;
  padding-top: 10px; }
  #csr_social_society .number-list__item {
    font-size: 17px;
    font-size: calc($size / 16)rem;
    letter-spacing: 0.06em;
    line-height: 1.75;
    padding-left: 2.5em;
    position: relative; }
    @media screen and (max-width: 640px) {
      #csr_social_society .number-list__item {
        font-size: 14px;
        font-size: calc($size / 16)rem; } }
    #csr_social_society .number-list__item::before {
      content: '';
      counter-increment: number 1;
      content: counter(number) "）";
      position: absolute;
      left: 0; }
@media screen and (max-width: 640px) {
  #csr_social_society .mT50 {
    margin-top: 20px !important; } }
#csr_social_society .label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #fff;
  font-size: 11px;
  font-size: calc($size / 16)rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  background-color: #01709a;
  padding: 2px 5px 0; }
#csr_social_society .m-column--col3 {
  justify-content: center; }
#csr_social_society .sanga-fc-list {
  width: 70%;
  margin: auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }
  @media screen and (max-width: 640px) {
    #csr_social_society .sanga-fc-list {
      width: 100%; } }
  #csr_social_society .sanga-fc-list li {
    width: 48%; }
    @media screen and (max-width: 640px) {
      #csr_social_society .sanga-fc-list li {
        width: 100%; } }
    #csr_social_society .sanga-fc-list li:first-child {
      width: 65%; }
      @media screen and (max-width: 640px) {
        #csr_social_society .sanga-fc-list li:first-child {
          width: 100%; } }
    #csr_social_society .sanga-fc-list li:nth-child(2) {
      margin-right: 4%; }
      @media screen and (max-width: 640px) {
        #csr_social_society .sanga-fc-list li:nth-child(2) {
          margin-right: 0; } }
    #csr_social_society .sanga-fc-list li:nth-child(n+2) {
      margin-top: 4%; }
    #csr_social_society .sanga-fc-list li img {
      width: 100%; }

/***********************
人権尊重
***********************/
#csr_social_humanlights .materiality {
  padding-block: 55px;
  border-image-source: linear-gradient(#fafafa, #fafafa);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw; }
  @media screen and (max-width: 640px) {
    #csr_social_humanlights .materiality {
      padding-block: 50px; } }
  #csr_social_humanlights .materiality .m-title-borderleft {
    margin-top: unset; }
#csr_social_humanlights .relation {
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
  padding-top: 30px; }
  @media screen and (max-width: 640px) {
    #csr_social_humanlights .relation {
      flex-direction: column;
      gap: 15px;
      padding-top: 20px; } }
  #csr_social_humanlights .relation-item {
    flex: 1;
    text-align: center;
    font-weight: bold;
    border: 2px solid #c2c4cc;
    border-top: 7px solid #000;
    background-color: #fff;
    padding: 20px 10px; }
    @media screen and (max-width: 640px) {
      #csr_social_humanlights .relation-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 15px;
        text-align: left;
        border-width: 1px;
        border-left-width: 7px !important;
        border-color: #c2c4cc; } }
    @media screen and (max-width: 640px) {
      #csr_social_humanlights .relation-item img {
        width: 43px; } }
    #csr_social_humanlights .relation-item__title {
      font-size: 20px;
      font-size: calc($size / 16)rem;
      letter-spacing: 0.06em;
      padding-top: 10px; }
      @media screen and (max-width: 640px) {
        #csr_social_humanlights .relation-item__title {
          width: 3.5em;
          font-size: 17px;
          font-size: calc($size / 16)rem;
          padding-top: unset; } }
    #csr_social_humanlights .relation-item__text {
      font-size: 14px;
      font-size: calc($size / 16)rem;
      letter-spacing: 0.06em;
      line-height: calc($lin / $fontsize); }
      @media screen and (max-width: 640px) {
        #csr_social_humanlights .relation-item__text {
          flex: 1; } }
    #csr_social_humanlights .relation-item:nth-of-type(1) {
      border-top-color: #31a85c; }
      @media screen and (max-width: 640px) {
        #csr_social_humanlights .relation-item:nth-of-type(1) {
          border-top-color: #c2c4cc;
          border-left-color: #31a85c; } }
      #csr_social_humanlights .relation-item:nth-of-type(1) .relation-item__title {
        color: #31a85c; }
    #csr_social_humanlights .relation-item:nth-of-type(2) {
      border-top-color: #008cd6; }
      @media screen and (max-width: 640px) {
        #csr_social_humanlights .relation-item:nth-of-type(2) {
          border-top-color: #c2c4cc;
          border-left-color: #008cd6; } }
      #csr_social_humanlights .relation-item:nth-of-type(2) .relation-item__title {
        color: #008cd6; }
    #csr_social_humanlights .relation-item:nth-of-type(3) {
      padding: 0;
      background-color: rgba(156, 111, 222, 0.1);
      border-color: #9c6fde; }
      @media screen and (max-width: 640px) {
        #csr_social_humanlights .relation-item:nth-of-type(3) {
          border-left-color: #9c6fde !important;
          border-width: 2px; } }
      #csr_social_humanlights .relation-item:nth-of-type(3) a {
        width: 215px;
        display: block;
        padding: 20px 10px; }
        @media screen and (max-width: 640px) {
          #csr_social_humanlights .relation-item:nth-of-type(3) a {
            width: 100%;
            display: flex;
            align-items: center;
            padding: 20px 10px;
            gap: 15px; } }
        #csr_social_humanlights .relation-item:nth-of-type(3) a:hover {
          text-decoration: none; }
          #csr_social_humanlights .relation-item:nth-of-type(3) a:hover img {
            opacity: 1; }
        #csr_social_humanlights .relation-item:nth-of-type(3) a .relation-item__title {
          color: #9c6fde; }
    #csr_social_humanlights .relation-item:nth-of-type(4) {
      border-top-color: #e6983c; }
      @media screen and (max-width: 640px) {
        #csr_social_humanlights .relation-item:nth-of-type(4) {
          border-top-color: #c2c4cc;
          border-left-color: #e6983c; } }
      #csr_social_humanlights .relation-item:nth-of-type(4) .relation-item__title {
        color: #e6983c; }
    #csr_social_humanlights .relation-item:nth-of-type(5) {
      border-top-color: #e68abc; }
      @media screen and (max-width: 640px) {
        #csr_social_humanlights .relation-item:nth-of-type(5) {
          border-top-color: #c2c4cc;
          border-left-color: #e68abc; } }
      #csr_social_humanlights .relation-item:nth-of-type(5) .relation-item__title {
        color: #e68abc; }
#csr_social_humanlights .label {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
  color: #fff;
  font-size: 11px;
  font-size: calc($size / 16)rem;
  font-weight: bold;
  letter-spacing: 0.06em;
  background-color: #01709a;
  padding: 2px 5px 0; }
#csr_social_humanlights .m-pagehead-nav {
  border-image-source: linear-gradient(#fafafa, #fafafa);
  border-image-slice: 0 fill;
  border-image-outset: 0 100vw 0 100vw; }
#csr_social_humanlights .m-section {
  padding-top: unset; }