@charset "utf-8";

/* ========================================================================================================================/
	
	Document : style.css

/======================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------------/
	base
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

.half {
	width:525px;
	}

}

/* ------------------------------------------------------------------------------------------------------------------------/
	当サイトのコンセプト
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

.concept {
	margin:50px 0 0 0;
	}
	.concept h2 {
		}
		.concept h2 b { background:transparent url("./image/contents/top/ic_subject01.png") left top no-repeat; }

	.concept h3 { background:transparent url("./image/contents/top/ic_ssubject01.png") left top no-repeat; }

	.concept .catch {
		position:relative;
		}
		.concept .catch img {
			position:absolute;
			top:0;
			right:0;
			}

	.concept ul.concept_list {
		margin:20px 0 0 0;
		list-style:none;
		}
		.concept ul.concept_list li {
			float:left;
			width:331px;
			margin:0 20px 0 0;
			}
		.concept ul.concept_list li:nth-of-type(3) {
			margin:0;
			}
			.concept ul.concept_list li dl {
				width:100%;
				}
				.concept ul.concept_list li dl dt {
					width:100%;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					}
				.concept ul.concept_list li dl dd {
					margin:15px 0 0 0;
					}

}

/* SP */
@media only screen and (max-width: 640px) {

.concept {
	margin:30px 0 0 0;
	}
	.concept h2 {
		}
		.concept h2 b { background:transparent url("./image/contents/top/ic_subject01.png") left top no-repeat; }

	.concept h3 { background:transparent url("./image/contents/top/ic_ssubject01.png") left top no-repeat; }

	.concept .catch {
		position:relative;
		}
		.concept .catch img {
			display:block;
			margin:20px auto 0 auto;
			}
		.concept .catch p {
			max-height:9999px;
			}

	.concept ul.concept_list {
		margin:20px 0 0 0;
		list-style:none;
		}
		.concept ul.concept_list li {
			margin:0;
			}
		.concept ul.concept_list li:nth-of-type(3) {
			margin:0;
			}
			.concept ul.concept_list li dl {
				width:100%;
				margin:0 0 20px 0;
				}
				.concept ul.concept_list li dl dt {
					width:100%;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					}
					.concept ul.concept_list li dl dt img {
						width:534px !important;
						height:177px !important;
						}
				.concept ul.concept_list li dl dd {
					margin:15px 0 0 0;
					}
					.concept ul.concept_list li dl dd p {
						max-height:9999px;
						}

}


