@charset "utf-8";

/* CSS Document */


/*****************************
  base reset css
*****************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
}

body{
  font-family:'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size:13px;
  color: #030303!important;
}

img {
  margin: 0;
  padding: 0;
  border: 0;
  line-height:0;
  font-size:0;
  vertical-align:top;
}

body{
  
}
html {
  width:100%;
  height: 100%;
}

ul, li {
  list-style: none;
}

p, th, td, dd {
  font-style:normal;
  word-break: break-all;
}

p,li,dt,dd,td,th {
  line-height:1.6;
}

dd {
  word-break: break-all;
}

a {
  margin: 0;
  padding: 0;
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

section {
  box-sizing: border-box;
}

em,
strong,
small {
  font-style: inherit;
}

em,
strong {
  font-weight: bold;
}

/*****************************
  common layout css
*****************************/
.contents-wrap {
        overflow: hidden;
}

#wrap h1 img {
  margin-top: 20px;
}

#wrap{
  width: 960px;
  margin: 0 auto;
}


#pageTop{
  max-pagewidth: 850px;
  margin: 30px auto 10px auto;
  text-align: right;
}

#footer{
  width: 100%;
  height: 34px;
  background-image: url(../img/footer_bg_repeat.gif);
  background-repeat: repeat-x;
}

#footer .footInner{
  width: 960px;
  margin: 0 auto;
  overflow: hidden;
}

.text01{
  font-size: 12px;
  color: #0198ff;
}

.text02{
  font-size: 12px;
  color: #666666;
}
#bottomText {
  height: auto;
  width: 940px;
  margin: 20 auto;
}

.footerText {
  overflow: hidden;
}
.text03{
  float: left;
  margin-top: 15px;
  margin-right: 10px;
  }
.text04{
  float:left;
  margin-top:15px;
}
.copyright{
/*
  float:right;
  margin-top:15px;
*/
}
#contwrap{
  word-break: normal;
  word-wrap: break-word;
  background: none;
  height: auto;
}
.wrap{
  width: 960px;
  margin: 0 auto;
}
.clearfix:before,
.clearfix:after {
  display: table;
  content: " ";
}
.clearfix:after {
  clear: both;
}

.fc_blue{
  font-weight: bold;
  color:#0099ff!important;
}
.fc_red{
  font-weight: bold;
  color:#b22e15!important;
}
.fc_green{
  font-weight: bold;
  color:#7aa930!important;
}
a.hover:hover img{
  opacity:0.7;
  filter: alpha(opacity=70);
}
.box030405Bg{
  background-color: #fdfedc;
  padding-bottom:50px;
  margin-top:40px;
}
.box030406Bg{
  background-color: #fdfedc;
  padding-bottom:50px;
}
@media screen and (min-width: 768px){
	br.nopc{
		display: none;
	}
	br.nosp{
		display: block;
	}
}


@media screen and (max-width: 767.98px){
	br.nopc{
		display: block;
	}
		br.nosp{
		display: none;
	}
}


/*==================================================
  ヘッダー
==================================================*/
#header {
  background-color: #0096ff;
  width: 100%;
  margin: 0 0 0 0;
  padding: 0px;
  /*height: 109px;*/
  height: 60px;
}
#headerbar {
  background-color: #0173de;
  color: #fff;
  width: 100%;
}
.headerbarinner {
  margin: 0 auto;
  overflow: hidden;
  max-width: 850px;
  text-align: center;
  font-size: 12px;
}
.headerbarinner p {
  padding: 4px 0;
}
.headerbarinner p a {
  color: #fff;
  text-decoration: underline;
}
.headerinner  {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 850px;
	padding: 0 20px;
}

	.headerinner a img,
.headerinner p img{
  margin: 0;
  padding: 0;
	width: 100%;
}

@media screen and (min-width: 768px){
.headerinner a,
.headerinner p {
  display: inline-block;
  margin: 0;
  padding: 0;
}
.sp_fix_blue_head{
	display: none;
}
	
}

@media screen and (max-width: 767.98px){
	.headerinner  {
		padding: 0 20px;
	}
.headerbarinner {
        padding: 5px 0;
        font-size: 10px;
        line-height: 1.529;
		width: 100%;
}
.headerinner a img,
.headerinner p img {
  padding: 0 20px;
}

	.l-container {
        width: calc(100% - 30px);
}
	 .u-hide_over-md {
    display: block;
  }
	#header{
		display: none;
	}
	.sp_fix_head{
		width: 100%;
		display: flex;
		position: relative;
		background: #fff;
	}
	.sp_fix_title{
		padding: 23px 0 17px 15px;
		width: 52%;
	}
	.sp_fix_btn{
		position: absolute;
		right: 10px;
		z-index: 10;
		width: 35%;
	}
	.sp_fix_head img{
		width: 100%;
	}
	

	.sp_fix_head_cta_long{
		width: 100%;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: relative;
		background: #fff;
	}
	.sp_fix_head_cta_long .sp_fix_title{
		padding: 3vw 0 3vw 2vw;
		width: 25%;
		max-width: 180px;
	}
	.sp_fix_head_cta_long .sp_fix_btn{
		position: relative;
		z-index: 10;
		width: 67%;
		max-width: 380px;
		padding: 1vw 2.6666vw 1vw 0;
	}
	.sp_fix_head_cta_long .sp_fix_head img{
		width: 100%;
	}


	.sp_fix_head_wrap{
		position: relative;
	}
	.sp_fix_blue_head{
		position: sticky;
		display: flex;
		justify-content: space-between;
		align-items: center;
		background: #0096ff;
		color: #fff;
		left: 0;
		top:0;
		width: 100%;
		z-index: 11;
	}
	.sp_fix_blue_head .sp_fix_blue_head_title{
		padding: 2vw 0 2vw 2vw;
		width: 25%;
		max-width: 180px;
	}
	.sp_fix_blue_head .sp_fix_blue_head_title img{
		width: 100%;
	}
	.sp_fix_blue_head p{
		width: 67%;
		font-size: 3.0vw;
	}
}

@media screen and (max-width: 480.98px){
		.sp_fix_title{
		padding: 18px 0 17px 15px;
		width: 52%;
	}
	.sp_fix_btn {
        width: 40%;
}
.sp_fix_head_cta_long .sp_fix_title{
	padding: 3vw 0 3vw 2vw;
	width: 25%;
}
.sp_fix_head_cta_long .sp_fix_btn {
	width: 67%;
	padding: 1vw 2.6666vw 1vw 0;
}
}

/*==ふわっと出現させるためのCSS*/

/*　上に上がる動き　*/
.sp_fix_blue_head.UpMove,
.sp_fix_head.UpMove{
	position: fixed;
	width:100%;
	animation: UpAnime 0.5s forwards;
	z-index: 99;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}

/*　下に下がる動き　*/
.sp_fix_blue_head.DownMove,
.sp_fix_head.DownMove{
	position: fixed;
	width:100%;
	animation: DownAnime 0.5s forwards;
	z-index: 9999;
	top:0;
}
.sp_fix_head_cta_longC{
	position: absolute;
	top:0;
	transition:0.8s cubic-bezier(0.19, 1, 0.22, 1);
	opacity: 0;
	transform: translateY(-30px);
	animation: none;
	width:100%;
}
.sp_fix_head_cta_longC .imgswich_btn{
	background: url(../img/head_btn02.png) no-repeat left center / 100%;

}
.sp_fix_head_cta_longC .imgswich_btn img{
	opacity: 0;
	transition: 0.2s;
}

.sp_fix_head_cta_longC.fadeMove{
	position: fixed;
	opacity: 1;
	z-index: 9999;
	transform: translateY(0);
}
.sp_fix_head_cta_longC.fadeMove .imgswich_btn{
	animation: cta_anime 1s 4;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}
@keyframes cta_anime{
  0% {
    background: url(../img/head_btn0301.png) no-repeat left center / 100%;
  }
	49.9% {
    background: url(../img/head_btn0301.png) no-repeat left center / 100%;
  }
  50% {
    background: url(../img/head_btn0302.png) no-repeat left center / 100%;
  }
	to {
    background: url(../img/head_btn0302.png) no-repeat left center / 100%;
  }
}
@media screen and (min-width: 768px){
		 .u-hide_over-md {
    display: none;
  }
	.sp_fix_head{
		display: none;
	}
}



/*==================================================
  レイアウト
==================================================*/
/* ベース幅 */
.l-content {
  margin-left: auto;
  margin-right: auto;
  width: 850px;
}


/*==================================================
  汎用(utilities)class
==================================================*/
.u-al_center {
  text-align: center;
}

.u-al_left {
  text-align: left;
}

.u-al_right {
  text-align: right;
}

.u-block {
  display: block;
}


/*==================================================
  メインビジュアル
==================================================*/

#main_wrap {
  position: relative;
  margin:0 auto;
  width: 100%;
  overflow: hidden;
  text-align:center;
}

@media print, screen and (max-width: 1490px) {
  #main_wrap img {
    position: relative;
  
  }
}

@media screen and (min-width: 768px){
		  .main_wrap {
background-image: url(　"../img/main_mv.png");
background-image: image-set(url(../img/main_mv.png) 1x, url(../img/main_mv@2x.png) 2x);
background-image: -webkit-image-set(url(../img/main_mv.png) 1x, url(../img/main_mv@2x.png) 2x);
background-color:  #120e0f;
background-position: center 0;
background-repeat: no-repeat;
position: relative;
 width: 100%;
height: 614px;
background-attachment: scroll;
  }

	
}

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .main_wrap {
    height: 500px;

  }
}
@media print, screen and (min-width: 1024.02px) {
  .main_wrap {
   
  }
}
.main_btn {
  position: absolute;
  top: 375px;
  left: calc(50% + 175px);
}

.main_btn a {
  display: block;
  position: relative;
  z-index: 1;
  cursor: pointer;
}

.main_btn a::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 2;
  width: 417px;
  height: 177px;
  border-radius: 17px;
  background-color: #fff;
  transition: opacity .25s;
  opacity: 0;
  pointer-events: none;
}

.main_btn img {
  transition: opacity .25s;
}

.main_btn a:hover::before,
.main_btn a:active::before,
.main_btn a:focus::before {
  opacity: .2;
}

@media screen and (min-width: 769px){

#optAppBtn {
    display: block;
    position: absolute;
    top: 120px;
    right: 0;
    z-index: 1;
}
#optAppBtn a {
    display: inline-block;
}
#optAppBtn a:hover {
	background: url("../../assets/images/fixed_navi_on.png") no-repeat;
}
#optAppBtn a:hover img {
    visibility: hidden;
}
	
}

@media screen and (max-width: 768.98px){
	#optAppBtn {
    display: none;
	}
	.main_wrap{
		background-size: cover;
	}
	.main_wrap img{
		width: 100%;
	}
	
	
}


/* プレゼントスライド */
.present_slider {
  position: relative;
}
.present_slider .fv_date_bubble{
	position: absolute;
	width: min(13vw,131px);
	right: 5%;
	top:max(-13vw,-130px);
  z-index: 2;
}
.present_slider .fv_date_bubble img{
	width: 100%;
}
.present_slider_items {
  display: flex;
  position: relative;
  z-index: 1;
  transition-timing-function: linear;
}

.present_slider_item.swiper-slide img{
	width: 100%;
	height: auto;
}



@media print, screen and (max-width: 1490px) {
  .present_slider_text {
    margin-left: auto;
    text-align: right;
  }
}

.present_slider_text img {
  position: relative;
  z-index: 2;
	width: 100%;
	height: auto;
	max-width: 900px;
}

.present_slider_text::before {
  content: '';
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 50%;
  height: 100%;
}

.present_slider_text {
  position: absolute;
  right: 0;

  z-index: 2;
}

@media screen and (min-width: 768px){
	.present_slider_text_sp{
		display: none;
	}
	.present_slider_item.swiper-slide {
  max-width: 300px;
		max-height: 250px;
		
		width: 20%;
}
	
	.present_slider_text {

  top: -20px;
  margin-bottom: -40px;
height: 40px;
  z-index: 2;
}
}


