@import url(https://fonts.googleapis.com/earlyaccess/mplus1p.css);

html{
	font-size: 62.5%;
}
body{
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Roboto, "Noto Sans Japanese", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, Helvetica, Verdana, sans-serif;
	font-size: 1.6rem;
	color: #333;
}

	body#walfare,
	body#parenting,
	body#education,
	body#health,
	body#culture{
		background: #f9fdff;
	}


a{
	color: #0033bb;
	transition: all 0.5s;
}
a:hover, a:focus, a:active{
	color: #ff1d83;
	opacity: 0.84;
	transition: all 0.5s;
}
a:hover li, a:active li, a:focus li{
	opacity: 0.84;
	transition: all 0.5s;
	text-decoration: none;
}
a:hover img, a:active img, a:focus img{
	opacity: 0.84;
	transition: all 0.5s;
}

img{
	max-width: 100%;
	vertical-align: top;
}
strong{
	font-weight: bold;
}
ul, ol, li{
	margin: 0;
	list-style: none;
	padding: 0;
}

.sat{ color: #0062d7; }
.sun{ color: #e41750; }

.FontSmaller{ font-size: 1.4rem; }
.FontSmallest{ font-size: 1.2rem; }
.FontLarger01{ font-size: 1.8rem; }
.FontLargest{ font-size: 2.0rem; }

.SentenceBlock{ display: block; }
.SentenceCenter{ text-align: center; }

.SentenceMarginB5{ margin-bottom: 5px; }
.SentenceMarginB10{ margin-bottom: 10px; }
.SentenceMarginB15{ margin-bottom: 15px; }
.SentenceMarginB20{ margin-bottom: 20px; }

.FColor-red{ color: #E52341; }
.FColor-orange{ color: #fa5d00; }
.FColor-green{ color: #029c19; }
.FColor-blue{ color: #0252be; }
.FWeight-bold{ font-weight: bold; }

.FLarger01{ font-size: 124%; }
.FLarger02{ font-size: 136%; }


/* アクセス */
.map:before{
	content:"\f278";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding: 0 4px 3px 0;
}
/* 電車 */
.train:before{
	content:"\f239";
	font-family: 'FontAwesome';
	vertical-align: middle;
	display: inline-block;
	padding: 0 5px 3px 0;
}

/* animate */
.fade,
.fade2{ opacity: 0; }

@-webkit-keyframes fadeIn{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
@keyframes fadeIn{
	0%{ opacity: 0; }
	100%{ opacity: 1; }
}
.fadeIn{
	opacity: 1;
	-webkit-animation: fadeIn 1.4s ease 0s normal;
	animation: fadeIn 1.4s ease 0s normal;
}
.fadeIn2{
	opacity: 1;
	-webkit-animation: fadeIn 2.2s ease 0s normal;
	animation: fadeIn 2.2s ease 0s normal;
}


@-webkit-keyframes fadeInUp{
	0%{
		opacity: 0;
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
	}
}
@keyframes fadeInUp{
	0%{
		opacity:0;
		-webkit-transform: translateY(50px);
		transform: translateY(50px);
	}
	100%{
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
.fadeInUp{
	opacity: 1;
	-webkit-animation: fadeInUp 1s ease both;
	animation: fadeInUp 1s ease both;
}



/* Twitter Facebook LINE ver */
div#SocialBtn2{
	max-width: 94%;
	margin: 0px auto 40px;
	padding: 0px;
	overflow: hidden;
}
div#SocialBtn2 ul{
	text-align: center;
	overflow: hidden;
}
div#SocialBtn2 li{
	width: 31.3%;
	margin: 4px 1% 0px;
	padding: 0px;
	float: left !important;
	line-height: 1;
}
div#SocialBtn2 li img{
	border-radius: 50%;
	max-width: 56%;
}
/* ----- PC ----- */
@media screen and (min-width: 960px){
	div#SocialBtn2{
		max-width: 600px;
		margin: 0 auto 32px;;
		padding: 0px;
	}
	div#SocialBtn2 ul{}
	div#SocialBtn2 li{}
	div#SocialBtn2 li img{}
}




#wrapper{}

#ctv_width{
	margin: 0 auto;
	padding: 0 0 48px;
}
#ctv_width2{
	margin: 0 auto;
	padding: 0;
}

header{}
footer{
	margin: 0 auto;
	padding: 0;
}

header a *,
header a:hover *,
#ctv_tab a *,
#ctv_tab a:hover *{
	transition: none;
}


/* Top */
#m_header{
	overflow: hidden;
	margin: 0 0 48px;
}
	#m_header h1{
		text-align: center;
	}
	#m_header h1 img{}
	#m_header h2{
		text-align: center;
	}
	#m_header h2 img{}

