.kv_tit{
	margin: 0 auto;
	padding: 0 0 ;
	position:relative;
	text-align:left;
	background: url(../../images/initiative/kv_bg.jpg) no-repeat center center;
	background-size:cover;
	min-width:1000px;
	height:680px;
}
.kv_tit:after {
	content: "";
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	background: url(../../images/base/wave_bg.svg) repeat-x center bottom ;
	background-size:auto;
	z-index:10;
}


.kv_tit h2{
	margin: 0 auto ;
	padding: 230px 0 60px;
	position:relative;
font-weight: 500;
font-size: 69px;
letter-spacing: 0.05em;
text-align: center;
color: #fff;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
letter-spacing:2px;

}
.kv_tit p{
	margin: 0 auto ;
	padding: 0 0 0;
	position:relative;
font-weight: 500;
font-size: 28px;
line-height: 50px;
text-align: center;
color: #fff;
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.5);
letter-spacing:1px;
}




.section_wrap{
	margin: 0 auto;
	padding: 100px 0 100px;
	position:relative;
	min-width:1000px;
}

.section_inner{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	min-width:1000px;
	text-align:center;
}

h3.h3_style{
	margin:0 0 100px;
	padding: 0 0 50px;
	position: relative;
font-weight: 500;
font-size: 28px;
line-height: 50px;
text-align: center;
color: #3e3e3e;
	background-image: url(../../images/base/h2_bg.svg);
	background-repeat: no-repeat;
	background-position: center bottom 0px;
	background-size: auto;
}

h3.h3_style.h3_img1 {
	display:inline-block;
}

/*
h3.h3_style.h3_img1:before {
	position: absolute;
	top: 0px;
	left:-50px;
	content: '';
	margin:auto;
	width:30px;
	height:50px;
	background-image: url(../../images/initiative/h3_img1.png);
	background-repeat: no-repeat;
	background-position: center top 0px;
	background-size: auto 50px;
	display:inline-block;

}
h3.h3_style.h3_img1:after {
	position: absolute;
	top: 0px;
	right:-50px;
	content: '';
	margin:auto;
	width:30px;
	height:50px;
	background-image: url(../../images/initiative/h3_img1.png);
	background-repeat: no-repeat;
	background-position: center top 0px;
	background-size: auto 50px;
	display:inline-block;
}
*/


h3.h3_style.h3_img2:before {
  position: absolute;
  top: -50px;
  left:0px;
  right:0;
  margin:auto;
  content: url(../../images/initiative/h3_img2.svg);
}
h3.h3_style.h3_img2:after {
  position: absolute;
  top: -50px;
  left:0px;
  right:0;
  margin:auto;
  content: url(../../images/initiative/h3_img2_fish.svg);
  animation: float 4s ease-in-out infinite;
}
h3.h3_style.h3_img3:before {
  position: absolute;
  top: -50px;
  left:0px;
  content: url(../../images/initiative/h3_img3.svg);
}
h3.h3_style.h3_img3:after {
  position: absolute;
  top: -50px;
  left:0px;
  content: url(../../images/initiative/h3_img3_fish.svg);
  transform: scaleX(-1);
  animation: moveFish3 50s linear infinite;
  z-index: 1;
}

.council_block{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	width:1000px;
	text-align:center;
display: flex;
align-items:stretch;
justify-content:space-between;
}

.council_txt{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	width:440px;
}

.council_txt h4{
	margin: 0 0 50px;
	padding: 0 0;
	position:relative;
font-weight: 500;
font-size: 25px;
letter-spacing: 0.05em;
line-height: 39px;
text-align: left;
color: #3e3e3e;
	z-index:2;
}
.council_txt h4:before {
  position: absolute;
	top: -50px;
	left:200px;
	z-index:2;
  content: url(../../images/initiative/h4_img.svg);
}
.council_txt h4:after {
  position: absolute;
	top: -40px;
	left:220px;
	z-index:3;
  content: url(../../images/initiative/h4_img_fish.svg);
  animation: float 5s ease-in-out infinite;
}
@keyframes float {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0);
  }
}

.council_txt p{
	margin: 0 0;
	padding: 0 0;
	position:relative;
font-weight: normal;
font-size: 18px;
line-height:1.8;
text-align: left;
color: #3e3e3e;

}

.council_img{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align:center;
}

@keyframes moveFish3 {
  0%, 100% {
	left:-200px;
    transform: scaleX(-1);
  }
  49.9% {
  left: calc(100% + 100px);
    transform: scaleX(-0.9);
  }
  50% {
  left: calc(100% + 100px);
    transform: scaleX(1);
  }
  99.9% {
	left:-200px;
    transform: scaleX(0.9);
  }
}
.fish_img1{
	position:absolute;
	bottom:0;
	left:-200px;
    transform: scaleX(-1);
  animation: moveFish3 25s linear infinite;
  z-index:1;
}

