@charset "UTF-8";

/*department_guide*/

.main_contents {
  padding-top: 5px;
  margin-top: 0px;
  padding-bottom: 50px;
  margin-bottom: 20px;
  background: linear-gradient(-90deg, #eaeaea, #fff);
}

.department_guide {
  background-color: #fff;
  padding-bottom: 50px;
}

.department_guide h2,
.department_guide h3 {
  text-align: center;
}

.department_guide h2.title {
  background-color: rgb(0, 32, 96);
  color: #fff;
  padding: 20px 0px;
}

.department_guide .news h3 {
  color: rgb(255, 0, 56);
  text-align: left;
  padding-left: 2%;
}

.main_disease {
  margin-bottom: 50px;
  border-radius: 20px;
}

.main_disease .row p {
  padding: 1% 3%;
}

.main_disease .row p.right {
  text-align: right;
}

.main_disease li {
  margin-bottom: 20px;
  line-height: 25px;
}

/*---------2列リスト---------*/
.target_disease_2list ul {
  display: flex;
  flex-wrap: wrap;
  max-width: 650px;
  margin: auto;
}
.target_disease_2list li {
  width: 50%;
  position: relative;
}
.target_disease_2list li:after {
  display: block;
  content: "";
  position: absolute;
  top: 0.5em;
  left: -1.5em;
  width: 8px;
  height: 8px;
  background-color: #273c74;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
} /*--------------------*/

.department_guide td,
.department_guide th {
  border: 1px solid #b1b1b1;
  margin: 0;
  padding: 10px 10px;
}

.department_guide table {
  border: 1px solid rgba(39, 60, 116, 0.5);
  margin: 5px 2%;
  width: 96%;
}

.department_guide th {
  background: #eaeaea;
}

.department_guide tr td:nth-of-type(1) {
  background: rgb(233, 246, 255);
}

.department_overview {
  background-color: #b7dbf6;
  color: rgb(0, 32, 96);
  padding: 10px 2%;
  border-radius: 50px;
}

a.staff,
a.experience_button {
  background: linear-gradient(#ffc626, #e5b500);
  color: #000;
  font-weight: bolder;
  display: inline-block;
  padding: 10px 40px;
  font-size: 18px;
  margin: 0px 10px;
  width: 20%;
  border-radius: 20px;
  box-shadow: 2px 2px 8px;
}

.department_guide .button {
  text-align: center;
  margin-top: 40px;
  padding-bottom: 30px;
}

.main_surgery p.supplement {
  padding-left: 23%;
  margin-bottom: 0;
  margin-top: 5px;
}

.main_surgery {
  margin-bottom: 50px;
}

.name {
  text-align: right;
}

.message {
  margin: 10px 50px;
}

.pdf_specialty a {
  background: linear-gradient(rgb(255, 0, 56), rgb(221, 0, 48));
  color: #fff;
  font-weight: bolder;
  display: inline-block;
  padding: 10px 40px;
  font-size: 18px;
  margin: 0px 10px;
  width: 22%;
  border-radius: 20px;
  box-shadow: 2px 2px 8px #000;
}

.link {
  text-align: center;
}

table.foreign_table {
  text-align: center;
}

table.foreign_table span {
  font-size: 12px;
  color: #273c74;
}

table.foreign_table span.sce2 {
  font-size: 10px;
  color: #000;
}
/*----------呼吸器内科 写真挿入----------*/
.img-respiratory {
  margin: 0 auto;
  max-width: 450px;
  padding: 20px;
}
.img-respiratory img {
  max-width: 100%;
}
.img-flex {
  display: flex;
  max-width: 800px;
  margin: auto;
}
.img-flex div {
  padding: 5px;
  width: 50%;
}
.img-flex img {
  width: 100%;
}
.img-flex iframe {
  max-height: 390px;
}
/*------------------------*/

.can_row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
}

.can_row p {
  background-color: #e72d4e;
  border-radius: 50%;
  color: #fff;
  width: 200px;
  height: 200px;
  line-height: 200px;
  text-align: center;
}

.can_row p.navy {
  background-color: #273c74;
}

.can_row p.green {
  background-color: #68dbaa;
}

.surgecy_article .surgecy_img {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

.surgecy_article .surgecy_img img {
  width: 50%;
  height: 50%;
}

.center img {
  width: 100%;
  margin: 0 auto;
  margin-top: 10px;
}

.surgecy_article .surgecy_img {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

h4.surgecy_heading {
  font-size: 16px;
  letter-spacing: 5px;
}

.surgecy_article .heading {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.surgecy_article .heading .img {
  width: 40%;
}

.surgecy_article .heading .img img {
  width: 100%;
}

.surgecy_article h5 {
  background: linear-gradient(transparent 60%, rgba(0, 46, 138, 0.2) 60%);
  color: rgb(0, 46, 138);
  width: 98%;
  display: block;
  max-width: 600px;
  text-align: center;
  margin: 40px auto;
  font-size: 18px;
}

.surgecy_article {
  padding-bottom: 50px;
}

.surgecy_article p {
  margin-left: 15px;
  margin-right: 15px;
}

.center {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin-top: 50px;
}

.center .contents_row {
  width: 50%;
  padding: 10px;
}

.center h5 {
  margin-top: 10px;
}

a.introduction {
  background-color: rgb(255, 0, 56);
  border-radius: 20px;
  color: #fff;
  padding: 20px 50px;
  text-align: center;
  font-weight: bolder;
  font-size: 22px;
}

a.contact {
  background-color: #4472c4;
  border-radius: 20px;
  color: #fff;
  padding: 20px 50px;
  text-align: center;
  font-weight: bolder;
  font-size: 22px;
}

.introduction_button {
  text-align: center;
  margin-top: 50px;
}

.contact_button {
  text-align: center;
  margin: 80px 0px;
}

.news {
  margin-bottom: 30px;
}

.news p {
  border-bottom: 1px solid #273c74;
  padding: 5px 20px;
  margin: 0px 5px 20px 5px;
}

.news p span {
  margin: 10px;
  padding: 5px 10px;
  background-color: rgb(255, 0, 56);
  color: #fff;
  border-radius: 10px;
}

.surgecy_article .heading {
  background-color: rgb(68, 114, 196);
  margin-top: 30px;
  padding-top: 3px;
  padding-left: 3px;
  color: #fff;
  padding-right: 3px;
}

.surgecy_article .heading .text {
  width: 70%;
}

.surgecy_article .heading .img {
  width: 30%;
}

.surgecy_article .heading3 {
  background-color: rgb(204, 102, 204);
  padding-right: 3px;
}

.surgecy_article .heading4 {
  background-color: rgb(0, 148, 122);
  padding-right: 3px;
}

.surgecy_article .heading4 h3 {
  font-size: 20px;
}
.surgecy_article .heading4 h4 {
  font-size: 16px;
}

.surgecy_article .heading2 {
  background-color: rgb(255, 0, 56);
  padding-right: 3px;
}
.surgecy_article .heading h3,
.surgecy_article .heading h4 {
  text-align: left;
  padding-left: 20px;
}

.surgecy_article .heading h5 {
  text-align: center;
  margin-top: 10px;
}

.surgecy_article .pad_row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.surgecy_article .pad_row .text {
  width: 50%;
}
.surgecy_article .pad_row .img {
  width: 50%;
}
.surgecy_article .pad_row .img img {
  width: 100%;
}

.surgecy_article .pad_img {
  width: 50%;
  margin: 0 auto;
}

.surgecy_article .pad_img img {
  width: 100%;
}

.surgecy_article .width_image {
  width: 100%;
}

.surgecy_article .width_image img {
  width: 100%;
}

.surgecy_article .heading p {
  margin: 20px 5%;
  line-height: 35px;
}

.icu_row {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  -ms-align-items: flex-end;
  align-items: flex-end;
}

img.icu {
  width: 100%;
}

.icu_img {
  margin: 5px;
}

.icu_img_contents {
  margin-bottom: 20px;
}

.icu_img p {
  text-align: center;
}

.icu_inner,
.ane_inner {
  padding-bottom: 50px;
}

.main_disease .row p.ane {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 18px;
  letter-spacing: 5px;
  line-height: 40px;
}

.main_disease .row p.life {
  padding-left: 30px;
  padding-right: 30px;
  font-size: 16px;
  letter-spacing: 4px;
  line-height: 35px;
}

.can_row img {
  width: 100%;
  height: 100%;
}

.department_guide2 tr td:nth-of-type(1) {
  background: #fff;
}

.department_overview img {
  padding-top: 10px;
  position: absolute;
  top: -15%;
  left: -10%;
}

.department_overview {
  margin-left: 15%;
  width: 70%;
  position: relative;
  margin: 70px auto 30px auto;
}

p.message_discription {
  font-size: 15px;
  margin-bottom: 30px;
}

.surgecy_article_container {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.surgecy_article_row {
  width: 50%;
}

.surgecy_article_row {
  position: relative;
}

div.button a.surgecy_button {
  background: linear-gradient(rgb(255, 0, 56), rgb(221, 0, 48));
  color: #fff;
  font-weight: bolder;
  display: inline-block;
  padding: 10px 40px;
  font-size: 18px;
  margin: 0px 10px;
  width: 40%;
  border-radius: 20px;
  box-shadow: 2px 2px 8px #000;
  position: absolute;
  bottom: 5%;
  left: 10%;
}

div.button a.surgecy_button2 {
  background: linear-gradient(rgb(255, 0, 56), rgb(221, 0, 48));
  color: #fff;
  font-weight: bolder;
  display: inline-block;
  padding: 10px 40px;
  font-size: 18px;
  margin: 0px 10px;
  width: 40%;
  border-radius: 20px;
  box-shadow: 2px 2px 8px #000;
}

.critically .img {
  width: 100%;
}

.critically .img img {
  width: 100%;
}

.critically h5 {
  width: 98%;
  max-width: 800px;
}

.target_disease {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  margin: 0 auto;
}

.target_disease ul {
  width: 50%;
}

.main_disease .row .tab li p {
  display: inline-block;
  border-radius: 10px;
  color: #fff;
  margin: 2px 5px 2px 0px;
  padding: 5px 10px;
}

.main_disease .row .tab li {
  margin-bottom: 10px;
}

li.blue_tab p {
  background-color: rgb(0, 112, 192);
}

li.red_tab p {
  background-color: rgb(255, 0, 0);
}

li.green_tab p {
  background-color: rgb(146, 208, 80);
}

li.gray_tab p {
  background-color: rgb(175, 171, 171);
}

li.orange_tab p {
  background-color: rgb(244, 177, 131);
}

.main_disease .row .tab li.black_tab p {
  color: #000;
  margin-bottom: -50px;
  margin-top: -10px;
}

.poba {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.poba h3 {
  color: rgb(0, 113, 188);
}

.poba span {
  color: red;
  text-decoration: underline;
}

.poba .row img {
  width: 100%;
}

.poba .row {
  width: 33%;
}

.main_contents nav ul {
  padding: 0;
  margin: 0;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto;
  margin-top: 30px;
}

@media screen and (max-width: 769px) {
  .surgecy_article .pad_row {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
  .surgecy_article .pad_row .text {
    width: 100%;
  }
  .surgecy_article .pad_row .img {
    width: 100%;
  }
  .poba {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }

  .poba .row {
    width: 100%;
  }

  .main_contents nav ul {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    -o-flex-direction: column;
    flex-direction: column;
  }
}

@media screen and (max-width: 950px) {
  .department_overview img {
    left: -30%;
  }
  .department_overview {
    margin: 70px 10px 30px auto;
  }
}

/* 210919_症例数一覧データ追加 */
.sub_row2.data_surgery {
  margin: 60px auto;
}
/* 2101008_心臓血管外科ページ修正 */
.doc_massage .doc_message__wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 80px;
}
.doc_massage .doc_message__wrap .des {
  width: 100%;
  margin-right: 5%;
}
.doc_massage .doc_message__wrap .des p {
  padding-left: 30px;
  margin: 40px 0;
}
.doc_massage .doc_message__wrap .image {
  width: 50%;
  max-width: 400px;
}
.doc_massage .doc_message__wrap .image img {
  width: 100%;
}
.doc_massage .doc_message__wrap .image .bnr-kanamori {
  margin-top: 30px;
}
.doc_massage .doc_message__wrap .des ol {
  counter-reset: item;
  list-style-type: none;
}
.doc_massage .msg {
  text-align: left;
  font-size: 24px;
}
.doc_massage .msg span:first-of-type {
  display: block;
}
span.st_red {
  font-size: 30px;
  color: #f83836;
}
.doc_massage .doc_message__wrap .persona {
  background: #f2f2f2;
  padding: 40px 60px;
  border-radius: 20px;
  margin-top: 0;
}
.doc_massage .doc_message__wrap li {
  margin-bottom: 8px;
}
.doc_massage .doc_message__wrap .persona li {
  padding-left: 1em;
  text-indent: -1em;
}
.doc_massage .doc_message__wrap .persona li i {
  margin-right: 8px;
}
.doc_massage .doc_message__wrap .des .way li {
  padding-left: 1em;
  text-indent: -1.7em;
  font-size: 1.2em;
  line-height: 2.4;
}
.doc_massage .doc_message__wrap .des .way li:before {
  counter-increment: item;
  content: counter(item) ".";
  padding-right: 0.5em;
  font-weight: bold;
  color: #001f60;
}
.doc_massage .doc_message__wrap .des .way li a {
  font-weight: bold;
  border-bottom: 1px solid;
  color: #001f60;
}
.surgecy_article.add_mics .br {
  white-space: nowrap;
}
.surgecy_article.add_mics .surgecy_article_row {
  width: 100%;
}
.surgecy_article.add_mics .surgecy_article_row h5 {
  margin: 60px auto;
  max-width: initial;
  font-size: 1.4rem;
}
.sec_bnr {
  text-align: center;
}
.sec_bnr a {
  display: inline-block;
  width: 90%;
}
.sec_bnr a img {
  max-height: 100%;
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}

.sec2_bnr {
  text-align: center;
}
.sec2_bnr a {
  display: inline-block;
  width: 90%;
}
.sec2_bnr a img {
  -o-object-fit: contain;
  object-fit: contain;
}
.banner-area.add_bnr .flex-box img {
  width: 100%;
}
.surgecy_article .surgecy_img {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.banner-area.add_bnr {
  margin: 80px auto;
}
.banner-area.add_bnr .flex-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0;
}
.banner-area.add_bnr .flex-box > a {
  width: 51%;
}
.banner-area.add_bnr .flex-box > .bnr-kanamori {
  width: 47.6%;
}
/* Doctorより引き継ぎ */
.bnr-kanamori {
  position: relative;
}
.bnr-kanamori .bnr-k-up {
  display: block;
  position: absolute;
  width: 100%;
  height: 30%;
  top: 45%;
}
.bnr-kanamori .bnr-k-under {
  display: block;
  position: absolute;
  width: 100%;
  height: 30%;
  top: 75%;
}
@media screen and (max-width: 769px) {
  .bnr-kanamori .bnr-k-up {
    top: 30%;
  }
  .bnr-kanamori .bnr-k-under {
    top: auto;
    bottom: 15px;
  }
}
@media screen and (max-width: 950px) {
  .doc_massage .doc_message__wrap .des,
  .doc_massage .doc_message__wrap .image {
    width: 100%;
  }
  .doc_massage .doc_message__wrap .des {
    margin: 0;
  }
  .doc_massage .doc_message__wrap .image {
    margin: 0 auto;
  }
  .doc_massage .doc_message__wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-direction: column-reverse;
    flex-direction: column-reverse;
    margin: 40px auto;
  }
  .doc_massage .doc_message__wrap .image .bnr-kanamori {
    margin: 20px auto 40px;
  }
  .surgecy_article.add_mics .surgecy_article_row h5 {
    font-size: initial;
    line-height: 2;
  }
  .doc_massage .msg {
    font-size: 1.2rem;
    line-height: 2;
  }
  span.st_red {
    font-size: 1.4rem;
    color: #f83836;
    letter-spacing: 1.7px;
    line-height: 1.2;
  }
  .doc_massage .doc_message__wrap .persona {
    padding: 30px 25px 30px 45px;
  }
  .doc_massage .doc_message__wrap .des .way li {
    padding-left: 0em;
    font-size: 1rem;
    line-height: 1.8;
  }
  .surgecy_article.add_mics .surgecy_article_row h5 {
    margin: 40px auto 30px;
    font-size: 1.2rem;
  }
  .banner-area.add_bnr .flex-box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0;
    width: 100%;
  }
  .banner-area.add_bnr {
    margin: 40px auto;
  }
  .banner-area.add_bnr .flex-box > a,
  .banner-area.add_bnr .flex-box > .bnr-kanamori {
    width: 100%;
    max-width: 935px;
  }
}

table.foreign_table a span {
  display: inline-block;
  line-height: 1.6;
  font-size: 11px;
}