@charset "utf-8";
/*-------- recruit css --------*/

/* モバイルレイアウト : 480 px およびそれ以下. */

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	 background:url(../img/bg_01_sp.png) no-repeat;}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

/*ページ内リンク*/
ul#page-link{
	display:flex;
    flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
    justify-content: space-between;
}
ul#page-link a{
	display:flex;
	align-content: center;
	justify-content: center;
	width:calc(50% - 10px);
	color: #d86c00;
	text-decoration: none;
}
ul#page-link a li{
	margin: 3% 0;
	padding:3% 0;
	width:100%;
  background-color: #FDF4E8;
  border: #eb8d43 solid 1px;
  box-shadow: #999 2px 2px 4px;
	text-align: center;
	height: 65px;
	box-sizing: border-box;
}

ul#page-link a li span{	display:block;
font-size: 13px;}

ul#page-link li.nobtn{
  margin: 3% 0;
	padding:3% 0;
	width:100%;
  background-color: #FDF4E8;
  border: #eb8d43 solid 1px;
  text-align: center;
}

/*院長からのメッセージ*/
section.message h3{ font-size:17px; padding: 1.5% 0 0 4%;}
@media print, screen and (min-width: 736px) {
	section.message h3{ padding: 1.5% 0 0 2%;}
}
section.message p:nth-of-type(1){ text-align:center; padding:2% 0;}