@keyframes moveFish {
  0%, 100% {
  right: -200px;
    transform: scaleX(1);
  }
  49.9% {
  right: calc(100% + 200px);
    transform: scaleX(0.9);
  }
  50% {
  right: calc(100% + 200px);
    transform: scaleX(-1);
  }
  99.9% {
  right: -200px;
    transform: scaleX(-0.9);
  }
}

.fish_img2 {
  position: absolute;
  top: -94px;
  right: -150px;
  animation: moveFish 40s linear infinite;
  z-index:1;
}

@keyframes moveFish2 {
  0%, 100% {
  top: -20px;
  right: -300px;
    transform: scaleX(1);
  }
  49.9% {
  top: -20px;
  right: calc(100% + 50px);
    transform: scaleX(0.9);
  }
  50% {
  top: -20px;
  right: calc(100% + 50px);
    transform: scaleX(-1);
  }
  99.9% {
  top: -20px;
  right: -300px;
    transform: scaleX(-0.9);
  }
}

.fish_img2_sp {
  position: absolute;
  top: -20px;
  right: -300px;
  animation: moveFish2 50s linear infinite;
  z-index:1;
}

.section_wrap.bg_color{
	margin: 0 auto;
	padding: 150px 0 180px;
	position:relative;
	min-width:1000px;
	background: url(../../images/base/wave_bg2.svg) repeat-x center top ;
	background-size:auto;
	background-color:#DEEDFF;
}
.section_wrap.bg_color:after {
	content: "";
	width:100%;
	height:30px;
	position:absolute;
	bottom:0;
	background: url(../../images/base/wave_bg.svg) repeat-x center top ;
	background-size:auto;
	z-index:10;
}

.section_wrap.bg_color:before {
	content: "";
	width:100%;
	height:155px;
	position:absolute;
	bottom:0;
	background: url(../../images/initiative/fish_img4.svg) no-repeat center bottom -10px;
	background-size:auto;


}


.circulation_block{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	width:1000px;
	text-align:center;

}

.circulation_img{
	margin: 0 auto 70px;
	padding: 0 0;
	position:relative;
	text-align:center;
}

img.question1{
	position:absolute;
	top:127px;
	left:312px;
	width:55px;
	height:auto;
}

img.question2{
	position:absolute;
	top:340px;
	left:222px;
	width:55px;
	height:auto;
}

img.question3{
	position:absolute;
	top:372px;
	left:332px;
	width:55px;
	height:auto;
}

img.question4{
	position:absolute;
	top:447px;
	left:226px;
	width:55px;
	height:auto;
}

img.question5{
	position:absolute;
	top:588px;
	left:178px;
	width:55px;
	height:auto;
}

img.question6{
	position:absolute;
	top:214px;
	left:774px;
	width:55px;
	height:auto;
}

img.question7{
	position:absolute;
	top:497px;
	left:881px;
	width:55px;
	height:auto;
}
.circulation_img a img{
cursor: pointer;
}
.circulation_img a img:hover{
transform: scale(1.2);
transition : 0.3s;
}


/* popup_question */

.mfp-bg {
background: #fff !important;
opacity: 0.8; }
.popup_question-block{padding:0 0;text-align:left;max-width:480px;margin:0 auto;position:relative}

.question_block{
	box-sizing: border-box;
	margin: 0 auto;
	padding: 30px 30px 30px 30px;

	position:relative;
	text-align:center;

	background-color:#fff;
	border-radius: 30px; 
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border:6px solid #e8212d;
}

.question_block h3.h3_question{
	margin: 0 0 15px;
	padding: 0 0;
	position: relative;
	text-align:left;

font-weight: 600;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: left;
color: #603813

}

.question_block p{
	margin: 0 0;
	padding: 0 0;
	position: relative;
	text-align:left;

font-weight: 400;
font-size: 16px;
letter-spacing: 0.05em;
line-height: 1.8;
text-align: left;
color: #603813

}


.question_block.waku_color2{
	border:6px solid #e66c17;
}
.question_block.waku_color3{
	border:6px solid #0066ba;
}
.question_block.waku_color4{
	border:6px solid #22a02b;
}
.question_block.waku_color5{
	border:6px solid #f25d8b;
}
.question_block.waku_color6{
	border:6px solid #9e4a92;
}
.question_block.waku_color7{
	border:6px solid #42b4ed;
}


