@charset "UTF-8";
/* Fonts
------------------------------------------------------------*/
body {
	width:100%;
	overflow-x:hidden;
	/*
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;*/

	-webkit-text-size-adjust: 100%;
}

.yu-go{
	font-family: "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
/* 
html>body {
	font-size: 12px; Except IE
} */

.ani_none,
.ani_none > *,
.ani_none:before,
.ani_none:after{
	transition:none !important;
	-webkit-transition:none !important;
	-moz-transition:none !important;	
}

/* clearfix
------------------------------------------------------------*/
.cf:after {  
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}  

* html .cf { zoom: 1; } /* IE6 */  
*:first-child+html .cf { zoom: 1; } /* IE7 */  

.content-eco{
	position:relative;
	width:100%;	
}

.navi-area{
	width:1240px;
	position:absolute;
	left:50%;
	height:80px;
	transform:translateX(-50%);
	margin:0 auto;
	z-index:1001;
	overflow:hidden;	
	top:0;
}	

.navi-area.active{
	height:640px;	
}

._hover{
	opacity:1;
	transition: all 0.4s;
}

._hover:hover{
	opacity:0.7;
}

#btn-menu,
#btn-menu2{
	position:absolute;
	right:40px;
	top:40px;
	width: 40px;
	height:37px;
	display:block;
	z-index:1002;
	cursor:pointer;
}

#btn-menu.fix,
#btn-menu2.fix{
	position:fixed;	
}

#btn-menu span,
#btn-menu2 span{
	display: block;
	background: #48b8ac;
	width: 40px;
	height: 3px;
	position: absolute;
	left: 9px;
	transition: all 0.4s;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;	
}

#btn-menu.g span,
#btn-menu2.g span{
	background: #48b8ac;	
}

#btn-menu.active span,
#btn-menu2.active span {
	background: #FFF !important;
}

#btn-menu span:first-child,
#btn-menu2 span:first-child {
	top: 0px;
}
#btn-menu span:nth-child(2),
#btn-menu2 span:nth-child(2) {
	margin-top: -1px;
	top: 50%;
}
#btn-menu span:last-child,
#btn-menu2 span:last-child {
	bottom: 0px;
}
#btn-menu.active span:first-child,
#btn-menu2.active span:first-child {
	-webkit-transform: translateY(17px) rotate(45deg);
	-moz-transform: translateY(17px) rotate(45deg);
	-ms-transform: translateY(17px) rotate(45deg);
	transform: translateY(17px) rotate(45deg);
}
#btn-menu.active span:nth-child(2),
#btn-menu2.active span:nth-child(2) {
	opacity: 0;
}
#btn-menu.active span:last-child,
#btn-menu2.active span:last-child {
	-webkit-transform: translateY(-17px) rotate(-45deg);
	-moz-transform: translateY(-17px) rotate(-45deg);
	-ms-transform: translateY(-17px) rotate(-45deg);
	transform: translateY(-17px) rotate(-45deg);
}

.content-eco-navi{
	position:absolute;
	right:-260px;
	top:0;
	width:260px;
	background:#48b8ac;
	height:640px;
	z-index:1001;	
	transition: all 0.4s;
}

.content-eco-navi.fix{
	position:fixed;
	top:0;	
	height:100%;
}

.content-eco-navi.active{
	right:0;	
}

.content-eco-navi ul{
	padding:120px 0 0 30px;	
	position:relative;
	z-index:20;
}

.content-eco-navi ul li{
	padding-bottom:25px;	
}

.content-eco-navi ul li a{
	 display:inline-block;
	 font-size:125%;
	 color:#FFF;
	 text-decoration:none;
	 display:inline-block;	
	 position:relative;
}

.content-eco-navi ul li a:before{
	content:"";
	display:block;
	width:0%;
	height:2px;
	position:absolute;
	left:0;
	bottom:-5px;
	background:#FFF;
	transition: all 0.4s;
}

.content-eco-navi ul li a:hover:before{
	transform:scaleX(1);
	width:100%;
}

.content-eco-navi ul li a.blank:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/icon-brank.png) no-repeat left top;
	background-size:100% auto;
	width:13px;
	height:12px;
	position:absolute;
	right:-23px;
	top:5px;
}

.content-eco-sub-main{
	width:100%;
	margin:0 auto;
	position:relative;
}

.content-eco-sub-main.news{
	text-align:center;
	padding-top:120px;	
}

.content-eco-sub-main.news h1{
	position:relative;
	z-index:10;
}

.content-eco-sub-main h2 img,
.content-eco-sub-main h1 img{
	width:100%;
	height:auto;
}

.ttl-center{
	text-align:center;	
}

.content-eco-navi-ov{
	width:1240px;
	margin:0 auto;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	height:100%;
	z-index:-1;
	height:640px;
	overflow-x:hidden;
}


