@charset "utf-8";
/*==============================================================================*/
/* mainimg
============================================================================== */
/**/
header{ position: relative; z-index: 2;}
#main{  background:url(../img/top/main.jpg?1b) 0 0 no-repeat;background-size: cover;
     width:100%; position: relative; }
#main::before {
    content: "";
    display: block;
    padding-top: 45.5%; /* 比率を指定 */
}
/*#main:after{ position:absolute;content:""; z-index: 0; }*/
#mainWrap{ 
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;}

main{ /*margin-top: -2.5vw;*/z-index: 0; position: relative; }

.box {
    position: absolute;  bottom: 0;
    width: 100%; /* 任意の横幅を指定 */
  }
  
  /* コンテナ要素の擬似要素(ここで比率を調整) */
  .box::before {
    content: "";
    display: block;
    padding-top: 100%; /* 比率を指定 */
  }
  
  /* 中の要素 */
  .box_content { z-index: 2; position: absolute; right: 2%; }


/**/#placeName a:hover{ /*background: url(../img/top/placeNameOn.svg) 0 0 no-repeat;*/  transition: 0.3s; }
#placeName .icon-external::before{  position: absolute; top:2px}


#rightTxt{ text-align: right; }

.innerBox{ max-width: 990px;}
/*==============================================================================*/
/*新着情報
============================================================================== */
#newsCont{ width: 100%; position: relative; padding:80px 0}

#newsCont::before,
#newsCont::after{  position: absolute; content: ""; background-repeat: no-repeat;
background-position: 0 0; }

#newsCont::before{ left:0; top:0; width: 409px; height: 444px;
background-image: url(../img/top/newsslash.png) ;}

#newsCont::after{left: 4vw; top: 11vw; width: 294px; height: 294px;
background-image: url(../img/top/hospitalImg2.png?a) ; }

#newsWrap{ box-sizing: border-box; padding: 0 20px;}
#newsWrapsub{  margin-left: 70px; padding-top: 5px;}
#newsInner { height: 280px;
    overflow: hidden;
	margin-bottom: 40px;
	position: relative; }

#newsInner a{ color: #016859; }
.moreBtn a{position:relative; z-index: 1;
    border: 1px solid #64b4a2; border-radius: 10px;
    color: #429795;
    background: #fff;
    display: block;
    padding: 18px 0;
    max-width: 340px;
    box-sizing: border-box;
    text-align: center;
    margin-left: 20%; }
.btn a::after,
.moreBtn a:after{ position: absolute; content: ""; 
    border-color: #64b4a2;
    border-style: solid;
    border-width: 0 2px 2px 0;
    display: block;
    height: 8px;
    width: 8px; }

.btn a::after{ right: 10%;
        top: 22px;transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg); }
    #entryBtn.btn a::after{ top: 55%; right: 5%;}
    #entryBtn.btn a{ max-width: 300px; }
    .btn a:hover{ background: #127264; border-color: #127264; color: #fff;}

.moreBtn a:after{
    right: 10%;
    bottom: 22px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
}
.moreBtn a.active:after{ border-width: 2px 0 0 2px; bottom:20px; border-color: #64b4a2; }
.moreBtn a:hover:after,
.moreBtn a:hover.active:after{border-color: #fff;  }

.moreBtn a:hover{color: #fff; background: #64b4a2; border-color: #64b4a2; border-radius: 10px;  }

#infoBox ,#infoBox dl{ display: flex;/*    flex-wrap: wrap; */}
#infoBox dl{ margin-bottom:30px; 
justify-content: left; align-items: baseline;
letter-spacing: 0.04em; }

#infoBox dt{ color:#429795; width: 114px; font-size: 0.92em;}


/* IE10以降 */
@media all and (-ms-high-contrast: none) { /* ハイコントラストモードが「オフ」の場合 */
#infoBox dt{  margin-top: -3px; }
}


/*sp------------------------------------*/

@media screen and (min-width: 1601px)  {
.box_content {bottom: -50px; width: 15%;}
}

@media screen and (max-width: 1600px) {
.box img{ width: 15%; max-width: 326px;}
.box_content {bottom: -16px;}
#newsCont::after{ background-size: 90%; }
}


@media screen and (max-width: 1320px) {
#newsCont::after{ left: 2vw; top: 170px; }
}

@media screen and (max-width: 1270px) {
.innerBox{ margin:0 10% }
}



/*pc-----------------------------------------------------*/