#whatsnew{
	margin: 0 0 40px;
	text-align: center;
}
	#whatsnew p{
		/* font-family: "Rounded Mplus 1c"; */
		font-size: 1.4rem;
		color: #0674dd;
		display: inline-block;
		text-align: center;
		border-bottom: 4px solid #c3e3ff;
		padding: 0 4px 4px;
		margin: 0 0 16px 0;
	}
	#whatsnew ul{
		width: 88%;
		margin: 0px auto;
		text-align: left;
	}
	#whatsnew ul li{
		padding-bottom: 20px;
		color: #606060;
	}
	#whatsnew ul li span.date{
		color: #FFF;
		font-size: 1.4rem;
	}
	#whatsnew ul li a{}
		.po_cat{
			font-size: 1.4rem;
			display: inline-block;
			padding: 2px 8px 3px;
			margin: 0 8px 0 4px;
			border-radius: 12px;
			color: #505050;
			text-align: center;
			width: 60px;
			box-shadow: 0 0px 1px rgba(255,255,255,1);
		}
		.po_welfare{
			background: #fff55a;
		}
		.po_parenting{
			background: #ffa593;
		}
		.po_education{
			background: #ff9fd5;
		}
		.po_health{
			background: #7eff87;
		}
		.po_culture{
			background: #7fd3f7;
		}

ul#main_cont{
	width: 99%;
	margin: 0 auto;
	overflow: hidden;
}
	ul#main_cont li{
		float: left;
		width: 50%;
		text-align: center;
		margin: 0 0 8px;
	}
	ul#main_cont li:nth-child(5){
		width: 98%;
		text-align: center;
		margin: 0 auto 24px;
	}
	ul#main_cont li:nth-child(5) img{
		width: 50%;
	}
	ul#main_cont li a{
		display: block;
	}
	ul#main_cont li a img{}



/* Sub */
#s_header{
	overflow: hidden;
	margin: 0 0 24px;
	background: #40ccff;
}
	body.fix-ed div#header_pc{
		position: fixed;
		top: 0;
		width: 100%;
		z-index: 100;
	}


	#s_header h1{}
		#s_header h1 img{}

	#s_nav{
		width: 100%;
		background: #dff3ff;
		overflow-x: auto;
		overflow-y: hidden;
	}
	#s_nav ul{
		margin: 0 auto 2px;
		padding: 4px 0 2px;
		list-style: none;
		display: flex;
	}
	#s_nav ul a{
		text-align: center;
		border-right: 1px solid #A0E0F3;

		min-width: 19.8%;
	}
	#s_nav ul a:last-child{
		border-right: none;
	}

	#s_nav ul a,
	#s_nav ul a:link,
	#s_nav ul a:visited{
		display: inline-block;

		line-height: 1.8;
		text-decoration: none;
	}
	#s_nav ul a:hover,
	#s_nav ul a:active{
	}

	#s_nav ul a:nth-child(1)::after,
	#s_nav ul a:nth-child(2)::after,
	#s_nav ul a:nth-child(3)::after,
	#s_nav ul a.current03::after,
	#s_nav ul a:nth-child(4)::after,
	#s_nav ul a:nth-child(5)::after{
		bottom: 0;
		content: "";
		display: block;
		width: 100%;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		width: 0;
	}
	#walfare #s_nav ul a:nth-child(1)::after{
		border-bottom: 4px solid #fff55a;
		box-shadow: 0 1px 2px -2px rgba(0,0,0,0.7);
		width: 100%;
	}
	#parenting #s_nav ul a:nth-child(2)::after{
		border-bottom: 4px solid #ffa593;
		box-shadow: 0 1px 2px -2px rgba(0,0,0,0.7);
		width: 100%;
	}
	#education #s_nav ul a:nth-child(3)::after,
	#s_nav ul a.current03::after{
		border-bottom: 4px solid #ff9fd5;
		box-shadow: 0 1px 2px -2px rgba(0,0,0,0.7);
		width: 100%;
	}
	#health #s_nav ul a:nth-child(4)::after{
		border-bottom: 4px solid #63f96e;
		box-shadow: 0 1px 2px -2px rgba(0,0,0,0.7);
		width: 100%;
	}
	#culture #s_nav ul a:nth-child(5)::after{
		border-bottom: 4px solid #A8E8ff;
		box-shadow: 0 1px 2px -2px rgba(0,0,0,0.7);
		width: 100%;
	}

	#s_nav ul a:nth-child(1)::after{
		border-bottom: 4px solid #fff55a;
	}
	#s_nav ul a:nth-child(2)::after{
		border-bottom: 4px solid #ffa593;
	}
	#s_nav ul a:nth-child(3)::after,
	#s_nav ul a.current03::after{
		border-bottom: 4px solid #ff9fd5;
	}
	#s_nav ul a:nth-child(4)::after{
		border-bottom: 4px solid #63f96e;
	}
	#s_nav ul a:nth-child(5)::after{
		border-bottom: 4px solid #A8E8ff;
	}

	#s_nav ul a:hover::after{
	  width: 100%;
	}




	/* #s_nav ul li.current a{
		border-bottom: 4px solid;
	}
		#s_nav ul li:nth-child(1).current a{
			border-color: #fff55a;
		}
		#s_nav ul li:nth-child(2).current a{
			border-color: #ffa593;
		}
		#s_nav ul li:nth-child(3).current a{
			border-color: #ff9fd5;
		}
		#s_nav ul li:nth-child(4).current a{
			border-color: #63f96e;
		}
		#s_nav ul li:nth-child(5).current a{
			border-color: #86d9ff;
		} */

	/* #s_nav::-webkit-scrollbar{
	  height: 2px;
	}
	#s_nav::-webkit-scrollbar-track{
		margin: 0 2px;
		background: #ccc;
		border-radius: 5px;
	}
	#s_nav::-webkit-scrollbar-thumb{
		background: #74b5f9;
		border-radius: 4px;
	} */


