@charset "UTF-8";
/* CSS Document */
.u-mt-40 {
  margin-top: 2rem !important; }
  @media screen and (min-width: 767.5px) {
    .u-mt-40 {
      margin-top: 4rem !important; } }

.u-mt-60 {
  margin-top: 3rem !important; }
  @media screen and (min-width: 767.5px) {
    .u-mt-60 {
      margin-top: 6rem !important; } }

.section__ttl .__elem {
  font-size: 3.4rem;
  color: #CC0000;
  font-family: "Myriad Pro Regular";
  letter-spacing: 0.05em;
  line-height: 1.4; }
  @media screen and (min-width: 767.5px) {
    .section__ttl .__elem {
      font-size: 4.8rem; } }

.section__subttl .__elem {
  letter-spacing: -0.05em; }

.c-lead-visual:before {
  content: none; }
@media screen and (min-width: 767.5px) {
  .c-lead-visual .c-lead-visual__img {
    width: 100vw; } }

@media screen and (min-width: 767.5px) {
  .m-info__head__link {
    margin-top: 0; } }

@media screen and (min-width: 767.5px) {
  .m-info__head__ttl._large_ .__elem {
    font-size: 1.6rem; } }

.m-info__list {
  width: 100%; }
  .m-info__list .m-info__list__item__date {
    margin-bottom: 5px; }
    @media screen and (min-width: 767.5px) {
      .m-info__list .m-info__list__item__date {
        margin-bottom: 0; } }
    .m-info__list .m-info__list__item__date .__elem {
      color: #222222;
      font-weight: normal; }

._sustainability .l-contents__body {
  padding-top: 0;
  padding-bottom: 30px;
  margin-top: 24px; }
  @media screen and (min-width: 767.5px) {
    ._sustainability .l-contents__body {
      padding-bottom: 60px;
      margin-top: 38px; } }

.Y21-sustainability__kv {
  position: relative;
  width: 100%;
  margin-top: 6.66667vw;
  height: 55.55556vw; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__kv {
      margin-top: 38px;
      height: 600px; } }

.Y21-sustainability__kv-inner {
  position: relative;
  margin: 0 auto;
  max-width: initial; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__kv-inner {
      max-width: 988px; } }

.Y21-sustainability__kv-inner .c-top-visual__btn {
  top: 41.66667vw;
  right: 2.77778vw;
  width: 11.11111vw;
  height: 11.11111vw; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__kv-inner .c-top-visual__btn {
      top: 334px;
      right: 0px;
      width: 40px;
      height: 40px; } }

.Y21-sustainability__kv-list {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.Y21-sustainability__kv-item {
  overflow: hidden;
  height: 55.55556vw; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__kv-item {
      height: 600px; } }

.Y21-sustainability__kv-item-img {
  height: 55.55556vw;
  background-position: top center;
  background-size: cover;
  background-repeat: no-repeat;
  -webkit-transform: scale(1);
  transform: scale(1); }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__kv-item-img {
      height: 640px; } }

.Y21-sustainability__kv-item-img--1 {
  background-image: url(/ja/sustainability/img/Y21/sustainability_visual_bg-01.jpg); }

.Y21-sustainability__kv-item-img--2 {
  background-image: url(/ja/sustainability/img/Y21/sustainability_visual_bg-02.jpg); }

.Y21-sustainability__kv-item-img--3 {
  background-image: url(/ja/sustainability/img/Y21/sustainability_visual_bg-03.jpg); }

.Y21-sustainability__kv-item-img--zoomin {
  -webkit-transition: -webkit-transform 8s 500ms linear;
  transition: -webkit-transform 8s 500ms linear;
  transition: transform 8s 500ms linear;
  transition: transform 8s 500ms linear, -webkit-transform 8s 500ms linear;
  -webkit-transform: scale(1.1);
  transform: scale(1.1); }

.Y21-sustainability__statement {
  position: relative;
  background: rgba(255, 255, 255, 0.95);
  text-align: center;
  width: 92.22222vw;
  margin: 0 auto 0 auto;
  background: white;
  padding: 9.72222vw 0 0; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__statement {
      width: 988px;
      margin: -210px auto 0 auto;
      padding: 58px 0 60px;
      box-shadow: 0 3px 16px 0 rgba(0, 0, 0, 0.15); } }

