@charset "UTF-8";

html{
	overscroll-behavior:none;
	touch-action:none;
}


html, body{
	width:100%;
	height:100%;
	overflow:hidden;
}

.wrapper{
	width:100%;
	height:100%;
	position:relative;
	overflow:hidden;
}

a{
	display:block;
}

img{
	display:block;
	width:100%;
}


/*** modal ***/
.modal-shade{
	display:none;
	position:fixed;
	top:-10px;
	left:0;
	right:0;
	bottom:-10px;
	background-color:rgba(0,0,0,0.5);
	overflow:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling:touch;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	z-index:9999;
}
.modal-shade .modal-container{
	display:table;
	padding:10px 0;
	width:100%;
	height:100%;
}
.modal-shade .modal-container .modal-inner{
	display:table-cell;
	vertical-align:middle;
}
.modal{
	margin:0 auto;
	position:relative;
}
.modal::after{
	display:table;
	content:'';
	clear:both;
}
.modal .close{
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
	margin-top:calc(-68 / 750 * 100vw);
	width:calc(54 / 750 * 100vw);
	height:calc(54 / 750 * 100vw);
	background:url(/ecotorikumudo/img/a_close02.png) no-repeat left top;
	background-size:100% 100%;
}

/*** modal01 ***/
.modal01{
	display:none;
	margin:0 auto;
	width:calc(700 / 750 * 100%);
	max-width:800px;
}
.modal01 .panel{
	width:100%;
	max-width:800px;
	background-color:#000;
	position:relative;
}
.modal01 .panel .movie01{
	padding:calc(9 / 16 * 100%) 0 0;
	width:100%;
	position:relative;
}
.modal01 .panel .movie01>iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


/*** modal02 ***/
.modal02{
	display:none;
	margin:0 auto;
	width:calc(656 / 750 * 100%);
}
.modal02 .panel{
	width:100%;
	background-color:#000;
}
.modal02 .panel .slider01{
	position:relative;
	width:100%;
}
.modal02 .panel .slider01 .slider01-inner{
	position:absolute;
	top:0;
	left:0;
	margin:calc(6 / 656 * 100%) 0 0 calc(6 / 656 * 100%);
	width:calc(638 / 656 * 100%);
}
.modal02 .panel .slider01 ul{
	width:100%;
}
.modal02 .panel .slider01 ul li{
	width:100%;
}
.modal02 .panel .slider01 ul li .img01{
	margin:calc(40 / 638 * 100%) 0 0;
}
.modal02 .panel .slider01 ul li p{
	margin:0 auto;
	width:calc(550 / 638 * 100%);
	line-height:1.7;
	font-size:calc(22 / 750 * 100vw);
	color:#000;
}
.modal02 .panel .slider01 ul li p .note01{
	font-size:calc(20 / 750 * 100vw);
}
.modal02 .panel .slider01 .arrow01{
	position:absolute;
	top:50%;
	left:0;
	margin:calc(-40 / 656 * 100%) 0 0 calc(-34 / 656 * 100%);
	width:calc(80 / 656 * 100%);
	overflow:hidden;
	cursor:pointer;
	z-index:9;
}
.modal02 .panel .slider01 .arrow02{
	position:absolute;
	top:50%;
	right:0;
	margin:calc(-40 / 656 * 100%) calc(-28 / 656 * 100%) 0 0;
	width:calc(80 / 656 * 100%);
	overflow:hidden;
	cursor:pointer;
	z-index:9;
}
.modal02 .panel .slider01 .dots01{
	position:absolute;
	bottom:0;
	left:0;
	right:0;
	margin-bottom:calc(-45 / 750 * 100vw);
	width:100%;
	line-height:0;
	font-size:0;
}
.modal02 .panel .slider01 .dots01 .swiper-pagination-bullet{
	margin:0 calc(15 / 750 * 100vw);
	width:calc(20 / 750 * 100vw);
	height:calc(20 / 750 * 100vw);
	background-color:#fff;
	opacity:1;
	outline:none;
}
.modal02 .panel .slider01 .dots01 .swiper-pagination-bullet.swiper-pagination-bullet-active{
	background-color:#35B597;
}

@media screen and (min-width:536px){
	.modal02 .panel .slider01 ul li p{
		font-size:1.5rem;
	}
	.modal02 .panel .slider01 ul li p .note01{
		font-size:1.3rem;
	}
	.modal02 .panel .slider01 .dots01{
		margin-bottom:-28px;
	}
	.modal02 .panel .slider01 .dots01 .swiper-pagination-bullet{
		margin:0 8px;
		width:10px;
		height:10px;
	}
}

