@charset "UTF-8";

/* CSS Document */

/*===================================================
    各画面作成用CSS
===================================================*/

/*//////////////////////////////////////////////////
    Base layout
///////////////////////////////////////////////////*/
/* --------------------------------------------------
    ヘッダー(header)
-------------------------------------------------- */
@media (min-width: 769px) {

	header {
		position: relative;
		min-height: 275px;
	}

	header .headMenu {
		border-bottom: 8px solid #f5f2e9;
	}

	header .headMenu>div {
		max-width: 1020px;
		margin: 0 auto;
		padding: 20px 10px;
	}

	header .headMenu h1 {
		float: left;
		width: 328px;
	}

	header .headMenu .infoBox {
		overflow: hidden;
		float: right;
		text-align: right;
	}

	header .headMenu .infoBox .btnTel {
		float: left;
		width: 250px;
		font-size: 13px;
	}

	header .headMenu .infoBox .btnTel p span {
		display: inline-block;
		width: 237px;
		margin-bottom: 10px;
	}

	header .headMenu .infoBox .btnAccess {
		float: right;
		width: 174px;
		margin-left: 15px;
	}

	header .headMenu .infoBox .btnAccess a {
		transition: 0.6s;
	}

	header .headMenu .infoBox .btnAccess a:hover {
		opacity: 0.6;
	}

}

/* --------------------------------------------------
    ナビ
-------------------------------------------------- */
@media (min-width: 769px) {

	nav {
		position: absolute;
		bottom: 0;
		width: 100%;
		height: 111px;
		padding: 10px;
		background: #FFFFFF;
	}

	nav ul {
		overflow: hidden;
		max-width: 1000px;
		margin: 0 auto;
	}

	nav ul li {
		float: left;
		text-align: center;
	}

	nav ul li+li {
		margin-left: 6.3%;
	}

	nav ul li a {
		transition: 0.6s;
	}

	nav ul li a:hover {
		opacity: 0.6;
	}

	/* スクロール時 */
	/*nav.fixed {
		position: fixed;
	    top: 0;
	    width: 100%;
	    min-width: 980px;
	    z-index: 10000;
	}*/

}

/*//////////////////////////////////////////////////
    下層ページメイン共通
///////////////////////////////////////////////////*/
article {
	margin-bottom: 60px;
}

article h2 {
	margin-bottom: 50px;
	font-size: 35px;
	line-height: 170px;
	text-align: center;
	background: url("../image/common/bg_ttl.png");
}

/*//////////////////////////////////////////////////
    診療のご案内
///////////////////////////////////////////////////*/

/*    最初のコンテンツ
-------------------------------------------------- */
#examination #headLine {
	margin-bottom: 50px;
}

#examination #headLine>dl>dt {
	margin-bottom: 20px;
	padding-left: 50px;
	font-size: 24px;
	color: #8c593f;
	background: url("../image/common/icon_calendar.png") left center no-repeat;
	background-size: 33px auto;
}

#examination #headLine .weeklyTbl th {
	width: 20%;
}

#examination #headLine .weeklyTbl+p {
	text-align: right;
}

/*    ご来院にあたって
-------------------------------------------------- */
#examination .sec01 {
	padding: 50px 0 60px;
	background: #f6f3ea;
}

#examination .sec01 .cntWrap>dl {
	margin-bottom: 20px;
	padding: 20px;
	background: #FFFFFF;
}

#examination .sec01 .cntWrap>dl>dt {
	margin-bottom: 20px;
	padding-left: 70px;
	font-size: 24px;
	color: #8c593f;
	line-height: 50px;
}

#examination .sec01 .cntWrap h3+dl>dt {
	background: url("../image/examination/ttl_num_01.png") left top no-repeat;
}

#examination .sec01 .cntWrap h3+dl+dl>dt {
	background: url("../image/examination/ttl_num_02.png") left top no-repeat;
}

#examination .sec01 .cntWrap h3+dl+dl+dl>dt {
	background: url("../image/examination/ttl_num_03.png") left top no-repeat;
}

#examination .sec01 .cntWrap h3+dl>dd .trgtBox dt {
	width: 18%;
}

