/* $color-secondary: #101859;
$color-tertiary: #2b2e6a;
$color-quaternary: #1f2262;*/
/* $color-text-06: #001437; */
/*$breakS: "screen and (min-width: 0px) and (max-width: 736px)";*/
/*@font-face {
    font-family: 'Noto Sans Japanese';
    font-weight: 400;
    font-style: normal;
    src: url('../../fonts/notosans/NotoSansCJKjp-Regular.eot');
    src: url('../../fonts/notosans/NotoSansCJKjp-Regular.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/notosans/NotoSansCJKjp-Regular.woff') format("woff"),
        url('../../fonts/notosans/NotoSansCJKjp-Regular.ttf') format("truetype");
}

@font-face {
    font-family: 'hirakakupro';
    font-weight: 300;
    font-style: normal;
    src: url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.eot');
    src: url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.woff') format("woff"),
        url('../../fonts/hirakakuprow3/hirakakupro-w3-subset.ttf') format("truetype");
}

@font-face {
    font-family: 'hirakakupro';
    font-weight: 600;
    font-style: normal;
    src: url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.eot');
    src: url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.eot?#iefix') format("embedded-opentype"),
        url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.woff') format("woff"),
        url('../../fonts/hirakakuprow6/hirakakupro-w6-subset.ttf') format("truetype");
}*/
/*@import "compass";
@import "compass/utilities";
@import "compass/css3/";*/
/* @mixin animate($animationName, $duration, $timingFunction, $delay, $repetition, $direction: forward)
{
    -webkit-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    -moz-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    -o-animation: $animationName $duration $timingFunction $delay $repetition $direction;
    animation: $animationName $duration $timingFunction $delay $repetition $direction;
} */
#sustainable .mv.mv-common {
  background: url(../../img/support/img_mv.png) no-repeat center -11.25rem;
  background-size: cover;
}
@media screen and (min-width: 1024px) and (max-width: 1230px) {
  #sustainable .mv.mv-common {
    background-position: center -5.3125rem;
  }
}
@media screen and (min-width: 737px) and (max-width: 1023px) {
  #sustainable .mv.mv-common {
    background-position: center -2.5rem;
  }
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #sustainable .mv.mv-common {
    background-position: center;
  }
}

#sustainable .btn.btn-pattern-01 {
  margin-bottom: 1.1875rem;
}

#sustainable .section.section-pattern-07 {
  padding-bottom: 4.5625rem;
  /* > .section-inner
            {
                padding-bottom: 0;
            } */
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #sustainable .section.section-pattern-07 {
    padding-top: 4.375rem;
    padding-bottom: 2.25rem;
  }
}

#sustainable p.p-pattern-03 {
  margin-bottom: 2.625rem;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 736px) {
  #sustainable p.p-pattern-03 {
    margin-bottom: 1.5625rem;
  }
}

@media screen and (min-width: 737px) and (max-width: 1023px) {
  #sustainable .heading.heading-pattern-08 {
    margin-bottom: 2.1875rem;
  }
}