@charset "UTF-8";

/* CSS Document */

/*===================================================
    各画面作成用CSS(スマホ)
===================================================*/
/*//////////////////////////////////////////////////
    Base layout
///////////////////////////////////////////////////*/
/* --------------------------------------------------
    ヘッダー(header)
-------------------------------------------------- */
header .headMenu .infoBox {
	display: none;
}
/*//////////////////////////////////////////////////
    下層ページメイン共通
///////////////////////////////////////////////////*/
article {
	margin-bottom: 30px;
}
article h2 {
	margin-bottom: 25px;
	font-size: 18px;
	line-height: 85px;
}
/*//////////////////////////////////////////////////
    診療のご案内
///////////////////////////////////////////////////*/

/*    最初のコンテンツ
-------------------------------------------------- */
#examination #headLine {
	margin-bottom: 25px;
}
	#examination #headLine > dl > dt {
		margin-bottom: 10px;
		font-size: 16px;
		line-height: 33px;
	}
	#examination #headLine .weeklyTbl th {
		width: 28%;
	}

/*    ご来院にあたって
-------------------------------------------------- */
#examination .sec01 {
	padding: 25px 0 30px;
}
	#examination .sec01 .cntWrap > dl {
		padding: 10px;
	}
		#examination .sec01 .cntWrap > dl > dt {
			margin-bottom: 10px;
			padding: 5px 0 5px 35px;
			font-size: 12px;
			line-height: 1.5;
		}
		#examination .sec01 .cntWrap h3 + dl > dt,
		#examination .sec01 .cntWrap h3 + dl + dl > dt,
		#examination .sec01 .cntWrap h3 + dl + dl + dl > dt {
			background-size: 28px auto;
		}
		#examination .sec01 .cntWrap h3 + dl + dl + dl > dd {
			padding-left: 0;
		}
		#examination .sec01 .cntWrap h3 + dl > dd .trgtBox dd {
			padding: 8px 10px;
		}
		#examination .sec01 .cntWrap h3 + dl + dl + dl > dd p {
			margin-bottom:0;
		}
		#examination .sec01 .cntWrap h3 + dl + dl + dl > dd ul {
			overflow: hidden;
		}
		#examination .sec01 .cntWrap h3 + dl + dl + dl > dd ul li {
			float: left;
			width: 50%;
			margin-top: 10px;
		}

/*    診療内容
-------------------------------------------------- */
#examination .sec02 {
	padding: 25px 0 30px;
}
	#examination .sec02 h3 + p {
		margin-bottom: 30px;
	}
	#examination .sec02 dl + dl {
		margin-top: 20px;
	}
		#examination .sec02 dl dt {
			margin-bottom: 15px;
			font-size: 15px;
		}
		#examination .sec02 dl dd ul {
			margin: -10px 0 0 -3%;
		}
			#examination .sec02 dl dd ul li {
				margin: 10px 0 0 3%;
				font-size: 10px;
				line-height: 35px;
			}
	#examination .sec02 .bnrLink {
		margin-top: 30px;
	}
		#examination .sec02 .bnrLink li:first-child,
		#examination .sec02 .bnrLink li:nth-child(2) {
			float: none;
			width: 100%;
		}
		#examination .sec02 .bnrLink li:first-child {
			margin-bottom: 10px;
		}

/*    はじめて来院される方へ
-------------------------------------------------- */
#examination .sec03 {
	margin-bottom: 30px;
	padding: 0;
}
	#examination .sec03 h3 + p {
		line-height: 1.5;
	}

/*//////////////////////////////////////////////////
    健康診断・診察について
///////////////////////////////////////////////////*/

/*    最初のコンテンツ
-------------------------------------------------- */
#medicalcheck #headLine {
	margin-bottom: 25px;
}
	#medicalcheck #headLine dl dt {
		margin-bottom: 15px;
		font-size: 16px;
	}
	#medicalcheck #headLine dl dd > p,
	#medicalcheck #headLine dl dd > div {
		float: none;
		width: 100%;
	}
	#medicalcheck #headLine dl dd > p {
		margin-bottom: 20px;
	}

