:root {
    --text-color: #2b2f38;
    --text-color2: #1f2c4a;
    --text-color3: #4f5975;
    --c-magenta: #a85477;
    --c-green: #0e7f2e;
    --c-blue: #0e357f;
    --c-cyan: #0e707f;
    --c-link: #1565c0;
    --c-link-hover: #1e88e5;
    --c-link-button: #203a69;
    --bg-gray: #f6f6f8;
    --bg-magenta: #f7f2f4;
    --bg-green: #f5f7f6;
    --bg-blue: #f5f6f7;
    --bg-cyan: #f5faf9
}
/*
pin
================================================ */
@keyframes pinScale{
0%{transform:scale(1)}
to{transform:scale(2)}
}
@keyframes fluffy{
0%,to{transform:translateY(0)}
50%{transform:translateY(-5px)}
}
@media print, screen and (min-width: 768px) {
  .c-bread + .l-section {
    margin-top: 80px;
  }
}

@media print, screen and (min-width: 768px) {
  .l-section + .l-section {
    margin-top: 200px;
  }
}

@media print, screen and (min-width: 768px) {
  .l-section + .c-lead {
    margin-top: 94px;
  }
}

.section-under {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .section-under {
    margin-top: 70px;
  }
}

@media print, screen and (min-width: 768px) {
  .l-section + .c-related-links {
    margin-top: 156px;
  }
}

.sd-anchor + .l-section {
  margin-top: 170px;
}

.c-heading--A + .c-normal-txt {
  margin-top: 95px;
}
@media screen and (max-width: 767px) {
  .c-heading--A + .c-normal-txt {
    margin-top: 50px;
  }
}

@media print, screen and (min-width: 768px) {
  .c-heading.c-heading--C {
    letter-spacing: 0.025em;
  }
}
@media screen and (max-width: 767px) {
  .c-heading.c-heading--C {
    font-size: 1em;
    line-height: 1.5625;
  }
}

.c-normal-txt {
  margin: 30px 0 0;
}
@media screen and (max-width: 767px) {
  .c-normal-txt {
    margin: 20px 0 0;
    font-size: 0.875em;
    line-height: 1.3571428571;
  }
}

.c-note {
  font-size: 1em;
  margin: 30px 0 0;
  padding-left: 1.2em;
}
@media print, screen and (min-width: 768px) {
  .c-note {
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .c-note {
    font-size: 0.75em;
    margin: 20px 0 0;
  }
}
.c-note li + li {
  margin-top: 20px;
}

@media print, screen and (min-width: 768px) {
  .c-note--B {
    margin-top: 50px;
  }
}
.c-note--B li + li {
  margin-top: 8px;
}

.c-anchor.c-anchor--B .c-anchor__item {
  padding: 10px;
  flex: 1;
}
@media print, screen and (min-width: 768px) {
  .c-anchor.c-anchor--B .c-anchor__item {
    border-left: 1px solid #bfbfbf;
  }
}
.c-anchor.c-anchor--B .c-anchor__item::before {
  display: none;
}
.c-anchor.c-anchor--B .c-anchor__item a {
  font-size: 0.8181818182em;
  text-align: left;
  position: relative;
  padding-left: 22px;
}
@media screen and (max-width: 767px) {
  .c-anchor.c-anchor--B .c-anchor__item a {
    font-size: 1em;
  }
}
.c-anchor.c-anchor--B .c-anchor__item a::before {
  position: absolute;
  content: "";
  left: 0;
  top: calc(50% - 7px);
  width: 8px;
  height: 15px;
  background: url(/common/img/img_cursor.png);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center center;
}
@media screen and (max-width: 767px) {
  .c-anchor.c-anchor--B .c-anchor__item a::before {
    top: calc(50% - 4px);
  }
}
.c-anchor.c-anchor--B .c-anchor__item + .c-anchor__item {
  margin-top: 0;
}

.img-border {
  border: solid 1px #c4c4c4;
}

.sd-section {
  background-color: #f6f4f1;
  margin-top: 180px;
  padding: 180px 0 280px;
  position: relative;
}
.sd-section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 186px 3000px;
  border-color: transparent transparent #fff transparent;
}
@media screen and (max-width: 767px) {
  .sd-section {
    margin-top: 70px;
    padding: 70px 0 110px;
  }
}
@media screen and (max-width: 767px) {
  .sd-section .l-section {
    margin-top: 50px;
  }
}

.sd-content {
  margin-top: 130px;
}
@media screen and (max-width: 767px) {
  .sd-content {
    margin-top: 50px;
  }
}

.sd-content + .sd-content {
  margin-top: 110px;
}
@media screen and (max-width: 767px) {
  .sd-content + .sd-content {
    margin-top: 50px;
  }
}

.sd-head {
  margin: 0;
  font-size: 1.125em;
  font-weight: 700;
  padding-bottom: 28px;
  border-bottom: 1px solid #bfbfbf;
  letter-spacing: 0.025em;
}
@media screen and (max-width: 767px) {
  .sd-head {
    font-size: 0.875em;
    padding-bottom: 14px;
  }
}

