@charset "utf-8";


/*===========================================================================================
add.css　（追加用）
===========================================================================================*/

/* -----------------------------
 * 20241023　追加
--------------------------------*/
.dep03-flBox{
	display:flex;
	flex-direction: column;
    align-items: center;
}
.dep03-flBox img{
	max-width:480px;
	width:100%;
}
.blur {
    position: relative;
    display: inline-block;
}

@media only screen and (min-width: 768px) {
	.dep03-flBox02{
		flex-direction: row;
		align-items: flex-end;
		justify-content: center;
	}
	.blur {
		position: relative;
		display: inline-block;
	}
	.blur::after{
		position: absolute;
		left: 0; top: 0; right: 0; bottom: 0;
		-moz-box-shadow: inset 0px 0px 15px 15px #fff;
		-webkit-box-shadow: inset 0px 0px 15px 15px #fff;
		box-shadow: inset 0px 0px 15px 15px #fff;
		content: "";
	}
}
@media only screen and (max-width: 768px) {
	.blur::after{
		position: absolute;
		left: 0; top: 0; right: 0; bottom: 0;
		-moz-box-shadow: inset 0px 0px 15px 15px #fff;
		-webkit-box-shadow: inset 0px 0px 15px 15px #fff;
		box-shadow: inset 0px 0px 15px 15px #fff;
		content: "";
	}
}

/* -----------------------------
 * 20241107　追加
--------------------------------*/
@media only screen and (max-width: 768px) {
.news_content_pd{
	padding-bottom:70px;
}
.news_All{
	flex-direction: column-reverse;
}
}

/* -----------------------------
 * 20241212　追加
--------------------------------*/
.tiikishoukai-img img {
  width: 100%;
}

.tiikishoukai-img {
  max-width: 620px;
  margin: 20px auto;
}

.mt20 {
  margin-top: 20px;
}

.gyoumuWrap {
  display: flex;
  flex-direction: column;
}

.gyoumuWrap>div {
  width: 100%;
  border: 1px solid #707070;
  border-radius: 5px;
  padding: 20px;
}

.gyoumuWrap>div+div {
  margin-top: 20px;
}

.gyoumuWrap ul,
.eiyoushidouWrap ul,
.nyuinukeire ul {
  list-style: disc inside;
  text-indent: -1rem;
  padding-left: 1rem;
}

.eiyoushidouWrap {
  border: 1px solid #707070;
  padding: 20px;
  margin-top: 20px;
  border-radius: 5px;
}

.ctBTN {
  max-width: 400px;
  margin: 20px auto 0;
}

.ctBTN a {
  display: block;
  width: 100%;
  background-color: #0091EA;
  color: #fff;
  text-align: center;
  font-weight: bold;
  padding: 10px 20px;
  border-radius: 5px;
}

.tiiki-contact {
  margin: 10px auto 20px;
}

.tiiki-contact th,
.tiiki-contact td {
  border: 1px solid #707070;
  line-height: 1.5;
}

.tiiki-contact th {
  width: 140px;
  padding: 10px;
  text-align: left;
}

.tiiki-contact td {
  padding: 10px;
}

.table_box {
  overflow-x: auto;
  display: block;
}

.table_box table th,
.table_box table td {
  white-space: nowrap;
}

.table_box {
  margin-bottom: 20px;
}

.depart_all article {
  padding: 0 0 40px;
}

.res-nyuyoku {
  max-width: 400px;
  width: 100%;
}

#kanja .dep04_ph img {
  aspect-ratio: 3/2;
  object-fit: cover;
  width: 100%;
  height: auto;
}


#kanja .dep04_ph dl {
  margin-bottom: 20px;
  aspect-ratio: 3/2;
  object-fit: cover;
  width: 100%;
  height: auto;
}

.rasiku-img {
  max-width: 880px;
  margin: 10px auto;
}

.respiteWrap>div:not(:first-child) {
  width: 70%;
}

.respiteWrap {
  width: 100%;
  margin: auto;
}

.respiteWrap>div {
  margin: auto;
}

