@charset "UTF-8";
/*
@media print, screen and (min-width: 768px) {
*/
[data-scroll] {
  opacity: 0;
  will-change: transform, scale, opacity;
  
  -webkit-transform: translateY(4rem) scale(1);
          transform: translateY(4rem) scale(1);
		  
  
}

[data-scroll="in"] {
  opacity: 1;
  
  -webkit-animation-delay: 1.5s;
	animation-delay: 1.5s;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(0) scale(1);
		  transition: all 1.4s cubic-bezier(0, 0, 0, 1);
}



.top_box_copy_head .char {
  color: transparent;
}
.top_box_copy_head .char:after {
  visibility: visible;
  /*color: #204754;*/
  color:#d76c2f;
  opacity: 0;
  -webkit-transform: translateY(80%);
          transform: translateY(80%);
  transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: calc(.6s + (.04s * var(--char-index) ) );
}


/***

ロケーション

***/
.lo_copy_head1 .char {
  color: transparent;
}
.lo_copy_head1 .char:after {
  visibility: visible;
  /*color: #204754;*/
  color:#d76c2f;
  opacity: 0;
  -webkit-transform: translateY(80%);
          transform: translateY(80%);
  transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: calc(.6s + (.04s * var(--char-index) ) );
}



.lo_copy_head1_2 .char {
  color: transparent;
}
.lo_copy_head1_2 .char:after {
  visibility: visible;
  /*color: #204754;*/
  color:#d76c2f;
  opacity: 0;
  -webkit-transform: translateY(80%);
          transform: translateY(80%);
  transition: all 1.2s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: calc(.6s + (.04s * var(--char-index) ) );
}





/***

ロケーション

***/

/*
.top_box_copy_body .char {
  color: transparent;
}
.top_box_copy_body .char:after {
  visibility: visible;
  color:#222;
  opacity: 0;
  -webkit-transform: translateY(80%);
          transform: translateY(80%);
  transition: all 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition-delay: calc(1.8s + (.01s * var(--char-index) ) );
}
*/




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



/*トップボタン*/
[data-scroll].top_ph1{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translateY(6rem) scale(0.93);
          transform: translateY(6rem) scale(0.93);
  transition: all 3s cubic-bezier(0.165, 0.84, 0.44, 1);
}

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


/*トップボタン*/
[data-scroll].top_ph3{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translateY(-3rem) scale(0.1);
          transform: translateY(-3rem) scale(0.1);
  /*transition: all 4s cubic-bezier(0.165, 0.84, 0.44, 1);*/
  transition: all 2s cubic-bezier(0.165, 0.84, 0.44, 1);
}

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


[data-scroll].top_ph2{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(-2rem) scale(1);
          transform: translatex(-2rem) scale(1);
  transition: all 2s cubic-bezier(0,0,0,0);
}

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

[data-scroll].top_ph4{
  opacity: 0;
  will-change: transform, scale, opacity;
  -webkit-transform: translatex(2rem) scale(1);
          transform: translatex(2rem) scale(1);
  transition: all 2s cubic-bezier(0,0,0,0);
}

[data-scroll="in"].top_ph4{
  opacity: 1;
  -webkit-transform: translateY(0) scale(1);
          transform: translateY(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);
}



/*
}
*/