.site-container2 {
  margin-bottom: clamp(7.5px, 1rem, 10px);
  max-width: 100%;
  padding-bottom: 0;
  padding-left: clamp(11.25px, 1.5rem, 15px);
  padding-right: clamp(11.25px, 1.5rem, 15px);
}
.site-container2 > .row > .setScMcChild {
  margin-top: 0;
  margin-bottom: clamp(15px, 2rem, 20px);
}

.site-container3 > .row > .setScMcChild {
  margin-top: 0;
  margin-bottom: clamp(15px, 2rem, 20px);
}

.site-container4 {
  max-width: 100%;
}
.site-container4 > .heading-02 {
  padding: 0 6.07% 80px;
  max-width: calc(1200px + 12.14%);
  margin: 0 auto;
  width: 100%;
}
.site-container4 > .list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  transition-duration: 0.3s;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1326px;
}
@media screen and (min-width: 767px) {
  .site-container4 > .list {
    padding: 0 6.07% 20px;
    max-width: calc(1000px + 12.14%);
    margin: 0 auto;
    width: 100%;
  }
}
.site-container4 > .list > .item {
  width: calc(33.33333% - 8px);
}
@media screen and (min-width: 767px) {
  .site-container4 > .list > .item {
    width: calc(20% - 8px);
  }
}
.site-container4 > .list > .item:hover {
  opacity: 0.75;
}
.site-container4 > .graph {
  margin-bottom: clamp(45px, 6rem, 60px);
  margin-left: auto;
  margin-right: auto;
  max-width: 1326px;
}
@media screen and (min-width: 767px) {
  .site-container4 > .graph > img:nth-of-type(1) {
    display: none;
  }
}
.site-container4 > .graph > img:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 767px) {
  .site-container4 > .graph > img:nth-of-type(2) {
    display: block;
  }
}
.site-container4 > .row {
  padding: 0 6.07% 0;
  max-width: calc(1200px + 12.14%);
  margin: 0 auto;
  width: 100%;
}

.site-container5 > .sustainability-col-area2 {
  margin-bottom: 40px;
}
.site-container5 > .sustainability-col-area2:last-child {
  margin-bottom: 0;
}

.site-container6 {
  background-color: #CDD7E2;
  padding-bottom: 80px;
  padding-top: 100px;
}
.site-container6 > .sustainability-col-area {
  background-color: #FFF;
  padding: 25px;
}
@media screen and (min-width: 767px) {
  .site-container6 > .sustainability-col-area {
    padding: 50px;
  }
}
.site-container6 > .sustainability-col-area > .img {
  margin-bottom: 25px;
}
@media screen and (min-width: 767px) {
  .site-container6 > .sustainability-col-area > .img {
    margin-bottom: 0;
  }
}
.site-container6 > .sustainability-col-area > .img:last-child {
  margin-bottom: 0;
}
.site-container6 > .sustainability-btn {
  margin-top: 25px;
  text-align: right;
}
@media screen and (min-width: 767px) {
  .site-container6 > .sustainability-btn {
    margin-top: 50px;
  }
}
.site-container6 > .sustainability-btn > .btn {
  text-align: left;
}

.site-container7 {
  padding-bottom: 100px;
  padding-top: 100px;
}
.site-container7 > .sustainability-btn {
  text-align: right;
}
.site-container7 > .sustainability-btn > .btn {
  text-align: left;
}

.site-container8 {
  padding-bottom: 100px;
}
.site-container8 > .heading-04 {
  margin-bottom: 25px;
}
.site-container8 > .sustainability-btn {
  text-align: right;
}
.site-container8 > .sustainability-btn > .btn {
  margin-top: 50px;
  text-align: left;
}

.container-gray {
  background-color: #F5F5F5;
  padding-bottom: clamp(90px, 12rem, 120px);
  padding-top: clamp(75px, 10rem, 100px);
  max-width: 100%;
}
.container-gray > .list-link-arw {
  margin-left: auto;
  margin-right: auto;
  padding: 0 6.07% 80px;
  max-width: calc(1200px + 12.14%);
}
.container-gray > .list-link-arw > .setScMcChild {
  margin-bottom: 20px;
}
.container-gray > .list-link-arw > .setScMcChild > p > a {
  border-top: 2px solid #D7D7E1;
}

.second-under-PageTtl > .min {
  display: block;
  font-size: 12px;
}
@media screen and (min-width: 767px) {
  .second-under-PageTtl > .min {
    font-size: 16px;
  }
}