@media only screen and (min-width: 768px) {
  .gyoumuWrap {
    flex-direction: row;
    justify-content: space-between;
  }

  .gyoumuWrap>div {
    width: 47%;
  }

  .gyoumuWrap>div+div {
    margin-top: 0;
  }

  .eiyoushidouWrap {
    max-width: 390px;
    width: 100%;
    margin: 20px auto 0;
  }

  .tiikiBTNwrap {
    display: flex;
    justify-content: center;
    margin-top: 20px;
  }

  .tiikiBTNwrap .ctBTN {
    margin: 0;
  }

  .tiikiBTNwrap .ctBTN+.ctBTN {
    margin-left: 20px;
  }

  .ctBTN a {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .respiteWrap {
    display: flex;
    width: 85%;
  }

  .respiteWrap>div+div {
    margin-left: 10px;
  }

  .respiteWrap .dep08_ph {
    display: block;
  }

  .respiteWrap>div:first-child {
    width: 63%;
  }

  .respiteWrap>div:not(:first-child) {
    width: 37%;
  }

  .tiikiBTNwrap .ctBTN {
    margin: 0;
  }

  .shokujiWrap {
    display: flex;
    width: 100%;
    justify-content: space-around;
  }

  .shokujiWrap>div {
    width: 23.5%;
  }
  #kanja .dep04_ph dl {
    width: 24.7%;
  }

  #kanja .dep04_ph {
    max-width: 1000px;
    width: 100%;
  }

}

/* -----------------------------
 * 20250110　追加
--------------------------------*/
/* .bumonWrap {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  flex-wrap: wrap;
}

.bumon_itemWrap {
  width: 20%;
  margin-bottom: 60px;
  display: flex;
}

.bumon_itemWrap {
  justify-content: center;
  margin-right: 6.6%;
}

.bumon_itemWrap:nth-child(4),
.bumon_itemWrap:nth-child(8) {
  justify-content: flex-end;
  margin-right: 0;
}

.bumon_itemWrap:first-child,
.bumon_itemWrap:nth-child(5) {
  justify-content: flex-start;

}

.bumon_item {
  max-width: 200px;
  box-shadow: 5px 8px 17px 0px rgba(0, 0, 0, 0.17);
  display: flex;
  flex-direction: column;
}

.bumon_item_tit {
  background-color: #0091EA;
  height: 50px;
  color: #fff;
  font-weight: bold;
  display: table;
  width: 100%;
  vertical-align: middle;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.bumon_item_tit h2 {
  height: 100%;
  padding: 10px 15px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  flex: 18px;
}

.bumon_item_tit h2 span {
  font-size: 14px;
  margin-left: 1.5rem;
}

.bumon_item_cont {
  padding: 25px 15px;
}

.bumon_item_cont p {
  font-size: 16px;
  color: #37474f;
  font-size: 14px;
  text-align: left;
}

.fz20 {
  font-size: 20px;
}

@media only screen and (max-width: 768px) {
  .bumon_itemWrap {
    width: 48%;
  }

  .bumon_itemWrap:nth-child(odd) {
    margin-right: 4%;
  }

  .bumon_itemWrap:nth-child(even) {
    margin-right: 0;
  }

  .bumon_itemWrap:first-child,
  .bumon_itemWrap:nth-child(5),
  .bumon_itemWrap:nth-child(4),
  .bumon_itemWrap:nth-child(8) {
    justify-content: center;
  }

  .bumon_item_tit h2 {
    padding-left: 5px;
    padding-right: 5px;
  }
} */


/* -----------------------------

20260422　追加修正
診療科・部門 SP

--------------------------------*/
.dep-gree{
  padding: 0 1.5rem 3rem;
  text-align: center;
  font-size: 1.6rem;
}

.dep-wrap h2{
  margin: 0 1.5rem 3rem;
}

/* 各部門・診療科 SP ------------- */
.dep-wrap-content{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0 1.5rem 5rem;
  letter-spacing: 0.025em;
}

/* 診療科 SP ----- */
ul.dep-wrap-content.dep-flex01{
  justify-content: space-between;
}
ul.dep-wrap-content.dep-flex01 li{
  width: auto;
}

/* 各部課のご紹介 SP ----- */
ul.dep-wrap-content.dep-flex02{
  justify-content: space-between;
}
ul.dep-wrap-content.dep-flex02 li{
  width: auto;
  margin: 0;
}

ul.dep-wrap-content li a{
  display: block;
  margin: 0 0 5rem;
  padding: 2rem;
  text-align: center;  
  line-height: 1.5;
  border-radius: 0.5rem;
  box-shadow: 0.5rem 0.8rem 1.7rem 0 rgba(0, 0, 0, 0.17);
  color: #333;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  overflow: hidden;
}

