/*bodyにappearクラスがついたら出現*/
body.appear02 .splashbg1,
body.appear02 .splashbg2{
	display:block;
}

/*上に消えるエリア*/
body.appear02 .splashbg1{
  animation-name:PageAnime;
  animation-duration:1.4s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
  content: "";
  position:fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  bottom:50%;
  left:0;
  transform: scaleY(1);
  background-color: #00b2bc;/*伸びる背景色の設定*/
}

@keyframes PageAnime{
	0% {
		transform-origin:top;
		transform:scaleY(1);
	}

	100% {
		transform-origin:top;
		transform:scaleY(0);
	}
}

/*下に消えるエリア*/
body.appear02 .splashbg2{
  animation-name:PageAnime2;
  animation-duration:1.4s;
  animation-timing-function:ease-in-out;
  animation-fill-mode:forwards;
  content: "";
  position:fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  top: 50%;
  left:0;
  transform: scaleY(1);
  background-color: #00b2bc;/*伸びる背景色の設定*/
}

@keyframes PageAnime2{
	0% {
		transform-origin:bottom;
		transform:scaleY(1);
	}
	100% {
		transform-origin:bottom;
		transform:scaleY(0);
	}
}

/*----------------------------------------------------------------------------------------------------

  lower-mv

----------------------------------------------------------------------------------------------------*/

   .lower-mv {
    position: relative;
  }

    .lower-mv .inner {
      margin: auto;
      padding: 0 40px;
      max-width: 1280px;
      height: 720px;
      display: flex;
      align-items: center;
      position: relative;
      z-index: 333;
    }

      .lower-mv .text-area {
        margin: 100px 0 0 0;
        position: relative;
        z-index: 222;
        width: 100%;
      }

        .lower-mv .mv-text01 {
          font-family: 'Jost', sans-serif;
          font-weight: 600;
          font-size: 170px;
          line-height: 0.9em;
        }

        .lower-mv .mv-text02 {
          margin: 0 0 0 1%;
          font-weight: 800;
          font-size: 32px;
          line-height: 1.2em;
        }

          .lower-mv .mv-text02 .spacing01 {
            letter-spacing: -0.4em;
            font-weight: 800;
          }

      .lower-mv .mv-img01 {
        width: 120%;
        position: absolute;
        top: 50%;
        left: -5.6%;
        transform: translate(0, -50%);
      }

      .lower-mv .bg-text-area01 {
        position: absolute;
        display: flex;
        align-items: center;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        max-width: 1280px;
        height: 100%;
        z-index: 113;
      }

        .lower-mv .bg-text01 img {
          margin: 4.0% 0 0 -14%;
          width: 124%;
        }

      .lower-mv .bg-text-area02 {
        position: absolute;
        top: 0;
        left: 0;
        height: 100%;
        width: 100vw;
      }


        .lower-mv .marquee-block01 {
          margin: -2.0% 0 0 0;
        }

        .lower-mv .marquee-block02 {
          position: absolute;
          bottom: -20.0%;
        }



@media screen and (max-width: 1280px) {
  
  .lower-mv .inner {
    padding: 0 3.1vw;
    height: 56.20vw;
  }

    .lower-mv .text-area {
      margin: 8.20vw 0 0 0;
    }  
  
  .lower-mv .mv-text01 {
    font-size: 13.20vw;
  }

  .lower-mv .mv-text02 {
    font-size: 2.50vw;
  }
  

  
}



@media screen and (max-width: 768px) {
  
  .lower-mv .inner{
    margin: auto;
    padding: 0 0 0 5.2vw;
    max-width: inherit;
    height: 84.00vw;
  }

  .lower-mv .text-area {
    margin: 19.00vw 0 0 0;
  }  
  
  .lower-mv .mv-text01 {
    font-size: 15.86vw;
  }

  .lower-mv .mv-text02 {
    margin: 1.20vw 0 0 1.6%;
    font-size: 4.0vw;
  }
  
    .lower-mv .bg-text-area01 {
      display: block;
      width: 100vw;
      max-width: inherit;
      height: 100vh;
    }
  
  .lower-mv .bg-text01 img {
    margin: 17.00vh 0 0 -5.00vw;
    width: 154.00vw;
  }
  
  .lower-mv .marquee-block01 {
    margin: -4.00vw 0 0 0;
  }
  
  .lower-mv .marquee-block02 {
   bottom: -16.00vw;
  }


}

