@charset "UTF-8";

* {
  word-break: normal !important;
}

dl {
  margin: 0;
  padding: 0;
}

figure {
  margin: 0;
  padding: 0;
}

.csr ul {
  list-style: none;
}

.csr .copy {
  font-size: 1.4rem;
  font-weight: normal;
}

.txt--normal {
  font-size: 1.6rem !important;
  font-weight: normal !important;
}

.txt--center {
  text-align: center;
}

.txt--right {
  text-align: right;
}

.mrg--center {
  margin: 0 auto;
}

.csr .br-sp-none {
  display: block;
}

@media screen and (max-width: 768px) {
  .csr .br-sp-none {
    display: none;
  }
}

.sp-show {
  display: none;
}

@media screen and (max-width: 960px) {
  .sp-show.show-960 {
    display: inline;
  }
}

@media screen and (max-width: 768px) {
  .sp-show.show-768 {
    display: inline;
  }
}

@media screen and (max-width: 640px) {
  .sp-show.show-640 {
    display: inline;
  }
}

/* ------------------------------------
 * top link
 * --------------------------------- */

.sus--link-top--btm {
  margin-top: 100px;
}

.sus--link-top--three>li {
  width: calc(100% / 3);
}

.sus--link-top--three>li:nth-of-type(4) {
  border-left-width: 1px;
  border-top: none;
}

.sus--link-top--three>li:nth-of-type(5) {
  border-top: none;
}

.sus--link-top--three>li:nth-of-type(6) {
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .sus--link-top--three>li {
    width: 50%;
  }

  .sus--link-top--three>li:nth-of-type(4) {
    border-left-width: 0;
  }
}

@media only screen and (max-width: 480px) {
  .sus--link-top--three>li {
    width: 100%;
    border-left-width: 1px;
    border-left-style: solid;
  }

  .sus--link-top--three>li:nth-of-type(2) {
    border-top: none;
  }

  .sus--link-top--three>li:nth-of-type(4) {
    border-left: 1px solid;
  }

  .sus--link-top--three>li br {
    display: none;
  }
}


/* four */

.sus--link-top--four>li {
  width: calc(100% / 4);
}

.sus--link-top--four>li:nth-of-type(5) {
  border-top: none;
}

@media only screen and (max-width: 767px) {
  .sus--link-top--four>li {
    width: 50%;
  }

  .sus--link-top--four>li:nth-of-type(4) {
    border-left-width: 0;
  }
}

@media only screen and (max-width: 480px) {
  .sus--link-top--four>li {
    width: 100%;
    border-left-width: 1px;
    border-left-style: solid;
  }

  .sus--link-top--four>li:nth-of-type(2) {
    border-top: none;
  }

  .sus--link-top--four>li:nth-of-type(4) {
    border-left: 1px solid;
  }

  .sus--link-top--four>li br {
    display: none;
  }
}


/* ------------------------------------
 * top layout with sdgsicon
 * --------------------------------- */

.page-top-sdgs-title {
  margin-bottom: 5px;
}

.page-top-sdgs-icons {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 8px;
  margin: 0 auto;
  padding: 0 10px;
}

.page-top-sdgs-icons img {
  width: 90px;
  vertical-align: middle;
  display: inline-block;
}




/* ------------------------------------
 * headline
 * --------------------------------- */
.page-csr-hdg-01 {
  font-size: 3.6rem;
  margin: 60px 0 15px;
  text-align: center;
  color: #0058ab;
}

@media screen and (max-width: 768px) {
  .page-csr-hdg-01 {
    font-size: 3.0rem;
    margin: 40px 0 10px;
  }
}

/* ------------------------------------
 * text
 * --------------------------------- */
.csr p {
  margin: 0;
}

.csr p+p {
  margin: 15px 0 0;
}

.page-csr-lead {
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 0;
  color: #448aca;
  margin-right: -15px;
}

.page-csr-lead--top-lead {
  margin-bottom: 20px !important;
}

.page-csr-cts-lead {
  font-size: 1.8rem;
  font-weight: bold;
}

.special-csr-lead {
  font-size: 2.5rem;
  font-weight: bold;
  letter-spacing: 0;
  color: #448aca;
  text-align: center;
  margin-bottom: 20px !important;
}

@media screen and (max-width: 768px) {
  .special-csr-lead {
    font-size: 2.2rem;
  }
}

.ib {
  display: inline-block;
}

