@charset "UTF-8";

.sustainability-main-img {
  margin: 0 0 15px;
  text-align: center;
}

.sustainability-wrap {
  margin: 0 0 40px;
}

.sustainability-wrap .sustainability-health,.sustainability-wrap .sustainability-env {
  margin: 0 -20px 3px;
  padding: 40px 20px;
  box-sizing: border-box;
}

.sustainability-wrap .sustainability-health__title,.sustainability-wrap .sustainability-env__title {
  margin: 0 0 25px;
}

.sustainability-wrap .sustainability-health__title__img,.sustainability-wrap .sustainability-env__title__img {
  overflow: hidden;
  border-radius: 10px;
}

.sustainability-wrap .sustainability-health__title__icon,.sustainability-wrap .sustainability-env__title__icon {
  width: 62px;
  margin: -31px auto 10px;
}

.sustainability-wrap .sustainability-health__title__title,.sustainability-wrap .sustainability-env__title__title {
  margin: 0;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}

.sustainability-wrap .sustainability-health__title__en,.sustainability-wrap .sustainability-env__title__en {
  font-size: 1.3rem;
  font-weight: bold;
  font-family: 'M PLUS Rounded 1c';
  text-align: center;
}

.sustainability-wrap .sustainability-health__nav,.sustainability-wrap .sustainability-env__nav {
  list-style: none;
  margin: 0;
  padding: 0;
}

.sustainability-wrap .sustainability-health__nav__item,.sustainability-wrap .sustainability-env__nav__item {
  margin: 0 0 10px;
}

.sustainability-wrap .sustainability-health__nav__item:last-child,.sustainability-wrap .sustainability-env__nav__item:last-child {
  margin: 0;
}

.sustainability-wrap .sustainability-health__nav__item a,.sustainability-wrap .sustainability-env__nav__item a {
  display: block;
  position: relative;
  padding: 15px 35px 15px 20px;
  background: #fff;
  border-radius: 0 5px 5px 0;
  color: inherit;
}

.sustainability-wrap .sustainability-health__nav__item a:after,.sustainability-wrap .sustainability-env__nav__item a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 20px;
  width: 6px;
  height: 6px;
  border-top: 1px solid;
  border-right: 1px solid;
  transform: translateY(-50%) rotate(45deg);
}