/*----------------------------------------------------------------------------------------------------

  company

----------------------------------------------------------------------------------------------------*/

/*----------  sec01 ----------*/

#company .section01 {
  position: relative;
}

  #company .section01 .ttl-area {
    margin: auto;
    max-width: 1280px;
    padding: 0 40px;
  }

    #company .section01 .ttl-area .ttl-main01 {
      text-align: center;
    }


    #company .section01 .section-main {
      position: relative;
      margin: 100px auto 0;
      max-width: 1280px;
      padding: 0 40px;
      z-index: 333;
      display: flex;
    }

      #company .section01 .text-area {
        width: calc(100% / 3);
        padding: 0 50px;
        border-left: 1px solid #000;
      }

        #company .section01 .text-area:last-child {
          border-right: 1px solid #000;
        }

      #company .section01 .section-main .text01 {
        font-weight: 800;
        font-size: 30px;
        line-height: 1.4em;
        margin: 0 0 15px 0;
      }


      #company .section01 .section-main .text02 {
        font-weight: 500;
        font-size: 16px;
        line-height: 2.0em;
        text-align: justify;
      }

    #company .section01 .bg-text-area01 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100%;
      height: 100%;
      z-index: 111;
    }

      #company .section01 .marquee-block01{
        position: absolute;
        left: 0;
        top: 34%;
      }

      #company .section01 .marquee-block02{
        position: absolute;
        left: 0;
        bottom: -10%;
      }

@media screen and (max-width: 1280px) {
  
  #company .section01 .ttl-area {
    max-width: 1280px;
    padding: 0 3.1vw;
  }
  
    #company .section01 .section-main {
      margin: 8.0vw auto 0;
      padding: 0 3.1vw;
    }

      #company .section01 .text-area {
        padding: 0 4.00vw;
      }

      #company .section01 .section-main .text01 {

        font-size: 2.34vw;
        margin: 0 0 15px 0;
      }


      #company .section01 .section-main .text02 {
        font-size: 1.25vw;
      }

}

@media screen and (max-width: 768px) {
  
#company .section01 {
}
  
  #company .section01 .ttl-area {
    max-width: inherit;
    padding: 0 5.2vw;
  }
  
  #company .section01 .ttl-area .ttl-main {
    margin: 0 0 0 0;
    text-align: left;
    font-size: 6.20vw;
  }
  
  #company .section01 .ttl-area .ttl-sub02 {
    text-align: left;
    font-size: 14.20vw;
  }  

  
    #company .section01 .section-main {
      margin: 8.0vw auto 0;
      padding: 0 5.2vw;
      display: block;
    }

      #company .section01 .text-area {
        width: inherit;
        padding: 6.00vw 0;
        border-left: none;
        border-top: 1px solid #000;
      }

        #company .section01 .text-area:last-child {
          border-right: none;
          border-bottom: 1px solid #000;
        }

      #company .section01 .section-main .text01 {
        font-size: 5.80vw;
        line-height: 1.4em;
        margin: 0 0 1.40vw 0;
      }


      #company .section01 .section-main .text02 {
        font-weight: 500;
        font-size: 3.80vw;
        line-height: 1.7em;
      }

    #company .section01 .bg-text-area01 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100%;
      height: 100%;
      z-index: 111;
    }

      #company .section01 .marquee-block01{
        position: absolute;
        left: 0;
        top: 20%;
      }

      #company .section01 .marquee-block02{
        position: absolute;
        left: 0;
        bottom: -5%;
      }
  
  
}


/*----------  section02 ----------*/

#company .section02 {
  margin: 300px 0 0 0;
  position: relative;
}

  #company .section02 .inner {
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 333;
  }

    #company .section02 .block01 {
      margin: 0 0 0 auto;
      padding: 0 0 0 40px;
      width: calc(50% - 80px);
      max-width: 560px;
    }

    #company .section02 .text01 {
      margin: 40px 0 0 0;
      font-weight: 700;
      font-size: 20px;
      line-height: 2.2em;
    }

    #company .section02 .block02 {
      width: calc(50% + 80px);
    }

    #company .section02 .box {
      display: flex;
      padding: 40px 40px 40px 0;
      border-top: 1px solid #000;
    }

      #company .section02 .box:last-child {
        border-bottom: 1px solid #000;
      }

      #company .section02 .box-ttl01 {
        font-weight: 700;
        font-size: 18px;
        line-height: 1.6em;
        width: 100px;
      }


      #company .section02 .box-text01 {
        padding: 0 0 0 40px;
        font-weight: 400;
        font-size: 18px;
        line-height: 1.6em;
        width: 620px;
      }


      #company .section02 .box-text01 li{
        padding: 0 0 10px 18px;
        text-indent: -18px;
      }

      #company .section02 .box-text01 li:last-child{
        padding: 0 0 0 18px;
      }



    #company .section02 .bg-text-area01 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100vw;
      height: 100%;
      z-index: 113;
    }


      #company .section02 .vertical-text01 {
        position: absolute;
        top: -20px;
        left: -15px;
        font-size: 160px;
      }


    #company .section02 .bg-text-area02 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100%;
      max-width: 1280px;
      height: 100%;
      z-index: 112;
    }

      #company .section02 .bg-text01 {
        position: absolute;
        top: 24%;
        left: -30%;
        width: 62%;
      }