.question_block.waku_color5 p{
	padding-bottom:30px;
}

.question1_img{
	margin: 0 auto 0;
	padding: 20px 0 0;
	position:relative;
	text-align: center;
}

.question1_img img{
	width:100%;
	height:auto;
}


.question5_img{
	position:absolute;
	bottom:0;
	right:0;
	margin-top:30px;
}

img.question6_img{
	float:right;
	margin-left:5px;
}

.question_block.waku_color6 p:after, .question_block.waku_color6 p:before {
	content: "";
	clear: both;
	display: block;
}



.question_popup_close{
	position: absolute;
	top: -20px;
	right: -10px;
	cursor: pointer;
}

.question_popup_close a{
	display:block;
}

.question_popup_close img{
	width:45px;
	height:auto;
}

.mfp-close{
	display:none !important;
}





.btn_style{
	margin: 0 auto;
	padding: 0 0;
	position:relative;
	text-align: center;
	display:inline-block;
}

.btn_style a{
	margin: 0 0;
	padding: 20px 0;
	position:relative;
	width:330px;
	display:block;

font-weight: 500;
font-size: 18px;
letter-spacing: 0.03em;
text-align: center;
color: #fff;

border:0px solid #F79D44;
	background-color:#F79D44;
	border-radius: 35px; 
	-webkit-border-radius: 35px;
	-moz-border-radius: 35px;
}
.btn_style a b{
position:absolute;
top:15px;
right:40px;
font-weight: normal;
}
.btn_style a:hover{
text-decoration:none;
transition : 0.2s;
}

.btn_style a:hover b{
right:30px;
transition : 0.2s;
}

.fish_img4{
	position:absolute;
	bottom:00px;
	left:150px;
}


.fish_img3{
  position: absolute;
  top: -80px;
  right: -150px;
  animation: moveFish 45s linear infinite;
  z-index:1;
}
.fish_img4_kani{
	display:inline-block;
  position: absolute;
  bottom: -250px;
  left: 50%;
  transform: translateX(-400px);
  animation: kani_move 20s ease-in-out infinite;
  z-index:200;
}
@keyframes kani_move {
  0%, 100% {
    transform: translateX(-400px) translateY(0);
  }
  50% {
    transform: translateX(-500px) translateY(22px);
  }
}
.fish_img4_fish img{
	display:inline-block;
  position: absolute;
  bottom: -210px;
  left: 50%;
  padding-left:170px;
  animation: float 6s ease-in-out infinite;
  z-index:200;
}

.section_wrap.bg_fish{
	margin: 0 auto;
	padding: 100px 0 380px;
	position:relative;
	min-width:1000px;
	background: url(../../images/initiative/fish_img5.svg) no-repeat right bottom;
	background-size:auto;
}
.section_wrap.bg_fish:after{
  position: absolute;
  bottom: 100px;
  content: url(../../images/initiative/fish_img5_fish.svg);
  animation: moveFish 50s linear infinite;
  z-index: 1;
}

ul.activity_list{
	margin: 0 auto 0;
	padding: 0 0 ;
	position:relative;
text-align: center;
display: flex;
align-items:stretch;
justify-content:space-between;
	max-width:1090px;
}

ul.activity_list li{
	margin: 0 0;
	padding: 0 0 ;
	position:relative;
	width:32%;
	cursor: pointer;
}

ul.activity_list li em{
	position:absolute;
	top:90px;
	left:0;
	right:0;
	margin:auto;
font-weight: 500;
font-size: 21px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: center;
color: #3e3e3e;
	z-index:2;
}
ul.activity_list li strong{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left:0;
	right:0;
	margin:auto;
	font-weight: 600;
	font-size: 28px;
	letter-spacing: 0.05em;
	line-height: 1.5;
	text-align: center;
	color: #0163a0;
	white-space:nowrap;
	transition : 0.3s;
	z-index:2;
}
ul.activity_list li img:hover{
	/*filter: blur(2px);*/
	filter: grayscale(70%);
	transition : 0.3s;
	z-index:1;
}

ul.activity_list li span{
	position:absolute;
	bottom:50px;
	left:0;
	right:0;
	margin:auto;
font-weight: 500;
font-size: 21px;
letter-spacing: 0.05em;
line-height: 1.5;
text-align: center;
color: #3e3e3e;
	z-index:2;
}
ul.activity_list li img{
	width:100%;
	height:auto;

}







/* popup */

.mfp-bg {
background: #000 !important;
opacity: 0.6 !important;
}
.white-popup-block{padding:0 0;text-align:left;max-width:800px;margin:0 auto;position:relative}
.mfp-hide{display:none!important}

