body{
  background: #eeeeee;
}

header{
  margin:  auto;
  width: 100%;
  max-width: 1000px;
  height:100px;
  padding-top: 10px;
}

.slider{
    margin: 10px auto;
    width: 100%;
    max-width: 1000px;
}

.slider2{
    margin: 10px auto;
    width: 100%;
    max-width: 1000px;
}
.slider img{
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: #000;
    z-index: 100;
}

.top-banner{
  padding-top: 1px;
  display: flex;
  justify-content: center;
}

.top-banner p{
  margin: 12px;

}

.top-banner p img{
  width: 230px;
}

.main{
  max-width: 1000px;
  padding-bottom: 20px;
  height: auto;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.left{
  width: 70%;
}

.right{
 width: 30%;
}


.info-t{
  padding-top: 10px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color:#4682b4;
}

.info{
  position: relative;
  float: left;
  width: 93%;
  height: auto;
  padding: 0.5em 1em;
  margin: 0em 10px;
  color: #5d627b;
  background: #eee;
  border-top: solid 5px #4682b4;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);

}

.info p{
  font-size: 13px;
  border-bottom: dashed 1px;
  padding: 5px 4px;
}

.info a{
  color: #000000;
  text-decoration: none;
}

.info a:hover{
 color : #ff7043;
}

.sid{
padding-top: 50px;
padding-left: 20px;
}

.sid ul{
}
.sid li {
  display: block; 
  margin: 0 auto;
}

.sid ul li img{
width: 260px;
}

.sid li a{
  color: #000000;
  text-decoration: none;
}

.sid li a:hover{
  color : #ff7043;
}
.bus-t{
  display: inline-block;
  padding-top: 20px;
}


.bus-t{
  display:inline-block;
　padding-top:20px;
padding-left: 15px;
  font-size: 20px;
  font-weight: bold;
  color:#4682b4;
}
.bus{
      display: flex;
  justify-content: center;
 padding: 0em 1em;
  margin: 0 10px;
  color: #5d627b;
  background: #eee;
  border-top: solid 5px #4682b4;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
}

.bus p{
  margin: 12px;

}

.bus p img{
  width: 100%;
}
hr {
  width: 100%;
  max-width: 1000px;
  border-width: 3px 0px 0px 0px; 
  border-style: solid;
  border-color: #4682b4; 
  padding-bottom: 3px;
  margin-left: auto;
  margin-right: auto;
}

* { 
  margin: 0px; 
  padding: 0px; 
}

@media only screen and (max-width: 770px) {

.logo{
  float: left;
  padding-top: 0px;
  width: 300PX;
}

.Google{ 
  padding-top: 15px;
  width: 300px;
  height: 30px;
  margin-left: auto;
}

.slider{
    margin: 10px auto;
    width: 80%;
    max-width: 1000px;
}
.slider img{
    width: 100%;
}

.slick-prev:before,
.slick-next:before {
    color: #000;
    z-index: 100;
}

.top-banner{
 padding-top: 0px;
  flex-wrap:wrap;
　justify-content: center;
}

.top-banner p{
  margin-top: 12px;
  width: 100%;
}

.top-banner p img{
  width: 100%;
}



.main{
  max-width: 100%;
  height:auto;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
}

.left{
  width: 98%;
}

.right{width: 100%;
}


.info-t{
  padding-top: 10px;
  padding-left: 10px;
  font-size: 20px;
  font-weight: bold;
  color:#4682b4;
}

.info{
  position: relative;
  float: left;
  width: 94%;
  height:auto;
  padding: 0.5em 1em;
  margin: 0em 10px;
  color: #5d627b;
  background: #eee;
  border-top: solid 5px #4682b4;
  box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);

}

.info p{
  font-size: 13px;
  border-bottom: dashed 1px;
  padding: 5px 4px;
}

.info a{
  color: #000000;
  text-decoration: none;
}

.info a:hover{
 color : #ff7043;
}

.bus{
  width: 94%;
 padding-top: 0px;
　justify-content: center;
}

.bus p{
  width: 250px;
}

.sid{
   padding-right: 1px;
  text-align : center;
  width: 100%;
  margin-left: auto;
    margin-right: auto;
}
.sid ul {
   padding-right: 10px;
  align-items: center;
}
.sid li {
  width: 60%;
  flex-wrap:wrap;
　justify-content: center;
}
.sid li a{
  color: #000000;
  text-decoration: none;
  font-size: 8px;
}
.sid li a:hover{
 color : #ff7043;
}
.sid li img{
padding-left: 10px;
  width: 95%;

}

}