@media screen and (max-width: 1620px) {
  #company .section02 .bg-text-area01 {
    width: 1620px;
  }
}

@media screen and (max-width: 1280px) {
  
  #company .section02 {
    margin: 22.40vw 0 0 0;
  }  
  
      #company .section02 .block01 {
        margin: 0 0 0 0;
        padding: 0 0 0 3.1vw;
        width: 44.00vw;
        max-width: inherit;
      }
  
      #company .section02 .text01 {
        margin: 2.90vw 0 0 0;
        font-size: 1.50vw;
      }

      #company .section02 .block02 {
        width: 56.00vw;
      }

      #company .section02 .box {
        padding: 3.10vw 3.10vw 3.10vw 0;
      }


        #company .section02 .box-ttl01 {
          font-size: 1.36vw;
          width: 7.80vw;
        }

        #company .section02 .box-text01 {
          padding: 0 0 0 3.10vw;
          font-size: 1.36vw;
          width: inherit;
        }

  
        #company .section02 .box-text01 li{
          padding: 0 0 0.94vw 1.36vw;
          text-indent: -1.36vw;
        }

        #company .section02 .box-text01 li:last-child{
          padding: 0 0 0 1.36vw;
        }


      #company .section02 .bg-text-area02 {
        position: absolute;
        top: 0;
        left: 50%;
        transform: translate(-50%, 0);
        width: 100%;
        max-width: 1280px;
        height: 100%;
        z-index: 112;
      }

        #company .section02 .bg-text01 {
          position: absolute;
          top: 24%;
          left: -30%;
          width: 62%;
        }
}


@media screen and (max-width: 768px) {
  
#company .section02 {
  margin: 30vw 0 0 0;
}

  #company .section02 .inner {
    display: block;
    padding: 0 5.2vw;
  }

    #company .section02 .block01 {
      margin: 0;
      padding: 0;
      width: inherit;
      max-width: inherit;
    }

    #company .section02 .text01 {
      margin: 7.00vw 0 0 0;
      padding: 0;
      font-size: 4.0vw;
      text-align: justify;
      line-height: 1.9em;
    }

    #company .section02 .block02 {
      margin: 7.00vw 0 0 0;
      width: inherit;
    }

    #company .section02 .box {
      display: block;
      padding: 3.80vw 0;
    }



      #company .section02 .box-ttl01 {
        font-size: 4.00vw;
        line-height: 1.6em;
        width: inherit;
      }


      #company .section02 .box-text01 {
        padding: 0;
        font-size: 4.00vw;
        line-height: 1.6em;
        width: inherit;
      }


      #company .section02 .box-text01 li{
        padding: 0 0 0.80vw 3.80vw;
        text-indent: -3.80vw ;
        line-height: 1.4em;
      }

      #company .section02 .box-text01 li:last-child{
        padding: 0 0 0 3.20vw;
      }



    #company .section02 .bg-text-area01 {
      display: none;
    }


    #company .section02 .bg-text-area02 {
      max-width: inherit;
    }

      #company .section02 .bg-text01 {
        position: absolute;
        top: 14.00vw;
        left: -14.00vw;
        width: 96.00vw;
      }

  
}

/*----------------------------------------------------------------------------------------------------

  contact

----------------------------------------------------------------------------------------------------*/

/*----------  section01 ----------*/