h2#cap{
	text-align: center;
	font-weight: bold;
	text-shadow: 0 0px 0.5px rgba(100,100,100,0.5);
}
h2#cap::before{
	content: "";
}
h2#cap::after{
	content: "";
}
	h2.c_walfare{
		color: #ffba00;
	}
	h2.c_parenting{
		color: #ff6d42;
	}
	h2.c_education{
		color: #ff9fd5;
	}
	h2.c_health{
		color: #4ff25a;
	}
	h2.c_culture{
		color: #6dcefa;
	}

ul#sub_cont{
	width: 100%;
	margin: 0px auto 0;
	overflow: hidden;
}
	ul#sub_cont li{
		margin: 24px 0 0;
		clear: both;
		text-align: center;
	}
	ul#sub_cont li img{
		width: 50%;
		margin: 0 auto;
	}
	ul#sub_cont li .sub_cont_t{
		/* text-align: left; */
		margin: 4px 0 0;
	}
	ul#sub_cont li .sub_cont_t h3{
		color: #464646;
		padding: 0 4px;
		font-weight: bold;
		display: inline;
		text-shadow: 0 1px 1px rgba(255,255,255,0.8);

		background: linear-gradient(transparent 75%, rgba(200, 200, 200, 0.5) 75%);
	}
		#walfare ul#sub_cont a li .sub_cont_t h3{
			color: #fcbd19;
			background: linear-gradient(transparent 75%, rgba(255, 240, 90, 0.5) 75%);
		}
		#parenting ul#sub_cont a li .sub_cont_t h3{
			color: #ff6d42;
			background: linear-gradient(transparent 75%, rgba(255, 109, 66, 0.3) 75%);
		}
		#education ul#sub_cont a li .sub_cont_t h3{
			color: #ff90cf;
			background: linear-gradient(transparent 75%, rgba(255, 159, 213, 0.35) 75%);
		}
		#health ul#sub_cont a li .sub_cont_t h3{
			color: #40dd4b;
			background: linear-gradient(transparent 75%, rgba(73, 232, 84, 0.3) 75%);
		}
		#culture ul#sub_cont a li .sub_cont_t h3{
			color: #53beee;
			background: linear-gradient(transparent 75%, rgba(83, 190, 238, 0.3) 75%);
		}


	ul#sub_cont a li .sub_cont_t h3:before{
		content:"\f138";
		font-family: 'FontAwesome';
		vertical-align: middle;
		display: inline-block;
	}
	ul#sub_cont a li .sub_cont_t h3.outl:after{
		content:"\f08e";
		font-family: 'FontAwesome';
		vertical-align: middle;
		display: inline-block;
	}
	ul#sub_cont li .sub_cont_t p{
		color: #555;
		text-align: left;
	}

	.s_btn{
		display: block;
		font-size: 1.4rem;
		text-align: center;
		margin: 4px 24px 20px !important;
		padding: 0;
	}
	.s_btn a{
		color: #fff;
		/* font-weight: bold; */
		background-color: #0083e2;
		padding: 6px 16px;
		line-height: 1.4;
		display: inline-block;
		border-radius: 24px;
		box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	}
	.s_btn a:hover,
	.s_btn a:focus,
	.s_btn a:active{
		background-color: #ff1d83;
		box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
		text-decoration: none;
	}
		.s_btn a::before{
			content:"\f138";
			font-family: 'FontAwesome';
			vertical-align: middle;
			display: inline-block;
			padding: 0 4px 3px 0;
		}


/* ススメ */
#sp-susume{
	width: 100%;
	text-align: center;
	background: #FFF url(../img/susume-bg.jpg) no-repeat center top;
	height: 368px;
}
	#sp-susume img{
		width: 320px;
		padding: 108px 0 0;
	}

.pb-10{
	padding-bottom: 10px !important;
}









/* Report */
.r-read{
	margin: 1% 4% 3% 4%;
	padding: 2%;
	background: #FCFCFC;
	text-align: center;
	border-radius: 10px;
	font-size: 2rem;
	font-weight: bold;
	overflow: hidden;
}
.r-main{
	background: #FCFCFC;
	margin: 4% 4% 8% 4%;
	border: 1px solid #0cc514;
}
	.r-ov{
		padding: 0 0% 2%;
		text-align: center;
		overflow: hidden;
		border-bottom: 1px dotted #A9A9A9;
	}
		.r-ov h2{
			display: block;
			background-color: #0cc514;
			border-radius: 0px;
			color: #fff;
			font-weight: bold;
			/* font-size: 2rem;
			line-height: 2.4; */
			padding: 4px 16px;
			margin: 0 0 16px;
			text-shadow: 1px 1px 2px #555;
		}
		.r-ov p{
		}

	.r-cont{
		padding: 4% 2% 2%;
		text-align: center;
		border-radius: 10px;
		overflow: hidden;
	}
		.r-cont p{
			width: 90%;
			margin: 0 auto;
			text-align: left;
		}
		.r-cont img{
			margin: 24px auto;
		}










