
#global-en .menu,
nav#global > ul > li .menu {
	display: block;
	overflow: hidden;
	max-height: initial;
}

#global-en:hover .menu,
nav#global > ul > li:hover .menu{
	padding: 0 0;
}
/* こっちがPC制御 */
@media screen and (min-width: 769px) {
	#global-en .menu,
	#global-en:hover .menu,
	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;
	}
	#global-en .menu,
	nav#global > ul > li .menu {
		height: 0;
	}
}

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

#global-en .menu > dl,
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;
}

.top-pickup{
	opacity: 0;
}

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

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

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

.top-pickup .top-pickup--list li .top-pickup--number{
	transition: all .3s ease-out;
	-webkit-transform: translateY(-30px);
	-ms-transform: translateY(-30px);
	transform: translateY(-30px);
	opacity: 0;
}
.top-pickup .top-pickup--list li figure {
	opacity: 0;
}

.top-pickup .top-pickup--list li figure .top-pickup--img img{
	transition: all .6s ease-in;
	transform: scale(0.1.0.1);
}

@media screen and (min-width: 481px) {
	.top-pickup h2{
		transition: all .3s ease-out;
		-webkit-transform: translateY(30px);
		-ms-transform: translateY(30px);
		transform: translateY(30px);
		opacity: 0;
	}

	.top-pickup .top-pickup--list li .top-pickup--number{
		transition: all .3s ease-out;
		-webkit-transform: translateY(-30px);
		-ms-transform: translateY(-30px);
		transform: translateY(-30px);
		opacity: 0;
	}

	.top-pickup .top-pickup--list li figure {
		opacity: 0;
	}

	.top-pickup .top-pickup--list li figure .top-pickup--img img{
		transition: all .6s ease-in;
		transform: scale(0.1.0.1);
	}

	.top-pickup.is-motion{
		/* margin: 70px 0 0; */
		/* background: url("../images/top-first-back.svg") no-repeat center 20px; */
		animation: bg-slider 0.3s linear;
		opacity: 1;
	}
	.top-pickup.is-motion h2{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	.top-pickup.is-motion .top-pickup--list li .top-pickup--number{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	.top-pickup.is-motion .top-pickup--list li:nth-child(2) .top-pickup--number {
		transition-delay: 0.3s;
	}

	.top-pickup.is-motion .top-pickup--list li:nth-child(3) .top-pickup--number {
		transition-delay: 0.6s;
	}
	.top-pickup.is-motion .top-pickup--list li figure {
		opacity: 1;
	}

	.top-pickup.is-motion .top-pickup--list li:nth-child(2) figure {
		transition-delay: 0.3s;
	}

	.top-pickup.is-motion .top-pickup--list li:nth-child(3) figure {
		transition-delay: 0.6s;
	}

	.top-pickup.is-motion .top-pickup--list li figure .top-pickup--img img{
		transform: scale(1.1);
	}

	.top-pickup.is-motion .top-pickup--list li:nth-child(2) figure .top-pickup--img img{
		transition-delay: 0.3s;
	}

	.top-pickup.is-motion .top-pickup--list li:nth-child(3) figure .top-pickup--img img{
		transition-delay: 0.6s;
	}
}

@media screen and (max-width: 480px) {
	.top-pickup{
		/* background: url("../images/top-first-back.svg") no-repeat center 20px; */
		opacity: 1;
	}
	.top-pickup h2{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
	.top-pickup .top-pickup--list li .top-pickup--number{
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}

	.top-pickup .top-pickup--list li figure {
		opacity: 1;
	}

	.top-pickup .top-pickup--list li figure .top-pickup--img img{
		transform: scale(1.1);
	}
}

.top-news .is-inner aside ul {
	transition: all 1s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.top-news .is-inner aside ul.is-motion{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}

.top-news .is-inner main{
	transition: all 0.5s ease-out;
	-webkit-transform: translateY(30px);
	-ms-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
}
.top-news.is-motion .is-inner main{
	-webkit-transform: translateY(0);
	-ms-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition-delay: .3s;
}


.top-news .is-inner aside h2{
	opacity: 0;
}
.top-news.is-motion .is-inner aside h2{
	transition: all .8s ease-in-out;
	opacity: 1;
}

.top-news .is-inner aside h3{
	opacity: 0;
}
.top-news.is-motion .is-inner aside h3{
	transition: all .3s ease-in-out;
	opacity: 1;
}


.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;
}