@media screen and (max-width: 767.98px){
	  .present_slider_text {
		display: block;
				height: 20px;
				bottom: -10px;
				width: 70%;
        margin: 0 auto;
        text-align: center;
        left: 0;  
	}
		.present_slider_text_sp{
		display: block;
  color: #09f;
  font-size: 12px;
  line-height: 25px;
	}
		.present_slider_item.swiper-slide {
  width: 110px;
}
	
}


	@media screen and (max-width: 500px){
		  .present_slider_text {
		width: 85%;
	}
	
}

/*==================================================
  section01
  途上国の子どもたちの命も未来も奪う栄養不良
==================================================*/

.section01 {
  position: relative;
  z-index: 1;
}


.section01 h2 picture.section01_title{
	width: 70%;
	height: auto;
	margin: 0 auto;
	max-width: 590px;
}
.section01 h2 picture.section02_title{
	width: 90%;
	height: auto;
	margin: 0 auto;
	max-width: 800px;
}

.section01 h2 picture img{
width: 100%;
	height: auto;
}


.section01 p {
  color: #fff;
  font-size: 18px;
  line-height: 2.47;
}





.section01_top_inner h3 img{
	width: 100%;
}



.section01_top_map img{
	width: 100%;
}


.section01_text_Wrap p{
	text-align: justify;
}

.section01_text_Wrap p b{
color: #fbd62c;
}
.section01_text01{
	padding: 30px 20px;
}




.section01_text02{
	padding: 25px;
}

.section01_bottom_text02 {
  position: absolute;
  z-index: 2;
  margin-top: -63px;
  left: calc(50% - 140px);
}

.section01_bottom {
  position: relative;
  z-index: 1;
  background: url("../img/sec01_btmback.jpg") 0 0/cover no-repeat;
}



.section01_bottom_inner > .head {
  padding-left: 150px;
}



.section01_bottom_inner > .body em {
  color: #ffba00;
  font-weight: bold;
}


.section01_bottom_box{
	margin: 30px 0 0;
	position: relative;
}


	.section01 h2{
	max-height: 235px;
 display: flex;
 align-items: center;
 justify-content: center;
	 background: #fff url( "../img/back_sec1.jpg") left top ;
	background-repeat: no-repeat;
	background-size: cover;
	padding: 20px 0 17px;
	text-align: center;
}



.section01_textbox{
	background-color: rgb(245,232,178,0.2);
	border-radius: 20px;
}

@media screen and (min-width: 1200px){
	.section01_top {
  padding-top: 50px;
  padding-bottom:30px;
	background-image: url( "../img/sec01_img.jpg");
background-image: image-set(url(../img/sec01_img.jpg") 1x, url(../img/sec01_img@2x.jpg") 2x);
background-image: -webkit-image-set(url(../img/sec01_img.jpg) 1x, url(../img/sec01_img@2x.jpg) 2x);
background-color:  #bfbfbd;
background-position: 40% center;
background-repeat: no-repeat;
	background-size: cover;
}
		.section01_top_sp{
		display: none;
	}
	.section01_top_inner {
  box-sizing: border-box;
  display: flex;
  align-items:flex-start;
  margin-left: auto;
  margin-right: auto;
  padding-left: 55px;
  max-width: 1100px;
  height: 640px;
		position: relative;
	justify-content: flex-end;
 
}
	.section01_text_Wrap{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	width: 490px;
	padding-right: 20px;
}
.section01_top_sp{
		display: none;
	}
	
.section01_top_inner h3{
	position: absolute;
	max-width: 153px;
	left: -50px;
 top: -130px;
}
.section01_top_map{
	position: absolute;
 right: -30px;
 top: -200px;
	max-width: 177px;
}
	.section01_textbox{
	margin: 0;
}
	.section01_top_name{
	position: absolute;
	        left: 30%;
        bottom: 10px;
	max-width: 123px;
}
		.section01_top_name img{
	width: 100%;
}
}

@media screen and (max-width: 1199.98px){
		.section01_top {

}
	
	.section01_top_sp{
		display: block;
		position: relative;
	}
		.section01_top_sp img{
		width: 100%;	
	}
	.section01_top_name{
		display: none;
	}
	
		.section01_top_inner {
			width: 100%;
			position: relative;
	}
	
	.section01_text_Wrap{
	display: block;
		width: 100%;
	padding:0 20px 40px;
				background-image: -moz-linear-gradient( -90deg, rgb(138,103,43) 0%, rgb(89,65,29) 70%, rgb(39,27,15) 100%);
  background-image: -webkit-linear-gradient( -90deg, rgb(138,103,43) 0%, rgb(89,65,29) 70%, rgb(39,27,15) 100%);
  background-image: -ms-linear-gradient( -90deg, rgb(138,103,43) 0%, rgb(89,65,29) 70%, rgb(39,27,15) 100%);
		box-sizing: border-box;
}
	

.section01_top_inner h3{
	position: absolute;
	width: 20%;
	max-width: 150px;
	left: 5%;
 top: -15px;
}

	.section01 h2{
	padding: 30px 0 30px;

}
	.section01_top_map{
	position: absolute;
 right: 30px;
 top: -20px;
	width: 20%;
}
		.section01_textbox{
	margin: 0;
}
			.section01_top_name_sp{
	position: absolute;
	        right: 25%;
        bottom: 5%;
	max-width: 100px;
}
	.section01_top_name_sp img{
	width: 100%;
}

}



.section01_bottom_graf img{
	width: 100%;
}

.section01_bottom_inner img{
	width: 100%;
}

	.section01_bottom_box_text .body{
	margin: 25px 0 0;
}

@media screen and (min-width: 1000px){
	.section01_bottom_inner {
  margin-left: auto;
  margin-right: auto;
  padding-top: 80px;
  padding-bottom: 90px;
  width: 1000px;
	  position: relative;
}
	.section01_bottom_img01{
	position: absolute;
	right: -200px;
	top:80px;
}
		.section01_bottom_img01{
		max-width: 673px;
	}
		.section01_bottom_graf{
	max-width: 475px;
			width: 45%;
}
	.section01_bottom_inner > .body {
  margin-top: 45px;
text-align: justify;
  width: 460px;
}
	.section01_bottom_img02{
		max-width: 878px;
		margin-left: -200px;
	}

	.section01_bottom_box_text h3{
		max-width: 500px;
	}
.section01_bottom_box_text{
position: absolute;
right:0px;
top:50px;
}
	.section01_bottom_box_text .body{
	width: 525px;
}
}

@media screen and (max-width: 999.98px){
	.section01_bottom_inner {
  margin-left: auto;
  margin-right: auto;

		padding:0;
  width: 100%;
	  position: relative;
}
	
	.section01_bottom_img01{
	position: relative;
	left:0;
	top:0;
		width: 100%;
}
			.section01_bottom_graf{
margin: 50px auto 30px;
			width: 58%;
}
	.section01_bottom_inner > .body {
  margin-top: 0;
text-align: justify;
  width: 100%;
		padding: 0 25px;
		box-sizing: border-box;
}
	.section01_bottom_img02{
		width: 100%;
		margin: 15px 0 0;
	}
	.section01_bottom_box_text h3{
		width: 80%;
	}
	.section01_bottom_box_text{
position: relative;
left:0px;
top:0;
		padding: 0 25px 35px;
}
	.section01_bottom_box_text .body br{
		display: none;
	}
	.section01_bottom {
}
}
@media screen and (max-width: 767.98px){
	.section01 h2{
	max-height: 250px;
		padding: 30px 0 30px;
}
.section01 p {
  color: #fff;
  font-size: 18px;
  line-height: 1.75;
}
	.section01_bottom h2{
			max-height: 230px;
		padding: 30px 0 30px;
	}
	.section01 h2 picture.section01_title{
		width: 85%;
	}
			.section01_bottom_graf{
	max-width: 475px;
			width: 90%;
}
		.section01_bottom_box_text h3{
		width: 100%;
	}
}


/*==================================================
  section02
  大切な成長期の子どもたちを栄養不良にさせない！
==================================================*/

.section02 {
  position: relative;
  padding-bottom: 30px;
  
}

.section02 > .head {
        text-align: center;
        background: #0096ff;
        color: #fff;
        text-shadow: 2px 3.464px 2.31px rgba(58, 61, 66, 0.4);
}



.section02 p {
  font-size: 18px;
  line-height: 2.22;
}
.section02_inner {
        background: url( "../img/sec02_img01.jpg") center 0/cover no-repeat;
        
        position: relative;
}

	.section02_inner .section02_texWrap {
        background: rgba(255, 255, 255, 0.75);
        border-radius: 40px;
        margin: 0 auto;

        bottom: -40px;
}

	.section02_texWrap h3 {
        color: #0262e4;
        text-align: center;
}

	.section02_texWrap h4 {
        color: #0262e4;
        text-align: center;
}

	.section02_bottom ul li img{
		width: 100%;
	}

.section02_bottom ul li p{
	line-height: 2;
}
.section02_bottom ul li p b{
	color: #0096ff;
}
.section02_bottom ul li h3{
	background-color:#fde126;
	border-radius: 10px 10px 0 0;
		color: #0096ff;
	text-align: center;
	letter-spacing: 0.1em;
}
	.section02_text01 {
        position: relative;
        text-align: center;
        margin: 30px 0;
		color: #333;
}

@media screen and (min-width: 1489.98px){
	.section02_inner {
        background: #412915 url( "../img/sec02_img01_1490.png") no-repeat;
        background-position: center top;
        background-size: contain;
        min-height: 800px;
        position: relative;
}
}

@media screen and (min-width: 1000px){
		.section02_bottom{
	width: 1000px;
	margin: 0 auto;
	background: url("../img/illust_ earth.jpg") no-repeat;
}
	.section02_bottom ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.section02_bottom ul li{
	width: 460px;
	margin: 0 0 50px;
}

.section02_bottom ul li h3{
		font-size: 23px;
	padding: 20px 0 15px;
}


.section02_bottom ul li p{
		background: rgba(255, 255, 255, 0.6);
		padding: 20px;
}


	
}

@media screen and (max-width: 999.98px){
		.section02_bottom{
	width: 90%;
	margin: 0 auto;
	background: url("../img/illust_ earth.jpg") no-repeat center;
			background-size: contain;
}
		.section02_bottom ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
	
	.section02_bottom ul li{
	width: 47%;
	margin: 0 0 50px;
}
	.section02_bottom ul li p{
		
		padding: 10px 0;
}
.section02_bottom ul li h3{
		font-size: 20px;
	padding: 12px 0 8px;
}
	
}

@media screen and (max-width: 550px) {
			.section02_bottom{
	background:none;
}
	
			.section02_bottom ul{
	display: block;
}
		.section02_bottom ul li{
	width: 95%;
	margin: 0 auto 20px;
}
}


@media screen and (min-width: 768px){

.section02 > .head {
        padding: 20px 0 15px;
        font-size: 40px;
}
			.section02_inner {
       min-height: 800px;
	}

	.section02_inner .section02_texWrap {
        max-width: 900px;
		width: 80vw;
		left:50%;
	        position: absolute;
       transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}
	.section02_texWrap h3 {
        font-size: 30px;
        padding: 40px 0 0;
}


	.section02 > .body {
        margin-left: auto;
        margin-right: auto;
        width: 900px;
}



		.section02_texWrap h4 {
        font-size: 20px;
        padding: 20px 0 50px;
}
				.section02_h4sp {
				display:none;
}
}