.second-under-PageTtl {
  font-size: 20px;
}
@media screen and (min-width: 767px) {
  .second-under-PageTtl {
    font-size: 40px;
  }
}

.btnLImgBnr > a {
  display: flex;
  height: 100%;
  width: 100%;
}
.btnLImgBnr > a > .inner {
  background-color: #001F6B;
  color: #FFF;
  padding-bottom: clamp(10px, 2rem, 20px);
  padding-left: clamp(10px, 2rem, 20px);
  padding-top: clamp(10px, 2rem, 20px);
  width: 44%;
}
.btnLImgBnr > a > .inner > .btnLTxt {
  display: block;
  margin-bottom: clamp(30px, 4rem, 40px);
  width: 100%;
  white-space: nowrap;
}
.btnLImgBnr > a > .inner > .icn-arrow-w {
  display: block;
  margin-right: clamp(37.5px, 5rem, 50px);
  text-align: right;
  transition-duration: 0.3s;
}
.btnLImgBnr > a > .bnrImg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  width: 56%;
}
.btnLImgBnr > a > .bnrImg::after {
  background-color: #001F6B;
  aspect-ratio: 1/3;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  top: 0;
  height: 100%;
}
.btnLImgBnr.btnLImgBnr- > a > .bnrImg {
  background-color: #405790;
}
.btnLImgBnr:hover > a > .inner > .icn-arrow-w {
  margin-right: clamp(30px, 4rem, 40px);
}

.btnLImgBnr2 > a {
  display: flex;
  height: clamp(127.5px, 17rem, 170px);
}
.btnLImgBnr2 > a > .bnrImg {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  width: 58%;
}
.btnLImgBnr2 > a > .bnrImg::after {
  background-color: #001F6B;
  aspect-ratio: 1/3;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: 0;
  height: 100%;
}
.btnLImgBnr2 > a > .inner {
  background-color: #001F6B;
  color: #FFF;
  padding-bottom: clamp(15px, 2rem, 20px);
  padding-right: 15px;
  padding-top: clamp(18.75px, 2.5rem, 25px);
  width: 42%;
}
@media screen and (min-width: 767px) {
  .btnLImgBnr2 > a > .inner {
    padding-right: clamp(15px, 2rem, 20px);
  }
}
.btnLImgBnr2 > a > .inner > .btnLTxt {
  align-items: center;
  display: flex;
  font-size: 14px;
  line-height: 1.25;
  margin-bottom: clamp(7.5px, 1rem, 10px);
  height: clamp(43.5px, 5.8rem, 58px);
  width: 100%;
}
@media screen and (min-width: 767px) {
  .btnLImgBnr2 > a > .inner > .btnLTxt {
    font-size: clamp(10px, 2rem, 20px);
  }
}
.btnLImgBnr2 > a > .inner > .info {
  display: block;
  position: relative;
}
.btnLImgBnr2 > a > .inner > .info > * {
  display: block;
}
.btnLImgBnr2 > a > .inner > .info > .post {
  font-size: 10px;
  line-height: 1.5;
}
@media screen and (min-width: 767px) {
  .btnLImgBnr2 > a > .inner > .info > .post {
    font-size: 12px;
  }
}
.btnLImgBnr2 > a > .inner > .info > .name {
  font-size: clamp(13.5px, 1.8rem, 18px);
  font-weight: 500;
}
.btnLImgBnr2 > a > .inner > .info > .icn-arrow-w {
  bottom: 0;
  position: absolute;
  right: 0;
  transition-duration: 0.3s;
}
.btnLImgBnr2:hover > a > .inner > .info > .icn-arrow-w {
  right: -10px;
}

.btnLImgBnr3 {
  height: clamp(90px, 12rem, 120px);
}
.btnLImgBnr3 > a {
  background-color: #405790;
  display: flex;
  height: 100%;
  width: 100%;
}
.btnLImgBnr3 > a > .inner {
  color: #FFF;
  padding-bottom: clamp(10px, 2rem, 20px);
  padding-left: clamp(10px, 2rem, 20px);
  padding-top: clamp(10px, 2rem, 20px);
  position: relative;
  width: 100%;
  z-index: 1;
}
.btnLImgBnr3 > a > .inner > .btnLTxt {
  display: block;
  font-size: clamp(13.5px, 1.8rem, 18px);
  line-height: 1;
  margin-bottom: clamp(15px, 2rem, 20px);
  width: 100%;
}
.btnLImgBnr3 > a > .inner > .txt {
  display: block;
  font-size: clamp(9px, 1.2rem, 12px);
  line-height: 1.5;
  position: relative;
}
.btnLImgBnr3 > a > .inner > .txt > .icn-arrow-w {
  bottom: 0;
  position: absolute;
  right: clamp(22.5px, 3rem, 30px);
  transition-duration: 0.3s;
}
.btnLImgBnr3 > a > .bnrImg {
  background-color: #001F6B;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 47%;
}
.btnLImgBnr3 > a > .bnrImg::after {
  background-color: #001F6B;
  aspect-ratio: 1/3;
  clip-path: polygon(0 0, 0 100%, 100% 0);
  content: "";
  display: block;
  position: absolute;
  right: 1px;
  top: 0;
  transform: translateX(100%);
  height: 100%;
}
.btnLImgBnr3:hover > a > .inner > .txt > .icn-arrow-w {
  right: clamp(15px, 2rem, 20px);
}

