@charset "UTF-8";@-webkit-keyframes strokeSvg{0%{opacity:0;stroke-dashoffset:150%;fill-opacity:0}61.8%{opacity:1;stroke-dashoffset:0;fill-opacity:0}100%{opacity:1;stroke-dashoffset:0;fill-opacity:1}}@keyframes strokeSvg{0%{opacity:0;stroke-dashoffset:150%;fill-opacity:0}61.8%{opacity:1;stroke-dashoffset:0;fill-opacity:0}100%{opacity:1;stroke-dashoffset:0;fill-opacity:1}}@-webkit-keyframes bounce{0%{transform:scale(1)}38.2%{transform:scale(.8382)}61.8%{transform:scale(1.1618)}100%{transform:scale(1)}}@keyframes bounce{0%{transform:scale(1)}38.2%{transform:scale(.8382)}61.8%{transform:scale(1.1618)}100%{transform:scale(1)}}@-webkit-keyframes cloakIn{0%{opacity:0}}@keyframes cloakIn{0%{opacity:0}}@media screen and (max-width:767px){body:not(#home) .l-contents{padding-top:27.2vw!important}}#contents{background-repeat:repeat;background-position:center center;background-size:6rem;background-image:url(css/img/bg_csr@2x.png)}.-casa h2{text-align:center}@media screen and (min-width:768px),print{.-casa h2{font-size:.18rem;margin-top:.05rem}}@media screen and (max-width:767px){.-casa h2{font-size:3.73vw}}.-casa .member{margin-top:0;position:relative;background:rgba(225,206,178,.4);padding:.24rem .64rem .4rem}@media screen and (max-width:767px){.-casa .member{padding:6.4vw 6.4vw}}.-casa .member h4{text-align:center}.-casa .member ul li{color:#555;margin-top:.08rem;line-height:1.7;font-size:.12rem}@media screen and (max-width:767px){.-casa .member ul li{margin-top:3.47vw;font-size:2.67vw}}.-casa .member ul li .name{color:#333;font-weight:700}.region_local{border-bottom:1px solid rgba(255,255,255,.4)}@media screen and (min-width:768px),print{.region_local{padding:.4rem 0 .4rem}}@media screen and (max-width:767px){.region_local{padding:5.33vw 0 0}}.region_local::before{background-position:right .064rem bottom .19rem,center center;background-image:url(/common/css/img/bg_logo_region@2x.png),url(css/img/bg_csr.png);background-size:4.31rem,6rem}.region_local h4{border-top:1px solid rgba(255,255,255,.4);text-align:center;color:#fff;font-family:ryo-gothic-plusn,sans-serif;font-style:normal;font-weight:500;letter-spacing:.13em}@media all and (-ms-high-contrast:none){.region_local h4{font-family:Meiryo,sans-serif}}@media screen and (min-width:768px),print{.region_local h4{padding-top:.4rem;font-size:.215rem}}@media screen and (max-width:767px){.region_local h4{padding-top:10.67vw;font-size:4.8vw;line-height:1.3}}@media screen and (min-width:768px),print{.region_local ul.\@maintitle__imageWrap{padding:.16rem 0 0;justify-content:space-between}}@media screen and (max-width:767px){.region_local ul.\@maintitle__imageWrap{padding:2.67vw 5.87vw;display:block!important}}.region_local ul.\@maintitle__imageWrap li{width:32%;text-align:center}@media screen and (max-width:767px){.region_local ul.\@maintitle__imageWrap li{width:100%;margin-bottom:2.67vw;height:37.33vw;border-radius:3.2vw 0 3.2vw 3.2vw}}.region_local ul.\@maintitle__imageWrap li a{color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden;transition:opacity .3s cubic-bezier(.47,0,.745,.715);border-radius:.24rem 0 .24rem .24rem;opacity:1}.region_local ul.\@maintitle__imageWrap li a img{will-change:transform;transition:transform .3s cubic-bezier(.47,0,.745,.715);transform:scale(1,1)}@media screen and (min-width:768px),print{.region_local ul.\@maintitle__imageWrap li a:hover{opacity:.85}.region_local ul.\@maintitle__imageWrap li a:hover img{transform:scale(1.05,1.05)}}@media screen and (max-width:767px){.region_local ul.\@maintitle__imageWrap li a img{height:37.33vw}}.region_local ul.\@maintitle__imageWrap li a span{font-family:ryo-gothic-plusn,sans-serif;font-style:normal;font-weight:700;position:absolute;background:rgba(0,0,0,.3);border-radius:.24rem 0 .24rem .24rem;top:0;left:0;display:flex;justify-content:center;align-items:center;width:100%;height:100%}@media all and (-ms-high-contrast:none){.region_local ul.\@maintitle__imageWrap li a span{font-family:Meiryo,sans-serif}}@media screen and (max-width:767px){.region_local ul.\@maintitle__imageWrap li a span{font-size:4vw;height:37.33vw;border-radius:3.2vw 0 3.2vw 3.2vw}}@media screen and (min-width:768px),print{.region_local ul.\@maintitle__imageWrap li a h5{margin-top:.08rem;font-size:.16rem}}@media screen and (max-width:767px){.region_local ul.\@maintitle__imageWrap li a h5{font-size:4.27vw}}.regionContainer{background-color:#fff}@media screen and (min-width:768px),print{.regionContainer{padding:.92rem .9rem .8rem;margin-bottom:.88rem}.-casa .regionContainer{margin-bottom:0!important}}@media screen and (max-width:767px){.regionContainer{padding:11.73vw 5.87vw 6.67vw;margin-bottom:10.67vw}}.sectionRegion+.sectionRegion{border-top:1px solid #ddd}@media screen and (min-width:768px),print{.sectionRegion+.sectionRegion{margin-top:.48rem;padding-top:.4rem}}@media screen and (max-width:767px){.sectionRegion+.sectionRegion{margin-top:12.8vw;padding-top:10.67vw}}.sectionRegion__title{color:#6a4e1a;font-family:ryo-gothic-plusn,sans-serif;font-style:normal;font-weight:500}@media all and (-ms-high-contrast:none){.sectionRegion__title{font-family:Meiryo,sans-serif}}@media screen and (min-width:768px),print{.sectionRegion__title{font-size:.285rem}}@media screen and (max-width:767px){.sectionRegion__title{font-size:4.8vw;line-height:1.5}}@media screen and (min-width:768px),print{.sectionRegion__image{margin-top:.29rem}}@media screen and (max-width:767px){.sectionRegion__image{margin-top:4.27vw}}.sectionRegion__text{line-height:1.9}@media screen and (min-width:768px),print{.sectionRegion__text{margin-top:.34rem}.sectionRegion__text+.sectionRegion__text{margin-top:.2rem}}@media screen and (max-width:767px){.sectionRegion__text{margin-top:4.8vw}.sectionRegion__text+.sectionRegion__text{margin-top:4.8vw}}.regionInnerBox{border:1px solid #ddd}@media screen and (min-width:768px),print{.regionInnerBox{margin-top:.4rem;padding:.4rem}}@media screen and (max-width:767px){.regionInnerBox{margin-top:8.8vw;padding:5.33vw 5.33vw 5.33vw}}@media screen and (min-width:768px),print{.regionInnerBox__imageWrap{display:flex;align-items:center;margin-right:-.045rem;margin-left:-.045rem}.regionInnerBox__imageWrap>*{width:50%;padding-right:.045rem;padding-left:.045rem}}@media screen and (max-width:767px){.regionInnerBox__imageWrap{margin-right:-.4vw;margin-left:-.4vw}.regionInnerBox__imageWrap>*{padding-right:.4vw;padding-left:.4vw}}@media screen and (min-width:768px),print{.regionInnerBox__textWrap{padding-left:.24rem}}@media screen and (max-width:767px){.regionInnerBox__textWrap{margin-top:2.13vw;padding-left:0}}.regionInnerBox h4{line-height:1.5}.regionInnerBox__title{font-family:ryo-gothic-plusn,sans-serif;font-style:normal;font-weight:500;border-top:1px solid #ddd;line-height:1.5}@media all and (-ms-high-contrast:none){.regionInnerBox__title{font-family:Meiryo,sans-serif}}@media screen and (min-width:768px),print{.regionInnerBox__title{font-size:.15rem;margin:.08rem 0 .08rem;padding-top:.04rem}}@media screen and (max-width:767px){.regionInnerBox__title{font-size:3.47vw;margin:1.6vw 0 1.07vw;padding-top:1.07vw}}.regionInnerBox__text{font-family:ryo-gothic-plusn,sans-serif;font-style:normal;font-weight:500}@media all and (-ms-high-contrast:none){.regionInnerBox__text{font-family:Meiryo,sans-serif}}@media screen and (min-width:768px),print{.regionInnerBox__text{font-size:.12rem}}@media screen and (max-width:767px){.regionInnerBox__text{font-size:3.2vw}}@media screen and (min-width:768px),print{.regionInnerBox__list{margin-top:.1rem}}@media screen and (max-width:767px){.regionInnerBox__list{margin-top:0}}.regionInnerBox__item{position:relative}.regionInnerBox__item::before{content:"";display:block;position:absolute;background-color:#1a1a1a;border-radius:50%}@media screen and (min-width:768px),print{.regionInnerBox__item{padding-left:.6em}.regionInnerBox__item+.regionInnerBox__item{margin-top:.06rem}.regionInnerBox__item .sub{font-size:.13rem}.regionInnerBox__item::before{width:3px;height:3px;top:.7em;left:0}}@media screen and (max-width:767px){.regionInnerBox__item{padding-left:1em}.regionInnerBox__item+.regionInnerBox__item{margin-top:1.6vw}.regionInnerBox__item .sub{font-size:3.2vw}.regionInnerBox__item::before{width:3px;height:3px;top:.7em;left:.3em}}@media screen and (min-width:768px),print{.anabukids .regionInnerBox__list_block{display:flex}}@media screen and (max-width:767px){.anabukids .regionInnerBox__list_block{display:block}}@media screen and (min-width:768px),print{.anabukids .regionInnerBox__list_block ul{width:50%}}@media screen and (max-width:767px){.anabukids .regionInnerBox__list_block ul{width:100%}}@media screen and (max-width:767px){.anabukids .regionInnerBox__list_block ul:nth-child(2){margin-top:1.6vw}}@charset "UTF-8";
/* Media Query
───────────────────────────────── */
/* Link
───────────────────────────────── */
/* Font
───────────────────────────────── */
/* Pseudo
───────────────────────────────── */
/* contents
───────────────────────────────── */
/* PC item & SP item
───────────────────────────────── */
/* Tel
───────────────────────────────── */
/* Sticky
───────────────────────────────── */
/* Clearfix
───────────────────────────────── */
/* Column
───────────────────────────────── */
/* IE フォント
───────────────────────────────── */
/* z-index
───────────────────────────────── */
/* VW
───────────────────────────────── */
/* 数値から単位を除外
───────────────────────────────── */
/* `px` から `rem` に変換
───────────────────────────────── */
/* `px` から `em` に変換
───────────────────────────────── */
/* Size
───────────────────────────────── */
/* Color
───────────────────────────────── */
/* Font
───────────────────────────────── */
/* Duration
───────────────────────────────── */
/* Padding
───────────────────────────────── */
/* Easing
───────────────────────────────── */
/* Z-index
───────────────────────────────── */
/* フェードイン
───────────────────────────────── */
/* スライドイン
───────────────────────────────── */
/* リバーススライドイン
───────────────────────────────── */
/* スケールイン
───────────────────────────────── */
/* ブラーイン
───────────────────────────────── */
/* ストロークアニメーション
───────────────────────────────── */
@keyframes strokeSvg {
  0% {
    opacity: 0;
    stroke-dashoffset: 150%;
    fill-opacity: 0;
  }
  61.8% {
    opacity: 1;
    stroke-dashoffset: 0%;
    fill-opacity: 0;
  }
  100% {
    opacity: 1;
    stroke-dashoffset: 0%;
    fill-opacity: 1;
  }
}
/* バウンス
───────────────────────────────── */
@keyframes bounce {
  0% {
    transform: scale(1);
  }
  38.2% {
    transform: scale(0.8382);
  }
  61.8% {
    transform: scale(1.1618);
  }
  100% {
    transform: scale(1);
  }
}
/* クロークイン
───────────────────────────────── */
@keyframes cloakIn {
  0% {
    opacity: 0;
  }
}
.ctop .-region {
  margin: 0.48rem 0;
  padding: 0.4rem !important;
}
@media screen and (max-width: 767px) {
  .ctop .-region {
    margin: 8.53vw 0;
    padding: 6.4vw 4.27vw 0 !important;
  }
}
.ctop .-region:before {
  border-radius: 0.24rem 0 0.24rem 0.24rem !important;
}
@media screen and (max-width: 767px) {
  .ctop .-region:before {
    border-radius: 3.2vw 0 3.2vw 3.2vw !important;
  }
}
.ctop .-region .region_local {
  border: none;
  padding: 0;
}
.ctop .-region .region_local h4 {
  border: none;
  padding-top: 0.08rem;
}
@media screen and (max-width: 767px) {
  .ctop .-region .region_local ul.\@maintitle__imageWrap {
    display: none;
    padding: 2.67vw 0vw;
  }
}

.pg-sustainability .l-contents {
  color: #6A4E1A;
  background-repeat: repeat;
  background-position: center center;
  background-size: 6rem;
  background-image: url(css/img/bg_csr@2x.png);
}

@media screen and (max-width: 767px) {
  body:not(#home) .l-contents {
    padding-top: 16vw;
  }
}

#main.-csr {
  background-image: url(css/img/bg_logo_csr@2x.png);
}
@media screen and (min-width: 768px), print {
  #main.-csr > article {
    margin-top: 0.46rem;
  }
}
@media screen and (max-width: 767px) {
  #main.-csr > article {
    margin-top: 12.27vw;
  }
}

