@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");
/*------------------------------------------------------------------
追加css
----------------------------------------------------------------- */
:root {
  counter-reset: num;
  --env-color: #14a83c;
  --social-color: #dc4378;
  --governance-color: #df7f05;
}

.bold {
  font-weight: 700;
}

.colorOrange {
  color: #df7f05 !important;
}

.colorNavy {
  color: #0467ad !important;
}

.colorGray {
  color: #4A4A4A !important;
}

.before_square::before {
  border-radius: unset !important;
  background-color: #333333 !important;
}

.before_none::before {
  content: unset !important;
}

.before_round_navy::before {
  background: #0467ad !important;
}

.onSp {
  display: none;
}
@media screen and (max-width: 767px) {
  .onSp {
    display: block;
  }
}

@media screen and (max-width: 767px) {
  .onPc {
    display: none;
  }
}

.ulStarNum {
  counter-reset: count_star_num;
}
.ulStarNum li {
  position: relative;
  padding-left: 2.3em;
  line-height: 1.7;
}
.ulStarNum li::before {
  counter-increment: count_star_num;
  content: "※" counter(count_star_num);
  position: absolute;
  top: 0;
  left: 0;
}

.ulStyleCircle {
  list-style: circle;
  margin-left: 1em;
}

/*------------------------------------------------------------------
サスティナビリティ フッター調整
----------------------------------------------------------------- */
.page--csr .csr--footMenu .menu-list > ul .li-child {
  padding-left: 1em;
}

