/*----------------------------------
Config variables etc
----------------------------------*/
/* 10px */
/* 12px */
/* 14px */
/* 16px */
/* 18px */
/* 20px */
@import './shared/lib/_slick.css';
.slick-slider {
  opacity: 0;
  transition: 3s;
}

.slick-initialized {
  opacity: 1;
}

.blog-content-set {
  text-align: left;
}
@media (min-width: 768px) {
  .blog-content-set__blogs {
    grid-template-columns: repeat(3, 1fr);
  }
}
.blog-content-set__buttons {
  text-align: center;
}

@media screen and (min-width: 768px) {
  .top-lineup {
    background-color: #e1e7eb;
    padding: 60px 100px;
    width: 1200px;
    margin: 40px 0 0 auto;
    transform: translateX(100px);
  }
  .top-lineup-list {
    display: flex;
    flex-wrap: wrap;
  }
  .top-lineup-list > a {
    width: 300px;
    height: 200px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 15px;
  }
  .top-lineup-list > a:nth-child(3n-1) {
    margin-left: 15px;
    margin-right: 15px;
  }
  .top-lineup-list > a span {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .top-lineup-custom {
    margin-top: 30px;
  }
  .top-lineup-custom__txt {
    text-align: center;
    font-size: 1.4rem;
    font-weight: bold;
  }
  .top-lineup-custom__btn {
    display: block;
    text-align: center;
    padding: 30px 0;
    color: #fff;
    background-size: cover;
    background-position: left top;
    height: 140px;
    font-size: 3.2rem;
    line-height: 1;
    margin-top: 10px;
  }
  .top-lineup-custom__btn::after {
    right: 30px;
  }
  .top-lineup-custom__btn span {
    font-size: 2.4rem;
    display: inline-block;
    margin-bottom: 10px;
  }
  .top-lineup-custom__contact {
    margin-top: 30px;
    text-align: center;
  }
  .top-partner-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    margin-top: 30px;
    background-color: #fff;
    padding: 30px;
  }
  .top-partner-list > li {
    margin: 30px;
  }
  .top-network {
    background-color: #e1e7eb;
    width: 2000px;
    padding: 80px 0 80px 100px;
    transform: translateX(900px);
  }
  .top-network__img {
    transform: translateX(-40px);
  }
  .top-network__img img {
    width: 1100px;
  }
  .top-achievement {
    margin-top: -50px;
  }
  .top-achievement-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    padding: 0 30px;
  }
  .top-achievement-list > li {
    border: solid 1px #0a2f82;
    color: #0a2f82;
    font-size: 1.4rem;
    padding: 10px;
    width: 170px;
    text-align: center;
    margin-top: 20px;
  }
}
@media screen and (max-width: 767px) {
  .top-lineup {
    background-color: #e1e7eb;
    padding: 10px 20px 20px;
    margin: 40px 0 0 auto;
  }
  .top-lineup-list {
    display: flex;
    flex-wrap: wrap;
  }
  .top-lineup-list > a {
    width: calc(50% - 5px);
    padding-top: 33.3333333333%;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    margin-top: 15px;
    display: block;
  }
  .top-lineup-list > a:nth-child(even) {
    margin-left: 10px;
  }
  .top-lineup-list > a span {
    background-color: rgba(0, 0, 0, 0.4);
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
  }
  .top-lineup-custom {
    margin-top: 30px;
  }
  .top-lineup-custom__txt {
    text-align: center;
    font-size: 1.2rem;
    font-weight: bold;
  }
  .top-lineup-custom__btn {
    display: block;
    text-align: center;
    padding: 18px 0;
    color: #fff;
    background-size: cover;
    background-position: left top;
    height: 80px;
    font-size: 1.8rem;
    line-height: 1;
    margin-top: 10px;
  }
  .top-lineup-custom__btn::after {
    right: 30px;
  }
  .top-lineup-custom__btn span {
    font-size: 1.6rem;
    display: inline-block;
    margin-bottom: 10px;
  }
  .top-lineup-custom__contact {
    margin-top: 30px;
    text-align: center;
  }
  .top-lineup-custom__contact .c-btn {
    width: 250px;
  }
  .top-partner-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: center;
    margin-top: 30px;
    background-color: #fff;
    padding: 20px;
  }
  .top-partner-list > li {
    width: calc(33.33333333% - 20px);
    margin: 15px 10px;
  }
  .top-network {
    background-color: #e1e7eb;
    padding: 1px 10px;
  }
  .top-achievement {
    margin-top: -20px;
  }
  .top-achievement-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .top-achievement-list > li {
    border: solid 1px #0a2f82;
    color: #0a2f82;
    font-size: 1.4rem;
    padding: 10px;
    width: 170px;
    text-align: center;
    margin-top: 15px;
  }
}

/*# sourceMappingURL=top.css.map */