@charset "utf-8";
/*  
Theme Name: uenohosital
Description：医療法人うえの病院
Author:      医療法人うえの病院
Author URI:  http://uenohospital.jp/
Version:     v.1.0_2024
*/

abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{padding:0;margin:0;border:0;vertical-align:baseline;background:transparent;outline:0}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ol,ul{list-style:none; }blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{vertical-align:baseline;background:transparent}table{border-collapse:collapse;border-spacing:0}hr{margin:1em 0;border:0;border-top:1px solid #000;display:block;height:1px}
*{box-sizing: border-box;}
*:before,*:after {box-sizing: border-box;}
li{vertical-align:top;}
* {-webkit-touch-callout: none;}
.cf::before,.cf::after{content:"";display:table;}
.cf::after{clear:both;}
.cf{*zoom:1;}
img{max-width:100%;height:auto;vertical-align: bottom;}
html{font-size: 62.5%;min-height:100%;}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
/* ----------*/
body{
  font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;
  font-size: 1.4rem;
 }
.txtL {
  text-align: left !important;
}
.txtR {
  text-align: right !important;
}
.font12{
  font-size:1.2rem !important;
}
.font14{
  font-size:1.4rem !important;
}
.underLine{
 text-decoration: underline;
}
a{
  color: #0047B3;
  text-decoration: none;
}
a:hover{
  color: #0099ff;
}
em{
  font-weight: bold;
  font-style: normal;
}
.red{
  color: #bb0000;}
mark{
  background: linear-gradient(transparent 70%, #ffff00 70%);
}
.imgC{
  display   : block;
  margin    : 0 auto;
}
.imgC100{
  display   : block;
  margin    : 0 auto;
  width     : 100%;
}
/*img　フレイム*/
.imgFlame{
  padding: 5px;
  border: 5px solid #f2f0eb;
  width: 100%;
}
/* parts
--------------------------------------------------*/
.rowcell{
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
/*   トップページ　　Opening fullscreen visual
--------------------------------------------------*/
#top_header{
  position: relative;
  overflow: hidden;
}
html,
body{
  height: 100%;
}
body{
  /*margin: 0;*/
}
.opening{
  position: relative;
  width: 100vw;
  height: 100%;
  height: 100vh;
  overflow: hidden;
}
.opening_logo{
  position: absolute;
  top: 60px;
  left: 5px;
  width: 150px;
  height: 150px;
  z-index: 10;
}
.opening_info{
  position: absolute;
  top: 10px;
  left: 5px;
  width: 75%;
  z-index: 10;
}
.opening_info>img{
  padding: 2px 0;
}
.opening_catch{
  position: absolute;
  top: 30px;
  right: 0;
  bottom: 0;
  left: 0;
  width: 280px;
  height: 126px;
  margin: auto;
  z-index: 10;
}

/*   トップページ
--------------------------------------------------*/
/* sp用グローバルナビ */
.drawer-navbar{
}
/* pc用グローバルナビ  */
#top_header .glnavi_pc,
#header .glnavi_pc{
}
/* ticker  */
#ticker{
  position: absolute;
  bottom: 60px;
  left: 0;
  width: 100%;
  line-height: 40px;
  vertical-align: middle;
  background-color: rgba(0,150,223, .6);
  z-index: 100;
}
.ticker_inner{
  width: 300px;
  margin: 0 auto;
}
.tickerbox{
  width: 320px;
  color: #FFF;
  overflow: hidden;
  font-size: 1.6rem;
}
#ticker figure {
    margin: 0;
}
/*   トップページ　　topmain 3column
--------------------------------------------------*/
.topmain{
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #fff4d9;
}
.topmain_inner{
  padding: 5% 0;
  background-color: #fff4d9;
}
.topmainUl{
  -webkit-align-items: center;
          align-items: center;
}
.topmainUl li{
  width: 310px;
  margin: 16px 0;
  background-color: #fff;
}
.topmainUl li a:hover{
  opacity: .6;
}
.topmainUl li img{
  width: 100%;
}
.topmainUl li p{
  line-height: 1.8;
  margin-top: -3rem;
  padding: 1rem;
  font-size: 1.4rem;
}
/*   トップページ　　toptopics
--------------------------------------------------*/
.toptopics{
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #e5f4fc;
}
.toptopics_inner{
  position: relative;
  padding: 75px 0 32px;
  background: url(img/top/top_topics_bg.png) right 0 no-repeat;
  background-color: #e5f4fc;
}
.toptopics_icon{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 120px;
  height: 60px;
  margin:0 auto;
  background: url(img/top/top_topics_title.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.toptopicsUl{
display: flex;
flex-direction: column;
align-items: center;
}
.toptopicsUl li{
  margin-bottom: 16px;
}
.toptopicsUl li a:hover{
  opacity: .6;
}
/*   関連病院 
--------------------------------------------------*/
.group{
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #fcebf3;
}
.group_inner{
  position: relative;
  padding: 75px 0 32px;
  background: url(img/top/top_news_bg.png) right 0 no-repeat;
  background-color: #fcebf3;
}
.group_icon{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 120px;
  height: 60px;
  margin:0 auto;
  background: url(img/top/top_group_title2.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.group_bnr{
display: flex;
flex-direction: column;
align-items: center;
margin: 2%;
}
.groupFig{
margin-bottom: 16px;
max-width: 300px;
}
@media print, screen and (min-width: 768px){
.group_bnr{
flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}
.groupFig{
margin-bottom: 16px;
width: 30%;
}
}
@media print, screen and (min-width: 1000px){
.group_icon{
  left: 0;
  top: 0;
  margin:0;
}
}

/*   トップページ　　topnews
--------------------------------------------------*/
.topnews{
  width: 100%;
  border-bottom: 1px solid #ccc;
  background-color: #fcebf3;
}
.topnews_inner{
  position: relative;
  padding: 75px 0 32px;
  background: url(img/top/top_news_bg.png) right 0 no-repeat;
  background-color: #fcebf3;
}
.topnews_icon{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  width: 120px;
  height: 60px;
  margin:0 auto;
  background: url(img/top/top_news_title.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.topnews_btn{
  position: absolute;
  top: 0;
  right: 5px;
  bottom: auto;
  width: 60px;
  height: 60px;
  background: url(img/top/top_news_tolist.png);
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  background-size:100%;
}
.topnews_btn:hover{
  opacity: .6;
}
/*  index  News  */
.topNews_box{
  width: 90%;
  margin: 0 auto;
}
.topNews_box dl{
  margin-bottom: 2%;
  background-color: #FFF;
}
.topNews_box dt{
  width: 12rem;
  padding: 1rem 1rem 0 1rem;
  color: #666;
}
.topNews_box dd{
  position: relative; 
  font-size: 1.4rem;
}
.topNews_box dd::before{
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -2rem;
  color: #f09dc1;
  content: "\f105";
  font-family:'FontAwesome';
  font-size: 3rem;
}
.topNews_box dd a {
  display: block;
  position: relative;
  padding: 1rem 4rem 1rem 2rem;
  color: #666;
  white-space: nowrap;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}
.topNews_box dl:hover{
  opacity: .6;
 }

/*   トップページ　　topmap    */
.topmap{
  width: 100%;
  border-bottom: 1px solid #ccc;
}

/*   layout
--------------------------------------------------*/
#container{
  margin: 0 auto;
  padding: 5px 0;
}
#container::before,
#container::after{
  display:table;
  content:"";
}
#container:after{
  clear:both;
}

#main_index{
  padding: 0 2%;
}
#main{
  padding: 0 2%;
}
#main_news{
  padding: 0 2%;
}
#side{
  display: block;
  margin: 30px auto 0;
}
#breadArea{
  display: none;
  /*height: 25px;*/
}

