

.md-kvListWrap {
  margin: 0 auto;
}
.md-kvListWrap .kv__slideItem {
  position: relative;
  height: 723rem;
}
.md-kvListWrap .kv__slideImg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  width: 100%;
  height: 100%;
}
.md-kvListWrap .kv__slideItem img {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: 50% 50%;
  object-position: 50% 50%;
  width: 100%;
  height: 100%;
}
.md-kvListWrap .kv__slideList .slick-arrow {
  position: absolute;
  bottom: 30rem;
  width: 80rem;
  height: 80rem;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
  z-index: 15;
  font-size: 0;
}
.md-kvListWrap .kv__slideList .slick-prev {
  right: 120rem;
  background-image: url(/images/kv_slide_l.png);
}
.md-kvListWrap .kv__slideList .slick-next {
  right: 30rem;
  background-image: url(/images/kv_slide_r.png);
}
.md-kvListWrap .kv__slideLink {
  position: absolute;
  bottom: 70rem;
  left: 50%;
  transform: translateX(-50%);
  max-width: 1245rem;
  width: 100%;
}
.md-kvListWrap .kv__slideLink a {
  display: inline-block;
  color: #fff;
  font-size: 18rem;
  line-height: 1.5;
  position: relative;
  padding-right: 50rem;
  box-sizing: border-box;
  text-decoration: none;
}
.md-kvListWrap .kv__slideLink a::before {
  content: " ";
  width: 32rem;
  height: 32rem;
  background: url(/common/images/icn_circle_arw.svg) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .md-kvListWrap {
    max-width: 100%;
  }
  .md-kvListWrap .kv__slideItem {
    height: 612rem;
  }
  .kmd-kvv .kv__slideItem {
    position: relative;
    height: 612rem;
  }
  .md-kvListWrap .kv__slideImg {
    width: 100%;
    max-width: 100%;
    height: 100%;
  }
  .md-kvListWrap .kv__slideItem img {
    -o-object-fit: contain;
    object-fit: contain;
  }
  .md-kvListWrap .kv__slideList .slick-arrow {
    bottom: 45rem;
    width: 43rem;
    height: 43rem;
  }
  .md-kvListWrap .kv__slideList .slick-prev {
    right: 55rem;
    background-image: url(/images/kv_slide_l.png);
  }
  .md-kvListWrap .kv__slideList .slick-next {
    right: 10rem;
    background-image: url(/images/kv_slide_r.png);
  }
  .md-kvListWrap .kv__slideLink {
    position: absolute;
    bottom: 60rem;
    max-width: 100%;
    width: 100%;
    padding: 0 10rem;
    box-sizing: border-box;
  }
  .md-kvListWrap .kv__slideLink a {
    font-size: 14rem;
    padding-right: 50rem;
  }
}



.topNews {
  background-color: #f8f8f8;
}
.topNews .topNews__inr {
  padding: 24rem 0;
  box-sizing: border-box;
}
.topNews .topNews__inr a {
  padding: 6rem 0 6rem 45rem;
  box-sizing: border-box;
  font-size: 14rem;
  font-weight: bold;
  line-height: 1.5;
  position: relative;
  text-decoration: none;
  display: block;
  transition: all 0.3s ease-in-out;
}
.topNews .topNews__inr a:hover {
  color: var(--c-base);
}
.topNews .topNews__inr a::before {
  content: " ";
  width: 20rem;
  height: 20rem;
  background: url(/common/images/icn_info_rd.svg) no-repeat center center;
  background-size: 100% 100%;
  position: absolute;
  top: 6rem;
  left: 0;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .topNews {
    background-color: #f8f8f8;
  }
  .topNews .topNews__inr {
    padding: 30rem 0;
  }
  .topNews .topNews__inr a {
    padding: 30rem 0 0 0;
  }
  .topNews .topNews__inr a:hover {
    color: var(--c-base);
  }
  .topNews .topNews__inr a::before {
    content: " ";
    width: 20rem;
    height: 20rem;
    background: url(/common/images/icn_info_rd.svg) no-repeat center center;
    background-size: 100% 100%;
    position: absolute;
    top: 4rem;
    left: 0;
  }
}



