@charset "utf-8";
/* CSS Document */

/* スクロールするとイメージが表示される */
.animation, .animation_02, .animation_03, .animation_04, .animation_05 {
  opacity: 0;
  opacity: 1.0\9;
}

html[data-useragent*='MSIE 10.0'] .animation,
html[data-useragent*='MSIE 10.0'] .animation_02,
html[data-useragent*='MSIE 10.0'] .animation_03,
html[data-useragent*='MSIE 10.0'] .animation_04,
html[data-useragent*='MSIE 10.0'] .animation_05 {
  opacity: 0;
}

.fadeInDown {
 animation-fill-mode:both;
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-duration:0.8s;
 -webkit-animation-duration:0.8s;
 -ms-animation-duration:0.8s;
  animation-name: fadeInDown;
 -webkit-animation-name: fadeInDown;
 -ms-animation-name: fadeInDown;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateY(-25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateY(0); }
}
@keyframes fadeInDown {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateY(-25px); -ms-transform: translateY(-25px); transform: translateY(-25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.fadeInDown_02 {
 animation-fill-mode:both;
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-duration:0.8s;
 -webkit-animation-duration:0.8s;
 -ms-animation-duration:0.8s;
  animation-name: fadeInDown_02;
 -webkit-animation-name: fadeInDown_02;
 -ms-animation-name: fadeInDown_02;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown_02 {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateX(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateX(0); }
}
@keyframes fadeInDown_02 {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeInDown_03 {
 animation-fill-mode:both;
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-duration:0.8s;
 -webkit-animation-duration:0.8s;
 -ms-animation-duration:0.8s;
  animation-name: fadeInDown_03;
 -webkit-animation-name: fadeInDown_03;
 -ms-animation-name: fadeInDown_03;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown_03 {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateY(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateY(0); }
}
@keyframes fadeInDown_03 {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateY(25px); -ms-transform: translateY(25px); transform: translateY(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}

.fadeInDown_04 {
 animation-fill-mode:both;
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-duration:0.4s;
 -webkit-animation-duration:0.4s;
 -ms-animation-duration:0.4s;
  animation-name: fadeInDown_04;
 -webkit-animation-name: fadeInDown_04;
 -ms-animation-name: fadeInDown_04;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown_04 {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateX(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateX(0); }
}
@keyframes fadeInDown_04 {
 0% { opacity: 0; -webkit-filter: blur(5px); -webkit-transform: translateX(25px); -ms-transform: translateX(25px); transform: translateX(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}


.fadeInDown_05 {
 animation-fill-mode:both;
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-duration:0.8s;
 -webkit-animation-duration:0.8s;
 -ms-animation-duration:0.8s;
  animation-name: fadeInDown_05;
 -webkit-animation-name: fadeInDown_05;
 -ms-animation-name: fadeInDown_05;
 visibility: visible !important;
}
@-webkit-keyframes fadeInDown_05 {
 0% { opacity: 0; -webkit-filter: blur(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); }
}
@keyframes fadeInDown_05 {
 0% { opacity: 0; -webkit-filter: blur(25px); }
 100% { opacity: 1; -webkit-filter: blur(0px); }
}


/* トップメインアニメーション 
div.top_main_bg_l,
div.top_main_bg_r {
opacity:0;
	
animation-name: top_main_bg;
animation-delay: 0.2s;
animation-direction: normal;
animation-duration: 1.0s;
animation-iteration-count: 1;
animation-timing-function: linear;
animation-fill-mode: forwards;
}
@keyframes top_main_bg {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes top_main_bg {
    0% { opacity:0; }
    100% { opacity:1; }
}
@media (max-width:640px){
}

div.main_catch {
overflow: hidden;	
}
div.main_catch_txt img {
opacity:0;
margin-top: -25px;
margin-bottom: 25px;
	
animation-name: main_catch_txt;
animation-delay: 1.0s;
animation-direction: normal;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes main_catch_txt {
    0% { opacity:0; margin-top: -25px; margin-bottom: 25px; }
    100% { opacity:1; margin-top: 0px; margin-bottom: 0px; }

}
@-webkit-keyframes main_catch_txt {
    0% { opacity:0; margin-top: -25px; margin-bottom: 25px; }
    100% { opacity:1; margin-top: 0px; margin-bottom: 0px; }
}
@media (max-width:640px){
}

div.top_main_bt {
opacity:0;
	
animation-name: top_main_bt;
animation-delay: 1.5s;
animation-direction: normal;
animation-duration: 1.5s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes top_main_bt {
    0% { opacity:0; }
    100% { opacity:1; }
}
@-webkit-keyframes top_main_bt {
    0% { opacity:0; }
    100% { opacity:1; }
}
@media (max-width:640px){
}

div.top_main_title {
overflow: hidden;	
}
div.top_main_title h1 {
opacity:0;
margin-right: -50px;
	
animation-name: top_main_title;
animation-delay: 2.0s;
animation-direction: normal;
animation-duration: 1s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes top_main_title {
    0% { opacity:0; margin-right: -50px;}
    100% { opacity:1; margin-right: 0px;}
}
@-webkit-keyframes top_main_title {
    0% { opacity:0; margin-right: -50px;}
    100% { opacity:1; margin-right: 0px;}
}
@media (max-width:640px){
}

.top_main_ovj_1 {
opacity:0;
padding: 25px 0px 0px 25px;

animation-name: top_main_ovj_1;
animation-delay: 1.5s;
animation-direction: normal;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes top_main_ovj_1 {
    0% { opacity:0; padding: 25px 0px 0px 25px;}
    20% { opacity:0; padding: 50px 0px 0px 50px;}
    100% { opacity:1; padding: 0px;}
}
@-webkit-keyframes top_main_ovj_1 {
    0% { opacity:0; padding: 25px 0px 0px 25px;}
    20% { opacity:0; padding: 50px 0px 0px 50px;}
    100% { opacity:1; padding: 0px;}
}
.top_main_ovj_2 {
opacity:0;
padding: 25px 0px 0px 25px;

animation-name: top_main_ovj_2;
animation-delay: 1.8s;
animation-direction: normal;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes top_main_ovj_2 {
    0% { opacity:0; padding: 25px 0px 0px 25px;}
    20% { opacity:0; padding: 50px 0px 0px 50px;}
    100% { opacity:1; padding: 0px;}
}
@-webkit-keyframes top_main_ovj_2 {
    0% { opacity:0; padding: 25px 0px 0px 25px;}
    20% { opacity:0; padding: 50px 0px 0px 50px;}
    100% { opacity:1; padding: 0px;}
}

.top_main_ovj_3 {
opacity:0;
padding: 25px 25px 0px 0px;

animation-name: top_main_ovj_3;
animation-delay: 2.1s;
animation-direction: normal;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes top_main_ovj_3 {
    0% { opacity:0; padding: 25px 25px 0px 0px;}
    20% { opacity:0; padding: 50px 50px 0px 0px;}
    100% { opacity:1; padding: 0px;}
}
@-webkit-keyframes top_main_ovj_3 {
    0% { opacity:0; padding: 25px 25px 0px 0px;}
    20% { opacity:0; padding: 50px 50px 0px 0px;}
    100% { opacity:1; padding: 0px;}
}
.top_main_ovj_4 {
opacity:0;
padding: 25px 25px 0px 0px;
	
animation-name: top_main_ovj_4;
animation-delay: 2.4s;
animation-direction: normal;
animation-duration: 0.4s;
animation-iteration-count: 1;
animation-timing-function: ease;
animation-fill-mode: forwards;
}
@keyframes top_main_ovj_4 {
    0% { opacity:0; padding: 25px 25px 0px 0px;}
    20% { opacity:0; padding: 50px 50px 0px 0px;}
    100% { opacity:1; padding: 0px;}
}
@-webkit-keyframes top_main_ovj_4 {
    0% { opacity:0; padding: 25px 25px 0px 0px;}
    20% { opacity:0; padding: 50px 50px 0px 0px;}
    100% { opacity:1; padding: 0px;}
}

*/