#examination .sec01 .cntWrap h3+dl>dd .trgtBox dd {
	padding: 20px;
}

#examination .sec01 .cntWrap h3+dl+dl+dl>dd p {
	margin-bottom: 10px;
}

#examination .sec01 .cntWrap h3+dl+dl+dl>dd {
	padding-left: 60px;
}

#examination .sec01 .cntWrap h3+dl+dl+dl>dd ul li {
	display: inline-block;
	width: 300px;
	margin-top: 10px;
}

/*    診療内容
-------------------------------------------------- */
#examination .sec02 {
	padding: 50px 0 60px;
}

#examination .sec02 h3+p {
	margin-bottom: 60px;
}

#examination .sec02 dl+dl {
	margin-top: 40px;
}

#examination .sec02 dl dt {
	margin-bottom: 30px;
	font-size: 30px;
	text-align: center;
}

#examination .sec02 dl dd ul {
	overflow: hidden;
	margin: -20px 0 0 -3%;
}

#examination .sec02 dl dd ul li {
	float: left;
	width: 30%;
	margin: 20px 0 0 3%;
	text-align: center;
	font-size: 18px;
	line-height: 70px;
	border-radius: 4px;
	background: #f6f3ea;
}

#examination .sec02 .bnrLink {
	overflow: hidden;
	margin-top: 60px;
}

#examination .sec02 .bnrLink li:first-child {
	float: left;
	width: 48%;
}

#examination .sec02 .bnrLink li:nth-child(2) {
	float: right;
	width: 48%;
}

#examination .sec02 .bnrLink li a {
	transition: 0.6s;
}

#examination .sec02 .bnrLink li a:hover {
	opacity: 0.6;
}

.cbdWrap img {
	width: 800px;
	max-width: 100%;
}

.cbdWrap {
	text-align: center;
	margin-top: 50px;
}

/*    はじめて来院される方へ
-------------------------------------------------- */
#examination .sec03 {
	margin-bottom: 50px;
	padding: 50px 0 60px;
}

#examination .sec03 h3+p {
	line-height: 2;
}

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

/*    最初のコンテンツ
-------------------------------------------------- */
#medicalcheck #headLine {
	margin-bottom: 50px;
}

#medicalcheck #headLine dl dt {
	margin-bottom: 30px;
	font-size: 32px;
	text-align: center;
}

#medicalcheck #headLine dl dd {
	overflow: hidden;
}

#medicalcheck #headLine dl dd>p {
	float: right;
	width: 466px;
}

#medicalcheck #headLine dl dd>div {
	float: left;
	width: 480px;
}

/*    診断コース一覧
-------------------------------------------------- */
#medicalcheck .sec01 {
	padding: 50px 0 60px;
	background: #f6f3ea;
}

#medicalcheck .sec01 h3+div {
	padding: 25px 20px;
	background: #FFFFFF;
}

#medicalcheck .sec01 .trgtBox {
	min-height: 110px;
}

#medicalcheck .sec01 .trgtBox dd {
	padding: 10px 20px;
	font-size: 15px;
}

#medicalcheck .sec01 .trgtBox dd em {
	display: inline-block;
	margin-right: 1em;
	font-size: 18px;
	font-weight: bold;
}

#medicalcheck .sec01 .trgtBox+p {
	margin-top: 5px;
	font-size: 18px;
	font-weight: bold;
	text-align: right;
}

#medicalcheck .sec01 .trgtBox+p+dl {
	margin-top: 20px;
}

/*    診断コース内訳
-------------------------------------------------- */
#medicalcheck .sec02 {
	padding: 50px 0 60px;
}

#medicalcheck .sec02 h3+p {
	padding: 25px 30px;
	line-height: 2;
	background: #f6f3ea;
}

#medicalcheck .sec02 .trgtBox {
	min-height: 110px;
	margin-top: 20px;
}

#medicalcheck .sec02 .trgtBox dd {
	padding: 10px 20px;
	font-size: 15px;
}

#medicalcheck .sec02 .trgtBox+p {
	margin-top: 50px;
	padding: 120px 10px;
	font-size: 24px;
	text-align: center;
	background: url("../image/medicalcheck/bg_medicalcheck_01.png") center no-repeat;
}