.md-sec {
  margin-top: 110rem;
}
.md-sec .sec__ttl {
  font-size: 64rem;
  font-weight: 300;
  line-height: 1.5;
  font-family: var(--ff-robot);
}
.md-sec .sec__cts {
  margin-top: 45rem;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .md-sec {
    margin-top: 75rem;
  }
  .md-sec .sec__ttl {
    font-size: 42rem;
  }
  .md-sec .sec__cts {
    margin-top: 25rem;
  }
}



._sec-pick .sec__list {
  display: flex;
  margin: 0 -7rem;
}
._sec-pick .sec__item {
  width: 33.3333%;
  padding: 0 7rem;
  box-sizing: border-box;
}
._sec-pick .sec__itemInr {
  display: block;
  text-decoration: none;
}
._sec-pick .sec__itemImg {
  display: block;
}
._sec-pick .sec__itemTxt {
  margin-top: 15rem;
  font-size: 16rem;
  line-height: 1.5;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  ._sec-pick .sec__list {
    margin: 0 -7rem;
    flex-wrap: wrap;
  }
  ._sec-pick .sec__item {
    width: 50%;
    padding: 7rem;
  }
  ._sec-pick .sec__itemInr {
    display: block;
    text-decoration: none;
  }
  ._sec-pick .sec__itemTxt {
    margin-top: 10rem;
    font-size: 12rem;
    padding: 8rem;
    box-sizing: border-box;
  }
}


._sec-news .sec__item a {
  display: flex;
  align-items: center;
  text-decoration: none;
  padding: 15rem 0;
  box-sizing: border-box;
}
._sec-news .sec__item a[href$=".pdf"]::after {
  content: "PDF";
  color: var(--c-base);
  font-size: 10rem;
  line-height: 1.5;
  border: 1px solid var(--c-base);
  padding: 0 10rem;
  box-sizing: border-box;
  margin-left: 8rem;
}
._sec-news .sec__item .sec__itemDate {
  font-size: 14rem;
  line-height: 1.5;
  font-family: var(--ff-robot);
}
._sec-news .sec__item .sec__itemType {
  margin-left: 15rem;
  box-sizing: border-box;
  padding: 3rem 12rem;
  background-color: #fafafa;
  color: #828282;
  font-size: 13rem;
  font-weight: 300;
  line-height: 1.2;
  min-width: 135rem;
  text-align: center;
}
._sec-news .sec__item .sec__itemTxt {
  margin-left: 13rem;
  font-size: 16rem;
  font-weight: 300;
  line-height: 1.7;
}
._sec-news .sec__item a:hover .sec__itemTxt {
  text-decoration: underline;
}
._sec-news .md-link {
  margin-top: 30rem;
  display: flex;
  justify-content: flex-end;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  ._sec-news .sec__item a {
    padding: 8rem 0;
    flex-wrap: wrap;
  }
  ._sec-news .sec__item a[href$=".pdf"]::after {
    font-size: 10rem;
    padding: 0 10rem;
    margin-left: 8rem;
    margin-top: 13rem;
    margin-bottom: auto;
  }
  ._sec-news .sec__item .sec__itemDate {
    font-size: 12rem;
  }
  ._sec-news .sec__item .sec__itemType {
    margin-left: 15rem;
    padding: 3rem 12rem;
    font-size: 12rem;
  }
  ._sec-news .sec__item .sec__itemTxt {
    margin-top: 8rem;
    margin-left: 0;
    font-size: 16rem;
    width: 80%;
  }
  ._sec-news .sec__item a:hover .sec__itemTxt {
    text-decoration: underline;
  }
  ._sec-news .md-link {
    margin-top: 30rem;
    display: flex;
    justify-content: flex-end;
  }
}