/*------------------------------------------------------------------
サスティナビリティ トップページ
----------------------------------------------------------------- */
.page-template-default #csrFrontPage {
  /* 共通
  ---------------------------------------------- */
  /* メッセージ
  ---------------------------------------------- */
  /* リードリンク
  ---------------------------------------------- */
  /* JCU のマテリアリティ
  ---------------------------------------------- */
  /* データ
  ---------------------------------------------- */
}
.page-template-default #csrFrontPage .l-breadcrumb__list {
  margin-top: 1em;
}
.page-template-default #csrFrontPage .sectionTitle {
  font-size: 36px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 0.5em;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage .sectionTitle {
    font-size: 24px;
  }
}
.page-template-default #csrFrontPage .linkTextArrow {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.page-template-default #csrFrontPage .linkTextArrow a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 16px;
  gap: 16px;
}
.page-template-default #csrFrontPage .linkTextArrow a::after {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-right: 2px solid #333333;
  border-bottom: 2px solid #333333;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-transform-origin: bottom;
          transform-origin: bottom;
}
.page-template-default #csrFrontPage .linkTextArrow.arrowColorBlue a::after {
  border-right: 2px solid #0467ad;
  border-bottom: 2px solid #0467ad;
}
.page-template-default #csrFrontPage .linkTextArrow.arrowColorWhite a::after {
  border-right: 2px solid #FFFFFF;
  border-bottom: 2px solid #FFFFFF;
}
.page-template-default #csrFrontPage #message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  margin-top: 48px;
  background-color: #B9CBE6;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #message {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-template-default #csrFrontPage #message .areaImage {
  width: 280px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #message .areaImage {
    width: 100%;
  }
}
.page-template-default #csrFrontPage #message .areaImage .image {
  border-top-left-radius: 50px;
  border-bottom-right-radius: 50px;
  overflow: hidden;
}
.page-template-default #csrFrontPage #message .areaImage .image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
.page-template-default #csrFrontPage #message .areaText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 24px 32px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #message .areaText {
    gap: 24px;
  }
}
.page-template-default #csrFrontPage #message .areaText .messageText {
  color: #16629C;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #message .areaText .messageText {
    font-size: 18px;
  }
}
.page-template-default #csrFrontPage #message .areaText .linkTextArrow {
  margin-left: auto;
}
.page-template-default #csrFrontPage #leadLink {
  margin-top: 32px;
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 8px 16px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #leadLink .leadLinkContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox {
  width: calc((100% - 16px) / 2);
  aspect-ratio: 400/121;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox {
    width: 100%;
    aspect-ratio: unset;
  }
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 24px;
  padding: 16px 16px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox a {
    gap: unset;
  }
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox .mainText {
  color: #0467ad;
  font-weight: bold;
  font-size: 20px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox .mainText {
    font-size: 18px;
  }
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox .subText {
  color: #0467ad;
  font-weight: bold;
  font-size: 16px;
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(1), .page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(2), .page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(3), .page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(4) {
  background-repeat: no-repeat;
  background-size: cover;
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(1) {
  background-image: url(../img/csr/sustainability/leadLink01_2025.png);
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(2) {
  background-image: url(../img/csr/sustainability/leadLink02_2025.png);
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(3) {
  background-image: url(../img/csr/sustainability/leadLink03_2025.png);
}
.page-template-default #csrFrontPage #leadLink .leadLinkContainer .leadLinkBox:nth-child(4) {
  background-image: url(../img/csr/sustainability/leadLink04_2025.png);
}
.page-template-default #csrFrontPage #attempt {
  margin-top: 112px;
  border: 4px solid #0467ad;
  padding: 8px 32px 28px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #attempt {
    margin-top: 64px;
    padding: 8px 16px 24px;
  }
}
.page-template-default #csrFrontPage #attempt .attemptContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #attempt .attemptContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox {
  width: calc((100% - 16px) / 2);
  aspect-ratio: 400/257;
  padding: 16px 24px 40px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox {
    width: 100%;
    aspect-ratio: unset;
  }
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(1), .page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(2), .page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(3), .page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(4) {
  background-repeat: no-repeat;
  background-size: cover;
  background-position: bottom right;
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(1) {
  background-image: url(../img/csr/sustainability/bg-attempt-subttl01_2025.png);
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(2) {
  background-image: url(../img/csr/sustainability/bg-attempt-subttl02_2025.png);
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(3) {
  background-image: url(../img/csr/sustainability/bg-attempt-subttl03_2025.png);
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox:nth-child(4) {
  background-image: url(../img/csr/sustainability/bg-attempt-subttl04_2025.png);
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox .attemptBoxTitle {
  color: #FFFFFF;
  font-size: 20px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox .attemptBoxTitle {
    font-size: 18px;
  }
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox .attemptList {
  margin-top: 24px;
  margin-bottom: 24px;
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox .attemptList .attemptListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox .linkTextArrow a {
  color: #FFFFFF;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #attempt .attemptContainer .attemptBox .linkTextArrow a {
    font-size: 14px;
  }
}
.page-template-default #csrFrontPage #data {
  margin-top: 40px;
  background-color: #F0F0ED;
  padding: 16px 32px 32px;
}
.page-template-default #csrFrontPage #data .dataContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  gap: 3.6%;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #data .dataContainer {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 16px;
  }
}
.page-template-default #csrFrontPage #data .dataContainer .dataBox {
  width: 22.3%;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #data .dataContainer .dataBox {
    width: calc((100% - 16px) / 2);
  }
}
.page-template-default #csrFrontPage #data .dataContainer .dataBox a {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 16px 2%;
  background-color: #FFFFFF;
}
.page-template-default #csrFrontPage #data .dataContainer .dataBox .dataBoxTitle {
  font-size: 16px;
  font-weight: bold;
}
.page-template-default #csrFrontPage #data .dataContainer .dataBox .dataBoxMark {
  height: 80px;
  text-align: center;
  margin-top: 8px;
}
@media screen and (max-width: 767px) {
  .page-template-default #csrFrontPage #data .dataContainer .dataBox .dataBoxMark {
    height: 56px;
  }
}
.page-template-default #csrFrontPage #data .dataContainer .dataBox .dataBoxMark img {
  height: 100%;
  width: auto;
}

/*------------------------------------------------------------------
価値創造ストーリー
----------------------------------------------------------------- */
.page-template-template-csr-value {
  /* 価値創造ストーリー
  ---------------------------------------------- */
  /* ページタイトルのあしらい */
  /* 新経営理念体系│長期ビジョン＆中期経営計画
  ---------------------------------------------- */
  /* グレー背景のヘッダー */
  /* 文字横にあしらいがあるH3 */
  /* 2035年に目指す姿コンテンツ */
  /* 横並び(SP時は縦並び) */
}
.page-template-template-csr-value #csrPageEnv.value .mv {
  background-image: url(/img/csr/value/mv-2025.jpg);
}
.page-template-template-csr-value #csrPageEnv .env--content .content--wrapper > .value_ttl::before {
  background: url(https://www.jcu-i.com/wp/wp-content/uploads/2025/12/value_ttl_blue.png) no-repeat center center;
  background-size: contain;
}
.page-template-template-csr-value .bc_gray_header {
  font-weight: bold;
  background-color: #EFEFEF;
  padding: 8px;
  font-size: 18px;
}
.page-template-template-csr-value .h4 {
  font-weight: 500;
  font-size: 18px;
}
.page-template-template-csr-value #csrPageEnv .env--content .content--wrapper .contentsH2Title {
  margin: 70px auto 20px;
  font-weight: 500;
  border-bottom: 1px solid rgba(4, 103, 173, 0.3);
  padding: 3px 0 0 1.2rem;
  font-size: 26px;
  position: relative;
  color: #333;
}
.page-template-template-csr-value #csrPageEnv .env--content .content--wrapper .contentsH2Title::before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 2.5rem;
  background: #0467ad;
  position: absolute;
  top: 13%;
  left: 0;
  z-index: 1;
}
.page-template-template-csr-value .vision_for_2035 {
  font-size: 30px !important;
  text-align: center;
  color: #0077C0;
  font-weight: 500;
  letter-spacing: 0.01em;
}
.page-template-template-csr-value .flex_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1em;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-value .vision_for_2035 {
    font-size: 16px !important;
  }
  .page-template-template-csr-value .flex_box {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: unset;
  }
}

/*------------------------------------------------------------------
トップメッセージ
----------------------------------------------------------------- */
.page-template-template-csr-message #csrPageEnv.topmessage .mv {
  background-image: url(/img/csr/mv-topic-2025.jpg);
}
.page-template-template-csr-message .imageContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-message .imageContainer {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.page-template-template-csr-message .imageContainer .areaImage {
  width: 320px;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-message .imageContainer .areaImage {
    width: 100%;
  }
}
.page-template-template-csr-message .imageContainer .areaImage img {
  display: inline-block;
  width: 100%;
  height: auto;
}
.page-template-template-csr-message .imageContainer .areaText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

/*------------------------------------------------------------------
価値創造＆事業戦略
----------------------------------------------------------------- */
.page-template-template-csr-value {
  /* /sustainability/value-tac/strategy/ 事業戦略
  ---------------------------------------------- */
}
.page-template-template-csr-value .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-value .pageLinkBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 20px;
  gap: 20px;
}
.page-template-template-csr-value .pageLinkBox a {
  width: 30%;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
  background-size: 30px;
  background-position: center left 20px;
  background-repeat: no-repeat;
  color: #fff;
  color: #0268b6;
  font-weight: 500;
  font-size: 18px;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-value .pageLinkBox a {
    width: 100%;
  }
}
.page-template-template-csr-value .pageLinkBox a::after {
  content: "";
  display: inline-block;
  margin-left: 24px;
  width: 8px;
  height: 8px;
  position: relative;
  border-right: 1px solid #0068b6;
  border-bottom: 1px solid #0068b6;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

/*------------------------------------------------------------------
環境
----------------------------------------------------------------- */
/* 一覧ページ */
.page-template-template-csr-env_list .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-env_list .page--csr--list .mv {
  background-image: url(/img/csr/env/mv-2025.jpg);
}
.page-template-template-csr-env_list .page--csr--list .product_links a {
  border: 2px solid #0467ad;
}
.page-template-template-csr-env_list .page--csr--list .product_links a .info h2 {
  color: #0467ad;
}

/* 詳細ページ */
.page-template-template-csr-env {
  /* 共通
  ---------------------------------------------- */
  /* 気候変動対策への積極的な取り組み ページ
  ---------------------------------------------- */
}
.page-template-template-csr-env .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-env #csrPageEnv .mv {
  background-image: url(/img/csr/env/mv-2025.jpg);
}
.page-template-template-csr-env #csrPageEnv .env--content .content--wrapper > h2 {
  border-bottom: 1px solid #0467AD;
}
.page-template-template-csr-env #csrPageEnv .env--content .content--wrapper > h2::before {
  background: #0467AD;
}
.page-template-template-csr-env #csrPageEnv .env--content .content--wrapper .env_policy {
  background-color: #E6F2D9;
}
.page-template-template-csr-env #csrPageEnv .env--content .content--wrapper h3.innovationPageH2 {
  border-bottom: 1px solid #0467AD;
  padding: 3px 0 0 1.2rem;
  margin: 70px 0 20px;
  font-weight: 500;
  font-size: 26px;
  position: relative;
  color: #333333;
}
.page-template-template-csr-env #csrPageEnv .env--content .content--wrapper h3.innovationPageH2:before {
  content: "";
  display: block;
  width: 0.5rem;
  height: 2.5rem;
  background: #0467AD;
  position: absolute;
  top: 13%;
  left: 0;
  z-index: 1;
}

