@charset "UTF-8";
/* CSS Document */

/* ============================
		Reset
 ============================ */



/* ============================
		medicalHoursSection
 ============================ */

.medicalHoursSection {
}

.medicalHoursSection .timeTable table {
border-collapse: collapse;
width: 100%;
margin-bottom: 10px;
}

.medicalHoursSection .timeTable table th,
.medicalHoursSection .timeTable table td {
padding: 8px 0;
font-size: 1.6rem;
font-weight:  normal;
text-align: center;
vertical-align: middle;
border: 1px solid #999;
}

.medicalHoursSection .timeTable table th {
font-size: 1.6rem;
font-weight: normal;
background-color: #ecebe2;
width: 100px;
}

.medicalHoursSection .timeTable table tr:first-child td {
font-size: 1.6rem;
font-weight: normal;
}

.medicalHoursSection .doctorName {
margin-bottom: 10px;
}

.medicalHoursSection .doctor td {
font-size: 1.6rem !important;
}


/* for PC */
@media screen and (min-width: 1201px) {

	.medicalHoursSection .timeTable table {
	}

	.medicalHoursSection .timeTable table th,
	.medicalHoursSection .timeTable table td {
	padding: 10px 0;
	/*font-size: 2.6rem;*/
	font-size: 1.8rem;
	}

	.medicalHoursSection .timeTable table th {
	font-size: 1.8rem;
	font-weight: normal;
	background-color: #ecebe2;
	width: 100px;
	}

	.medicalHoursSection .timeTable table td:first-child {
	font-size: 1.8rem;
	}

	.medicalHoursSection .doctor td {
	font-size: 1.8rem !important;
	}


}



/* ============================
		flowSection
 ============================ */

.flowSection {
}

.flowSection .flow-h3 {
display: inline-block;
font-size: 1.4rem;
line-height: 22px;
padding: 0 10px;
border: 3px solid #bbb;
border-radius: 22px;
margin-bottom: 15px;
}

.flowSection .flow-h4 {
font-size: 1.4rem;
font-weight: normal;
line-height: 1.75em;
padding-left: 19px;
background-image: url("../../../common/images/mark_list001.svg");
background-repeat: no-repeat;
background-position: left top 0.4em;
margin-bottom: 10px;
box-sizing: border-box;
}

.flowSection .flowDataList {
width: 100%;
border-collapse: collapse;
margin-bottom: 20px;
}

.flowSection .flowDataList th,
.flowSection .flowDataList td {
padding-bottom: 20px;
box-sizing: border-box;
vertical-align: top;
}

.flowSection .flowDataList th {
width: 91px;
font-size: 1.4rem;
color: #fff;
font-weight: bold;
text-align: center;
background-image: url("../images/bg_flow001.svg");
background-repeat: no-repeat;
background-position: left bottom 10px;
padding-top: 12px;
}

.flowSection .flowDataList td {
width: calc(100% - 91px);
padding-top: 5px;
padding-left: 12px;
}


/* for PC */
@media screen and (min-width: 1201px) {

	.flowSection .flow-h3 {
	font-size: 2.1rem;
	line-height: 30px;
	padding: 0 15px;
	}

	.flowSection .flow-h4 {
	font-size: 1.8rem;
	padding-left: 22px;
	background-size: 16px auto;
	margin-bottom: 10px;
	}

	.flowSection .flowDataList {
	margin-bottom: 40px;
	}

	.flowSection .flowDataList th,
	.flowSection .flowDataList td {
	height: 95px;
	vertical-align: top;
	}

	.flowSection .flowDataList th {
	width: 186px;
	font-size: 2.1rem;
	background-image: url("../images/bg_flow002.svg");
	background-position: left top;
	padding-top: 24px;
	}

	.flowSection .flowDataList td {
	width: calc(100% - 186px);
	padding-top: 0;
	padding-left: 20px;
	vertical-align: middle;
	}

}



/* ============================
		brochureSection
 ============================ */

.brochureSection {
}

.brochureSection .brochure {
text-align: center;
position: relative;
}

.brochureSection a {
display: block;
}


.brochureSection .brochure img {
width: 100%;
max-width: 380px;
border: 1px solid #ccc;
margin-bottom: 30px;
}

.brochureSection .zoomUp span {
display: inline-block;
font-size: 1.4rem;
font-weight: bold;
color: #fff;
width: 170px;
line-height: 40px;
border-radius: 40px;
background-color: #e08090;
background-image: url("../images/fig_zoom001.svg");
background-repeat: no-repeat;
background-position: left 25px center;
box-sizing: border-box;
padding-left: 20px;
}



/* for PC */
@media screen and (min-width: 1201px) {

	.brochureSection .zoomUp {
	position: absolute;
	top: calc(50% - 10px);
	left: calc(50% - 450px);
	}
	.brochureSection .zoomUp span {
	font-size: 1.8rem;
	width: 220px;
	line-height: 55px;
	border-radius: 55px;
	background-position: left 30px center;
	background-size: 30px auto;
	box-sizing: border-box;
	padding-left: 20px;
	}


}


/* ============================
		other
 ============================ */

.basicInlineList.thisInlineblockList li {
width: 17em;
}


.basicInlineList.thisInlineblockList li:nth-child(4n) {
clear: both;
}


.medicalHoursSection .moreLink {
text-align: right;
}

.medicalHoursSection .moreLink a {
font-size: 1.4rem;
line-height: 1em;
background-image: url("../../../common/images/mark_arrow001.svg");
background-repeat: no-repeat;
background-position: right center;
padding: 1px 15px 1px 4px;
border-left: 3px solid #e08090;
}

/* for PC */
@media screen and (min-width: 1201px) {

.basicInlineList.thisInlineblockList li {
width: 14em;
}

	.basicInlineList.thisInlineblockList li:nth-child(4n + 2) {
	width: 17em;
	}


	.medicalHoursSection .moreLink a {
	font-size: 1.8rem;
	line-height: 1em;
	background-size: 9px auto;
	background-position: right 22px center;
	padding: 1px 42px 1px 6px;
	border-left: 5px solid #e08090;
	}

}

@media screen and (min-width: 1601px) {

.basicInlineList.thisInlineblockList li {
width: 17em;
}


}



/* ============================
		other
 ============================ */

/* for SP */
@media screen and (max-width: 767px) {
}

/* for TB */
@media screen and (max-width: 1200px) and (min-width: 768px){
}

/* for PC */
@media screen and (min-width: 1201px) {
}