@media screen and (max-width: 767.98px){
		.section02 .body{
		margin: 0 25px;
	}
	
.section02 > .head {
        padding: 20px 0 15px;
        font-size: 28px;
}
		.section02_inner {
        background: url("../img/sec02_img01_sp@2x.jpg") center top;
			padding-top: 73%;
        position: relative;
		background-repeat: no-repeat;
		background-size: cover
}
		.section02_inner .section02_texWrap {
        background: rgba(255, 255, 255, 0.75);
        border-radius: 40px;
        margin: 0 auto;
        width: 90%;
        position: relative;

}
	.section02_texWrap h3 {
        font-size: 22px;
        padding: 20px 0 50px;
		position: relative;
		top:-20%;
}
		.section02_texWrap h4 {
			display: none;
	}
	
			.section02_h4sp {
				   color: #0262e4;
        text-align: center;
				display: block;
        font-size: 20px;
				position: relative;
				z-index: 10;
				margin: 20px 0 20px;
}
	.section02 p {
  line-height: 1.75!important;
}

}


/*==================================================
  section03
  巡回チームの活動が命をつなぐ鍵に
==================================================*/
.section03 {
 background: #c4edff;
  position: relative;
  padding-top: 60px;
}
.section03 img{
	width: 100%;
}

.sec03_txt{
	position: absolute;
	transform: translate(calc(50vw - 50%));
	top:-20px;
	max-width: 210px;
}

.section03 > .head {
  display: flex;
  font-weight: bold;
	justify-content: center;
  text-align: center;
	padding: 20px 0 0;
}




.section03_item_left {
  padding-top: 50px;
  width: 48%;
	position: relative;
}

.section03_item_left .section03_img03{
	margin: 20px 0 0;
	display: inline-block;
	position: relative;}



.section03_item_right {
  width: 48%;
	 padding-top:50px;
}

.section03 p {

  font-size: 18px;
  line-height: 2.33;
}

.section03 .section03_text02 {
  margin-top: 30px;
  width: 47;
}

.textblock02 + p{
	margin: 20px 0 0;
}

.section03_textblock{
	background: #0099ff;
	padding: 20px;
}
.section03_textblock h3{
	color: #fff;
	font-size: 23px;
	text-align: center;
	padding: 0 0 15px;
}



.section03_textblock.textblock02 .section03_textbox{
	margin: 0 0 10px;
}
.section03_textblock.textblock02 .section03_textbox p{
	padding: 10px 0;
	text-align: center;
	color: #0099ff;
	font-weight: bold;
	position: relative;
}
.section03_textblock.textblock02 .section03_textbox em {
 background: url("../img/sec03_underline02.png") no-repeat;
	background-size: 100% 20%;
	padding: 0 0 10px;
	background-position: center bottom;
}

.section03_textblock.textblock02{
	margin: 20px 0 0;
}
.section03_textblock.textblock02 span{
	text-align: center;
	color: #fff;
	font-weight: bold;
	display: block;
	font-size: 16px;
}


.section03_bottom_left{
	width: 40%;
}
.section03_bottom_left p{
	margin: 20px 0 0;
}

.section03_bottom_left_title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.section03_bottom_left_title{
	color: #0099ff;
	font-size: 26px;
}

.section03_bottom_left_title figure{
	width: 38%;
}
.section03_bottom_right{
	width: 52%;
}
.section03_bottom em{
	color: #0096ff;
}



@media screen and (min-width: 900px){
	.section03_item_left .section03_img04{
	position: absolute;
	right: -20px;
	bottom:60px;
	max-width: 280px;
}
}

@media screen and (max-width: 899.98px){
	.section03_item_left .section03_img04{
	position: absolute;
	right: -20px;
	top:580px;
	max-width: 280px;
}
}

@media screen and (min-width: 768px){
	.section03_inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
	display: flex;
	justify-content: space-between;
  max-width: 1000px;
		padding: 0 20px;
}
		.section03_textbox {
        border-radius: 10px;
        background-color: rgb(255, 255, 255);
        box-shadow: 2px 3.464px 2.31px 0.69px rgba(58, 61, 66, 0.4);
}
	.section03_textblock p{
	color: inherit;
	padding: 20px;
	line-height: 2;
}
	.section03_img03_sp{
		display: none;
	}
	.section03_bottom{
	display: flex;
	max-width: 1000px;
	margin: 50px auto 0;
	padding: 0 20px 80px;
	justify-content: space-between;
}
}


@media screen and (max-width: 767.98px){
		.section03_bottom{
	display: flex;
flex-direction: column;
			padding: 0 0 30px;
}
	
	.section03_bottom_left{
		order: 2;

	}
	.section03_bottom_right{
		order: 1;
		width: 100%;
	}
	
	.sec03_txt{
		max-width: 150px;
	}
	
	.section03 > .head{
	max-width: 300px;
		width: 70%;
		margin: 0 auto 30px;
		padding: 0;
	}
	
	.section03_inner {
  margin-left: auto;
  margin-right: auto;
  position: relative;
	
 width: 100%;
}

.section03_item_left {
        padding-top: 20px;
        width: 100%;
        position: relative;
}
	
	.section03_item_left .section03_img03{
		display: none;
	}
	.section03_img03_sp{
		display: block;
	}
	
	.section03_img04{
		display: none;
	}
	
	.section03_item_right {
        width: 100%;
        padding-top:0;
}
	.section03_textbox {
    
}
	.section03_textblock p{
	color: #fff;
	padding: 0 ;
	line-height: 1.75;
}
	.section03_textblock.textblock02 {
        margin:0;
}
			.section03_textbox.textblock02_sp {
        border-radius: 10px;
        background-color: rgb(255, 255, 255);
        box-shadow: 2px 3.464px 2.31px 0.69px rgba(58, 61, 66, 0.4);
}
	.textblock02 + p{
		width: 90%;
		margin: 20px auto;
	}

	.section03_bottom{
		width: 100%;
	}
.section03_bottom_left{
		width: 90%;
	margin: 30px auto 0;
	}
.section03_bottom_left_title{
		justify-content: flex-start;
	}
	.section03_bottom_left_title figure{
		margin: 0 0 0 30px;
	}
	.section03 p {
  line-height: 1.75;
}
}
@media screen and (max-width: 498.98px){
.section03_bottom_left_title{
	font-size: 21px;
}
}

/*==================================================
  section04
 地域に根差した効果的な活動は、
安定したご協力なしには実現できません。
==================================================*/

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

@media print, screen and (max-width: 1490px) {
  .section04_wrap {
    background-size: 1490px auto;
  }
}

.section04 {
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.section04 h2.head {
text-align: center;
color: #0099ff;
}
h3.head{
	background-image: url("../img/sec05_arrow.png"), url("../img/sec05_items_title_back.png");
	background-repeat:  no-repeat,repeat-x;
	background-position: center bottom, center top;
position: relative;
	
	min-height: 127px;
}

.section04_icon{
	max-width: 488px;
	margin: 20px auto 20px;

}

.section04_main {
  margin-top: 30px;
  margin-bottom: 30px;
}

.section04_main > .body {
  margin-top: 20px;
  text-align: center;
  letter-spacing: .05em;
}





.section04_text02 {
  box-sizing: border-box;
  margin-top: -17px;
  padding-top: 120px;
  min-height: 282px;
  background: url(../img/sec05_bg02.jpg) center 0 no-repeat;
  color: #4e4d4d;
  font-size: 20px;
  line-height: 2.1;
}

@media print, screen and (max-width: 1360px) {
  .section04_text02 {
    background-size: 100% auto;
  }
}







.section04_item em {
  color: #0099ff;
  font-weight: bold;
}

.section04_item_body {
  padding: 30px 20px 20px;
}

.section04_item:nth-of-type(5) .section04_item_body {
  letter-spacing: -.03em;
}

.section04_item {
  box-sizing: border-box;
  background-color: #fff;
  box-shadow: 5px 5px 0 #b5dcf9;
  line-height: 1.67;
}

@media screen and (min-width: 1000px){
			.section04 .body{
position: relative;
			max-width: 1000px;
			margin: 0 auto;
	}
	
			.section04img_pc.section04img02{
		position: absolute;
			width: 180px;
			left: -3%;
	}
	
		.section04img_pc.section04img03{
		position: absolute;
			width: 180px;
			right: -5%;
	}




		.section04_bottom h3.bottom{
		max-width: 650px;
		margin: 0 auto;
	}
	.section04_item:nth-of-type(1),
.section04_item:nth-of-type(4) {
  margin-left: 0;
}

.section04_item:nth-of-type(4),
.section04_item:nth-of-type(5) {
  margin-top: 30px;
}
}

@media screen and (max-width: 999.98px){
	.section04img_pc{
		padding: 25px 15px 0;
	}
	
				.section04img_pc.section04img02{
		position: relative;
			width: 180px;
					display: inline-block;
	}
	
		.section04img_pc.section04img03{
		position: relative;
			width: 180px;
				display: inline-block;
	}


.section04_item {
  box-sizing: border-box;
  width: 90%;
  background-color: #fff;
  box-shadow: 5px 5px 0 #b5dcf9;
  font-size: 18px;
  line-height: 1.67;
	margin: 25px auto;
}
	.section04_bottom h3{
		width: 100%;
		margin:0 auto 0;
		padding-bottom: 15px;
   border-bottom: 1px solid #09f;
	}
	.section04_bottom h3 img{
		width: 650px;
	}
	.section04_item_body p {
  text-align: justify;
		
}
	
}

@media screen and (min-width: 885px){
	.section04_items {
  display: flex;
  flex-wrap: wrap;
  margin-top: 50px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
  text-align: left;
			padding: 0 20px;
}
	
	.section04_item {
  margin-left: 20px;
  width: 30%;
  font-size: 18px;
  line-height: 1.67;
}
	.section04_items:after {
    content: "";
    width: 30%;
		margin-left: 20px;
}
		.section04_bottom {
  padding-top: 60px;
  padding-bottom: 60px;
  background: #e4f3fd url("../../202209/img/sec05_img02.png") calc(50% + 350px) calc(100% - 50px) no-repeat;
}
	
}

@media screen and (max-width: 884.98px){
			.section04_items {
  width: 95%;
				margin: 0 auto;
}
		.section04_item {
  margin-left: 20px;
  width: 90%;
			margin: 20px auto;
  font-size: 18px;
  line-height: 1.67;
}
		.section04_bottom {
  padding-top: 40px;
  padding-bottom: 60px;
  background: #e4f3fd;
}
	
	
}

@media screen and (min-width: 768px){
	
		
	
	.section04_text01 {
  color: #4e4d4d;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.8;
		padding: 0 25px;
}
	.section04_text01 em {
  color: #0099ff;
  font-size: 33px;
}
	.section04 h2.head {
	padding: 70px 0 25px;
	font-size: 35px;
}
	h3.head img{
	max-width: 800px;
		margin: 25px auto 0;
}
		.section04_img01_sp{
		display: none;
	}
	.section04img04{
		display: none;
	}

	
}

@media screen and (max-width: 767.98px){
	
	
.section04_text01 {
  color: #4e4d4d;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.8;
	padding: 20px 0 0;
}
.section04_text01 em {
  color: #0099ff;
  font-size: 26px;
	line-height: 1.5;
}
		.section04 h2.head {
	padding: 30px 0 0;
	font-size: 28px;
}
	h3.head img{
	max-width: 60%;
		margin: 0 auto 0;
		padding-top: 3%;
}
	.section04_icon{
		display: none;
	}
	.section04_img01_sp{
		display: block;
		margin: -20px;
  position: relative;
  z-index: -10;
	}
	.section04img_pc{
		display: none;
	}
	.section04img04{
		display: block;
		max-width: 240px;
		margin: 10px auto;
	}
		.section04_bottom h3 img{
		width: 176px;
	}

}

@media screen and (max-width: 650px){
		h3.head img{
	max-width: 80%;
		margin: 0 auto 0;
		padding-top: 3.5%;
}
}
	
	@media screen and (max-width: 500px){
		h3.head img{
	max-width: 73%;
		margin: 0 auto 0;
		padding-top: 3%;
}
		.section04_text01{
			text-align: left;
			padding: 20px;
		}
		.section04_text01 em{
			line-height: 1.3;
			padding: 10px 0 0;
			font-size: 22px;
		}
			h3.head{
	background-image: url("../img/sec05_arrow.png"), url("../img/sec05_items_title_back.png");
	background-repeat:  no-repeat,repeat-x;
        background-position: center 72px, center top;
position: relative;
        min-height: 100px;
         background-size: 8%, 100% 85%;
}
		.section04_img01_sp {
        margin: -30px;
}
}

	@media screen and (max-width: 400px){
		h3.head img{
		padding-top: 4%;
}
}


/*==================================================
  section05
  プレゼントコンテンツ
==================================================*/

.section05_wrap {

	background:#f4f4f4 url("../img/dot.png") no-repeat center 180px;
}

.section05 {
  margin-left: auto;
  margin-right: auto;
  max-width: 1300px;
}






.section05img {
  position: relative;
  z-index: 1;
	top:-70px;
}



.section05_annotation {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
  color: #4e4d4d;
  font-size: 13px;
  line-height: 1.53;
}

.section05_annotation dt,
.section05_annotation dd,
.section05_annotation p {
  color: #4e4d4d;
  font-size: 13px;
  line-height: 1.53;
}

.section05_annotation a {
  color: #0099ff;
}



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

.section05_annotation_right > .head {
  font-weight: bold;
}

@media screen and (min-width: 1150px){
	.section05_annotation_right{
	position: absolute;
top: 42%;
right: 12%;
	z-index: 2;
}
.section05img2 {
  position: relative;
  z-index: 1;
  text-align: center;
	top:-70px;
}
	
	.section05_wrap{
		padding-bottom: 30px;
	}
	
	.section05_wrap > .head {
  text-align: center;
	background: #5f5c5b;
	color: #fff;
	font-size: 40px;
	padding: 25px 0 20px;
}
		.section05_img03{
		position: relative;
		right: -100px;
		top:-50px;
		max-width: 325px;}
}

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

	.section05 .section05_text01{
		font-size: 17px;
	}	
	.section05img2 {
  position: relative;
  z-index: 1;
  text-align: center;
	top:-50px;
}
		.section05_wrap{
		padding-bottom: 40px;
	}
	
	.section05_wrap > .head {
  text-align: center;
	background: #5f5c5b;
	color: #fff;
	font-size: 28px;
	padding: 25px 0 20px;
}
		.section05_img03{
		position: relative;
		right: 0;
		top:-20px;
		max-width: 255px;}
}


