@charset "UTF-8";
/* =========================================================
 * clearfix　　   /*クリアフィックス
========================================================= */
.clearfix {
  zoom: 1; }
  .clearfix:before {
    content: "";
    display: table; }
  .clearfix:after {
    content: "";
    display: table;
    clear: both; }

header .js-header-menu-button span {
  background-color: #16902E; }
header .js-header-menu-button .text {
  color: #16902E; }

.conservation {
  font-size: clamp(13px, 0.8333333333vw, 16px);
  line-height: 2;
  letter-spacing: .05em;
  background-color: #FFFBEB; }
  .conservation .inner {
    width: 55.2083333333vw;
    max-width: 1060px;
    margin: 0 auto;
    position: relative; }
  .conservation .main {
    padding-bottom: 15em; }
    .conservation .main .inner .title {
      width: 40.3125vw;
      margin: 5em auto 0; }
    .conservation .main .inner p {
      font-size: clamp(26px, 1.6666666667vw, 32px);
      line-height: 1.7;
      letter-spacing: .1em;
      text-align: center;
      color: #775C2F;
      margin-top: 1.5em; }
    .conservation .main .decoration {
      position: absolute; }
      .conservation .main .decoration.d01 {
        width: 3.3854166667vw;
        max-width: 65px;
        top: 9.2em;
        left: 5.8em;
        animation: animal 2s linear -2s infinite; }
      .conservation .main .decoration.d02 {
        width: 3.3854166667vw;
        max-width: 65px;
        top: 12.4em;
        left: 19.2em;
        transform: translateY(-50%);
        animation: animal 4s linear -2s infinite; }
      .conservation .main .decoration.d03 {
        width: 7.5vw;
        max-width: 144px;
        top: 29.8em;
        left: 4.6em;
        animation: cloud 4s ease-in-out infinite alternate-reverse; }
      .conservation .main .decoration.d04 {
        width: 9.9479166667vw;
        max-width: 191px;
        top: 15.1em;
        right: 4.8em;
        animation: animal 20s linear -2s infinite; }
      .conservation .main .decoration.d05 {
        width: 8.8541666667vw;
        max-width: 170px;
        top: 33.3em;
        right: 23.1em;
        animation: cloud 4s ease-in-out infinite alternate-reverse; }
      .conservation .main .decoration.d06 {
        width: 9.7395833333vw;
        max-width: 187px;
        top: 31.6em;
        right: -2.5em;
        animation: cloud 4s ease-in-out -2s infinite alternate-reverse; }
      .conservation .main .decoration.d07 {
        width: 126.5625vw;
        min-width: 1285px;
        top: 32em;
        left: 49.5%;
        transform: translateX(-50%);
        z-index: 1; }
      .conservation .main .decoration.d08 {
        width: 6.7708333333vw;
        max-width: 130px;
        bottom: 0em;
        left: 55%;
        transform: translateX(-50%);
        z-index: 2;
        animation: animal 4s linear infinite; }
      .conservation .main .decoration.d09 {
        width: 10.9375vw;
        max-width: 210px;
        bottom: -4.5%;
        left: 24%;
        z-index: 2; }
  .conservation .container01 {
    background-color: #CBE090;
    padding: 5em 0 1.5em;
    position: relative; }
    .conservation .container01 .d01-2-1 {
      position: absolute;
      width: 18.4895833333vw;
      max-width: 355px;
      top: 26.5%;
      left: 0;
      transform: translateY(-50%); }
    .conservation .container01 .d01-3-1 {
      position: absolute;
      width: 19.53125vw;
      max-width: 375px;
      top: 50.5%;
      right: 0;
      transform: translateY(-50%); }
    .conservation .container01--block {
      width: 67.7083333333vw;
      max-width: 1300px;
      margin: 10em auto 0;
      position: relative; }
      .conservation .container01--block .decoration {
        pointer-events: none;
        position: absolute;
        z-index: 1; }
        .conservation .container01--block .decoration.d01-1 {
          width: 23.3333333333vw;
          max-width: 448px;
          bottom: -15%;
          right: -22.3958333333vw; }
        .conservation .container01--block .decoration.d01-2 {
          width: 27.6041666667vw;
          max-width: 530px;
          top: 53%;
          left: -17.1875vw;
          transform: translateY(-50%); }
        .conservation .container01--block .decoration.d01-3 {
          width: 30.0520833333vw;
          max-width: 577px;
          top: 27.5%;
          right: -16.9270833333vw;
          transform: translateY(-50%); }
        .conservation .container01--block .decoration.d01-4 {
          width: 9.9479166667vw;
          max-width: 191px;
          bottom: -5%;
          right: 4.1666666667vw;
          animation: animal 4s linear -1s infinite; }
        .conservation .container01--block .decoration.d01-5 {
          width: 20.46875vw;
          max-width: 393px;
          bottom: -50%;
          left: -16.1458333333vw; }
        .conservation .container01--block .decoration.d01-6 {
          width: 14.6875vw;
          max-width: 282px;
          top: -10%;
          right: -13.90625vw; }
        .conservation .container01--block .decoration.d01-7 {
          width: 15.8333333333vw;
          max-width: 304px;
          bottom: 3%;
          left: -1.0416666667vw; }
        .conservation .container01--block .decoration.d01-8 {
          width: 8.1770833333vw;
          max-width: 157px;
          top: 72%;
          right: -10.15625vw;
          animation: animal 4s linear infinite; }
        .conservation .container01--block .decoration.d01-9 {
          width: 7.3958333333vw;
          max-width: 142px;
          bottom: -10%;
          right: -7.3958333333vw; }
        .conservation .container01--block .decoration.d01-10 {
          width: 12.0833333333vw;
          max-width: 232px;
          top: 7%;
          left: -6.0416666667vw;
          animation: cloud 4s ease-in-out -2s infinite alternate-reverse; }
      .conservation .container01--block .inner {
        text-align: center; }
        .conservation .container01--block .inner h2 {
          width: 80%;
          margin: 0 auto; }
        .conservation .container01--block .inner--wrap {
          display: flex;
          justify-content: space-between;
          flex-wrap: wrap; }
          .conservation .container01--block .inner--wrap .image {
            width: 47.6%;
            margin-top: 3.5em; }
        .conservation .container01--block .inner h3,
        .conservation .container01--block .inner p {
          color: #775C2F; }
        .conservation .container01--block .inner h3 {
          font-size: clamp(29px, 1.875vw, 36px);
          margin-top: 1.5em; }
        .conservation .container01--block .inner p {
          font-size: clamp(13px, 0.8333333333vw, 16px);
          margin-top: .5em; }
      .conservation .container01--block:first-of-type {
        margin-top: 5em; }
        .conservation .container01--block:first-of-type .inner {
          margin-left: auto !important;
          margin-right: auto; }
      .conservation .container01--block:nth-of-type(odd) .inner {
        margin-left: 0; }
      .conservation .container01--block:nth-of-type(even) .inner {
        margin-right: 0; }
      .conservation .container01--block:last-of-type {
        margin-top: 5em; }
        .conservation .container01--block:last-of-type .inner {
          margin-left: auto;
          margin-right: 0; }
          .conservation .container01--block:last-of-type .inner .figure {
            width: 45.5208333333vw;
            max-width: 874px;
            margin: 0 5% 0 auto; }
      .conservation .container01--block.block04 .inner--wrap {
        flex-direction: row-reverse; }
  .conservation .container02 {
    background: #E7F0CB;
    padding: 0em 0 7.5em; }
    .conservation .container02--block {
      text-align: center;
      padding: 7.5em 0 10em;
      margin: 0 auto;
      position: relative;
      z-index: 1; }
      .conservation .container02--block:before {
        content: '';
        display: block;
        position: absolute;
        width: 62.0833333333vw;
        max-width: 1192px;
        min-width: 62.1%;
        height: 42.7083333333vw;
        max-height: 820px;
        min-height: 100%;
        background: url("../images/conservation/img_bg02.png") no-repeat center center/100% 100%;
        top: 5%;
        left: 50%;
        transform: translateX(-50%);
        z-index: -1;
        transition: all 0s ease; }
      .conservation .container02--block .decoration {
        pointer-events: none;
        position: absolute;
        z-index: 1; }
        .conservation .container02--block .decoration.d02-1 {
          width: 132.2916666667vw;
          top: -19.7916666667vw;
          left: 39%;
          transform: translateX(-50%);
          z-index: 1; }
        .conservation .container02--block .decoration.d02-2 {
          width: 7.7604166667vw;
          max-width: 149px;
          top: -7.2916666667vw;
          left: 32%;
          animation: animal 4s linear -1s infinite; }
        .conservation .container02--block .decoration.d02-3 {
          width: 7.3958333333vw;
          max-width: 142px;
          bottom: 5.2083333333vw;
          left: 5%; }
      .conservation .container02--block .icon {
        width: 5.15625vw;
        max-width: 99px;
        margin: 0 auto; }
      .conservation .container02--block h2 {
        width: 42.7604166667vw;
        margin: 1.5em auto 0; }
      .conservation .container02--block #conservation-carousel {
        margin-top: 3em; }
        .conservation .container02--block #conservation-carousel .splide__slide {
          /*&:not(.is-active) {
            pointer-events: none;
            opacity: 0.5;
          }*/ }
          .conservation .container02--block #conservation-carousel .splide__slide:nth-of-type(even) {
            margin-top: 2.5em; }
      .conservation .container02--block .link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: -moz-fit-content;
        width: fit-content;
        font-size: clamp(16px, 1.0416666667vw, 20px);
        color: #fff;
        background-color: #00e34c;
        border-radius: 2.5em;
        padding: 1em 4em;
        margin: 2em auto 0;
        position: relative; }
        .conservation .container02--block .link:after {
          content: "";
          display: block;
          position: absolute;
          width: 1em;
          height: 1em;
          background: url("../images/link_blank_w.svg") no-repeat right center/100% auto;
          top: 50%;
          right: 2.5em;
          transform: translateY(-50%); }
        .conservation .container02--block .link:hover {
          background-color: #0cbe48; }

.g-footer {
  background: #E7F0CB; }

@media (max-width: 767px) {
  .conservation {
    font-size: clamp(13px, 3.4666666667vw, 16px); }
    .conservation .inner {
      width: 85vw; }
    .conservation .main {
      padding-bottom: 15em; }
      .conservation .main .inner .title {
        width: 89.3333333333vw;
        margin: 7.5em auto 0; }
      .conservation .main .inner p {
        font-size: clamp(15px, 4vw, 32px);
        margin-top: 1.5em; }
      .conservation .main .decoration {
        max-width: inherit !important; }
        .conservation .main .decoration.d01 {
          width: 8.8vw;
          top: 61.3333333333vw;
          left: 5vw; }
        .conservation .main .decoration.d02 {
          width: 8.8vw;
          top: 72vw;
          left: inherit;
          right: 7.5vw; }
        .conservation .main .decoration.d03 {
          display: none;
          width: 7.5vw;
          top: 29.8em;
          left: 4.6em; }
        .conservation .main .decoration.d04 {
          width: 21.3333333333vw;
          top: 85.3333333333vw;
          right: 5vw; }
        .conservation .main .decoration.d05 {
          width: 14.4vw;
          top: 89.6vw;
          left: 5vw;
          right: inherit; }
        .conservation .main .decoration.d06 {
          display: none;
          width: 9.7395833333vw;
          top: 31.6em;
          right: -2.5em; }
        .conservation .main .decoration.d07 {
          width: 100%;
          min-width: inherit;
          top: 104vw;
          left: 50%; }
        .conservation .main .decoration.d08 {
          width: 13.3333333333vw;
          top: 128vw;
          bottom: inherit;
          left: 60%; }
        .conservation .main .decoration.d09 {
          width: 28.2666666667vw;
          top: 79.4666666667vw;
          bottom: inherit;
          left: 45%;
          transform: translateX(-50%); }
    .conservation .container01 {
      padding: 5em 0 1.5em; }
      .conservation .container01--block {
        width: 100%;
        max-width: inherit;
        margin: 12.5em auto 0; }
        .conservation .container01--block .decoration {
          max-width: inherit !important; }
          .conservation .container01--block .decoration.d01-1 {
            width: 11.7333333333vw;
            bottom: 24%;
            left: 2.5vw;
            right: inherit; }
          .conservation .container01--block .decoration.d01-2 {
            width: 100vw;
            top: -42.6666666667vw;
            left: 50%;
            transform: translateX(-50%); }
          .conservation .container01--block .decoration.d01-2-2 {
            width: 40vw;
            bottom: 7.5vw;
            left: 2.5vw; }
          .conservation .container01--block .decoration.d01-3 {
            width: 100vw;
            top: -36.2666666667vw;
            left: 50%;
            right: inherit;
            transform: translateX(-50%); }
          .conservation .container01--block .decoration.d01-4 {
            width: 25.3333333333vw;
            bottom: 33%;
            right: 15vw;
            z-index: 2; }
          .conservation .container01--block .decoration.d01-5 {
            width: 54.9333333333vw;
            bottom: 35%;
            left: inherit;
            right: -12.5vw; }
          .conservation .container01--block .decoration.d01-6 {
            width: 100vw;
            top: -72vw;
            left: 50%;
            right: inherit;
            transform: translateX(-50%); }
          .conservation .container01--block .decoration.d01-7 {
            width: 40.5333333333vw;
            bottom: 38.5%;
            left: 2.5vw; }
          .conservation .container01--block .decoration.d01-8 {
            width: 21.3333333333vw;
            top: 100%;
            right: 5vw; }
          .conservation .container01--block .decoration.d01-9 {
            width: 9.0666666667vw;
            top: 108%;
            bottom: inherit;
            left: 7.5vw;
            right: inherit; }
          .conservation .container01--block .decoration.d01-10 {
            display: none; }
        .conservation .container01--block .inner h2 {
          width: 100%;
          position: relative;
          z-index: 2; }
        .conservation .container01--block .inner--wrap .image {
          width: 100%;
          margin-top: 2.5em; }
        .conservation .container01--block .inner h3 {
          font-size: clamp(24px, 6.4vw, 36px);
          margin-top: 1em; }
        .conservation .container01--block .inner p {
          font-size: clamp(13px, 3.4666666667vw, 16px);
          line-height: 2;
          text-align: justify;
          margin-top: 1em; }
        .conservation .container01--block:nth-of-type(odd) .inner {
          margin-left: auto; }
        .conservation .container01--block:nth-of-type(even) .inner {
          margin-right: auto; }
        .conservation .container01--block:last-of-type {
          margin-top: 5em; }
          .conservation .container01--block:last-of-type .inner {
            margin-right: 2.5vw; }
            .conservation .container01--block:last-of-type .inner .figure {
              width: 81.6vw;
              margin: 0 auto; }
        .conservation .container01--block.block02 .inner p {
          width: 44.5333333333vw;
          margin-left: auto; }
        .conservation .container01--block.block03 .inner--wrap .image:nth-of-type(2) {
          width: 50%; }
        .conservation .container01--block.block04 {
          margin-top: 74.6666666667vw; }
          .conservation .container01--block.block04 .inner--wrap .image:nth-of-type(2) {
            width: 50%;
            margin-left: auto; }
    .conservation .container02 {
      padding: 0em 0 5em; }
      .conservation .container02--block {
        padding: 10em 0 5em;
        z-index: 1; }
        .conservation .container02--block:before {
          width: 109.3333333333vw;
          height: 148.8vw;
          min-width: inherit;
          min-height: inherit;
          background: url("../images/conservation/img_bg02_sp.png") no-repeat center center/100% 100%;
          top: 12%; }
        .conservation .container02--block .decoration.d02-1 {
          width: 100vw;
          top: -31.4666666667vw;
          left: 50%; }
        .conservation .container02--block .decoration.d02-2 {
          width: 13.3333333333vw;
          top: -9.3333333333vw;
          left: 60%; }
        .conservation .container02--block .decoration.d02-3 {
          width: 18.9333333333vw;
          bottom: -14.6666666667vw;
          left: 10%; }
        .conservation .container02--block .icon {
          width: 17.8666666667vw;
          margin-top: -.5em; }
        .conservation .container02--block h2 {
          width: 78.9333333333vw;
          margin: 1.5em auto 0; }
        .conservation .container02--block #conservation-carousel {
          margin-top: 2em; }
          .conservation .container02--block #conservation-carousel .splide__slide:nth-of-type(even) {
            margin-top: 1.5em; }
        .conservation .container02--block .link {
          font-size: clamp(16px, 4.2666666667vw, 20px);
          padding: .5em 4em .5em 3em;
          margin: 1em auto 0; }

  .g-footer {
    padding: 20vw 0 10px; } }
/*$breakpoint-mobile: 767px;
@include max-screen($breakpoint-mobile) {
  
}*/