@charset "UTF-8";
/*==========================================
変数 inc.scss
===========================================*/
/*==========================================
変数 fonts.scss
===========================================*/
/*===================================
userSS 追加
=====================================*/
/*=== アニメーション inview_fiU_hidden用===*/
.inview_section .inview:nth-of-type(1), .inview_section .inview_load:nth-of-type(1), .inview_section .inview_child:nth-of-type(1) {
  transition-delay: 0.1s; }
.inview_section .inview:nth-of-type(2), .inview_section .inview_load:nth-of-type(2), .inview_section .inview_child:nth-of-type(2) {
  transition-delay: 0.2s; }
.inview_section .inview:nth-of-type(3), .inview_section .inview_load:nth-of-type(3), .inview_section .inview_child:nth-of-type(3) {
  transition-delay: 0.3s; }
.inview_section .inview:nth-of-type(4), .inview_section .inview_load:nth-of-type(4), .inview_section .inview_child:nth-of-type(4) {
  transition-delay: 0.4s; }
.inview_section .inview:nth-of-type(5), .inview_section .inview_load:nth-of-type(5), .inview_section .inview_child:nth-of-type(5) {
  transition-delay: 0.5s; }
.inview_section .inview:nth-of-type(6), .inview_section .inview_load:nth-of-type(6), .inview_section .inview_child:nth-of-type(6) {
  transition-delay: 0.6s; }
.inview_section .inview:nth-of-type(7), .inview_section .inview_load:nth-of-type(7), .inview_section .inview_child:nth-of-type(7) {
  transition-delay: 0.7s; }
.inview_section .inview:nth-of-type(8), .inview_section .inview_load:nth-of-type(8), .inview_section .inview_child:nth-of-type(8) {
  transition-delay: 0.8s; }
.inview_section .inview:nth-of-type(9), .inview_section .inview_load:nth-of-type(9), .inview_section .inview_child:nth-of-type(9) {
  transition-delay: 0.9s; }
.inview_section .inview:nth-of-type(10), .inview_section .inview_load:nth-of-type(10), .inview_section .inview_child:nth-of-type(10) {
  transition-delay: 1s; }
.inview_section .inview:nth-of-type(11), .inview_section .inview_load:nth-of-type(11), .inview_section .inview_child:nth-of-type(11) {
  transition-delay: 1.1s; }
.inview_section .inview:nth-of-type(12), .inview_section .inview_load:nth-of-type(12), .inview_section .inview_child:nth-of-type(12) {
  transition-delay: 1.2s; }
.inview_section .inview:nth-of-type(13), .inview_section .inview_load:nth-of-type(13), .inview_section .inview_child:nth-of-type(13) {
  transition-delay: 1.3s; }
.inview_section .inview:nth-of-type(14), .inview_section .inview_load:nth-of-type(14), .inview_section .inview_child:nth-of-type(14) {
  transition-delay: 1.4s; }
.inview_section .inview:nth-of-type(15), .inview_section .inview_load:nth-of-type(15), .inview_section .inview_child:nth-of-type(15) {
  transition-delay: 1.5s; }
.inview_section .inview:nth-of-type(16), .inview_section .inview_load:nth-of-type(16), .inview_section .inview_child:nth-of-type(16) {
  transition-delay: 1.6s; }
.inview_section .inview:nth-of-type(17), .inview_section .inview_load:nth-of-type(17), .inview_section .inview_child:nth-of-type(17) {
  transition-delay: 1.7s; }
.inview_section .inview:nth-of-type(18), .inview_section .inview_load:nth-of-type(18), .inview_section .inview_child:nth-of-type(18) {
  transition-delay: 1.8s; }
.inview_section .inview:nth-of-type(19), .inview_section .inview_load:nth-of-type(19), .inview_section .inview_child:nth-of-type(19) {
  transition-delay: 1.9s; }
.inview_section .inview:nth-of-type(20), .inview_section .inview_load:nth-of-type(20), .inview_section .inview_child:nth-of-type(20) {
  transition-delay: 2s; }
.inview_section .inview.delay01, .inview_section .inview .delay01, .inview_section .inview_load.delay01, .inview_section .inview_load .delay01, .inview_section .inview_child.delay01, .inview_section .inview_child .delay01 {
  transition-delay: 0.1s; }
.inview_section .inview.delay02, .inview_section .inview .delay02, .inview_section .inview_load.delay02, .inview_section .inview_load .delay02, .inview_section .inview_child.delay02, .inview_section .inview_child .delay02 {
  transition-delay: 0.2s; }
.inview_section .inview.delay03, .inview_section .inview .delay03, .inview_section .inview_load.delay03, .inview_section .inview_load .delay03, .inview_section .inview_child.delay03, .inview_section .inview_child .delay03 {
  transition-delay: 0.3s; }
.inview_section .inview.delay04, .inview_section .inview .delay04, .inview_section .inview_load.delay04, .inview_section .inview_load .delay04, .inview_section .inview_child.delay04, .inview_section .inview_child .delay04 {
  transition-delay: 0.4s; }
.inview_section .inview.delay05, .inview_section .inview .delay05, .inview_section .inview_load.delay05, .inview_section .inview_load .delay05, .inview_section .inview_child.delay05, .inview_section .inview_child .delay05 {
  transition-delay: 0.5s; }
.inview_section .inview.delay06, .inview_section .inview .delay06, .inview_section .inview_load.delay06, .inview_section .inview_load .delay06, .inview_section .inview_child.delay06, .inview_section .inview_child .delay06 {
  transition-delay: 0.6s; }
.inview_section .inview.delay07, .inview_section .inview .delay07, .inview_section .inview_load.delay07, .inview_section .inview_load .delay07, .inview_section .inview_child.delay07, .inview_section .inview_child .delay07 {
  transition-delay: 0.7s; }
.inview_section .inview.delay08, .inview_section .inview .delay08, .inview_section .inview_load.delay08, .inview_section .inview_load .delay08, .inview_section .inview_child.delay08, .inview_section .inview_child .delay08 {
  transition-delay: 0.8s; }
.inview_section .inview.delay09, .inview_section .inview .delay09, .inview_section .inview_load.delay09, .inview_section .inview_load .delay09, .inview_section .inview_child.delay09, .inview_section .inview_child .delay09 {
  transition-delay: 0.9s; }
.inview_section .inview.delay10, .inview_section .inview .delay10, .inview_section .inview_load.delay10, .inview_section .inview_load .delay10, .inview_section .inview_child.delay10, .inview_section .inview_child .delay10 {
  transition-delay: 1s; }
