@charset "UTF-8";
/*スポット横並び調整*/
@media (max-width: 1366px) {
  .index__spot__pickup__grid {
    max-width: 1116px;
    /*grid-template-columns: repeat(3, 290px);*/
    display: flex;
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
       column-gap: 20px;
  }
}
@media (max-width: 1024px) {
  .index__spot__pickup__grid {
    max-width: 620px;
    grid-template-columns: repeat(2, 290px);
    display: grid;
    grid-column-gap: 40px;
    -moz-column-gap: 40px;
         column-gap: 40px;
  }
}
@media (max-width: 768px) {
  .index__spot__pickup__grid {
    grid-template-columns: repeat(2, 1fr);
    max-width: 500px;
    grid-template-rows: auto;
    grid-column-gap: 20px;
    -moz-column-gap: 20px;
         column-gap: 20px;
    grid-row-gap: 30px;
    row-gap: 30px;
  }
}
/*TOP画像の白スキマを目立たなくするための背景色*/
.index__header__imagePart{
  background-color: #9AD2CF;
}

/*お知らせ文字サイズ調整*/
.index__info__grid .inner .textPart p.p {
  line-height: 1.5em;
  font-size: 16px;
  font-size: clamp(14px, calc(14px + (16 - 14) * (100vw - 576px) / (1366 - 576)), 16px);
}
.index__info__grid .inner .textPart::after {
  font-size: 16px;
  font-size: clamp(14px, calc(14px + (16 - 14) * (100vw - 576px) / (1366 - 576)), 16px);
}
/*近隣のおすすめ文字サイズ調整*/
.index__relationalLink__grid .items .descPart{
  font-size: 14px;
  font-size: clamp(13px, calc(13px + (14 - 13) * (100vw - 576px) / (1366 - 576)), 14px);
  line-height: 1.5;
}