@media screen and (min-width:769px){
	.modal .close{
		margin-top:-40px;
		width:32px;
		height:32px;
	}

	/*** modal02 ***/
	.modal.modal02 .close{
		margin-top:calc(-40 / 1260 * 100vw);
		width:calc(32 / 1260 * 100vw);
		height:calc(32 / 1260 * 100vw);
	}

	.modal02{
		width:calc(469 / 1260 * 100%);
	}
	.modal02 .panel .slider01 .slider01-inner{
		margin:calc(4 / 469 * 100%) 0 0 calc(4 / 469 * 100%);
		width:calc(457 / 469 * 100%);
	}
	.modal02 .panel .slider01 ul li .img01{
		margin:calc(40 / 638 * 100%) 0 0;
	}
	.modal02 .panel .slider01 ul li p{
		width:calc(550 / 638 * 100%);
		font-size:calc(15 / 1260 * 100vw);
	}
	.modal02 .panel .slider01 ul li p .note01{
		font-size:calc(13 / 1260 * 100vw);
	}
	.modal02 .panel .slider01 .arrow01{
		margin:calc(-27 / 469 * 100%) 0 0 calc(-25 / 469 * 100%);
		width:calc(55 / 469 * 100%);
	}
	.modal02 .panel .slider01 .arrow02{
		margin:calc(-27 / 469 * 100%) calc(-20 / 469 * 100%) 0 0;
		width:calc(55 / 469 * 100%);
	}
	.modal02 .panel .slider01 .dots01{
		margin-bottom:calc(-30 / 1260 * 100vw);
	}
	.modal02 .panel .slider01 .dots01 .swiper-pagination-bullet{
		margin:0 calc(7 / 1260 * 100vw);
		width:calc(10 / 1260 * 100vw);
		height:calc(10 / 1260 * 100vw);
	}

}


