@charset "utf-8";
/*--
中 font-size:96%;
小 font-size:88%;
--*/
/*---------------------------------------*/
/* アニメーション */
/*---------------------------------------*/
.anime.slide{
position:relative;
}
/* スライドインコンテンツ */
.slideIn{
position:relative;
padding:0;
overflow:hidden;
}
.slideIn:after{
position:absolute;
top:-25%;
right:-25%;
width:150%;
height:150%;
background:#fff;
z-index:100;
display:inline-block;
opacity:1;
content:"";
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-webkit-transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
-moz-transition: all  0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
-o-transition: all  0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.2s;
}
.slideIn.leftSlide:after{
left:-25%;
}
.slideIn.bottomSlide:after{
bottom:-25%;
top:auto;
}
.slideIn.animation:after{
width:0;
}
.slideIn.bottomSlide.animation:after{
width:150%;
height:0%;
}
.slideIn:before{
position:absolute;
top:-25%;
right:-25%;
width:150%;
height:150%;
background:#f5f5f5;
z-index:100;
display:inline-block;
opacity:1;
content:"";
transform: rotate(-2deg);
-moz-transform: rotate(-2deg);
-webkit-transform: rotate(-2deg);
-webkit-transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
-moz-transition: all  0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
-o-transition: all  0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
transition: all 0.9s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
}
.slideIn.blue:before{
background:#1aa2e6;
}
.slideIn.leftSlide:before{
left:-25%;
}
.slideIn.bottomSlide:before{
bottom:-25%;
top:auto;
}
.slideIn.animation:before{
width:0;
}
.slideIn.bottomSlide.animation:before{
width:150%;
height:0%;
}
/* 画像スライドイン */
.slideIn.img{
background:#f5f5f5;
-webkit-transition: all 0s cubic-bezier(0.075, 0.82, 0.165, 1) 1.6s;
-moz-transition: all 0s cubic-bezier(0.075, 0.82, 0.165, 1) 1.6s;
-o-transition: all 0s cubic-bezier(0.075, 0.82, 0.165, 1) 1.6s;
transition: all 0s cubic-bezier(0.075, 0.82, 0.165, 1) 1.6s;
}
.slideIn.animation.img{
background:none;
}
.slideIn img,
.slideIn .slideBg{
margin-left:-30px;
-webkit-transition: all 1.2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
-moz-transition: all  1.2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
-o-transition: all  1.2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
transition: all 1.2s cubic-bezier(0.075, 0.82, 0.165, 1) 0.9s;
}
.slideIn.animation img,
.slideIn.animation .slideBg{
	margin-left:0;
}
/* ズーム */
.anime.zoom{
position:relative;
-moz-transform: scale(0.0,0.0);
-webkit-transform: scale(0.0,0.0);
-o-transform: scale(0.0,0.0);
-ms-transform: scale(0.0,0.0);
transform:scale(0.0,0.0);
}
.anime.zoom.animation{
-moz-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
-o-transform: scale(1.0,1.0);
-ms-transform: scale(1.0,1.0);
transform:scale(1.0,1.0);
-webkit-transition: all 0.35s ease;
-moz-transition: all 0.35s ease;
-o-transition: all 0.35s ease;
transition: all  0.35s ease;
}
/* フェードイン */
.fadeIn{
opacity:0;
}
.animation.fadeIn{
opacity:1;
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all  0.6s ease 0.5s;
-o-transition: all  0.6s ease 0.5s;
transition: all   0.6s ease 0.5s;
}
.fadeIn.left{
transform: translate(-50px,0);
}
.animation.fadeIn.left{
transform: translate(0,0);
}
.fadeIn.right{
transform: translate(50px,0);
}
.animation.fadeIn.right{
transform: translate(0,0);
}
.fadeIn.top{
transform: translate(0,-50px);
}
.animation.fadeIn.top{
transform: translate(0,0);
}
.fadeIn.bottom{
transform: translate(0,50px);
}
.animation.fadeIn.bottom{
transform: translate(0,0);
}
/*---------------------------------------*/
/* 個別記述 */
/*---------------------------------------*/
#keyVisual .txt .ttl{
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all  0.6s ease 0.5s;
-o-transition: all  0.6s ease 0.5s;
transition: all   0.6s ease 0.5s;
}
#keyVisual.animation .txt .ttl{
	opacity:1;
