@charset "utf-8";

/*=========================================*/
/* TOPページ */
/*=========================================*/


/*-- MAIN CATCH --*/

#main_catch_area{
	position:relative;
	width:100%;
	height:960px;
	background-image:url(../images/top_page/main_catch_bg.webp);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:cover;
	display:block;
	overflow:hidden;
}

.movie_catch_flame{
	position:absolute;
	top:50%;
	transform:translateY(-50%);
	width:100%;
	z-index:10;
}

.movie_catch_main{
	position:relative;
	width:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	z-index:10;
}

.movie_catch_main .catch{
	height:150px;
}

.movie_catch_main .catch img{
	height:150px;
	transition:0.25s ease-out;
	animation:Main_catch 7.5s ease-in-out alternate;
	transform:scale(1.0, 1.0);
	opacity:0;
}

@keyframes Main_catch{
	0%{ transform:translate3d(0px,0,0); transform:scale(1.0, 1.0); opacity:1; }
	100%{ transform:translate3d(0px,0,0); transform:scale(3.0, 3.0); opacity:0; }
}

.main_movie{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	width:100%;
	height:960px;
}

.main_movie video{
	width:100%;
	height:100%;
	object-fit:cover;
	display:block;
}

.main_catch_flame{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	width:850px;
	height:380px;
	z-index:10;
}

.main_catch_flame_240830{
	position:absolute;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:auto;
	width:990px;
	height:570px;
	z-index:10;
}

.main_catch_title{
	position:relative;
	width:100%;
	animation:Catch_title 10s ease-in-out alternate;
}

.main_catch_title .title{
	width:100%;
	text-align:center;
}

.main_catch_title .title img{
	width:100%;
}

.main_catch_title .title_sp{
	display:none;
}

.main_catch_title .title_sp img{
	width:100%;
}

@keyframes Catch_title{
	0%{ transform:translate3d(0px,0,0); opacity:0; }
	75%{ transform:translate3d(0px,0,0); opacity:0; }
	100%{ transform:translate3d(0px,0,0); opacity:1; }
}

@media screen and (max-width:1280px){

#main_catch_area{
	height:0px;
	padding-top:calc(960 / 1280 * 100%);
}

.movie_catch_main .catch{
	height:125px;
}

.movie_catch_main .catch img{
	height:125px;
}

.main_movie{
	height:100%;
}

.main_catch_flame{
	width:750px;
	height:335px;
}

.main_catch_flame_240830{
	width:850px;
	height:490px;
}

}

@media all and (max-width:960px), print{

#main_catch_area{
	height:0px;
	padding-top:calc(1260 / 1280 * 100%);
}

.movie_catch_main .catch{
	height:100px;
}

.movie_catch_main .catch img{
	height:100px;
}

.main_movie{
	height:100%;
}

.main_catch_flame{
	width:650px;
	height:290px;
}

.main_catch_flame_240830{
	width:720px;
	height:415px;
}

}

@media screen and (max-width:800px){

.main_catch_flame{
	width:550px;
	height:245px;
}

.main_catch_flame_240830{
	width:590px;
	height:340px;
}

}

@media screen and (max-width:640px){

#main_catch_area{
	padding-top:calc(1560 / 1120 * 100%);
}

.movie_catch_main .catch{
	height:75px;
}

.movie_catch_main .catch img{
	height:75px;
}

@keyframes Main_catch{
	0%{ transform:translate3d(0px,0,0); transform:scale(1.0, 1.0); opacity:1; }
	100%{ transform:translate3d(0px,0,0); transform:scale(1.5, 1.5); opacity:0; }
}

.main_catch_flame{
	width:90%;
	height:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
}

.main_catch_flame_240830{
	width:90%;
	height:100%;
	display:flex;
	display:-webkit-flex;
	justify-content:center;
	align-items:center;
}

.main_catch_title .title{
	display:none;
}

.main_catch_title .title_sp{
	display:block;
	width:100%;
	text-align:center;
}

}


/*-- SURVEY --*/

#survey_area{
	position:relative;
	padding:125px 0px 125px 0px;
	width:100%;
	background-color:rgba(245,244,243,1.0);
	background-image:url(../images/top_page/survey_bg.webp);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
}

.survey_title_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 25px 0px;
	max-width:1280px;
}

.survey_title_main_pc{
	padding:0px 0px 45px 0px;
	text-align:center;
	transition:0.25s ease-out;
}

.survey_title_main_pc img{
	height:250px;
}

.survey_title_main_sp{
	display:none;
}

.survey_title_nav{
	margin:0px auto 0px auto;
	padding:9px 0px 9px 0px;
	width:450px;
	border-top:1px solid rgba(10,10,10,1.0);
	border-bottom:1px solid rgba(10,10,10,1.0);
	box-sizing:border-box;
	font-size:137.5%;
	line-height:150%;
	color:rgba(10,10,10,1.0);
	font-weight:600;
	text-align:center;
	transition:0.25s ease-out;
}

@media screen and (max-width:1440px){

#survey_area{
	background-size:132.5% auto;
}

}

@media screen and (max-width:1280px){

#survey_area{
	padding:100px 0px 100px 0px;
}

.survey_title_main_pc{
	padding:0px 0px 40px 0px;
}

.survey_title_main_pc img{
	height:210px;
}

.survey_title_nav{
	padding:8px 0px 8px 0px;
	width:400px;
	font-size:125%;
}

}

@media all and (max-width:960px), print{

#survey_area{
	padding:75px 0px 75px 0px;
	background-size:132.5% auto;
}

.survey_title_main_pc{
	padding:0px 0px 35px 0px;
}

.survey_title_main_pc img{
	height:170px;
}

.survey_title_nav{
	padding:7px 0px 7px 0px;
	width:350px;
	font-size:112.5%;
}

}

@media screen and (max-width:800px){

.survey_title_main_pc{
	display:none;
}

.survey_title_main_sp{
	padding:0px 0px 40px 0px;
	text-align:center;
	transition:0.25s ease-out;
	display:block;
}

.survey_title_main_sp img{
	height:220px;
}

}

@media screen and (max-width:640px){

#survey_area{
	padding:65px 0px 65px 0px;
}

.survey_title_main_sp{
	padding:0px 0px 35px 0px;
}

.survey_title_main_sp img{
	height:190px;
}

.survey_title_nav{
	padding:5px 0px 5px 0px;
	width:250px;
	font-size:87.5%;
}

}

@media screen and (max-width:480px){

.survey_title_main_sp img{
	height:160px;
}

}


/*-- SURVEY NAV --*/

#survey_nav_area{
	position:relative;
	margin:0px auto 0px auto;
	width:1560px;
	height:1150px;
}

.survey_nav_size_x{
	width:430px;
	height:430px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	/* shadow */
	-webkit-filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
	        filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
}

