@charset "UTF-8";
#Wrapper:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  content: '';
  background-repeat: no-repeat;
  background-position: 0 0;
  -webkit-background-size: 100% auto;
          background-size: 100% auto;
  left: 50%;
  top: 50%;
  position: fixed;
  z-index: -10;
  width: 60px;
  height: 60px;
  -webkit-transform: translate(-50%, 0%);
          transform: translate(-50%, 0%);
  pointer-events: none;
  opacity: 0;
  border-radius: 5px;
  background: url(../../../assets/images/common/loading.gif) no-repeat center center #fff;
  -webkit-background-size: 50px 50px;
          background-size: 50px 50px; }
  @media only screen and (max-width: 768px) {
    #Wrapper:after {
      width: 16vw;
      height: 16vw;
      -webkit-background-size: 9.33333vw 9.33333vw;
              background-size: 9.33333vw 9.33333vw; } }
  .is-loading #Wrapper:after {
    z-index: 1;
    opacity: 1; }
  .is-loaded #Wrapper:after {
    display: none; }

/* =========================================================
========================================================= */
.toppage #Contents {
  pointer-events: none;
  opacity: 0; }
  .is-loaded .toppage #Contents {
    -webkit-transition: opacity ease 1s;
    transition: opacity ease 1s;
    pointer-events: auto;
    opacity: 1; }

/* =========================================================
========================================================= */
/* =========================================================
========================================================= */
/* =========================================================
========================================================= */
.toppage .kvSect .bg {
  bottom: 0;
  -webkit-transition: ease-in-out 3s bottom;
  transition: ease-in-out 3s bottom; }
  .is-loaded .toppage .kvSect .bg {
    bottom: -100%;
    -webkit-transition-delay: 1s;
            transition-delay: 1s; }
  .is-noOpening .toppage .kvSect .bg {
    bottom: -100%;
    -webkit-transition: none;
    transition: none; }

