@import url("./style-common.css");



/********************************************/
/********************************************/
/********************************************/
/********************************************/
/********************************************/
/* おしらせ一覧 [notices-hospital]          */
/********************************************/
@media screen and (max-width:600px){
  .notices-hospital-main {
    background: var(--backcolor);
  }
  .notices-hospital-main h2{
    margin: 0;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-size:24px;
    font-weight: 600;
  }
}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .notices-hospital-main {
    background: var(--backcolor);
  }
  .notices-hospital-main h2{
    margin: 0;
    padding-top: 4px;
    padding-right: 0px;
    padding-bottom: 4px;
    padding-left: 0px;
    font-size:32px;
    font-weight: 600;
  }
}
@media print , screen and (min-width:1024px){
  .notices-hospital-main {
    background: var(--backcolor);
  }
  .notices-hospital-main h2{
    margin: 0;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 0px;
    font-size:40px;
    font-weight: 600;
  }
}
/*------------------------------------------*/
/* おしらせ一覧                             */
/*------------------------------------------*/
@media screen and (max-width:600px){
  .notices-hospital-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .notices-hospital-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .notices-hospital {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }

}
@media screen and (min-width: 600px) and (max-width: 1024px){
  .notices-hospital-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .notices-hospital-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .notices-hospital {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }

}
@media print , screen and (min-width:1024px){
  .notices-hospital-section {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: none;
  }
  .notices-hospital-base {
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
    background: var(--backcolor);
  }
  .notices-hospital {
    box-sizing: border-box;
    position: relative;  /*  独立した  */
    z-index:0;           /* 階層を設置 */
  }

}