@charset "UTF-8";



/*------------------------------
共通
------------------------------*/
.pc {
  display: block;
}
@media(max-width:767px){
  .pc {
  display: none;
}
}
.sp {
  display: none;
}
@media(max-width:767px){
  .sp {
  display: block;
}
}
img {
  width: 100%;
}
.col-orange {
  color: #e95513;
}

.col-red {
  color: red;
}

.col-pink {
  color: #ff084a;
}

.col-orange {
  color: #ea5504;
}
.col-bl {
  color: #00a0e9;
}

.f-bold {
  font-weight: bold;
}

.page-break {
  page-break-before: always;
}

.bg-or {
  background: #ea5504;
  color: #fff;
  padding: 5px;
  font-size: 14px;
  display: inline-block;
  margin: 6px 0;
}

ol.list-number li {
  list-style-type: decimal;
  margin: 0 0 0 2em;
}
ol.list-disc li {
  list-style-type: disc;
  margin: 0 0 0 2em;
}
.float-r {
  float: right;
      margin: 10px 0 10px 10px;
}
.float-l {
  float: left;
  margin: 10px 10px 10px 0;
}
@media(max-width:640px){
  .float-r {
  float: inherit;
}
.float-l {
  float: inherit;
}
}

.no-indent {
  text-indent: inherit;
}
.font-m {
  font-size: 90%;
}
/*--- メイン画像とタイトル・プロフィール周り --*/

.news-letter {
  max-width: 800px;
  margin: 0 auto;
  background: #fff;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 14px;
  margin: 10px auto;
  line-height: 1.4em;
}



.main-visual {
  background: url(../images/bg_01.png)top / 100% no-repeat;
  width: 100%;
  height: 600px;
  position: relative;

}

@media (max-width: 767px){
  .main-visual {
    height: auto;
    margin: 0 0 20px;
}

}

.main-visual_profile-box {
  position: absolute;
  padding: 20px;
      max-width: 383px;
    right: 3px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  bottom: 1%;
  background: rgba(255,255,255,0.9);
}
@media(max-width:767px) {
  .main-visual_profile-box {
    max-width: 100%;
left: 0;
    background: #fff;
  }
}




.main-visual_title {
  font-size: 26px;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0 0 3px 0;
  letter-spacing: 0.01em;
}

.main-visual_position {
  font-size: 16px;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  margin: 0;
}

.name-phonetic th {
  font-size: 10px;
  text-align: left;
  font-weight: normal;
}

