.logo_wrapper{
  position: relative;
  text-align: center;
  margin: 120px 0 50px;
  z-index: 101;
}
.logo_inner{
  position: relative;
  display: inline-block;
  width:250px;
  height:120px;
  margin:0 50px;
  padding: 25px 20px 35px;
  position:relative;
  background-color:rgba(255,255,255,0.8);
  box-sizing:content-box !important;
  opacity: 0;
  animation: textandbtn 1.5s linear 1.0s 1 normal forwards;
}
.content.head .logo_inner{
  animation: textandbtn 0s linear 0s 1 normal forwards !important;
}

.logo_wrapper .title{
  position: absolute;
  color: #FFF;
  top: -65px;
  width: 100%;
  left: 0px;
  text-align: center;
}
.logo_wrapper .title a {
    color: #FFF;
    display: inline-block;
    padding: 5px 8px;
    border: 3px solid #FFF;
    font-size: 24px;
}
.logo_inner.nologo{
  height:150px;
  padding: 0px 20px 40px;
  background-color:rgba(255,255,255,0.0);
  box-sizing:content-box !important;
  opacity: 0;
  animation: movefromleft 0.8s linear 3.0s 1 normal forwards;
}
.logo_inner.nologo + .logo_inner.nologo{
  animation: movefromright 0.8s linear 3.0s 1 normal forwards;
}


.logo_wrapper .nologo .title{
    top: -50px;
}

.logo_wrapper .nologo .title a{
    color: #FFF;
    padding: 8px 10px;
    border: 8px solid #FFF;
    font-size: 50px;
}
.logo_wrapper .nologo .title a.sc {
    color: #0092d5;
    border: 8px solid #0092d5;
    width: 100%;
}
.logo_wrapper .nologo .title a.st {
    color: #e40e86;
    border: 8px solid #e40e86;
    width: 100%;
}
.logo_wrapper .nologo .title a:hover {
    color: #fff;
    border: 8px solid #fff;
}


@media screen and (max-width: 700px){
  .logo_wrapper{
    margin: 100px 0 30px;
  }
  .logo_inner{
    position: relative;
    display: inline-block;
    width:42%;
    margin:auto auto 00px;
    padding: 10px;
    min-height: auto !important;
    height: auto;
    box-sizing:border-box;
  }
  .logo_inner:before{
    display: block;
    content: "";
    padding-top: 52%;
  }
  .div_venture{
    position: absolute !important;
    left: -10px !important;
    top: -10px !important;
    width: calc(100% - 20px) !important;
  }
  .logo_inner + .logo_inner{
/*    margin:auto auto 30px;*/
  }
  .logo_wrapper .title a{
    font-size: 20px;
  }
}