@media screen and (max-width: 768px) {
	
	.globalnav-on #btn-menu,
	.globalnav-on #btn-menu2{
		display:none;	
	}
	
	#btn-menu,
	#btn-menu2{
		position:fixed;
		right:0px;
		top:auto;
		bottom:10vw;
		display:block;
		z-index:1002;
		cursor:pointer;
		background:url(/ep/eco/images/bg-btn-menu.png) no-repeat left top;
		background-size:100% auto;
		width:21vw;
		height:21vw;
	}
	
	#btn-menu span,
	#btn-menu2 span {
		display: block;
		background: #FFF;
		width: 26%;
		height: 2px;
		position: absolute;
		left: 50%;
		margin-left:-13%;
		transition: all 0.4s;
		-webkit-transition: all 0.4s;
		-moz-transition: all 0.4s;	
	}
	
	#btn-menu.g span,
	#btn-menu2.g span{
		background: #FFF;
	}
	
	#btn-menu.active span,
	#btn-menu2.active span {
		background: #FFF !important;
	}
	
	#btn-menu span:first-child,
	#btn-menu2 span:first-child {
		top: 5.6vw;
	}
	#btn-menu span:nth-child(2),
	#btn-menu2 span:nth-child(2) {
		margin-top: -0px;
		top: 7.4vw;
	}
	#btn-menu span:last-child,
	#btn-menu2 span:last-child {
		bottom: auto;
		top:9.2vw;
	}
	#btn-menu.active span:first-child,
	#btn-menu2.active span:first-child {
		-webkit-transform: translateY(1.8vw) rotate(45deg);
		-moz-transform: translateY(1.8vw) rotate(45deg);
		-ms-transform: translateY(1.8vw) rotate(45deg);
		transform: translateY(1.8vw) rotate(45deg);
	}
	#btn-menu.active span:nth-child(2),
	#btn-menu2.active span:nth-child(2) {
		opacity: 0;
	}
	#btn-menu.active span:last-child,
	#btn-menu2.active span:last-child {
		-webkit-transform: translateY(-1.8vw) rotate(-45deg);
		-moz-transform: translateY(-1.8vw) rotate(-45deg);
		-ms-transform: translateY(-1.8vw) rotate(-45deg);
		transform: translateY(-1.8vw) rotate(-45deg);
	}
	
	.content-eco-navi-ov{
		width:100%;
		margin:0 auto;
		position:fixed;
		left:0%;
		transform:none;
		height:100vh;
		z-index:-1;
		overflow-x:hidden;
	}
	
	.content-eco-navi{
		position:fixed;
		right:-100%;
		top:0;
		width:100%;
		background:#48b8ac;
		height:auto;
		z-index:1001;	
		height:100vh;
	}
	
	.content-eco-navi.active{
		right:0;	
	}
	
	.content-eco-navi ul{
		padding:18vw 0 0 0px;	
	}
	
	.content-eco-navi ul li{
		padding-bottom:9vw;	
		text-align:center;
	}
	
	.content-eco-navi ul li a{
		 display:inline-block;
		 font-size:4vw;
	}
	
	.content-eco-navi ul li a:before{
		content:"";
		display:block;
		width:0%;
		height:2px;
		position:absolute;
		left:0;
		bottom:-5px;
		background:#FFF;
		transition: all 0.4s;
	}
	
	.content-eco-navi ul li a:hover:before{
		transform:scaleX(1);
		width:0%;
	}
	
	.content-eco-navi ul li a.blank:after{
		content:"";
		display:block;
		background:url(/ep/eco/images/icon-brank-sp.png) no-repeat left top;
		background-size:100% auto;
		width:3.5vw;
		height:3.5vw;
		position:absolute;
		right:-6vw;
		top:1.3vw;
	}
	
	.content-eco-sub-main{
		width:100%;
		/* margin:60px auto 0; */
		position:relative;
	}
	
	.content-eco-sub-main.news{
		text-align:center;
		padding-top:15vw;	
	}
	
	.content-eco-sub-main.news h2{
		position:relative;
		z-index:10;	
	}
	
	.ttl-center{
		text-align:center;	
	}
}


/* TOPページ
------------------------------------------------------------*/

.content-eco-main{
	width:100%;
	margin:0 auto;
	position:relative;	
	overflow-x:hidden;
}

.content-eco-main .entry-btn{
	position:fixed;
	right:0;
	bottom:50px;
	z-index:1000;
}

.content-eco-main .entry-btn img{
	position:relative;
	z-index:101;
}

.content-eco-main .entry-btn:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/icon-btn-over01.png) no-repeat left top;
	width:74px;
	height:10px;
	position:absolute;
	left:40px;
	z-index:100;
	top:0px;
	transform:rotate(0deg);
	transition: all 0.4s;
}

