.header{transform: translateY(-100%); transition: 1s;}
.header.show{transform: translateY(0);}


.c_title .txt,.c_title .tet,.c_title .tat{transform: translateY(20px); opacity: 0; transition: 1s;}
.c_title .tet{transition-delay: 0.2s;}
.c_title .tat{transition-delay: 0.4s;}

.home_part1 .wrap>div{transform: translateY(20px); opacity: 0; transition: 1s;}
.home_part1 .wrap .txt{transition-delay: 0.2s;}
.home_part1 .wrap .tit{transition-delay: 0.4s;}
.home_part1 .wrap .tat{transition-delay: 0.6s;}

.home_part2 .row_1{transform: translateX(-20px); opacity: 0; transition: 1s 0.4s;}
.home_part2 .row_2 .txt{transform: translateY(20px); opacity: 0; transition: 1s 0.4s;}
.home_part2 .row_2 .tat{transform: translateY(20px); opacity: 0; transition: 1s 0.6s;}

.home_part3 .list>dl{transform: translateY(20px); opacity: 0; transition: 1s;}
.home_part3 .list>dl:nth-child(1){transition-delay: 0.2s;}
.home_part3 .list>dl:nth-child(2){transition-delay: 0.4s;}
.home_part3 .list>dl:nth-child(3){transition-delay: 0.6s;}

.home_part4 .box>div{transform: translateY(20px); opacity: 0; transition: 1s;}
.home_part4 .box .tet {transition-delay: 0.2s;}
.home_part4 .box .tit {transition-delay: 0.4s;}
.home_part4 .box .tat {transition-delay: 0.6s;}


.home_part5 form{transform: translateY(20px); opacity: 0; transition: 1s 0.6s;}

.home_part6 .col_1 .tag{transform: translateX(20px); opacity: 0; transition: 1s;}
.home_part6 .col_2 {transform: translateY(20px); opacity: 0; transition: 1s 0.4s;}
.home_part6 .col_2 .c_title>div{opacity: 1 !important;transform: translate(0,0) !important;}

.home_part7 .item{transform: translateY(20px); opacity: 0; transition: 1s;}
.home_part7 .item:nth-child(1){transition-delay: 0.2s;}
.home_part7 .item:nth-child(2){transition-delay: 0.4s;}
.home_part7 .item:nth-child(3){transition-delay: 0.6s;}


.home_part8 .row_2>div{transform: translateY(20px); opacity: 0; transition: 1s;}
.home_part8 .row_2 .tat{transition-delay: 0.2s;}




.c_title.on .txt,
.c_title.on .tet,
.c_title.on .tat,
.home_part1.on .wrap>div,
.home_part2.on .row_1,
.home_part2.on .row_2>div,
.home_part3 .list.on>dl,
.home_part4.on .box>div,
.home_part5 form.on,
.home_part6 .col_1 .tag.on,
.home_part6 .col_2.on,
.home_part7 .list.on .item,
.home_part8.on .row_2>div{opacity: 1; transform: translate(0,0);}