.section05 .section05_text01 {
  position: relative;
  z-index: 2;
  line-height: 1.8;
	text-align: center;
}

.section05 > .body {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: calc(100% - 20px);
}


@media screen and (min-width: 1000px){
		.sec05_imgsp01, .sec05_imgsp02{
		display: none;
	}
	.section05 .section05_text01 {
  font-size: 20px;
	text-align: center;
}
	.section05 > .body {
  margin-top: 40px;

}
	.section05_annotation_right{
	position: absolute;
top: 32%;
right: 6%;
	z-index: 2;
}
		.section05_annotation_left{
		display: flex;
		justify-content: space-between;
	}
	.section05_annotation_text{
		width: 90%;
		padding: 0 20px;
	}
	.section05_annotation_left {
  width: 1000px;
	margin: -50px auto 0;
	font-size: 12.5px;
}
	.present_slider02{
		display: none;
	}
}

@media screen and (max-width: 999.98px){
	.sec05_imgsp01{
		display: block;
		max-width: 550px;
		margin: 25px auto 0;
		width: 90%;
	}
		.sec05_imgsp01 img, .sec05_imgsp02 img{
			width: 100%;
}
	.section05img, .section05img2{
		display: none;
	}
	.sec05_imgsp02{
		display: block;
		max-width: 650px;
		margin: 25px auto 0;
		width: 80%;
	}
		.section05 .section05_text01 {
  font-size: 18px;

}
		.section05_annotation_right{
	position: relative;
	z-index: 2;
			top: 0;
				left:30px;
			margin: 20px 0 0;
}
		.section05_annotation_left {
  width: 90%;
	margin: 30px auto 0;
	font-size: 12.5px;
}
		.present_slider02{
		display: block;
	}
	.section05_img03{
		display: none;
	}
}


@media screen and (min-width: 768px){
	.section05 > .head {
        text-align: center;
        background: #5f5c5b;
        color: #fff;
        font-size: 40px;
        padding: 25px 0 20px;
}


	.section05_img03 img{width: 100%;}
	.section05img img {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
}

@media screen and (max-width: 767.98px){
	.section05 > .head {
        text-align: center;
        background: #5f5c5b;
        color: #fff;
        font-size: 30px;
        padding: 20px 0 15px;
}

}

.present_slider.swiper-container {
  margin-top: 30px;
  margin-left: 10px;
  margin-right: 10px;
  padding-bottom: 30px;

}



.present_slider02 .swiper-slide {
  width: 80%;
	text-align: center;
  overflow: hidden;
	opacity: 1;
}



.present_slider02 .swiper-slide img {
 width: 80%;
	max-width: 500px;
	text-align: center;
	border-radius: 10px;
}



.present_slider02.swiper-container .swiper-pagination {
  bottom: 0;
}



.present_slider02 .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
  border-radius: 50%;
}



.present_slider02 .swiper-pagination-bullet-active {
  background: #6d6d6d;
}

@media screen and (max-width: 767.98px){
	.section05_wrap > .head {
  text-align: center;
	background: #5f5c5b;
	color: #fff;
	font-size: 23px;
	padding: 18px 0 15px;
}
}

/*---------------------------------
 * Q&A
---------------------------------/*

/*コンテンツ*/
.cont_box_inr,
.cont_box_inr_2 {
	position: relative;
	margin: 0 auto;
}
h2 .cont_box_hdr_ttl_underline {
	display: inline-block;
	padding-bottom: 0.25em;
	border-bottom: 2px solid #0096ff;
	margin-bottom: 0.5em;
}
h2 .cont_box_hdr_ttl_underline:nth-last-of-type(1) {
	margin-bottom: 0em;
}
.cont_box_col_pd {
}
.cont_box_col_pd_hdr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	background-color: #0096ff;
	cursor: pointer;
	padding: 0.1923em;
}
.cont_box_col_pd_hdr_ttl {
	padding: 0.3em 0;
	width: 100%;
	font-weight: bold;
	color: #fff;
}
.cont_box_col_pd_hdr .cont_box_col_pd_hdr_btn_cls {
	display: none;
}
.cont_box_col_pd_hdr.open .cont_box_col_pd_hdr_btn_cls {
	display: block;
}
.cont_box_col_pd_hdr.open .cont_box_col_pd_hdr_btn_opn {
	display: none;
}
.cont_box_col_pd_body {
	display: none;
}
.cont_box_col_inr_pd {
	background-color: #fff;
}
.cont_box_col_inr_pd_hdr {
	display: flex;
	justify-content: space-between;
	align-items: center;
	cursor: pointer;
}
.cont_box_col_inr_pd_hdr_ttl {
	width: 100%;
	font-weight: 700;
	color: #00a7fd;
}
.cont_box_col_inr_pd_hdr_btn {
	line-height: 0;
}
.cont_box_col_inr_pd_hdr .cont_box_col_inr_pd_hdr_btn_cls {
	display: none;
}
.cont_box_col_inr_pd_hdr.open .cont_box_col_inr_pd_hdr_btn_cls {
	display: block;
}
.cont_box_col_inr_pd_hdr.open .cont_box_col_inr_pd_hdr_btn_opn {
	display: none;
}
.cont_box_col_inr_pd_body {
	display: none;
}
.cont_box_col_inr_pd {
	background-color: #fff;
}

/*コンテンツ7　FAQ*/
#cont_7_qa {
	margin-top: 3em;
	width: 89.6%;
}
#cont_7_qa img{
	width: 100%;
	height: auto;
}

#cont_7_qa .cont_box_col_pd_body {
	padding-left: 5.357%;
	padding-right: 5.357%;
}
.cont_7_qa_box {
	margin-top: 2.5rem;
}
#cont_7_qa_tab{
	display: flex;
	justify-content: space-between;
}

#cont_7_qa_tab li {
	width: 32.5%;
	cursor: pointer;
	font-size: 17px;
}


#cont_7_qa_tab li:not(.act) .pc_act {
	display: none;
}
#cont_7_qa_tab li.act .pc_inact {
	display: none;
}

#cont_7_qa_tab li .qa_tab_header {
	background-color: #fff;
	text-align: center;
	color: #00a7fd;
	padding: 1em 0.1em 0.8em;
	border-radius: 10px 10px 0 0;
	letter-spacing: 0.02em;

}
#cont_7_qa_tab li .qa_tab_header h3{
		font-size: 17px;
}

#cont_7_qa_tab li.act .qa_tab_header {
	background-color: #0096ff;
	color: #fff;
}

#cont_7_qa_tab li .qa_tab_header {
}

#cont_7_qa_2_4_btm {
	padding-left: 3.4rem;
}
.cont_7_qa_2_4_btm_box {
	width: 44%;
}
.cont_7_qa_2_4_btm_box_chart {
	margin-top: 0.4em;
	max-width: 220px;
}

/*コンテンツ7*/
#cont_7_qa_body {
}
.cont_7_qa_box:not(.act) {
	display: none;
}

	.sp_only {
	display: none !important;
}


@media screen and (min-width: 1099.98px) {
	
		#cont_7_qa{
		margin-top: -50px;
	}
	
}

@media screen and (min-width: 1101px) {
.qa_tab_header br.tab{
		display: none;
	}
}

@media screen and (max-width: 1100px) {
	
	#cont_7_qa{
		margin-top: 30px;
	}
	
	.sp_only {
	display: inline !important;
}
	
#cont_7_qa_tab li .qa_tab_header {
	padding: 0.5em 0.1em;
	letter-spacing: 0.02em;
}
	
#cont_7_qa_tab li .qa_tab_header h3 {
	font-size: 18px;
	line-height: 1.4;
}
	#cont_7_qa_tab li .qa_tab_header h3 br.nopc{
		display: block;
	}
}

 .cont_box_col_inr_pd_body p	a {
        color: #00a0e9;
        text-decoration: underline;
}
	 .cont_box_col_inr_pd_body p .tc_blue {
        color: #00a0e9;
        padding-top: 0px;
}

@media screen and (max-width: 768px) {
	
	/*コンテンツ*/
	

.cont_box_inr {
	width: 100%;
	padding: 0 5.333%;/*内側670px*/
}
h2 .cont_box_hdr_ttl_underline {
	border-bottom: 1px solid #00a0e9;
}
.cont_box_col_pd_hdr {
	padding: 1.3% 2.5%;
}
.cont_box_col_pd_hdr_ttl {
	padding: 0 2%;
	font-size:18px;
	line-height: 1.235em;
}
.cont_box_col_pd_hdr_btn {
	width: 14%;
}
.cont_box_col_pd_body {
	font-size: 2.6rem;
	line-height: 1.384em;
	padding: 4.5% 3.134% 8.529%;
}
.cont_box_col_inr_pd:nth-of-type(n+2) {
	margin-top: 20px;
}
.cont_box_col_inr_pd_hdr {
	padding: 12px 15px;
}
.cont_box_col_inr_pd_hdr_ttl {
	font-size: 17px;
	line-height: 1.357em;
	background: url("../img/cont_box_col_inr_pd_hdr_ttl_icon.svg") no-repeat left top;
	background-size: 21px auto;
	padding: 0 1em 0 34px;
}
.cont_box_col_inr_pd_hdr_btn {
	width: 20px;
}
.cont_box_col_inr_pd_body {
	padding: 3% 10% 10% 3.5%;
}
.cont_box_col_inr_pd_body p {
	font-size: 16px;
	line-height: 1.384em;
	background: url("../img/cont_box_col_inr_pd_body_icon.svg") no-repeat left top;
	background-size: 21px auto;
	padding-left: 34px;
}
	
/*コンテンツ7　FAQ*/
#cont_7_qa {
	margin-top: 11.666%;
}
#cont_7_qa_body.cont_box_col_pd_body {
	padding: 4% 3.088% 8%;
}
.cont_7_qa_box {
	margin-top: 20px;
}
#cont_7_qa_tab li {
	width: 32.5%;
	cursor: pointer;
}
#cont_7_qa_tab li:not(.act) .sp_act {
	display: none;
}
#cont_7_qa_tab li.act .sp_inact {
	display: none;
}
.cont_7_qa_2_4_btm_box {
    padding-left: 11.5%;
}
#cont_7_qa_2_4_btm_2 {
    margin-top: 15%;
}
.cont_7_qa_2_4_btm_box_chart {
    width: 80%;
    margin: 5% auto;
}
	
