@charset "UTF-8";
/* CSS Document */
/*FV*/
.section__FV {
  position: relative;
}
.section__FV__img img {
  width: 100Vw;
  height: auto;
}
.section__FV__img-mb {
  display: none;
}
.section__FV__img-tb {
  display: none;
}
.section__FV h1 {
  z-index: 1;
  color: #fff;
  font-size: 5.0rem;
  line-height: 1.8;
  font-weight: 900;
  letter-spacing: 0.15em;
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  white-space: nowrap;
}
.section__FV__br-mb {
  display: none;
}
.section__FV h1 span {
  display: none;
}
@media(max-width: 1180px) {
  .section__FV__img-pc {
    display: none;
  }
  .section__FV__img-tb {
    display: block;
    width: 100vw;
    height: auto;
  }
}
@media(max-width: 1023px) {
  .section__FV h1 {
    font-size: 4.0rem;
  }
}
@media(max-width: 767px) {
  .section__FV__img-tb {
    display: none;
  }
  .section__FV__img-mb {
    display: block;
    width: 100vw;
    height: auto;
  }
  .section__FV__br-mb {
    display: block;
  }
  .section__FV h1 span {
    display: block;
    color: #F5D930;
    font-size: 3.0rem;
    letter-spacing: 0.05em;
    padding-top: 5px;
    text-transform: uppercase;
    line-height: 1.3;
  }
}
@media(max-width: 500px) {
  .section__FV h1 {
    font-size: 3.0rem;
    line-height: 1.4;
    font-weight: 700;
  }
  .section__FV h1 span {
    font-size: 2.0rem;
    letter-spacing: 0.05em;
    padding-top: 5px;
  }
}
/*Sustainable*/
.section__Sustainable {
  max-width: 1200px;
  margin: 0 auto;
}
.section__Sustainable__lead__p {
  padding: 120px 5Vw 72px;
  font-size: 2.0rem;
		  line-height: 2.25;
}
.section__Sustainable__lead__p__br-mb {
  display: none;
}
.section__Sustainable__lead__img {
  padding: 0 5vw;
}
.section__Sustainable__img-pc-1 {
  display: flex;
  gap: 1.6vw;
  text-align: center;
  justify-content: center;
}
.section__Sustainable__img-mb-1 {
  display: none;
}
.section__Sustainable__main {
  display: flex;
  flex-flow: wrap;
  text-align: center;
  justify-content: center;
  gap: 6vh 4.8vw;
  padding: 108px 0 189px;
}
.section__Sustainable__img-mb-2 {
  display: none;
}
.section__Sustainable__main__box {
  width: 429px;
  height: auto;
  padding-left: 48px;
}
.section__Sustainable__main__box p {
  text-align: left;
}
.section__Sustainable__main__box__p__m {
  margin-bottom: 5px;
}
.section__Sustainable__main__box__p__span-flex {
  display: flex;
}
.section__Sustainable__main__box__h {
  display: flex;
  align-items: center;
  gap: 34px;
  padding: 45px 0 32px;
}
.section__Sustainable__main__box__h img {
  width: 100px;
  height:auto;
}
.section__Sustainable__main__box__p__span-flex__br-mb{
	display: none;
}
/*Sustainable_box-1*/
.section__Sustainable__main__box-around-1 {
  width: clamp(470px, 26%, 516px);
  height: 442px;
  border-top: solid 2px #C1001E;
}
.section__Sustainable__main__box__h2-1 {
  font-size: 3.9rem;
  font-weight: 900;
  color: #C1001E;
  line-height: 1.5;
  text-align: left;
}
.section__Sustainable__main__box__h3-1 {
  width: 181px;
  height: 33px;
  font-weight: 700;
  color: #fff;
  background-color: #C1001E;
  margin: 32px 0 16px;
  border-radius: 17px;
  text-align: center;
  line-height: 3.3rem;
}
/*Sustainable_box-2*/
.section__Sustainable__main__box-around-2 {
  width: clamp(470px, 26%, 516px);
  height: 442px;
  border-top: solid 2px #A50028;
}
.section__Sustainable__main__box__h2-2 {
  font-size: 3.9rem;
  font-weight: 900;
  color: #A50028;
  line-height: 1.5;
  text-align: left;
}
.section__Sustainable__main__box__h3-2 {
  width: 181px;
  height: 33px;
  font-weight: 700;
  color: #fff;
  background-color: #A50028;
  margin: 32px 0 16px;
  border-radius: 17px;
  text-align: center;
  line-height: 3.3rem;
}
/*Sustainable_box-3*/
.section__Sustainable__main__box-around-3 {
  width: clamp(470px, 26%, 516px);
  height: 442px;
  border-top: solid 2px #7E0031;
}
.section__Sustainable__main__box__h2-3 {
  font-size: 3.9rem;
  font-weight: 900;
  color: #7E0031;
  line-height: 1.5;
  text-align: left;
}
.section__Sustainable__main__box__h3-3 {
  width: 181px;
  height: 33px;
  font-weight: 700;
  color: #fff;
  background-color: #7E0031;
  margin: 32px 0 16px;
  border-radius: 17px;
  text-align: center;
  line-height: 3.3rem;
}
/*Sustainable_box-4*/
.section__Sustainable__main__box-around-4 {
  width: clamp(470px, 26%, 516px);
  height: 442px;
  border-top: solid 2px #BE8C05;
}
.section__Sustainable__main__box__h2-4 {
  font-size: 3.9rem;
  font-weight: 900;
  color: #BE8C05;
  line-height: 1.5;
  text-align: left;
}
.section__Sustainable__main__box__h3-4 {
  width: 181px;
  height: 33px;
  font-weight: 700;
  color: #fff;
  background-color: #BE8C05;
  margin: 32px 0 16px;
  border-radius: 17px;
  text-align: center;
  line-height: 3.3rem;
}
@media(max-width: 1023px) {
  .section__Sustainable__main__box {
    width: 86%;
  }
  .section__Sustainable__main__box-around-1 {
    width: min(86%, 768px);
  }
  .section__Sustainable__main__box-around-2 {
    width: min(86%, 768px);
  }
  .section__Sustainable__main__box-around-3 {
    width: min(86%, 768px);
  }
  .section__Sustainable__main__box-around-4 {
    width: min(86%, 768px);
  }
  .section__Sustainable__img-pc-1 img {
    width: 170px;
    height: auto;
  }
}
@media(max-width:767px) {
	.section__Sustainable__main__box__p__span-flex__br-mb{
	display:block;
}
  .section__Sustainable__lead__p__br-mb {
    display: block;
  }
  .section__Sustainable__lead__p {
    padding: 93px 2vw 39px;
    font-size: 1.6rem;
    white-space: nowrap;
	  line-height: 1.8;
  }
  .section__Sustainable__main__box__h2-1 {
    font-size: 2.4rem;
  }
  .section__Sustainable__main__box__h2-2 {
    font-size: 2.4rem;
  }
  .section__Sustainable__main__box__h2-3 {
    font-size: 2.4rem;
  }
  .section__Sustainable__main__box__h2-4 {
    font-size: 2.4rem;
  }
  .section__Sustainable__main__box {
    width: 86vw;
    padding-left: 0;
  }
  .section__Sustainable__img-pc-1 {
    display: none;
  }
  .section__Sustainable__img-mb-1 {
    display: block;
    width: 86vw;
	  height: auto;
    margin: 0 auto;
  }
  .section__Sustainable__img-pc-2 {
    display: none;
  }
  .section__Sustainable__img-mb-2 {
    display: block;
  }
  .section__Sustainable__main__box__h img {
    width: 109px;
    height: 109px;
  }
  .section__Sustainable__main__box-around-1 {
    height: auto;
  }
  .section__Sustainable__main__box-around-2 {
    height: auto;
  }
  .section__Sustainable__main__box-around-3 {
    height: auto;
  }
  .section__Sustainable__main__box-around-4 {
    height: auto;
  }
  .section__Sustainable__main__box__h {
    gap: 25px;
  }
}