@charset "UTF-8";

/* top
---------------------------------------------------------------------------*/
body#top #contentsWrap {
	padding: 0;
}

body#top #contentsWrap .copyright {
	top: 110px;
}

body#top #contentsWrap p.btn-link a {
	font-size: 16px;
	letter-spacing: 0.1em;
}


/* .enter
------------------------------------*/

header.enter {
	position: relative;
	box-sizing: border-box;
	width: 100%;
	min-width: 1100px;
	max-width: 1280px;
	margin: 0 auto 0px;
	padding: 105px 50px 50px;
	z-index: 10;
}

.enter h1 {
	position: absolute;
	top: 0;
	left: 50%;
	width: 221px;
	margin: 0 0 0 -110px;
	z-index: 9999;
	opacity: 0;
}

.enter .txt-top1 {
	position: absolute;
	top: 15px;
	left: 93px;
	z-index: 9999;
	opacity: 0;
}

.enter .txt-top2 {
	position: absolute;
	top: 15px;
	left: 212px;
	z-index: 9999;
	opacity: 0;
}

header.enter .free-dial {
	float: none;
	position: absolute;
	top: -50px;
	right: 0;
	background: #FFFFFF;
	width: auto;
	margin: 0;
	padding: 32px 30px 30px 32px;
	opacity: 0;
	z-index: 9999;
}

header.enter .free-dial .tel {
	width: auto;
}

.enter .slider-wrap {
	overflow: hidden;
	position: relative;
	margin: 0 auto 20px;
	width: 100%;
	height: auto;
}

.slider-wrap .cover {
	position: absolute;
	top: 0;
	left: 0;
	background: #FFFFFF;
	width: 100%;
	height: 100%;
	z-index: 1000;
}

.enter .slider div {
	width: 100%;
	display: none;
}

.enter .slider div:first-child {
	display: block;
}

.enter .slider div img {
	width: 100%;
	height: auto;
}


/* .sec-lead
------------------------------------*/

.sec-lead {
	overflow: hidden;
	margin: 0 auto 80px;
}

.sec-lead figure {
	float: left;
	width: 390px;
}

.sec-lead .txt-set {
	float: right;
	width: 545px;
}

.sec-lead .txt-set h2 {
	margin: 15px 0 18px;
	color: #8FB412;
	font-size: 18px;
	line-height: 1.8;
	letter-spacing: 0.05em;
}

.sec-lead .txt-set p {
	margin: 0 0 16px;
	font-size: 16px;
	line-height: 1.85;
	letter-spacing: 0.05em;
}

.sec-lead .txt-set p.btn-link {
	margin: 30px 0 0 -3px;
}


/* .sec-medical
------------------------------------*/

.sec-medical {
	margin: 0 auto 70px;
}

.sec-medical ul {
	overflow: hidden;
	margin: 0 -59px 0 0;
}

.sec-medical li {
	float: left;
	position: relative;
	width: 294px;
	margin: 0 59px 50px 0;
	padding: 25px 0 0;
	text-align: center;
	opacity: 0;
}

.sec-medical li a {
	display: block;
}

.sec-medical li p {
	color: #656565;
	font-size: 13px;
	text-align: justify;
	letter-spacing: 0.06em;
	line-height: 1.85;
}


/* .li-medical
------------------------------------*/

.sec-medical .li-medical {
	position: relative;
}

.sec-medical .li-medical figure {
	position: absolute;
	top: 0;
	left: 50%;
	width: 79px;
	margin: 0 0 0 -40px;
	z-index: 1;
}

.sec-medical .li-medical .li-inner {
	background: #FFFCB9;
	padding: 8px;
}

.sec-medical .li-medical .li-inner .inner {
	background: #FFFEE7;
	border: 1px solid #D3D4C7;
	padding: 56px 24px 24px;
}

.sec-medical .li-medical h2 {
	margin: 0 0 20px;
	font-size: 17px;
	text-align: center;
	line-height: 1.6;
	letter-spacing: 0.1em;
}

.sec-medical .li-medical p {
	margin: 0 0 15px;
	line-height: 1.7;
}

.sec-medical .li-medical p.btn-link {
	margin: 20px 0 0;
}

.sec-medical .li-medical p.btn-link a {
	padding: 6px 40px 6px 45px;
}


/* .li-subject
------------------------------------*/

.sec-medical .li-subject figure {
	position: relative;
	margin: 0 0 25px;
}

.sec-medical .li-subject figure figcaption {
	position: absolute;
	top: -21px;
	right: 22px;
	color: #666;
	font-size: 46px;
	font-weight: 300;
	font-style: italic;
	letter-spacing: 0.05em;
	z-index: 1;
}

.sec-medical .li-subject h3 {
	display: inline-block;
	border-bottom: 2px solid #FFF100;
	margin: 0 auto 20px;
	padding: 0 0 4px 0.1em;
	color: #8FB412;
	font-size: 20px;
	text-align: center;
	letter-spacing: 0.1em;
}


/* .sec-staff
------------------------------------*/

.sec-staff {
	position: relative;
	width: 100%;
	min-width: 1100px;
	margin: 0 auto 120px;
	padding: 115px 0 0;
}

.sec-staff .inner {
	position: absolute;
	top: 0;
	left: 50%;
	width: 1000px;
	margin: 0 0 0 -500px;
	padding: 0;
	z-index: 1;
}

.sec-staff h2 {
	position: absolute;
	top: -100px;
	left: -25px;
	font-size: 58px;
	letter-spacing: 0.13em;
	opacity: 0;
}

.sec-staff p {
	position: absolute;
	top: 5px;
	left: 370px;
	color: #000000;
	font-size: 15px;
	letter-spacing: 0.07em;
}

.sec-staff p.btn-link {
	top: 5px;
	left: 795px;
	white-space: nowrap;
}

.sec-staff figure {
	width: 1200px;
	margin: 0 auto;
}

.sec-staff figure img {
	width: 100%;
	height: auto;
}


/* .sec-clinic
------------------------------------*/

.sec-clinic .map {
	overflow: hidden;
	width: 1000px;
	margin: 0 auto 55px;
}

.sec-clinic .map #gMap {
	float: left;
	width: 390px;
	height: 430px;
}

.sec-clinic .map figure {
	float: right;
	width: 608px;
}

.sec-clinic .access-contact {
	margin: 0 auto 60px;
}

.sec-clinic .schedule {
	overflow: hidden;
	width: 900px;
	margin: 0 auto;
}

.sec-clinic .calendar {
	float: left;
}

.sec-clinic .schedule-inner {
	float: right;
	border-bottom: 6px solid #8B572A;
	box-sizing: border-box;
	border-radius: 6px 6px 0 0;
	width: 420px;
	padding: 22px 25px 12px;
	background: #FFFDD3;
}

/* media query
-----------------------------------*/
@media (max-width: 1405px) {
	header.enter .free-dial {
		right: 50px;
		padding-right: 35px;
		padding-left: 25px;
	}
}
@media (max-width: 1405px) {
	:not(.top-field) + .header-link {
		right: 15px;
	}
	:not(.top-field) + .header-link + header.enter .free-dial {
		right: 45px;
	}
}