/*//////////////////////////////////////////////////
    超音波検査について
///////////////////////////////////////////////////*/

/*    最初のコンテンツ
-------------------------------------------------- */
#ultrasound #headLine {
	margin-bottom: 50px;
}

#ultrasound #headLine dl {
	position: relative;
	min-height: 340px;
}

#ultrasound #headLine dl dt {
	width: 400px;
	margin-bottom: 20px;
	font-size: 32px;
	line-height: 1.5;
}

#ultrasound #headLine dl dt br {
	display: none;
}

#ultrasound #headLine dl dt+dd {
	position: absolute;
	top: 10px;
	right: 0;
	width: 465px;
}

#ultrasound #headLine dl dt+dd+dd {
	width: 486px;
	line-height: 2;
}

#ultrasound #headLine dl dt+dd+dd ul li {
	position: relative;
	padding-left: 1em;
}

#ultrasound #headLine dl dt+dd+dd ul li:before {
	content: '・';
	position: absolute;
	left: 0;
}

#ultrasound #headLine dl+dl {
	margin-top: 60px;
}

/*    超音波検査ではこんなことが分かります。
-------------------------------------------------- */
#ultrasound .sec01 {
	margin-bottom: 60px;
	padding: 50px 0 60px;
	background: #f6f3ea;
}

#ultrasound .sec01 h3+div {
	overflow: hidden;
	padding: 20px 40px;
	background: #FFFFFF;
}

#ultrasound .sec01 dl {
	float: left;
	width: 400px;
}

#ultrasound .sec01 dl+dl {
	float: right;
}

#ultrasound .sec01 dl dt {
	margin-bottom: 20px;
	font-size: 30px;
	border-bottom: 1px dashed #939393;
}

#ultrasound .sec01 dl dd {
	line-height: 2;
}

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

/*    ごあいさつ
-------------------------------------------------- */
#director .sec01 {
	margin-bottom: 40px;
}

#director .sec01 dl dt {
	margin-bottom: 30px;
	font-size: 26px;
	text-align: center;
}

#director .sec01 dl dt br:first-child {
	display: none;
}

#director .sec01 dl dt+dd {
	overflow: hidden;
	margin-bottom: 40px;
	line-height: 2;
}

#director .sec01 dl dt+dd>div {
	float: left;
}

#director .sec01 dl dt+dd>div .name {
	width: 342px;
	margin-top: 20px;
}

#director .sec01 dl dt+dd>p {
	float: right;
	width: 405px;
}

#director .sec01 dl dt+dd+dd {
	padding: 20px;
	border-radius: 4px;
	background: #f6f3ea;
}

/*//////////////////////////////////////////////////
    当院について
///////////////////////////////////////////////////*/

/*    医院紹介
-------------------------------------------------- */
#hospital .sec01 {
	margin-bottom: 40px;
}

#hospital .sec01 h3+p {
	margin-bottom: 40px;
	line-height: 2;
}

#hospital .sec01 .photoBox {
	overflow: hidden;
	margin: -40px 0 0 -3%;
}

#hospital .sec01 .photoBox dl {
	float: left;
	width: 30%;
	max-width: 288px;
	height: 288px;
	margin: 40px 0 0 3%;
}

#hospital .sec01 .photoBox dl dt {
	position: relative;
	margin-bottom: 10px;
	padding-left: 35px;
	font-size: 19px;
}

#hospital .sec01 .photoBox dl dt:before {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	width: 28px;
	height: 28px;
	background: url("../image/common/tt_paw_01.png") center no-repeat;
	background-size: 28px auto;
}


#hospital .sec01 .photoBox .multi {
	width: 63%;
	max-width: 618px;
}

#hospital .sec01 .photoBox .multi ul {
	overflow: hidden;
}

#hospital .sec01 .photoBox .multi ul li {
	float: left;
	width: 47%;
}

#hospital .sec01 .photoBox .multi ul li+li {
	margin-left: 6%;
}

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

/*    最初のコンテンツ
-------------------------------------------------- */
#schedule #headLine {
	margin-bottom: 50px;
}

#schedule #headLine dl dt {
	margin-bottom: 30px;
	font-size: 32px;
	text-align: center;
}