/*
table.DateList th{
	padding: 2%;
	font-weight: normal;
	letter-spacing: 0.2rem;
	font-size: 1.6rem;
	text-align: center;
	background-color: #ffdef0;
	border: 1px solid #ccc;
	width: 20%;
}
table.DateList td{
	font-size: 1.6rem;
	line-height: 1.8;
	padding: 2% 2% 2% 2%;
	border: 1px solid #ccc;
}
*/
table.DateList{
	width: 92%;
	margin: 0 auto 40px;
	border-collapse: collapse;
}
table.DateList th,
table.DateList td{
	padding: 10px;
	border: 1px solid #d0d0d0;
	background: #FFF;
	vertical-align: baseline;
}
table.DateList th{
	width: 20%;
	text-align: left;
	letter-spacing: 0.2rem;
	font-size: 1.6rem;
	text-align: center;
	background-color: #ffdef0;
}
table.DateList td{
	font-size: 1.6rem;
	line-height: 1.8;
}



ul.ListStyle01{
	list-style: none;
	margin: 0 0 20px;
	padding: 0;
	text-align: left;
}
ul.ListStyle01 li{
	margin-bottom: 8px;
}
ul.ListStyle01 li:last-child{
	margin-bottom: 0;
}


.Btn01{
	display: block;
	font-size: 2rem;
	text-align: center;
	margin: 0 auto 2em;
	padding: 0;
}
.Btn01 a{
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background-color: #0044db;
	text-decoration: none;
	width: 80%;
	margin: auto;
	padding: 1.6rem 0.2rem;
	display: block;
	border-radius: 12px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	transition: all 0.5s;
}
.Btn01 a:hover, .Btn01 a:focus, .Btn01 a:active{
	background-color: #db0076;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	text-decoration: none;
}

.Btn01End{
	display: block;
	font-size: 2rem;
	text-align: center;
	margin: 0 auto 2em;
	padding: 0;
}
.Btn01End{
	color: #f0f0f0;
	font-weight: bold;
	font-style: normal;
	background-color: #cccccc;
	text-decoration: none;
	width: 80%;
	margin: auto;
	padding: 1.6rem 0.2rem;
	display: block;
	border-radius: 12px;
	/* box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	transition: all 0.5s; */
}


.Btn02{
	display: block;
	font-size: 1.64rem;
	text-align: center;
	margin: 0 auto 1.6em;
	padding: 0;
}
.Btn02 a{
	color: #fff;
	font-weight: bold;
	font-style: normal;
	background-color: #0044db;
	text-decoration: none;
	width: 80%;
	margin: auto;
	padding: 1.2rem 0.2rem;
	display: block;
	border-radius: 12px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.3);
	transition: all 0.5s;
}
.Btn02 a:hover,
.Btn02 a:focus,
.Btn02 a:active{
	background-color: #db0076;
	box-shadow: 0 0 1px 0 rgba(0,0,0,0.3);
	text-decoration: none;
}


/*
#go_index{
	width: 90%;
	display: block;
	font-size: 1.4rem;
	text-align: center;
	margin: 0 auto 1.8rem;
	padding: 0;
}
#go_index a{
	color: #444;
	background-color: #ddd;
	text-decoration: none;
	width: 97%;
	margin: 0 auto;
	padding: 5px 0;
	display: block;
	border-radius: 50px;
	box-shadow: 0 0 3px 0 rgba(0,0,0,0.5);
}
#go_index a:hover{
	color: white;
	background-color: #ff8000;
	text-decoration: none;
}
#go_index a:before{
    font-family: 'FontAwesome';
    content: " \f138";
    line-height: 1;
    padding-right: 0.5em;
}
 */
