.sustainability-wrap .sustainability-health {
  background: url(/_var/sustainability/sustainability_img06.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.sustainability-wrap .sustainability-health__title__en {
  color: #FF8853;
}

.sustainability-wrap .sustainability-health__nav__item a {
  border-left: 4px solid #F6A784;
}

.sustainability-wrap .sustainability-health__nav__item a:after {
  border-color: #FF8853;
}

.sustainability-wrap .sustainability-env {
  background: url(/_var/sustainability/sustainability_img07.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.sustainability-wrap .sustainability-env__title__en {
  color: #56A553;
}

.sustainability-wrap .sustainability-env__nav__item a {
  border-left: 4px solid #8BB889;
}

.sustainability-wrap .sustainability-env__nav__item a:after {
  border-color: #56A553;
}

.sustainability-president {
  text-align: right;
}

.sustainability-president span {
  font-size: 2rem;
}

.asv-notes {
  color: #888888;
}

.sustainability-kv {
  margin: 0 -20px 55px;
  padding: 35px 20px 0;
}

.sustainability-kv--health {
  background: url(/_var/sustainability/sustainability_img06.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.sustainability-kv--env {
  background: url(/_var/sustainability/sustainability_img07.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.sustainability-kv__img {
  overflow: hidden;
  border-radius: 10px;
}

.sustainability-kv__icon {
  width: 62px;
  margin: -31px auto 10px;
}

.sustainability-kv__icon img {
  width: 100%;
  height: auto;
}

.sustainability-kv__title {
  margin: 0 0 5px;
  font-size: 2rem;
  font-weight: 500;
  text-align: center;
}

.sustainability-kv__en {
  margin: 0 0 25px;
  font-size: 1.3rem;
  font-weight: bold;
  font-family: 'M PLUS Rounded 1c';
  text-align: center;
}

.sustainability-kv--health .sustainability-kv__en {
  color: #FF8853;
}

.sustainability-kv--env .sustainability-kv__en {
  color: #56A553;
}

.sustainability-kv__nav {
  list-style: none;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 20px 0 -20px;
  padding: 0;
}

.sustainability-kv__nav__item {
  width: 48.4375%;
  margin: 0 0 10px;
}

.sustainability-kv__nav__item a,.sustainability-kv__nav__item span {
  display: block;
  padding: 8px 0;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  color: #333333;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  background: #fff;
}

.sustainability-kv__nav__item span {
  color: #EE1C26;
}

.sustainability-sdgs-ico {
  list-style: none;
  display: flex;
  justify-content: center;
  margin: -10px 0 0;
  padding: 0;
  transform: translateY(35px);
}

.sustainability-sdgs-ico li {
  margin: 0 5px;
}

.sustainability-sdgs-ico li img {
  width: 68px;
}

.health-heading1,.env-heading1 {
  margin: 0 0 45px;
  font-size: 2.3rem;
  font-family: 'M PLUS Rounded 1c';
  font-weight: normal;
  text-align: center;
}

.health-heading1 {
  color: #FB6725;
}

.env-heading1 {
  color: #1F8A1B;
}

.health-heading2,.env-heading2 {
  position: relative;
  margin: 0 0 25px;
  padding: 15px 0 0;
  font-size: 2.2rem;
}

.health-heading2:before,.env-heading2:before {
  content: "";
  display: block;
  position: absolute;
  top: -2px;
  left: 0;
  width: 107px;
  height: 3px;
}

.health-heading2:after,.env-heading2:after {
  content: "";
  display: block;
  position: absolute;
  top: -45px;
  left: -15px;
  width: 130px;
  height: 114px;
  background: url(/_var/sustainability/common/sustainability_ico01.png) no-repeat 0 0;
  background-size: 130px 114px;
  z-index: -1;
}

.health-heading2 {
  border-top: 2px dotted #ECC399;
}

.health-heading2:before {
  background: #FF8853;
}

.env-heading2 {
  border-top: 2px dotted #CCE2BE;
}

.env-heading2:before {
  background: #56A553;
}

.env-heading3 {
  display: flex;
  margin: 25px 0 20px;
  background: #F8F8D7;
}

.env-heading3__num {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-shrink: 1;
  width: 45px;
  background: #97BF81;
  color: #fff;
  font-size: 2rem;
  font-weight: 500;
}

.env-heading3__title {
  margin: 0;
  padding: 12px 15px;
  font-size: 1.5rem;
  font-weight: 500;
}

.health-section,.env-section {
  margin: 0 0 50px;
}

.health-product-ex,.env-gas-ex {
  margin: 25px 0 0;
}

.health-product-ex__title,.env-gas-ex__title {
  margin: 0 0 15px;
  color: #EE1C26;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center;
}

.health-product-ex .product-list,.env-gas-ex .product-list {
  margin: 0 0 20px;
}

.health-allergy-friendly {
  text-align: center;
}

.health-allergy-friendly p {
  margin: 0 0 15px;
}

.health-allergy-friendly p img {
  border-radius: 10px;
}

.product-list--nolink .product-list__item__img {
  overflow: hidden;
  margin: 0 0 7px;
  border-radius: 10px;
}

.product-list--nolink .product-list__item__img img {
  max-width: 100%;
}

.product-list--nolink .product-list__item__name {
  padding: 0;
}

.sustainability-commentary {
  position: relative;
  margin: 35px 0 30px;
  padding: 5px 15px 20px;
  border-radius: 10px;
  background: #FEF2DB;
}

.sustainability-commentary__title {
  display: flex;
  align-items: center;
  min-height: 70px;
  line-height: 1.4;
  margin: 0;
  padding: 0 0 0 47px;
  font-size: 1.6rem;
  font-weight: bold;
  font-family: 'M PLUS Rounded 1c';
  background: url(/_var/sustainability/common/sustainability_ico02.svg) no-repeat 7px 50%;
  background-size: 30px 30px;
}

.sustainability-commentary__ajipen {
  position: absolute;
  top: -15px;
  right: 15px;
}

.sustainability-commentary__ajipen img {
  width: 76px;
}

.sustainability-commentary__inner {
  padding: 15px;
  background: #fff;
}

.sustainability-commentary__inner p:first-child {
  margin-top: 0;
}

.sustainability-commentary__inner p:last-child {
  margin-bottom: 0;
}

.sustainability-commentary__ud {
  text-align: center;
}

.sustainability-commentary__ud img {
  width: 70px;
}

.sustainability-commentary__eco {
  text-align: center;
}

.sustainability-commentary__eco img {
  width: 70px;
}

.sustainability-commentary__notes {
  color: #888888;
}

.health-vegetarian {
  margin: 0 0 40px;
}

.health-vegetarian__text {
  display: flex;
  align-items: center;
  margin: 0 0 15px;
}

.health-vegetarian__text img {
  display: block;
  flex-shrink: 1;
  width: 56px;
  margin: 0 15px 0 0;
}

.health-vegetarian__notes {
  color: #888888;
}

.env-notes {
  margin-top: -10px;
  color: #888888;
}

.env-reduction {
  margin: 0 0 20px;
  background: #E8F2E3;
  border-radius: 5px;
}

.env-reduction__inner {
  display: flex;
  align-items: center;
  margin: 0;
  padding: 12px 15px;
}

.env-reduction__title {
  line-height: 1.4;
  margin: 0 12px 0 0;
  color: #538F35;
  font-size: 1.5rem;
  font-family: 'M PLUS Rounded 1c';
  font-weight: bold;
  text-align: right;
}

.env-reduction__num {
  flex: 1;
  display: flex;
  align-items: center;
  margin: 0;
  padding: 0 0 0 15px;
  border-left: 1px solid #BFD1B7;
  font-size: 2rem;
}

.env-reduction__num small {
  display: block;
  font-size: 1.3rem;
  letter-spacing: .3em;
}

.env-reduction__num span {
  display: block;
  margin: 0 5px 0 auto;
  color: #538F35;
  font-size: 3.3rem;
  font-family: 'M PLUS Rounded 1c';
  font-weight: bold;
}

.env-img {
  margin: 0 0 40px;
}

.env-img__img {
  overflow: hidden;
  margin: 0 0 10px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}

.env-bottom-nav {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin: 0 -20px -50px;
  padding: 30px 0;
  background: url(/_var/sustainability/sustainability_img07.jpg) no-repeat 50% 50%;
  background-size: cover;
}

.env-bottom-nav__title {
  margin: 0 0 10px;
  font-size: 1.8rem;
  font-weight: 500;
}

.env-bottom-nav__link a {
  display: block;
  width: 247px;
  height: 113px;
  padding: 5px 0 0;
  color: inherit;
  background: url(/_var/sustainability/environment/environment_img10.png) no-repeat 0 0;
  background-size: 247px 113px;
  box-sizing: border-box;
}

.env-bottom-nav__link a span {
  display: block;
  width: 155px;
  margin: 0 0 0 auto;
  padding: 8px 0;
  border: 1px solid #DDDDDD;
  border-radius: 5px;
  color: #333333;
  font-size: 1.5rem;
  font-weight: 500;
  text-align: center;
  background: #fff;
}

.plastic-img {
  margin: 0 0 25px;
}

.plastic-img__img {
  display: flex;
  justify-content: space-between;
  position: relative;
  overflow: hidden;
  margin: 0 0 10px;
  padding: 15px;
  border: 1px solid #DDDDDD;
  border-radius: 10px;
}

.plastic-img__img div + div {
  margin-left: 10px;
}

.plastic-img__img__notes {
  position: absolute;
  right: 10px;
  bottom: 10px;
  color: #888888;
  font-size: 1.1rem;
}

.plastic-ajipen-eco__img {
  overflow: hidden;
  margin: 0 0 15px;
  border-radius: 10px;
}

.plastic-ajipen-eco__caption {
  text-align: center;
}

.foodloss-img__img {
  overflow: hidden;
  border-radius: 10px;
}

.foodloss-img__caption {
  margin: 10px 0 0;
}

.sdgs-nav-list__item {
  margin: 0 0 20px;
}

.sdgs-nav-list__item a {
  display: block;
  color: inherit;
  text-decoration: none;
}

.sdgs-nav-list__item:last-child {
  margin: 0;
}

.sdgs-nav-list__img {
  margin: 0 0 10px;
}

.sdgs-nav-list__img img {
  border-radius: 10px;
}

.sdgs-nav-list__label:after {
  content: "";
  display: inline-block;
  width: 7px;
  height: 7px;
  vertical-align: top;
  margin: 7px 0 0 5px;
  border-top: 1px solid #EE1C26;
  border-right: 1px solid #EE1C26;
  transform: rotate(45deg);
}

.sdgs-tabs {
  margin: 55px 0 0;
}

.sdgs-tab__list {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  list-style: none;
  position: relative;
  margin: 0;
  padding: 0;
}

/*.sdgs-tab__list:after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 30px;
  height: 25px;
  background: url(/_var/sustainability/sdgs/sdgs_ico01.svg) no-repeat 0 0;
  background-size: 30px 25px;
  transform: translate(-50%, -50%);
}*/

.sdgs-tab__list li {
  width: 46.875%;
}

.sdgs-tab__list li .sdgs-tabs__trigger {
  display: block;
  position: relative;
  height: 90px;
  line-height: 1.3;
  padding: 10px 0 0;
  border: none;
  border-bottom: 4px solid #fff;
  border-radius: 5px 5px 0 0;
  font-size: 1.8rem;
  font-weight: 500;
  background: #BEE7EE;
  transition: none;
}

.sdgs-tab__list li .sdgs-tabs__trigger:before {
  content: "";
  display: block;
  position: absolute;
  top: -35px;
  left: 50%;
  width: 60px;
  height: 60px;
  margin: 0 0 0 -30px;
  background: url(/_var/sustainability/sdgs/sdgs_img03.svg) no-repeat 0 0;
  background-size: 60px 80px;
  z-index: -1;
  animation-name: tab-anm;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-duration: 5.5s;
}

.sdgs-tab__list li .sdgs-tabs__trigger:after {
  content: none;
}

.sdgs-tab__list li .sdgs-tabs__trigger:hover {
  opacity: 1;
}

.sdgs-tab__list li .sdgs-tabs__trigger span {
  display: block;
  width: 85px;
  margin: 0 auto 10px;
  padding: 1px 0;
  border-radius: 20px;
  color: #40A2D5;
  font-size: 1.4rem;
  font-weight: bold;
  background: #fff;
}

.sdgs-tab__list li .sdgs-tabs__trigger small {
  display: block;
  font-size: 1.3rem;
}

.sdgs-tab__list li .sdgs-tabs__trigger.is-current {
  height: 100px;
  border-bottom: none;
}

.sdgs-tab__list li .sdgs-tabs__trigger.is-current:before {
  content: none;
}

.sdgs-tab__list li:nth-child(2) .sdgs-tabs__trigger {
  background: #B9E3C3;
}

.sdgs-tab__list li:nth-child(2) .sdgs-tabs__trigger span {
  margin: 0 auto 3px;
  color: #6DAA75;
}

.sdgs-tab__detail {
  position: relative;
  margin: 0 0 50px;
  padding: 5px 5px 30px;
  border: 5px solid #BEE7EE;
  border-radius: 0 5px 5px 5px;
  background: #fff;
}

.sdgs-tab__detail:nth-child(1) {
  display: none;
}

.sdgs-tab__detail#tab-02 {
  margin: 0 0 170px;
  border-color: #B9E3C3;
  border-radius: 5px 0 5px 5px;
}

.sdgs-tab__zoom {
  margin: 20px 0 0;
}

.sdgs-tab__zoom a {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: 176px;
  margin: 0 auto;
  padding: 7px 10px;
  border: 1px solid #EE1C26;
  border-radius: 100px;
  background-color: #fff;
  box-sizing: border-box;
  color: #EE1C26;
  font-size: 1.5rem;
  text-align: center;
  text-decoration: none;
}

.sdgs-tab__zoom a:after {
  content: "＋";
  display: block;
  margin: 0 0 0 10px;
}

.sdgs-tab__arrow {
  position: absolute;
  left: 50%;
  bottom: -90px;
  transform: translateX(-50%);
}

.sdgs-tab__arrow img {
  width: 80px;
  height: auto;
}

.sdgs-tab__arrow:before {
  content: "";
  display: block;
  position: absolute;
  bottom: -60px;
  left: 50%;
  width: 41px;
  height: 40px;
  background: url(/_var/sustainability/sdgs/sdgs_ico02.svg) no-repeat 0 0;
  background-size: 41px 40px;
  transform: translateX(-50%);
}

.remodal {
  height: auto;
}

@media screen and (min-width: 768px) {
  .heading2__title--pc-large {
    font-size: 4rem;
  }

  .sustainability-main-img {
    margin: 0 0 30px;
  }

  .sustainability-nav {
    margin-top: 50px;
  }

  .sustainability-nav .ask-nav-list__item {
    width: 360px;
  }

  .sustainability-nav .ask-nav-list__item:nth-child(3n-1) {
    margin-right: 10px;
    margin-left: 10px;
  }

  .sustainability-wrap {
    display: flex;
    justify-content: space-between;
    margin: 0 0 80px;
  }

  .sustainability-wrap .sustainability-health,.sustainability-wrap .sustainability-env {
    width: 545px;
    margin: 0;
    padding: 20px 20px 30px;
    border-radius: 10px;
  }

  .sustainability-wrap .sustainability-health__title__img,.sustainability-wrap .sustainability-env__title__img {
    border-radius: 20px;
  }

  .sustainability-wrap .sustainability-health__title__icon,.sustainability-wrap .sustainability-env__title__icon {
    margin-bottom: 5px;
  }

  .sustainability-wrap .sustainability-health__title__title,.sustainability-wrap .sustainability-env__title__title {
    font-size: 2.4rem;
  }

  .sustainability-wrap .sustainability-health__nav__item a,.sustainability-wrap .sustainability-env__nav__item a {
    padding: 20px 35px 20px 20px;
    border-width: 5px;
    border-radius: 0 10px 10px 0;
    font-size: 1.6rem;
  }

  .sustainability-wrap .sustainability-health__nav__item a:hover,.sustainability-wrap .sustainability-env__nav__item a:hover {
    opacity: .7;
    text-decoration: none;
  }

  .sustainability-wrap .sustainability-health__nav__item a:after,.sustainability-wrap .sustainability-env__nav__item a:after {
    width: 8px;
    height: 8px;
  }

  .sustainability-president span {
    font-size: 1.8rem;
  }

  .sustainability-kv {
    margin: 0 0 80px;
    padding: 40px 0 0;
  }

  .sustainability-kv--health {
    background-image: url(/_var/sustainability/health/health_img17.jpg);
  }

  .sustainability-kv--env {
    background-image: url(/_var/sustainability/environment/environment_img12.jpg);
  }

  .sustainability-kv__img {
    border-radius: 20px;
  }

  .sustainability-kv__icon {
    width: 100px;
    margin: -50px auto 10px;
  }

  .sustainability-kv__title {
    font-size: 3rem;
  }

  .sustainability-kv__nav {
    justify-content: center;
    margin: 30px 0 0;
  }

  .sustainability-kv__nav__item {
    width: 155px;
    margin: 0 5px;
  }

  .sustainability-kv__nav__item a,.sustainability-kv__nav__item span {
    padding: 10px 0;
  }

  .sustainability-sdgs-ico li img {
    width: 100px;
  }

  .health-heading1,.env-heading1 {
    margin: 0 0 70px;
    font-size: 3rem;
  }

  .health-heading2,.env-heading2 {
    margin: 0 0 35px;
  }

  .env-heading3 {
    margin: 50px 0 25px;
  }

  .env-heading3__title {
    font-size: 1.6rem;
  }

  .health-section,.env-section {
    margin: 0 0 80px;
  }

  .health-product-ex,.env-gas-ex {
    margin: 30px 0 0;
  }

  .health-product-ex__title,.env-gas-ex__title {
    margin: 0 0 25px;
    font-size: 2rem;
  }

  .health-product-ex .product-list--centering,.env-gas-ex .product-list--centering {
    justify-content: center;
  }

  .health-product-ex .product-list--centering:before,.env-gas-ex .product-list--centering:before {
    content: none;
  }

  .health-product-ex .product-list--centering:after,.env-gas-ex .product-list--centering:after {
    content: none;
  }

  .health-product-ex .product-list--centering .product-list__item + .product-list__item,.env-gas-ex .product-list--centering .product-list__item + .product-list__item {
    margin-left: 15px;
  }

  .env-gas-ex .product-list .product-list__item {
    width: 390px;
  }

  .env-gas-ex .product-list .product-list__item .product-list__item__img {
    margin: 0 0 10px;
    border-radius: 20px;
  }

  .env-gas-ex .product-list .product-list__item .product-list__item__name {
    text-align: left;
  }

  .env-gas-ex .product-list .product-list__item + .product-list__item {
    margin-left: 20px;
  }

  .health-allergy-friendly p img {
    width: 320px;
    border-radius: 20px;
  }

  .sustainability-commentary {
    max-width: 800px;
    margin: 90px auto 60px;
    border-radius: 20px;
  }

  .sustainability-commentary__title {
    padding: 0 0 0 75px;
    background-position: 35px 50%;
  }

  .sustainability-commentary__ajipen {
    top: -55px;
    right: 40px;
  }

  .sustainability-commentary__ajipen img {
    width: 111px;
  }

  .sustainability-commentary__inner {
    padding: 35px;
  }

  .sustainability-commentary__inner--eco {
    display: flex;
    align-items: center;
  }

  .sustainability-commentary__inner--eco .sustainability-commentary__eco {
    flex-shrink: 0;
    width: 100px;
    margin: 0 20px 0 0;
  }

  .sustainability-commentary__inner--eco p {
    margin: 0;
  }

  .sustainability-commentary__ud img {
    width: 100px;
  }

  .sustainability-commentary__eco img {
    width: 100px;
  }

  .health-vegetarian {
    display: flex;
    justify-content: center;
    margin: 0 0 80px;
  }

  .health-vegetarian__inner {
    padding: 5px 0 5px 70px;
    background: url(/_var/sustainability/health/health_ico01.png) no-repeat 0 50%;
    background-size: 56px;
  }

  .health-vegetarian__text {
    margin: 0 0 5px;
  }

  .health-vegetarian__text img {
    display: none;
  }

  .health-vegetarian__notes {
    margin: 0;
  }

  .env-reduction {
    max-width: 800px;
    margin: 0 auto 50px;
  }

  .env-reduction__inner {
    justify-content: center;
    padding: 20px;
  }

  .env-reduction__title {
    margin: 0 30px 0 0;
    font-size: 2.1rem;
  }

  .env-reduction__num {
    flex: none;
    line-height: 1;
    padding: 0 0 0 25px;
    font-size: 2.8rem;
  }

  .env-reduction__num small {
    margin: 0 15px 0 0;
    font-size: 1.5rem;
  }

  .env-reduction__num span {
    font-size: 4.6rem;
  }

  .env-img {
    max-width: 800px;
    margin: 30px auto 80px;
  }

  .env-img__img {
    margin: 0 0 15px;
    border-radius: 20px;
  }

  .env-img__caption {
    margin: 0 0 0 20px;
  }

  .env-bottom-nav {
    flex-direction: row;
    margin: 0 0 -100px;
    padding: 40px 0;
    background-image: url(/_var/sustainability/environment/environment_img12.jpg);
  }

  .env-bottom-nav__title {
    margin: 0 40px 0 0;
    font-size: 2rem;
  }

  .env-bottom-nav__link a {
    width: 284px;
    height: 130px;
    background-size: 284px 130px;
  }

  .plastic-img {
    max-width: 800px;
    margin: 30px auto 50px;
  }

  .plastic-img-wrap1 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 30px 0 50px;
  }

  .plastic-img-wrap1 .plastic-img {
    margin: 0;
  }

  .plastic-img-wrap2 {
    display: flex;
    justify-content: center;
    align-items: flex-end;
    margin: 30px 0 50px;
  }

  .plastic-img-wrap2 .plastic-img {
    width: 480px;
    margin: 0;
  }

  .plastic-img-wrap2 .plastic-img + .plastic-img {
    margin-left: 35px;
  }

  .plastic-img-wrap2 .plastic-img__img {
    padding: 15px;
  }

  .plastic-img__img {
    justify-content: center;
    margin: 0 0 15px;
    padding: 30px 50px;
    border-radius: 20px;
  }

  .plastic-img__img div + div {
    margin-left: 20px;
  }

  .plastic-img__img img {
    max-width: 590px;
    max-height: 234px;
  }

  .plastic-img__img__notes {
    right: 20px;
    bottom: 15px;
    font-size: 1.3rem;
  }

  .plastic-img__caption {
    margin: 0 0 0 20px;
  }

  .plastic-img__eco {
    margin: 0 0 30px 20px;
  }

  .plastic-img__eco img {
    width: 200px;
  }

  .plastic-ajipen-eco__img {
    width: 320px;
    margin: 0 auto 15px;
    border-radius: 20px;
  }

  .foodloss-img {
    max-width: 640px;
    margin: 0 auto;
  }

  .foodloss-img__img {
    border-radius: 20px;
  }

  .sdgs-nav-list {
    display: flex;
    justify-content: space-between;
  }

  .sdgs-nav-list__item {
    width: 390px;
    margin: 0;
  }

  .sdgs-nav-list__item a:hover {
    color: #3251AD;
  }

  .sdgs-nav-list__img {
    margin: 0 0 15px;
  }

  .sdgs-nav-list__img img {
    border-radius: 20px;
  }

  .sdgs-nav-list__label {
    font-weight: bold;
  }

  .sdgs-nav-list__label:after {
    border-width: 2px;
  }

  .sdgs-tabs {
    margin: 80px 0 0;
  }

  .sdgs-tab__list:after {
    width: 40px;
    height: 33px;
    background-size: 40px 33px;
  }

  .sdgs-tab__list li {
    width: 390px;
  }

  .sdgs-tab__list li .sdgs-tabs__trigger {
    display: flex;
    align-items: center;
    height: 68px;
    padding: 0;
    border-width: 8px;
    border-radius: 10px 10px 0 0;
  }

  .sdgs-tab__list li .sdgs-tabs__trigger:before {
    top: -50px;
    width: 97px;
    height: 97px;
    margin: 0 0 0 -48px;
    background-size: 97px 130px;
  }

  .sdgs-tab__list li .sdgs-tabs__trigger span {
    margin: 0 10px 0 0;
  }

  .sdgs-tab__list li .sdgs-tabs__trigger.is-current {
    height: 85px;
  }

  .sdgs-tab__list li:nth-child(2) .sdgs-tabs__trigger span {
    margin: 0 10px 0 0;
  }

  .sdgs-tab__detail {
    margin: 0 0 80px;
    padding: 25px;
    border-radius: 0 10px 10px 10px;
  }

  .sdgs-tab__detail#tab-02 {
    margin: 0 0 140px;
    border-radius: 10px 0 10px 10px;
  }

  .sdgs-tab__arrow {
    bottom: -115px;
  }

  .sdgs-tab__arrow img {
    width: 97px;
  }

  .sdgs-tab__arrow:before {
    bottom: 10px;
    left: 150px;
    width: 67px;
    height: 65px;
    background-size: 67px 65px;
    transform: rotate(-25deg);
  }

  .sdgs-tab__arrow:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 10px;
    right: 150px;
    width: 67px;
    height: 65px;
    background: url(/_var/sustainability/sdgs/sdgs_ico02.svg) no-repeat 0 0;
    background-size: 67px 65px;
    transform: rotate(25deg);
  }
}

@keyframes tab-anm {
  0% {
    transform: translateY(0);
  }

  88% {
    transform: translateY(0);
  }

  90% {
    transform: translateY(-10px);
  }

  92% {
    transform: translateY(-10px);
  }

  94% {
    transform: translateY(0);
  }

  96% {
    transform: translateY(-10px);
  }

  98% {
    transform: translateY(-10px);
  }

  100% {
    transform: translateY(0);
  }
}