.survey_nav_size_x a{
	width:430px;
	height:430px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.survey_nav_size_x a img{
	width:430px;
	height:430px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.survey_nav_size_l{
	width:320px;
	height:320px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	/* shadow */
	-webkit-filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
	        filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
}

.survey_nav_size_l a{
	width:320px;
	height:320px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.survey_nav_size_l a img{
	width:320px;
	height:320px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.survey_nav_size_m{
	width:240px;
	height:240px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	/* shadow */
	-webkit-filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
	        filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
}

.survey_nav_size_m a{
	width:240px;
	height:240px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.survey_nav_size_m a img{
	width:240px;
	height:240px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.survey_nav_size_s{
	width:200px;
	height:200px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	/* shadow */
	-webkit-filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
	        filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
}

.survey_nav_size_s a{
	width:200px;
	height:200px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.survey_nav_size_s a img{
	width:200px;
	height:200px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

@media screen and (max-width:1600px){

#survey_nav_area{
	width:1400px;
	height:1100px;
}

.survey_nav_size_x{ width:407px; height:407px; }
.survey_nav_size_x a{ width:407px; height:407px; }
.survey_nav_size_x a img{ width:407px; height:407px; }

.survey_nav_size_l{ width:304px; height:304px; }
.survey_nav_size_l a{ width:304px; height:304px; }
.survey_nav_size_l a img{ width:304px; height:304px; }

.survey_nav_size_m{ width:228px; height:228px; }
.survey_nav_size_m a{ width:228px; height:228px; }
.survey_nav_size_m a img{ width:228px; height:228px; }

.survey_nav_size_s{ width:190px; height:190px; }
.survey_nav_size_s a{ width:190px; height:190px; }
.survey_nav_size_s a img{ width:190px; height:190px; }

}

@media screen and (max-width:1440px){

#survey_nav_area{
	width:1240px;
	height:1100px;
}

.survey_nav_size_x{ width:384px; height:384px; }
.survey_nav_size_x a{ width:384px; height:384px; }
.survey_nav_size_x a img{ width:384px; height:384px; }

.survey_nav_size_l{ width:288px; height:288px; }
.survey_nav_size_l a{ width:288px; height:288px; }
.survey_nav_size_l a img{ width:288px; height:288px; }

.survey_nav_size_m{ width:216px; height:216px; }
.survey_nav_size_m a{ width:216px; height:216px; }
.survey_nav_size_m a img{ width:216px; height:216px; }

.survey_nav_size_s{ width:180px; height:180px; }
.survey_nav_size_s a{ width:180px; height:180px; }
.survey_nav_size_s a img{ width:180px; height:180px; }

}

@media screen and (max-width:1280px){

#survey_nav_area{
	width:1080px;
	height:1150px;
}

.survey_nav_size_x{ width:361px; height:361px; }
.survey_nav_size_x a{ width:361px; height:361px; }
.survey_nav_size_x a img{ width:361px; height:361px; }

.survey_nav_size_l{ width:272px; height:272px; }
.survey_nav_size_l a{ width:272px; height:272px; }
.survey_nav_size_l a img{ width:272px; height:272px; }

.survey_nav_size_m{ width:204px; height:204px; }
.survey_nav_size_m a{ width:204px; height:204px; }
.survey_nav_size_m a img{ width:204px; height:204px; }

.survey_nav_size_s{ width:170px; height:170px; }
.survey_nav_size_s a{ width:170px; height:170px; }
.survey_nav_size_s a img{ width:170px; height:170px; }

}

@media screen and (max-width:1120px){

#survey_nav_area{
	width:920px;
	height:1200px;
}

.survey_nav_size_x{ width:338px; height:338px; }
.survey_nav_size_x a{ width:338px; height:338px; }
.survey_nav_size_x a img{ width:338px; height:338px; }

.survey_nav_size_l{ width:256px; height:256px; }
.survey_nav_size_l a{ width:256px; height:256px; }
.survey_nav_size_l a img{ width:256px; height:256px; }

.survey_nav_size_m{ width:192px; height:192px; }
.survey_nav_size_m a{ width:192px; height:192px; }
.survey_nav_size_m a img{ width:192px; height:192px; }

.survey_nav_size_s{ width:160px; height:160px; }
.survey_nav_size_s a{ width:160px; height:160px; }
.survey_nav_size_s a img{ width:160px; height:160px; }

}

@media all and (max-width:960px), print{

#survey_nav_area{
	width:760px;
	height:1280px;
}

.survey_nav_size_x{ width:315px; height:315px; }
.survey_nav_size_x a{ width:315px; height:315px; }
.survey_nav_size_x a img{ width:315px; height:315px; }

.survey_nav_size_l{ width:240px; height:240px; }
.survey_nav_size_l a{ width:240px; height:240px; }
.survey_nav_size_l a img{ width:240px; height:240px; }

.survey_nav_size_m{ width:180px; height:180px; }
.survey_nav_size_m a{ width:180px; height:180px; }
.survey_nav_size_m a img{ width:180px; height:180px; }

.survey_nav_size_s{ width:150px; height:150px; }
.survey_nav_size_s a{ width:150px; height:150px; }
.survey_nav_size_s a img{ width:150px; height:150px; }

}

@media screen and (max-width:800px){

#survey_nav_area{
	width:600px;
	height:1400px;
}

.survey_nav_size_x{ width:292px; height:292px; }
.survey_nav_size_x a{ width:292px; height:292px; }
.survey_nav_size_x a img{ width:292px; height:292px; }

.survey_nav_size_l{ width:224px; height:224px; }
.survey_nav_size_l a{ width:224px; height:224px; }
.survey_nav_size_l a img{ width:224px; height:224px; }

.survey_nav_size_m{ width:168px; height:168px; }
.survey_nav_size_m a{ width:168px; height:168px; }
.survey_nav_size_m a img{ width:168px; height:168px; }

.survey_nav_size_s{ width:140px; height:140px; }
.survey_nav_size_s a{ width:140px; height:140px; }
.survey_nav_size_s a img{ width:140px; height:140px; }

}

@media screen and (max-width:640px){

#survey_nav_area{
	width:440px;
	height:1600px;
}

.survey_nav_size_x{ width:269px; height:269px; }
.survey_nav_size_x a{ width:269px; height:269px; }
.survey_nav_size_x a img{ width:269px; height:269px; }

.survey_nav_size_l{ width:208px; height:208px; }
.survey_nav_size_l a{ width:208px; height:208px; }
.survey_nav_size_l a img{ width:208px; height:208px; }

.survey_nav_size_m{ width:156px; height:156px; }
.survey_nav_size_m a{ width:156px; height:156px; }
.survey_nav_size_m a img{ width:156px; height:156px; }

.survey_nav_size_s{ width:130px; height:130px; }
.survey_nav_size_s a{ width:130px; height:130px; }
.survey_nav_size_s a img{ width:130px; height:130px; }

}

@media screen and (max-width:480px){

#survey_nav_area{
	width:400px;
	height:1480px;
}

.survey_nav_size_x{ width:246px; height:246px; }
.survey_nav_size_x a{ width:246px; height:246px; }
.survey_nav_size_x a img{ width:246px; height:246px; }

.survey_nav_size_l{ width:192px; height:192px; }
.survey_nav_size_l a{ width:192px; height:192px; }
.survey_nav_size_l a img{ width:192px; height:192px; }

.survey_nav_size_m{ width:144px; height:144px; }
.survey_nav_size_m a{ width:144px; height:144px; }
.survey_nav_size_m a img{ width:144px; height:144px; }

.survey_nav_size_s{ width:120px; height:120px; }
.survey_nav_size_s a{ width:120px; height:120px; }
.survey_nav_size_s a img{ width:120px; height:120px; }

}

@media screen and (max-width:430px){

#survey_nav_area{
	width:360px;
	height:1360px;
}

.survey_nav_size_x{ width:223px; height:223px; }
.survey_nav_size_x a{ width:223px; height:223px; }
.survey_nav_size_x a img{ width:223px; height:223px; }

.survey_nav_size_l{ width:176px; height:176px; }
.survey_nav_size_l a{ width:176px; height:176px; }
.survey_nav_size_l a img{ width:176px; height:176px; }

.survey_nav_size_m{ width:132px; height:132px; }
.survey_nav_size_m a{ width:132px; height:132px; }
.survey_nav_size_m a img{ width:132px; height:132px; }

.survey_nav_size_s{ width:110px; height:110px; }
.survey_nav_size_s a{ width:110px; height:110px; }
.survey_nav_size_s a img{ width:110px; height:110px; }

}

@media screen and (max-width:380px){

#survey_nav_area{
	width:340px;
	height:1200px;
}

.survey_nav_size_x{ width:200px; height:200px; }
.survey_nav_size_x a{ width:200px; height:200px; }
.survey_nav_size_x a img{ width:200px; height:200px; }