/*    診断コース一覧
-------------------------------------------------- */
#medicalcheck .sec01 {
	padding: 25px 0 30px;
}
	#medicalcheck .sec01 h3 + div {
		padding: 15px 10px;
	}
	#medicalcheck .sec01 .trgtBox {
		display: block;
		min-height: 0;
	}
		#medicalcheck .sec01 .trgtBox dt,
		#medicalcheck .sec01 .trgtBox dd {
			position: relative;
			display: block;
			width: 100%;
			padding: 10px;
			font-size: 13px;
		}
			#medicalcheck .sec01 .trgtBox dd em {
				position: absolute;
				font-size: 13px;
			}
			#medicalcheck .sec01 .trgtBox dd span {
				display: inline-block;
				padding-left: 60px;
			}
	#medicalcheck .sec01 .trgtBox + p {
		font-size: 13px;
		text-align: center;
	}
	#medicalcheck .sec01 .trgtBox + p + dl {
		margin-top: 10px;
	}

/*    診断コース内訳
-------------------------------------------------- */
#medicalcheck .sec02 {
	padding: 25px 0 30px;
}
	#medicalcheck .sec02 h3 + p {
		padding: 15px;
		line-height: 1.5;
	}
	#medicalcheck .sec02 .trgtBox {
		display: block;
		width: 100%;
		min-height: 0;
		margin-top: 10px;
	}
		#medicalcheck .sec02 .trgtBox dt,
		#medicalcheck .sec02 .trgtBox dd {
			display: block;
			width: 100%;
			padding: 10px;
			font-size: 13px;
		}
	#medicalcheck .sec02 .trgtBox + p {
		margin-top: 25px;
		padding: 20px 10px;
		font-size: 15px;
		background-size: 230px auto;
	}

/*//////////////////////////////////////////////////
    超音波検査について
///////////////////////////////////////////////////*/
/*    最初のコンテンツ
-------------------------------------------------- */
#ultrasound #headLine {
	margin-bottom: 25px;
}
	#ultrasound #headLine dl {
		min-height: 0;
	}
		#ultrasound #headLine dl dt {
			width: 100%;
			margin-bottom: 15px;
			font-size: 16px;
			text-align: center;
		}
			#ultrasound #headLine dl dt br {
				display: block;
			}
		#ultrasound #headLine dl dt + dd {
			position: static;
			width: 100%;
			margin-bottom: 20px;
		}
		#ultrasound #headLine dl dt + dd + dd {
			width: 100%;
			line-height: 1.7;
		}
	#ultrasound #headLine dl + dl {
		margin-top: 30px;
	}

/*    超音波検査ではこんなことが分かります。
-------------------------------------------------- */
#ultrasound .sec01 {
	margin-bottom: 30px;
	padding: 25px 0 30px;
}
	#ultrasound .sec01 h3 + div {
		padding: 15px 20px;
	}
	#ultrasound .sec01 dl,
	#ultrasound .sec01 dl + dl {
		float: none;
		width: 100%;
	}
	#ultrasound .sec01 dl + dl {
		margin-top: 20px;
	}
		#ultrasound .sec01 dl dt {
			margin-bottom: 10px;
			font-size: 16px;
		}
		#ultrasound .sec01 dl dd {
			line-height: 1.7;
		}

/*//////////////////////////////////////////////////
    院長紹介
///////////////////////////////////////////////////*/

/*    ごあいさつ
-------------------------------------------------- */
#director .sec01 {
	margin-bottom: 20px;
}
	#director .sec01 dl dt {
		margin-bottom: 10px;
		font-size: 15px;
	}
		#director .sec01 dl dt br:first-child {
			display: block;
		}
	#director .sec01 dl dt + dd {
		margin-bottom: 20px;
	}
		#director .sec01 dl dt + dd > div,
		#director .sec01 dl dt + dd > p {
			float: none;
			width: 100%;
		}
			#director .sec01 dl dt + dd > div .name {
				width: 170px;
				margin-top: 10px;
			}
		#director .sec01 dl dt + dd > div {
			margin-bottom: 20px;
		}
	#director .sec01 dl dt + dd + dd {
		padding: 20px;
		border-radius: 4px;
		background: #f6f3ea;
	}

/*//////////////////////////////////////////////////
    当院について
///////////////////////////////////////////////////*/
/*    医院紹介
-------------------------------------------------- */
#hospital .sec01 {
	margin-bottom: 20px;
}
	#hospital .sec01 h3 + p {
		margin-bottom: 20px;
	}
	#hospital .sec01 .photoBox {
		margin: -30px 0 0 -2%;
	}
		#hospital .sec01 .photoBox dl {
			width: 48%;
			max-width: none;
			height: auto;
			margin: 30px 0 0 2%;
		}
			#hospital .sec01 .photoBox dl dt {
				padding-left: 20px;
				font-size: 15px;
			}
			#hospital .sec01 .photoBox dl dt:before {
				bottom: 5px;
				width: 14px;
			    height: 14px;
			    background-size: 14px auto;
			}
			#hospital .sec01 .photoBox dl dd {
				font-size: 12px;
			}
		#hospital .sec01 .photoBox .multi {
			width: 100%;
			max-width: none;
		}
			#hospital .sec01 .photoBox .multi ul li {
				width: 48%;
			}
			#hospital .sec01 .photoBox .multi ul li + li {
				margin-left: 2%;
			}


