@charset "utf-8";
/*--京sdgs.css--*/
/* ##########PC########## */
.activity_title{
	display:flex;
	justify-content:center;
	align-items:center;
	margin-bottom:2em;
}

	.activity_title .sdgs_icon{
		margin-right:20px;
	}
	
	.activity_title h3{
		font-size:1.6em;
		font-weight:bold;
		color:#333;
	}
	
.intro_text{
	font-size:1.1em;
	line-height:1.8;
	text-align:center;
	margin-bottom:2em;
}

.about_sdgs_box{
	margin-bottom:8em;
}

	.about_sdgs_box .fig_sdgs{
		text-align:center;
		margin-bottom:2em;
	}
	
	.about_sdgs_box dl{
		line-height:1.8;
		font-size:1.1em;
		width:700px;
		box-sizing:border-box;
		margin:0 auto;
	}
	
		.about_sdgs_box dl dt{
			font-weight:bold;
			text-align:center;
			margin-bottom:0.8em;
			border-bottom:1px dotted #aaa;
			padding:0 0 0.3em 0;
			font-size:1.1em;
		}
		
		.about_sdgs_box dl dd{
			padding:0 1em;
		}
	
.sdgs_activity_box{}

	.sdgs_activity_box > .box_header{
		display:flex;
		justify-content:center;
		align-items:center;
		margin-bottom:2em;
	}
	
		.sdgs_activity_box > .box_header .sdgs_icon{
			margin-right:20px;
		}
		
		.sdgs_activity_box > .box_header h4{
			font-size:1.5em;
			font-weight:bold;
			color:#333;
		}
		
	.sdgs_activity_box > .box_inner{}
	
		.sdgs_activity_box > .box_inner .activity_detail_list{}
		
			.sdgs_activity_box > .box_inner .activity_detail{
				display:flex;
				border-bottom:1px dotted #555;
				padding:20px 10px;
			}

            .sdgs_activity_box > .box_inner .activity_detail.kumamoto_sdgs{
                align-items: center;
            }
			
			.sdgs_activity_box > .box_inner .activity_detail:last-child{
				border-bottom:none;
			}
			
				.sdgs_activity_box > .box_inner .activity_detail > .box_header{
					width:170px;
				}
				
					.sdgs_activity_box > .box_inner .activity_detail > .box_header ul{
						display:flex;
                        justify-content: flex-start;
                        flex-wrap: wrap;
					}
					
						.sdgs_activity_box > .box_inner .activity_detail > .box_header ul li{
							margin-right:10px;
                            margin-bottom: 10px;
						}
						
						.sdgs_activity_box > .box_inner .activity_detail > .box_header ul li:nth-child(2n){
							margin-right:0;
						}

                        .sdgs_activity_box > .box_inner .activity_detail.kumamoto_sdgs > .box_header ul li .k_sdgs_copy{
                            font-family: Arial, Helvetica, "sans-serif";
                            font-size: 0.8em;
                            display: block;
                            text-align: center;
                        }
				
				.sdgs_activity_box > .box_inner .activity_detail > .box_inner{
					padding-left:30px;
					width:calc(100% - 170px);
					box-sizing:border-box;
                    position: relative;
				}

                    .sdgs_activity_box > .box_inner .activity_detail > .box_inner .tikasuikanyouryo{
                        position: absolute;
                        top: 25px;
                        right: 25px;
}

.tikasuikanyouryo_sp{
    display:none;
}

				
					.sdgs_activity_box > .box_inner .activity_detail > .box_inner h5{
						/*color:#004f94;*/
						color:#111;
						font-size:1.2em;
						line-height:1.6;
						margin-bottom:1em;
					}
					
					.sdgs_activity_box > .box_inner .activity_detail > .box_inner > dl,
					.sdgs_activity_box > .box_inner .activity_detail > .box_inner > ul{
						line-height:1.6;
					}
					
						.sdgs_activity_box > .box_inner .activity_detail > .box_inner > dl > dt,
						.sdgs_activity_box > .box_inner .activity_detail > .box_inner > ul > li{
							margin-bottom:0.5em;
							font-size:1.05em;
							position:relative;
							padding-left:1.7em;
							color:#004f94;
							font-weight:bold;
						}
							.sdgs_activity_box > .box_inner .activity_detail > .box_inner > dl > dt:before,
							.sdgs_activity_box > .box_inner .activity_detail > .box_inner > ul > li:before{
								font-family: FontAwesome;
								content:"\f0ac";
								position:absolute;
								top:-0.2em;
								left:0;
								color:#4da619;
								font-weight:normal;
								font-size:1.3em;
							}
							
						.sdgs_activity_box > .box_inner .activity_detail > .box_inner > dl > dd{
							margin-top:4.5em;
						}
						
						.sdgs_activity_box > .box_inner .activity_detail.multi > .box_inner > dl > dd{
							margin-bottom:2em;
						}
						
						.sdgs_activity_box > .box_inner .activity_detail.multi > .box_inner > dl > dd:last-child{
							margin-bottom:0;
						}
						
							.prd_exp{
								background:#fafafa;
								padding:1em;
								font-size:1.1em;
							}
							
								.prd_exp dt{
									font-weight:bold;
									margin-bottom:0.5em;
								}
								
								.prd_exp dd{
									display:flex;
								}
								
								.prd_exp dd .imgs_box{
									padding-left:2em;
								}

								.prd_exp dd .imgs_box.taue{
									padding-left:2em;
								}