.survey_nav_size_l{ width:160px; height:160px; }
.survey_nav_size_l a{ width:160px; height:160px; }
.survey_nav_size_l a img{ width:160px; height:160px; }

.survey_nav_size_m{ width:120px; height:120px; }
.survey_nav_size_m a{ width:120px; height:120px; }
.survey_nav_size_m a img{ width:120px; height:120px; }

.survey_nav_size_s{ width:100px; height:100px; }
.survey_nav_size_s a{ width:100px; height:100px; }
.survey_nav_size_s a img{ width:100px; height:100px; }

}


/*-- SURVEY NAV POSITION --*/

.survey_nav_01_1_kami{ position:absolute; top:0px; left:120px; }
.survey_nav_01_2_hada{ position:absolute; top:0px; right:565px; }
.survey_nav_01_3_gimon{ position:absolute; top:0px; right:120px; }
.survey_nav_02_shampoo{ position:absolute; top:405px; left:0px; }
.survey_nav_03_silicon{ position:absolute; top:375px; right:395px; }
.survey_nav_04_chemical{ position:absolute; top:540px; left:320px; }
.survey_nav_05_allergy{ position:absolute; top:405px; right:0px; }
.survey_nav_06_eveloper{ position:absolute; top:360px; left:460px; }
.survey_nav_07_experiment{ position:absolute; top:720px; left:170px; }
.survey_nav_08_safety{ position:absolute; top:510px; left:605px; }
.survey_nav_09_ecosystem{ position:absolute; top:650px; right:250px; }
.survey_nav_10_river{ position:absolute; top:730px; left:485px; }
.survey_nav_11_weather{ position:absolute; top:700px; right:495px; }
.survey_nav_12_uv{ position:absolute; top:735px; right:15px; }
.survey_nav_13_plastic{ position:absolute; top:880px; left:310px; }
.survey_nav_14_choose{ position:absolute; top:890px; right:350px; }

@media screen and (max-width:1600px){

.survey_nav_01_1_kami{ top:0px; left:75px; }
.survey_nav_01_2_hada{ top:0px; right:497px; }
.survey_nav_01_3_gimon{ top:0px; right:75px; }
.survey_nav_02_shampoo{ top:400px; left:0px; }
.survey_nav_03_silicon{ top:355px; right:335px; }
.survey_nav_04_chemical{ top:530px; left:305px; }
.survey_nav_05_allergy{ top:400px; right:0px; }
.survey_nav_06_eveloper{ top:340px; left:395px; }
.survey_nav_07_experiment{ top:700px; left:160px; }
.survey_nav_08_safety{ top:490px; left:540px; }
.survey_nav_09_ecosystem{ top:640px; right:235px; }
.survey_nav_10_river{ top:720px; left:460px; }
.survey_nav_11_weather{ top:680px; right:470px; }
.survey_nav_12_uv{ top:735px; right:15px; }
.survey_nav_13_plastic{ top:855px; left:290px; }
.survey_nav_14_choose{ top:865px; right:335px; }

}

@media screen and (max-width:1440px){

.survey_nav_01_1_kami{ top:0px; left:29px; }
.survey_nav_01_2_hada{ top:0px; right:428px; }
.survey_nav_01_3_gimon{ top:0px; right:29px; }
.survey_nav_02_shampoo{ top:390px; left:0px; }
.survey_nav_03_silicon{ top:355px; right:305px; }
.survey_nav_04_chemical{ top:515px; left:290px; }
.survey_nav_05_allergy{ top:390px; right:0px; }
.survey_nav_06_eveloper{ top:320px; left:330px; }
.survey_nav_07_experiment{ top:675px; left:150px; }
.survey_nav_08_safety{ top:585px; left:505px; }
.survey_nav_09_ecosystem{ top:625px; right:215px; }
.survey_nav_10_river{ top:740px; left:335px; }
.survey_nav_11_weather{ top:770px; right:385px; }
.survey_nav_12_uv{ top:735px; right:15px; }
.survey_nav_13_plastic{ top:795px; left:0px; }
.survey_nav_14_choose{ top:865px; right:210px; }

}

@media screen and (max-width:1280px){

.survey_nav_01_1_kami{ top:0px; left:10px; }
.survey_nav_01_2_hada{ top:0px; right:10px; }
.survey_nav_01_3_gimon{ top:135px; right:360px; }
.survey_nav_02_shampoo{ top:375px; left:0px; }
.survey_nav_03_silicon{ top:485px; right:265px; }
.survey_nav_04_chemical{ top:615px; left:180px; }
.survey_nav_05_allergy{ top:375px; right:0px; }
.survey_nav_06_eveloper{ top:455px; left:285px; }
.survey_nav_07_experiment{ top:655px; left:0px; }
.survey_nav_08_safety{ top:680px; left:385px; }
.survey_nav_09_ecosystem{ top:655px; right:85px; }
.survey_nav_10_river{ top:830px; left:225px; }
.survey_nav_11_weather{ top:770px; right:295px; }
.survey_nav_12_uv{ top:870px; right:105px; }
.survey_nav_13_plastic{ top:830px; left:45px; }
.survey_nav_14_choose{ top:900px; right:475px; }

}

@media screen and (max-width:1120px){

.survey_nav_01_1_kami{ top:0px; left:10px; }
.survey_nav_01_2_hada{ top:0px; right:10px; }
.survey_nav_01_3_gimon{ top:210px; right:291px; }
.survey_nav_02_shampoo{ top:345px; left:0px; }
.survey_nav_03_silicon{ top:530px; right:195px; }
.survey_nav_04_chemical{ top:610px; left:65px; }
.survey_nav_05_allergy{ top:345px; right:0px; }
.survey_nav_06_eveloper{ top:515px; left:235px; }
.survey_nav_07_experiment{ top:795px; left:0px; }
.survey_nav_08_safety{ top:675px; left:295px; }
.survey_nav_09_ecosystem{ top:630px; right:0px; }
.survey_nav_10_river{ top:830px; left:165px; }
.survey_nav_11_weather{ top:795px; right:265px; }
.survey_nav_12_uv{ top:820px; right:65px; }
.survey_nav_13_plastic{ top:965px; left:35px; }
.survey_nav_14_choose{ top:940px; right:415px; }

}

@media all and (max-width:960px), print{

.survey_nav_01_1_kami{ top:0px; left:5px; }
.survey_nav_01_2_hada{ top:0px; right:5px; }
.survey_nav_01_3_gimon{ top:245px; right:222px; }
.survey_nav_02_shampoo{ top:485px; left:50px; }
.survey_nav_03_silicon{ top:570px; right:195px; }
.survey_nav_04_chemical{ top:720px; left:170px; }
.survey_nav_05_allergy{ top:410px; right:0px; }
.survey_nav_06_eveloper{ top:325px; left:60px; }
.survey_nav_07_experiment{ top:720px; left:10px; }
.survey_nav_08_safety{ top:825px; left:335px; }
.survey_nav_09_ecosystem{ top:665px; right:10px; }
.survey_nav_10_river{ top:875px; left:55px; }
.survey_nav_11_weather{ top:1000px; right:170px; }
.survey_nav_12_uv{ top:850px; right:55px; }
.survey_nav_13_plastic{ top:965px; left:230px; }
.survey_nav_14_choose{ top:1030px; right:10px; }

}

