@charset "utf-8";

@media print,screen and (min-width : 501px) {

#charter{
  margin-top: 40px;
  text-align: center;
}
#charter h2{
  font-size:3.0rem;
  font-family:"NotoSerifJP-4";
  color: #408080;
}

.bus{
  margin-top: 60px;
  text-align: left;
}
.bus h3{
  font-size:2.2rem;
  font-family:"NotoSerifJP-4";
  border-bottom:solid 1px #c8c8c8;
  padding-bottom: 6px;
  color: #408080;
}
.bus h3 small{
  font-size:1.8rem;
  margin-left: 10px;
}

.bus .b_txtimg{
  margin-top: 20px;
}
.bus .b_txtimg .fb_img{
  width: 460px;
}
.bus .b_txtimg .fb_txt{
  flex: 1;
}

.bus .b_txtimg .fb_txt dl{
  display:flex;
  margin-bottom: 10px;
}
.bus .b_txtimg .fb_txt dl dt{
  background-color: #dfdfdf;
  padding: 4px 10px;
  width: 120px;
  margin-right: 20px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.bus .b_txtimg .fb_txt dl dd{
  flex: 1;
}
.bus .b_txtimg .fb_txt .zaseki{
  margin-top: 20px;
}
.bus .b_txtimg .fb_txt .zaseki img{
  height: 160px;
}


#fares{
  margin-top: 80px;
}
#fares h2{
  font-size:2.6rem;
  font-family:"NotoSerifJP-4";
  text-align: center;
}
#fares p{
  text-align: center;
}
#fares a{
  background-color: #164e95;
  color: #fff;
  text-decoration: none;
  padding: 10px 10px;
  display: inline-block;
  margin: 40px 10px;
  font-size:1.8rem;
  width: 300px;
}


#buslink{
  margin-top: 80px;
}
#buslink h2{
  font-size:2.6rem;
  font-family:"NotoSerifJP-4";
  text-align: center;
}

#buslink ul{
  margin-top: 20px;
  display:flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
#buslink li a{
  display: block;
  border:solid 1px #c8c8c8;
  width: 240px;
  text-decoration: none;
  padding: 10px 0;
  color: #164e95;
  text-align: center;
}
#buslink li:first-child a{
  width: 440px;
}



}
@media screen and (max-width : 500px) {

#charter{
  margin-top: 40px;
  text-align: center;
}
#charter h2{
  font-size:2.4rem;
  font-family:"NotoSerifJP-4";
  color: #408080;
}

.bus{
  margin-top: 40px;
  text-align: left;
}
.bus h3{
  font-size:2.0rem;
  font-family:"NotoSerifJP-4";
  border-bottom:solid 1px #c8c8c8;
  padding-bottom: 6px;
  color: #408080;
}
.bus h3 small{
  font-size:1.6rem;
  display: block;
}

.bus .b_txtimg{
  margin-top: 20px;
}

.bus .b_txtimg .fb_txt dl{
  display:flex;
  margin-bottom: 10px;
}
.bus .b_txtimg .fb_txt dl dt{
  background-color: #dfdfdf;
  padding: 10px 10px;
  width: 60px;
  margin-right: 10px;
  display:flex;
  align-items: center;
  justify-content: center;
}
.bus .b_txtimg .fb_txt dl dd{
  flex: 1;
  padding: 10px 0px;
}
.bus .b_txtimg .fb_txt .zaseki{
  margin-top: 20px;
}


#fares{
  margin-top: 60px;
}
#fares h2{
  font-size:2.0rem;
  font-family:"NotoSerifJP-4";
  text-align: center;
}
#fares h2 span{
  display: block;
}
#fares p{
  text-align: center;
}
#fares a{
  background-color: #164e95;
  color: #fff;
  text-decoration: none;
  padding: 10px 40px;
  display: inline-block;
  margin: 20px auto 0 auto;
  font-size:1.6rem;
}


#buslink{
  margin-top: 60px;
}
#buslink h2{
  font-size:2.0rem;
  font-family:"NotoSerifJP-4";
  text-align: center;
}

#buslink ul{
  margin-top: 20px;
}
#buslink li a{
  display: block;
  border:solid 1px #c8c8c8;
  text-decoration: none;
  padding: 10px 0;
  color: #164e95;
  text-align: center;
  margin-bottom: 10px;
}


}