#top main .view {
  padding-bottom: 30px;
}
#top main section.content-menu {
  background-image: url(../image/contents-bg.jpg);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}
#top main section.content-menu ul.main-navi {
  display: flex;
  display: -webkit-flex;
}
#top main section.content-menu ul.main-navi li {
  margin-left: 20px;
}
#top main section.content-menu ul.main-navi li:first-child {
  margin-left: 0px;
}
#top main section.content-menu ul.main-navi li .icon-event,
#top main section.content-menu ul.main-navi li .icon-entry,
#top main section.content-menu ul.main-navi li .icon-search {
  position: relative;
  width: 90px;
  height: 90px;
}
#top main section.content-menu ul.main-navi li .icon-event:before,
#top main section.content-menu ul.main-navi li .icon-entry:before,
#top main section.content-menu ul.main-navi li .icon-search:before {
  position: absolute;
  top: 50%;
  left: 40%;
  -webkit-transform: translateY(-50%) translateX(-50%);
  -ms-transform: translateY(-50%) translateX(-50%);
  transform: translateY(-50%) translateX(-50%);
  font-family: "fontello";
  color: #fff;
  text-decoration: none;
  font-size: 4.4rem;
}
#top main section.content-menu ul.main-navi a {
  padding-left: 10px;
  height: 100%;
  font-size: 2.4rem;
}
#top main section.content-menu ul.main-navi a:before {
  height: 90px;
}
#top main section.content-menu ul.main-navi a:hover {
  color: #fff;
}
#top main section.content-menu ul.main-navi a span {
  font-size: 1.6rem;
}
#top main section.content-menu ul.main-navi a.event {
  width: 290px;
}
#top main section.content-menu ul.main-navi a.search {
  width: 204px;
}
#top main section.content-menu ul.main-navi a.entry {
  width: 204px;
}
#top main section.content-menu ul.sub-navi {
  display: table;
  margin-top: 20px;
}
#top main section.content-menu ul.sub-navi li {
  float: left;
  margin-left: 20px;
}
#top main section.content-menu ul.sub-navi li a {
  font-size: 1.8rem;
  display: table-cell;
  vertical-align: middle;
  width: 223px;
  height: 50px;
}
#top main section.content-menu ul.sub-navi li a:before {
  height: 74px;
}
#top main section.content-menu ul.sub-navi li a:after {
  top: 20px;
}
#top main section.content-menu ul.sub-navi li a:hover:after {
  color: #fff;
}
#top main section.content-menu ul.sub-navi li a.long {
  width: 490px;
}
#top main section.content-menu ul.sub-navi li a h3 {
  display: block;
}
#top main section.content-menu ul.sub-navi li a span {
  display: block;
  font-size: 1.4rem;
  margin-top: -5px;
}
#top main section.content-menu ul.sub-navi li:first-child {
  margin-left: 0px;
}
#top main section.infomation .title {
  font-family: "Roboto", sans-serif;
  font-style: italic;
  font-size: 3rem;
  letter-spacing: 0.02em;
  margin-bottom: 0px;
  padding: 5px 3px;
}
#top main section.infomation .flex {
  justify-content: space-between;
}
#top main section.infomation .block-text {
  width: 50%;
  margin-left: 20px;
}
#top main section.infomation .block-text:first-child {
  margin-left: 0px;
}
#top main section.infomation .innner {
  width: 95%;
  height: 300px;
  overflow: auto;
  border: 1px solid #a9a8a8;
  padding: 10px;
}
#top main section.infomation .topics {
  background-color: #f4f4f4;
}
#top main section.infomation .topics a {
  text-decoration: none;
}
#top main section.infomation .topics .text {
  padding-top: 20px;
  border-bottom: solid 1px #a9a8a8;
}
#top main section.infomation .topics .text:first-child {
  margin-left: 0px;
}
#top main section.infomation .topics .text p {
  line-height: 1.4;
}
#top main section.infomation .topics .text .pdf {
  margin-top: 10px;
}
#top main section.bn ul {
  display: flex;
}
#top main section.bn ul li {
  width: 250px;
  margin-left: 16px;
}
#top main section.bn ul li:first-child {
  margin-left: 0px;
}
#top main section.bn ul li img {
  width: 100%;
}