/* スマホ */
@media screen and (max-width : 640px){
	body{
		background: #40ccff url(../img/bg-sp.jpg) no-repeat center bottom;
		background-size: contain;
	}

	.pc{ display: none; }
	.sp{}

	#ctv_width,
	#ctv_width2{
		background-color: rgba(255,255,255,0);
		width: 100%;
	}

	/* Top */
	#m_header{
		overflow: hidden;
		margin: 0 0 32px;
	}
		#m_header h1{
			margin: 12px 0 20px;
		}
		#m_header h1 img{
			width: 64%;
		}
		#m_header h2{
		}
		#m_header h2 img{
			width: 92%;
		}

	#whatsnew{
		margin: 0 0 24px;
	}
		#whatsnew p{
			font-size: 1.4rem;
			padding: 0 4px 4px;
			margin: 0 0 16px 0;
		}
		#whatsnew ul{
			width: 88%;
			margin: 0px auto;
		}
		#whatsnew ul li{
			padding-bottom: 12px;
			font-size: 1.4rem;
		}
		#whatsnew ul li span.date{
			font-size: 1.2rem;
		}
		#whatsnew ul li a{
			font-size: 1.4rem;
		}
			.po_cat{
				font-size: 1.2rem;
				padding: 2px 8px 3px;
				margin: 0 8px 0 4px;
			}
			.po_welfare{}
			.po_parenting{}
			.po_education{}
			.po_health{}
			.po_culture{}

	ul#main_cont{
		width: 99%;
		margin: 0 auto;
	}
		ul#main_cont li{
			width: 50%;
			margin: 0 0 8px;
		}
		ul#main_cont li:nth-child(5){
			width: 98%;
			margin: 0 auto 24px;
		}
		ul#main_cont li:nth-child(5) img{
			width: 50%;
		}
		ul#main_cont li a{}
		ul#main_cont li a img{}



	/* Sub */
	#s_header{
		margin: 0 0 16px;
	}
		body.fix-ed div#s_nav{
			border-bottom: solid 1px #E9E9E9;
		}
		/* 高さ調整 */
		body.fix-ed #ctv_width{
			margin-top: 118px;
		}


		#s_header h1{
			background: #40ccff url(../img/s_header-sp.png) no-repeat left bottom;
			background-size: cover;
			/* text-align: center; */
			border-bottom: 1px solid #72bfe8;
		}
			#s_header h1 img{
				display: block;
				width: 50%;
				margin: 0 auto;
				padding: 8px 0;
			}

		#s_nav{
			width: 100%;
			font-size: 1.36rem;
			overflow-x: auto;
			overflow-y: hidden;
		}
		#s_nav ul{
			margin: 0 auto 0px;
			padding: 4px 0 2px;
			display: flex;
		}
		#s_nav ul a{
			text-align: center;
			border-right: 1px solid #A0E0F3;

			min-width: 19.74%;
		}
		#s_nav ul a:last-child{
			border-right: none;
		}

		#s_nav ul a,
		#s_nav ul a:link,
		#s_nav ul a:visited{
			display: inline-block;

			line-height: 1.8;
			text-decoration: none;
		}
		#s_nav ul a:hover,
		#s_nav ul a:active{
		}

		#walfare #s_nav ul a:nth-child(1){
			/* border-bottom: 4px solid #fff55a; */
		}
		#parenting #s_nav ul a:nth-child(2){
			/* border-bottom: 4px solid #ffa593; */
		}
		#education #s_nav ul a:nth-child(3){
			/* border-bottom: 4px solid #ff9fd5; */
		}
		#health #s_nav ul a:nth-child(4){
			/* border-bottom: 4px solid #63f96e; */
		}
		#culture #s_nav ul a:nth-child(5){
			/* border-bottom: 4px solid #86d9ff; */
		}

	h2#cap{
		font-size: 2.6rem;
	}
	h2#cap::before{
		content: "";
		display: inline-block;
		width: 86px;
		height: 11px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		vertical-align: middle;
		margin: 0 16px 5px 0;
	}
	h2#cap::after{
		content: "";
		display: inline-block;
		width: 86px;
		height: 11px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		vertical-align: middle;
		margin: 0 0 5px 16px;
	}
		h2.c_walfare::before{
			background-image: url(../img/dot01_l-sp.png);
		}
		h2.c_walfare::after{
			background-image: url(../img/dot01_r-sp.png);
		}
		h2.c_parenting::before{
			background-image: url(../img/dot02_l-sp.png);
		}
		h2.c_parenting::after{
			background-image: url(../img/dot02_r-sp.png);
		}
		h2.c_education::before{
			background-image: url(../img/dot03_l-sp.png);
		}
		h2.c_education::after{
			background-image: url(../img/dot03_r-sp.png);
		}
		h2.c_health::before{
			background-image: url(../img/dot04_l-sp.png);
		}
		h2.c_health::after{
			background-image: url(../img/dot04_r-sp.png);
		}
		h2.c_culture::before{
			background-image: url(../img/dot05_l-sp.png);
		}
		h2.c_culture::after{
			background-image: url(../img/dot05_r-sp.png);
		}

	ul#sub_cont{
		margin: 0px auto 0;
	}
		ul#sub_cont li{
			margin: 24px 0 0;
			clear: both;
			text-align: center;
			overflow: hidden;
		}
		ul#sub_cont li img{
			width: 50%;
			margin: 0 auto;
		}
		ul#sub_cont li .sub_cont_t{
			/* text-align: left; */
			margin: 4px 0 32px;
		}
		ul#sub_cont li .sub_cont_t h3{
			font-size: 1.8rem;
			line-height: 1.52;
			display: inline;
		}
			#walfare ul#sub_cont a li .sub_cont_t h3{
			}
			#parenting ul#sub_cont a li .sub_cont_t h3{
			}
			#education ul#sub_cont a li .sub_cont_t h3{
			}
			#health ul#sub_cont a li .sub_cont_t h3{
			}
			#culture ul#sub_cont a li .sub_cont_t h3{
			}

		ul#sub_cont a li .sub_cont_t h3:before{
			padding: 0 4px 0px 0;
		}
		ul#sub_cont a li .sub_cont_t h3.outl:after{
			padding: 1px 0 0 4px;
		}
		ul#sub_cont li .sub_cont_t p{
			margin: 8px 16px;
			font-size: 1.4rem;
			line-height: 1.6;
		}


	.s_btn{
	}
	.s_btn a{
		min-width: 88%;
	}







	/* table.DateList {
		margin: 0 auto 24px;
		border-collapse: collapse;
		border-top: 1px solid #000;
	}
	table.DateList th{
	}
	table.DateList td{
	}
		table.DateList th,
		table.DateList td{
			display: block;
			width: 100%;
			border-top: none;
		} */
	table.DateList{
		width: 100%;
		margin: 0 auto 24px;
	}
    table.DateList th,
    table.DateList td{
		width: 88%;
        display: block;
		border-top: none;
		padding: 2%;
		margin-left: 4%;
    }
    table.DateList td{
		background: #FFF;
	}
	table.DateList tr:first-child th{
		border-top: 1px solid #ddd;
	}


	ul.ListStyle01{
	}
	ul.ListStyle01 li{
	}
	ul.ListStyle01 li:last-child{
	}

	.Btn01,
	.Btn01End{
		width: 80%;
	}

	.Btn02{
		width: 80%;
	}

}