@media screen and (max-width:800px){

.survey_nav_01_1_kami{ top:0px; left:0px; }
.survey_nav_01_2_hada{ top:0px; right:0px; }
.survey_nav_01_3_gimon{ top:265px; right:154px; }
.survey_nav_02_shampoo{ top:495px; left:0px; }
.survey_nav_03_silicon{ top:635px; right:188px; }
.survey_nav_04_chemical{ top:730px; left:20px; }
.survey_nav_05_allergy{ top:495px; right:0px; }
.survey_nav_06_eveloper{ top:295px; left:5px; }
.survey_nav_07_experiment{ top:880px; left:130px; }
.survey_nav_08_safety{ top:860px; left:280px; }
.survey_nav_09_ecosystem{ top:735px; right:20px; }
.survey_nav_10_river{ top:980px; left:0px; }
.survey_nav_11_weather{ top:1035px; right:155px; }
.survey_nav_12_uv{ top:955px; right:0px; }
.survey_nav_13_plastic{ top:1105px; left:135px; }
.survey_nav_14_choose{ top:345px; right:5px; }

}

@media screen and (max-width:640px){

.survey_nav_01_1_kami{ top:225px; left:0px; }
.survey_nav_01_2_hada{ top:0px; right:0px; }
.survey_nav_01_3_gimon{ top:450px; right:0px; }
.survey_nav_02_shampoo{ top:665px; left:20px; }
.survey_nav_03_silicon{ top:880px; right:160px; }
.survey_nav_04_chemical{ top:500px; left:5px; }
.survey_nav_05_allergy{ top:730px; right:0px; }
.survey_nav_06_eveloper{ top:85px; left:30px; }
.survey_nav_07_experiment{ top:1060px; left:0px; }
.survey_nav_08_safety{ top:1080px; left:180px; }
.survey_nav_09_ecosystem{ top:950px; right:0px; }
.survey_nav_10_river{ top:1185px; left:55px; }
.survey_nav_11_weather{ top:1320px; right:125px; }
.survey_nav_12_uv{ top:1210px; right:0px; }
.survey_nav_13_plastic{ top:1335px; left:0px; }
.survey_nav_14_choose{ top:310px; right:30px; }

}

@media screen and (max-width:480px){

.survey_nav_01_1_kami{ top:205px; left:0px; }
.survey_nav_01_2_hada{ top:0px; right:0px; }
.survey_nav_01_3_gimon{ top:410px; right:0px; }
.survey_nav_02_shampoo{ top:605px; left:20px; }
.survey_nav_03_silicon{ top:805px; right:160px; }
.survey_nav_04_chemical{ top:455px; left:0px; }
.survey_nav_05_allergy{ top:680px; right:0px; }
.survey_nav_06_eveloper{ top:75px; left:25px; }
.survey_nav_07_experiment{ top:985px; left:0px; }
.survey_nav_08_safety{ top:1000px; left:135px; }
.survey_nav_09_ecosystem{ top:885px; right:15px; }
.survey_nav_10_river{ top:1110px; left:30px; }
.survey_nav_11_weather{ top:1205px; right:105px; }
.survey_nav_12_uv{ top:1095px; right:0px; }
.survey_nav_13_plastic{ top:1260px; left:30px; }
.survey_nav_14_choose{ top:280px; right:25px; }

}

@media screen and (max-width:430px){

.survey_nav_01_1_kami{ top:190px; left:0px; }
.survey_nav_01_2_hada{ top:0px; right:0px; }
.survey_nav_01_3_gimon{ top:380px; right:0px; }
.survey_nav_02_shampoo{ top:555px; left:5px; }
.survey_nav_03_silicon{ top:740px; right:140px; }
.survey_nav_04_chemical{ top:415px; left:0px; }
.survey_nav_05_allergy{ top:615px; right:0px; }
.survey_nav_06_eveloper{ top:75px; left:20px; }
.survey_nav_07_experiment{ top:905px; left:0px; }
.survey_nav_08_safety{ top:910px; left:135px; }
.survey_nav_09_ecosystem{ top:800px; right:5px; }
.survey_nav_10_river{ top:1015px; left:40px; }
.survey_nav_11_weather{ top:1120px; right:95px; }
.survey_nav_12_uv{ top:1015px; right:0px; }
.survey_nav_13_plastic{ top:1150px; left:15px; }
.survey_nav_14_choose{ top:265px; right:20px; }

}

@media screen and (max-width:380px){

.survey_nav_01_1_kami{ top:155px; left:0px; }
.survey_nav_01_2_hada{ top:0px; right:0px; }
.survey_nav_01_3_gimon{ top:310px; right:0px; }
.survey_nav_02_shampoo{ top:485px; left:15px; }
.survey_nav_03_silicon{ top:645px; right:115px; }
.survey_nav_04_chemical{ top:360px; left:10px; }
.survey_nav_05_allergy{ top:520px; right:0px; }
.survey_nav_06_eveloper{ top:45px; left:30px; }
.survey_nav_07_experiment{ top:775px; left:0px; }
.survey_nav_08_safety{ top:810px; left:125px; }
.survey_nav_09_ecosystem{ top:725px; right:0px; }
.survey_nav_10_river{ top:880px; left:20px; }
.survey_nav_11_weather{ top:965px; right:105px; }
.survey_nav_12_uv{ top:895px; right:0px; }
.survey_nav_13_plastic{ top:1010px; left:10px; }
.survey_nav_14_choose{ top:205px; right:15px; }

}


/*-- REPORT --*/

#report_area{
	position:relative;
	padding:125px 0px 125px 0px;
	width:100%;
	background-color:rgba(245,230,235,1.0);
	background-image:url(../images/top_page/report_bg.webp);
	background-repeat:no-repeat;
	background-position:center bottom;
	background-size:100% auto;
}

.report_area_arrow{
	position:absolute;
	top:-100px;
	left:0px;
	right:0px;
	margin:auto;
	width:100%;
	height:155px;
	text-align:center;
	z-index:10;
}

.report_title_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 0px 25px 0px;
	max-width:1280px;
}

.report_title_main_pc{
	padding:0px 0px 45px 0px;
	text-align:center;
	transition:0.25s ease-out;
}

.report_title_main_pc img{
	height:250px;
}

.report_title_main_sp{
	display:none;
}

.report_title_nav{
	margin:0px auto 0px auto;
	padding:9px 0px 9px 0px;
	width:450px;
	border-top:1px solid rgba(10,10,10,1.0);
	border-bottom:1px solid rgba(10,10,10,1.0);
	box-sizing:border-box;
	font-size:137.5%;
	line-height:150%;
	color:rgba(10,10,10,1.0);
	font-weight:600;
	text-align:center;
	transition:0.25s ease-out;
}

@media screen and (max-width:1440px){

#report_area{
	background-size:132.5% auto;
}

}

@media screen and (max-width:1280px){

#report_area{
	padding:100px 0px 100px 0px;
}

.report_area_arrow{
	top:-85px;
	height:130px;
}

.report_area_arrow img{
	height:130px;
}

.report_title_main_pc{
	padding:0px 0px 40px 0px;
}

.report_title_main_pc img{
	height:200px;
}

.report_title_nav{
	padding:8px 0px 8px 0px;
	width:400px;
	font-size:125%;
}

}

@media all and (max-width:960px), print{

#report_area{
	padding:75px 0px 75px 0px;
	background-size:132.5% auto;
}

.report_area_arrow{
	top:-70px;
	height:115px;
}

.report_area_arrow img{
	height:115px;
}

.report_title_main_pc{
	padding:0px 0px 35px 0px;
}

.report_title_main_pc img{
	height:160px;
}

.report_title_nav{
	padding:7px 0px 7px 0px;
	width:350px;
	font-size:112.5%;
}

}

@media screen and (max-width:800px){

.report_title_main_pc{
	display:none;
}

.report_title_main_sp{
	padding:0px 0px 40px 0px;
	text-align:center;
	transition:0.25s ease-out;
	display:block;
}

.report_title_main_sp img{
	height:220px;
}

}

@media screen and (max-width:640px){

#report_area{
	padding:65px 0px 65px 0px;
}

.report_area_arrow{
	top:-60px;
	height:100px;
}

.report_area_arrow img{
	height:100px;
}