a .ib {
  text-decoration: underline;
}

a:hover .ib {
  text-decoration: none;
}

.link-list-03 a .ib,
.type-03 a .ib {
  text-decoration: none !important;
}

/* ------------------------------------
 * link
 * --------------------------------- */
.link-list-csr {
  font-size: 1.6rem;
  margin: 15px 0;
  padding: 0;
}

table .link-list-csr {
  margin: 0;
}


.link-list-csr>li {
  margin: 0 0 15px;
}

.link-list-csr>li:last-child {
  margin: 0;
}

.link-list-csr a {
  text-decoration: none;
  color: #0058ab;
  position: relative;
  display: inline-block;
  padding: 0 0 0 22px;
  transition: .3s;
  text-decoration: underline;
}

.link-list-csr a:hover,
.link-list-csr a:focus,
.link-list-csr a:active {
  opacity: .7;
}

.link-list-csr a::before {
  position: absolute;
  top: .5em;
  left: .25em;
  display: block;
  width: 5px;
  height: 5px;
  content: "";
  transform: rotate(45deg);
  border-width: 2px 2px 0 0;
  border-style: solid;
  border-color: #fff;
  z-index: 10 !important;
}

.link-list-csr a::after {
  position: absolute;
  top: .2em;
  left: 0;
  display: block;
  width: 18px;
  height: 18px;
  content: "";
  border-radius: 50%;
  background-color: #0058ab;
  z-index: 5 !important;
}

.link-list-csr a b {
  font-size: 1.8rem;
  font-weight: bold;
  color: #323232;
}


.link-list-csr.table-link {
  margin-top: 0;
}

.table-link a {
  text-decoration: underline;
}

.table-link a:hover {
  text-decoration: none;
  opacity: 1;
}

/**/

.link-list-csr .list-2nd {
  margin-left: 30px;
}

/**/

.link-list-02.two-btn>li {
  width: calc(50% - 27px);
}

.link-list-02.three-btn>li {
  width: calc(33.333333333% - 27px);
}

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

  .link-list-02.two-btn>li,
  .link-list-02.three-btn>li {
    width: calc(50% - 12px);
    margin: 12px 0 0 12px;
  }
}

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

  .link-list-02.two-btn>li,
  .link-list-02.three-btn>li {
    width: 100%;
    margin: 0 0 0 12px;
  }

  .link-list-02.two-btn>li a,
  .link-list-02.three-btn>li a {
    border-bottom-width: 0;
  }

  .link-list-02.two-btn>li:last-of-type a,
  .link-list-02.three-btn>li:last-of-type a {
    border-bottom-width: 1px;
  }
}

/* materiality */

.no-bdr {
  border: none !important;
  padding-top: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}

.no-bdr .ib {
  text-decoration: none !important;
}


/* sitemap */

.link-list-susmap {
  position: relative;
  padding: 0 0 0 22px;
}

.link-list-susmap li {
  margin-top: 8px;
}

.link-list-susmap a::before {
  position: absolute;
  top: .6em;
  left: 0;
  display: block;
  width: 8px;
  height: 2px;
  background-color: #0058ab;
  content: "";
  transform: rotate(0deg);
  border: none;
}




/* ------------------------------------
 * list
 * --------------------------------- */
.list-csr {
  margin: 10px 0 20px;
}

.list-csr--normal li {
  position: relative;
  padding-left: 15px;
  margin-bottom: 12px;
}

.list-csr--normal li:last-child {
  margin-bottom: 0;
}

.list-csr--normal li::before {
  position: absolute;
  top: .5em;
  left: 0;
  display: block;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  content: "";
  background-color: #448aca;
}

.csr ol {
  margin-left: 25px;
}

.list-csr--number li:not(:last-of-type) {
  margin-bottom: 12px;
}


.list-csr--table,
.list-csr--table--none {
  margin-top: 0;
}

.list-csr--table li {
  position: relative;
  padding-left: 15px;
  margin: 0 10px 8px;
}

.list-csr--table li:last-child {
  margin-bottom: 0;
}

.list-csr--table li::before {
  position: absolute;
  top: .5em;
  left: 0;
  display: block;
  width: 4px;
  height: 4px;
  border-radius: 50%;
  content: "";
  background-color: #aaa;
}

.list-csr--table--none li {
  padding: 0;
  margin: 0 0 0 15px;
}

.list-csr--table--none li::before {
  content: none;
}