.sd-column {
  margin-top: 35px;
  display: flex;
}
@media screen and (max-width: 767px) {
  .sd-column {
    margin-top: 20px;
    display: block;
  }
}
@media print, screen and (min-width: 768px) {
  .sd-column .sd-cell__txt {
    width: 47.5%;
  }
}
.sd-column .sd-cell__txt .c-normal-txt {
  margin-top: 0;
}
.sd-column .sd-cell__txt .c-normal-txt + .c-normal-txt {
  margin-top: 30px;
}
.sd-column .sd-cell__txt .c-heading + .c-normal-txt {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .sd-column .sd-cell__txt .c-heading + .c-normal-txt {
    margin-top: 20px;
  }
}
.sd-column .sd-cell__txt .sd-head + .c-normal-txt {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .sd-column .sd-cell__txt .sd-head + .c-normal-txt {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .sd-column .sd-cell__txt + .sd-cell__img {
    margin-left: 60px;
  }
  .sd-cell__img img + img{margin-top: 60px;}
}
@media screen and (max-width: 767px) {
  .sd-column .sd-cell__txt + .sd-cell__img {
    margin-top: 40px;
  }
  .sd-cell__img img + img{margin-top: 40px;}
}
@media print, screen and (min-width: 768px) {
  .sd-column .sd-cell__img + .sd-cell__img {
    margin-left: 60px;
  }
}
@media screen and (max-width: 767px) {
  .sd-column .sd-cell__img + .sd-cell__img {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .sd-column .sd-cell__img {
    width: 47.5%;
  }
}
.sd-column img {
  width: 100%;
  height: auto;
  display: block;
}

.sd-caption {
  margin: 22px 0 0;
  font-weight: 300;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  .sd-caption {
    margin: 14px 0 0;
    font-size: 0.75em;
    line-height: 1;
  }
}

.sd-img {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .sd-img {
    margin-top: 40px;
  }
}
.sd-img img {
  width: 100%;
  height: auto;
  display: block;
}

.sd-box--border {
  border: 1px solid #bfbfbf;
}

.sd-box {
  background-color: #fff;
  padding: 60px 60px 65px;
}
@media screen and (max-width: 767px) {
  .sd-box {
    padding: 30px 20px 35px;
  }
}
.sd-box .sd-box__target {
  margin: 36px 0 0;
  list-style: none;
  padding-left: 0;
  font-size: 1.625em;
  color: #cc0000;
}
@media print, screen and (min-width: 768px) {
  .sd-box .sd-box__target {
    margin-left: 6.6666666667%;
  }
}
@media screen and (max-width: 767px) {
  .sd-box .sd-box__target {
    margin: 28px 0 0;
    font-size: 1em;
  }
}
.sd-box .sd-box__target li {
  position: relative;
  padding-left: 150px;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sd-box .sd-box__target li {
    padding-left: 100px;
  }
}
.sd-box .sd-box__target li::before {
  position: absolute;
  content: "";
  width: 26px;
  height: 2px;
  background-color: #cc0000;
  top: calc(50% - 1px);
  left: 110px;
}
@media screen and (max-width: 767px) {
  .sd-box .sd-box__target li::before {
    width: 16px;
    left: 73px;
  }
}
.sd-box .sd-box__target li span {
  position: absolute;
  left: 0;
}
.sd-box .sd-box__target li + li {
  margin-top: 30px;
}
.sd-box + .sd-box {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .sd-box + .sd-box {
    margin-top: 30px;
  }
}

.table-wrapper {
  margin-top: 44px;
  width: 100%;
  padding-bottom: 10px;
  overflow-x: auto;
}
@media screen and (max-width: 767px) {
  .table-wrapper {
    margin-top: 27px;
  }
}

.table-item {
  table-layout: fixed;
  border-collapse: collapse;
}
@media screen and (max-width: 767px) {
  .table-item {
    width: 727px;
  }
}
.table-item .w-175 {
  width: 175px;
}
.table-item .w-250 {
  width: 250px;
}
.table-item .w-260 {
  width: 260px;
}
.table-item .w-300 {
  width: 300px;
}
.table-item .w-400 {
  width: 400px;
}
.table-item .w-600 {
  width: 600px;
}
.table-item .w-650 {
  width: 650px;
}
.table-item .bg-gray {
  background-color: #f6f4f1;
}
.table-item .table-item__title {
  color: #fff;
  font-weight: 500;
  background: #363636;
  text-align: center;
  vertical-align: middle;
}
.table-item .table-item__list {
  margin: 0;
  padding-left: 0;
}
.table-item .table-item__list .c-note-list {
  margin: 0;
  font-size: 1em;
}
.table-item .table-item__list .c-note-list::before {
  top: 9px;
  width: 5px;
  height: 5px;
}
.table-item .table-item__list .c-note-list + .c-note-list {
  margin-top: 6px;
}
@media screen and (max-width: 767px) {
  .table-item .table-item__list .c-note-list + .c-note-list {
    margin-top: 2px;
  }
}

.table-item th, .table-item td {
  padding: 18px 16px 16px;
  border: 1px solid #bfbfbf;
  color: #000000;
  background: #fff;
  text-align: left;
  font-weight: 400;
  vertical-align: top;
  line-height: 1.4444444444;
}
@media print, screen and (min-width: 768px) {
  .table-item th, .table-item td {
    font-size: 1.125em;
    letter-spacing: -0.025em;
  }
}
@media screen and (max-width: 767px) {
  .table-item th, .table-item td {
    padding: 12px 16px;
  }
}

.mt-70-40 {
  margin-top: 70px !important;
}
@media screen and (max-width: 767px) {
  .mt-70-40 {
    margin-top: 40px !important;
  }
}

@media print, screen and (min-width: 768px) {
  .mt-80 {
    margin-top: 80px !important;
  }
}

.sd-column img.c-icon-pdf {
  margin-right: 10px;
  width: 20px;
  height: 24px;
  display: inline-block;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  .sd-column img.c-icon-pdf {
    width: 17px;
    height: 21px;
  }
}

.sd-column + .c-btn {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .sd-column + .c-btn {
    margin-top: 30px;
  }
}

.sustainability-001 .c-heading--D {
  color: #2b2f38;
}
@media print, screen and (min-width: 768px) {
  .sustainability-001 .c-note li + li {
    margin-top: 2px;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-001 .c-note li+li{
    margin-top: 5px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-001 .sd-table {
    margin-top: 52px;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-001 .sd-table {
    margin-top: 25px;
    display: block;
  }
}
.sustainability-001 .sd-table__cell {
  border: 1px solid #bfbfbf;
}
.sustainability-001 .sd-table__head {
  background-color: #363636;
  padding: 15px 10px;
  border-bottom: 1px solid #bfbfbf;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .sustainability-001 .sd-table__head {
    padding: 14px 4px;
  }
}
.sustainability-001 .sd-table__head .table__head {
  margin: 0;
  font-size: 1.125em;
  color: #fff;
  line-height: 1.4444444444;
  text-align: center;
  font-weight: 400;
}
@media screen and (max-width: 767px) {
  .sustainability-001 .sd-table__head .table__head {
    font-size: 0.875em;
    letter-spacing: -0.025em;
    line-height: 1.4285714286;
  }
}
.sustainability-001 .sd-table__content {
  background-color: #f6f4f1;
  padding: 30px;
}
@media screen and (max-width: 767px) {
  .sustainability-001 .sd-table__content {
    padding: 14px 10px 20px;
  }
}
.sustainability-001 .sd-table__content ul {
  margin: 0;
}
.sustainability-001 .sd-table__list {
  padding-left: 0;
  list-style: none;
  display: flex;
  justify-content: center;
}
@media screen and (max-width: 767px) {
  .sustainability-001 .sd-table__list {
    justify-content: center;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-001 .sd-table__list li {
    max-width: 50px;
  }
}
.sustainability-001 .sd-table__list li + li {
  margin-left: 10px;
}
@media screen and (max-width: 767px) {
  .sustainability-001 .sd-table__list li + li {
    margin-left: 5px;
  }
}
.sustainability-001 .sd-table__list img {
  width: 100%;
  height: auto;
  display: block;
}
@media print, screen and (min-width: 768px) {
  .sustainability-001 .sc-solutions {
    margin-top: 153px;
  }
}
.sustainability-001 .c-note.indent {
  padding-left: 0.8em;
}
.sustainability-001 .c-icon-pdf.c-icon-pdf--right {
  margin-left: 0;
  margin-right: 8px;
}
.sustainability-001 .c--link {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  .sustainability-001 .c--link {
    margin-top: 20px;
  }
}
.sustainability-001 .c--link+.c--link {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .sustainability-001 .c--link+.c--link {
    margin-top: 15px;
  }
}
.sustainability-001 .c--link .c-arr-link {
  margin-top: 0;
}
.sustainability-001 .c--link .c-arr-link--B.arr-none {
  display: flex;
}
/*
map
================================================ */
.sustainability-001 .sc-map {
  position:relative;
  margin-top: 90px;
}
.sustainability-001 .sc-map .c-normal-txt {
  margin-top: 20px;
  color: #2b2f38;
}
.sustainability-001 .sc-map.sc-open .sc-map__clicableArea:after,.sustainability-001 .sc-map.sc-open .sc-map__clicableArea:before {
  opacity:1;
}
.sustainability-001 .sc-map.sc-open .sc-map__clicableArea--wrap {
  width:calc(50% - 15px);
}
.sustainability-001 .sc-map.sc-open .sc-map__slideContent {
  transform:translateX(0);
}
.sustainability-001 .sc-map.sc-open .sc-map__categoryList {
  opacity: 0;
  display: none;
}
.sustainability-001 .sc-map__clicableArea {
  display: grid;
  gap: 0;
  grid-template-columns: 50% 50%;
  justify-content: center;
  min-height: 846px;
  overflow: hidden;
  position: relative;
  transition: all .5s ease;
  margin-top: 28px;
}
.sustainability-001 .sc-map__clicableArea:after,.sustainability-001 .sc-map__clicableArea:before {
  background-color: #cbced6;
  content:"";
  display: block;
  height: 1px;
  left: 0;
  opacity: 0;
  position: absolute;
  transition: opacity .5s ease;
  width: 100%;
  z-index: 4;
}
.sustainability-001 .sc-map__clicableArea:before {
  top: 0;
}
.sustainability-001 .sc-map__clicableArea:after {
  bottom: 0;
}
.sustainability-001 .sc-map__clicableArea--wrap {
  align-items: center;
  display: flex;
  grid-column: 1/3;
  grid-row: 1/2;
  position: relative;
  transition: all .5s ease;
  width: 100%;
}
.sustainability-001 .sc-map__clicableArea--img {
  margin: 0 auto;
  max-width: 1030px;
  position: relative;
  transition: all .5s ease;
}
.sustainability-001 .sc-map__clicableArea--img>img {
  display: block;
  height: auto;
  position: relative;
  width: 100%;
  z-index: 0;
}
.sustainability-001 .sc-map__clicableArea--pin {
  cursor: pointer;
  display: block;
  height: 6.96517%;
  position: absolute;
  transform-origin: center bottom;
  transition: all .28s ease-in-out;
  width: 4.27184%;
  z-index: 1;
}
.sustainability-001 .sc-map__clicableArea--pin:before {
  content:"";
  display:block;
  height:100%;
  position:absolute;
  transform-origin:center bottom;
  transition:all .28s ease-in-out;
  width:100%;
}
.sustainability-001 .sc-map__clicableArea--pin.pin-magenta:before {
  background:url(/sustainability/social_contributions/img/icon_pin_magenta_w.png) 0 0 no-repeat;
  background-size:100%;
}
.sustainability-001 .sc-map__clicableArea--pin.pin-green:before {
  background:url(/sustainability/social_contributions/img/icon_pin_green_w.png) 0 0 no-repeat;
  background-size:100%;
}
.sustainability-001 .sc-map__clicableArea--pin.pin-blue:before {
  background:url(/sustainability/social_contributions/img/icon_pin_blue_w.png) 0 0 no-repeat;
  background-size:100%;
}
.sustainability-001 .sc-map__clicableArea--pin.pin-cyan:before {
  background:url(/sustainability/social_contributions/img/icon_pin_cyan_w.png) 0 0 no-repeat;
  background-size:100%;
}
.sustainability-001 .sc-map__clicableArea--pin:hover {
  filter:brightness(115%);
}
.sustainability-001 .sc-map__clicableArea--pin.pin-active {
  animation:fluffy 3s ease infinite;
  z-index:3;
}
.sustainability-001 .sc-map__clicableArea--pin.pin-active:before{
  animation:pinScale .28s ease forwards;
}
.sustainability-001 .sc-map__clicableArea #pinid-00 {
  left:91.06796%;
  top:41.66667%;
}
.sustainability-001 .sc-map__clicableArea #pinid-01 {
  left:16.8932%;
  top:39.42786%;
}
.sustainability-001 .sc-map__clicableArea #pinid-02 {
  left:81.16505%;
  top:52.48756%;
}
.sustainability-001 .sc-map__clicableArea #pinid-03 {
  left:33.49515%;
  top:58.20896%;
}
.sustainability-001 .sc-map__clicableArea #pinid-04 {
  left:28.05825%;
  top:64.1791%;
}
.sustainability-001 .sc-map__clicableArea #pinid-05 {
  left:43.39806%;
  top:23.75622%;
}
.sustainability-001 .sc-map__clicableArea #pinid-06 {
  left:61.94175%;
  top:37.81095%;
}
.sustainability-001 .sc-map__clicableArea #pinid-07 {
  left:17.86408%;
  top:59.20398%;
}
.sustainability-001 .sc-map__clicableArea #pinid-08 {
  left:49.2233%;
  top:84.95025%;
}
.sustainability-001 .sc-map__clicableArea #pinid-09 {
  left:66.79612%;
  top:74.87562%;
}
.sustainability-001 .sc-map__clicableArea #pinid-10 {
  left:52.13592%;
  top:11.81592%;
}
.sustainability-001 .sc-map__clicableArea #pinid-11 {
  left:55.63107%;
  top:70.89552%;
}
.sustainability-001 .sc-map__clicableArea #pinid-12 {
  left:26.40777%;
  top:51.61692%;
}
.sustainability-001 .sc-map__clicableArea #pinid-13 {
  left:48.73786%;
  top:46.51741%;
}
.sustainability-001 .sc-map__slideContent {
  grid-column:2/3;
  grid-row:1/2;
  transform:translateX(100%);
  transition:all .5s ease;
}
.sustainability-001 .sc-map__slideContent--box {
  display:flex;
  transition:background-color 2s ease;
}
.sustainability-001 .sc-map__slideContent--box .sc-category__group--content {
  display:flex;
  flex-flow:column;
  justify-content:center;
  min-height:846px;
  transition:all .5s ease;
}
.sustainability-001 .sc-map__slideContent--box.pin-magenta {
  background-color:var(--bg-magenta);
}
.sustainability-001 .sc-map__slideContent--box.pin-green {
  background-color:var(--bg-green);
}
.sustainability-001 .sc-map__slideContent--box.pin-blue {
  background-color:var(--bg-blue);
}
.sustainability-001 .sc-map__slideContent--box.pin-cyan {
  background-color:var(--bg-cyan);
}
.sustainability-001 .sc-map__slideContent--box .sc-category__group--content {
  padding-bottom:15px;
  padding-top:15px;
}
.sustainability-001 .sc-map__slideContent--box .sc-category__group--categoryTag {
  margin-top:14px;
}
.sustainability-001 .sc-map__slideContent--box .sc-category__group--title {
  letter-spacing:-.025em;
  line-height:1.5;
  margin-top:20px;
}
.sustainability-001 .sc-map__slideContent--box .sc-category__group--text {
  font-size:clamp(1rem,.796rem + .426vi,1.125rem);
  margin-top:15px;
}
.sustainability-001 .sc-map__slideContent--box .sc-category__group__inner{
  position:relative;z-index:9;
}
.sustainability-001 .sc-map__slideContent--close {
  align-items:flex-start;
  background-color:#2b2f38;
  border-radius:2px;
  cursor:pointer;
  display:flex;
  height:56px;
  justify-content:center;
  position:absolute;
  right:15px;
  top:15px;
  transition:background-color .28s ease-in-out;
  width:56px;
  z-index: 10;
}
.sustainability-001 .sc-map__slideContent--close:before {
  color:#fff;
  content:"×";
  display:block;
  font-size:70px;
  font-weight:100;
  line-height:0.4em;
  margin-top:4px;
}
.sustainability-001 .sc-map__slideContent--close:hover {
  background-color:#4f5975;
}
.sustainability-001 .sc-map__categoryList {
  background-color:#fff;
  border:1px solid #cbced6;
  display:flex;
  flex-wrap:wrap;
  opacity:1;
  padding:10px 1% 8px 1.7%;
  transition:opacity .2s ease;
  width:38.98%;
  margin: 0;
}
.sustainability-001 .sc-map__categoryList li {
  display:flex;
  font-size:clamp(.5rem,-.397rem + 1.869vi,1rem);
  font-weight:700;
  line-height:1;
  padding:2.8% 0 2.8% 8.2%;
  position:relative;
  width:42.84%;
}
.sustainability-001 .sc-map__categoryList li:before {
  background-size:100% auto;
  bottom:0;
  content:"";
  display:block;
  height:auto;
  left:0;
  margin:auto;
  position:absolute;
  top:0;
  width:16.2%;
}
.sustainability-001 .sc-map__categoryList li:nth-of-type(2n) {
  padding-left:8.2%;
  width:55.57%;
}
.sustainability-001 .sc-map__categoryList li:nth-of-type(2n):before {
  width:12.487%;
}
.sustainability-001 .sc-map__categoryList li.color-magenta {
  color:var(--c-magenta);
}
.sustainability-001 .sc-map__categoryList li.color-magenta:before {
  background:url(/sustainability/social_contributions/img/icon_pin_magenta_w.png) 0 0 no-repeat;
  background-size:100% auto;
}
.sustainability-001 .sc-map__categoryList li.color-green {
  color:var(--c-green);
}
.sustainability-001 .sc-map__categoryList li.color-green:before {
  background:url(/sustainability/social_contributions/img/icon_pin_green_w.png) 0 0 no-repeat;
  background-size:100% auto;
}
.sustainability-001 .sc-map__categoryList li.color-blue {
  color:var(--c-blue);
}
.sustainability-001 .sc-map__categoryList li.color-blue:before {
  background:url(/sustainability/social_contributions/img/icon_pin_blue_w.png) 0 0 no-repeat;
  background-size:100% auto;
}
.sustainability-001 .sc-map__categoryList li.color-cyan {
  color:var(--c-cyan);
}
.sustainability-001 .sc-map__categoryList li.color-cyan:before {
  background:url(/sustainability/social_contributions/img/icon_pin_cyan_w.png) 0 0 no-repeat;
  background-size:100% auto;
}
.sustainability-001 .sc-map__categoryListarea .c-note {
  margin-top:20px;
  font-weight: 700;
}
@media screen and (min-width:768px){
  .sustainability-001 .sc-map__categoryListarea {
    position:relative;
    top:-61px;
    left:0;
  }
  .sustainability-001 .sc-map.sc-open .sc-map__categoryListarea {
    position: inherit;
    top: 0;
  }
  .sustainability-001 .sc-map__imgSp {
    display:none;
  }
  .sustainability-001 .sc-map .c-headingLv2 {
    margin-bottom:25px;
    margin-top:43px;
  }
  .sustainability-001 .sc-map .sc-map__descriptionText {
    margin-bottom:20px;
  }
  .sustainability-001 .sc-map.sc-open {
    margin-bottom: 140px;
  }
  .sustainability-001 .sc-map.sc-open .sc-category__group--content.color-blue .sc-category__group--categoryTag {
    width: 100%;
    max-width: 356px;
    padding-left: 38px;
  }
}
@media screen and (max-width:767px){
  .sustainability-001 .sc-map {
    margin-top: 60px;
    display: flex;
    flex-direction: column-reverse;
  }
  .sustainability-001 .sc-map .c-heading--D,.sustainability-001 .sc-map .c-normal-txt {
    display: none;
  }
  .sustainability-001 .sc-map__categoryList,.sustainability-001 .sc-map__clicableArea,.sustainability-001 .sc-map__descriptionText {
    display:none;
  }
  .sustainability-001 .sc-map__imgSp {
    margin-bottom:14px;
    margin-top:-11px;
  }
  .sustainability-001 .sc-map__imgSp img {
    display:block;
    height:auto;
    width:100%;
  }
  .sustainability-001 .sc-map__categoryListarea .c-note {
    margin-top: 0;
  }
}