#schedule #headLine dl dd {
	line-height: 2;
}

/*    スケジュール
-------------------------------------------------- */
#schedule .sec01,
#schedule .sec02 {
	margin-bottom: 80px;
}

#schedule .sec01 h3+p,
#schedule .sec02 h3+p {
	max-width: 970px;
	margin: 0 auto;
}

#schedule .sec02+dl {
	max-width: 1020px;
	margin: 0 auto 80px;
	padding: 0 10px;
}

#schedule .sec02+dl dt {
	margin-bottom: 20px;
	padding-left: 1em;
	font-size: 32px;
	border-bottom: 1px solid #333333;
}

#schedule .sec02+dl dt br {
	display: none;
}

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

/*    最初のコンテンツ
-------------------------------------------------- */
#faq #headLine {
	margin-bottom: 50px;
}

#faq #headLine dl {
	margin-bottom: 50px;
}

#faq #headLine dl dt {
	margin-bottom: 30px;
	font-size: 32px;
	text-align: center;
}

#faq #headLine dl dd {
	line-height: 2;
}

/*    ページ内リンクメニュー
-------------------------------------------------- */
#faq #linkBox {
	overflow: hidden;
	padding: 0 70px;
	border-bottom: 6px solid #e99b45;
}

#faq #linkBox li {
	float: left;
	width: 255px;
	font-size: 26px;
	text-align: center;
	border-radius: 6px 6px 0 0;
	background: url("../image/faq/icon_arrow_white.png") 94% 28px no-repeat #e99b45;
}

#faq #linkBox li+li {
	margin-left: 25px;
}

#faq #linkBox li a {
	display: block;
	padding: 10px;
	color: #FFFFFF;
	text-indent: -0.5em;
}

@media (min-width: 769px) {
	#faq #linkBox li:hover {
		opacity: 0.6;
		transition: 0.6s;
	}
}

/*    Q&A
-------------------------------------------------- */
#faq .acMenu {
	margin: -111px 0 80px;
	padding-top: 111px;
}

#faq .acMenu dl {
	max-width: 885px;
	margin: 0 auto;
	font-size: 18px;
}

#faq .acMenu dt {
	background: url("../image/faq/icon_q.png") left 10px no-repeat;
}

#faq .acMenu dt span {
	display: block;
	padding: 20px 120px 20px 70px;
	cursor: pointer;
	background: url("../image/faq/icon_arrow_grey.png") right center no-repeat;
}

#faq .acMenu dt.active span {
	background: url("../image/faq/icon_arrow_grey_on.png") right center no-repeat;
}

#faq .acMenu dd {
	display: none;
	position: relative;
	padding: 20px 120px 20px 70px;
	word-break: break-word;
}

#faq .acMenu dd:before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	width: 53px;
	height: 53px;
	background: url("../image/faq/icon_a.png") center no-repeat;
}

#faq .acMenu dl+dl {
	margin: 50px auto 0;
}

/*    しつけについて
-------------------------------------------------- */
#faq #sec03 {
	margin: -111px 0 100px;
	padding-top: 111px;
}

#faq #sec03 h3+p {
	max-width: 366px;
	margin: 0 auto 40px;
	line-height: 2;
}

#faq #sec03 .btnPdf {
	width: 286px;
	margin: 0 auto;
}

#faq #sec03 .btnPdf a:hover {
	opacity: 0.6;
	transition: 0.6s;
}

/*//////////////////////////////////////////////////
   採用情報
///////////////////////////////////////////////////*/
#recruit>section {
	margin-bottom: 80px;
}

#recruit .ttl01 {
	margin-bottom: 50px;
}

/*    最初のコンテンツ
-------------------------------------------------- */
#recruit #headLine {
	margin-bottom: 80px;
}

#recruit #headLine dl dt {
	margin-bottom: 30px;
	font-size: 32px;
	text-align: center;
}

#recruit #headLine dl dd {
	overflow: hidden;
}

#recruit #headLine dl dd>p {
	float: right;
	width: 466px;
}

#recruit #headLine dl dd>div {
	float: left;
	width: 480px;
	line-height: 2;
}