#contact .section01 {
  position: relative;
}

  #contact .section01 .inner {
    margin: auto;
    display: flex;
    justify-content: space-between;
    position: relative;
    z-index: 333;
  }

    #contact .section01 .block01 {
      margin: 0 0 0 auto;
      padding: 0 0 0 40px;
      width: calc(50% - 80px);
      max-width: 560px;
    }

    #contact .section01 .block01 .text01 {
      margin: 40px 0 0 0;
      font-weight: 700;
      font-size: 18px;
      line-height: 2.2em;
    }

    #contact .section01 .block02 {
      width: calc(50% + 80px);
    }

    #contact .section01 .form-area {
      padding: 20px 0 30px;
      border-top: 1px solid #000;
    }

      #contact .section01 .form-list {
        padding: 30px 40px 20px 0;
        border-bottom: 1px solid #ccc;
      }

        #contact .section01 .form-list:last-child {
          border-bottom: none;
        }


      #contact .section01 .list-ttl01 {
        font-weight: 700;
        font-size: 18px;
        line-height: 1.0em;
      }

        #contact .section01 .list-ttl01 .required01 {
          display: inline-block;
          font-weight: 500;
          font-size: 13px;
          color: #e22;
        }

      #contact .section01 .form-area .form-text01{
        margin: 15px 0 10px 0;
        height: 50px;
        width: 100%;
        max-width: 680px;
        border: 1px solid #ccc;
        padding: 0 10px;
        font-size: 16px;
        box-sizing: border-box;
      }

      #contact .section01 .form-area .form-t-area01{
        margin: 15px 0 10px 0;
        height: 200px;
        width: 100%;
        max-width: 680px;
        border: 1px solid #ccc;
        padding: 20px 10px;
        font-size: 16px;
        box-sizing: border-box;
      }

        #contact .checkbox-area {
          margin: 20px 0 0 0;
          display: flex;
          align-items: center;
        }

        #contact .checkbox01 {
          margin: 0;
          appearance: none;
          position: relative;
          width: 30px;
          height: 30px;
          border: 1px solid #ccc;
          background: #fff;
          cursor: pointer;
        }

        #contact .checkbox01:checked {
          background: #000;
          border: 1px solid #000;
        }

        #contact .checkbox01:checked::after {
          content: "";
          position: absolute;
          top: 8px;
          left: 6px;
          width: 14px;
          height: 6px;
          border-bottom: 2px solid #fff;
          border-left: 2px solid #fff;
          transform: rotate(-45deg);
        }

        #contact .list-text01 {
          padding: 0 0 0 10px;
          font-weight: 500;
          font-size: 16px;
          line-height: 1.0em;
        }


          #contact .list-text01 a {
            font-weight: 500;
            text-decoration: underline;
          }


        #contact .form-btn {
          margin: 25px 0 0 0;
          width: 400px;
          height: 60px;
          border: none;
          color: #fff;
          background: #000;
          cursor: pointer;
          font-size: 18px;
          font-weight: 700;
        }

        #contact .form-btn:disabled {
          background: #999;
          cursor: not-allowed;
        }


        #contact .form-btn02 {
          margin: 0 20px 0 0;
          width: 300px;
          background: #777;
        }

        #contact .form-btn03 {
          width: 300px;
        }


      #contact .confirm-area {
        padding: 50px 0;
        border-top: 1px solid #000;
      }

        #contact .confirm-area .confirm-list {
          padding: 20px 40px 20px 0;
          max-width: 720px;
          font-weight: 600;
          font-size: 18px;
          line-height: 1.6em;
        }

          #contact .confirm-area .strong01 {
            font-weight: 600;
          }


      #contact .thanks-area {
        padding: 100px 0;
        border-top: 1px solid #000;
      }

        #contact .thanks-area .thanks-text01 {
          margin: 0 0 50px 0;
          font-family: 'Jost', sans-serif;
          font-weight: 600;
          font-size: 56px;
          color: #00a2ab;
        }

          #contact .thanks-area .thanks-text02 {
            font-weight: 600;
            font-size: 24px;
            line-height: 2.4em;
          }


      #contact .hidden {
        display: none;
      }

      #contact .error{
        color: #e22;
        font-size: 13px;
        font-weight: 500;
        line-height: 1.0em;
      }


      #contact .section01 .tel-area {
        padding: 50px 0;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
      }


      #contact .section01 .list-text02 {
        padding: 10px 0 0 0;
        font-family: 'Jost', sans-serif;
        font-weight: 700;
        font-size: 70px;
        line-height: 1.0em;
        letter-spacing: 0.03em;
      }

        #contact .section01 .list-text02 .small01{
          font-weight: 700;
          font-size: 0.6em;
        }


    #contact .section01 .bg-text-area02 {
      position: absolute;
      top: 0;
      left: 50%;
      transform: translate(-50%, 0);
      width: 100%;
      max-width: 1280px;
      height: 100%;
      z-index: 112;
    }

      #contact .section01 .bg-text01 {
        position: absolute;
        top: 24%;
        left: -34%;
        width: 62%;
      }


