/* スマホ用 */
@media (max-width: 768px) {
  body {
    font-size: 14px;
  }
  .container {
    padding: 10px;
  }
}

/* タブレット用 */
@media (min-width: 769px) and (max-width: 1024px) {
  body {
    font-size: 16px;
  }
  .container {
    padding: 20px;
  }
}

/* デスクトップ用 */
@media (min-width: 1025px) {
  body {
    font-size: 18px;
  }
  .container {
    padding: 30px;
  }
}

body{
background-color:#EFEFEF
}

header{
 display:flex;
 max-width:100%;
 height:160px;
 background-color:#79BD9A;
 align-items:center; 
}

#staff{
max-width:25%;
height:auto;
text-align:right;
object-fit: cover; 
}


#title{
 margin-right:auto;
}

nav{
text-align: center;
margin-top:2px;
}
nav ul{
margin: 0 ;
padding: 0 ;
}
nav li{
list-style: none;
display: inline-block;
width: 10%;
min-width: 90px;
}
nav li:not(:last-child){
border-right:2px solid #ddd;
}
nav a{
text-decoration: none;
color: #333;
}
nav a.current{
color: #00B0F0;
border-bottom:2px solid #00B0F0;
}
nav a:hover{
color:#F7CB4D;
border-bottom:2px solid #F7CB4D;
}

h2 {
  max-width:90%;
  position: relative;
  padding: 1rem .5rem;
  margin-left:10px;
}

h2:after {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 6px;
  content: '';
  border-radius: 3px;
  background-image: -webkit-gradient(linear, right top, left top, from(#2af598), to(#009efd));
  background-image: -webkit-linear-gradient(right, #2af598 0%, #009efd 100%);
  background-image: linear-gradient(to left, #2af598 0%, #009efd 100%);
}


.mapinfo{
overflow:hidden;
}
.mapinfo table{
margin:5px auto 20px;
spacing:20px;
}


#copyright{
text-align:center;
}