@charset "UTF-8";
/* -------------------------------------------------- */
/* file   : clinic.css                                  */
/* update : 2020                                      */
/* -------------------------------------------------- */
#clinic .h1_wrap_bg {
  background: url(/clinic/img/mv.jpg) no-repeat bottom center/cover; }
  #clinic .h1_wrap_bg .h1_sub span {
    display: block; }
  #clinic .h1_wrap_bg .h1_text {
    width: 80%; }
  #clinic .h1_wrap_bg .h1 {
    text-align: left;
    margin-left: 20%; }

sup {
    vertical-align: super;
    font-size: x-small;
}
i{
	font-style: italic!important;
}

/* index */
/* -------------------------- */
.clinic_text01 {
  font-size: 3.6vw;
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  color: #2f5080;
  margin-bottom: 20px; }
  .clinic_text01 > small {
    font-size: 70%;
    font-family: 'Noto Serif JP', serif; }

.clinic_box {
  position: relative;
  margin-bottom: 70px; }
  .clinic_box > a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2; }
    .clinic_box > a:hover + img {
      opacity: 0.8; }
  .clinic_box .clinic_text02 {
    position: absolute;
    top: 50%;
    right: 50px;
    transform: translateY(-50%);
    z-index: 10; }
  .clinic_box .clinic_text03 {
    position: absolute;
    top: 50%;
    left: 50px;
    transform: translateY(-50%);
    z-index: 10; }
  .clinic_box .department_name {
    font-size: 3.6vw;
    color: #fff;
    font-weight: bold; }
    @media all and (min-width: 1401px) {
      .clinic_box .department_name {
        font-size: 51px; } }

.more_btn {
  z-index: 10; }

#clinic .contact_link {
  margin-top: 100px; }
  #clinic .contact_link a:first-of-type {
    margin-right: 5%; }

/* 消化管外科 */
/* -------------------------- */
#clinic.shoukakan .h1_wrap_bg {
  background: url(/clinic/shoukakan/img/mv.jpg) no-repeat bottom center/cover; }

#clinic.shoukakan article{
  border-bottom: solid 5px #e9edf1;}

.shoukakan .sec_wrap {
  padding-top: 95px; }

.shoukakan #group01 > .sec_wrap {
  padding-top: 50px; }

.inner_link {
  max-width: 940px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto; }
  .inner_link ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around; }
    .inner_link ul li span {
      color: #0F9081;
      vertical-align: middle;
      margin-right: 5px; }
    .inner_link ul li a {
      color: #000;
      font-size: 20px;
      font-weight: bold;
      text-decoration: none; }

.index {
  color: #0F9081;
  font-size: 25px;
  font-weight: bold;
  text-align: center;
  border-bottom: solid 1px;
  margin-bottom: 20px; }

.group_wrap {
  max-width: 940px;
  padding: 0 20px;
  box-sizing: border-box;
  margin: 0 auto; }

.catchphrase {
  font-family: 'Noto Serif JP', serif;
  text-align: center;
  font-size: 3.6vw;
  line-height: 1.3;
  margin: 35px 0;
  font-weight: 500;
  color: #2f5080; }
  .catchphrase > small {
    font-size: 70%;
    font-family: 'Noto Serif JP', serif; }

.img_tit {
  background: #2C625C;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  padding: 6px 0; }

.clinic_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 65px; }

.clinic_flex_l {
  width: 44.5%; }

.clinic_flex_r {
  width: 51.1%;
  line-height: 1.6; }

.group_text {
  margin-bottom: 65px;
  line-height: 1.6;
  word-break: break-all; }

.group_text_last {
  line-height: 1.6; }

.img_size {
  width: 68.5%;
  margin: -20px auto 70px; }
  .img_size .img_tit {
    width: 75%;
    margin: 0 auto 20px; }

.group_wrap > h4 {
  color: #2F5080;
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 0.5em; }
.group_wrap > h5 {
  color: #2F5080;
  font-weight: bold; }

/* 肝胆膵外科 */
/* -------------------------- */
#clinic.kantansui .h1_wrap_bg {
  background: url(/clinic/kantansui/img/mv.jpg) no-repeat bottom center/cover; }

#clinic.kantansui article{
  border-bottom: solid 5px #e9edf1;}

