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

/* ==========================================================================//
//
//　PC
//
// ========================================================================== */


/* area-header
---------------------------------------------------------- */



/* subpage-area-mainimg 
---------------------------------------------------------- */
.subpage-area-mainimg {
}
.subpage-area-mainimg h2 {
  color: #202020;
}
.subpage-area-mainimg h2 span {
}


/* area-info
---------------------------------------------------------- */
.area-info {
  margin: -200px 0 0;
}
.area-btn {
  text-align: center;
  margin: 140px 0 0;
}
.area-btn ul.pager {
  display: flex;
  justify-content: center;
  margin: 0 0 80px;
}
.area-btn ul.pager li {
  display: flex;
  align-items: center;
  text-align: center;
  line-height: 70px;

}
.area-btn ul.pager li a {
  color: #202020;
  display: block;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  border: #202020 1px solid;
  font-size: 24px;
  margin: 15px;
}
.area-btn ul.pager li.page-active a {
  background-color: #202020;
  color: #fff;
}
.area-btn ul.pager li a:hover {
  background-color: #202020;
  color: #fff;
}
.area-btn ul.pager li.page-active a:hover {
  color: #202020;
  border: #202020 1px solid;
  background-color: #fff;
}

.area-btn .box_btn {
  width: 90%;
  max-width: 270px;
  margin: 0 auto;
}