/*   第２階層header      
--------------------------------------------------*/
#header{
  background: url(img/share/header_back.png) 0 0 no-repeat;
  background-size: cover;
}
.logoBar{
  margin: 0 auto;
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
}
.logoBar_h1{
  width: 100%;
  height: 100px; 
}
.logoBar_h1 a{
  display: block;
  width: 120px;
  height: 60px;
  background: url(img/share/logo02.png) 0 0 no-repeat;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  -ms-background-size: 100%;
  -webkit-background-size: 100%;
  background-size: 100%;
}
.header_info{
  position: absolute;
  top: 60px;
  right: 5px;
  width: 225px;
  z-index: 10;
}
.header_info>img{
  padding: 2px 0;
}
.header_curve{
  display: none;
}

/*   footer
--------------------------------------------------*/
footer{
  width: 100%;
  background-color:#d4edd7;
}
#footer_inner{
  margin: 0 auto;
  padding: 5px;
  /*max-width: 1000px;*/
}
.footer_logo_h2{
  width: 209px;
  height: 50px;
  margin: 10px 0;
}
 .footer_logo_h2 a{
  display: block;
  height: 50px;
  background: url(img/share/footer_logo.png) 50% 50% no-repeat;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.footer_access_H{
  background: url(img/share/footer_access_h.png) 0 0 no-repeat;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.footer_access_H a{
  display: block; 
  height: 30px;
  }
.footer_access_Add{
  line-height: 1.2;
  padding-bottom: 10px;
  font-style: normal;
  font-size: 1.3rem;
}
.footer_tel_H{
  display: none;
}
.footer_Tel{
  margin: 0 auto 10px;
  width: 210px;
  height: 26px;
  background: url(img/share/footer_tel.png) 0 0 no-repeat;
  background-size:210px auto;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}
.footer_Tel a{
  display: block;
  width: 210px;
  height: 26px;
}
.footer_field_H{
  display: none;
}
.footer_fields{
  display: none;
}
.footer_hours img{
  display: none;
}
.footer_hours_dayoff{
  display: none;
}
/* AI問診 */
.footer_ai_item1 a{
display: block;
width: 200px;
margin: 0 auto 10px;
padding: 10px 0;
background-color: rgba(0,150,223,1);
color: #fff;
text-align: center;
border-radius: 10px;
}
.footer_ai_item2{
display: none;
}
.copyright{
margin: 20px 0 5px;
color: #6dc279;
text-align: center;
}

/*
  bredcrumb
*/
.breadcrumb {
  margin: 0 0 5px;
  padding: 0;
  line-height: 22px;
  color: #888;
  overflow: hidden;
  font-size: 1.5rem;
}
.breadcrumb li {
  margin-left: 2px;
  padding: 0 4px;
  float: left;
}
.breadcrumb li a {
  color: #888;
  text-decoration: none;
}
.breadcrumb li::after{
  width: 16px;
  height: 16px;
  vertical-align: middle;
  content: ' > ';
}
.breadcrumb li:last-child:after {
  content: none;
}

/*
  sidebar
*/
.sideArea{
  display: block;
  margin: 0;
  padding: 0;
  background-color: #fff;
}
.sideUl{
  margin-bottom: 10px;
  padding: 10px;
  background-color: #f2f0eb;
}
.icon_guide,
.icon_hdr,
.icon_pro,
.icon_exam,
.icon_medical,
.icon_carer,
.icon_about,
.icon_regional{
  text-align: center;
}
.icon_guide::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin: 0 10px;
  background:url( img/navi/icon_guide.png);
  content:"";
  background-size:contain;
}
.icon_hdr::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin: 0 10px;
  background:url( img/navi/icon_hdr.png);
  content:"";
  background-size:contain;
}
.icon_pro::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin-right:10px;
  background:url( img/navi/icon_pro.png);
  content:"";
  background-size:contain;
}
.icon_exam::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin-right:10px;
  background:url( img/navi/icon_exam.png);
  content:"";
  background-size:contain;
}
.icon_medical::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin-right:10px;
  background:url( img/navi/icon_medical.png);
  content:"";
  background-size:contain;
}
.icon_carer::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin-right:10px;
  background:url( img/navi/icon_carer.png);
  content:"";
  background-size:contain;
}
.icon_about::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin-right:10px;
  background:url( img/navi/icon_about.png);
  content:"";
  background-size:contain;
}
.icon_regional::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin-right:10px;
  margin-left: -40px;
  background:url( img/navi/icon_regional.png);
  content:"";
  background-size:contain;
}
.sideUl ul{
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
/*  position: relative;*/
}
.sideUl ul li {
  display: block;
  position: relative;
  width: 50%;
  line-height: 1.4;
  border: 1px solid #cdcdcd;
  background-color: #fff;
}
/*    アイコン   new      */
@keyframes vertical {
    0% { transform:translateY(-5px); }
  100% {
 transform:translateY(  0px); }
}
.sideUl ul li.icon_point::before,
.sideUl ul li.icon_new::before{
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 40px;
  height: 20px;
  vertical-align:middle;
  background:url(img/icon_new.png);
  content:"";
  background-size:contain;
  animation: vertical 1s ease-in-out infinite alternate;
}
.sideUl ul li.icon_point::before{
  background:url(img/icon_point.png);
}
.sideUl ul li a {
  display: block;
  padding: 16px 1rem;
  color: #666;
  font-size: 1.2rem;
}
.sideUl ul li a:hover,
.sideUl ul li a.current_post{
  background-color:#f4f4f4;
}
.balloon {
  position: relative;
  width: 98%;
  margin: 0 auto 15px;
  padding: 10px 5px;
  border: 2px solid #f09dc1;
  background: #fff;
  z-index: 0;
}
.balloon:before {
  position: absolute;
  bottom: -8px;
  left: 50%;
  width: 0px;
  height: 0px;
  margin-left: -9px;
  border-width: 9px 9px 0 9px;
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  z-index: 0;
  content: "";
}
.balloon::after {
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 0px;
  height: 0px;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #f09dc1 transparent transparent transparent;
  border-style: solid;
  z-index: -1;
  content: "";
}