.popup_block{
	box-sizing: border-box;
	margin: 0 auto;
	padding: 70px 50px 0px;

	position:relative;
	text-align:center;

	background-color:#fff;
	border-radius: 40px; 
	-webkit-border-radius: 40px;
	-moz-border-radius: 40px;
	border:10px solid #7BCCCC;

	background-image: url(../../images/initiative/pop_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto;
}

.popup_block.waku_color1{
	border:10px solid #448BE1;
}
.popup_block.waku_color2{
	border:10px solid #66B9FF;
}

.popup_block:after, .popup_block:before {
    content: "";
    clear: both;
    display: block;
}

.popup_close{
	position: absolute;
	top: 20px;
	right: 20px;
	cursor: pointer;
}

.popup_close a{
	display:block;
}

.mfp-close{
	display:none !important;
}

/* Dark overlay, start state */
.my-mfp-zoom-in.mfp-bg {
	opacity: 0;
	-webkit-transition: opacity 0.3s ease-out; 
	-moz-transition: opacity 0.3s ease-out; 
	-o-transition: opacity 0.3s ease-out; 
	transition: opacity 0.3s ease-out;
}
/* animate in */
.my-mfp-zoom-in.mfp-ready.mfp-bg {
	opacity: 0.7;
}
/* animate out */
.my-mfp-zoom-in.mfp-removing.mfp-bg {
	opacity: 0;
}

h3.h3_popup{
	margin: 0 0 40px;
	padding: 0 0 30px;
	position: relative;
	text-align:center;

font-weight: 600;
font-size: 38px;
letter-spacing: 0.05em;
line-height: 39px;
text-align: left;
color: #0163a0;
text-shadow: 0px 0px 5px #fff;

}

h3.h3_popup small{
	margin: 8px 0 0;
	padding: 0 30px 0 0;
	position: relative;
font-weight: 500;
font-size: 24px;
letter-spacing: 0.05em;
line-height: 29px;
color: #3e3e3e;
text-shadow: 0px 0px 5px #fff;
display:inline-block;
vertical-align:top;
}

.popup_box{
	margin: 0 0 30px;
	padding: 0 0 0;
	position: relative;
display: flex;
align-items:stretch;
justify-content:space-between;
}

.popup_txt{
	margin: 0 0;
	padding: 0 0 0;
	position: relative;
}

h4.h4_popup{
	margin: 0 0 20px;
	padding: 0 0 0;
	position: relative;
font-weight: 500;
font-size: 21px;
text-align: left;
color: #3e3e3e;
}

.popup_txt p{
	margin: 0 0 20px;
	padding: 0 0 0;
	position: relative;
font-weight: 400;
font-size: 17px;
line-height: 31px;
text-align: left;
color: #3e3e3e;
}

ul.popup_p_list{
	margin: 50px 0 0 50px;
	padding: 0 0 0;
	position: relative;
	list-style:none;
}

ul.popup_p_list li{
	margin: 0 0 40px;
	padding: 0 0 0;
	position: relative;
	list-style:none;
font-weight: normal;
font-size: 15px;
line-height:2.0;
text-align: left;
color: #3e3e3e;
}

ul.popup_list{
	margin: 0 0 0;
	padding: 0 0 0;
	position: relative;
	list-style:none;
}

ul.popup_list li{
	margin: 0 0 40px;
	padding: 0 0 0;
	position: relative;
	list-style:none;
display: flex;
align-items:flex-start;
justify-content:flex-start;
}

ul.popup_list li h5{
	margin: 0 0;
	padding: 0 0 0 10px;
	position: relative;
font-weight: 500;
font-size: 17px;
line-height:1.5;
text-align: left;
color: #fff;
width:155px;
height:35px;
background-color:#F79D44;

display: flex;
align-items:center;
box-sizing: border-box;
border-left:12px solid #F7D544;
}

ul.popup_list li h5:after {
  position: absolute;
  top: 0;
  right: 0px;
  width: 0;
  height: 0;
  content: '';
  border-width: 0 25px 35px 0;
  border-style: solid;
  border-color: transparent #fff #F79D44 transparent;

}

ul.popup_list li p{
	margin: 0 0 0 10px;
	padding: 0 0 0;
	position: relative;
font-weight: 400;
font-weight: normal;
font-size: 18px;
line-height:1.8;
text-align: left;
color: #3e3e3e;
width:80%;
}

ul.popup_list li p em{
	margin: 0 0 ;
	padding: 0 0 0;
	position: relative;
font-weight: 500;
font-size: 18px;
text-align: left;
color: #3e3e3e;
}

ul.popup_list li p img{
vertical-align:top;
margin-top:-15px;
}