.aniImg { margin:0 auto; position:relative}
.aniImg img { opacity:0; position:absolute}
.aniImg .aniBg{ position:static; opacity:1; }

/**************************************************************************************/
/* strategies */

#strategies .aniImg { max-width:906px;}
#str_img_1 #str_img_1a, #str_img_1 #str_img_1b, #str_img_1 #str_img_1c{ top:0;}
#str_img_1.animate #str_img_1a{	animation-name: str_img_1a; animation-duration: 1s; animation-fill-mode: forwards;}
#str_img_1.animate #str_img_1b{	animation-name: str_img_1b; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards;}
#str_img_1.animate #str_img_1c{	animation-name: str_img_1c; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: forwards;}
@keyframes str_img_1a {
    0%   { opacity:0}
    100% { opacity:1}
}
@keyframes str_img_1b {
    0%   { opacity:0}
    100% { opacity:1}
}
@keyframes str_img_1c {
    0%   { opacity:0}
    100% { opacity:1}
}

#str_img_2 #str_img_2a, #str_img_2 #str_img_2b, #str_img_2 #str_img_2c, #str_img_2 #str_img_2d, #str_img_2 #str_img_2e{ top:0;}
#str_img_2.animate #str_img_2a{	animation-name: str_img_2a; animation-duration: 1s; animation-fill-mode: forwards; z-index: 10}
#str_img_2.animate #str_img_2b{	animation-name: str_img_2b; animation-duration: 1s; animation-delay: 0.5s; animation-fill-mode: forwards;}
#str_img_2.animate #str_img_2c{	animation-name: str_img_2c; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards;}
#str_img_2.animate #str_img_2d{	animation-name: str_img_2d; animation-duration: 1s; animation-delay: 1.5s; animation-fill-mode: forwards;}
#str_img_2.animate #str_img_2e{	animation-name: str_img_2e; animation-duration: 1s; animation-delay: 2s; animation-fill-mode: forwards;}
@keyframes str_img_2a {
    0%   { opacity:0}
    100% { opacity:1}
}
@keyframes str_img_2b{
    0%   { transform: translate(0,100px);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_2c{
    0%   { transform: translate(0,100px);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_2d{
    0%   { transform: translate(0,100px);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_2e{
    0%   { transform: translate(0,100px);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
/*#str_img_2 #str_img_2a, #str_img_2 #str_img_2b, #str_img_2 #str_img_2c{ top:0;}
#str_img_2.animate #str_img_2a{	animation-name: str_img_2a; animation-duration: 1s; animation-fill-mode: forwards;}
#str_img_2.animate #str_img_2b{	animation-name: str_img_2b; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards;}
#str_img_2.animate #str_img_2c{	animation-name: str_img_2c; animation-duration: 1s; animation-delay: 2s; animation-fill-mode: forwards;}
@keyframes str_img_2a {
    0%   { opacity:0}
    100% { opacity:1}
}
@keyframes str_img_2b {
    0%   { transform: translate(-100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_2c {
    0%   { transform: translate(100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}*/

/*#str_img_3 #str_img_3a, #str_img_3 #str_img_3b{ top:0;}
#str_img_3.animate #str_img_3a{	animation-name: str_img_3a; animation-duration: 2s; animation-fill-mode: forwards;}
#str_img_3.animate #str_img_3b{	animation-name: str_img_3b; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards;}
@keyframes str_img_3a {
    0%   { transform: translate(0,-100px);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_3b {
    0%   { transform: translate(0,100px);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}*/

/*
#str_img_3 #str_img_3a, #str_img_3 #str_img_3b, #str_img_3 #str_img_3c{ top:0;}
#str_img_3.animate #str_img_3a{	animation-name: str_img_3a; animation-duration: 1s; animation-fill-mode: forwards;}
#str_img_3.animate #str_img_3b{	animation-name: str_img_3b; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards;}
#str_img_3.animate #str_img_3c{	animation-name: str_img_3c; animation-duration: 1s; animation-delay: 2s; animation-fill-mode: forwards;}
@keyframes str_img_3a {
    0%   { transform: translate(-100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_3b {
    0%   { transform: translate(-100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_3c {
    0%   { opacity:0}
    100% { opacity:1}
}

#str_img_4 #str_img_4a, #str_img_4 #str_img_4b, #str_img_4 #str_img_4c{ top:0;}
#str_img_4.animate #str_img_4a{	animation-name: str_img_4a; animation-duration: 1s; animation-fill-mode: forwards;}
#str_img_4.animate #str_img_4b{	animation-name: str_img_4b; animation-duration: 1s; animation-delay: 1s; animation-fill-mode: forwards;}
#str_img_4.animate #str_img_4c{	animation-name: str_img_4c; animation-duration: 1s; animation-delay: 2s; animation-fill-mode: forwards;}
@keyframes str_img_4a {
    0%   { opacity:0}
    100% { opacity:1}
}
@keyframes str_img_4b {
    0%   { transform: translate(-100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes str_img_4c {
    0%   { opacity:0}
    100% { opacity:1}
}*/


/**************************************************************************************/
/* Culture */
#culture .aniImg {width:100%}
#culture .aniImg img, #culture .aniImg .aniBg {width:inherit}
#corp_culture_1 #corp_culture_1a, #corp_culture_1 #corp_culture_1a{ top:0;}
#corp_culture_1.animate #corp_culture_1a{	animation-name: corp_culture_1a;   animation-duration: 1s;animation-fill-mode: forwards;}
#corp_culture_1.animate #corp_culture_1b{	animation-name: corp_culture_1b;   animation-duration: 1s;animation-fill-mode: forwards;}
@keyframes corp_culture_1a {
    0%   { transform: translate(-100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}
@keyframes corp_culture_1b {
    0%   { transform: translate(100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}

/**************************************************************************************/
/* CSR */

#csr_img {text-align:center; }
#csr_bg_2{ opacity:1}

.animate #csr_img_1a{	animation-name: csr_corp_img_1;   animation-duration: 1s;animation-delay: 0.5s;animation-fill-mode: forwards;}
@keyframes csr_corp_img_1 {
    0%   { 	opacity:0;}
    100% { 	opacity:1;}
}

.animate #csr_img_2a,
.animate #csr_img_3a,
.animate #csr_img_4a,
.animate #csr_img_5a,
.animate #csr_img_6a,
.animate #csr_img_7a{animation-name: csr_corp_img_2-7;   animation-duration: 2.5s;animation-delay: 1s;animation-fill-mode: forwards;}
@keyframes csr_corp_img_2-7 {
    0%   {opacity:0;}
    16% {opacity:1;}
	32%   {opacity:0;}
    49% {opacity:1;}
	65%   {opacity:0;}
    100% {opacity:1;}
}

/* BAK - 170330 */
/*#csr_img{ background-color:#e9eb9b}
#csr_img img{width:100%;}
.animate #csr_bg_1{	animation-name: csr_bg_1; animation-duration: 0.5s;animation-fill-mode: forwards;}
@keyframes csr_bg_1 {
    0%   { transform: translate(-100px,0);opacity:0}
    100% { transform: translate(0,0);opacity:1}
}

@keyframes csr_corp_img_2 {
    0%   { 	transform:translate(-50%,-50%) rotate(0deg);opacity:0; width:0}
    100% { 	transform:translate(-50%,-50%) rotate(720deg);opacity:1; width:100%}
}*/