@media (min-width:768px) {
  .sp {
    display: none;
  }
}
@media (max-width:767.98px) {
  .pc {
    display: none;
  }
}
.c1 {
  color: #18A7EC;
}

.c2 {
  color: #EDF0F5;
}

.c3 {
  color: #17375E;
}

.c4 {
  color: linear-gradient(110deg, #1d8acd 0%, #5dcada 86.36%, #92e5d1 100%);
}

.c5 {
  color: #D5D5D5;
}

.c6 {
  color: #666;
}

.c7 {
  color: #4C7FB6;
}

.c8 {
  color: #FF0000;
}

.c4 {
  color: linear-gradient(110deg, #1d8acd 0%, #5dcada 86.36%, #92e5d1 100%);
}

.bs1 {
  -webkit-box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
          box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.2);
}

.ts1 {
  text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.1);
}

*[class*=ov] {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.ov50:hover {
  opacity: 0.25;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25);
}

.ov50:hover {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
}

.ov75:hover {
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75);
}

.oi25:hover img {
  opacity: 0.25;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=25);
}

.oi50:hover img {
  opacity: 0.5;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=50);
}

.oi75:hover img {
  opacity: 0.75;
  filter: progid:DXImageTransform.Microsoft.Alpha(Enabled=1,Style=0,Opacity=75);
}

.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb30 {
  margin-bottom: 30px;
}

.mb40 {
  margin-bottom: 40px;
}

.mb50 {
  margin-bottom: 50px;
}

.oi {
  display: block;
}

.oi img {
  background-color: transparent;
}

.oi:hover {
  background-color: transparent;
}

.oi:hover img {
  visibility: hidden;
}

.f_bold {
  font-weight: bold;
}

.link_1 {
  padding-left: 15px;
  background: url(../image/icon/icon_link.gif) no-repeat left center;
}

.navi ul,
.navi ul li {
  padding: 0;
  margin: 0;
}

.navi ul {
  list-style: none;
}

.navi li {
  float: left;
}

.navi li a {
  display: block;
}

.navi li a img {
  background-color: transparent;
}

.navi li a:hover {
  background-color: transparent;
}

.navi li a:hover img {
  visibility: hidden;
}

#base .pos_al {
  text-align: left;
}

#base .pos_ac {
  text-align: center;
}

#base .pos_ar {
  text-align: right;
}

#base .pos_vt {
  vertical-align: top;
}

#base .pos_vm {
  vertical-align: middle;
}

#base .pos_vb {
  vertical-align: bottom;
}

#base .fl_left {
  float: left;
}

#base .fl_right {
  float: right;
}

#base .fl_left .fl_image {
  margin: 0 15px 5px 0;
}

#base .fl_right .fl_image {
  margin: 0 0 5px 15px;
}

* html .fl_left,
* html .fl_right {
  display: inline;
}

.list_pager {
  margin-top: 50px;
  margin-bottom: 30px;
}
.list_pager ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.list_pager ul li {
  margin: 0 7px;
  font-size: 2.2rem;
}
@media (max-width:767.98px) {
  .list_pager ul li {
    font-size: 1.6rem;
  }
}
.list_pager ul li strong,
.list_pager ul li a {
  display: block;
  min-width: 2em;
  padding: 2px 7px 4px;
  border: 1px rgba(0, 0, 0, 0) solid;
  text-decoration: none;
  color: #222;
  text-align: center;
}
.list_pager ul li strong:hover,
.list_pager ul li a:hover {
  background: #18A7EC;
  color: #FFF;
  border: 1px solid #18A7EC;
}
.list_pager ul li.-arrow a {
  min-width: 2em;
  border: 1px #18A7EC solid;
  color: #18A7EC;
}
.list_pager ul li.-arrow a:hover {
  color: #FFF;
}
.list_pager ul li strong {
  min-width: 2em;
  background: #18A7EC;
  border: 1px #18A7EC solid;
  color: #FFF;
}
.list_pager ul li.next a, .list_pager ul li.back a {
  border: 1px #18A7EC solid;
  color: #18A7EC;
}
.list_pager ul li.next a:hover, .list_pager ul li.back a:hover {
  color: #FFF;
}