.content-eco-main .entry-btn:hover:before{
	left:-55px;
	top:-35px;
	height:120px;
	transform:rotate(0deg);
}

.content-eco-main .entry-btn:after{
	content:"";
	display:block;
	background:url(/ep/eco/images/icon-btn-over02.png) no-repeat left top;
	width:0px;
	height:0px;
	position:absolute;
	left:-16px;
	z-index:102;
	top:50px;
	
	transition: all 0.2s;
}

.content-eco-main .entry-btn:hover:after{
	width:21px;
	height:15px;	
	transition-delay: 300ms;
}

.content-eco-main h1{
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:28%;
	z-index:100;
	width:50%;
}

.content-eco-main p{
	position:absolute;
	left:23.5%;
	top:43%;
	z-index:101;
	width:54%;
}

.content-eco-main .bx-wrapper .bx-pager, 
.content-eco-main .bx-wrapper .bx-controls-auto{
	bottom:45px  !important;
}

.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a{
	width:12px;
	height:12px;
	background:#ffffff !important;
	margin:0 11px;
	box-shadow:0px 0px 6px -2px #000000;
}

.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a.active{
	border:none !important;
	background:#26b7bc !important;
}

.content-eco-news{
	width:920px;
	margin:40px auto 0;	
	border-top:dashed 1px #26b7bc;
	border-bottom:dashed 1px #26b7bc;
	position:relative;
	line-height:1.3;
	padding:18px 0 17px;
}



.content-eco-news h2{
	position:absolute;
	top:48px;
	left:25px;	
}

/* for Microsoft Edge */
@supports (-ms-ime-align: auto) {
	.content-eco-news h2{
		top:51px;
	}
}

.content-eco-news p{
	padding-left:135px;	
	color:#000000;	
}

.content-eco-news p.mt{
	margin-top:5px;
}

.content-eco-news p a{
	display:block;
}	

.content-eco-news p .date{
	color:#787878;
	font-weight:bold;
	display:block;
	width:85px;
	float:left;
	padding-top:2px;
}

.content-eco-news p .ttl{
	font-size:117%;
	display:block;
	width:580px;
	float:left;
}

.content-eco-news .more{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	right:30px;
	font-size:109%;
	color:#000;
	font-weight:bold;
	text-decoration:underline;
}

.content-eco-news .more:after{
	content:"";
	display:inline-block;
	background:url(/rp/business/hydroelectric_power/mechanism/dam/dronemovie/images/news-icon-right.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	right:-23px;
	top:4px;
	transition: all 0.4s;
}

.content-eco-news .more:hover{
	text-decoration:none;
}	

.content-eco-news .more:hover:after{
	right:-28px;	
}

.content-eco-menu{
	width:1240px;
	margin:40px auto 0;	
}

.content-eco-menu .menu1 li{
	width:604px;
	float:left;
	margin-bottom:30px;
	position:relative;
}

.content-eco-menu .menu1 li a,
.content-eco-menu .menu2 li a{
	display:block;
}

.content-eco-menu .menu1 li a > span.pc,
.content-eco-menu .menu2 li a > span.pc{
	display:block;
	position:absolute;
	left:0;
	top:0;
	z-index:10;
}

.content-eco-menu .menu1.ani li a{
	display:block;	
}


.content-eco-menu .menu1 li:last-child{
	float:right;	
}

.content-eco-menu .menu2 li{
	width:392px;
	float:left;
	margin-right:32px;
	margin-bottom:30px;
	position:relative;
}

.content-eco-menu .menu2 li:last-child{
	margin-right:0;
}

.content-eco-btm{
	margin-top:50px;
	width:100%;
	height:350px;
	background:url(/ep/eco/images/top-btm-bg.jpg) no-repeat center top;
	background-size:cover;
	text-align:center;
}

.content-eco-btm .btn{
	width:700px;
	margin:0 auto;
	padding-top:125px;
}	

.content-eco-btm .btn a{
	 display:block;
	 position:relative;	
}

.content-eco-btm .btn a img{
	position:relative;
	z-index:2;	
}

.content-eco-btm .btn a:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:24px;
	height:8px;
	position:absolute;
	right:30px;
	top:50px;
	transition: all 0.4s;
	z-index:3;
}

.content-eco-btm .btn a:hover:after{
	right:25px;	
}

.content-eco-btm .btn a:before{
	content:"";
	display:block;
	background:url(/ep/eco/images/content-eco-btm-btn-icon.png) no-repeat left top;
	width:70px;
	height:75px;
	transform:translateX(-50%);
	left:50%;
	top:-60px;
	z-index:1;
	position:absolute;
	transition: all 0.4s;
}

