@charset "UTF-8";
/* ----------------------------------------------------
	sassを使用しています。css編集の際はご注意ください。
	compass/scss
---------------------------------------------------- */
/* 使い方
font-size: rem(16);
font-size: vw(16);
font-size: vw(16, 1440); // ブラウザ幅が1440pxのデザインデータの場合
line-height: lh(16,28);
letter-spacing: ls(50);
*/
.banner .bannerLinkWrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  width: 80%;
  margin: 24px auto 0 auto;
}
@media (max-width: 1440px) {
  .banner .bannerLinkWrap {
    width: 80%;
    margin-top: 1.6666666667vw;
  }
}
@media (max-width: 750px) {
  .banner .bannerLinkWrap {
    flex-wrap: wrap;
    width: 100%;
    margin-top: 3.7333333333vw;
  }
}
.banner .bannerLinkWrap .banner_inr {
  width: calc(16.666% - 30px);
  margin-bottom: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
}
@media (max-width: 1440px) {
  .banner .bannerLinkWrap .banner_inr {
    width: calc(16.666% - 2.0833333333vw);
    margin-bottom: 2.7777777778vw;
    gap: 1.1111111111vw;
  }
}
@media (max-width: 750px) {
  .banner .bannerLinkWrap .banner_inr {
    width: 100%;
    margin-bottom: 5.3333333333vw;
    gap: 2.1333333333vw;
  }
}
.banner .bannerLinkWrap .banner_inr .bannerlink {
  width: 100%;
}
.banner .bannerLinkWrap .banner_inr .bannerlink img {
  width: 100%;
  height: auto;
  display: block;
}
.banner .bannerLinkWrap .banner_inr .lineImage {
  width: 100%;
  max-width: 220px;
  margin-top: 30px;
}
@media (max-width: 1440px) {
  .banner .bannerLinkWrap .banner_inr .lineImage {
    max-width: 15.278vw;
    margin-top: 2.0833333333vw;
  }
}
@media (max-width: 750px) {
  .banner .bannerLinkWrap .banner_inr .lineImage {
    max-width: 57.6vw;
    margin-top: 4vw;
  }
}
.banner .bannerLinkWrap .banner_inr .lineImage img {
  width: 100%;
  height: auto;
  display: block;
}/*# sourceMappingURL=banner.css.map */