@charset "utf-8";
/* common */
body.common #main_header h2.delighter {
 transition: all 1s 1s ease-out;
 transform: translateX(-30%);
 opacity: 0;
}
body.common #main_header h2.delighter.started {
 transform: none;
 opacity: 1;
}
body.common #main_body p.introduction.delighter {
 transition: all 1s 1.5s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
body.common #main_body p.introduction.delighter.started {
 transform: none;
 opacity: 1;
}
footer.delighter {
 transition: all 1s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
footer.delighter.started {
 transform: none;
 opacity: 1;
}

footer.delighter nav {
 transition: all 0.8s 0.7s ease-out;
 left: -30%;
 opacity: 0;
}
footer.delighter.started nav {
 left: 0;
 opacity: 1;
}
footer.delighter div.office div:first-child {
 transition: all 1s 0.3s ease-out;
 transform: translateY(100%);
 opacity: 0;
}
footer.delighter.started div.office div:first-child {
 transform: none;
 opacity: 1;
}
footer.delighter div.office div:last-child {
 transition: all 1s 0.6s ease-out;
 transform: translateY(100%);
 opacity: 0;
}
footer.delighter.started div.office div:last-child {
 transform: none;
 opacity: 1;
}

 /*top*/
#top #main_body p.introduction.delighter {
 transition: all 1s 1s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#top #main_body p.introduction.delighter.started {
 transform: none;
 opacity: 1;
}

#top #main_body .media_creation.delighter{
 transition: all 2s 1.5s ease-out;
 opacity: 0;
}
#top #main_body .system_engineering.delighter {
 transition: all 2s ease-out;
 opacity: 0;
}
#top #main_body .media_creation.delighter.started,
#top #main_body .system_engineering.delighter.started {
 opacity: 1;
}
#top #main_body .media_creation.delighter h2,
#top #main_body .system_engineering.delighter h2 {
 transition: all 1s 1s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#top #main_body .media_creation.delighter.started h2,
#top #main_body .system_engineering.delighter.started h2 {
 transform: none;
 opacity: 1;
}
#top #main_body .media_creation.delighter h2 + p,
#top #main_body .system_engineering.delighter h2 + p {
 transition: all 1s 1.3s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#top #main_body .media_creation.delighter.started h2 + p,
#top #main_body .system_engineering.delighter.started h2 + p {
 transform: none;
 opacity: 1;
}
#top #main_body .media_creation.delighter .contents > div,
#top #main_body .system_engineering.delighter .contents > div {
 transition: all 1s 1.7s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#top #main_body .media_creation.delighter.started .contents > div,
#top #main_body .system_engineering.delighter.started .contents > div {
 transform: none;
 opacity: 1;
}
#top #main_body .media_creation.delighter .contents .image img:first-child,
#top #main_body .system_engineering.delighter .contents .image img:first-child {
 transition: all 1s 1.7s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#top #main_body .media_creation.delighter.started .contents .image img:first-child,
#top #main_body .system_engineering.delighter.started .contents .image img:first-child {
 transform: none;
 opacity: 1;
}
#top #main_body .media_creation.delighter .contents .image img:last-child,
#top #main_body .system_engineering.delighter .contents .image img:last-child {
 transition: all 1s 1.9s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#top #main_body .media_creation.delighter.started .contents .image img:last-child,
#top #main_body .system_engineering.delighter.started .contents .image img:last-child {
 transform: none;
 opacity: 1;
}
#top .airscreen.delighter {
 transition: all 1s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#top .airscreen.delighter.started {
 transform: none;
 opacity: 1;
}

/* about us */
#about_us #main_body .information dt.delighter {
 transition: all 1s 0.5s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#about_us #main_body .information dt.delighter.started {
 transform: none;
 opacity: 1;
}
#about_us #main_body .information dd.delighter {
 transition: all 1s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#about_us #main_body .information dd.delighter.started {
 transform: none;
 opacity: 1;
}
#about_us #main_body .office.delighter:nth-child(2) {
 transition: all 2s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#about_us #main_body .office.delighter:nth-child(3) {
 transition: all 2s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#about_us #main_body .office.delighter.started {
 transform: none;
 opacity: 1;
}
#about_us #main_body .office.delighter .header_group h3 {
 transition: all 1s 1s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#about_us #main_body .office.delighter.started .header_group h3 {
 transform: none;
 opacity: 1;
}
#about_us #main_body .office.delighter  .header_group h3 + p{
 transition: all 1s 1.2s ease-out;
 transform: translateY(30%);
 opacity: 0;
}
#about_us #main_body .office.delighter.started .header_group h3 + p {
 transform: none;
 opacity: 1;
}
/* contact us */
#contact_us #main_body .form {
	opacity: 0;
	animation: form 1s 2s ease-out forwards;
}
@keyframes form {
 0% {
  opacity: 0;
 }
 100% {
  opacity: 1;
 }
}