/*募集要項*/
/* section.recruit{ text-align:center;} */
@media print, screen and (min-width: 736px) {
	section.recruit h3{ padding:1% 0 0;}
}
p.recruitP{
  margin: 1em auto;
  width: fit-content;
	background:linear-gradient(transparent 60%, #FBF7AD 60%);
	color:#663300;
	text-align:center;
}
.spNone{ display:none;}

/* 外部リンク */
.title_h5 .recruitLink a{
	position: relative;
	display: inline-block;
	margin: 5% auto 0%;
	padding: 2% 10%;
	text-decoration: none;
	color: #ff6486;
	font-weight: bold;
	border: #ff6486 solid 1px;
	box-shadow: #ccc 3px 3px 5px;
}
.title_h5 .recruitLink a::after{
	content: "";
	position: absolute;
	top: 50%;   /* 縦軸をセンタリングする */
	right: 3%;
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left: 8px solid #ff6486;
}

/*歯科医師*/
.doctor p , .hygienist p, .reception p{ text-align:left;}
.doctor p{ color:#1F3F00;}
p.doctorP{
	display: inline-block;
    font: normal 1rem "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    color: #467F2B;
	margin: 0.5em 0;
}

@media screen and (max-width: 640px) {
  table td {
    border: none;
    display: block;
    width: 100%;
  }
  table td:first-child{	  width:96%;}
  table td:last-child {    width: 94%;}
  .doctor table tr{	display: block;    margin: 0 0 20px;    border: 1px solid #B6D768;}
}

table{
	margin:5% 0;
	width:100%;
	border-collapse: collapse;
	text-align:center;
	border-color:#AEDD8E;
	text-align:left;
}
table td:first-child{
	background-color:#B6D768;
	vertical-align:middle;
	color:#FFF;
	padding:2%;
	text-align:center;
}
table td:nth-child(2){
	vertical-align:middle;
	padding:3%;
}

table td ul {	margin: 0 0 0 1.5em}
	table td ul li:before {
		content: '□';
		color: #639945;
		margin:0 .5em 0 -1.5em;
	}
	table td ol {	margin:0;	padding:0 0 0 1.5em;}
	table td ol li{	list-style-type:inherit;}

table td　p{	margin:0;}
table span{	display:inline-block;}

/*歯科衛生士*/
.hygienist h5{	color:#8C4600;	border-bottom: solid 3px #FFCC99;}

@media screen and (max-width: 640px) {
	.hygienist table tr{	display: block;    margin: 0 0 20px;    border: 1px solid #FBBE6C;}
}

.hygienist table td:first-child{	background-color:#FBBE6C;}

.hygienist ul {	margin: 0 0 0 1.5em}
	.hygienist ul li:before {
		content: '□';
		color: #B25900;
		margin:0 .5em 0 -1.5em;
	}
	.hygienist ol {	margin:0;	padding:0 0 0 1.5em;}
	.hygienist ol li{	list-style-type:inherit;}

.hygienist p{ color:#663300;}

span.no-wrap{ display:inline-block;}

/*受付*/
.reception h5{	color:#137e99;	border-bottom: solid 3px #71cae8;}

@media screen and (max-width: 640px) {
	.reception table tr{	display: block;    margin: 0 0 20px;    border: 1px solid #71cae8;}
}

.reception table td:first-child{	background-color:#71cae8;}

.reception ul {	margin: 0 0 0 1.5em}
	.reception ul li:before {
		content: '□';
		color: #71cae8;
		margin:0 .5em 0 -1.5em;
	}
	.reception ol {	margin:0;	padding:0 0 0 1.5em;}
	.reception ol li{	list-style-type:inherit;}

.reception p{ color:#663300;}

/*当院のサポート体制*/
section.support .hygienist table{
	margin:5% 0;
	width:100%;
	border-collapse: collapse;
	text-align:center;
	border-color:#5E9BDF;
	text-align:left;
}
section.support .hygienist table td:first-child{
	background-color:#5E9BDF;
	vertical-align:middle;
	color:#FFF;
	padding:2%;
	text-align:center;
}
section.support .hygienist  ul {	margin: 0 0 0 1.5em}
section.support .hygienist  ul li:before {
		color: #5E9BDF;
	}
@media screen and (max-width: 640px) {
section.support .hygienist table tr{	display: block;    margin: 0 0 20px;    border: 1px solid #5E9BDF;}
}
/* 応募について */
.inquiry{
  max-width: 650px;
  margin: 0 auto;
}
.inquiry dl {	margin: 0 0 0 1.5em}
	.inquiry dl dt:before {
		content: '□';
		color: #639945;
		margin:0 .5em 0 -1.5em;
	}
	.inquiry dl dd{ margin:0;}
.inquiry ol {	margin:0;	padding:0 0 0 1.5em;}
	.inquiry ol li{	list-style-type:inherit;}
	.inquiry ol li::marker{color: #639945;}

/* タブレットレイアウト : 768 px～。モバイルレイアウトからスタイルを継承。 */

@media print, screen and (min-width: 768px) {

/* --------------------------------------------------------
#mainImg
-------------------------------------------------------- */

#mainImg2{	 background:url(../img/bg_01.png);}

/* --------------------------------------------------------
main - section
-------------------------------------------------------- */

section.important, section.message, section.recruit, section.support {width:890px; margin:0 auto;}

/*院長からのメッセージ*/
section.message h3{ font-size:17px; padding: 0.5% 0 0 1.5%; margin:3% auto 0;}
section.message p:first-of-type{ width:290px; float:left;}
section.message p:nth-of-type(2){ width:560px; float:right; padding: 6% 0 0;}

/*ページ内リンク*/
ul#page-link{    flex-wrap: nowrap; margin:0 0 30px;
justify-content: center;
gap: 50px;}
ul#page-link a{	width:23%;}
ul#page-link a li{ transition: .6s;}
ul#page-link a li:hover{ background-color:#FFF;	box-shadow:none;}

ul#page-link li.nobtn{
  margin: 0 30px 0 0;
	padding:10px 0;
	width:100%;
  background-color: #FDF4E8;
  border: #eb8d43 solid 1px;}


/*募集要項*/
section.recruit h3{ padding:0.5% 0 0;}
p.recruitP{ font-size:18px; margin:3% auto;}
	.spNone{ display:inline-block;}

.reception h5, .hygienist h5, .doctor h5{ margin:0;}
.doctor p , .hygienist p, .reception p{ padding: 0 0 0 3%;}
p.doctorP{ padding:0; margin:0 auto 0 1em;}

table{margin:2% 0;	border: 2px solid #B6D768;}
table td:first-child{	border: 1px solid #ECF8E4;	border-collapse: collapse;	padding:1%;	width:16%;}
table td:nth-child(2){	padding:1%;	border: 1px solid #AEDD8E; 	border-collapse: collapse;}

/* 外部リンク */
.title_h5{
	margin-top: 30px;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}

.title_h5 .recruitLink a{
	margin: 0 auto 0%;
	padding: 10px 35px;
}
.title_h5 .recruitLink a::after{
	content: "";
	position: absolute;
	top: 50%;   /* 縦軸をセンタリングする */
	right: 3%;
	transform: translateY(-50%);
	border: 5px solid transparent;
	border-left: 8px solid #ff6486;
}
.title_h5 .recruitLink a:hover{
	box-shadow: none;
	background-color: #ffeff3;
}

/*歯科衛生士*/
.hygienist table{border: 2px solid #FBBE6C;}
.hygienist table td:first-child{	border: 1px solid #FEEFDA;}
.hygienist table td:nth-child(2){	border: 1px solid #FBBE6C; }
.blue{color: #71cae8;}

/*当院のサポート体制*/
section.support .hygienist table{border: 2px solid #5E9BDF;}
section.support .hygienist table td{	border: 1px solid #fff;}
section.support .hygienist table td:nth-child(2){	border: 1px solid #5E9BDF; }
/*受付*/
.reception table{border: 2px solid #71cae8;}
.reception table td:first-child{	border: 1px solid #effbff;}
.reception table td:nth-child(2){	border: 1px solid #71cae8; }

/*(表項目)給与*/
ul.type li:first-of-type{ width:30%; float:left;}
ul.type li:nth-of-type(2){ width:70%; float:right; clear:none;}

/*(表項目)勤務時間*/
ul.day li:first-of-type{ width:20%; float:left;}
ul.day li:nth-of-type(2){ width:80%; float:right; clear:none;}

.space{ padding: 0 0 0 2%;}

/* 応募について */
.inquiry{ margin:20px auto; width:665px;}
}


/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {}