@charset "utf-8";

/* ======================================================
 * initiative.css
 * ------------------------------------------------------
 * @media print, screen and (min-width: 768px)
 * PC Media Queries
 * @media only screen and (max-width: 767px)
 * SP Media Queries
 * Print
====================================================== */

/* ======================================================
 * PC
====================================================== */
@media print, screen and (min-width: 768px) {
  /* ----- initiative-contents ----- */
  .initiative-contents {
    position: relative;
    margin: 0 -80px;
  }
  /* initiative-text-box */
  .initiative-text-box {
    position: absolute;
    width: 100%;
    top: 3.5vw;
    text-align: center;
  }
  .initiative-text-box .heading-initiative {
    margin-bottom: 1em;
  }
  .initiative-text-box .heading-initiative .heading_title {
    font-size: 2.55vw;
    line-height: 1.3;
  }
  .initiative-text-box .heading-initiative .heading_subtitle {
    font-size: 1.85vw;
    line-height: 1.3;
  }
  .initiative-text-box .initiative-text {
    font-size: 0.85vw;
  }
  /* link-item */
  .initiative-link-box .link-item {
    position: absolute;
    display: inline-block;
    border-radius: 10em;
  }
  .initiative-link-box .link-item > .block {
    display: flex;
    align-items: center;
    height: calc(100% - -2px);
    margin: -5px 3px 3px -3px;
    border-radius: 10em;
    font-size: 0.85vw;
    color: #fff;
    font-weight: bold;
  }
  .initiative-link-box .link-item > .block > span {
    display: inline-block;
    width: 100%;
    margin: 2px 2px;
    padding: 0.55vw 0 0.45vw;
    border-radius: 10em;
    line-height: 1.5;
  }
  .initiative-link-box .link-item > a.block > span {
    position: relative;
    padding-left: 2.9vw;
  }
  .initiative-link-box .link-item > a.block:hover {
    text-decoration: none;
  }
  .initiative-link-box .link-item > a.block:hover > span {
    background-color: #fff;
  }
  .initiative-link-box .link-item > a.block > span::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 0.9vw;
    width: 1.4vw;
    height: 1.4vw;
    margin: auto 0;
    border-radius: 50%;
    background-color: #fff;
  }
  .initiative-link-box .link-item > a.block > span::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 1.25vw;
    width: 0.75vw;
    height: 0.75vw;
    margin: auto 0;
    background-size: 100% auto !important;
  }
  /* initiative-link-box */
  .initiative-link-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .initiative-link-box [class^="link-box-v"] {
    position: absolute;
    display: inline-block;
    padding: 2vw 1% 1vw;
  }
  .initiative-link-box [class^="link-box-v"] > dt {
    margin-top: -3.2vw;
    text-align: center;
  }
  .initiative-link-box [class^="link-box-v"] > dd {
    margin-top: 0.7vw;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -3px -5px 3px;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul > li {
    margin-right: 2%;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul > li:nth-child(even) {
    margin-right: 0;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul > li:nth-child(n+3) {
    margin-top: 0.6vw;
  }
  .initiative-link-box [class^="link-box-v"] .link-item {
    position: relative;
  }
  /* link-box-v1 option */
  .initiative-link-box .link-box-v1 {
    bottom: 55.5vw;
    left: 38.8%;
    width: 17vw;
    border: 2px solid #6986be;
  }
  .initiative-link-box .link-box-v1 .link-heading {
    width: 5.5vw;
  }
  .initiative-link-box .link-box-v1 .link-heading > .block {
    margin: 0;
  }
  .initiative-link-box .link-box-v1 > dd > ul > li {
    width: 55%;
  }
  .initiative-link-box .link-box-v1 > dd > ul > li:nth-child(even) {
    width: 43%;
  }
  /* link-box-v2 option */
  .initiative-link-box .link-box-v2 {
    bottom: 52.4vw;
    left: 66%;
    width: 25.5vw;
    border: 2px solid #2db35a;
  }
  .initiative-link-box .link-box-v2 .link-heading {
    width: 14.5vw;
  }
  .initiative-link-box .link-box-v2 .link-heading > .block {
    margin: 0;
  }
  .initiative-link-box .link-box-v2 > dd > ul > li {
    width: 43%;
  }
  .initiative-link-box .link-box-v2 > dd > ul > li:nth-child(even) {
    width: 55%;
  }
  /* link-item item option */
  .initiative-link-box .link-item.item01 {
    bottom: 52.5vw;
    left: 25.2%;
    width: 11.0vw;
  }
  .initiative-link-box .link-item.item02 {
    bottom: 49.5vw;
    left: 25.2%;
    width: 11.0vw;
  }
  .initiative-link-box .link-item.item03 {
    bottom: 47vw;
    left: 85.8%;
    width: 9.6vw;
  }
  .initiative-link-box .link-item.item04 {
    bottom: 37.7vw;
    left: 6.7%;
    width: 6.4vw;
  }
  .initiative-link-box .link-item.item05 {
    bottom: 40.3vw;
    left: 16.5%;
    width: 10.55vw;
  }
  .initiative-link-box .link-item.item06 {
    bottom: 37.2vw;
    left: 16.5%;
    width: 10.55vw;
  }
  .initiative-link-box .link-item.item07 {
    bottom: 30.1vw;
    left: 4.8%;
    width: 15.55vw;
  }
  .initiative-link-box .link-item.item08 {
    bottom: 41.4vw;
    left: 46%;
    width: 8.75vw;
  }
  .initiative-link-box .link-item.item09 {
    bottom: 38.3vw;
    left: 39.1%;
    width: 7.9vw;
  }
  .initiative-link-box .link-item.item10 {
    bottom: 30.5vw;
    left: 49.2%;
    width: 10.4vw;
  }
  .initiative-link-box .link-item.item11 {
    bottom: 25.5vw;
    left: 72.3%;
    width: 7.2vw;
  }
  .initiative-link-box .link-item.item12 {
    bottom: 23.3vw;
    left: 61.5%;
    width: 6.5vw;
  }
  .initiative-link-box .link-item.item13 {
    bottom: 20.3vw;
    left: 41.1%;
    width: 8.7vw;
  }
  .initiative-link-box .link-item.item14 {
    bottom: 14.8vw;
    left: 47.2%;
    width: 9.7vw;
  }
  .initiative-link-box .link-item.item15 {
    bottom: 7.2vw;
    left: 74.6%;
    width: 13vw;
  }
  .initiative-link-box .link-item.item16 {
    bottom: 60.4vw;
    left: 24.4%;
    width: 6.3vw;
  }
  .initiative-link-box .link-item.item17 {
    bottom: 49.5vw;
    left: 36.7%;
    width: 9.6vw;
  }
  .initiative-link-box .link-item.item18 {
    bottom: 48.5vw;
    left: 3.3%;
    width: 9.6vw;
  }
  .initiative-link-box .link-item.item19 {
    bottom: 61.5vw;
    left: 57.3%;
    width: 9.6vw;
  }
  /* link-item type option */
  .initiative-link-box .link-item.type01 { background-color: rgba(134, 106, 180, 0.6); }
  .initiative-link-box .link-item.type02 { background-color: rgba(129, 214, 235, 0.6); }
  .initiative-link-box .link-item.type03 { background-color: rgba(171, 213, 141, 0.6); }
  .initiative-link-box .link-item.type04 { background-color: rgba(254, 222, 101, 0.6); }
  .initiative-link-box .link-item.type05 { background-color: rgba(255, 190, 0, 0.6); }
  .initiative-link-box .link-item.type06 { background-color: rgba(129, 214, 235, 0.6); }
  .initiative-link-box .link-item.type07 { background: linear-gradient(115deg,rgba(255, 190, 0, 0.6) 0%,rgba(255, 190, 0, 0.6) 50%,rgba(134, 106, 180, 0.6) 50%,rgba(134, 106, 180, 0.6) 100%); }
  .initiative-link-box .link-item.noShadow { background: none; text-align: center; }
  /* block option */
  .initiative-link-box .link-item.type01 > .block { background-color: #6986be; }
  .initiative-link-box .link-item.type02 > .block { background-color: #2ecccd; }
  .initiative-link-box .link-item.type03 > .block { background-color: #2db35a; }
  .initiative-link-box .link-item.type04 > .block { background-color: #f8931f; }
  .initiative-link-box .link-item.type05 > .block { background-color: #ffbe00; }
  .initiative-link-box .link-item.type06 > .block { background-color: #2eb8e6; }
  .initiative-link-box .link-item.type07 > .block { background: linear-gradient(115deg,#ffbe00 0%,#ffbe00 50%,#6986be 50%,#6986be 100%); }
  /* block option:hover */
  .initiative-link-box .link-item.type01 > a.block:hover { color: #6986be; }
  .initiative-link-box .link-item.type02 > a.block:hover { color: #2ecccd; }
  .initiative-link-box .link-item.type03 > a.block:hover { color: #2db35a; }
  .initiative-link-box .link-item.type04 > a.block:hover { color: #f8931f; }
  .initiative-link-box .link-item.type05 > a.block:hover { color: #ffbe00; }
  .initiative-link-box .link-item.type06 > a.block:hover { color: #2eb8e6; }
  .initiative-link-box .link-item.type07 > a.block:hover { color: #6986be; }
  /* span::after */
  .initiative-link-box .link-item.type01 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic04.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type02 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic03.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type03 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic05.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type04 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic02.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type05 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic06.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type06 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic01.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type07 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic06.png") no-repeat 0 0; }
  /* hover span::before */
  .initiative-link-box .link-item.type01 > a.block:hover > span::before { background-color: #6986be; }
  .initiative-link-box .link-item.type02 > a.block:hover > span::before { background-color: #2ecccd; }
  .initiative-link-box .link-item.type03 > a.block:hover > span::before { background-color: #2db35a; }
  .initiative-link-box .link-item.type04 > a.block:hover > span::before { background-color: #f8931f; }
  .initiative-link-box .link-item.type05 > a.block:hover > span::before { background-color: #ffbe00; }
  .initiative-link-box .link-item.type06 > a.block:hover > span::before { background-color: #2eb8e6; }
  .initiative-link-box .link-item.type07 > a.block:hover > span::before { background-color: #ffbe00; }
  /* hover span::after */
  .initiative-link-box .link-item > a.block:hover > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic07.png") no-repeat 0 0; }
  
  /* ----- initiative-image ----- */
  .initiative-image,
  .initiative-image > img {
    width: 100%;
  }
  /* ----- contents-wrap ----- */
  .contents-wrap {
    max-width: 1200px;
    margin: 0 auto;
  }
  .contents-wrap .learn-layout .learn_lead > span {
    font-weight: normal;
  }
  .contents-wrap .link-button {
    max-width: 960px;
    margin: 30px auto 0;
  }
  /* ----- cbox ----- */
  .modal-initiative #cboxContent {
    padding: 0;
    background: none;
  }
  .modal-initiative #cboxLoadedContent {
    background: none;
    padding: 0 70px;
  }
  .modal-initiative #cboxClose,
  .modal-initiative #cboxCurrent {
    display: none !important;
  }
  .modal-initiative .modal_contents {
    margin-top: 0;
    padding: 40px;
    background: #fff;
  }
  .modal-initiative .modal_title {
    margin-bottom: 25px;
    padding: 0 280px 10px 10px;
    border-bottom: 1px solid #ddd;
  }
  .modal-initiative .modal_title_wrap {
    position: relative;
  }
  .modal-initiative .modal_title_wrap .icon-list {
    position: absolute;
    bottom: 15px;
    right: 0;
    display: flex;
  }
  .modal-initiative .modal_title_wrap .icon-list > li > img {
    width: 40px;
  }
  .modal-initiative .modal_title_wrap .icon-list > li + li {
    margin-left: 5px;
  }
  .modal-initiative .imcCol .image_caption {
    margin-top: .5em;
    font-size: 1.4rem;
  }
  .modal-initiative .modal-layout-v1 {
    display: flex;
  }
  .modal-initiative .modal-layout-v1 > .imcCol {
    width: 31%;
    margin-right: 3%;
  }
  .modal-initiative .modal-layout-v1 > .textCol {
    width: 66%;
  }
  .modal-initiative .modal-layout-v2 > .imcCol {
    margin: 30px 0;
    text-align: center;
  }
  .modal-initiative .modal_contents .link-button > li + li {
    margin-top: 10px;
  }
  .modal-initiative .close-button {
    margin-top: 20px;
  }
  .modal-initiative #cboxPrevious {
    margin-top: -35px;
    left: 10px;
    width: 35px;
    height: 35px;
  }
  .modal-initiative #cboxNext {
    margin-top: -35px;
    right: 10px;
    width: 35px;
    height: 35px;
  }
  .modal-initiative #cboxPrevious::before,
  .modal-initiative #cboxNext::before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
  }
  .modal-initiative #cboxNext::before {
    margin-left: -9px;
  }

}
@media screen and (min-width: 768px) and (max-width: 1800px) {
  /* initiative-contents */
  .initiative-contents {
    margin: 0 -40px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1600px) {
  /* initiative-contents */
  .initiative-contents {
    margin: 0 -30px;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 1500px) {
  /* link-item */
  .initiative-link-box .link-item > .block {
    font-size: 0.85vw;
  }
  .initiative-link-box .link-item > a.block > span {
    padding-left: 1.85vw;
  }
  .initiative-link-box .link-item > a.block > span::before {
    left: 0.3vw;
  }
  .initiative-link-box .link-item > a.block > span::after {
    left: 0.65vw;
  }
}
@media print, screen and (min-width: 768px) and (max-width: 990px) {
  /* initiative-link-box */
  .initiative-link-box [class^="link-box-v"] {
    padding: 0px 1% 1vw;
  }
  .initiative-link-box [class^="link-box-v"] > dt {
    margin-top: -15px;
  }
  .initiative-link-box [class^="link-box-v"] > dd {
    margin-top: 1.2vw;
  }
  /* link-heading */
  .initiative-link-box .link-box-v1 {
    width: 19vw;
  }
  .initiative-link-box .link-box-v1 .link-heading {
    width: 5.5vw;
  }
  .initiative-link-box .link-box-v2 {
    width: 32vw;
  }
  .initiative-link-box .link-box-v2 .link-heading {
    width: 19.5vw;
  }
  /* link-item */
  .initiative-link-box .link-item.item01 {
    width: 11.2vw;
  }
  .initiative-link-box .link-item.item02 {
    width: 11.2vw;
  }
  .initiative-link-box .link-item.item03 {
    width: 11vw;
  }
  .initiative-link-box .link-item.item04 {
    width: 6.4vw;
  }
  .initiative-link-box .link-item.item05 {
    width: 11.7vw;
  }
  .initiative-link-box .link-item.item06 {
    width: 11.7vw;
  }
  .initiative-link-box .link-item.item07 {
    width: 22vw;
  }
  .initiative-link-box .link-item.item08 {
    width: 10vw;
  }
  .initiative-link-box .link-item.item09 {
    width: 7.9vw;
  }
  .initiative-link-box .link-item.item10 {
    width: 11.7vw;
  }
  .initiative-link-box .link-item.item11 {
    width: 7.2vw;
  }
  .initiative-link-box .link-item.item12 {
    width: 6.5vw;
  }
  .initiative-link-box .link-item.item13 {
    width: 9.8vw;
  }
  .initiative-link-box .link-item.item14 {
    width: 11.3vw;
  }
  .initiative-link-box .link-item.item15 {
    width: 16vw;
  }
  .initiative-link-box .link-item.item16 {
    width: 6.3vw;
  }
  .initiative-link-box .link-item.item17 {
    width: 11.2vw;
    left: 36.6%;
  }
  .initiative-link-box .link-item.item18 {
    width: 11.2vw;
    left: 2%;
  }
  .initiative-link-box .link-item.item19 {
    width: 11.2vw;
    left: 59%;
    bottom: 64vw;
  }

}

/* ======================================================
 * SP
====================================================== */
@media only screen and (max-width: 767px) {
  /* ----- initiative-contents ----- */
  .initiative-contents {
    margin: 0 -15px;
    overflow-x: auto;
  }
  /* ----- initiative-contents-wrap ----- */
  .initiative-contents-wrap {
    position: relative;
    width: 960px;
    margin-top: 14vh;
  }
  /* initiative-text-box */
  .initiative-text-box {
    position: absolute;
    width: 100%;
    padding: 40px 0 0;
    text-align: center;
    background: url("/jp/esg-hsse/initiative/img/index_bg01.png") no-repeat 0 100%  ;
    background-size: cover;
    z-index: 2;
  }
  .initiative-text-box .heading-initiative {
    margin-bottom: 1em;
  }
  .initiative-text-box .heading-initiative .heading_title {
    font-size: 2.4rem;
    line-height: 1.3;
    font-weight: bold;
  }
  .initiative-text-box .heading-initiative .heading_subtitle {
    font-size: 1.7rem;;
    line-height: 1.3;
  }
  .initiative-text-box .initiative-text {
    padding: 0 15px;
    text-align: left;
  }
  /* link-item */
  .initiative-link-box .link-item {
    position: absolute;
    display: inline-block;
    border-radius: 10em;
  }
  .initiative-link-box .link-item > .block {
    display: flex;
    align-items: center;
    height: calc(100% - -2px);
    margin: 0px 2px 2px -2px;
    border-radius: 10em;
    font-size: 1.0rem;
    color: #fff;
    font-weight: bold;
  }
  .initiative-link-box .link-item > .block > span {
    display: inline-block;
    width: 100%;
    margin: 2px 2px;
    padding: 3px 0;
    border-radius: 10em;
    line-height: 1.5;
  }
  .initiative-link-box .link-item > a.block > span {
    position: relative;
    padding-left: 25px;
  }
  .initiative-link-box .link-item > a.block > span::before {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 5px;
    width: 12px;
    height: 12px;
    margin: auto 0;
    border-radius: 50%;
    background-color: #fff;
  }
  .initiative-link-box .link-item > a.block > span::after {
    position: absolute;
    content: "";
    top: 0;
    bottom: 0;
    left: 7px;
    width: 7px;
    height: 7px;
    margin: auto 0;
    background-size: 100% auto !important;
  }
  /* initiative-link-box */
  .initiative-link-box {
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
  }
  .initiative-link-box [class^="link-box-v"] {
    position: absolute;
    display: inline-block;
    padding: 10px 10px 10px;
  }
  .initiative-link-box [class^="link-box-v"] > dt {
    margin-top: -20px;
    text-align: center;
  }
  .initiative-link-box [class^="link-box-v"] > dd {
    margin-top: 0.7vw;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 2px 2px;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul > li {
    margin-right: 2%;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul > li:nth-child(even) {
    margin-right: 0;
  }
  .initiative-link-box [class^="link-box-v"] > dd > ul > li:nth-child(n+3) {
    margin-top: 5px;
  }
  .initiative-link-box [class^="link-box-v"] .link-item {
    position: relative;
  }
  /* link-box-v1 option */
  .initiative-link-box .link-box-v1 {
    bottom: 530px;
    left: 375px;
    width: 165px;
    border: 1px solid #6986be;
  }
  .initiative-link-box .link-box-v1 .link-heading {
    width: 60px;
  }
  .initiative-link-box .link-box-v1 .link-heading > .block {
    margin: 0;
  }
  .initiative-link-box .link-box-v1 > dd > ul > li {
    width: 55%;
  }
  .initiative-link-box .link-box-v1 > dd > ul > li:nth-child(even) {
    width: 43%;
  }
  /* link-box-v2 option */
  .initiative-link-box .link-box-v2 {
    bottom: 508px;
    left: 635px;
    width: 295px;
    border: 1px solid #2db35a;
  }
  .initiative-link-box .link-box-v2 .link-heading {
    width: 165px;
  }
  .initiative-link-box .link-box-v2 .link-heading > .block {
    margin: 0;
  }
  .initiative-link-box .link-box-v2 > dd > ul > li {
    width: 43%;
  }
  .initiative-link-box .link-box-v2 > dd > ul > li:nth-child(even) {
    width: 55%;
  }
  /* link-item item option */
  .initiative-link-box .link-item.item01 {
    bottom: 510px;
    left: 240px;
    width: 120px;
  }
  .initiative-link-box .link-item.item02 {
    bottom: 480px;
    left: 240px;
    width: 120px;
  }
  .initiative-link-box .link-item.item03 {
    bottom: 457px;
    left: 820px;
    width: 100px;
  }
  .initiative-link-box .link-item.item04 {
    bottom: 365px;
    left: 65px;
    width: 65px;
  }
  .initiative-link-box .link-item.item05 {
    bottom: 387px;
    left: 160px;
    width: 110px;
  }
  .initiative-link-box .link-item.item06 {
    bottom: 357px;
    left: 160px;
    width: 110px;
  }
  .initiative-link-box .link-item.item07 {
    bottom: 290px;
    left: 50px;
    width: 175px;
  }
  .initiative-link-box .link-item.item08 {
    bottom: 400px;
    left: 440px;
    width: 95px;
  }
  .initiative-link-box .link-item.item09 {
    bottom: 370px;
    left: 375px;
    width: 82px;
  }
  .initiative-link-box .link-item.item10 {
    bottom: 296px;
    left: 473px;
    width: 111px;
  }
  .initiative-link-box .link-item.item11 {
    bottom: 245px;
    left: 695px;
    width: 75px;
  }
  .initiative-link-box .link-item.item12 {
    bottom: 225px;
    left: 590px;
    width: 62px;
  }
  .initiative-link-box .link-item.item13 {
    bottom: 198px;
    left: 395px;
    width: 93px;
  }
  .initiative-link-box .link-item.item14 {
    bottom: 142px;
    left: 455px;
    width: 100px;
  }
  .initiative-link-box .link-item.item15 {
    bottom: 69px;
    left: 715px;
    width: 145px;
  }
  .initiative-link-box .link-item.item16 {
    bottom: 584px;
    left: 228px;
    width: 62px;
  }
  .initiative-link-box .link-item.item17 {
    bottom: 480px;
    left: 362px;
    width: 100px;
  }
  .initiative-link-box .link-item.item18 {
    bottom: 470px;
    left: 24px;
    width: 100px;
  }
  .initiative-link-box .link-item.item19 {
    bottom: 608px;
    left: 550px;
    width: 100px;
  }
  /* link-item type option */
  .initiative-link-box .link-item.type01 { background-color: rgba(134, 106, 180, 0.6); }
  .initiative-link-box .link-item.type02 { background-color: rgba(129, 214, 235, 0.6); }
  .initiative-link-box .link-item.type03 { background-color: rgba(171, 213, 141, 0.6); }
  .initiative-link-box .link-item.type04 { background-color: rgba(254, 222, 101, 0.6); }
  .initiative-link-box .link-item.type05 { background-color: rgba(255, 190, 0, 0.6); }
  .initiative-link-box .link-item.type06 { background-color: rgba(129, 214, 235, 0.6); }
  .initiative-link-box .link-item.type07 { background: linear-gradient(115deg,rgba(255, 190, 0, 0.6) 0%,rgba(255, 190, 0, 0.6) 50%,rgba(134, 106, 180, 0.6) 50%,rgba(134, 106, 180, 0.6) 100%); }
  .initiative-link-box .link-item.noShadow { background: none; text-align: center; }
  /* block option */
  .initiative-link-box .link-item.type01 > .block { background-color: #6986be; }
  .initiative-link-box .link-item.type02 > .block { background-color: #2ecccd; }
  .initiative-link-box .link-item.type03 > .block { background-color: #2db35a; }
  .initiative-link-box .link-item.type04 > .block { background-color: #f8931f; }
  .initiative-link-box .link-item.type05 > .block { background-color: #ffbe00; }
  .initiative-link-box .link-item.type06 > .block { background-color: #2eb8e6; }
  .initiative-link-box .link-item.type07 > .block { background: linear-gradient(115deg,#ffbe00 0%,#ffbe00 50%,#6986be 50%,#6986be 100%); }
  /* span::after */
  .initiative-link-box .link-item.type01 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic04.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type02 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic03.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type03 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic05.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type04 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic02.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type05 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic06.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type06 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic01.png") no-repeat 0 0; }
  .initiative-link-box .link-item.type07 > a.block > span::after { background: url("/jp/esg-hsse/initiative/img/index_ic06.png") no-repeat 0 0; }
  
  /* ----- initiative-image ----- */
  .initiative-image,
  .initiative-image > img {
    width: 100%;
  }
  /* ----- contents-wrap ----- */
  .contents-wrap {
    max-width: 1200px;
    margin: 0 auto;
  }
  /* ----- cbox ----- */
  .modal-initiative #cboxContent {
    padding: 0;
    background: none;
  }
  .modal-initiative #cboxLoadedContent {
    background: none;
    padding: 0 40px;
  }
  .modal-initiative #cboxClose,
  .modal-initiative #cboxCurrent {
    display: none !important;
  }
  .modal-initiative .modal_contents {
    margin-top: 0;
    padding: 20px;
    background: #fff;
  }
  .modal-initiative .modal_title {
    margin-bottom: 15px;
    padding: 0 0 10px;
    border-bottom: 1px solid #ddd;
  }
  .modal-initiative .imcCol .image_caption {
    margin-top: 10px;
    font-size: 1.2rem;
  }
  .modal-initiative .modal-layout-v1 > .imcCol {
    margin-bottom: 15px;
  }
  .modal-initiative .modal-layout-v2 > .imcCol {
    margin: 30px 0;
    text-align: center;
  }
  .modal-initiative .modal_title_wrap .icon-list {
    display: flex;
    margin-bottom: 15px;
  }
  .modal-initiative .modal_title_wrap .icon-list > li {
    width: 35px;
  }
  .modal-initiative .modal_title_wrap .icon-list > li + li {
    margin-left: 5px;
  }
  .modal-initiative .modal_contents .link-button > li + li {
    margin-top: 10px;
  }
  .modal-initiative .close-button {
    margin-top: 20px;
  }
  .modal-initiative #cboxPrevious {
    margin-top: -35px;
    left: 0;
    width: 35px;
    height: 35px;
  }
  .modal-initiative #cboxNext {
    margin-top: -35px;
    right: 0;
    width: 35px;
    height: 35px;
  }
  .modal-initiative #cboxPrevious:hover,
  .modal-initiative #cboxNext:hover {
    opacity: 1;
  }
  .modal-initiative #cboxPrevious::before,
  .modal-initiative #cboxNext::before {
    width: 12px;
    height: 12px;
    margin-top: -6px;
  }
  .modal-initiative #cboxNext::before {
    margin-left: -9px;
  }

}