.name-phonetic td {
  font-size: 24px;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

.main-visual_profile {
  margin: 10px 0 0;
  line-height: 1.4em;
  font-size: 11px;


}
@media (max-width: 640px){
  .main-visual_profile {
    line-height: 1.4em;
    font-size: 14px;
}
}

.preface-text {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 10px;
  font-size: 16px;
  line-height: 1.6em;

}
.preface-text_title {
  color: #cc0000;
  font-size: 200%;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  text-align: center;
  font-weight: normal;
}
ul.preface-text_box {
  display: block;

}
ul.preface-text_box li {
  display: inline-block;
  width: 49%;
  margin: 0 auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  vertical-align: top;
  border-right: 1px solid #ccc;

}
ul.preface-text_box li:last-child {
  border-right: none;
}
@media(max-width:640px) {
  ul.preface-text_box li {
  display: block;
  width: 100%;
    border-right: none;
    padding: 0;


}
}
ul.preface-text_box p {
  text-indent: 1em;
}

/* --------- chap2 耳鼻咽喉科のご紹介 ---------*/

.main-content_01 {
  padding: 0 20px 20px;
  background: url(../images/bg_02.png)top / 100% repeat-y;
}
@media(max-width:640px){
  .main-content_01 {
    padding: 0 0px 20px;
}
}

.main-content_01-title {
  background: #F08300;
  position: relative;
  bottom: 0;
  color: #fff;
  font-family: inherit;
  padding: 10px;

}
@media(max-width:640px){
  .main-content_01-title {
    font-size: 140%;
  }
}
.main-content_01-title_sub {
  color: #5a4b22;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.title-info {
  font-size: 14px;
    font-weight: normal;
    line-height: 1.6em;
}
.main-content_01-subtitle {
color: #F08300;
    font-size: 20px;
  margin: 15px 0;
    padding: 15px;
    letter-spacing: 0;
background: #fff;

}
.main-content_01-ct_title {
  font-weight: bold;
  font-size: 130%;
  margin: 10px 0 0;
  color: #3551A2;
}
.main-content_01-category {
  color: #F08300;
  font-size: 140%;
}
.category span {
  font-size: 140%;
  color: #008cd6;
  font-weight: bold;
}
.main-content_01-list {
  display: block;
}
.main-content_01-list li {
  width:24%;
  display: inline-block;
  vertical-align: top;
}
.bg-whtbox {
  background: #fff;
  padding: 10px;
}
.sub_heading {
  font-size: 14px;
  margin: 10px 0;
  padding: 0;
}
.dl-box {
  width: 100%;
}
.dl-box dt,.dl-box dd {
  float: left;
}
.dl-box dt {
  margin: 0 1em 0 0;
  font-weight: bold;
  width: 3%;
}
.dl-box dt::after{
  content: "："
}
.dl-box dd {
  width: 95%;
}
@media(max-width:640px){
  .dl-box {
    width: 100%;
  }
}
.dl-box_02 {
  width: 70%;
}
.dl-box_02 dt,.dl-box_02 dd {
  float: left;
}
.dl-box_02 dt {
  margin: 0 1em 0 0;
  font-weight: bold;
  width: 20%;
}
.dl-box_02 dt::after{
  content: "："
}
.dl-box_02 dd {
  width: 95%;
}
@media(max-width:640px){
  .dl-box_02 {
    width: 100%;
  }
}
.main-content_01-discription {
  font-size: 14px;
  margin: 10px 0;
  padding: 10px;
  line-height: 1.6em;
  display: block;

}


.main-content_01-discription p {
  text-indent: 1em;
}

.main-content_01-discription_img {
  float: right;
  font-weight: bold;
  font-size: 10px;
  margin: 5px;
  text-align: right;
}



.main-content_01-foot_image td {
  vertical-align: top;
}

.main-content_01-foot {
  display: block;
}

.main-content_01-foot li {
  display: inline-block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;

}

.box-blue {
  background: #ccffff;
  width: 40%;
  padding: 10px;
  border: 3px solid #fff;
  border-radius: 8px;


}
.box-green {
  background: #fff;
  width: 50%;
  padding: 10px;
  border: 3px solid #45B035;
  border-radius: 8px;


}
.box-pink {
  background: #eb6d9a;
  padding: 10px;
color: #fff;
  border-radius: 8px;


}
.box-blue .title {
  background: #fff;
  padding: 5px;
  text-align: center;
  color: #0099cc;
  font-size: 16px;
  margin: 0 0 20px
}

.box-orange {
  background: #ffffcc;
  width: 59%;
  padding: 10px;
  border: 3px solid #fff;
  border-radius: 8px;

}

.box-orange .title {
  background: #fff;
  padding: 5px;
  text-align: center;
  color: #ff6600;
  font-size: 16px;
  margin: 0 0 20px
}

.main-content_01-subtitle_02 {
  color: #1d2088;
  font-size: 14px;
}
.pickup {
  margin: 0;
  font-size: 110%;
}
.list-pickup li {
  width: 100%;
  padding: 0 0 0 2em;
  position: relative;
}
.list-pickup li:before {
  display: block;
  position: absolute;
  content: "□";
  font-size: 24px;
  left: 0;
}
.main-content_01-list dt {
  float: left;
}
.main-content_01-list dd {
  margin: 0 0 0 40px;
}
.main-content_01_table {
    font-size: 13px;
    margin: 10px 0;
  background: #fff;
  border-collapse: collapse;
  text-align: center;

}
.main-content_01_table th {
  background: #e3eb98;
}
.main-content_01_table th,.main-content_01_table td {
  border: 1px solid #ccc;
  padding: 5px;
}
.main-content_01-bg {
margin: 0 0 20px;
}
/* --------- chap3 リハビリテーションからのお知らせ ---------*/

.main-content_02 {
  padding: 30px 20px 20px;
  font-size: 14px;
  background: url(../images/bg_03.png)top / 100% repeat-y;
  z-index: 0;

}

.main-content_02-title {
  background: #EB6EA5;
  position: relative;
  margin: 10px 0 0;
  color: #fff;
  padding: 10px;
font-family: inherit;
}
@media(max-width:640px){
  .main-content_02-title {
    font-size: 140%;
  }
}
.main-content_02-ct_title {
  font-size: 110%;
  margin: 0 0 10px;
}
.main-content_02_subtitle-wrap {
position: relative;
}

@media(max-width:640px){
  .main-content_02_subtitle-wrap {
  margin: 0;
    padding: 0 0 10px 0;
  }

}
.main-content_02_subtitle {
color: #45B035;
    font-size: 220%;
    text-shadow: 3px 1px 0 #fff;
font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
  margin: 0;

}

@media(max-width:640px){
  .main-content_02_subtitle {
    margin: 0;
line-height: 1.2em;
  }
}
.main-content_02_subtitle-s {
  color: #45B035;
  font-size: 20px;
line-height: 1.4em;
  padding: 5px;
  margin: 10px 0;
  font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}
.main-content_02-description {
  text-indent: 1em;
  margin: 0 0 20px;
}
.main-content_02-introduction {
  margin: 10px;
  font-size: 15px;
}

.main-content_02-introduction p {
  text-indent: 1em;
  line-height: 1.6em;
}

.main-content_02_content1 {
  margin: 15px 0 15px;
  color: #e4007f;
}


.main-content_02_comment {
  font-size: 12px;
  padding: 10px 0 0;
}

.main-content_02_content-ttl {
  margin: 0;
}
.main-content_02-list {
}
.main-content_02-list li {
  display: inline-block;
  width: 48%;
  vertical-align: top;
}
@media(max-width:640px){
  .main-content_02-list li {
    width: 100%;
  }
}



.main-content_01-category02 {
  background: #F08300;
  color: #fff;
  padding: 10px;
  border-radius: 10px;
  margin: 10px 0;
}
.title-bg_radius-p {
  padding: 10px;
  background: #ee86a8;
  color: #fff;
}
.bg-wht {
  background: #fff;
  padding: 15px;
  margin: 10px 0;
  display: inline-block;
}
.bg-wht_border-bl {
  background: #fff;
  border: #00a0e9 solid 2px;
  border-radius: 10px;
  padding: 10px;
  margin: 10px 0;
}
.bg-wht_border-bl h3 span {
  background: #00a0e9;
  color: #fff;
  padding: 5px;
  display: inline-block;
}

.main-content_02_foot-title {
border: 2px solid #E4007F;
  border-radius: 20px;
  padding: 10px;
  margin: 10px;
}

.main-content_02_foot-comment {
  font-size: 90%;
}


.max-width-s {
  max-width: 120px;
}
.max-width-m {
  max-width: 250px;
}
.max-width-l {
  max-width: 350px;
}
@media(max-width:640px){
  .max-width-s {
  max-width: 100%;
}
.max-width-m {
  max-width: 100%;
}
.max-width-l {
  max-width: 100%;
}
}
/* --------- chap4 専門外来のご案内 ---------*/

.information {
  padding: 0 15px;
}
.information-ct_title {
  color: #ed6c00;
  font-size: 140%;
  margin: 0 0 10px;
}
.information-title_1 {
background: #EFEDA0; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, color-stop(40%, #EFEDA0),to(#ffffff));
background: linear-gradient(to right, #EFEDA0 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFEDA0', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  position: relative;
    margin: 10px 0 20px;
  color: #0B9B0B;
  font-family: inherit;
  font-size: 180%;
  padding: 10px;
}



.information-title_2 {
background: #F5C53A; /* Old browsers */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */
background: -webkit-gradient(linear, left top, right top, color-stop(40%, #F5C53A),to(#ffffff));
background: linear-gradient(to right, #F5C53A 40%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5C53A', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 */
  position: relative;
  margin: 10px 0 20px;
  color: #fff;
  font-family: inherit;
  font-size: 180%;
  padding: 10px;

}
.information-title_3 {
background: url(../images/bg_04.png)100% / 100% no-repeat;
  margin: 20px 0 10px;
  font-size: 190%;
  min-height: 50px;
  text-align: center;
  font-family: inherit;
  color: #dc6b82;

}
.description {
  padding: 10px 0 0 ;
  margin: 0 auto;
  font-weight: normal;
  text-align: center;
  color: #E85298;
}

@media(max-width:640px) {
  .information-title_1 {
    font-size: 120%;
  }
  .information-title_2 {
    font-size: 120%;
  }
}
.box_inline-block {
  display: block;
}
.box_inline-block li {
  display: inline-block;
  width: 49%;
  text-align: center;
}
.expert-name {
  color: #7E318E;
  font-size: 120%;
  margin: 0 0 10px;
  line-height: 1.2em;
}

.expert-description {
  margin: 10px 0 0;
  font-size: 14px;
  line-height: 1.6em;
}

td.expert-field {
  font-size: 18px;
}

th.name-phonetic_kana {
  text-align: right;
  padding: 0 10px 0 0;
}

.information-expert img {
  max-width: 140px;
  margin: 0 10px 10px;
}

.information-expert_title {
  font-size: 16px;
  margin: 10px 0 0;
  color: #7E318E;

}

.information-expert_description {
  font-size: 14px;
  letter-spacing: 0.1em;
  margin: 5px 0 10px;
}

.information-expert_description .indent-text {
  text-indent: 1em;
}

.information-expert_image {
  margin: 10px 0;
}

.information-expert_image img {
  max-width: 100%;
}

.information-expert_date {
  font-weight: bold;
  margin: 5px 0;
}

.information-expert_no-list {
  margin: 0 0 0 20px;
}
.information-expert_no-list li {
  list-style-type: decimal;
}
.table-border_01 {
  border-collapse: collapse;
    table-layout: fixed;
    border-spacing: 1px 0;
    border: 1px solid #5a4b22;
    margin: 5px 0px 10px 0px;
    padding: 0px;
  width: 100%;
  text-align: left;

}
.table-border_01 td,.table-border_01 th {
  border: 1px solid #5a4b22;
  padding: 10px;
}
.table-border_01 th {
  background: #efefef;
}
/* --------- chap5 講座・イベントのご案内 ---------*/

.information-event_title {
  font-size: 14px;
  color: #000099;
  margin: 0 0 5px;

}

.information-event_table {
  max-width: 770px;
  width: 100%;
  font-size: 13px;
  margin: 10px 0;
}


/* --------- chap6 手術・救急車受け入れ件数 ---------*/

.roundBox {
  color: #cc0000;
  font-weight: bold;
  margin: 20px auto 30px;
  text-align: center;
  border: #cc0000 3px solid;
  border-radius: 20px;
  font-size: 16px;
}

.roundBox p {
  padding: 7px;
}



.preitBreak {
  page-break-before: always;
}

/* -- 印刷改ページ -- */

/*
.rbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.lbox:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}*/

/* -- インデックスへ --*/

#forIndex {
  width: 133px;
  height: 22px;
  float: right;
  font-size: 14px;
}

#forIndex a {
  display: block;
  width: 133px;
  height: 22px;
}
.auther-name {
  text-align: right;
  font-size: 120%;
  font-weight: bold;
}
@media(max-width:640px){
  .auther-name {
    font-size: 120%;
    text-align: left;
    margin: 10px 0;
  }
}
.bd-top {
  border-top: 1px dotted #4D4398;
  padding: 10px 0;
}
.main-content_01_category-title {
  color: #7F3673;
  margin: 0;
  font-size: 140%;
}
.icon-circle {
  position: relative;
  padding: 0 0 0 1em;
}
.icon-circle:before {
  content: "●";
  display: block;
  position: absolute;
  font-size: 120%;
left: -.2em;
}
.icon-asterisk {
  position: relative;
  padding: 0 0 0 1em;
}
.icon-asterisk:before {
  content: "※";
  display: block;
  position: absolute;
  font-size: 120%;
left: -.2em;
}