@media screen and (min-width: 768px), print {
  .\@maintitle.-detail {
    padding-top: 0.24rem;
  }
}
@media screen and (max-width: 767px) {
  .\@maintitle.-detail {
    padding-top: 1.6vw;
  }
}
.\@maintitle.-detail .\@maintitle__heading {
  color: #6A4E1A;
  display: flex;
  flex-direction: column-reverse;
}
@media screen and (max-width: 767px) {
  .\@maintitle.-detail .\@maintitle__heading {
    background: url(css/img/bg_csr02@2x.png);
  }
}
.\@maintitle.-detail::before {
  background: url(css/img/bg_csr02@2x.png);
  mix-blend-mode: normal;
}

.\@maintitle__heading--sp {
  background-color: #f5f5f5;
}

@media screen and (min-width: 768px), print {
  .\@maintitle__img {
    padding-bottom: 0.1rem;
  }
}
@media screen and (max-width: 767px) {
  .\@maintitle__img {
    padding: 0 3.87vw 0 1.87vw;
  }
}

@media screen and (max-width: 767px) {
  .u-sp-pdg.-csr {
    padding: 0 2.67vw;
  }
}

.text-block {
  color: #1a1a1a;
  font-feature-settings: "pkna";
}
@media screen and (min-width: 768px), print {
  .text-block {
    line-height: 1.9;
    letter-spacing: 0.04em;
  }
}
@media screen and (max-width: 767px) {
  .text-block {
    letter-spacing: 0;
    line-height: 2.1;
  }
}
@media screen and (min-width: 768px), print {
  .text-block > p:nth-of-type(n + 2) {
    margin-top: 0.22rem;
  }
}
@media screen and (max-width: 767px) {
  .text-block > p:nth-of-type(n + 2) {
    margin-top: 3.73vw;
  }
}