._sec-kinto {
  position: relative;
  z-index: 10;
  margin-top: 180rem;
}
._sec-kinto * {
  color: #fff;
}
._sec-kinto::before {
  content: " ";
  width: 100%;
  height: 100%;
  background-color: var(--c-base);
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
._sec-kinto .sec__inr {
  display: flex;
}
._sec-kinto .sec__head {
  width: 560rem;
  padding: 85rem 0 85rem 60rem;
  box-sizing: border-box;
}
._sec-kinto .sec__lead {
  margin-top: 15rem;
  font-size: 20rem;
  line-height: 1.5;
  padding-left: 35rem;
  box-sizing: border-box;
  position: relative;
}
._sec-kinto .sec__lead::before {
  content: " ";
  width: 22rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 15rem;
  left: 0;
}
._sec-kinto .sec__txt {
  margin-top: 25rem;
  font-size: 18rem;
  line-height: 1.7;
}
._sec-kinto .md-link {
  margin-top: 30rem;
  display: flex;
  justify-content: flex-end;
}
._sec-kinto .md-link a {
  color: #fff;
}
._sec-kinto .sec__cts {
  order: -1;
  flex: 1;
  margin-left: -85rem;
  margin-top: -65rem;
  box-sizing: border-box;
}
._sec-kinto .sec__img {
  width: 100%;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  ._sec-kinto {
    margin-top: 60rem;
  }
  ._sec-kinto * {
    color: #fff;
  }
  ._sec-kinto .sec__inr {
    display: flex;
    flex-direction: column;
  }
  ._sec-kinto .sec__head {
    width: 100%;
    padding: 25rem 0;
  }
  ._sec-kinto .sec__lead {
    margin-top: 10rem;
    font-size: 16rem;
    padding-left: 30rem;
  }
  ._sec-kinto .sec__lead::before {
    width: 22rem;
    height: 1px;
    top: 15rem;
  }
  ._sec-kinto .sec__txt {
    margin-top: 20rem;
    font-size: 16rem;
  }
  ._sec-kinto .md-link {
    margin-top: 30rem;
    display: flex;
    justify-content: flex-start;
  }
  ._sec-kinto .sec__cts {
    order: -1;
    flex: 1;
    margin: 0 -20rem;
    width: auto;
  }
  ._sec-kinto .sec__img {
    width: 100%;
  }
}


._sec-feature .sec__list {
  display: flex;
  margin: 0 -42rem;
}
._sec-feature .sec__item {
  width: 50%;
  padding: 0 42rem;
  box-sizing: border-box;
}
._sec-feature .sec__itemInr {
  display: flex;
  flex-direction: column;
  height: 100%;
}
._sec-feature .sec__info {
  margin-left: 65rem;
  background-color: #fff;
  box-shadow: 0 3rem 20rem #ededed80;
  flex: 1;
  margin-top: -60rem;
}
._sec-feature .sec__infoInr {
  text-decoration: none;
  display: block;
  padding: 30rem 25rem;
  box-sizing: border-box;
  height: 100%;
}
._sec-feature .sec__infoTtl {
  color: var(--c-base);
  font-size: 34rem;
  font-weight: 300;
  line-height: 1.4;
  font-family: var(--ff-robot);
  vertical-align: middle;
}
._sec-feature a .sec__infoTtl p::after {
  content: " ";
  width: 34rem;
  height: 34rem;
  background: url(/common/images/icn_circle_arw_gr.svg) no-repeat center center;
  background-size: 100% 100%;
  display: inline-block;
  margin-left: 15rem;
  vertical-align: middle;
  margin-top: -5rem;
}
._sec-feature [target="_blank"] .sec__infoTtl p::after {
  background: url(/common/images/icn_blank_circle.svg) no-repeat center center;
  background-size: 100% 100%;
}
._sec-feature .sec__infoTxt {
  margin-top: 25rem;
  font-size: 16rem;
  line-height: 1.8;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  ._sec-feature .sec__list {
    display: block;
    margin: 0 -10rem;
  }
  ._sec-feature .sec__item {
    width: 100%;
    padding: 0;
  }
  ._sec-feature .sec__item + .sec__item {
    margin-top: 65rem;
  }
  ._sec-feature .sec__info {
    margin-left: 50rem;
    margin-top: -40rem;
  }
  ._sec-feature .sec__infoInr {
    padding: 20rem 15rem;
  }
  ._sec-feature .sec__infoTtl {
    font-size: 20rem;
  }
  ._sec-feature a .sec__infoTtl p::after {
    width: 28rem;
    height: 28rem;
    background: url(/common/images/icn_circle_arw_gr.svg) no-repeat center center;
    background-size: 100% 100%;
    margin-left: 10rem;
    margin-top: -3rem;
  }
  ._sec-feature [target="_blank"] .sec__infoTtl p::after {
    background: url(/common/images/icn_blank_circle.svg) no-repeat center center;
    background-size: 100% 100%;
  }
  ._sec-feature .sec__infoTxt {
    margin-top: 10rem;
    font-size: 14rem;
  }
}


._type-grid {
  position: relative;
  z-index: 10;
  margin-top: 200rem;
}
._type-grid::before {
  content: " ";
  width: 100%;
  height: 100%;
  background-color: #ededed;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
._type-grid .sec__inr {
  display: flex;
}
._type-grid .sec__head {
  width: 560rem;
  padding: 85rem 0 85rem 60rem;
  box-sizing: border-box;
}
._type-grid .sec__lead {
  margin-top: 15rem;
  font-size: 20rem;
  line-height: 1.5;
  padding-left: 35rem;
  box-sizing: border-box;
  position: relative;
}
._type-grid .sec__lead::before {
  content: " ";
  width: 22rem;
  height: 1px;
  background-color: #fff;
  position: absolute;
  top: 15rem;
  left: 0;
}
._type-grid .sec__txt {
  margin-top: 25rem;
  font-size: 18rem;
  line-height: 1.7;
}
._type-grid .md-link {
  margin-top: 30rem;
  display: flex;
  justify-content: flex-start;
}
._type-grid .sec__cts {
  order: -1;
  flex: 1;
  margin-left: -85rem;
  margin-top: -65rem;
  box-sizing: border-box;
}
._type-grid .sec__img {
  width: 100%;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  ._type-grid {
    margin-top: 60rem;
  }
  ._type-grid .sec__inr {
    display: flex;
    flex-direction: column;
  }
  ._type-grid .sec__head {
    width: 100%;
    padding: 25rem 0;
  }
  ._type-grid .sec__lead {
    margin-top: 10rem;
    font-size: 16rem;
    padding-left: 30rem;
  }
  ._type-grid .sec__lead::before {
    width: 22rem;
    height: 1px;
    top: 15rem;
  }
  ._type-grid .sec__txt {
    margin-top: 10rem;
    font-size: 16rem;
  }
  ._type-grid .md-link {
    margin-top: 30rem;
    display: flex;
    justify-content: flex-start;
  }
  ._type-grid .sec__cts {
    order: -1;
    flex: 1;
    margin: 0 -20rem;
    width: auto;
  }
  ._type-grid .sec__img {
    width: 100%;
  }
}

/* PC
----------------------------------*/
@media screen and (min-width: 769px) {
  ._sec-sustaina .sec__head {
    order: -1;
    padding-left: 0;
    padding-right: 85rem;
  }
  ._sec-sustaina .sec__cts {
    margin-left: 0;
    margin-right: -85rem;
  }
}



.banner .banner__inr {
  padding: 80rem 60rem 0;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
}
.banner .banner__item {
  width: 50%;
  padding: 0 12rem;
  box-sizing: border-box;
}
.banner .banner__item a {
  display: block;
}
/* SP
----------------------------------*/
@media screen and (max-width: 768px) {
  .banner .banner__inr {
    padding: 70rem 0 0;
    display: block;
  }
  .banner .banner__item {
    width: auto;
    padding: 8rem 0;
    margin: 0 -10rem;
  }
  .banner .banner__item a {
    display: block;
  }
}