@charset "UTF-8";

/* 改行 */
.break_animal {

	display: none;

}

/* 診察動物 */
#animal {

	margin-bottom: 25rem;

}

#animal h2 {

	margin-bottom: 16rem;

}

#animal .ani_img {

	margin-bottom: 11rem;

}

#animal p {
	
	width: 44.2em;
	margin: 0 auto;
	font-size: 2.6rem;
	font-weight: 500;
	letter-spacing: 0.12em;

}

#animal .line1 {

	margin-bottom: 1.8rem;

}

#animal .line2 {

	color: #65A4C0;

}

/* 診療内容 */
#treatment {

	margin-bottom: 27rem;

}

#treatment h2 {

	margin-bottom: 8rem;

}

#treatment .inner {
	
	padding-top: 5.5rem;
	background: #F5F5F7;

}

#treatment .box {
	
	margin-bottom: 10rem;
	color: #663725;
	border-bottom: 1px solid #663725;

}

#treatment .box:last-child {

	margin-bottom: 7rem;

}

#treatment .box h3 {
	
	float: left;
	width: 31%;
	padding-left: 0.8em;
	font-size: 3rem;
	font-weight: 600;
	line-height: 1.7;
	letter-spacing: 0.2em;

}

#treatment .box p {
	
	font-size: 2.5rem;
	letter-spacing: 0.14em;
	transform: translateY(0.4em);

}



/* 中サイズ */
@media only screen and (max-width: 1366px) {



}



/* iPadPro */
@media only screen and (max-width: 1024px) {



}



/* AndroidのＬの横 */
@media only screen and (max-width: 854px) {



}



/* iPad */
@media only screen and (max-width: 768px) {

	/* 診察動物 */
	#animal p {
		
		width: 43.5em;
		font-size: 2.6rem;
		letter-spacing: 0.08em;
		
	}
	
	/* 診療内容 */
	#treatment .box h3 {
		
		float: left;
		width: 34%;
		padding-left: 0.8em;
		font-size: 3rem;
		line-height: 1.7;
		letter-spacing: 0.14em;
		
	}
	
	#treatment .box p {
		
		font-size: 2.5rem;
		letter-spacing: 0.1em;
		transform: translateY(0.4em);
		
	}

}



/* iPhonePlusの横 */
@media only screen and (max-width: 736px) {



}



/* iPhone8の横 */
@media only screen and (max-width: 667px) {



}



/* iPhone5の横 */
@media only screen and (max-width: 568px) {



}



/* AndLoidL */
@media only screen and (max-width: 480px) {

	/* 改行 */
	.break_animal {
		
		display: block;
		
	}
	
	/* 診察動物 */
	#animal {
	
		margin-bottom: 23rem;
	
	}
	
	#animal h2 {
	
		margin-bottom: 10rem;
	
	}
	
	#animal .ani_img {
		
		margin-bottom: 8rem;
		
	}
		
	#animal p {
		
		width: 27.8em;
		font-size: 3.2rem;
		line-height: 1.8;
		letter-spacing: 0.06em;
		
	}
	
	/* 診療内容 */
	#treatment {
		
		margin-bottom: 22rem;
		
	}
	
	#treatment h2 {
	
		margin-bottom: 10rem;
	
	}
	
	#treatment .inner {
		
		clear: both;
		padding-bottom: 1.5rem;
 
	}
	
	#treatment .box {
		
		margin-bottom: 6rem;
		padding-left: 1em;
		
	}
	
	#treatment .box h3 {
		
		float: none;
		width: 100%;
		padding-left: 0;
		font-size: 3rem;
		line-height: 1.7;
		letter-spacing: 0.08em;
		
	}
	
	#treatment .box p {
		
		margin-bottom: 2rem;
		font-size: 3rem;
		letter-spacing: 0.08em;
		transform: translateY(0.2em);
		
	}

}


/* Iphone12 Pro Max */
@media only screen and (max-width: 428px) {

	/* 診療内容 */
	#treatment .box {
	
		padding-left: 1em;
	
	}
	
	#treatment .box h3 {
		
		float: none;
		width: 100%;
		margin-bottom: 1rem;
		padding-left: 0;
		font-size: 3.1rem;
		line-height: 1.7;
		letter-spacing: 0.1em;
		
	}
	
	#treatment .box p {
		
		margin-bottom: 2rem;
		font-size: 3rem;
		letter-spacing: 0.08em;
		transform: translateY(0);
		
	}

}


/* iPhonePlus */
@media only screen and (max-width: 414px) {



}


/* iPhone12 Pro */
@media only screen and (max-width: 390px) {



}


/* iPhone8 */
@media only screen and (max-width: 375px) {



}



/* Galaxy */
@media only screen and (max-width: 360px) {



}



/* iPhone5 */
@media only screen and (max-width: 320px) {



}