@charset "utf-8";
/*###############PC first###############*/
/*--京environmental_management.css--*/
/*--------PCここから--------*/
.main_content > h3{
	font-size: 20px;
	text-align: center;
	border-radius: 20px;
	line-height: 1.0;
	padding: 10px 0;
	color: #fff;
	margin: 50px 0;
	background:#e95471;
}

.management_image,
.taisei_image{
	text-align:center;
	margin:30px 0;
}

	.management_image > .box_inner,
	.taisei_image > .box_inner{
		display:inline-block;
		border:1px solid #ccc;
		padding:1px;
	}
	
.junshu_jokyo{
	margin:0 20px;
}

	.junshu_jokyo > dl{
		margin-bottom:20px;
	}
	
	.junshu_jokyo > dl > dt{
		font-size:1.2em;
		padding:0 0 2px 5px;
		margin-bottom:10px;
	}
	
	.junshu_jokyo > dl.junshu_jokyo_em > dt{
		border-bottom:2px solid #e95471;
		color:#e95471;
	}
	
	.junshu_jokyo > dl.junshu_jokyo_ci > dt{
		border-bottom:2px solid #e66e00;
		color:#e66e00;
	}
	
	.junshu_jokyo > dl.junshu_jokyo_cn > dt{
		border-bottom:2px solid #019642;
		color:#019642;
	}
	
	.junshu_jokyo > dl.junshu_jokyo_lc > dt{
		border-bottom:2px solid #0064b4;
		color:#0064b4;
	}
	
	.junshu_jokyo > dl > dd{
		padding-left:10px;
	}
	
	.junshu_jokyo > dl > dd > ul{
		margin-bottom:5px;
	}
	
	.junshu_jokyo > dl > dd > ul > li{
		padding-left:1em;
		position:relative;
		margin-bottom:0.3em;
	}
	
	.junshu_jokyo > dl > dd > ul > li:before{
		font-family: FontAwesome;
		content:"\f0da";
		position:absolute;
		top:0;
		left:0;
		color:#555;
	}
	
	.junshu_jokyo > dl > dd > dl{
		margin-bottom:15px;
		display:flex;
	}
	
	.junshu_jokyo > dl > dd > dl > dt{
		font-weight:normal;
		margin-right:0.5em;
	}
	
		.junshu_jokyo > dl > dd > dl > dt:after{
			content:"：";
		}
	
	.junshu_jokyo > dl > dd > dl > dd{}
	
.tasseido_about{
	margin:0 20px 20px 20px;
	display:flex;
}

	.tasseido_about_title{
		padding-right:20px;
	}

	.tasseido_about_title h4{
		font-size:1.2em;
		margin-bottom:10px;
	}

	.tasseido_about > dl{

	}
	
	.tasseido_about > dl > dt{
		width:40%;
	}
	
	.tasseido_about > dl > dd{
		width:60%;
	}
	
	.tasseido_about > dl > dd > p{}
	
