@charset "utf-8";
/*--京about_us.css--*/
/* ##########PC########## */
.content_body_inner{
	width:auto;
}

.about_us_start_box{
	display:flex;
	align-items:center;
	width:840px;
	margin:0 auto;
	padding:50px 0;
}

	.about_us_start_box .start_img{
		width:320px;
	}
	
		.about_us_start_box .start_img img{
			max-width:100%;
			height:auto;
		}
		
	.content_body_inner .about_us_start_box p{
		width:calc(100% - 320px);
		padding:0 0 0 50px;
		box-sizing:border-box;
		font-size:1.15em;
		margin:0;
	}
	
		.content_body_inner .about_us_start_box p .start_img_sp{
			display:none;
		}
	
.kumiai_gaiyo_box{
	background-color:#fef5d9;
	background-image:url(/shared/about_us/bg_map_kumiai.png);
	background-repeat:no-repeat;
	background-position:calc(50% - 350px) top;
	padding:70px 0;
}

	.kumiai_gaiyo_box > .box_header{}
	
	.kumiai_gaiyo_box > .box_inner{
		margin-bottom:50px;
	}
	
		.kumiai_gaiyo_box > .box_inner table{
			background:#fff;
			font-size:1.05em;
			line-height:1.6;
			width:900px;
			margin:0 auto;
			border:1px solid #ccc;
		}
		
			.kumiai_gaiyo_box > .box_inner table th,
			.kumiai_gaiyo_box > .box_inner table td{
				border-bottom:1px dotted #ccc;
				padding:1em;
			}
			
			.kumiai_gaiyo_box > .box_inner table th{
				width:250px;
				background:#fffaec;
			}
			
	.kumiai_gaiyo_box > .box_footer{
		display:flex;
		align-items:center;
		width:740px;
		margin:0 auto;
	}
	
		.kumiai_gaiyo_box > .box_footer .kyokasho_img{
			width:100px;
			background:#fff;
		}
		
			.kumiai_gaiyo_box > .box_footer .kyokasho_img a{
				display:inline-block;
				border:1px solid #ccc;
				transition:.3s all ease;
			}
			
			.kumiai_gaiyo_box > .box_footer .kyokasho_img a:hover{
				opacity:0.8;
			}
		
			.kumiai_gaiyo_box > .box_footer .kyokasho_img img{
				width:100px;
				height:auto;
			}
		
		.content_body_inner .kumiai_gaiyo_box > .box_footer p{
			width:calc(100% - 100px);
			padding-left:30px;
			box-sizing:border-box;
			font-size:1.1em;
			margin-bottom:0;
		}
		
.kyoryoku_shisetsu_box{
	padding-top:70px;
}

	.kyoryoku_shisetsu_box > .box_header{}
	
	.kyoryoku_shisetsu_box > .box_inner{}
	
		.kyoryoku_shisetsu_box > .box_inner ul{
			display:flex;
			flex-wrap:wrap;
			width:900px;
			margin:0 auto;
		}
		
			.content_body_inner .kyoryoku_shisetsu_box > .box_inner ul li{
				width:430px;
				margin:0 40px 40px 0;
				position:relative;
				padding:0 0 40px 0;
			}
			
			.kyoryoku_shisetsu_box > .box_inner ul li:nth-child(even){
				margin-right:0;
			}
			
				.kyoryoku_shisetsu_box > .box_inner ul li a{
					display:block;
					text-decoration:none;
				}
			
					.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_txt{
						display:block;
						width:240px;
						height:180px;
						position:relative;
						z-index:1;
						color:#fff;
						box-sizing:border-box;
						padding:20px;
					}
					/*みやび園*/
					.kyoryoku_shisetsu_box > .box_inner ul li.clr_miyabien a .shisetsu_txt{
						background:#8c9951;
					}
					
					/*りんご園*/
					.kyoryoku_shisetsu_box > .box_inner ul li.clr_ringoen a .shisetsu_txt{
						background:#c86e78;
					}
					
					/*かがやき園*/
					.kyoryoku_shisetsu_box > .box_inner ul li.clr_kagayakien a .shisetsu_txt{
						background:#a98bbd;
					}
					
					/*皇寿園*/
					.kyoryoku_shisetsu_box > .box_inner ul li.clr_kojuen a .shisetsu_txt{
						background:#b8943c;
					}
					
					/*あさひ園*/
					.kyoryoku_shisetsu_box > .box_inner ul li.clr_asahien a .shisetsu_txt{
						background:#3a89b7;
					}
					
						.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_txt .shisetsu_sub_name{
							display:block;
							font-size:0.95em;
							margin-bottom:0.5em;
						}
						
						.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_txt .shisetsu_name{
							display:block;
							font-size:1.3em;
							font-weight:bold;
						}
					
					.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_img{
						display:block;
						width:240px;
						height:180px;
						position:absolute;
						z-index:2;
						top:40px;
						right:0;
					}
					
						.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_img img{
							max-width:100%;
							height:auto;
						}
			
