/* ===== 全体のスタイル ===== */
* {
  margin: 0;
  padding: 0;
}

html {
  height: 100%;
}

header{
  
  padding:200px;
  display:flex;
  background-color: grey;
  background-blend-mode:multiply;
  background-image: url(img/ambulance.jpg);
  background-size:cover;
  
}


h1{
  
  font-size:100px;
  font-family: Kosugi;
  color:white;
  margin-top: 20px;
  
}

img.hospitallogo{
  
  width:200px;
  filter:saturate(0);
  filter:brightness(100);
  
  
  
}

h3.title{
  
  text-align: left;
  font-size: 30px;
  
}

p.header{
  
  font-family:Kosugi;
  color:white;
  margin-top: 5px;
  text-align: left;
  line-height: 60px;
  font-size:30px;
  letter-spacing: 9px;
  
}

p.subtext{
  
  font-family:Kosugi;
  text-align: left;
  line-height: 30px;
  font-size: 20px;
  margin-top: 7px;
  color: #494848;
  margin-top: 15px;
  
}

section.call{
  
  padding-bottom: 50px;
  padding-left:240px;
  padding-top:80px;
  display:block;
  text-align: left;
  
}

div.textbox{
  
  background-color: #f5f5f5;
  margin-bottom: 30px;
  padding:45px;
  text-align: center;
  width: 75%;
  border-radius: 20px;
  
}

h2.semi-header{
  
  margin-bottom: 50px;
  font-family: Kosugi;
  font-size: 60px;

  
}

h2.semi-header2{
  
  margin-top: 90px;
  margin-bottom: 50px;
  font-family: Kosugi;
  font-size: 60px;

  
}

.marker {
  background-image: linear-gradient(transparent 70%,#6fa24a 30%);
  
}


div.header{
  
  display:flex;
  
}


section.where{
  
  padding-bottom: 120px;
  padding-left:240px;
  padding-top:30px;
  display:block;
  text-align: left;
  background-color: #f5f5f5;
  border-radius: 100px 100px 0 0;
  
}

div.whereicon{
  
  display: flex;
}

div.table{
  
  background-color: white;
  border-radius: 5%;
  margin: 7px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-right: 15px;
  padding-left: 15px;
}

p.whereicon{
  font-family:Kosugi;
  text-align: center;
  line-height: 30px;
  font-size: 25px;
  margin-top: 7px;
  font-weight: bold;
  
}


p.whereiconsub{
  font-family:Kosugi;
  line-height: 30px;
  font-size: 25px;
  margin-top: 27px;
  font-weight: bold;
  margin-left:7px;
  
}

img.whereicon{
  
  width: 290px;
  height: 290px;
  padding-right:40px;
  padding-left: 40px;
  
}

h3.time{
  
  font-size: 22px;
  margin-left: 30px;
  background-color: rgba(255, 200, 54, 0.8);
  padding-top: 5px;
  padding-left: 25px;
  padding-right: 25px; 
  border-radius: 500px;
  
  
}

div.TOP{
  
  background-color:rgba(111, 162, 74, 0.8);
  display:flex;
  position:fixed;
  right:50px;
  bottom:50px;
  padding: 18px 20px 15px 23px;
  border-radius: 1000px;
  border-color: white;
  border-style: solid;
  border-width: 4px;
  animation-name:fadeInAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
  opacity:0;
  transition: background-color 0.5s ease 0s;
}

.iconArrowLeft {
  rotate: 180deg;
}

h2.TOP{
  
  padding-bottom: 3px;
  color: white;
  font-family:Kosugi;
  font-size:20px;
  letter-spacing: 3px;
  
}


a{
  
  text-decoration: none;
  
}

div.TOP:hover{
  
  background-color:rgba(111, 162, 74, 0.5);
  
}

@keyframes fadeInAnime{
  from {
    opacity: 0;
  }

  to {
    opacity: 1;
  }
}

footer {
  
  color: white;
  background-color: #6fa24a;
  text-align: left;
  padding: 70px;
  
}

.mainfooter{
  
  display: flex;
  
}

img.footerlogo{
  
  width: 297px;
  height: 210px;
  text-align: left;
  margin-left: 100px;
  margin-right: 250px;
  
}

.sitemap{
  
  display:flex;
  margin-top: 60px;
  
}

div.top{
  margin-right: 30px;
  margin-left: 100px;
  display: block;
  
}

div.category{
  display: display;
  margin-left: 50px;
  
  
}

a.footerlink{
  
  color:white;
  font-family: Kosugi;
  font-size: 15px;
  
  
}

a.footerlink:hover{
  
  color:#FFC836;
  font-family: Kosugi;
  
  
}

div.footerlink{
  
  margin-bottom: 15px;
  
}

h3.footerheader{
  
  font-size:22px;
  font-family: Kosugi;
  margin-bottom: 20px;
  letter-spacing: 3px;


}

p.copy{
  
  color: #c5dcc4;
  
  font-family: Kosugi;
  margin-left: 150px;
  
}

div.divider1{
  
  display: block;
  text-align: left;
  
  
}

div.divider2{
  
  display: block;
  text-align: left;
  margin-left: 150px;
  
}


div.display{
  
  display:flex;
  
  
}