/*
category
================================================ */
.sustainability-001 .sc-category {
  margin-top: 77px;
}
.sustainability-001 .sc-category__anchor--item {
  list-style-type: none;
}
.sustainability-001 .sc-category__anchor--item a {
  background-color:var(--c-magenta);
  border:1px solid var(--c-magenta);
  border-radius:2px;
  color:#fff;
  display:block;
  text-decoration: none;
}
.sustainability-001 .sc-category__anchor--item .inner {
  position: relative;
  padding-left:24px;
}
.sustainability-001 .sc-category__anchor--item .inner:before {
  background:url(/common/img/img_cursor.png) 0 0 no-repeat;
  background-size:12px 23px;
  bottom:0;
  content:"";
  display:block;
  filter:invert(100%) sepia(0) saturate(0) hue-rotate(209deg) brightness(107%) contrast(105%);
  height:23px;
  margin:auto;
  position:absolute;
  left:0;
  top:0;
  width:12px;
}
.sustainability-001 .sc-category__anchor--item.color-magenta a {
  background-color:var(--c-magenta);
  border-color:var(--c-magenta);
}
.sustainability-001 .sc-category__anchor--item.color-green a {
  background-color:var(--c-green);
  border-color:var(--c-green);
}
.sustainability-001 .sc-category__anchor--item.color-blue a {
  background-color:var(--c-blue);
  border-color:var(--c-blue);
}
.sustainability-001 .sc-category__anchor--item.color-cyan a {
  background-color:var(--c-cyan);
  border-color:var(--c-cyan);
}
.sustainability-001 .sc-category__group--content {
  background-color:var(--bg-gray);
}
.sustainability-001 .sc-category__group--content.color-magenta {
  background-color:var(--bg-magenta);
}
.sustainability-001 .sc-category__group--content.color-magenta .sc-category__group--categoryTag {
  background-color:var(--c-magenta);
}
.sustainability-001 .sc-category__group--content.color-magenta .sc-category__group--title {
  color:var(--c-magenta);
}
.sustainability-001 .sc-category__group--content.color-green {
  background-color:var(--bg-green);
}
.sustainability-001 .sc-category__group--content.color-green .sc-category__group--categoryTag {
  background-color:var(--c-green);
}
.sustainability-001 .sc-category__group--content.color-green .sc-category__group--title {
  color:var(--c-green);
}
.sustainability-001 .sc-category__group--content.color-blue {
  background-color:var(--bg-blue);
}
.sustainability-001 .sc-category__group--content.color-blue .sc-category__group--categoryTag {
  background-color:var(--c-blue);
  width: 356px;
}
.sustainability-001 .sc-category__group--content.color-blue .sc-category__group--title {
  color:var(--c-blue);
}
.sustainability-001 .sc-category__group--content.color-cyan {
  background-color:var(--bg-cyan);
}
.sustainability-001 .sc-category__group--content.color-cyan .sc-category__group--categoryTag {
  background-color:var(--c-cyan);
}
.sustainability-001 .sc-category__group--content.color-cyan .sc-category__group--title {
  color:var(--c-cyan);
}
.sustainability-001 .sc-category__group--categoryTag {
  border-radius:2px;
  color:#fff;
  font-size:1.125rem;
  font-weight:500;
  line-height:1;
  position:relative;
  text-align:center;
}
.sustainability-001 .sc-category__group--img img {
  height:auto;
  width:100%;
}
.sustainability-001 .sc-category__group--text,.sustainability-001 .sc-category__group--title {
  font-weight:700;
}
.sustainability-001 .sc-category__group .slide_only {
  display:none;
}