.report_title_main_sp{
	padding:0px 0px 35px 0px;
}

.report_title_main_sp img{
	height:190px;
}

.report_title_nav{
	padding:5px 0px 5px 0px;
	width:250px;
	font-size:87.5%;
}

}

@media screen and (max-width:480px){

.report_title_main_sp img{
	height:160px;
}

}


/*-- REPORT NAV --*/

#report_nav_area{
	position:relative;
	margin:0px auto 0px auto;
	width:1560px;
	height:1000px;
}

.report_nav_size_x{
	width:460px;
	height:460px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	/* shadow */
	-webkit-filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
	        filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
}

.report_nav_size_x a{
	width:460px;
	height:460px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.report_nav_size_x a img{
	width:460px;
	height:460px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.report_nav_size_l{
	width:320px;
	height:320px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	/* shadow */
	-webkit-filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
	        filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
}

.report_nav_size_l a{
	width:320px;
	height:320px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.report_nav_size_l a img{
	width:320px;
	height:320px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.report_nav_size_m{
	width:240px;
	height:240px;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
	/* shadow */
	-webkit-filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
	        filter:drop-shadow(0px 5px 0px rgba(10,10,10,0.25));
}

.report_nav_size_m a{
	width:240px;
	height:240px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

.report_nav_size_m a img{
	width:240px;
	height:240px;
	display:block;
	overflow:hidden;
	/* radius */
	-webkit-border-radius:50%;
	   -moz-border-radius:50%;
	        border-radius:50%;
}

@media screen and (max-width:1600px){

#report_nav_area{
	width:1400px;
	height:1000px;
}

.report_nav_size_x{ width:437px; height:437px; }
.report_nav_size_x a{ width:437px; height:437px; }
.report_nav_size_x a img{ width:437px; height:437px; }

.report_nav_size_l{ width:304px; height:304px; }
.report_nav_size_l a{ width:304px; height:304px; }
.report_nav_size_l a img{ width:304px; height:304px; }

.report_nav_size_m{ width:228px; height:228px; }
.report_nav_size_m a{ width:228px; height:228px; }
.report_nav_size_m a img{ width:228px; height:228px; }

}

@media screen and (max-width:1440px){

#report_nav_area{
	width:1240px;
	height:940px;
}

.report_nav_size_x{ width:414px; height:414px; }
.report_nav_size_x a{ width:414px; height:414px; }
.report_nav_size_x a img{ width:414px; height:414px; }

.report_nav_size_l{ width:288px; height:288px; }
.report_nav_size_l a{ width:288px; height:288px; }
.report_nav_size_l a img{ width:288px; height:288px; }

.report_nav_size_m{ width:216px; height:216px; }
.report_nav_size_m a{ width:216px; height:216px; }
.report_nav_size_m a img{ width:216px; height:216px; }

}

@media screen and (max-width:1280px){

#report_nav_area{
	width:1080px;
	height:900px;
}

.report_nav_size_x{ width:391px; height:391px; }
.report_nav_size_x a{ width:391px; height:391px; }
.report_nav_size_x a img{ width:391px; height:391px; }

.report_nav_size_l{ width:272px; height:272px; }
.report_nav_size_l a{ width:272px; height:272px; }
.report_nav_size_l a img{ width:272px; height:272px; }

.report_nav_size_m{ width:204px; height:204px; }
.report_nav_size_m a{ width:204px; height:204px; }
.report_nav_size_m a img{ width:204px; height:204px; }

}

@media screen and (max-width:1120px){

#report_nav_area{
	width:920px;
	height:850px;
}

.report_nav_size_x{ width:368px; height:368px; }
.report_nav_size_x a{ width:368px; height:368px; }
.report_nav_size_x a img{ width:368px; height:368px; }

.report_nav_size_l{ width:256px; height:256px; }
.report_nav_size_l a{ width:256px; height:256px; }
.report_nav_size_l a img{ width:256px; height:256px; }

.report_nav_size_m{ width:192px; height:192px; }
.report_nav_size_m a{ width:192px; height:192px; }
.report_nav_size_m a img{ width:192px; height:192px; }

}

@media all and (max-width:960px), print{

#report_nav_area{
	width:760px;
	height:900px;
}

.report_nav_size_x{ width:345px; height:345px; }
.report_nav_size_x a{ width:345px; height:345px; }
.report_nav_size_x a img{ width:345px; height:345px; }

.report_nav_size_l{ width:240px; height:240px; }
.report_nav_size_l a{ width:240px; height:240px; }
.report_nav_size_l a img{ width:240px; height:240px; }

.report_nav_size_m{ width:180px; height:180px; }
.report_nav_size_m a{ width:180px; height:180px; }
.report_nav_size_m a img{ width:180px; height:180px; }

}

@media screen and (max-width:800px){

#report_nav_area{
	width:600px;
	height:1000px;
}

.report_nav_size_x{ width:322px; height:322px; }
.report_nav_size_x a{ width:322px; height:322px; }
.report_nav_size_x a img{ width:322px; height:322px; }

.report_nav_size_l{ width:224px; height:224px; }
.report_nav_size_l a{ width:224px; height:224px; }
.report_nav_size_l a img{ width:224px; height:224px; }

.report_nav_size_m{ width:168px; height:168px; }
.report_nav_size_m a{ width:168px; height:168px; }
.report_nav_size_m a img{ width:168px; height:168px; }

}

@media screen and (max-width:640px){

#report_nav_area{
	width:440px;
	height:1140px;
}

.report_nav_size_x{ width:299px; height:299px; }
.report_nav_size_x a{ width:299px; height:299px; }
.report_nav_size_x a img{ width:299px; height:299px; }

.report_nav_size_l{ width:208px; height:208px; }
.report_nav_size_l a{ width:208px; height:208px; }
.report_nav_size_l a img{ width:208px; height:208px; }

.report_nav_size_m{ width:156px; height:156px; }
.report_nav_size_m a{ width:156px; height:156px; }
.report_nav_size_m a img{ width:156px; height:156px; }

}

@media screen and (max-width:480px){

#report_nav_area{
	width:400px;
	height:1080px;
}

.report_nav_size_x{ width:276px; height:276px; }
.report_nav_size_x a{ width:276px; height:276px; }
.report_nav_size_x a img{ width:276px; height:276px; }

.report_nav_size_l{ width:192px; height:192px; }
.report_nav_size_l a{ width:192px; height:192px; }
.report_nav_size_l a img{ width:192px; height:192px; }

.report_nav_size_m{ width:144px; height:144px; }
.report_nav_size_m a{ width:144px; height:144px; }
.report_nav_size_m a img{ width:144px; height:144px; }

}

@media screen and (max-width:430px){

#report_nav_area{
	width:360px;
	height:1040px;
}

.report_nav_size_x{ width:253px; height:253px; }
.report_nav_size_x a{ width:253px; height:253px; }
.report_nav_size_x a img{ width:253px; height:253px; }

.report_nav_size_l{ width:176px; height:176px; }
.report_nav_size_l a{ width:176px; height:176px; }
.report_nav_size_l a img{ width:176px; height:176px; }

.report_nav_size_m{ width:132px; height:132px; }
.report_nav_size_m a{ width:132px; height:132px; }
.report_nav_size_m a img{ width:132px; height:132px; }

}

@media screen and (max-width:380px){

#report_nav_area{
	width:340px;
	height:920px;
}

.report_nav_size_x{ width:230px; height:230px; }
.report_nav_size_x a{ width:230px; height:230px; }
.report_nav_size_x a img{ width:230px; height:230px; }

.report_nav_size_l{ width:160px; height:160px; }
.report_nav_size_l a{ width:160px; height:160px; }
.report_nav_size_l a img{ width:160px; height:160px; }