/*//////////////////////////////////////////////////
    年間スケジュール
///////////////////////////////////////////////////*/

/*    最初のコンテンツ
-------------------------------------------------- */
#schedule #headLine {
	margin-bottom: 25px;
}
	#schedule #headLine dl dt {
		margin-bottom: 10px;
		font-size: 16px;
	}

/*    スケジュール
-------------------------------------------------- */
#schedule .sec01,
#schedule .sec02 {
	margin-bottom: 40px;
}
#schedule .sec02 + dl {
	margin: 0 auto 40px;
}
	#schedule .sec02 + dl dt {
		margin-bottom: 10px;
		padding: 0 0 5px 0;
		font-size: 16px;
		text-align: center;
	}
		#schedule .sec02 + dl dt br {
			display: block;
		}
	#schedule .sec02 + dl dd {
		text-align: center;
	}

/*//////////////////////////////////////////////////
    よくあるご質問
///////////////////////////////////////////////////*/

/*    最初のコンテンツ
-------------------------------------------------- */
#faq #headLine,
#faq #headLine dl {
	margin-bottom: 25px;
}
	#faq #headLine dl dt {
		margin-bottom: 10px;
		font-size: 15px;
	}
/*    ページ内リンクメニュー
-------------------------------------------------- */
#faq #linkBox {
	margin: 0 -10px;
	padding: 0 10px;
}
	#faq #linkBox li {
		width: 32%;
		font-size: 13px;
		background: url("../image/faq/icon_arrow_white.png") center 96% no-repeat #e99b45;
		background-size: 10px auto;
	}
	#faq #linkBox li + li {
		margin-left: 2%;
	}
		#faq #linkBox li a {
			padding: 10px 0;
			text-indent: 0;
		}
/*    Q&A
-------------------------------------------------- */
#faq .acMenu {
	margin: 0 0 40px;
	padding-top: 0;
} 
	#faq .acMenu dl {
		font-size: 12px;
	}
		#faq .acMenu dt {
			background-size: 26px;
		}
			#faq .acMenu dt span {
				padding: 10px 60px 10px 35px;
				background-size: 24px;
			}
			#faq .acMenu dt.active span {
				background-size: 24px;
			}
		#faq .acMenu dd {
			padding: 10px 60px 10px 35px;
		}
		#faq .acMenu dd:before {
			width: 26px;
			height: 26px;
			background-size: 26px;
		}
	#faq .acMenu dl + dl {
		margin: 25px auto 0;
	}

/*    しつけについて
-------------------------------------------------- */
#faq #sec03 {
	margin: 0 0 30px;
	padding-top: 0;
}
#faq #sec03 h3 + p {
	margin: 0 auto 20px;
}
#faq #sec03 .btnPdf {
	width: 180px;
}

/*//////////////////////////////////////////////////
   採用情報
///////////////////////////////////////////////////*/
#recruit > section {
	margin-bottom: 20px;
}
#recruit .ttl01 {
	margin-bottom: 15px;
}
/*    最初のコンテンツ
-------------------------------------------------- */
#recruit #headLine {
	margin-bottom: 25px;
}
	#recruit #headLine dl dt {
		margin-bottom: 15px;
		font-size: 16px;
	}
	#recruit #headLine dl dd > p,
	#recruit #headLine dl dd > div {
		float: none;
		width: 100%;
	}
	#recruit #headLine dl dd > p {
		margin-bottom: 20px;
	}
/*    先輩インタビュー
-------------------------------------------------- */
#recruit .sec01 .photoLeft,
#recruit .sec01 .photoLeft + p {
	float: none;
	width: 100%;
}
#recruit .sec01 .photoLeft {
	margin-bottom: 10px;
}
/*    募集要項
-------------------------------------------------- */
#recruit .sec02 table thead tr th {
	padding: 5px 0;
	font-size: 12px;
}
#recruit .sec02 table tbody tr th {
	width: 27%;
	padding: 10px 3px;
	font-size: 12px;
}
	#recruit .sec02 table tbody tr th br {
		display: block;
	}
