@charset "UTF-8";
/***********************************
* 診療内容	*
***********************************/
/* medical-lead --------------------*/
.medical-lead{
	padding-bottom: 1rem;
}
	@media (min-width: 992px) {
		.medical-lead{
			padding-bottom: 3rem;
		}
	}
/* medical-title --------------------*/
.medical-title{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	text-align: center;
	margin-bottom: 1.5rem;
}
.medical-title img{
	display: table;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	max-width: 574px;
}
	@media (min-width: 768px) {
		.medical-title{
			background-image: url(../img/medicaltreatment_bg-01.png);
			margin-bottom: 2rem;
		}
		.medical-title img{
			width: 60%;
			max-width: 437px;
		}
	}
/* medical-cont --------------------*/
.sec-cont .medical-cont dl dt,
.sec-cont .medical-cont dl dd{
	font-size: 0.94rem;
}
.sec-cont .medical-cont dl dt {
	background-image: url(../img/medicaltreatment_bg-02.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	color:#fff;
	font-weight: normal;
	width: 220px;
	height: 38px;
	line-height: 38px;
	margin-bottom: 0.3rem;
}
.sec-cont .medical-cont dl dt span{
	padding-left: 2.5rem;
}
.sec-cont .medical-cont dl dd{
	padding-left: 3rem;
	margin-bottom: 1rem;
}
/* 小見出し*/
	@media (min-width: 768px) {
		.medical-cont{
			background-image:url(../img/medicaltreatment_pic-01.jpg);
			background-repeat: no-repeat;
			background-position: right bottom;
			background-size: 30%;
		}
		.sec-cont .medical-cont dl dt,
		.sec-cont .medical-cont dl dd{
			margin-bottom: 1rem;
		}
		.sec-cont .medical-cont dl dt {
			float: left;
			clear:left;
			margin-bottom: 1.5rem;
		}
		.sec-cont .medical-cont dl dt span{
			padding-left: 3.5rem;
		}
		.sec-cont .medical-cont dl dd{
			padding-left: 240px;
			padding-top: 0.5rem;
			min-height: 38px;
			margin-bottom: 1.5rem;
		}
	}
	@media (min-width: 992px) {
		.medical-cont{
			background-size: 30%;
		}
		.sec-cont .medical-cont dl dt,
		.sec-cont .medical-cont dl dd{
			font-size: 1.25rem;
		}
		.sec-cont .medical-cont dl dt {
			font-size: 1.13rem;
			float: left;
			clear:left;
			width: 264px;
			height: 46px;
			line-height: 46px;
			margin-bottom: 2.5rem;
		}
		.sec-cont .medical-cont dl dt span{
			padding-left: 3.5rem;
		}
		.sec-cont .medical-cont dl dd{
			padding-left: 286px;
			padding-top: 0.5rem;
			min-height: 46px;
			margin-bottom: 2.5rem;
		}
	}
	@media (min-width: 1360px) {
		.medical-cont{
			background-size: auto;
		}
	}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
	}
/* btn-02 --------------------*/
a.btn-02{
	box-shadow:0px 0px 9px 3px #c4c4c4;
	background-color: #fff;
	padding: 10px;
	display: inline-block;
	border-radius: 13px;
	text-decoration: none;
	margin-top: 1rem;
}
a.btn-02 span{
	display: inline-block;
	background-color: #a99f92;
	color:#fff;
	border-radius: 10px;
	padding: 1rem;
}
a.btn-02:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}

/***********************************
* 眼鏡・コンタクトレンズ	*
***********************************/
/* contactlens-cont --------------------*/
.contactlens-cont{
	border-top: solid #786b61 1px;
	border-bottom: solid #786b61 1px;
	padding-top: 1rem;
}
.sec-cont .contactlens-cont p{
	margin-bottom: 1.5rem;
}
.contactlens-cont h4{
	color: #3e3a39;
	font-size: 0.94rem;
}
.contactlens-cont h4:before{
	content: '[ ';
}
.contactlens-cont h4:after{
	content: ' ]';
}