/* タブレット */
@media screen and (min-width : 641px){
	.pc{ display: none; }
	.sp{}

	body{
		background: #40ccff url(../img/bg-sp.jpg) no-repeat center bottom;
		background-size: contain;
	}

	#ctv_width,
	#ctv_width2{
		background-color: rgba(255,255,255,0);
		/*width: 640px;*/
	}

	/* Top */
	#m_header{
		overflow: hidden;
		margin: 0 0 48px;
	}
		#m_header h1{
			margin: 20px 0 32px;
		}
		#m_header h1 img{
			width: 55%;
		}
		#m_header h2{
		}
		#m_header h2 img{
			width: 84%;
		}

	#whatsnew{
		margin: 0 auto 48px;
		text-align: center;
		width: 92%;
		padding: 8px 12px 8px 16px;
		background: rgba(255,255,255,.22);
		border-radius: 16px;
	}
		#whatsnew p{
			font-size: 1.8rem;
			padding: 0 4px 4px;
			margin: 0 0 16px 0;
		}
		#whatsnew ul{
			width: auto;
			margin: 0px auto;
			display: inline-block;
		}
		#whatsnew ul li{
			padding-bottom: 20px;
		}
		#whatsnew ul li span.date{
			color: #888;
			font-size: 1.4rem;
			/* text-shadow: 0px 1px 4px #999; */
		}
		#whatsnew ul li a{
			font-size: 1.6rem;
			line-height: 2;
		}
			.po_cat{
				font-size: 1.4rem;
				padding: 2px 8px 3px;
				margin: 0 8px 0 4px;
			}
			.po_welfare{}
			.po_parenting{}
			.po_education{}
			.po_health{}
			.po_culture{}

	ul#main_cont{
		width: 99%;
		margin: 0 auto;
	}
		ul#main_cont li{
			width: 33%;
			margin: 0 0 16px;
		}
		ul#main_cont li:nth-child(4),
		ul#main_cont li:nth-child(5){
			width: 50%;
			margin: 0 auto 8px;
		}
		ul#main_cont li:nth-child(4) img{
			float: right;
			margin: 0 2px 0;
		}
		ul#main_cont li:nth-child(5) img{
			float: left;
			margin: 0 2px 0;
		}
		ul#main_cont li:nth-child(4) img,
		ul#main_cont li:nth-child(5) img{
			width: 66%;
		}
		ul#main_cont li a{}
		ul#main_cont li a img{}



	/* Sub */
	#header_pc{
		width: 100%;
		max-height: 100px;
		background: #40ccff;
		margin: 0 0 0px;
		border-bottom: 2px solid #72bfe8;
	}
	#s_header{
		background: url(../img/s_header.png) no-repeat left bottom;
		max-width: 960px;
		max-height: 100px;
		margin: 0 auto 0px;
		position: relative;
	}
		body.fix-ed div#s_nav{
		}
		/* 高さ調整 */
		body.fix-ed #ctv_width{
			margin-top: 110px;
		}


		#s_header h1{
			/* text-align: center; */
		}
			#s_header h1 img{
				float: left;
				display: block;
				width: 24%;
				margin: 0 auto;
				padding: 12px 0 8px 4px;
			}

		#s_nav{
			position: absolute;
			bottom: 0;
			right: 0;
			background: transparent;
			float: right;
			width: 75%;
			font-size: 1.8rem;
			overflow-x: auto;
			overflow-y: hidden;
		}
		#s_nav ul{
			margin: 0 auto 2px;
			padding: 8px 0 4px;
			display: flex;
		}
		#s_nav ul li{
			display: inline-block;
			color: #FFF;
			text-shadow: 1px 1px 1px rgba(100,100,100,0.7);
		}

		#s_nav ul a{
			text-align: center;
			border-right: 1px solid #A0E0F3;

			min-width: 19.8%;
		}
		#s_nav ul a:last-child{
			border-right: none;
		}

		#s_nav ul a,
		#s_nav ul a:link,
		#s_nav ul a:visited{
			display: inline-block;
			color: #FFF;

			line-height: 1.8;
			text-decoration: none;
		}
		#s_nav ul a:hover,
		#s_nav ul a:active{
		}

		#walfare #s_nav ul a:nth-child(1){
			/* border-bottom: 4px solid #fff55a; */
		}
		#parenting #s_nav ul a:nth-child(2){
			/* border-bottom: 4px solid #ffa593; */
		}
		#education #s_nav ul a:nth-child(3){
			/* border-bottom: 4px solid #ff9fd5; */
		}
		#health #s_nav ul a:nth-child(4){
			/* border-bottom: 4px solid #63f96e; */
		}
		#culture #s_nav ul a:nth-child(5){
			/* border-bottom: 4px solid #86d9ff; */
		}

	h2#cap{
		font-size: 3.4rem;
		text-shadow: 0 0px 0.5px rgba(100,100,100,0.25);
		margin-top: 32px;
	}
	h2#cap::before{
		content: "";
		display: inline-block;
		width: 172px;
		height: 21px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		vertical-align: middle;
		margin: 0 24px 2px 0;
	}
	h2#cap::after{
		content: "";
		display: inline-block;
		width: 172px;
		height: 21px;
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		vertical-align: middle;
		margin: 0 0 2px 24px;
	}
		h2.c_walfare::before{
			background-image: url(../img/dot01_l-sp.png);
		}
		h2.c_walfare::after{
			background-image: url(../img/dot01_r-sp.png);
		}
		h2.c_parenting::before{
			background-image: url(../img/dot02_l-sp.png);
		}
		h2.c_parenting::after{
			background-image: url(../img/dot02_r-sp.png);
		}
		h2.c_education::before{
			background-image: url(../img/dot03_l-sp.png);
		}
		h2.c_education::after{
			background-image: url(../img/dot03_r-sp.png);
		}
		h2.c_health::before{
			background-image: url(../img/dot04_l-sp.png);
		}
		h2.c_health::after{
			background-image: url(../img/dot04_r-sp.png);
		}
		h2.c_culture::before{
			background-image: url(../img/dot05_l-sp.png);
		}
		h2.c_culture::after{
			background-image: url(../img/dot05_r-sp.png);
		}

	ul#sub_cont{
		margin: 48px auto 0;
		width: 92%;
	}
		ul#sub_cont li{
			display: block;
			overflow: hidden;
			margin: 0px 0 64px;
			padding: 4px 0 4px;
			clear: both;
			text-align: center;
			transition: all 0.75s;
		}

		#walfare ul#sub_cont a:hover li{
			background: rgba(255, 240, 90, 0.18);
			border-radius: 16px;
		}
		#parenting ul#sub_cont a:hover li{
			background: rgba(255, 109, 66, 0.088);
			border-radius: 16px;
		}
		#education ul#sub_cont a:hover li{
			background: rgba(255, 159, 213, 0.14);
			border-radius: 16px;
		}
		#health ul#sub_cont a:hover li{
			background: rgba(73, 232, 84, 0.075);
			border-radius: 16px;
		}
		#culture ul#sub_cont a:hover li{
			background: rgba(83, 190, 238, 0.1);
			border-radius: 16px;
		}


		ul#sub_cont li img{
			float: left;
			width: 24%;
			margin: 0;
			padding: 4px 0 4px 1%;
		}
		ul#sub_cont li .sub_cont_t{
			float: right;
			width: 74%;
			/* text-align: left; */
			margin: 4px 0 0 1%;
			text-align: left;
		}
		ul#sub_cont li .sub_cont_t h3{
			font-size: 2.0rem;
			line-height: 1.6;
			display: inline;
		}
			#walfare ul#sub_cont a li .sub_cont_t h3{
			}
			#parenting ul#sub_cont a li .sub_cont_t h3{
			}
			#education ul#sub_cont a li .sub_cont_t h3{
			}
			#health ul#sub_cont a li .sub_cont_t h3{
			}
			#culture ul#sub_cont a li .sub_cont_t h3{
			}

		ul#sub_cont a li .sub_cont_t h3:before{
			padding: 0 4px 0px 0;
		}
		ul#sub_cont a li .sub_cont_t h3.outl:after{
			padding: 0px 0 0 4px;
		}
		ul#sub_cont li .sub_cont_t p{
			margin: 8px 8px 8px 24px;
			font-size: 1.6rem;
			line-height: 1.64;
		}






	.Btn01,
	.Btn01End{
		width: 60%;
	}

	.Btn02{
		width: 60%;
	}

}