/*
  目次 ページ
*/
.indexBox{
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: flex;
  margin-top: 30px;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.indexBox_card{
  margin-bottom: 30px;
}
.indexBox_card_one{
  width:100%;
  margin-bottom: 3%;
  padding: 5px 0;
}
.indexBox #side{
  width: 100%;
  margin: 0 auto ;
}

/*
  　目次ページ内　h2
*/
.h2Area_index{
  padding: 4px 0;
  background-color: #0096df;
}
.guide_h2,
.medical_h2,
.carer_h2,
.regional_h2,
.about_h2{
  margin: 0 auto;
  color: #fff;
  font-size: 2.2rem;
}
.guide_h2::before,
.medical_h2::before,
.carer_h2::before,
.regional_h2::before,
.about_h2::before{
  display:inline-block;
  width:40px;
  height:40px;
  vertical-align:middle;
  margin:0 10px;
  content:"";
}
.guide_h2::before{
  background:url( img/share/h2icon_guide.png);
  background-size:contain;
}
.medical_h2::before{
  background:url( img/share/h2icon_medical.png);
  background-size:contain;
}
.carer_h2::before{
  background:url( img/share/h2icon_carer.png);
  background-size:contain;
}
.regional_h2::before{
  background:url( img/share/h2icon_regional.png);
  background-size:contain;
}
.about_h2::before{
  background:url( img/share/h2icon_about.png);
  background-size:contain;
}
/*
   h2 parents title
*/
.h2Area{
  padding: 13px 0;
  background-color: #f09dc1;
}
.page_h2{
  margin: 0 auto;
  padding-left: 10px;
  color: #fff;
  font-weight: normal;
  font-size: 2.2rem;
}
/*
  main > h3 
*/
#main article > h3{
  margin-bottom: 2rem;
  padding:2rem 1rem;
  background-color: #f2f0eb;
  font-size: 1.8rem;
  border-radius:6px;
 }
#main article > h3::before{
  padding-right: 5px;
  color: #d4cdbd;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 2rem
}
#main article > h4{
  line-height: 1.2;
  margin: 1rem 0 2rem 0;
  padding:1rem;
  border-bottom: solid 1px #000;
  font-size: 1.8rem;
}
#main article > h4::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 2rem
}

/* 理念ページのみ */
@media print, screen and (min-width: 768px){
#main article > h4.rinenH4{
margin-top: 4rem;
}
}



#main article > h5{
  margin: 0 0 2rem 0;
  padding:1rem 1.4rem;
  border-bottom: solid 1px #888;
  font-size: 1.8rem;
}
#main article > h5::before{
  padding-right: 5px;
  color: #27a639;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 1.6rem
}
#main article > h5.rinenH{
  padding: 1rem 1.5rem;
  background-color: #0096df;
  border-radius: 8px;
  color: #fff;display: inline-block;
}
#main article > h5.rinenH::before{
content: none;
}
#main article > p,
.mainP{
  line-height: 1.8;
  margin: 0 0 1rem 0;
  font-size: 1.4rem;
  text-align: justify;
  }
p.kangorinen{
  font-size: 1.8rem;
  font-weight: bold;
}
/*#main article p.rinen{
  line-height: 1.8;
  margin: 3rem 1rem 0 0;
  font-size: 2rem;
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  }*/
/*  リンク  */
.linkTxt::after{
  padding-left: 2px;
  color: #0047B3;
  content: "\f14c";
  font-family: 'FontAwesome';
  font-size: 1.4rem;
}
/*ＴＥＬお知らせ*/
.telArea{
  margin-bottom: 2rem;
  border: 1px solid #0096df;
  background-color: #fff;
}
.telArea h2{
  margin-bottom:1rem;
  padding: 1.2rem 2rem;
  background-color: #f4f4f4;
  color: #0096df;
  font-weight: normal;
  font-size: 2rem;
}
.telArea h2::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f069";
  font-family:'FontAwesome';
  font-size: 2rem;
}
.telArea_caption{
  line-height: 1.8;
  padding: 0 2rem;
  font-size: 1.4rem;
}
.telArea_wrap{
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  padding: 1.2rem 0;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
          align-items: center;
}
.telArea_txt{
  padding-bottom: 5px;
  font-size: 1.6rem;
}
.telArea_tel{
  font-family: 'Arial',sans-serif;
  font-weight: bold;
  font-size: 2.6rem;
}
.telArea_tel::before{
  padding-right: 20px;
  color: #0096df;
  content: "\f098";
  font-family:'FontAwesome';
  font-size: 3.4rem;
}
.telArea_tel>a{
  color: #000;
}
/*コラム*/
.point{
  position: relative;
  line-height: 1.4;
  margin: 6rem 0 3rem;
  padding: 2rem;
  border-top: solid 1px #0096df;
  border-bottom: solid 1px #0096df;
  background: #f4f4f4;
}
.point::after{
  position: absolute;
  bottom: 100%;
  left: 0px;
  line-height: 1;
  padding: 14px 14px 7px 20px;
  background: #0096df;
  color: #fff;
  content: '\f0a7\ POINT';
  font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  border-radius: 5px 5px 0 0;
}
.point ul li{
  line-height: 1.8;
  margin-left: 2rem;
  list-style: disc;
  font-size: 1.4rem;
}
.nayami::after{
  content: '\f0a7\ こんなお悩みありませんか';
}
.nayami p{
  margin-bottom: 1rem;
  font-size: 1.4rem;
}
.kouon::after{
  content: '\f0a7\ 構音体操';
}
/*　注意書*/
.noteBox{
  line-height: 2;
  margin-bottom: 2rem;
  padding: 1rem 2rem;
  background-color: #f4f4f4;
  text-align: justify;
  border-radius:8px;
}
#main .noteBox h2{
  margin-bottom: 1rem;
  border-bottom: 1px solid #0096df;
  font-size: 1.6rem;
}
.noteBox p{
  margin-bottom: 1rem;
}
.noteBox .kyushin{
  color: #bb0000;
}
/*　注意書 ブルー*/
ul.noteBlue > li {
  margin-bottom: 2rem;
  padding: 2rem;
  border: 1px solid #eee;
  background-color: #f8fbfb;
  border-radius: 4px;
}
#main .noteBlue h2{
  padding: 1rem;
  background: #cceaf8;
  font-weight: normal;
  font-size: 1.4rem;
  border-radius: 4px;
}
.noteBlueList li{
  padding: 2% 2% 2% 24px;
  color: #000;
  text-indent: -18px;
  font-size: 1.4rem;
}
.noteBlueList li::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f058";
  font-family: 'FontAwesome';
  font-size: 1.6rem;
}
/*リスト*/
/* 入院 */
.hos_flx{
display: flex;
flex-direction: column-reverse;
}
ol.normalDisc li:before{
content: none;
}
ol.normalDisc li{
  line-height: 1.8;
  margin-left: 2rem;
  padding-left: 0;
  list-style: disc;
  font-size: 1.4rem;
text-indent: 0;
}
.tvThumb{
  width: 200px;
  margin: 0 auto;
  padding: 2px;
  border: 5px solid #f2f0eb;
}
@media screen and (min-width: 768px),print {
.hos_flx{
flex-direction: row;
justify-content: space-between;
}
ol.normalDisc li{
  font-size: 1.6rem;
}
.tvThumb{
width: 140px;
margin: 0;
}
}
/*  */
.circleList{
  padding: 0rem 3rem 2rem;
}
.circleListfloatL{
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: flex;
  padding: 0rem 3rem 1rem;
  -webkit-flex-direction: column;
    -ms-flex-direction: column;
  flex-direction: column;
}
.radioUl li,
.kunrenUl li,
.circleList li,
.circleListfloatL li{
  line-height: 1.6;
  color: #000;
  text-indent: -20px;
  font-size: 1.4rem;
}
.circleListfloatL li{
  margin-right: 40px;
  text-indent: 0;
}
.kunrenUl li::before,
.circleList li::before,
.circleListfloatL li::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f138";
  font-family: 'FontAwesome';
  font-size: 2rem;
}
.circleList a::before,
.circleListfloatL a::before{
  content: none;
}
.circleList em::before,
.circleListfloatL em::before{
  display: none;
}
/*リスト　症状*/
.shoujyo{
  display: -moz-flex;
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  width: 100%;
  margin: 0 auto 3rem;
  margin-top: 5px;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.shoujyo li {
  width: 33%;
  padding: 10px 5px 10px 24px;
  border: 1px solid #cdcdcd;
  background-color: #f4f4f4;
  color: #000;
  text-indent: -18px;
  font-size: 1.2rem;
}
.shoujyo li::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f058";
  font-family: 'FontAwesome';
  font-size: 1.6rem;
}