transform: translate(0,0);
}
#keyVisual .txt .ttl:after{
	opacity:0;
-webkit-transition: all 0.6s ease 1.5s;
-moz-transition: all  0.6s ease 1.5s;
-o-transition: all  0.6s ease 1.5s;
transition: all   0.6s ease 1.5s;
}
#keyVisual.animation .txt .ttl:after{
	opacity:1;
}
#keyVisual .txt .mainttl{
-webkit-transition: all 0.6s ease 0.7s;
-moz-transition: all  0.6s ease 0.7s;
-o-transition: all  0.6s ease 0.7s;
transition: all   0.6s ease 0.7s;
}
#keyVisual.animation .txt .mainttl{
	opacity:1;
transform: translate(0,0);
}
#keyVisual .txt .note{
-webkit-transition: all 0.6s ease 0.9s;
-moz-transition: all  0.6s ease 0.9s;
-o-transition: all  0.6s ease 0.9s;
transition: all   0.6s ease 0.9s;
}
#keyVisual.animation .txt .note{
	opacity:1;
transform: translate(0,0);
}


#onayamiArea .onayamiOuter .onayami .parson{
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all  0.6s ease 0.5s;
-o-transition: all  0.6s ease 0.5s;
transition: all   0.6s ease 0.5s;
}
#onayamiArea .onayamiOuter .onayami.animation .parson{
opacity:1;
}


#onayamiArea .onayamiOuter .onayami .onayami01{
-webkit-transition: all 0.1s ease 0.6s;
-moz-transition: all  0.1s ease 0.6s;
-o-transition: all  0.1s ease 0.6s;
transition: all   0.1s ease 0.6s;
opacity:0;
}
#onayamiArea .onayamiOuter .onayami .onayami02{
-webkit-transition: all 0.1s ease 0.7s;
-moz-transition: all  0.1s ease 0.7s;
-o-transition: all  0.1s ease 0.7s;
transition: all   0.1s ease 0.7s;
opacity:0;
}
#onayamiArea .onayamiOuter .onayami .onayami03{
-webkit-transition: all 0.1s ease 0.8s;
-moz-transition: all  0.1s ease 0.8s;
-o-transition: all  0.1s ease 0.8s;
transition: all   0.1s ease 0.8s;
opacity:0;
}
#onayamiArea .onayamiOuter .onayami .onayami04{
-webkit-transition: all 0.1s ease 0.9s;
-moz-transition: all  0.1s ease 0.9s;
-o-transition: all  0.1s ease 0.9s;
transition: all   0.1s ease 0.9s;
opacity:0;
}
#onayamiArea .onayamiOuter .onayami .onayami05{
-webkit-transition: all 0.1s ease 1s;
-moz-transition: all  0.1s ease 1s;
-o-transition: all  0.1s ease 1s;
transition: all   0.1s ease 1s;
opacity:0;
}
#onayamiArea .onayamiOuter .onayami.animationlate .onayami01{
-webkit-animation: bound 0.3s linear;
animation: bound 0.3s linear;
animation-delay:0.6s;
opacity:1;
}
#onayamiArea .onayamiOuter .onayami.animationlate .onayami02{
-webkit-animation: bound 0.3s linear;
animation: bound 0.3s linear;
animation-delay:0.7s;
opacity:1;
}
#onayamiArea .onayamiOuter .onayami.animationlate .onayami03{
-webkit-animation: bound 0.3s linear;
animation: bound 0.3s linear;
animation-delay:0.8s;
opacity:1;
}
#onayamiArea .onayamiOuter .onayami.animationlate .onayami04{
-webkit-animation: bound 0.3s linear;
animation: bound 0.3s linear;
animation-delay:0.9s;
opacity:1;
}
#onayamiArea .onayamiOuter .onayami.animationlate .onayami05{
-webkit-animation: bound 0.3s linear;
animation: bound 0.3s linear;
animation-delay:1s;
opacity:1;
}