.inview_section .inview.delay11, .inview_section .inview .delay11, .inview_section .inview_load.delay11, .inview_section .inview_load .delay11, .inview_section .inview_child.delay11, .inview_section .inview_child .delay11 {
  transition-delay: 1.1s; }
.inview_section .inview.delay12, .inview_section .inview .delay12, .inview_section .inview_load.delay12, .inview_section .inview_load .delay12, .inview_section .inview_child.delay12, .inview_section .inview_child .delay12 {
  transition-delay: 1.2s; }
.inview_section .inview.delay13, .inview_section .inview .delay13, .inview_section .inview_load.delay13, .inview_section .inview_load .delay13, .inview_section .inview_child.delay13, .inview_section .inview_child .delay13 {
  transition-delay: 1.3s; }
.inview_section .inview.delay14, .inview_section .inview .delay14, .inview_section .inview_load.delay14, .inview_section .inview_load .delay14, .inview_section .inview_child.delay14, .inview_section .inview_child .delay14 {
  transition-delay: 1.4s; }
.inview_section .inview.delay15, .inview_section .inview .delay15, .inview_section .inview_load.delay15, .inview_section .inview_load .delay15, .inview_section .inview_child.delay15, .inview_section .inview_child .delay15 {
  transition-delay: 1.5s; }
.inview_section .inview.delay16, .inview_section .inview .delay16, .inview_section .inview_load.delay16, .inview_section .inview_load .delay16, .inview_section .inview_child.delay16, .inview_section .inview_child .delay16 {
  transition-delay: 1.6s; }
.inview_section .inview.delay17, .inview_section .inview .delay17, .inview_section .inview_load.delay17, .inview_section .inview_load .delay17, .inview_section .inview_child.delay17, .inview_section .inview_child .delay17 {
  transition-delay: 1.7s; }
.inview_section .inview.delay18, .inview_section .inview .delay18, .inview_section .inview_load.delay18, .inview_section .inview_load .delay18, .inview_section .inview_child.delay18, .inview_section .inview_child .delay18 {
  transition-delay: 1.8s; }
.inview_section .inview.delay19, .inview_section .inview .delay19, .inview_section .inview_load.delay19, .inview_section .inview_load .delay19, .inview_section .inview_child.delay19, .inview_section .inview_child .delay19 {
  transition-delay: 1.9s; }
.inview_section .inview.delay20, .inview_section .inview .delay20, .inview_section .inview_load.delay20, .inview_section .inview_load .delay20, .inview_section .inview_child.delay20, .inview_section .inview_child .delay20 {
  transition-delay: 2s; }

.inview_section_animeDelay .inview:nth-of-type(1), .inview_section_animeDelay .inview_load:nth-of-type(1), .inview_section_animeDelay .inview_child:nth-of-type(1) {
  animation-delay: 0.1s; }
.inview_section_animeDelay .inview:nth-of-type(2), .inview_section_animeDelay .inview_load:nth-of-type(2), .inview_section_animeDelay .inview_child:nth-of-type(2) {
  animation-delay: 0.2s; }
.inview_section_animeDelay .inview:nth-of-type(3), .inview_section_animeDelay .inview_load:nth-of-type(3), .inview_section_animeDelay .inview_child:nth-of-type(3) {
  animation-delay: 0.3s; }
.inview_section_animeDelay .inview:nth-of-type(4), .inview_section_animeDelay .inview_load:nth-of-type(4), .inview_section_animeDelay .inview_child:nth-of-type(4) {
  animation-delay: 0.4s; }
.inview_section_animeDelay .inview:nth-of-type(5), .inview_section_animeDelay .inview_load:nth-of-type(5), .inview_section_animeDelay .inview_child:nth-of-type(5) {
  animation-delay: 0.5s; }
.inview_section_animeDelay .inview:nth-of-type(6), .inview_section_animeDelay .inview_load:nth-of-type(6), .inview_section_animeDelay .inview_child:nth-of-type(6) {
  animation-delay: 0.6s; }
.inview_section_animeDelay .inview:nth-of-type(7), .inview_section_animeDelay .inview_load:nth-of-type(7), .inview_section_animeDelay .inview_child:nth-of-type(7) {
  animation-delay: 0.7s; }
.inview_section_animeDelay .inview:nth-of-type(8), .inview_section_animeDelay .inview_load:nth-of-type(8), .inview_section_animeDelay .inview_child:nth-of-type(8) {
  animation-delay: 0.8s; }
.inview_section_animeDelay .inview:nth-of-type(9), .inview_section_animeDelay .inview_load:nth-of-type(9), .inview_section_animeDelay .inview_child:nth-of-type(9) {
  animation-delay: 0.9s; }
.inview_section_animeDelay .inview:nth-of-type(10), .inview_section_animeDelay .inview_load:nth-of-type(10), .inview_section_animeDelay .inview_child:nth-of-type(10) {
  animation-delay: 1s; }
.inview_section_animeDelay .inview:nth-of-type(11), .inview_section_animeDelay .inview_load:nth-of-type(11), .inview_section_animeDelay .inview_child:nth-of-type(11) {
  animation-delay: 1.1s; }
.inview_section_animeDelay .inview:nth-of-type(12), .inview_section_animeDelay .inview_load:nth-of-type(12), .inview_section_animeDelay .inview_child:nth-of-type(12) {
  animation-delay: 1.2s; }
.inview_section_animeDelay .inview:nth-of-type(13), .inview_section_animeDelay .inview_load:nth-of-type(13), .inview_section_animeDelay .inview_child:nth-of-type(13) {
  animation-delay: 1.3s; }
.inview_section_animeDelay .inview:nth-of-type(14), .inview_section_animeDelay .inview_load:nth-of-type(14), .inview_section_animeDelay .inview_child:nth-of-type(14) {
  animation-delay: 1.4s; }
.inview_section_animeDelay .inview:nth-of-type(15), .inview_section_animeDelay .inview_load:nth-of-type(15), .inview_section_animeDelay .inview_child:nth-of-type(15) {
  animation-delay: 1.5s; }
.inview_section_animeDelay .inview:nth-of-type(16), .inview_section_animeDelay .inview_load:nth-of-type(16), .inview_section_animeDelay .inview_child:nth-of-type(16) {
  animation-delay: 1.6s; }
.inview_section_animeDelay .inview:nth-of-type(17), .inview_section_animeDelay .inview_load:nth-of-type(17), .inview_section_animeDelay .inview_child:nth-of-type(17) {
  animation-delay: 1.7s; }
.inview_section_animeDelay .inview:nth-of-type(18), .inview_section_animeDelay .inview_load:nth-of-type(18), .inview_section_animeDelay .inview_child:nth-of-type(18) {
  animation-delay: 1.8s; }