.tasseido_box_wrapper{
	margin:0 20px;
}

	.tasseido_box{
		margin-bottom:20px;
		position:relative;
		padding-top:20px;
	}
	
		.tasseido_box > .box_header{
			display:inline-block;
			z-index:2;
			position:absolute;
			top:0;
			left:10px;
			padding:8px 16px;
			font-size:1.2em;
			border-radius:4px;
		}
		
		.tasseido_box.teitanso > .box_header{
			background:#9ac6e8;
		}
		
		.tasseido_box.junkangata > .box_header{
			background:#fac867;
		}
		
		.tasseido_box.shizenkyosei > .box_header{
			background:#9bd1ae;
		}
		
		.tasseido_box.kankyo_management > .box_header{
			background:#f5b7cb;
		}
		
			.tasseido_box > .box_header h5{
				font-weight:bold;
			}
	
		.tasseido_box > .box_inner{
			padding:30px 20px 20px 20px;
			border-radius:10px;
			position:relative;
			z-index:1;
		}
		
		.tasseido_box.teitanso > .box_inner{
			border:2px solid #9ac6e8;
		}
		
		.tasseido_box.junkangata > .box_inner{
			border:2px solid #fac867;
		}
		
		.tasseido_box.shizenkyosei > .box_inner{
			border:2px solid #9bd1ae;
		}
		
		.tasseido_box.kankyo_management > .box_inner{
			border:2px solid #f5b7cb;
		}
		
		.tasseido_box > .box_inner > dl{
			margin-bottom:1em;
		}
		
		.tasseido_box > .box_inner > dl:last-child{
			margin-bottom:0;
		}
		
		.tasseido_box > .box_inner > dl > dt{
			font-size:1.1em;
			font-weight:normal;
			margin-bottom:0.5em;
		}
		
		.tasseido_box > .box_inner > dl > dt:before{
			content:"取組項目";
			display:inline-block;
			font-size:0.7em;
			background:#eee;
			border-radius:4px;
			padding:2px 10px;
			margin-right:10px;
		}
		
		.tasseido_box > .box_inner > dl > dd{
		}
		
			.tasseido_box > .box_inner > dl > dd ul li{
				margin-bottom:0.3em;
				position:relative;
				padding-left:1em;
			}
			
			.tasseido_box > .box_inner > dl > dd ul li:last-child{
				margin-bottom:0;
			}
			
			.tasseido_box > .box_inner > dl > dd ul li:before{
				font-family: FontAwesome;
				content: "\f0da";
				position: absolute;
				top: 0;
				left: 0;
				color: #555;
			}
			
			.tasseido_box > .box_inner > dl > dd ul li .tassei_level_icon{
				color:#fff;
				display:inline-block;
				padding:2px 10px;
				border-radius:2px;
				font-size:0.9em;
				margin-left:0.5em;
			}
			
			.tasseido_box > .box_inner > dl > dd ul li .tassei_level_icon.lv1{
				background:#e73663;
			}
			
			.tasseido_box > .box_inner > dl > dd ul li .tassei_level_icon.lv2{
				background:#00a6ba;
			}
			
			.tasseido_box > .box_inner > dl > dd ul li .tassei_level_icon.lv3{
				background:#687abb;
			}
			
			.tasseido_box > .box_inner > dl > dd ul li .tassei_level_icon.lv4{
				background:#d2830a;
			}
			
.campus_seibi{
	margin:0 20px;
	display:flex;
}

	.campus_seibi p{
		width:70%;
		box-sizing:border-box;
		padding-right:30px;
	}
	
	.campus_seibi dl{
		width:30%;
	}
	
		.campus_seibi dl dt{
			color:#e95471;
			font-size:1.05em;
			margin-bottom:10px;
		}
		
		.campus_seibi dl dd ul li{
			margin-bottom:0.3em;
			position:relative;
			padding-left:1.2em;
		}
		
			.campus_seibi dl dd ul li:before{
				content:"○";
				position:absolute;
				top:0;
				left:0;
			}
		
