@charset "UTF-8";
/*==================================================
Basic Settings (Breakpoints / Widths / Font-bases)
==================================================*/
/*==================================================
Mixins
==================================================*/
/*==================================================
SCSS Variables (for compatibility)
==================================================*/
/* Page-specific colors */
/* Typo Scale */
/*==================================================
Spacing
==================================================*/
/**********************************************************************************************
　PC ＆ スマホ 共通
**********************************************************************************************/
/* スライド
--------------------------------------------------------------------------------------------- */
.splide {
  width: 100%;
  max-width: 100%;
  margin: 1em auto 2em;
  overflow: clip; /* はみ出しを隠す */
}
@media (max-width: 960px) {
  .splide {
    margin-top: 0;
  }
}
.splide__slide img {
  width: 100%;
  height: 100%;
  height: 340px;
  object-fit: cover;
}
.splide__track {
  background: var(--color-bg);
}
.splide__arrow {
  background: var(--color-accent);
  border-radius: 0;
  opacity: 1;
  width: 3em;
  height: 3em;
}
.splide__arrow::before {
  content: "";
  display: block;
  width: 1em;
  height: 1em;
  border-top: 2px solid var(--color-bg);
  border-left: 2px solid var(--color-bg);
  position: absolute;
  top: 50%;
  left: 50%;
}
.splide__arrow--prev::before {
  transform: translateX(-25%) translateY(-50%) rotate(-45deg);
}
.splide__arrow--next::before {
  transform: translateX(-75%) translateY(-50%) rotate(135deg);
}
.splide__arrow svg {
  display: none;
}
@media (min-width: 641px) {
  .splide__arrow:hover {
    opacity: 0.5;
  }
}

/* メインビジュアル下　誘導ボタン
--------------------------------------------------------------------------------------------- */
.p-main-section ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 1em;
}
@media (max-width: 960px) {
  .p-main-section ul {
    flex-wrap: wrap;
  }
}
@media (max-width: 960px) {
  .p-main-section li {
    width: calc(50% - 0.5em);
  }
}
.p-main-section li a {
  position: relative;
  display: block;
}
@media (max-width: 960px) {
  .p-main-section li a {
    height: 10em;
  }
}
@media (max-width: 960px) {
  .p-main-section li a img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
.p-main-section li a:hover {
  opacity: 0.5;
  text-decoration: none;
}
.p-main-section li a .p-main-nav__item__sub {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background: var(--color-accent);
  color: var(--color-bg);
  min-height: 2em;
  border-top: 2px solid var(--color-bg);
}
@media (max-width: 960px) {
  .p-main-section li a .p-main-nav__item__sub {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

/* 誘導ボタン下　説明文
--------------------------------------------------------------------------------------------- */
.p-main-description {
  text-align: center;
  padding: 2em 0;
}
@media (max-width: 960px) {
  .p-main-description {
    text-align: left;
  }
}

/* バナー（キンダーケアシステム）
--------------------------------------------------------------------------------------------- */
@media (min-width: 641px) {
  .p-kindercare-banner {
    width: 100%;
    margin: 50px auto 80px;
    text-align: center;
  }
  .p-kindercare-banner a {
    display: inline-block;
    margin: 0 10px;
  }
  .p-kindercare-banner a img {
    height: auto;
  }
}
@media (max-width: 640px) {
  .p-kindercare-banner {
    width: 92%;
    margin: 10% auto 15%;
    text-align: center;
  }
  .p-kindercare-banner a {
    display: block;
  }
  .p-kindercare-banner a img {
    width: 100%;
    height: auto;
  }
}

/* ニュース
--------------------------------------------------------------------------------------------- */
.p-news-section {
  width: calc(50% - 2em);
}
@media (max-width: 640px) {
  .p-news-section {
    width: 100%;
  }
}
.p-news-section__list {
  height: 300px;
  border: 1px solid var(--color-border);
  padding: 1em;
  overflow-y: scroll;
}
.p-news__list {
  display: flex;
  margin-bottom: 2em;
  gap: 0.5em;
  letter-spacing: normal;
}
.p-news__list__date {
  width: 100%;
  max-width: 9em;
}
.p-news__list__title {
  font-weight: bold;
  display: inline-block;
  margin-right: 0.5em;
}
.p-news__list__new {
  display: inline-block;
  background: var(--color-accent);
  color: var(--color-bg);
  font-size: var(--fs-sm);
  padding: 0.25em 0.5em;
  line-height: 1;
}
.p-news__list__content {
  width: 100%;
  max-width: calc(100% - 9em - 1em);
}
.p-news__list__content a {
  color: var(--color-accent);
  text-decoration: none;
}
.p-news__list__content a:hover {
  text-decoration: underline;
}

/* アクセス
--------------------------------------------------------------------------------------------- */
.p-access-section {
  width: calc(50% - 2em);
}
@media (max-width: 640px) {
  .p-access-section {
    width: 100%;
  }
}
.p-access-section iframe {
  max-width: 100%;
  border: none;
}

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