@import "common.css";

/*------------------------------
院長紹介
-------------------------------*/
@media screen and (max-width: 499px) {
	#contena {
		display: flex;
		flex-direction: column;
		padding-bottom: 25px;
		padding-left: 5%;
		padding-right: 5%;
	}

	#cont_left {
		width: 100%;
		height: 40%;
	}

	#cont_right {
		width: 100%;
		height: 40%;
	}

	#intro_part {
		flex-direction: column;
	}

	#keireki {
		margin-bottom: 20px;
	}
}

@media screen and (min-width: 500px) and (max-width: 899px) {
	#intro_part {
		flex-direction: column;
	}
}

@media screen and (min-width: 500px) {
	#contena {
		display: -webkit-flex;
		display: flex;
		padding: 25px 2.5%;
	}

	#cont_left {
		width: 60%;
		height: 40%;
		padding-top: 25px;
	}

	#cont_right {
		width: 40%;
		height: 40%;
		align-self: center;
	}

	#keireki {
		width: 50%;
	}

	#shikaku {
		width: 50%;
	}
}

#cont_left h1 {
	font-size: 30px;
}

#cont_left h1 span {
	font-size: 16px;
}

#greeting {
	margin-top: 25px;
	margin-bottom: 25px;
	margin-right: 7.5%;
}

#intro_part {
	display: flex;
}

#keireki h2 {
	font-size: 16px;
	font-weight: bold;
}

#shikaku h2 {
	font-size: 16px;
	font-weight: bold;
}

#cont_right img {
	padding-top: 25px;
	width: 100%;
	height: 70%;
}