.content-eco-btm .btn a:hover:before{
	top:-70px;	
}

.pc{
	display:block  !important;
}

.sp{
	display:none !important;	
}

.content-eco-menu li a:before{
	content:"";
	display:block;
	background:#000;
	width:0px;
	height:40px;
	position:absolute;
	z-index:5;
	left:30px;
	top:79px;
	transition: all 0.3s;
}

.content-eco-menu li a:after{
	content:"";
	display:block;
	background:#000;
	width:0px;
	height:32px;
	position:absolute;
	z-index:5;
	left:30px;
	top:129px;
	transition: all 0.3s;
}

.content-eco-menu li a:hover:after{
	transition-delay: 100ms;
}

.content-eco-menu li.list03 a:before,
.content-eco-menu li.list04 a:before,
.content-eco-menu li.list05 a:before{
	top:154px;
}

.content-eco-menu li.list05 a span:after{
	content:"";
	display:block;
	background:#000;
	width:0px;
	height:32px;
	position:absolute;
	z-index:-1;
	left:-10px;
	top:75px;
	transition: all 0.3s;	
}

.content-eco-menu li.list05 > a > span.pc{
	position:absolute;
	top:50%;
	left:40px;
	transform:translateY(-50%);	
	bottom:auto;
}

.content-eco-menu li.list03 a:after,
.content-eco-menu li.list04 a:after,
.content-eco-menu li.list05 a:after{
	top:204px;	
}

.content-eco-menu li.list05 a:before{
	top:137px;	
}

.content-eco-menu li.list05 a:after{
	top:180px;	
}

.content-eco-menu li.list06 a:before{
	top:58px;
	left:41px;
}

.content-eco-menu li.list06 a:after{
	top:108px;
	left:41px;
}

.content-eco-menu li.list07 a:before{
	top:58px;
	left:30px;
}

.content-eco-menu li.list07 a:after{
	top:108px;
	left:30px;
}

.content-eco-menu li.list01 a:hover:before{
	width:153px;	
}

.content-eco-menu li.list01 a:hover:after{
	width:117px;
}

.content-eco-menu li.list02 a:hover:before{
	width:160px;	
}

.content-eco-menu li.list02 a:hover:after{
	width:78px;
}

.content-eco-menu li.list03 a:hover:before{
	width:196px;
}

.content-eco-menu li.list03 a:hover:after{
	width:90px;
}

.content-eco-menu li.list04 a:hover:before{
	width:226px;
}

.content-eco-menu li.list04 a:hover:after{
	width:72px;	
}

.content-eco-menu li.list05 a:hover:before{
	width:283px;
}

.content-eco-menu li.list05 a:hover:after{
	width:328px;
}

.content-eco-menu li.list06 a:hover:before{
	width:220px;
}

.content-eco-menu li.list06 a:hover:after{
	width:63px;
}

.content-eco-menu li.list07 a:hover:before{
	width:338px;
}

.content-eco-menu li.list07 a:hover:after{
	width:63px;
}

.content-eco-menu li.list05 a:hover span:after{
	width:176px;
	transition-delay: 200ms;
}