/* ##########SP########## */
@media screen and (max-width:479px) {
	.activity_title{
		display:block;
		margin-bottom:1.5em;
	}
	
		.activity_title .sdgs_icon{
			margin-right:0;
			margin-bottom:3vw;
			text-align:center;
		}
		
			.activity_title .sdgs_icon img{
				width:20%;
				height:auto;
			}
		
		.activity_title h3{
			font-size:4.4vw;
			text-align:center;
		}
		
	.intro_text{
		font-size:1em;
		line-height:1.6;
		text-align:left;
		margin-bottom:2em;
		padding:0 3vw;
	}
	
	.about_sdgs_box{
		margin-bottom:8vw;
	}
	
		.about_sdgs_box .fig_sdgs img{
			max-width:100%;
			height:auto;
		}
		
		.about_sdgs_box dl{
			width:100%;
			margin:0;
		}
		
			.about_sdgs_box dl dt{
				margin-bottom:0.6em;
				padding:0 0 0.2em 0;
			}
			
			.about_sdgs_box dl dd{
				padding:0 3vw;
			}
		
	.sdgs_activity_box > .box_header{
		display:block;
		margin-bottom:1.5em;
	}
		
			.sdgs_activity_box > .box_header .sdgs_icon{
				margin-right:0;
				margin-bottom:3vw;
				text-align:center;
			}
			
				.sdgs_activity_box > .box_header .sdgs_icon img{
					width:20%;
					height:auto;
				}
			
			.sdgs_activity_box > .box_header h4{
				font-size:4.4vw;
				text-align:center;
			}
			
			.sdgs_activity_box > .box_inner .activity_detail{
				display:block;
				padding:4vw 1.5vw 6vw 1.5vw;
			}
			
				.sdgs_activity_box > .box_inner .activity_detail > .box_header{
					margin-bottom:4vw;
					width:100%;
				}
			
					.sdgs_activity_box > .box_inner .activity_detail > .box_header ul{
						justify-content:center;
					}
					
					.sdgs_activity_box > .box_inner .activity_detail > .box_header ul li{
						margin-right:3vw;
					}

					.sdgs_activity_box > .box_inner .activity_detail > .box_header ul li:nth-child(2n){
						margin-right:3vw;
					}

					.sdgs_activity_box > .box_inner .activity_detail > .box_header ul li:last-child{
						margin-right:0;
					}
					
					.sdgs_activity_box > .box_inner .activity_detail > .box_header ul li img{
						width:20vw;
						height:auto;
					}
					
				.sdgs_activity_box > .box_inner .activity_detail > .box_inner{
					padding-left:0;
					width:100%;
				}
					
					.sdgs_activity_box > .box_inner .activity_detail > .box_inner h5{
						font-size:4vw;
					}
    
                    .sdgs_activity_box > .box_inner .activity_detail > .box_inner > dl > dd{
                        margin-top: 1em;
                    }
					
					.prd_exp{
						padding:3vw;
						font-size:1em;
					}
					
						.prd_exp dd{
							display:block;
						}
						
						.prd_exp dd .imgs_box{
							padding-left:0;
							margin-top:0.5em;
							text-align:center;
						}
    
                        .prd_exp dd .imgs_box.taue{
							padding-left:0;
							margin-top:0.5em;
                            padding-top: 0;
							text-align:center;
						}
    
    .sdgs_activity_box > .box_inner .activity_detail > .box_inner .tikasuikanyouryo{
        display:none;
    }
    
    .tikasuikanyouryo_sp{
        display:block;
        text-align:center;
        margin-bottom: 0.5em;
    }
    
}

/* ##########印刷用########## */
@media print{

}

/*IEの印刷用調整*/
@media print and (-ms-high-contrast: none){
	.sdgs_activity_box > .box_inner .activity_detail{
		display:table-row;
	}
	
		.sdgs_activity_box > .box_inner .activity_detail > .box_header{
			display:table-cell;
			vertical-align:top;
			width:170px;
			box-sizing:border-box;
			border-bottom:1px dotted #555;
			padding:20px 0 20px 10px;
		}
		
		.sdgs_activity_box > .box_inner .activity_detail > .box_inner{
			display:table-cell;
			vertical-align:top;
			width:calc(100% - 170px);
			box-sizing:border-box;
			border-bottom:1px dotted #555;
			padding:20px 10px 20px 30px;
		}
		
		.sdgs_activity_box > .box_inner .activity_detail > .box_inner > dl > dt,
		.sdgs_activity_box > .box_inner .activity_detail > .box_inner > ul > li{
			padding-left:0;
		}
		
			.sdgs_activity_box > .box_inner .activity_detail > .box_inner > dl > dt:before,
			.sdgs_activity_box > .box_inner .activity_detail > .box_inner > ul > li:before{
				position:relative;
				top:0;
				margin-right:0.4em;
			}
}

/*Edgeの印刷用調整*/
@media print{
	@supports (-ms-ime-align:auto) {
		.sdgs_activity_box > .box_inner .activity_detail{
			display:table-row;
		}
		
			.sdgs_activity_box > .box_inner .activity_detail > .box_header{
				display:table-cell;
				vertical-align:top;
				width:170px;
				box-sizing:border-box;
				border-bottom:1px dotted #555;
				padding:20px 0 20px 10px;
			}
			
			.sdgs_activity_box > .box_inner .activity_detail > .box_inner{
				display:table-cell;
				vertical-align:top;
				width:calc(100% - 170px);
				box-sizing:border-box;
				border-bottom:1px dotted #555;
				padding:20px 10px 20px 30px;
			}
	}
}