/* PC */
@media screen and (min-width : 960px){
	body{
		background-color: #6cc9f9;
		/* #40ccff */
		/* #40ccff */
		background-image:
			url("../img/bg.jpg"),
			url("../img/bg2.jpg");
		background-repeat:
			no-repeat,
			repeat-x;
		background-position:
			bottom left,
			bottom left;
		background-size:
			cover,
			cover;
	}
	.pc{ display: block; }
	.sp{ display: none; }

	#ctv_width{
		background-color: rgba(255,255,255,0);
		width: 960px;
		padding: 0 0 80px;
	}
	#ctv_width2{
		background-color: rgba(255,255,255,0);
		width: 960px;
		padding: 0;
	}

	footer div{
		background: #85daa7;
		padding: 2.4rem 0;
	}
		footer p{
			font-size: 1.4rem;
			text-align: center;
			color: #999;
		}
		footer a{
			color: #09612c !important;
			text-decoration: none;
		}
		footer a:hover, footer a:focus, footer a:active{
			/* color: #fff; */
			opacity: 0.9;
		}

	/* Top */
	#m_header{
		overflow: hidden;
		margin: 0 0 64px;
	}
		#m_header h1{
			margin: 32px auto 36px;
		}
		#m_header h1 img{
			width: auto;
		}
		#m_header h2{
		}
		#m_header h2 img{
			width: auto;
			margin: 0 auto;
		}

	#whatsnew{
		margin: 0 auto 48px;
		text-align: center;
		width: 92%;
	}
		#whatsnew p{
			font-size: 1.8rem;
			padding: 0 4px 4px;
			margin: 0 0 16px 0;
			border-bottom: 4px solid #c2f6ff;
		}
		#whatsnew ul{
			width: auto;
			margin: 0px auto;
			display: inline-block;
		}
		#whatsnew ul li{
			padding-bottom: 20px;
		}
		#whatsnew ul li span.date{
			color: #888;
			font-size: 1.46rem;
			/* text-shadow: 0px 1px 4px #646464; */
		}
		#whatsnew ul li a{
			font-size: 1.6rem;
			line-height: 1.6;
		}
			.po_cat{
				font-size: 1.4rem;
				padding: 2px 8px 3px;
				margin: 0 8px 0 4px;
				width: 64px;
			}
			.po_welfare{}
			.po_parenting{}
			.po_education{}
			.po_health{}
			.po_culture{}

	ul#main_cont{
		width: 99%;
		margin: 0 auto;
	}
		ul#main_cont li{
			width: 33%;
			margin: 0 0 16px;
		}
		ul#main_cont li:nth-child(4),
		ul#main_cont li:nth-child(5){
			width: 50%;
			margin: 0 auto 8px;
		}
		ul#main_cont li:nth-child(4) img{
			float: right;
			margin: 0 2px 0;
		}
		ul#main_cont li:nth-child(5) img{
			float: left;
			margin: 0 2px 0;
		}
		ul#main_cont li:nth-child(4) img,
		ul#main_cont li:nth-child(5) img{
			width: auto;
		}
		ul#main_cont li a,
		ul#main_cont li a img{
			transition: all 0.75s;
		}
		ul#main_cont li a:hover,
		ul#main_cont li a:hover img{
			transition: all 0.5s;
		}



	/* Sub */
	#header_pc{
		width: 100%;
		height: 120px;
		background: #40ccff;
		margin: 0 0 0px;
		border-bottom: 2px solid #72bfe8;
	}
	#s_header{
		background: url(../img/s_header.png) no-repeat left bottom;
		max-width: 960px;
		height: 120px;
		margin: 0 auto 0px;
		position: relative;
	}
		body.fix-ed div#s_nav{
		}
		/* 高さ調整 */
		body.fix-ed #ctv_width{
			margin-top: 132px;
		}


		#s_header h1{
			/* text-align: center; */
		}
			#s_header h1 img{
				float: left;
				display: block;
				width: 24%;
				margin: 0 auto;
				padding: 12px 0 8px 4px;
			}

		#s_nav{
			font-size: 2.0rem;
		}
		#s_nav ul{
		}
		#s_nav ul li{
			display: inline-block;
			color: #FFF;
			letter-spacing: 0.08rem;
		}
		#s_nav ul a{
		}

		#s_nav ul a,
		#s_nav ul a:link,
		#s_nav ul a:visited{
			display: inline-block;
			color: #FFF;

			line-height: 1.8;
			text-decoration: none;
		}

		#s_nav ul a::before{
			content: "●";
			padding: 0 3px 1px 0;
			/* font-size: 1.46rem; */
			display: inline-block;
		}
		#s_nav ul a:nth-child(1)::before{ color: #fff55a; }
		#s_nav ul a:nth-child(2)::before{ color: #ffa593; }
		#s_nav ul a:nth-child(3)::before{ color: #ff9fd5; }
		#s_nav ul a:nth-child(4)::before{ color: #63f96e; }
		#s_nav ul a:nth-child(5)::before{ color: #A8E8ff; }
		/* #29bcff */

		#walfare #s_nav ul a:nth-child(1) a::before{
			/* border-bottom: 4px solid #fff55a; */
		}
		#parenting #s_nav ul a:nth-child(2) a::before{
			/* border-bottom: 4px solid #ffa593; */
		}
		#education #s_nav ul a:nth-child(3) a::before{
			/* border-bottom: 4px solid #ff9fd5; */
		}
		#health #s_nav ul a:nth-child(4) a::before{
			/* border-bottom: 4px solid #63f96e; */
		}
		#culture #s_nav ul a:nth-child(5) a::before{
			/* border-bottom: 4px solid #86d9ff; */
		}










	ul.ListStyle01{
	}
	ul.ListStyle01 li{
	}
	ul.ListStyle01 li:last-child{
	}

	.Btn01,
	.Btn01End{
		width: 50%;
	}

	.Btn02{
		width: 35%;
	}



	/* Page Top
	=================================== */
	#page-top{
		display: block;
		position: fixed;
		z-index: 9999;
		bottom: 10px;
		right: 10px;
		width: 30px;
		padding: 10px 5px;
		background: rgba(255,255,255,.7);
		border-radius: 80%;
		border: 2px solid #ff66b9;
		color: #ff66b9;
		font-size: 1.2rem;
		text-align: center;
		text-decoration: none;
		cursor: pointer;
		behavior: url(PIE.htc);
	}
	#page-top a{
		/* font-family: "Rounded Mplus 1c"; */
		/* font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
		color: #ff66b9;
		text-decoration: none;
	}
	#page-top:hover{
		background: rgba(255,255,255,1) !important;
	}
	#page-top:focus{
		background: rgba(255,255,255,1) !important;
	}


}