ul.dep-wrap-content li.dep-col-01 a{border: 1px solid #84dcd1;}
ul.dep-wrap-content li.dep-col-02 a{border: 1px solid #f8d0b2;}
ul.dep-wrap-content li.dep-col-03 a{border: 1px solid #c2e6b9;}
ul.dep-wrap-content li.dep-col-04 a{border: 1px solid #ffadad;}

ul.dep-wrap-content li.dep-col-05 a{border: 1px solid #FFFFD6;}
ul.dep-wrap-content li.dep-col-06 a{border: 1px solid #f4f4ff;}
ul.dep-wrap-content li.dep-col-07 a{border: 1px solid #DBEDFF;}
ul.dep-wrap-content li.dep-col-08 a{border: 1px solid #FFEDDB;}
ul.dep-wrap-content li.dep-col-09 a{border: 1px solid #F2E5FF;}
ul.dep-wrap-content li.dep-col-10 a{border: 1px solid #EFFFEF;}
ul.dep-wrap-content li.dep-col-12 a{border: 1px solid #fce7eb;}

/* マウスオーバー後 */
ul.dep-wrap-content li.dep-col-01 a:hover{background: #84dcd1;}
ul.dep-wrap-content li.dep-col-02 a:hover{background: #f8d0b2;}
ul.dep-wrap-content li.dep-col-03 a:hover{background: #c2e6b9;}
ul.dep-wrap-content li.dep-col-04 a:hover{background: #ffadad;}

ul.dep-wrap-content li.dep-col-05 a:hover{background: #FFFFD6;}
ul.dep-wrap-content li.dep-col-06 a:hover{background: #efefff;}
ul.dep-wrap-content li.dep-col-07 a:hover{background: #DBEDFF;}
ul.dep-wrap-content li.dep-col-08 a:hover{background: #FFEDDB;}
ul.dep-wrap-content li.dep-col-09 a:hover{background: #F2E5FF;}
ul.dep-wrap-content li.dep-col-10 a:hover{background: #EFFFEF;}
ul.dep-wrap-content li.dep-col-12 a:hover{background: #fce7eb;}



@media only screen and (min-width: 768px) {

  /* -----------------------------

  20260422　追加修正
  診療科・部門 TB

  --------------------------------*/
  .dep-gree{
    font-size: 2rem;
  }

  /* 各部門・診療科 768 ------------- */
  ul.dep-wrap-content{
    flex-direction: row;
    padding: 0 1.5rem 5rem;
  }
  ul.dep-wrap-content.dep-flex01 li{
    width: 48%;
  }
  ul.dep-wrap-content.dep-flex02 li{
    width: 48%;
  }

}

@media only screen and (min-width: 1000px) {

  /* -----------------------------

  20260422　追加修正
  診療科・部門 1000

  --------------------------------*/

  .dep-gree{
    padding: 0 1.5rem 6rem;
  }

  ul.dep-wrap-content{
    padding: 0 1.5rem 5rem;
  }

  /*  診療科 1000 ------------- */
  ul.dep-wrap-content.dep-flex01 li{
    width: 23.5%;
  }

  /* 各部課のご紹介 1000 ----- */
  ul.dep-wrap-content.dep-flex02{
    justify-content:start;
  }
  ul.dep-wrap-content.dep-flex02 li{
    width: 23.5%;
    margin: 0 2% 0 0;
  }
  ul.dep-wrap-content.dep-flex02 li:nth-child(4){
    margin: 0;
  }


}


/* -----------------------------

20260422　追加修正
糖尿病一覧 SP

--------------------------------*/

/* 共通 SP
------------------------*/
.about-dia-bg{
  padding: 0 1rem;
  background: #eceff1;   
}

#about-dia a:hover{
  color: #0091ea;
}
#about-dia .about-dia-flex{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
#about-dia .about-dia-flex-l,
#about-dia .about-dia-flex-r{
  width: auto;
}

#about-dia section{
  margin: 0 0 2rem;
  padding: 5rem 2rem;
  background: #fff;
  border-radius: 1rem;
}
#about-dia section h2{
  margin: 0 0 1.5rem;
  background: url(../img/arrow-blue.svg) no-repeat 96% center;
  background-size: 12px;
}
#about-dia section h2 a{
  color: #000;
}
#about-dia section article{
  padding: 1.5rem 0;
  border-bottom: 1px solid #ccc;
}
#about-dia section article h3{
  padding: 1rem 0;
  background: url(../img/arrow-blue.svg) no-repeat 96% center;
  background-size: 12px;
  font-size: 2rem;
}
#about-dia section article h3{
  color: #0091ea;
}
#about-dia section ul{
  padding: 1.5rem 0 0;
}
#about-dia section ul li{
  line-height: 1.5;
  padding: 1rem 5rem 1rem 1rem;
  font-size: 1.6rem;
  background: url(../img/arrow-blue.svg) no-repeat 96% center;
  background-size: 10px;
}
#about-dia section ul li a{
  color: #000;
}

@media only screen and (min-width: 768px) {

  .about-dia-bg{
    margin: 2rem 0 0;
    padding: 5rem 1rem;
    background: transparent;
  }

  #about-dia .about-dia-flex{
    flex-direction: row;
  }

  #about-dia .about-dia-flex-l,
  #about-dia .about-dia-flex-r{
    width: 48%;
  }

  #about-dia section article{
    padding: 3rem 0;
  }

  #about-dia section article h3{
    padding: 1rem;
  }

  #about-dia section ul{
    padding: 1rem 0;
  }

  #about-dia section ul li{
    line-height: 1.5;
    padding: 1rem 5rem 1rem 1rem;
    font-size: 1.8rem;
  }  


}



/* ---------------------------------
20260422　追加修正
検索結果ページ
------------------------------------*/
.search-wrap{
  padding: 5rem 0 0;
}

.search-wrap h3{
  padding-bottom: 10px;
  color: #0091ea;
  font-weight: bold;
  font-size: 2.1rem;
}

.search-wrap article{
  padding: 0 0 5rem;
}


/* -----------------------------

20260507　追加修正
眼科 /　リハビリテーション

--------------------------------*/

/* 眼科 SP -------- */
.dep11-wh840{
  max-width: 840px;
}
.depart_all h3.dep11-pd15{
  padding-bottom: 15px;
}

ol.dep11-ol{
  list-style: disc;
  margin: 0 0 30px 20px;
}


.dep11-device{
  padding: 40px 0 0;
}
.dep11-ph{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
}
.dep11-ph p{
  width: auto;
  padding: 0 0 10px;
}

/* 眼科機器リスト SP ------------ */
.dep11-device-list{
  padding: 0 0 40px;
}
.dep11-device-list dl{
  display: flex;
  flex-direction: column;
  padding: 20px 10px;
  border-bottom: 1px solid #ccc;
}
.dep11-device-list dl:first-child{
  border-top: 1px solid #ccc;  
}
.dep11-device-list dl dt,
.dep11-device-list dl dd{
  width: auto;
}
.dep11-device-list dl dt{
  line-height: 1.6;
}
.dep11-device-list dl dt span{
  display: block;
}
.dep11-device-list dl dd a{
  text-decoration: underline;
  text-underline-offset:0.2em;
  position: relative;
}
.dep11-device-list dl dd a::after{
  display: block;
  width: 8px;
  content: url('../img/arrow-blue.svg');
  position: absolute;
  top: -5px;
  right: -20px;
}

/* リハビリテーション・リハビリ課 SP -------- */
.dep06-ph,.dep12-ph{
  padding: 5rem 0 0;
  text-align: center;
}





@media only screen and (min-width: 768px) {

  /* 眼科 TB -------- */
  .dep11-ph{
    flex-direction: row;
  }
  .dep11-ph p{
    width: 49.5%;
    padding: 0 0 1rem;
  }

  /* 眼科機器リスト TB ------------ */
  .dep11-device-list dl{
    flex-direction: row;
  }
  .dep11-device-list dl dt{
    width: 60%;
  }
  .dep11-device-list dl dd{
    width: 40%;
  }

}

@media only screen and (min-width: 1000px) {
  
  .dep11-ph p{
    width: 24%;
    padding: 0;
  }

  .dep11-device-list dl dt span{
    display: inline;
  }

  /* リハビリテーション 1000 -------- */
  .dep06-ph,.dep12-ph{
    padding: 10rem 0 0;
  }

}


/* -----------------------------

20260520　追加修正
入院・お見舞い

--------------------------------*/

.hospital-wrap h2{
  margin: 0 1.5rem 5rem;
}

/* 各部門・診療科 SP ------------- */
ul.hospital-wrap-content{
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  padding: 0 1.5rem 5rem;
  letter-spacing: 0.025em;
}

ul.hospital-wrap-content li a{
  display: block;
  width: auto;
  margin: 0 0 5rem;
  padding: 2rem;
  text-align: center;  
  line-height: 1.5;
  border: 1px solid var(--lblue);
  border-radius: 0.5rem;
  box-shadow: 0.5rem 0.8rem 1.7rem 0 rgba(0, 0, 0, 0.17);
  color: #333;
  background: #fff;
  font-size: 1.8rem;
  font-weight: 700;
  overflow: hidden;
}

ul.hospital-wrap-content li a:hover{
  background: var(--lblue);
}

@media only screen and (min-width: 768px) {


  /* 各部門・診療科 768 ------------- */
  ul.hospital-wrap-content{
    flex-direction: row;
    padding: 0 1.5rem 5rem;
  }
  ul.hospital-wrap-content li{
    width: 30%;
  }

}