#cont_7_qa_tab li .qa_tab_header h3 {
	font-size: 17px;
	line-height: 1.4;
}
	
}

@media screen and (min-width: 769px) {
	
.cont_box_col_pd_hdr_btn {
    width: 55px;
}
	
/*コンテンツ*/
.cont_box_inr {
	width: 100%;
	max-width: 1300px;
	padding: 0 3.84615%;/*内側1200*/
}
.cont_box_inr_2 {
	width: 83.33333%;/*1200px比*/
	max-width: 1000px;
}
.cont_box_col_pd_hdr_ttl {
	padding-left: 55px;
	text-align: center;
	font-size: 26px;
}
.cont_box_col_pd_hdr_btn {
	width: 55px;
}
.cont_box_col_pd_body {
	font-size: 1.6rem;
	line-height: 1.6875em;
	padding: 4.9% 10% 6.8%;/*枠内800px*/
}
.cont_box_col_inr_pd:nth-of-type(n+2) {
	margin-top: 20px;
}
.cont_box_col_inr_pd_hdr {
	padding: 20px 20px 15px;
}
.cont_box_col_inr_pd_hdr_ttl {
	font-size: 18px;
	line-height: 1.357em;
	background: url("../img/cont_box_col_inr_pd_hdr_ttl_icon.svg") no-repeat left top;
	background-size: 21px auto;
	padding: 0 1em 0 34px;
}
.cont_box_col_inr_pd_hdr_btn {
	width: 20px;
}
.cont_box_col_inr_pd_body {
	padding: 0 33px 20px 20px;
}
.cont_box_col_inr_pd_body p {
	font-size: 16px;
	line-height: 2;
	background: url("../img/cont_box_col_inr_pd_body_icon.svg") no-repeat left 5px;
	background-size: 21px auto;
	padding-left: 2.3em;
}

	
/*コンテンツ7　FAQ*/

#cont_7_qa .cont_box_col_pd_body {
	padding-left: 5.357%;
	padding-right: 5.357%;
}
.cont_7_qa_box {
	margin-top: 25px;
}
#cont_7_qa_tab li {
	width: 32.5%;
	cursor: pointer;
}
#cont_7_qa_tab li:not(.act) .pc_act {
	display: none;
}
#cont_7_qa_tab li.act .pc_inact {
	display: none;
}
#cont_7_qa_2_4_btm {
	padding-left: 3.4rem;
}
.cont_7_qa_2_4_btm_box {
	width: 44%;
}
.cont_7_qa_2_4_btm_box_chart {
	margin-top: 0.4em;
	max-width: 220px;
}
	
	
}
@media screen and (max-width: 480px) {
#cont_7_qa_tab li .qa_tab_header h3 {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing: 0;
}
	
.cont_box_col_pd_hdr_ttl {
        padding: 2%;
        font-size: 16px;
        line-height: 1.235em;
}	
.cont_box_col_inr_pd_hdr_ttl{
		font-size: 13.5px;
	background-size: 10.5px auto;
	padding: 0 1em 0 15px;
	}
	.cont_box_col_inr_pd_body p{
		font-size: 12.6px;
			background-size: 10.5px auto;
		padding-left:15px;
	}
	.cont_box_col_inr_pd_hdr_btn {
        width: 11px;
}
	.cont_box_col_inr_pd_body {
        padding: 3% 10% 10% 15px;
}
}

@media screen and (max-width: 340px) {
#cont_7_qa_tab li .qa_tab_header h3 {
	font-size: 11px;
	line-height: 1.4;
	letter-spacing: 0;
}
}

/*==================================================
  donation
  ドネーションサンプル
==================================================*/

.donation{
	margin: 0 0 50px;
}

.donation_item > .body {
  margin-top: 10px;
}

.donation_item em {
  color: #0096ff;
  font-weight: bold;
}

.donation_annotation {
  margin-top: 50px;
  text-align: right;
}

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



@media screen and (min-width: 850px){
	.donation > .head {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 76px;
  background-color: #acc911;
  color: #fff;
  font-weight: bold;
}
	.donation_text01 {
  color: #acc911;
  font-size: 26px;
  font-weight: bold;
  text-align: center;
}
	.donation > .body {
  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  max-width: 1000px;
}
	.donation_items {
  display: flex;
  justify-content: space-between;
  margin-top: 35px;
		flex-wrap: wrap;
		padding: 0 20px;
}
	.donation_item {
  width: 23.5%;
  font-size: 15px;
  line-height: 1.67;
}
	.donation_item_spimg{
		display: none;
	}
}
@media screen and (max-width: 849.98px){
.donation > .head {
        margin-top: 40px;
        padding-bottom: 20px;
        background: url( "../img/donation_title_bg_sp.gif") 0 bottom/auto 3px repeat-x;
	text-align: center;
}
	.donation > .head img{
		max-width: 350px;
		margin: 0 auto;
	}
	.donation_text01 {
  color: #797979;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
		padding: 25px 0 0;
}
	.donation_items {
  display: block;
 width: 90%;
margin: 30px auto;
}
	.donation_item {
  width: 100%;
  font-size: 15px;
  line-height: 1.67;
		margin: 0 0 25px;
}

	
	.donation dd.body{
		display: flex;
	}
	.donation_item_spimg{
		display: block;
		width: 42.5%;
	}
	.donation_item_text{
		margin-left: 5%;
  width: 52.5%;
  line-height: 1.6;
  font-size: 15px;
		
	}
	.donation_text01 br{
		display: block;
	}
	.donation_annotation {
  margin-top: 50px;
		padding: 0 20px;
  text-align: left;
}
}






/*==================================================
  共通要素
==================================================*/

.sectionFlow,
.sectionJoin,
.sectionQA,

.sectionAbout {
  margin-left: auto;
  margin-right: auto;

}

.sectionFlow > .body,
.sectionJoin > .body,
.sectionQA > .body,
.sectionVoice > .body {
  margin-left: 11px;
  max-width: 975px;
	margin: 0 auto;

}

/*==================================================
  sectionFlow
  ユニセフ・マンスリーサポート・プログラムによる募金の流れ
==================================================*/

@media screen and (min-width: 768px){
	.changeWrap{
		display: flex;
		flex-direction: column;
	}
.sectionFlow {
		order: 1;
	}
	.sectionJoin{
		order: 2;
	}
}

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


}


.sectionFlow > .head {
  text-align: center;
}

.sectionFlow > .body {
  box-sizing: border-box;
  padding: 38px 0 30px;
  background-color: #f4f4f4;
  color: #4b4847;
  font-size: 16px;
  line-height: 25.6px;
        width: 97.5%;
}

.sectionFlow_top,
.sectionFlow_bottom {
  margin-left: auto;
  margin-right: auto;
  max-width: 880px;
}

.sectionFlow_top {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sectionFlow_top_text {
 width: 45%;
 padding: 0 0 0 20px;
  box-sizing: border-box;
}

.sectionFlow_top_text p:not(:nth-of-type(1)) {
  margin-top: 30px;
}

.sectionFlow_top_video {
  margin-left: 30px;
}

.sectionFlow_graph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 40px;
}

.sectionFlow_graph_item:nth-of-type(even) {
  margin-left: 10px;
}

.sectionFlow_graph_item .caption {
  padding-bottom: 18px;
  font-size: 16px;
  color: #1a9bfc;
  font-weight: bold;
}




@media screen and (min-width: 768px){
	.sectionFlow {
  margin-top: 0;
  padding-bottom: 50px;
		width: 97.5%;
		max-width: 1000px;
}
	.sectionFlow > .head img {
        position: relative;
        left: -1px;
        width: 100%;
        height: auto;
}
	.sectionFlow_bottom {
  margin-top: 40px;
  text-align: center;
}
	.sectionQA{
		max-width: 1000px;
	}
	
		.sectionFlow .toggle_ttl, .sectionQA .toggle_ttl, .sectionVoice .toggle_ttl{
		display: none;
	}
	.head_pc{
		width: 100%;
	}
	
	.head_pc img{
		width: 100%;
		height: auto;
	}
			.sectionFlow_bottom img {
			width: 98%;
}
}

@media screen and (max-width: 767.98px){
	.sectionFlow .head_pc, .sectionQA .head_pc, .sectionVoice .head_pc{
		display: none;
	}
	.sectionFlow .toggle_ttl, 	.sectionQA .toggle_ttl, .sectionVoice .toggle_ttl{
		display: block;
	}
	.sectionFlow .toggle_ttl, 	.sectionQA .toggle_ttl, .sectionVoice .toggle_ttl img{
		width: 100%;
	}
	
		.sectionFlow > .head img {
        position: relative;
        width: 100%;
        height: auto;
}
	
	.sectionFlow {
  margin-top: 0;
  padding-bottom: 20px;
}
	.sectionFlow_top{
		display: block;
	}
	.sectionFlow > .body{
		background: #fff;
	}
	
	.sectionFlow_top_text{
		width: 100%;
	}
	.youtube-area {
        width: 100%;
        position: relative;
        padding-bottom: 56.25%;
        padding-top: 30px;
        height: 0;
        overflow: hidden;
}
	.sectionFlow_top_video {
     margin: 20px 0 0;;
}
	.youtube-area iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
}
.toggle_content {
        overflow: hidden;
        display: none;
}
	.sectionFlow_bottom {
  margin-top: 20px;
  text-align: center;
}
		.sectionFlow_bottom img {
			width: 98%;
}
	
}
@media screen and (max-width: 479.98px){
		.sectionFlow {
  padding-bottom: 0;
}
	.sectionFlow_top_text {
 padding: 0 20px 0 20px;
		font-size: 15px;
}
	.sectionFlow > .body {
  padding: 25px 0 30px;
}
	.sectionFlow_top_text p:not(:nth-of-type(1)) {
        margin-top: 25px;
}

}

/*==================================================
  sectionJoin
  ユニセフ・マンスリーサポート・プログラムにご参加いただくと
==================================================*/

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









.sectionJoin_item > .head {
  padding-top: 4px;
  padding-left: 50px;
  min-height: 34px;
  font-size: 18px;
  background-position: 0 0;
  background-repeat: no-repeat;
  color: #0099ff;
  font-weight: bold;
  line-height: 1.611;
}

.sectionJoin_items > li:nth-of-type(1) .head {
  background-image: url( "../img/join_num1.png");
}

.sectionJoin_items > li:nth-of-type(2) .head {
  background-image: url("../img/join_num2.png");
}

.sectionJoin_items > li:nth-of-type(3) .head {
  background-image: url("../img/join_num3.png");
}


.sectionJoin_item > .body,
.sectionJoin_sub {
  margin-top: 5px;
  font-size: 16px;
  color: #4d4d4d;
  line-height: 1.688;
  text-align: justify;
}

.sectionJoin_items > li:nth-of-type(1) .body {
  margin-top: 20px;
  font-size: 13px;
  line-height: 1.53;
}

.sectionJoin_items > li:nth-of-type(2) .body {
  margin-left: 50px;
}

.sectionJoin_items > li:nth-of-type(2) .sectionJoin_img {
  text-align: right;
	        width: 45%;
        padding: 0 0 0 20px;
}
	.sectionJoin_items > li{
		padding: 0 0 20px;
	}