@media screen and (min-width:768px){
  .sustainability-001 .sc-category__anchor {
    margin:30px 0 60px;
  }
  .sustainability-001 .sc-category__anchor--list {
    display:flex;
    margin: 0;
    padding-left: 0;
  }
  .sustainability-001 .sc-category__anchor--item {
    margin-left:.8333%;
    width:24.375%;
  }
  .sustainability-001 .sc-category__anchor--item:nth-of-type(4n+1) {
    margin-left:0;
  }
  .sustainability-001 .sc-category__anchor--item a {
    align-items:center;
    display:flex;
    justify-content: center;
    font-size:1.125rem;
    height:100%;
    line-height:1.5;
    padding:10px 10px 8px 10px;
    transition:background-color .28s ease-in-out,color .28s ease-in-out,filter .28s ease-in-out;
  }
  .sustainability-001 .sc-category__anchor--item.color-magenta a:hover {
    background-color:#fff;
    color:var(--c-magenta);
  }
  .sustainability-001 .sc-category__anchor--item.color-magenta a:hover .inner:before {
    filter:invert(40%) sepia(35%) saturate(791%) hue-rotate(283deg) brightness(92%) contrast(83%);
  }
  .sustainability-001 .sc-category__anchor--item.color-green a:hover {
    background-color:#fff;
    color:var(--c-green);
  }
  .sustainability-001 .sc-category__anchor--item.color-green a:hover .inner:before {
    filter:invert(13%) sepia(99%) saturate(6153%) hue-rotate(153deg) brightness(100%) contrast(89%);
  }
  .sustainability-001 .sc-category__anchor--item.color-blue a:hover {
    background-color:#fff;
    color:var(--c-blue);
  }
  .sustainability-001 .sc-category__anchor--item.color-blue a:hover .inner:before {
    filter:invert(13%) sepia(87%) saturate(2238%) hue-rotate(209deg) brightness(99%) contrast(93%);
  }
  .sustainability-001 .sc-category__anchor--item.color-cyan a:hover {
    background-color:#fff;
    color:var(--c-cyan);
  }
  .sustainability-001 .sc-category__anchor--item.color-cyan a:hover .inner:before {
    filter:invert(33%) sepia(71%) saturate(580%) hue-rotate(140deg) brightness(91%) contrast(89%);
  }
  .sustainability-001 .sc-category__group--wrap {
    margin-bottom:30px;
  }
  .sustainability-001 .sc-category__group--content {
    padding:50px;
  }
  .sustainability-001 .sc-category__group--content.color-magenta .sc-category__group--categoryTag:before {
    background:url(/sustainability/social_contributions/img/icon_pin_magenta_d.png) 0 0 no-repeat transparent;
    background-size:cover;
  }
  .sustainability-001 .sc-category__group--content.color-green .sc-category__group--categoryTag:before {
    background:url(/sustainability/social_contributions/img/icon_pin_green_d.png) 0 0 no-repeat transparent;
    background-size:cover;
  }
  .sustainability-001 .sc-category__group--content.color-blue .sc-category__group--categoryTag:before {
    background:url(/sustainability/social_contributions/img/icon_pin_blue_d.png) 0 0 no-repeat transparent;
    background-size:cover;
  }
  .sustainability-001 .sc-category__group--content.color-cyan .sc-category__group--categoryTag:before {
    background:url(/sustainability/social_contributions/img/icon_pin_cyan_d.png) 0 0 no-repeat transparent;
    background-size:cover;
  }
  .sustainability-001 .sc-category__group--content .c-normal-txt{
    margin-top: 14px;
  }
  .sustainability-001 .sc-category__group--content .c-note {
    margin-top: 10px;
  }
  .sustainability-001 .sc-category__group--categoryTag {
    padding:10px 10px 9px;
    width:274px;
    margin: 0;
  }
  .sustainability-001 .sc-category__group--categoryTag:before {
    content:"";
    display:block;
    height:46px;
    left:5px;
    position:absolute;
    top:-13px;
    width:36px;
  }
  .sustainability-001 .sc-category__group--img {
    display:none;
  }
  .sustainability-001 .sc-category__group--title {
    font-size:1.375rem;
    font-weight:700;
    margin-top:25px;
    margin-bottom: 0;
  }
  .sustainability-001 .sc-category__group--text {
    margin-top:9px;
  }
}

