.pg_sustainability .sec_mv .base_text {
  position: absolute;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_mv .base_text {
    left: calc(60px * var(--ratio_page));
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(620px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_mv .base_text {
    bottom: calc(20px * var(--ratio_page));
    left: 50%;
    text-align: center;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
}
.pg_sustainability .sec_mv .title_sec {
  font-style: italic;
  letter-spacing: 0;
  line-height: 1.3;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_mv .title_sec {
    font-size: calc(50px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_mv .title_sec {
    font-size: calc(34px * var(--ratio_page));
  }
}
.pg_sustainability .sec_mv .text_sec {
  line-height: 1.6;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_mv .text_sec {
    font-size: calc(18px * var(--ratio_page));
    letter-spacing: -0.02em;
    padding-top: calc(20px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_mv .text_sec {
    font-size: calc(16px * var(--ratio_page));
    letter-spacing: -0.01em;
    padding-top: calc(10px * var(--ratio_page));
  }
}
.pg_sustainability .sec_mv .base_ex {
  position: absolute;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_mv .base_ex {
    bottom: calc(50px * var(--ratio_page));
    right: calc(60px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_mv .base_ex {
    display: none;
  }
}
.pg_sustainability .sec_mv .ex_sec {
  letter-spacing: 0.02em;
  line-height: 1.0;
  -moz-user-select: -moz-none;
  -ms-user-select: none;
  -webkit-user-select: none;
  user-select: none;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_mv .ex_sec {
    font-size: calc(12px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_1 .slider_img {
    margin-left: auto;
    width: calc(1045px * var(--ratio_page));
  }
}
.pg_sustainability .sec_1 .slider_img .slick-dots {
  right: 0;
  width: 100%;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_1 .slider_img .slick-dots {
    bottom: calc(10px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_1 .slider_img .slick-dots {
    bottom: calc(5px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_1 .base_text {
    background-color: rgba(242, 236, 230, 0.85);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    left: 0;
    padding: calc(85px * var(--ratio_page)) calc(35px * var(--ratio_page));
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(640px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_1 .base_text {
    padding-top: calc(20px * var(--ratio_page));
    text-align: center;
  }
}
.pg_sustainability .sec_1 .title_sec {
  font-style: italic;
  letter-spacing: 0.05em;
  line-height: 1.3;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_1 .title_sec {
    font-size: calc(48px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_1 .title_sec {
    font-size: calc(28px * var(--ratio_page));
  }
}
.pg_sustainability .sec_1 .text_sec {
  font-size: calc(16px * var(--ratio_page));
  letter-spacing: 0;
  line-height: 1.3;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_1 .text_sec {
    padding-top: calc(15px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_1 .text_sec {
    padding-top: calc(20px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_1 .base_btn {
    padding-top: calc(25px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_1 .base_btn {
    padding-top: calc(35px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_2 .img_1 {
    width: calc(1042px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_2 .base_text {
    background-color: rgba(242, 236, 230, 0.85);
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    right: 0;
    padding: calc(85px * var(--ratio_page)) calc(35px * var(--ratio_page));
    position: absolute;
    top: 50%;
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: calc(640px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_2 .base_text {
    padding-top: calc(20px * var(--ratio_page));
    text-align: center;
  }
}
.pg_sustainability .sec_2 .copy_sec {
  font-size: calc(14px * var(--ratio_page));
  letter-spacing: 0.1em;
  line-height: 1.2;
  white-space: nowrap;
}
.pg_sustainability .sec_2 .logo_1 {
  padding-top: calc(15px * var(--ratio_page));
}
.pg_sustainability .sec_2 .logo_1 img {
  width: calc(350px * var(--ratio_page));
}
.pg_sustainability .sec_2 .text_sec {
  font-size: calc(16px * var(--ratio_page));
  letter-spacing: 0;
  line-height: 1.3;
  padding-top: calc(20px * var(--ratio_page));
}
@media (min-width: 768px) {
  .pg_sustainability .sec_2 .base_btn {
    padding-top: calc(25px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_2 .base_btn {
    padding-top: calc(35px * var(--ratio_page));
  }
}
.pg_sustainability .sec_3 .inr_sec {
  background-color: #f2ece6;
}
.pg_sustainability .sec_3 .base_text {
  text-align: center;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_3 .base_text {
    padding: calc(65px * var(--ratio_page)) 0 calc(95px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_3 .base_text {
    padding: calc(40px * var(--ratio_page)) 0;
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_3 .logo_1 img {
    width: calc(130px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_3 .logo_1 img {
    width: calc(76px * var(--ratio_page));
  }
}
.pg_sustainability .sec_3 .title_sec {
  font-style: italic;
  letter-spacing: -0.02em;
  line-height: 1.4;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_3 .title_sec {
    font-size: calc(40px * var(--ratio_page));
    padding-top: calc(20px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_3 .title_sec {
    font-size: calc(24px * var(--ratio_page));
    padding-top: calc(10px * var(--ratio_page));
  }
}
.pg_sustainability .sec_3 .text_sec {
  font-size: calc(16px * var(--ratio_page));
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_3 .text_sec {
    line-height: 1.3;
    padding-top: calc(15px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_3 .text_sec {
    line-height: 1.5;
    padding-top: calc(35px * var(--ratio_page));
  }
}
.pg_sustainability .sec_4 .inr_sec {
  background-color: #f2ece6;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_4 .inr_sec {
    display: -webkit-flex;
    display: flex;
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_4 .img_1 {
    width: calc(509px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_4 .col_text {
    position: relative;
    width: calc(1081px * var(--ratio_page));
  }
}
.pg_sustainability .sec_4 .base_text {
  text-align: center;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_4 .base_text {
    left: 50%;
    position: absolute;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_4 .base_text {
    padding: calc(50px * var(--ratio_page)) 0;
  }
}
.pg_sustainability .sec_4 .text_sec {
  letter-spacing: -0.01em;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_4 .text_sec {
    font-size: calc(22px * var(--ratio_page));
    line-height: 1.4;
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_4 .text_sec {
    font-size: calc(16px * var(--ratio_page));
    line-height: 1.6;
  }
}
.pg_sustainability .sec_5 .base_text {
  left: 50%;
  position: absolute;
  text-align: center;
  -moz-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_5 .base_text {
    top: 48%;
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_5 .base_text {
    top: 48%;
  }
}
.pg_sustainability .sec_5 .title_sec {
  font-style: italic;
  letter-spacing: -0.02em;
  line-height: 1.3;
  white-space: nowrap;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_5 .title_sec {
    font-size: calc(40px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_5 .title_sec {
    font-size: calc(36px * var(--ratio_page));
  }
}
.pg_sustainability .sec_5 .text_1_sec {
  letter-spacing: -0.01em;
  line-height: 1.4;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_5 .text_1_sec {
    font-size: calc(19px * var(--ratio_page));
    padding-top: calc(10px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_5 .text_1_sec {
    font-size: calc(18px * var(--ratio_page));
    padding-top: calc(5px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_5 .logo_1 {
    padding-top: calc(40px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_5 .logo_1 {
    padding-top: calc(15px * var(--ratio_page));
  }
}
@media (min-width: 768px) {
  .pg_sustainability .sec_5 .logo_1 img {
    width: calc(129px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_5 .logo_1 img {
    width: calc(98px * var(--ratio_page));
  }
}
.pg_sustainability .sec_5 .text_2_sec {
  font-weight: bold;
  letter-spacing: 0;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_5 .text_2_sec {
    font-size: calc(19px * var(--ratio_page));
    padding-top: calc(20px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_5 .text_2_sec {
    font-size: calc(16px * var(--ratio_page));
    padding-top: calc(15px * var(--ratio_page));
  }
}
.pg_sustainability .sec_5 .text_3_sec {
  letter-spacing: 0.01em;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .pg_sustainability .sec_5 .text_3_sec {
    font-size: calc(19px * var(--ratio_page));
    padding-top: calc(30px * var(--ratio_page));
  }
}
@media (max-width: 767px) {
  .pg_sustainability .sec_5 .text_3_sec {
    font-size: calc(16px * var(--ratio_page));
    padding-top: calc(20px * var(--ratio_page));
  }
}
.pg_sustainability .sec_5 .text_3_sec a {
  font-weight: bold;
  text-decoration: underline;
}