@charset "UTF-8";
@import url("reset.css") layer(reset);
@font-face {
  font-family: "corporate-logo-rounded";
  src: url("./../fonts/Corporate-Logo-Rounded-Bold-ver3-subset.woff2") format("woff2");
  src: url("./../fonts/Corporate-Logo-Rounded-Bold-ver3-subset.woff") format("woff");
  font-weight: 700;
  font-style: bold;
  font-display: swap;
}
@layer reset, base,theme utilities;
@layer base {
  :root {
    --vw: 1vw;
    --header-height: var.$header-height;
  }
  html {
    font-size: 16px;
    line-height: 1.6;
    scroll-behavior: smooth;
    scroll-padding-top: var(--header-height);
    color: #3e3a39;
    overflow-x: clip;
    height: 100%;
  }
  @media screen and (max-width: 768px) {
    html {
      font-size: 15px;
    }
  }
  html.js-nav-open[class] {
    overflow: clip;
  }
  body {
    overflow-x: clip;
    position: relative;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.6;
    overflow-wrap: break-word;
    word-break: break-word;
  }
  body.js-nav-open[class] {
    overflow: clip;
  }
}
@layer theme {
  .preparation {
    display: flex;
    flex-direction: column;
    height: 100%;
  }
  .preparation__main {
    flex: 1;
    height: 100%;
    display: grid;
    place-content: center;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: minmax(0, 1fr);
  }
  .preparation__section {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  @media screen and (max-width: 520px) {
    .preparation__section {
      padding-inline: 20px;
    }
  }
  .preparation__box {
    margin: 0 auto;
    background: #fff;
    background: #00b5e2;
    width: 70%;
    height: 30%;
    padding: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color: #fff;
  }
  @media screen and (max-width: 520px) {
    .preparation__box {
      width: 100%;
      height: fit-content;
    }
  }
  .preparation__title {
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: bold;
    text-align: center;
    margin-bottom: 24px;
    font-size: 40px;
    line-height: 1.2;
  }
  @media screen and (max-width: 520px) {
    .preparation__title {
      font-size: 22px;
      margin-bottom: 16px;
    }
  }
  .preparation__text {
    font-size: 24px;
  }
  @media screen and (max-width: 520px) {
    .preparation__text {
      font-size: 16px;
    }
  }
  .header {
    width: 100%;
    padding-block: 0;
    padding-inline: 16px 0px;
    border-bottom: 4px solid #00b5e2;
    position: sticky;
    display: flex;
    align-items: center;
    top: 0;
    background: #fff;
    z-index: 9999;
  }
  .header .fukuoka-city-logo__image {
    padding-block: 10px;
    height: auto;
  }
  @media screen and (max-width: 768px) {
    .header .fukuoka-city-logo__image {
      width: 86px;
      padding-block: 8px;
    }
  }
  #google_translate_element {
    background: #00b5e2;
    height: 100%;
    margin-left: auto;
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-inline: 10px;
    gap: 8px;
    min-width: 182px;
  }
  @media screen and (max-width: 520px) {
    #google_translate_element {
      min-width: 146px;
    }
  }
  #google_translate_element .goog-te-gadget {
    display: block !important;
    height: 100%;
    display: block;
    height: 78px;
    overflow: hidden;
  }
  @media screen and (max-width: 520px) {
    #google_translate_element .goog-te-gadget {
      min-height: 44px;
      height: 44px;
    }
  }
  #google_translate_element .goog-te-gadget > div > .goog-te-combo {
    margin: 0 auto !important;
    border: none;
    min-height: 76px;
    height: 100%;
    width: 130px;
    color: #fff;
    background: transparent;
    -webkit-appearance: none;
    appearance: none;
    background-image: url("../images/icon/arrow-bottom.svg");
    background-repeat: no-repeat;
    background-size: 10px auto;
    background-position: right 2px center;
    font-size: 17px !important;
    cursor: pointer;
  }
  @media screen and (max-width: 520px) {
    #google_translate_element .goog-te-gadget > div > .goog-te-combo {
      min-height: 44px;
      font-size: 14px !important;
      width: 94px;
    }
  }
  #google_translate_element .goog-te-gadget > div > .goog-te-combo:focus {
    outline: none;
  }
  #google_translate_element .goog-te-gadget > div > .goog-te-combo > option {
    color: #3e3a39;
  }
  #google_translate_element .goog-te-gadget > span {
    display: none;
  }
  .nav {
    width: 100%;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    transform: translateX(100%);
    transition: all ease 0.6s;
    background: rgba(26, 189, 96, 0.4);
  }
  .nav:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    background: rgba(0, 181, 226, 0.5);
    z-index: -1;
  }
  .nav.js-active {
    transform: translateX(0);
  }
  .nav__list {
    background: #fff;
    list-style-type: none;
    padding-left: 0;
  }
  .nav__item {
    border-bottom: 1px solid #00b5e2;
  }
  .nav__link {
    display: block;
    padding: 14px 24px 14px 14px;
    width: 100%;
    font-size: 32px;
    font-weight: bold;
    color: #3e3a39;
    text-decoration: none;
    position: relative;
    transition: opacity ease 0.3s;
    line-height: 1;
  }
  @media screen and (max-width: 768px) {
    .nav__link {
      font-size: 20px;
      padding-right: 20px;
    }
  }
  .nav__link:before {
    position: absolute;
    content: "";
    right: 22px;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-block: auto;
    width: 10px;
    height: 16px;
    mask-image: url(../images/icon/arrow-right-round.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    background: #00b5e2;
    transition: all ease 0.3s;
  }
  @media screen and (max-width: 768px) {
    .nav__link:before {
      width: 6px;
      height: 11px;
      right: 16px;
    }
  }
  .nav__link:hover {
    opacity: 0.7;
  }
  .nav__link:hover:before {
    right: 11px;
  }
  .nav-trigger {
    width: 56px;
    height: 100%;
    padding: 16px;
  }
  @media screen and (max-width: 768px) {
    .nav-trigger {
      width: 44px;
      padding: 10px;
    }
  }
  .nav-trigger__body {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    width: 24px;
    height: 14px;
  }
  .nav-trigger__border {
    display: block;
    width: 100%;
    height: 2px;
    margin-right: auto;
    margin-left: auto;
    background: #00b5e2;
    transition: all 0.3s ease-out;
    position: relative;
  }
  .nav-trigger__border--first.js-active {
    width: 100%;
    transform: rotate(38.31deg);
    left: 4px;
    top: -1px;
    transform-origin: top left;
  }
  .nav-trigger__border--second.js-active {
    width: 0;
  }
  .nav-trigger__border--third.js-active {
    width: 100%;
    transform: rotate(-38.31deg);
    transform-origin: top left;
    right: -2px;
    top: 2px;
  }
  .main-visual {
    margin-bottom: 80px;
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
  @media screen and (max-width: 768px) {
    .main-visual {
      margin-bottom: 40px;
    }
  }
  .main-visual__main {
    padding-inline: min(calc(1.3888888889 * var(--vw, 1vw)), 20px);
    color: #00b5e2;
    margin: 64px 0;
  }
  @media screen and (max-width: 768px) {
    .main-visual__main {
      padding-inline: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
      margin: 12px 0;
    }
  }
  .main-visual__inner {
    margin: 0 auto;
    width: 1400px;
    max-width: 100%;
  }
  .main-visual__head {
    display: grid;
    align-items: center;
    justify-content: space-between;
    grid-template-columns: repeat(3, minmax(0, max-content));
    gap: min(calc(0.5555555556 * var(--vw, 1vw)), 8px);
    margin-bottom: min(calc(2.5 * var(--vw, 1vw)), 36px);
  }
  @media screen and (max-width: 768px) {
    .main-visual__head {
      grid-template-columns: repeat(2, minmax(0, max-content));
      column-gap: max(calc(2.6666666667 * var(--vw, 1vw)), 10px);
      margin-bottom: max(calc(1.0666666667 * var(--vw, 1vw)), 4px);
    }
  }
  .main-visual__pla-bunbetu {
    width: min(calc(20.4861111111 * var(--vw, 1vw)), 295px);
    aspect-ratio: 295/296.81;
    height: auto;
  }
  @media screen and (max-width: 768px) {
    .main-visual__pla-bunbetu {
      width: max(calc(28 * var(--vw, 1vw)), 105px);
    }
  }
  .main-visual__bottom {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(2.2222222222 * var(--vw, 1vw)), 32px);
    flex-wrap: wrap;
  }
  @media screen and (max-width: 768px) {
    .main-visual__bottom {
      margin-bottom: max(calc(4.2666666667 * var(--vw, 1vw)), 16px);
      gap: max(calc(2.1333333333 * var(--vw, 1vw)), 8px);
    }
  }
  .main-visual__lead-body {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: min(calc(2.2222222222 * var(--vw, 1vw)), 32px);
  }
  @media screen and (max-width: 768px) {
    .main-visual__lead-body {
      gap: max(calc(2.1333333333 * var(--vw, 1vw)), 8px);
    }
  }
  .main-visual__lead-group {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: min(calc(2.2222222222 * var(--vw, 1vw)), 32px);
  }
  @media screen and (max-width: 768px) {
    .main-visual__lead-group {
      gap: max(calc(2.1333333333 * var(--vw, 1vw)), 8px);
      flex-direction: column;
    }
  }
  .main-visual__lead {
    font-size: min(calc(11.3888888889 * var(--vw, 1vw)), 164px);
    line-height: 1;
    font-weight: bold;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .main-visual__lead {
      gap: max(calc(2.1333333333 * var(--vw, 1vw)), 8px);
      flex-direction: column;
      font-size: max(calc(25.8666666667 * var(--vw, 1vw)), 97px);
    }
  }
  @media screen and (max-width: 374px) {
    .main-visual__lead {
      font-size: max(calc(21.3333333333 * var(--vw, 1vw)), 80px);
    }
  }
  .main-visual__lead--large {
    font-size: min(calc(14.8611111111 * var(--vw, 1vw)), 214px);
    line-height: 1;
    white-space: nowrap;
  }
  @media screen and (max-width: 768px) {
    .main-visual__lead--large {
      white-space: inherit;
      font-size: max(calc(23.4666666667 * var(--vw, 1vw)), 88px);
    }
  }
  @media screen and (max-width: 374px) {
    .main-visual__lead--large {
      font-size: max(calc(19.2 * var(--vw, 1vw)), 72px);
    }
  }
  .main-visual__lead--garbage {
    max-width: 563px;
  }
  @media screen and (max-width: 768px) {
    .main-visual__lead--garbage {
      max-width: inherit;
    }
  }
  .main-visual__lead--plastic {
    max-width: 805px;
    display: block;
    padding: min(calc(1.1111111111 * var(--vw, 1vw)), 16px) min(calc(2.7777777778 * var(--vw, 1vw)), 40px);
    border: 1px solid #00b5e2;
    width: fit-content;
  }
  @media screen and (max-width: 768px) {
    .main-visual__lead--plastic {
      font-size: max(calc(19.4666666667 * var(--vw, 1vw)), 73px);
      border-width: 2px;
      padding: max(calc(1.6 * var(--vw, 1vw)), 6px) max(calc(1.2 * var(--vw, 1vw)), 4.5px);
    }
  }
  @media screen and (max-width: 374px) {
    .main-visual__lead--plastic {
      font-size: max(calc(16 * var(--vw, 1vw)), 60px);
    }
  }
  .main-visual__lead--en {
    font-size: min(calc(2.9166666667 * var(--vw, 1vw)), 42px);
    line-height: 1.4;
    font-family: "Roboto Condensed", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
  @media screen and (max-width: 768px) {
    .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  .main-visual__about-wrapper {
    background: #00b5e2;
    color: #fff;
    padding: 32px 20px;
  }
  @media screen and (max-width: 768px) {
    .main-visual__about-wrapper {
      padding: 20px;
    }
  }
  .main-visual__about {
    margin: 0 auto;
    line-height: 1.9;
    font-size: 22px;
    max-width: 1230px;
  }
  @media screen and (max-width: 768px) {
    .main-visual__about {
      font-size: 15px;
    }
  }
  .important-news__title {
    width: 100%;
    background: #00b5e2;
    color: #fff;
    padding: min(calc(1.1111111111 * var(--vw, 1vw)), 16px);
    font-size: min(calc(2.3611111111 * var(--vw, 1vw)), 34px);
    font-weight: bold;
    margin-bottom: min(calc(0.2777777778 * var(--vw, 1vw)), 4px);
    line-height: 1;
    text-align: center;
  }
  @media screen and (max-width: 768px) {
    .important-news__title {
      font-size: max(calc(4.2666666667 * var(--vw, 1vw)), 16px);
      line-height: 1.2;
      padding: max(calc(1.6 * var(--vw, 1vw)), 6px) max(calc(5.0666666667 * var(--vw, 1vw)), 19px);
    }
  }
  .important-news__date {
    font-size: min(calc(14.2361111111 * var(--vw, 1vw)), 205px);
    line-height: 1;
    font-family: "Roboto Condensed", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    .important-news__date {
      font-size: max(calc(18.1333333333 * var(--vw, 1vw)), 68px);
    }
  }
  @media screen and (max-width: 374px) {
    .important-news__date {
      font-size: max(calc(12.2666666667 * var(--vw, 1vw)), 46px);
    }
  }
  .important-news__unit {
    font-size: min(calc(7.6388888889 * var(--vw, 1vw)), 110px);
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
  @media screen and (max-width: 768px) {
    .important-news__unit {
      font-size: max(calc(6.4 * var(--vw, 1vw)), 24px);
    }
  }
  .ecoppa {
    width: min(calc(17.2222222222 * var(--vw, 1vw)), 248px);
  }
  @media screen and (max-width: 768px) {
    .ecoppa {
      width: inherit;
      max-width: inherit;
      grid-column: 1/3;
      display: flex;
      flex-direction: row-reverse;
      justify-content: flex-end;
      align-items: center;
      margin-left: auto;
      gap: max(calc(1.0666666667 * var(--vw, 1vw)), 4px);
    }
  }
  .ecoppa__img {
    width: min(calc(14.6527777778 * var(--vw, 1vw)), 211px);
    aspect-ratio: 211.58/232.44;
    margin-bottom: 10px;
    height: auto;
    margin-right: min(calc(2.7777777778 * var(--vw, 1vw)), 40px);
    display: block;
  }
  @media screen and (max-width: 768px) {
    .ecoppa__img {
      width: max(calc(10.6666666667 * var(--vw, 1vw)), 40px);
      margin-right: 0;
      margin-bottom: 4px;
    }
  }
  .ecoppa__caption {
    display: block;
    margin-left: auto;
    font-size: min(calc(0.9722222222 * var(--vw, 1vw)), 14px);
    font-weight: bold;
    width: fit-content;
    font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
  @media screen and (max-width: 768px) {
    .ecoppa__caption {
      margin-left: 0;
      font-size: max(calc(3.2 * var(--vw, 1vw)), 12px);
    }
  }
  .section {
    margin-bottom: 80px;
  }
  @media screen and (max-width: 768px) {
    .section {
      margin-bottom: 40px;
    }
  }
  .section__title {
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    background: #00b5e2;
    padding: 16px;
    color: #fff;
    font-weight: bold;
    text-align: center;
    margin-bottom: 40px;
    font-size: 40px;
    line-height: 1.2;
  }
  @media screen and (max-width: 768px) {
    .section__title {
      font-size: 22px;
      margin-bottom: 24px;
    }
  }
  .contents {
    padding-inline: 24px;
  }
  @media screen and (max-width: 768px) {
    .contents {
      padding-inline: 20px;
    }
  }
  .contents__body {
    width: 100%;
    max-width: 1024px;
    margin: 0 auto;
  }
  .information-box-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
  }
  @media screen and (max-width: 768px) {
    .information-box-wrapper {
      grid-template-columns: minmax(0, 1fr);
      gap: 24px;
    }
  }
  .information-box {
    border: 4px solid #00b5e2;
    padding: 26px;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  @media screen and (max-width: 520px) {
    .information-box {
      border-width: 3px;
      padding: 20px;
    }
  }
  .information-box__title {
    text-align: center;
    border-bottom: 1px solid #00b5e2;
    font-size: 24px;
    font-weight: bold;
    color: #00b5e2;
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    padding-bottom: 8px;
    line-height: 1.2;
  }
  @media screen and (max-width: 768px) {
    .information-box__title {
      padding-bottom: 16px;
      font-size: 22px;
    }
  }
  .information-box__image-wrapper {
    margin: 24px auto 0px;
  }
  @media screen and (max-width: 768px) {
    .information-box__image-wrapper {
      margin-bottom: 16px;
    }
  }
  .information-box__image {
    height: auto;
  }
  .recycling-process {
    position: relative;
    padding-block: min(calc(4.2857142857 * var(--vw, 1vw)), 36px);
    max-width: 732px;
    width: 100%;
  }
  @media screen and (max-width: 520px) {
    .recycling-process {
      padding: 0;
      aspect-ratio: 287/410;
      height: auto;
    }
  }
  .recycling-process__image {
    margin: 0 auto;
    height: auto;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__image {
      width: 37.2822299652%;
      position: absolute;
      top: 0;
      left: 28.9198606272%;
      aspect-ratio: 107/410;
      height: auto;
    }
  }
  .recycling-process__text {
    position: absolute;
    font-size: min(calc(1.9047619048 * var(--vw, 1vw)), 16px);
    white-space: nowrap;
    color: #000;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__text {
      white-space: inherit;
      line-height: 1.4;
      font-size: max(calc(4.0214477212 * var(--vw, 1vw)), 15px);
    }
  }
  .recycling-process__text--flake {
    top: 0;
    left: 32.3770491803%;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__text--flake {
      top: 35.7634146341%;
      left: 66.2020905923%;
    }
  }
  .recycling-process__text--pellet {
    top: 0;
    left: 56.4207650273%;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__text--pellet {
      top: 60.1536585366%;
      left: 66.2020905923%;
    }
  }
  .recycling-process__text--plastic {
    bottom: 0;
    left: 2.3224043716%;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__text--plastic {
      top: 5.8536585366%;
      left: 66.2020905923%;
    }
  }
  .recycling-process__text--recycle {
    bottom: 0;
    left: 43.9207650273%;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__text--recycle {
      top: 5.8536585366%;
      max-width: 26.1324041812%;
      left: 0;
    }
  }
  .recycling-process__text--new-products {
    bottom: 0;
    left: 82.8551912568%;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__text--new-products {
      top: 88.9341463415%;
      left: 66.2020905923%;
    }
  }
  .recycling-process__arrow {
    display: none;
  }
  @media screen and (max-width: 520px) {
    .recycling-process__arrow {
      position: absolute;
      display: block;
      aspect-ratio: 33/327.71;
      height: auto;
      width: 11.4982578397%;
      top: 13.9024390244%;
      left: 7.3170731707%;
    }
  }
  .true-or-false {
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 2;
    gap: 28px;
  }
  @media screen and (max-width: 768px) {
    .true-or-false {
      gap: 14px;
      grid-template-rows: minmax(0, 1fr);
    }
  }
  .true-or-false__question {
    background: rgba(243, 151, 0, 0.2);
    padding: 20px;
    position: relative;
    color: #f39700;
    font-weight: bold;
    line-height: 1.6;
    font-size: 24px;
    border-radius: 12px;
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    word-break: break-all;
    text-wrap: inherit;
  }
  @media screen and (max-width: 768px) {
    .true-or-false__question {
      padding: 16px;
      font-size: 18px;
      line-height: 1.4;
    }
  }
  .true-or-false__question:before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    bottom: -16px;
    clip-path: polygon(50% 100%, 0 0, 100% 0);
    background: rgba(243, 151, 0, 0.2);
    margin: 0 auto;
    width: 32px;
    height: 16px;
  }
  @media screen and (max-width: 768px) {
    .true-or-false__question:before {
      width: 20px;
      height: 10px;
      bottom: -10px;
    }
  }
  .true-or-false__question--true {
    background: rgba(140, 192, 28, 0.2);
    color: #8cc01c;
  }
  .true-or-false__question--true:before {
    background: rgba(140, 192, 28, 0.2);
  }
  .true-or-false__answer {
    display: flex;
    gap: 8px;
    align-items: center;
    font-size: 24px;
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    color: #f39700;
    font-weight: bold;
    margin-bottom: 20px;
  }
  @media screen and (max-width: 768px) {
    .true-or-false__answer {
      margin-bottom: 10px;
    }
  }
  .true-or-false__answer--true {
    color: #8cc01c;
  }
  .true-or-false__text {
    font-size: 16px;
  }
  @media screen and (max-width: 768px) {
    .true-or-false__text {
      font-size: 15px;
    }
  }
  .false {
    display: flex;
    flex-direction: column;
    gap: 24px;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 768px) {
    .false {
      margin-bottom: 24px;
    }
  }
  .true {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  .button-wrapper {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 40px;
  }
  @media screen and (max-width: 768px) {
    .button-wrapper {
      grid-template-columns: minmax(0, 1fr);
      gap: 16px;
    }
  }
  .button {
    padding-block: 12px;
    padding-inline: 24px 44px;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    color: #fff;
    position: relative;
    background: #8cc01c;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 0 5px 0 #668b17;
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    font-weight: bold;
    font-size: 20px;
    transition: all ease 0.3s;
  }
  @media screen and (max-width: 768px) {
    .button {
      font-size: 18px;
      padding-inline: 24px 44px;
    }
  }
  .button--green {
    background: #38c01c;
    box-shadow: 0 5px 0 #2a8f15;
  }
  .button:hover {
    transform: translateY(5px);
    box-shadow: none;
  }
  .button:before {
    position: absolute;
    content: "";
    right: 29px;
    top: 0;
    bottom: 0;
    margin-left: auto;
    margin-block: auto;
    width: 14px;
    height: 28px;
    mask-image: url(../images/icon/arrow-right-round-thin.svg);
    mask-repeat: no-repeat;
    mask-size: cover;
    background: #fff;
    transition: all ease 0.3s;
  }
  @media screen and (max-width: 768px) {
    .button:before {
      width: 10px;
      height: 20px;
      right: 20px;
    }
  }
  .footer {
    padding-bottom: 40px;
  }
  .footer__catchcopy {
    width: fit-content;
    margin: 0 auto;
    color: #00b5e2;
    font-size: 48px;
    font-weight: bold;
    margin-bottom: 80px;
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
    text-align: center;
    line-height: 1;
  }
  @media screen and (max-width: 768px) {
    .footer__catchcopy {
      margin-bottom: 40px;
    }
  }
  .footer__small-text {
    font-size: 32px;
  }
  .footer__body {
    background: #00b5e2;
    color: #fff;
    padding: 16px 20px;
    text-align: center;
    margin-bottom: 40px;
  }
  @media screen and (max-width: 768px) {
    .footer__body {
      font-size: 12px;
    }
  }
  .footer__text {
    font-size: 18px;
    line-height: 1.7;
    font-weight: bold;
    font-family: "corporate-logo-rounded", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴシック", "Hiragino Sans", sans-serif;
  }
  @media screen and (max-width: 768px) {
    .footer__text {
      font-size: 14px;
    }
  }
  .footer__link {
    color: #fff;
    text-decoration: none;
  }
  .logo-list {
    display: flex;
    gap: 48px;
    align-items: center;
    justify-content: center;
  }
  @media screen and (max-width: 768px) {
    .logo-list {
      gap: 24px;
    }
  }
  .logo-list__image {
    width: 180px;
    aspect-ratio: 180/57;
    height: auto;
  }
  @media screen and (max-width: 768px) {
    .logo-list__image {
      width: 135px;
    }
  }
  .skiptranslate {
    display: none;
  }
  #google_language_translator a {
    display: none !important;
  }
  .goog-branding {
    display: none;
  }
  .goog-tooltip {
    display: none !important;
  }
  .goog-tooltip:hover {
    display: none !important;
  }
  .goog-text-highlight {
    background-color: transparent !important;
    border: none !important;
    box-shadow: none !important;
  }
  #flags {
    display: none;
  }
  body {
    top: 0px !important;
  }
  #goog-gt- {
    display: none !important;
  }
  font font {
    background-color: transparent !important;
    box-shadow: none !important;
    position: initial !important;
  }
  #glt-translate-trigger {
    left: 20px;
    right: auto;
  }
  #glt-translate-trigger > span {
    color: #ffffff;
  }
  #glt-translate-trigger {
    background: #f89406;
  }
  .goog-te-gadget .goog-te-combo {
    width: 100%;
  }
  #goog-gt-tt {
    display: none !important;
  }
  .VIpgJd-ZVi9od-aZ2wEe-wOHMyf {
    display: none !important;
  }
  .translated-ltr[class] .main-visual__lead {
    line-height: 1.2;
  }
  .translated-ltr[class] .main-visual__lead--garbage, .translated-ltr[class] .main-visual__lead--plastic {
    max-width: inherit;
    width: 100%;
  }
  .translated-ltr[class] .main-visual__lead--large {
    white-space: inherit;
  }
  .translated-ltr[class] .main-visual__lead--en {
    font-size: min(calc(2.9861111111 * var(--vw, 1vw)), 43px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[class] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[class] .main-visual .only-tb {
      display: none !important;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[class] .main-visual .only-sp {
      display: none !important;
    }
  }
  .translated-ltr[class] .button br {
    display: none !important;
  }
  .translated-ltr[class] font:empty {
    display: none;
  }
  .translated-ltr[lang=en] .important-news__date {
    font-size: min(calc(8.75 * var(--vw, 1vw)), 126px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=en] .important-news__date {
      font-size: max(calc(10.1333333333 * var(--vw, 1vw)), 38px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=en] .important-news__date {
      font-size: max(calc(7.4666666667 * var(--vw, 1vw)), 28px);
    }
  }
  .translated-ltr[lang=en] .main-visual__lead {
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=en] .main-visual__lead {
      font-size: max(calc(16 * var(--vw, 1vw)), 60px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=en] .main-visual__lead {
      font-size: max(calc(13.3333333333 * var(--vw, 1vw)), 50px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=en] .main-visual__lead--plastic {
      font-size: max(calc(16 * var(--vw, 1vw)), 60px);
    }
  }
  .translated-ltr[lang=en] .main-visual__lead--large {
    font-size: min(calc(9.5833333333 * var(--vw, 1vw)), 138px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=en] .main-visual__lead--large {
      font-size: max(calc(17.6 * var(--vw, 1vw)), 66px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=en] .main-visual__lead--large {
      font-size: max(calc(14.4 * var(--vw, 1vw)), 54px);
    }
  }
  .translated-ltr[lang=en] .main-visual__lead--en {
    font-size: min(calc(2.9861111111 * var(--vw, 1vw)), 43px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=en] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=en] .recycling-process__text--flake {
      left: 34.6994535519%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=en] .recycling-process__text--pellet {
      left: 57.9234972678%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=en] .recycling-process__text--plastic {
      left: 4.9180327869%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=en] .recycling-process__text--recycle {
      left: 1.393728223%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=en] .recycling-process__text--new-products {
      left: 80.6010928962%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=en] .recycling-process__text--new-products {
      top: 87.8048780488%;
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=zh-CN] .important-news__date, .translated-ltr[lang=zh-TW] .important-news__date {
      font-size: max(calc(12.2666666667 * var(--vw, 1vw)), 46px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=zh-CN] .main-visual__lead, .translated-ltr[lang=zh-TW] .main-visual__lead {
      font-size: max(calc(22.4 * var(--vw, 1vw)), 84px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=zh-CN] .main-visual__lead, .translated-ltr[lang=zh-TW] .main-visual__lead {
      font-size: max(calc(18.6666666667 * var(--vw, 1vw)), 70px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=zh-CN] .main-visual__lead--plastic, .translated-ltr[lang=zh-TW] .main-visual__lead--plastic {
      font-size: max(calc(18.6666666667 * var(--vw, 1vw)), 70px);
    }
  }
  .translated-ltr[lang=zh-CN] .main-visual__lead--large, .translated-ltr[lang=zh-TW] .main-visual__lead--large {
    font-size: min(calc(9.5833333333 * var(--vw, 1vw)), 138px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=zh-CN] .main-visual__lead--large, .translated-ltr[lang=zh-TW] .main-visual__lead--large {
      font-size: max(calc(21.3333333333 * var(--vw, 1vw)), 80px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=zh-CN] .main-visual__lead--large, .translated-ltr[lang=zh-TW] .main-visual__lead--large {
      font-size: max(calc(25.0666666667 * var(--vw, 1vw)), 94px);
    }
  }
  .translated-ltr[lang=zh-CN] .main-visual__lead--en, .translated-ltr[lang=zh-TW] .main-visual__lead--en {
    font-size: min(calc(2.9861111111 * var(--vw, 1vw)), 43px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=zh-CN] .main-visual__lead--en, .translated-ltr[lang=zh-TW] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=zh-CN] .recycling-process__text--flake, .translated-ltr[lang=zh-TW] .recycling-process__text--flake {
      left: 35.2459016393%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=zh-CN] .recycling-process__text--pellet, .translated-ltr[lang=zh-TW] .recycling-process__text--pellet {
      left: 58.4699453552%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=zh-CN] .recycling-process__text--plastic, .translated-ltr[lang=zh-TW] .recycling-process__text--plastic {
      left: 7.1038251366%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=zh-CN] .recycling-process__text--recycle, .translated-ltr[lang=zh-TW] .recycling-process__text--recycle {
      left: 2.787456446%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=zh-CN] .recycling-process__text--new-products, .translated-ltr[lang=zh-TW] .recycling-process__text--new-products {
      left: 84.4262295082%;
    }
  }
  .translated-ltr[lang=ko] .main-visual .important-news__date {
    font-size: min(calc(10.4166666667 * var(--vw, 1vw)), 150px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ko] .main-visual .important-news__date {
      font-size: max(calc(11.2 * var(--vw, 1vw)), 42px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=ko] .main-visual .important-news__date {
      font-size: max(calc(8.8 * var(--vw, 1vw)), 33px);
    }
  }
  .translated-ltr[lang=ko] .main-visual .important-news__unit {
    font-size: min(calc(10.4166666667 * var(--vw, 1vw)), 150px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ko] .main-visual .important-news__unit {
      font-size: max(calc(11.2 * var(--vw, 1vw)), 42px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=ko] .main-visual .important-news__unit {
      font-size: max(calc(8.8 * var(--vw, 1vw)), 33px);
    }
  }
  .translated-ltr[lang=ko] .main-visual__lead {
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ko] .main-visual__lead {
      font-size: max(calc(16 * var(--vw, 1vw)), 60px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=ko] .main-visual__lead {
      font-size: max(calc(15.4666666667 * var(--vw, 1vw)), 58px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ko] .main-visual__lead--plastic {
      font-size: max(calc(17.6 * var(--vw, 1vw)), 66px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ko] .main-visual__lead--large {
      font-size: max(calc(18.6666666667 * var(--vw, 1vw)), 70px);
    }
  }
  .translated-ltr[lang=ko] .main-visual__lead--en {
    font-size: min(calc(2.9861111111 * var(--vw, 1vw)), 43px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ko] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=ko] .recycling-process__text--flake {
      left: 33.606557377%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=ko] .recycling-process__text--pellet {
      left: 58.4699453552%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=ko] .recycling-process__text--plastic {
      left: 4.9180327869%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=ko] .recycling-process__text--recycle {
      left: 6.3414634146%;
    }
  }
  .translated-ltr[lang=vi] .important-news__title {
    font-size: min(calc(2.2222222222 * var(--vw, 1vw)), 32px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=vi] .important-news__title {
      font-size: max(calc(4.2666666667 * var(--vw, 1vw)), 16px);
    }
  }
  .translated-ltr[lang=vi] .important-news__date {
    line-height: 1.4;
    font-size: min(calc(6.5277777778 * var(--vw, 1vw)), 94px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=vi] .important-news__date {
      font-size: max(calc(6.9333333333 * var(--vw, 1vw)), 26px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=vi] .important-news__date {
      font-size: max(calc(5.0666666667 * var(--vw, 1vw)), 19px);
    }
  }
  .translated-ltr[lang=vi] .important-news__unit {
    font-size: min(calc(6.5277777778 * var(--vw, 1vw)), 94px);
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=vi] .important-news__unit {
      font-size: max(calc(6.9333333333 * var(--vw, 1vw)), 26px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=vi] .important-news__unit {
      font-size: max(calc(5.0666666667 * var(--vw, 1vw)), 19px);
    }
  }
  .translated-ltr[lang=vi] .main-visual__lead {
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=vi] .main-visual__lead {
      font-size: max(calc(8.5333333333 * var(--vw, 1vw)), 32px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=vi] .main-visual__lead--plastic {
      font-size: max(calc(9.0666666667 * var(--vw, 1vw)), 34px);
    }
  }
  .translated-ltr[lang=vi] .main-visual__lead--large {
    font-size: min(calc(10.4166666667 * var(--vw, 1vw)), 150px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=vi] .main-visual__lead--large {
      font-size: max(calc(16 * var(--vw, 1vw)), 60px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=vi] .main-visual__lead--large {
      font-size: max(calc(13.3333333333 * var(--vw, 1vw)), 50px);
    }
  }
  .translated-ltr[lang=vi] .main-visual__lead--en {
    font-size: min(calc(2.9166666667 * var(--vw, 1vw)), 42px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=vi] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=vi] .recycling-process__text--flake {
      left: 35.2459016393%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=vi] .recycling-process__text--pellet {
      left: 56.8306010929%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=vi] .recycling-process__text--plastic {
      left: 4.9180327869%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=vi] .recycling-process__text--new-products {
      left: 79.781420765%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=vi] .recycling-process__text--recycle {
      left: 4.8780487805%;
    }
  }
  .translated-ltr[lang=ne] .important-news__date {
    line-height: 1.4 !important;
    font-size: min(calc(10.2777777778 * var(--vw, 1vw)), 148px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ne] .important-news__date {
      line-height: 1.6 !important;
      font-size: max(calc(10.6666666667 * var(--vw, 1vw)), 40px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=ne] .important-news__date {
      font-size: max(calc(8 * var(--vw, 1vw)), 30px);
    }
  }
  .translated-ltr[lang=ne] .important-news__unit {
    font-size: min(calc(10.2777777778 * var(--vw, 1vw)), 148px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ne] .important-news__unit {
      line-height: 1.6 !important;
      font-size: max(calc(10.6666666667 * var(--vw, 1vw)), 40px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=ne] .important-news__unit {
      font-size: max(calc(8 * var(--vw, 1vw)), 30px);
    }
  }
  .translated-ltr[lang=ne] .main-visual__lead {
    font-size: min(calc(6.9444444444 * var(--vw, 1vw)), 100px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ne] .main-visual__lead {
      font-size: max(calc(8.5333333333 * var(--vw, 1vw)), 32px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ne] .main-visual__lead--plastic {
      font-size: max(calc(9.0666666667 * var(--vw, 1vw)), 34px);
    }
  }
  .translated-ltr[lang=ne] .main-visual__lead--large {
    font-size: min(calc(10.2777777778 * var(--vw, 1vw)), 148px);
    line-height: 1.4 !important;
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ne] .main-visual__lead--large {
      font-size: max(calc(12.8 * var(--vw, 1vw)), 48px);
    }
  }
  .translated-ltr[lang=ne] .main-visual__lead--en {
    font-size: min(calc(2.6388888889 * var(--vw, 1vw)), 38px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=ne] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=ne] .recycling-process__text--flake {
      left: 34.6994535519%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=ne] .recycling-process__text--pellet {
      left: 58.7431693989%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=ne] .recycling-process__text--plastic {
      left: 4.9180327869%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=ne] .recycling-process__text--new-products {
      left: 81.693989071%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=ne] .recycling-process__text--recycle {
      left: 2.787456446%;
    }
  }
  .translated-ltr[lang=tl] .important-news__title {
    font-size: min(calc(1.9444444444 * var(--vw, 1vw)), 28px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=tl] .important-news__title {
      font-size: max(calc(4.2666666667 * var(--vw, 1vw)), 16px);
    }
  }
  .translated-ltr[lang=tl] .important-news__date {
    font-size: min(calc(11.6666666667 * var(--vw, 1vw)), 168px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=tl] .important-news__date {
      font-size: max(calc(12.2666666667 * var(--vw, 1vw)), 46px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=tl] .important-news__date {
      font-size: max(calc(8 * var(--vw, 1vw)), 30px);
    }
  }
  .translated-ltr[lang=tl] .main-visual__lead {
    font-size: min(calc(6.9444444444 * var(--vw, 1vw)), 100px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=tl] .main-visual__lead {
      font-size: max(calc(9.6 * var(--vw, 1vw)), 36px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=tl] .main-visual__lead--plastic {
      font-size: max(calc(9.0666666667 * var(--vw, 1vw)), 34px);
    }
  }
  .translated-ltr[lang=tl] .main-visual__lead--large {
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=tl] .main-visual__lead--large {
      font-size: max(calc(10.1333333333 * var(--vw, 1vw)), 38px);
    }
  }
  .translated-ltr[lang=tl] .main-visual__lead--en {
    font-size: min(calc(2.2222222222 * var(--vw, 1vw)), 32px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=tl] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=tl] .recycling-process__text--flake {
      left: 32.5136612022%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=tl] .recycling-process__text--pellet {
      left: 57.3770491803%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=tl] .recycling-process__text--plastic {
      left: 2.4590163934%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=tl] .recycling-process__text--recycle {
      top: 1.9512195122%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=tl] .recycling-process__text--new-products {
      left: 76.5027322404%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=tl] .recycling-process__text--new-products {
      top: 87.8048780488%;
    }
  }
  .translated-ltr[lang=si] .important-news__date {
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=si] .important-news__date {
      line-height: 1.6 !important;
      font-size: max(calc(6.6666666667 * var(--vw, 1vw)), 25px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=si] .important-news__date {
      font-size: max(calc(6.6666666667 * var(--vw, 1vw)), 25px);
    }
  }
  .translated-ltr[lang=si] .important-news__unit {
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=si] .important-news__unit {
      font-size: max(calc(6.6666666667 * var(--vw, 1vw)), 25px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=si] .important-news__unit {
      font-size: max(calc(6.6666666667 * var(--vw, 1vw)), 25px);
    }
  }
  .translated-ltr[lang=si] .main-visual__lead {
    font-size: min(calc(6.9444444444 * var(--vw, 1vw)), 100px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=si] .main-visual__lead {
      font-size: max(calc(8.5333333333 * var(--vw, 1vw)), 32px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=si] .main-visual__lead--plastic {
      font-size: max(calc(9.0666666667 * var(--vw, 1vw)), 34px);
    }
  }
  .translated-ltr[lang=si] .main-visual__lead--large {
    font-size: min(calc(7.6388888889 * var(--vw, 1vw)), 110px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=si] .main-visual__lead--large {
      font-size: max(calc(12.8 * var(--vw, 1vw)), 48px);
    }
  }
  .translated-ltr[lang=si] .main-visual__lead--en {
    font-size: min(calc(1.9444444444 * var(--vw, 1vw)), 28px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=si] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=si] .recycling-process__text--flake {
      left: 34.6994535519%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=si] .recycling-process__text--pellet {
      left: 57.9234972678%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=si] .recycling-process__text--plastic {
      left: 4.9180327869%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=si] .recycling-process__text--recycle {
      top: 1.9512195122%;
    }
  }
  .translated-ltr[lang=id] .important-news__date {
    font-size: min(calc(10.5555555556 * var(--vw, 1vw)), 152px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=id] .important-news__date {
      font-size: max(calc(11.7333333333 * var(--vw, 1vw)), 44px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=id] .important-news__date {
      font-size: max(calc(8 * var(--vw, 1vw)), 30px);
    }
  }
  .translated-ltr[lang=id] .main-visual__lead {
    font-size: min(calc(6.1111111111 * var(--vw, 1vw)), 88px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=id] .main-visual__lead {
      font-size: max(calc(8.5333333333 * var(--vw, 1vw)), 32px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=id] .main-visual__lead--plastic {
      font-size: max(calc(9.0666666667 * var(--vw, 1vw)), 34px);
    }
  }
  .translated-ltr[lang=id] .main-visual__lead--large {
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=id] .main-visual__lead--large {
      font-size: max(calc(12.2666666667 * var(--vw, 1vw)), 46px);
    }
  }
  .translated-ltr[lang=id] .main-visual__lead--en {
    font-size: min(calc(2.3611111111 * var(--vw, 1vw)), 34px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=id] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=id] .recycling-process__text--flake {
      left: 30.6010928962%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=id] .recycling-process__text--pellet {
      left: 57.9234972678%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=id] .recycling-process__text--plastic {
      left: 4.9180327869%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=id] .recycling-process__text--new-products {
      left: 81.9672131148%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=id] .recycling-process__text--recycle {
      top: 0.9756097561%;
    }
  }
  .translated-ltr[lang=my] body {
    line-height: 2.2;
  }
  .translated-ltr[lang=my] .nav__link {
    line-height: 1.8;
  }
  .translated-ltr[lang=my] .important-news__date {
    font-size: min(calc(6.3888888889 * var(--vw, 1vw)), 92px);
    line-height: 1.6 !important;
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=my] .important-news__date {
      font-size: max(calc(6.9333333333 * var(--vw, 1vw)), 26px);
    }
  }
  .translated-ltr[lang=my] .main-visual__lead {
    font-size: min(calc(6.1111111111 * var(--vw, 1vw)), 88px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=my] .main-visual__lead {
      line-height: 1.6 !important;
      font-size: max(calc(8.5333333333 * var(--vw, 1vw)), 32px);
    }
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=my] .main-visual__lead--plastic {
      font-size: max(calc(9.0666666667 * var(--vw, 1vw)), 34px);
    }
  }
  .translated-ltr[lang=my] .main-visual__lead--large {
    line-height: 2 !important;
    font-size: min(calc(8.3333333333 * var(--vw, 1vw)), 120px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=my] .main-visual__lead--large {
      font-size: max(calc(12.8 * var(--vw, 1vw)), 48px);
    }
  }
  @media screen and (max-width: 374px) {
    .translated-ltr[lang=my] .main-visual__lead--large {
      font-size: max(calc(11.2 * var(--vw, 1vw)), 42px);
    }
  }
  .translated-ltr[lang=my] .main-visual__lead--en {
    font-size: min(calc(1.8055555556 * var(--vw, 1vw)), 26px);
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=my] .main-visual__lead--en {
      font-size: max(calc(5.3333333333 * var(--vw, 1vw)), 20px);
    }
  }
  .translated-ltr[lang=my] .main-visual__about {
    line-height: 2.4;
  }
  .translated-ltr[lang=my] .section__title {
    line-height: 1.8;
  }
  .translated-ltr[lang=my] .information-box__title {
    line-height: 1.8;
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=my] .recycling-process__text--flake {
      left: 34.6994535519%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=my] .recycling-process__text--pellet {
      left: 57.9234972678%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=my] .recycling-process__text--plastic {
      left: 1.912568306%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=my] .recycling-process__text--new-products {
      left: 79.2349726776%;
    }
  }
  @media screen and (min-width: 521px) {
    .translated-ltr[lang=my] .recycling-process__text--recycle {
      left: 39.3442622951%;
    }
  }
  @media screen and (max-width: 520px) {
    .translated-ltr[lang=my] .recycling-process__text--recycle {
      line-height: 1.8;
      top: -4.8780487805%;
      left: 2.787456446%;
    }
  }
  .translated-ltr[lang=my] .true-or-false__question {
    line-height: 2.2;
  }
  @media screen and (max-width: 768px) {
    .translated-ltr[lang=my] .footer__catchcopy {
      line-height: 1.8;
      font-size: 34px;
    }
  }
}
@layer utilities {
  .pt-0 {
    padding-top: 0px;
  }
  .pt-4 {
    padding-top: 4px;
  }
  .pt-8 {
    padding-top: 8px;
  }
  .pt-12 {
    padding-top: 12px;
  }
  .pt-16 {
    padding-top: 16px;
  }
  .pt-20 {
    padding-top: 20px;
  }
  .pt-24 {
    padding-top: 24px;
  }
  .pt-28 {
    padding-top: 28px;
  }
  .pt-32 {
    padding-top: 32px;
  }
  .pt-36 {
    padding-top: 36px;
  }
  .pt-40 {
    padding-top: 40px;
  }
  .pt-44 {
    padding-top: 44px;
  }
  .pt-48 {
    padding-top: 48px;
  }
  .pt-52 {
    padding-top: 52px;
  }
  .pt-56 {
    padding-top: 56px;
  }
  .pt-60 {
    padding-top: 60px;
  }
  .pt-64 {
    padding-top: 64px;
  }
  .pt-68 {
    padding-top: 68px;
  }
  .pt-72 {
    padding-top: 72px;
  }
  .pt-76 {
    padding-top: 76px;
  }
  .pt-80 {
    padding-top: 80px;
  }
  .pb-0 {
    padding-bottom: 0px;
  }
  .pb-4 {
    padding-bottom: 4px;
  }
  .pb-8 {
    padding-bottom: 8px;
  }
  .pb-12 {
    padding-bottom: 12px;
  }
  .pb-16 {
    padding-bottom: 16px;
  }
  .pb-20 {
    padding-bottom: 20px;
  }
  .pb-24 {
    padding-bottom: 24px;
  }
  .pb-28 {
    padding-bottom: 28px;
  }
  .pb-32 {
    padding-bottom: 32px;
  }
  .pb-36 {
    padding-bottom: 36px;
  }
  .pb-40 {
    padding-bottom: 40px;
  }
  .pb-44 {
    padding-bottom: 44px;
  }
  .pb-48 {
    padding-bottom: 48px;
  }
  .pb-52 {
    padding-bottom: 52px;
  }
  .pb-56 {
    padding-bottom: 56px;
  }
  .pb-60 {
    padding-bottom: 60px;
  }
  .pb-64 {
    padding-bottom: 64px;
  }
  .pb-68 {
    padding-bottom: 68px;
  }
  .pb-72 {
    padding-bottom: 72px;
  }
  .pb-76 {
    padding-bottom: 76px;
  }
  .pb-80 {
    padding-bottom: 80px;
  }
  .pl-0 {
    padding-left: 0px;
  }
  .pl-4 {
    padding-left: 4px;
  }
  .pl-8 {
    padding-left: 8px;
  }
  .pl-12 {
    padding-left: 12px;
  }
  .pl-16 {
    padding-left: 16px;
  }
  .pl-20 {
    padding-left: 20px;
  }
  .pl-24 {
    padding-left: 24px;
  }
  .pl-28 {
    padding-left: 28px;
  }
  .pl-32 {
    padding-left: 32px;
  }
  .pl-36 {
    padding-left: 36px;
  }
  .pl-40 {
    padding-left: 40px;
  }
  .pl-44 {
    padding-left: 44px;
  }
  .pl-48 {
    padding-left: 48px;
  }
  .pl-52 {
    padding-left: 52px;
  }
  .pl-56 {
    padding-left: 56px;
  }
  .pl-60 {
    padding-left: 60px;
  }
  .pl-64 {
    padding-left: 64px;
  }
  .pl-68 {
    padding-left: 68px;
  }
  .pl-72 {
    padding-left: 72px;
  }
  .pl-76 {
    padding-left: 76px;
  }
  .pl-80 {
    padding-left: 80px;
  }
  .pr-0 {
    padding-right: 0px;
  }
  .pr-4 {
    padding-right: 4px;
  }
  .pr-8 {
    padding-right: 8px;
  }
  .pr-12 {
    padding-right: 12px;
  }
  .pr-16 {
    padding-right: 16px;
  }
  .pr-20 {
    padding-right: 20px;
  }
  .pr-24 {
    padding-right: 24px;
  }
  .pr-28 {
    padding-right: 28px;
  }
  .pr-32 {
    padding-right: 32px;
  }
  .pr-36 {
    padding-right: 36px;
  }
  .pr-40 {
    padding-right: 40px;
  }
  .pr-44 {
    padding-right: 44px;
  }
  .pr-48 {
    padding-right: 48px;
  }
  .pr-52 {
    padding-right: 52px;
  }
  .pr-56 {
    padding-right: 56px;
  }
  .pr-60 {
    padding-right: 60px;
  }
  .pr-64 {
    padding-right: 64px;
  }
  .pr-68 {
    padding-right: 68px;
  }
  .pr-72 {
    padding-right: 72px;
  }
  .pr-76 {
    padding-right: 76px;
  }
  .pr-80 {
    padding-right: 80px;
  }
  .mt-0 {
    margin-top: 0px;
  }
  .mt-4 {
    margin-top: 4px;
  }
  .mt-8 {
    margin-top: 8px;
  }
  .mt-12 {
    margin-top: 12px;
  }
  .mt-16 {
    margin-top: 16px;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mt-24 {
    margin-top: 24px;
  }
  .mt-28 {
    margin-top: 28px;
  }
  .mt-32 {
    margin-top: 32px;
  }
  .mt-36 {
    margin-top: 36px;
  }
  .mt-40 {
    margin-top: 40px;
  }
  .mt-44 {
    margin-top: 44px;
  }
  .mt-48 {
    margin-top: 48px;
  }
  .mt-52 {
    margin-top: 52px;
  }
  .mt-56 {
    margin-top: 56px;
  }
  .mt-60 {
    margin-top: 60px;
  }
  .mt-64 {
    margin-top: 64px;
  }
  .mt-68 {
    margin-top: 68px;
  }
  .mt-72 {
    margin-top: 72px;
  }
  .mt-76 {
    margin-top: 76px;
  }
  .mt-80 {
    margin-top: 80px;
  }
  .mb-0 {
    margin-bottom: 0px;
  }
  .mb-4 {
    margin-bottom: 4px;
  }
  .mb-8 {
    margin-bottom: 8px;
  }
  .mb-12 {
    margin-bottom: 12px;
  }
  .mb-16 {
    margin-bottom: 16px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  .mb-24 {
    margin-bottom: 24px;
  }
  .mb-28 {
    margin-bottom: 28px;
  }
  .mb-32 {
    margin-bottom: 32px;
  }
  .mb-36 {
    margin-bottom: 36px;
  }
  .mb-40 {
    margin-bottom: 40px;
  }
  .mb-44 {
    margin-bottom: 44px;
  }
  .mb-48 {
    margin-bottom: 48px;
  }
  .mb-52 {
    margin-bottom: 52px;
  }
  .mb-56 {
    margin-bottom: 56px;
  }
  .mb-60 {
    margin-bottom: 60px;
  }
  .mb-64 {
    margin-bottom: 64px;
  }
  .mb-68 {
    margin-bottom: 68px;
  }
  .mb-72 {
    margin-bottom: 72px;
  }
  .mb-76 {
    margin-bottom: 76px;
  }
  .mb-80 {
    margin-bottom: 80px;
  }
  .ml-0 {
    margin-left: 0px;
  }
  .ml-4 {
    margin-left: 4px;
  }
  .ml-8 {
    margin-left: 8px;
  }
  .ml-12 {
    margin-left: 12px;
  }
  .ml-16 {
    margin-left: 16px;
  }
  .ml-20 {
    margin-left: 20px;
  }
  .ml-24 {
    margin-left: 24px;
  }
  .ml-28 {
    margin-left: 28px;
  }
  .ml-32 {
    margin-left: 32px;
  }
  .ml-36 {
    margin-left: 36px;
  }
  .ml-40 {
    margin-left: 40px;
  }
  .ml-44 {
    margin-left: 44px;
  }
  .ml-48 {
    margin-left: 48px;
  }
  .ml-52 {
    margin-left: 52px;
  }
  .ml-56 {
    margin-left: 56px;
  }
  .ml-60 {
    margin-left: 60px;
  }
  .ml-64 {
    margin-left: 64px;
  }
  .ml-68 {
    margin-left: 68px;
  }
  .ml-72 {
    margin-left: 72px;
  }
  .ml-76 {
    margin-left: 76px;
  }
  .ml-80 {
    margin-left: 80px;
  }
  .mr-0 {
    margin-right: 0px;
  }
  .mr-4 {
    margin-right: 4px;
  }
  .mr-8 {
    margin-right: 8px;
  }
  .mr-12 {
    margin-right: 12px;
  }
  .mr-16 {
    margin-right: 16px;
  }
  .mr-20 {
    margin-right: 20px;
  }
  .mr-24 {
    margin-right: 24px;
  }
  .mr-28 {
    margin-right: 28px;
  }
  .mr-32 {
    margin-right: 32px;
  }
  .mr-36 {
    margin-right: 36px;
  }
  .mr-40 {
    margin-right: 40px;
  }
  .mr-44 {
    margin-right: 44px;
  }
  .mr-48 {
    margin-right: 48px;
  }
  .mr-52 {
    margin-right: 52px;
  }
  .mr-56 {
    margin-right: 56px;
  }
  .mr-60 {
    margin-right: 60px;
  }
  .mr-64 {
    margin-right: 64px;
  }
  .mr-68 {
    margin-right: 68px;
  }
  .mr-72 {
    margin-right: 72px;
  }
  .mr-76 {
    margin-right: 76px;
  }
  .mr-80 {
    margin-right: 80px;
  }
  .color-main {
    color: #00b5e2;
  }
  .color-light-green {
    color: #8cc01c;
  }
  .color-orange {
    color: var(--oragne);
  }
  .font-bold {
    font-weight: bold;
  }
  .only-sp {
    display: none;
  }
  @media screen and (max-width: 520px) {
    .only-sp {
      display: block;
    }
  }
  .only-tb {
    display: none;
  }
  @media screen and (max-width: 768px) {
    .only-tb {
      display: block;
    }
  }
  @media screen and (max-width: 768px) {
    .only-pc {
      display: none;
    }
  }
}/*# sourceMappingURL=style.css.map */