
/*PC・SP両方対応*/
/*PCのみの場合は下のブレイクポイント復活*/
/*@media print, screen and (min-width: 801px) {*/

[data-scroll] {
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translateY(6rem) scale(0.93);
          transform: translateY(6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] {
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
}


.scroll_left1{
opacity: 0;
}
[data-scroll].scroll_left1{
opacity: 0;
will-change: transform, scale, opacity;
-webkit-transform: translateX(-6rem) scale(1);
  transform: translateX(-6rem) scale(1);
transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-scroll="in"].scroll_left1{
opacity: 1;
will-change: transform, scale, opacity;
-webkit-transform: translatex(0) scale(1);
  transform: translatex(0) scale(1);
transition: all 1.6s cubic-bezier(.42,.27,.64,.87);
}


/*画像　左*/
.scroll_left2{
opacity: 0;
}
[data-scroll].scroll_left2{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(-6rem) scale(0.93);
          transform: translatex(-6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"].scroll_left2{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}



.scroll_right1{
opacity: 0;
}
[data-scroll].scroll_right1{
opacity: 0;
will-change: transform, scale, opacity;
-webkit-transform: translateX(6rem) scale(1);
  transform: translateX(6rem) scale(1);
transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}
[data-scroll="in"].scroll_right1{
opacity: 1;
will-change: transform, scale, opacity;
-webkit-transform: translatex(0) scale(1);
  transform: translatex(0) scale(1);
transition: all 1.6s cubic-bezier(.42,.27,.64,.87);
}

/*画像　右*/
.scroll_right2{
opacity: 0;
}
[data-scroll].scroll_right2{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(6rem) scale(0.93);
          transform: translatex(6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"].scroll_right2{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}






/*アイコン1*/
[data-scroll] .topcopy_icon1{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(6rem) scale(0.93);
          transform: translatex(6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] .topcopy_icon1{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}

/*アイコン2*/
[data-scroll] .topcopy_icon2{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(-6rem) scale(0.93);
          transform: translatex(-6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] .topcopy_icon2{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


/*アイコン3*/
[data-scroll] .topcopy_icon3{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(6rem) scale(0.93);
          transform: translatex(6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] .topcopy_icon3{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}

/*アイコン4*/
[data-scroll] .topcopy_icon4{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(-6rem) scale(0.93);
          transform: translatex(-6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] .topcopy_icon4{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}




/*アイコン5*/
[data-scroll] .topcopy_icon5{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(-6rem) scale(0.93);
          transform: translatex(-6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] .topcopy_icon5{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}




/*画像　左*/
[data-scroll] .box1_fl2{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(-6rem) scale(0.93);
          transform: translatex(-6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] .box1_fl2{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


/*画像　右*/
[data-scroll] .box1_fr2{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(6rem) scale(0.93);
          transform: translatex(6rem) scale(0.93);
  transition: all 1.5s cubic-bezier(0.165, 0.84, 0.44, 1);
}

[data-scroll="in"] .box1_fr2{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


/*文字　下*/
[data-scroll] .top_box_copy_body{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(6bem) scale(0.93);
          transform: translatex(6bem) scale(0.93);
  transition: all 1.6s cubic-bezier(.84,-0.29,.19,.58);
  
   
}

[data-scroll="in"] .top_box_copy_body{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


/***

ロケーション

***/
/*文字　下*/
[data-scroll] .lo_copy_body1{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(6bem) scale(0.93);
          transform: translatex(6bem) scale(0.93);
  transition: all 1.6s cubic-bezier(.84,-0.29,.19,.58);
  
   
}

[data-scroll="in"] .lo_copy_body1{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}
/***

ロケーション

***/


/*文字　DENTOFUL*/
[data-scroll] .top_ph_center2_ph01{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 0.5s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph01{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph02{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 0.6s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph02{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph03{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 0.7s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph03{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph04{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 0.8s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph04{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph05{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 0.9s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph05{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph06{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 1.0s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph06{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph07{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 1.1s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph07{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph08{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 1.2s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph08{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph09{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 1.3s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph09{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph10{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 1.4s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph10{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}


[data-scroll] .top_ph_center2_ph11{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 1.5s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph11{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}






[data-scroll] .top_ph_center2_ph12{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(4tem) scale(0.93);
          transform: translatex(4tem) scale(0.93);
  transition: all 1.6s cubic-bezier(.42,.27,.64,.87);
}

[data-scroll="in"] .top_ph_center2_ph12{
  opacity: 1;
  -webkit-transform: translatex(0) scale(1);
          transform: translatex(0) scale(1);
}












/*}*/