@charset "utf-8";
/* CSS Document */

/*地域づくり活動支援*/
#support h6{
	font-size:130%;
	margin:20px 0 10px 0;
	}

#salon{
	margin-top:20px;
	}

#salon p{
	width:350px;
	float:left;
	margin-right:10px;
	}
	
#fureai p{
	float:left;
	width:350px;
	margin-right:10px;
	}

.p_big{
	font-size:120%;
	margin-bottom:5px;
	}

.yoitoko{
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	}

.yoitoko img{
	width:220px;
	float:left;
	margin-right:10px;
	}

/*ボランティア活動推進*/
#volunteer_toha p{
	width:370px;
	float:left;
	margin-right:10px;
	}

#volunteer_toha span{
	display:block;
	text-align:right;
	padding:5px 66px 0 0;
	}

#volun_4key{
	margin:20px 0 10px 0;
	}

.key{
	margin-bottom:20px;
	}

.key img{
	float:left;
	}

.key p{
	padding-top:10px;
	float:right;
	width:340px;
	}

#need_volun{
	float:left;
	width:350px;
	margin-right:10px;
	}

#background #volun{
	font-size:170%;
	margin-top:30px;
	}

#need_volun .a{
	padding:10px;
	width:300px;
	}
	
#need_volun .a dt{
	margin:0;
	}
	
#need_volun_right{
	margin-top:24px;
	}

#need_volun_right p{
	text-align:center;
	margin-bottom:10px;
	}
	
#try{
	margin:20px 0 20px 10px;
	}
	
#area_fukushi h5{
	margin:0;
	}	

/*福祉教育*/
.fukushi{
	float:left;
	margin-right:10px;
	}
	
.fukushi_image_left{
	margin:20px 10px 0 0;
	display:block;
	float:left;
	}
	
.fukushi_image{
	margin-top:20px;
	}
	
/*各種相談*/
.sodan p{
	float:left;
	width:400px;
	margin:10px 20px 0 0;
	}
	
/*介護予防事業（やってみるじゃん）*/
#movie_yattemiru{
	margin:20px 0 0 120px;
	}

#movie{
	margin:20px 0 20px 100px;
	}
	
/*各種資金貸付事業*/
#right #background .fond h5{
	margin-top:30px;
	}

.fond ul{
	border:3px solid #F90;
	padding:10px 20px;
	margin:10px 0 20px 0;
	background:#FEF3D1;
	width:560px;
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	border-radius: 8px;
	}
	
.fond span{
	font-size:100%;
	font-weight:bold;
	display:block;
	}

#each_button{
	margin:20px 0;
	}
	
/*団体支援事業*/
.group p{
	width:380px;
	float:left;
	margin-right:10px;
	}
	
/*共同募金*/
#use{
	border:3px solid #F90;
	padding:0 20px 10px 20px;
	margin:20px 0 50px 0;
	background:#FEF3D1;
	width:560px;
	-webkit-border-radius: 8px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 8px;	/* Firefox用 */
	border-radius: 8px;
	}

#use ul{
	float:left;
	width:390px;
	margin-right:10px;
	}

#use img{
	float:right;
	padding:0 0 15px 15px;
	display:block;
	}

#happy{
	margin-top:40px;
	}

#happy table{
	margin:20px 0;
	float:left;
	width:400px;
	margin-right:10px;
	}

#happy img{
	margin-top:20px;
	}

#happy td{
	border:1px solid #999;
	padding:5px 10px;
	}

.qr{
	margin-bottom: 30px;
}
#bokin table{
	width:600px;
	margin:0 0 30px 0;
	}

#bokin .mb20 td{
	padding-bottom: 20px;
}
	
#bokin td{
	text-align:center;
	padding-top:5px;
	}


#bokin td .p70{
	max-width: 250px;
	text-align: left;
	padding-left: 30px;
	box-sizing: border-box;
	font-size: 100%;
}


#kyobo{
	padding:5px 20px 20px 20px;
	margin:40px 0 0 0;
	}

#kyobo img{
	display:block;
	float:left;
	margin-right:30px;
	}
	
#kyobo .margin_right_none{
	margin-right:0;
	}
	
#bokin #bokinyosu{
	margin-left:20px;
	}	


.senior_volunteer p{
	float:left;
	width:320px;
	margin:10px 20px 0 0;
	}

.senior_volunteer_oshirase{
	clear:both;
	margin:20px 10px 30px;
}



p.koukennin {
	float:left;
	width:360px;
	margin:10px 20px 0 0;
	}


@media screen and (max-width: 480px) {
/*地域づくり活動支援*/
#salon{
	margin-bottom: 40px;
}
#salon p{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom: 20px;
	}
	
#fureai p{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom: 20px;
	}

.p_big{
	font-size:120%;
	margin-bottom:5px;
	}

.yoitoko{
	border-bottom:1px dotted #ccc;
	padding-bottom:20px;
	margin-bottom: 30px;
	}

.yoitoko img{
	width:auto;
	float:none;
	margin-right:0;
	margin-bottom: 20px;
	}
/*ボランティア活動推進*/
#volunteer_toha p{
	width:100%;
	float:none;
	margin-right:0;
	margin-bottom: 20px;
	}
	#volunteer_toha img{
		margin: 0 auto -10px;
		display: block;
	}
#volunteer_toha span{
	display:block;
	text-align:center;
	padding:5px 0;
	}

#volun_4key{
	margin:20px 0 10px 0;
	}

.key{
	margin-bottom:20px;
	}

.key img{
	float:none;
	}

.key p{
	float:none;
	width:100%;
	}