/*採用情報 現在募集中の求人*/
.staff_Ul{
  display: flex;
  width: 100%;
  margin: 0 auto 3rem;
  margin-top: 0px;
  flex-wrap: wrap;
}
.staff_Ul li {
  width: 33%;
  padding: 5px 5px 10px 24px;
  /* border: 1px solid #cdcdcd;
  background-color: #F5F6F9; */
  color: #000;
  text-indent: -18px;
  font-size: 1.5rem;
}
.staff_Ul li::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f058";
  font-family: 'FontAwesome';
  font-size: 1.6rem;
}




/*指標ページ*/
.numberUl{
  margin-bottom: 2rem;
}
.numberUl>li{
  line-height: 2;
  margin-left: 3rem;
  list-style-type: decimal;
  font-size: 1.6rem;
}
/*送迎範囲マップ*/
.busArea,
#mapbox{
  margin: 0 auto 3rem;
  padding: 5px;
  border: 5px solid #f2f0eb;
}
#map_canvas,
.busArea iframe,
#mapbox iframe{
  width: 100%;
  height: 200px;
}

/*地域医療連携室　連絡先*/
.contactInfo{
  margin: 4rem 0;
  padding: 20px 10px;
  background-color: #f4f4f4;
  border-radius: 10px;
}
.contactInfoH2{
  margin: 0 auto 2rem;
  padding: 0;
  border-bottom: solid 2px #0096df;
  color: #0096df;
  font-weight: normal;
}
.contactInfoH2::before{
  padding-right: 10px;
  color: #0096df;
  content: "\f069";
  font-family: 'FontAwesome';
  font-size: 2.2rem;
}
.linkingT{
  width: 100%;
}
.linkingT th{
  width: 25%;
  vertical-align: middle;
  padding: 1rem 5px;
  border: 1px solid #e5e5e5;
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}
.linkingT td{
  line-height: 1.4;
  vertical-align: middle;
  padding: 1rem;
  border: 1px solid #e5e5e5;
  background-color: #fff ;
  text-align: left;
}
.linkingT_telNum{
  font-family: 'Arial',sans-serif;
  font-weight: bold;
  font-size: 2rem;
}
.linkingT td a{
  color: #000;
}
/*介護施設の方と地域医療連携 画像左*/
#main article p.thumb,
#main article p.thumbswallow{
  width: 300px;
  margin: 0 auto 10px;
  padding: 2px;
  border: 5px solid #f2f0eb;
}
/*DR ご挨拶*/
.drGreeting{
  display: table;
  table-layout: fixed;
}
.drGreeting .drphoto{
  display: block;
  width: 155px;
  margin: 0 auto;
  padding: 0 15px 2rem 0;
}
.drGreeting .drphoto span{
  display: block;
  margin-top: 1rem;
  font-weight: bold;
}
.drGreeting .drTxt{
  display: block;
  vertical-align: top;
}
.drGreeting .drTxt p{
  line-height: 1.8;
  margin-bottom: 2rem;
  font-size: 1.4rem;
  text-align: justify;
}

/*　　　沿革　　　　*/
.timeline > li {
  margin-bottom: 1rem;
  margin-left: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #e5e5e5;
  }
.timeline_year{
  width: 160px;
  height: 35px;
  line-height: 35px;
  background-color: #cceaf8;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
}
.timeline_txt {
  height: 100%;
  line-height: 1.8;
  padding-left: 1rem;
  font-size: 1.4rem;
  }

/*home_intro 介護　うえの病院の紹介*/
.historyT,
.dataT,
.staffT{
  width: 100%;
  margin-bottom: 4rem;
}
.dataT thead th,
.staffT thead th{
  vertical-align: bottom;
  padding: 2rem 1rem;
  border: 1px solid #eee;
  background-color: #ddd;
  font-weight: normal;
  text-align: center;
}
.historyT th,
.dataT tbody th,
.staffT tbody th{
  width: 27%;
  vertical-align: middle;
  padding: 2rem 1rem;
  border: 1px solid #e5e5e5;
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}
.historyT th{
  background-color:  #cceaf8;
}
.historyT td,
.dataT tbody td,
.staffT tbody td{
  line-height: 1.4;
  vertical-align: middle;
  padding: 1rem;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: left;
}
.staffT tbody td{
  line-height: 1.6;
}
.dataT caption{
  width: 260px;
  padding: 5px 0 0 0;
  background-color: #e5e5e5;
}

.dataT_relatedUl li{
margin-bottom: 1rem;
font-weight: 600;
}

.dataT_relatedUl li.no_link{
margin-bottom: 0;
}

.dataT_relatedUl_b li{
padding-left:2rem;
font-weight: 400;
}

