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

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

	Works

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

/*　アニメーション設定
------------------------------------------------------------------------------------------------------------------*/
h1,
h2 {
	opacity: 1;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px); 
	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: 1;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px);
	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: 1;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px);
	transition-duration: 0.8s;
}

/*　Portal Site Business
-----------------------------------------------------------------------------*/
.textbox.ScrollMagic03_01,
.imgbox.ScrollMagic03_01,
.textbox.ScrollMagic03_02,
table.ScrollMagic03_01 {
	opacity: 1;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px);
	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: 1;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px);
	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: 1;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px);
	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: 1;
	transform: translate(0,0px); 
	-webkit-transform: translate(0,0px);
	transition-duration: 0.8s;
}

