#sustainablity {
  color: #fff;
  font-family: var(--font-Mincho);
}

.w-100 img {
  width: 100%;
}

.sec_title {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.sec_title span {
  font-family: var(--font-en-min);
  font-size: 3.5em;
  font-weight: 400;
  letter-spacing: 0.1em;
  line-height: 1.2;
}
@media screen and (min-width: 769px) {
  .sec_title span {
    font-size: 6em;
  }
}
.sec_title strong {
  font-size: 1.4em;
  font-weight: 700;
  letter-spacing: 0.1em;
  padding-top: 0.8em;
  margin-top: 0.8em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .sec_title strong {
    font-size: 2em;
    padding-top: 1.35em;
    margin-top: 1.35em;
  }
}
.sec_title strong:before {
  content: "";
  width: 2.142em;
  height: 2px;
  background-color: #fff;
  position: absolute;
  left: 50%;
  top: 0;
  margin-left: -1.071em;
}
@media screen and (min-width: 769px) {
  .sec_title strong:before {
    width: 3em;
    margin-left: -1.5em;
  }
}

.sustainablity_inner {
  margin-inline: 1.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_inner {
    margin-inline: auto;
    max-width: 118em;
    padding-inline: 2em;
  }
}
.sustainablity_main {
  background: url(../img/sustainablity/main_bg_sp.webp) no-repeat center top/100% auto #382F20;
  padding-bottom: 6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main {
    background-image: url(../img/sustainablity/main_bg.webp);
    padding-bottom: 10em;
  }
}
.sustainablity_main_lead {
  padding: 4.2em 0 3.8em;
  text-align: center;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_lead {
    padding: 8em 0 11.5em;
  }
}
.sustainablity_main_lead h1 {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  margin-bottom: 3em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_lead h1 {
    margin-bottom: 5.6em;
  }
}
.sustainablity_main_lead h1 span {
  font-size: 4em;
  font-family: var(--font-en-min);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_lead h1 span {
    font-size: 8em;
  }
}
.sustainablity_main_lead h1 strong {
  font-size: 1.6em;
  font-weight: 700;
  letter-spacing: 0.1em;
  margin-top: 0.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_lead h1 strong {
    font-size: 2.5em;
    margin-top: 0.5em;
  }
}
.sustainablity_main_lead p {
  margin-inline: 1.5em;
  font-size: 1.3em;
  font-weight: 700;
  line-height: 2;
  letter-spacing: 0.05em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_lead p {
    margin-inline: 0;
    font-size: 1.7em;
  }
}
.sustainablity_main_lead p + p {
  margin-top: 2.6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_lead p + p {
    margin-top: 2em;
  }
}
.sustainablity_main_logo {
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding-block: 2.5em;
  margin-inline: 1.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_logo {
    max-width: 90em;
    margin-inline: auto;
    padding-block: 5em;
  }
}
@media screen and (min-width: 769px) {
  .sustainablity_main_logo dl {
    display: grid;
    grid-template-columns: 18.3em 1fr;
    column-gap: 5em;
    align-items: center;
  }
}
.sustainablity_main_logo dt {
  text-align: center;
  margin-bottom: 2em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_logo dt {
    margin-bottom: 0;
  }
}
.sustainablity_main_logo dt img {
  width: 16em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_logo dt img {
    width: 100%;
  }
}
.sustainablity_main_logo dd h2 {
  font-size: 1.3em;
  text-align: center;
  font-weight: 700;
  margin-bottom: 0.1em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_logo dd h2 {
    font-size: 1.8em;
    text-align: left;
  }
}
.sustainablity_main_logo dd p {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 2;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_logo dd p {
    font-size: 1.6em;
  }
}
.sustainablity_main_news {
  margin-top: 3.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news {
    margin-top: 8em;
  }
}
.sustainablity_main_news .sustainablity_inner {
  background-color: #64554B;
  padding: 1.5em 1.5em 3em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news .sustainablity_inner {
    padding: 4em 2em 6em;
  }
}
.sustainablity_main_news h2 {
  text-align: center;
  font-size: 1.8em;
  line-height: 1;
  margin-bottom: 1.1em;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news h2 {
    font-size: 2.5em;
    margin-bottom: 1.4em;
  }
}
.sustainablity_main_news ul {
  border-top: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news ul {
    max-width: 90em;
    margin-inline: auto;
  }
}
.sustainablity_main_news ul li {
  border-bottom: 1px solid #fff;
}
.sustainablity_main_news ul li a {
  display: grid;
  grid-template-columns: 9.5em 1fr;
  column-gap: 1.8em;
  padding-block: 1.5em;
  position: relative;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news ul li a {
    grid-template-columns: 12em 1fr;
    column-gap: 3em;
    align-items: center;
    padding-block: 2em;
    padding-right: 4em;
  }
}
.sustainablity_main_news ul li a .btn-arrow {
  position: absolute;
  right: 0;
  bottom: 1.2em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news ul li a .btn-arrow {
    bottom: 50%;
  }
}
.sustainablity_main_news ul li figure img {
  width: 100%;
}
.sustainablity_main_news ul li dl dt {
  font-size: 1.6em;
  font-weight: 400;
  line-height: 1;
  font-family: var(--font-en-min);
  margin-bottom: 0.4em;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news ul li dl dt {
    font-size: 2.2em;
  }
}
.sustainablity_main_news ul li dl dd {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.45;
}
@media screen and (min-width: 769px) {
  .sustainablity_main_news ul li dl dd {
    font-size: 1.6em;
  }
}
.sustainablity_activities {
  background-color: rgb(var(--color-main));
  padding-block: 4.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_activities {
    padding-block-start: 7.5em;
    padding-block-end: 10em;
  }
}
.sustainablity_activities_item {
  margin-top: 2.8em;
  border-top: 1px solid #E1D0B9;
}
@media screen and (min-width: 769px) {
  .sustainablity_activities_item {
    max-width: 90em;
    margin-inline: auto;
    margin-top: 6em;
  }
}
.sustainablity_activities_item li {
  padding: 0.8em 0 1.2em;
  display: grid;
  row-gap: 0.2em;
  border-bottom: 1px solid #E1D0B9;
}
@media screen and (min-width: 769px) {
  .sustainablity_activities_item li {
    padding: 2em;
    grid-template-columns: 9em 1fr;
    gap: 0 2.4em;
  }
}
.sustainablity_activities_item li time {
  font-size: 1.7em;
  font-family: var(--font-en-min);
  font-weight: 400;
  letter-spacing: 0.1em;
}
@media screen and (min-width: 769px) {
  .sustainablity_activities_item li time {
    line-height: 1;
    font-size: 2.5em;
  }
}
.sustainablity_activities_item li p {
  font-size: 1.1em;
  letter-spacing: 0.05em;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .sustainablity_activities_item li p {
    font-size: 1.6em;
    line-height: 1.3;
  }
}
.sustainablity_activities_item li p span {
  display: block;
}
.sustainablity_activities_item li p span + span {
  margin-top: 0.7em;
}
.sustainablity_fair {
  background-color: #64554B;
}
.sustainablity_fair_wrap {
  padding: 5em 0 6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_wrap {
    padding: 6.5em 0 10em;
  }
}
.sustainablity_fair_main {
  margin-top: 2.6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main {
    margin-top: 5.6em;
    display: grid;
    grid-template-columns: 60em 1fr;
    gap: 3em 6em;
  }
}
.sustainablity_fair_main figure {
  margin-bottom: 1.6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main figure {
    margin-bottom: 0;
  }
}
.sustainablity_fair_main figure img {
  width: 100%;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main figure.img01 {
    grid-area: 1/1/2/2;
  }
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main figure.img01 {
    grid-area: 2/1/3/2;
  }
}
.sustainablity_fair_main p {
  font-size: 1.2em;
  line-height: 1.83;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main p {
    font-size: 1.6em;
  }
}
.sustainablity_fair_main p + figure {
  margin-top: 2em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main p + figure {
    margin-top: 0;
  }
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main p.txt01 {
    grid-area: 1/2/3/3;
  }
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_main p.txt02 {
    display: none;
  }
}
.sustainablity_fair_btn {
  background: url(../img/sustainablity/btn_chocolat_sp.webp) no-repeat center/100% auto;
  aspect-ratio: 345/120;
  position: relative;
  margin-top: 3.7em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_btn {
    background-image: url(../img/sustainablity/btn_chocolat.webp);
    aspect-ratio: 114/25;
    margin-top: 10em;
  }
}
.sustainablity_fair_btn a {
  display: block;
  height: 100%;
}
@media (hover) {
  .sustainablity_fair_btn a:hover .btn_more {
    border-bottom-color: transparent;
  }
  .sustainablity_fair_btn a:hover .btn_more:after {
    transform: translateX(0.66em);
  }
}
.sustainablity_fair_btn h3 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding-left: 1.4em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_btn h3 {
    padding-left: 5.5em;
  }
}
.sustainablity_fair_btn h3 span {
  font-family: var(--font-en-min);
  font-size: 3em;
  font-weight: 400;
  line-height: 1;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_btn h3 span {
    font-size: 5em;
  }
}
.sustainablity_fair_btn h3 strong {
  font-size: 1em;
  margin-top: 0.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_btn h3 strong {
    font-size: 1.6em;
  }
}
.sustainablity_fair_btn-btn {
  position: absolute;
  right: 1em;
  bottom: 1em;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_btn-btn {
    right: 2em;
    bottom: 2em;
  }
}
.sustainablity_fair_btn-btn .btn_more {
  font-size: 1em;
  padding-left: 0;
  padding-right: 0;
  border-bottom: 1px solid #fff;
}
@media screen and (min-width: 769px) {
  .sustainablity_fair_btn-btn .btn_more {
    font-size: 1.6em;
  }
}
.sustainablity_fair_btn-btn .btn_more:after {
  background-image: url(../img/arrow_wh_normal.svg);
}
.sustainablity_support {
  background: url(../img/sustainablity/support_bg_sp.webp) no-repeat center top/100% auto #22300F;
  padding-bottom: 6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support {
    padding-bottom: 10em;
    background-image: url(../img/sustainablity/support_bg.webp);
  }
}
.sustainablity_support_main {
  padding: 5em 0 4em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main {
    padding: 6.5em 0 7.5em;
  }
}
.sustainablity_support_main .sustainablity_inner {
  margin-top: 3em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main .sustainablity_inner {
    margin-top: 5em;
  }
}
.sustainablity_support_main h3 {
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.4em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main h3 {
    margin-bottom: 4em;
  }
}
.sustainablity_support_main h3 span {
  font-size: 1.7em;
  font-weight: 700;
  line-height: 1.53;
  letter-spacing: 0;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main h3 span {
    font-size: 2.6em;
    letter-spacing: 0.05em;
  }
}
.sustainablity_support_main h3 strong {
  font-size: 2em;
  font-weight: 700;
  margin-top: 0.3em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main h3 strong {
    font-size: 3.2em;
  }
}
.sustainablity_support_main dl {
  margin-bottom: 3.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main dl {
    margin-bottom: 7.5em;
    display: grid;
    grid-template-columns: 50em 1fr;
    column-gap: 4em;
  }
}
.sustainablity_support_main dl dt {
  width: 22.5em;
  margin-inline: auto;
  margin-bottom: 1.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main dl dt {
    width: 100%;
    margin-bottom: 0;
  }
}
.sustainablity_support_main dl dd p {
  font-size: 1.2em;
  line-height: 1.83;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main dl dd p {
    font-size: 1.6em;
  }
}
.sustainablity_support_main dl dd p + p {
  margin-top: 1em;
}
.sustainablity_support_main dl dd a {
  background-color: #AD855A;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1em;
  height: 3.75em;
  margin-top: 1.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_main dl dd a {
    font-size: 1.6em;
    margin-top: 2.2em;
  }
}
.sustainablity_support_img {
  height: 12em;
  margin-bottom: 5.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_img {
    height: 28em;
    margin-bottom: 9.5em;
  }
}
.sustainablity_support_img img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 45%;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_img img {
    object-position: 50%;
  }
}
.sustainablity_support_pj h3 {
  text-align: center;
  font-size: 1.8em;
  font-weight: 700;
  margin-bottom: 1em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_pj h3 {
    font-size: 2.6em;
    margin-bottom: 1.7em;
  }
}
.sustainablity_support_pj ul {
  margin-inline: 3em;
  display: grid;
  row-gap: 2em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_pj ul {
    margin-inline: auto;
    max-width: 114em;
    grid-template-columns: 1fr 1fr;
    gap: 0 6em;
  }
}
.sustainablity_support_pj ul li a {
  display: block;
  padding: 1.5em;
  background-color: #fff;
  color: #64554B;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_pj ul li a {
    padding: 2.5em 2.5em 3em;
    display: flex;
    flex-direction: column;
    height: 100%;
  }
}
.sustainablity_support_pj ul li a figure {
  margin-bottom: 0.8em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_pj ul li a figure {
    margin-bottom: 1.5em;
  }
}
.sustainablity_support_pj ul li a figure img {
  width: 100%;
}
.sustainablity_support_pj ul li a h4 {
  font-size: 1.6em;
  font-weight: 700;
  text-align: center;
  margin-bottom: 0.6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_pj ul li a h4 {
    font-size: 2.6em;
  }
}
.sustainablity_support_pj ul li a p {
  font-size: 1.1em;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 2em;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_pj ul li a p {
    font-size: 1.6em;
    margin-bottom: 1.8em;
    line-height: 1.75;
  }
}
.sustainablity_support_pj ul li a .btn {
  background-color: #AD855A;
  font-size: 1.2em;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 1em;
  height: 3.75em;
  color: #fff;
}
@media screen and (min-width: 769px) {
  .sustainablity_support_pj ul li a .btn {
    font-size: 1.6em;
    margin-top: auto;
  }
}
.sustainablity_philosophy {
  background: url(../img/sustainablity/philosophy_bg_sp.webp) no-repeat center top/100% auto #4B2D19;
  padding-top: 30.5em;
  padding-bottom: 8.8em;
  overflow: hidden;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy {
    background-image: url(../img/sustainablity/philosophy_bg.webp);
    padding-top: 61em;
    padding-bottom: 17em;
  }
}
.sustainablity_philosophy .sec_title {
  margin-bottom: 3em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy .sec_title {
    margin-bottom: 5em;
  }
}
.sustainablity_philosophy_top h3 {
  font-size: 1.8em;
  text-align: center;
  margin-bottom: 1em;
  line-height: 1.4;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_top h3 {
    font-size: 2.6em;
    margin-bottom: 1.15em;
  }
}
.sustainablity_philosophy_top p {
  font-size: 1.2em;
  line-height: 1.83;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_top p {
    font-size: 1.6em;
  }
}
.sustainablity_philosophy_top dl {
  padding-bottom: 3em;
  border-bottom: 1px solid #fff;
  margin-bottom: 3.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_top dl {
    display: grid;
    grid-template-columns: 50em 1fr;
    column-gap: 4em;
    margin-bottom: 7em;
    padding-bottom: 8em;
  }
}
.sustainablity_philosophy_top dl dt {
  text-align: center;
  margin-bottom: 1.6em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_top dl dt {
    margin-bottom: 0;
  }
}
.sustainablity_philosophy_top dl dt img {
  width: 28.3em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_top dl dt img {
    width: 100%;
  }
}
.sustainablity_philosophy_top dl dd p + p {
  margin-top: 1em;
}
.sustainablity_philosophy_item {
  margin-top: 2em;
  width: 25.5em;
  margin-inline: auto;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_item {
    margin-top: 4.5em;
    width: 82em;
  }
}
.sustainablity_philosophy_item .splide__track {
  overflow: visible;
}
.sustainablity_philosophy_item_inner {
  background-color: #fff;
  display: grid;
  grid-template-rows: auto 1fr;
  height: 100%;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_item_inner {
    grid-template-columns: 36em 1fr;
    grid-template-rows: 1fr;
  }
}
.sustainablity_philosophy_item_inner figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.sustainablity_philosophy_block {
  position: relative;
  padding: 1em 1.2em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_block {
    padding: 2.5em 3em;
    display: flex;
    flex-direction: column;
  }
}
.sustainablity_philosophy_block h3 {
  display: flex;
  flex-direction: column;
  margin-bottom: 0.7em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_block h3 {
    margin-bottom: 1.7em;
  }
}
.sustainablity_philosophy_block h3 span {
  font-family: var(--font-en-min);
  font-size: 2.2em;
  font-weight: 400;
  color: #64554B;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_block h3 span {
    font-size: 3.5em;
  }
}
.sustainablity_philosophy_block h3 strong {
  font-size: 1.1em;
  font-weight: 700;
  color: #AD855A;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_block h3 strong {
    font-size: 1.8em;
  }
}
.sustainablity_philosophy_block p {
  font-size: 1em;
  line-height: 1.6;
  color: #4B2D19;
  padding-bottom: 4em;
  font-weight: 700;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_block p {
    font-size: 1.5em;
    padding-bottom: 2em;
  }
}
.sustainablity_philosophy_block .btn {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #AD855A;
  display: flex;
  align-items: center;
  justify-content: center;
  column-gap: 1em;
  font-size: 1.1em;
  height: 3.18em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_block .btn {
    position: relative;
    margin-top: auto;
    height: 3.75em;
    font-size: 1.6em;
  }
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_block .btn i {
    position: absolute;
    right: 1.875em;
    top: 50%;
    margin-top: -0.156em;
  }
}
.sustainablity_philosophy .splide__pagination {
  position: static;
  margin-top: 2em;
  gap: 1.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy .splide__pagination {
    margin-top: 3.7em;
    gap: 2em;
  }
}
.sustainablity_philosophy .splide__pagination__page {
  background-color: transparent;
  border: 1px solid #AD855A;
  opacity: 1;
  margin: 0;
  transform: none;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy .splide__pagination__page {
    height: 0.9em;
    width: 0.9em;
  }
}
.sustainablity_philosophy .splide__pagination__page.is-active {
  background-color: #AD855A;
  transform: none;
}
.sustainablity_philosophy_btn {
  margin-top: 5.5em;
  margin-inline: 1.5em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_btn {
    margin-top: 9.5em;
    width: 54em;
    margin-inline: auto;
  }
}
.sustainablity_philosophy_btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  border: 1px solid #fff;
  position: relative;
  font-size: 1.2em;
  height: 3.75em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_btn a {
    font-size: 1.6em;
  }
}
.sustainablity_philosophy_btn a i {
  position: absolute;
  right: 2.1em;
  top: 50%;
  margin-top: -0.2em;
}
@media screen and (min-width: 769px) {
  .sustainablity_philosophy_btn a i {
    right: 3.125em;
    margin-top: -0.156em;
  }
}

@media screen and (min-width: 769px) {
  .pc-center {
    text-align: center;
  }
}

footer {
  margin-top: 0;
}

.anime {
  opacity: 0;
  transform: translateY(0.5em);
}
.anime.is-active {
  animation: fadein 0.4s linear forwards;
}

.sustainablity_main_lead h1 {
  opacity: 0;
  transform: translateY(0.5em);
}
.sustainablity_main_lead p {
  opacity: 0;
  transform: translateY(0.5em);
}
.sustainablity_main_lead.is-active h1 {
  animation: fadein 0.4s linear forwards;
}
.sustainablity_main_lead.is-active p:nth-of-type(1) {
  animation: fadein 0.4s linear forwards 0.4s;
}
.sustainablity_main_lead.is-active p:nth-of-type(2) {
  animation: fadein 0.4s linear forwards 0.6s;
}
.sustainablity_main_lead.is-active p:nth-of-type(3) {
  animation: fadein 0.4s linear forwards 0.8s;
}

@keyframes fadein {
  0% {
    opacity: 0;
    transform: translateY(0.5em);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}/*# sourceMappingURL=sustainablity.css.map */