@charset "utf-8";

/*actionplan
-----------------------------------------------------------------------------------------*/
#actionplan .center br{
	display:none;
}
/*-------------------------thema*/
#actionplan section.thema{
	width:100%;
	padding:50px 0;
}
#actionplan .thema h2{
	font-size:3em;
	text-align:center;
	color:#000;
	padding:0;
	font-weight:normal;
	background:none;
}
#actionplan .thema ul{
	width:1000px;
	margin:0 auto;
}
#actionplan .thema li{
	width:320px;
	float:left;
	margin-top:10px;
	background:#FFF;
	padding:0 20px;
}
#actionplan .thema li + li{
	margin-left:20px;
}
#actionplan .thema li span{
	display:block;
}
#actionplan .thema li span.img{
	margin:0 -20px;
}
#actionplan .thema li span.thema{
	font-size:1.4em;
	font-weight:bold;
	margin-top:10px;
}
#actionplan .thema li span.thema:before{
	content:"テーマ";
	display:block;
	font-weight:normal;
	font-size:0.5em;
}
#actionplan .thema li span.kadai{
	margin-top:2px;
	font-size:0.875em;
}
#actionplan .thema li a.btn{
	width:100%;
	margin:10px 0 25px 0;
	font-size:100%;
}
@media screen and (max-width: 739px) {
	#actionplan section.thema{padding:15px;}
	#actionplan .thema h2{font-size:2em;margin-bottom:0px;}
	#actionplan .thema ul{width:100%;}
	#actionplan .thema li{width:100%;margin:10px auto;}
	#actionplan .thema li img{min-width:100%;}
	#actionplan .thema li + li{margin-left:0;}
}
/*-------------------------yosiki*/
#actionplan .yosiki figure{
	margin:15px auto;
}
#actionplan .yosiki img{
	border:1px solid #CCC;
}
/*-------------------------point*/
#actionplan .point{
	margin-top:50px;
	padding:30px 40px;
}
#actionplan .point h3{
	font-size:3em;
	text-align:center;
	color:#FF8200;
}
#actionplan .point li{
	font-weight:bold;
	font-size:1.8rem;
	line-height:1.5;
	margin:0.9em 0;
	margin-left:2.5em;
}
#actionplan .point li span:first-child{
	float:left;
	width:1.8em;
	line-height:1.8em;
	text-align:center;
	color:#FFF;
	background:#FF9900;
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	font-family:arial;
	margin-left:-2.2em;
	margin-top:-0.2em;
}
#actionplan .point li span:nth-child(n +2){
	font-size:0.8em;
	font-weight:normal;
	display:block;
}
@media screen and (max-width: 739px) {
	#actionplan .point{margin-top:30px;padding:15px;}
	#actionplan .point h3{font-size:2em;}
	#actionplan .point li{font-size:1.6em;}
	#actionplan .point li span:first-child{margin-top:0;}
}
/*-------------------------nagare*/
#actionplan .nagare{
	width:100%;
	padding:50px 0;
}
#actionplan .nagare h2{
	font-size:3em;
	text-align:center;
	color:#000;
	padding:0;
	font-weight:normal;
	background:none;
}
#actionplan .nagare .frame{
	padding-left:130px;
}
#actionplan .nagare .step{
	float:left;
	margin-left:-100px;
	width:80px;
	height:80px;
	font-size:16px;
	line-height:1.2;
	padding-top:14px;
	background:#00C371;
	color:#FFF;
	text-align:center;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#actionplan .nagare .step strong{
	font-size:30px;
	display:block;
}
#actionplan .nagare h3{
	font-size:2.2em;
	font-weight:bold;
	color:#FF8200;
	letter-spacing:1px;
}
@media screen and (max-width: 739px) {
	#actionplan .nagare{padding:15px;}
	#actionplan .nagare h2{font-size:2em;margin:5px -10px -10px -10px}
	#actionplan .nagare .frame{padding:15px;}
	#actionplan .nagare .step{float:none;display:block;margin:10px auto;}
	#actionplan .nagare h3{font-size:2em;letter-spacing:0;text-align:center;}
}