/* #content-nav-wrapper .content-nav-container{
	display:none;
} */

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-news{
	padding:22px 0 17px;
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-news p .date{
	padding-top:0;
}

:root .content-eco-news{
	padding:22px 0 17px;
}

:root .content-eco-news p .date{
	padding-top:0;
}

_:-ms-lang(x), _::-webkit-meter-bar,.content-eco-news .more{
	top:51%;
}

:root .content-eco-news .more{
	top:51%;
}

@media all and (-ms-high-contrast:none){
	.content-eco-news{
		padding:22px 0 17px;
	}
	.content-eco-news p .date{
		padding-top:0;
	}
	
	.content-eco-news .more{
		top:51%;
	}
}

.dam-card{
	position:fixed;
	right:0;
	bottom:145px;
	z-index: 1000;	
}

@media screen and (max-width: 768px) {
	
	.content-eco-menu li.list05 a:hover span:after{
		width:0px;	
	}
	
	#content-nav-wrapper .content-nav-container{
		display:block;	
	}
	.content-eco-menu li a:before{
		display:none;
	}
	
	.content-eco-menu li a:after{
		display:none;
	}
	
	.pc{
		display:none  !important;
	}
	.sp{
		display:block  !important;
	}
	.content-eco-main{
		width:100%;
		margin:0 auto;
		position:relative;	
		overflow-x:hidden;
		margin-top:60px;
	}
	
	.content-eco img{
		width:100%;
		height:auto;	
	}
	
	.content-eco-main .entry-btn:before,
	.content-eco-main .entry-btn:after{
		display:none;	
	}
	
	.content-eco-main .entry-btn{
		position:absolute;
		right:0;
		top:106vw;
		z-index:100;
		width:73%;
		left:50%;
		transform:translateX(-50%);
	}
	
	.content-eco-main .entry-btn img{
		vertical-align: bottom;
	}
	
	.dam-card{
		position:absolute;
		right:auto;
		left:50%;
		transform:translateX(-50%);
		bottom:auto;
		width:54%;
		top:89vw;
		z-index: 100;	
	}
	
	.content-eco-main h1{
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		top:18vw;
		width:86%;
		z-index:100;
	}
	
	.content-eco-main p{
		position:absolute;
		left:0;
		top:25.6vw;
		width:100%;
		z-index:100;
	}
	
	.content-eco-main .bx-wrapper .bx-pager, 
	.content-eco-main .bx-wrapper .bx-controls-auto{
		bottom:5vw  !important;
	}
	
	.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a{
		width:2.2vw !important;
		height:2.2vw !important;
		background:#ffffff !important;
		margin:0 1.6vw;
		box-shadow:0px 0px 6px -2px #000000;
	}
	
	.content-eco-main .bx-wrapper .bx-pager.bx-default-pager a.active{
		border:none !important;
		background:#26b7bc !important;
	}
	
	.content-eco-news{
		width:86%;
		margin:8vw auto 0;	
		padding:7vw 0 6.5vw;
	}
	
	.content-eco-news h2{
		position:relative;
		width:18%;
		margin:0 auto;
		top:auto;
		left:auto;	
	}
	
	.content-eco-news p{
		padding-left:0px;	
		color:#000000;
		margin-top:4vw;
	}
	
	.content-eco-news p.mt{
		margin-top:3vw;	
	}
	
	.content-eco-news p .date{
		width:26%;
		padding-top:0px;
		font-size:2.9vw;
	}
	
	.content-eco-news p .ttl{
		font-size:4vw;
		display:block;
		width:73%;
	}
	
	.content-eco-news .more{
		position:relative;
		top:auto;
		transform:none;
		right:8vw;
		font-size:3.4vw;
		float:right;
		margin-top:3vw;
	}
	
	.content-eco-news .more:after{
		content:"";
		display:inline-block;
		background:url(/rp/business/hydroelectric_power/mechanism/dam/dronemovie/images/news-icon-right.png) no-repeat left top;
		background-size:100% auto;
		width:5vw;
		height:2vw;
		position:absolute;
		right:-7vw;
		top:1vw;
		transition: all 0.4s;
	}
	
	.content-eco-news .more:hover{
		text-decoration:none;
	}	
	
	.content-eco-news .more:hover:after{
		right:-25px;	
	}
	
	.content-eco-menu{
		width:86%;
		margin:8vw auto 0;	
	}
	
	.content-eco-menu .menu1 li{
		width:100%;
		float:none;
		margin-bottom:5vw;
	}
	
	.content-eco-menu .menu1 li:last-child{
		float:none;	
	}
	
	.content-eco-menu .menu2 li{
		width:100%;
		float:none;
		margin-right:0;
		margin-bottom:5vw;
	}
	
	.content-eco-menu .menu2 li:last-child{
		margin-right:0;
	}
	
	.content-eco-btm{
		margin-top:2vw;
		width:100%;
		height:60vw;
		background:url(/ep/eco/images/top-btm-bg-sp.jpg) no-repeat center top;
		background-size:cover;
		text-align:center;
	}
	
	.content-eco-btm .btn{
		width:86%;
		margin:0 auto;
		padding-top:15vw;
	}	
	
	.content-eco-btm .btn a{
		 display:block;
		 position:relative;	
	}
	
	.content-eco-btm .btn a:after{
		content:"";
		display:none;
	}
	
	.content-eco-btm .btn a:before{
		display:none;	
	}
}


/* btn_common
------------------------------------------------------------*/

.btn-common1{
	display:inline-block;
	position:relative;	
}

.btn-common1:after{
	content:"";
	display:inline-block;
	background:url(/ep/eco/images/icon-right-w.png) no-repeat left top;
	background-size:100% auto;
	width:15px;
	height:5px;
	position:absolute;
	right:15px;
	top:37px;
	transition: all 0.4s;
	/*transform:rotateY(180deg);*/
}

.btn-common1.min:after{
	top:27px;	
}

.btn-common1:hover:after{
	right:10px;	
}

.btn-common1.left:after{
	left:15px;
	right:auto;
	transform:rotateY(180deg);	
}

.btn-common1.left:hover:after{
	left:10px;	
}

@media screen and (max-width: 768px) {
	.btn-common1:after{
		display:none;	
	}
}

/* btn_common
------------------------------------------------------------*/

.op0{
	opacity:0;	
	transition: all 0.4s;
}

.op0.active{
	opacity:1;	
}