/*アクセスマップ　ueno_access  guide_access*/
.accessT{
  width: 98%;
  margin: 4rem auto;
}
.accessT tbody th{
  display: block;
  width: 100%;
  vertical-align: middle;
  padding: 2rem 1rem;
  border: 1px solid #e5e5e5;
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}
.accessT tbody td{
  display: block;
  width: 100%;
  line-height: 1.4;
  vertical-align: middle;
  padding: 1rem;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: left;
}
/* 手術件数*/
.data_opeT{
  width: 100%;
  margin-bottom: 4rem;
}
.data_opeT thead th{
  vertical-align: bottom;
  padding: 2rem 1rem;
  border: 1px solid #eee;
  background-color: #ddd;
  font-weight: normal;
  text-align: right;
}
.data_opeT tbody th{
  width: 40%;
  vertical-align: middle;
  padding: 2rem 1rem;
  border: 1px solid #e5e5e5;
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}
.data_opeT tbody td,
.data_opeT tfoot td{
  line-height: 1.4;
  vertical-align: middle;
  padding: 1rem;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: right;
}
.data_opeT tfoot th{
  vertical-align: bottom;
  padding: 2rem 1rem;
  border: 1px solid #eee;
  background-color: #ddd;
  font-weight: normal;
  text-align: right;
}
.data_opeT tfoot tr th:first-child{
width: 40%;
}
.data_opeT .pointTr th{
font-weight: 600;
}
.data_opeT .pointTr td{
background-color: #fff4dc;
font-weight: 600;
}

/*手術件数2023*/
.data_opeT_2023 tbody th{
background-color: #fff;
}
.data_opeT_2023 tbody .pointTr th{
background-color: #fff4dc;
font-weight: 600;
}


/* 地域医療連携室 */
#main article > p.data_opeT_caption{
margin-top: -3rem;
}
/* 紹介患者数実績 */
.data_patient{
width: 99%;
}
.data_patient tbody th,
.data_patient tfoot th{
text-align: center;
}
.data_patient tfoot td{
background-color: #ddd;
}
@media print, screen and (min-width: 480px){
.data_patient{
width: 50%;
}
}


/*home_swallow　嚥下ポイント*/
.engePoint h3{
  color: #0096df;
  font-size:1.8rem;
}
.engePoint h3::before{
  vertical-align: middle;
  padding-right: 5px;
  color: #0096df;
  content: "\f046 ";
  font-family: 'FontAwesome';
  font-size:2.8rem;
}
.engePoint {
  line-height: 2;
  margin-bottom: 2rem;
  color: #000;
  font-size: 1.4rem;
}
.kouon p{
  line-height: 2;
  font-size: 1.4rem;
}
/*嚥下　食べる幸せ　構音体操*/
ul.kunrenUl li{
  line-height: 1;
  margin-left: 2rem;
  color: #0096df;
  list-style: none;
  font-size: 1.4rem;
}
.kunrenUl li img{
  display: block;
  width: 100%;
  max-width: 360px;
  margin: 5px auto;
  padding: 1px;
  border: 5px solid #fff;
}

/*設備紹介*/
.equipList {
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: -webkit-flex;
  display: flex;
  margin-bottom: 30px;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.equipList li {
  width: 47%;
  margin-bottom: 10px;
  padding: 8px;
  border: 1px solid #0096df;
  text-align: center;
  border-radius: 4px;
}
.equipList li img {
  max-width: 100%;
  margin-bottom: 6px;
}
.equipList li p {
  line-height: 1.2;
}
/*医師紹介　doctor_wrap内table*/
table.doctor_speciality{
  width: 98%;
  font-size: 1.3rem;
}
table.doctor_speciality th{
  width: 26%;
  padding: 5px;
  border: #eee 1px solid;
  background-color: #c6eee0;
  color:#333;
  font-weight: bold;
  text-align:center;
}
table.doctor_speciality td{
  line-height: 1.6;
  padding: 5px;
  border: #eee 1px solid;
  text-align:left;
}
/*センター胆石*/
#main article p.centerthumb{
  width: 240px;
  margin: 0 auto;
}
/* 肛門病　痔  から、女性肛門外来へのボタン*/
.hemo_btn_01{
display: block;
float: right;
width: 180px;
padding: 10px 0;
background-color: #f09dc1;
color: #fff;
text-align: center;
margin-left: 30px;
border-radius: 20px;
}
.hemo_btn_01 span,
.hemo_btn_01 span a{
color: #fff;
/* display: block; */
}
.hemo_btn_01:hover{
opacity: .6;
}
.link_white::after {
padding-left: 2px;
color: #fff;
 content: "\f14c";
font-family: 'FontAwesome';
font-size: 1.4rem;
}


/*診療時間*/
.time_shinryoP{
text-align: right;
padding: 0.2rem 0 0.6rem 0;
}
.timeAlign{
 padding-top: 1.8rem;
}

.time_shinryo{
  width: 100%;
  margin-bottom: 1rem;
}
.time_shinryo thead th{
  vertical-align: bottom;
  padding: 2rem 0;
  border: 1px solid #eee;
  background-color: #ddd;
  font-weight: normal;
  text-align: center;
}
.time_shinryo tbody th{
  width: 22%;
  vertical-align: middle;
  padding: 2rem 0;
  border: 1px solid #e5e5e5;
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}
.time_shinryo tbody td,
.time_shinryo tfoot td{
  line-height: 1.4;
  vertical-align: middle;
  border: 1px solid #e5e5e5;
  background-color: #fff;
  text-align: center;
}
.time_shinryo tfoot th{
  vertical-align: bottom;
  padding: 2rem 1rem;
  border: 1px solid #eee;
  background-color: #ddd;
  font-weight: normal;
  text-align: right;
}
.timered{
  color: #bb0000;
  font-weight: bold;
}
.time_color td:nth-child(2n){
  background-color: #dff5ff;
}
.timepink{
  color: #ff0099;
  font-weight: bold;
}
.time_color tr.center_hemo_female td:nth-child(2n){
  background-color: #fff;
}
.time_color tr.center_hemo_female td:nth-child(odd){
  background-color:#dff5ff;
}
.time_shinryo tbody tr.center_hemo_female td{
border-top: none;
}
.time_shinryo tbody tr.center_hemo td{
  border-bottom: none;
}
/*胃内視鏡検査*/
#main article .checkup{
  margin: 0 0 1rem 0;
  padding-left: 1rem;
  border-bottom: 1px solid #0096df;
  background-color: #f4f4f4;
  font-weight: bold;
  font-size: 1.6rem;
}
.checkupList{
  display: block;
  width: 100%;
  margin-bottom: 2rem;
}
.checkupList li{
  width: 100%;
  margin-bottom: 3%;
  padding:1rem;
  border: 1px solid #0096df;
  background-color: #f4f4f4;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: left;
  border-radius: 4px;
}
.checkupList li::before{
  color: #0096df;
  content: "\f138";
  font-family: 'FontAwesome';
  font-size: 1.4rem;
  }