.inview_section_animeDelay .inview:nth-of-type(19), .inview_section_animeDelay .inview_load:nth-of-type(19), .inview_section_animeDelay .inview_child:nth-of-type(19) {
  animation-delay: 1.9s; }
.inview_section_animeDelay .inview:nth-of-type(20), .inview_section_animeDelay .inview_load:nth-of-type(20), .inview_section_animeDelay .inview_child:nth-of-type(20) {
  animation-delay: 2s; }
.inview_section_animeDelay .inview .delay01, .inview_section_animeDelay .inview_load .delay01, .inview_section_animeDelay .inview_child .delay01 {
  animation-delay: 0.1s; }
.inview_section_animeDelay .inview .delay02, .inview_section_animeDelay .inview_load .delay02, .inview_section_animeDelay .inview_child .delay02 {
  animation-delay: 0.2s; }
.inview_section_animeDelay .inview .delay03, .inview_section_animeDelay .inview_load .delay03, .inview_section_animeDelay .inview_child .delay03 {
  animation-delay: 0.3s; }
.inview_section_animeDelay .inview .delay04, .inview_section_animeDelay .inview_load .delay04, .inview_section_animeDelay .inview_child .delay04 {
  animation-delay: 0.4s; }
.inview_section_animeDelay .inview .delay05, .inview_section_animeDelay .inview_load .delay05, .inview_section_animeDelay .inview_child .delay05 {
  animation-delay: 0.5s; }
.inview_section_animeDelay .inview .delay06, .inview_section_animeDelay .inview_load .delay06, .inview_section_animeDelay .inview_child .delay06 {
  animation-delay: 0.6s; }
.inview_section_animeDelay .inview .delay07, .inview_section_animeDelay .inview_load .delay07, .inview_section_animeDelay .inview_child .delay07 {
  animation-delay: 0.7s; }
.inview_section_animeDelay .inview .delay08, .inview_section_animeDelay .inview_load .delay08, .inview_section_animeDelay .inview_child .delay08 {
  animation-delay: 0.8s; }
.inview_section_animeDelay .inview .delay09, .inview_section_animeDelay .inview_load .delay09, .inview_section_animeDelay .inview_child .delay09 {
  animation-delay: 0.9s; }
.inview_section_animeDelay .inview .delay10, .inview_section_animeDelay .inview_load .delay10, .inview_section_animeDelay .inview_child .delay10 {
  animation-delay: 1s; }
.inview_section_animeDelay .inview .delay11, .inview_section_animeDelay .inview_load .delay11, .inview_section_animeDelay .inview_child .delay11 {
  animation-delay: 1.1s; }
.inview_section_animeDelay .inview .delay12, .inview_section_animeDelay .inview_load .delay12, .inview_section_animeDelay .inview_child .delay12 {
  animation-delay: 1.2s; }
.inview_section_animeDelay .inview .delay13, .inview_section_animeDelay .inview_load .delay13, .inview_section_animeDelay .inview_child .delay13 {
  animation-delay: 1.3s; }
.inview_section_animeDelay .inview .delay14, .inview_section_animeDelay .inview_load .delay14, .inview_section_animeDelay .inview_child .delay14 {
  animation-delay: 1.4s; }
.inview_section_animeDelay .inview .delay15, .inview_section_animeDelay .inview_load .delay15, .inview_section_animeDelay .inview_child .delay15 {
  animation-delay: 1.5s; }
.inview_section_animeDelay .inview .delay16, .inview_section_animeDelay .inview_load .delay16, .inview_section_animeDelay .inview_child .delay16 {
  animation-delay: 1.6s; }
.inview_section_animeDelay .inview .delay17, .inview_section_animeDelay .inview_load .delay17, .inview_section_animeDelay .inview_child .delay17 {
  animation-delay: 1.7s; }
.inview_section_animeDelay .inview .delay18, .inview_section_animeDelay .inview_load .delay18, .inview_section_animeDelay .inview_child .delay18 {
  animation-delay: 1.8s; }
.inview_section_animeDelay .inview .delay19, .inview_section_animeDelay .inview_load .delay19, .inview_section_animeDelay .inview_child .delay19 {
  animation-delay: 1.9s; }
.inview_section_animeDelay .inview .delay20, .inview_section_animeDelay .inview_load .delay20, .inview_section_animeDelay .inview_child .delay20 {
  animation-delay: 2s; }

