@charset "utf-8";
/* CSS Document */

.pr-text {
  text-align: center;
  font-size: 14px;
  margin: 0.6em 1em;
}
.site-name {
  text-align: center;
  font-size: 28px;
  padding: 20px 0 30px;
}
.navi {
  background-color: #28569a;
  margin: 0 auto;
}
.navi ul {
  display: flex;
  justify-content: center;
  width: 100%;
}
.navi ul li {
  list-style-type: none;
  display: block;
  width: 176px;
  height: 60px;
  text-align: center;
  align-items: center;
  align-content: center;
}
.navi ul li a {
  color: white;
  transition: 0.5s;
  text-decoration: none;
}

.main {
  width: calc(100% - 650px);
  margin: 0 auto;
  /* background: #f2f2f2; */
  /* border: 1px solid #f2f2f2; */
}

.main h1 {
  display: block;
  text-align: center;
  margin: 60px 0px;
}

h2 {
  margin: 65px 0px;
  padding: 20px 0px;
  text-align: center;
  background-color: #28569a;
  color: #fff;
}

h3 {
  margin: 50px 0px;
  text-align: center;

  color: #364e96; /*文字色*/
  padding: 0.5em 0; /*上下の余白*/
  border-top: solid 3px #28569a; /*上線*/
  border-bottom: solid 3px #28569a; /*下線*/
}

h4 {
  margin: 30px 0px;
  text-align: center;

  color: #28569a; /*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #28569a;
  padding-bottom: 9px;
}

.photo-area {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
}

.photo-box {
  margin: 0 auto;
  padding: 20px 0px;
}

.photo-text {
  width: 300px;
  margin: 10px 0px;
}

.timetable-box ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
}

.timetable-box li {
  padding: 0px 50px;
}

.footer {
  margin: 20px 0px;
}

.footer-inner {
}

.footer-menu {
}
.footer-menu ul {
  display: flex;
  justify-content: center;
  align-items: center;
  list-style: none;
  padding: 20px 0px;
}

.footer-menu li {
  border-right: #ddd 1px solid;
  padding: 0px 10px;
}

.footer-menu li a {
  text-decoration: none;
  color: #000;
}

.footer-menu li a:hover {
  text-decoration: none;
  color: #28569a;
}

.footer-copyright {
  text-align: center;
}