.btnLImgBoxB {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
  height: clamp(191.25px, 25.5rem, 255px);
  padding-left: clamp(18.75px, 2.5rem, 25px);
  padding-right: clamp(18.75px, 2.5rem, 25px);
}
.btnLImgBoxB > .btnLTxt {
  color: #FFF;
  display: block;
  padding-top: clamp(108.75px, 14.5rem, 145px);
}

.btnLImgBoxC > a {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
  height: clamp(191.25px, 25.5rem, 255px);
  padding-left: clamp(18.75px, 2.5rem, 25px);
  padding-right: clamp(18.75px, 2.5rem, 25px);
  position: relative;
}
.btnLImgBoxC > a > .btnLTxt {
  color: #FFF;
  display: block;
  padding-top: clamp(11.25px, 1.5rem, 15px);
}
.btnLImgBoxC > a > .icn-arrow {
  bottom: clamp(15px, 2rem, 20px);
  position: absolute;
  right: clamp(15px, 2rem, 20px);
  transition-duration: 0.3s;
  z-index: 1;
}
.btnLImgBoxC > a::after {
  background-color: rgba(255, 255, 255, 0.8);
  aspect-ratio: 1/3;
  clip-path: polygon(100% 0, 100% 100%, 0 100%);
  content: "";
  display: block;
  position: absolute;
  right: -1px;
  top: 0;
  height: 100%;
}
.btnLImgBoxC:hover > a > .icn-arrow {
  right: clamp(7.5px, 1rem, 10px);
}

.btnLImgBoxD > a {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
  height: clamp(191.25px, 25.5rem, 255px);
  padding-left: clamp(26.25px, 3.5rem, 35px);
  padding-right: clamp(26.25px, 3.5rem, 35px);
  position: relative;
}
.btnLImgBoxD > a > .btnLTxt {
  color: #FFF;
  display: block;
  font-size: clamp(18px, 2.4rem, 24px);
  line-height: 1.25;
  padding-top: clamp(18.75px, 2.5rem, 25px);
  text-align: center;
}
.btnLImgBoxD > a > .btnLTxt > span {
  background-color: rgba(0, 0, 0, 0.75);
  border-radius: 5px;
  display: inline-block;
  padding-bottom: clamp(7.5px, 1rem, 10px);
  padding-left: clamp(15px, 2rem, 20px);
  padding-right: clamp(15px, 2rem, 20px);
  padding-top: clamp(7.5px, 1rem, 10px);
}
.btnLImgBoxD > a > .btnLTxt > span > .min {
  font-size: clamp(10.5px, 1.4rem, 14px);
}
.btnLImgBoxD > a > .graphB {
  bottom: clamp(18.75px, 2.5rem, 25px);
  display: block;
  margin-left: auto;
  position: absolute;
  right: clamp(26.25px, 3.5rem, 35px);
  width: clamp(48.75px, 6.5rem, 65px);
}

.btnLImgBoxE {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  display: block;
  height: clamp(161.25px, 21.5rem, 215px);
  padding-left: clamp(18.75px, 2.5rem, 25px);
  padding-right: clamp(18.75px, 2.5rem, 25px);
  position: relative;
}
.btnLImgBoxE > .btnLTxt {
  background-color: rgba( 0, 0, 0, .5 );
  color: #FFF;
  display: block;
  left: 50%;
  padding-left: 10px;
  padding-right: 10px;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
}
.btnLImgBoxE > .icn-arrow {
  bottom: clamp(15px, 2rem, 20px);
  position: absolute;
  right: clamp(15px, 2rem, 20px);
}