@media screen and (max-width:767px){
  .sustainability-001 .sc-category {
    margin-top: 30px;
  }
  .sustainability-001 .sc-category .c-heading--D {
    display: none;
  }
  .sustainability-001 .sc-category__anchor {
    margin-bottom:42px;
  }
  .sustainability-001 .sc-category__anchor--list {
    margin-bottom:-12px;
    margin-top: 0;
    padding-left: 0;
  }
  .sustainability-001 .sc-category__anchor--item {
    margin-bottom:12px;
  }
  .sustainability-001 .sc-category__anchor--item a {
    font-size:1rem;
    padding:14px 20px 12px 20px;
  }
  .sustainability-001 .sc-category__anchor--item .inner {
    padding-left: 18px;
  }
  .sustainability-001 .sc-category__anchor--item .inner:before {
    background-size:8px 15px;
    height:15px;
    width:8px;
  }
  .sustainability-001 .sc-category__group--wrap {
    margin-bottom:20px;
  }
  .sustainability-001 .sc-category__group--content {
    padding:32px;
  }
  .sustainability-001 .sc-category__group--categoryTag {
    padding:10px 10px 9px;
    margin: 0;
  }
  .sustainability-001 .sc-category__group--img {
    margin-top:20px;
  }
  .sustainability-001 .sc-category__group--title {
    font-size:1rem;
    font-weight:700;
    line-height:1.5;
    margin-top:15px;
    margin-bottom: 0;
  }
  .sustainability-001 .sc-category__group--text {
    font-size:1.125rem;
    line-height:1.8;
    margin-top:7px;
  }
  .sustainability-001 .sc-category__group--categoryTag {
    font-size: 1rem;
  } 
  .sustainability-001 .sc-category__group--content.color-blue .sc-category__group--categoryTag {
    width: auto;
  }
  .sustainability-001 .sc-category__group--content .c-normal-txt{
    margin-top: 10px;
  }
}

