.slideshowarea {
  width: 1240px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 50px;
}

.slideshowarea .mainslideshow {
  position: relative;
  overflow: hidden;
  width: 1240px;
  margin: 0 auto;
}

.slideshowarea .mainslideshow .swiper-slide img {
  width: 1240px;
}

.slideshowarea .swiper-pagination-bullet-active {
  background-color: #bf1443;
}

.slideshowarea .swiper-pagination-bullet {
  border-radius: 0px;
}

.slideshowarea .swiper-pagination {
  width: 400px;
  bottom: -20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  right: 0;
  margin: auto;
}

.slideshowarea .swiper-pagination span {
  margin: 0 10px;
}

.pickupcontents {
  font-size: 16px;
  font-size: 1.6em;
  margin-bottom: 15px;
  font-weight: bold;
  margin-top: 50px;
  margin-left: 222px;
}

.homerbannerarea {
  position: relative;
  width: 900px;
  margin: 0px auto 60px auto;
}

.homerbannerarea .homebanner {
  position: relative;
  width: 800px;
  margin: 0 auto;
  overflow: hidden;
}

.homerbannerarea .homebanner .swiper-slide {
  width: 150px;
  height: 100px;
  overflow: hidden;
}

.homerbannerarea .homebanner .swiper-slide a {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.homerbannerarea .homebanner .swiper-slide a span {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  bottom: 0;
  display: block;
  color: #fff;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  font-size: 12px;
  font-size: 1.2em;
}

.homerbannerarea .homebanner .swiper-slide a img {
  width: 100%;
}

.homerbannerarea .swiper-button-next,
.homerbannerarea .swiper-container-rtl .swiper-button-prev,
.homerbannerarea .swiper-button-prev,
.homerbannerarea .swiper-button-disabled {
  background-image: none;
  background-color: #aaa;
  border-radius: 100%;
  width: 40px;
  height: 40px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.homerbannerarea .swiper-button-next:after,
.homerbannerarea .swiper-container-rtl .swiper-button-prev:after,
.homerbannerarea .swiper-button-prev:after,
.homerbannerarea .swiper-button-disabled:after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width: 0px;
  height: 0px;
}

.homerbannerarea .swiper-button-next:hover,
.homerbannerarea .swiper-container-rtl .swiper-button-prev:hover,
.homerbannerarea .swiper-button-prev:hover,
.homerbannerarea .swiper-button-disabled:hover {
  opacity: 0.7;
}

.homerbannerarea .swiper-button-next,
.homerbannerarea .swiper-container-rtl .swiper-button-prev {
  right: 0px;
}

.homerbannerarea .swiper-button-next:after,
.homerbannerarea .swiper-container-rtl .swiper-button-prev:after {
  border: 8px solid transparent;
  border-left: 8px solid #fff;
  right: -10px;
}

.homerbannerarea .swiper-button-prev {
  left: 0px;
}

.homerbannerarea .swiper-button-prev:after {
  border: 8px solid transparent;
  border-right: 8px solid #fff;
  left: -10px;
}

.inforarea {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.inforarea .contentsbox {
  width: 755px;
  height: 280px;
  border: thin solid #333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.inforarea .contentsbox .contentsboxleft li {
  list-style-type: none;
  margin-top: 15px;
  margin-bottom: 15px;
}

.inforarea .contentsbox .contentsboxleft li:before {
  width: 0px;
  height: 0px;
  content: '';
  border: 5px solid transparent;
  border-left: 5px solid #aaa;
  display: inline-block;
  font-size: 8px;
  font-size: 0.8em;
  padding-right: 0.3em;
}

.inforarea .contentsbox .contentsboxleft li:hover {
  cursor: pointer;
}

.inforarea .contentsbox .contentsboxleft li a[href$=".pdf"]:after {
  content: '\f1c1';
  font-family: fontAwesome;
  display: inline-block;
  margin-left: 5px;
  color: #990000;
}

.inforarea .contentsboxright li {
  list-style-type: none;
  margin-top: 15px;
  margin-bottom: 15px;
}

.inforarea .contentsboxright li:hover {
  cursor: pointer;
}

.inforarea .contentsboxright li:before {
  width: 0px;
  height: 0px;
  content: '';
  border: 5px solid transparent;
  border-left: 5px solid #aaa;
  display: inline-block;
  font-size: 8px;
  font-size: 0.8em;
  padding-right: 0.3em;
}

.inforarea .contentsboxright li a[href$=".pdf"]:after {
  content: '\f1c1';
  font-family: fontAwesome;
  display: inline-block;
  margin-left: 5px;
  color: #990000;
}

.importantannouncearea {
  margin-top: 40px;
}

.importantannouncearea > p {
  font-weight: bold;
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 15px;
}

.importantannouncearea > p i {
  margin-right: 10px;
}

.importantannouncearea dl dt, .importantannouncearea dl dd {
  margin-bottom: 15px;
}

.importantannouncearea dl dt {
  float: left;
  clear: left;
  margin-right: 15px;
}

.importantannouncearea dl dd {
  float: left;
}

.inforarea .newsarea {
    width: 786px;
    border: thin solid #333;
}

.inforarea .newsarea #newstab {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}

.inforarea .newsarea #newstab li {
    list-style-type: none;
    padding: 10px 10px 10px 20px;
    width: 100%;
    background-color: #bebfbf;
    font-weight: bold;
    color: #fff;
    font-size: 16px;
    font-size: 1.6rem;
}

.inforarea .newsarea #newstab li.active {
    background-color: #a7988f;
}

