@charset "UTF-8";
.sustainability {
  --breadcrumbs_padding: 24px 0;
}
@media screen and (max-width: 768px) {
  .sustainability {
    --breadcrumbs_padding: calc( 17 * 100vw / 375 ) 0;
  }
}
.sustainability .sec_pagetitle {
  padding-top: 0;
  margin-bottom: 108px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_pagetitle {
    margin-bottom: 20vw;
  }
}
.sustainability .sustainability_title {
  font-size: 2.4rem;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .sustainability .sustainability_title {
    font-size: 5.6vw;
  }
}
.sustainability .sec_intro_en {
  font-size: 7rem;
  line-height: 120%;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_intro_en {
    font-size: 10.6666666667vw;
  }
}
.sustainability .sec_intro_jp {
  font-size: 2.4rem;
  margin-top: 45px;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_intro_jp {
    font-size: 4.8vw;
    margin-top: 9.3333333333vw;
    line-height: 2;
  }
}
.sustainability .sec_future {
  margin-top: 150px;
  background: url(../images/sustainability/bg_future01_pc.jpg) no-repeat center center/cover;
  padding-block: 150px;
  color: #fff;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_future {
    margin-top: 29.3333333333vw;
    background-image: url(../images/sustainability/bg_future01_sp.jpg);
    padding-block: 23.4666666667vw;
  }
}
.sustainability .sec_future_title {
  font-size: 2.4rem;
  line-height: 180%;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_future_title {
    font-size: 6.4vw;
  }
}
.sustainability .sec_future_content {
  margin-top: 60px;
  width: calc(100% - 280px);
  margin-left: auto;
}
@media screen and (max-width: 1160px) {
  .sustainability .sec_future_content {
    width: 100%;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .sustainability .sec_future_content {
    margin-top: 15.4666666667vw;
  }
}
.sustainability .sec_future_content_text {
  line-height: 2;
}
.sustainability .sec_seedlings {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_seedlings {
    margin-top: 29.3333333333vw;
  }
}
.sustainability .sec_seedlings_content {
  margin-top: 103px;
  width: calc(100% - 280px);
  margin-left: auto;
}
@media screen and (max-width: 1160px) {
  .sustainability .sec_seedlings_content {
    width: 100%;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .sustainability .sec_seedlings_content {
    margin-top: 4.8vw;
  }
}
.sustainability .sec_seedlings_content_texts p {
  line-height: 2;
}
.sustainability .sec_seedlings_content_texts p:nth-child(n+2) {
  margin-top: 2em;
}
.sustainability .sec_seedlings_content_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_seedlings_content_grid {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
    margin-top: 8vw;
  }
}
.sustainability .sec_seedlings_content_grid img {
  border-radius: 10px;
}
.sustainability .sec_biomass {
  margin-top: 160px;
  background: #E7E2D9;
  padding-block: 150px 160px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_biomass {
    margin-top: 32vw;
    padding-block: 29.3333333333vw 32vw;
  }
}
.sustainability .sec_biomass_content {
  margin-top: 103px;
  width: calc(100% - 280px);
  margin-left: auto;
}
@media screen and (max-width: 1160px) {
  .sustainability .sec_biomass_content {
    width: 100%;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .sustainability .sec_biomass_content {
    margin-top: 9.8666666667vw;
  }
}
.sustainability .sec_biomass_content_text {
  line-height: 2;
}
.sustainability .sec_biomass_content_text + .sec_biomass_content_text {
  margin-top: 40px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_biomass_content_text + .sec_biomass_content_text {
    margin-top: 5.3333333333vw;
  }
}
.sustainability .sec_biomass_content_list {
  padding-left: 0;
  margin-block: 0;
}
.sustainability .sec_biomass_content_list li {
  list-style: none;
  line-height: 2;
}
.sustainability .sec_biomass_content_list li::before {
  content: "・";
  display: inline-block;
}
.sustainability .sec_biomass_content_grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-top: 50px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_biomass_content_grid {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
    margin-top: 8vw;
  }
}
.sustainability .sec_biomass_content_grid img {
  border-radius: 10px;
}
.sustainability .sec_wc {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc {
    margin-top: 29.3333333333vw;
  }
}
.sustainability .sec_wc_box01 {
  margin-top: 72px;
  display: grid;
  grid-template-columns: 37.5% 1fr;
  gap: 80px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box01 {
    margin-top: 12.8vw;
    grid-template-columns: 1fr;
    gap: 14.6666666667vw;
  }
}
.sustainability .sec_wc_box01_image img {
  border-radius: 10px;
}
.sustainability .sec_wc_box01_texts_title {
  font-size: 2.4rem;
  line-height: 180%;
}
.sustainability .sec_wc_box01_texts_title::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.sustainability .sec_wc_box01_texts_title::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box01_texts_title {
    font-size: 5.6vw;
  }
}
.sustainability .sec_wc_box01_texts_text {
  line-height: 2;
  margin-top: 20px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box01_texts_text {
    margin-top: 5.3333333333vw;
  }
}
.sustainability .sec_wc_box01_texts_btn {
  margin-top: 48px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box01_texts_btn {
    margin-top: 12.8vw;
  }
}
.sustainability .sec_wc_box02 {
  margin-top: 77px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box02 {
    margin-top: 14.6666666667vw;
  }
}
.sustainability .sec_wc_box02_title {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box02_title {
    font-size: 4.2666666667vw;
  }
}
.sustainability .sec_wc_box02_grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px;
  margin-top: 35px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box02_grid {
    grid-template-columns: 1fr;
    gap: 5.3333333333vw;
    margin-top: 14.6666666667vw;
  }
}
.sustainability .sec_wc_box02_grid_item {
  background: #E7E2D9;
  border-radius: 10px;
  padding: 20px 20px 15px;
  display: grid;
  grid-template-columns: 25% 1fr;
  grid-template-rows: auto 1fr;
  grid-template-areas: "area1 area2" "area1 area3";
  gap: 8px 20px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box02_grid_item {
    padding: 8vw 5.3333333333vw 5.8666666667vw;
    display: block;
  }
}
.sustainability .sec_wc_box02_grid_item_image {
  grid-area: area1;
  padding-top: 5px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box02_grid_item_image {
    width: 40vw;
    margin-inline: auto;
    padding-top: 0;
  }
}
.sustainability .sec_wc_box02_grid_item_title {
  grid-area: area2;
  font-size: 2rem;
  line-height: 1;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box02_grid_item_title {
    font-size: 5.3333333333vw;
    margin-top: 4vw;
  }
}
.sustainability .sec_wc_box02_grid_item_text {
  grid-area: area3;
  line-height: 160%;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc_box02_grid_item_text {
    margin-top: 3.4666666667vw;
  }
}
.sustainability .sec_wc .sustainability_slider {
  margin-top: 76px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_wc .sustainability_slider {
    margin-top: 16.8vw;
  }
}
.sustainability .sustainability_slider_item {
  margin-inline: 10px;
}
.sustainability .sustainability_slider_item img {
  border-radius: 10px;
}
.sustainability .sec_space {
  margin-top: 160px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space {
    margin-top: 29.3333333333vw;
  }
}
.sustainability .sec_space_box01 {
  margin-top: 55px;
  line-height: 2;
  width: calc(100% - 280px);
  margin-left: auto;
}
@media screen and (max-width: 1160px) {
  .sustainability .sec_space_box01 {
    width: 100%;
    margin-left: auto;
  }
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space_box01 {
    margin-top: 4.8vw;
  }
}
.sustainability .sec_space .sustainability_slider {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space .sustainability_slider {
    margin-top: 13.8666666667vw;
  }
}
.sustainability .sec_space_box02 {
  margin-top: 75px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space_box02 {
    margin-top: 32vw;
  }
}
.sustainability .sec_space_box02_item {
  display: grid;
  grid-template-columns: 37.5% 1fr;
  gap: 80px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space_box02_item {
    grid-template-columns: 1fr;
    gap: 15.4666666667vw;
  }
}
.sustainability .sec_space_box02_item:nth-child(n+2) {
  margin-top: 80px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space_box02_item:nth-child(n+2) {
    margin-top: 32vw;
  }
}
.sustainability .sec_space_box02_item_image img {
  border-radius: 10px;
}
.sustainability .sec_space_box02_item_texts_title {
  font-size: 2.4rem;
  line-height: 180%;
}
.sustainability .sec_space_box02_item_texts_title::before {
  display: block;
  width: 0;
  height: 0;
  margin-top: calc((1 - 1.8) * 0.5em);
  content: "";
}
.sustainability .sec_space_box02_item_texts_title::after {
  display: block;
  width: 0;
  height: 0;
  margin-bottom: calc((1 - 1.8) * 0.5em);
  content: "";
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space_box02_item_texts_title {
    font-size: 5.6vw;
  }
}
.sustainability .sec_space_box02_item_texts_text {
  line-height: 2;
  margin-top: 26px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space_box02_item_texts_text {
    margin-top: 4.5333333333vw;
  }
}
.sustainability .sec_space_box02_item_texts_btn {
  margin-top: 51px;
}
@media screen and (max-width: 768px) {
  .sustainability .sec_space_box02_item_texts_btn {
    margin-top: 13.3333333333vw;
  }
}