@charset "UTF-8";
/* ///////////////////////////////////////////
  value.scss
  変数・mixinに関する設定
/////////////////////////////////////////// */
/*====================================
  カラー
=====================================*/
/*====================================
  ランドセルカラーバリエーション
====================================*/
/*====================================
  画像
=====================================*/
/*====================================
  font
=====================================*/
/*====================================
  レイアウト・パーツ
=====================================*/
/* ======================
波形（区切り）
====================== */
/* ======================
背景
====================== */
/* /////////////////////////////////
  Media Queries
///////////////////////////////// */
/*====================================
  要素のサイズセット
=====================================*/
/* ///////////////////////////////////////////
  page.scss
  下層ページに関する記述
/////////////////////////////////////////// */
main[class^=page--information] .info__ttl {
  display: flex;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__ttl {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__ttl {
    padding-inline: 80px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__ttl {
    font-size: 1.8rem;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__ttl .sub {
    font-size: 1.4rem;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__ttl .sub {
    font-size: 1.6rem;
  }
}
main[class^=page--information] .info__schedule {
  display: grid;
  max-width: 1320px;
  margin-inline: auto;
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule {
    padding-inline: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule {
    padding-inline: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule {
    grid-template-columns: 1fr;
    gap: 40px 0;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto 1fr;
    gap: 0 80px;
  }
}
main[class^=page--information] .info__schedule__ttl {
  text-align: center;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__ttl {
    grid-column: 2/3;
    grid-row: 1/2;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule__list {
    margin-top: 20px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__list {
    margin-top: 40px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__list {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
main[class^=page--information] .info__schedule__item {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #d3befa;
  padding: 0.5em 0;
}
main[class^=page--information] .info__schedule__item:first-of-type {
  border-top: 1px dotted #d3befa;
}
main[class^=page--information] .info__schedule__item .status {
  display: inline-block;
  margin-right: 20px;
  border-radius: 4px;
  background: #f9f8fc;
  padding: 0.25em 1em;
  text-align: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule__item .status {
    width: 80px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__item .status {
    width: 100px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule__item .content {
    width: calc(100% - 80px - 20px);
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__item .content {
    width: calc(100% - 100px - 20px);
  }
}
main[class^=page--information] .info__schedule__item .min {
  display: inline-block;
  font-size: 80%;
}
main[class^=page--information] .info__schedule__item a {
  flex: 1;
  position: relative;
  display: flex;
  align-items: center;
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule__item a {
    padding-right: 30px;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__item a {
    padding-right: 40px;
  }
}
main[class^=page--information] .info__schedule__item a::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  transform: translate(0, -50%);
  display: inline-block;
  margin-left: 20px;
  background: url(./../images/common/btn_purple.svg) center no-repeat;
  background-size: contain;
  transition: all 0.3s ease;
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__item a::after {
    width: 30px;
    height: 30px;
  }
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule__item a::after {
    width: 24px;
    height: 24px;
  }
}
main[class^=page--information] .info__schedule__item a:hover {
  opacity: 0.8;
}
main[class^=page--information] .info__schedule__img {
  display: block;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 834px) {
  main[class^=page--information] .info__schedule__img {
    order: -1;
  }
}
@media print, screen and (min-width: 835px) {
  main[class^=page--information] .info__schedule__img {
    grid-column: 1/2;
    grid-row: 1/3;
  }
}
main[class^=page--information] .info__schedule__img img {
  object-fit: cover;
}/*# sourceMappingURL=information.css.map */