.inforarea .newsarea #newstab li a {
    float: right;
    color: #fff;
    opacity: 0.7;
    margin-left: 10px;
}

.fa {
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.fa-navicon:before, .fa-reorder:before, .fa-bars:before {
    content: "\f0c9";
}

.fa-feed:before, .fa-rss:before {
    content: "\f09e";
}

.inforarea .newsarea #newsshow {
    padding: 10px;
}

.inforarea .newsarea #newsshow .newsshow-rss {
    text-align: right;
}

.inforarea .newsarea #newsshow .newsshow-rss a {
    color: #A7988F;
}

.inforarea .newsarea #newsshow .newsshow-rss a>span {
    margin-right: 5px;
}

.inforarea .newsarea #newsshow .newstable tr td {
    padding: 5px 10px 10px 10px;
}

.inforarea .newsarea #newsshow .newstable tr td.postdate {
    min-width: 150px;
    word-break: keep-all;
}

.inforarea .newsarea #newsshow .newstable tr td a.posttitle {
    text-decoration: underline;
    line-height: 1.3em;
}

.inforarea .newsarea #newsshow .newstable tr td .icon {
    background-color: #9e9f9f;
    padding: 5px 10px;
    color: #fff;
    font-weight: bold;
    display: block;
    text-align: center;
    min-width: 60px;
    width: auto;
    word-break: keep-all;
    font-size: 12px;
    font-size: 1.2rem;
}

.inforarea .newsarea #newsshow .newstable tr td .icon {
    min-width: 70px;
    word-break: keep-all;
}

.inforarea .newsarea #newsshow .newstable tr td .icon.news {
    background-color: #bb5943;
}

.inforarea .newsarea #newsshow .newstable tr td .icon.tekijikaiji {
    background-color: #de861e;
}

.inforarea .newsarea #newsshow .newstable tr td .icon.info {
    background-color: #89ae08;
}

.inforarea .newsarea #newsshow .redarrowhome {
    text-align: right;
    display: block;
}

.inforarea .newsarea #newsshow .redarrowhome a {
    padding: 10px 15px;
    display: inline-block;
    background-color: #eee;
    font-size: 13px;
    font-size: 1.3rem;
}

.inforarea .newsarea #newsshow .redarrowhome a i {
    margin-right: 5px;
}