/* ------------------------------------
 * note
 * --------------------------------- */
.note-csr {
  color: #666;
  margin: 10px 0 20px;
}

.note-csr--normal {
  padding-left: 20px;
  text-indent: -20px;
}

.note-csr--number {
  padding-left: 32px;
  text-indent: -32px;
}

/* ------------------------------------
 * border box
 * --------------------------------- */
.bdr-box {
  border: 1px solid #ccc;
  padding: 20px;
  margin: 15px 0;
}

/* ------------------------------------
 * figure
 * --------------------------------- */

.figure-csr img,
.figure-photo-csr img {
  width: 100%;
  vertical-align: bottom;
}

img.w-auto {
  width: auto;
}

.csr .bdr {
  border: 1px solid #ccc;
  box-sizing: border-box;
}

.figure-csr {
  margin: 15px 0 20px;
}

.figure-csr figcaption {
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 10px;
}

.figure-csr--center-style01 {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.figure-csr--center-style02 {
  margin: 0;
  text-align: center;
}

.figure-csr--disable {
  max-width: 850px;
  margin-left: auto;
  margin-right: auto;
}

.figure-csr--benefits {
  max-width: 680px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.figure-csr--promotion_structure {
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

.figure-csr--promotion_structure.en-promotion_structure {
  max-width: 900px;
}


.figure-csr.w400 {
  max-width: 400px;
}

.figure-csr.w500,
.table-csr.w500 {
  max-width: 500px;
  margin-left: auto;
  margin-right: auto;
}

.figure-csr.w600 {
  max-width: 600px;
}

.figure-csr.w650 {
  max-width: 650px;
}

.figure-csr.w700 {
  max-width: 700px;
}

.figure-csr.w750 {
  max-width: 750px;
}

.figure-csr.w800 {
  max-width: 800px;
}

.figure-csr.w820 {
  max-width: 820px;
}

.figure-csr.w860 {
  max-width: 860px;
}


.table-csr {
  margin: 0;
}

.table-csr figcaption {
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  margin-bottom: 5px;
}

.table-csr--style01 {
  margin: 20px 0;
}

.figure-photo-csr {
  margin: 0;
}

.figure-photo-csr figcaption {
  margin: 10px 0 20px;
  text-align: center;
}

@media screen and (max-width: 640px) {
  .figure-photo-csr figcaption {
    margin: 2px 0 15px;
  }
}

.column-parallel-csr-images2x2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.column-parallel-csr-images2x2--image {
  width: calc((100% - 25px) / 2);
}

@media screen and (max-width: 768px) {
  .column-parallel-csr-images2x2--image.large {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
  }
}

.column-parallel-csr-images2x2--image img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}




/* ------------------------------------
 * table
 * --------------------------------- */
.table-csr table {
  font-size: 1.6rem;
}

.th-left tbody th,
.th-left tfoot th {
  text-align: left;
}

.table-01.td-center td {
  text-align: center;
}

.table-01.td-left td {
  text-align: left;
}

.table-01 .td-left,
.table-01.td-left .td-left,
.table-01.td-right .td-left,
.table-01.td-center .td-left {
  text-align: left;
}

.table-01 .td-right,
.table-01.td-left .td-right,
.table-01.td-right .td-right,
.table-01.td-center .td-right {
  text-align: right;
}

.table-01 .td-center,
.table-01.td-left .td-center,
.table-01.td-right .td-center,
.table-01.td-center .td-center {
  text-align: center;
}

.nowrap {
  white-space: nowrap;
}

.color-green {
  background-color: #dbecdd !important;
}

.color-blue {
  background-color: #dceff3 !important;
}

.color-ore {
  background-color: #f9ddbb !important;
}


.txt-vertical {
  writing-mode: vertical-rl;
}

table .txt-s {
  line-height: 1.2 !important;
}



.w-3 {
  width: 3% !important;
}

.w-8 {
  width: 8% !important;
}

.sdgs38 img {
  width: 38px;
  vertical-align: middle;
}

.sdgs40 img {
  width: 40px;
  vertical-align: middle;
  display: inline-block;
  margin: 5px 5px 0 0;
}

.sdgs40 strong {
  color: #000;
}

.sdgs80 img {
  width: 80px;
  vertical-align: middle;
  display: inline-block;
  margin-right: 10px;
}

.sdgs80 strong {
  color: #000;
}


@media only screen and (max-width: 678px) {
  .table-csr table {
    font-size: 1.4rem;
  }
}

.table-max {
  width: 100%;
  overflow-x: auto !important;
  white-space: normal;
}

.table-max table {
  width: 1180px;
}

@media only screen and (max-width: 899px) {
  .table-900 {
    width: 100%;
    overflow-x: scroll !important;
    white-space: normal;
  }

  .table-900 table {
    width: 899px;
  }
}

@media only screen and (max-width: 767px) {
  .table-768 {
    width: 100%;
    overflow-x: scroll !important;
    white-space: normal;
  }

  .table-768 table {
    width: 767px;
  }
}

@media only screen and (max-width: 639px) {
  .table-640 {
    width: 100%;
    overflow-x: scroll !important;
    white-space: normal;
  }

  .table-640 table {
    width: 639px;
  }
}

@media only screen and (max-width: 480px) {
  .table-480 {
    width: 100%;
    overflow-x: scroll !important;
    white-space: normal;
  }

  .table-480 table {
    width: 479px;
  }
}

/* ------------------------------------
 * column-parallel-01　Customize
    text + image
 * --------------------------------- */
@media only screen and (max-width: 768px) {
  .column-parallel-01 .column-parallel-01-image {
    margin: 10px auto 10px;
  }
}

/* ------------------------------------
 * column-parallel-csr-02
    image x 2
 * --------------------------------- */
.column-parallel-csr-02 {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  margin-top: 15px;
}

.column-parallel-csr-02.align-c {
  align-items: center;
}

.column-parallel-csr-02-col {
  text-align: center;
  max-width: 400px;
  margin: 0 10px 10px;
}

.column-parallel-csr-02-col.w600 {
  max-width: 600px;
}

.column-parallel-csr-02-col.w250 {
  max-width: 250px;
}

.column-parallel-csr-02-col.w250 img {
  margin: 0 auto;
  display: block;
}

.column-parallel-csr-02-col.w300 {
  max-width: 300px;
}

.column-parallel-csr-02-col.w300 img {
  margin: 0 auto;
  display: block;
}

.column-parallel-csr-02.nochange {
  align-items: flex-end;
}

.column-parallel-csr-02.nochange .column-parallel-csr-02-col {
  width: 33.899%;
  max-width: initial;
}


.column-parallel-csr-02.nochange figcaption {
  width: 100%;
  text-align: center;
}

@media only screen and (max-width: 480px) {
  .column-parallel-csr-02 {
    flex-direction: column;
    align-items: center;
    margin-top: 15px;
  }

  .column-parallel-csr-02.nochange {
    display: flex !important;
    justify-content: space-between;
  }

  .column-parallel-csr-02-col {
    max-width: initial;
    width: 100%;
    margin: 0 0 10px 0;
  }

  .column-parallel-csr-02.nochange .column-parallel-csr-02-col {
    width: 48%;
  }

}

/* ------------------------------------
 * column-parallel-csr-03
    image x 2
 * --------------------------------- */
.column-parallel-csr-03 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}

.column-parallel-csr-03-col {
  text-align: center;
  max-width: 32.5%;
  margin: 0 0 10px;
}

.column-parallel-csr-03-col.w38p {
  max-width: 38%;
  width: 48%;
}

.column-parallel-csr-03-col.w48p {
  max-width: 48%;
  width: 48%;
}

.column-parallel-csr-03-col.w60p {
  max-width: 60%;
  width: 60%;
}

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

  .column-parallel-csr-03-col.w48p,
  .column-parallel-csr-03-col.w38p,
  .column-parallel-csr-03-col.w60p {
    max-width: 100%;
    margin: 0 0 10px;
    width: 100%;
  }
}

