
nav#global > ul > li:hover .menu{
	padding: 0 0;
}
/* こっちがPC制御 */
@media screen and (min-width: 769px) {
	nav#global > ul > li .menu,
	nav#global > ul > li:hover .menu {
		-webkit-transition: all 0.5s;
		-moz-transition: all 0.5s;
		-ms-transition: all 0.5s;
		-o-transition: all 0.5s;
		transition: all 0.5s;
	}
	nav#global > ul > li .menu {
		height: 0;
	}
}

nav#global > ul > li:hover .menu {
	height: auto;
}

nav#global > ul > li .menu > dl {
	padding: 55px 0 30px;
	height: 0;
}

@-webkit-keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

@keyframes fadeInUp {
	from {
		opacity: 0;
		-webkit-transform: translate3d(0, 25px, 0);
		transform: translate3d(0, 25px, 0);
	}

	to {
		opacity: 1;
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	}
}

.fadeInUp {
	-webkit-animation-name: fadeInUp;
	animation-name: fadeInUp;
}

@-webkit-keyframes animateLeftToRight {
	from {
		opacity: 0;
		width: 0;
	}

	to {
		opacity: 1;
		width: 100%;
	}
}

@keyframes animateLeftToRight {
	from {
		opacity: 0;
		width: 0;
	}

	to {
		opacity: 1;
		width: 100%;
	}
}

.animateLeftToRight {
	-webkit-animation-name: animateLeftToRight;
	animation-name: animateLeftToRight;
}

@-webkit-keyframes animateShadow {
	from {
		opacity: 0;
		box-shadow: none;
	}

	to {
		opacity: 1;
		box-shadow: 0 5px 5px #e8e8e8;
	}
}

@keyframes animateShadow {
	from {
		opacity: 0;
		box-shadow: none;
	}

	to {
		opacity: 1;
		box-shadow: 0 5px 5px #e8e8e8;
	}
}

.animateShadow {
	-webkit-animation-name: animateShadow;
	animation-name: animateShadow;
}

@media screen and (min-width: 769px) {

	#top {
		/*position: fixed;*/
		overflow: scroll;
		overflow-x: hidden;
		width: 100%;
	}

	#top-mov-stage{
		width: 100%;
		height: 1vh;
	}
	.mov-area.pc{
		height: 100vh;
		/*transform: translate3D(0, 0, 0)*/
		position: fixed;
		width: 100%;
	}
	.mov-area.pc.is-animate {
		transition-duration: 0.8s;
		transition-timing-function: ease;
	}

	/*220912 ���[�r�[���E�{�^���ǉ�*/
	.mov-dot #mov-out-btn {
		z-index:50;
		position:absolute;
		right: 0;
		left: 0;
		bottom:30px;
		transform: translate3d(0px, 0px, 50px);
		cursor: pointer;
		animation: flash 5s cubic-bezier(0.2, 0, 0, 0.2) infinite;
	}
	.mov-dot #mov-out-btn:hover {
		transition-duration: 0.5s;
		opacity: 0.8;
	}

	.mov-dot.pc{
		/*transform: translate3D(0, 0, 0)*/
	}
	.mov-dot.pc.is-animate {
		transition-duration: 0.8s;
		transition-timing-function: ease;
	}

	#top-area-wrapper {
		/*transform: translate3D(0, 100%, 0);*/
	}
	#top-area-wrapper.is-animate {
		transition-duration: 0.8s;
		transition-timing-function: ease;
	}

	#header .is-inner {
		transition: all 1s;
	}
	body.is-scroll #header .is-inner {
		margin: 0 auto;
		height: 100%;
		padding: 5px 0;
	}

	body #header h1 a img {
		transition: all 1s;
	}

	body.is-scroll #header h1 a img {
		transition: all 1s;
		margin-top: 4px;
		transform: scale(0.7);    
	}
}

.wow {
  visibility: hidden;
}


@keyframes bg-slider {
	from { background-position: bottom right; }
	to { background-position: center 20px; }
}

#top-mov-stage{
	width: 100%;
	height: 1vh;
}

.top-business h2{
	transition: all .3s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.top-business.is-motion h2{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.top-business h3{
	transition: all .3s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;

}
.top-business.is-motion h3{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}


.top-business .top-business-qbox-inner a span.top-business-main-img img{
	transition: all .3s ease-in;
	opacity: 0;
}

.top-business-qbox-inner a:hover span.top-business-main-img img{
	transition-duration: 0.5s;
	transform: scale(1.2);
	z-index: 1;
}
.top-business.is-motion .top-business-qbox-inner a span.top-business-main-img img{
	opacity: 1;
	transition-delay:.3s;
}

.top-business-qbox-inner .top-business--title{
	transition: all .3s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}


.top-business-qbox-inner .top-business--title.is-motion{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
}

.top-business-qbox-inner:nth-of-type(2) .top-business--title.is-motion{
	transition-delay: .2s;
}
.top-business-qbox-inner:nth-of-type(3) .top-business--title.is-motion{
	transition-delay: .4s;
}
.top-business-qbox-inner:nth-of-type(4) .top-business--title.is-motion{
	transition-delay: .6s;
}
.top-business-qbox-inner:nth-of-type(5) .top-business--title.is-motion{
	transition-delay: .8s;
}

.top-ceo{
	opacity: 0;
}
.top-ceo.is-motion{
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-ms-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	opacity: 1;
}


.top-ceo .is-inner .is-read h2{
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.top-ceo .is-inner .is-read h3{
	transition: all 0.3s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}


.top-ceo.is-motion .is-inner .is-read h2{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	max-width: 275px;
	width: 30%;
	transition-delay: 0.5s;
	float: right;
}
.top-ceo.is-motion .is-inner .is-read h3{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition-delay: 0.5s;
	clear: right;
}

.top-ceo .is-inner .is-txt h4{
	transition: all 0.5s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.top-ceo .is-inner .is-txt p{
	transition: all 0.5s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}


.top-ceo.is-motion .is-inner .is-txt h4{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1s;
}
.top-ceo.is-motion .is-inner .is-txt p{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition-delay: 1s;
}

.power-business-energy-more {
	height: 75px;
}

.power-business-energy-more a span{
	font-size: 218.3%
}

@media screen and (max-width: 430px) {
	.power-business-energy-more {
		height: 60px;
	}
	.power-business-energy-more a {
		height: 60px
	}
}

/*--- TOP business position fix in IE ---*/
.top-business-qbox-inner a {
	position: static;
}