#need_volun{
	float:none;
	width:100%;
	margin-right:0;
	margin-bottom: 20px;
	}

#need_volun .a{
	padding:10px;
	width:100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	}

.senior_volunteer p{
	float:none;
	width:100%;
	margin:10px 0 0;
	}

.senior_volunteer_oshirase{
	clear:both;
	margin:20px 10px 30px;
}	


	#need_volun_right img{
		margin: 0 auto 10px;
		display: block;
	}
	
/*福祉教育*/
.fukushi{
  float:none;
  margin-right:10px;
  }
  
.fukushi_image_left{
  margin:20px 10px 0 0;
  display:block;
  float:none;
  }
  
.fukushi_image{
  margin-top:20px;
  }
  
/*各種相談*/
.sodan p{
  float:none;
  width:100%;
  margin:10px 0 0;
  }
	.sodan img{
		display: block;
		margin: 0 auto;
	}
/*介護予防事業（やってみるじゃん）*/
#movie_yattemiru{
  margin:20px 0 0;
  }

#movie{
  margin:20px 0;
  }
  #movie{
     position: relative;
     padding-bottom: 75%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
#movie iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
#yattemirujan{
	margin-bottom: 30px;
}
/*各種資金貸付事業*/
#right #background .fond h5{
  margin-top:30px;
  }

.fond ul{
  border:3px solid #F90;
  padding:10px 20px;
  margin:10px 0 20px 0;
  background:#FEF3D1;
  width:100%;
  -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;  /* Firefox用 */
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }
  
.fond span{
  font-size:100%;
  font-weight:bold;
  display:block;
  }

#each_button{
  margin:20px 0;
	text-align: center;
  }
#each_button a{
	margin-bottom: 10px;
	display: block;
	text-align: center;
	}
/*団体支援事業*/
.group p{
  width:100%;
  float:none;
  margin-right:0;
  }
.group img{
	display: block;
	margin:18px auto;
	}
/*共同募金*/
#use{
  border:3px solid #F90;
  padding:0 20px 10px 20px;
  margin:20px 0 50px 0;
  background:#FEF3D1;
  width:100%;
  -webkit-border-radius: 8px; /* Safari,Google Chrome用 */
  -moz-border-radius: 8px;  /* Firefox用 */
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  }

#use ul{
  float:none;
  width:100%;
  margin-right:0;
  }

#use img{
  float:right;
  padding:0 0 15px 0;
  display:block;
  }

#happy{
  margin-top:40px;
  }

#happy table{
  margin:20px 0;
  float:none;
  width:100%;
  margin-right:0;
  }

#happy img{
  margin-top:20px;
  }

#happy td{
  border:1px solid #999;
  padding:5px 10px;
  }
  
#bokin table{
  width:100%;
  margin:0 0 20px;
  }
  
#bokin td{
  text-align:left;
  padding:5px;
vertical-align: top;
width: 50%;
  }
#bokin td br{
	display: none;
	}
#kyobo{
  padding:5px 0 20px;
  margin:40px 0 0 0;
	text-align: center;
  }

#kyobo img{
  display:inline-block;
  float:none;
  margin-right:0;
  }
  
#kyobo .margin_right_none{
  margin-right:0;
  }
  
#bokin #bokinyosu{
  margin-left:0;
  } 



.senior_volunteer p{
  float:none;
  width:100%;
  margin:10px 0 0;
  }

.senior_volunteer_oshirase{
  clear:both;
  margin:20px 10px 30px;
}



p.koukennin {
  float:none;
  width:100%;
  margin:10px 0 0;
  }	
}


.koken_h2{
	background: #f5bcd5;
	padding: 8px;
	margin-bottom: 24px;
	border-radius: 16px;
	color: #603813;
}
.koken_h2 span{
	border-bottom: dashed 3px #FFF;
	display: block;
	padding: 3px 8px;
}
.koken_h3{
	background: #faecb2;
	padding: 8px 16px;
	color: #603813;
	margin-bottom: 16px;
}

.wrap_koken .copy1{
	text-align: center;
	color: #eb7aab;
	margin-bottom: 32px;
}
.wrap_koken p{
	margin-bottom: 40px;
}
.wrap_koken .imgc{
	text-align: center;
}
.wrap_koken .col2{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;
}
.wrap_koken .col2 p{
	width: 48%;
}
.wrap_koken .col2 .cnt{
	width: 48%;
}
.wrap_koken .col2 .cnt p{	
	width: auto;
}
.wrap_koken .col2 .cnt .pdf{	
	justify-content: flex-start;
}

.wrap_koken .col2 .img{
	text-align: center;
}
.wrap_koken .pdf{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	margin-top: -16px;
}
.wrap_koken .pdf.jcfs{
	justify-content: flex-start;
}
.wrap_koken .pdf.jcfs a{
	justify-content: flex-start;
}
.wrap_koken .koken_faq{
	margin-top: 32px;
}
.wrap_koken .koken_faq .pdf{
	justify-content: flex-start;
}
.wrap_koken .koken_faq .pdf a{
	justify-content: flex-start;
}
.wrap_koken .pdf a{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: flex-end;
	-ms-align-items: center;
	align-items: center;
}
.wrap_koken .pdf a img{
	margin-left: 8px;
}
.wrap_koken .tel{
	border: 6px solid #f09bc0;
	background: none;
}

@media screen and (max-width: 480px) {
	.wrap_koken .col2{
		display: block;
		margin-bottom: 32px;
	}
	.wrap_koken .col2 p{
		width: 100%;
		margin-bottom: 24px;
	}
	.wrap_koken .col2 .cnt{
	width: 100%;
}
}