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

/* =================================================================================================================

	Works

================================================================================================================= */

/*　アニメーション設定
------------------------------------------------------------------------------------------------------------------*/
h1,
h2 {
	opacity: 0;
	transform: translate(0,60px); 
	-webkit-transform: translate(0,60px); 
	transition-duration: 0.8s; /*変化する時間の長さを指定*/
}

/*　BtoB Marketing Communications
-----------------------------------------------------------------------------*/
.textbox.ScrollMagic01_01,
.imgbox01,
.textbox.ScrollMagic01_02,
.flex_container.style01,
h3.ScrollMagic01_01,
.textbox.ScrollMagic01_03,
.imgbox02,
.textbox.ScrollMagic01_04,
.flex_box.ScrollMagic01_01,
.flex_box.ScrollMagic01_02,
.flex_box.ScrollMagic01_03,
.textbox.ScrollMagic01_05,
.flex_container.style03,
.flexbox.ScrollMagic01_04,
.flexbox.ScrollMagic01_05,
.flexbox.ScrollMagic01_06,
.flexbox.ScrollMagic01_08,
.flexbox.ScrollMagic01_07,
h3.ScrollMagic01_02,
.flex_container.ScrollMagic01_01,
h3.ScrollMagic01_03,
.flex_container.ScrollMagic01_02,
h3.ScrollMagic01_04,
.flex_container.ScrollMagic01_03,
h3.ScrollMagic01_05,
.flex_container.ScrollMagic01_04,
h3.ScrollMagic01_06,
.flex_container.ScrollMagic01_05,
h3.ScrollMagic01_07,
.flex_container.ScrollMagic01_06,
h3.ScrollMagic01_08,
.flex_container.ScrollMagic01_07,
h3.ScrollMagic01_09,
.flex_container.ScrollMagic01_08,
h3.ScrollMagic01_10,
.flex_container.ScrollMagic01_09 {
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
	transition-duration: 0.8s;
}

/*　Live Broadcast
-----------------------------------------------------------------------------*/
.textbox.ScrollMagic02_01,
.flex_container.ScrollMagic02_01,
.textbox.ScrollMagic02_02,
.flex_container.ScrollMagic02_02,
.textbox.ScrollMagic02_03,
.flex_container.ScrollMagic02_03,
.textbox.ScrollMagic02_04,
.textbox.ScrollMagic02_05,
.flex_container.ScrollMagic02_04,
.textbox.ScrollMagic02_06,
table.ScrollMagic02_01 {
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
	transition-duration: 0.8s;
}

/*　Portal Site Business
-----------------------------------------------------------------------------*/
.textbox.ScrollMagic03_01,
.imgbox.ScrollMagic03_01,
.textbox.ScrollMagic03_02,
table.ScrollMagic03_01 {
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
	transition-duration: 0.8s;
}

/*　E-Commerce
-----------------------------------------------------------------------------*/
.textbox.ScrollMagic04_01,
.flex_box.ScrollMagic04_01,
.flex_box.ScrollMagic04_02,
.flex_box.ScrollMagic04_03,
.textbox.ScrollMagic04_02,
h3.ScrollMagic04_01,
.imgbox.ScrollMagic04_01,
table.ScrollMagic04_01,
.textbox.ScrollMagic04_03,
h3.ScrollMagic04_02,
.imgbox.ScrollMagic04_02,
table.ScrollMagic04_02 {
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
	transition-duration: 0.8s;
}

/*　Social Communications
-----------------------------------------------------------------------------*/
.textbox.ScrollMagic05_01,
.areabox_01.ScrollMagic05_01,
.contentbox01.ScrollMagic05_01,
.contentbox02.ScrollMagic05_02,
.contentbox03.ScrollMagic05_03,
table.ScrollMagic05_01,
.textbox.ScrollMagic05_02,
.areabox_02.ScrollMagic05_02,
.contentbox01.ScrollMagic05_04,
.contentbox02.ScrollMagic05_05,
table.ScrollMagic05_02 {
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
	transition-duration: 0.8s;
}

/*　CSR Corporate Social Responsibility
-----------------------------------------------------------------------------*/
.textbox.ScrollMagic06_01,
h3.ScrollMagic06_01,
.textbox.ScrollMagic06_02,
.flex_container.ScrollMagic06_01,
h3.ScrollMagic06_02,
.textbox.ScrollMagic06_03,
.flex_container.ScrollMagic06_02,
h3.ScrollMagic06_03,
.textbox.ScrollMagic06_04,
.flex_container.ScrollMagic06_03,
h3.ScrollMagic06_04,
.textbox.ScrollMagic06_05,
.flex_container.ScrollMagic06_04,
h3.ScrollMagic06_05,
.textbox.ScrollMagic06_06,
.flex_container.ScrollMagic06_05,
h3.ScrollMagic06_06,
.textbox.ScrollMagic06_07,
.flex_container.ScrollMagic06_06,
h3.ScrollMagic06_07,
.textbox.ScrollMagic06_08,
.flex_container.ScrollMagic06_07,
h3.ScrollMagic06_08,
.textbox.ScrollMagic06_09,
.flex_container.ScrollMagic06_08,
h3.ScrollMagic06_09,
.textbox.ScrollMagic06_10,
.flex_container.ScrollMagic06_09,
h3.ScrollMagic06_10,
.textbox.ScrollMagic06_11,
.flex_container.ScrollMagic06_10 {
	opacity: 0;
	transform: translate(0,10px); 
	-webkit-transform: translate(0,10px);
	transition-duration: 0.8s;
}




/*.fadeIn {
    opacity : 1;
    transform : translate(0, 0);
}
*/
#works01 .fadeInUp01,
#works02 .fadeInUp01,
#works03 .fadeInUp01,
#works04 .fadeInUp01,
#works05 .fadeInUp01,
#works06 .fadeInUp01 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out; /*変化の仕方を指定*/
	transition-delay: 0.2s; /*開始されるまでの待ち時間*/
}
#works01 .fadeInUp02,
#works02 .fadeInUp02,
#works03 .fadeInUp02,
#works04 .fadeInUp02,
#works05 .fadeInUp02,
#works06 .fadeInUp02 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 0.4s;
}
#works01 .fadeInUp03,
#works02 .fadeInUp03,
#works03 .fadeInUp03,
#works04 .fadeInUp03,
#works05 .fadeInUp03,
#works06 .fadeInUp03 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 0.6s;
}
#works01 .fadeInUp04,
#works02 .fadeInUp04,
#works03 .fadeInUp04,
#works04 .fadeInUp04,
#works05 .fadeInUp04,
#works06 .fadeInUp04 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 0.8s;
}
#works01 .fadeInUp05 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 1s;
}
/*
#works01 .fadeInUp06 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 1.2s;
}
#works01 .fadeInUp07 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 1.4s;
}
#works01 .fadeInUp08 {
	opacity: 1.0;
	transform: translate(0,0); 
	-webkit-transform: translate(0,0);
	transition-duration: 1s;
	transition-timing-function: ease-out;
	transition-delay: 1.6s;
}
*/