/*Googleマップ*/
.open_gmap{
	display:inline-block;
	background:#ccc;
	font-size:0.9em;
	line-height:1;
	margin-left:1em;
	padding:0.4em 1em 0.2em 1em;
	border-radius:0.8em;
	cursor:pointer;
	background:rgba(1,87,155,0.1);
	transition:.3s all ease;
}

.open_gmap:hover{
	background:rgba(1,87,155,0.3);
}

	.open_gmap:before{
		font-family: FontAwesome;
		content:"\f041";
		margin-right:0.3em;
		color:#01579b;
	}

.gmap_iframe{
	height:0;
	overflow:hidden;
	opacity:0;
	transition:.3s all ease;
}

.gmap_iframe.open{
	opacity:1;
	height:400px;
	margin-top:1em;
}

	.gmap_iframe iframe{
		width:100%;
		height:400px;
	}
		
	

/* ##########SP########## */
@media screen and (max-width:479px){
	.about_us_start_box{
		display:block;
		width:auto;
		padding:5vw 0;
	}
	
		.about_us_start_box .start_img{
			display:none;
		}
		
		.content_body_inner .about_us_start_box p{
			width:100%;
			padding:0;
			box-sizing:border-box;
			font-size:1em;
			margin:0;
		}
		
			.content_body_inner .about_us_start_box p .start_img_sp{
				display:inline-block;
				float:right;
				width:30%;
				box-sizing:border-box;
				padding:0 0 3vw 3vw;
			}
			
				.content_body_inner .about_us_start_box p .start_img_sp img{
					max-width:100%;
					height:auto;
				}
		
	.kumiai_gaiyo_box{
		padding:10vw 0;
		background-size:contain;
	}
	
		.kumiai_gaiyo_box > .box_inner{
			margin-bottom:5vw;
			padding:0 2vw;
		}
		
			.kumiai_gaiyo_box > .box_inner table{
				font-size:0.9em;
				line-height:1.6;
				width:auto;
			}
			
				.kumiai_gaiyo_box > .box_inner table th,
				.kumiai_gaiyo_box > .box_inner table td{
					padding:0.5em;
				}
				
				.kumiai_gaiyo_box > .box_inner table th{
					width:30%;
					background:#fffaec;
				}
				
		.kumiai_gaiyo_box > .box_footer{
			display:flex;
			align-items:center;
			width:auto;
			padding:0 2vw;
		}
		
			.kumiai_gaiyo_box > .box_footer .kyokasho_img{
				width:30%;
			}
			
			
			.content_body_inner .kumiai_gaiyo_box > .box_footer p{
				width:70%;
				padding:0 3vw;
				font-size:1em;
			}
			
	.kyoryoku_shisetsu_box{
		padding-top:10vw;
	}
	
			.kyoryoku_shisetsu_box > .box_inner ul{
				display:block;
				width:auto;
				margin:0 auto;
			}
			
				.content_body_inner .kyoryoku_shisetsu_box > .box_inner ul li{
					width:auto;
					margin:0 0 4vw 0;
					padding:0;
					display:flex;
				}
				
					.kyoryoku_shisetsu_box > .box_inner ul li a{
						display:flex;
						width:100%;
					}
				
					.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_txt{
						width:60%;
						height:100%;
						padding:3vw;
						top:0;
						left:0;
						box-sizing:border-box;
					}
							.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_txt .shisetsu_sub_name{
								font-size:3.2vw;
								margin-bottom:0.5em;
							}
							
							.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_txt .shisetsu_name{
								font-size:4.4vw;
							}
						
						.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_img{
							width:40%;
							height:auto;
							z-index:2;
							top:0;
							text-align:right;
							position:relative;
						}
						
							.kyoryoku_shisetsu_box > .box_inner ul li a .shisetsu_img img{
								max-width:initial;
								max-width:auto;
								width:100%;
								height:auto;
							}
	/*Googleマップ*/
	.open_gmap{
		margin-left:0;
	}
	
	.gmap_iframe.open{
		height:40vh;
	}
	
		.gmap_iframe iframe{
			height:40vh;
		}
}