@charset "utf-8";


@media only screen and (max-width: 767px) {
  .corporate-sustainability-news-detail-heading{
    margin-top: 6rem;
  }
  .corporate-sustainability-news-detail-heading__title{
    margin: 0;
    font-size: 2.8rem;
    font-weight: bold;
    line-height: 1.5;
  }

  .corporate-sustainability-news-detail-figure-wrap{
    display: flex;
    justify-content: center;
    margin: 6rem 0 0;
  }
  .corporate-sustainability-news-detail-figure{
    max-width: 100%;
  }
  .corporate-sustainability-news-detail-figure__frame{
    display: inline-block;
  }
  .corporate-sustainability-news-detail-figure__frame > img{
    max-width: 100%;
    height: auto;
  }
  .corporate-sustainability-news-detail-figure__caption{
    text-align: center;
    margin-top: 1rem;
    line-height: 2.1rem;
    font-size: 15px;
  }

  .corporate-sustainability-news-detail-text{
    margin-top: 4rem;
    line-height: 2.1rem;
    font-size: 1.5rem;
  }
  .corporate-sustainability-news-detail-main-text{
    margin-top: 4rem;
    line-height: 2.6rem;
    font-size: 1.8rem;
    font-weight: bold;
  }

  .corporate-sustainability-news-detail-media,.corporate-sustainability-news-detail-media-v2{
    display: flex;
    flex-wrap: nowrap;
    row-gap: 3.4rem;
    margin-top: 6rem;
  }

  .corporate-sustainability-news-detail-media,.corporate-sustainability-news-detail-media-v2[data-media-pc="image-left"] {
    flex-direction: column;
  }
  .corporate-sustainability-news-detail-media,.corporate-sustainability-news-detail-media-v2[data-media-pc="image-right"] {
    flex-direction: column;
  }
  .corporate-sustainability-news-detail-media__head{
    display: flex;
    flex-direction: column;
    justify-content: center;
    flex-shrink: 0;
  }
  .corporate-sustainability-news-detail-media-v2__head{
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  .corporate-sustainability-news-detail-media__body,.corporate-sustainability-news-detail-media-v2__body{
    flex-grow: 1;
  }
  .corporate-sustainability-news-detail-media__body > *:first-child,.corporate-sustainability-news-detail-media-v2__body > *:first-child{
    margin-top: 0 !important;
  }
  .corporate-sustainability-news-detail-media__image,.corporate-sustainability-news-detail-media-v2__image{
    margin: 0;
  }
  .corporate-sustainability-news-detail-media__frame,.corporate-sustainability-news-detail-media-v2__frame{
    text-align: center;
  }
  .corporate-sustainability-news-detail-media__frame,.corporate-sustainability-news-detail-media-v2__frame > img{
    max-width: 100%;
    height: auto;
  }
  .corporate-sustainability-news-detail-media__caption,.corporate-sustainability-news-detail-media-v2__caption{
    text-align: center;
    margin-top: 1rem;
    line-height: 2.1rem;
    font-size: 15px;
  }

  .corporate-sustainability-news-detail-column{
    display: flex;
    flex-flow: row wrap;
    width: 100%;
    margin-top: 6rem;
  }
  .corporate-sustainability-news-detail-column[data-col-sp] {
    gap: 2.7rem 3.3rem;
  }
  .corporate-sustainability-news-detail-column[data-col-sp="1"] {
    display: grid;
    grid-template-columns: auto;
  }
  .corporate-sustainability-news-detail-column[data-col-sp="2"] > * {
    width: calc((100% - (4rem * 1)) / 2);
  }
  .corporate-sustainability-news-detail-column[data-col-sp="3"] > * {
    width: calc((100% - (4rem * 2)) / 3);
  }

  .corporate-sustainability-news-detail-description-list-box{
    padding: 23px 20px 25px;
    background:#f8f8f8;
  }
  .corporate-sustainability-news-detail-list-wrap{
    margin-top: 6rem;
  }
  .corporate-sustainability-news-detail-description-list{
    display: flex;
    flex-flow: row nowrap;
    gap: 0 1rem;
    margin-top: 3rem;
    padding-bottom: 1.4rem;
    border-bottom: #dbdbdb 1px solid;
    line-height: 1.2;
  }
  .corporate-sustainability-news-detail-description-list:first-child {
    margin-top: 0rem;
  }
  .corporate-sustainability-news-detail-description-list dt{
    width: 6rem;
    font-weight: bold;
    flex-shrink: 0;
  }
  .corporate-sustainability-news-detail-description-list dd{
    width: 100%;
  }

  .corporate-sustainability-news-detail-link-list{
    display: flex;
    flex-direction: column;
    gap: 2.8rem 0;
  }
  .corporate-sustainability-news-detail-link-list > *{
    margin-top: 0;
  }
  .corporate-sustainability-news-detail-util-link{
    display: inline;
  }
  a.corporate-sustainability-news-detail-util-link{
    text-decoration: none;
  }

  .corporate-sustainability-news-detail-button-wrap{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 6rem;
    row-gap: 2.3rem;
  }
  .corporate-sustainability-news-detail-button{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .corporate-sustainability-news-detail-button__type{
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-block: 1rem;
    padding-inline: 6rem 2.8rem;
    border: 2px solid #060087;
    border-radius: 30px;
    background-color: #060087;
  }
  .corporate-sustainability-news-detail-button__type::before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 11px;
    width: 30px;
    height: 30px;
    border: 3px solid #fff;
    border-radius: 50%;
    background-color: #060087;
  }
  .corporate-sustainability-news-detail-button__type::after{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background:url(/site_common/img/com_ic48.png) no-repeat;
    background-size: 19px auto;
    left: 17px;
    width: 20px;
    height: 23px;
  }
  a.corporate-sustainability-news-detail-button__type{
    color: #fff;
    text-decoration: none;
  }
  .corporate-sustainability-news-detail-button__label{
    line-height: 3.7rem;
    font-size: 2rem;
    font-weight: bold;
  }


  .corporate-sustainability-news-detail-button-v2{
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .corporate-sustainability-news-detail-button-v2__type{
    display: flex;
    position: relative;
    width: 100%;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-block: 1rem;
    padding-inline: 6rem 2.8rem;
    border: 2px solid #060087;
    border-radius: 30px;
    background-color: #fff;
  }
  .corporate-sustainability-news-detail-button-v2__type::before{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    left: 11px;
    width: 30px;
    height: 30px;
    border: 3px solid #060087;
    border-radius: 50%;
    background-color: #fff;
  }
  .corporate-sustainability-news-detail-button-v2__type::after{
    content: "";
    display: block;
    position: absolute;
    z-index: 1;
    background:url(/site_common/img/com_ic49.png) no-repeat;
    background-size: 19px auto;
    left: 17px;
    width: 20px;
    height: 23px;
  }
  a.corporate-sustainability-news-detail-button-v2__type{
    color: #060087;
    text-decoration: none;
  }
  .corporate-sustainability-news-detail-button-v2__label{
    line-height: 3.7rem;
    font-size: 2rem;
    font-weight: bold;
  }
}