.report_nav_size_m{ width:120px; height:120px; }
.report_nav_size_m a{ width:120px; height:120px; }
.report_nav_size_m a img{ width:120px; height:120px; }

}


/*-- REPORT NAV POSITION --*/

.report_nav_01_nayami{ position:absolute; top:50px; right:520px; }
.report_nav_02_eveloper{ position:absolute; top:0px; left:260px; }
.report_nav_03_silicon{ position:absolute; top:0px; right:200px; }
.report_nav_04_uv{ position:absolute; top:215px; left:0px; }
.report_nav_05_allergy{ position:absolute; top:345px; left:310px; }
/*--.report_nav_06_pesticide{ position:absolute; top:220px; right:0px; }--*/
.report_nav_06_pesticide{ position:absolute; top:590px; right:750px; }
.report_nav_07_safety{ position:absolute; top:550px; left:100px; }
.report_nav_08_river{ position:absolute; top:340px; right:230px; }
.report_nav_09_container{ position:absolute; top:490px; right:420px; }

@media screen and (max-width:1600px){

.report_nav_01_nayami{ position:absolute; top:50px; right:480px; }
.report_nav_02_eveloper{ position:absolute; top:0px; left:185px; }
.report_nav_03_silicon{ position:absolute; top:0px; right:180px; }
.report_nav_04_uv{ position:absolute; top:320px; left:200px; }
.report_nav_05_allergy{ position:absolute; top:570px; left:400px; }
.report_nav_06_pesticide{ position:absolute; top:215px; right:0px; }
.report_nav_07_safety{ position:absolute; top:210px; left:0px; }
.report_nav_08_river{ position:absolute; top:320px; right:220px; }
.report_nav_09_container{ position:absolute; top:470px; right:390px; }

}

@media screen and (max-width:1440px){

.report_nav_01_nayami{ position:absolute; top:50px; right:445px; }
.report_nav_02_eveloper{ position:absolute; top:0px; left:100px; }
.report_nav_03_silicon{ position:absolute; top:0px; right:160px; }
.report_nav_04_uv{ position:absolute; top:480px; left:0px; }
.report_nav_05_allergy{ position:absolute; top:465px; left:335px; }
.report_nav_06_pesticide{ position:absolute; top:215px; right:0px; }
.report_nav_07_safety{ position:absolute; top:300px; left:190px; }
.report_nav_08_river{ position:absolute; top:555px; right:395px; }
.report_nav_09_container{ position:absolute; top:305px; right:195px; }

}

@media screen and (max-width:1280px){

.report_nav_01_nayami{ position:absolute; top:50px; right:420px; }
.report_nav_02_eveloper{ position:absolute; top:0px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:0px; right:150px; }
.report_nav_04_uv{ position:absolute; top:500px; left:0px; }
.report_nav_05_allergy{ position:absolute; top:450px; left:280px; }
.report_nav_06_pesticide{ position:absolute; top:210px; right:0px; }
.report_nav_07_safety{ position:absolute; top:285px; left:80px; }
.report_nav_08_river{ position:absolute; top:565px; right:325px; }
.report_nav_09_container{ position:absolute; top:300px; right:190px; }

}

@media screen and (max-width:1120px){

.report_nav_01_nayami{ position:absolute; top:130px; right:340px; }
.report_nav_02_eveloper{ position:absolute; top:0px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:0px; right:130px; }
.report_nav_04_uv{ position:absolute; top:475px; left:0px; }
.report_nav_05_allergy{ position:absolute; top:515px; left:265px; }
.report_nav_06_pesticide{ position:absolute; top:210px; right:0px; }
.report_nav_07_safety{ position:absolute; top:270px; left:10px; }
.report_nav_08_river{ position:absolute; top:625px; right:205px; }
.report_nav_09_container{ position:absolute; top:360px; right:120px; }

}

@media all and (max-width:960px), print{

.report_nav_01_nayami{ position:absolute; top:45px; right:255px; }
.report_nav_02_eveloper{ position:absolute; top:315px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:0px; right:20px; }
.report_nav_04_uv{ position:absolute; top:560px; left:80px; }
.report_nav_05_allergy{ position:absolute; top:395px; left:270px; }
.report_nav_06_pesticide{ position:absolute; top:250px; right:90px; }
.report_nav_07_safety{ position:absolute; top:0px; left:0px; }
.report_nav_08_river{ position:absolute; top:625px; right:185px; }
.report_nav_09_container{ position:absolute; top:435px; right:0px; }

}

@media screen and (max-width:800px){

.report_nav_01_nayami{ position:absolute; top:115px; right:185px; }
.report_nav_02_eveloper{ position:absolute; top:410px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:0px; right:0px; }
.report_nav_04_uv{ position:absolute; top:575px; left:165px; }
.report_nav_05_allergy{ position:absolute; top:740px; left:0px; }
.report_nav_06_pesticide{ position:absolute; top:235px; right:10px; }
.report_nav_07_safety{ position:absolute; top:0px; left:0px; }
.report_nav_08_river{ position:absolute; top:605px; right:0px; }
.report_nav_09_container{ position:absolute; top:395px; right:65px; }

}

@media screen and (max-width:640px){

.report_nav_01_nayami{ position:absolute; top:165px; right:0px; }
.report_nav_02_eveloper{ position:absolute; top:20px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:750px; right:35px; }
.report_nav_04_uv{ position:absolute; top:460px; left:100px; }
.report_nav_05_allergy{ position:absolute; top:655px; left:0px; }
.report_nav_06_pesticide{ position:absolute; top:0px; right:70px; }
.report_nav_07_safety{ position:absolute; top:340px; left:0px; }
.report_nav_08_river{ position:absolute; top:595px; right:0px; }
.report_nav_09_container{ position:absolute; top:875px; right:215px; }

}

@media screen and (max-width:480px){

.report_nav_01_nayami{ position:absolute; top:155px; right:0px; }
.report_nav_02_eveloper{ position:absolute; top:20px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:720px; right:0px; }
.report_nav_04_uv{ position:absolute; top:430px; left:100px; }
.report_nav_05_allergy{ position:absolute; top:605px; left:0px; }
.report_nav_06_pesticide{ position:absolute; top:0px; right:60px; }
.report_nav_07_safety{ position:absolute; top:330px; left:0px; }
.report_nav_08_river{ position:absolute; top:570px; right:0px; }
.report_nav_09_container{ position:absolute; top:805px; right:185px; }

}

@media screen and (max-width:430px){

.report_nav_01_nayami{ position:absolute; top:140px; right:0px; }
.report_nav_02_eveloper{ position:absolute; top:0px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:675px; right:45px; }
.report_nav_04_uv{ position:absolute; top:400px; left:105px; }
.report_nav_05_allergy{ position:absolute; top:555px; left:0px; }
.report_nav_06_pesticide{ position:absolute; top:0px; right:45px; }
.report_nav_07_safety{ position:absolute; top:315px; left:0px; }
.report_nav_08_river{ position:absolute; top:550px; right:0px; }
.report_nav_09_container{ position:absolute; top:800px; right:180px; }

}

@media screen and (max-width:380px){

.report_nav_01_nayami{ position:absolute; top:130px; right:0px; }
.report_nav_02_eveloper{ position:absolute; top:0px; left:0px; }
.report_nav_03_silicon{ position:absolute; top:590px; right:30px; }
.report_nav_04_uv{ position:absolute; top:360px; left:80px; }
.report_nav_05_allergy{ position:absolute; top:510px; left:0px; }
.report_nav_06_pesticide{ position:absolute; top:0px; right:55px; }
.report_nav_07_safety{ position:absolute; top:270px; left:0px; }
.report_nav_08_river{ position:absolute; top:470px; right:0px; }
.report_nav_09_container{ position:absolute; top:685px; right:170px; }

}


/*-- ITEM --*/