/*===============================================*/
/* SP */
/*===============================================*/
@media screen and (max-width:768px){

	body{
		background:
			url(/ecotorikumudo/img/sp/a_logo01.png) no-repeat center center,
			url(/ecotorikumudo/img/a_bg01.png) repeat center top;
			background-size:calc(618 / 750 * 100%) auto, calc(160 / 750 * 100%) auto;
	}
	.a-logo02{
		position:absolute;
		top:0;
		left:0;
		margin:calc(20 / 750 * 100%) 0 0 calc(20 / 750 * 100%);
		width:calc(120 / 750 * 100%);
		z-index:99;
	}
	.a-area01{
		position:absolute;
		bottom:0;
		left:0;
		margin:0 0 calc(20 / 750 * 100%) calc(20 / 750 * 100%);
		z-index:99;
	}
	.a-logo03{
		margin:0 0 calc(14 / 750 * 100vw);
		width:calc(126 / 750 * 100vw);
		z-index:99;
	}
	.a-copy01{
		line-height:1.3;
		font-size:calc(10 / 750 * 100vw);
		color:#fff;
	}

	.a-menu01{
		position:absolute;
		top:0;
		right:0;
		margin:calc(35 / 750 * 100%) calc(28 / 750 * 100%) 0 0;
		padding:calc(43 / 750 * 100%) 0 0;
		width:calc(44 / 750 * 100%);
		z-index:99;
		cursor:pointer;
		line-height:0;
		font-size:0;
	}
	.a-menu01 img{
		position:absolute;
		top:0;
		left:0;
	}
	.a-sns01{
		display:none;
		position:absolute;
		top:0;
		bottom:0;
		right:0;
		width:calc(122 / 750 * 100%);
		height:100%;
		background-color:rgba(0,0,0,0.6);
		z-index:999;
	}
	.a-sns01 .a-close01{
		margin:calc(33 / 122 * 100%) 0 0 calc(40 / 122 * 100%);
		width:calc(42 / 122 * 100%);
		cursor:pointer;
	}
	.a-sns01 a{
		margin:calc(50 / 122 * 100%) 0 0 calc(21 / 122 * 100%);
		width:calc(80 / 122 * 100%);
	}

	.a-paging01{
		position:absolute;
		bottom:0;
		right:0;
		margin:0 calc(20 / 750 * 100%) calc(20 / 750 * 100%) 0;
		width:calc(120 / 750 * 100%);
		line-height:0;
		font-size:0;
		z-index:99;
	}
	.a-paging01 ul{
		width:100%;
		display:flex;
		flex-wrap:wrap;
	}
	.a-paging01 ul li{
		display:block;
		padding:50% 0 0;
		width:50%;
		background:url(/ecotorikumudo/img/a_paging01.svg) no-repeat left top;
		background-size:100% 100%;
		cursor:pointer;
		position:relative;
	}
	.a-paging01 ul li.pg01{
	}
	.a-paging01 ul li.pg02{
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.a-paging01 ul li.pg03{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.a-paging01 ul li.pg04{
		-webkit-transform:rotate(270deg);
		transform:rotate(270deg);
	}
	.a-paging01 ul li:hover{
		background-image:url(/ecotorikumudo/img/a_paging01_on.svg);
	}
	.a-paging01 ul.active01 li.pg01,
	.a-paging01 ul.active02 li.pg02,
	.a-paging01 ul.active03 li.pg03,
	.a-paging01 ul.active04 li.pg04{
		cursor:default;
		background-image:url(/ecotorikumudo/img/a_paging01_act.svg);
		-webkit-transform:translate(-16%, -16%);
		transform:translate(-16%, -16%);
	}
	.a-paging01 ul.active02 li.pg02{
		-webkit-transform:rotate(90deg) translate(-16%, -16%);
		transform:rotate(90deg) translate(-16%, -16%);
	}
	.a-paging01 ul.active03 li.pg03{
		-webkit-transform:rotate(180deg) translate(-16%, -16%);
		transform:rotate(180deg) translate(-16%, -16%);
	}
	.a-paging01 ul.active04 li.pg04{
		-webkit-transform:rotate(270deg) translate(-16%, -16%);
		transform:rotate(270deg) translate(-16%, -16%);
	}


	.main-area,
	.main-area .section,
	.main-area .section>div{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		overflow:hidden;
	}

	.main-area .section>div>*{
		position:absolute;
		top:0;
		left:0;
	}


	/* page03 */
	.main-area .section.page03 .bg01{
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		background:url(/ecotorikumudo/img/s3_bg01.png) repeat center top;
		background-size:calc(160 / 750 * 100%) auto;
	}
	.main-area .section.page03 .block01{
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:100%;
		max-width:600px;

		height:100%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.main-area .section.page03 .block01-inner{
		width:100%;
	}
	.main-area .section.page03 .title01{
		margin:0 auto;
		width:calc(650 / 750 * 100%);
		overflow:hidden;
	}
	.main-area .section.page03 .text01{
		margin:calc(30 / 750 * 100%) auto;
		width:calc(651 / 750 * 100%);
		line-height:2;
		font-size:calc(27 / 750 * 100vw);
		font-weight:bold;
		color:#fff;
		overflow:hidden;
	}
	@media screen and (min-width:600px){
		.main-area .section.page03 .text01{
			font-size:2.1rem;
		}
	}

	.main-area .section.page03 .icon01{
		margin:calc(30 / 750 * 100%) 0 calc(-15 / 750 * 100%);
		width:100%;
		line-height:0;
		font-size:0;
		text-align:center;
	}
	.main-area .section.page03 .icon01 li{
		display:inline-block;
		margin:0 calc(4 / 750 * 100%) calc(15 / 750 * 100%);
		width:calc(102 / 750 * 100%);
		overflow:hidden;
		cursor:pointer;
	}
	.main-area .section.page03 .btn01{
		margin:calc(34 / 750 * 100%) auto 0;
		width:calc(508 / 750 * 100%);
		overflow:hidden;
	}
	.main-area .section.page03 .btn01 a{
		display:block;
		position:relative;
	}
	.main-area .section.page03 .btn01 .plus01{
		position:absolute;
		top:calc(28 / 96 * 100%);
		right:calc(34 / 508 * 100%);
		width:calc(33 / 508 * 100%);
	}

}

/*===============================================*/
/* PC */
/*===============================================*/
@media screen and (min-width:769px){

	body{
		background:
			url(/ecotorikumudo/img/a_logo01.png) no-repeat center center,
			url(/ecotorikumudo/img/a_bg01.png) repeat center top;
	}

	.a-logo02{
		position:absolute;
		top:30px;
		left:30px;
		width:90px;
		z-index:99;
	}
	.a-logo03{
		position:absolute;
		bottom:30px;
		left:30px;
		width:83px;
		z-index:99;
	}
	.a-copy01{
		position:absolute;
		bottom:30px;
		left:120px;
		line-height:1.3;
		font-size:1.0rem;
		color:#fff;
		z-index:99;
	}
	.a-sns01{
		position:absolute;
		top:30px;
		right:30px;
		width:141px;
		display:flex;
		justify-content:space-between;
		z-index:99;
	}
	.a-sns01 a{
		width:30px;
		height:30px;
	}
	.a-paging01{
		position:absolute;
		bottom:30px;
		right:30px;
		width:65px;
		line-height:0;
		font-size:0;
		z-index:99;
	}
	.a-paging01 ul{
		width:60px;
		height:60px;
		display:flex;
		flex-wrap:wrap;
		justify-content:space-between;
	}
	.a-paging01 ul li{
		display:block;
		padding:0;
		width:30px;
		height:30px;
		background:url(/ecotorikumudo/img/a_paging01_pc.svg) no-repeat left top;
		cursor:pointer;
		position:relative;
	}
	.a-paging01 ul li.pg01{
	}
	.a-paging01 ul li.pg02{
		-webkit-transform:rotate(90deg);
		transform:rotate(90deg);
	}
	.a-paging01 ul li.pg03{
		-webkit-transform:rotate(180deg);
		transform:rotate(180deg);
	}
	.a-paging01 ul li.pg04{
		-webkit-transform:rotate(270deg);
		transform:rotate(270deg);
	}
	.a-paging01 ul li:hover{
		background-image:url(/ecotorikumudo/img/a_paging01_on.svg);
	}
	.a-paging01 ul.active01 li.pg01,
	.a-paging01 ul.active02 li.pg02,
	.a-paging01 ul.active03 li.pg03,
	.a-paging01 ul.active04 li.pg04{
		cursor:default;
		background-image:url(/ecotorikumudo/img/a_paging01_pc_act.svg);
		-webkit-transform:translate(-5px, -5px);
		transform:translate(-5px, -5px);
	}
	.a-paging01 ul.active02 li.pg02{
		-webkit-transform:rotate(90deg) translate(-5px, -5px);
		transform:rotate(90deg) translate(-5px, -5px);
	}
	.a-paging01 ul.active03 li.pg03{
		-webkit-transform:rotate(180deg) translate(-5px, -5px);
		transform:rotate(180deg) translate(-5px, -5px);
	}
	.a-paging01 ul.active04 li.pg04{
		-webkit-transform:rotate(270deg) translate(-5px, -5px);
		transform:rotate(270deg) translate(-5px, -5px);
	}

	.main-area,
	.main-area .section,
	.main-area .section>div{
		position:absolute;
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		overflow:hidden;
	}

	.main-area .section>div>*{
		position:absolute;
		top:0;
		left:0;
	}


	/* page03 */
	.main-area .section.page03 .bg01{
		top:0;
		left:0;
		right:0;
		bottom:0;
		width:100%;
		height:100%;
		background:url(/ecotorikumudo/img/s3_bg01.png) repeat center top;
	}
	.main-area .section.page03 .block01{
		top:0;
		left:0;
		right:0;
		bottom:0;
		margin:auto;
		width:100%;
		height:100%;
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.main-area .section.page03 .block01-inner{
		width:100%;
	}
	.main-area .section.page03 .title01{
		margin:0 auto;
		width:calc(565 / 1260 * 100%);
		overflow:hidden;
	}
	.main-area .section.page03 .text01{
		margin:calc(27 / 1260 * 100%) auto 0;
		width:calc(1260 / 1260 * 100%);
		text-align:center;
		line-height:1.88;
		font-size:calc(17 / 1260 * 100vw);
		font-weight:bold;
		color:#fff;
		overflow:hidden;
	}
	.main-area .section.page03 .icon01{
		margin:calc(22 / 1260 * 100%) auto 0;
		width:calc(1015 / 1260 * 100%);
		display:flex;
		justify-content:space-between;
	}
	.main-area .section.page03 .icon01 li{
		width:calc(85 / 1015 * 100%);
		overflow:hidden;
		cursor:pointer;
	}
	.main-area .section.page03 .btn01{
		margin:calc(25 / 1260 * 100%) auto 0;
		width:calc(358 / 1260 * 100%);
		overflow:hidden;
	}
	.main-area .section.page03 .btn01 a{
		display:block;
		position:relative;
	}
	.main-area .section.page03 .btn01 .plus01{
		position:absolute;
		top:calc(20 / 67 * 100%);
		right:calc(25 / 358 * 100%);
		width:calc(23 / 358 * 100%);
	}

}