.op0.active.delay2{
	transition-delay: 200ms;	
}
.op0.active.delay4{
	transition-delay: 400ms;	
}
.op0.active.delay6{
	transition-delay: 600ms;	
}

@media screen and (max-width: 768px) {
	.op0.active.delay2{
		transition-delay: 0ms;	
	}
	.op0.active.delay4{
		transition-delay: 0ms;	
	}
	.op0.active.delay6{
		transition-delay: 0ms;	
	}
}


@media screen and (max-width: 768px) {
	.anc{
		display:block;
		margin-top:-61px;
		padding-top:61px;
	}
	.modal_block .inner{
		width:90%;
		margin:0 auto;	
		background:#e9f8f8;
		padding:4vw 5vw 3.4vw;
	}
	
	.modal_block .inner .close{
		position:absolute;
		right:-0;
		top:-12vw;	
	}
	
	.modal_block .inner .close img{
		width:10vw;
		height:auto;	
	}
	
	.modal_block .inner .txt01{
		font-size:4vw;
		color:#26b7bc;	
	}
	
	.modal_block .inner .txt02{
		font-size:4vw;
		color:#FFF;
		margin-top:2vw;
		padding:2vw 0;
		background:#038488;	
	}
	
	.modal_block .inner .txt03{
		font-size:3.4vw;
		margin-top:4vw;	
		color:#000;
	}
}

/********************* 2019/02/16 *********************/

.btn-travel{
	position:fixed;
	right:0;
	bottom:260px;
	z-index: 1000;	
}

@media screen and (max-width: 768px) {
	.btn-travel{
		position:absolute;
		right:0;
		bottom:auto;
		left:50%;
		top:72.6vw;
		width:53.3vw;
		transform:translateX(-50%);
		z-index: 1000;	
	}	
}

.travel-main{
	position:relative;
	width:100%;	
}
.travel-main > img {
	width: 100%;
}

.travel-main h2{
	position:absolute;
	width:52.9%;
	left:0;
	top:0;
	z-index:2;
	margin:14.1% 0 0 23.6%;	
}

.travel-main .movie{
	width:770px;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	top:0;
	margin-top:34.6%;	
}

.travel-block01{
	width:770px;
	margin:70px auto 110px;	
}

.travel-block01 .btn01{
	width:700px;
	text-align:center;
	margin:60px auto 0;	
}

.travel-block01 .btn01 a,
.travel-block02 .btn02 a,
.travel-main .btn02 a{
	display:block;
	position:relative;
}	


.travel-block02 h4{
	text-align:center;
	margin-bottom:50px;	
}

.travel-block02 .inner{
	width:1240px;
	margin:0 auto 80px;	
}

.travel-block02 .travel-block02-l{
	width:440px;
	float:left;
	background:#30789d;
}

.travel-block02 .travel-block02-l ul{
	width:380px;
	padding:30px 0;
	margin:0 auto;
	position:relative;
	z-index:2;
}

.travel-block02 .travel-block02-l ul li{
	background:#FFF;
	position:relative;
	font-size:16px;
	color:#30799e;
	font-weight:bold;
	padding:5px 20px 3px;
	margin-bottom:4px;
}



.travel-block02 .travel-block02-l ul li:last-child{
	margin-bottom:0;	
}

.travel-block02 .travel-block02-l ul li span{
	position:absolute;
	width:100%;
	text-align:right;
	color:#313131;
	left:0;
	top:5px;
	padding-right:20px;
	box-sizing:border-box;
}

.travel-block02 .travel-block02-r{
	width:770px;
	float:right;	
}

.travel-block02 .travel-block02-r p{
	margin-top:25px;
	font-size: 21px;
	color: rgb(49, 49, 49);
	line-height: 1.714;
	text-align: left;
}

.travel-block02 .r_box .travel-block02-l{
	float:right;
}
.travel-block02 .r_box .travel-block02-r{
	float:left;
}

.travel-block02 .btn02,
.travel-block02 .btn03{
	width:700px;
	margin:45px auto 0;	
}

.travel-block02 .btn03{
	margin-top:15px;	
}

.travel-block02 .txt02{
	font-size:21px;
	color:#313131;
	text-align:center;
	margin-top:70px;
	font-weight:bold;
}

