@charset "utf-8";
/*==================================================
	【看護部】ページ固有のスタイル
==================================================*/
#nursing .nursing_top {
	font-size : 31px;
	line-height : 84.11px;
	font-family: var(--font-kaisei);
}
#nursing .nursing_philosophy::after {
	content: "NURSING";
}
#nursing .nursing_philosophy .box .img_box {
	width: 249px;
	height: 249px;
	background: #fff;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
}
#nursing .nursing_philosophy .box .img_box img {
	width: 124px;
}
#nursing .nursing_philosophy .box .txt_box {
	width: 757px;
	line-height : 34px;
	font-weight: 500;
}
#nursing .nursing_philosophy .box .txt_box h3.sub::after {
	width: 36%;
}
#nursing .nursing_box .policy h3.sub {
	border-bottom: 3px solid #f7f7f7;
}
#nursing .nursing_box .policy h3.sub::after {
	width: 45%;
}
#nursing .nursing_box .policy ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: stretch;
	grid-row-gap: 20px;
}
#nursing .nursing_box .policy li {
	background: #f7f7f7;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: 540px;
	padding: 25px;
	box-sizing: border-box;
	position: relative;
}
#nursing .nursing_box .policy li span {
	position: relative;
	padding-left: 20px;
	font-weight: 500;
}
#nursing .nursing_box .policy li span::before {
	content: "";
	background: #fed300;
	width: 14px;
	height: 14px;
	border-radius: 50%;
	position: absolute;
	top: 12px;
	left: 0;
}
#nursing .goal h3.sub {
	border-bottom: 3px solid #f7f7f7;
}
#nursing .goal h3.sub::after {
	width: 77%;
}
#nursing .goal .box {
	display: grid;
	justify-content: space-between;
	grid-template-columns: repeat(3, 330px);
	gap: 20px 0;
}
#nursing .goal .box .in {
	margin: 0 auto;
}
#nursing .goal .box .in .img_box {
	width: 188px;
	height: 188px;
	border: 5px solid #f7f7f7;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 20px auto;
}
#nursing .goal .box .in .img_box img {
	width: 57px;
}
#nursing .goal .box .in:nth-of-type(2) .img_box img {
	width: 79px;
}
#nursing .goal .box .in:nth-of-type(3) .img_box img {
	width: 118px;
}
#nursing .goal .box .in .txt {
	line-height : 44px;
	text-align: center;
	font-weight: 500;
}
@media print, screen and (min-width: 769px){ /* PCのみ */
}
@media print, screen and (min-width: 641px){ /* PC・タブレット */
}
@media only screen and (max-width: 768px) and (min-width: 641px){ /* タブレットのみ */
}
@media only screen and (max-width: 768px) {  /* タブレット以下 */
	#nursing .nursing_top {
		font-size: 20px;
	}
	#nursing .nursing_philosophy .box .img_box {
		width: 180px;
		height: 180px;
	}
	#nursing .nursing_philosophy .box .img_box img {
		width: 100px;
	}
	#nursing .nursing_philosophy .box .txt_box {
		width: calc(100% - 220px);
		line-height: 1.8em;
		font-size: 125%;
	}
	#nursing .nursing_philosophy .box .txt_box h3.sub::after {
		width: 25%;
	}
	#nursing .nursing_box .policy h3.sub::after {
		width: 30%;
	}
	#nursing .nursing_box .policy li {
		width: 49%;
		padding: 15px;
	}
	#nursing .nursing_box .policy li span::before {
		width: 10px;
		height: 10px;
		top: 8px;
	}
	#nursing .goal h3.sub::after {
		width: 50%;
	}
	#nursing .goal .box {
		grid-template-columns: repeat(3, 31%);
		gap: 10px 0;
	}
	#nursing .goal .box .in .txt {
		line-height: 1.8em;
	}
}
@media only screen and (max-width: 640px){ /* スマホ */
	#nursing .nursing_top {
		font-size: 125%;
		line-height: 1.8em;
		padding: 20px 0;
	}
	#nursing .nursing_philosophy .box {
		flex-direction: column;
		align-items: center;
	}
	#nursing .nursing_philosophy .box .img_box {
		width: 150px;
		height: 150px;
		margin-bottom: 15px;
	}
	#nursing .nursing_philosophy .box .img_box img {
		width: 80px;
	}
	#nursing .nursing_philosophy .box .txt_box {
		width: 100%;
	}
	#nursing .nursing_philosophy .box .txt_box h3.sub::after {
		width: 39%;
	}
	#nursing .nursing_box .policy h3.sub::after {
		width: 67%;
	}
	#nursing .nursing_box .policy ul {
		grid-row-gap: 15px;
	}
	#nursing .nursing_box .policy li {
		width: 100%;
	}
	#nursing .goal h3.sub::after {
		width: 82%;
	}
	#nursing .goal .box {
		grid-template-columns: repeat(2, 47%);
		gap: 10px 0;
	}
	#nursing .goal .box .in:last-of-type {
		grid-column: 1 / span 2;
	}
	#nursing .goal .box .in .img_box {
		width: 140px;
		height: 140px;
	}
	#nursing .goal .box .in .img_box img {
		width: 35%;
	}
	#nursing .goal .box .in:nth-of-type(2) .img_box img {
		width: 45%;
	}
	#nursing .goal .box .in:nth-of-type(3) .img_box img {
		width: 70%;
	}
}
@media only screen and (max-width: 320px) {
	#nursing .goal h3.sub span.fs {
		display: block
	}
}