/*    先輩インタビュー
-------------------------------------------------- */
#recruit .sec01 .photoLeft {
	float: left;
	width: 458px;
}

#recruit .sec01 .photoLeft+p {
	float: right;
	width: 480px;
	line-height: 2;
}

/*    募集要項
-------------------------------------------------- */
#recruit .sec02 table {
	width: 100%;
	border-spacing: 0;
	background: #f7f1df;
}

#recruit .sec02 table thead tr {
	color: #FFFFFF;
	border-radius: 4px 4px 0 0;
}

#recruit .sec02 table thead tr th {
	padding: 10px 0;
	font-size: 18px;
	text-align: center;
	border-bottom: 1px solid #ede8d7;
	border-radius: 4px 0 0 0;
	background: #a98c37;
}

#recruit .sec02 table thead tr th+th {
	border-left: 1px solid #ece5d1;
	border-radius: 0 4px 0 0;
}

#recruit .sec02 table tbody tr {
	border-left: 1px solid #ede8d7;
	border-right: 1px solid #ede8d7;
}

#recruit .sec02 table tbody tr:nth-child(even)>* {
	background: #fffcf1;
}

#recruit .sec02 table tbody tr:last-child {
	border-bottom: 1px solid #ede8d7;
}

#recruit .sec02 table tbody tr th {
	width: 25%;
	padding: 15px 0;
	font-size: 17px;
	text-align: center;
	vertical-align: middle;
	border-right: 1px solid #ece5d1;
}

#recruit .sec02 table tbody tr th br {
	display: none;
}

#recruit .sec02 table tbody tr td {
	padding: 15px 0 15px 25px;
	line-height: 2;
}

/*    応募フォーム
-------------------------------------------------- */
#recruit .sec03 h3+p {
	margin-bottom: 50px;
	line-height: 2;
}

#recruit .sec03 .contactBox {
	margin-bottom: 50px;
}

#recruit .sec03 .contactBox dt {
	margin-bottom: 20px;
	font-size: 26px;
	border-bottom: 1px solid #333333;
}

#recruit .sec03 .contactBox dt+dd {
	display: table;
	margin-bottom: 10px;
}

#recruit .sec03 .contactBox dt+dd img {
	display: table-cell;
	width: 237px;
}

#recruit .sec03 .contactBox dt+dd span {
	display: table-cell;
	padding-left: 20px;
	font-size: 25px;
}

#complete {
	font-size: 18px;
	text-align: center;
}

#contactForm h4 {
	margin-bottom: 60px;
	font-size: 26px;
	border-bottom: 1px solid #333333;
}

#contactForm dl {
	display: table;
	width: 100%;
	padding: 20px 30px;
	border-top: 1px solid #ede8d7;
}

#contactForm dl dt {
	display: table-cell;
	width: 240px;
}

#contactForm dl dt em {
	display: inline-block;
	margin-left: 10px;
	color: #e4d638;
}

#contactForm dl dd {
	display: table-cell;
}

/*備考*/
#contactForm .remarks dt {
	vertical-align: top;
}

/* 入力項目
--------------------------------------*/

/*テキストボックス・メール・電話*/
#contactForm input[type="text"],
#contactForm input[type="email"],
#contactForm input[type="tel"] {
	width: 100%;
	height: 50px;
	padding-left: 10px;
	font-size: 15px;
	border: 1px solid #ede8d7;
	border-radius: 5px;
	background: #fffcf1;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/*テキストエリア*/
#contactForm textarea {
	width: 100%;
	height: 220px;
	padding-left: 10px;
	font-size: 15px;
	border: 1px solid #ede8d7;
	background: #fffcf1;
	resize: none;
}

#contactForm input[type="text"]:focus,
#contactForm input[type="email"]:focus,
#contactForm input[type="tel"]:focus,
#contactForm textarea:focus {
	outline: 0;
	border: 2px solid #90CEFD;
}

/*ボタン*/
#contactForm .btnList {
	overflow: hidden;
	width: 600px;
	margin: 30px auto 0;
}

#contactForm .btnList li {
	float: left;
	width: 286px;
	height: 66px;
}

#contactForm .btnList li+li {
	float: right;
}