@media screen and (max-width: 768px) {
	.travel-main{
		position:relative;
		width:100%;	
	}
	
	.travel-main h2{
		position:absolute;
		width:87.4%;
		left:0;
		top:0;
		z-index:2;
		margin:46% 0 0 6.26%;	
	}
	
	.travel-main .movie{
		width:86.6%;
		position:relative;
		left:auto;
		transform:none;
		top:auto;
		margin:6.6vw auto 0;	
	}
	
	.travel-block01{
		width:100%;
		margin:6.6vw auto 0;	
	}
	
	.travel-block01 .btn01{
		width:86.6%;
		text-align:center;
		margin:6.6vw auto 0;	
	}
	
	.travel-block01 .btn01 a,
	.travel-block02 .btn02 a{
		display:block;
		position:relative;
	}	
	
	.travel-block01 .btn01 a:after,
	.travel-block02 .btn02 a:after,
	.travel-main .btn02 a:after{
		content:"";
		display:inline-block;
		background:url(/ep/eco/images/travel/icon-right.png) no-repeat left top;
		background-size:100% auto;
		width:3.46vw;
		height:1.2vw;
		position:absolute;
		right:2.6vw;
		top:50%;
		transform:translateY(-50%);
		transition: all 0.4s;
	}
	
	.travel-block01 .btn01 a:hover:after,
	.travel-block02 .btn02 a:hover:after,
	.travel-main .btn02 a:hover:after{
		right:2.6vw;	
	}
	
	.travel-block02 h4{
		text-align:center;
		margin:0 0 6.6vw;	
	}
	
	.travel-block02 h4 img{
		width:auto;
		height:18.2vw;	
	}
	
	.travel-block02 .inner{
		width:86.6%;
		margin:0 auto 15.3vw;	
	}
	
	.travel-block02 .travel-block02-l{
		width:100%;
		float:none;
		background:#30789d;
	}
	
	.travel-block02 .travel-block02-l ul{
		width:76vw;
		padding:5.3vw 0;
		margin:0 auto;
	}
	
	.travel-block02 .travel-block02-l ul li{
		background:#FFF;
		position:relative;
		font-size:3.2vw;
		color:#30799e;
		font-weight:bold;
		padding:0.6vw 2.6vw 0.5vw;
		margin-bottom:0.53vw;
	}
	
	.travel-block02 .travel-block02-l ul li:last-child{
		margin-bottom:0;	
	}
	
	.travel-block02 .travel-block02-l ul li span{
		position:absolute;
		width:100%;
		text-align:right;
		color:#313131;
		left:0;
		top:0.6vw;
		padding-right:2.6vw;
		box-sizing:border-box;
	}
	
	.travel-block02 .travel-block02-r{
		width:100%;
		float:none;
		margin-bottom:6vw;	
	}
	
	.travel-block02 .travel-block02-r p{
		margin-top:2.6vw;
		font-size: 3.73vw;
		line-height: 1.5;
	}
	
	.travel-block02 .r_box .travel-block02-l{
		float:none;
	}
	.travel-block02 .r_box .travel-block02-r{
		float:none;
	}
	
	.travel-block02 .btn02,
	.travel-block02 .btn03{
		width:86.6%;
		margin:0 auto 0;	
	}
	
	.travel-block02 .btn03{
		margin-top:2.6vw;	
	}
	
	.travel-block02 .txt02{
		font-size:3.46vw;
		margin-top:14.6vw;
	}	
}

.insta_image{
	width:960px;
	margin:40px auto 0;	
}

.insta_image li{
	width:316px;	
	float:left;
	margin:0 6px 6px 0;
}

.insta_image li:nth-child(3n){
	margin-right:0;	
}

.travel-main ifreame{
	width:48.6vw;
	border:solid 4px #2c7093;	
}

@media screen and (max-width: 768px) {
	.insta_image{
		width:86.6%;
		margin:4vw auto 0;	
	}
	
	.insta_image li{
		width:28.5vw;
		height:28.5vw;	
		float:left;
		margin:0 0.53vw 0.53vw 0;
	}
	
	.insta_image li:nth-child(3n){
		margin-right:0;	
	}	
	
	iframe{
		width:100%;
	}	
	
	.travel-main iframe{
		height:48.6vw;
		box-sizing:border-box;
		border:solid 4px #2c7093;	
	}
	
	.travel-block02-r iframe{
		height:48.6vw;
	}
}

.cover{
	position:fixed;
	width:100%;
	height:100%;	
	background:rgba(0,0,0,0.6);	
	z-index:100;
	left:0;
	top:0;
	display:none;
}

.movie-block{
	width:800px;
	position:fixed;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);	
	z-index:101;
	display:none;
}

.movie-block p{
	text-align:right;
	margin-bottom:5px;	
}

.movie-block > div{
	display:none;	
}

@media screen and (max-width: 768px) {
	.cover{
		position:fixed;
		width:100%;
		height:100%;	
		background:rgba(0,0,0,0.6);	
		z-index:100;
		left:0;
		top:0;
	}
	
	.movie-block{
		width:90%;
		position:fixed;
		left:50%;
		top:50%;
		transform:translate(-50%,-50%);	
		z-index:101;
	}
	
	.movie-block p{
		text-align:right;
		margin-bottom:3vw;	
	}	
	
	.movie-block p img{
		width:10vw;	
	}
	
	.movie-block iframe{
		height:50vw;
	}
}