.contactlens-cont dl{
	margin-bottom: 1.5rem;
	padding-top: 0.2rem;
}
.contactlens-cont dl dt,
.contactlens-cont dl dd{
	line-height: 1.7;
}
.contactlens-cont dl dt{
	font-weight: normal;
	color:#53a7a6;
	float: left;
	clear: left;
	padding-top: 0.1rem;
}
.contactlens-cont dl dd{
	padding-left: 150px;
}
.contactlens-cont dl dd br{
	display: block;
}
.contactlens-cont dl dd a{
	color:#53a7a6;
	text-decoration: none;
	font-size: 116% !important;
	border-bottom: solid #53a7a6 1px;
	display: inline-block;
	margin-bottom: 0.5rem;
}
.contactlens-cont dl dd a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
}
	@media (min-width: 576px){
		.contactlens-cont dl dd br{
			display: none;
		}
	}
	@media (min-width: 992px) {
		.contactlens-cont h4{
			font-size: 1.3rem;
		}
		.sec-cont .contactlens-cont p{
			margin-bottom: 2rem;
		}
		.contactlens-cont dl{
			margin-bottom: 1.5rem;
		}
		.contactlens-cont dl dd{
			padding-left: 180px;
			margin-bottom: 2rem;
		}
	}
/***********************************
* 診療に関するお願い	*
***********************************/
.request-block{
	padding-top:2rem;
	margin-bottom: 1rem;
}
.request-block-in{
	border: dashed #45383e 2px;
	padding: 1.5rem 1.5rem 1rem 1.5rem;
}
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
		.request-block{
			padding-top:4rem;
			margin-bottom: 2rem;
		}
		.request-block-in{
			border: dashed #45383e 2px;
			padding: 2rem 2rem 1rem 2rem;
		}
	}
/* h3 --------------------*/
.txtborder-01 {
  position: relative;
  text-align: center;
	margin-bottom: 1rem;
}
.txtborder-01 h3 {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em;
  padding: 0 1em;
  background-color: #fff;
  text-align: center;
	color:#176056;
	font-size: 1rem;
}
.txtborder-01::before {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #786b61;
}

	@media (min-width: 992px) {
		.txtborder-01 h3{
			font-size: 1.25rem;
		}
	}

/***********************************
* 受付時間	*
***********************************/
.schedule-block {
	padding-top: 1rem;
}
.schedule-block table{
	width: 100%;
	border-top:solid #231815 1px;
	border-left:solid #231815 1px;
	margin-bottom: 0.5rem;
}
.schedule-block tr th,
.schedule-block tr td{
	border-right:solid #231815 1px;
	border-bottom:solid #231815 1px;
	text-align: center;
	padding-top: 0.2rem;
	padding-bottom: 0.2rem;
}
.schedule-block tr th{
	background-color: #a99f92;
	color:#fff;
	font-weight: 300;
}
.schedule-block p{
	margin-bottom: 0;
	line-height: 1.5;
}
	@media (min-width: 768px) {
		.schedule-block{
			margin-bottom: 4rem;
		}
	}
	@media (min-width: 992px) {
		.schedule-block {
			padding-top: 2rem;
		}
	}

/***********************************
* 診療予約	*
***********************************/
.reservation-block{
	padding-bottom: 2rem;
}
.reservation-bnr-xl{
	display: none;
}
	@media (min-width: 1360px){
		.reservation-bnr{
			display: none;
		}
		.reservation-bnr-xl{
			display: block;
			position: relative;
			margin-top: -1.5rem;
		}
	}
	@media (min-width: 768px) {
		.reservation-block{
			padding-bottom: 4rem;
		}
	}
	@media (min-width: 992px) {
		.reservation-block{
			padding-top: 2rem;
		}
	}
/***********************************
* お持ちいただくもの	*
***********************************/
.sec-cont .list{
	border-bottom: solid #786b61 1px;
	margin-bottom: 2rem;
	color:#4f4c4b;
}
	@media (min-width: 992px){
		.sec-cont .list{
			margin-bottom: 4rem;
			padding-bottom: 1rem;
		}
	}

/* h3 --------------------*/
.txtborder-02 {
  position: relative;
  text-align: left;
	margin-bottom: 1rem;
}
.txtborder-02 h3 {
  position: relative;
  z-index: 2;
  display: inline-block;
  margin: 0 2.5em 0 0;
  padding: 0 1em 0 0;
  background-color: #fff;
  text-align: left;
	color:#176056;
	font-size: 1.06rem;
	font-weight: 600;
}
.txtborder-02::after {
  position: absolute;
  top: 50%;
  z-index: 1;
  content: '';
  display: block;
  width: 100%;
  height: 1px;
  background-color: #786b61;
}
	@media (min-width: 992px){
		.txtborder-02 h3{
			font-size: 1.3rem;
		}
	}

/* h4 --------------------*/
.list h4{
	font-size: 0.94rem;
	margin-bottom: 0.2rem;
}
.list h4:before{
	content: '●';
}
/* 小見出し*/
	@media (min-width: 768px) {
	}
	@media (min-width: 992px) {
		.list h4{
			font-size: 1.13rem;
		}
	}