/*------------------------------------------

	病院概要

------------------------------------------*/
.box {
	padding-right: 40px;
	padding-left: 40px;
}

.box2 .img-box p:first-of-type {
	width: 34.375%;
}
.box2 .img-box p:last-of-type {
	width: 56.5625%;
}

.box3 .img-box {
	width: 500px;
}

.box3 .fb .txt-box {
	width: calc(100% - 550px);
}


.box4 .img-box {
	width: 50%;
}
.box4 .img-box img {
	width: 92%;
}
.box4 .img-box p {
	color: #4b3a30;
	font-weight: bold;
}

.case-box .img-box {
	width: 200px;
}
.case-box .txt-box {
	width: calc(100% - 200px);
	padding-left: 45px;
}
.case .tit {
	font-size: 2.2rem;
	color: #03004c;
}
.case .txt {
	color: #333;
}
.case-box li {
	width: 220px;
}
.case-box li:nth-of-type(even) {
	width: calc(100% - 220px);
}

/*PC*/
@media screen and (min-width: 768px) {
	.box7 .tit,
	.box7 .txt,
	.box7 .list-typ1 {
		padding-left: 10px;
	}
}/*END*/


/*Smartphone*/
@media screen and (max-width: 767px) {
	.box {
		padding-right: 2%;
		padding-left: 2%;
	}

	.box3 .img-box {
		width: 100%;
	}

	.box3 .fb .txt-box {
		width: 100%;
	}

	.box4 .img-box {
		width: 100%;
	}
	.box4 .img-box img {
		width: 100%;
	}

	.case-box .img-box {
		width: 100%;
	}
	.case-box .txt-box {
		width: 100%;
		padding-right: 2%;
		padding-left: 2%;
	}
	.case .tit {
		font-size: 1.5rem;
	}
	.case-box li {
		width: 100%;
	}
	.case-box li:nth-of-type(even) {
		width: 100%;
	}
}/*END*/