@charset "UTF-8";
/*lowerPage.css*/
.general-col-1 {
	margin: auto;
	margin-top: 100px;
	max-width: 1000px;
	padding: 16px;
}

.general-col-2 {
	gap: 10px;
	margin: auto;
	margin-top: 100px;
	max-width: 1000px;
	padding: 16px;
}

.general-col-3 {
	margin: auto;
	margin-top: 100px;
	max-width: 1000px;
	padding: 16px;
}

/*▼いつも心がけていること*/
.oath {
	text-align: left;
	font-size: 2.2rem;
}

/*subpage*/
.main-content {
	padding: 4rem 2%;
    margin: 0 auto;
	max-width: 1000px;
	width: 100%;
}

.main-content section{padding: 2rem 0;}

.doctor p {
	margin-bottom: initial;
}

.interview p {
	margin-bottom: initial;
	text-align: justify;
	text-justify: inter-ideograph;
}

.name {
	font-size: 2rem;
}

.profileBox ul {
	padding: 1.5rem 0;
}

.icon {
	line-height: 1.4;
	padding-left: 1.2em;
	position: relative;
}

.icon:before {
	color: #172A88;
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	left: 0;
	position: absolute;
	top: 0.1em;
}
.col-2 img{
    display: block;
	margin: 0 auto;
}
.col-2 .staff-text {
	padding-bottom: 56px;
}

.job-icon {
	line-height: 1.4;
	margin-bottom: 30px;
	margin-top: 3rem;
	padding-left: 1.2em;
	position: relative;
}

.job-icon:before {
	color: #172A88;
	content: "\f111";
	font-family: "Font Awesome 5 Free";
	font-size: 1em;
	left: 0;
	position: absolute;
	top: 0.1em;
}

.job-list {
	background: none;
	color: #172A88;
	display: grid;
	grid-auto-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
	max-width: 400px;
	text-align: center;
	width: 100%;
}

.job-list li {
	border-left: 1px solid #172A88;
	border-right: 1px solid #172A88;
	width: 100%;
}

.job-list li + li {
	border-left: 1px solid #172A88;
	border-left: 0;
	border-right: 1px solid #172A88;
	text-align: center;
}

.job p {
	color: #172A88;
	font-size: 2rem;
	margin: 1rem 0;
	padding-top: 2rem;
}

.job .time {
	border-top: 1px solid #172A88;
	color: #172A88;
	line-height: 1.8;
	margin: 0.5rem 0 0.5rem 0;
	padding: 10px 0 0;
	width: 100%;
}

.job .time dd {
	border-bottom: 1px solid #172A88;
	color: #000;
	margin: 0 0 1rem;
	padding: 0 5px 10px 13em;
	position: relative;
	text-align: left;
}

.job .time dt {
	float: left;
	margin: 0;
	padding: 0 0 0 0.5rem;
	width: 7em;
}

.employment {
	padding-top: 2rem;
}

.employment .icon {
	margin-bottom: initial;
}
/*施設紹介*/
.facilityPage .introduction{margin-bottom: 2rem;}

/*概要・アクセス*/
.summary-body .summary {
	border-top: 1px solid #172A88;
	color: #172A88;
	line-height: 1.8;
	margin: 0.5rem 0 0.5rem 0;
	padding: 10px 0 0;
	width: 100%;
}
.summary-body .summary dt {
	float: left;
	margin: 0;
	padding: 0 0 0 0.5rem;
	width: 7em;
}
.summary-body .summary dd {
	border-bottom: 1px solid #172A88;
	color: #000;
	margin: 0 0 1rem;
	padding: 0 5px 10px 7em;
	position: relative;
	text-align: left;
}

@media screen and (max-width: 768px) {

	body {
		font-size: 15px;
		font-size: 1.5rem;
	}
	.doctor {
		padding-top: 30px;
	}
	
	.content-col2--text-right .contents-img {
		order: 2;
	}
	
	.content-col2--text-right .contents-text {
		order: 1;
	}
	
	.contents-img {
		display: grid;
		justify-content: center;
	}
	.job-offer .job-img{text-align: center;}
	
}
@media screen and (min-width: 769px) {
.general-col-1 {
	display: grid;
	grid-auto-rows: auto;
	grid-template-columns: 1fr;
}

.general-col-2 {
	display: grid;
	grid-auto-rows: auto;
	grid-template-columns: 1fr 1fr;
}

.general-col-3--body {
	gap: 10px;
	display: grid;
	grid-auto-rows: auto;
	grid-template-columns: 1fr 1fr 1fr;
}

.job-offerBox {
	gap: 20px;
	display: grid;
	grid-auto-rows: auto;
	grid-template-columns: 1fr 1fr;
}

}