@media screen and (min-width: 850px){
	.sectionJoin_items {
        margin-left: auto;
        margin-right: auto;
        padding-top: 20px;
        max-width: 924px;
        background: url(../img/join_frame_top.gif) center 0 no-repeat, url(../img/join_frame_bottom.gif) center 100% no-repeat, url(../img/join_inner_bg.gif) center 0 repeat-y;
		width: calc(100% - 10px);
}
	.sectionJoin > .body {
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 25px;
  background-color: #e4f3fd;
}
}
@media screen and (min-width: 768px){
	.sectionJoin {
  padding-bottom: 40px;
	max-width: 1000px;
	width: 100%;
}

	.sectionJoin > .body {
  box-sizing: border-box;
  padding-top: 20px;
  padding-bottom: 25px;
			        padding: 25px;
        width: 97.5%;
 
}
	

		.sectionJoin_item.item02{
		width: 65%;
	}
	.sectionJoin_items > li {
  display: flex;
  margin-left: 40px;
  margin-right: 40px;
}
	.sectionJoin_img01{
	padding-right: 70px;
	padding-bottom: 25px;
	max-width: 80px;
}
	.sectionJoin_items > li:not(:first-child) {
  padding-top: 20px;
  border-top: 1px solid #dde0e3;
}
}

@media screen and (max-width: 767.98px){
.sectionJoin_items {
 margin: 0 auto;
        padding-top: 20px;
        width: 100%;
        background:#fff;
}
		.sectionJoin > .body {
 margin: 0;
}
.sectionJoin_items > li {
  display: flex;
	flex-direction: column;
	width: 90%;
   margin: 0 auto;
}
	.sectionJoin_img{
		order: 2;
	}
	.sectionJoin_item{
		order: 1;
	}
	.sectionJoin_img01{
		margin: 0 auto;
		text-align: center;
		max-width: 470px;
		width: 80%;
	}
	.sectionJoin_img02{
		width: 60%;
		margin: 10px auto 0;
	}
	.sectionJoin_items > li:nth-of-type(2) .sectionJoin_img {
	        width: 70%;
		padding: 15px 0;
}
	.sectionJoin_items > li:nth-of-type(1) .body {
		display: none;
	}
	
	.sectionJoin_item > .head {
        padding: 13px 0 10px 45px;
        color: #09f;
        font-size: 15px;
        font-weight: bold;
        line-height: 1.25;
        overflow: hidden;
}
	.sectionJoin_items > li:nth-of-type(1) .head{
		background: url(../img/join_num1.png)
		no-repeat 4px 17px/30px auto;
	}
	.sectionJoin_items > li:nth-of-type(2) .body, 	.sectionJoin_items > li:nth-of-type(3) .body{
		margin-left: 10px;
		margin-right: 10px;
	}
	.sectionJoin_items > li:nth-of-type(2) .head {
 background: url(../img/join_num2.png) no-repeat 4px 15px/30px auto;
 padding: 18px 0 10px 45px;
}
	.sectionJoin_items > li:nth-of-type(3) .head {
background: url(../img/join_num3.png) no-repeat 4px 10px/30px auto;
}
	.sectionJoin_item > .body{
  font-size: 15px;
		min-height: 1.5;
}
	.sectionJoin_items > li:not(:first-child) {
  padding-top: 0;
  border-top:none;
}
	.sectionJoin_items > li {
  padding: 0;
}
		.sectionJoin_items > li:last-child {
			padding: 0 0 20px;
	}
	.sectionJoin_item > .head.num2{
	 padding: 13px 0 0 45px;	
	}
}

/*==================================================
  CTA
 
==================================================*/

@media screen and (min-width: 768px){
	.blockOffer{
		display: none;
	}
}

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

.blockOffer {
        margin: 0 0 13px;
        background: #0099ff;
        padding-bottom: 7px;
}
	.blockOfferTitle {
        padding: 0 0 10px 0;
}
	.blockOfferTitle img{
		width: 100%;
	}
	.blockOffer a img {
        width: 90%;
        margin: 0 auto;
}
	.blockOfferBody {
        text-align: center;
}
	.blockOfferFooter2 span {
        text-decoration: underline;
}
	.blockOfferFooter a, .blockOfferFooter2 a {
        display: inline-block;
        margin: 5px 15px;
		color: #fff;
}
	.blockOfferFooter, .blockOfferFooter2 {
        margin: 5px 0 0 0;
        text-align: center;
        font-size: 12px;
}
}

/*==================================================
  sectionQA
  ユニセフ・マンスリーサポート・プログラムに関するQ
==================================================*/



.sectionQA {
  color: #4b4847;
}

.sectionQA > .head img {
  position: relative;
  left: 1px;
}



.sectionQA_items {
  margin-left: auto;
  
  padding: 18px ;
  max-width: 900px;
}

.sectionQA_item:not(:nth-of-type(1)) {
  margin-top: 10px;
}

.sectionQA_item > .head {
  position: relative;
  padding: 10px 50px 8px 55px;
  background:#f4f4f4 url(../img/qa_switch_plus.png)  no-repeat;
  color: #0099ff;
  font-size: 20px;
  font-weight: bold;
	border-radius: 7px;
	background-position: calc(100% - 25px) center;
}

.sectionQA_item > .head:before {
  content: 'Q.';
  position: absolute;
  left: 26px;
  top: 8px;
}

.sectionQA_item > .head.is-active {
  background:#f4f4f4  url(../img/qa_switch_minus.png) calc(100% - 25px) center no-repeat;
}

/* ２行の場合 */
.sectionQA_item:nth-of-type(4) > .head {

  line-height: 1.3;
}

.sectionQA_item:nth-of-type(4) > .head.is-active {
 
}
/* ここまで / 2行の場合 */

.sectionQA_item > .body {
  display: none; /* 初期値 */
  box-sizing: border-box;
  position: relative;
  padding: 15px 15px 25px 60px;
  font-size: 16px;
  line-height: 1.6;
}

.sectionQA_item > .head.is-active + .body {
  display: block;
}

.sectionQA_item > .body:before {
  content: 'A.';
  position: absolute;
  top: 10px;
  left: 26px;
  font-size: 20px;
  color: #0099ff;
  font-weight: bold;
}

.sectionQA_item > .body a {
  color: #0099ff;
}

.sectionQA_item > .body small {
  font-size: 13px;
}

.sectionQA_item_graph {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.sectionQA_link_01 {
  margin:0 16px;
  padding:5px 30px 30px 0;
}

.sectionQA_link_01 img{
  display:block;
  margin-left:auto;
}


@media screen and (min-width: 768px){
.sectionQA > .head img {
        position: relative;
        left: -1px;
        width: 100%;
        height: auto;
}
.sectionQA > .body{
        margin-left: 11px;
        width: 97.5%;
        margin: 0 auto;
}
	
		.sectionQA > .body {
        background-color: #fff;
        box-shadow: 0px 3px 7px 0px rgba(0, 0, 0, 0.19);
}
		.sectionQA_item_graph p.graf{

			padding: 10px 20px 0 20px;
	}
	.sectionQA_item_graph > div{
		width: 100%;
	}
	.sectionQA_changeorder{
		display: flex;
		justify-content: space-between;
		position: relative;
	}
	.sectionQA_changeorder .maintext{
		width: 48%;
	}
	.sectionQA_changeorder .graf {
		width: 50%;
		text-align: right;
	}
	
		.sectionQA_item_graph p.graf img{
width: 90%;
		height: auto;
	}
	
	.annotation{
		position: absolute;
		width: 48%;
		top:150px;
	}
	
}

@media screen and (max-width: 767.98px){
	.sectionQA_item .head{
		font-size: 14px;
	}	
	
.sectionQA > .head img{
        position: relative;
        width: 100%;
        height: auto;
}
.sectionQA > .body{
        margin-left:0;
	}
	.sectionQA_item > .body{
		font-size: 15px;
	}
	.sectionQA_item_graph{
		display: block;
	}
	.sectionQA_item_graph p.graf{
		text-align: center;
		margin: 20px 0 0;
	}
	.sectionQA_changeorder{
		display: flex;
		flex-direction: column;
		
	}
	.sectionQA_changeorder .maintext{
		order: 1;
	}
		.sectionQA_changeorder .annotation{
		order: 3;
	}
	.sectionQA_changeorder .graf{
		order: 2;
	}
		.sectionQA_item_graph p.graf img{
width: 60%!important;
		height: auto;
	}
}

	.sectionQA_item_graph p.graf img{
		height: auto;
	}	

@media (min-width: 480px) and (max-width: 797.98px) {
	.sectionQA_item_graph p.graf img{
width: 80%;
		height: auto;
	}
	
}

@media screen and (max-width: 479.98px){
	.sectionQA_item > .body:before {
        content: 'A.';
        position: absolute;
        top: 10px;
        left: 15px;
        font-size: 15px;
        color: #0099ff;
        font-weight: bold;
}
	.sectionQA_item > .head:before {
        content: 'Q.';
        position: absolute;
        left: 15px;
        top: 8px;
}
	.sectionQA_item > .body {
        padding: 15px 15px 0 40px;
}
	.sectionQA_item > .head{
		padding: 10px 50px 8px 40px;
	}
	.sectionQA > .head img {

  left: 0;
}
	.sectionQA_item_graph p.graf{
		margin: 0 auto;
		text-align: center;
			padding: 0;
	}
		.sectionQA_item_graph p.graf img{
width: 100%;
		height: auto;
			padding: 20px 0 10px;
	}
	.sectionQA_changeorder{
		display: flex;
		flex-direction: column;
		
	}
	.sectionQA_changeorder .maintext{
		order: 1;
	}
		.sectionQA_changeorder .annotation{
		order: 3;
	}
	.sectionQA_changeorder .graf{
		order: 2;
	}
		.sectionQA_item_graph p.graf img{
width: 100%!important;
		height: auto;
	}
}

/*==================================================
  sectionVoice
  マンスリーサポーターの皆さまの声
==================================================*/
.sectionVoice {
  margin-top: 40px;
}
.sectionVoice h2{
	max-width: 1000px;
	margin: 0 auto;
}

@media screen and (max-width: 479.98px){
.sectionVoice {
  margin-top: 0;
}
}

/*---------------------------------
 * voice
---------------------------------*/

#cont_voice {


	position: relative;
	margin: 0 auto;
		background: #e4f3fd;
}


.swiper_voice{
		max-width: 94%;
	margin: 0 0 0 30px;
	overflow: hidden;
	padding: 30px 0 0;

}

.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
        height: auto;
}


#cont_voice .swiper-button-next:after, #cont_voice .swiper-rtl .swiper-button-prev:after {
	content: ""!important;
}
#cont_voice .swiper-button-prev:after, #cont_voice .swiper-rtl .swiper-button-next:after {
	content: ""!important;
}

#cont_voice.swiper-button-next, #cont_voice .swiper-button-prev {
	    width: 40px;
}

#cont_voice .swiper-button-next, #cont_voice .swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset,30px)!important;
    left: auto;
	top: 35%!important;
}

#cont_voice .swiper-button-prev, #cont_voice .swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset,30px)!important;
    right: auto;
top: 35%!important;
}

/* 前へ次への矢印カスタマイズ */
#cont_voice .swiper-button-prev,
#cont_voice .swiper-button-next {
  height: 40px;
  width: 40px;
}

/* 前へ次への矢印カスタマイズ */
#cont_voice .swiper-button-prev::after,
#cont_voice .swiper-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  height: 50px;
  margin: auto;
  width: 50px;
}
/* 前への矢印カスタマイズ */
#cont_voice .swiper-button-prev::after {
  background-image: url(../img/voice_back.png);
}
/* 次への矢印カスタマイズ */
#cont_voice .swiper-button-next::after {
  background-image: url(../img/voice_next.png);
}


/* ページネーション */
#cont_voice .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: -50px!important;
}

#cont_voice .swiper-pagination-bullet{
	margin: 0 10px 0 0;
}