.checkupList li p{
  line-height: 1.6;
  margin: 1rem 0;
  font-weight: normal;
  text-align: justify;
}
/*左右ボックス*/
.leftright_wrap {
  display: -webkit-flex;
  display: -o-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-items: center;
  align-items: center;
}
  /*理念*/
.leftBox_rinen{
  width: 100%;
  max-width: 440px;
}
.rightBox_ct p,
.rightBox_daichyo p{
  line-height: 2;
  font-size: 1.6rem;
  text-align: justify;
}
.leftBox_rinen,
.leftBox_ct,
.leftBox_daichyo,
.leftbox_doctor{
  margin-bottom: 1rem;
}
    /*画像検査・画像診断*/
.rightBox_rinen img,
.leftBox_ct img{
  width: 100%;
  max-width: 230px;
}

/* --------------------------
 画像検査・画像診断  sp
----------------------------*/
#main article p.radioImg{
  width: 300px;
  margin: 0 auto;
}
.radioUl_b,
.radioUl_c{
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: flex;
  -ms-flex-direction: column;
  -webkit-flex-direction: column;
  flex-direction: column;
  margin-bottom: 30px;
}
.radioUl_b li img{
  display: block;
  width: 100%;
  max-width: 360px;
  margin: 10px auto;
}
.radioUl_d{
  display: -webkit-flex;
  display: -ms-flex;
  display: -o-flex;
  display: -moz-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  max-width: 500px;
  margin: 0 auto;
}
.radioUl_d li img{
 display: block;
 margin: 5px 0;
 width: 100%;
}
.radioUl_d li:nth-child(1){
width: 56%;
margin-left: 0;
}
.radioUl_d li:nth-child(2){
width: 42%;
margin-left: 2%;
}
.radio_caption{
text-align: center;
}
/*  */
.radioUl_e{
display: flex;
flex-direction: column;
justify-content: space-between;
}
.radioUl_e img{
display: block;
margin: 0 auto;
height: 200px;
}
@media print, screen and (min-width: 768px){
.radioUl_e{
flex-direction: row;
justify-content: space-around;
}
}

.radioUl_f{
display: flex;
flex-direction: column;
/* justify-content: space-between; */
}
.radioUl_f img{
display: block;
margin: 0 auto;
width: 260px;
}
@media print, screen and (min-width: 768px){
.radioUl_f{
flex-direction: row;
justify-content: space-between;
margin-bottom: 3rem;
}
.radioUl_f li:nth-child(1){width: 35%;}
.radioUl_f li:nth-child(2){width: 63%;}
.radioUl_f img{

width: 200px;
}
}

/* --------------------------
 画像検査・画像診断  pc
----------------------------*/
@media print, screen and (min-width: 768px){
#main article p.radioImg{
  margin-right: 20px;
  float:left;
  width: 320px;
}
.radioUl_b,
.radioUl_c{
-ms-flex-direction: row;
-webkit-flex-direction: row;
flex-direction: row;
justify-content: space-around;
}
.radioUl_b li:nth-child(1){
width: 45%;
margin-left: 0;
}
.radioUl_b li:nth-child(2){
width: 53%;
margin-left: 2%;
}

/*  */
.radioUl_c li:nth-child(1){
width: 40%;
margin-left: 0;
}
.radioUl_c li:nth-child(2){
width: 60%;
margin-left: 20px;
}
/*  */
.radioUl_d li:nth-child(1){
width: 56%;
margin-left: 0;
}
.radioUl_d li:nth-child(2){
width: 42%;
margin-left: 2%;
}

}



    /*大腸内視鏡検査　医師紹介*/
.leftBox_daichyo img,
.leftbox_doctor img{
  width: 100%;
  max-width: 140px;
}
.leftbox_bumon img{
  width: 100%;
  max-width: 200px;
}
    /*  医師　紹介*/
    /*  専門センター・部門紹介*/
.bumon_wrap,
.doctor_wrap {
  margin-bottom: 50px;
  padding: 20px;
  border: 1px solid #ddd;
}
.rightBox_bumon,
.rightBox_doctor{
  width: 100%;
}
.rightBox_bumon h2,
.rightBox_doctor h2{
  margin: 3rem 0 1rem;
  border-bottom: 2px solid #00b377;
  font-weight: bold;
  font-size: 1.4rem;
  text-align: center;
}
.rightBox_bumon p,
.rightBox_doctor p{
  line-height: 1.6;
  margin-bottom: 1rem;
  font-size: 1.4rem;
}

/*----------------------------------
  お知らせ　main_news sidebar
----------------------------------*/
.screen-reader-text{
  display: none;
}
.sideUl select{
  display: block;
  width: 200px;
  height: 30px;
  margin: 10px auto;
  font-size: 1.5rem;
}

/*----------------------------------
  投稿　archive　全投稿リスト
----------------------------------*/
.allpostList{
  margin-bottom: 2%;
  padding: 8px;
  border-bottom: 1px solid #ddd;
}
.allpostList a{
  display: block;
  color: #000;
  }
.allpostListP{
  width: 140px;
  line-height: 2;
  padding: 8px;
  background-color: #f4f4f4;
  color: #666;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 4px;
}
.allpostListH{
  line-height: 1.2;
  padding: 1rem 2rem;
  font-size: 1.6rem;
}
#main .allpostListH::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 2rem
}

/*----------------------------------
  個別投稿
----------------------------------*/
/*h3 個別タイトル*/
.entry h3{
  line-height: 1.2;
  margin: 0 0 3rem 0;
  padding: 0 1rem;
  border-bottom: solid 1px #000;
  font-size: 2.2rem;
}
.entry h3::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 2rem
}
.entry h4{
  line-height: 1.2;
  margin: 0 0 2rem 0;
  padding: 0 1rem;
  font-size: 1.8rem;
}
.entry h4::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 1.6rem
}
.entry h5{
  margin: 0 0 2rem 0;
  padding: 0 1rem;
  font-size: 1.8rem;
}
.entry h5::before{
  padding-right: 5px;
  color: #27a639;
  content: "\f111";
  font-family: 'FontAwesome';
  font-size: 1.6rem
}
.entry ul,
.entry ol{
}
.entry ul li{
  line-height: 2;
  margin-left: 3rem;
}
.entry ul.arrowList li{
  list-style-type: none;
}