/*
  ページ内リンク(csr ver)
  ----------------------*/
.\@arrow.-brown {
  border-color: #6A4E1A;
  position: absolute;
}
@media screen and (min-width: 768px), print {
  .\@arrow.-brown {
    top: 0.18rem;
    left: 0.22rem;
  }
}
@media screen and (max-width: 767px) {
  .\@arrow.-brown {
    top: 4.27vw;
    left: 2.13vw;
  }
}

.\@pageNavigation__list {
  align-items: stretch;
}
@media screen and (min-width: 768px), print {
  .\@pageNavigation__list {
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 1.47rem;
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
  .\@pageNavigation__list {
    margin: 6.93vw 0 21.33vw;
    padding: 0 4vw;
  }
}

.\@pageNavigation__item {
  border-left: none;
  border-bottom: 1px solid #8d7d55;
}
.\@pageNavigation__item:last-of-type {
  border-right: none;
}
@media screen and (min-width: 768px), print {
  .\@pageNavigation__item {
    width: calc((100% - 0.4rem) / 3);
  }
  .\@pageNavigation__item:not(:nth-of-type(n + 4)) {
    border-top: 1px solid #8d7d55;
  }
}
@media screen and (max-width: 767px) {
  .\@pageNavigation__item:nth-of-type(1) {
    border-top: 1px solid #8d7d55;
  }
}

.\@pageNavigation__link {
  position: relative;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .\@pageNavigation__link {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .\@pageNavigation__link {
    height: 100%;
    display: flex;
    align-items: flex-start;
    padding: 0.16rem 0.24rem 0.13rem 0.43rem;
    line-height: 1.4;
    font-size: 0.14rem;
  }
}
@media screen and (max-width: 767px) {
  .\@pageNavigation__link {
    padding: 2.93vw 0 2.4vw 8vw;
  }
}

/*
  title
  ----------------------*/
.section__title {
  text-align: center;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .section__title {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .section__title {
    padding-right: 0.1rem;
    font-size: 0.21rem;
    letter-spacing: 0.11em;
  }
}
@media screen and (max-width: 767px) {
  .section__title {
    font-size: 4.27vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px), print {
  .section__title + * {
    margin-top: 0.3rem;
  }
}
@media screen and (min-width: 768px), print {
  .section__title.csr__leadText {
    letter-spacing: 0.06em;
    margin-bottom: 0.3rem;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) {
  .section__title.csr__leadText + * {
    margin-top: 2.13vw;
  }
}

.section__titleSecond {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  .section__titleSecond {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .section__titleSecond {
    font-size: 0.19rem;
  }
}
@media screen and (max-width: 767px) {
  .section__titleSecond {
    font-size: 4.27vw;
  }
}
@media screen and (min-width: 768px), print {
  .section__titleSecond + * {
    margin-top: 0.25rem;
  }
}
@media screen and (max-width: 767px) {
  .section__titleSecond + * {
    margin-top: 1.6vw;
  }
}

/*
  article
  ----------------------*/
@media screen and (max-width: 767px) {
  .csr__article {
    margin-top: 22.67vw !important;
  }
}

@media screen and (min-width: 768px), print {
  .csr__articleInner {
    padding: 0.3rem 0.9rem 0.4rem;
  }
}
@media screen and (max-width: 767px) {
  .csr__articleInner {
    padding: 4vw 5.33vw 8vw;
  }
}

.csr__articlePic {
  display: block;
}
.csr__articlePic img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .csr__articlePic {
    padding: 0 1.33vw;
  }
}

.csr__articleTtl {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
  text-align: center;
  background: url(css/img/bg_csr02@2x.png);
}
@media all and (-ms-high-contrast: none) {
  .csr__articleTtl {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .csr__articleTtl {
    padding: 0.15rem 0;
    font-size: 0.285rem;
    letter-spacing: 0.11em;
  }
}
@media screen and (max-width: 767px) {
  .csr__articleTtl {
    padding: 3.73vw 1.33vw;
    font-size: 4.8vw;
    line-height: 1.5;
  }
}

.csr__articleItem {
  display: flex;
}
@media screen and (min-width: 768px), print {
  .csr__articleItem {
    margin-top: 0.34rem;
  }
  .csr__articleItem img {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  .csr__articleItem {
    flex-direction: column;
    margin-top: 6.13vw;
  }
  .csr__articleItem:nth-of-type(1) {
    order: 2;
  }
}

/*
  contents
  ----------------------*/
.csr__contents {
  border-top: 1px solid #8d7d55;
}
@media screen and (min-width: 768px), print {
  .csr__contents {
    padding: 0.33rem 0.65rem 0.56rem 0.64rem;
  }
}
@media screen and (max-width: 767px) {
  .csr__contents {
    padding: 6.4vw 5.33vw;
  }
}

/*
  link
  ----------------------*/
.csr__linkWrap {
  background: url(css/img/bg_csr02@2x.png);
  background-blend-mode: color-burn;
}
@media screen and (min-width: 768px), print {
  .csr__linkWrap {
    padding: 0.4rem 0.64rem;
  }
}
@media screen and (max-width: 767px) {
  .csr__linkWrap {
    padding: 4.27vw 4vw;
  }
}

@media screen and (min-width: 768px), print {
  .csr__linkItem:nth-of-type(n + 2) {
    margin-top: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .csr__linkItem:nth-of-type(n + 2) {
    margin-top: 1.87vw;
  }
}

.csr__link,
.csr__link[target=_blank] {
  display: flex;
  align-items: center;
  background-color: #fff;
}
@media screen and (min-width: 768px), print {
  .csr__link,
.csr__link[target=_blank] {
    border-radius: 0.08rem 0 0.08rem 0.08rem;
  }
}
@media screen and (max-width: 767px) {
  .csr__link,
.csr__link[target=_blank] {
    border-radius: 1.6vw 0 1.6vw 1.6vw;
  }
}
.csr__link img,
.csr__link[target=_blank] img {
  text-align: center;
}
@media screen and (min-width: 768px), print {
  .csr__link img,
.csr__link[target=_blank] img {
    width: 89%;
    padding: 0 1.28rem;
  }
  .csr__link img.-modify,
.csr__link[target=_blank] img.-modify {
    padding-left: 0.762rem;
  }
}
@media screen and (max-width: 767px) {
  .csr__link img,
.csr__link[target=_blank] img {
    width: 88%;
    padding: 0;
  }
  .csr__link img.-modify,
.csr__link[target=_blank] img.-modify {
    padding: 0 0 0 5.33vw;
  }
  .csr__link img.-modify img,
.csr__link[target=_blank] img.-modify img {
    width: 69%;
  }
}
.csr__link::before,
.csr__link[target=_blank]::before {
  content: "";
  display: inline-block;
  height: 0.5rem;
  width: 0.01rem;
  order: 1;
  background-color: #024fa0;
}
@media screen and (max-width: 767px) {
  .csr__link::before,
.csr__link[target=_blank]::before {
    width: 0.27vw;
    height: 8.8vw;
  }
}
.csr__link::after,
.csr__link[target=_blank]::after {
  content: "";
  display: inline-block;
  background: url(/common/css/img/icon_window.svg) no-repeat center/contain;
  order: 2;
}
@media screen and (min-width: 768px), print {
  .csr__link::after,
.csr__link[target=_blank]::after {
    margin: 0.34rem auto;
    width: 0.12rem;
    height: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .csr__link::after,
.csr__link[target=_blank]::after {
    margin: 6.67vw auto;
    width: 2.4vw;
    height: 2.4vw;
  }
}

main.-sdgs .-white {
  background: #fff;
  border-radius: 8px;
  padding: 80px;
}
main.-sdgs .intro {
  margin-bottom: 64px;
}
main.-sdgs .intro .section__title {
  margin: 24px 0;
}
main.-sdgs span.marker {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  background: linear-gradient(transparent 60%, #ffef98 40%);
}
@media all and (-ms-high-contrast: none) {
  main.-sdgs span.marker {
    font-family: Meiryo, sans-serif;
  }
}
main.-sdgs .flex_box {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  border-top: 1px solid #ddd;
  padding: 24px 0;
}
main.-sdgs .flex_box .img {
  width: 24%;
}
main.-sdgs .flex_box .txt {
  width: 72%;
}
main.-sdgs .flex_box .txt .\@heading__level4 {
  font-size: 0.13rem;
  line-height: 1.5;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  main.-sdgs .flex_box .txt .\@heading__level4 {
    font-family: Meiryo, sans-serif;
  }
}
main.-sdgs .flex_box .txt .\@unordered__list {
  font-size: 0.16rem;
  line-height: 1.5;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
}
@media all and (-ms-high-contrast: none) {
  main.-sdgs .flex_box .txt .\@unordered__list {
    font-family: Meiryo, sans-serif;
  }
}

@media screen and (max-width: 767px) {
  main.-sdgs .-white {
    padding: 8.53vw;
  }
  main.-sdgs .flex_box {
    display: block;
    padding: 5.33vw 0;
  }
  main.-sdgs .flex_box .img {
    width: 100%;
    text-align: center;
  }
  main.-sdgs .flex_box .img img {
    width: 50%;
  }
  main.-sdgs .flex_box .txt {
    margin-top: 5.33vw;
    width: 100%;
  }
  main.-sdgs .flex_box .txt .\@heading__level4 {
    font-size: 3.47vw;
  }
  main.-sdgs .flex_box .txt .\@unordered__list {
    font-size: 4vw;
  }
}
/*CSR憲章*/
main.-sdgs .bg-box {
  background: url(css/img/bg_csr02@2x.png);
  padding: 16px;
}
main.-sdgs .bg-box .white {
  padding: 64px;
  border-radius: 8px;
  background: #fff;
  margin-bottom: 0;
}
main.-sdgs .bg-box .white .section__title {
  font-size: 0.4rem;
  line-height: 1;
}

@media screen and (max-width: 767px) {
  main.-sdgs .bg-box {
    padding: 4vw;
  }
  main.-sdgs .bg-box .white {
    padding: 10.67vw 6.4vw;
  }
  main.-sdgs .bg-box .white br {
    display: none;
  }
  main.-sdgs .bg-box .white .section__title {
    margin-bottom: 4vw;
    font-size: 5.33vw;
  }
}
/*健康経営に関する取り組み*/
.tbl-lb {
  border-left: 1px solid #dddddd;
}

.justify-sb {
  justify-content: space-between !important;
}

.health-logo-box {
  border-radius: 5px;
  background-color: #fffdf9;
  border: solid 1px #ece3cb;
  box-sizing: border-box;
  padding: 2.67vw;
}
@media screen and (max-width: 767px) {
  .health-logo-box {
    padding: 5.33vw;
  }
}

/*健康経営 戦略マップ
  ----------------------
  PCは本文幅820px(画面幅1516px以上で固定)を基準に作ったため、
  $max-basis / $pc-basis で割って rem() に換算する(hmPc)。
  SPは375px基準のため、そのまま vw() に渡す(hmSp)。 */
.healthMap {
  /* 推進方針と目標
    ---------------------- */
  /* 体系図
    ---------------------- */
  /* 3つの重点領域
    ---------------------- */
  /* 成果の流れ
    ---------------------- */
  /* PC かつ subgrid 対応: 左端の行ラベルを置き、3つの領域の行(見出し・施策・KPI・KGI)をそろえる
    ---------------------- */
}
.healthMap__sprite {
  position: absolute;
  width: 0;
  height: 0;
  overflow: hidden;
}
.healthMap__phrase {
  display: inline-block;
}
.healthMap__icon {
  display: block;
  flex: none;
}
.healthMap__policy {
  display: flex;
  flex-direction: column;
  border: 1px solid #a9d3ee;
  background: linear-gradient(to bottom, #f1f8ff, #e4f0fb);
  color: #1b3a5c;
}
@media screen and (min-width: 768px), print {
  .healthMap__policy {
    margin-top: 0.166rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policy {
    margin-top: 4.27vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__policy {
    padding: 0.129rem 0.148rem 0.129rem 0.129rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policy {
    padding: 3.73vw 3.73vw 3.73vw 3.73vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__policy {
    gap: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policy {
    gap: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__policy {
    border-radius: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policy {
    border-radius: 2.67vw;
  }
}
.healthMap__policyMain, .healthMap__goal {
  display: flex;
}
@media screen and (min-width: 768px), print {
  .healthMap__policyMain, .healthMap__goal {
    align-items: center;
    gap: 0.148rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policyMain, .healthMap__goal {
    flex-direction: column;
    gap: 2.67vw;
  }
}
.healthMap__goal {
  border-top: 1px solid #b9d9ee;
}
@media screen and (min-width: 768px), print {
  .healthMap__goal {
    padding-top: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goal {
    padding-top: 3.2vw;
  }
}
.healthMap__policyLabel, .healthMap__goalLabel {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  line-height: 1.5;
}
@media all and (-ms-high-contrast: none) {
  .healthMap__policyLabel, .healthMap__goalLabel {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__policyLabel, .healthMap__goalLabel {
    font-size: 0.166rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policyLabel, .healthMap__goalLabel {
    font-size: 4.27vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__policyLabel, .healthMap__goalLabel {
    flex: none;
    width: 1.384rem;
  }
}
.healthMap__policyLabel {
  background: linear-gradient(to bottom, #1170b6, #0a5aa0);
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .healthMap__policyLabel {
    padding: 0.111rem 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policyLabel {
    padding: 2.4vw 2.67vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__policyLabel {
    border-radius: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policyLabel {
    border-radius: 2.13vw;
  }
}
.healthMap__goalLabel {
  color: #0b4a8a;
}
@media screen and (min-width: 768px), print {
  .healthMap__goalLabel {
    text-align: center;
  }
}
.healthMap__policyText {
  flex: 1;
  line-height: 1.8;
}
@media screen and (min-width: 768px), print {
  .healthMap__policyText {
    font-size: 0.138rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__policyText {
    font-size: 3.73vw;
  }
}
.healthMap__goalList {
  flex: 1;
  counter-reset: healthMapGoal;
}
@media screen and (min-width: 768px), print {
  .healthMap__goalList {
    font-size: 0.148rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goalList {
    font-size: 3.73vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__goalList {
    padding-left: 0.148rem;
    border-left: 1px solid rgba(59, 95, 134, 0.7);
  }
}
.healthMap__goalList > li {
  display: flex;
  align-items: center;
  line-height: 1.5;
  counter-increment: healthMapGoal;
}
@media screen and (min-width: 768px), print {
  .healthMap__goalList > li {
    gap: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goalList > li {
    gap: 2.67vw;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goalList > li {
    align-items: flex-start;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__goalList > li + li {
    margin-top: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goalList > li + li {
    margin-top: 2.13vw;
  }
}
.healthMap__goalList > li:before {
  content: counter(healthMapGoal);
  flex: none;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  border-radius: 50%;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
}
@media screen and (min-width: 768px), print {
  .healthMap__goalList > li:before {
    width: 0.222rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goalList > li:before {
    width: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__goalList > li:before {
    height: 0.222rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goalList > li:before {
    height: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__goalList > li:before {
    font-size: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__goalList > li:before {
    font-size: 3.47vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .healthMap__goalList > li:before {
    font-family: Meiryo, sans-serif;
  }
}
.healthMap__goalList > li:nth-child(1):before {
  background: linear-gradient(to bottom, #4aa3e6, #2f86c9);
}
.healthMap__goalList > li:nth-child(2):before {
  background: linear-gradient(to bottom, #3a8fd3, #2573b8);
}
.healthMap__goalList > li:nth-child(3):before {
  background: linear-gradient(to bottom, #1366ad, #0a4f92);
}
.healthMap__map:before {
  content: "";
  display: block;
  background: linear-gradient(to bottom, #7fbdf0, #3d95e0);
  clip-path: polygon(50% 0, 100% 53.33%, 71.74% 53.33%, 71.74% 100%, 28.26% 100%, 28.26% 53.33%, 0 53.33%);
}
@media screen and (min-width: 768px), print {
  .healthMap__map:before {
    margin: 0.166rem auto 0.166rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__map:before {
    margin: 4.27vw auto 4.27vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__map:before {
    width: 0.425rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__map:before {
    width: 12.27vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__map:before {
    height: 0.277rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__map:before {
    height: 8vw;
  }
}
.healthMap__rowLabel {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  background: linear-gradient(to bottom, #eaf3fc, #dcebf8);
  color: #1b3a5c;
  line-height: 1.5;
  letter-spacing: 0.02em;
}
@media all and (-ms-high-contrast: none) {
  .healthMap__rowLabel {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__rowLabel {
    font-size: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__rowLabel {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__rowLabel {
    border-radius: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__rowLabel {
    border-radius: 2.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__rowLabel {
    padding: 0.055rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__rowLabel {
    padding: 1.6vw;
  }
}
.healthMap__vision:after {
  content: "";
  display: block;
  background: linear-gradient(to bottom, #f4f9fd, #e3effa);
}
@media screen and (min-width: 768px), print {
  .healthMap__vision:after {
    margin-top: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__vision:after {
    margin-top: 2.67vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__vision:after {
    height: 0.277rem;
    margin-left: 0.868rem;
    clip-path: polygon(26.17% 0, 73.83% 0, 100% 100%, 0 100%);
  }
}
@media screen and (max-width: 767px) {
  .healthMap__vision:after {
    height: 5.87vw;
    clip-path: polygon(23.7% 0, 76.3% 0, 100% 100%, 0 100%);
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__visionRow {
    display: flex;
    align-items: stretch;
    gap: 0.092rem;
  }
  .healthMap__visionRow > .healthMap__rowLabel {
    flex: none;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 0.775rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__visionRow > .healthMap__rowLabel {
    display: inline-block;
    margin-bottom: 2.67vw;
  }
}
.healthMap__banner {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(to bottom, #0b66b0, #09589e);
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .healthMap__banner {
    min-height: 0.812rem;
    padding: 0.129rem 0.258rem;
    gap: 0.148rem;
    border-radius: 0.406rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__banner {
    flex-direction: column;
    padding: 4.27vw;
    gap: 2.13vw;
    border-radius: 7.47vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__bannerIcon {
    width: 0.369rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__bannerIcon {
    width: 9.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__bannerIcon {
    height: 0.369rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__bannerIcon {
    height: 9.6vw;
  }
}
.healthMap__bannerText {
  display: flex;
  flex-direction: column;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .healthMap__bannerText {
    gap: 0.037rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__bannerText {
    gap: 1.07vw;
  }
}
.healthMap__bannerTitle {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  line-height: 1.4;
}
@media all and (-ms-high-contrast: none) {
  .healthMap__bannerTitle {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__bannerTitle {
    font-size: 0.203rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__bannerTitle {
    font-size: 4.53vw;
  }
}
.healthMap__bannerLead {
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .healthMap__bannerLead {
    font-size: 0.148rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__bannerLead {
    font-size: 3.73vw;
  }
}
.healthMap__areas {
  display: grid;
}
@media screen and (min-width: 768px), print {
  .healthMap__areas {
    margin-top: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areas {
    margin-top: 2.67vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areas {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areas {
    grid-template-columns: minmax(0, 1fr);
    gap: 5.33vw;
  }
}
.healthMap__areasTitle {
  justify-self: start;
}
@media screen and (min-width: 768px), print {
  .healthMap__areasTitle {
    grid-column: 1/-1;
  }
}
.healthMap__rowLabel.-pc {
  display: none;
}
.healthMap__rowLabelText {
  display: block;
}
.healthMap__area {
  position: relative;
  display: flex;
  flex-direction: column;
  border: 1px solid #a9d3ee;
  background: #fff;
  color: #1b3a5c;
}
@media screen and (min-width: 768px), print {
  .healthMap__area {
    border-radius: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__area {
    border-radius: 2.67vw;
  }
}
.healthMap__areaHead {
  position: relative;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .healthMap__areaHead {
    padding: 0.148rem 0.111rem 0.111rem 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaHead {
    padding: 4.27vw 3.2vw 3.2vw 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaHead {
    border-radius: 0.092rem 0.092rem 0 0;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaHead {
    border-radius: 2.67vw 2.67vw 0 0;
  }
}
.healthMap__areaIcon {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  border: 3px solid #fff;
  border-radius: 50%;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .healthMap__areaIcon {
    top: -0.102rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaIcon {
    top: -2.93vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaIcon {
    left: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaIcon {
    left: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaIcon {
    width: 0.425rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaIcon {
    width: 12.27vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaIcon {
    height: 0.425rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaIcon {
    height: 12.27vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaIcon > svg {
    width: 0.222rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaIcon > svg {
    width: 6.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaIcon > svg {
    height: 0.222rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaIcon > svg {
    height: 6.4vw;
  }
}
.healthMap__areaTitle {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  line-height: 1.4;
}
@media screen and (min-width: 768px), print {
  .healthMap__areaTitle {
    padding-left: 0.572rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaTitle {
    padding-left: 16.53vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .healthMap__areaTitle {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaTitle {
    font-size: 0.175rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaTitle {
    font-size: 5.07vw;
  }
}
.healthMap__areaLead {
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .healthMap__areaLead {
    margin-top: 0.037rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaLead {
    margin-top: 1.07vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__areaLead {
    font-size: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__areaLead {
    font-size: 3.2vw;
  }
}
.healthMap__blockLabel {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  background: linear-gradient(to bottom, #eaf3fc, #dcebf8);
  color: #1b3a5c;
  line-height: 1.5;
  letter-spacing: 0.02em;
  display: inline-block;
}
@media all and (-ms-high-contrast: none) {
  .healthMap__blockLabel {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__blockLabel {
    font-size: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__blockLabel {
    font-size: 3.2vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__blockLabel {
    border-radius: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__blockLabel {
    border-radius: 2.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__blockLabel {
    margin-bottom: 0.037rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__blockLabel {
    margin-bottom: 1.07vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__blockLabel {
    padding: 0.028rem 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__blockLabel {
    padding: 0.8vw 2.67vw;
  }
}
.healthMap__measures, .healthMap__kpi, .healthMap__kgi {
  display: flex;
  flex-direction: column;
}
.healthMap__measures > .healthMap__blockLabel, .healthMap__kpi > .healthMap__blockLabel, .healthMap__kgi > .healthMap__blockLabel {
  align-self: flex-start;
}
@media screen and (min-width: 768px), print {
  .healthMap__measures {
    margin: 0.092rem 0.074rem 0;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__measures {
    margin: 2.67vw 2.13vw 0;
  }
}
.healthMap__kpi, .healthMap__kgi {
  position: relative;
}
@media screen and (min-width: 768px), print {
  .healthMap__kpi, .healthMap__kgi {
    margin: 0.203rem 0.074rem 0;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpi, .healthMap__kgi {
    margin: 5.87vw 2.13vw 0;
  }
}
.healthMap__kpi:before, .healthMap__kgi:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50%;
  background: linear-gradient(to bottom, #7fbdf0, #3d95e0);
  clip-path: polygon(50% 0, 100% 50%, 72.22% 50%, 72.22% 100%, 27.78% 100%, 27.78% 50%, 0 50%);
}
@media screen and (min-width: 768px), print {
  .healthMap__kpi:before, .healthMap__kgi:before {
    top: -0.166rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpi:before, .healthMap__kgi:before {
    top: -4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpi:before, .healthMap__kgi:before {
    margin-left: -0.083rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpi:before, .healthMap__kgi:before {
    margin-left: -2.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpi:before, .healthMap__kgi:before {
    width: 0.166rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpi:before, .healthMap__kgi:before {
    width: 4.8vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpi:before, .healthMap__kgi:before {
    height: 0.129rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpi:before, .healthMap__kgi:before {
    height: 3.73vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgi {
    margin-bottom: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgi {
    margin-bottom: 2.67vw;
  }
}
.healthMap__list {
  flex: 1;
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px), print {
  .healthMap__list {
    gap: 0.055rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__list {
    gap: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__list {
    padding: 0.092rem 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__list {
    padding: 2.67vw 2.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__list {
    border-radius: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__list {
    border-radius: 2.13vw;
  }
}
.healthMap__item {
  display: flex;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .healthMap__item {
    gap: 0.055rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__item {
    gap: 1.6vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__item {
    font-size: 0.129rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__item {
    font-size: 3.47vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__item > svg {
    width: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__item > svg {
    width: 3.47vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__item > svg {
    height: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__item > svg {
    height: 3.47vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__item > svg {
    margin-top: 0.028rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__item > svg {
    margin-top: 0.8vw;
  }
}
.healthMap__kpiBody {
  flex: 1;
  display: flex;
  align-items: center;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .healthMap__kpiBody {
    gap: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpiBody {
    gap: 2.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpiBody {
    padding: 0.092rem 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpiBody {
    padding: 2.67vw 2.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpiBody {
    border-radius: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpiBody {
    border-radius: 2.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpiBody {
    font-size: 0.12rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpiBody {
    font-size: 3.47vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .healthMap__kpiBody {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpiBody > svg {
    width: 0.277rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpiBody > svg {
    width: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kpiBody > svg {
    height: 0.277rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kpiBody > svg {
    height: 8vw;
  }
}
.healthMap__kgiBody {
  flex: 1;
  display: flex;
  flex-direction: column;
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiBody {
    gap: 0.037rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiBody {
    gap: 1.07vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiBody {
    padding: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiBody {
    padding: 2.67vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiBody {
    border-radius: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiBody {
    border-radius: 2.13vw;
  }
}
.healthMap__kgiHead {
  display: flex;
  align-items: center;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 500;
  /* IE11 */
  line-height: 1.6;
  letter-spacing: 0.04em;
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiHead {
    gap: 0.074rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiHead {
    gap: 2.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiHead {
    font-size: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiHead {
    font-size: 3.2vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .healthMap__kgiHead {
    font-family: Meiryo, sans-serif;
  }
}
.healthMap__kgiTag {
  flex: none;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  background: #fff;
  letter-spacing: 0.02em;
  line-height: 1.5;
  text-shadow: none;
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiTag {
    padding: 0.018rem 0.083rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiTag {
    padding: 0.53vw 2.4vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiTag {
    border-radius: 0.111rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiTag {
    border-radius: 3.2vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .healthMap__kgiTag {
    font-family: Meiryo, sans-serif;
  }
}
.healthMap__kgiValue {
  display: flex;
  align-items: flex-end;
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiValue {
    gap: 0.037rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiValue {
    gap: 1.07vw;
  }
}
.healthMap__kgiValue > svg {
  margin-left: auto;
  opacity: 0.92;
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiValue > svg {
    width: 0.277rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiValue > svg {
    width: 8vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiValue > svg {
    height: 0.277rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiValue > svg {
    height: 8vw;
  }
}
.healthMap__kgiNumber {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  line-height: 1.1;
  letter-spacing: 0;
}
@media all and (-ms-high-contrast: none) {
  .healthMap__kgiNumber {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiNumber {
    font-size: 0.351rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiNumber {
    font-size: 10.13vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiNumber {
    margin-left: 0.508rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiNumber {
    margin-left: 14.67vw;
  }
}
.healthMap__kgiUnit {
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  letter-spacing: 0;
}
@media all and (-ms-high-contrast: none) {
  .healthMap__kgiUnit {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__kgiUnit {
    font-size: 0.138rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__kgiUnit {
    font-size: 4vw;
  }
}
.healthMap__area.-work {
  border-color: #bcd8f3;
}
.healthMap__area.-work .healthMap__areaHead {
  background: linear-gradient(to bottom, #2b97dd, #0079bf);
}
.healthMap__area.-work .healthMap__areaIcon {
  background: #0a5aa0;
}
.healthMap__area.-work .healthMap__list,
.healthMap__area.-work .healthMap__kpiBody {
  background: linear-gradient(to bottom, #eef6fd, #e0edf9);
}
.healthMap__area.-work .healthMap__item > svg,
.healthMap__area.-work .healthMap__kpiBody > svg {
  fill: #0079bf;
}
.healthMap__area.-work .healthMap__kpiBody {
  color: #0b4a8a;
}
.healthMap__area.-work .healthMap__kpi:before,
.healthMap__area.-work .healthMap__kgi:before {
  background: linear-gradient(to bottom, #6bb8f2, #2a7fc8);
}
.healthMap__area.-work .healthMap__kgiBody {
  background: linear-gradient(to bottom, #0079bf, #1688d0);
}
.healthMap__area.-work .healthMap__kgiTag {
  color: #0b4a8a;
}
.healthMap__area.-health {
  border-color: #bfe6cd;
}
.healthMap__area.-health .healthMap__areaHead {
  background: linear-gradient(to bottom, #2bb062, #1f9d55);
}
.healthMap__area.-health .healthMap__areaIcon {
  background: #15803f;
}
.healthMap__area.-health .healthMap__list,
.healthMap__area.-health .healthMap__kpiBody {
  background: linear-gradient(to bottom, #eefaf2, #dcf3e4);
}
.healthMap__area.-health .healthMap__item > svg,
.healthMap__area.-health .healthMap__kpiBody > svg {
  fill: #1f9d55;
}
.healthMap__area.-health .healthMap__kpiBody {
  color: #176b3a;
}
.healthMap__area.-health .healthMap__kpi:before,
.healthMap__area.-health .healthMap__kgi:before {
  background: linear-gradient(to bottom, #5fd08a, #2fa860);
}
.healthMap__area.-health .healthMap__kgiBody {
  background: linear-gradient(to bottom, #1f9d55, #2aae62);
}
.healthMap__area.-health .healthMap__kgiTag {
  color: #176b3a;
}
.healthMap__area.-career {
  border-color: #f9d3a8;
}
.healthMap__area.-career .healthMap__areaHead {
  background: linear-gradient(to bottom, #ec8212, #e06e08);
}
.healthMap__area.-career .healthMap__areaIcon {
  background: #c25a05;
}
.healthMap__area.-career .healthMap__list,
.healthMap__area.-career .healthMap__kpiBody {
  background: linear-gradient(to bottom, #fff6ea, #fde6cc);
}
.healthMap__area.-career .healthMap__item > svg,
.healthMap__area.-career .healthMap__kpiBody > svg {
  fill: #e06e08;
}
.healthMap__area.-career .healthMap__kpiBody {
  color: #a84d05;
}
.healthMap__area.-career .healthMap__kpi:before,
.healthMap__area.-career .healthMap__kgi:before {
  background: linear-gradient(to bottom, #ffb96a, #f08a2c);
}
.healthMap__area.-career .healthMap__kgiBody {
  background: linear-gradient(to bottom, #e06e08, #ec7b13);
}
.healthMap__area.-career .healthMap__kgiTag {
  color: #a84d05;
}
@media screen and (min-width: 768px), print {
  .healthMap__outcome {
    padding-left: 0.868rem;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px), print {
  .healthMap__outcome {
    margin-top: 0.231rem;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  .healthMap__outcome {
    margin-top: 6.67vw;
  }
}
.healthMap__outcomeRow {
  position: relative;
  font-family: ryo-gothic-plusn, sans-serif;
  font-style: normal;
  font-weight: 700;
  /* IE11 */
  line-height: 1.5;
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeRow {
    font-size: 0.129rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeRow {
    font-size: 3.73vw;
  }
}
@media all and (-ms-high-contrast: none) {
  .healthMap__outcomeRow {
    font-family: Meiryo, sans-serif;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeRow {
    display: grid;
    grid-template-columns: 1.2fr 0.295rem 0.8fr;
    align-items: center;
    padding: 0.129rem 0;
    border-radius: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeRow {
    border-radius: 2.67vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeRow + .healthMap__outcomeRow {
    margin-top: 0.138rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeRow + .healthMap__outcomeRow {
    margin-top: 4vw;
  }
}
.healthMap__outcomeRow.-light {
  border: 1px solid #cfe3f5;
  background: #e6f3ff;
  color: #024fa0;
}
.healthMap__outcomeRow.-light .healthMap__outcomeItem > svg {
  fill: #0079bf;
}
.healthMap__outcomeRow.-light .healthMap__outcomeArrow {
  color: #2a7fc8;
}
.healthMap__outcomeRow.-strong {
  color: #fff;
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeRow.-strong {
    background: linear-gradient(113deg, #0b78bf 62%, #0b4a8e 38%);
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeRow.-strong {
    background: #0b4a8e;
  }
}
.healthMap__outcomeRow.-strong .healthMap__outcomeItem > svg {
  fill: #fff;
}
.healthMap__outcomeItem {
  display: flex;
  align-items: center;
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeItem {
    justify-content: center;
    gap: 0.092rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeItem {
    gap: 2.67vw;
    padding: 3.73vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeItem > svg {
    width: 0.24rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeItem > svg {
    width: 6.93vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeItem > svg {
    height: 0.24rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeItem > svg {
    height: 6.93vw;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeItem:first-child {
    border-radius: 2.67vw 2.67vw 0 0;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeItem:last-child {
    border-radius: 0 0 2.67vw 2.67vw;
  }
}
.healthMap__outcomeArrow {
  justify-self: center;
  fill: none;
  stroke: currentColor;
  stroke-width: 2.2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeArrow {
    width: 0.185rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeArrow {
    width: 5.33vw;
  }
}
@media screen and (min-width: 768px), print {
  .healthMap__outcomeArrow {
    height: 0.148rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeArrow {
    height: 4.27vw;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeArrow {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeItem + .healthMap__outcomeArrow + .healthMap__outcomeItem {
    position: relative;
    padding-top: 5.33vw;
  }
  .healthMap__outcomeItem + .healthMap__outcomeArrow + .healthMap__outcomeItem:before {
    content: "";
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 1.6vw;
    width: 3.73vw;
    height: 2.13vw;
    margin-left: -1.87vw;
    clip-path: polygon(0 0, 100% 0, 50% 100%);
  }
}
.healthMap__outcomeRow.-light .healthMap__outcomeItem + .healthMap__outcomeArrow + .healthMap__outcomeItem:before {
  background: #0079bf;
}
.healthMap__outcomeRow.-strong .healthMap__outcomeItem + .healthMap__outcomeArrow + .healthMap__outcomeItem:before {
  background: #fff;
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeRow.-strong .healthMap__outcomeItem:first-child {
    background: #0b78bf;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__outcomeRow.-strong .healthMap__outcomeItem + .healthMap__outcomeArrow + .healthMap__outcomeItem {
    background: #0b4a8e;
  }
}
.healthMap__skyline {
  overflow: hidden;
}
@media screen and (min-width: 768px), print {
  .healthMap__skyline {
    margin-top: 0.166rem;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__skyline {
    margin-top: 4.27vw;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__skyline {
    height: 27.73vw;
  }
}
.healthMap__skyline img {
  display: block;
}
@media screen and (min-width: 768px), print {
  .healthMap__skyline img {
    width: 100%;
  }
}
@media screen and (max-width: 767px) {
  .healthMap__skyline img {
    width: 171.73vw;
    max-width: none;
    margin-left: -41.07vw;
  }
}
@media screen and (min-width: 768px), print {
  @supports (grid-template-rows: subgrid) {
    .healthMap__areas {
      grid-template-columns: 0.775rem repeat(3, minmax(0, 1fr));
      grid-template-rows: auto auto auto auto;
      column-gap: 0.092rem;
      row-gap: 0;
    }
    .healthMap__areasTitle {
      grid-column: 1;
      grid-row: 1;
      justify-self: stretch;
      margin-top: 1px;
    }
    .healthMap__rowLabel.-pc {
      grid-column: 1;
      align-self: stretch;
    }
    .healthMap__rowLabel.-pc.-measures {
      grid-row: 2;
      margin-top: 0.092rem;
    }
    .healthMap__rowLabel.-pc.-kpi {
      grid-row: 3;
      margin-top: 0.203rem;
    }
    .healthMap__rowLabel.-pc.-kgi {
      grid-row: 4;
      margin-top: 0.203rem;
      margin-bottom: calc(0.092rem + 1px);
    }
    .healthMap__areasTitle, .healthMap__rowLabel.-pc {
      display: flex;
      align-items: center;
      justify-content: center;
      padding: 0.055rem;
    }
    .healthMap__area {
      grid-row: 1/span 4;
      display: grid;
      grid-template-rows: subgrid;
    }
    .healthMap__area.-work {
      grid-column: 2;
    }
    .healthMap__area.-health {
      grid-column: 3;
    }
    .healthMap__area.-career {
      grid-column: 4;
    }
    .healthMap__blockLabel {
      position: absolute;
      width: 1px;
      height: 1px;
      margin: -1px;
      padding: 0;
      overflow: hidden;
      clip: rect(0 0 0 0);
      white-space: nowrap;
    }
  }
}