/*------------------------------------------------------------------
社会
----------------------------------------------------------------- */
/* 一覧ページ */
.page-template-template-csr-social_list .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-social_list .page--csr--list .mv {
  background-image: url(/img/csr/social/mv-2025.jpg);
}
.page-template-template-csr-social_list .page--csr--list.social .product_links a {
  border: 2px solid #54BCE2;
}
.page-template-template-csr-social_list .page--csr--list.social .product_links a .info h2 {
  color: #0467ad;
}

/* 詳細ページ */
.page-template-template-csr-social {
  /* 共通
  ---------------------------------------------- */
  /* 製品品質の向上 ページ
  ---------------------------------------------- */
  /* 人的資本の有効活用 ページ
  ---------------------------------------------- */
}
.page-template-template-csr-social .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-social #csrPageEnv .mv {
  background-image: url(/img/csr/social/mv-2025.jpg);
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper > h2 {
  border-bottom: 1px solid #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper > h2::before {
  background: #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper h3 {
  color: #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper h3.before_round {
  color: #333333;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper h3.before_round::before {
  background: #54BCE2;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .worker_voice_box {
  border: 1px solid #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .worker_voice_heading {
  background: #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .worker_voice_box_q_num {
  color: #54BCE2;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-social .page--csr figure.authorImage {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .page-template-template-csr-social .page--csr figure.authorImage {
    width: 20%;
  }
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .quality_policy {
  background: #F2F8FD;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .quality_policy .quality_policy_inner-1 > ul > li::before {
  background: #54BCE2;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .quality_policy .quality_policy_inner-1, .page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .quality_policy .quality_policy_inner-2 {
  border: 1px solid #54BCE2;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .sds_box {
  background: #F2F8FD;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .sds_box h3 {
  color: #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .human_resource-flex h4 {
  color: #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .human_resource-flex_box1,
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .human_resource-flex_box2 {
  border: 1px solid #0467ad;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .human_resource-flex_box2 > ul > li::before {
  background: #54BCE2;
}
.page-template-template-csr-social #csrPageEnv.social .env--content .content--wrapper .human_resource-flex_bg_pink {
  background: #D1E9F8;
}

/*------------------------------------------------------------------
ガバナンス
----------------------------------------------------------------- */
/* 一覧 */
.page-template-template-csr-governance_list .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-governance_list .page--csr--list .mv {
  background-image: url(/img/csr/governance/mv-2025.jpg);
}
.page-template-template-csr-governance_list .page--csr--list.governance .product_links a {
  border: 2px solid #E86C8D;
}
.page-template-template-csr-governance_list .page--csr--list.governance .product_links a .info h2 {
  color: #E86C8D;
}

/* 詳細 */
.page-template-template-csr-governance {
  /* 共通
  ---------------------------------------------- */
  /* 役員一覧
  ---------------------------------------------- */
  /* 役員一覧の区切り線を最終コンテンツ下のみ削除 */
  /* 公平かつ透明性、実効性の高いガバナンス体制の実現と強化
  ---------------------------------------------- */
  /* コンプライアンスおよびリスクマネジメントの強化
  ---------------------------------------------- */
}
.page-template-template-csr-governance .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-governance #csrPageEnv .mv {
  background-image: url(/img/csr/governance/mv-2025.jpg);
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper > h2 {
  border-bottom: 1px solid #E86C8D;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper > h2::before {
  background: #E86C8D;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper h3 {
  color: #E86C8D;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper h3.before_round {
  color: #333333;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper h3.before_round::before {
  background: #FAD4DA;
}
.page-template-template-csr-governance #csrPageEnv.governance .linkQR {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  padding: 24px;
  background-color: #F2F8FD;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-governance #csrPageEnv.governance .linkQR {
    width: 100%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-template-template-csr-governance #csrPageEnv.governance .areaText {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.page-template-template-csr-governance #csrPageEnv.governance .linkQR p {
  font-weight: bold;
}
.page-template-template-csr-governance #csrPageEnv.governance .linkQR a {
  font-size: 14px;
}
.page-template-template-csr-governance #csrPageEnv.governance .areaImage {
  width: 160px;
  aspect-ratio: 1/1;
  background-color: #FFFFFF;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper > h3.value_heading_orange {
  color: #333333;
  border-bottom: 1px solid #0467ad;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper > h3.value_heading_orange::before {
  background: #0467ad;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .bm_list > li::before {
  background: #0467ad;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .bm_card:nth-of-type(odd)::after, .page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .bm_card:nth-of-type(even)::after {
  background: #0467ad;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .bm_card:nth-last-of-type(1)::after,
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .bm_card:nth-last-of-type(2)::after {
  background: transparent;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper h3.skillTitle {
  color: #FFFFFF;
  background-color: #0467ad;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .skil_matrix_r h4 {
  color: #E86C8D;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .bm_card_job {
  color: #333;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper h3.officerTitle {
  color: #333333 !important;
}
.page-template-template-csr-governance .before_round.officerListTitle::before {
  background-color: #FAD4DA;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .compliance_window_ttl {
  color: #E86C8D;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .riskManagementListTitle {
  color: #FFFFFF;
  background-color: #E86C8D;
}
.page-template-template-csr-governance #csrPageEnv.governance .env--content .content--wrapper .risk_management_list > li::before {
  background: #E86C8D;
}

