.btn-guide:hover,
.btn-life:hover,
.btn-visit:hover,
.btn-online:hover,
.btn-price:hover,
.btn-ward:hover,
.btn-ward01:hover,
.btn-ward02:hover,
.btn-etc:hover{
  opacity:0.7;
}

.btn-guide {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/guide/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-visit {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/visit/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-online {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/online/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-life {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/life/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-ward {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/ward/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-ward01 {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/ward01/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-ward02 {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/ward02/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-price {
  border:3px solid #4472c4;
  border-radius: 10px;
  text-align:center;
  height:40vh;
  display: grid;
  place-items: end center;
  font-size:1.2rem;
  font-weight:bold;
  background:url(../img/hospitalization/price/001.jpg) no-repeat center center;
  background-size:cover;
}

.btn-guide div,
.btn-visit div,
.btn-online div,
.btn-price div,
.btn-life div,
.btn-ward div,
.btn-ward01 div,
.btn-ward02 div {
  background-color:#4472c4;
  width:100%;
  color:#fff;
  padding:1rem 0;
}

.btn-etc {
  background-color:#4472c4;
  color:#fff;
  border-radius: 10px;
  text-align:center;
  height:5vh;
  display: grid;
  place-items: center;
  font-size:1.2rem;
  font-weight:bold;
}

.arrow {
  background:url(../img/hospitalization/ward02/arrow-right.png) center center no-repeat;
}

.guide ul li {
  margin:0.2rem 0;
}

ul.kome,
ul.kome li {
  padding-left:0.5rem;
  text-indent:-0.8rem;
  list-style:none;
  font-size:0.8rem;
}

.guide ul {
  margin:1rem 0;
}

.amenity-pdf img {
  border:1px solid #ccc;
}

.amenity-pdf h5 {
  border:2px dotted #4472c4;
  padding:1rem 0;
}

.amenity-pdf h5 img {
  border:0px;
}


@media screen and (max-width:599px)  {
  .arrow {
    background:url(../img/hospitalization/ward02/arrow-bottom.png) center center no-repeat;
    height:7rem;
  }
}