.entry ul.arrowList>li{
  margin-bottom :1.6rem;
}
.entry ul.arrowList>li{
  line-height: 2;
  color: #000;
  text-indent: -20px;
  font-size: 1.6rem;
}
.entry ul.arrowList li::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f138";
  font-family: 'FontAwesome';
  font-size: 2rem;
}
.entry ul.checkList li{
  color: #000;
  text-indent: -18px;
  font-size: 1.4rem;
}
.entry ul.checkList li::before{
  padding-right: 5px;
  color: #f09dc1;
  content: "\f058";
  font-family: 'FontAwesome';
  font-size: 1.6rem;
}
/*　注意書 ブルー*/
.entry ul.noteBlue > li {
  margin-bottom: 2rem;
  padding: 2rem;
  border: 1px solid #eee;
  background-color: #f8fbfb;
  border-radius: 4px;
}
.entry .noteBlue h2{
  padding: 1rem;
  background: #cceaf8;
  font-weight: normal;
  font-size: 1.4rem;
  border-radius: 4px;
}
.entry .noteBlueList li{
  padding: 0;
  color: #000;
  text-indent: -18px;
  font-size: 1.4rem;
}
.entry .noteBlueList li::before{
  padding-right: 5px;
  color: #0096df;
  content: "\f058";
  font-family: 'FontAwesome';
  font-size: 1.6rem;
}
.entry ol li{
  line-height: 2;
  margin-left: 3rem;
  list-style-type: decimal;
  font-size: 1.6rem;
}
.entry p,
.entry pre{
  line-height: 2;
  margin: 0 0 2rem 0;
  padding: 0 1rem;
  font-size: 1.6rem;
  text-align: justify;
}
.entry p a::after{
  padding-left: 2px;
  color: #0047B3;
  content: "\f14c";
  font-family: 'FontAwesome';
  font-size: 1.4rem;
}
.entry strong{
  font-weight: bold;
}
.entry img{
  display: block;
}
/*日付*/
.entry .entryDateP{
  width: 140px;
  line-height: 2;
  padding: 8px;
  background-color: #f4f4f4;
  color: #666;
  font-size: 1.4rem;
  text-align: center;
  border-radius: 4px;
}
/*テーブル*/
/*診療時間*/
.entryCalender{
  margin: 2rem 1rem 3rem;
}
.entryCalender tbody th{
  width: 22%;
  vertical-align: middle;
  padding: 0.5rem 0;
  background-color: #eee;
  font-weight: normal;
  text-align: left;
}
.entryCalender tbody td{
  line-height: 1.4;
  vertical-align: middle;
  padding: 0.5rem 0;
  background-color: #fff;
  text-align: left;
  font-size: 1.6rem;
}
.entryCalender tbody tr.kyushin{
  color: #bb0000;
}
.entryCalender span.entryCircle::before{
  color: #0096df;
  content: "\f138";
  font-family: 'FontAwesome';
  font-size: 1.4rem;
  padding-right: 0.5rem;
}

/* 個別投稿 相談窓口 */
.entry .telArea_caption{
  line-height: 1.8;
  padding: 0 2rem;
  font-size: 1.4rem;
margin:0;
}
.entry .telAreaList li{
padding: 1rem 4rem;
color: #000;
text-indent: -18px;
font-size: 1.4rem;
    line-height: 1;
    margin-left: 0;
}
.entry .telAreaList li::before{
padding-right: 5px;
color: #0096df;
content: "\f138";
font-family: 'FontAwesome';
font-size: 1.6rem;
}
.entry .telArea_wrap{
  display: flex;
  padding: 1.2rem 0;
  flex-direction: column;
  align-items: center;
}
.entry .telArea_txt{
  /* padding-bottom: 5px; */
  font-size: 1.6rem;
  line-height: 16px;
  margin: 0;
  padding: 0 0 5px 0;
}
.entry .telArea_tel{
  font-family: 'Arial',sans-serif;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1;
  margin: 0;
  padding: 0;
}
.entry .telArea_tel::before{
  padding-right: 20px;
  color: #0096df;
  content: "\f098";
  font-family:'FontAwesome';
  font-size: 3.4rem;
}
.entry .telArea_tel>a::after{
display: none;
}
/* 個別投稿　女性肛門外来 */
.entry ul li.telArea_ai_item02{
margin: 0;
}
.entry p.telArea_ai_item02_P{
display: block;
width: 160px;
margin: 0 auto 5px;
background-color: rgba(0,150,223,1);
color: #fff;
text-align: center;
line-height: 1.8;
}
.entry p.telArea_ai_item02_P a {
display: block;
color: #fff;
font-size: 1.4rem;
}
.entry p.telArea_ai_item02_P a::after{
  content: none;
}
.entry p.zai_item2Img a::after{
  content: none;
}

/*　前後へ */
ul.singlePagenation {
  display: block;
  width: 220px;
  margin: 5% auto;
}
.singlePagenation li {
  display: inline-block;
  margin-left: 10px;
}
.singlePagenation li a {
  display: block;
  width: 90px;
  padding: 10px 0;
  background-color: rgba(0,150,223,.6);
  color: #333;
  text-align: center;
  border-radius: 4px;
  transition: 0.6s ease-in;
}
.singlePagenation li a:hover{
  background-color: rgba(0,150,223,1);
}


/* --------------------------
     AI問診
----------------------------*/

.ai_flx{
display: flex;
flex-direction: column;
}
.ai_flx_item1{
padding-bottom: 30px;
}
.ai_qrImg{
width: 150px;
display: block;
margin: 0 auto;
}
.ai_flx_item2 p{
text-align: center;
padding: 10px 0 10px 0;
margin-bottom: 10px;
} 
.ai_item2P{
display: block;
margin: 0 auto 10px;
width: 180px;
padding: 10px 0;
background-color: rgba(0,150,223,1);
color: #fff;
text-align: center;
}
.ai_item2P a {
color: #fff;
display: block;
}
@media screen and (min-width: 768px),print {
.ai_flx{
flex-direction: row;
justify-content: space-between;
}
.ai_flx_item1{
padding-right: 50px;
width: 70%;
}
.ai_flx_item2{
width: 30%;
min-width: 150px;
}
}
/* --------------------------
     AI問診 流れ
----------------------------*/
ol.aiOl li{
display: flex;
flex-direction: column;
align-items: center;
}
.aiNum{
display: inline-block;
position: relative;
left: 0;
width: 50px;
height: 38px;
line-height: 38px;
margin-bottom: 1rem;
background: rgba(0,150,223,.4);
color: white;
font-family: 'Avenir','Arial Black','Arial',sans-serif;
font-weight:bold;
font-size: 2rem;
text-align: center;
}
p.aiNum:after{
position: absolute;
top: 100%;
left: 50%;
margin-left: -10px;
border: 10px solid transparent;
border-top: 10px solid rgba(0,150,223,.4);
content: "";
}
.ai_img{
width: 180px;
}
.aiOl_p{
line-height: 1.8;
margin: 0 3rem 3rem 3rem;
font-size: 1.6rem;
text-align: justify;
}
/* 入力完了 */
ol.aiOl li.co04{
display: block;
position: relative;
width: 60%;
margin: 0 auto 50px;
padding: 10px 0;
background-color: rgba(0,150,223,1);
color: #fff;
font-size: 2.4rem;
text-align: center;
border-radius: 4px;
}
ol.aiOl li.co04:after{
position: absolute;
top: 100%;
left: 50%;
margin-left: -20px;
border: 20px solid transparent;
border-top: 20px solid rgba(0,150,223,1);
content: "";
}