.kyoyo_kyoiku_box{
	margin:40px 20px;
}

	.kyoyo_kyoiku_box h4{
		color:#db526c;
		font-size:1.3em;
		margin-bottom:20px;
	}
	
	.kyoyo_kyoiku_wrapper{
		display:flex;
		flex-wrap:wrap;
	}
	
	.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box{
		width:50%;
		box-sizing:border-box;
		margin-bottom:20px;
	}
	
		.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box .box_header{
			margin-bottom:10px;
		}
		
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box .box_header h5{
				display:inline-block;
				font-size:1.2em;
				padding:8px 20px;
				border-radius:4px;
				color:#fff;
				font-weight:bold;
				margin-left:10px;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.shizen_kyosei .box_header h5{
				background:#00a960;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.junkangata .box_header h5{
				background:#f18e04;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.teitanso .box_header h5{
				background:#0286ca;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.kankyo_management .box_header h5{
				background:#e95471;
			}
			
			
		
		.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box .box_inner{
			padding:0 10px 10px 10px;
			border:1px dotted #aaa;
			margin:0 10px 10px 10px;
		}
		
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box .box_inner dt{
				margin:15px 0 5px 0;
			}
		
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.shizen_kyosei .box_inner dt{
				color:#00a960;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.junkangata .box_inner dt{
				color:#f18e04;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.teitanso .box_inner dt{
				color:#0286ca;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.kankyo_management .box_inner dt{
				color:#e95471;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box .box_inner dt:before{
				content:"KEYWORDS";
				color:#fff;
				display:inline-block;
				margin-right:10px;
				font-size:0.9em;
				padding:1px 5px 0 5px;
				font-weight:normal;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.shizen_kyosei .box_inner dt:before{
				background:#00a960;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.junkangata .box_inner dt:before{
				background:#f18e04;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.teitanso .box_inner dt:before{
				background:#0286ca;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box.kankyo_management .box_inner dt:before{
				background:#e95471;
			}
			
			.kyoyo_kyoiku_wrapper .kyoyo_kyoiku_list_box .box_inner dd.subject{
				font-size:1.1em;
			}
			
.other_kyoiku_box{
	margin:0 20px 20px 20px;
	border:1px dotted #aaa;
	padding:20px;
}

	.other_kyoiku_box .box_header{
		
	}
	
	.other_kyoiku_box .box_header h4{
		color:#e95471;
		font-size:1.2em;
		margin-bottom:10px;
	}
	
	.other_kyoiku_box .box_inner p{
		margin-bottom:0.5em;
	}
	
	.other_kyoiku_2c{
		display:flex;
	}
	
		.other_kyoiku_2c .other_kyoiku_img{
			padding-left:20px;
		}
		
.history_table{
	margin:0 20px;
	width:100%;
}

	.history_table table th,
	.history_table table td{
		border-bottom:1px solid #ccc;
		padding:5px 10px;
	}

	.history_table table th{
		width:120px;
		text-align:center;
		white-space:nowrap;
	}
	
	.history_table table td dl{
		display:flex;
		margin-bottom:0.2em;
	}
	
	.history_table table td dl:last-child{
		margin-bottom:0;
	}
	
	.history_table table td dl dt{
		font-weight:normal;
		width:4em;
	}
	
	.history_table table th .seireki{
		font-size:1.2em;
		display:block;
	}
	
.joho_koukai_box{
	margin:0 20px;
}

	.joho_koukai_box dl{
		margin-bottom:20px;
	}

	.joho_koukai_box dl dt{
		font-size:1.2em;
		padding:0 0 5px 5px;
		border-bottom:1px dotted #aaa;
		margin-bottom:15px;
		font-weight:normal;
	}
	
	.joho_koukai_box dl dd{
		padding:0 20px;
		display:flex;
	}
	
	.joho_koukai_box dl dd p{
		width:calc( 100% - 220px );
	}
	
	.joho_koukai_box dl dd .joho_koukai_img{
		width:200px;
		padding-left:20px;
	}
	
	.joho_koukai_box dl dd .joho_koukai_img img{
		max-width:100%;
		height:auto;
		border:1px solid #ccc;
	}
	
.zaisei_box{
	margin:0 20px;
}

	.zaisei_box h4{
		font-size: 1.2em;
		padding: 0 0 5px 5px;
		border-bottom: 1px dotted #aaa;
		margin-bottom: 15px;
		font-weight: normal;
	}
	
	.zaisei_box h5{
		margin:1em 0 0.5em 0;
		font-size:1.05em;
		padding:0 0 5px 5px;
		border-bottom:1px dotted #aaa;
	}
	
	.zaisei_box h6{
		font-weight:bold;
		color:#e95471;
		margin-bottom:10px;
	}
	
	.yosangaku_tani{
		text-align:right;
		margin-bottom:10px;
	}
	
	
	.yosangaku_wrapper{
		display:flex;
		padding:0 20px;
	}
	
		.yosangaku_wrapper .shishutsu{
		}
		
		.yosangaku_wrapper .shishutsu dl{
			display:flex;
			justify-content:space-between;
			width:100%;
			border-bottom:1px solid #ccc;
			padding:10px;
		}
		
.kyosoteki_shikin{
	padding:0 20px;
	margin-top:20px;
}

	.kyosoteki_shikin dl{
		margin-bottom:1em;
	}
	
		.kyosoteki_shikin dl dt:before{
			font-family: FontAwesome;
			content:"\f0da";
			color:#e95471;
			margin-right:0.3em;
		}
		
		.kyosoteki_shikin dl dd{
			padding-left:1em;
		}
		
.kankyo_kansa_images{
	margin-top:30px;
}

	.kankyo_kansa_images ul{
		display:flex;
		justify-content:center;
	}
	
	.kankyo_kansa_images ul li{
		margin:0 20px;
	}
	
	.kankyo_kansa_images p{
		text-align:center;
		padding-top:10px;
	}
	
.kankyo_kansa_comments{
	margin-top:50px;
}

	.kankyo_kansa_comments h4{
		border-bottom:1px dotted #aaa;
		padding:0 0 5px 5px;
		font-size:1.3em;
		margin-bottom:20px;
	}
	
	.kankyo_kansa_comments ul{
		padding:0 20px;
	}
	
		.kankyo_kansa_comments ul li{
			background:#fffce2;
			padding:15px 20px;
			margin-bottom:15px;
		}
		
		.kankyo_kansa_comments ul li p.belong{
			text-align:right;
			margin-top:0.5em;
		}
		
		.kankyo_kansa_comments ul li p.comment_name{
			text-align:right;
		}
	
.kyoiku_taikei{
	margin:0 20px 50px 20px;
}

	.kyoiku_taikei > h4{
		font-size:1.2em;
		border-bottom:1px dotted #aaa;
		margin-bottom:20px;
		padding:0 0 5px 5px;
	}
	
	.kyoiku_taikei > .kyoikutaikei_image{
		text-align:center;
		margin-bottom:20px;
	}
	
	.kyoiku_taikei .kamoku_exp{
		margin:0 50px 50px 50px;
		display:flex;
		justify-content:space-between;
	}
	
		.kyoiku_taikei .kamoku_exp dl{
			width:48%;
			box-sizing:border-box;
			border:1px dotted #888;
			padding:10px;
		}
		
		.kyoiku_taikei .kamoku_exp dl dt{
			font-size:1.1em;
			font-weight:normal;
			margin-bottom:0.5em;
			padding:0 0 0.2em 5px;
			border-bottom:1px solid #569dd6;
		}
		
		.kyoiku_taikei .kamoku_exp dl dd{
			line-height:1.6em;
			padding:0 5px;
		}
	
	/*パッケージ制の説明*/
	.kyoiku_taikei .package_sei_exp{
		text-align:center;
		position:relative;
		padding-top:10px;
	}
	
		.kyoiku_taikei .package_sei_exp > .box_header{
			position:absolute;
			z-index:2;
			top:0;
			left:0;
			width:100%;
			font-size:1.2em;
		}
		
			.kyoiku_taikei .package_sei_exp > .box_header span{
				display:inline-block;
				background:#fff;
				padding:0 20px;
			}
		
		.kyoiku_taikei .package_sei_exp > .box_inner{
			display:inline-block;
			padding:30px 20px 20px 20px;
			border:1px solid #569dd6;
			position:relative;
			z-index:1;
			width:750px;
		}
		
			.kyoiku_taikei .package_sei_exp > .box_inner > p{
				padding-top:10px;
			}
		
			.package_sei_stud_ctg{
				display:flex;
				justify-content:space-between;
			}
			
				.package_sei_stud_ctg > dl{
					width:350px;
				}
					.package_sei_stud_ctg > dl > dt{
						margin-bottom:10px;
					}
				
						.package_sei_stud_ctg > dl.pkg_bunkei > dt:after{
							content:"";
							display:block;
							margin:0 auto;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 15px 175px 0 175px;
							border-color: #eb8769 transparent transparent transparent;
						}
						
						.package_sei_stud_ctg > dl.pkg_rikei > dt:after{
							content:"";
							display:block;
							margin:0 auto;
							width: 0;
							height: 0;
							border-style: solid;
							border-width: 15px 175px 0 175px;
							border-color: #6bb0bd transparent transparent transparent;
						}
					
						.package_sei_stud_ctg > dl > dt > span{
							display:block;
							font-size:1.1em;
							padding:0.4em 0 0 0;
							color:#fff;
						}
						
						.package_sei_stud_ctg > dl.pkg_bunkei > dt > span{
							background:#eb8769;
						}
						
						.package_sei_stud_ctg > dl.pkg_rikei > dt > span{
							background:#6bb0bd;
						}
						
					.package_sei_stud_ctg > dl > dd{
						display:flex;
						flex-wrap:wrap;
						justify-content:space-between;
					}
					
						.package_sei_stud_ctg > dl > dd > dl{
							width:170px;
							padding:1em 0;
							margin-bottom:10px;
							border-radius:4px;
							box-shadow:2px 2px 0 0 rgba(0,0,0,0.1);
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c1{
							background:#f3bfaa;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c2{
							background:#fadcea;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c3{
							background:#fadcea;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c4{
							background:#fee19c;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c5{
							background:#d8effd;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c6{
							background:#dae6f5;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c7{
							background:#f8f5af;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c8{
							background:#e1eed2;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c9{
							background:#c8e3d0;
							margin-bottom:0;
						}
						
						.package_sei_stud_ctg > dl > dd > dl.pkg_c10{
							background:#d3e9ed;
							margin-bottom:0;
						}
						
						.package_sei_stud_ctg > dl > dd > dl > dt{
							font-weight:normal;
							margin-bottom:0.2em;
						}
						
						.package_sei_stud_ctg > dl > dd > dl > dd{
							font-size:1.1em;
							font-weight:bold;
						}
						
					

/*--------PCここまで--------*/
@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */
/*--------SPここから--------*/

/*画像系レスポンシブ*/
.activity_detail_inner h1 img,
.management_image img,
.taisei_image img,
.tasseido_about_img img,
.kankyo_kansa_images img,
.kyoikutaikei_image img,
.package_sei_exp img,
.other_kyoiku_img img{
	max-width:100%;
	height:auto;
}

.tasseido_about{
	display:block;
	margin:0 10px 30px 10px;
}

	.tasseido_about_title{
		padding-right:0;
		margin-bottom:10px;
	}
	
.tasseido_box_wrapper{
	margin:0 10px;
}

	.kankyo_kansa_images ul li{
		margin:0;
		padding:0 5px;
	}
	
.kankyo_kansa_comments ul{
	padding:0;
}

.kyoiku_taikei{
	margin:0 0 50px 0;
}

	.kyoiku_taikei .kamoku_exp{
		margin:0 0 30px 0;
		display:block;
	}
	
	.kyoiku_taikei .kamoku_exp dl{
		width:100%;
	}
	
	.kyoiku_taikei .kamoku_exp dl:first-child{
		margin-bottom:10px;
	}
	
.other_kyoiku_box{
	margin:0 0 20px 0;
}

	.kankyo_kansa_comments ul li p.belong{
		text-align:left;
	}
	
	.other_kyoiku_2c{
		display:block;
	}
	
		.other_kyoiku_2c .other_kyoiku_img{
			padding:0;
		}
		
.joho_koukai_box{
	margin:0;
}
		
	.joho_koukai_box dl dd{
		display:block;
		padding:0 10px;
	}
	
		.joho_koukai_box dl dd p{
			width:auto;
			margin-bottom:0.8em;
		}
		
		.joho_koukai_box dl dd .joho_koukai_img{
			width:auto;
			padding:0 10px;
			text-align:center;
		}
	
	.joho_koukai_box p img{
		max-width:100%;
		height:auto;
	}
	
	/*パッケージ制の説明*/
	.kyoiku_taikei .package_sei_exp{
		text-align:center;
		position:relative;
		padding-top:10px;
	}
	
		.kyoiku_taikei .package_sei_exp > .box_header{
			position:absolute;
			z-index:2;
			top:0;
			left:0;
			width:100%;
			font-size:1.2em;
		}
		
			.kyoiku_taikei .package_sei_exp > .box_header span{
				display:inline-block;
				background:#fff;
				padding:0 20px;
			}
		
		.kyoiku_taikei .package_sei_exp > .box_inner{
			width:100%;
			padding-right:10px;
			padding-left:10px;
		}
		
			.kyoiku_taikei .package_sei_exp > .box_inner > p{
				text-align:left;
			}
		
			.package_sei_stud_ctg{
				display:block;
			}
			
				.package_sei_stud_ctg > dl{
					width:100%;
				}
				
				.package_sei_stud_ctg > dl.pkg_bunkei{
					margin-bottom:20px;
				}
					.package_sei_stud_ctg > dl > dt{
						margin-bottom:10px;
					}
				
						.package_sei_stud_ctg > dl.pkg_bunkei > dt:after{
							border-width: 10px 20px 0 20px;
							border-color: #eb8769 transparent transparent transparent;
						}
						
						.package_sei_stud_ctg > dl.pkg_rikei > dt:after{
							border-width: 10px 20px 0 20px;
							border-color: #6bb0bd transparent transparent transparent;
						}
					
						.package_sei_stud_ctg > dl > dt > span{
							font-size:4vw;
							padding:0.4em 0;
						}
						
						.package_sei_stud_ctg > dl > dd > dl{
							width:48%;
						}
						
						.package_sei_stud_ctg > dl > dd > dl > dt{
							font-size:3.5vw;
						}
						
						.package_sei_stud_ctg > dl > dd > dl > dd{
							font-size:4vw;
						}
.history_table{
	margin:0;
}

	.history_table table th{
		width:25%;
	}
	
	.history_table table td dl dt{
		width:3em;
	}
	
	.history_table table td dl dd{
		width:calc( 100% - 3em );
	}



/*--------SPここまで--------*/
}