/*------------------------------------------------------------------logo内のテキスト部分*/
@keyframes textandbtn {
  0% {
    opacity: 0;
    transform:translate(0px,-20px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform:translate(0,0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
@keyframes movefromleft {
  0% {
    opacity: 0;
    transform:translate(-100px,0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform:translate(0,0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
@keyframes movefromright {
  0% {
    opacity: 0;
    transform:translate(100px,0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform:translate(0,0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}

/*------------------------------------------------------------------logo部分*/

[data-gwd-group="logo"] .logo_ventures.venture_wrapper {
  position: absolute;
  width: 100%;
  height: auto;
  left: 20px;
  top: 20px;
}
[data-gwd-group="logo"] {
  width: 100%;
  height: auto;
}
.div_venture {
  position: relative;
  left: -20px;
  top: -20px;
}
[data-gwd-group="logo"] .logo_ventures.venture_1 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}
[data-gwd-group="logo"] .logo_ventures.venture_2 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 0px;
  top: 20px;
}
[data-gwd-group="logo"] .logo_ventures.venture_3 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 0px;
}
[data-gwd-group="logo"] .logo_ventures.venture_4 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 40px;
  top: 20px;
}
[data-gwd-group="logo"] .logo_ventures.venture_5 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}
[data-gwd-group="logo"] .logo_ventures.venture_6 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}
[data-gwd-group="logo"] .logo_ventures.venture_7 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}


@keyframes venture_animation7-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(20px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
[data-gwd-group="logo"] .venture_animation7 {
  animation: venture_animation7-keyframes 0.8s linear 2.5s 1 normal forwards;
}


@keyframes venture_animation6-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(-20px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
[data-gwd-group="logo"] .venture_animation6 {
  animation: venture_animation6-keyframes 0.8s linear 2.5s 1 normal forwards;
}

@keyframes venture_animation5-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(0px, -40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
[data-gwd-group="logo"] .venture_animation5 {
  animation: venture_animation5-keyframes 0.5s linear 2.2s 1 normal forwards;
}

@keyframes venture_animation4-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(-40px, -40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(-20px, 0px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}

[data-gwd-group="logo"] .venture_animation4 {
  animation: venture_animation4-keyframes 0.5s linear 1.9s 1 normal forwards;
}

/*3*/
@keyframes venture_animation3-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(0px, 40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
[data-gwd-group="logo"] .venture_animation3 {
  animation: venture_animation3-keyframes 0.5s linear 1.6s 1 normal forwards;
}

/*2*/
@keyframes venture_animation2-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(0px, 40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(20px, 0px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
[data-gwd-group="logo"] .venture_animation2 {
  animation: venture_animation2-keyframes 0.5s linear 1.3s 1 normal forwards;
}

/*1*/
@keyframes venture_animation1-keyframes {
  0% {
    opacity: 01;
    transform: translate3d(0px, -40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: linear;
  }
}
[data-gwd-group="logo"] .venture_animation1{
  animation: venture_animation1-keyframes 0.5s linear 1s 1 normal forwards;
}




/*------------------------------------------------------------------studio部分*/

[data-gwd-group="studio"] .logo_studio.studio_wrapper {
  position: absolute;
  width: 100%;
  height: auto;
  left: 20px;
  top: 20px;
}
[data-gwd-group="studio"] {
  width: 100%;
  height: auto;
}
.div_studio {
  position: absolute;
  left: -20px;
  top: -20px;
}
[data-gwd-group="studio"] .logo_studio.studio_1 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}
[data-gwd-group="studio"] .logo_studio.studio_2 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 0px;
}
[data-gwd-group="studio"] .logo_studio.studio_3 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 0px;
}
[data-gwd-group="studio"] .logo_studio.studio_4 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 40px;
  top: 20px;
}
[data-gwd-group="studio"] .logo_studio.studio_5 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}
[data-gwd-group="studio"] .logo_studio.studio_6 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}
[data-gwd-group="studio"] .logo_studio.studio_7 {
  position: absolute;
  width: 100% !important;
  height: auto !important;
  opacity: 0;
  left: 20px;
  top: 40px;
}


@keyframes studio_animation7-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(20px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
.logo_wrapper [data-gwd-group="studio"] .studio_animation7 {
  animation: studio_animation7-keyframes 0.8s linear 2.5s 1 normal forwards;
}


@keyframes studio_animation6-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(-20px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}

.logo_wrapper [data-gwd-group="studio"] .studio_animation6 {
  animation: studio_animation6-keyframes 0.8s linear 2.5s 1 normal forwards;
}

@keyframes studio_animation5-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(0px, -40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
.logo_wrapper [data-gwd-group="studio"] .studio_animation5 {
  animation: studio_animation5-keyframes 0.5s linear 2.2s 1 normal forwards;
}

@keyframes studio_animation4-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(-40px, -40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(-20px, 0px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}

.logo_wrapper [data-gwd-group="studio"] .studio_animation4 {
  animation: studio_animation4-keyframes 0.5s linear 1.9s 1 normal forwards;
}

/*3*/
@keyframes studio_animation3-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(-10px, 10px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
.logo_wrapper [data-gwd-group="studio"] .studio_animation3 {
  animation: studio_animation3-keyframes 0.5s linear 1.5s 1 normal forwards;
}

/*2*/
@keyframes studio_animation2-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(0px, 40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, 20px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
}
.logo_wrapper [data-gwd-group="studio"] .studio_animation2 {
  animation: studio_animation2-keyframes 0.5s linear 1.3s 1 normal forwards;
}

/*1*/
@keyframes studio_animation1-keyframes {
  0% {
    opacity: 0;
    transform: translate3d(0px, -40px, 0px);
    animation-timing-function: cubic-bezier(0, 0.285, 0.525, 0.905);
  }
  100% {
    opacity: 1;
    transform: translate3d(0px, -20px, 0px);
    animation-timing-function: linear;
  }
}
.logo_wrapper [data-gwd-group="studio"] .studio_animation1{
  animation: studio_animation1-keyframes 0.5s linear 1s 1 normal forwards;
}






.content.head .text h1 {
  animation: textandbtn 0.8s linear 1.5s 1 normal forwards;
}
.content.head .text h2 {
  animation: textandbtn 0.8s linear 1.5s 1 normal forwards;
}


.content.head [data-gwd-group="studio"] .studio_animation7 {
  animation: studio_animation7-keyframes 0.8s linear 1.2s 1 normal forwards;
}
.content.head [data-gwd-group="studio"] .studio_animation6 {
  animation: studio_animation6-keyframes 0.8s linear 1.2s 1 normal forwards;
}
.content.head [data-gwd-group="studio"] .studio_animation5 {
  animation: studio_animation5-keyframes 0.8s linear 1.0s 1 normal forwards;
}
.content.head [data-gwd-group="studio"] .studio_animation4 {
  animation: studio_animation4-keyframes 0.8s linear 1.0s 1 normal forwards;
}
.content.head [data-gwd-group="studio"] .studio_animation3 {
  animation: studio_animation3-keyframes 0.8s linear 1.0s 1 normal forwards;
}
.content.head [data-gwd-group="studio"] .studio_animation2 {
  animation: studio_animation2-keyframes 0.8s linear 1.0s 1 normal forwards;
}
.content.head [data-gwd-group="studio"] .studio_animation1 {
  animation: studio_animation1-keyframes 0.5s linear 1.0s 1 normal forwards;
}