@charset "UTF-8";

/* ==================================================
common
================================================== */
.topConts {
    /* background: linear-gradient(15deg, #f0f0f0 0%, #f0f0f0 70%, #f8f8f8 70%, #f8f8f8 100%); */
    background: #fff;
}
.mainTitBlk {
    padding: 0 0 40px;
}
.mainTitBlk .ttlSet {
    width: 90%;
    padding: 60px 0 0;
    margin: 0 auto;
    max-width: 800px;
}

.mainTitBlk .ttlSet h1 {
    margin: 0 0 6rem;
}

.mainTitBlk .ttlSet p {
    text-align: center;
}

.cmBlk{
    overflow: hidden;
    padding: 0 0 8rem;
}
.cvSet{
    position: relative;
}
.contsBg {
    /*    display: none;*/
    position: absolute;
    z-index: -1;
    top: 40%;
    width: 100%;
    height: 100%;
}

.cvBg {
    width: 100%;
    height: 100%;
    height: 0;
    border-style: solid;
    border-width: 25vh 0 25vh 150vw;
    border-color: transparent transparent transparent #f8f8f8;
    top: 10vh;
    left: 0;
}

.cvBg::before {
    content: "";
    background: #ffffff;
    width: 100vw;
    height: 100vh;
    z-index: 10;
    position: absolute;
    left: -150vw;
    top: -50vh;
    -webkit-transition: 1s all cubic-bezier(.57, .02, .4, .92);
    transition: 1s all cubic-bezier(.57, .02, .4, .92);
}

.slideIn.cvBg::before {
    left: 0;
}

.bnrList {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  margin: auto;
}
.bnrList li {
  width: 30%;
}
.bnrList li > img {
  height: 140px;
  -o-object-fit: contain;
  object-fit: contain;
}
.bnrList li a {
  font-size: 2.5rem;
  margin-bottom: 1em;
}

@media screen and (min-width:641px) {
    .mainTitBlk .ttlSet {
        padding: 70px 0 0;
    }
    .mainTitBlk {
        padding: 0 0 40px;
    }
    .bnrList li > img {
      height: 200px;
    }
    .bnrList li a {
      font-size: 2rem;
      margin-bottom: 1em;
    }
}
@media screen and (min-width:961px) {
    .mainTitBlk .ttlSet {
        padding: 80px 0 0;
    }
    .mainTitBlk {
        padding: 0 0 40px;
    }
    .cvBg {
        border-width: 40vh 0 40vh 150vw;
    }
}
@media screen and (min-width:1281px) {
    .mainTitBlk .ttlSet {
        padding: 90px 0 0;
    }
    .mainTitBlk {
        padding: 0 0 40px;
    }
}
@media screen and (min-width:1601px) {
    .mainTitBlk .ttlSet {
        padding: 100px 0 0;
    }
    .mainTitBlk {
        padding: 0 0 80px;
    }
}


.conceptBlk{}

.conceptBlk .outerLinkLists{
    margin: 10rem auto 0;
}
.conceptBlk .outerLinkLists li{}
.conceptBlk .outerLinkLists li + li{
    margin: 4rem auto 0;
}