.kantansui .sec_wrap {
  padding-top: 95px; }

.kantansui #group01 > .sec_wrap {
  padding-top: 50px; }

.kantansui article > .sec_wrap {
  padding-top: 0px; }
.kantansui #group05 {
  padding-bottom: 100px; }
.kantansui .index {
  color: #63407F; }
.kantansui .inner_link ul li span {
  color: #63407F; }

.img_tit02 {
  background: #63407F;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  padding: 6px 0; }

.letter_space {
  letter-spacing: -1px; }

.letter_space02_pc {
  letter-spacing: -4px; }

.img_size .img_tit02 {
  width: 75%;
  margin: 0 auto 20px; }

.group_text02 {
  margin-bottom: 65px;
  line-height: 1.6;
  word-break: break-all;
  margin-top: 40px; }

.clinic_flex_half {
  width: 44.5%;
  margin-bottom: 50px;
  text-align: center; }
  .clinic_flex_half:nth-last-child(2), .clinic_flex_half:last-child {
    margin-bottom: 0; }

.img_tit02_sub {
  font-weight: bold;
  text-align: center; }

.clinic_flex.flex_last {
  margin-bottom: 0; }

/* 小児外科 */
/* -------------------------- */
#clinic.shouni .h1_wrap_bg {
  background: url(/clinic/shouni/img/mv.jpg) no-repeat bottom center/cover; }

#clinic.shouni article{
  border-bottom: solid 5px #e9edf1;}

.mt01 {
  margin-top: 50px; }

.mt02 {
  margin-top: 40px; }

.img_tit03 {
  background: #F87200;
  color: #ffffff;
  margin-bottom: 20px;
  text-align: center;
  font-weight: bold;
  padding: 6px 0; }

.group_box {
  background: #FFD7B5;
  padding: 30px;
  margin-bottom: 30px; }

.box_wrap {
  background: #fff;
  padding: 20px 30px 25px; }
  .box_wrap > h4 {
    color: #F07A23; }

.shouni .sec_wrap {
  padding-top: 95px; }
.shouni article > .sec_wrap {
  padding-top: 0; }
.shouni #group01 > .sec_wrap {
  padding-top: 0; }
.shouni .clinic_flex {
  align-items: flex-start; }
.shouni .clinic_flex_half {
  text-align: left; }

.text_indent01 {
  text-indent: -60px;
  margin-left: 60px; }

.text_indent02 {
  text-indent: -135px;
  margin-left: 135px;
  margin-bottom: 10px; }

.text_indent03 {
  text-indent: -135px;
  margin-left: 135px; }

.img_size_shouni{
    width: 100%;
    margin: 20px 0 100px ;
}

/* 臨床研究についてのお願い */
/* -------------------------- */
#clinic.request .h1_wrap_bg .h1_text {
  width: 100%; }

.request .index {
  color: #ec90ec; }
.request .inner_link ul li span {
  color: #ec90ec; }

.study {
  border-top: solid 1px #e6ecf0;
  border-bottom: solid 1px #e6ecf0;
  padding: 25px 30px;
  margin-bottom: 20px; }
  .study a {
    color: #2f5080; }

.study_content {
  line-height: 2; }
  .study_content span {
    color: #2f5080;
    display: inline-block;
    padding-right: 15px;
    font-weight: bold; }

.study_tit {
  font-size: 20px;
  font-weight: bold; }
  .study_tit a {
    font-size: 20px;
    font-weight: bold; }

#index03 {
  padding-bottom: 100px;
  border-bottom: solid 5px #e9edf1; }

.study_li {
  margin-top: 30px; }
  .study_li li {
    margin-bottom: 20px; }
    .study_li li span {
      color: #2f5080;
      text-indent: -20px;
      display: inline-block; }
    .study_li li a {
      color: #2f5080; }

/*----------------------------------------------------------*/
/* pc設定以上の横幅用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 1400px) {
  /* pc */
  .clinic_text01 {
    font-size: 50px; }

  .department_name {
    font-size: 50px; }

  .catchphrase {
    font-size: 50px; } }
/*----------------------------------------------------------*/
/* pcホバー用のCSS */
/*----------------------------------------------------------*/
@media screen and (min-width: 560px) {
  /* pc */
  .inner_link ul a:hover {
    text-decoration: underline; }

  /*---------------------------------------------------------*/ }
/*----------------------------------------------------------*/
/* tablet用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 959px) {
  /* tablet */
  /* -------------------tablet END------------------------- */ }
/*----------------------------------------------------------*/
/* SP用のCSS */
/*----------------------------------------------------------*/
@media screen and (max-width: 559px) {
  /* sp */
  #clinic .h1_wrap_bg {
    margin-bottom: 0; }
    #clinic .h1_wrap_bg .h1_sub span {
      display: inline-block; }
    #clinic .h1_wrap_bg .h1_text {
      width: 100%; }
    #clinic .h1_wrap_bg .h1 {
      text-align: center;
      margin-left: 0; }

  .clinic_box {
    margin-bottom: 35px; }
    .clinic_box .department_name {
      font-size: 20px; }
    .clinic_box .clinic_text02 {
      width: 80%;
      right: 20px;
      text-align: right; }
    .clinic_box .more_btn {
      text-align: right; }
    .clinic_box .clinic_text03 {
      width: 80%;
      left: 20px;
      text-align: left; }
      .clinic_box .clinic_text03 .more_btn {
        text-align: left; }

  #clinic .contact_link {
    margin-top: 50px; }
    #clinic .contact_link a:first-of-type {
      margin-right: 0;
      margin-bottom: 10px; }

  /* 消化管外科 */
  /* -------------------------- */
  .index {
    font-size: 20px;
    margin-bottom: 10px; }

  .inner_link {
    margin: 20px auto 0; }
    .inner_link ul li a {
      font-size: 16px; }

  .shoukakan .sec_wrap {
    padding-top: 40px; }

  .shoukakan #group01 > .sec_wrap {
    padding-top: 25px; }

  .catchphrase {
    font-size: 20px;
    margin: 22px 0; }

  .group_wrap {
    padding: 0; }

  .group_text {
    margin-bottom: 32px; }

  .clinic_flex {
    margin-bottom: 32px; }

  .clinic_flex_l {
    width: 100%;
    margin-bottom: 10px; }

  .clinic_flex_r {
    width: 100%; }

  .img_tit {
    margin-bottom: 10px; }

  .img_tit {
    padding: 3px 0; }

  .img_size {
    width: 100%;
    margin: -10px auto 35px; }
    .img_size .img_tit {
      width: 100%;
      margin: 0 auto 10px; }

  /* 肝胆膵外科 */
  /* -------------------------- */
  .letter_space02_pc {
    letter-spacing: 0px; }

  .img_size .img_tit02 {
    width: 100%;
    margin: 0 auto 10px; }

  .kantansui .inner_link {
    margin: 0px auto 0; }
	
  .kantansui .inner_link ul{
	  justify-content: flex-start;
	}
  .kantansui .inner_link ul li:nth-child(odd){
      width: 40%;}
  .kantansui .inner_link ul li:nth-child(even){
      width: 60%;}
	
  .kantansui .sec_wrap {
    padding-top: 40px; }
  .kantansui #group01 > .sec_wrap {
    padding-top: 25px; }
  .kantansui #group05 {
    padding-bottom: 50px; }

  .group_text02 {
    margin-bottom: 32px;
    margin-top: 20px; }

  .clinic_flex_half {
    width: 100%;
    margin-bottom: 32px; }
    .clinic_flex_half:nth-last-child(2) {
      margin-bottom: 32px; }

  /* 小児外科 */
  /* -------------------------- */
  .mt01 {
    margin-top: 25px; }

  .mt02 {
    margin-top: 20px; }

  .group_box {
    padding: 20px;
    margin-bottom: 15px; }

  .box_wrap {
    padding: 10px 15px 12px; }

  .clinic_flex_half:nth-last-child(2) {
    margin-bottom: 20px; }

  /* 臨床研究についてのお願い */
  /* -------------------------- */
  .study {
    padding: 15px 10px;
    margin-bottom: 20px; }

  .study_tit {
    font-size: 16px; }
    .study_tit a {
      font-size: 16px; }

  #index03 {
    padding-bottom: 50px; }

  /*----------------------------------------------------------*/ }