/*------------------------------------------------------------------
技術
----------------------------------------------------------------- */
/* 一覧ページ */
.page-template-template-csr-technology_list .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-technology_list .page--csr--list .mv {
  background-image: url(/img/csr/technology/mv-2025.jpg);
}
.page-template-template-csr-technology_list .page--csr--list.technology .product_links a {
  border: 2px solid #F79646;
}
.page-template-template-csr-technology_list .page--csr--list.technology .product_links a .info h2 {
  color: #0467ad;
}

/* 詳細ページ */
.page-template-template-csr-technology {
  /* 共通
  ---------------------------------------------- */
}
.page-template-template-csr-technology .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-technology #csrPageEnv .mv {
  background-image: url(/img/csr/technology/mv-2025.jpg);
}
.page-template-template-csr-technology #csrPageEnv.technology .env--content .content--wrapper > h2 {
  border-bottom: 1px solid #0467ad;
}
.page-template-template-csr-technology #csrPageEnv.technology .env--content .content--wrapper > h2::before {
  background: #0467ad;
}
.page-template-template-csr-technology #csrPageEnv.technology .env--content .content--wrapper h3 {
  color: #0467ad;
}
.page-template-template-csr-technology #csrPageEnv.technology .env--content .content--wrapper h3.before_round {
  color: #333333;
}
.page-template-template-csr-technology #csrPageEnv.technology .env--content .content--wrapper h3.before_round::before {
  background: #54BCE2;
}

/*------------------------------------------------------------------
データ ダウンロード
----------------------------------------------------------------- */
/* 詳細ページ */
.page-template-template-csr-download {
  /* 財務・非財務ハイライト
  ---------------------------------------------- */
  /* レポートダウンロード
  ---------------------------------------------- */
}
.page-template-template-csr-download .l-breadcrumb__list {
  margin-bottom: 1em;
}
.page-template-template-csr-download #csrPageEnv .env--content .content--wrapper > h2 {
  border-bottom: 1px solid #0467AD;
}
.page-template-template-csr-download #csrPageEnv.download .content--wrapper > h2::before {
  background: #0467AD;
}
.page-template-template-csr-download .highlightImageItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.page-template-template-csr-download #csrPageEnv.download .mv {
  background-image: url(/img/csr/mv-topic-2025.jpg);
}
.page-template-template-csr-download #csrPageEnv.download .content--wrapper .box-flex.singleColumn div {
  width: 100%;
}
.page-template-template-csr-download #csrPageEnv.download .content--wrapper .box-flex.singleColumn .dataImage {
  width: 100%;
}
.page-template-template-csr-download #csrPageEnv.download .content--wrapper .box-flex .contents_2025 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-download #csrPageEnv.download .content--wrapper .box-flex .contents_2025 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.page-template-template-csr-download #csrPageEnv.download .content--wrapper .box-flex .contents_2025 .textArea {
  width: 40%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 767px) {
  .page-template-template-csr-download #csrPageEnv.download .content--wrapper .box-flex .contents_2025 .textArea {
    width: 100%;
  }
}
.page-template-template-csr-download #csrPageEnv.download .content--wrapper .box-flex > div {
  width: unset;
}

/*------------------------------------------------------------------
GRIガイドライン対照表
----------------------------------------------------------------- */
.page-template-template-csr-download .guidelineLeadTitle {
  font-weight: bold !important;
  font-size: 18px !important;
  margin-top: 40px !important;
}
.page-template-template-csr-download .guidelineLeadTitle + p {
  margin-top: unset !important;
}/*# sourceMappingURL=sustainability_update.css.map */