.travel-main .btn02{
	width:700px;
	margin:250px auto 0;	
}

.travel-main .btn02.mt-min{
	margin-top:12px;	
}

.travel-block02-l .box{
	position:relative;
	height:284px;
	overflow:hidden;
	width:440px;
}

.travel-block02-l .box .tab-menu{
	background:none;
	position:absolute;
	left:50%;
	transform:translateX(-50%);
	bottom:0px;
	width:380px;
	margin:0;
	padding:0;
	z-index:1;
}

.travel-block02-l .box .tab-menu li{
	width:185px;
	height:32px;
	float:left;
	text-align:center;
	background:none;
	padding:0;
	margin:0;
}

.travel-block02-l .box .tab-menu li a{
	display:block;
	background:#124e6c;
	font-size:16px;
	text-decoration:none;
	border-radius:6px 6px 0 0;
	height:32px;
	padding-top:5px;
	box-sizing:border-box;
}
/* for Microsoft Edge */
@supports (-ms-ime-align: auto) {
	.travel-block02-l .box .tab-menu li a{
		padding-top:4px;
	}
}
.travel-block02-l .box .tab-menu li a.active{
	background:#2f7599;
}
#content-body-wrapper .travel-block02-l .box .tab-menu li a {
	color:#89a6b6;
}
#content-body-wrapper .travel-block02-l .box .tab-menu li a.active {
	color:#ffffff;
}
.travel-block02-l .box .tab-menu li:last-child{
	float:right;	
}


.travel-block02 .travel-block02-l ul li.long{
	padding:20px 20px 18px;
	line-height:1.3;
}

.travel-block02 .travel-block02-l ul li.long span{
	top:50%;
	transform:translateY(-50%);	
}

.travel-block02-l .box2{
	position:relative;
}

.travel-block02-l .box2 ul{
	transition: all 0.4s;
	opacity:0;	
}

.travel-block02-l .box2 ul.active{
	opacity:1;	
}

.travel-block02-l .box2 .tab2{
	position:absolute;
	width:380px;
	box-sizing:border-box;
	left:50%;
	transform:translateX(-50%);
	top:0;
}

.travel-block02 .travel-block02-r a{
	display:block;
	position:relative;	
}

.travel-block02 .travel-block02-r.new a:before{
	content:"";
	display:block;
	background:url(../images/icon-new.png) no-repeat left top;
	background-size:100% auto;
	width:103px;
	height:97px;
	position:absolute;
	left:0;
	top:-1px;
	z-index:10;	
}

@media screen and (max-width: 768px) {
	.travel-main .btn02{
	    width: 86.6%;
	    margin: 5vw auto 0;
	}
	
	.travel-block02 h4.mt{
		margin-top:14.6vw;	
	}
	
	.travel-block02-l .box{
		position:relative;
		height:48.93vw;
		overflow:hidden;
		width:100%;
	}
	
	.travel-block02-l .box .tab-menu{
		background:none;
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		bottom:0px;
		width:76vw;
		margin:0;
		padding:0;
		z-index:1;
		height:8vw;
	}
	
	.travel-block02-l .box .tab-menu li{
		width:36.6vw;
		height:8vw;
		float:left;
		text-align:center;
		background:none;
		padding:0;
		margin:0;
	}
	
	.travel-block02-l .box .tab-menu li a{
		display:block;
		font-size:3.2vw;
		text-decoration:none;
		border-radius:1.6vw 1.6vw 0 0;
		height:8vw;
		padding-top:2vw;
	}
	
	.travel-block02-l .box .tab-menu li:last-child{
		float:right;	
	}
	
	
	.travel-block02 .travel-block02-l ul li.long{
		padding:0.6vw 2.6vw 0.5vw;
		margin-bottom:0.53vw;
		line-height:normal;
	}
	
	.travel-block02 .travel-block02-l ul li.long span{
		top:50%;
		transform:translateY(-50%);	
	}
	
	.travel-block02-l .box2{
		position:relative;
	}
	
	.travel-block02-l .box2 ul{
		transition: all 0.4s;
		opacity:0;	
	}
	
	.travel-block02-l .box2 ul.active{
		opacity:1;	
	}
	
	.travel-block02-l .box2 .tab2{
		position:absolute;
		width:76vw;
		box-sizing:border-box;
		left:50%;
		transform:translateX(-50%);
		top:0;
	}
	
	.travel-block02 .travel-block02-r.new a:before{
		background:url(../images/icon-new.png) no-repeat left top;
		background-size:100% auto;
		width:19.3vw;
		height:18.26vw;
		top:-0.1vw;
	}
}

/********************* 2019/02/16 *********************/