@media only screen and (max-width: 480px) {
  .column-parallel-csr-03 {
    display: block;
    margin-top: 15px;
  }

  .column-parallel-csr-03-col,
  .column-parallel-csr-03-col.w48p {
    max-width: 400px;
    margin: 0 0 10px;
  }
}


/* ------------------------------------
 * column-parallel-csr-04
    image x 4
 * --------------------------------- */
.column-parallel-csr-04 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: 15px;
}

.column-parallel-csr-04-col {
  width: 24%;
}

@media only screen and (max-width: 768px) {
  .column-parallel-csr-04-col {
    width: 48%;
  }
}

/* ------------------------------------

 * --------------------------------- */

.column-parallel-csr--rev {
  flex-direction: column-reverse;
}

/* ------------------------------------
 * message
 * --------------------------------- */
.column-parallel-01.message .column-parallel-01-image {
  width: 280px;
  margin: 0 auto 0;
}

.sign {
  text-align: right;
}

/* ------------------------------------
 * policy
 * --------------------------------- */
.csr .csr-policy--txt {
  margin-bottom: 20px;
}

.csr-policy--box-txt {
  text-align: center;
}

@media screen and (max-width: 640px) {
  .csr-policy--box-txt.en-csr-policy {
    text-align: left;
  }

  .csr-policy--box-txt.en-csr-policy br {
    display: none;
  }
}


