@charset "UTF-8";
@import url("https://use.typekit.net/dqf7mpt.css");
/*-----------local-----------*/
/*-----------swiper*-----------*/
.swiper-container {
  position: relative;
  overflow: hidden;
}

.swiper-wrapper {
  height: -moz-fit-content;
  height: fit-content;
}

.swiper-slide {
  height: -moz-fit-content;
  height: fit-content;
  width: 100% !important;
}
.swiper-slide img {
  height: auto;
  width: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.swiper-pagination {
  position: relative;
  margin-top: min(20 / 1280 * 100vw, 20px);
}
@media screen and (max-width: 768px) {
  .swiper-pagination {
    margin-top: calc(20 / 390 * 100vw);
  }
}

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 min(5 / 1280 * 100vw, 5px);
}
@media screen and (max-width: 768px) {
  .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(5 / 390 * 100vw);
  }
}

.swiper-pagination-bullet {
  background-color: #00395C;
  height: min(10 / 1280 * 100vw, 10px);
  width: min(10 / 1280 * 100vw, 10px);
  border-radius: 0;
}
@media screen and (max-width: 768px) {
  .swiper-pagination-bullet {
    width: calc(10 / 390 * 100vw);
    height: calc(10 / 390 * 100vw);
  }
}

.swiper-slide img {
  height: auto;
  width: 100%;
}

/*-----------main-----------*/
.sustain-lead div,
.sustain-lead span,
.sustain-lead h1,
.sustain-lead h2,
.sustain-lead h3,
.sustain-lead h4,
.sustain-lead h5,
.sustain-lead h6,
.sustain-lead p,
.sustain-lead i,
.sustain-lead dl,
.sustain-lead dt,
.sustain-lead dd,
.sustain-lead ol,
.sustain-lead ul,
.sustain-lead li,
.sustain-anchorWrap div,
.sustain-anchorWrap span,
.sustain-anchorWrap h1,
.sustain-anchorWrap h2,
.sustain-anchorWrap h3,
.sustain-anchorWrap h4,
.sustain-anchorWrap h5,
.sustain-anchorWrap h6,
.sustain-anchorWrap p,
.sustain-anchorWrap i,
.sustain-anchorWrap dl,
.sustain-anchorWrap dt,
.sustain-anchorWrap dd,
.sustain-anchorWrap ol,
.sustain-anchorWrap ul,
.sustain-anchorWrap li,
.sustain-sec_inner div,
.sustain-sec_inner span,
.sustain-sec_inner h1,
.sustain-sec_inner h2,
.sustain-sec_inner h3,
.sustain-sec_inner h4,
.sustain-sec_inner h5,
.sustain-sec_inner h6,
.sustain-sec_inner p,
.sustain-sec_inner i,
.sustain-sec_inner dl,
.sustain-sec_inner dt,
.sustain-sec_inner dd,
.sustain-sec_inner ol,
.sustain-sec_inner ul,
.sustain-sec_inner li {
  font-weight: bold;
}

main.sustain-wrap {
  line-height: min(34 / 1280 * 100vw, 34px);
  background-color: white;
  color: #00395C;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap {
    line-height: calc(26 / 390 * 100vw);
  }
}
main.sustain-wrap .font-eng {
  font-family: "poppins", sans-serif;
  font-style: normal;
  font-weight: 600;
}
main.sustain-wrap .sp {
  display: none;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sp {
    display: block;
  }
}
main.sustain-wrap .sustain-kv {
  background-color: #00395C;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: min(55 / 1280 * 100vw, 55px);
  width: 100%;
  height: min(800 / 1280 * 100vw, 800px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-kv {
    height: calc(590 / 390 * 100vw);
    gap: calc(30 / 390 * 100vw);
  }
  main.sustain-wrap .sustain-kv_ttl_1 {
    width: calc(300 / 390 * 100vw);
  }
  main.sustain-wrap .sustain-kv_ttl_2 {
    width: calc(135 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-lead {
  width: min(1180 / 1280 * 100vw, 1180px);
  margin: 0 auto;
  padding: min(120 / 1280 * 100vw, 120px) 0;
  border-bottom: 2px solid #00395C;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-lead {
    padding: calc(80 / 390 * 100vw) 0;
    width: 100%;
  }
}
main.sustain-wrap .sustain-lead_1 {
  margin-bottom: min(40 / 1280 * 100vw, 40px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-lead_1 {
    margin-bottom: calc(30 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-lead_1 div {
  width: min(315 / 1280 * 100vw, 315px);
  margin: 0 auto min(23 / 1280 * 100vw, 23px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-lead_1 div {
    width: calc(235 / 390 * 100vw);
    margin: 0 auto calc(16 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-lead_1 p {
  text-align: center;
  font-size: min(38 / 1280 * 100vw, 38px);
  line-height: 100%;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-lead_1 p {
    font-size: calc(28 / 390 * 100vw);
    line-height: 140%;
  }
}
main.sustain-wrap .sustain-lead_2 {
  font-size: min(17 / 1280 * 100vw, 17px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-lead_2 {
    font-size: calc(13 / 390 * 100vw);
    width: calc(343 / 390 * 100vw);
    margin: auto;
  }
}
main.sustain-wrap .sustain-lead_2 p:not(last-of-type) {
  margin-bottom: min(16 / 1280 * 100vw, 16px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-lead_2 p:not(last-of-type) {
    margin-bottom: calc(11 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap {
  width: min(1180 / 1280 * 100vw, 1180px);
  margin: 0 auto;
  padding: min(120 / 1280 * 100vw, 120px) 0;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap {
    width: calc(343 / 390 * 100vw);
    padding: calc(80 / 390 * 100vw) 0 calc(70 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl {
  text-align: center;
  line-height: 100%;
  font-size: min(38 / 1280 * 100vw, 38px);
  margin-bottom: min(40 / 1280 * 100vw, 40px);
  position: relative;
  width: 100%;
  font-family: Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, MS PGothic, helvetica, sans-serif;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl {
    font-size: calc(28 / 390 * 100vw);
    margin-bottom: calc(40 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl_small {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  font-size: min(13 / 1280 * 100vw, 13px);
  line-height: 200%;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl_small {
    position: relative;
    right: unset;
    top: unset;
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
    font-size: calc(10 / 390 * 100vw);
    line-height: 200%;
    margin-top: calc(30 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl_small a {
  display: block;
  color: #00395C;
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl_small a:hover {
  text-decoration: none;
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl_small a img {
  vertical-align: middle;
  width: min(13 / 1280 * 100vw, 13px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_ttl_small a img {
    width: calc(12 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_eachWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: min(40 / 1280 * 100vw, 40px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_eachWrap {
    gap: calc(20 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each {
  width: min(366 / 1280 * 100vw, 366px);
  position: relative;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each {
    width: 100%;
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(1), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(2) {
  width: min(570 / 1280 * 100vw, 570px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(1), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(2) {
    width: 100%;
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each a {
  display: block;
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each a:hover {
  opacity: 0.7;
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_top {
  background-color: #00395C;
  color: white;
  padding: min(21 / 1280 * 100vw, 21px) 0;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_top {
    padding: calc(16 / 390 * 100vw) 0;
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_num {
  position: absolute;
  width: min(30 / 1280 * 100vw, 30px);
  top: calc(10 / 1280 * 100vw);
  left: calc(10 / 1280 * 100vw);
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_num img {
  vertical-align: middle;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_num {
    width: calc(20 / 390 * 100vw);
    top: calc(10 / 390 * 100vw);
    left: calc(10 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_ttl {
  margin: auto;
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm {
  border: 1px solid #00395C;
  display: flex;
  justify-content: center;
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(1), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(2) {
  height: min(130 / 1280 * 100vw, 130px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(1), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(2) {
    height: calc(100 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(3), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(4), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(5) {
  height: min(140 / 1280 * 100vw, 140px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(3), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(4), main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each_btm:nth-of-type(5) {
    height: calc(100 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(1) .sustain-anchor_each_ttl {
  width: min(209 / 1280 * 100vw, 209px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(1) .sustain-anchor_each_ttl {
    width: calc(157 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(1) .sustain-anchor_each_btm img {
  width: min(350 / 1280 * 100vw, 350px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(1) .sustain-anchor_each_btm img {
    width: calc(233 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(2) .sustain-anchor_each_ttl {
  width: min(188 / 1280 * 100vw, 188px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(2) .sustain-anchor_each_ttl {
    width: calc(159 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(2) .sustain-anchor_each_btm img {
  width: min(350 / 1280 * 100vw, 350px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(2) .sustain-anchor_each_btm img {
    width: calc(242 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(3) .sustain-anchor_each_ttl {
  width: min(127 / 1280 * 100vw, 127px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(3) .sustain-anchor_each_ttl {
    width: calc(96 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(3) .sustain-anchor_each_btm img {
  width: min(221 / 1280 * 100vw, 221px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(3) .sustain-anchor_each_btm img {
    width: calc(160 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(4) .sustain-anchor_each_ttl {
  width: min(174 / 1280 * 100vw, 174px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(4) .sustain-anchor_each_ttl {
    width: calc(147 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(4) .sustain-anchor_each_btm img {
  width: min(305 / 1280 * 100vw, 305px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(4) .sustain-anchor_each_btm img {
    width: calc(220 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(5) .sustain-anchor_each_ttl {
  width: min(146 / 1280 * 100vw, 146px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(5) .sustain-anchor_each_ttl {
    width: calc(109 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(5) .sustain-anchor_each_btm img {
  width: min(277 / 1280 * 100vw, 277px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-anchorWrap .sustain-anchor_each:nth-of-type(5) .sustain-anchor_each_btm img {
    width: calc(200 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec {
  width: min(1120 / 1280 * 100vw, 1120px);
  margin: 0 auto min(90 / 1280 * 100vw, 90px);
  padding-top: min(70 / 1280 * 100vw, 70px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec {
    width: calc(344 / 390 * 100vw);
    margin: 0 auto calc(33 / 390 * 100vw);
    padding-top: calc(80 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_ttl {
  border-top: 2px solid #00395C;
  border-bottom: 2px solid #00395C;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: min(12 / 1280 * 100vw, 12px) 0;
  margin-bottom: min(60 / 1280 * 100vw, 60px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_ttl {
    padding: calc(15 / 390 * 100vw) 0;
    margin-bottom: calc(40 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_ttl_1 {
  margin: auto auto auto 0;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_ttl_1 {
    margin: auto auto calc(10 / 390 * 100vw) 0;
  }
}
main.sustain-wrap .sustain-sec_ttl_2 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
main.sustain-wrap .sustain-sec_ttl_2 .logo-goals {
  width: min(121 / 1280 * 100vw, 121px);
  padding-right: min(16 / 1280 * 100vw, 16px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_ttl_2 .logo-goals {
    width: calc(121 / 390 * 100vw);
    padding-right: calc(16 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_ttl_2 .logo-sdgs {
  display: flex;
  flex-wrap: wrap;
  gap: min(10 / 1280 * 100vw, 10px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_ttl_2 .logo-sdgs {
    gap: calc(10 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_ttl_2 .logo-sdgs li {
  width: min(70 / 1280 * 100vw, 70px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_ttl_2 .logo-sdgs li {
    width: calc(50 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec1 .sustain-sec_ttl_1 {
  width: min(482 / 1280 * 100vw, 482px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec1 .sustain-sec_ttl_1 {
    width: calc(254 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec1 .flex div:first-of-type {
  width: min(440 / 1280 * 100vw, 440px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec1 .flex div:first-of-type {
    width: 100%;
    margin-bottom: calc(40 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec1 .flex div:last-of-type {
  width: min(371 / 1280 * 100vw, 371px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec1 .flex div:last-of-type {
    width: 100%;
  }
}
main.sustain-wrap .sustain-sec#sec2 .sustain-sec_ttl_1 {
  width: min(633 / 1280 * 100vw, 633px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec2 .sustain-sec_ttl_1 {
    width: calc(327 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec3 .sustain-sec_ttl_1 {
  width: min(343 / 1280 * 100vw, 343px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec3 .sustain-sec_ttl_1 {
    width: calc(185 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec3 .sustain-sec_inner_img {
  justify-content: flex-start;
  gap: min(20 / 1280 * 100vw, 20px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec3 .sustain-sec_inner_img {
    gap: calc(20 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec3 .sustain-sec_inner_img div:nth-of-type(3) {
  text-align: right;
  font-size: min(10 / 1280 * 100vw, 10px);
  width: 100%;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec3 .sustain-sec_inner_img div:nth-of-type(3) {
    text-align: left;
    font-size: calc(10 / 390 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec3 .sustain-sec_inner_ttl {
    font-size: calc(20 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec4 .sustain-sec_ttl_1 {
  width: min(597 / 1280 * 100vw, 597px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec4 .sustain-sec_ttl_1 {
    width: calc(310 / 390 * 100vw);
  }
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec4 .sustain-sec_inner_ttl {
    font-size: calc(20 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec5 .sustain-sec_ttl_1 {
  width: min(448 / 1280 * 100vw, 448px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec5 .sustain-sec_ttl_1 {
    width: calc(237 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img {
  justify-content: space-between;
  align-items: center;
}
main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .right {
  width: min(480 / 1280 * 100vw, 480px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: min(40 / 1280 * 100vw, 40px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .right {
    width: 100%;
    gap: calc(40 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .right .flex div:first-of-type {
  width: min(120 / 1280 * 100vw, 120px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .right .flex div:first-of-type {
    width: calc(125 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .right .flex div:last-of-type {
  width: min(340 / 1280 * 100vw, 340px);
  font-size: min(12 / 1280 * 100vw, 12px);
  line-height: min(24 / 1280 * 100vw, 24px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .right .flex div:last-of-type {
    width: calc(200 / 390 * 100vw);
    font-size: calc(10 / 390 * 100vw);
    line-height: 200%;
  }
}
main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .left {
  width: min(350 / 1280 * 100vw, 350px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec#sec5 .sustain-sec_inner_img .left {
    width: 100%;
    margin-top: calc(32 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner {
  width: min(860 / 1280 * 100vw, 860px);
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner {
    width: calc(344 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner .flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
main.sustain-wrap .sustain-sec_inner_ttl {
  font-size: min(27 / 1280 * 100vw, 27px);
  line-height: 100%;
  margin-bottom: min(40 / 1280 * 100vw, 40px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_ttl {
    font-size: calc(24 / 390 * 100vw);
    margin-bottom: calc(28 / 390 * 100vw);
    line-height: 120%;
  }
}
main.sustain-wrap .sustain-sec_inner_ttl.font-eng {
  font-size: min(30 / 1280 * 100vw, 30px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_ttl.font-eng {
    font-size: calc(24 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_ttl span {
  font-size: min(15 / 1280 * 100vw, 15px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_ttl span {
    display: block;
    font-size: calc(13 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_block {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  gap: min(32 / 1280 * 100vw, 32px);
  align-items: left;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_block {
    gap: calc(32 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_txt {
  font-size: min(14 / 1280 * 100vw, 14px);
  line-height: min(28 / 1280 * 100vw, 28px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_txt {
    font-size: calc(13 / 390 * 100vw);
    line-height: calc(26 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore {
  width: min(860 / 1280 * 100vw, 860px);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  border-radius: 24px;
  border: 1px solid #00395C;
  padding: min(18 / 1280 * 100vw, 18px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_viewmore {
    width: calc(344 / 390 * 100vw);
    padding: calc(18 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore .more-logo {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  margin: auto min(20 / 1280 * 100vw, 20px) auto auto;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_viewmore .more-logo {
    margin: auto auto calc(10 / 390 * 100vw) auto;
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore .more-logo div:first-of-type {
  width: min(70 / 1280 * 100vw, 70px);
  padding-right: min(6 / 1280 * 100vw, 6px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_viewmore .more-logo div:first-of-type {
    width: calc(80 / 390 * 100vw);
    padding-right: calc(6 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore .more-logo div:last-of-type {
  width: min(115 / 1280 * 100vw, 115px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_viewmore .more-logo div:last-of-type {
    width: calc(131 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore .more-txt {
  font-size: min(19 / 1280 * 100vw, 19px);
  padding-top: min(8 / 1280 * 100vw, 8px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_viewmore .more-txt {
    font-size: calc(19 / 390 * 100vw);
    line-height: 200%;
    margin: 0 auto calc(4 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore .more-link {
  margin: auto auto auto min(48 / 1280 * 100vw, 48px);
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_viewmore .more-link {
    margin: auto;
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore .more-link a {
  display: block;
  background-color: #00395C;
  color: white;
  border-radius: 40px;
  padding: min(10 / 1280 * 100vw, 10px);
  width: min(171 / 1280 * 100vw, 171px);
  font-size: min(10 / 1280 * 100vw, 10px);
  letter-spacing: 2.9px;
  line-height: normal;
  text-align: center;
  transition: background-color 0.3s linear;
  border: #00395C 1px solid;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_viewmore .more-link a {
    padding: calc(10 / 390 * 100vw);
    width: calc(308 / 390 * 100vw);
    font-size: calc(10 / 390 * 100vw);
  }
}
main.sustain-wrap .sustain-sec_inner_viewmore .more-link a:hover {
  color: #00395C;
  background-color: white;
  text-decoration: none;
}
main.sustain-wrap .sustain-sec_inner_more {
  margin: auto;
}
main.sustain-wrap .sustain-sec_inner_more a {
  display: block;
  background-color: black;
  color: white;
  border-radius: 40px;
  padding: min(5 / 1280 * 100vw, 5px);
  width: min(280 / 1280 * 100vw, 280px);
  font-size: min(12 / 1280 * 100vw, 12px);
  line-height: normal;
  text-align: center;
  border: 1px solid black;
  transition: background-color 0.3s linear;
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .sustain-sec_inner_more a {
    padding: calc(5 / 390 * 100vw);
    width: calc(343 / 390 * 100vw);
    font-size: calc(12 / 390 * 100vw);
    line-height: 150%;
  }
}
main.sustain-wrap .sustain-sec_inner_more a:hover {
  background-color: white;
  color: black;
  text-decoration: none;
}
main.sustain-wrap .l-press-release {
  margin-bottom: min(120 / 1280 * 100vw, 120px);
  color: #333;
}
@media screen and (max-width: 768px) {
  main.sustain-wrap .l-press-release {
    margin-bottom: calc(157 / 390 * 100vw);
  }
}

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

.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}/*# sourceMappingURL=style-sustainability.css.map */