@charset "utf-8";
/*==============================================================*/
/* 下層ページ共通 */
/*==============================================================*/
.bgGray { background: #f1f0e3; }
.mainFloatR { float: right; margin: 0 0 0 20px; }
.mainFloatL { float: left; margin: 0 20px 0 0; }
/*------------コンテンツ内メニュー------------*/
.mainWrap { width: 1000px; margin: 0 auto; overflow: hidden; }
.contentMenu { border-bottom: 3px solid #6CAE1F; margin: 0 auto; }
.contentMenu ul { display: flex; width: 1000px; margin: 0 auto; position: relative; border-left: 1px solid #eee;    display: flex; flex-wrap: wrap; }
.contentMenu ul li { display: flex;flex-grow: 1; border-right: 1px solid #eee; /*display: inline-block; height: 60px;*/ }
.contentMenu ul li a { display: flex; justify-content: center; width: 100%; min-height: 60px; align-items: center; text-align: center;padding: 5px 11px 10px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: url(../../img/page/arrowgray-bottom.gif) no-repeat 50% 92%; background-size: 8px; }
.contentMenu .active a { background: url(../../img/page/arrowshite-bottom.png) no-repeat center 80% #6CAE1F; color: #fff; }
/*------------一覧表示------------*/
.detail { width: 465px; float: left; margin: 0 45px 40px 0; height: 300px; overflow: auto; }
.detail .left { float: left; margin: 0 10px 0 0; }
.detail-inner { width: 1020px; overflow: hidden; margin: 50px 0; }
.detail h3 { background: url(../../img/page/arrowgray-right.png) 5px 3px no-repeat; margin: 0 0 20px; padding: 0 0 0 30px; }
.detail div { margin: 0 0 15px; }
.detailBtn a { background: url(../../img/page/arrowgrn-right.png) no-repeat 18px 13px #f2f2f2; padding: 10px 10px 10px 30px; border-radius: 5px; /* CSS3草案 */ -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */ -moz-border-radius: 5px;   /* Firefox用 */ behavior: url(PIE.htc); position: relative; width: 120px; float: right; text-align: center; color: #56a000; }
.notApplicable { text-align: center; padding: 80px 0; }
/*------------流れ------------*/
.flow h4 { font-size: 18px; background: #f2f2f2; margin: 0 0 30px; }
.flow h4 span { padding: 20px; display: inline-block; }
.flow h4 .number { background: #8ccd40; color: #fff; padding: 20px 40px; }
.flow .flow-text { margin: 0 0 40px 110px; }
.flow .flow-text p { margin: 0 0 10px; }
/*------------h2------------*/
.ttlPage { background: #f1f0e3; padding: 25px; clear: both; }
.ttlPageWrap { width: 1000px; margin: 0 auto; overflow: hidden; }
.ttlPage h2 { margin: 0 auto; font-size: 18px; float: left; }
/*------------パンくずリスト------------*/
#breadcrumbs { float: right; font-size: 13px; color: #fff; background: #bebb98; padding: 5px 15px; border-radius: 20px; /* CSS3草案 */ -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */ -moz-border-radius: 20px;   /* Firefox用 */ behavior: url(PIE.htc); position: relative; }
#breadcrumbs a { color: #fff; }
#breadcrumbs a:hover { text-decoration: underline; filter: alpha(opacity=100); -moz-opacity: 1; opacity: 1; }
#breadcrumbs span { margin: 0 5px; }
/*------------電話・お問い合せ------------*/
#info-bgGray .main .tel, #info-bgGray .main .contact, #contact .tel, #contact .access { font-size: 22px; float: left; text-align: center; line-height: 0.6; margin: 0 15px; letter-spacing: 0; }
#info-bgGray .main .tel img, #info-bgGray .main .contact img, #contact .tel img, #contact .access img { margin: 0 8px 0 0; }
#info-bgGray .main .tel small, #info-bgGray .main .contact small, #contact .tel small, #contact .access small { font-size: 10px; }
.contents .text { margin: 0 0 35px; }
/*------------コンテンツ診療メニュー------------*/
#contentMenu { border-bottom: 5px solid #8ccd40; box-sizing: border-box; height: 80px; }
#contentMenu ul { width: 1000px; margin: 0 auto; font-size: 13px; line-height: 18px; overflow: hidden; background: #fff; display: table; }
#contentMenu li { box-sizing: border-box; height: 80px; display: table-cell; vertical-align: middle; width: 250px; text-align: center; border-left: 1px dotted #ccc; }
#contentMenu li:first-child { border: none; }
#contentMenu li div { height: 100%; }
#contentMenu li a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: url(../../img/page/arrowgray-bottom.gif) no-repeat 50% 84%; border-bottom: 5px solid #8ccd40; display: block; height: 80px; width: 100%; padding: 30px 0 0; }
#contentMenu .btnShinryou a { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; background: url(../../img/page/arrowgray-bottom.gif) no-repeat 50% 86%; border-bottom: 5px solid #8ccd40; display: block; height: 100%; width: 100%; padding: 20px 0 0; }
#contentMenu .active { background: url(../../img/page/arrowshite-bottom.png) no-repeat 50% 80% #8ccd40; color: #fff; }
#contentMenu .menuCol5 li{width: 20%;}

/*==============================================================*/
/* 入院について */
/*==============================================================*/
.ttlHospital { margin: 25px 0 15px; font-size: 18px; color: #56a000; font-weight: bold; letter-spacing: 0; }
/*------------ICU------------*/
.hospitalIcu { background: #117dc8; color: #fff; font-size: 28px; text-align: center; width: 140px; height:140px; line-height: 30px; padding:25px 0 0; float: left; margin: 20px 50px 0 0; border-radius: 50%; /* CSS3草案 */ -webkit-border-radius: 50%;    /* Safari,Google Chrome用 */ -moz-border-radius: 50%;   /* Firefox用 */ behavior: url(PIE.htc); position: relative; }
.hospitalReception { margin: 20px 0 60px; }
.hospitalReception h3 { font-size: 28px; color: #555; margin: 0 0 15px; }
/*------------入院の流れ------------*/
.ttlHospitalFlow { font-size: 22px; margin: 0 0 15px; }
.ttlHospitalGray { font-size: 22px; margin: 20px 30px; }
/*------------入院についてご用意・面会------------*/
.hospitalAbout, .surgeryAttention { padding: 30px 0 0 30px; overflow: hidden; letter-spacing: 0; margin: 0 0 50px; }
.hospitalAbout h4, .surgeryAttention h4 { margin: 0 0 10px; }
.hospitalAbout ul, .surgeryAttention ul { overflow: hidden; margin: 0 0 10px; }
.hospitalAbout li, .surgeryAttention li { background: url(../../img/top/arrowgreen-right.png) no-repeat 20px 15px #fff; padding: 10px 10px 10px 45px; margin: 0 30px 15px 0; width: 400px; float: left; }
/*------------施設紹介------------*/
.hospitalFacility { width: 300px; float: left; margin: 0 0 20px 25px; }
.hospitalFacility .text { padding: 10px 0 0; line-height: 20px; }
.hospitalFacility .text h4 { font-weight: bold; margin: 0 0 5px; }

@media screen and (min-width: 768px) {
.hospitalFacility:nth-of-type(1) dt,
.hospitalFacility:nth-of-type(3) dt{ padding-top: 45px; padding-bottom: 45px;}
}
/*==============================================================*/
/* 健康診断 */
/*==============================================================*/
.ttlHealthGray { font-size: 22px; margin: 0 0 20px; }
.inspection { padding: 25px 25px 5px; margin: 0 0 50px; }
.inspection dl { background: #fff; padding: 10px; margin: 0 0 20px; }
.inspection dl dt { background: url(../../img/top/arrowgreen-right.png) no-repeat 0 3px; padding: 0 0 0 15px; font-weight: bold; margin: 0 0 5px; }
.inspection dl dd { padding: 0 0 0 15px; }
/*==============================================================*/
/* 手術について */
/*==============================================================*/
/*------------手術実績------------*/
.resultsArea { padding: 10px 0 10px 0; margin: 0 0 50px; clear: both; overflow: hidden; }
.resultsArea div { height: 180px; width: 470px; float: left; margin: 0 20px 40px 0; }
.resultsArea div img { float: left; margin: 0 15px 0 0; }
.resultsArea div h4 { font-size: 16px; font-weight: bold; color: #176eb7; border-bottom: 1px solid #176eb7; display: inline-block; margin: 0 0 10px; width: 305px; }
.resultsArea div p { line-height: 1.8; font-size: 14px; text-align: justify; text-justify: inter-ideograph; letter-spacing: 0.5px; }
.ttlResults { font-size: 24px; font-weight: bold; color: #519700; }
/*------------入院についてボタン------------*/
.btnHospital { width: 300px; font-size: 20px; letter-spacing: 0; margin: 0 0 70px; }
.btnHospital a { background: url(../../img/top/arrowwhite-right.png) no-repeat 80px 22px #6CAE1F; color: #fff; display: block; padding: 15px 0 15px 110px; }
/*------------手術グレータイトル------------*/
.ttlSurgeryGray { font-size: 22px; margin: 20px 30px; }
/*==============================================================*/
/* 症状から治療法を探す */
/*==============================================================*/
.ttlSyoujou { margin: 0 0 10px; font-size: 18px; color: #56a000; font-weight: bold; letter-spacing: 0; }
/*------------single-result------------*/
.syoujou-detail h3 { font-size: 24px; font-weight: bold; color: #6CAE1F; margin: 30px 0; }
.syoujou-detail h4 { color: #6CAE1F; font-weight: bold; font-size: 16px; margin: 0 0 20px; padding: 0 10px 5px 10px; border-bottom: 3px solid #6CAE1F; clear: both; }
.syoujou-left { float: left; margin: 0 0 40px; }
.syoujou-right { width: 600px; float: right; }
.syoujou-right a { color: #6CAE1F; text-decoration: underline; }
.syoujou-right table { border-top: 1px solid #ccc; border-left: 1px solid #ccc; margin: 0 0 30px; }
.syoujou-right table th { background: #edf3e5; padding: 10px 15px; border-bottom: 1px solid #ccc; width: 20%; }
.syoujou-right table td { padding: 10px 15px; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; text-align: justify; text-justify: inter-ideograph; }
.otherImg { margin: 0 0 20px; }
.otherImg li { float: left; margin: 10px 10px 0 0; }
/*==============================================================*/
/* 診療案内・診療実績 */
/*==============================================================*/
.ttlClinicMain { margin: 20px 0 5px; font-size: 18px; color: #56a000; font-weight: bold; letter-spacing: 0; }
/*------------診断動物範囲------------*/
.clinicCoverage { background: #fff; height: 65px; width: 630px; position: absolute; top: 327px; left: 370px; }
.clinicCoverage dl dt { background: #abbf8e; color: #fff; height: 45px; width: 65px; padding: 10px; float: left; }
.clinicCoverage dl dd { display: table; padding: 5px 0; font-size: 12px; border-collapse: separate; border-spacing: 28px 0; float: left; }
.clinicCoverage dl dd p { text-align: center; margin: 0 0 0 27px; height: 40px; display: table-cell; vertical-align: middle; line-height: 1.2; letter-spacing: 0; }
.clinicCoverage dl dd p span { font-size: 9px; display: block; }
.clinicCoverage dl .attention { background: #5380c2; text-align: center; height: 65px; width: 80px; line-height: 1.2; float: right; border-spacing: 0; padding: 0; }
.clinicCoverage dl .attention a { display: block; height: 45px; color: #fff; padding: 10px 0; background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%; background-size: 13%; }
/*------------専門分野------------*/
.clinicFieldouter { width: 1020px; overflow: hidden; }
.clinicField { width: 240px; float: left; margin: 30px 15px 0 0; }
.clinicField .ttl { height: 120px; width: 100%; background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, #56a000; /* Old browsers */ background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, -moz-linear-gradient(-50deg, #56a000 0%, #56a000 50%, #519700 50%, #519700 100%); /* FF3.6-15 */ background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, -webkit-linear-gradient(-50deg, #56a000 0%, #56a000 50%, #519700 50%, #519700 100%); /* Chrome10-25,Safari5.1-6 */ background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, linear-gradient(130deg, #56a000 0%, #56a000 50%, #519700 50%, #519700 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56a000', endColorstr='#519700', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; color: #fff; padding: 30px 0 0; font-weight: bold; font-size: 18px; display: inline-block; vertical-align: bottom; }
.clinicField .ttl2 { height: 120px; width: 100%; background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, #8ccd40; /* Old browsers */ background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, -moz-linear-gradient(-50deg, #8ccd40 0%, #84c13c 50%, #8ccd40 50%, #84c13c 100%); /* FF3.6-15 */ background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, -webkit-linear-gradient(-50deg, #8ccd40 0%, #84c13c 50%, #8ccd40 50%, #84c13c 100%); /* Chrome10-25,Safari5.1-6 */ background: url(../../img/top/arrowwhite-bottom.png) no-repeat 50% 84%, linear-gradient(130deg, #8ccd40 0%, #84c13c 50%, #8ccd40 50%, #84c13c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ccd40', endColorstr='#84c13c', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
text-align: center; color: #fff; padding: 30px 0 0; font-weight: bold; font-size: 18px; display: inline-block; vertical-align: bottom; }
.clinicField .ttl p, .clinicField .ttl2 p { margin: 0 0 10px; }
.clinicField .text { background: #f2f2f2; padding: 15px; margin: 0; min-height: 150px; text-align: justify; text-justify: inter-ideograph; }
.clinicFieldouter .btnResult { clear: both; margin: 0; padding: 30px 0; float: none; }
.clinicFieldouter .btnResult a { width: 100%; background: #56a000; color: #fff; font-size: 18px; padding: 20px 0; display: block; text-align: center; }
/*------------来院時の注意------------*/
.ttlClinicGray { font-size: 22px; margin: 30px 0 20px; }
.clinicAttention { width: 320px; height: 180px; margin: 0 13px 30px 0; float: left; }
.clinicAttention .ttl { height: 80px; background: #2fad6b; color: #fff; margin: 0 0 10px; padding: 0 0 5px; width: 320px; text-align: center; display: table-cell; vertical-align: bottom; }
.clinicAttention .ttl a { color: #fff; }
.clinicAttention .ttl p { margin: 0 0 5px; }
.clinicAttention .text { padding: 10px; }
/*------------症状から治療方法を探す------------*/
.ttlClinic { padding: 30px 0 20px; font-size: 18px; font-weight: bold; color: #89844a; }
.clinicSyoujou ul { overflow: auto; margin: 0 0 30px; height: 250px; }
.clinicSyoujou li a { background: url(../../img/top/arrowgreen-right.png) no-repeat 20px 15px #fff; padding: 10px 10px 10px 45px; margin: 0 0 10px 10px; width: 430px; float: left; }
.clinicSyoujou li:nth-child(odd) a { margin: 0 0 10px; }
/*------------メニューボタン------------*/
.clinicBtn { /*width: 320px; height: 250px; */   width: 235px; height: 245px;display: inline-block; margin: 0 0 50px 13px; text-align: center; } 
.clinicBtn:first-child { margin: 0 0 50px; }
.clinicBtn img { margin: 0 0 15px; max-width: 100%;height: auto; }
.clinicBtn a { display: block; height: 100%; width: 100%; color: #448000; background: url(../../img/top/arrowgreen-bttom.png) no-repeat 50% 90% #f1f0e3; }
/*------------診療科目------------*/
.kamoku-ttlArea { margin: 40px 0 0; }
.kamoku-ttl { font-size: 24px; font-weight: bold; color: #81C630; float: left; margin: 0 20px 30px 0; }
.kamokumain img { min-height: 390px; }
.resultBtn { margin: 5px 0 0; }
.resultBtn a { background: #81C630; padding: 5px 10px; color: #fff; font-size: 12px; border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */ -moz-border-radius: 10px;   /* Firefox用 */ behavior: url(PIE.htc); }
.result-listarea { clear: both; }
.result-areawrap { overflow: hidden; width: 1020px; }
.result-wrap { width: 470px; height: 160px; float: left; margin: 0 30px 50px 0; }
.result-wrap .left { float: left; margin: 0 20px 0 0; }
.result-wrap h4, .result-wrap h3 { font-size: 16px; font-weight: bold; color: #176eb7; text-decoration: underline; margin: 0 0 10px; }
.syoujou-list { padding: 10px 0; overflow: auto; max-height: 250px; width: 980px; margin: 0 auto 20px; }
.syoujou-list li { float: left; width: 480px; }
.syoujou-list li a { padding: 10px 10px 10px 50px; background: url(../../img/page/arrowgray-right.png) no-repeat 20px 15px #fff; display: block; margin: 0 0 10px 20px; }
.syoujouList-ttl { background: url(../../img/top/h-img02.png) no-repeat 15px 10px; padding: 8px 0 0 50px; margin: 20px 0 10px 10px; font-size: 18px; font-weight: bold; }
.syoujouList-ttl a { color: #619A20; }
.syoujouList-ttl img { margin: 0 0 0 10px; }
/*------------single-kamoku.php------------*/
.menu-kamoku { width: 998px; height: 50px; margin: 30px auto; border: 1px solid #eee; border-left: none; background: #fdfefd; }
.menu-kamoku li { text-align: center; width: 123px; float: left; border-left: 1px solid #eee; }
.menu-kamoku li a { display: block; height: 100%; width: 100%; padding: 15px 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.ttl-kamoku { font-size: 45px; font-weight: bold; color: #519700; margin: 8px 0 0; }
.kamoku-text { overflow-y: auto; height: 255px; }
.kamokuCoverage { height: 65px; width: 540px; position: absolute; top: 327px; left: 462px; }
.kamokuCoverage dl { display: table; }
.kamokuCoverage dl dt, .kamokuCoverage dl dd { display: table-cell; vertical-align: middle; }
.kamokuCoverage dl dt { background: #abbf8e; color: #fff; height: 45px; width: 65px; padding: 10px; }
.kamokuCoverage dl dd { width: 454px; background: #fff; }
.kamokuCoverage dl dd p { display: inline-block; font-size: 10px; margin: 5px 0 0 10px; text-align: center; }
.kamokuCoverage dl dd p img { margin: 0 0 3px; }
/*------------実績内科目選択メニュー------------*/
.resultMenu { width: 1000px; margin: 50px auto; overflow: hidden;}
.resultMenu ul{display: flex;}
.resultMenu li { /*float: left;*/ text-align: center;display: flex;justify-content: center;flex-grow: 1; border-left: 1px solid #999; text-align: center;}
.resultMenu li:first-child { border: none; }
.resultMenu li a { padding: 5px 14px;display: flex; justify-content: center; align-items: center; }
/*------------科目別実績リンクボタン------------*/
.btnResultList a { padding: 20px 0; background: #81c630; font-size: 20px; color: #fff; text-align: center; display: block; margin: 0 0 70px; clear: both; }

/*------------各診療------------*/
#kamoku-info-wrap{margin-top: 88px;}
#kamoku-info-wrap .staff-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
#kamoku-info-wrap .staff-list li { margin-bottom:32px; /*width: 31%;*/}
/*#kamoku-info-wrap .staff-list li:not(:nth-child(3n)) {margin-right: 30px;}*/
#kamoku-info-wrap .staff-list figure { /*margin-bottom: 16px;*/ width: 30%;}
/*#kamoku-info-wrap .staff-list dl {text-align: center;}*/
#kamoku-info-wrap .staff-list dt {font-size: 16px;}
#kamoku-info-wrap .staff-list dd {font-size: 24px;}
#kamoku-info-wrap .staff-list dd span {display: block;font-size: 14px;}

#kamoku-info-wrap .doctor-info h4{
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: bold;
    color: #62B500;
}
#kamoku-info-wrap .doctor-info h4:before{
  margin-right: 0.8em;
  content: "";
  display: inline-block;
  width: 30px;
  height: 34px;
  background: url(../../img/page/stethoscope-icon.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}
#kamoku-info-wrap .staff-list figure{max-width: 330px;width: 100%;}
#kamoku-info-wrap .staff-list div{     margin-left: 40px;
  width: calc(100% - 370px);}
#kamoku-info-wrap .staff-list figure img{width: 100%; height: auto;}
#kamoku-info-wrap .staff-list li{
  display: flex;
  flex-wrap: wrap;
  /*justify-content: center;*/
  align-items: center;
}
#kamoku-info-wrap .staff-list li .message{ margin-top: 10px;   width: 100%;}
#kamoku-info-wrap .staff-list02{    margin-bottom: 40px;}
#kamoku-info-wrap .staff-list-ttl{
  margin-bottom: 8px;
  font-size: 22px;
  font-weight: bold;
  color: #62B500;
}
#kamoku-info-wrap .staff-list02 ul{
  display: flex;
    font-size: 18px;
}
#kamoku-info-wrap .staff-list02 ul li + li{margin-left: 40px;}
#kamoku-info-wrap .staff-list02  ul li:before {
  content: "";
  margin-right: 8px;
  display: inline-block;
  width: 12px;
  height: 12px;
  background: #65B200;
  border-radius: 50%;
}

#kamoku-info-wrap .exoticgakkai-wrap{
  margin-bottom: 40px;
  display: flex;
  flex-wrap: wrap;
}
#kamoku-info-wrap .exoticgakkai-wrap div{
   margin-left: 40px;
   width: calc(100% - 370px);
}
#kamoku-info-wrap .exoticgakkai-wrap div h3{
  padding: 8px 20px;
  background: #EFF5E8;
  font-weight: bold;
}
#kamoku-info-wrap .exoticgakkai-wrap div ul {margin-left: 0.5em;}
#kamoku-info-wrap .exoticgakkai-wrap div ul li{margin-top: 8px;}
#kamoku-info-wrap .exoticgakkai-wrap div ul li:before{
  content: "";
    display: inline-block;
    margin-right: 0.5em;
    width: 10px;
    height: 10px;
    background: #65B200;
    border-radius: 50%;
}

/*よくある質問*/
#kamoku-info-wrap .qa{margin-bottom: 96px;padding: 56px 0;}
#kamoku-info-wrap .qa h4{
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: bold;
  color: #62B500;
}
#kamoku-info-wrap .qa dl{padding-top: 40px; padding-bottom: 40px;}
#kamoku-info-wrap .qa dl dt {
  position: relative;
  margin-bottom: 16px;
  font-size: 18px;
  padding-left: 60px;
  font-weight: bold;
}
#kamoku-info-wrap .qa dl dt:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: url(../../img/faq/q.svg) no-repeat center #65B200;
  background-size: 40%;
  color: #fff;
  text-align: center;
  line-height: 45px;
  transform: translateY(-50%);
}
#kamoku-info-wrap .qa dl dd {
  font-size: 16px;
  padding-left: 58px;
}
#kamoku-info-wrap .qa  dl + dl {
  border-top: 1px dashed #cccccc;
}
#kamoku-info-wrap .btn-info{margin-top: 24px;}
#kamoku-info-wrap .btn-info a{margin-left: auto; margin-right: auto;}

/*==============================================================*/
/* 病院案内 */
/*==============================================================*/

/*------------キャチコピー------------*/
.info-catch { font-size: 24px; color: #4172b8; text-align: center; padding: 40px 0 20px; }
.page-txt { margin: 0 auto 50px; }
/*------------お知らせ------------*/
.page-news { width: 480px; float: left; }
/*------------診療日のご案内------------*/
.infoReception { float: right; overflow: hidden; }
.infoReception .reception { float: left; }
.infoReception h3 { font-size: 18px; font-weight: bold; color: #4172b8; margin: 0 0 20px; }
.btnAttend { width: 110px; height: 100px; float: left; margin: 0 0 0 10px; text-align: center; line-height: 1.5; }
.btnAttend a { background: url(../../img/page/info-attend.png) no-repeat 40px 70px #4e9200; display: block; width: 100%; height: 100%; color: #fff; padding: 25px 0 0; }
#info-bgGray { background: #f1f0e3; padding: 30px 0 0; overflow: hidden; }
.infoMap { width: 480px; height: 360px; margin: 20px 0 30px; }
/*------------院情報------------*/
.infoLeft { float: left; padding: 50px 0 0; }
.infoRight { float: right; /*padding: 100px 0;*/ padding: 100px 0 80px; }
.infoRight .tel, .infoRight .contact { font-size: 22px; line-height: 1; text-align: center; border-collapse: separate; border-spacing: 5px 0; float: left; margin: 0 20px 0 0; letter-spacing: 0px; width: 230px; }
.infoRight .tel a, .infoRight .contact a { line-height: 0.9; }
.infoRight .tel span, .infoRight .contact span { display: inline-block; vertical-align: middle; }
.infoRight .tel .bg-green, .infoRight .contact .bg-green { background: #81c630; font-size: 10px; color: #fff; padding: 5px 2px; width: 35px; margin: 0 10px 0 0; letter-spacing: 0; }
.infoRight .tel small, .infoRight .contact small { font-size: 10px; letter-spacing: 0; }
.infoRight .tel img, .infoRight .contact img { margin: 0 5px 0 0; }
/*------------出勤表・ブログボタン------------*/
.info-bt .attendance a, .info-bt .blog a { float: left; margin: 0 40px 30px 0; padding: 40px 0 0 150px; background: url(../../img/page/info-attend.png) no-repeat 100px 38px #56a000; color: #fff; font-size: 20px; display: block; width: 480px; height: 105px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.info-bt .blog a { margin: 0; background: url(../../img/page/info-blog.png) no-repeat 160px 40px #56a000; padding: 40px 0 0 200px; }
/*------------お問い合せ------------*/
#contact { overflow: hidden; margin: 0 0 60px; }
#contactWrap { width: 1010px; margin: 0 auto 70px; overflow: hidden; display: -webkit-box;display: -ms-flexbox;display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
#contactWrap p { padding: 20px 0;  width: 22.5%;; text-align: center;color: #fff; letter-spacing: 0; font-size: 20px; border-right: 1px dotted #fff; background: #81c630; }
#contactWrap .tel { color: #fff; background: #81c630; }
#contactWrap p a { padding: 10px 0; display: block; width: 100%; height: 100%; color: #fff; background: #81c630; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;  font-size: 18px;}
#contactWrap p:first-child { padding: 30px 0; width: 10%; background: #56a000;font-size: 12px; border: none; }
#contactWrap p small { display: block;  font-size: 10px; }
#contactWrap p .dot { letter-spacing: -5px; margin: 0 0 0 -3px; }
#contactWrap p img { margin: 0 5px 0 0; }
#contactWrap p:last-child {border-right: none;}
#contactWrap .tel_wrap {
  position: relative;
  display: inline-block;
  padding-left: 30px;
}
#contactWrap .tel_wrap:before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  background: url(../../img/page/info-bttel02.png) no-repeat center;
  background-size: contain;
}
#contactWrap .hospital_name{
  /*background: #fff;
  color: #81C630;*/
  display: block;
  font-size: 14px;
  padding: 0 4px;
  border-radius: 5px;
  margin-right: 5px;
}




/*------------志津しらい動物病院リンクボタン------------*/
.btnShidu { clear: both; padding: 30px 0; }
.btnShidu a { background: #8ccd40; padding: 20px 0; text-align: center; color: #fff; display: block; font-size: 20px; width: 90%; margin: 0 auto; }
/*------------志津しらい動物病院リンクボタン------------*/
.indoor { clear: both; width: 100%; height: 300px; margin: 0 0 30px; }
/*------------メニューボタン------------*/
.access-menu { letter-spacing: -.4em; }
.access-menu li { display: inline-block; vertical-align: top; width: 32.5%; letter-spacing: normal; margin: 20px 10px 0 0; text-align: center; }
.access-menu li:last-child { margin: 20px 0 0; }
.access-menu li a { background: #5380c2; color: #fff; padding: 18px 0 25px; display: block; position: relative; }
.access-menu li a::after { display: block; content: ''; position: absolute; width: 6px; height: 6px; border-bottom: 2px solid #fff; border-right: 2px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); left: 49%; }
.access-menu li.active { color: #5380c2; padding: 20px 0; border: 2px solid #5380c2; }
/*==============================================================*/
/* ブログ */
/*==============================================================*/
.blog-archttl, .news-archttl, .entry-title { position: relative; padding: .8em 1em .75em 1.5em; border: 1px solid #eee; margin: 30px 0; font-size: 16px; background: #517DBE; color: #fff; }
.blog-archttl::after, .news-archttl::after, .entry-title::after { position: absolute; top: 8px; left: 10px; content: ''; width: 6px; height: -webkit-calc(100% - 1em); height: calc(100% - 1em); background-color: #fff; border-radius: 4px; }
.blogList, .newsList, .entry-content { width: 95%; margin: 0 auto 30px; }
.entry-content a{color: #23527c !important; text-decoration: underline !important;}
.blogList li, .newsList li { padding: 10px; }
.blogList li:nth-child(odd), .newsList li:nth-child(odd) { background: #E5EFFF; }
.blogList a, .newsList a { color: #5380C2; }
.blogList .day, .newsList .day { font-size: 13px; margin: 0 20px 0 0; }
.post-day { color: #666; font-size: 12px; margin: 0 1em 20px 10px; }
#pagination a { display: block; background: #6CAE1F; padding: 10px; color: #fff; width: 230px; text-align: center; margin: 0 auto 20px; clear: both; }
.wp-pagenavi { height: 30px; text-align: center; margin: 0 0 50px; }
.wp-pagenavi a { background: #517DBE; color: #fff; }

.entry-meta .post-day-re{
  display: inline-block;
  color: #666;
  font-size: 12px;
  margin-bottom: 20px;
}
.entry-meta .post-day-re::before{
  margin-right: 0.5em;
  display: inline-block;
  content: "";
  width: 15px;
  height: 15px;
  background: url(../../img/page/re-post.png) no-repeat center;
  background-size: contain;
  vertical-align: middle;
}

/*目次*/
.entry-content #toc_container{margin: 24px auto;}
.entry-content h1{
  display: block;
  margin: 0.5em 0;
  padding: 0.4em 0.5em;
  color: #494949;
  background: #d1e3ff;
  border-left: solid 10px #517DBE;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
}
.entry-content h2{
  margin: 0.5em 0;
  padding: 0.4em 0.5em;
  color: #494949;
  background: #e4eeff;
  border-left: solid 8px #517DBE;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  }
.entry-content h3{
  margin: 0.5em 0;
  padding: 0.4em 0.5em;
  color: #494949;
  background: #f0f5ff;
  border-left: solid 5px #517DBE;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
 }
 .entry-content h4{
  margin: 0.5em 0;
  padding: 0.4em 0.5em;
  color: #494949;
  background: #f0f5ff;
  border-left: solid 4px #517DBE;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}
.entry-content h5{
  margin: 0.5em 0;
  padding: 0.4em 0.5em;
  color: #494949;
  border-bottom: solid 3px #517dbe;
  font-size: 16px;
  font-weight: bold;
  line-height: 1.2;
}
.entry-content h6{
  margin: 0.5em 0;
  padding: 0.4em 0.5em;
  color: #494949;
  border-bottom: solid 3px #96b6e5;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.2;
}


/*リンクカード*/
.entry-content  .blog-card{
  display: grid;
      gap: 20px;
      grid-template-columns: 100px calc(100% - 120px);
      border: 1px solid #ccc;
      padding: 20px;
}
.entry-content .blog-card-title{
  font-weight: bold;
  font-size: 16px;
}

.entry-content .blog-card-thumbnail img{
  object-fit: cover;
}

.entry-content .blog-card-footer{
  display: none;
}


/*==============================================================*/
/* お問い合せフォーム */
/*==============================================================*/
#contact .left { float: left; letter-spacing: -1px; }
#contact .left h3 { font-size: 22px; font-weight: bold; margin: 45px 0 10px; color: #535353; padding: 0 0 10px 10px; display: inline-block; }
#contact .left p { padding: 0 10px; }
#contact .right { float: right; padding: 40px 0 0; margin: 0 0 20px; }
#contact .tel { padding: 30px 20px 0 0; margin: 0; height: 60px; border-right: 1px dotted #ccc; }
#contact .access { padding: 30px 0 0 20px; border: none; margin: 0; }
form#mailformpro dl dd { border: none; }
.mfp_colored { background: none !important; }
#contact .attention { 
  clear: both;
  margin: 0 0 50px;
  padding: 30px;
  /*background: #F6F7F9;*/
}


#contact .attention .attention_wrap {
 /* border: 3px solid #65B200;*/
 margin-top: 24px;
  padding: 40px;
  background: #F1F0E3;
}
#contact .attention .attention_wrap  h3{
  font-size: 20px;
  margin-bottom: 24px;
  font-weight: bold;
  line-height: 1.5;
  color: #6AB00B;
}

#contact .attention .attention_wrap li{
  position: relative;
  padding-left: 1.5em;
  line-height: 1.5;
}
#contact .attention .attention_wrap li + li{margin-top: 16px;}
#contact .attention .attention_wrap li:before {
  position: absolute;
  content: "";
  display: inline-block;
  top: 5px;
  left: 0;
  width: 12px;
  height: 12px;
  background: #65B200;
  vertical-align: middle;
  border-radius: 50%;
}
#contact .attention .attention_wrap li span.bb{
  font-weight: bold;
  border-bottom: 2px solid #65B200;
}

#contact .attention p { margin: 0 0 8px; }
#contact .tel{margin-bottom: 20px;}
#contact .tel .hosptal_name{ font-size: 12px;text-align: left;margin-bottom: 10px;}

/*Gmailをご利用の方へ*/
#contact .for_gmail,
#entry_form .for_gmail{
  margin-top: 15px;
  margin-bottom: 20px;
  padding: 15px 20px;
background: #F1F0E3;

}
#contact .for_gmail h4,
#entry_form .for_gmail h4{
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: bold;
  color: #FA0445;
}
#contact .for_gmail p,
#entry_form .for_gmail p{ 
  font-size: 14px;
  font-weight: normal;
  line-height: 1.5;
}
#contact .important,
#entry_form .for_gmail .important{
    position: relative;
}
#contact  .important::before,
#entry_form .for_gmail .important::before{
  content: "";
  margin-right: 0.5em;
  display: inline-block;
  width: 20px;
  height: 20px;
  background: url("../../img/top/ex_mark.png") no-repeat center / contain;
  vertical-align: middle;
}
#contact  .for_gmail  .bb,
#entry_form .for_gmail  .bb{
  font-weight: bold;
}

/*サンクスページ*/
.thanksText .for_gmail{
  max-width: 600px;
  margin:20px auto 30px;
  padding: 15px 20px;
  background: #F1F0E3;
  background: #F1F0E3;

  }
  .thanksText  .for_gmail h4{
    margin-bottom: 10px;
    font-size: 16px;
    font-weight: bold;
    color: #FA0445;
  }
  .thanksText .for_gmail p{ 
    font-size: 14px;
    font-weight: normal;
    line-height: 1.5;
    text-align: left;
  }
  .thanksText .important{
      position: relative;
  }
  .thanksText  .important::before{
    content: "";
    margin-right: 0.5em;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../../img/top/ex_mark.png") no-repeat center / contain;
    vertical-align: middle;
  }
  .thanksText .for_gmail  .bb{
    font-weight: bold;
  }


@media screen and (max-width: 767px){
  #contact .tel .hosptal_name{text-align: center;}
  /*サンクスページ*/
  .thanksText .for_gmail{margin:20px auto 40px;}
}


/*--------------サンクスページ--------------*/
.thanksText { padding: 80px 0; text-align: center; }
.thanksText h3 { font-size: 22px; margin: 0 0 30px; }
.thanksText p { margin: 0 0 10px; }
/*==============================================================*/
/* プライバシーポリシー */
/*==============================================================*/
.policyList { margin: 80px 0; }
.policyList h4 { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; margin: 30px 0 10px; font-weight: normal; background: #f2f2f2; text-indent: 0.5em; padding: 10px 0; }
.policyList h4:first-child { margin-top: 0; }
.policyList h5 { margin: 1em 0 0.5em 0.5em; font-weight: normal; }
.policyList p { padding: 0 0.5em; }
.policyList ul { margin: 0.5em 0 0 1.5em; }
.policyList ul li { list-style: disc; margin-left: 1em; }
/*==============================================================*/
/*勤務医出勤表*/
/*==============================================================*/
#shift { margin-bottom: 25px; }
.shift-Cal { clear: both; }
.shift-Cal a {color: #23527c !important; text-decoration: underline !important;} /*20191004追加*/
.shift-head { clear: both; margin: 50px auto 15px; position: relative; width: 90%; }
.shift-month { background: url(../../img/page/shift-ttlIco.gif) no-repeat scroll left top; font-size: 19px; line-height: 30px; padding-left: 40px; padding-top: 2px; }
.shift-head .shift-icon { color: #287a5c; float: right; }
#shift .shift-work { margin: 0 auto 30px; width: 900px; }
#shift .shift-work tr:nth-child(2n+1) { background: #e5f5e3; }
#shift .shift-work td, #shift .shift-work th { border: 1px solid #ccc; padding: 5px 10px; }
#shift .shift-work td { color: #287a5c; font-size: 18px; font-weight: bold; text-align: center; }
#shift .shift-work .month { background-color: #ededed; color: #0f7c54; font-size: 18px; text-align: center; }
#shift .shift-work .stf-cell { background: #38b587; color: #fff; font-size: 16px; text-align: center; width: 30%; }
#shift .shift-work .day { text-align: right; }
#shift .shift-work .Sat { color: #0066ce; }
#shift .shift-work .Sun { color: #f10033; }
/*==============================================================*/
/*サイトマップ*/
/*==============================================================*/
.sitemap { padding: 0 10px 50px; margin: 0 auto; overflow: hidden; }
.sitemap2 { padding: 30px 30px 10px; margin: 0 auto; overflow: hidden; background: #F9F8EF; margin: 0 0 50px; }
.sitemap li { background: url(../../img/page/arrowgrn-right.png) no-repeat 0 4px; float: left; margin: 0 50px 0 0; }
.sitemap2 li { background: url(../../img/top/arrowgreen-right.png) no-repeat 5px 6px; background-size: 4px; float: left; width: 180px; margin: 0 0 20px 0; }
.sitemap li a, .sitemap2 li a { text-decoration: none; padding: 4px 0 4px 20px; }
.sitemap li a:hover, .sitemap2 li a:hover { text-decoration: underline; }
.mtb80 { margin: 80px auto; }
.mtb10 { margin: 10px auto; }
/*==============================================================*/
/*ご挨拶ページ*/
/*==============================================================*/
/*メインイメージ*/
.greeting-main img { margin: 20px auto 30px; }
.greeting-main div { padding: 0 10px 50px; }
.greeting-main .catch { font-size: 24px; margin: 0 0 20px; }
/*各プロフィール*/
.greeting-wrap.manager-wrap{margin-bottom: 80px;}
.greeting-wrap > p:first-child { display: inline-block; vertical-align: top; margin: 0 0 20px; }
.greeting-wrap .txt { display: inline-block; vertical-align: top; width: 630px; margin: 0 0 20px 30px; }
.greeting-wrap .txt p:first-child { font-size: 24px; margin: 0 0 10px; }
.greeting-wrap .txt p:first-child span { font-size: 14px; display: block; line-height: .5; }
.greeting-wrap .txt ul { margin: 0 0 20px; font-size: 12px; }
/*略歴なし*/
.greeting-wrap.mb80{margin-bottom: 80px;}
/*略歴*/
.greeting-wrap table { border-collapse: separate; border-spacing: 10px 20px; margin: 0 0 80px; }
.greeting-wrap th { width: 14%; padding: 10px; background: #e0e9d5; font-weight: bold; position: relative; }
.greeting-wrap th::after { border-top: 1px dotted #ddd; bottom: -10px; content: ""; display: block; position: absolute; left: -10px; width: 1000px; }
.greeting-wrap th:nth-of-type(2n)::after { display: none; }
.greeting-wrap td { padding: 10px; width: 28%; }
.greeting-wrap tr:last-child td { width: 78%; }
.greeting-wrap dt, .greeting-wrap dd { display: inline-block; vertical-align: top; }
.greeting-wrap dt { width: 12%; }
.greeting-wrap dd { width: 80%; }
/*看護師のみ色変え 20190424追加*/
.nurse-wrap th {background:#E6EFFF ;}
/*看護師のみプロフィール表の幅を変更 20190508追加*/
.nurse-wrap tr:first-child td {width: 28%;}
/*鶴野先生プロフィール 20210329追加*/
.greeting-wrap .tel-wrap .tel-txt{
  font-size: 14px  !important;
}
.greeting-wrap  .tel-wrap {
  overflow: hidden;
  margin-top: 20px;
}
.greeting-wrap .tel-wrap .bg-green {
  background: #81c630;
  font-size: 12px;
  color: #fff;
  padding: 5px 2px;
  width: 35px;
  margin: 0 10px 0 0;
  padding: 2px 10px;
  letter-spacing: 0;
}
.greeting-wrap .tel-wrap .tel-link {
  display: inline-block;
  vertical-align: middle;
  font-size: 30px;
  line-height: 1;
  text-align: center;
  border-collapse: separate;
  border-spacing: 5px 0;
}
.greeting-wrap .tel-wrap small {
  margin-top: 5px;
  display: block;
  font-size: 14px;
  letter-spacing: 0;
}

.greeting-wrap .txt .name span{
  margin-right: 1em;
  min-width: 75px;
  display: inline-block !important;
  font-size: 15px !important;
  background: #65B200;
  color: #fff;
  line-height: 1.2 !important;
  font-weight: 600;
  border-radius: 12px;
  padding: 5px 10px;
  vertical-align: middle;
  text-align: center;
}
.greeting-wrap.nurse-wrap .txt .name span{
  background: #3A6BB4;
}

@media screen and (max-width: 767px){
  .greeting-wrap .tel-wrap .tel-txt{
    text-align: left !important;
  }
  .greeting-wrap  .txt .name span{  font-size: 14px !important;}
}

/*20250528 獣医師紹介修正*/
  .greeting-wrap .director_career .director_career_inner{
         margin: 0 0 10px;
        /* padding-left: 1em;*/
  }

  .greeting-wrap .director_career.skil_up{
    padding-left: 1em;
  }

  .greeting-wrap  .director_career_ttl{
          margin-bottom: 5px;
        position: relative;
        display: inline-block;
        padding-left: 10px;
        font-weight: bold;
        font-size: 13px;
   }
    .greeting-wrap .director_career_ttl:before{
    position: absolute;
    top: 50%;
    left: 0;
    content: "";
        width: 3px;
    height: 90%;
    display: inline-block;
    background: #65B200;
    transform: translateY(-50%);
  }
  .greeting-wrap  .director_text h3{
       margin-bottom: 10px;
    position: relative;
    font-size: 20px;
    font-weight: bold;
    padding-left: 1em;
  }
.greeting-wrap  .director_text h3:before{
       position: absolute;
    top: 50%;
    left: 0;
    content: "";
    width: 5px;
    height: 90%;
    display: inline-block;
    background: #65B200;
    transform: translateY(-50%);
  }
  .greeting-wrap  .director_text{
         margin-bottom: 40px;
             border-top: 5px solid #f6f6f6;
        padding-top: 25px;
  }

/*==============================================================*/
/* 採用情報 */
/*==============================================================*/
/*メインイメージ*/
.recruit-main img { margin: 20px auto 30px; }
.recruit-main div { padding: 0 10px 50px; }
.recruit-main .catch { font-size: 24px; margin: 0 0 20px; }
.recruit-main .txt { font-size: 16px; }
/**/
/*スタッフ対談バナー*/
.staff_page_banner{margin-bottom: 48px; text-align: center; padding-left: 2%; padding-right: 2%; }
.staff_page_banner a{ display: block;}
.staff_page_banner a img{max-width: 100%; height: auto;}

.recruit-contents table { width: 100%; margin: 0 0 50px; border-collapse: separate; border-spacing: 0 5px; font-size: 16px; }
.recruit-contents th { background: #84b037; padding: 20px; color: #fff; width: 20%; box-sizing: border-box; margin: 0 0 10px; font-weight: normal; }
.recruit-contents td { background: #f2f2f2; padding: 20px; width: 80%; box-sizing: border-box; margin: 0 0 10px; }
/**/
.recruit_form h3 { font-size: 24px; margin: 0 0 10px; }
.recruit_form p { margin: 0 0 20px; }
.recruit_form dl { width: 100%; overflow: hidden; border: 1px solid #ddd; border-top: none; background: #ddd; }
.recruit_form dt { width: 26%; float: left; padding: 10px; border-top: 1px solid #eee; color: #333; font-weight: bold; }
.recruit_form dd { width: 70%; float: left; margin: 0; padding: 10px 8px 10px 10px; border-left: 1px solid #ddd !important; border-top: 1px solid #ddd !important; background: #fff !important; }
.recruit_form dd::after { clear: both; }
.recruit_form dd small { color: #999; font-size: 12px; display: block; letter-spacing: 0; }
.recruit_form .must { color: #FF0004; font-size: 10px; padding: 2px; background: #fff; margin-left: 10px; }
.recruit_form .mfp_buttons { text-align: center; margin: 20px 0; }
.recruit_form .mfp_buttons button { padding: 20px; }



.searchnotfound { padding:100px 0 80px; display:block !important;}
/*==============================================================*/
/* 検索結果 */
/*==============================================================*/
.searchresult div { margin: 20px 0; padding: 20px 10px; overflow: hidden; border-bottom: 2px dotted #ccc; }
.searchresult div:last-child { border: none; }
.searchresult h3 { font-size: 20px; font-weight: bold; color: #4a9210; margin-bottom: 10px; }
.searchresult p { display: inline; }
.searchresult .more { display: inline-block; background: #81c630; float: right; margin: 20px 0 0; padding: 5px 70px; color: #fff; }
.searchresult figure { display: inline-block; }
.searchresult div div { width: 800px; float: right; margin: 0 ; padding:0;}
.searchresult .thum { background: #eee none repeat scroll 0 0; display: inline-block; height: 90px; padding-top: 60px; text-align: center; vertical-align: middle; width: 150px; }
/*==============================================================*/
/* メディア情報 */
/*==============================================================*/
.media_list {margin: 40px auto 130px;}
.media_list li {padding-left: 100px;} 
.media_list li + li {margin-top: 60px;}
.media_list .media_ttl{position: relative; margin-bottom: 25px; padding-bottom: 15px; font-size: 16px; font-weight: bold; border-bottom: solid 2px #66b30e}
.media_list .media_ttl:before {position: absolute; top: 50%; left: -80px; transform: translateY(-50%); content: ""; display: inline-block; width: 65px; height: 55px; background: url("../../img/media/mediaIcon.png") no-repeat;}
.media_list li a {text-decoration: underline; color: #5380c2;}
/*==============================================================*/
/* 飼主様の声 */
/*==============================================================*/
.voice_list {margin:40px 0 120px;}
.voice_list li{box-sizing: border-box; width: 100%; background: #f1f0e3;}
.voice_list li + li {margin-top: 40px;}
.voice_list .img_box { margin-right: 45px; width: 300px; height: auto; font-size: 14px;}
.voice_list .img_box img {pointer-events: none; width: 100%;}
.voice_list .txt_box {display: inline-block; width: 500px;}
/*fancybox　aタグ調整  20190425 */
.voice_list .img_box a{display: block; width: 100%; height: auto;}
/*投稿がないとき */
.voice-no-post {padding: 60px 10px;}

.voice_list   .voice_ttl{
  position: relative;
  min-height: 80px;
  padding: 24px  30px  24px 140px;
  background: #65B200;
  color: #fff;
  font-size: 22px;
  font-weight: bold;
  line-height: 1.2;
  box-sizing: border-box;
}
.voice_list .voice_ttl a{ display:block; color: #fff; }
.voice_list .voice_ttl:before{
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 50px;
  width: 51px;
  height: 47px;
  transform: translateY(-50%);
  background: url('../../img/voice/voice_icon.png') no-repeat center;
  background-size: contain;
}
.voice_list .voice-wrap{
  padding:40px 30px 50px;
  /*overflow: hidden;*/
  display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
    -webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
  -webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.voice_list .voice-wrap .animal_type{margin-bottom: 24px;}
.voice_list .voice-wrap .animal_type dt{
  display: inline-block;
  margin-right: 1em;
  padding:5px 20px;
  color: #fff;
  background: #5380C2;
  font-size: 15px;
  font-weight: bold;
  border-radius: 10px;
  vertical-align: middle;
}
.voice_list .voice-wrap .animal_type dd{
  display: inline-block;
  font-weight: bold;
  font-size: 15px;
}
.voice_list .voice-wrap .link{
  margin-top: 24px;
  position: relative;
  color:#5380C2;
  display: inline-block;
  border-bottom: 1px solid #5380C2;
}
.voice_list .voice-wrap .link::before {
  margin-right: 0.5em;
  display: inline-block;
  vertical-align: middle;
  content: '';
  height: 6px;
  width: 6px;
  border-bottom: 2px solid  #5380C2;
  border-right: 2px solid  #5380C2;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  font-size: 16px;
}
.voice_list_under{    margin: 40px 0;}

/*==============================================================*/
/*  エキゾチック専門獣医　霍野 晋吉先生紹介*/
/*==============================================================*/
.exotic-wrap {
  overflow: hidden;
  margin-bottom: 60px; }
.exotic-animal-kind{margin-top: 40px;}
  .exotic-wrap .prof-wrap {
    clear: both;
    overflow: hidden;
    margin-bottom: 30px; }
    .exotic-wrap .prof-wrap .prof-left {
      margin-right: 60px;
      float: left; }
      .exotic-wrap .prof-wrap .prof-left .name {
        margin-top: 10px;
        text-align: center;
        letter-spacing: -0.001em;
        font-size: 12px;
        font-weight: bold; }
    .exotic-wrap .prof-wrap .prof-right {
      float: left;
      width: 726px; }
      .exotic-wrap .prof-wrap .prof-right .txt-bold {
        font-weight: bold; }
    .exotic-wrap .prof-wrap .tel-wrap {
      overflow: hidden;
      margin-top: 20px; }
      .exotic-wrap .prof-wrap .tel-wrap p {
        float: left; }
    .exotic-wrap .prof-wrap .tel-txt {
      margin-right: 20px;
      padding-top: 5px; }
    .exotic-wrap .prof-wrap .tel {
      display: inline-block;
      float: right; }
    .exotic-wrap .prof-wrap .bg-green {
      background: #81c630;
      font-size: 12px;
      color: #fff;
      padding: 5px 2px;
      width: 35px;
      margin: 0 10px 0 0;
      padding: 2px 10px;
      letter-spacing: 0; }
    .exotic-wrap .prof-wrap .tel-link {
      display: inline-block;
      vertical-align: middle;
      font-size: 30px;
      line-height: 1;
      text-align: center;
      border-collapse: separate;
      border-spacing: 5px 0; }
    .exotic-wrap .prof-wrap small {
      margin-top: 5px;
      display: block;
      font-size: 14px;
      letter-spacing: 0; }
  .exotic-wrap .career-wrap {
    overflow: hidden;
    background: #F1F0E3;
    padding: 20px 110px; }
    .exotic-wrap .career-wrap .career-left, .exotic-wrap .career-wrap .career-right {
      font-size: 11px;
      letter-spacing: -0.001em; }
      .exotic-wrap .career-wrap .career-left h4, .exotic-wrap .career-wrap .career-right h4 {
        position: relative;
        display: inline-block;
        margin: 0 auto 10px;
        font-size: 16px;
        font-weight: bold;
        text-align: center; }
        .exotic-wrap .career-wrap .career-left h4:before, .exotic-wrap .career-wrap .career-right h4:before {
          position: absolute;
          top: 50%;
          left: 0;
          transform: translateY(-50%);
          content: "";
          display: block; }
    .exotic-wrap .career-wrap ul li {
      line-height: 1.6; }
    .exotic-wrap .career-wrap .career-left {
      float: left; }
      .exotic-wrap .career-wrap .career-left h4 {
        padding-left: 45px; }
        .exotic-wrap .career-wrap .career-left h4:before {
          width: 40px;
          height: 30px;
          background: url("../../img/page/exotic-icon01.png") no-repeat;
          background-size: contain; }
    .exotic-wrap .career-wrap .career-right {
      float: right; }
      .exotic-wrap .career-wrap .career-right h4 {
        padding-left: 45px; }
        .exotic-wrap .career-wrap .career-right h4:before {
          width: 20px;
          height: 20px;
          background: url("../../img/page/exotic-icon02.png") no-repeat;
          background-size: contain; }
/*==============================================================*/
/* 病院案内・アクセス*/
/*==============================================================*/
/*20200406追加　コインパーキング利用について*/
.link-parking{
  display: inline-block;
  color: #23527c !important;
  border-bottom: 1px solid #23527c;
}

.parking-info{
  clear:both;
}

.parking-info h3{
  margin-bottom: 20px;
  color: #4172b8;
  font-size: 22px;
  font-weight: bold;
}
.parking-info .subTtl{
  margin-bottom:15px;
  font-size: 18px;
  font-weight: bold;
}

.parking-info .arrow{
  position: relative;
}

.parking-info .arrow:before {
  position: absolute;
    top: 50%;
    margin: auto;
    content: "";
    vertical-align: middle;
  right: -40px;
  width: 18px;
  height: 18px;
  border-top: 5px solid #929292;
  border-right: 5px solid #929292;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg) translateY(-50%);
}
.parking-info .txt-bold{font-weight:bold;}


.hospital-info-detail .parking-in01{margin-top: 40px;}
.hospital-info-detail .parking-in01 figure{
  width: 48%;
}
.hospital-info-detail .parking-in01 figure img{
  width: 100%;
height: auto;
}

.parkingleftimg img,
.parkingrightimg img{
  margin-bottom:10px;  
  width: 100%;
  height: auto;
}
.parking-info .parking-in01,
.parking-info .parking-in02
{margin-bottom:50px;}
.parking-info .parking-img{overflow:hidden;}
.parking-in01 figcaption{margin-top: 16px;font-size: 20px;text-align: center;}
.parking-in01 .parkingleftimg{
  width: 46%;
  float: left;
}
.parking-in01 .parkingrightimg{
  width: 46%;
  float: left;
}
.parking-in01 .parkingleftimg + .parkingrightimg{
  margin-left:8%;
}

.parking-info .parking-in02 .txt{margin-bottom: 15px;}
.parking-info .parking-in02 ul{
  padding: 10px 15px;
  border:1px solid #CCCCCC;
  font-size: 13px;
}
.parking-info .parking-in02 ul li + li{
  margin-top: 5px;
}
.parking-in02 .parkingleftimg figcaption{font-size: 11px;}
.parking-in02 .parking-img{ margin-bottom: 15px;}
.parking-in02 .parkingleftimg{
  width: 53%;
  float: left;
}
.parking-in02 .parkingrightimg{
  width: 45%;
  float: left;
}
.parking-in02 .parkingleftimg + .parkingrightimg{
  margin-left:2%;
}