#contactForm .btnList li input {
	border: 0;
	outline: 0;
	padding: 15px 10px;
	width: 100%;
	font-size: 24px;
	color: #a35211;
	border-radius: 4px;
	cursor: pointer;
	transition: 0.6s;
}

#contactForm .clearForm {
	background: url("../image/recruit/stripe_grey.png");
}

#contactForm .clearForm2 {
	background: url("../image/recruit/stripe_orange.png");
}

@media (min-width: 769px) {
	#contactForm .btnList li input:hover {
		opacity: 0.6;
	}
}

/*//////////////////////////////////////////////////
    ペットホテル
///////////////////////////////////////////////////*/
#petHotel>section {
	margin-bottom: 80px;
}

#petHotel .ttl01 {
	margin-bottom: 60px;
}

#petHotel table {
	width: 100%;
}

#petHotel table tr+tr {
	border-top: 1px solid #FFFFFF;
}

#petHotel table th {
	padding: 20px 0;
	font-size: 16px;
	font-weight: bold;
	color: #FFFFFF;
	background: #a98c37;
}

#petHotel table td {
	padding: 20px 0;
	background: #ede8d7;
}

#petHotel table tbody tr:first-child th {
	border-radius: 4px 0 0 0;
}

#petHotel table tbody tr:first-child td {
	border-radius: 0 4px 0 0;
}

#petHotel table tbody tr:last-child th {
	border-radius: 0 0 0 4px;
}

#petHotel table tbody tr:last-child td {
	border-radius: 0 0 4px 0;
}

/*    最初のコンテンツ
-------------------------------------------------- */
#petHotel #headLine {
	margin-bottom: 80px;
}

#petHotel #headLine dl dt {
	margin-bottom: 30px;
	font-size: 32px;
	text-align: center;
}

#petHotel #headLine dl dd {
	overflow: hidden;
}

#petHotel #headLine dl dd>p {
	float: right;
	width: 466px;
}

#petHotel #headLine dl dd>div {
	float: left;
	width: 480px;
	line-height: 2;
}

/*    ご利用の流れ
-------------------------------------------------- */
#petHotel .sec01 .flowList+dl {
	margin-top: 60px;
}

#petHotel .sec01 .flowList dt {
	margin-bottom: 15px;
	padding-left: 15px;
	font-size: 25px;
	line-height: 1;
	border-left: 6px solid #e4d638;
}

#petHotel .sec01 .flowList dd ol {
	overflow: hidden;
}

#petHotel .sec01 .flowList dd ol li {
	float: left;
	padding: 20px 20px 20px 80px;
	font-size: 25px;
	border-radius: 4px;
}

#petHotel .sec01 .flowList dd ol li+li {
	position: relative;
	margin-left: 30px;
}

#petHotel .sec01 .flowList dd ol li+li:before {
	content: '';
	position: absolute;
	left: -22px;
	top: 0;
	bottom: 0;
	width: 17px;
	height: 20px;
	margin: auto 0;
	background: url("../image/pethotel/pc/list_arrow_right.png") center no-repeat;
}

#petHotel .sec01 .flowList dd ol li:first-child {
	background: url("../image/pethotel/pc/step_01.png") 5px center no-repeat #e4d638;
}

#petHotel .sec01 .flowList dd ol li:nth-child(2) {
	background: url("../image/pethotel/pc/step_02.png") 5px center no-repeat #e4d638;
}

#petHotel .sec01 .flowList dd ol li:nth-child(3) {
	background: url("../image/pethotel/pc/step_03.png") 5px center no-repeat #e4d638;
}

/*    宿泊料金
-------------------------------------------------- */
#petHotel .sec02 table th {
	width: 50%;
	padding: 20px 0 20px 50px;
}

#petHotel .sec02 table td {
	text-align: center;
}

/*    ご利用の注意事項
-------------------------------------------------- */
#petHotel .sec03 h3+p {
	line-height: 2;
}

/*    動物取り扱い業者標識
-------------------------------------------------- */
#petHotel .sec04 table th {
	width: 28%;
	padding: 20px 0 20px 40px;
}

#petHotel .sec04 table td {
	padding: 20px 0 20px 40px;
}