.sus-policy-diagram {
  background-color: #f1f8fa;
  text-align: center;
  padding: 0 5% !important;
  margin-top: 30px !important;
  margin-bottom: 30px !important;
}

.sus-policy-diagram--img {
  margin: 0 4% 0 4%;
}

.sus-policy-diagram--img .sp-show {
  display: none;
}

.sus-policy-diagram .diagram--policy {
  background: #fff;
  border-color: #00a0e9;
  margin: 0 4% 0;
}

.sus-policy-diagram .diagram--policy .lead {
  /* font-size: 2.2rem;
  font-weight: bold; */
  color: #448aca;
  text-align: left;
}

.sus-policy-diagram .diagram--policy .source {
  text-align: right;
}

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

  .sus-policy-diagram--img .pc-show {
    display: none;
  }

  .sus-policy-diagram--img .sp-show {
    display: block;
    max-width: 500px;
    width: 100%;
    margin: 0 auto 15px;
  }

  .sus-policy-diagram .diagram--policy {
    margin: 0 2% 0;
  }

  /*.sus-policy-diagram .diagram--policy .lead {
     font-size: 2.0rem; 
  }*/
}

@media screen and (max-width: 480px) {
  .sus-policy-diagram {
    padding: 0 2% !important;
  }
}




.column-aboutus-role {
  margin-bottom: 30px;
}

.page-aboutus-hdg-02 {
  font-size: 2rem;
}

.column-aboutus-figwrap {
  background: #F1F8FA;
  padding: 30px 10% 10px;
  margin-bottom: 30px;
}

.column-aboutus-merit {
  margin-bottom: 40px;
}

.column-aboutus-merit>ul>li {
  font-size: 2.0rem;
}

@media screen and (max-width: 767px) {
  .column-aboutus-merit {
    margin-bottom: 40px;
  }

  .column-aboutus-merit>ul>li {
    font-size: 1.8rem;
  }
}


/* ------------------------------------
 * materiality
 * --------------------------------- */

@media screen and (min-width: 960px) {
  .column-aboutus-role>ul {
    justify-content: center;
  }

  .column-aboutus-role>ul>li {
    flex: 0 1 calc(45% - 40px);
    width: calc(45% - 40px);
    max-width: calc(45% - 40px);
  }
}


.csr .csr-materiality--process {
  list-style: none;
}

.csr .csr-materiality--process li {
  border: 1px solid #00a0e9;
  padding: 20px;
  margin-bottom: 50px;
  position: relative;
}

.csr .csr-materiality--process li::after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 20px 40px 0 40px;
  border-color: #00a0e9 transparent transparent transparent;
  position: absolute;
  left: 0;
  right: 0;
  bottom: -40px;
  margin: auto;
}

.csr .csr-materiality--process li:last-of-type::after {
  content: none;
}

.csr .csr-materiality--process h3 {
  margin: 0 0 10px;
}


/* ------------------------------------
 * allow
 
 * --------------------------------- */

.selection--allow figcaption {
  width: 100%;
  text-align: center;
}

@media (max-width: 938px) {
  .selection--allow {
    flex-direction: column;
  }

  .selection--allow--parts {
    transform: rotate(90deg);
  }
}


/* ------------------------------------
 * report
 * --------------------------------- */
