@charset "utf-8";

/* それぞれ変化前と変化後 */



.fade-in{
opacity: 0;
/*transition: .8s;*/
transition: .5s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.fadeIn{
opacity: 1;
}



.slide-in-right{
opacity: 0;
transform: translate(-30%, 0);
transition: .8s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInRight{
opacity: 1;
transform: translate(0, 0);
}

.slide-in-right-inner:before,
.slide-in-right-inner:after{
opacity: 0;
transform: translate(100%, 0);
transition: .8s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInRightInner:before,
.slideInRightInner:after{
opacity: 1;
transform: translate(0, 0);
}


.slide-in-top{
opacity: 0;
transform: translate(0, 30%);
/*transition: .8s;*/
transition: .5s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInTop{
opacity: 1;
transform: translate(0, 0);
}

.slide-in-top-inner:before,
.slide-in-top-inner:after{
opacity: 0;
transform: translate(0, 30%);
transition: .8s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInTopInner:before,
.slideInTopInner:after{
opacity: 1;
transform: translate(0, 0);
}


.slide-in-bottom{
opacity: 0;
transform: translate(0, -30%);
transition: .8s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInBottom{
opacity: 1;
transform: translate(0, 0);
}

.slide-in-bottom-inner:before,
.slide-in-bottom-inner:after{
opacity: 0;
transform: translate(0, -30%);
transition: .8s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInBottomInner:before,
.slideInBottomInner:after{
opacity: 1;
transform: translate(0, 0);
}


.slide-in-left{
opacity: 0;
/*transform: translate(100px, 0);
transition: .4s;*/
transform: translate(60px, 0);
transition: .2s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInLeft{
opacity: 1;
transform: translate(0, 0);
}

.slide-in-left-inner:before,
.slide-in-left-inner:after{
opacity: 0;
transform: translate(-30%, 0);
transition: .8s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideInLeftInner:before,
.slideInLeftInner:after{
opacity: 1;
transform: translate(0, 0);
}









/* マンダム用のアニメーション */



.slide-green:before{
transform: skewX(-45deg);
content: "";
display: inline-block;
background-color: #BFE5E9;
width: 200%;
height:200%;
z-index: 103;
position: absolute;
top:0;
left:-100%;
/*transition: .6s;
transition-delay:.6s;*/
transition: .4s;
transition-delay:.4s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}

body.ir .slide-green:before{background-color:#C5E4F4;}
body.csr .slide-green:before{background-color:#BFE9CF;}
body.products .slide-green:before{background-color:#F7CEDD;}
body.customer .slide-green:before{background-color:#F6E3BF;}
body.careers .slide-green:before{background-color:#F6E3BF;}
body.rd .slide-green:before{background-color:#D2CBE7;}


.slideGreen:before{
left:-300%;
}


.slide-in-left-long{
opacity: 0;
transition: .4s;
transition-delay:.1s;
overflow: hidden;
position:relative;
/*right:-90%;*/
right:-20px;
}
.slideInLeftLong{
opacity: 1;
right:0;
}

.slide-in-right-long {
opacity: 0;
transition: .4s;
transition-delay:.2s;
overflow: hidden;
position:relative;
left:-90%;
}
.slideInRightLong{
left:0;
}


.fade-green:before{
content: "";
display: inline-block;
background-color: #BFE5E9;
width: 100%;
height:100%;
z-index: 103;
position: absolute;
top:0;
transition: 1.5s;
transition-delay:.5s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.fadeGreen:before{
opacity: 0;
}




.slide-diamonds:before{
transform: skewX(-45deg);
content: "";
display: inline-block;
background-color: #009EA7;
width: 100%;
height:100%;
z-index: 102;
position: absolute;
top:0;
left:-30%;
transition: .2s;
transition-delay:.0s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.index .slide-diamonds:before{
left:-10%;
}

.slideDiamonds:before{
left:calc(-100% - 80px);
}
.index .slideDiamonds:before{
left:calc(-100% - 25px);
}


@media screen and (min-width:768px) {
.slideDiamonds:before{
left:calc(-100% - 150px);
}
.index .slideDiamonds:before{
left:calc(-100% - 90px);
}

}






.slide-diamonds:after{
transform: skewX(-45deg);
content: "";
display: inline-block;
background-color: #009EA7;
width: 100%;
height:100%;
z-index: 101;
position: absolute;
top:0;
left:-20%;
transition: .4s;
transition-delay:.4s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideDiamonds:after{
left:calc(-100% - 40px);
opacity: .5;
}
.index .slideDiamonds:after{
left:calc(-100% + 40px);
}


@media screen and (min-width:768px) {
.slideDiamonds:after{
left:calc(-100% - 75px);
opacity: .5;
}
.index .slideDiamonds:after{
left:calc(-100% + 5px);
}

}


.slide-diamonds > div:before{
transform: skewX(-45deg);
content: "";
display: inline-block;
background-color: #009EA7;
width: 100%;
height:100%;
z-index: 100;
position: absolute;
top:0;
left:0%;
transition: .6s;
transition-delay:.6s;
transition-timing-function:cubic-bezier(0.39, 0.575, 0.565, 1);
}
.slideDiamonds > div:before{
left:calc(-100% - 0px);
opacity: .2;
}
.index .slideDiamonds > div:before{
left:calc(-100% + 100px);
opacity: .35;
}



/*カテゴリ毎のカラー指定*/ 
/* ir */
body.ir .category_main .fade-green:before {background-color:#C5E4F4;}
body.ir .category_main .slide-diamonds:before,
body.ir .category_main .slide-diamonds:after,
body.ir .category_main .slide-diamonds > div:before {background-color:#0061A8;}

/* csr */
body.csr .category_main .fade-green:before {background-color:#BFE9CF;}
body.csr .category_main .slide-diamonds:before,
body.csr .category_main .slide-diamonds:after,
body.csr .category_main .slide-diamonds > div:before {background-color:#00A841;}

/* products */
body.products .category_main .fade-green:before {background-color:#F7CEDD;}
body.products .category_main .slide-diamonds:before,
body.products .category_main .slide-diamonds:after,
body.products .category_main .slide-diamonds > div:before {background-color:#E03C7B;}

/* careers */
body.careers .category_main .fade-green:before {background-color:#F6E3BF;}
body.careers .category_main .slide-diamonds:before,
body.careers .category_main .slide-diamonds:after,
body.careers .category_main .slide-diamonds > div:before {background-color:#C71811;}

/* customer */
body.customer .category_main .fade-green:before {background-color:#F6E3BF;}
body.customer .category_main .slide-diamonds:before,
body.customer .category_main .slide-diamonds:after,
body.customer .category_main .slide-diamonds > div:before {background-color:#DE9100;}

/* rd */
body.rd .category_main .fade-green:before {background-color:#D2CBE7;}
body.rd .category_main .slide-diamonds:before,
body.rd .category_main .slide-diamonds:after,
body.rd .category_main .slide-diamonds > div:before {background-color:#4E30A2;}


/* INDEX */
/* ir */
.index #ir .category_btn .fade-green:before {background-color:#C5E4F4;}
.index #ir .category_btn .slide-diamonds:before,
.index #ir .category_btn .slide-diamonds:after,
.index #ir .category_btn .slide-diamonds > div:before {background-color:#0061A8;}

/* csr */
.index #csr .category_btn .fade-green:before {background-color:#BFE9CF;}
.index #csr .category_btn .slide-diamonds:before,
.index #csr .category_btn .slide-diamonds:after,
.index #csr .category_btn .slide-diamonds > div:before {background-color:#00A841;}

/* products */
.index #products .category_btn .fade-green:before {background-color:#F7CEDD;}
.index #products .category_btn .slide-diamonds:before,
.index #products .category_btn .slide-diamonds:after,
.index #products .category_btn .slide-diamonds > div:before {background-color:#E03C7B;}

/* careers */
.index #careers .category_btn .fade-green:before {background-color:#F6E3BF;}
.index #careers .category_btn .slide-diamonds:before,
.index #careers .category_btn .slide-diamonds:after,
.index #careers .category_btn .slide-diamonds > div:before {background-color:#C71811;}

/* customer */
.index #customer .category_btn .fade-green:before {background-color:#F6E3BF;}
.index #customer .category_btn .slide-diamonds:before,
.index #customer .category_btn .slide-diamonds:after,
.index #customer .category_btn .slide-diamonds > div:before {background-color:#DE9100;}

/* rd */
.index #rd .category_btn .fade-green:before {background-color:#D2CBE7;}
.index #rd .category_btn .slide-diamonds:before,
.index #rd .category_btn .slide-diamonds:after,
.index #rd .category_btn .slide-diamonds > div:before {background-color:#4E30A2;}




/* /マンダム用のアニメーション */






/* transition-delay */
.delay0,.delay0:before,.delay0:after{ transition-delay:0s;animation-delay:0; }
.delay02,.delay02:before,.delay02:after{ transition-delay:.2s;animation-delay:.2s; }

.delay04,.delay04:before,.delay04:after{ transition-delay:.4s;animation-delay:.4s; }
.delay05,.delay05:before,.delay05:after{ transition-delay:.5s;animation-delay:.5s; }
.delay06,.delay06:before,.delay06:after{ transition-delay:.6s;animation-delay:.6s; }
.delay08,.delay08:before,.delay08:after{ transition-delay:.8s;animation-delay:.8s; }
.delay1,.delay1:before,.delay1:after{ transition-delay:1s;animation-delay:1s; }
.delay12,.delay12:before,.delay12:after{ transition-delay:1.2s;animation-delay:1.2s; }
.delay14,.delay14:before,.delay14:after{ transition-delay:1.4s;animation-delay:1.4s; }
.delay16,.delay16:before,.delay16:after{ transition-delay:1.8s;animation-delay:1.8s; }
.delay18,.delay18:before,.delay18:after{ transition-delay:1.8s;animation-delay:1.8s; }
.delay2,.delay2:before,.delay2:after{ transition-delay:2s;animation-delay:2s; }
.delay22,.delay22:before,.delay22:after{ transition-delay:2.2s;animation-delay:2.2s; }
.delay24,.delay24:before,.delay24:after{ transition-delay:2.4s;animation-delay:2.4s; }
.delay26.delay26:before,.delay26:after{ transition-delay:2.6s;animation-delay:2.6s; }
.delay28,.delay28:before,.delay28:after{ transition-delay:2.8s;animation-delay:2.8s; }
.delay3,.delay3:before,.delay3:after{ transition-delay:3s;animation-delay:3s; }
.delay32,.delay32:before,.delay32:after{ transition-delay:3.2s;animation-delay:3.2s; }
.delay34,.delay34:before,.delay34:after{ transition-delay:3.4s;animation-delay:3.4s; }
.delay36,.delay36:before,.delay36:after{ transition-delay:3.6s;animation-delay:3.6s; }
.delay38,.delay38:before,.delay38:after{ transition-delay:3.8s;animation-delay:3.8s; }
.delay4,.delay4:before,.delay4:after{ transition-delay:4s;animation-delay:4s; }
.delay42,.delay42:before,.delay42:after{ transition-delay:4.2s;animation-delay:4.2s; }
.delay44,.delay44:before,.delay44:after{ transition-delay:4.4s;animation-delay:4.4s; }
.delay46,.delay46:before,.delay46:after{ transition-delay:4.6s;animation-delay:4.6s; }
.delay48,.delay48:before,.delay48:after{ transition-delay:4.8s;animation-delay:4.8s; }
.delay5,.delay5:before,.delay5:after{ transition-delay:5s;animation-delay:5s; }


/* transition-duration */
.duration0,.duration0:before,.duration0:after{transition-duration: 0s;animation-duration: 0s;}
.duration02,.duration02:before,.duration02:after{transition-duration: .2s;animation-duration: 0.2s;}
.duration04,.duration04:before,.duration04:after{transition-duration: .4s;animation-duration: .4s;}
.duration06,.duration06:before,.duration06:after{transition-duration: .6s;animation-duration: .6s;}
.duration08,.duration08:before,.duration08:after{transition-duration: .8s;animation-duration: .8s;}
.duration1,.duration1:before,.duration1:after{transition-duration: 1s;animation-duration: 1s;}
.duration12,.duration12:before,.duration12:after{transition-duration: 1.2s;animation-duration: 1.2s;}
.duration14,.duration14:before,.duration14:after{transition-duration: 1.4s;animation-duration: 1.4s;}
.duration16,.duration16:before,.duration16:after{transition-duration: 1.6s;animation-duration: 1.6s;}
.duration18,.duration18:before,.duration18:after{transition-duration: 1.8s;animation-duration: 1.8s;}
.duration2,.duration2:before,.duration2:after{transition-duration: 2s;animation-duration: 2s;}










@media screen and (min-width:768px) {
}/* min-width:768px; */


@media screen and (min-width:960px) {
}/* min-width:960px; */