.heading-03 {
  font-size: clamp(22.5px, 3rem, 30px);
  font-weight: 500;
  margin-bottom: clamp(30px, 4rem, 40px);
  position: relative;
  text-align: center;
}
.heading-03::after {
  background-color: #001F6B;
  bottom: 0;
  content: "";
  display: block;
  height: clamp(2.25px, 0.3rem, 3px);
  left: 0;
  margin: 0 auto;
  position: absolute;
  right: 0;
  width: clamp(18.75px, 2.5rem, 25px);
}

.btnB {
  border-bottom: 1px solid #B8C0D3;
  border-top: 1px solid #B8C0D3;
}
.btnB > a {
  align-items: center;
  color: #001F6B;
  display: flex;
  line-height: 1.25;
  height: clamp(52.5px, 7rem, 70px);
  padding-left: clamp(15px, 2rem, 20px);
  padding-right: clamp(15px, 2rem, 20px);
  width: 100%;
}

.section-block2 {
  padding-bottom: 0;
}
.section-block2 > .second-pageTtl-area {
  margin-bottom: clamp(22.5px, 3rem, 30px);
  min-height: 280px;
}
.section-block2 > .second-pageTtl-area > .second-pageTtl-inner::before {
  border-top: 240px solid #fff;
  top: 25px;
  width: 50vw;
}
.section-block2 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .second-under-PageTtl.enter {
  top: 25%;
}