@media print, screen and (min-width: 768px){
ol.aiOl li{
margin-bottom: 30px;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.aiNum{
width: 100px;
margin-right: 20px;
}
p.aiNum:after{
  position: absolute;
  top: 50%;
  left: 100%;
  margin-top: -10px;
margin-left: 0;
  border: 10px solid transparent;
  border-left: 10px solid rgba(0,150,223,.4);
  content: "";
}
.ai_img{
 width: 200px;
}
.aiOl_p{
 width: 300px;
  margin: 0 0 0 3rem;
}
}

/* ---------------------------------------------------------
    女性肛門外来
-----------------------------------------------------------*/
.lead01{
width: 100%;
line-height: 1.4;
margin-top: 1rem;
margin-bottom: 1rem;
padding: 14px 14px;
background: #f09dc1;
color: #fff;
font-size: 16px;
text-align: center;
letter-spacing: 0.1em;
box-shadow: 5px 5px 5px #d1d1d1;
}
.green_em{
color: #00cc99;
}
.orange_em{
color: #ff6500;
}
.purple_em{
color: #9b9bfc;
}
.hemofemale{
margin-bottom: 2rem;
background-color: #f4f4f4;
}
.hemofemale>div{
width: 100%;
margin-bottom: 3%;
font-size: 1.5rem;
text-align: left;
}
.hemofemale h2{
padding: 1rem;
font-size: 1.6rem;
letter-spacing: 1rem;
}
.hemofemale h2.greenH2{
background-color: #00cc99;
color: #fff;
}
.hemofemale h2.orangeH2{
background-color: #ff6500;
color: #fff;
}
.hemofemale h2.purpleH2{
background-color: #9b9bfc;
color: #fff;
}
.hemofemale_num{
line-height: 1.4;
margin-left: 2rem;
padding: 1rem;
list-style-type: decimal;
font-size: 1.5rem;
}
.telAreaList li{
padding: 1rem 4rem;
color: #000;
text-indent: -18px;
font-size: 1.4rem;
}
.telAreaList li::before{
padding-right: 5px;
color: #0096df;
content: "\f138";
font-family: 'FontAwesome';
font-size: 1.6rem;
}
.hemoopeP{
line-height: 1.4;
padding: 1rem 0;
font-size: 1.5rem;
}
.hemoope > li {
margin-bottom: 2rem;
padding: 1rem;
border: 1px solid #eee;
background-color: #f8fbfb;
border-radius: 4px;
}
.hemoope h2{
padding: 1rem;
background: #cceaf8;
font-weight: normal;
font-size: 1.4rem;
border-radius: 4px;
}
.hemoopeUl>li{
padding: 0 2% 1% 24px;
color: #000;
text-indent: -18px;
font-size: 1.4rem;
}
.hemoopeUl li::before{
padding-right: 5px;
color: #0096df;
content: "\f058";
font-family: 'FontAwesome';
font-size: 1.6rem;
}

/* 手術療法 テーブル */
.hemoopT{
width: 100%;
}
.hemoopT th{
width: 70px;
vertical-align: middle;
padding: 2rem 1rem;
border: 1px solid #e5e5e5;
background-color: #eee;
font-weight: normal;
text-align: left;
}
.hemoopT td{
line-height: 1.4;
vertical-align: middle;
padding: 1rem;
border: 1px solid #e5e5e5;
background-color: #fff;
text-align: left;
}
/* 痔とは img SP */
.hemo_detail_pc{
display: none !important;
}
.hemo_detail_sp{
display: flex;
flex-direction: column;
align-items: center;
}
.hemo_detail_item01{
width: 80%;
max-width: 350px;
margin: 10px;
}
.hemo_detail_item02{
width: 98%;
margin: 10px;
}
/* 相談窓口にAI問診情報 */
.telArea_ai{
display: flex;
margin: 3%;
padding-top: 1rem;
border-top: 1px solid #ddd;
flex-direction: column;
}
ul li.telArea_ai_item01{
margin: 0 0 1rem 0;
line-height: 1.8;
margin-left: 0;
}
.telArea_ai_item01 p{
line-height: 1.8;
margin: 0;
padding: 0;
font-size: 1.4rem;
}

.telArea_ai_item02_P{
display: block;
width: 160px;
margin: 0 auto 5px;
background-color: rgba(0,150,223,1);
color: #fff;
text-align: center;
line-height: 1.8;
}
.telArea_ai_item02_P a {
display: block;
color: #fff;
}
.telArea_ai_qrImg{
display: block;
width: 80px;
margin: 0 auto;
}

/* --------------------------
     PC  768以上
----------------------------*/
@media print, screen and (min-width: 768px){
/* 痔とは PC */
.hemo_detail_sp{
 display: none !important;
}
.hemo_detail_pc{
display: flex!important; 
width: 100%;
flex-direction: row;
justify-content: space-between;
align-items: flex-start;
}
.hemo_detail_item01{
width: 100%;
max-width: 270px;
margin: 0;
}
.hemo_detail_item02{
width: 100%;
margin: 0;
}
/* 相談窓口にAI問診情報 PC*/
.telArea_ai{
flex-direction: row;
justify-content: space-between;
}
.telArea_ai_item01{
width: 70%;
padding-right: 40px;
}
.telArea_ai_item02{
width: 30%;
}
}

/* ---------------------------------------------------------
    認定看護師紹介
-----------------------------------------------------------*/
#main article > h4.nurse_b{
margin: 5rem 0 2rem;
}
#main article > h4.nurseH4{
border: none;
background-color:#e5f4fc;
text-align: center;
margin: 5rem 0 2rem;
}
#main article > h4.nurseH4::before {
padding-right: 0;
color: #0096df;
content: none;
}
.nurse_wrap{
margin-bottom: 4rem;
background-color: #fff4d9;
border-radius: 20px;
}
.nurse_wrap{
padding: 2rem;
}
.nurse_wrap h2{
line-height: 1.4;
padding: 1rem;
background: repeating-linear-gradient(-45deg, #fff4d9 0, #fff4d9 2px, #FFF 4px, #FFF 6px);
font-weight: 800;
text-align: center;
border-radius: 20px;
}
.nurse_wrap h2 span{
font-size: 1.4rem;
}
.nurse_balloon{
display: inline-block;
position: relative;
max-width: 100%;
margin: 1.5em 0;
padding: 1rem;
border: solid 6px #f09dc1;
background: #FFF;
border-radius: 20px;
}
.nurse_balloon:before {
position: absolute;
top: -24px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 12px solid #FFF;
z-index: 2;
content: "";
}
.nurse_balloon:after {
position: absolute;
top: -30px;
left: 50%;
margin-left: -17px;
border: 14px solid transparent;
border-bottom: 14px solid #f09dc1;
z-index: 1;
content: "";
}
.nurse_balloon .mainP{
margin:0;
}