#recruit .sec02 table tbody tr td {
	padding: 10px 3px 10px 15px;
}
/*    応募フォーム
-------------------------------------------------- */
#recruit .sec03 h3 + p {
	margin-bottom: 25px;
	line-height: 2;
}
#recruit .sec03 .contactBox {
	margin-bottom: 25px;
}
	#recruit .sec03 .contactBox dt {
		margin-bottom: 10px;
		font-size: 13px;
	}
		#recruit .sec03 .contactBox dt + dd img {
			width: 130px;
		}
		#recruit .sec03 .contactBox dt + dd span {
			padding-left: 15px;
			font-size: 14px;
		}
#complete {
	font-size: 14px;
}
#contactForm h4 {
	margin-bottom: 0;
	font-size: 13px;
	text-align: center;
}
#contactForm dl,
#contactForm dl dt,
#contactForm dl dd {
	display: block;
	width: 100%;
}
#contactForm dl {
	padding: 10px 0;
	border-top:none;
	border-bottom: 1px solid #ede8d7;
}
	#contactForm dl dt {
		margin-bottom: 10px;
		text-align: center;
	}
/* 入力項目
--------------------------------------*/
/*テキストエリア*/
#contactForm textarea {
	height: 150px;
}
/*ボタン*/
#contactForm .btnList {
	width: 100%;
	margin: 15px auto 0;
}
	#contactForm .btnList li {
		width: 48%;
		height:40px;
	}
		#contactForm .btnList li input {
			padding: 10px;
			font-size: 12px;
		}
/*//////////////////////////////////////////////////
    ペットホテル
///////////////////////////////////////////////////*/
#petHotel > section {
	margin-bottom: 40px;
}
#petHotel .ttl01 {
	margin-bottom: 15px;
}
/*    最初のコンテンツ
-------------------------------------------------- */
#petHotel #headLine {
	margin-bottom: 40px;
}
	#petHotel #headLine dl dt {
		margin-bottom: 15px;
		font-size: 16px;
	}
	#petHotel #headLine dl dd > p,
	#petHotel #headLine dl dd > div {
		float: none;
		width: 100%;
	}
	#petHotel #headLine dl dd > p {
		margin-bottom: 20px;
	}

/*    ご利用の流れ
-------------------------------------------------- */
#petHotel .sec01 .flowList + dl {
	margin-top: 30px;
}
	#petHotel .sec01 .flowList dt {
		margin-bottom: 10px;
		padding-left:10px;
		font-size: 15px;
		line-height: 1.7;
		border-left: 3px solid #e4d638;
	}
		#petHotel .sec01 .flowList dd ol li {
			float: none;
			width: 100%;
			padding: 10px 0;
			font-size: 15px;
			text-align: center;
		}
		#petHotel .sec01 .flowList dd ol li + li {
			margin: 25px 0 0 0;
		}
		#petHotel .sec01 .flowList dd ol li + li:before {
			content: '';
			position: absolute;
			top: -20px;
			left: 0;
			right: 0;
			width: 17px;
			height: 15px;
			margin: 0 auto;
			background: url("../image/pethotel/smt/list_arrow_bottom.png") center no-repeat;
			background-size: 17px auto;
		}
		#petHotel .sec01 .flowList dd ol li:first-child {
			background: url("../image/pethotel/smt/step_01.png") 5px center no-repeat #e4d638;
			background-size: 32px auto;
		}
		#petHotel .sec01 .flowList dd ol li:nth-child(2) {
			background: url("../image/pethotel/smt/step_02.png") 5px center no-repeat #e4d638;
			background-size: 32px auto;
		}
		#petHotel .sec01 .flowList dd ol li:nth-child(3) {
			background: url("../image/pethotel/smt/step_03.png") 5px center no-repeat #e4d638;
			background-size: 32px auto;
		}


/*    宿泊料金
-------------------------------------------------- */
#petHotel .sec02 table th {
	width: 70%;
	padding: 10px 5px 10px 10px;
	font-size: 11px;
}
#petHotel .sec02 table td {
	padding: 10px 0;
	font-size: 11px;
}

/*    動物取り扱い業者標識
-------------------------------------------------- */
#petHotel .sec04 table th,
#petHotel .sec04 table td {
	padding: 10px 0 10px 10px;
	font-size: 11px;
}
#petHotel .sec04 table th {
	width: 38%
}