#cont_voice .swiper-pagination {
        position: absolute;
        text-align: center;
        transition: 300ms opacity;
        transform: translate3d(0, 0, 0);
        z-index: 10;
left: 50%;
        letter-spacing: 1em;
	bottom: 20px;
	 transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#cont_voice .swiper-wrapper { align-items: stretch!important; }



#cont_voice .swiper-slide-active {
  opacity: 1; /* 中央のスライドは薄くしない */
  transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}

#cont_voice .swiper-slide-next {

 /* transform: scale(1); /* 中央のスライドは小さくしない */
  z-index: 1; /* 中央のスライドを一番上にする */
}


#cont_voice  .swiper-slide .swiper-slide-inner {
	height: auto;
	 width: 100%;
	 position: relative;
}

#cont_voice .swiper-slide .swiper-slide-inner.f_blue {
	color:#fff;
}

#cont_voice .swiper-slide .swiper-slide-inner.f_white {
	color:#0096ff;
}

#cont_voice .swiper-slide .swiper-slide-inner picture {
	display: block;
	position: relative;

}

#cont_voice .swiper-slide .swiper-slide-inner picture img {
	    height: 50px;
    width: auto;
	position: absolute;
        left: -10px;
        top: -5px;
}

#cont_voice .swiper-slide-inner h3 {
	font-size: 16px;  
	line-height: 1.5em;
	letter-spacing: 0.01em;
	margin: 0 0 20px;
	padding: 0 0 0 60px;
	color: #0096ff;
}

#cont_voice .swiper-slide-inner .inner_txt {

	font-size: 16px;
    line-height: 1.78em;
    letter-spacing: 0.02em;
	margin: 0;
	padding: 35px 30px;
	/*-webkit-filter:drop-shadow(1px 1px 1px rgba(0,0,0,0.3));*/
}

#cont_voice .swiper-slide-inner .inner_txt:before {
  

}


#cont_voice .swiper-slide-inner .inner_txt {
	background: #fff;
}

/*#cont_voice .swiper-slide-inner.f_blue .inner_txt:before {
  border-top: 15px solid #0096ff;
}*/



/*#cont_voice .swiper-slide-inner.f_white .inner_txt:before {
  border-top: 15px solid #fff;
}*/




@media screen and (min-width: 1100px) {
	
	#cont_voice .swiper-slide .swiper-slide-inner picture {
		position: relative;
	}
	
#cont_voice .swiper-slide .swiper-slide-inner picture img {
	    height: 50px;
    width: auto;
	position: absolute;
        left: -10px;
        top: -5px;
}
}


	@media screen and (min-width: 769px) {
		#cont_voice {
			margin: 0 auto 50px;
				max-width: 975px;
}
	#cont_voice .swiper {
	padding: 0 ;
}
		 #cont_voice .swiper-slide .swiper-slide-inner {

	 width: 100%;
/*	 min-height: 400px;*/
	 padding-bottom: 60px;
	 
}
	
		#cont_voice .swiper-slide-inner .inner_txt {
    /*    height: 350px;*/
			min-height: 280px;
}
		#cont_voice .swiper-slide{
		
			margin: 0 auto;
	}
		#cont_voice .swiper-slide {
 /*       left: 2.5vw;*/
}
				/* 前へ次への矢印カスタマイズ */
#cont_voice .swiper-button-prev,
#cont_voice .swiper-button-next {
  height: 40px;
  width: 40px;
}
	#cont_voice .swiper-button-next, #cont_voice .swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset,5px)!important;
    left: auto;
	top: 45%!important;
}

#cont_voice .swiper-button-prev, #cont_voice .swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset,5px)!important;
    right: auto;
top: 45%!important;
}	
#cont_voice .swiper-slide-inner .inner_txt P {
	font-size: 16px;
    line-height: 1.8em;
    letter-spacing: 0.02em;
	margin: 0;
	color: #4d4d4d;
	/*height: 450px!important;*/
}
	}


		
#cont_voice .swiper-slide .swiper-slide-inner picture img {
	    height: 60px;
    width: auto;
	position: absolute;
        left: -10px;
        top: -5px;
}
	
	#cont_voice .swiper-slide .swiper-slide-inner{
	/*	min-height:200px; */
	}
	






@media screen and (max-width: 767.98px){
	#cont_voice {
margin: 0 0 25px;
}
	
	.swiper_voice {
        max-width: 94%;
        margin: 0 auto;
        overflow: hidden;
        padding: 30px 0 0;
}
	
		#cont_voice.cont_voice_inr {
 /* max-width: 100vw;*/
  position: relative;
	overflow: hidden;
}
	.sectionVoice .head img{

	}
	.swiper_voice{
	padding: 30px 0 60px;
}
	#cont_voice .swiper-slide .swiper-slide-inner picture img {
	 height: 50px;
  width: auto;
	position: absolute;
   left: -10px;
        top: -10px;
}
	#cont_voice .swiper-button-next, #cont_voice .swiper-rtl .swiper-button-prev {
	right: var(--swiper-navigation-sides-offset,5px)!important;
    left: auto;
	top: 50%!important;
}

#cont_voice .swiper-button-prev, #cont_voice .swiper-rtl .swiper-button-next {
	left: var(--swiper-navigation-sides-offset,5px)!important;
    right: auto;
top: 50%!important;
}
	#cont_voice .swiper-slide-inner h3 {
        font-size: 15px;
        line-height: 1.5em;
        letter-spacing: 0.01em;
        margin: 0 0 20px;
        padding: 0 0 0 50px;
		        color: #0096ff;
}
	
	#cont_voice .swiper-slide-inner .inner_txt P {
        font-size: 13px;
        line-height: 1.6em;
        letter-spacing: 0.02em;
        margin: 0;
        color: #4d4d4d;
        /* height: 450px!important; */
}
	/* 前へ次への矢印カスタマイズ */
#cont_voice .swiper-button-prev,
#cont_voice .swiper-button-next {
  height: 30px;
  width: 30px;
}

}



@media screen and (max-width: 479.98px){
	.swiper_voice {
        padding: 30px 0 50px;
}
	#cont_voice .swiper-pagination {
        bottom: 20px;
}
}

/*==================================================
  sectionReport
  世界の子どもたちへ、2022年、たとえばこんな支援を届けることができます
==================================================*/

@media screen and (min-width: 950px){
	.sectionReport {
 
}

.report_main{
background: url("../img/sectionreport_img@2x.jpg") no-repeat center top;
	height: 582px;
	background-size:cover;
		display: flex;
	justify-content: flex-end;
position: relative;
}

.report_textwrap{

	width: 50%;
  background-color: rgb(0, 150, 255);
	 mix-blend-mode: Multiply; /* 重ね方を指定 */
		height: 582px;

}

.report_text{
	position: absolute;
		left:53%;
	top:30px;
}

.sectionReport h2{
	font-size: 27px;
		color: #fff;
}

.report_text figure{
	position: absolute;
	top:100px;
	left:350px;
	width: 50%;
}
.report_text figure img{
	width: 100%;
}

.sectionReport p{
	max-width: 410px;
	margin: 25px 0 0;
}
.sectionReport p img{
	width: 100%;
}
	.report_sp{
		display: none;
	}
	
}

@media screen and (max-width: 949.98px){
	.sectionReport {
 display: none;
}
	.report_sp{
		display: block;
		margin: 30px 0;
	}
		.report_sp img{
		width: 100%;

			
	}
	
	
	.report_sp_text{
		background: #0078ff;
		padding:40px;

	}
		.report_sp_text img{
						max-width: 470px;
	}
}





/*==================================================
  sectionAbout
  ユニセフ募金は税額控除の対象となり、約40％が所得税額から控除されます。
==================================================*/
.sectionAbout {
  color: #666666;
}

.sectionAbout_inner {
  margin-top: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f3fae0;
	 max-width: 1100px;
   margin: 50px auto 0;
}

.sectionAbout .head {
  text-align: center;

	max-width: 1000px;
	margin: 0 auto;
}
.sectionAbout .head img{
	width: 100%;
	height: auto;
}

.sectionAbout .body {
  margin-left: auto;
  margin-right: auto;
  max-width: 810px;
}

.sectionAbout_text_01 {
  margin: 15px;
}

.sectionAbout_text_01 p {
  font-size: 15px;
  line-height: 2;
}

.sectionAbout_text_02 {
  margin-top: 15px;
  margin-left: auto;
  margin-right: auto;
  max-width: 810px;
	padding: 0 15px;
}

.sectionAbout_text_02 p {
  font-size: 12px;
  line-height: 1.6;
}

.sectionAbout_img_01 {
  text-align: center;
}
.sectionAbout_img_01 img{
	width: 95%;
}

@media screen and (max-width: 949.98px){
		.sectionAbout_inner {
  margin-top: 0!important;
}
	
}

@media screen and (min-width: 768px){
	.sectionAbout .head {
			padding: 0 15px;
	}
	
	.sectionAbout_inner {
	 max-width: 1100px;
   margin: 50px auto 0;
}
	.sectionAbout_inner {
  margin-top: 50px;
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #f3fae0;
	 max-width: 1100px;
   margin: 50px auto 0;
}
	.head_pc{
		display: block;
	}
	.toggle_ttl{
		display: none;
	}
	
}

@media screen and (max-width: 767.98px){
		.head_pc{
		display: none;
	}
	.toggle_ttl{
		display: block;
		        padding: 0;
	}
	.sectionAbout_img_01_2{
		display: none;
	}
	.sectionAbout_inner {
  margin-top: 50px;
  padding-top: 0;
  padding-bottom: 0;
		background: none;
}
	.sectionAbout_inner .toggle_content{
		display: none;
	}
}

@media screen and (max-width: 479.98px){
	.sectionAbout_inner {
  margin-top: 0;
}
	.sectionAbout {
  margin:30px 0 0;
		position: relative;
  z-index: 999;
}
}

/*==================================================
  footImg
  世界の子どもの命を守るため
あなたの継続的なご協力が必要です。
==================================================*/

.footImg{
background:#1c0b05 url("../img/foot_img@2x.jpg") no-repeat -100px top;
	background-size:cover;
		display: flex;
	justify-content: flex-start;
	align-items: center;
position: relative;

}
.footImg h2{
	color: #fff;
	
	line-height: 1.5;
	padding-right: 30px;
	  text-shadow: 2.837px 0.977px 0px rgba(16, 14, 13, 0.004);
}

@media screen and (min-width: 768px){
	.footImg{
	margin: 60px 0;
	height: 415px;
	background-size:cover;
		display: flex;
	justify-content: flex-start;
	align-items: center;
position: relative;
	padding: 0 0 0 50%;
}
	.footImg h2{
	color: #fff;
	font-size: 25px;
	line-height: 1.5;
	padding-right: 30px;
	
}
}

@media screen and (max-width: 767.98px){
	.sectionAbout_img_01_2{
		display: none;
	}
		.footImg{
	margin: 30px 0 0;
	height: 350px;
	background-size:cover;
		display: flex;
	justify-content: flex-start;
	align-items: center;
position: relative;
	padding: 0 0 0 55%;
			background-position: 20%;
}
		.footImg h2{
	color: #fff;
	font-size: 23px;
	line-height: 1.6;
	padding-right: 20px;
	
}
}
@media screen and (max-width: 420.98px) {
		.footImg h2{
	color: #fff;
	font-size: 19px;
	line-height: 1.4;
	padding-right: 15px;
	
}
			.footImg h2 br{
				display: none;
	}
}

/*==================================================
  footerCTA
  ユニセフ・マンスリーサポート・プログラムに参加する
==================================================*/



.footerCTA_top a {
  cursor: pointer;
}

.footerCTA_top .btn1 {
  display: block;
  margin: 0 auto;
  width: 567px;
}

.footerCTA_top .btn1 img{
	width: 100%;
	height: auto;
}

.footerCTA_top .link {
  margin-top: 20px;
  font-size: 14px;
}