@media screen and (max-width: 1280px) {
  
  #contact .section01 {
  }  
  
    #contact .section01 .block01 {
      margin: 0 0 0 0;
      padding: 0 0 0 3.12vw;
      width: 44.00vw;
      max-width: inherit;
    }
  
      #contact .section01 .block01 .text01 {
        margin: 2.90vw 0 0 0;
        font-size: 1.50vw;
      }

      #contact .section01 .block02 {
        width: 56.00vw;
      }

      #contact .section01 .form-area {
        padding: 1.70vw 0 2.40vw;
      }

      #contact .section01 .form-list {
        padding: 2.30vw 3.12vw 1.56vw 0;
      }

      #contact .section01 .list-ttl01 {
        font-size: 1.40vw;
      }

        #contact .section01 .list-ttl01 .required01 {
          font-size: 1.00vw;
        }

      #contact .section01 .form-area .form-text01{
        margin: 1.20vw 0 0.78vw 0;
        height: 3.96vw;
        max-width: inherit;
        padding: 0 0.80vw;
        font-size: 1.25vw;
      }

      #contact .section01 .form-area .form-t-area01 {
        margin: 1.20vw 0 0.78vw 0;
        height: 15.20vw;
        max-width: inherit;
        padding: 1.70vw 0.80vw;
        font-size: 1.25vw;
      }

      #contact .checkbox-area {
        margin: 1.56vw 0 0 0;
      }
  
        #contact .checkbox01 {
          width: 2.34vw;
          height: 2.34vw;
        }

        #contact .checkbox01:checked::after {
          top: 0.625vw;
          left: 0.47vw;
          width: 1.09vw;
          height: 0.47vw;
        }

        #contact .list-text01 {
          padding: 0 0 0 0.78vw;
          font-size: 1.25vw;
        }


        #contact .form-btn {
          margin: 1.95vw 0 0 0;
          width: 31.25vw;
          height: 4.69vw;
          font-size: 1.41vw
        }
  
        #contact .form-btn02 {
          margin: 0 1.56vw 0 0;
          width: 23.437vw;
        }

        #contact .form-btn03 {
          width: 23.437vw;
        }


      #contact .confirm-area {
        padding: 3.906vw 0;
      }

        #contact .confirm-area .confirm-list {
          padding: 1.56vw 3.125vw 1.56vw 0;
          font-size: 1.406vw;
        }

  
      #contact .thanks-area {
        padding: 7.812vw 0;
      }

        #contact .thanks-area .thanks-text01 {
          margin: 0 0 3.906vw 0;
          font-size: 4.375vw;
        }

          #contact .thanks-area .thanks-text02 {
            font-size: 1.875vw;
          }
  

      #contact .error{
        font-size: 1.015vw;
      }
  
  
      #contact .section01 .tel-area {
        padding: 3.91vw 0;
      }


      #contact .section01 .list-text02 {
        padding: 0.78vw 0 0 0;
        font-size: 5.47vw;
      }

}