#item_area{
	position:relative;
	width:100%;
	background-image:url(../images/top_page/item_background.jpg);
}

#item_main_backgorund_type_a{
    width:100%;
    background-image:url(../images/top_page/item_backgorund_type_a.png);
	background-repeat:repeat-x;
    background-position:0 bottom;
    /* animation */
	-webkit-animation:bgroop_a 20s linear infinite;
            animation:bgroop_a 20s linear infinite;
}

@-webkit-keyframes bgroop_a{
    from{ background-position:0 bottom; }
      to{ background-position:-2000px bottom; }
}

@keyframes bgroop_a{
    from{ background-position:0 bottom; }
      to{ background-position:-2000px bottom; }
}

#item_main_backgorund_type_b{
    width:100%;
    background-image:url(../images/top_page/item_backgorund_type_b.png);
	background-repeat:repeat-x;
    background-position:0 bottom;
    /* animation */
	-webkit-animation:bgroop_b 50s linear infinite;
            animation:bgroop_b 50s linear infinite;
}

@-webkit-keyframes bgroop_b{
    from{ background-position:0 bottom; }
      to{ background-position:-2000px bottom; }
}

@keyframes bgroop_b{
    from{ background-position:0 bottom; }
      to{ background-position:-2000px bottom; }
}

#item_main_area{
	padding:125px 0px 95px 0px;
	width:100%;
	overflow:hidden;
}

#item_main_image{
	margin:0px auto;
	padding:0px 45px 35px 45px;
	max-width:1400px;
}

#item_main_image img{
	width:100%;
}

.item_title_flame{
	position:relative;
	margin:0px auto 0px auto;
	max-width:1280px;
}

.item_title_main_pc{
	padding:0px 0px 45px 0px;
	text-align:center;
	transition:0.25s ease-out;
}

.item_title_main_pc img{
	height:240px;
}

.item_title_main_sp{
	display:none;
}

@media screen and (max-width:1280px){

#item_main_area{
	padding:100px 0px 85px 0px;
}

#item_main_image{
	padding:0px 35px 30px 35px;
}

.item_title_main_pc{
	padding:0px 0px 40px 0px;
}

.item_title_main_pc img{
	height:200px;
}

}

@media all and (max-width:960px), print{

#item_main_area{
	padding:75px 0px 75px 0px;
}

#item_main_image{
	padding:0px 25px 25px 25px;
}

.item_title_main_pc{
	padding:0px 0px 35px 0px;
}

.item_title_main_pc img{
	height:160px;
}

}

@media screen and (max-width:800px){

.item_title_main_pc{
	display:none;
}

.item_title_main_sp{
	padding:0px 0px 30px 0px;
	text-align:center;
	transition:0.25s ease-out;
	display:block;
}

.item_title_main_sp img{
	height:230px;
}

}

@media screen and (max-width:640px){

#item_main_area{
	padding:65px 0px 65px 0px;
}

#item_main_image{
	padding:0px 15px 20px 15px;
}

.item_title_main_sp{
	padding:0px 0px 25px 0px;
}

.item_title_main_sp img{
	height:210px;
}

}

@media screen and (max-width:480px){

.item_title_main_sp img{
	height:180px;
}

}


/*-- ITEM NAV --*/

.item_nav{
	position:relative;
	margin:0px auto 0px auto;
	max-width:480px;
	width:65%;
	background-color:rgba(175,0,0,1.0);
	text-align:right;
	overflow:hidden;
	transition:0.25s ease-out;
	cursor:pointer;
	/* radius */
	-webkit-border-radius:250px;
	   -moz-border-radius:250px;
	        border-radius:250px;
}

.item_nav:hover{
	background-color:rgba(165,0,0,1.0);
}

.item_nav a{
	background-image:url(../images/icon/icon_item_white.svg);
	background-repeat:no-repeat;
	background-position:right 45px center;
	background-size:35px auto;
	transition:0.25s ease-out;
	display:block;
}

.item_nav a .text{
	position:relative;
	padding:25px 125px 25px 45px;
	font-size:137.5%;
	line-height:150%;
	color:rgba(255,255,255,1.0);
	font-weight:700;
	text-align:left;
	transition:0.25s ease-out;
}

.item_nav a:link{ color:rgba(255,255,255,1.0); text-decoration:none; }
.item_nav a:visited{ color:rgba(255,255,255,1.0); text-decoration:none; }
.item_nav a:hover{ color:rgba(255,255,255,1.0); text-decoration:none; }
.item_nav a:active{ color:rgba(255,255,255,1.0); text-decoration:none; }

@media screen and (max-width:1280px){

.item_nav{
	margin:0px auto 0px auto;
	max-width:440px;
	width:75%;
}

.item_nav a{
	background-position:right 40px center;
	background-size:30px auto;
}

.item_nav a .text{
	padding:22px 110px 22px 40px;
	font-size:125%;
}

}

@media all and (max-width:960px), print{

.item_nav{
	margin:0px auto 0px auto;
	max-width:400px;
	width:85%;
}

.item_nav:hover{
	background-color:rgba(175,0,0,1.0);
}

.item_nav a{
	background-position:right 35px center;
	background-size:25px auto;
}

.item_nav a .text{
	padding:19px 95px 19px 35px;
	font-size:112.5%;
}

}

@media screen and (max-width:640px){

.item_nav{
	max-width:360px;
	width:95%;
}

.item_nav a{
	background-position:right 30px center;
	background-size:23px auto;
}

.item_nav a .text{
	padding:16px 85px 16px 30px;
	font-size:100%;
}

}


/*-- PEOPLE --*/

#people_area{
	position:relative;
	width:100%;
	background-color:rgba(229,208,208,1.0);
}

#people_main_area{
	padding:25px 0px 95px 0px;
	width:100%;
	overflow:hidden;
}

.people_title_flame{
	position:relative;
	margin:0px auto 0px auto;
	max-width:1280px;
}

.people_title_main_pc{
	padding:0px 0px 45px 0px;
	text-align:center;
	transition:0.25s ease-out;
}

.people_title_main_pc img{
	height:240px;
}

.people_title_main_sp{
	display:none;
}

@media screen and (max-width:1280px){

#people_main_area{
	padding:20px 0px 85px 0px;
}

.people_title_main_pc{
	padding:0px 0px 40px 0px;
}

.people_title_main_pc img{
	height:200px;
}

}

@media all and (max-width:960px), print{

#people_main_area{
	padding:15px 0px 75px 0px;
}

.people_title_main_pc{
	padding:0px 0px 35px 0px;
}

.people_title_main_pc img{
	height:160px;
}

}

@media screen and (max-width:800px){

.people_title_main_pc{
	display:none;
}

.people_title_main_sp{
	padding:0px 0px 30px 0px;
	text-align:center;
	transition:0.25s ease-out;
	display:block;
}

.people_title_main_sp img{
	height:230px;
}

}

@media screen and (max-width:640px){

#people_main_area{
	padding:10px 0px 65px 0px;
}

.people_title_main_sp{
	padding:0px 0px 25px 0px;
}

.people_title_main_sp img{
	height:210px;
}

}

@media screen and (max-width:480px){

.people_title_main_sp img{
	height:180px;
}

}


/*-- TOPICS --*/

#topics_area{
	position:relative;
	width:100%;
	display:flex;
	display:-webkit-flex;
	flex-wrap:wrap;
	justify-content:space-between;
}


/*-- MEMBER --*/

#member_area{
	padding:95px 0px 125px 0px;
	width:50%;
}

