@media all and (max-width: 767px) {
  .m-title-area-lg .m-title01-en {
    white-space: nowrap;
    left: auto;
    right: 0;
    margin-left: 0; } }
/* p-sustainability-fv
---------------------------------------------------------------------------- */
.p-sustainability-fv {
  position: relative; }
  .p-sustainability-fv-image {
    width: calc( 100% - 80px ); }
    .p-sustainability-fv-image picture img {
      object-fit: cover;
      object-position: 50% 100%;
      width: 100%;
      height: 290px; }
  @media all and (min-width: 768px) {
    .p-sustainability-fv-scroll {
      font-size: 1.6rem;
      line-height: 1;
      letter-spacing: 0.14em;
      font-weight: 600;
      position: absolute;
      bottom: -148px;
      right: 80px;
      z-index: 10;
      display: flex;
      align-items: center;
      width: 120px;
      height: 80px;
      transform: rotate(90deg);
      transform-origin: right bottom; }
      .p-sustainability-fv-scroll a {
        color: #3A3A3A; }
        .p-sustainability-fv-scroll a::after {
          content: "";
          border-bottom: 1px solid #3A3A3A;
          position: absolute;
          bottom: 26px;
          left: 0;
          width: 100%;
          height: 1px;
          transition: left 0.4s ease 0s; }
        .p-sustainability-fv-scroll a:hover::after {
          left: 50px; } }
  @media all and (max-width: 767px) {
    .p-sustainability-fv-image {
      width: 94.66667vw; }
      .p-sustainability-fv-image picture img {
        height: 37.33333vw; } }

/* p-sustainability-introduce
---------------------------------------------------------------------------- */
.p-sustainability-introduce {
  padding: 120px 0;
  position: relative; }
  .p-sustainability-introduce::before {
    content: '';
    background: #EDECEC;
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100%;
    height: calc( 100% - 345px );
    pointer-events: none;
    z-index: -1; }
  .p-sustainability-introduce-list {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-align-items: flex-start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    .p-sustainability-introduce-list-item {
      margin-bottom: 100px;
      width: 540px; }
      .p-sustainability-introduce-list-item:last-child, .p-sustainability-introduce-list-item:nth-last-child(2) {
        margin-bottom: 0; }
      .p-sustainability-introduce-list-item:nth-of-type(even) {
        margin-top: 60px; }

/*
      .p-sustainability-introduce-list-item:first-child{
         width:100%;
         flex-grow: 2; }
*/
      .p-sustainability-introduce-list-item-link {
        color: #3A3A3A;
        position: relative;
        display: block; }
        .p-sustainability-introduce-list-item-link picture {
          overflow: hidden;
          position: relative;
          display: block;
          height: 333px; }
          .p-sustainability-introduce-list-item-link picture::before {
            content: '';
            background: #F76958;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 5;
            display: block;
            width: 100%;
            height: 100%;
            opacity: 0;
            transition: opacity 0.4s ease 0s; }
          .p-sustainability-introduce-list-item-link picture img {
            object-fit: cover;
            width: 100%;
            height: 100%;
            transition: transform 0.4s ease 0s; }
        .p-sustainability-introduce-list-item-link-title {
          background: #fff;
          padding-left: 30px;
          font-size: 2rem;
          line-height: 1.5;
          letter-spacing: 0.06em;
          position: absolute;
          right: 0;
          bottom: 0;
          z-index: 5;
          display: -webkit-flex;
          display: -ms-flexbox;
          display: flex;
          -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
          justify-content: flex-start;
          -webkit-align-items: center;
          -ms-flex-align: center;
          align-items: center;
          width: 327px;
          height: 85px;
          transition: background 0.4s ease 0s,color 0.4s ease 0s; }
          .p-sustainability-introduce-list-item-link-title .m-btn02-arrow-icon {
            right: 24px;
            top: 29px; }
          .p-sustainability-introduce-list-item-link-title .m-btn02-arrow {
            top: 10px; }
            .p-sustainability-introduce-list-item-link-title .m-btn02-arrow .svg_arrow path {
              transition: all 0.4s ease 0s; }
          .p-sustainability-introduce-list-item-link-title .m-btn02-circle::before {
            background-image: url("../../images/common/ico_circle_white.svg"); }
  @media all and (min-width: 768px) {
    .p-sustainability-introduce-list-item-link:hover picture::before {
      opacity: 0.3; }
    .p-sustainability-introduce-list-item-link:hover picture img {
      filter: grayscale(100%);	/* 20240801グレースケール */
      transform: scale(1.06); }
    .p-sustainability-introduce-list-item-link:hover .p-sustainability-introduce-list-item-link-title {
      background: #F76958;
      color: #fff; }
    .p-sustainability-introduce-list-item-link:hover .m-btn02-arrow {
      transform: translate3d(3px, 0, 0); }
      .p-sustainability-introduce-list-item-link:hover .m-btn02-arrow .svg_arrow path {
        stroke: #fff; }
    .p-sustainability-introduce-list-item-link:hover .m-btn02-circle {
      z-index: 2; }
      .p-sustainability-introduce-list-item-link:hover .m-btn02-circle::before {
        transform: scale(1);
        opacity: 1; } }

  @media all and (max-width: 767px) {
    .p-sustainability-introduce {
      padding: 16vw 0 26.66667vw; }
      .p-sustainability-introduce::before {
        height: calc( 100% - 60vw ); }
      .p-sustainability-introduce-list {
        flex-direction: column; }
        .p-sustainability-introduce-list-item {
          margin: 0;
          width: 100%; }
          .p-sustainability-introduce-list-item:nth-of-type(n+1) {
            margin-top: 16vw; }
          .p-sustainability-introduce-list-item-link picture {
            height: 56vw; }
          .p-sustainability-introduce-list-item-link-title {
            padding-left: 8vw;
            font-size: 4.8vw;
            width: 72vw;
            height: 17.33333vw; }
            .p-sustainability-introduce-list-item-link-title .m-btn02-arrow-icon {
              right: 5.33333vw;
              top: 4.8vw; }
            .p-sustainability-introduce-list-item-link-title .m-btn02-arrow {
              top: 2.66667vw; } }