.footerCTA_top .btn2,
.footerCTA_top .btn3 {
  display: inline-block;
  margin: 20px auto 0;
  width: 275px;
}

.footerCTA_top .btn2 img,
.footerCTA_top .btn3 img{
	width: 100%;
	height: auto;
}

.footerCTA_top .btn2 {
  margin-right: 10px;
}

.footerCTA_bottom {
  margin-top: 30px;
  margin-left: auto;
  margin-right: auto;
  max-width: 860px;
  font-size: 10px;
	padding: 0 20px;
}

.footerCTA_bottom small {
  font-size: 10px;
}

.footerCTA_text_01 {
  margin:20px 0;
  font-size:11px;
  color:#666666;
}



@media screen and (min-width: 768px){
	
	.footerCTA_top {
  margin: 0 auto;
  max-width: 860px;
  text-align: center;
}
	.footerCTA .blockOffer{
		display: none;
	}
	.footerCTA {
  margin-top: 30px;
  padding:20px;
  font-size: 17px;
}
.footer_btns {
   display: none;
}
	.footer_annotation {
 display: none;
}
		.sp_copyright{
		display: none;
	}
}

@media screen and (max-width: 767.98px){
	.footerCTA{
		padding: 0;
		margin: 0;
	}
	.footerCTA_text_01 {
		text-align: left;
}

	.footerCTA_top {
  display: none;
}
	.footerCTA .blockOffer{
		display: block;
		padding: 20px 0;
	}
	.footer_btns {
        width: 93%;
        margin: 10px auto 6px;
        overflow: hidden;
}
	.footer_btns li {
        width: 48%;
        float: left;
        line-height: 1;
        font-size: 0;
		max-width: 289px;
}
	.footer_btns li img{
		width: 100%;
	}
	
	.footer_annotation {
        margin: 15px auto 6px;
        width: 93%;
        overflow: hidden;
        font-size: 11px;
        line-height: 1.3;
}
	.footer_btns li:last-child {
        float: right;
}
	.sp_copyright{
		display: block;
 background: #0088FF;
 clear: both;
 padding: 20px 0;
  margin: 0 auto;
 text-align: center;
	}
		.sp_copyright img{
width: 88.125%;
	}
}

/*==================================================
  pagetop link
==================================================*/
	#pageTop .pagetop a, 	#pageTop .pagetop2 a{
        font-weight: bold;
        color: #0096ff;
		font-size: 14px;
}
.pagetop, .pagetop2 {
   
        text-align: right;
        margin: 0 0 15px 8%;
        padding-right: 5%;
        font-size: 14px;
}

.pagetop a {
        background-image: url(../img/icon_circle_top.png);
	        display: inline-block;
        padding-right: 20px;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 15px 15px;
}

.pagetop2 a {
        background-image: url( "../img/icon_circle_right.png");
	        display: inline-block;
        padding-right: 20px;
        background-repeat: no-repeat;
        background-position: right center;
        background-size: 15px 15px;
}

@media screen and (min-width: 768px){
		.pagetop2.pagetop2_sp{
		display: none;
	}
			.pagetop2.pagetop2_pc{
		display: block;
	}
	
}

@media screen and (max-width: 767.98px){
	.pagetop2{
		display: block;
	}
			.pagetop2.pagetop2_sp{
		display: block;
	}
				.pagetop2.pagetop2_pc{
		display: none;
	}
	
	.pagetop{
		font-size: 13px;
		margin: 0 0 10px 8%;
	}
	
	

	
}


/*==================================================
  JavaScript
==================================================*/

.js-accordionSwitch {
  cursor: pointer;
}

.js-accordionTarget {
  display: none;
}

.js-accordionTarget.is-active {
  display: block;
}



/*==================================================
  facebook
==================================================*/
#fbLikebox{
  width: 876px;
  margin:40px auto;
  text-align:center;
}

/*==================================================
  フッター
==================================================*/
#footer2{
  background:#0099ff;
  padding: 15px 0 105px;
}

#footer2 .footerText {
  display: flex;
  align-items: center;
  overflow: hidden;
  line-height:1;
}
#footer2 .footerText li.text03 ,
#footer2 .footerText li.text04 {
  float: left;
  padding: 0 10px;
  border-right:1px solid #ffffff;
  margin:0;
  line-height:1;
}

#footer2 .footerText li.text04 {
  border-left: 1px solid #fff;
}


#footer2 .copyright{
  float:none;
}

#footer2 .footer_tel{
  float:right;
}

@media screen and (min-width: 768px){
	#footer2 .footInner {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  overflow: hidden;
  max-width: 860px;
		padding: 0 20px;
}
	#footer2 .footerText li a {
        color: #ffffff;
        text-decoration: none;
}
	.blockpcbtn {
		display: none;
	}
}

@media screen and (max-width: 767.98px){
	#footer2{background: #fff;
		padding: 15px 0 0;
	}
	#footer2 .footInner .copyright{
		display: none;
	}
	#footer2 .footerText{
		display: block;
	
	}
ul.footerText li a {
        display: block;
        color: #0096ff;
        font-size: 12px;
        line-height: 20px;
        border-top: 1px solid #ccc;
        padding: 5px 10px;
	text-decoration: none;
}
	#footer2 .footerText li.text03, #footer2 .footerText li.text04 {
        float:none;
        padding:0;
        border-right: 1px solid #ffffff;
        margin: 0;
        line-height: 1;
}
	ul.footerText li:last-child{
		 border-bottom: 1px solid #ccc;
	}
	.blockpcbtn {
        background: #fafafa;
        border-style: none;
        padding-top: 5%;
        padding-bottom: 5%;
        margin-right: auto;
        margin-left: auto;
        text-align: center;
}
	
}

/*==================================================
  導線
==================================================*/


@media screen and (min-width: 768px){
	.blockAction{
		display: block;
  background:#0173de;
  padding:10px 0 10px 0;
  position:fixed !important;
  position:absolute;
  bottom:0;
  left:0;
  z-index: 99;
  width:100%;
  -webkit-transform: translate3d(0,0,0);
}
.blockAction .blockActionInner{
  overflow: hidden;
}

.blockAction .blockBody {
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0 auto;
}

.blockAction .transfer{
  margin-left: 20px;
}
.blockAction .transfer dt{
  margin-bottom:3px;
  color: #fff;
  font-size: 15px;
  font-weight: bold;
}
.blockAction .transfer .dl{
  margin-left:22px;
}
}

@media screen and (max-width: 767.98px){
	#blockAction{
		display: none;
	}
	.blockBody{
		display: none;
	}
}


/*==================================================
  導線（上に配置するパターンページ）
==================================================*/

.blockAction_top{
  background:#0099ff;
  padding:0 0 10px 0;
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:999;
  -webkit-transform: translate3d(0,0,0);
}
.blockAction_top .blockActionInner{
  margin: 0 auto;
  overflow: hidden;
  width: 960px;
}
.blockAction_top .blockTitle{
  float:left;
}
.blockAction_top .blockBody{
  margin-left:284px;
}
.blockAction_top .credit{
  float:left;
}
.blockAction_top .transfer{
  width:274px;
  float:right;
  margin-top:10px;
}
.blockAction_top .transfer dt{
  margin-bottom:3px;
}
.blockAction_top .transfer .dl{
  margin-left:22px;
  float:left;
}
.blockAction_top .transfer .order{
  margin-left:10px;
  float:left;
}
.blockAction_top .blockInfo{
  text-align:center;
  padding:5px;
}


/*==================================================
  ユニセフ（国際連合児童基金）について
==================================================*/

.about .text {
  margin:20px 40px 30px 40px;
  font-size:14px;
  line-height:24px;
}

.about dl {
  background: url("../../201902/img/201502/aboutBack.jpg") no-repeat left top;
  height: 184px;
  margin: 0 auto;
  overflow: hidden;
  width: 888px;
}
.about dt {
  margin:30px 0 5px 270px;
}
.about dd {
  line-height: 1.5;
  margin:0 60px 0 270px;
  font-size:13px;
}

.section07 .textLink01{
  background: url("../../201902/img/201602/sec07Icon.jpg") no-repeat left bottom;
  padding: 20px 0 0 20px;
  display: block;
}
.section07 .textLink02{
  background: url("../../201902/img/201602/sec07Icon.jpg") no-repeat left bottom;
  padding: 10px 0 0 20px;
  display: block;
}



/* 固定footer
-------------------------- */

.btnentry {
  position: relative;
  width: 372px;
  display: inline-block;
}

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

.btnentry :hover {
  opacity: 0.9;
}

.btnentry a {
  cursor: pointer;
}
/*
.mslp {
  width:258px;
}
*/
.mslp span {
  font-size:12px;
}

.mslp_bottomarea_link > .head img {
  vertical-align: middle;
}

.mslp_bottomarea_link > .body {
  display: flex;
  margin-left: 18px;
}

.mslp_bottomarea_link > .body > p + p {
  margin-left: 18px;
}

.mslp_bottomarea_link p {
  font-family:meiryo;
  color:#fff;
  font-weight:bold;
}
.mslp_bottomarea_link p > i {
  font-weight:normal;
  margin-right:5px;
}
.mslp_bottomarea_link p > a {
  color:#fff;
  text-decoration:none;
}
.mslp_bottomarea_link p > a:hover {
  color:#f90;
}
/*
.blockAction .transfer {
  margin-right: 20px;
}
.blockAction .transfer .dl {
  margin-left:18px;
}
.blockAction .transfer .subtitle img {
  margin: 1px 5px 0 0;
}
*/

.footer-annotation {
  color: #fff;
  font-size: 11px;
}



/* ToggleArea
-------------------------- */
#toggle {
  margin: 0 auto;
  width: 100%;
  height: auto;
  text-align: left;
  position: relative;
}

#toggle a {
  width: 100%;
  height: 100%;
  position: absolute;
}

/* CSS3 Toggle
-------------------------- */
#toggle:target .front {
  opacity: 0;
  pointer-events: none;
}

/*検証
---------------------------------------------------*/

.validate .contents01_inner .top_col2 p  {
  display: inline-block;
  word-break:normal;
  text-align: justify;
  width: 410px;
  position: relative;
  top: 140px;
  left: 380px;
  line-height: 1.8 !important;
}

#dna{
  overflow: hidden;
}

#dna .dna_titleWrap{
  width: 100%;
  text-align: center;
  background: #acc72d;
  display: table;
  height: 99px;
}
#dna .dna_titleWrap h2{
  display: table-cell;
  vertical-align: bottom;
}

.validate .contents01_inner .top_col, .contents01_inner .top_col2 {
    width: 852px;
    height: 608px;
    background: url(../img/contents01_img01.png) left top no-repeat;
}


.validate .contents04_wrap {
    width: 100%;
    padding: 0 0 0 0;
    background: #f5fddd;
}

.validate .contents06_inner .middle_col .menu .short2 {
  word-break: normal;
}

/*SP用FV動画
---------------------------------------------------*/
@media screen and (min-width: 768px) {
	.mv-video-area {
		display: none;
	}
}
@media screen and (max-width: 767px) {
	.mv-video {
		position: absolute;
		width: calc(100% + 4px);
		height: calc(100% + 4px);
		left: -2px;
		top: -2px;
		z-index: 1;
	}

	.main_wrap {
		position: relative;
		max-height: calc(100vh - 22vw - 8px);
		max-height: calc(100svh - 22vw - 8px);
		aspect-ratio: 39 / 54;
		text-align: center;
		margin: 0 auto 10vw;
	}

	.mv-video-area {
		position: relative;
		overflow: hidden;
		width: 100%;
		height: 100%;
	}
}

/* @supports not (height: 100svh) {
	@media screen and (orientation: portrait) and (max-height: 667px) {
		.main_wrap {
			height: calc(100vh - 65px - 64px - 8px - 5vw);
		}
	}
} */

/* @media screen and (orientation: landscape) {
	.main_wrap {
		min-height: 667px;
	}
} */