/* ------------------------------------------------------------------------------------------------------------------------/
	歯科医院を探す
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

.search {
	margin:50px 0 0 0;
	}
	.search h2 {
		}
		.search h2 b { background:transparent url("./image/contents/top/ic_subject02.png") left top no-repeat; }

	.search h3 { background:transparent url("./image/contents/top/ic_ssubject02.png") left top no-repeat; }

	.search .innerbox .inner {
		background:#ffffff url("./image/contents/top/map.png") 673px -35px no-repeat !important;
		}
	.search .areabox {
		width:627px;
		background:#ffffff url("./image/contents/top/border.gif") left top repeat;
		margin:20px 0 0 0;
		padding:3px;
		}
	.search .areabox .inner {
		background:#ffffff !important;
		padding:20px 20px 10px 20px !important;
		}
		.search .areabox dl {
			
			}
			.search .areabox dl dt {
				float:left;
				display:block;
				width:85px;
				color:#ffffff;
				font-size:15px;
				text-align:center;
				line-height:30px;
				box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				margin:0 10px 0 0;
				padding:1px 15px 0 15px;
				}
			.search .areabox dl:nth-of-type(1) dt {
				background:#e83428;
				}
			.search .areabox dl:nth-of-type(2) dt,
			.search .areabox dl:nth-of-type(3) dt,
			.search .areabox dl:nth-of-type(4) dt,
			.search .areabox dl:nth-of-type(5) dt,
			.search .areabox dl:nth-of-type(6) dt,
			.search .areabox dl:nth-of-type(7) dt {
				background:#269acf;
				}
			.search .areabox dl:nth-of-type(8) dt {
				background:#bec305;
				margin:0 10px 10px 0;
				}
			.search .areabox dl dd {
				float:left;
				width:462px;
				box-sizing:border-box;
				border-left:dotted 1px #cccccc;
				padding:0 0 10px 10px;
				}
			.search .areabox dl:nth-of-type(8) dd {
				padding:0 0 0 10px;
				}
				.search .areabox dl dd ul {
					list-style:none;
					}
					.search .areabox dl dd ul li {
						float:left;
						margin:10px 10px 0 0;
						}
					.search .areabox dl dd ul li:nth-of-type(4n) {
						margin:10px 0 0 0;
						}
					.search .areabox dl dd ul li:nth-of-type(1),
					.search .areabox dl dd ul li:nth-of-type(2),
					.search .areabox dl dd ul li:nth-of-type(3) {
						margin:0 10px 0 0;
						}
					.search .areabox dl dd ul li:nth-of-type(4) {
						margin:0;
						}
					.search .areabox dl:nth-of-type(1) dd ul li {
						float:left;
						margin:10px 10px 0 0;
						}
					.search .areabox dl:nth-of-type(1) dd ul li:nth-of-type(2n) {
						margin:10px 0 0 0;
						}
					.search .areabox dl:nth-of-type(1) dd ul li:nth-of-type(1),
					.search .areabox dl:nth-of-type(1) dd ul li:nth-of-type(2) {
						margin:0 10px 0 0;
						}
					.search .areabox dl:nth-of-type(1) dd ul li:nth-of-type(2) {
						margin:0;
						}
						.search .areabox dl dd ul li a {
							display:block;
							width:105px;
							color:#232323;
							font-size:15px;
							text-align:center;
							text-decoration:none;
							line-height:30px;
							box-sizing:border-box;
							background:#efefef url("./image/layout/ic01.png") 15px center no-repeat;
							background-size:8px 13px;
							box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							padding:1px 15px 0 30px;
							}
						.search .areabox dl dd ul li a.nothit {
							color:#cccccc;
							background:#efefef url("./image/layout/ic03.png") 15px center no-repeat;
							background-size:8px 13px;
							cursor:default;
							}
						.search .areabox dl:nth-of-type(1) dd ul li a {
							width:220px;
							}
						.search .areabox dl dd ul li a:hover {
							color:#ff9326;
							background:#f9f9f9 url("./image/layout/ic02.png") 15px center no-repeat;
							background-size:8px 13px;
							}
						.search .areabox dl dd ul li a.nothit:hover {
							color:#cccccc;
							background:#efefef url("./image/layout/ic03.png") 15px center no-repeat;
							background-size:8px 13px;
							}

}

/* SP */
@media only screen and (max-width: 640px) {

.search {
	margin:30px 0 0 0;
	}
	.search h2 {
		}
		.search h2 b { background:transparent url("./image/contents/top/ic_subject02.png") left top no-repeat; }

	.search h3 { background:transparent url("./image/contents/top/ic_ssubject02.png") left top no-repeat; }

	.search .innerbox .inner {
		}
	.search .areabox {
		margin:20px 0 0 0;
		}
	.search .areabox .inner {
		padding:0 !important;
		}
		.search .areabox dl {
			width:100%;
			}
			.search .areabox dl dt {
				display:block;
				width:100%;
				max-height:9999px;
				color:#ffffff;
				font-size:22px;
				text-align:center;
				line-height:60px;
				box-sizing:border-box;
				background-image:url("./image/layout/ic09.png");
				background-position:490px center;
				background-repeat:no-repeat;
				background-size:18px 15px;
				box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
				margin:0 10px 10px 0;
				padding:1px 15px 0 15px;
				}
			.search .areabox dl:nth-of-type(1) dt {
				background-color:#e83428;
				}
			.search .areabox dl dt.open {
				background-image:url("./image/layout/ic10.png");
				background-position:490px center;
				background-repeat:no-repeat;
				background-size:18px 15px;
				}
			.search .areabox dl:nth-of-type(2) dt,
			.search .areabox dl:nth-of-type(3) dt,
			.search .areabox dl:nth-of-type(4) dt,
			.search .areabox dl:nth-of-type(5) dt,
			.search .areabox dl:nth-of-type(6) dt,
			.search .areabox dl:nth-of-type(7) dt {
				background-color:#269acf;
				}
			.search .areabox dl:nth-of-type(8) dt {
				background-color:#bec305;
				margin:0 10px 0 0;
				}
			.search .areabox dl dd {
				display:none;
				width:100%;
				box-sizing:border-box;
				padding:0 0 10px 0;
				}
			.search .areabox dl:nth-of-type(8) dd {
				padding:0;
				}
			.search .areabox dl:nth-of-type(8) dd.open {
				padding:10px 0 0 0;
				}
				.search .areabox dl dd ul {
					list-style:none;
					}
					.search .areabox dl dd ul li {
						float:left;
						width:262px;
						margin:0 10px 10px 0;
						}
					.search .areabox dl dd ul li:nth-of-type(2n) {
						margin:0 0 10px 0;
						}
						.search .areabox dl dd ul li a {
							display:block;
							width:100%;
							max-height:9999px;
							color:#232323;
							font-size:22px;
							text-align:center;
							text-decoration:none;
							line-height:60px;
							box-sizing:border-box;
							background:#efefef url("./image/layout/ic01.png") 15px center no-repeat;
							background-size:8px 13px;
							box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
							padding:1px 15px 0 30px;
							}
						.search .areabox dl dd ul li a.nothit {
							color:#cccccc;
							background:#efefef url("./image/layout/ic03.png") 15px center no-repeat;
							background-size:8px 13px;
							cursor:default;
							}

}