.column-parallel-csr-report {
  max-width: 730px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.column-parallel-csr-report--cover {
  max-width: 214px;
  margin: 0;
}

.column-parallel-csr-report--link {
  width: calc(100% - 214px - 20px);
}

@media screen and (max-width: 480px) {
  .column-parallel-csr-report {
    display: block;
  }

  .column-parallel-csr-report--cover {
    margin: 0 auto;
  }

  .column-parallel-csr-report--link {
    width: 100%;
    margin-top: 15px;
  }
}

.column-parallel-csr-report-back {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.column-parallel-csr-report-back--block {
  width: calc((100% - 25px) / 2);
  border: 1px solid #ccc;
  padding: 0 20px 20px 20px;
  margin-bottom: 25px;
}

.column-parallel-csr-report-back--block--inner {
  display: flex;
  justify-content: space-between;
}

.column-parallel-csr-report-back--block--inner .report-back-cover {
  width: 40%;
  margin: 0 15px 0 0;
}

.column-parallel-csr-report-back--block--inner .report-back-link {
  width: calc(100% - 40% - 15px);
}

@media screen and (max-width: 640px) {
  .column-parallel-csr-report-back {
    display: block;
  }

  .column-parallel-csr-report-back--block {
    width: 100%;
    padding: 0 15px 15px 15px;
    margin-bottom: 15px;
  }
}

@media screen and (max-width: 420px) {
  .column-parallel-csr-report-back--block--inner {
    display: block;
  }

  .column-parallel-csr-report-back--block--inner .report-back-cover {
    width: 150px;
    margin: 0 auto;
  }

  .column-parallel-csr-report-back--block--inner .report-back-link {
    width: 100%;
  }
}

.mt0 {
  margin-top: 0 !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

/* ------------------------------------
 * print for report
 * ---------------------------------
 @media print{
  .pbb{
    page-break-before: always; 
  }
  .hdg-05.pbb,
  .hdg-06.pbb {
    margin: 0 0 15px !important;
    padding-top: 0 !important;
  }
  header,
  footer,
  .type-location,
  .link-adobe-reader-01,
  .link-list-02,
  .special-link-hdg-02,
  .link-list-03{
    display: none;
  }
  .type-location + .main-inner .hdg-05:first-child{
    margin-top: 0;
  }
  .box-01 {
    padding: 20px 30px;
  }
  .table-csr .sdgs38 table {
    font-size: 1.2rem;
  }
  .column-parallel-01{
    display: flex;
    &-col{
      width: calc( 100% - 280px);
    }
    &-image {
      width: 280px !important;
      margin: 0 auto 10px;
      img{
        width: 100%;
      }
    }
  }
  .column-parallel-csr-02 {
    display: flex;
    &-col{
      width: 230px;
    }
  }

  .page-csr-hdg-01 {
    margin: 30px 0 10px;
    & + .hdg-05{
      margin-top: 20px;
    }
  }
  
  //special
  .special-top-img{
    .main-inner{
      padding: 0 0 10px !important;
      .special-top-img--lead{
        padding: 0 20px;
      }
    }
    & + .main-inner{
      padding-top: 0;
    }
  }

  //about csr
  .column-aboutus-figwrap {
    background: #F1F8FA;
    padding: 5px 10px;
    margin-bottom: 0;
  }
  .column-aboutus-role > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -40px;
    padding: 0 15%;
  }
  .column-aboutus-role > ul > li {
    flex: 0 1 calc(50% - 40px);
    width: calc(50% - 40px);
    max-width: calc(50% - 40px);
    margin-left: 40px;
    padding: 3.2787% 4.2623% 4.0984%;
    border: 3px solid #0058ab;
  }
  .column-aboutus-role > ul > li + li {
    margin: 0 0 0 40px;
  }
  .column-aboutus-role > ul > li + li::before {
    top: 50%;
    left: -43px;
    margin: -35px 0 0;
    border-width: 35px 0 35px 35px;
    border-color: transparent transparent transparent #0058ab;
  }
  .column-aboutus-merit > ul {
    display: flex;
    flex-wrap: wrap;
    margin-left: -20px;
    padding: 0 7%;
  }
  .column-aboutus-merit > ul > li {
    font-size: 1.4rem;
    flex: 0 1 calc(50% - 20px);
    width: calc(50% - 20px);
    max-width: calc(50% - 20px);
    margin-left: 20px;
    padding: 1.6667% 4.1667% 1% 7%;
    border-radius: 35px;
  }
  .column-aboutus-merit > ul > li > span::before {
    left: -30px;
    width: 22px;
    height: 22px;
    top: -5px;
  }
  .column-aboutus-merit > ul > li + li {
    margin-top: 0;
  }
  .column-aboutus-merit > ul > li:nth-child(n + 3) {
    margin-top: 10px;
  }
}
*/
/*# sourceMappingURL=common.css.map */