/*thema
-----------------------------------------------------------------------------------------*/
#thema h1{
	padding-bottom:0;
}
#thema .themacopy{
	margin-bottom:50px;
}
@media screen and (max-width: 739px) {
	#thema .themacopy{padding:0 15px;text-align:left;margin-bottom:30px;}
	#thema .themacopy br{display:none;}
}
/*-------------------------actiontree*/
#thema .actiontree > h2{
	font-size:3.2em;
	line-height:1.5;
	letter-spacing:1px;
}
#thema .actiontree > h2 span{
	display:block;
	font-size:75%;
	color:#00B14B;
	font-weight:bold;
}
#thema .actiontree > h2 span + span{
	display:inline;
	font-size:100%;
	color:#000;
	font-weight:normal;
}
#thema .actiontree > h2 span + span:after{
	content:"：";
}
/*課題*/
#thema .actiontree section{
	border-top:5px solid #00B14B;
	padding:20px;
}
#thema .actiontree section h2{
	margin:-5px 0 20px -20px;
	background:none;
	color:#000;
	font-size:2em;
	padding:0.8em 0;
	padding-left:6em;
	background:url(images/kadai.png) left no-repeat;
	background-size:5.5em;
}
/*原因*/
#thema .actiontree section div{
	background:#F2F2EA;
	padding-bottom:20px;
	margin-top:10px;
}
#thema .actiontree section h3{
	color:#FFF;
	font-size:1.8em;
	padding:0.4em 0;
	padding-left:5.5em;
	background:#939277 url(images/genin.png) left no-repeat;
	background-size:5em;
	margin:0;
}
#thema .actiontree section p.haikei{
	padding-left:5em;
	background:url(images/haikei.png) left top no-repeat;
	background-size:4.3em;
	margin:20px 150px 0 20px;
	min-height:2.8em;
}

#thema .actiontree section p.btn{
	background-image:url(images/open_ya1.png);
	font-size:16px;
	line-height:40px;
	padding:0 5px 0 0;
	margin:-45px 20px 0 0;
	width:130px;
	float:right;
}
#thema .actiontree section p.btn span:last-child{
	display:none;
}
#thema .actiontree section p.btn.open{
	background-image:url(images/open_ya2.png);
	background-color:#B8B8B8;
	box-shadow: 0 5px 0 #8C8C8C;
	-webkit-box-shadow: 0 5px 0 #8C8C8C;
	-moz-box-shadow: 0 5px 0 #8C8C8C;
}
#thema .actiontree section p.btn.open:hover{
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
}
#thema .actiontree section p.btn.open span:first-child{
	display:none;
}
#thema .actiontree section p.btn.open span:last-child{
	display:inline;
}
#thema .actiontree section dl{
	margin:20px 20px -10px 20px;
}
#thema .actiontree section dt{
	background:#FFF;
	font-weight:bold;
	padding:0.2em 1em;
	border-left:5px solid #FF2600;
}
#thema .actiontree section dt:nth-child(3){
	border-color:#FFC000;
}
#thema .actiontree section dt:nth-child(5){
	border-color:#009BFF;
}
#thema .actiontree section dd{
	margin:1em;
	margin-top:0.5em;
}
#thema .actiontree section dd em{
	display:block;
	font-size:120%;
}
#thema .actiontree section dd figure{
	margin:0.2em auto 1em auto;
}
@media screen and (max-width: 739px) {
	#thema .actiontree > h2{font-size:1.8em;padding-top:10px;margin-bottom:-10px;}
	#thema .actiontree > h2 span + span{display:block;font-size:60%;margin-top:5px;}
	#thema .actiontree > h2 span + span:after{display:none;}
	#thema .actiontree section{padding:10px;}
	#thema .actiontree section h2{margin:0;font-size:1.8em;padding:0;background:none;font-weight:normal;}
	#thema .actiontree section h2 span{display:block;font-size:70%;width:3em;margin-bottom:3px;text-align:center;color:#FFF;background:#00B14B;}
	#thema .actiontree section h3{margin:0;font-size:1.6em;line-height:1.5;padding:10px;background-image:none;}
	#thema .actiontree section h3 span{display:block;font-size:70%;width:3em;margin-bottom:3px;text-align:center;color:#939277;background:#FFF;}
	#thema .actiontree section p.haikei{margin:0;font-size:1.6em;line-height:1.5;padding:10px;background-image:none;min-height:0;}
	#thema .actiontree section p.haikei span.sp{display:block;font-size:70%;width:3em;margin-bottom:3px;text-align:center;color:#FFF;background:#8B8B8B;}
	#thema .actiontree section p.btn{margin:0 auto;float:none;}
	#thema .actiontree section dl{margin:20px 10px -10px 10px;}
	#thema .actiontree section dt{margin:30px 0 0 0}
	#thema .actiontree section dd{margin:10px 0 0 0;}
	#thema .actiontree section dd figure{margin:10px auto;}
}



/*dotline
-----------------------------------------------------------------------------------------*/
.dotline{
	display:block;
	margin-left:1em;
}
.dotline br:first-child{
	display:none;
}