/* ------------------------------------------------------------------------------------------------------------------------/
	新着医院の紹介
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

.clinic {
	/* float:left; */
	margin:50px 0 0 0;
	}
	.clinic h2 {
		}
		.clinic h2 b { background:transparent url("./image/contents/top/ic_subject03.png") left top no-repeat; }

	.clinic ul {
		margin:30px 0 0 0;
		list-style:none;
		}
		.clinic ul li {
			float:left;
			margin:0 37px 0 0;
			}
		.clinic ul li:nth-of-type(4) {
			margin:0;
			}
			.clinic ul li a {
				display:block;
				width:247px;
				color:#232323;
				text-decoration:none;
				box-sizing:border-box;
				background:#ffffff;
				border:solid 1px #cccccc;
				padding:20px;
				}
			.clinic ul li a:hover {
				background:#fff9e6;
				border:solid 1px #ffb973;
				}
				.clinic ul li a dl dt {
					display:table-cell;
					width:205px;
					height:161px;
					text-align:center;
					vertical-align:middle;
					}
					.clinic ul li a dl dt img {
						width:auto !important;
						height:auto !important;
						max-width:205px;
						max-height:161px;
						}
				.clinic ul li a span {
					display:block;
					color:#e83428;
					margin:10px 0 0 0;
					}
				.clinic ul li a p.button {
					display:block;
					color:#ffffff;
					font-size:15px;
					text-decoration:none;
					line-height:35px;
					box-sizing:border-box;
					background:#e83428 url("./image/layout/ic04.png") 25px center no-repeat;
					background-size:8px 13px;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					margin:10px 0 0 0;
					padding:1px 15px 0 55px;
					}
				.clinic ul li a:hover img {
					background:#ffffff;
					opacity:0.75;
					}
				.clinic ul li a:hover p.button {
					color:#e83428;
					background:#ffffff url("./image/layout/ic05.png") 25px center no-repeat;
					background-size:8px 13px;
					}

}

/* SP */
@media only screen and (max-width: 640px) {

.clinic {
	/* float:left; */
	margin:30px 0 0 0;
	}
	.clinic h2 {
		}
		.clinic h2 b { background:transparent url("./image/contents/top/ic_subject03.png") left top no-repeat; }

	.clinic ul {
		margin:30px 0 0 0;
		list-style:none;
		}
		.clinic ul li {
			float:left;
			width:290px;
			margin:0 20px 20px 0;
			}
		.clinic ul li:nth-of-type(2n) {
			margin:0;
			}
			.clinic ul li a {
				display:block;
				color:#232323;
				text-decoration:none;
				box-sizing:border-box;
				background:#ffffff;
				border:solid 1px #cccccc;
				padding:20px;
				}
				.clinic ul li a dl dt {
					display:table-cell;
					width:248px;
					height:186px;
					text-align:center;
					vertical-align:middle;
					}
					.clinic ul li a dl dt img {
						width:auto !important;
						height:auto !important;
						max-width:248px;
						max-height:186px;
						}
				.clinic ul li a span {
					display:block;
					max-height:9999px;
					color:#e83428;
					margin:10px 0 0 0;
					}
				.clinic ul li a p.button {
					display:block;
					max-height:9999px;
					color:#ffffff;
					font-size:22px;
					text-decoration:none;
					line-height:45px;
					box-sizing:border-box;
					background:#e83428 url("./image/layout/ic04.png") 25px center no-repeat;
					background-size:8px 13px;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					margin:10px 0 0 0;
					padding:1px 15px 0 55px;
					}

}


/* ------------------------------------------------------------------------------------------------------------------------/
	新着求人の紹介
/------------------------------------------------------------------------------------------------------------------------ */

/* PC */
@media only screen and (min-width: 641px),
			print {

.recruit {
	float:right;
	margin:50px 0 0 0;
	}
	.recruit h2 {
		}
		.recruit h2 b { background:transparent url("./image/contents/top/ic_subject03.png") left top no-repeat; }

	.recruit ul {
		margin:30px 0 0 0;
		list-style:none;
		}
		.recruit ul li {
			float:left;
			margin:0 31px 0 0;
			}
		.recruit ul li:nth-of-type(2) {
			margin:0;
			}
			.recruit ul li a {
				display:block;
				color:#232323;
				text-decoration:none;
				box-sizing:border-box;
				background:#ffffff;
				border:solid 1px #cccccc;
				padding:20px;
				}
			.recruit ul li a:hover {
				background:#fff9e6;
				border:solid 1px #ffb973;
				}
				.recruit ul li a span {
					display:block;
					color:#269acf;
					margin:10px 0 0 0;
					}
				.recruit ul li a p {
					display:block;
					color:#ffffff;
					font-size:15px;
					text-decoration:none;
					line-height:35px;
					box-sizing:border-box;
					background:#269acf url("./image/layout/ic04.png") 25px center no-repeat;
					background-size:8px 13px;
					box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-moz-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-webkit-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-o-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					-ms-box-shadow:1px 1px 1px 0 rgba(0,0,0,0.15);
					margin:10px 0 0 0;
					padding:1px 15px 0 55px;
					}
				.recruit ul li a:hover img {
					background:#ffffff;
					opacity:0.75;
					}
				.recruit ul li a:hover p {
					color:#269acf;
					background:#ffffff url("./image/layout/ic06.png") 25px center no-repeat;
					background-size:8px 13px;
					}

}