@media screen and (max-width: 768px) {
  
  #contact .section01 .inner {
    display: block;
    
  }

    #contact .section01 .block01 {
      margin: 0;
      padding: 0 5.33vw;
      width: inherit;
      max-width: inherit;
    }

    #contact .section01 .block01 .text01 {
      margin: 4.00vw 0 0 0;
      font-size: 4.27vw;
      line-height: 1.8em;
      text-align: justify;
    }

    #contact .section01 .block02 {
      margin: 8.00vw 0 0 0;
      width: inherit;
      padding: 0 5.33vw;
    }

    #contact .section01 .form-area {
      padding: 3.00vw 0 4.00vw;
    }

      #contact .section01 .form-list {
        padding: 4.00vw 0 3.00vw 0;
      }

      #contact .section01 .list-ttl01 {
        font-size: 4.26vw
      }

        #contact .section01 .list-ttl01 .required01 {
          font-size: 0.8em;
        }

      #contact .section01 .form-area .form-text01{
        margin: 2.00vw 0 1.00vw 0;
        height: 10vw;
        width: 100%;
        max-width: inherit;
        padding: 0 2.00vw;
        font-size: 3.74vw;
      }

      #contact .section01 .form-area .form-t-area01{
        margin: 2.00vw 0 1.00vw 0;
        height: 40.00vw;
        max-width: inherit;
        padding: 3.00vw 2.00vw;
        font-size: 3.74vw;
      }

      #contact .checkbox-area {
        margin: 3.00vw 0 0 0;
      }

        #contact .checkbox01 {
          width: 6.00vw;
          height: 6.00vw;
        }

        #contact .checkbox01:checked::after {
          top: 1.00vw;
          left: 0.64vw;
          width: 3.60vw;
          height: 1.40vw;
        }

        #contact .list-text01 {
          padding: 0 0 0 2.40vw;
          font-size: 3.73vw;
        }

        #contact .form-btn {
          margin: 4.00vw 0 0 0;
          width: 100%;
          height: 13.00vw;
          font-size: 4.26vw;
        }
  
  
        #contact .form-btn02 {
          margin: 0 4% 0 0;
          width: 48%;
        }

        #contact .form-btn03 {
          width: 48%;
        }


      #contact .confirm-area {
        padding: 6.00vw 0;
      }

        #contact .confirm-area .confirm-list {
          padding: 3.00vw 0 3.00vw 0;
          max-width: inherit;
          font-size: 4.26vw;
          line-height: 1.6em;
        }

      #contact .thanks-area {
        padding: 12.00vw 0;
      }

        #contact .thanks-area .thanks-text01 {
          margin: 0 0 5.333vw 0;
          font-size: 8.00vw;
        }

          #contact .thanks-area .thanks-text02 {
            font-size: 3.90vw;
            line-height: 2.0em;
            text-align: justify;
          }
  
  
        #contact .error{
          font-size: 3.2vw;
        }

      #contact .section01 .tel-area {
        padding: 8.00vw 0;
        text-align: center;
      }


      #contact .section01 .list-text02 {
        padding: 2.60vw 0 0 0;
        font-size: 10.20vw;
      }


      #contact .section01 .bg-text01 {
        position: absolute;
        top: 12.00%;
        left: -20%;
        width: 80%;
      }


  
}



/*----------------------------------------------------------------------------------------------------

  privacy-policy

----------------------------------------------------------------------------------------------------*/

#privacy .mv-text01 {
  font-size: 150px;
}

/*----------  sec01 ----------*/

#privacy .section01 {
  position: relative;
  z-index: 334;
}

  #privacy .section01 .inner {
    margin: auto;
    max-width: 1280px;
    padding: 0 40px;
    display: flex;
    justify-content: space-between;
    position: relative;
  }

  #privacy .ttl-area .ttl-main01 {
    line-height: 1.3em;
    font-size: 46px;
  }

    #privacy .ttl-area .ttl-main01 .bgappearTrigger{
      font-weight: 800;
    }

  #privacy .section01 .text-area {
    margin: -10px 0 0 0;
    width: 60%;
    font-size: 16px;
    line-height: 2.2em;
  }

  #privacy .section01 .text-area h3 {
    margin: 30px 0 0 0;
    font-size: 22px;
    line-height: 2.2em;
    font-weight: 600;
  }


@media screen and (max-width: 1280px) {
  
#privacy .mv-text01 {
  font-size: 11.70vw;
}
  
#privacy .section01 {
}

  #privacy .section01 .inner {
    padding: 0 3.1vw;
  }

  #privacy .ttl-area .ttl-main01 {
    font-size: 3.60vw;
  }


  #privacy .section01 .text-area {
    margin: -0.50vw 0 0 0;
    font-size: 1.24vw;
  }

  #privacy .section01 .text-area h3 {
    margin: 2.80vw 0 0 0;
    font-size: 1.66vw;
  }

  
}

@media screen and (max-width: 768px) {


  #privacy .section01 .inner {
    margin: auto;
    max-width: inherit;
    padding: 0 5.2vw;
    display: block;
  }

  #privacy .ttl-area .ttl-main01 {
    line-height: 1.3em;
    font-size: 7.00vw;
  }

  #privacy .section01 .text-area {
    margin: 6.00vw 0 0 0;
    width: inherit;
    font-size: 4.00vw;
    line-height: 1.74em;
    text-align: justify;
  }

  #privacy .section01 .text-area h3 {
    margin: 4.00vw 0 0 0;
    font-size: 5.00vw;
    line-height: 2.2em;
  }

  
}