.Y21-sustainability__statement-title {
  line-height: 1.4;
  font-size: 2rem;
  letter-spacing: 0.07em; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__statement-title {
      font-size: 2.4rem;
      line-height: 1.66; } }

.Y21-sustainability__statement-text {
  font-size: 1.6rem; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__statement-text {
      font-size: 1.8rem; } }

.Y21-sustainability__statement-body {
  font-size: 1.6rem;
  line-height: 1.5; }
  @media screen and (min-width: 767.5px) {
    .Y21-sustainability__statement-body {
      line-height: 2; } }
  .Y21-sustainability__statement-body .sustainability-statement-charter-ttl {
    font-size: 2rem; }
  .Y21-sustainability__statement-body .sustainability-statement-charter-contents {
    width: 100%; }
    @media screen and (min-width: 767.5px) {
      .Y21-sustainability__statement-body .sustainability-statement-charter-contents {
        width: 580px;
        margin: 0 auto; } }
    .Y21-sustainability__statement-body .sustainability-statement-charter-contents li {
      text-align: left;
      position: relative;
      padding-left: 13px; }
      .Y21-sustainability__statement-body .sustainability-statement-charter-contents li:before {
        content: "・";
        position: absolute;
        left: -3px;
        color: #CC0000;
        font-size: 1.6rem;
        margin-right: 5px;
        display: block; }

.low-bg-sustainability {
  position: relative;
  padding: 40px 0; }
  @media screen and (min-width: 767.5px) {
    .low-bg-sustainability {
      padding: 63px 0 0; } }
  .low-bg-sustainability:after {
    content: "";
    position: absolute;
    top: 0;
    height: 220px;
    width: 100%;
    background: #F3F4F5;
    z-index: -1; }
    @media screen and (min-width: 767.5px) {
      .low-bg-sustainability:after {
        height: 440px; } }
  @media screen and (min-width: 767.5px) {
    .low-bg-sustainability .c-linkset-l__contents__txt .__elem {
      font-size: 1.4rem; } }

.c-sustainability-management {
  padding-left: 0;
  padding-right: 0; }
  .c-sustainability-management .m-panel .__elem {
    position: relative; }
    .c-sustainability-management .m-panel .__elem .icon-arrow-right {
      position: absolute;
      right: -21px; }
      @media screen and (min-width: 767.5px) {
        .c-sustainability-management .m-panel .__elem .icon-arrow-right {
          right: -30px; } }
  .c-sustainability-management .c-panel-l__contents {
    position: relative; }
    .c-sustainability-management .c-panel-l__contents .icon-arrow-right {
      position: absolute;
      right: -5px; }
      @media screen and (min-width: 767.5px) {
        .c-sustainability-management .c-panel-l__contents .icon-arrow-right {
          right: -5px; } }
  .c-sustainability-management .e-a-arrow__ico {
    right: -4px; }
  @media screen and (min-width: 767.5px) {
    .c-sustainability-management .c-top-ir__body__menu .e-a-arrow__txt .__elem {
      min-height: 53px;
      font-size: 1.6rem; } }
  @media screen and (min-width: 767.5px) {
    .c-sustainability-management .m-panel__link__contents {
      padding: 22px 24px; } }
  @media screen and (min-width: 767.5px) {
    .c-sustainability-management .m-panel__link__contents .m-panel__link__contents__ttl {
      font-size: 1.6rem; } }

