@charset "UTF-8";

/***************************************************

	common

****************************************************/

@media screen and (min-width: 468px) {}

@media screen and (min-width: 768px) {}

@media screen and (min-width: 1240px) {}



/***************************************************

	catalog-area

****************************************************/
.catalog-area {
  padding-bottom: 40px;
}

.catalog-area .con-title {
  margin-bottom: 32px;
}

.catalog-area .scroll-wrap {
  width: 100%;
  overflow-x: auto;
}

.catalog-area .catalog-wrap {
  display: flex;
  justify-content: flex-start;
}

.catalog-area .catalog-wrap figure {
  height: auto;
  border: 1px solid #c8c8c8;
}

.catalog-area .catalog-wrap figure + figure {
  margin-left: 2%;
}

.catalog-area .catalog-wrap figure:first-of-type {
  border: none;
}

.catalog-area .link-wrap {}

.catalog-area .link-wrap a {
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 400px;
  width: 90%;
  height: 60px;
  margin: 32px auto 0;
  border-radius: 500px;
  color: #fff;
}

.catalog-area .link-wrap a.web {
  background-color: #00246f;
}

.catalog-area .link-wrap a.blank {
  color: #00489d;
  background-color: #bccddc;
}

.catalog-area .link-wrap a.web:hover {
  opacity: 0.5;
}

.catalog-area .link-wrap a.blank:hover {
  opacity: 0.5;
}

@media screen and (min-width: 468px) {}

@media screen and (min-width: 768px) {
  .catalog-area {
    padding-bottom: 100px;
  }

  .catalog-area .con-title {
    margin-bottom: 40px;
  }

  .catalog-area .catalog-wrap {}

  .catalog-area .catalog-wrap figure {}

  .catalog-area .catalog-wrap figure:first-of-type {}

  .catalog-area .link-wrap {
    display: flex;
    justify-content: center;
  }

  .catalog-area .link-wrap a {
    width: 100%;
    margin: 40px 20px 0;
  }

  .catalog-area .link-wrap a.web {}

  .catalog-area .link-wrap a.pdf {}
}

@media screen and (min-width: 1240px) {}