.section-block3 > .second-pageTtl-area {
  align-items: flex-start;
  position: relative;
}
.section-block3 > .second-pageTtl-area > video {
  left: 50%;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box {
  position: absolute;
  top: 25px;
  width: 100%;
}
@media screen and (min-width: 767px) {
  .section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box {
    top: 70px;
  }
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list {
  position: absolute;
  top: 70px;
  width: 130px;
}
@media screen and (min-width: 767px) {
  .section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list {
    top: 110px;
    width: 300px;
  }
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item {
  border-bottom: 1px dotted #7A8BB0;
}
@media screen and (min-width: 767px) {
  .section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item {
    margin-bottom: 8px;
    padding-bottom: 8px;
  }
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item > * {
  display: inline-block;
  vertical-align: top;
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item > .icon {
  margin-right: 10px;
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item > .txt {
  font-size: 12px;
}
@media screen and (min-width: 767px) {
  .section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item > .txt {
    font-size: 18px;
  }
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item:last-child {
  border-bottom: none;
  margin-bottom: 0;
  padding-bottom: 0;
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item.is-active > .txt {
  color: #E40046;
  padding-right: 30px;
  position: relative;
}
.section-block3 > .second-pageTtl-area > .second-pageTtl-inner > .second-pageTtl-box > .list > .item.is-active > .txt::after {
  content: "";
  display: block;
  width: 14px;
  height: 14px;
  background: url(../img/icon_arrow_r.svg) 0 center no-repeat;
  background-size: contain;
  position: absolute;
  bottom: 0;
  top: 0;
  right: 0;
  margin: auto 0;
}

.btn-md2 {
  font-size: 12px;
}
@media screen and (min-width: 767px) {
  .btn-md2 {
    font-size: 14px;
  }
}

.row2 {
  padding-bottom: 0 !important;
}
.row2 > .setScMcChild {
  margin-top: 0;
  margin-bottom: clamp(15px, 2rem, 20px);
}
.row2 > .setScMcChild:last-child {
  margin-bottom: 0;
}

.second-under-PageTtl2 {
  font-size: clamp(18px, 2.4rem, 24px);
}

.sustainability-col-area2 {
  align-items: center;
}
.sustainability-col-area2 > .text-box > .sustainability-ttl3 {
  margin-bottom: clamp(22.5px, 3rem, 30px);
}
.sustainability-col-area2 > .text-box > .box {
  align-items: center;
  display: flex;
}
.sustainability-col-area2 > .text-box > .box > .img {
  width: 185px;
}
.sustainability-col-area2 > .text-box > .box > .img > img {
  text-align: center;
}
.sustainability-col-area2 > .text-box > .sustainability-btn > a {
  min-width: 279px;
}

.bnrImgB {
  background-color: #001F6B;
  border: 10px solid #001F6B;
}
.bnrImgB > a {
  display: flex;
  width: 100%;
}
.bnrImgB > a > .inner {
  color: #FFF;
  display: block;
  position: relative;
  width: 55%;
  z-index: 1;
}
@media screen and (min-width: 767px) {
  .bnrImgB > a > .inner {
    padding-left: 30px;
    padding-top: 15px;
  }
}
.bnrImgB > a > .inner > * {
  display: block;
}
.bnrImgB > a > .inner > .ttl {
  font-size: 17px;
  line-height: 1.25;
  margin-bottom: 10px;
  white-space: nowrap;
}
@media screen and (min-width: 767px) {
  .bnrImgB > a > .inner > .ttl {
    font-size: 22px;
    line-height: 1.15;
  }
}
.bnrImgB > a > .inner > .txt {
  font-size: 12px;
  line-height: 1.5;
}
.bnrImgB > a > .inner > .txt br {
  display: none;
}
@media screen and (min-width: 767px) {
  .bnrImgB > a > .inner > .txt br {
    display: block;
  }
}
.bnrImgB > a > .inner > .icn-arrow-w {
  text-align: right;
}
.bnrImgB > a > .inner > .icn-arrow-w::after {
  margin-left: auto;
  margin-right: 25px;
  transition-duration: 0.3s;
}
@media screen and (min-width: 767px) {
  .bnrImgB > a > .inner > .icn-arrow-w::after {
    margin-right: 50px;
  }
}
.bnrImgB > a > .img {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  position: relative;
  display: block;
  width: 45%;
}
.bnrImgB > a > .img::after {
  background-color: #001F6B;
  aspect-ratio: 1/3;
  clip-path: polygon(0 0, 100% 0, 0 100%);
  content: "";
  display: block;
  left: -1px;
  position: absolute;
  top: 0;
  height: 100%;
}
.bnrImgB:hover > a > .inner > .icn-arrow-w::after {
  margin-right: 15px;
}
@media screen and (min-width: 767px) {
  .bnrImgB:hover > a > .inner > .icn-arrow-w::after {
    margin-right: 40px;
  }
}

.sustainability-col-area2 > .text-box > .info {
  margin-bottom: 12px;
}
.sustainability-col-area2 > .text-box > .info > * {
  display: block;
  line-height: 1;
}
.sustainability-col-area2 > .text-box > .info > .post {
  font-size: 14px;
  margin-bottom: 12px;
}
.sustainability-col-area2 > .text-box > .info > .name {
  font-size: 32px;
  font-weight: 600;
}
.sustainability-col-area2 > .text-box > .txt {
  font-size: 16px;
  line-height: 1.5;
}
.sustainability-col-area2 > .text-box > .sustainability-btn {
  text-align: left !important;
}
.sustainability-col-area2 > .img-box > img {
  height: auto !important;
  width: 200px !important;
}
.sustainability-col-area2 > .img-box::after {
  display: none !important;
}

.heading-04 {
  font-size: 30px;
  line-height: 1.25;
  margin-bottom: 0px;
}
@media screen and (min-width: 767px) {
  .heading-04 {
    margin-bottom: 50px;
  }
}
.heading-04.center {
  text-align: center;
}

.list-C {
  border-top: 1px solid #CCC;
}
.list-C > .item {
  border-bottom: 1px solid #CCC;
  padding-bottom: 20px;
  padding-top: 20px;
}
.list-C > .item:last-child {
  border-bottom: none;
}
.list-C > .item > .txt {
  font-size: 16px;
  line-height: 1.5;
}
.list-C > .item > .box {
  display: flex;
  gap: 3%;
}
.list-C > .item > .box > .inner {
  width: 50%;
}
.list-C > .item > .box > .inner:nth-of-type(1) {
  border-right: 1px solid #CCC;
}
.list-C > .item > .box > .inner > .ttl {
  font-size: 24px;
  margin-bottom: 20px;
}
.list-C > .item > .box > .inner > .txtB {
  font-size: 12px;
  line-height: 1.5;
  margin-bottom: 20px;
  text-decoration: underline;
}
.list-C > .item > .box > .inner > .txt {
  font-size: 12px;
  line-height: 1.5;
}

@media screen and (min-width: 767px) {
  .graphC > img:nth-of-type(1) {
    display: none;
  }
}
.graphC > img:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 767px) {
  .graphC > img:nth-of-type(2) {
    display: block;
  }
}

#video {
  opacity: 0;
}

.second-pageTtl2 {
  font-size: 20px;
  line-height: 1.25;
}
@media screen and (min-width: 767px) {
  .second-pageTtl2 {
    font-size: 40px;
  }
}
.second-pageTtl2.enter {
  top: 25%;
}

@media screen and (max-width: 960px) {
  #sustainability.under .sustainability-col-area .img-boxB {
    height: 500px;
  }
}
@media screen and (max-width: 520px) {
  #sustainability.under .sustainability-col-area .img-boxB {
    height: 200px;
  }
  .sustainability-col-area2 > .text-box > .txt > br {
    display: none;
  }
}/*# sourceMappingURL=style.css.map */