.inview_archiveColumn2 .inview:nth-of-type(2n+1), .inview_archiveColumn2 .inview_load:nth-of-type(2n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn2 .inview:nth-of-type(2n+2), .inview_archiveColumn2 .inview_load:nth-of-type(2n+2) {
  transition-delay: 0.2s; }

.inview_archiveColumn3 .inview:nth-of-type(3n+1), .inview_archiveColumn3 .inview_load:nth-of-type(3n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn3 .inview:nth-of-type(3n+2), .inview_archiveColumn3 .inview_load:nth-of-type(3n+2) {
  transition-delay: 0.2s; }
.inview_archiveColumn3 .inview:nth-of-type(3n+3), .inview_archiveColumn3 .inview_load:nth-of-type(3n+3) {
  transition-delay: 0.3s; }

.inview_archiveColumn4 .inview:nth-of-type(4n+1), .inview_archiveColumn4 .inview_load:nth-of-type(4n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn4 .inview:nth-of-type(4n+2), .inview_archiveColumn4 .inview_load:nth-of-type(4n+2) {
  transition-delay: 0.2s; }
.inview_archiveColumn4 .inview:nth-of-type(4n+3), .inview_archiveColumn4 .inview_load:nth-of-type(4n+3) {
  transition-delay: 0.3s; }
.inview_archiveColumn4 .inview:nth-of-type(4n+4), .inview_archiveColumn4 .inview_load:nth-of-type(4n+4) {
  transition-delay: 0.4s; }

.inview_archiveColumn5 .inview:nth-of-type(5n+1), .inview_archiveColumn5 .inview_load:nth-of-type(5n+1) {
  transition-delay: 0.1s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+2), .inview_archiveColumn5 .inview_load:nth-of-type(5n+2) {
  transition-delay: 0.2s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+3), .inview_archiveColumn5 .inview_load:nth-of-type(5n+3) {
  transition-delay: 0.3s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+4), .inview_archiveColumn5 .inview_load:nth-of-type(5n+4) {
  transition-delay: 0.4s; }
.inview_archiveColumn5 .inview:nth-of-type(5n+5), .inview_archiveColumn5 .inview_load:nth-of-type(5n+5) {
  transition-delay: 0.5s; }

/*=== inview_fiアニメーション ===*/
.fadeUp {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 1.5s, transform 1s; }
  .fadeUp.show {
    opacity: 1;
    transform: translateY(0px); }

.inview_fi_fast {
  opacity: 0;
  transition: 0.4s; }
  .inview_fi_fast.show {
    opacity: 1; }

.inview_fi {
  opacity: 0;
  transition: 1s; }
  .inview_fi.show {
    opacity: 1; }

.inview_fi_parent .inview_child {
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1); }
.inview_fi_parent.show .inview_child {
  opacity: 1; }

.inview_fi_slow {
  opacity: 0;
  transition: 1.5s; }
  .inview_fi_slow.show {
    opacity: 1; }

.inview_fiU {
  transform: translate(0, 100px);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_fiU.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiU_parent .inview_child {
  transform: translate(0, 100px);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1); }
.inview_fiU_parent.show .inview_child {
  transform: translate(0, 0);
  opacity: 1; }

.inview_fiD_parent .inview_child {
  transform: translateY(-20%);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1); }
.inview_fiD_parent.show .inview_child {
  transform: translate(0, 0);
  opacity: 1; }

.inview_fiD_slow_parent .inview_child {
  transform: translateY(-40%);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, transform 1.8s cubic-bezier(0.5, 0, 0, 1); }
.inview_fiD_slow_parent.show .inview_child {
  transform: translate(0, 0);
  opacity: 1; }

.inview_fiU_slow {
  transform: translate(0, 10%);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.8s; }
  .inview_fiU_slow.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_zoomOut {
  -webkit-transition-property: opacity, scale;
  transition-property: opacity, scale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 1.35s;
  transition-duration: 1.35s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  opacity: 0;
  scale: 0.3;
  min-height: 1px; }
  .inview_zoomOut.show {
    opacity: 1;
    scale: 1; }

.inview_zoomIn_XS {
  transform: translate(0, 0%) scale(1.03);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_zoomIn_XS.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_zoomIn_S {
  transform: translate(0, 0%) scale(1.1);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_zoomIn_S.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_zoomIn_M {
  transform: translate(0, 0%) scale(1.2);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_zoomIn_M.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_zoomIn_L {
  transform: translate(0, 0%) scale(1.3);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_zoomIn_L.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_zoomIn {
  -webkit-transition-property: opacity, scale;
  transition-property: opacity, scale;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -webkit-transition-duration: 1.35s;
  transition-duration: 1.35s;
  -webkit-transition-delay: 1.2s;
  transition-delay: 1.2s;
  opacity: 0;
  scale: 1.25;
  min-height: 1px; }
  .inview_zoomIn.show {
    opacity: 1;
    scale: 1; }

.inview_zoomIn_parent .inview_child {
  -webkit-transition-property: opacity, scale;
  transition-property: opacity, scale;
  -webkit-transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;
  -webkit-transition-duration: 1.35s !important;
  transition-duration: 1.35s !important;
  -webkit-transition-delay: 0.2s !important;
  transition-delay: 0.2s !important;
  opacity: 0;
  scale: 1.25;
  min-height: 1px; }
.inview_zoomIn_parent.show .inview_child {
  opacity: 1;
  scale: 1; }

.inview_fiU_zoomIn_S {
  transform: translate(0, 10%) scale(1.2);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  @media screen and (max-width: 960px) {
    .inview_fiU_zoomIn_S {
      transform: translate(0, 10%) scale(1); } }
  .inview_fiU_zoomIn_S.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomIn_S_slow {
  transform: translate(0, 10%) scale(1.2);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  @media screen and (max-width: 960px) {
    .inview_fiU_zoomIn_S_slow {
      transform: translate(0, 10%) scale(1); } }
  .inview_fiU_zoomIn_S_slow.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomIn_M {
  transform: translate(0, 10%) scale(1.6);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  @media screen and (max-width: 960px) {
    .inview_fiU_zoomIn_M {
      transform: translate(0, 10%) scale(1); } }
  .inview_fiU_zoomIn_M.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fiU_zoomIn_L {
  transform: translate(0, 10%) scale(2);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  @media screen and (max-width: 960px) {
    .inview_fiU_zoomIn_L {
      transform: translate(0, 10%) scale(1); } }
  .inview_fiU_zoomIn_L.show {
    transform: translate(0, 0) scale(1);
    opacity: 1; }

.inview_fi_load {
  opacity: 0;
  transition: 0.4s; }
  .inview_fi_load.show {
    opacity: 1; }

.inview_fiU_load {
  transform: translate(0, 10%);
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s; }
  .inview_fiU_load.show {
    transform: translate(0, 0);
    opacity: 1; }

.hidden-block {
  position: relative;
  overflow: hidden;
  display: block;
  width: 100%;
  height: 100%; }
  .hidden-block span {
    display: block; }
  .hidden-block .hidden-item {
    display: block;
    overflow: hidden; }

.hidden-inline {
  position: relative;
  overflow: hidden; }
  .hidden-inline span {
    display: inline-block; }
  .hidden-inline .hidden-item {
    display: inline-block; }

.inview_fiU_hidden {
  transform: translate(0, 100%);
  opacity: 0;
  transition: 1s; }
  .inview_fiU_hidden.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiU_hiddenL {
  transform: translate(0, 400%);
  opacity: 0;
  transition: 1s; }
  .inview_fiU_hiddenL.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiU_back {
  transform: translate(0, 30%);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s; }
  .inview_fiU_back.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiD {
  transform: translateY(-20%);
  opacity: 0;
  transition: 1s; }
  .inview_fiD.show {
    transform: translateY(0);
    opacity: 1; }

.inview_fiD_back {
  transform: translate(0, -30%);
  opacity: 0;
  transition: opacity 1.2s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s; }
  .inview_fiD_back.show {
    transform: translate(0, 0);
    opacity: 1; }

.inview_fiD_hidden {
  transform: translateY(-130%);
  opacity: 0;
  transition: 1s; }
  .inview_fiD_hidden.show {
    transform: translateY(0);
    opacity: 1; }

.inview_fiL {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s;
  transform: translateX(20%); }
  .inview_fiL.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiL_hidden {
  opacity: 0;
  transition: 1s all;
  transform: translateX(130%); }
  .inview_fiL_hidden.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiL_back {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
  transform: translateX(80%); }
  .inview_fiL_back.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiR {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s;
  transform: translateX(-20%); }
  .inview_fiR.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiR_hidden {
  opacity: 0;
  transition: 1s all;
  transform: translateX(-130%); }
  .inview_fiR_hidden.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fiR_back {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.5, 0, 0, 1) 0.4s, transform 0.8s cubic-bezier(0.34, 1.56, 0.64, 1) 0.4s;
  transform: translateX(-80%); }
  .inview_fiR_back.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_fade {
  animation-name: fade;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fade {
  from {
    transform: translate(0, -10%);
    opacity: 0; }
  to {
    opacity: 1; } }
.inview_fiU-oH {
  transform: translate(0, 20%);
  transition: 1s;
  overflow: hidden;
  opacity: 1; }
  .inview_fiU-oH__block {
    display: inline-flex;
    align-items: flex-end; }
  .inview_fiU-oH__child {
    opacity: 1;
    display: inline-block;
    transform: translateY(130%);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
    margin-right: 0px; }
  .inview_fiU-oH.show {
    transform: translate(0, 0);
    opacity: 1; }
    .inview_fiU-oH.show .inview_fiU-oH__child {
      transform: translateY(0); }

.Iinview_fiU-oH {
  transform: translate(0, 20%);
  transition: 1s;
  overflow: hidden;
  opacity: 1; }
  .Iinview_fiU-oH__block {
    display: inline-flex;
    align-items: flex-end; }
  .Iinview_fiU-oH__child {
    opacity: 1;
    display: inline-block;
    transform: translateY(130%);
    transition: opacity 0.5s ease, transform 0.5s cubic-bezier(0.22, 0.61, 0.36, 1);
    will-change: opacity, transform;
    margin-right: 0px; }
  .Iinview_fiU-oH.show {
    transform: translate(0, 0);
    opacity: 1; }
    .Iinview_fiU-oH.show .Iinview_fiU-oH__child {
      transform: translateY(0); }

.inview_fade-bk {
  animation-name: fade-bk;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  opacity: 0; }

@keyframes fade-bk {
  from {
    transform: translate(0, -10%);
    opacity: 0; }
  30% {
    opacity: 0.1; }
  to {
    opacity: 0.5; } }
.inview_blur {
  opacity: 0;
  -moz-transition: -moz-transform 0.5s linear;
  -webkit-transition: -webkit-transform 0.5s linear;
  -o-transition: -o-transform 0.5s linear;
  -ms-transition: -ms-transform 0.5s linear;
  transition: transform 0.5s linear;
  -webkit-animation-duration: 1.5s;
  animation-duration: 1.5s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }
  .inview_blur.show {
    -webkit-animation-name: imageBlur;
    animation-name: imageBlur;
    opacity: 1;
    transition: 0.8s; }

@-webkit-keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); } }
@keyframes imageBlur {
  from {
    opacity: 0;
    -webkit-filter: blur(15px);
    -moz-filter: blur(15px);
    -ms-filter: blur(15px);
    -o-filter: blur(15px);
    filter: blur(15px); }
  to {
    opacity: 1;
    -webkit-filter: blur(0px);
    -moz-filter: blur(0px);
    -ms-filter: blur(0px);
    -o-filter: blur(0px);
    filter: blur(0px); } }
/*userSS追加*/
.inview_translateYU {
  opacity: 1;
  transition: 1s all;
  transform: translateY(10%); }
  .inview_translateYU.show {
    opacity: 1;
    transform: translateY(0%); }

.inview_translateXR {
  opacity: 1;
  transition: 1s all;
  transform: translateX(10%); }
  .inview_translateXR.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_translateXL {
  opacity: 1;
  transition: 1s all;
  transform: translateX(-10%); }
  .inview_translateXL.show {
    opacity: 1;
    transform: translateX(0%); }

.inview_translateYD {
  opacity: 1;
  transition: 1s all;
  transform: translateY(-10%); }
  .inview_translateYD.show {
    opacity: 1;
    transform: translateY(0%); }

.inview_mask {
  width: auto;
  overflow: hidden; }
  .inview_mask .inview_mask_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0;
    overflow: hidden; }
    .inview_mask .inview_mask_child::before {
      content: "";
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%; }
    .inview_mask .inview_mask_child.show {
      animation-name: play;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_mask .inview_mask_child.show:before {
      animation-name: maskOut;
      animation-duration: 0.5s;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #FF4E00 11.2%, #FF4E00 91.1%); }
@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
.inview_mask_slow {
  width: auto;
  overflow: hidden; }
  .inview_mask_slow .inview_mask_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0;
    overflow: hidden; }
    .inview_mask_slow .inview_mask_child::before {
      content: "";
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%; }
    .inview_mask_slow .inview_mask_child.show {
      animation-name: play;
      animation-duration: 1.0s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_mask_slow .inview_mask_child.show:before {
      animation-name: maskOut;
      animation-duration: 1.0s;
      animation-delay: 1.0s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #FF4E00 11.2%, #FF4E00 91.1%); }
@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
.inview_mask_fast {
  width: auto;
  overflow: hidden; }
  .inview_mask_fast .inview_mask_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0;
    overflow: hidden; }
    .inview_mask_fast .inview_mask_child::before {
      content: "";
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%; }
    .inview_mask_fast .inview_mask_child.show {
      animation-name: play;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_mask_fast .inview_mask_child.show:before {
      animation-name: maskOut;
      animation-duration: 0.3s;
      animation-delay: 0.2s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #FF4E00 11.2%, #FF4E00 91.1%); }
@keyframes play {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOut {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
.inview_maskR {
  width: auto;
  overflow: hidden; }
  .inview_maskR .inview_mask_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0;
    overflow: hidden; }
    .inview_maskR .inview_mask_child::before {
      content: "";
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%; }
    .inview_maskR .inview_mask_child.show {
      animation-name: playX;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_maskR .inview_mask_child.show:before {
      animation-name: maskOutX;
      animation-duration: 0.5s;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      content: '';
      position: absolute;
      top: 0;
      left: 2px;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #FF4E00 11.2%, #FF4E00 91.1%); }
@keyframes playX {
  from {
    transform: translateX(-100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOutX {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(100%); } }
.inview_maskL {
  width: auto;
  overflow: hidden; }
  .inview_maskL .inview_mask_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0;
    overflow: hidden; }
    .inview_maskL .inview_mask_child::before {
      content: "";
      height: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 1;
      width: 100%; }
    .inview_maskL .inview_mask_child.show {
      animation-name: playL;
      animation-duration: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_maskL .inview_mask_child.show:before {
      animation-name: maskOutL;
      animation-duration: 0.5s;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      content: '';
      position: absolute;
      top: 0;
      left: -2px;
      z-index: 1;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #FF4E00 11.2%, #FF4E00 91.1%); }
@keyframes playL {
  from {
    transform: translateX(100%); }
  to {
    transform: translateX(0); } }
@keyframes maskOutL {
  from {
    transform: translateX(0); }
  to {
    transform: translateX(-100%); } }
.inview_maskU {
  width: auto;
  overflow: hidden; }
  .inview_maskU .inview_mask_child {
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 6px; }
    .inview_maskU .inview_mask_child::before {
      content: "";
      width: 100%;
      height: 200%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3; }
    .inview_maskU .inview_mask_child.show {
      animation-name: playU;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_maskU .inview_mask_child.show:before {
      animation-name: maskOutU;
      animation-duration: 0.85s;
      animation-delay: 0.5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      content: '';
      position: absolute;
      top: -2px;
      left: 0;
      z-index: 3;
      width: 100%;
      height: 200%;
      background-image: linear-gradient(109.6deg, #FF4E00 11.2%, #FF4E00 91.1%); }
@keyframes playU {
  from {
    transform: translateY(100%); }
  to {
    transform: translateY(0); } }
@keyframes maskOutU {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(-100%); } }
.inview_maskD {
  width: auto;
  overflow: hidden; }
  .inview_maskD .inview_mask_child {
    position: relative;
    display: inline-block;
    overflow: hidden;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    padding-bottom: 6px; }
    .inview_maskD .inview_mask_child::before {
      content: "";
      height: 100%;
      width: 100%;
      background: #fff;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 3; }
    .inview_maskD .inview_mask_child.show {
      animation-name: playD;
      animation-duration: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      position: relative;
      opacity: 1 !important; }
    .inview_maskD .inview_mask_child.show:before {
      animation-name: maskOutD;
      animation-duration: 0.75s;
      animation-delay: .5s;
      animation-fill-mode: forwards;
      animation-timing-function: cubic-bezier(0.85, 1, 0.9, 1);
      content: '';
      position: absolute;
      top: 2px;
      left: 0;
      z-index: 3;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(109.6deg, #FF4E00 11.2%, #FF4E00 91.1%); }
@keyframes playD {
  from {
    transform: translateY(-100%); }
  to {
    transform: translateY(0); } }
@keyframes maskOutD {
  from {
    transform: translateY(0); }
  to {
    transform: translateY(100%); } }
/*$color-background:#fff;
.inview_cover {
  width: auto;
  overflow: hidden;
  .inview_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0;
    overflow: hidden;
    &::before {
      content: "";
      height: 100%;
      position: absolute;
      //position: fixed;
      z-index: 100;//var(--z-cover);
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;//100lvh;
      pointer-events: none;
      -webkit-user-select: none;
      -moz-user-select: none;
      user-select: none;
      background: linear-gradient(190deg, var(--color-background) calc(var(--progress) * 100%), transparent calc(var(--progress) * 1000%));
      //background: linear-gradient(190deg, $color-background calc(1 * 100%), transparent calc(1 * 1000%));
    }
  }
    &.show {
      .inview_child{
          opacity: 1 !important;
          &:before {
            animation: inview_cover .8s $easeOutExpo forwards;
          }
          @keyframes inview_cover {
            from {
            background: linear-gradient(190deg, $color-background calc(1 * 100%), transparent calc(1 * 1000%));
            }
            to {
            background: linear-gradient(190deg, $color-background calc(0 * 100%), transparent calc(0 * 1000%));
            }
          }
      }
    }
}
*/
.inview_reflection {
  width: auto;
  overflow: hidden; }
  .inview_reflection .inview_child {
    position: relative;
    display: inline-block;
    z-index: 0;
    opacity: 0;
    overflow: hidden; }
    .inview_reflection .inview_child::before {
      content: "";
      background-color: #fff;
      display: block;
      position: absolute;
      top: -100px;
      left: 0;
      width: 30px;
      height: 100%;
      opacity: 0;
      transition: cubic-bezier(0.32, 0, 0.67, 0);
      z-index: 1; }
  .inview_reflection.show .inview_child {
    opacity: 1 !important; }
    .inview_reflection.show .inview_child:before {
      animation: inview_reflection 1s linear .4s forwards; }
@keyframes inview_reflection {
  0% {
    transform: scale(2) rotate(45deg);
    opacity: 0; }
  20% {
    transform: scale(20) rotate(45deg);
    opacity: 0.6; }
  40% {
    transform: scale(30) rotate(45deg);
    opacity: 0.4; }
  80% {
    transform: scale(45) rotate(45deg);
    opacity: 0.2; }
  100% {
    transform: scale(50) rotate(45deg);
    opacity: 0; } }
.inview_scaleDownWithClip-inner {
  position: relative;
  overflow: hidden; }

.inview_scaleDownWithClipXR {
  transform: scale(1.15);
  -webkit-clip-path: inset(0 0% 0 100%);
  clip-path: inset(0 0% 0 100%); }

.inview_scaleDownWithClipXR.show {
  animation: scaleDownWithClipXR 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

@keyframes scaleDownWithClipXR {
  0% {
    transform: scale(1.15);
    -webkit-clip-path: inset(0 100% 0 0);
    clip-path: inset(0 100% 0 0); }
  60% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }
  to {
    transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }
.inview_scaleDownWithClipXL {
  transform: scale(1.15);
  -webkit-clip-path: inset(0 0% 0 100%);
  clip-path: inset(0 0% 0 100%); }

.inview_scaleDownWithClipXL.show {
  animation: scaleDownWithClipXL 3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards; }

@keyframes scaleDownWithClipXL {
  0% {
    transform: scale(1.15);
    -webkit-clip-path: inset(0 0% 0 100%);
    clip-path: inset(0 0% 0 100%); }
  60% {
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); }
  to {
    transform: scale(1);
    -webkit-clip-path: inset(0 0 0 0);
    clip-path: inset(0 0 0 0); } }
.zoomIn {
  opacity: 0; }
  .zoomIn.show {
    opacity: 1;
    animation: zoomIn 2s 0s forwards; }

@keyframes zoomIn {
  0% {
    transform: scale(1.03); }
  100% {
    transform: scale(1); } }
.scaleDownBlur {
  opacity: 0; }
  .scaleDownBlur.show {
    opacity: 1;
    animation: scaleDownBlur 1s 0s forwards; }

@keyframes scaleDownBlur {
  0% {
    transform: scale(1.05);
    filter: blur(5px);
    opacity: 0; }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1; } }
.inview_description {
  -webkit-animation: 2s ease 0.8s showIntroDescription;
  animation: 2s ease 0.8s showIntroDescription;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

@-webkit-keyframes showIntroDescription {
  0% {
    -webkit-transform: perspective(1260px) rotateY(45deg) rotateX(35deg);
    transform: perspective(1260px) rotateY(45deg) rotateX(35deg); }
  100% {
    -webkit-transform: perspective(1260px) rotateY(0deg) rotateX(0deg);
    transform: perspective(1260px) rotateY(0deg) rotateX(0deg); } }
@keyframes showIntroDescription {
  0% {
    -webkit-transform: perspective(1260px) rotateY(45deg) rotateX(35deg);
    transform: perspective(1260px) rotateY(45deg) rotateX(35deg); }
  100% {
    -webkit-transform: perspective(1260px) rotateY(0deg) rotateX(0deg);
    transform: perspective(1260px) rotateY(0deg) rotateX(0deg); } }
/* 
userSS 追加
spanTextあり 1文字ずつ用 jsによりspanTextタグのなかの文字は自動で1文字ずつspanタグで囲われます。
<br>などで改行はできません。
以下のようにinview inview_fiU_spanの中にspanTextがあればよい。 delay02で発火のタイミングを遅くできます。
<div class="item-txt inview inview_fiU_span">
  <p class="spanText">テキスト１</p>
  <p class="spanText delay02">テキスト2</p>
</div>
*/
.inview_scaleDownBlur_span .spanText {
  opacity: 0; }
.inview_scaleDownBlur_span span {
  opacity: 0; }
.inview_scaleDownBlur_span.show .spanText {
  opacity: 1; }
.inview_scaleDownBlur_span.show span {
  display: inline-block;
  animation: inview_scaleDownBlur_span 0.8s ease-out forwards; }

@keyframes inview_scaleDownBlur_span {
  0% {
    transform: scale(1.8);
    filter: blur(5px);
    opacity: 0; }
  100% {
    transform: scale(1);
    filter: blur(0px);
    opacity: 1; } }
.inview_scaleDownBlurUp_span .spanText {
  opacity: 0; }
.inview_scaleDownBlurUp_span span {
  opacity: 0; }
.inview_scaleDownBlurUp_span.show .spanText {
  opacity: 1; }
.inview_scaleDownBlurUp_span.show span {
  display: inline-block;
  animation: inview_scaleDownBlurUp_span 1.2s ease-out forwards; }

@keyframes inview_scaleDownBlurUp_span {
  0% {
    scale: 1.8;
    translate: 0% 100%;
    filter: blur(5px);
    opacity: 0; }
  100% {
    scale: 1.0;
    translate: 0% 0%;
    filter: blur(0px);
    opacity: 1; } }
.inview_fiRD_span .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fiRD_span span {
  opacity: 0; }
.inview_fiRD_span.show .spanText {
  opacity: 1; }
.inview_fiRD_span.show span {
  display: inline-block;
  animation: inview_fiRD_span 0.4s ease-out forwards; }

@keyframes inview_fiRD_span {
  0% {
    transform: translate(30%, -80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRD_span_en .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fiRD_span_en span {
  opacity: 0; }
.inview_fiRD_span_en.show .spanText {
  opacity: 1; }
.inview_fiRD_span_en.show span {
  display: inline-block;
  animation: inview_fiRD_span_en 0.1s ease-in forwards; }

@keyframes inview_fiRD_span_en {
  0% {
    transform: translate(20%, -40%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fi_span .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fi_span span {
  opacity: 0; }
.inview_fi_span.show .spanText {
  opacity: 1; }
.inview_fi_span.show span {
  display: inline-block;
  animation: inview_fi_span 0.4s ease-out forwards; }

@keyframes inview_fi_span {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.inview_fiU_span .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fiU_span span {
  opacity: 0; }
.inview_fiU_span.show .spanText {
  opacity: 1; }
.inview_fiU_span.show span {
  display: inline-block;
  animation: inview_fiU_span 0.4s ease-out forwards; }

@keyframes inview_fiU_span {
  0% {
    transform: translate(0%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiU_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiU_slow_span span {
  opacity: 0; }
.inview_fiU_slow_span.show .spanText {
  opacity: 1; }
.inview_fiU_slow_span.show span {
  display: inline-block;
  animation: inview_fiU_slow_span 1.2s ease-out forwards; }

@keyframes inview_fiU_slow_span {
  0% {
    transform: translate(0%, 20%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRU_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiRU_span span {
  opacity: 0; }
.inview_fiRU_span.show .spanText {
  opacity: 1; }
.inview_fiRU_span.show span {
  display: inline-block;
  animation: inview_fiRU_span 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiRU_span {
  0% {
    transform: translate(30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRU_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiRU_slow_span span {
  opacity: 0; }
.inview_fiRU_slow_span.show .spanText {
  opacity: 1; }
.inview_fiRU_slow_span.show span {
  display: inline-block;
  animation: inview_fiRU_slow_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiRU_slow_span {
  0% {
    transform: translate(30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiRD_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiRD_slow_span span {
  opacity: 0; }
.inview_fiRD_slow_span.show .spanText {
  opacity: 1; }
.inview_fiRD_slow_span.show span {
  display: inline-block;
  animation: inview_fiRD_slow_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiRD_slow_span {
  0% {
    transform: translate(30%, -80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiLU_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_span span {
  opacity: 0; }
.inview_fiLU_span.show .spanText {
  opacity: 1; }
.inview_fiLU_span.show span {
  display: inline-block;
  animation: inview_fiLU_span 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_span {
  0% {
    transform: translate(-30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiLD_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLD_span span {
  opacity: 0; }
.inview_fiLD_span.show .spanText {
  opacity: 1; }
.inview_fiLD_span.show span {
  display: inline-block;
  animation: inview_fiLD_span 0.6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLD_span {
  0% {
    transform: translate(-30%, -80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiLU_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_slow_span span {
  opacity: 0; }
.inview_fiLU_slow_span.show .spanText {
  opacity: 1; }
.inview_fiLU_slow_span.show span {
  display: inline-block;
  animation: inview_fiLU_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_slow_span {
  0% {
    transform: translate(-30%, 80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiLD_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLD_slow_span span {
  opacity: 0; }
.inview_fiLD_slow_span.show .spanText {
  opacity: 1; }
.inview_fiLD_slow_span.show span {
  display: inline-block;
  animation: inview_fiLD_slow_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLD_slow_span {
  0% {
    transform: translate(-30%, -80%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fiU_slow_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiU_slow_span span {
  opacity: 0; }
.inview_fiU_slow_span.show .spanText {
  opacity: 1; }
.inview_fiU_slow_span.show span {
  display: inline-block;
  animation: inview_fiU_slow_span 1.2s ease-out forwards; }

@keyframes inview_fiU_slow_span {
  0% {
    transform: translate(0%, 20%);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%);
    opacity: 1; } }
.inview_fizoomIn_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fizoomIn_span span {
  opacity: 0; }
.inview_fizoomIn_span.show .spanText {
  opacity: 1; }
.inview_fizoomIn_span.show span {
  display: inline-block;
  animation: inview_fizoomIn_span 0.4s ease-out forwards; }

@keyframes inview_fizoomIn_span {
  0% {
    transform: scale(2);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
.inview_fizoomOut_span .spanText {
  opacity: 0;
  overflow: hidden; }
.inview_fizoomOut_span span {
  opacity: 0; }
.inview_fizoomOut_span.show .spanText {
  opacity: 1; }
.inview_fizoomOut_span.show span {
  display: inline-block;
  animation: inview_fizoomOut_span 0.4s ease-out forwards; }

@keyframes inview_fizoomOut_span {
  0% {
    transform: scale(0.3);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }
.inview_fiLU_slow_zoomOut_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_slow_zoomOut_span span {
  opacity: 0; }
.inview_fiLU_slow_zoomOut_span.show .spanText {
  opacity: 1; }
.inview_fiLU_slow_zoomOut_span.show span {
  display: inline-block;
  animation: inview_fiLU_slow_zoomOut_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_slow_zoomOut_span {
  0% {
    transform: translate(-30%, 80%) scale(0.3);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1; } }
.inview_fiLU_slow_zoomIn_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiLU_slow_zoomIn_span span {
  opacity: 0; }
.inview_fiLU_slow_zoomIn_span.show .spanText {
  opacity: 1; }
.inview_fiLU_slow_zoomIn_span.show span {
  display: inline-block;
  animation: inview_fiLU_slow_zoomIn_span 1.2s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; }

@keyframes inview_fiLU_slow_zoomIn_span {
  0% {
    transform: translate(-30%, 80%) scale(2);
    opacity: 0; }
  100% {
    transform: translate(0%, 0%) scale(1);
    opacity: 1; } }
.inview_firotate_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_firotate_span span {
  opacity: 0; }
.inview_firotate_span.show .spanText {
  opacity: 1; }
.inview_firotate_span.show span {
  display: inline-block;
  animation: inview_firotate_span 0.4s ease-out forwards; }

@keyframes inview_firotate_span {
  0% {
    transform: rotate(360deg) scale(6);
    opacity: 0; }
  100% {
    transform: rotate(0deg) scale(1);
    opacity: 1; } }
.inview_fiU_span_wave_span .spanText {
  opacity: 0; }
.inview_fiU_span_wave_span span {
  opacity: 0; }
.inview_fiU_span_wave_span.show .spanText {
  opacity: 1; }
.inview_fiU_span_wave_span.show span {
  display: inline-block;
  animation: inview_fiU_span_wave_span 0.4s ease-out forwards,wave_span 4s ease-out 3s infinite forwards; }

@keyframes wave_span {
  0% {
    transform: translate3d(0, 0, 0); }
  10% {
    transform: translate3d(0, -20px, 0); }
  20% {
    transform: translate3d(0, 0, 0); }
  100% {
    transform: translate3d(0, 0, 0); } }
@keyframes inview_fiU_span_wave_span {
  0% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.inview_fi_rotateY_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fi_rotateY_span span {
  opacity: 0; }
.inview_fi_rotateY_span.show .spanText {
  opacity: 1; }
.inview_fi_rotateY_span.show span {
  display: inline-block;
  animation: inview_fi_rotateY_span 1.0s ease-out forwards; }

@keyframes inview_fi_rotateY_span {
  0% {
    rotate: y 360deg;
    opacity: 0; }
  100% {
    rotate: y 0deg;
    opacity: 1; } }
.inview_fiD_rotateY_span .spanText {
  opacity: 0;
  overflow: visible; }
.inview_fiD_rotateY_span span {
  opacity: 0; }
.inview_fiD_rotateY_span.show .spanText {
  opacity: 1; }
.inview_fiD_rotateY_span.show span {
  display: inline-block;
  animation: inview_fiD_rotateY_span 2.0s ease-out forwards; }

@keyframes inview_fiD_rotateY_span {
  0% {
    translate: 0 -80%;
    rotate: y 360deg;
    opacity: 0; }
  100% {
    translate: 0%;
    rotate: y 0deg;
    opacity: 1; } }
.inview_clipR {
  display: inline-block;
  clip-path: inset(0 100% 0 0);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, clip-path 1.4s cubic-bezier(0.37, 0, 0.63, 1); }
  .inview_clipR.show {
    clip-path: inset(0);
    opacity: 1; }

.inview_clipL {
  display: inline-block;
  clip-path: inset(0 0% 0 100%);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, clip-path 1.4s cubic-bezier(0.37, 0, 0.63, 1); }
  .inview_clipL.show {
    clip-path: inset(0);
    opacity: 1; }

.inview_clipU {
  display: inline-block;
  clip-path: inset(100% 0% 0% 0);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, clip-path 1.4s cubic-bezier(0.37, 0, 0.63, 1); }
  .inview_clipU.show {
    clip-path: inset(0);
    opacity: 1; }

.inview_clipD {
  display: inline-block;
  clip-path: inset(0% 0% 100% 0);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, clip-path 1.4s cubic-bezier(0.37, 0, 0.63, 1); }
  .inview_clipD.show {
    clip-path: inset(0);
    opacity: 1; }

.inview_clipCenter {
  display: inline-block;
  clip-path: inset(0% 100% 0% 100%);
  opacity: 0;
  transition: opacity 1.8s cubic-bezier(0.5, 0, 0, 1) 0.8s, clip-path 1.4s cubic-bezier(0.37, 0, 0.63, 1); }
  .inview_clipCenter.show {
    clip-path: inset(0);
    opacity: 1; }

.inview_marker {
  padding: 0.1em 0.1em;
  display: inline-block;
  position: relative;
  z-index: 1; }
  .inview_marker::after {
    content: "";
    display: block;
    width: 0;
    background: #fff;
    position: absolute;
    inset: 0;
    height: 90%;
    z-index: -1;
    transition: 2s ease-out;
    transition-delay: 0.6s; }
  .inview_marker.markerFV::after {
    transition: 0.6s ease-out; }
  .inview_marker.markerA::after {
    transition: 2s ease-out; }
  .inview_marker.show::after {
    width: 100%; }
  .inview_marker.marker_delay02::after {
    transition-delay: 1s; }
  .inview_marker.marker_delay03::after {
    transition-delay: 1.4s; }
  .inview_marker.marker_delay04::after {
    transition-delay: 1.8s; }
  .inview_marker.marker_delay05::after {
    transition-delay: 2.2s; }
  .inview_marker.marker_delay06::after {
    transition-delay: 2.6s; }
  .inview_marker.marker_delay07::after {
    transition-delay: 3.0s; }
  .inview_marker.marker_delay08::after {
    transition-delay: 3.4s; }

/*# sourceMappingURL=inview.css.map */