.sustainability-002 .l-container .l-section:first-child {
  margin-top: 0;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .l-container > .l-section {
    margin-top: 70px;
  }
}
.sustainability-002 .c-note--ad {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .c-note--ad {
    font-size: 1.125em;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-002 .c-note--ad {
    font-size: 0.875em;
  }
}
.sustainability-002 .c-note--ad li + li {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .sd-section {
    margin-top: 143px;
    padding: 120px 0 268px;
  }
}
.sustainability-002 .section-target {
  margin-top: 60px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-target {
    margin-top: 45px;
  }
}
.sustainability-002 .sd-box .c-heading--D {
  text-align: center;
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .c-arr-link.c-arr-link--B {
    margin-top: 50px;
    line-height: 1.4444444444;
  }
}
.sustainability-002 .c-heading.c-heading--D + .c-normal-txt {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .c-heading.c-heading--D + .c-normal-txt {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-01 {
    margin-top: 140px;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-01 {
    margin-top: 70px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-01 .c-heading.c-heading--D {
    margin-top: 140px;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-01 .c-heading.c-heading--D {
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-01 .table-wrapper {
    margin-top: 78px;
  }
}
.sustainability-002 .section-01 .c-note {
  padding-left: 4.2em;
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-01 .c-note {
    margin-top: 40px;
  }
}
.sustainability-002 .section-01 .section-under {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-01 .section-under {
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-02 .table-wrapper {
    margin-top: 78px;
  }
}
.sustainability-002 .section-02 .section-under {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-02 .section-under {
    margin-top: 50px;
  }
}
.sustainability-002 .section-02 .sd-content {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-02 .sd-content {
    margin-top: 50px;
  }
}
.sustainability-002 .section-02 .sd-content .table-wrapper {
  margin-top: 35px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-02 .sd-content .table-wrapper {
    margin-top: 20px;
  }
}
.sustainability-002 .section-02 .sd-content .c-arr-link.c-arr-link--B {
  margin-top: 30px;
  margin-left: 20px;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-02 .sd-content .c-arr-link.c-arr-link--B {
    margin-top: 20px;
    margin-left: 18px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-04 .section-under {
    margin-top: 90px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-04 .section-under + .section-under {
    margin-top: 140px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-04 .sd-column--small {
    justify-content: center;
  }
}
.sustainability-002 .section-04 .sd-column--small .sd-cell__img {
  max-width: 510px;
  margin: 0 auto;
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-04 .sd-column--small .sd-cell__img {
    width: 42.5%;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-04 .sd-column--small .sd-cell__img + .sd-cell__img {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-05 .section-under .c-arr-link:hover .img-arrow svg polygon {
    fill: #cc0000 !important;
  }
  .sustainability-002 .section-05 .section-under .c-arr-link:hover .img-arrow svg rect, .sustainability-002 .section-05 .section-under .c-arr-link:hover .img-arrow svg polyline {
    stroke: #cc0000 !important;
  }
}
.sustainability-002 .section-05 .section-under .c-arr-link.c-arr-link--none {
  padding-right: 0;
}
@media print, screen and (min-width: 768px) {
  .sustainability-002 .section-05 .section-under .c-arr-link.c-arr-link--none:hover .img-arrow {
    border-bottom: none !important;
  }
}
.sustainability-002 .section-05 .section-under .c-arr-link.c-arr-link--none::before, .sustainability-002 .section-05 .section-under .c-arr-link.c-arr-link--none::after {
  position: static;
  padding-left: 0;
  border: none;
}
.sustainability-002 .section-05 .section-under .img-arrow {
  margin-left: 10px;
  width: 31px;
  display: inline-block;
}
.sustainability-002 .section-05 .section-under .img-arrow .cls-1 {
  fill: none;
  stroke: #000;
  stroke-miterlimit: 10;
  stroke-width: 1.5px;
}
.sustainability-002 .section-05 .section-under .img-arrow .cls-2, .sustainability-002 .section-05 .section-under .img-arrow .cls-3 {
  stroke-width: 0px;
}
.sustainability-002 .section-05 .section-under .img-arrow .cls-3 {
  fill: #fff;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-05 .section-under .img-arrow {
    width: 22px;
  }
}
.sustainability-002 .section-05 .section-under .c-arr-link.c-arr-link--none + .c-arr-link.c-arr-link--none {
  margin-top: 40px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-05 .section-under .c-arr-link.c-arr-link--none + .c-arr-link.c-arr-link--none {
    margin-top: 26px;
  }
}
.sustainability-002 .section-06 .c-heading.c-heading--D {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-06 .c-heading.c-heading--D {
    margin-top: 50px;
  }
}
.sustainability-002 .section-06 .section-under {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-06 .section-under {
    margin-top: 50px;
  }
}
.sustainability-002 .section-06 .section-under + .c-normal-txt {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-06 .section-under + .c-normal-txt {
    margin-top: 20px;
  }
}
.sustainability-002 .section-06 .c-heading-img {
  margin: 0 auto;
  max-width: 643px;
}
.sustainability-002 .section-06 .c-heading-img img {
  width: 100%;
  height: auto;
  display: block;
}
.sustainability-002 .section-06 .c-heading-img + .c-normal-txt {
  margin-top: 26px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .section-06 .c-heading-img + .c-normal-txt {
    margin-top: 20px;
  }
}
.sustainability-002 .section-06 .sd-box .c-arr-link.c-arr-link--B {
  margin-top: 38px;
}
.sustainability-002 .sdgs-img {
  margin-top: 95px;
  padding: 80px 150px;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .sdgs-img {
    margin-top: 45px;
    padding: 26px 25px;
  }
}
.sustainability-002 .sdgs-icon-img {
  border: solid 1px #c4c4c4;
}
.sustainability-002 .sdgs-icon-img__head {
  padding: 20px 10px;
  border-bottom: solid 1px #c4c4c4;
  background-color: #363636;
  color: #fff;
  text-align: center;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .sdgs-icon-img__head {
    padding: 16px 10px;
  }
}
.sustainability-002 .sdgs-icon-img__head p {
  margin: 0;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .sdgs-icon-img__head p {
    font-size: 0.875em;
  }
}
.sustainability-002 .sdgs-icon-img__body {
  padding: 7.0175438596% 19.298245614%;
  background-color: #fff;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .sdgs-icon-img__body {
    padding: 20px 35px;
  }
}
.sustainability-002 .sdgs-icon-img__body ul {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  padding-left: 0;
}
.sustainability-002 .sdgs-icon-img__body li:nth-child(3) {
  margin-right: 0;
}
.sustainability-002 .sdgs-icon-img__body li:nth-child(n+4) {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .sdgs-icon-img__body li:nth-child(n+4) {
    margin-top: 7px;
  }
}
.sustainability-002 .sdgs-icon-img__body li {
  margin-right: 2.8571428571%;
  width: 31.4285714286%;
}
@media screen and (max-width: 767px) {
  .sustainability-002 .sdgs-icon-img__body li {
    margin-right: 2.8571428571%;
    max-width: 31.4285714286%;
  }
}
.sustainability-002 .sdgs-icon-img__body img {
  width: 100%;
  height: auto;
  display: block;
}

@media print, screen and (min-width: 768px) {
  .sustainability-003 .sd-section {
    margin-top: 143px;
    padding: 120px 0 268px;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-003 .l-container > .l-section {
    margin-top: 70px;
  }
}
.sustainability-003 .l-container .l-section:first-child {
  margin-top: 0;
}
@media print, screen and (min-width: 768px) {
  .sustainability-003 .l-container .l-section:first-child .c-heading.c-heading--A + .c-normal-txt {
    margin-top: 70px;
  }
}
.sustainability-003 .l-container .l-section:first-child .c-heading.c-heading--D + .c-normal-txt {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .sustainability-003 .l-container .l-section:first-child .c-heading.c-heading--D + .c-normal-txt {
    margin-top: 20px;
  }
}
.sustainability-003 .section-01 {
  margin-top: 140px;
}
@media screen and (max-width: 767px) {
  .sustainability-003 .section-01 {
    margin-top: 70px;
  }
  .sustainability-003 .section-01 .section-under {
    margin-top: 50px;
  }
}
.sustainability-003 .section-01 .c-anchor + .l-section {
  margin-top: 180px;
}
@media screen and (max-width: 767px) {
  .sustainability-003 .section-01 .c-anchor + .l-section {
    margin-top: 50px;
  }
}
.sustainability-003 .section-safety .section-under {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sustainability-003 .section-safety .section-under {
    margin-top: 50px;
  }
}
.sustainability-003 .section-safety .section-under + .c-normal-txt {
  margin-top: 70px;
}
@media screen and (max-width: 767px) {
  .sustainability-003 .section-safety .section-under + .c-normal-txt {
    margin-top: 50px;
  }
}
.sustainability-003 .section-education .section-under {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .sustainability-003 .section-education .section-under {
    margin-top: 50px;
  }
}
.sustainability-003 .section-education .section-under + .c-normal-txt {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .sustainability-003 .section-education .section-under + .c-normal-txt {
    margin-top: 50px;
  }
}
@media print, screen and (min-width: 768px) {
  .sustainability-003 .section-education section.section-under {
    margin-top: 140px;
  }
}
@media screen and (max-width: 767px) {
  .sustainability-003 .section-education section.section-under {
    margin-top: 70px;
  }
}
.sustainability-003 .section-education .c-note {
  padding-left: 4.2em;
}

/*
modal
================================================ */
.modal[data-modal="4"].is-show {
  z-index: 9999;
}

.modal[data-modal="5"].is-show {
  z-index: 9999;
}

.c-modal__block {
  box-sizing: border-box;
  position: relative;
  background-color: #fff;
  padding: 100px 40px 48px;
  width: 100%;
  max-width: 1380px;
  max-height: 90vh;
  overflow-y: auto;
}
@media screen and (max-width: 767px) {
  .c-modal__block {
    padding: 40px 10px 20px;
  }
}

.c-modal__content {
  position: relative;
  overflow: hidden;
}

.c-modal__content img {
  width: 100%;
  height: auto;
  display: block;
}

.c-modal__close-btn-bottom {
  display: flex;
  justify-content: center;
  margin: 70px auto 0;
  font-size: 1.5625em;
  line-height: 1;
  text-align: center;
  position: relative;
  padding: 0 0 0 1.5em;
  background-color: transparent;
  border: none;
  font-weight: 500;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .c-modal__close-btn-bottom {
    margin: 30px auto 0;
    padding: 0 0 0 1.2em;
    font-size: 1.25em;
  }
}

.c-modal__close-btn-bottom::before, .c-modal__close-btn-bottom::after {
  position: absolute;
  display: block;
  top: 50%;
  left: 0;
  width: 29px;
  height: 2px;
  background-color: #000000;
  content: "";
}
@media screen and (max-width: 767px) {
  .c-modal__close-btn-bottom::before, .c-modal__close-btn-bottom::after {
    width: 20px;
  }
}

.c-modal__close-btn-bottom::before {
  transform: rotate(45deg);
}

.c-modal__close-btn-bottom::after {
  transform: rotate(-45deg);
}

.arr-none {
  padding-right: 0;
}
.arr-none::before, .arr-none::after {
  display: none;
}