.toppage .kvSect .titBlock .sectTit {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .kvSect .titBlock .leadBox {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .kvSect .sectMain .catch {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .kvSect.is-active .titBlock .sectTit {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }
  .toppage .kvSect.is-active .titBlock .sectTit {
    -webkit-transition-duration: 1.2s;
            transition-duration: 1.2s; }

.toppage .kvSect.is-active .titBlock .leadBox {
  -webkit-transition-delay: 2.8s;
          transition-delay: 2.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }
  .toppage .kvSect.is-active .titBlock .leadBox {
    -webkit-transition-duration: 1.2s;
            transition-duration: 1.2s; }

.toppage .kvSect.is-active .sectMain .catch {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }
  .toppage .kvSect.is-active .sectMain .catch {
    -webkit-transition-duration: 1.2s;
            transition-duration: 1.2s; }

/* =========================================================
========================================================= */
.toppage .conceptSect .sectTit {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .conceptSect .sectMain .mainImg {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .conceptSect .sectMain .leadBlock {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .conceptSect.is-active .sectTit {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .conceptSect.is-active .sectMain .mainImg {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .conceptSect.is-active .sectMain .leadBlock {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

/* =========================================================
========================================================= */
.toppage .globalSect .sectTit {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .globalSect .sectMain {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .globalSect .animation1,
.toppage .globalSect .animation2,
.toppage .globalSect .animation3 {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .globalSect.is-active .sectTit {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .globalSect.is-active .sectMain {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .globalSect.is-active .animation1 {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .globalSect.is-active .animation2 {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .globalSect.is-active .animation3 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

/* =========================================================
========================================================= */
.toppage .japanSect .bg img {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }
  @media only screen and (min-width: 769px), print {
    .toppage .japanSect .bg img {
      -webkit-transform: translate(-10%, 0);
              transform: translate(-10%, 0); } }

.toppage .japanSect .sectTit {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .japanSect .sectMain {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .japanSect .animation1,
.toppage .japanSect .animation2,
.toppage .japanSect .animation3 {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .japanSect.is-active .bg img {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .japanSect.is-active .sectTit {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .japanSect.is-active .sectMain {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .japanSect.is-active .animation1 {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .japanSect.is-active .animation2 {
  -webkit-transition-delay: 1.2s;
          transition-delay: 1.2s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .japanSect.is-active .animation3 {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

/* =========================================================
========================================================= */
.toppage .worldSect .sectTit {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .worldSect .sectMain .mapBlock {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }
  .toppage .worldSect .sectMain .mapBlock .titBox {
    -webkit-transition: ease .2s;
    transition: ease .2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translate(0, 25px);
            transform: translate(0, 25px);
    opacity: 0; }
  .toppage .worldSect .sectMain .mapBlock .photoBox .photoList {
    -webkit-transition: ease .2s;
    transition: ease .2s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -webkit-transform: translate(0, 25px);
            transform: translate(0, 25px);
    opacity: 0; }
    .toppage .worldSect .sectMain .mapBlock .photoBox .photoList > li {
      -webkit-transition: ease .2s;
      transition: ease .2s;
      -webkit-transition-property: opacity, -webkit-transform;
      transition-property: opacity, -webkit-transform;
      transition-property: opacity, transform;
      transition-property: opacity, transform, -webkit-transform;
      -webkit-transform: translate(0, 25px);
              transform: translate(0, 25px);
      opacity: 0; }
      @media only screen and (max-width: 768px) {
        .toppage .worldSect .sectMain .mapBlock .photoBox .photoList > li {
          -webkit-transform: none !important;
                  transform: none !important;
          opacity: 1 !important; } }
      .toppage .worldSect .sectMain .mapBlock .photoBox .photoList > li img {
        width: 100%;
        height: auto; }

.toppage .worldSect .sectMain .infoBlock,
.toppage .worldSect .sectMain .leadBlock {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: opacity, transform;
  transition-property: opacity, transform, -webkit-transform;
  -webkit-transform: translate(0, 25px);
          transform: translate(0, 25px);
  opacity: 0; }

.toppage .worldSect.is-active .sectTit {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

.toppage .worldSect.is-active .sectMain .mapBlock {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }
  .toppage .worldSect.is-active .sectMain .mapBlock .titBox {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
  .toppage .worldSect.is-active .sectMain .mapBlock .photoBox .photoList {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
    -webkit-transition-duration: 1s;
            transition-duration: 1s;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    opacity: 1; }
    .toppage .worldSect.is-active .sectMain .mapBlock .photoBox .photoList.-left > li:nth-child(1) {
      -webkit-transition-delay: 1.4s;
              transition-delay: 1.4s;
      -webkit-transition-duration: 1s;
              transition-duration: 1s;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; }
    .toppage .worldSect.is-active .sectMain .mapBlock .photoBox .photoList.-left > li:nth-child(2) {
      -webkit-transition-delay: 2.2s;
              transition-delay: 2.2s;
      -webkit-transition-duration: 1s;
              transition-duration: 1s;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; }
    .toppage .worldSect.is-active .sectMain .mapBlock .photoBox .photoList.-left > li:nth-child(3) {
      -webkit-transition-delay: 1.8s;
              transition-delay: 1.8s;
      -webkit-transition-duration: 1s;
              transition-duration: 1s;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; }
    .toppage .worldSect.is-active .sectMain .mapBlock .photoBox .photoList.-right > li:nth-child(1) {
      -webkit-transition-delay: 2s;
              transition-delay: 2s;
      -webkit-transition-duration: 1s;
              transition-duration: 1s;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; }
    .toppage .worldSect.is-active .sectMain .mapBlock .photoBox .photoList.-right > li:nth-child(2) {
      -webkit-transition-delay: 2.4s;
              transition-delay: 2.4s;
      -webkit-transition-duration: 1s;
              transition-duration: 1s;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; }
    .toppage .worldSect.is-active .sectMain .mapBlock .photoBox .photoList.-right > li:nth-child(3) {
      -webkit-transition-delay: 1.6s;
              transition-delay: 1.6s;
      -webkit-transition-duration: 1s;
              transition-duration: 1s;
      -webkit-transform: translate(0, 0);
              transform: translate(0, 0);
      opacity: 1; }

.toppage .worldSect.is-active .sectMain .infoBlock,
.toppage .worldSect.is-active .sectMain .leadBlock {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1; }

/* =========================================================
========================================================= */
/*
.toppage:not(.test02) .contSect
{
  .mainImg
  {
    span
    {
      @include baseAnime
      {
        transform: scale(1.1);
      }
    }
  }
  .titBlock
  {
    .blockInner
    {
      @include baseAnime;
    }
  }
  .sectMain
  {
    .leadBlock,
    .infoBlock,
    .listBlock,
    .stepBlock,
    .catchBlock
    {
      @include baseAnime;
    }
  }
  &.is-active
  {
    .mainImg
    {
      span
      {
        @include baseAnimeActive();
      }
    }
    .titBlock
    {
      .blockInner
      {
        @include baseAnimeActive(1);
      }
    }
    .sectMain
    {
      .leadBlock,
      .infoBlock,
      .listBlock,
      .stepBlock,
      .catchBlock
      {
        @include baseAnimeActive(2);
      }
    }
  }
  &.-original{
    &.is-active{

    .listBlock{
        @include baseAnimeActive(2);
    }
    .leadBlock{
     // @include baseAnimeActive(4);
      @include baseAnimeActive(3);
    }
    .catchBlock{
      //@include baseAnimeActive(3);
      @include baseAnimeActive(5);
    }

    }
  }
  &.-quality{
    &.is-active{
      .listBlock{
          @include baseAnimeActive(2);
      }
      .leadBlock{
        //@include baseAnimeActive(4);
        @include baseAnimeActive(3);
      }
      .catchBlock{
        //@include baseAnimeActive(3);
        @include baseAnimeActive(5);
      }
      .infoBlock{
        //@include baseAnimeActive(5);
        @include baseAnimeActive(6);
      }
      }
  }
  &.-ces{
    &.is-active{
      .listBlock{
          @include baseAnimeActive(2);
      }
      .leadBlock{
        //@include baseAnimeActive(4);
        @include baseAnimeActive(3);
      }
      .catchBlock{
       //@warn @include baseAnimeActive(3);
        @include baseAnimeActive(5);
      }
      }
  }
  &.-ssop{
    &.is-active{
      .listBlock{
          @include baseAnimeActive(2);
      }
      .leadBlock{
        //@include baseAnimeActive(4);
        @include baseAnimeActive(3);
      }
      .catchBlock{
        //@include baseAnimeActive(3);
        @include baseAnimeActive(5);
      }
      }
  }
  &.-plant{
    .step01,
    .step02,
    .step03{@include baseAnime2;}
    &.is-active{
      .step01{
          @include baseAnime2Active(2);
      }
      .step02{
          @include baseAnime2Active(3);
      }
      .step03{
          @include baseAnime2Active(4);
      }
      .leadBlock{
       // @include baseAnimeActive(6);
        @include baseAnimeActive(5);
      }
      .catchBlock{
       // @include baseAnimeActive(5);
        @include baseAnimeActive(7);
      }

      }
  }
}

*/
/* =========================================================
検証用
========================================================= */
.toppage .contSect .mainImg span {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 0; }

.toppage .contSect .titBlock .blockInner {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 0; }

.toppage .contSect .sectMain .leadBlock,
.toppage .contSect .sectMain .infoBlock,
.toppage .contSect .sectMain .listBlock,
.toppage .contSect .sectMain .stepBlock,
.toppage .contSect .sectMain .catchBlock,
.toppage .contSect .sectMain .CTAButton {
  -webkit-transition: ease .2s;
  transition: ease .2s;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  opacity: 0; }

.toppage .contSect.is-active .mainImg span {
  -webkit-transition-delay: 0s;
          transition-delay: 0s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.is-active .titBlock .blockInner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.is-active .sectMain .leadBlock,
.toppage .contSect.is-active .sectMain .infoBlock,
.toppage .contSect.is-active .sectMain .listBlock,
.toppage .contSect.is-active .sectMain .stepBlock,
.toppage .contSect.is-active .sectMain .catchBlock,
.toppage .contSect.is-active .sectMain .CTAButton {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-original.is-active .mainImg span {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-original.is-active .titBlock .blockInner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-original.is-active .listBlock,
.toppage .contSect.-original.is-active .leadBlock,
.toppage .contSect.-original.is-active .catchBlock,
.toppage .contSect.-original.is-active .CTAButton {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-quality.is-active .mainImg span {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-quality.is-active .titBlock .blockInner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-quality.is-active .infoBlock {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-quality.is-active .listBlock,
.toppage .contSect.-quality.is-active .leadBlock,
.toppage .contSect.-quality.is-active .catchBlock,
.toppage .contSect.-quality.is-active .CTAButton  {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-ces.is-active .mainImg span {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-ces.is-active .titBlock .blockInner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-ces.is-active .listBlock,
.toppage .contSect.-ces.is-active .leadBlock,
.toppage .contSect.-ces.is-active .catchBlock,
.toppage .contSect.-ces.is-active .CTAButton {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-ssop.is-active .mainImg span {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-ssop.is-active .titBlock .blockInner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-ssop.is-active .listBlock,
.toppage .contSect.-ssop.is-active .leadBlock,
.toppage .contSect.-ssop.is-active .catchBlock, 
.toppage .contSect.-ssop.is-active .CTAButton {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-plant.is-active .mainImg span {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-plant.is-active .titBlock .blockInner {
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }

.toppage .contSect.-plant.is-active .step01,
.toppage .contSect.-plant.is-active .step02,
.toppage .contSect.-plant.is-active .step03,
.toppage .contSect.-plant.is-active .listBlock,
.toppage .contSect.-plant.is-active .leadBlock,
.toppage .contSect.-plant.is-active .catchBlock,
.toppage .contSect.-plant.is-active .catchBlock .CTAButton  {
  -webkit-transition-delay: 0.8s;
          transition-delay: 0.8s;
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 1; }



/* ==========================================================================
   検証用2
   ========================================================================== */
/*
.toppage.test03 .contSect
{
  .mainImg
  {
    span
    {
      @include baseAnime
      {
        transform: scale(1.1);
      }
    }
  }
  .titBlock
  {
    .blockInner
    {
      @include baseAnime;
    }
  }
  .sectMain
  {
    .leadBlock,
    .infoBlock,
    .listBlock,
    .stepBlock,
    .catchBlock
    {
      @include baseAnime;
    }
  }
    .mainImg
    {
      span
      {
        transform: translateY(0)!important;
      }
    }
    .titBlock
    {
      .blockInner
      {
        transform: translateY(0)!important;
      }
    }
    .sectMain
    {
      .leadBlock,
      .infoBlock,
      .listBlock,
      .stepBlock,
      .catchBlock
      {
        transform: translateY(0)!important;
      }
    }
  &.-original{
      .mainImg {
        span {
          transform: translateY(0)!important;
        }
      }

      .titBlock {
        .blockInner {
          transform: translateY(0)!important;
        }
      }

      .listBlock,
      .leadBlock,
      .catchBlock {
        transform: translateY(0)!important;
      }
  }
  &.-quality{
      .mainImg {
        span {
          transform: translateY(0)!important;
        }
      }

      .titBlock {
        .blockInner {
          transform: translateY(0)!important;
        }
      }
      .infoBlock{
        transform: translateY(0)!important;
      }

      .listBlock,
      .leadBlock,
      .catchBlock {
        transform: translateY(0)!important;
      }
  }
  &.-ces{
      .mainImg {
        span {
          transform: translateY(0)!important;
        }
      }

      .titBlock {
        .blockInner {
          transform: translateY(0)!important;
        }
      }

      .listBlock,
      .leadBlock,
      .catchBlock {
        transform: translateY(0)!important;
      }
  }
  &.-ssop{
      .mainImg {
        span {
          transform: translateY(0)!important;
        }
      }

      .titBlock {
        .blockInner {
          transform: translateY(0)!important;
        }
      }

      .listBlock,
      .leadBlock,
      .catchBlock {
        transform: translateY(0)!important;
      }

  }
  &.-plant{
        .mainImg {
          span {
            transform: translateY(0)!important;
          }
        }
  
        .titBlock {
          .blockInner {
            transform: translateY(0)!important;
          }
        }
  
        .step01,
        .step02,
        .step03,
        .listBlock,
        .leadBlock,
        .catchBlock {
          transform: translateY(0)!important;
        }
  }
}
*/