@charset "utf-8";


@media only screen and (min-width: 768px), print {
  .corporate-sustainability-news-detail-heading{
    margin-top: 6rem;
  }
  .corporate-sustainability-news-detail-heading__title{
    margin: 0;
    font-size: 3.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: 15px;
  }
  .corporate-sustainability-news-detail-main-text{
    margin-top: 4rem;
    line-height: 2.6rem;
    font-size: 18px;
    font-weight: bold;
  }

  .corporate-sustainability-news-detail-media,.corporate-sustainability-news-detail-media-v2{
    display: flex;
    flex-wrap: nowrap;
    column-gap: 4rem;
    margin-top: 6rem;
  }
  .corporate-sustainability-news-detail-media[data-media-pc="image-left"] {
    flex-direction: row;
  }
  .corporate-sustainability-news-detail-media[data-media-pc="image-right"] {
    flex-direction: row-reverse;
  }
  .corporate-sustainability-news-detail-media__head{
    width: 300px;
    flex-shrink: 0;
  }
  .corporate-sustainability-news-detail-media-v2__head{
    width: 500px;
    flex-shrink: 0;
  }
  .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{
    width: 100%;
  }
  .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-pc] {
    gap: 4rem;
  }
  .corporate-sustainability-news-detail-column[data-col-pc="1"] {
    display: grid;
    grid-template-columns: auto;
  }
  .corporate-sustainability-news-detail-column[data-col-pc="2"] > * {
    width: calc((100% - (4rem * 1)) / 2);
  }
  .corporate-sustainability-news-detail-column[data-col-pc="3"] > * {
    width: calc((100% - (4rem * 2)) / 3);
  }
  .corporate-sustainability-news-detail-column[data-col-pc="4"] > * {
    width: calc((100% - (4rem * 3)) / 4);
  }
  .corporate-sustainability-news-detail-column[data-col-pc="5"] > * {
    width: calc((100% - (4rem * 4)) / 5);
  }
  .corporate-sustainability-news-detail-column[data-col-pc="6"] > * {
    width: calc((100% - (4rem * 5)) / 6);
  }

  .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 3rem;
    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: 13rem;
    font-weight: bold;
    flex-shrink: 0;
  }
  .corporate-sustainability-news-detail-description-list dd{
    width: 100%;
  }

  .corporate-sustainability-news-detail-link-list{
    gap: 2.8rem 0;
  }
  .corporate-sustainability-news-detail-util-link{
    display: inline;
  }
  a.corporate-sustainability-news-detail-util-link{
    text-decoration: none;
  }
  .corporate-sustainability-news-detail-util-link:hover{
    text-decoration: underline;
  }

  .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: 460px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-block: 1rem;
    padding-inline: 6.4rem 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;
    top: 10px;
    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;
    top: 17px;
    left: 17px;
    width: 20px;
    height: 23px;
  }
  a.corporate-sustainability-news-detail-button__type:hover{
    opacity: 0.7;
  }
  a.corporate-sustainability-news-detail-button__type{
    color: #fff;
    text-decoration: none;
  }
  .corporate-sustainability-news-detail-button__label{
    line-height: 3.7rem;
    font-size: 2.6rem;
    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: 460px;
    align-items: center;
    justify-content: center;
    text-align: center;
    padding-block: 1rem;
    padding-inline: 3rem 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;
    top: 10px;
    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;
    top: 17px;
    left: 17px;
    width: 20px;
    height: 23px;
  }
  a.corporate-sustainability-news-detail-button-v2__type:hover{
    opacity: 0.7;
  }
  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: 2.6rem;
    font-weight: bold;
  }
}