.sustainability-sdgs-effort {
  margin-top: 10vw;
  display: block;
  background: #fff; }
  @media screen and (min-width: 767.5px) {
    .sustainability-sdgs-effort {
      margin-top: 4rem;
      width: 100%;
      display: flex; } }
  .sustainability-sdgs-effort .sustainability-sdgs-effort-img {
    width: 100%;
    padding: 0; }
    @media screen and (min-width: 767.5px) {
      .sustainability-sdgs-effort .sustainability-sdgs-effort-img {
        width: 50%;
        padding: 21px 16px; } }
    .sustainability-sdgs-effort .sustainability-sdgs-effort-img img {
      width: 100%; }
  .sustainability-sdgs-effort .sustainability-sdgs-effort-body {
    width: 100%;
    padding-top: 5.55556vw; }
    @media screen and (min-width: 767.5px) {
      .sustainability-sdgs-effort .sustainability-sdgs-effort-body {
        text-align: left;
        padding: 80px 50px 85px 0;
        width: 50%; } }
    .sustainability-sdgs-effort .sustainability-sdgs-effort-body .sustainability-sdgs-effort-lead {
      margin-top: 5px; }
      @media screen and (min-width: 767.5px) {
        .sustainability-sdgs-effort .sustainability-sdgs-effort-body .sustainability-sdgs-effort-lead {
          margin-top: 10px; } }
    @media screen and (min-width: 767.5px) {
      .sustainability-sdgs-effort .sustainability-sdgs-effort-body .sustainability-sdgs-effort-link {
        margin-top: 5px; } }
    .sustainability-sdgs-effort .sustainability-sdgs-effort-body .sustainability-sdgs-effort-link a {
      padding: 5vw .83333vw;
      color: #222;
      transition: all 500ms;
      border-bottom: 1px solid #E4E6EC;
      display: inline-block; }
      @media screen and (min-width: 767.5px) {
        .sustainability-sdgs-effort .sustainability-sdgs-effort-body .sustainability-sdgs-effort-link a {
          padding: 16px 3px; } }
      .sustainability-sdgs-effort .sustainability-sdgs-effort-body .sustainability-sdgs-effort-link a:hover {
        color: #fff;
        background: #cc0000; }
        .sustainability-sdgs-effort .sustainability-sdgs-effort-body .sustainability-sdgs-effort-link a:hover .__ico {
          color: #fff; }

.low-bg-sustainability-sdgs {
  background: url(/ja/sustainability/img/Y21/sustainability-bg-sdgs-effort.jpg) no-repeat;
  background-size: 100% auto;
  padding: 32px 0 0;
  margin-top: 40px; }
  @media screen and (min-width: 767.5px) {
    .low-bg-sustainability-sdgs {
      padding: 64px 0 0;
      margin-top: 80px; } }
  .low-bg-sustainability-sdgs .c-panel-l__contents__ttl .__elem {
    font-size: 1.6rem; }
    @media screen and (min-width: 767.5px) {
      .low-bg-sustainability-sdgs .c-panel-l__contents__ttl .__elem {
        font-size: 1.8rem; } }
  .low-bg-sustainability-sdgs .c-grid-sustainability-priority .__item {
    display: block; }
  .low-bg-sustainability-sdgs .c-grid-sustainability-priority .sustainability-priority__links {
    padding: 24px 15px 0; }
    @media screen and (min-width: 767.5px) {
      .low-bg-sustainability-sdgs .c-grid-sustainability-priority .sustainability-priority__links {
        padding: 24px 24px 0; } }
    .low-bg-sustainability-sdgs .c-grid-sustainability-priority .sustainability-priority__links ul {
      display: flex;
      flex-wrap: wrap; }
      .low-bg-sustainability-sdgs .c-grid-sustainability-priority .sustainability-priority__links ul .e-a-txt-arrow {
        margin-right: 16px;
        margin-bottom: 8px;
        font-size: 1.4rem; }
        @media screen and (min-width: 767.5px) {
          .low-bg-sustainability-sdgs .c-grid-sustainability-priority .sustainability-priority__links ul .e-a-txt-arrow {
            margin-right: 30px;
            margin-bottom: 15px;
            font-size: 1.6rem; } }
        .low-bg-sustainability-sdgs .c-grid-sustainability-priority .sustainability-priority__links ul .e-a-txt-arrow .__elem {
          letter-spacing: 0.012em; }
  .low-bg-sustainability-sdgs .sustainability-main-info .__item .c-panel-m__contents {
    min-height: 68px; }
    .low-bg-sustainability-sdgs .sustainability-main-info .__item .c-panel-m__contents .c-panel-m__contents__ttl .__elem {
      font-size: 16px; }