@-webkit-keyframes bound {
0% {
-moz-transform: scale(0.0,0.0);
-webkit-transform: scale(0.0,0.0);
-o-transform: scale(0.0,0.0);
-ms-transform: scale(0.0,0.0);
transform:scale(0.0,0.0);
opacity:1;
}
33.333% {
-moz-transform: scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
}
66.666% {
-moz-transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
-o-transform:scale(0.8,0.8);
-ms-transform:scale(0.8,0.8);
transform:scale(0.8,0.8);
}
100% {
-moz-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
-o-transform: scale(1.0,1.0);
-ms-transform: scale(1.0,1.0);
transform:scale(1.0,1.0);
}
}
@keyframes bound {
0% {
-moz-transform: scale(0.0,0.0);
-webkit-transform: scale(0.0,0.0);
-o-transform: scale(0.0,0.0);
-ms-transform: scale(0.0,0.0);
transform:scale(0.0,0.0);
}
33.333% {
-moz-transform: scale(1.2,1.2);
-webkit-transform:scale(1.2,1.2);
-o-transform:scale(1.2,1.2);
-ms-transform:scale(1.2,1.2);
transform:scale(1.2,1.2);
}
66.666% {
-moz-transform:scale(0.8,0.8);
-webkit-transform:scale(0.8,0.8);
-o-transform:scale(0.8,0.8);
-ms-transform:scale(0.8,0.8);
transform:scale(0.8,0.8);
}
100% {
-moz-transform: scale(1.0,1.0);
-webkit-transform: scale(1.0,1.0);
-o-transform: scale(1.0,1.0);
-ms-transform: scale(1.0,1.0);
transform:scale(1.0,1.0);
}
}
#reasonArea .reasonContent .point{
-webkit-transition: all 0.6s ease;
-moz-transition: all 0.6s ease;
-o-transition: all 0.6s ease;
transition: all 0.6s ease;
}
#reasonArea .reasonContent.animation .point{
	opacity:1
}
#reasonArea .reasonContent .point .bg{
transform:rotate(45deg);
-webkit-transition: all 0.6s ease 0.6s;
-moz-transition: all  0.6s ease 0.6s;
-o-transition: all  0.6s ease 0.6s;
transition: all   0.6s ease 0.6s;
}
#reasonArea .reasonContent.animation .point .bg{
transform:rotate(0);
}
#reasonArea .reasonContent .ttl{
-webkit-transition: all 0.6s ease 0.3s;
-moz-transition: all 0.6s ease 0.3s;
-o-transition: all 0.6s ease 0.3s;
transition: all 0.6s ease 0.3s;
}
#reasonArea .reasonContent.animation .ttl{
	opacity:1;
transform: translate(0,0);
}
#reasonArea .reasonContent .note{
-webkit-transition: all 0.6s ease 0.5s;
-moz-transition: all 0.6s ease 0.5s;
-o-transition: all 0.6s ease 0.5s;
transition: all 0.6s ease 0.5s;
}
#reasonArea .reasonContent.animation .note{
	opacity:1;
transform: translate(0,0);
}
#reasonArea .reasonContent .img{
-webkit-transition: all 0.6s ease 0.6s;
-moz-transition: all  0.6s ease 0.6s;
-o-transition: all  0.6s ease 0.6s;
transition: all   0.6s ease 0.6s;
}
#reasonArea .reasonContent.animation .img{
	opacity:1;
}