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

/*===============================================
	base
===============================================*/

/*---------------------------------------------
	body
  ---------------------------------------------*/

body {
  background: url(../images/common/body_bg.png) #A9D06B no-repeat center 50px;
  text-align: center;
  font: 13px/1.231 'メイリオ', Meiryo, arial, helvetica, clean, sans-serif;
  -webkit-text-size-adjust: 100%;
  min-width: 1124px;
}

/*---------------------------------------------
	link
  ---------------------------------------------*/

a,a img {
  color: #EB6DA5;
  text-decoration: none;
  outline: none;
  -moz-transition-duration:0.5s;
  -o-transition-duration:0.5s;
  -webkit-transition-duration:0.5s;
  transition-duration:0.5s;
}
a:hover {
  text-decoration:underline;
  color: #EB6DA5;
}
a img:hover{
  opacity: 0.8;
}

/*---------------------------------------------
	Clearfix
  ---------------------------------------------*/

.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*-----------------------------------------------------  */
/*	common						*/
/*-----------------------------------------------------	*/

html {
  -webkit-text-size-adjust: none;
}
ol,ul{
  list-style-position:inside;
}
.name {
  background: #0075c1;
  text-align: center;
  height: 50px;
  padding-top: 12px;
  box-sizing: border-box;
  margin-bottom: 20px;
}
.animal_box a:hover img {
  opacity: 1;
}
h1 {
  text-align: center;
}
h2 {
  clear: both;
  margin: 40px 0 20px;
}
h3 {
  width: 840px;
  color: #00a85f;
  font-size: 24px;
  text-align: center;
  font-weight: bold;
  clear: both;
  padding-bottom: 20px;
  margin: 45px 0 0px;
}
.txt_center {
  text-align: center;
}
.mt35 {
  margin-top: 35px !important;
}
.mt55 {
  margin-top: 55px !important;
}
.mb55 {
  margin-bottom: 55px !important;
}
.mb50 {
  margin-bottom: 50px !important;
}
#wrapper {
  margin: 0 auto;
  width: 100%;
  text-align: left;
  display: inline-block;
}


/*-----------------------------------------------------	*/
/*	box												*/
/*-----------------------------------------------------	*/

.box {
  width: 100%;
  clear: both;
}

.box .inner {
  width: 1120px;
  margin: 0 auto;
}

/*-------------------------------------------------------------
header
-------------------------------------------------------------*/

#top_box01 {
  height: 50px;
  background: #468ACA;
}
#top_box01 .inner {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-align: center;
}
.box .inner header {
  width: 370px;
  height: 170px;
  margin: 20px auto 0;
}
.animal_box {
  width: 1120px;
  margin: 0 auto;
  position: relative;
}

/*-------------------------------------------------------------
contents
-------------------------------------------------------------*/

.inwrap {
  background: url(../images/common/inner_bg.png) repeat-y top center;
  width: 1120px;
  margin: 0 auto;
}
#main {
  background: url(../images/common/main_bg.png) no-repeat bottom center;
  margin: 35px auto 0;
}
#content {
  background: url(../images/common/content_bg.png) no-repeat top center;
  width: 1120px;
  margin: 0 auto;
  color: #595757;
  text-align: center;
  padding-top: 50px;
  display: inline-block;
}
#content p {
  margin-bottom: 30px;
  line-height: 150%;
  color: #595757;
  font-size: 14px;
}
.info_box01 {
  text-align: center;
  width: 100%;
  padding: 0px 30px 80px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info {
  display: inline-block;
}
#content .info p {
  font-size: 18px;
  line-height: 150%;
  font-weight: bold;
}

/*--------------------------------------------------
pagetop
--------------------------------------------------*/

#scrolltotop {
  height: 23px;
  width: 144px;
  float: right;
  right: 20px;
  bottom: 330px;
  position: fixed;
  z-index: 9999999;
  cursor: pointer;
  display: none;
}

/*--------------------------------------------------
footer
--------------------------------------------------*/

footer .inner {
  clear: both;
}
footer {
  background: url(../images/common/foot_bg.png) no-repeat bottom center;
  font-size: 108%;
  clear: both;
  padding: 35px 0 20px;
  display: inline-block;
}
#footer-logo {
  width: 1120px;
  height: 124px;
  text-align: center;
  margin-bottom:190px;
}

#footer-banner {
  width: 100%;
  margin: 0 auto 35px;
}
#footer-banner .banner01 a,
#footer-banner .banner02 a {
  display: block;
  width: 1000px;
}
#footer-banner .banner01 a img:hover,
#footer-banner .banner02 a img:hover {
  opacity: 1;
}
#footer-banner .banner01 a {
  margin: 0 auto;
}
#footer-banner .banner02 a {
  margin: 25px auto;
}
#copy {
  color: #fff;
  text-align: center;
}

/*-----------------------------------------------------	*/
/*	sub page												*/
/*-----------------------------------------------------	*/

.about_button a, .clinic_button a, .access_button a, .profile_button a {
  display: block;
  position: absolute;
  width: 152px;
  height: 79px;
  background-size: 100%;
}
.about_button a {
  background: url(../images/common/about_button_off.png) no-repeat center;
  top: -270px;
  left: 30px;
}
.about_button a:hover,
.about_button a.active {
  background: url(../images/common/about_button_on.png) no-repeat center;
}
.clinic_button a {
  background: url(../images/common/clinic_button_off.png) no-repeat center;
  top: -170px;
  left: 165px;
}
.clinic_button a:hover,
.clinic_button a.active {
  background: url(../images/common/clinic_button_on.png) no-repeat center;
}
.access_button a {
  background: url(../images/common/access_button_off.png) no-repeat center;
  top: -260px;
  right: 190px;
}
.access_button a:hover,
.access_button a.active {
  background: url(../images/common/access_button_on.png) no-repeat center;
}
.profile_button a {
  background: url(../images/common/profile_button_off.png) no-repeat center;
  top: -200px;
  right: 55px;
}
.profile_button a:hover,
.profile_button a.active {
  background: url(../images/common/profile_button_on.png) no-repeat center;
}
.hattatsu_button a {
  display: block;
  position: absolute;
  width: 196px;
  height: 114px;
}
.hattatsu_button a {
  background: url(../images/common/developmental_clinic_btn_off.png) no-repeat center/contain;
  top: -231px;
  left: 80px;
}
.hattatsu_button a:hover,
.hattatsu_button a.active {
  background: url(../images/common/developmental_clinic_btn_on.png) no-repeat center/contain;
}
.hattatsu_tel_button a {
  display: block;
  position: absolute;
  width: 288px;
  aspect-ratio: 288/53;
  background: url(../images/common/developmental_tel.png) no-repeat center/contain;
  bottom: 48px;
  right: 69px;
}