.section__block--top-page {max-width: 1100px;}
.slider {margin-top: 0;}
.slider .bx-wrapper {margin-bottom: 0;}
.slider .bx-wrapper .bx-caption {text-align: center;top: 0;bottom: auto;}
#slider img {display: block;margin: 0 auto;}
.banner__section {margin-top: 2px;}
.news__lists {list-style-type: none;margin: 0 0 2em;}
.news__list {margin-bottom: .5em;}
.news__date {margin-right: 1em;}

@media (max-width: 480px) {
  .campaign {text-align: right;padding-right:5%;}
}

.banner-list__unit {width: 800px;margin:0 auto;}
.banner-list__unit img {height: 300px;width: 400px;}
.banner-list__unit a {display: inline-block;width: 100%;}
.bn_img_l{width: 50%;float: left;position: relative;padding: 0;}
.bn_img_r{width: 50%;float: right;padding:0;}

@media (max-width: 480px) {
.banner-list__unit {width:100%;}
.banner-list__unit img {width: 100%;height: 100%;}
}





/*==================================
20200503 Add
==================================*/
html body {}

/* header */
#header.headerArea {}
#header.headerArea .headerAreaInner {}
.page--top #header.headerArea .headerAreaInner ul.header-nav li.link01 { display: none;}

/* gNav */
#header.headerArea .gNavArea {}

/* content */
#content.contentArea {}
#content.contentArea .contentAreaInner {}

/* footer */
.page--top #footer.footerArea { display: none;}


/* topImageArea */
.topImageArea { margin:auto; display: flex;align-items: center;justify-content: center;}
.topImageArea .topImageAreaInner { width:350px; text-align:center; font-weight: bold;}
.topImageArea .topImageAreaInner .image {  margin:0 auto 50px auto; }
.topImageArea .topImageAreaInner .image img { width:100%; height:auto;}

.topImageArea .topImageAreaInner .loginBtn { margin-bottom: 10px;}
.topImageArea .topImageAreaInner .loginBtn a {
  display: inline-block;
  max-width: 350px;
  width: 100%;
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  border:1px solid #000;
}

.topImageArea .topImageAreaInner .campaignCode { margin-bottom: 10px;}
.topImageArea .topImageAreaInner .campaignCode a {
  display: inline-block;
  max-width: 350px;
  width: 100%;
  padding: 15px;
  text-align: center;
  box-sizing: border-box;
  border:1px solid #000;
}

@media (max-width: 768px) {
  .topImageArea { padding: 0 20px; box-sizing:border-box;}
}
@media (max-width: 620px) {
  .topImageArea {  width:100%; height:auto;}
  .topImageArea .topImageAreaInner { width:100%; padding: 50px 0 0 0;}
  .topImageArea .topImageAreaInner .image { width:220px; margin:0 auto 40px auto;}
}






















/*==================================*/