.member_bg_summer{
	background-image:url(../images/top_page/member_bg_summer.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.member_title_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 45px 0px 45px;
	max-width:1280px;
}

.member_title_black{
	padding:0px 0px 45px 0px;
	font-size:187.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	font-family:"BIZ UDPMincho", serif;
	color:rgba(10,10,10,1.0);
	font-weight:400;
	text-align:center;
	transition:0.25s ease-out;
}

.member_title_white{
	padding:0px 0px 45px 0px;
	font-size:187.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	font-family:"BIZ UDPMincho", serif;
	color:rgba(255,255,255,1.0);
	font-weight:400;
	text-align:center;
	transition:0.25s ease-out;
}

@media screen and (max-width:1280px){

#member_area{
	padding:85px 0px 100px 0px;
}

.member_title_flame{
	padding:0px 35px 0px 35px;
}

.member_title_black{
	padding:0px 0px 40px 0px;
	font-size:162.5%;
}

.member_title_white{
	padding:0px 0px 40px 0px;
	font-size:162.5%;
}

}

@media all and (max-width:960px), print{

#member_area{
	padding:75px 0px 75px 0px;
	width:100%;
}

.member_title_flame{
	padding:0px 25px 0px 25px;
}

.member_title_black{
	padding:0px 0px 35px 0px;
	font-size:137.5%;
}

.member_title_white{
	padding:0px 0px 35px 0px;
	font-size:137.5%;
}

}

@media screen and (max-width:640px){

#member_area{
	padding:65px 0px 65px 0px;
}

.member_title_black{
	padding:0px 0px 30px 0px;
}

.member_title_white{
	padding:0px 0px 30px 0px;
}

}

@media screen and (max-width:480px){

.member_title_black{
	font-size:125%;
}

.member_title_white{
	font-size:125%;
}

}


/*-- NEWS --*/

#news_area{
	padding:95px 0px 125px 0px;
	width:50%;
}

.news_bg{
	background-image:url(../images/top_page/news_bg.webp);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.news_title_flame{
	position:relative;
	margin:0px auto 0px auto;
	padding:0px 45px 0px 45px;
	max-width:1280px;
}

.news_title_black{
	padding:0px 0px 45px 0px;
	font-size:187.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	font-family:"BIZ UDPMincho", serif;
	color:rgba(10,10,10,1.0);
	font-weight:400;
	text-align:center;
	transition:0.25s ease-out;
}

.news_title_white{
	padding:0px 0px 45px 0px;
	font-size:187.5%;
	line-height:150%;
	letter-spacing:-0.01em;
	font-family:"BIZ UDPMincho", serif;
	color:rgba(255,255,255,1.0);
	font-weight:400;
	text-align:center;
	transition:0.25s ease-out;
}

@media screen and (max-width:1280px){

#news_area{
	padding:85px 0px 100px 0px;
}

.news_title_flame{
	padding:0px 35px 0px 35px;
}

.news_title_black{
	padding:0px 0px 40px 0px;
	font-size:162.5%;
}

.news_title_white{
	padding:0px 0px 40px 0px;
	font-size:162.5%;
}

}

@media all and (max-width:960px), print{

#news_area{
	padding:75px 0px 75px 0px;
	width:100%;
}

.news_title_flame{
	padding:0px 25px 0px 25px;
}

.news_title_black{
	padding:0px 0px 35px 0px;
	font-size:137.5%;
}

.news_title_white{
	padding:0px 0px 35px 0px;
	font-size:137.5%;
}

}

@media screen and (max-width:640px){

#news_area{
	padding:65px 0px 65px 0px;
}

.news_title_black{
	padding:0px 0px 30px 0px;
}

.news_title_white{
	padding:0px 0px 30px 0px;
}

}

@media screen and (max-width:640px){

.news_title_black{
	font-size:125%;
}

.news_title_white{
	font-size:125%;
}

}


/*-- ACTIVIST --*/

#activist_area{
	position:relative;
	padding:125px 0px 125px 0px;
	width:100%;
	background-image:url(../images/top_page/activist_bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

.activist_title_main_pc{
	padding:0px 0px 65px 0px;
	text-align:center;
	transition:0.25s ease-out;
}

.activist_title_main_pc img{
	height:110px;
}

.activist_title_main_sp{
	display:none;
}

@media screen and (max-width:1280px){

#activist_area{
	padding:100px 0px 100px 0px;
}

.activist_title_main_pc{
	padding:0px 0px 55px 0px;
}

.activist_title_main_pc img{
	height:95px;
}

}

@media all and (max-width:960px), print{

#activist_area{
	padding:75px 0px 75px 0px;
}

.activist_title_main_pc{
	padding:0px 0px 45px 0px;
}

.activist_title_main_pc img{
	height:80px;
}

}

@media screen and (max-width:800px){

.activist_title_main_pc{
	display:none;
}

.activist_title_main_sp{
	padding:0px 0px 45px 0px;
	text-align:center;
	transition:0.25s ease-out;
	display:block;
}

.activist_title_main_sp img{
	height:120px;
}

}

@media screen and (max-width:640px){

#activist_area{
	padding:65px 0px 65px 0px;
}

.activist_title_main_sp{
	padding:0px 0px 35px 0px;
}

.activist_title_main_sp img{
	height:110px;
}

}

@media screen and (max-width:480px){

.activist_title_main_sp img{
	height:100px;
}

}


/*-- ACTIVIST NAV --*/

.activist_nav{
	position:relative;
	margin:0px auto 0px auto;
	max-width:480px;
	width:65%;
	background-color:rgba(50,50,50,1.0);
	text-align:right;
	overflow:hidden;
	transition:0.25s ease-out;
	cursor:pointer;
	/* radius */
	-webkit-border-radius:250px;
	   -moz-border-radius:250px;
	        border-radius:250px;
}

.activist_nav:hover{
	background-color:rgba(45,45,45,1.0);
}

.activist_nav a{
	background-image:url("../images/icon/icon_arrow_white.svg");
	background-repeat:no-repeat;
	background-position:right 45px center;
	background-size:25px auto;
	transition:0.25s ease-out;
	display:block;
}

.activist_nav a .text{
	position:relative;
	padding:25px 125px 25px 45px;
	font-size:137.5%;
	line-height:150%;
	color:rgba(255,255,255,1.0);
	font-weight:700;
	text-align:left;
	transition:0.25s ease-out;
}

.activist_nav a:link{ color:rgba(255,255,255,1.0); text-decoration:none; }
.activist_nav a:visited{ color:rgba(255,255,255,1.0); text-decoration:none; }
.activist_nav a:hover{ color:rgba(255,255,255,1.0); text-decoration:none; }
.activist_nav a:active{ color:rgba(255,255,255,1.0); text-decoration:none; }

@media screen and (max-width:1280px){

.activist_nav{
	margin:0px auto 0px auto;
	max-width:440px;
	width:75%;
}

.activist_nav a{
	background-position:right 40px center;
	background-size:23px auto;
}

.activist_nav a .text{
	padding:22px 110px 22px 40px;
	font-size:125%;
}

}

@media all and (max-width:960px), print{

.activist_nav{
	margin:0px auto 0px auto;
	max-width:400px;
	width:85%;
}

.activist_nav:hover{
	background-color:rgba(50,50,50,1.0);
}

.activist_nav a{
	background-position:right 35px center;
	background-size:21px auto;
}

.activist_nav a .text{
	padding:19px 95px 19px 35px;
	font-size:112.5%;
}

}

@media screen and (max-width:640px){

.activist_nav{
	max-width:360px;
	width:95%;
}

.activist_nav a{
	background-position:right 30px center;
	background-size:19px auto;
}

.activist_nav a .text{
	padding:16px 85px 16px 30px;
	font-size:100%;
}

}


/*-- SLIDE IMAGE --*/

.under_slide_img{
	position:relative;
	width:100%;
}

.under_slide_img .img{
	width:100%;
}

.under_slide_img .img img{
	width:100%;
}


/*-- SLIDE IMAGE --*/

.people_slide_img{
	position:relative;
	width:100%;
}

.people_slide_img .img{
	width:100%;
}

.people_slide_img .img img{
	width:100%;
}