@charset "utf-8";

@media screen {

  /* for contents have insufficient heights */
  html, body {
    height: 100%;
  }

  .container {
    min-height: 100%;
  }

  .article {
    min-height: calc( 100vh - 107px - 40px);
  }

  #footer {
    margin-top: 0; /* reset */
  }
  /* for contents insufficient heights */


  .article {
    background-color: #fffef7;
    border-radius: 10px;
    margin: 0 15px;
    padding: 50px 0 60px; /* reset */
  }

  .article-head {
    margin-bottom: 50px;
    padding: 0; /* reset */
  }

  .head-lcltitle {
    margin-bottom: 0; /* reset */
  }

  .article-body {
    padding-bottom: 0; /* reset */
    padding-top: 0; /* reset */
  }

  .article-body.bg-white {
    background-color: transparent; /* reset */
  }

  .lclindex-list {
    align-items: center;
    display: flex;
    flex-direction: column;
    list-style-type: none; /* reset */
    margin-bottom: 0; /* reset */
    padding-inline-start: 0; /* reset */
  }

  .lclindex-item + .lclindex-item {
    margin-top: max(20px, 6.26vw);
  }

  .lclindex-link:hover {
    text-decoration: none;
  }

  .lclindex-fig:hover {
    opacity: .7;
  }
}

/*** sp BP ***/
@media screen and (min-width: 640px) {
  .article {
    padding-top: 70px;
  }

  .article-head {
  }

  .lclindex-item + .lclindex-item {
    margin-top: 40px;
  }

}

/*** md TB ***/
@media screen and (min-width: 768px) {
  /* for contents have insufficient heights */
  .article {
    min-height: calc( 100vh - 178px - 50px);
  }

  #footer {
    margin-top: 30px;
  }
  /* for contents insufficient heights */

 .article {
   margin: 0; /* reset */
 }

  .article-head {
  }

  .article-body {
    padding-left: 0; /* reset */
    padding-right: 0; /* reset */
  }

  .lclindex-list {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    width: 700px;
  }

  .lclindex-item {
    width: min(44.9vw, 340px);
  }

  .lclindex-item + .lclindex-item {
    margin-top: 0; /* reset */
  }

  .lclindex-item:nth-of-type(2n+1) {
    margin-right: 20px;
  }

  .lclindex-item:nth-of-type(n+3) {
    margin-top: 30px;
  }

}

/*** lg PC ***/
@media screen and (min-width: 960px) {
  /* for contents have insufficient heights */
  .article {
    min-height: calc( 100vh - 211px - 50px);
  }
  /* for contents insufficient heights */

  .article {
    padding-top: 70px;
  }

  .article-head {
    margin-bottom: 90px;
  }

  .lclindex-list {
    justify-content: space-between;
    width: calc(90.2vw - 46.7px);
  }

  .lclindex-item {
    /* width: min(41vw, 425px); */
    width: calc(41.7vw - 5px);
  }

  .lclindex-item:nth-of-type(2n+1) {
    margin-right: 0; /* reset */
  }
}

/*** sp BP ***/
@media screen and (min-width: 1033px) {
  .lclindex-list {
    width: 870px;
  }

  .lclindex-item {
    width: 420px;
  }

  .lclindex-item:nth-of-type(n+3) {
  }
}

/*** lg PC ***/
@media screen and (min-width: 1200px) {
  .lclindex-list {
    width: 860px;
  }

  .lclindex-item {
    width: 415px;
  }

}